/* @import url("https://fonts.googleapis.com/css?family=prompt:300,400,400i,500,500i,700,700i,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=prompt:300,400,400i,500,500i,700,700i,900&display=swap"); */
    /* @font-face {
    font-family: 'prompt';
    src: url('./IBMPlexSansThai/ibmplexsansthai-light-webfont.woff2') format('woff2'), url('./IBMPlexSansThai/ibmplexsansthai-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */
    
    @font-face {
        font-family: 'prompt';
        src: url('./Font-Prompt/prompt-light-webfont.woff2') format('woff2'), url('./Font-Prompt/prompt-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'promptbold';
        src: url('./Font-Prompt/prompt-bold-webfont.woff2') format('woff2'), url('./Font-Prompt/prompt-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    .fa {
        display: inline-block;
        font: normal normal normal 12px/1 prompt;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    
    .fa-lg {
        font-size: 1.33333333em;
        line-height: .75em;
        vertical-align: -15%
    }
    
    .fa-2x {
        font-size: 2em
    }
    
    .fa-3x {
        font-size: 3em
    }
    
    .fa-4x {
        font-size: 4em
    }
    
    .fa-5x {
        font-size: 5em
    }
    
    .fa-fw {
        width: 1.28571429em;
        text-align: center
    }
    
    .fa-ul {
        padding-left: 0;
        margin-left: 2.14285714em;
        list-style-type: none
    }
    
    .fa-ul>li {
        position: relative
    }
    
    .fa-li {
        position: absolute;
        left: -2.14285714em;
        width: 2.14285714em;
        top: .14285714em;
        text-align: center
    }
    
    .fa-li.fa-lg {
        left: -1.85714286em
    }
    
    .fa-border {
        padding: .2em .25em .15em;
        border: solid .08em #eee;
        border-radius: .1em
    }
    
    .fa-pull-left {
        float: left
    }
    
    .fa-pull-right {
        float: right
    }
    
    .fa.fa-pull-left {
        margin-right: .3em
    }
    
    .fa.fa-pull-right {
        margin-left: .3em
    }
    
    .pull-right {
        float: right
    }
    
    .pull-left {
        float: left
    }
    
    .fa.pull-left {
        margin-right: .3em
    }
    
    .fa.pull-right {
        margin-left: .3em
    }
    
    .fa-spin {
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear
    }
    
    .fa-pulse {
        -webkit-animation: fa-spin 1s infinite steps(8);
        animation: fa-spin 1s infinite steps(8)
    }
    
    @-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg)
        }
    }
    
    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg)
        }
    }
    
    .fa-rotate-90 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    
    .fa-rotate-180 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    
    .fa-rotate-270 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    
    .fa-flip-horizontal {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
        -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1)
    }
    
    .fa-flip-vertical {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
        -webkit-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        transform: scale(1, -1)
    }
    
     :root .fa-rotate-90,
     :root .fa-rotate-180,
     :root .fa-rotate-270,
     :root .fa-flip-horizontal,
     :root .fa-flip-vertical {
        filter: none
    }
    
    .fa-stack {
        position: relative;
        display: inline-block;
        width: 2em;
        height: 2em;
        line-height: 2em;
        vertical-align: middle
    }
    
    .fa-stack-1x,
    .fa-stack-2x {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center
    }
    
    .fa-stack-1x {
        line-height: inherit
    }
    
    .fa-stack-2x {
        font-size: 2em
    }
    
    .fa-inverse {
        color: #fff
    }
    
    .fa-glass:before {
        content: "\f000"
    }
    
    .fa-music:before {
        content: "\f001"
    }
    
    .fa-search:before {
        content: "\f002"
    }
    
    .fa-envelope-o:before {
        content: "\f003"
    }
    
    .fa-heart:before {
        content: "\f004"
    }
    
    .fa-star:before {
        content: "\f005"
    }
    
    .fa-star-o:before {
        content: "\f006"
    }
    
    .fa-user:before {
        content: "\f007"
    }
    
    .fa-film:before {
        content: "\f008"
    }
    
    .fa-th-large:before {
        content: "\f009"
    }
    
    .fa-th:before {
        content: "\f00a"
    }
    
    .fa-th-list:before {
        content: "\f00b"
    }
    
    .fa-check:before {
        content: "\f00c"
    }
    
    .fa-remove:before,
    .fa-close:before,
    .fa-times:before {
        content: "\f00d"
    }
    
    .fa-search-plus:before {
        content: "\f00e"
    }
    
    .fa-search-minus:before {
        content: "\f010"
    }
    
    .fa-power-off:before {
        content: "\f011"
    }
    
    .fa-signal:before {
        content: "\f012"
    }
    
    .fa-gear:before,
    .fa-cog:before {
        content: "\f013"
    }
    
    .fa-trash-o:before {
        content: "\f014"
    }
    
    .fa-home:before {
        content: "\f015"
    }
    
    .fa-file-o:before {
        content: "\f016"
    }
    
    .fa-clock-o:before {
        content: "\f017"
    }
    
    .fa-road:before {
        content: "\f018"
    }
    
    .fa-download:before {
        content: "\f019"
    }
    
    .fa-arrow-circle-o-down:before {
        content: "\f01a"
    }
    
    .fa-arrow-circle-o-up:before {
        content: "\f01b"
    }
    
    .fa-inbox:before {
        content: "\f01c"
    }
    
    .fa-play-circle-o:before {
        content: "\f01d"
    }
    
    .fa-rotate-right:before,
    .fa-repeat:before {
        content: "\f01e"
    }
    
    .fa-refresh:before {
        content: "\f021"
    }
    
    .fa-list-alt:before {
        content: "\f022"
    }
    
    .fa-lock:before {
        content: "\f023"
    }
    
    .fa-flag:before {
        content: "\f024"
    }
    
    .fa-headphones:before {
        content: "\f025"
    }
    
    .fa-volume-off:before {
        content: "\f026"
    }
    
    .fa-volume-down:before {
        content: "\f027"
    }
    
    .fa-volume-up:before {
        content: "\f028"
    }
    
    .fa-qrcode:before {
        content: "\f029"
    }
    
    .fa-barcode:before {
        content: "\f02a"
    }
    
    .fa-tag:before {
        content: "\f02b"
    }
    
    .fa-tags:before {
        content: "\f02c"
    }
    
    .fa-book:before {
        content: "\f02d"
    }
    
    .fa-bookmark:before {
        content: "\f02e"
    }
    
    .fa-print:before {
        content: "\f02f"
    }
    
    .fa-camera:before {
        content: "\f030"
    }
    
    .fa-font:before {
        content: "\f031"
    }
    
    .fa-bold:before {
        content: "\f032"
    }
    
    .fa-italic:before {
        content: "\f033"
    }
    
    .fa-text-height:before {
        content: "\f034"
    }
    
    .fa-text-width:before {
        content: "\f035"
    }
    
    .fa-align-left:before {
        content: "\f036"
    }
    
    .fa-align-center:before {
        content: "\f037"
    }
    
    .fa-align-right:before {
        content: "\f038"
    }
    
    .fa-align-justify:before {
        content: "\f039"
    }
    
    .fa-list:before {
        content: "\f03a"
    }
    
    .fa-dedent:before,
    .fa-outdent:before {
        content: "\f03b"
    }
    
    .fa-indent:before {
        content: "\f03c"
    }
    
    .fa-video-camera:before {
        content: "\f03d"
    }
    
    .fa-photo:before,
    .fa-image:before,
    .fa-picture-o:before {
        content: "\f03e"
    }
    
    .fa-pencil:before {
        content: "\f040"
    }
    
    .fa-map-marker:before {
        content: "\f041"
    }
    
    .fa-adjust:before {
        content: "\f042"
    }
    
    .fa-tint:before {
        content: "\f043"
    }
    
    .fa-edit:before,
    .fa-pencil-square-o:before {
        content: "\f044"
    }
    
    .fa-share-square-o:before {
        content: "\f045"
    }
    
    .fa-check-square-o:before {
        content: "\f046"
    }
    
    .fa-arrows:before {
        content: "\f047"
    }
    
    .fa-step-backward:before {
        content: "\f048"
    }
    
    .fa-fast-backward:before {
        content: "\f049"
    }
    
    .fa-backward:before {
        content: "\f04a"
    }
    
    .fa-play:before {
        content: "\f04b"
    }
    
    .fa-pause:before {
        content: "\f04c"
    }
    
    .fa-stop:before {
        content: "\f04d"
    }
    
    .fa-forward:before {
        content: "\f04e"
    }
    
    .fa-fast-forward:before {
        content: "\f050"
    }
    
    .fa-step-forward:before {
        content: "\f051"
    }
    
    .fa-eject:before {
        content: "\f052"
    }
    
    .fa-chevron-left:before {
        content: "\f053"
    }
    
    .fa-chevron-right:before {
        content: "\f054"
    }
    
    .fa-plus-circle:before {
        content: "\f055"
    }
    
    .fa-minus-circle:before {
        content: "\f056"
    }
    
    .fa-times-circle:before {
        content: "\f057"
    }
    
    .fa-check-circle:before {
        content: "\f058"
    }
    
    .fa-question-circle:before {
        content: "\f059"
    }
    
    .fa-info-circle:before {
        content: "\f05a"
    }
    
    .fa-crosshairs:before {
        content: "\f05b"
    }
    
    .fa-times-circle-o:before {
        content: "\f05c"
    }
    
    .fa-check-circle-o:before {
        content: "\f05d"
    }
    
    .fa-ban:before {
        content: "\f05e"
    }
    
    .fa-arrow-left:before {
        content: "\f060"
    }
    
    .fa-arrow-right:before {
        content: "\f061"
    }
    
    .fa-arrow-up:before {
        content: "\f062"
    }
    
    .fa-arrow-down:before {
        content: "\f063"
    }
    
    .fa-mail-forward:before,
    .fa-share:before {
        content: "\f064"
    }
    
    .fa-expand:before {
        content: "\f065"
    }
    
    .fa-compress:before {
        content: "\f066"
    }
    
    .fa-plus:before {
        content: "\f067"
    }
    
    .fa-minus:before {
        content: "\f068"
    }
    
    .fa-asterisk:before {
        content: "\f069"
    }
    
    .fa-exclamation-circle:before {
        content: "\f06a"
    }
    
    .fa-gift:before {
        content: "\f06b"
    }
    
    .fa-leaf:before {
        content: "\f06c"
    }
    
    .fa-fire:before {
        content: "\f06d"
    }
    
    .fa-eye:before {
        content: "\f06e"
    }
    
    .fa-eye-slash:before {
        content: "\f070"
    }
    
    .fa-warning:before,
    .fa-exclamation-triangle:before {
        content: "\f071"
    }
    
    .fa-plane:before {
        content: "\f072"
    }
    
    .fa-calendar:before {
        content: "\f073"
    }
    
    .fa-random:before {
        content: "\f074"
    }
    
    .fa-comment:before {
        content: "\f075"
    }
    
    .fa-magnet:before {
        content: "\f076"
    }
    
    .fa-chevron-up:before {
        content: "\f077"
    }
    
    .fa-chevron-down:before {
        content: "\f078"
    }
    
    .fa-retweet:before {
        content: "\f079"
    }
    
    .fa-shopping-cart:before {
        content: "\f07a"
    }
    
    .fa-folder:before {
        content: "\f07b"
    }
    
    .fa-folder-open:before {
        content: "\f07c"
    }
    
    .fa-arrows-v:before {
        content: "\f07d"
    }
    
    .fa-arrows-h:before {
        content: "\f07e"
    }
    
    .fa-bar-chart-o:before,
    .fa-bar-chart:before {
        content: "\f080"
    }
    
    .fa-twitter-square:before {
        content: "\f081"
    }
    
    .fa-facebook-square:before {
        content: "\f082"
    }
    
    .fa-camera-retro:before {
        content: "\f083"
    }
    
    .fa-key:before {
        content: "\f084"
    }
    
    .fa-gears:before,
    .fa-cogs:before {
        content: "\f085"
    }
    
    .fa-comments:before {
        content: "\f086"
    }
    
    .fa-thumbs-o-up:before {
        content: "\f087"
    }
    
    .fa-thumbs-o-down:before {
        content: "\f088"
    }
    
    .fa-star-half:before {
        content: "\f089"
    }
    
    .fa-heart-o:before {
        content: "\f08a"
    }
    
    .fa-sign-out:before {
        content: "\f08b"
    }
    
    .fa-linkedin-square:before {
        content: "\f08c"
    }
    
    .fa-thumb-tack:before {
        content: "\f08d"
    }
    
    .fa-external-link:before {
        content: "\f08e"
    }
    
    .fa-sign-in:before {
        content: "\f090"
    }
    
    .fa-trophy:before {
        content: "\f091"
    }
    
    .fa-github-square:before {
        content: "\f092"
    }
    
    .fa-upload:before {
        content: "\f093"
    }
    
    .fa-lemon-o:before {
        content: "\f094"
    }
    
    .fa-phone:before {
        content: "\f095"
    }
    
    .fa-square-o:before {
        content: "\f096"
    }
    
    .fa-bookmark-o:before {
        content: "\f097"
    }
    
    .fa-phone-square:before {
        content: "\f098"
    }
    
    .fa-twitter:before {
        content: "\f099"
    }
    
    .fa-facebook-f:before,
    .fa-facebook:before {
        content: "\f09a"
    }
    
    .fa-github:before {
        content: "\f09b"
    }
    
    .fa-unlock:before {
        content: "\f09c"
    }
    
    .fa-credit-card:before {
        content: "\f09d"
    }
    
    .fa-feed:before,
    .fa-rss:before {
        content: "\f09e"
    }
    
    .fa-hdd-o:before {
        content: "\f0a0"
    }
    
    .fa-bullhorn:before {
        content: "\f0a1"
    }
    
    .fa-bell:before {
        content: "\f0f3"
    }
    
    .fa-certificate:before {
        content: "\f0a3"
    }
    
    .fa-hand-o-right:before {
        content: "\f0a4"
    }
    
    .fa-hand-o-left:before {
        content: "\f0a5"
    }
    
    .fa-hand-o-up:before {
        content: "\f0a6"
    }
    
    .fa-hand-o-down:before {
        content: "\f0a7"
    }
    
    .fa-arrow-circle-left:before {
        content: "\f0a8"
    }
    
    .fa-arrow-circle-right:before {
        content: "\f0a9"
    }
    
    .fa-arrow-circle-up:before {
        content: "\f0aa"
    }
    
    .fa-arrow-circle-down:before {
        content: "\f0ab"
    }
    
    .fa-globe:before {
        content: "\f0ac"
    }
    
    .fa-wrench:before {
        content: "\f0ad"
    }
    
    .fa-tasks:before {
        content: "\f0ae"
    }
    
    .fa-filter:before {
        content: "\f0b0"
    }
    
    .fa-briefcase:before {
        content: "\f0b1"
    }
    
    .fa-arrows-alt:before {
        content: "\f0b2"
    }
    
    .fa-group:before,
    .fa-users:before {
        content: "\f0c0"
    }
    
    .fa-chain:before,
    .fa-link:before {
        content: "\f0c1"
    }
    
    .fa-cloud:before {
        content: "\f0c2"
    }
    
    .fa-flask:before {
        content: "\f0c3"
    }
    
    .fa-cut:before,
    .fa-scissors:before {
        content: "\f0c4"
    }
    
    .fa-copy:before,
    .fa-files-o:before {
        content: "\f0c5"
    }
    
    .fa-paperclip:before {
        content: "\f0c6"
    }
    
    .fa-save:before,
    .fa-floppy-o:before {
        content: "\f0c7"
    }
    
    .fa-square:before {
        content: "\f0c8"
    }
    
    .fa-navicon:before,
    .fa-reorder:before,
    .fa-bars:before {
        content: "\f0c9"
    }
    
    .fa-list-ul:before {
        content: "\f0ca"
    }
    
    .fa-list-ol:before {
        content: "\f0cb"
    }
    
    .fa-strikethrough:before {
        content: "\f0cc"
    }
    
    .fa-underline:before {
        content: "\f0cd"
    }
    
    .fa-table:before {
        content: "\f0ce"
    }
    
    .fa-magic:before {
        content: "\f0d0"
    }
    
    .fa-truck:before {
        content: "\f0d1"
    }
    
    .fa-pinterest:before {
        content: "\f0d2"
    }
    
    .fa-pinterest-square:before {
        content: "\f0d3"
    }
    
    .fa-google-plus-square:before {
        content: "\f0d4"
    }
    
    .fa-google-plus:before {
        content: "\f0d5"
    }
    
    .fa-money:before {
        content: "\f0d6"
    }
    
    .fa-caret-down:before {
        content: "\f0d7"
    }
    
    .fa-caret-up:before {
        content: "\f0d8"
    }
    
    .fa-caret-left:before {
        content: "\f0d9"
    }
    
    .fa-caret-right:before {
        content: "\f0da"
    }
    
    .fa-columns:before {
        content: "\f0db"
    }
    
    .fa-unsorted:before,
    .fa-sort:before {
        content: "\f0dc"
    }
    
    .fa-sort-down:before,
    .fa-sort-desc:before {
        content: "\f0dd"
    }
    
    .fa-sort-up:before,
    .fa-sort-asc:before {
        content: "\f0de"
    }
    
    .fa-envelope:before {
        content: "\f0e0"
    }
    
    .fa-linkedin:before {
        content: "\f0e1"
    }
    
    .fa-rotate-left:before,
    .fa-undo:before {
        content: "\f0e2"
    }
    
    .fa-legal:before,
    .fa-gavel:before {
        content: "\f0e3"
    }
    
    .fa-dashboard:before,
    .fa-tachometer:before {
        content: "\f0e4"
    }
    
    .fa-comment-o:before {
        content: "\f0e5"
    }
    
    .fa-comments-o:before {
        content: "\f0e6"
    }
    
    .fa-flash:before,
    .fa-bolt:before {
        content: "\f0e7"
    }
    
    .fa-sitemap:before {
        content: "\f0e8"
    }
    
    .fa-umbrella:before {
        content: "\f0e9"
    }
    
    .fa-paste:before,
    .fa-clipboard:before {
        content: "\f0ea"
    }
    
    .fa-lightbulb-o:before {
        content: "\f0eb"
    }
    
    .fa-exchange:before {
        content: "\f0ec"
    }
    
    .fa-cloud-download:before {
        content: "\f0ed"
    }
    
    .fa-cloud-upload:before {
        content: "\f0ee"
    }
    
    .fa-user-md:before {
        content: "\f0f0"
    }
    
    .fa-stethoscope:before {
        content: "\f0f1"
    }
    
    .fa-suitcase:before {
        content: "\f0f2"
    }
    
    .fa-bell-o:before {
        content: "\f0a2"
    }
    
    .fa-coffee:before {
        content: "\f0f4"
    }
    
    .fa-cutlery:before {
        content: "\f0f5"
    }
    
    .fa-file-text-o:before {
        content: "\f0f6"
    }
    
    .fa-building-o:before {
        content: "\f0f7"
    }
    
    .fa-hospital-o:before {
        content: "\f0f8"
    }
    
    .fa-ambulance:before {
        content: "\f0f9"
    }
    
    .fa-medkit:before {
        content: "\f0fa"
    }
    
    .fa-fighter-jet:before {
        content: "\f0fb"
    }
    
    .fa-beer:before {
        content: "\f0fc"
    }
    
    .fa-h-square:before {
        content: "\f0fd"
    }
    
    .fa-plus-square:before {
        content: "\f0fe"
    }
    
    .fa-angle-double-left:before {
        content: "\f100"
    }
    
    .fa-angle-double-right:before {
        content: "\f101"
    }
    
    .fa-angle-double-up:before {
        content: "\f102"
    }
    
    .fa-angle-double-down:before {
        content: "\f103"
    }
    
    .fa-angle-left:before {
        content: "\f104"
    }
    
    .fa-angle-right:before {
        content: "\f105"
    }
    
    .fa-angle-up:before {
        content: "\f106"
    }
    
    .fa-angle-down:before {
        content: "\f107"
    }
    
    .fa-desktop:before {
        content: "\f108"
    }
    
    .fa-laptop:before {
        content: "\f109"
    }
    
    .fa-tablet:before {
        content: "\f10a"
    }
    
    .fa-mobile-phone:before,
    .fa-mobile:before {
        content: "\f10b"
    }
    
    .fa-circle-o:before {
        content: "\f10c"
    }
    
    .fa-quote-left:before {
        content: "\f10d"
    }
    
    .fa-quote-right:before {
        content: "\f10e"
    }
    
    .fa-spinner:before {
        content: "\f110"
    }
    
    .fa-circle:before {
        content: "\f111"
    }
    
    .fa-mail-reply:before,
    .fa-reply:before {
        content: "\f112"
    }
    
    .fa-github-alt:before {
        content: "\f113"
    }
    
    .fa-folder-o:before {
        content: "\f114"
    }
    
    .fa-folder-open-o:before {
        content: "\f115"
    }
    
    .fa-smile-o:before {
        content: "\f118"
    }
    
    .fa-frown-o:before {
        content: "\f119"
    }
    
    .fa-meh-o:before {
        content: "\f11a"
    }
    
    .fa-gamepad:before {
        content: "\f11b"
    }
    
    .fa-keyboard-o:before {
        content: "\f11c"
    }
    
    .fa-flag-o:before {
        content: "\f11d"
    }
    
    .fa-flag-checkered:before {
        content: "\f11e"
    }
    
    .fa-terminal:before {
        content: "\f120"
    }
    
    .fa-code:before {
        content: "\f121"
    }
    
    .fa-mail-reply-all:before,
    .fa-reply-all:before {
        content: "\f122"
    }
    
    .fa-star-half-empty:before,
    .fa-star-half-full:before,
    .fa-star-half-o:before {
        content: "\f123"
    }
    
    .fa-location-arrow:before {
        content: "\f124"
    }
    
    .fa-crop:before {
        content: "\f125"
    }
    
    .fa-code-fork:before {
        content: "\f126"
    }
    
    .fa-unlink:before,
    .fa-chain-broken:before {
        content: "\f127"
    }
    
    .fa-question:before {
        content: "\f128"
    }
    
    .fa-info:before {
        content: "\f129"
    }
    
    .fa-exclamation:before {
        content: "\f12a"
    }
    
    .fa-superscript:before {
        content: "\f12b"
    }
    
    .fa-subscript:before {
        content: "\f12c"
    }
    
    .fa-eraser:before {
        content: "\f12d"
    }
    
    .fa-puzzle-piece:before {
        content: "\f12e"
    }
    
    .fa-microphone:before {
        content: "\f130"
    }
    
    .fa-microphone-slash:before {
        content: "\f131"
    }
    
    .fa-shield:before {
        content: "\f132"
    }
    
    .fa-calendar-o:before {
        content: "\f133"
    }
    
    .fa-fire-extinguisher:before {
        content: "\f134"
    }
    
    .fa-rocket:before {
        content: "\f135"
    }
    
    .fa-maxcdn:before {
        content: "\f136"
    }
    
    .fa-chevron-circle-left:before {
        content: "\f137"
    }
    
    .fa-chevron-circle-right:before {
        content: "\f138"
    }
    
    .fa-chevron-circle-up:before {
        content: "\f139"
    }
    
    .fa-chevron-circle-down:before {
        content: "\f13a"
    }
    
    .fa-html5:before {
        content: "\f13b"
    }
    
    .fa-css3:before {
        content: "\f13c"
    }
    
    .fa-anchor:before {
        content: "\f13d"
    }
    
    .fa-unlock-alt:before {
        content: "\f13e"
    }
    
    .fa-bullseye:before {
        content: "\f140"
    }
    
    .fa-ellipsis-h:before {
        content: "\f141"
    }
    
    .fa-ellipsis-v:before {
        content: "\f142"
    }
    
    .fa-rss-square:before {
        content: "\f143"
    }
    
    .fa-play-circle:before {
        content: "\f144"
    }
    
    .fa-ticket:before {
        content: "\f145"
    }
    
    .fa-minus-square:before {
        content: "\f146"
    }
    
    .fa-minus-square-o:before {
        content: "\f147"
    }
    
    .fa-level-up:before {
        content: "\f148"
    }
    
    .fa-level-down:before {
        content: "\f149"
    }
    
    .fa-check-square:before {
        content: "\f14a"
    }
    
    .fa-pencil-square:before {
        content: "\f14b"
    }
    
    .fa-external-link-square:before {
        content: "\f14c"
    }
    
    .fa-share-square:before {
        content: "\f14d"
    }
    
    .fa-compass:before {
        content: "\f14e"
    }
    
    .fa-toggle-down:before,
    .fa-caret-square-o-down:before {
        content: "\f150"
    }
    
    .fa-toggle-up:before,
    .fa-caret-square-o-up:before {
        content: "\f151"
    }
    
    .fa-toggle-right:before,
    .fa-caret-square-o-right:before {
        content: "\f152"
    }
    
    .fa-euro:before,
    .fa-eur:before {
        content: "\f153"
    }
    
    .fa-gbp:before {
        content: "\f154"
    }
    
    .fa-dollar:before,
    .fa-usd:before {
        content: "\f155"
    }
    
    .fa-rupee:before,
    .fa-inr:before {
        content: "\f156"
    }
    
    .fa-cny:before,
    .fa-rmb:before,
    .fa-yen:before,
    .fa-jpy:before {
        content: "\f157"
    }
    
    .fa-ruble:before,
    .fa-rouble:before,
    .fa-rub:before {
        content: "\f158"
    }
    
    .fa-won:before,
    .fa-krw:before {
        content: "\f159"
    }
    
    .fa-bitcoin:before,
    .fa-btc:before {
        content: "\f15a"
    }
    
    .fa-file:before {
        content: "\f15b"
    }
    
    .fa-file-text:before {
        content: "\f15c"
    }
    
    .fa-sort-alpha-asc:before {
        content: "\f15d"
    }
    
    .fa-sort-alpha-desc:before {
        content: "\f15e"
    }
    
    .fa-sort-amount-asc:before {
        content: "\f160"
    }
    
    .fa-sort-amount-desc:before {
        content: "\f161"
    }
    
    .fa-sort-numeric-asc:before {
        content: "\f162"
    }
    
    .fa-sort-numeric-desc:before {
        content: "\f163"
    }
    
    .fa-thumbs-up:before {
        content: "\f164"
    }
    
    .fa-thumbs-down:before {
        content: "\f165"
    }
    
    .fa-youtube-square:before {
        content: "\f166"
    }
    
    .fa-youtube:before {
        content: "\f167"
    }
    
    .fa-xing:before {
        content: "\f168"
    }
    
    .fa-xing-square:before {
        content: "\f169"
    }
    
    .fa-youtube-play:before {
        content: "\f16a"
    }
    
    .fa-dropbox:before {
        content: "\f16b"
    }
    
    .fa-stack-overflow:before {
        content: "\f16c"
    }
    
    .fa-instagram:before {
        content: "\f16d"
    }
    
    .fa-flickr:before {
        content: "\f16e"
    }
    
    .fa-adn:before {
        content: "\f170"
    }
    
    .fa-bitbucket:before {
        content: "\f171"
    }
    
    .fa-bitbucket-square:before {
        content: "\f172"
    }
    
    .fa-tumblr:before {
        content: "\f173"
    }
    
    .fa-tumblr-square:before {
        content: "\f174"
    }
    
    .fa-long-arrow-down:before {
        content: "\f175"
    }
    
    .fa-long-arrow-up:before {
        content: "\f176"
    }
    
    .fa-long-arrow-left:before {
        content: "\f177"
    }
    
    .fa-long-arrow-right:before {
        content: "\f178"
    }
    
    .fa-apple:before {
        content: "\f179"
    }
    
    .fa-windows:before {
        content: "\f17a"
    }
    
    .fa-android:before {
        content: "\f17b"
    }
    
    .fa-linux:before {
        content: "\f17c"
    }
    
    .fa-dribbble:before {
        content: "\f17d"
    }
    
    .fa-skype:before {
        content: "\f17e"
    }
    
    .fa-foursquare:before {
        content: "\f180"
    }
    
    .fa-trello:before {
        content: "\f181"
    }
    
    .fa-female:before {
        content: "\f182"
    }
    
    .fa-male:before {
        content: "\f183"
    }
    
    .fa-gittip:before,
    .fa-gratipay:before {
        content: "\f184"
    }
    
    .fa-sun-o:before {
        content: "\f185"
    }
    
    .fa-moon-o:before {
        content: "\f186"
    }
    
    .fa-archive:before {
        content: "\f187"
    }
    
    .fa-bug:before {
        content: "\f188"
    }
    
    .fa-vk:before {
        content: "\f189"
    }
    
    .fa-weibo:before {
        content: "\f18a"
    }
    
    .fa-renren:before {
        content: "\f18b"
    }
    
    .fa-pagelines:before {
        content: "\f18c"
    }
    
    .fa-stack-exchange:before {
        content: "\f18d"
    }
    
    .fa-arrow-circle-o-right:before {
        content: "\f18e"
    }
    
    .fa-arrow-circle-o-left:before {
        content: "\f190"
    }
    
    .fa-toggle-left:before,
    .fa-caret-square-o-left:before {
        content: "\f191"
    }
    
    .fa-dot-circle-o:before {
        content: "\f192"
    }
    
    .fa-wheelchair:before {
        content: "\f193"
    }
    
    .fa-vimeo-square:before {
        content: "\f194"
    }
    
    .fa-turkish-lira:before,
    .fa-try:before {
        content: "\f195"
    }
    
    .fa-plus-square-o:before {
        content: "\f196"
    }
    
    .fa-space-shuttle:before {
        content: "\f197"
    }
    
    .fa-slack:before {
        content: "\f198"
    }
    
    .fa-envelope-square:before {
        content: "\f199"
    }
    
    .fa-wordpress:before {
        content: "\f19a"
    }
    
    .fa-openid:before {
        content: "\f19b"
    }
    
    .fa-institution:before,
    .fa-bank:before,
    .fa-university:before {
        content: "\f19c"
    }
    
    .fa-mortar-board:before,
    .fa-graduation-cap:before {
        content: "\f19d"
    }
    
    .fa-yahoo:before {
        content: "\f19e"
    }
    
    .fa-google:before {
        content: "\f1a0"
    }
    
    .fa-reddit:before {
        content: "\f1a1"
    }
    
    .fa-reddit-square:before {
        content: "\f1a2"
    }
    
    .fa-stumbleupon-circle:before {
        content: "\f1a3"
    }
    
    .fa-stumbleupon:before {
        content: "\f1a4"
    }
    
    .fa-delicious:before {
        content: "\f1a5"
    }
    
    .fa-digg:before {
        content: "\f1a6"
    }
    
    .fa-pied-piper-pp:before {
        content: "\f1a7"
    }
    
    .fa-pied-piper-alt:before {
        content: "\f1a8"
    }
    
    .fa-drupal:before {
        content: "\f1a9"
    }
    
    .fa-joomla:before {
        content: "\f1aa"
    }
    
    .fa-language:before {
        content: "\f1ab"
    }
    
    .fa-fax:before {
        content: "\f1ac"
    }
    
    .fa-building:before {
        content: "\f1ad"
    }
    
    .fa-child:before {
        content: "\f1ae"
    }
    
    .fa-paw:before {
        content: "\f1b0"
    }
    
    .fa-spoon:before {
        content: "\f1b1"
    }
    
    .fa-cube:before {
        content: "\f1b2"
    }
    
    .fa-cubes:before {
        content: "\f1b3"
    }
    
    .fa-behance:before {
        content: "\f1b4"
    }
    
    .fa-behance-square:before {
        content: "\f1b5"
    }
    
    .fa-steam:before {
        content: "\f1b6"
    }
    
    .fa-steam-square:before {
        content: "\f1b7"
    }
    
    .fa-recycle:before {
        content: "\f1b8"
    }
    
    .fa-automobile:before,
    .fa-car:before {
        content: "\f1b9"
    }
    
    .fa-cab:before,
    .fa-taxi:before {
        content: "\f1ba"
    }
    
    .fa-tree:before {
        content: "\f1bb"
    }
    
    .fa-spotify:before {
        content: "\f1bc"
    }
    
    .fa-deviantart:before {
        content: "\f1bd"
    }
    
    .fa-soundcloud:before {
        content: "\f1be"
    }
    
    .fa-database:before {
        content: "\f1c0"
    }
    
    .fa-file-pdf-o:before {
        content: "\f1c1"
    }
    
    .fa-file-word-o:before {
        content: "\f1c2"
    }
    
    .fa-file-excel-o:before {
        content: "\f1c3"
    }
    
    .fa-file-powerpoint-o:before {
        content: "\f1c4"
    }
    
    .fa-file-photo-o:before,
    .fa-file-picture-o:before,
    .fa-file-image-o:before {
        content: "\f1c5"
    }
    
    .fa-file-zip-o:before,
    .fa-file-archive-o:before {
        content: "\f1c6"
    }
    
    .fa-file-sound-o:before,
    .fa-file-audio-o:before {
        content: "\f1c7"
    }
    
    .fa-file-movie-o:before,
    .fa-file-video-o:before {
        content: "\f1c8"
    }
    
    .fa-file-code-o:before {
        content: "\f1c9"
    }
    
    .fa-vine:before {
        content: "\f1ca"
    }
    
    .fa-codepen:before {
        content: "\f1cb"
    }
    
    .fa-jsfiddle:before {
        content: "\f1cc"
    }
    
    .fa-life-bouy:before,
    .fa-life-buoy:before,
    .fa-life-saver:before,
    .fa-support:before,
    .fa-life-ring:before {
        content: "\f1cd"
    }
    
    .fa-circle-o-notch:before {
        content: "\f1ce"
    }
    
    .fa-ra:before,
    .fa-resistance:before,
    .fa-rebel:before {
        content: "\f1d0"
    }
    
    .fa-ge:before,
    .fa-empire:before {
        content: "\f1d1"
    }
    
    .fa-git-square:before {
        content: "\f1d2"
    }
    
    .fa-git:before {
        content: "\f1d3"
    }
    
    .fa-y-combinator-square:before,
    .fa-yc-square:before,
    .fa-hacker-news:before {
        content: "\f1d4"
    }
    
    .fa-tencent-weibo:before {
        content: "\f1d5"
    }
    
    .fa-qq:before {
        content: "\f1d6"
    }
    
    .fa-wechat:before,
    .fa-weixin:before {
        content: "\f1d7"
    }
    
    .fa-send:before,
    .fa-paper-plane:before {
        content: "\f1d8"
    }
    
    .fa-send-o:before,
    .fa-paper-plane-o:before {
        content: "\f1d9"
    }
    
    .fa-history:before {
        content: "\f1da"
    }
    
    .fa-circle-thin:before {
        content: "\f1db"
    }
    
    .fa-header:before {
        content: "\f1dc"
    }
    
    .fa-paragraph:before {
        content: "\f1dd"
    }
    
    .fa-sliders:before {
        content: "\f1de"
    }
    
    .fa-share-alt:before {
        content: "\f1e0"
    }
    
    .fa-share-alt-square:before {
        content: "\f1e1"
    }
    
    .fa-bomb:before {
        content: "\f1e2"
    }
    
    .fa-soccer-ball-o:before,
    .fa-futbol-o:before {
        content: "\f1e3"
    }
    
    .fa-tty:before {
        content: "\f1e4"
    }
    
    .fa-binoculars:before {
        content: "\f1e5"
    }
    
    .fa-plug:before {
        content: "\f1e6"
    }
    
    .fa-slideshare:before {
        content: "\f1e7"
    }
    
    .fa-twitch:before {
        content: "\f1e8"
    }
    
    .fa-yelp:before {
        content: "\f1e9"
    }
    
    .fa-newspaper-o:before {
        content: "\f1ea"
    }
    
    .fa-wifi:before {
        content: "\f1eb"
    }
    
    .fa-calculator:before {
        content: "\f1ec"
    }
    
    .fa-paypal:before {
        content: "\f1ed"
    }
    
    .fa-google-wallet:before {
        content: "\f1ee"
    }
    
    .fa-cc-visa:before {
        content: "\f1f0"
    }
    
    .fa-cc-mastercard:before {
        content: "\f1f1"
    }
    
    .fa-cc-discover:before {
        content: "\f1f2"
    }
    
    .fa-cc-amex:before {
        content: "\f1f3"
    }
    
    .fa-cc-paypal:before {
        content: "\f1f4"
    }
    
    .fa-cc-stripe:before {
        content: "\f1f5"
    }
    
    .fa-bell-slash:before {
        content: "\f1f6"
    }
    
    .fa-bell-slash-o:before {
        content: "\f1f7"
    }
    
    .fa-trash:before {
        content: "\f1f8"
    }
    
    .fa-copyright:before {
        content: "\f1f9"
    }
    
    .fa-at:before {
        content: "\f1fa"
    }
    
    .fa-eyedropper:before {
        content: "\f1fb"
    }
    
    .fa-paint-brush:before {
        content: "\f1fc"
    }
    
    .fa-birthday-cake:before {
        content: "\f1fd"
    }
    
    .fa-area-chart:before {
        content: "\f1fe"
    }
    
    .fa-pie-chart:before {
        content: "\f200"
    }
    
    .fa-line-chart:before {
        content: "\f201"
    }
    
    .fa-lastfm:before {
        content: "\f202"
    }
    
    .fa-lastfm-square:before {
        content: "\f203"
    }
    
    .fa-toggle-off:before {
        content: "\f204"
    }
    
    .fa-toggle-on:before {
        content: "\f205"
    }
    
    .fa-bicycle:before {
        content: "\f206"
    }
    
    .fa-bus:before {
        content: "\f207"
    }
    
    .fa-ioxhost:before {
        content: "\f208"
    }
    
    .fa-angellist:before {
        content: "\f209"
    }
    
    .fa-cc:before {
        content: "\f20a"
    }
    
    .fa-shekel:before,
    .fa-sheqel:before,
    .fa-ils:before {
        content: "\f20b"
    }
    
    .fa-meanpath:before {
        content: "\f20c"
    }
    
    .fa-buysellads:before {
        content: "\f20d"
    }
    
    .fa-connectdevelop:before {
        content: "\f20e"
    }
    
    .fa-dashcube:before {
        content: "\f210"
    }
    
    .fa-forumbee:before {
        content: "\f211"
    }
    
    .fa-leanpub:before {
        content: "\f212"
    }
    
    .fa-sellsy:before {
        content: "\f213"
    }
    
    .fa-shirtsinbulk:before {
        content: "\f214"
    }
    
    .fa-simplybuilt:before {
        content: "\f215"
    }
    
    .fa-skyatlas:before {
        content: "\f216"
    }
    
    .fa-cart-plus:before {
        content: "\f217"
    }
    
    .fa-cart-arrow-down:before {
        content: "\f218"
    }
    
    .fa-diamond:before {
        content: "\f219"
    }
    
    .fa-ship:before {
        content: "\f21a"
    }
    
    .fa-user-secret:before {
        content: "\f21b"
    }
    
    .fa-motorcycle:before {
        content: "\f21c"
    }
    
    .fa-street-view:before {
        content: "\f21d"
    }
    
    .fa-heartbeat:before {
        content: "\f21e"
    }
    
    .fa-venus:before {
        content: "\f221"
    }
    
    .fa-mars:before {
        content: "\f222"
    }
    
    .fa-mercury:before {
        content: "\f223"
    }
    
    .fa-intersex:before,
    .fa-transgender:before {
        content: "\f224"
    }
    
    .fa-transgender-alt:before {
        content: "\f225"
    }
    
    .fa-venus-double:before {
        content: "\f226"
    }
    
    .fa-mars-double:before {
        content: "\f227"
    }
    
    .fa-venus-mars:before {
        content: "\f228"
    }
    
    .fa-mars-stroke:before {
        content: "\f229"
    }
    
    .fa-mars-stroke-v:before {
        content: "\f22a"
    }
    
    .fa-mars-stroke-h:before {
        content: "\f22b"
    }
    
    .fa-neuter:before {
        content: "\f22c"
    }
    
    .fa-genderless:before {
        content: "\f22d"
    }
    
    .fa-facebook-official:before {
        content: "\f230"
    }
    
    .fa-pinterest-p:before {
        content: "\f231"
    }
    
    .fa-whatsapp:before {
        content: "\f232"
    }
    
    .fa-server:before {
        content: "\f233"
    }
    
    .fa-user-plus:before {
        content: "\f234"
    }
    
    .fa-user-times:before {
        content: "\f235"
    }
    
    .fa-hotel:before,
    .fa-bed:before {
        content: "\f236"
    }
    
    .fa-viacoin:before {
        content: "\f237"
    }
    
    .fa-train:before {
        content: "\f238"
    }
    
    .fa-subway:before {
        content: "\f239"
    }
    
    .fa-medium:before {
        content: "\f23a"
    }
    
    .fa-yc:before,
    .fa-y-combinator:before {
        content: "\f23b"
    }
    
    .fa-optin-monster:before {
        content: "\f23c"
    }
    
    .fa-opencart:before {
        content: "\f23d"
    }
    
    .fa-expeditedssl:before {
        content: "\f23e"
    }
    
    .fa-battery-4:before,
    .fa-battery:before,
    .fa-battery-full:before {
        content: "\f240"
    }
    
    .fa-battery-3:before,
    .fa-battery-three-quarters:before {
        content: "\f241"
    }
    
    .fa-battery-2:before,
    .fa-battery-half:before {
        content: "\f242"
    }
    
    .fa-battery-1:before,
    .fa-battery-quarter:before {
        content: "\f243"
    }
    
    .fa-battery-0:before,
    .fa-battery-empty:before {
        content: "\f244"
    }
    
    .fa-mouse-pointer:before {
        content: "\f245"
    }
    
    .fa-i-cursor:before {
        content: "\f246"
    }
    
    .fa-object-group:before {
        content: "\f247"
    }
    
    .fa-object-ungroup:before {
        content: "\f248"
    }
    
    .fa-sticky-note:before {
        content: "\f249"
    }
    
    .fa-sticky-note-o:before {
        content: "\f24a"
    }
    
    .fa-cc-jcb:before {
        content: "\f24b"
    }
    
    .fa-cc-diners-club:before {
        content: "\f24c"
    }
    
    .fa-clone:before {
        content: "\f24d"
    }
    
    .fa-balance-scale:before {
        content: "\f24e"
    }
    
    .fa-hourglass-o:before {
        content: "\f250"
    }
    
    .fa-hourglass-1:before,
    .fa-hourglass-start:before {
        content: "\f251"
    }
    
    .fa-hourglass-2:before,
    .fa-hourglass-half:before {
        content: "\f252"
    }
    
    .fa-hourglass-3:before,
    .fa-hourglass-end:before {
        content: "\f253"
    }
    
    .fa-hourglass:before {
        content: "\f254"
    }
    
    .fa-hand-grab-o:before,
    .fa-hand-rock-o:before {
        content: "\f255"
    }
    
    .fa-hand-stop-o:before,
    .fa-hand-paper-o:before {
        content: "\f256"
    }
    
    .fa-hand-scissors-o:before {
        content: "\f257"
    }
    
    .fa-hand-lizard-o:before {
        content: "\f258"
    }
    
    .fa-hand-spock-o:before {
        content: "\f259"
    }
    
    .fa-hand-pointer-o:before {
        content: "\f25a"
    }
    
    .fa-hand-peace-o:before {
        content: "\f25b"
    }
    
    .fa-trademark:before {
        content: "\f25c"
    }
    
    .fa-registered:before {
        content: "\f25d"
    }
    
    .fa-creative-commons:before {
        content: "\f25e"
    }
    
    .fa-gg:before {
        content: "\f260"
    }
    
    .fa-gg-circle:before {
        content: "\f261"
    }
    
    .fa-tripadvisor:before {
        content: "\f262"
    }
    
    .fa-odnoklassniki:before {
        content: "\f263"
    }
    
    .fa-odnoklassniki-square:before {
        content: "\f264"
    }
    
    .fa-get-pocket:before {
        content: "\f265"
    }
    
    .fa-wikipedia-w:before {
        content: "\f266"
    }
    
    .fa-safari:before {
        content: "\f267"
    }
    
    .fa-chrome:before {
        content: "\f268"
    }
    
    .fa-firefox:before {
        content: "\f269"
    }
    
    .fa-opera:before {
        content: "\f26a"
    }
    
    .fa-internet-explorer:before {
        content: "\f26b"
    }
    
    .fa-tv:before,
    .fa-television:before {
        content: "\f26c"
    }
    
    .fa-contao:before {
        content: "\f26d"
    }
    
    .fa-500px:before {
        content: "\f26e"
    }
    
    .fa-amazon:before {
        content: "\f270"
    }
    
    .fa-calendar-plus-o:before {
        content: "\f271"
    }
    
    .fa-calendar-minus-o:before {
        content: "\f272"
    }
    
    .fa-calendar-times-o:before {
        content: "\f273"
    }
    
    .fa-calendar-check-o:before {
        content: "\f274"
    }
    
    .fa-industry:before {
        content: "\f275"
    }
    
    .fa-map-pin:before {
        content: "\f276"
    }
    
    .fa-map-signs:before {
        content: "\f277"
    }
    
    .fa-map-o:before {
        content: "\f278"
    }
    
    .fa-map:before {
        content: "\f279"
    }
    
    .fa-commenting:before {
        content: "\f27a"
    }
    
    .fa-commenting-o:before {
        content: "\f27b"
    }
    
    .fa-houzz:before {
        content: "\f27c"
    }
    
    .fa-vimeo:before {
        content: "\f27d"
    }
    
    .fa-black-tie:before {
        content: "\f27e"
    }
    
    .fa-fonticons:before {
        content: "\f280"
    }
    
    .fa-reddit-alien:before {
        content: "\f281"
    }
    
    .fa-edge:before {
        content: "\f282"
    }
    
    .fa-credit-card-alt:before {
        content: "\f283"
    }
    
    .fa-codiepie:before {
        content: "\f284"
    }
    
    .fa-modx:before {
        content: "\f285"
    }
    
    .fa-fort-awesome:before {
        content: "\f286"
    }
    
    .fa-usb:before {
        content: "\f287"
    }
    
    .fa-product-hunt:before {
        content: "\f288"
    }
    
    .fa-mixcloud:before {
        content: "\f289"
    }
    
    .fa-scribd:before {
        content: "\f28a"
    }
    
    .fa-pause-circle:before {
        content: "\f28b"
    }
    
    .fa-pause-circle-o:before {
        content: "\f28c"
    }
    
    .fa-stop-circle:before {
        content: "\f28d"
    }
    
    .fa-stop-circle-o:before {
        content: "\f28e"
    }
    
    .fa-shopping-bag:before {
        content: "\f290"
    }
    
    .fa-shopping-basket:before {
        content: "\f291"
    }
    
    .fa-hashtag:before {
        content: "\f292"
    }
    
    .fa-bluetooth:before {
        content: "\f293"
    }
    
    .fa-bluetooth-b:before {
        content: "\f294"
    }
    
    .fa-percent:before {
        content: "\f295"
    }
    
    .fa-gitlab:before {
        content: "\f296"
    }
    
    .fa-wpbeginner:before {
        content: "\f297"
    }
    
    .fa-wpforms:before {
        content: "\f298"
    }
    
    .fa-envira:before {
        content: "\f299"
    }
    
    .fa-universal-access:before {
        content: "\f29a"
    }
    
    .fa-wheelchair-alt:before {
        content: "\f29b"
    }
    
    .fa-question-circle-o:before {
        content: "\f29c"
    }
    
    .fa-blind:before {
        content: "\f29d"
    }
    
    .fa-audio-description:before {
        content: "\f29e"
    }
    
    .fa-volume-control-phone:before {
        content: "\f2a0"
    }
    
    .fa-braille:before {
        content: "\f2a1"
    }
    
    .fa-assistive-listening-systems:before {
        content: "\f2a2"
    }
    
    .fa-asl-interpreting:before,
    .fa-american-sign-language-interpreting:before {
        content: "\f2a3"
    }
    
    .fa-deafness:before,
    .fa-hard-of-hearing:before,
    .fa-deaf:before {
        content: "\f2a4"
    }
    
    .fa-glide:before {
        content: "\f2a5"
    }
    
    .fa-glide-g:before {
        content: "\f2a6"
    }
    
    .fa-signing:before,
    .fa-sign-language:before {
        content: "\f2a7"
    }
    
    .fa-low-vision:before {
        content: "\f2a8"
    }
    
    .fa-viadeo:before {
        content: "\f2a9"
    }
    
    .fa-viadeo-square:before {
        content: "\f2aa"
    }
    
    .fa-snapchat:before {
        content: "\f2ab"
    }
    
    .fa-snapchat-ghost:before {
        content: "\f2ac"
    }
    
    .fa-snapchat-square:before {
        content: "\f2ad"
    }
    
    .fa-pied-piper:before {
        content: "\f2ae"
    }
    
    .fa-first-order:before {
        content: "\f2b0"
    }
    
    .fa-yoast:before {
        content: "\f2b1"
    }
    
    .fa-themeisle:before {
        content: "\f2b2"
    }
    
    .fa-google-plus-circle:before,
    .fa-google-plus-official:before {
        content: "\f2b3"
    }
    
    .fa-fa:before,
    .fa-font-awesome:before {
        content: "\f2b4"
    }
    
    .fa-handshake-o:before {
        content: "\f2b5"
    }
    
    .fa-envelope-open:before {
        content: "\f2b6"
    }
    
    .fa-envelope-open-o:before {
        content: "\f2b7"
    }
    
    .fa-linode:before {
        content: "\f2b8"
    }
    
    .fa-address-book:before {
        content: "\f2b9"
    }
    
    .fa-address-book-o:before {
        content: "\f2ba"
    }
    
    .fa-vcard:before,
    .fa-address-card:before {
        content: "\f2bb"
    }
    
    .fa-vcard-o:before,
    .fa-address-card-o:before {
        content: "\f2bc"
    }
    
    .fa-user-circle:before {
        content: "\f2bd"
    }
    
    .fa-user-circle-o:before {
        content: "\f2be"
    }
    
    .fa-user-o:before {
        content: "\f2c0"
    }
    
    .fa-id-badge:before {
        content: "\f2c1"
    }
    
    .fa-drivers-license:before,
    .fa-id-card:before {
        content: "\f2c2"
    }
    
    .fa-drivers-license-o:before,
    .fa-id-card-o:before {
        content: "\f2c3"
    }
    
    .fa-quora:before {
        content: "\f2c4"
    }
    
    .fa-free-code-camp:before {
        content: "\f2c5"
    }
    
    .fa-telegram:before {
        content: "\f2c6"
    }
    
    .fa-thermometer-4:before,
    .fa-thermometer:before,
    .fa-thermometer-full:before {
        content: "\f2c7"
    }
    
    .fa-thermometer-3:before,
    .fa-thermometer-three-quarters:before {
        content: "\f2c8"
    }
    
    .fa-thermometer-2:before,
    .fa-thermometer-half:before {
        content: "\f2c9"
    }
    
    .fa-thermometer-1:before,
    .fa-thermometer-quarter:before {
        content: "\f2ca"
    }
    
    .fa-thermometer-0:before,
    .fa-thermometer-empty:before {
        content: "\f2cb"
    }
    
    .fa-shower:before {
        content: "\f2cc"
    }
    
    .fa-bathtub:before,
    .fa-s15:before,
    .fa-bath:before {
        content: "\f2cd"
    }
    
    .fa-podcast:before {
        content: "\f2ce"
    }
    
    .fa-window-maximize:before {
        content: "\f2d0"
    }
    
    .fa-window-minimize:before {
        content: "\f2d1"
    }
    
    .fa-window-restore:before {
        content: "\f2d2"
    }
    
    .fa-times-rectangle:before,
    .fa-window-close:before {
        content: "\f2d3"
    }
    
    .fa-times-rectangle-o:before,
    .fa-window-close-o:before {
        content: "\f2d4"
    }
    
    .fa-bandcamp:before {
        content: "\f2d5"
    }
    
    .fa-grav:before {
        content: "\f2d6"
    }
    
    .fa-etsy:before {
        content: "\f2d7"
    }
    
    .fa-imdb:before {
        content: "\f2d8"
    }
    
    .fa-ravelry:before {
        content: "\f2d9"
    }
    
    .fa-eercast:before {
        content: "\f2da"
    }
    
    .fa-microchip:before {
        content: "\f2db"
    }
    
    .fa-snowflake-o:before {
        content: "\f2dc"
    }
    
    .fa-superpowers:before {
        content: "\f2dd"
    }
    
    .fa-wpexplorer:before {
        content: "\f2de"
    }
    
    .fa-meetup:before {
        content: "\f2e0"
    }
    
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }
    
    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto
    }
    
    .card-ciracle {
        border-radius: 10px;
    }
    
    .flex-center-start {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
    
    body {
        font-family: 'prompt';
        font-weight: normal;
        font-style: normal
    }
    
    .img {
        max-width: 100%;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    
    a,
    .button {
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    
    a:focus,
    .button:focus,
    button:focus {
        text-decoration: none;
        outline: none
    }
    
    a:focus {
        color: #fff;
        text-decoration: none
    }
    
    a:focus,
    a:hover,
    .portfolio-cat a:hover,
    .footer -menu li a:hover {
        text-decoration: none;
        color: #000
    }
    
    a,
    button {
        color: #020c26;
        outline: medium none
    }
    
    h3,
    h3,
    h3,
    h4,
    h5 {
        font-family: 'prompt';
        color: #020c26
    }
    
    h3 a,
    h3 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: inherit
    }
    
    ul {
        margin: 0px;
        padding: 0px
    }
    
    li {
        list-style: none;
    }
    
    p {
        font-family: 'prompt'
    }
    
    label {
        color: #000;
        cursor: pointer;
        /* font-size: 14px;
    font-weight: 400 */
    }
    
    *::-moz-selection {
        background: #444;
        color: #fff;
        text-shadow: none
    }
    
     ::-moz-selection {
        background: #444;
        color: #fff;
        text-shadow: none
    }
    
     ::selection {
        background: #444;
        color: #fff;
        text-shadow: none
    }
    
    *::-webkit-input-placeholder {
        color: #cccccc;
        font-size: 14px;
        opacity: 1
    }
    
    *:-ms-input-placeholder {
        color: #cccccc;
        font-size: 14px;
        opacity: 1
    }
    
    *::-ms-input-placeholder {
        color: #cccccc;
        font-size: 14px;
        opacity: 1
    }
    
    *::placeholder {
        color: #cccccc;
        font-size: 14px;
        opacity: 1
    }
    
    .br-10 {
        border-radius: 10px;
    }
    
    .br-20 {
        border-radius: 20px;
    }
    
    .ath {
        border-radius: 20px 20px 0px 0px;
        background-color: #0A1936
    }
    
    h3 {
        font-size: 24px
    }
    
    .mb-65 {
        margin-bottom: 67px
    }
    
    .black-bg {
        background: #020c26 !important
    }
    
    .white-bg {
        background: #ffffff
    }
    
    .gray-bg {
        background: #0A1936;
        border-radius: 55px 55px 55px 55px;
    }
    
    .gray-bg-square {
        background: #0A1936;
        height: 100vh;
    }
    
    .gray-bg-dashboard {
        background: #0A1936;
        border-radius: 0px 0px 20px 20px;
    }
    
    .gray-bg-dashboard-top {
        background: #5d6e87;
        border-radius: 20px 20px 0px 0px;
    }
    
    .gray-bg-dashboard-top-1 {
        background: #b6bec9;
        border-radius: 25px 25px 25px 25px;
        margin: 15px 45px 15px 45px;
    }
    
    .whith-dash-top-1 {
        border: 2px solid;
        border-color: #fff;
    }
    
    .whith-dash-top-left-1 {
        border: 2px solid;
        border-radius: 25px 0px 0px 25px;
        border-color: #fff;
    }
    
    .whith-dash-top-right-1 {
        border: 2px solid;
        border-radius: 0px 25px 25px 0px;
        border-color: #fff;
    }
    
    .gray-bg-dashboard-right {
        background: #0A1936;
        border-radius: 20px 20px 20px 20px;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    
    .gray-bg-dashboard-right-1 {
        border: 2px solid #fff;
        border-radius: 10px 10px 10px 10px;
        margin: 0px 5px 0px 5px;
    }
    
    .gray-bg-dash-donut {
        background: #223a5b;
        border-radius: 15px 15px 15px 15px;
    }
    
    .gray-img-radius {
        background-image: url(../images/sideber/wisdom02.png)
    }
    
    .light-bg {
        background: #fff
    }
    
    .bg-img-1 {
        background-image: url(../images/sideber/wisdom01.png)
    }
    
    .bg-img-2 {
        background-image: url(../img/background-img/bg-img-2.jpg)
    }
    
    .cta-bg-1 {
        background-image: url(../img/background-img/bg-img-3.jpg)
    }
    
    .overlay {
        position: relative;
        z-index: 0
    }
    
    .overlay::before {
        position: absolute;
        content: "";
        background-color: #020c26;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0.851
    }
    
    .overlay2 {
        position: relative;
        z-index: 0
    }
    
    .overlay2::before {
        position: absolute;
        content: "";
        background-color: #020c26;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0.5
    }
    
    .section-padding {
        padding-top: 120px;
        padding-bottom: 120px
    }
    
    .pt-120 {
        padding-top: 120px
    }
    
    .owl-carousel .owl-nav div {
        background: transparent;
        height: 65px;
        left: 0px;
        line-height: 65px;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 65px;
        font-size: 16px;
        color: #fff;
        border: 1px solid #363d4f
    }
    
    .owl-carousel .owl-nav {
        position: relative
    }
    
    .owl-carousel .owl-nav div.owl-next {
        left: 86px;
        right: auto
    }
    
    .owl-carousel .owl-nav div.owl-prev i {
        position: relative;
        right: 2px
    }
    
    .owl-carousel:hover .owl-nav div {
        opacity: 1;
        visibility: visible
    }
    
    .owl-carousel:hover .owl-nav div:hover {
        color: #ff5e13
    }
    
    .boxed-btn {
        background: #ff5e13;
        color: #fff;
        display: inline-block;
        padding: 13px 32px;
        font-family: "prompt";
        font-size: 16px;
        font-weight: 400;
        border: 0;
        border: 1px solid transparent
    }
    
    .boxed-btn:hover {
        background: transparent;
        color: #ff5e13 !important;
        border: 1px solid #ff5e13
    }
    
    .boxed-btn:focus {
        outline: none;
        color: #fff
    }
    
    .boxed-btn2 {
        background: #ff5e13;
        color: #fff;
        display: inline-block;
        padding: 22px 50px;
        font-size: 16px;
        font-family: "prompt";
        font-weight: 400
    }
    
    .boxed-btn2:hover {
        color: #fff
    }
    
    .boxed-btn2:focus {
        outline: none;
        color: #fff
    }
    
    .underline-hover {
        color: #ff5e13;
        font-weight: 400;
        font-size: 16px;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    
    .underline-hover:hover {
        text-decoration: underline;
        color: #ff5e13
    }
    
    .section-title h3 {
        /* font-size: 44px;
    line-height: 56px;
    font-weight: 400; */
        font-family: "prompt"
    }
    
    @media (max-width: 767px) {
        .section-title h3 {
            font-size: 30px;
            line-height: 45px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .section-title h3 {
            font-size: 32px;
            line-height: 48px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .section-title h3 br {
            display: none
        }
    }
    
    .button-23 {
        background-color: #F7AB2B;
        border: 1px solid #F7AB2B;
        border-radius: 8px;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: "prompt";
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
        outline: none;
        padding: 13px 23px;
        position: relative;
        text-align: center;
        text-decoration: none;
        touch-action: manipulation;
        transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
        user-select: none;
        -webkit-user-select: none;
        width: auto;
    }
    
    .button-23:focus-visible {
        box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
        transition: box-shadow .2s;
    }
    
    .button-23:active {
        background-color: #F7F7F7;
        border-color: #000000;
        transform: scale(.96);
    }
    
    .button-23:disabled {
        border-color: #DDDDDD;
        color: #DDDDDD;
        cursor: not-allowed;
        opacity: 1;
    }
    
    .button-24 {
        background: #fff;
        border: 1px solid #F7AB2B;
        border-radius: 6px;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
        box-sizing: border-box;
        color: #F7AB2B;
        cursor: pointer;
        display: inline-block;
        font-family: "prompt";
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
        outline: none;
        padding: 13px 23px;
        text-align: center;
        text-rendering: geometricprecision;
        text-transform: none;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        vertical-align: middle;
    }
    
    .button-24:hover,
    .button-24:active {
        background-color: initial;
        background-position: 0 0;
        color: #f4b74d;
    }
    
    .button-24:active {
        opacity: .5;
    }
    
    .button-25 {
        background-color: #0A1936;
        border: 1px solid #0A1936;
        border-radius: 8px;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: "prompt";
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
        outline: none;
        padding: 13px 23px;
        position: relative;
        text-align: center;
        text-decoration: none;
        touch-action: manipulation;
        transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
        user-select: none;
        -webkit-user-select: none;
        width: auto;
    }
    
    .button-25:focus-visible {
        box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
        transition: box-shadow .2s;
    }
    
    .button-25:active {
        background-color: #F7F7F7;
        border-color: #000000;
        transform: scale(.96);
    }
    
    .button-25:disabled {
        border-color: #DDDDDD;
        color: #DDDDDD;
        cursor: not-allowed;
        opacity: 1;
    }
    
    .button-26 {
        background-color: #fff;
        border: 1px solid #0A1936;
        border-radius: 8px;
        box-sizing: border-box;
        color: #0A1936;
        cursor: pointer;
        display: inline-block;
        font-family: "prompt";
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
        outline: none;
        padding: 13px 23px;
        position: relative;
        text-align: center;
        text-decoration: none;
        touch-action: manipulation;
        transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
        user-select: none;
        -webkit-user-select: none;
        width: auto;
    }
    
    .button-26:focus-visible {
        box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
        transition: box-shadow .2s;
    }
    
    .button-26:active {
        background-color: #F7F7F7;
        border-color: #000000;
        transform: scale(.96);
    }
    
    .button-26:disabled {
        border-color: #DDDDDD;
        color: #DDDDDD;
        cursor: not-allowed;
        opacity: 1;
    }
    
    .button-46 {
        align-items: center;
        background-color: rgba(203, 203, 203, 0.26);
        border: 1px solid #DFDFDF;
        border-radius: 16px;
        box-sizing: border-box;
        color: #000000;
        cursor: pointer;
        display: flex;
        font-family: "prompt";
        font-size: 18px;
        justify-content: center;
        line-height: 28px;
        max-width: 100%;
        padding: 14px 22px;
        text-decoration: none;
        transition: all .2s;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        width: 100%;
    }
    
    .button-46:active,
    .button-46:hover {
        outline: 0;
    }
    
    .button-46:hover {
        background-color: #FFFFFF;
        border-color: rgba(0, 0, 0, 0.19);
    }
    
    @media (min-width: 768px) {
        .button-46 {
            font-size: 16px;
            min-width: 200px;
            padding: 14px 16px;
        }
    }
    
    .button-47 {
        align-items: center;
        background-color: rgba(255, 255, 255, 0.93);
        border: 1px solid #DFDFDF;
        border-radius: 16px;
        box-sizing: border-box;
        color: #000000;
        cursor: pointer;
        display: flex;
        font-family: "prompt";
        font-size: 18px;
        justify-content: center;
        line-height: 28px;
        max-width: 100%;
        padding: 14px 22px;
        text-decoration: none;
        transition: all .2s;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        width: 100%;
    }
    
    .button-47:active,
    .button-47:hover {
        outline: 0;
    }
    
    .button-47:hover {
        background-color: #FFFFFF;
        border-color: rgba(0, 0, 0, 0.19);
    }
    
    @media (min-width: 768px) {
        .button-47 {
            font-size: 16px;
            min-width: 200px;
            padding: 14px 16px;
        }
    }
    
    .font-eng-ibm {
        font-family: "prompt";
    }
    
    .navbar {
        padding: 15px 10px;
        background: #fff;
        border: none;
        border-radius: 0;
        margin-bottom: 40px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    .navbar-btn {
        box-shadow: none;
        outline: none !important;
        border: none;
    }
    
    .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #ddd;
        margin: 40px 0;
    }
    /* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */
    
    .wrapper {
        display: flex;
        width: 100%;
    }
    
    #sidebar {
        width: 300px;
        /* position: fixed; */
        top: 0;
        left: 0;
        /* height: 100vh; */
        /* z-index: 999; */
        background: #5d6e87;
        color: #fff;
        transition: all 0.3s;
    }
    
    #sidebar.active {
        margin-left: -300px;
    }
    
    #sidebar .sidebar-header {
        padding: 20px;
        background: #6d7fcc;
    }
    
    #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid #47748b;
    }
    
    #sidebar ul p {
        color: #fff;
        padding: 0px 0px 0px 10px;
        font-size: 18px;
    }
    
    #sidebar ul li a {
        font-size: 22px;
        padding: 10px;
        /* font-size: 1.1em; */
        display: block;
    }
    
    #sidebar ul li a:hover {
        border-left: solid 5px #F7AB2B;
        color: #7386D5;
        background: #0A1936;
    }
    
    #sidebar ul li.active>a,
    a[aria-expanded="true"] {
        /* border-left: solid 5px #F7AB2B; */
        color: #000000;
        /* background: #0A1936; */
    }
    
    a[data-toggle="collapse"] {
        position: relative;
    }
    /* .dropdown-toggle::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    } */
    
    ul ul a {
        font-size: 0.9em !important;
        padding-left: 30px !important;
        background: #6d7fcc;
    }
    
    ul.CTAs {
        padding: 20px;
    }
    
    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    
    a.download {
        background: #fff;
        color: #7386D5;
    }
    
    a.article,
    a.article:hover {
        background: #6d7fcc !important;
        color: #fff !important;
    }
    /* ---------------------------------------------------
CONTENT STYLE
----------------------------------------------------- */
    
    #content {
        width: calc(100% - 250px);
        padding: 20px;
        min-height: 100vh;
        transition: all 0.3s;
        /* position: absolute; */
        top: 0;
        right: 0;
    }
    
    #content.active {
        width: 100%;
    }
    /* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */
    
    @media (max-width: 768px) {
        #sidebar {
            margin-left: -300px;
        }
        #sidebar.active {
            margin-left: 0;
        }
        #content {
            width: 100%;
        }
        #content.active {
            width: calc(100% - 250px);
        }
        #sidebarCollapse span {
            display: none;
        }
    }
    
    .icon-menu-admin {
        font-size: 20px;
    }
    
    .icon-menu-dash {
        font-size: 24px;
    }
    
    .cookie-consent {
        position: fixed;
        bottom: 8px;
        left: 20px;
        padding-top: 7px;
        color: #fff;
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        z-index: 120;
        cursor: pointer;
        border-radius: 3px;
    }
    
    .landing-radio {
        position: fixed;
        bottom: 45%;
        right: 20px;
        padding-top: 7px;
        color: #fff;
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        z-index: 120;
        cursor: pointer;
        border-radius: 3px;
    }
    
    .allow-button {
        height: 20px;
        width: 104px;
        color: #fff;
        font-size: 12px;
        line-height: 10px;
        border-radius: 3px;
        border: 1px solid green;
        background-color: green;
    }
    
    .cookie {
        width: 380px;
        height: 230px;
        background-color: #fff;
        position: fixed;
        bottom: 88px;
        border-radius: 10px;
        left: 5%;
        padding: 10px 20px;
        display: none;
    }
    
    .cookie .txt {
        float: left;
        width: 65%;
    }
    
    .txt p {
        color: #1D2D35;
    }
    
    .cookie .accept {
        background-color: #40CC79;
        color: #fff !important;
        border-radius: 32px;
        padding: 3px 23px;
        font-size: 19px;
        margin-top: 2.5%;
        margin-left: 3%;
    }
    
    .cookie .accept:hover {
        background-color: #4a3aff;
    }
    /* CSS */
    
    .button-17 {
        align-items: center;
        appearance: none;
        background-color: #fff;
        border-radius: 24px;
        border-style: none;
        box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
        box-sizing: border-box;
        color: #3c4043;
        cursor: pointer;
        display: inline-flex;
        fill: currentcolor;
        font-size: 14px;
        font-weight: 500;
        height: 48px;
        justify-content: center;
        letter-spacing: .25px;
        line-height: normal;
        max-width: 100%;
        overflow: visible;
        padding: 2px 24px;
        position: relative;
        text-align: center;
        text-transform: none;
        transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        width: auto;
        will-change: transform, opacity;
        z-index: 0;
    }
    
    .button-17:hover {
        background: #F6F9FE;
        color: #000;
    }
    
    .button-16 {
        align-items: center;
        appearance: none;
        background-color: #4a3aff;
        border-radius: 24px;
        border-style: none;
        box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-flex;
        fill: currentcolor;
        font-size: 14px;
        font-weight: 500;
        height: 48px;
        justify-content: center;
        letter-spacing: .25px;
        line-height: normal;
        max-width: 100%;
        overflow: visible;
        padding: 2px 24px;
        position: relative;
        text-align: center;
        text-transform: none;
        transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        width: auto;
        will-change: transform, opacity;
        z-index: 0;
    }
    
    .button-16:hover {
        background: #6255fa;
        color: #fff;
    }
    
    .fabutton {
        background: none;
        padding: 0px;
        border: none;
    }
    
    .file-upload {
        background-color: #ffffff;
        width: 800px;
        margin: 0 auto;
        padding: 20px;
    }
    
    .file-upload-btn {
        background-color: #1b1464;
        border: 1px solid #1b1464;
        border-radius: 25px;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: "prompt";
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
        outline: none;
        padding: 8px 12px;
        position: relative;
        text-align: center;
        text-decoration: none;
        touch-action: manipulation;
        transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
        user-select: none;
        -webkit-user-select: none;
        width: auto;
    }
    
    .file-upload-btn:hover {
        background: #15284e;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }
    
    .file-upload-btn-colordrop {
        background-color: rgb(0, 116, 255);
        border: 1px solid rgb(0, 116, 255);
        border-radius: 25px;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: "prompt";
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
        outline: none;
        padding: 8px 12px;
        position: relative;
        text-align: center;
        text-decoration: none;
        touch-action: manipulation;
        transition: box-shadow .2s, -ms-transform .1s, -webkit-transform .1s, transform .1s;
        user-select: none;
        -webkit-user-select: none;
        width: auto;
    }
    
    .file-upload-btn-colordrop:hover {
        background: #15284e;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }
    
    .file-upload-btn:active {
        border: 0;
        transition: all .2s ease;
    }
    
    .file-upload-content {
        display: none;
        text-align: center;
    }
    
    .file-upload-input {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 100%;
        /* height: 100%; */
        outline: none;
        opacity: 0;
        cursor: pointer;
    }
    
    .image-upload-wrap {
        margin-top: 20px;
        border: 4px dashed #424242;
        position: relative;
        border-radius: 30px;
    }
    
    .image-dropping,
    .image-upload-wrap:hover {
        /* background-color: #494949; */
        border: 4px dashed #bcbcbc;
    }
    
    .image-title-wrap {
        padding: 0 15px 15px 15px;
        color: #222;
    }
    
    .drag-text {
        text-align: center;
    }
    
    .drag-text h3 {
        color: #080808;
        padding: 60px 0;
    }
    
    .file-upload-image {
        max-height: 200px;
        max-width: 200px;
        margin: auto;
        padding: 20px;
    }
    
    .remove-image {
        width: 200px;
        margin: 0;
        color: #fff;
        background: #cd4535;
        border: none;
        padding: 10px;
        border-radius: 4px;
        border-bottom: 4px solid #b02818;
        transition: all .2s ease;
        outline: none;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .remove-image:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }
    
    .remove-image:active {
        border: 0;
        transition: all .2s ease;
    }
    
    .menu-color-border-lf {
        border-left: solid 5px #F7AB2B;
    }
    
    .btn-tertiary-bg {
        color: #fff;
        padding: 0;
        line-height: 40px;
        /* width: 300px; */
        /* margin: auto; */
        display: block;
        border: 2px solid #0A1936;
        background-color: #0A1936;
    }
    
    .btn-tertiary {
        color: #fff;
        padding: 0;
        line-height: 40px;
        /* width: 300px; */
        /* margin: auto; */
        display: block;
        border: 2px solid #F7AB2B;
        background-color: #F7AB2B;
    }
    
    .technique-or h5 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #000;
        line-height: 0.1em;
        margin: 10px 0 20px;
    }
    
    .technique-or h5 span {
        background: #fff;
        padding: 0 10px;
    }
    
    .input-file {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }
    
    .icon-color-yellow {
        color: #F7AB2B;
    }
    /* .map {
    background-image: url(../images/map/01.png);
} */
    
    .card-menu-list {
        padding-left: 35px;
    }
    
    .card-menu-list-item {
        font-size: 22px;
    }
    
    .card-menu-list-item a i {
        padding-right: 5px;
    }
    
    .card-item {
        padding-left: 19px;
    }
    
    .card-item:hover {
        padding-left: 19px;
        color: #F7AB2B;
    }
    
    .card-item-active {
        color: #F7AB2B;
        padding-left: 15px;
    }
    
    .card-item-active:hover {
        color: #F7AB2B;
        padding-left: 15px;
    }
    
    .menu-li-border {
        border-left: solid #F7AB2B;
    }
    
    .section-title span {
        font-size: 16px;
        color: #ff5e13;
        font-family: "prompt";
        font-weight: 400;
        margin-bottom: 13px;
        display: block;
        text-transform: uppercase
    }
    
    .section-title .para-text {
        color: #5c5c5c;
        font-weight: 400;
        margin-top: 25px;
        margin-bottom: 55px;
        font-size: 16px
    }
    
    .section-title.text-white h3 {
        color: #fff
    }
    
    .section-title.text-white p {
        color: #fff;
        font-size: 16px
    }
    
    .section-padding {
        padding-top: 120px;
        padding-bottom: 120px
    }
    
    @media (max-width: 767px) {
        .section-padding {
            padding-top: 60px;
            padding-bottom: 60px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .section-padding {
            padding-top: 100px;
            padding-bottom: 100px
        }
    }
    
    @media (max-width: 767px) {
        .mobile_menu {
            position: absolute;
            right: 0px;
            width: 100%;
            z-index: 9
        }
    }
    
    .slicknav_menu .slicknav_nav {
        background: #fff;
        float: right;
        margin-top: 0;
        padding: 0;
        width: 95%;
        padding: 0;
        border-radius: 0px;
        margin-top: 5px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 45px
    }
    
    .slicknav_menu .slicknav_nav a:hover {
        background: transparent;
        color: #ff5e13
    }
    
    .slicknav_menu .slicknav_nav a.active {
        color: #ff5e13
    }
    
    @media (max-width: 767px) {
        .slicknav_menu .slicknav_nav a i {
            display: none
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .slicknav_menu .slicknav_nav a i {
            display: none
        }
    }
    
    .slicknav_menu .slicknav_nav .slicknav_btn {
        background-color: transparent;
        cursor: pointer;
        margin-bottom: 10px;
        margin-top: -40px;
        position: relative;
        z-index: 99;
        border: 1px solid #ddd;
        top: 3px;
        right: 5px
    }
    
    .slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {
        margin-right: 6px;
        margin-top: 3px;
        position: relative;
        padding-bottom: 3px;
        top: -11px;
        right: -5px
    }
    
    @media (max-width: 767px) {
        .slicknav_menu {
            margin-right: 12px
        }
    }
    
    .home-6 .slicknav_menu .slicknav_icon {
        margin-right: 6px;
        margin-top: 3px;
        right: -5px;
        padding-bottom: 3px;
        position: absolute;
        top: 3px;
        color: #000;
    }
    
    .slicknav_nav .slicknav_arrow {
        float: right;
        font-size: 22px;
        position: relative;
        top: -9px
    }
    
    .header-area .header-top {
        padding: 13px 0
    }
    
    .header-area .header-top .header-contact a {
        color: #bebebe;
        display: inline-block;
        padding-right: 55px;
        font-weight: 300;
        font-size: 14px
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .header-area .header-top .header-contact a {
            padding-right: 14px
        }
    }
    
    .header-area .header-top .header-contact a i {
        padding-right: 14px;
        font-size: 12px;
        color: #bebebe
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .header-area .header-top .header-contact a i {
            padding-right: 5px
        }
    }
    
    .header-area .header-top .header-top-menu {
        text-align: right
    }
    
    .header-area .header-top .header-top-menu ul li {
        display: inline-block
    }
    
    .header-area .header-top .header-top-menu ul li a {
        color: #bdbdbd;
        margin-left: 33px;
        font-size: 14px
    }
    
    @media (max-width: 767px) {
        .header-area .main-header-area {
            padding: 10px 0;
            height: 60px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .header-area .main-header-area {
            padding: 10px 0;
            height: 60px
        }
    }
    
    @media (max-width: 767px) {
        .header-area .main-header-area .logo-img {
            position: absolute;
            display: inline-block;
            text-align: center;
            margin: 3px auto;
            z-index: 999;
            width: 140px;
            left: 0;
            right: 0
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .header-area .main-header-area .logo-img {
            position: absolute;
            display: inline-block;
            text-align: center;
            margin: 3px auto;
            z-index: 999;
            width: 140px;
            left: 0;
            right: 0
        }
    }
    
    .header-area .main-header-area .main-menu ul li {
        display: inline-block;
        position: relative
    }
    
    .header-area .main-header-area .main-menu ul li a {
        /* color: #000000; */
        font-size: 21px;
        text-transform: capitalize;
        font-weight: 600;
        display: inline-block;
        padding: 35px 10px 35px 10px;
        font-family: "prompt";
        position: relative;
        margin-right: 10px;
    }
    
    @media (min-width: 992px) and (max-width: 1200px) {
        .header-area .main-header-area .main-menu ul li a {
            padding: 35px 8px 35px 8px
        }
    }
    
    .header-area .main-header-area .main-menu ul li a i {
        font-size: 9px
    }
    
    @media (max-width: 767px) {
        .header-area .main-header-area .main-menu ul li a i {
            display: none !important
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .header-area .main-header-area .main-menu ul li a i {
            display: none !important
        }
    }
    
    .header-area .main-header-area .main-menu ul li a::before {
        position: absolute;
        content: "";
        background: #F7AB2B;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        opacity: 0;
        transform: scaleX(0);
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    
    .header-area .main-header-area .main-menu ul li a:hover::before {
        opacity: 1;
        transform: scaleX(1)
    }
    
    .header-area .main-header-area .main-menu ul li a.active::before {
        opacity: 1;
        transform: scaleX(1)
    }
    
    .header-area .main-header-area .main-menu ul li .submenu {
        position: absolute;
        left: 0;
        top: 140%;
        background: #fff;
        width: 200px;
        z-index: 2;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .6s;
        -moz-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
    
    .header-area .main-header-area .main-menu ul li .submenu li {
        display: block
    }
    
    .header-area .main-header-area .main-menu ul li .submenu li a {
        padding: 10px 15px;
        position: inherit;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        display: block
    }
    
    .header-area .main-header-area .main-menu ul li .submenu li a::before {
        display: none
    }
    
    .header-area .main-header-area .main-menu ul li .submenu li:hover a {
        color: #ff5e13
    }
    
    .header-area .main-header-area .main-menu ul li:hover>.submenu {
        opacity: 1;
        visibility: visible;
        top: 100%
    }
    
    .header-area .main-header-area .main-menu ul li:hover>a::before {
        opacity: 1;
        transform: scaleX(1)
    }
    
    .header-area .main-header-area .quote-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .header-area .main-header-area .quote-area .search-bar {
        margin-left: 43px
    }
    
    .header-area .main-header-area .quote-area .search-bar i {
        font-size: 18px;
        color: #bebebe
    }
    
    .header-area .main-header-area .quote-area .get-quote {
        text-align: right;
        display: inline-block
    }
    
    .header-area .main-header-area.sticky {
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
        /* position: fixed; */
        width: 100%;
        top: -70px;
        left: 0;
        right: 0;
        z-index: 9999;
        transform: translateY(70px);
        transition: transform 500ms ease, background 500ms ease;
        -webkit-transition: transform 500ms ease, background 500ms ease;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1)
    }
    
    #search_input_box {
        position: fixed;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        max-width: 1140px;
        z-index: 999;
        text-align: center;
        background: #1e1c27
    }
    
    #search_input_box ::placeholder {
        color: #fff
    }
    
    @media (max-width: 767px) {
        #search_input_box {
            top: 59px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        #search_input_box {
            top: 109px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .main-header-area.sticky #search_input_box {
            top: 59px
        }
    }
    
    #search_input_box .form-control {
        background: transparent;
        border: 0;
        color: #ffffff;
        font-weight: 400;
        font-size: 15px;
        padding: 0
    }
    
    #search_input_box .btn {
        width: 0;
        height: 0;
        padding: 0;
        border: 0
    }
    
    #search_input_box .ti-close {
        color: #fff;
        font-weight: 600;
        cursor: pointer;
        padding: 10px;
        padding-right: 0
    }
    
    .search-inner {
        padding: 14px 5px
    }
    
    .form-control:focus {
        box-shadow: none
    }
    
    .navbar_fixed #search_input_box {
        position: fixed;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        max-width: 1140px;
        z-index: 999;
        text-align: center;
        padding: 0 20px;
        top: 80px
    }
    
    @media (max-width: 767px) {
        .navbar_fixed #search_input_box {
            top: 50px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .navbar_fixed #search_input_box {
            top: 50px
        }
    }
    
    .social-link {
        position: relative;
        z-index: 9
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .social-link {
            position: static
        }
    }
    
    @media (max-width: 767px) {
        .social-link {
            position: static
        }
    }
    
    #search_1 {
        position: absolute;
        color: #fff;
        top: 1px;
        left: 23px;
        font-size: 14px
    }
    
    @media (max-width: 767px) {
        #search_1 {
            position: absolute;
            color: #fff;
            top: 3px;
            left: auto;
            right: 17px;
            font-size: 14px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        #search_1 {
            position: absolute;
            left: auto;
            right: 0
        }
    }
    
    #close_search {
        position: relative;
        z-index: 99999;
        top: 2px;
        color: #fff
    }
    
    #search_1 {
        position: absolute;
        color: #fff;
        top: 50%;
        left: inherit;
        font-size: 14px;
        transform: translateY(-50%)
    }
    
    @media (max-width: 767px) {
        #search_1 {
            position: absolute;
            color: #fff;
            top: 8px;
            left: 23px;
            font-size: 14px;
            transform: none;
            right: 0;
            z-index: 999;
            width: 20px;
            height: 20px;
            left: 22px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        #search_1 {
            position: absolute;
            color: #fff;
            top: 8px;
            left: 23px;
            font-size: 14px;
            transform: none;
            right: 0;
            z-index: 999;
            width: 20px;
            height: 20px;
            left: 22px
        }
    }
    
    @media (min-width: 992px) and (max-width: 1200px) {
        #search_1 {
            position: absolute;
            color: #fff;
            left: 30px;
            font-size: 14px;
            transform: none;
            right: 0;
            margin: auto;
            z-index: 999;
            top: 16px
        }
    }
    
    .slider-area .single-slider {
        height: 760px;
        background-size: cover;
        background-position: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 2
    }
    
    @media (max-width: 767px) {
        .slider-area .single-slider {
            height: 600px
        }
    }
    
    .slider-area .single-slider::before {
        /* position: absolute; */
        content: "";
        /* background: #020c26; */
        width: 100%;
        height: -50%;
        left: 0;
        top: 0;
        opacity: .2
    }
    
    .slider-area .single-slider .slider-content {
        /* background: #fff; */
        /* padding: 53px 56px 100px 50px; */
        /* position: relative; */
        z-index: 9;
        display: inline-block
    }
    
    @media (max-width: 767px) {
        .slider-area .single-slider .slider-content {
            padding: 73px 40px 100px 40px
        }
    }
    
    .slider-area .single-slider .slider-content p {
        color: #ff5e13;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 16px
    }
    
    .slider-area .single-slider .slider-content h3 {
        font-family: "prompt";
        font-weight: 500;
        font-size: 60px;
        color: #020c26;
        line-height: 72px;
        margin-bottom: 28px
    }
    
    @media (max-width: 767px) {
        .slider-area .single-slider .slider-content h3 {
            font-size: 25px;
            line-height: 45px;
            margin-bottom: 10px
        }
    }
    
    .slider-area .single-slider .slider-content a i {
        font-size: 14px;
        padding-left: 5px
    }
    
    .slider-area .single-slider .slider-content .slider-btn {
        position: absolute;
        bottom: 0;
        left: 55px
    }
    
    @media (max-width: 767px) {
        .slider-area .single-slider .slider-content .slider-btn {
            left: 40px
        }
    }
    
    .slider-area .slider-active .owl-dots {
        position: absolute;
        top: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        right: 100px
    }
    
    .slider-area .slider-active .owl-dots div {
        width: 15px;
        height: 15px;
        background: transparent;
        display: block;
        margin: 13px 0;
        border-radius: 50%;
        border: 2px solid #fff
    }
    
    .slider-area .slider-active .owl-dots div .active {
        background: #fff
    }
    
    .slider-area .slider-active .owl-dots div.active {
        background: #fff
    }
    
    .brand-area {
        padding-top: 35px;
        padding-bottom: 35px
    }
    
    .brand-area .brand-active .single-brand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 70px
    }
    
    .brand-area .brand-active .single-brand img {
        width: auto;
        display: inline-block
    }
    
    .service-area {
        padding-top: 35px;
        padding-bottom: 35px
    }
    
    .service-area .single-service .service-thumb {
        margin-bottom: 39px
    }
    
    .service-area .single-service .service-thumb img {
        width: 100%
    }
    
    .service-area .single-service h3 {
        font-size: 24px
    }
    
    .service-area .single-service p {
        font-size: 16px;
        color: #5c5c5c;
        font-family: "prompt";
        font-weight: 400;
        margin-top: 18px;
        margin-bottom: 21px
    }
    
    .service-area .single-service a {
        text-transform: capitalize;
        color: #5c5c5c;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        font-family: "prompt";
        font-weight: 400;
        font-size: 16px;
        display: inline-block
    }
    
    .service-area .single-service a:hover {
        text-decoration: underline;
        color: #ff5e13
    }
    
    @media (max-width: 767px) {
        .service-area .single-service {
            margin-bottom: 30px
        }
    }
    
    .service-details {
        padding-top: 120px;
        padding-bottom: 80px
    }
    
    @media (max-width: 767px) {
        .service-details {
            padding-top: 60px;
            padding-bottom: 20px
        }
    }
    
    .service-details .details-nav {
        margin-top: -24px;
        position: relative
    }
    
    @media (max-width: 767px) {
        .service-details .details-nav {
            margin-bottom: 30px
        }
    }
    
    .service-details .details-nav ul li {
        display: block;
        display: block;
        width: 100%;
        border-bottom: 1px solid #e5e6e9;
        padding: 0;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        position: relative
    }
    
    .service-details .details-nav ul li a {
        font-size: 16px;
        color: #020c26;
        text-transform: capitalize;
        padding: 20px 0;
        position: relative;
        left: 0;
        font-weight: 400;
        font-family: "prompt"
    }
    
    .service-details .details-nav ul li a.active.show {
        color: #ff5e13;
        padding-left: 27px;
        position: relative
    }
    
    .service-details .details-nav ul li a.active.show::before {
        position: absolute;
        content: "";
        background: #ff5e13;
        width: 17px;
        height: 2px;
        top: 50%;
        left: 0;
        margin-bottom: -1px
    }
    
    .service-details .details-nav ul li:hover::before {
        width: 17px
    }
    
    .service-details .details-nav .download-brouser {
        background: #020c26;
        color: #fff;
        display: block;
        padding: 17px 0 17px 0;
        text-align: center;
        margin-top: 60px
    }
    
    .service-details .details-nav .download-brouser:hover {
        color: #fff
    }
    
    .service-details .single-details .details-thumb {
        margin-bottom: 67px
    }
    
    .service-details .single-details .details-thumb img {
        width: 100%
    }
    
    .service-details .single-details .details-info {
        padding-right: 20px;
        margin-bottom: 34px
    }
    
    .service-details .single-details .details-info h3 {
        font-family: "prompt";
        font-size: 44px;
        font-weight: 400;
        color: #020c26;
        margin-bottom: 20px
    }
    
    @media (max-width: 767px) {
        .service-details .single-details .details-info h3 {
            font-size: 25px;
            margin-bottom: 15px
        }
    }
    
    .service-details .single-details .details-info p {
        font-size: 16px;
        color: #5c5c5c;
        line-height: 28px;
        font-weight: 400
    }
    
    .project-area {
        padding-top: 120px;
        padding-bottom: 120px
    }
    
    .project-area .project-active .single-project .project-info span {
        color: #ff5e13;
        font-family: "prompt";
        font-weight: 400;
        display: block;
        margin-bottom: 13px;
        margin-top: 35px;
        font-size: 16px
    }
    
    .project-area .project-active .single-project .project-info h3 {
        font-size: 26px;
        color: #fff;
        font-family: "prompt";
        font-weight: 400
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .project-area .project-active .single-project .project-info h3 {
            font-size: 18px
        }
    }
    
    .project-area .more-project a {
        color: #fff;
        font-size: 16px;
        margin-top: 168px;
        display: inline-block
    }
    
    @media (max-width: 767px) {
        .project-area .more-project a {
            margin-top: 20px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .project-area .more-project a {
            margin-top: 20px
        }
    }
    
    @media (min-width: 992px) and (max-width: 1200px) {
        .project-area .more-project a {
            margin-top: 30px
        }
    }
    
    .project-area .more-project a:hover {
        color: #ff5e13;
        text-decoration: underline
    }
    
    .project-area .section-title h3 {
        margin-bottom: 17px
    }
    
    @media (min-width: 1200px) and (max-width: 1500px) {
        .project-area .section-title h3 br {
            display: none
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1500px) {
        .project-area .section-title p br {
            display: none
        }
    }
    
    .ml-80 {
        margin-left: 80px
    }
    
    @media (max-width: 767px) {
        .ml-80 {
            margin-left: 0
        }
    }
    
    .project-active.owl-carousel .owl-nav div {
        background: transparent;
        height: 65px;
        left: 0px;
        line-height: 65px;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 65px;
        font-size: 16px;
        color: #fff;
        border: 1px solid #363d4f
    }
    
    .project-active.owl-carousel .owl-nav {
        position: relative;
        left: -553px;
        top: -195px
    }
    
    @media (min-width: 1200px) and (max-width: 1500px) {
        .project-active.owl-carousel .owl-nav {
            position: relative;
            left: -326px
        }
    }
    
    .project-active.owl-carousel .owl-nav div.owl-next {
        left: 86px;
        right: auto
    }
    
    .project-active.owl-carousel .owl-nav div.owl-prev i {
        position: relative;
        right: 2px
    }
    
    .project-active.owl-carousel:hover .owl-nav div {
        opacity: 1;
        visibility: visible
    }
    
    .project-active.owl-carousel:hover .owl-nav div:hover {
        color: #ff5e13
    }
    
    .main-project-area {
        padding-top: 120px;
        padding-bottom: 20px
    }
    
    @media (max-width: 767px) {
        .main-project-area {
            padding-top: 70px
        }
    }
    
    .main-project-area .single-project {
        margin-bottom: 97px
    }
    
    .main-project-area .single-project .project-thumb img {
        width: 100%
    }
    
    .main-project-area .single-project .project-info span {
        color: #ff5e13;
        font-family: "prompt";
        font-weight: 400;
        display: block;
        margin-bottom: 13px;
        margin-top: 35px;
        font-size: 16px
    }
    
    .main-project-area .single-project .project-info h3 {
        font-size: 26px;
        color: #020c26;
        font-family: "prompt";
        font-weight: 400
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .main-project-area .single-project .project-info h3 {
            font-size: 18px
        }
    }
    
    @media (max-width: 767px) {
        .main-project-area .single-project .project-info h3 {
            font-size: 18px
        }
    }
    
    @media (max-width: 767px) {
        .main-project-area .single-project {
            margin-bottom: 50px
        }
    }
    
    .project-review-area .single-review {
        padding-right: 30px
    }
    
    .project-review-area .single-review h3 {
        font-size: 44px;
        font-weight: 400;
        color: #020c26;
        font-family: "prompt";
        margin-bottom: 20px
    }
    
    @media (max-width: 767px) {
        .project-review-area .single-review h3 {
            font-size: 25px
        }
    }
    
    .project-review-area .single-review p {
        color: #5c5c5c;
        font-family: "prompt";
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 17px;
        line-height: 28px
    }
    
    .project-review-area .review-thumb img {
        width: 100%
    }
    
    .full-width-gallery {
        padding-bottom: 90px
    }
    
    .full-width-gallery .full-thumb {
        margin-bottom: 67px
    }
    
    .full-width-gallery .full-thumb img {
        width: 100%
    }
    
    .full-width-gallery .solution-wrap {
        margin-bottom: 25px
    }
    
    .full-width-gallery .solution-wrap h3 {
        font-size: 44px;
        color: #020c26;
        margin-bottom: 19px;
        font-weight: 400
    }
    
    @media (max-width: 767px) {
        .full-width-gallery .solution-wrap h3 {
            font-size: 30px
        }
    }
    
    .full-width-gallery .solution-wrap p {
        font-size: 16px;
        font-family: "prompt";
        color: #5c5c5c;
        line-height: 28px;
        font-weight: 400
    }
    
    .main-review-area {
        padding-top: 98px;
        padding-bottom: 60px
    }
    
    @media (max-width: 767px) {
        .main-review-area {
            padding-top: 60px;
            padding-bottom: 0
        }
    }
    
    .main-review-area .about-info-text {
        margin-bottom: 60px
    }
    
    .main-review-area .about-info-text .quote {
        font-size: 55px;
        color: #e5e6e9;
        margin-bottom: 10px
    }
    
    .main-review-area .about-info-text .about-ratting {
        color: #ffba00;
        font-size: 16px
    }
    
    .main-review-area .about-info-text .about-ratting i {
        margin-right: 1px
    }
    
    .main-review-area .about-info-text p.about-text {
        font-size: 24px;
        line-height: 36px;
        color: #5c5c5c;
        font-family: "prompt";
        font-weight: 400;
        margin-top: 17px;
        margin-bottom: 44px
    }
    
    @media (max-width: 767px) {
        .main-review-area .about-info-text p.about-text {
            font-size: 18px
        }
    }
    
    .main-review-area .about-info-text .about-author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .main-review-area .about-info-text .about-author .autor-thumb {
        padding-right: 20px
    }
    
    .main-review-area .about-info-text .about-author .autor-thumb img {
        width: 100%
    }
    
    .main-review-area .about-info-text .about-author .auhor-text span {
        font-size: 18px;
        font-weight: 400;
        color: #020c26
    }
    
    .main-review-area .about-info-text .about-author .auhor-text p {
        color: #848484;
        font-size: 14px;
        font-weight: 400
    }
    
    .addres-area .single-address {
        position: relative;
        margin-top: 53px;
        z-index: 0
    }
    
    .addres-area .single-address .addres-icon {
        position: absolute;
        top: -53px;
        right: 0;
        left: 0;
        margin: auto
    }
    
    .addres-area .single-address h3 {
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        font-family: "prompt";
        position: relative;
        z-index: 9
    }
    
    .addres-area .single-address p {
        font-size: 16px;
        color: #a9a9a9;
        line-height: 28px;
        margin-bottom: 21px;
        position: relative;
        z-index: 9
    }
    
    .addres-area .single-address a {
        position: relative;
        z-index: 9
    }
    
    @media (max-width: 767px) {
        .addres-area .single-address {
            margin-bottom: 30px
        }
    }
    
    .about-area {
        position: relative;
        z-index: 1
    }
    
    .about-area .pattent-bg-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    
    @media (max-width: 767px) {
        .about-area .pattent-bg-img {
            display: none
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .about-area .pattent-bg-img {
            display: none
        }
    }
    
    .about-area .section-title {
        padding-left: 77px
    }
    
    @media (max-width: 767px) {
        .about-area .section-title {
            padding-left: 0;
            margin-top: 30px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .about-area .section-title {
            padding-left: 0;
            margin-top: 30px
        }
    }
    
    .about-area .about-thumb {
        position: relative
    }
    
    .about-area .about-thumb img {
        width: 100%
    }
    
    .about-area .about-thumb a.video-icon {
        position: absolute;
        width: 100px;
        height: 100px;
        font-size: 25px;
        line-height: 100px;
        background: #fff;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        border-radius: 50%;
        top: 50%;
        margin-left: -50px;
        transform: translateY(-50%);
        left: 100%
    }
    
    @media (max-width: 767px) {
        .about-area .about-thumb a.video-icon {
            height: 80px;
            width: 80px;
            line-height: 80px;
            left: 50%;
            transform: translateY(-50%)
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .about-area .about-thumb a.video-icon {
            height: 80px;
            width: 80px;
            line-height: 80px;
            left: 50%;
            transform: translateY(-50%)
        }
    }
    
    .about-area .about-thumb a.video-icon::before {
        position: absolute;
        content: '';
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
        border: 1px solid #ff5e13;
        border-radius: 50%;
        opacity: .15
    }
    
    .about-area .about-thumb a.video-icon i {
        color: #ff5e13;
        padding-left: 4px
    }
    
    .about-area .about-info-text .quote {
        font-size: 55px;
        color: #020c26;
        margin-bottom: 10px
    }
    
    .about-area .about-info-text .about-ratting {
        color: #ffba00;
        font-size: 16px
    }
    
    .about-area .about-info-text .about-ratting i {
        margin-right: 1px
    }
    
    .about-area .about-info-text p.about-text {
        font-size: 24px;
        line-height: 36px;
        color: #5c5c5c;
        font-family: "prompt";
        font-weight: 400;
        margin-top: 17px;
        margin-bottom: 44px
    }
    
    @media (max-width: 767px) {
        .about-area .about-info-text p.about-text {
            font-size: 18px
        }
    }
    
    .about-area .about-info-text .about-author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .about-area .about-info-text .about-author .autor-thumb {
        padding-right: 20px
    }
    
    .about-area .about-info-text .about-author .autor-thumb img {
        width: 100%
    }
    
    .about-area .about-info-text .about-author .auhor-text span {
        font-size: 18px;
        font-weight: 400;
        color: #020c26
    }
    
    .about-area .about-info-text .about-author .auhor-text p {
        color: #848484;
        font-size: 14px;
        font-weight: 400
    }
    
    .about-area .about-review {
        position: relative
    }
    
    @media (max-width: 767px) {
        .about-area .about-review {
            margin-top: 30px
        }
    }
    
    .about-area .about-review img {
        width: 100%
    }
    
    .about-area .about-review .project-review {
        position: absolute;
        bottom: 50px;
        left: 50px;
        background: #ff5e13;
        padding: 55px 43px
    }
    
    .about-area .about-review .project-review h3 {
        color: #fff;
        font-family: "prompt";
        font-size: 46px;
        margin-bottom: 9px;
        line-height: 30px
    }
    
    .about-area .about-review .project-review p {
        font-size: 18px;
        font-family: "prompt";
        font-weight: 400;
        margin-bottom: 0;
        color: #fff !important
    }
    
    .pt-120 {
        padding-top: 120px
    }
    
    @media (max-width: 767px) {
        .pt-120 {
            padding-top: 0px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .pt-120 {
            padding-top: 60px
        }
    }
    
    .about-pro-active.owl-carousel .owl-nav div {
        background: transparent;
        height: 65px;
        left: 30%;
        line-height: 65px;
        position: absolute;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 65px;
        font-size: 16px;
        color: #ccced4;
        border: 1px solid transparent;
        top: 35px;
        position: absolute;
        top: -115px;
        left: 44.5%
    }
    
    .about-pro-active.owl-carousel .owl-nav {
        position: inherit
    }
    
    .about-pro-active.owl-carousel .owl-nav div.owl-next {
        margin-left: 30px
    }
    
    .about-pro-active.owl-carousel .owl-nav div.owl-prev i {
        position: relative;
        right: 2px
    }
    
    .about-pro-active.owl-carousel:hover .owl-nav div {
        opacity: 1;
        visibility: visible
    }
    
    .about-pro-active.owl-carousel:hover .owl-nav div:hover {
        color: #ff5e13
    }
    
    .counter-area {
        padding-top: 65px;
        padding-bottom: 35px
    }
    
    .counter-area .single-counter {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 30px
    }
    
    @media (max-width: 767px) {
        .counter-area .single-counter {
            display: block;
            text-align: center
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .counter-area .single-counter {
            display: block;
            text-align: center
        }
    }
    
    .counter-area .single-counter .icon {
        margin-right: 23px
    }
    
    @media (max-width: 767px) {
        .counter-area .single-counter .icon {
            margin-bottom: 20px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .counter-area .single-counter .icon {
            margin-bottom: 20px
        }
    }
    
    .counter-area .single-counter .counter-number {
        margin-top: -10px
    }
    
    .counter-area .single-counter .counter-number h3 {
        font-size: 46px;
        color: #020c26;
        font-weight: 400;
        font-family: "prompt";
        margin-bottom: -2px
    }
    
    .counter-area .single-counter .counter-number h3 span {
        font-weight: 400;
        font-family: "prompt"
    }
    
    .counter-area .single-counter .counter-number p {
        font-size: 18px;
        color: #848484;
        font-family: "prompt";
        font-weight: 400
    }
    
    .counter-area .single-counter .counter-number p span {
        color: #020c26;
        font-weight: 400
    }
    
    .cta-area {
        padding-top: 145px;
        padding-bottom: 155px
    }
    
    .cta-area .cta-content {
        display: block;
        background: #ff5e13;
        position: relative;
        padding: 68px 45px 114px 64px
    }
    
    @media (max-width: 767px) {
        .cta-area .cta-content {
            padding: 40px 20px 100px 20px
        }
    }
    
    .cta-area .cta-content h3 {
        font-size: 44px;
        line-height: 56px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 13px
    }
    
    @media (max-width: 767px) {
        .cta-area .cta-content h3 {
            font-size: 23px;
            line-height: 32px
        }
    }
    
    @media (min-width: 992px) and (max-width: 1200px) {
        .cta-area .cta-content h3 br {
            display: none
        }
    }
    
    .cta-area .cta-content p {
        font-size: 16px;
        color: #ffffff;
        font-weight: 400
    }
    
    .cta-area .cta-content .cta-btn {
        position: absolute;
        right: 0;
        bottom: 0
    }
    
    .cta-area .cta-content .cta-btn i {
        position: relative;
        left: 8px
    }
    
    .dropdown .dropdown-menu {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .contact-info {
        margin-bottom: 25px
    }
    
    .contact-info__icon {
        margin-right: 20px
    }
    
    .contact-info__icon i,
    .contact-info__icon span {
        color: #8f9195;
        font-size: 27px
    }
    
    .contact-info .media-body h3 {
        font-size: 16px;
        margin-bottom: 0;
        font-size: 16px;
        color: #2a2a2a
    }
    
    .contact-info .media-body h3 a:hover {
        color: #ff5e13
    }
    
    .contact-info .media-body p {
        color: #8a8a8a
    }
    
    .contact-title {
        font-size: 27px;
        font-weight: 600;
        margin-bottom: 20px
    }
    
    .form-contact label {
        font-size: 14px
    }
    
    .form-contact .form-group {
        margin-bottom: 30px
    }
    
    .form-contact .form-control {
        border: 1px solid #e5e6e9;
        border-radius: 0px;
        height: 48px;
        padding-left: 18px;
        font-size: 13px;
        background: transparent
    }
    
    .form-contact .form-control:focus {
        outline: 0;
        box-shadow: none
    }
    
    .form-contact .form-control::placeholder {
        font-weight: 300;
        color: #999999
    }
    
    .form-contact textarea {
        border-radius: 0px;
        height: 100% !important
    }
    
    .modal-message .modal-dialog {
        position: absolute;
        top: 36%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%) !important;
        margin: 0px;
        max-width: 500px;
        width: 100%
    }
    
    .modal-message .modal-dialog .modal-content .modal-header {
        text-align: center;
        display: block;
        border-bottom: none;
        padding-top: 50px;
        padding-bottom: 50px
    }
    
    .modal-message .modal-dialog .modal-content .modal-header .close {
        position: absolute;
        right: -15px;
        top: -15px;
        padding: 0px;
        color: #fff;
        opacity: 1;
        cursor: pointer
    }
    
    .modal-message .modal-dialog .modal-content .modal-header h3 {
        display: block;
        text-align: center;
        padding-bottom: 10px
    }
    
    .modal-message .modal-dialog .modal-content .modal-header p {
        display: block
    }
    
    .contact-section {
        padding: 130px 0 100px
    }
    
    @media (max-width: 991px) {
        .contact-section {
            padding: 70px 0 40px
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .contact-section {
            padding: 80px 0 50px
        }
    }
    
    .contact-section .btn_2 {
        background-color: #191d34;
        padding: 18px 60px;
        border-radius: 50px;
        margin-top: 0
    }
    
    .contact-section .btn_2:hover {
        background-color: #ff5e13
    }
    
    .footer-area {
        background-color: #fff;
        padding: 35px 35px 35px;
        position: relative
    }
    
    @media (max-width: 991px) {
        .footer-area {
            padding: 120px 0px 0
        }
    }
    
    .footer-area .col-lg-12 {
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden
    }
    
    @media (max-width: 991px) {
        .footer-area .single-footer-widget {
            margin-bottom: 30px
        }
    }
    
    .footer-area .single-footer-widget .social-links ul li {
        display: inline-block;
        margin-right: 15px
    }
    
    .footer-area .single-footer-widget .social-links ul li a {
        color: #010101;
        font-size: 18px
    }
    
    .footer-area .single-footer-widget .social-links ul li a:hover {
        color: #ff5e13
    }
    
    .footer-area .single-footer-widget .office-location ul li strong {
        font-size: 18px;
        color: #020c26;
        margin-bottom: 10px;
        display: block;
        font-weight: 400;
        font-family: "prompt"
    }
    
    .footer-area .single-footer-widget .office-location ul li p {
        color: #5c5c5c;
        font-size: 16px
    }
    
    .footer-area .single-footer-widget p {
        color: #5c5c5c;
        line-height: 1.8
    }
    
    .footer-area .single-footer-widget h4 {
        margin-bottom: 13px;
        font-weight: 400;
        font-size: 24px;
        color: #020c26;
        text-transform: capitalize;
        font-size: 24px;
        font-family: 'prompt'
    }
    
    @media (max-width: 1024px) {
        .footer-area .single-footer-widget h4 {
            font-size: 18px
        }
    }
    
    @media (max-width: 991px) {
        .footer-area .single-footer-widget h4 {
            margin-bottom: 15px
        }
    }
    
    .footer-area .single-footer-widget ul li {
        margin-bottom: 16px
    }
    
    .footer-area .single-footer-widget ul li a {
        color: #5c5c5c;
        -webkit-transition: .5s;
        transition: .5s;
        font-size: 16px
    }
    
    .footer-area .single-footer-widget ul li a:hover {
        color: #ff5e13
    }
    
    .footer-area .single-footer-widget .form-wrap {
        margin-top: 25px
    }
    
    .footer-area .single-footer-widget input {
        height: 40px;
        border: none;
        width: 67% !important;
        font-weight: 400;
        padding-left: 20px;
        border-radius: 0;
        font-size: 13px;
        color: #999999;
        border: 0px solid transparent
    }
    
    .footer-area .single-footer-widget input:focus {
        outline: none;
        box-shadow: none
    }
    
    .footer-area .single-footer-widget .click-btn {
        background-color: #ff5e13;
        color: #fff;
        border-radius: 0;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        padding: 8px 20px;
        border: 0;
        font-size: 12px;
        font-weight: 400;
        position: relative;
        left: 0
    }
    
    .footer-area .single-footer-widget .click-btn:focus {
        outline: none;
        box-shadow: none
    }
    
    @media (max-width: 375px) {
        .footer-area .single-footer-widget .click-btn {
            margin-top: 10px
        }
    }
    
    @media (min-width: 400px) {
        .footer-area .single-footer-widget .click-btn {
            left: -50px
        }
    }
    
    .footer-area .footer_1 img {
        margin-bottom: 35px
    }
    
    @media (max-width: 576px) {
        .footer-area .footer_1 img {
            margin-bottom: 20px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .footer-area .footer_1 img {
            margin-bottom: 20px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-area .footer_1 img {
            margin-bottom: 20px
        }
    }
    
    .footer-area .footer_1 p {
        margin-bottom: 15px;
        font-family: "prompt";
        font-weight: 400;
        color: #5c5c5c;
        font-size: 16px;
        line-height: 28px;
        margin-top: 7px;
        margin-bottom: 40px
    }
    
    .footer-area .social_icon {
        margin-top: 27px
    }
    
    .footer-area .social_icon a {
        color: #cccccc;
        font-size: 14px;
        margin-right: 20px
    }
    
    .footer-area .social_icon a:hover {
        color: #ff5e13
    }
    
    .footer-area .footer_3 .footer_img .single_footer_img {
        width: 31.33%;
        float: left;
        margin: 1%;
        position: relative;
        z-index: 2
    }
    
    @media (max-width: 576px) {
        .footer-area .footer_3 .footer_img .single_footer_img {
            width: 20%
        }
        .footer-area .footer_3 .footer_img .single_footer_img img {
            width: 100%
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .footer-area .footer_3 .footer_img .single_footer_img {
            width: 20%
        }
        .footer-area .footer_3 .footer_img .single_footer_img img {
            width: 100%
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-area .footer_3 .footer_img .single_footer_img {
            width: 31%
        }
        .footer-area .footer_3 .footer_img .single_footer_img img {
            width: 100%
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .footer-area .footer_3 .footer_img .single_footer_img {
            width: 31%
        }
        .footer-area .footer_3 .footer_img .single_footer_img img {
            width: 100%
        }
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1440px) {
        .footer-area .footer_3 .footer_img .single_footer_img {
            width: 20%
        }
        .footer-area .footer_3 .footer_img .single_footer_img img {
            width: 100%
        }
    }
    
    .footer-area .footer_3 .footer_img .single_footer_img:after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        background-color: #000;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .footer-area .footer_3 .footer_img .single_footer_img i {
        text-align: center;
        position: absolute;
        top: 41%;
        margin: 0 auto;
        left: 0;
        right: 0;
        color: #fff;
        z-index: 2;
        opacity: 0
    }
    
    .footer-area .footer_3 .footer_img .single_footer_img:hover:after {
        opacity: 0.5
    }
    
    .footer-area .footer_3 .footer_img .single_footer_img:hover i {
        opacity: 1
    }
    
    .footer-area .contact_info {
        position: relative;
        margin-bottom: 20px
    }
    
    .footer-area .contact_info:last-child {
        margin-bottom: 0px
    }
    
    .footer-area .contact_info p {
        margin-bottom: 10px
    }
    
    .footer-area .contact_info p span {
        color: #2c3033;
        font-size: 16px
    }
    
    .footer-area .btn {
        background-color: #ff5e13;
        color: #fff;
        width: 49px;
        border-radius: 0px;
        height: 40px
    }
    
    .footer-area span.ti-heart {
        font-size: 12px;
        margin: 0px 2px
    }
    
    .footer-area .copyright_part_text {
        background-color: transparent;
        padding: 32px 15px;
        margin-top: 95px
    }
    
    .footer-area .copyright_part_text p {
        color: #83868c;
        font-size: 14px;
        font-weight: 400
    }
    
    @media (max-width: 576px) {
        .footer-area .copyright_part_text {
            margin-top: 20px;
            text-align: center
        }
        .footer-area .copyright_part_text p {
            font-size: 13px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .footer-area .copyright_part_text {
            text-align: center;
            margin-top: 20px;
            padding: 32px 15px
        }
        .footer-area .copyright_part_text p {
            font-size: 13px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-area .copyright_part_text {
            text-align: center
        }
    }
    
    .footer-area .copyright_part_text a {
        color: #ff5e13
    }
    
    .footer-area .input-group {
        border: 1px solid #45556a;
        padding: 5px
    }
    
    .footer-area .footer_icon p {
        margin-bottom: 22px;
        font-size: 16px;
        color: #999
    }
    
    .footer-area .footer_icon ul li {
        margin-bottom: 20px
    }
    
    .footer-area .footer_icon ul li i {
        margin-right: 15px
    }
    
    @media (max-width: 991px) {
        .footer_icon {
            margin-top: 0px
        }
    }
    
    .footer_menu {
        float: right
    }
    
    @media (max-width: 576px) {
        .footer_menu {
            float: none;
            text-align: center;
            margin-top: 15px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .footer_menu {
            float: none;
            text-align: center;
            margin-top: 15px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer_menu {
            float: none;
            text-align: center;
            margin-top: 15px
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .footer_menu {
            float: none;
            text-align: center;
            margin-top: 15px
        }
    }
    
    .footer_menu ul li {
        display: inline-block
    }
    
    .footer_menu ul li a {
        color: #5c5c5c !important;
        padding: 0px 22px
    }
    
    .footer_menu ul li a:hover {
        color: #ff5e13 !important
    }
    
    @media (max-width: 576px) {
        .footer_menu ul li a {
            padding: 0px 15px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .footer_menu ul li a {
            padding: 0px 15px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer_menu ul li a {
            padding: 0px 15px
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .footer_menu ul li a {
            padding: 0px 15px
        }
    }
    
    .ptb200 {
        padding-top: 200px;
        padding-bottom: 200px
    }
    
    @media (max-width: 767px) {
        .ptb200 {
            padding-top: 100px;
            padding-bottom: 100px
        }
    }
    
    .banner-bg-1 {
        background-image: url(../img/banner/banner.jpg)
    }
    
    .breadcrumb {
        background-size: cover;
        margin: 0 !important
    }
    
    .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h3 {
        font-size: 60px;
        font-weight: 500;
        font-family: "prompt";
        color: #fff
    }
    
    @media (max-width: 767px) {
        .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h3 {
            font-size: 35px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h3 {
            font-size: 45px
        }
    }
    
    .breadcrumb .breadcrumb_iner .breadcrumb_iner_item p {
        color: #fff;
        font-size: 16px;
        font-weight: 400
    }
    
    .breadcrumb .breadcrumb_iner .breadcrumb_iner_item p a {
        color: #ff5e13
    }
    
    .details-bg-1 {
        background-image: url(../img/banner/details-banner.jpg)
    }
    
    .details-banner-area {
        height: 760px;
        height: 760px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }
    
    @media (max-width: 767px) {
        .details-banner-area {
            height: 460px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .details-banner-area {
            height: 560px
        }
    }
    
    @media (min-width: 992px) and (max-width: 1200px) {
        .details-banner-area {
            height: 560px
        }
    }
    
    .details-banner-area .details-banner-text {
        margin-bottom: 131px
    }
    
    .details-banner-area .details-banner-text a {
        font-family: "prompt";
        color: #ff5e13;
        font-size: 16px;
        font-weight: 400;
        display: inline-block;
        margin-bottom: 13px
    }
    
    .details-banner-area .details-banner-text h3 {
        font-family: "prompt";
        font-size: 60px;
        font-weight: 500;
        color: #fff;
        line-height: 72px
    }
    
    @media (max-width: 767px) {
        .details-banner-area .details-banner-text h3 {
            font-size: 25px;
            line-height: 40px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .details-banner-area .details-banner-text h3 {
            font-size: 45px;
            line-height: 60px
        }
    }
    
    @media (max-width: 767px) {
        .details-banner-area .details-banner-text h3 br {
            display: none
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .details-banner-area .details-banner-text h3 br {
            display: none
        }
    }
    
    @media (min-width: 992px) and (max-width: 1200px) {
        .details-banner-area .details-banner-text h3 br {
            display: none
        }
    }
    
    .details-banner-area.details-banner-area2 {
        display: table;
        width: 100%;
        height: 100%;
        height: 760px
    }
    
    .details-banner-area.details-banner-area2 .details-banner-inner2 {
        display: table-cell;
        vertical-align: bottom
    }
    
    @media (max-width: 767px) {
        .details-banner-area.details-banner-area2 {
            height: 460px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .details-banner-area.details-banner-area2 {
            height: 560px
        }
    }
    
    @media (min-width: 992px) and (max-width: 1200px) {
        .details-banner-area.details-banner-area2 {
            height: 560px
        }
    }
    
    @media (max-width: 767px) {
        .team-area .single-team {
            margin-bottom: 30px
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .team-area .single-team {
            margin-bottom: 30px
        }
    }
    
    .team-area .single-team .team-thumb {
        position: relative;
        overflow: hidden
    }
    
    .team-area .single-team .team-thumb img {
        width: 100%
    }
    
    .team-area .single-team .team-thumb .team-hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateY(100px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }
    
    .team-area .single-team .team-thumb .team-hover::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #020c26;
        opacity: .8;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }
    
    .team-area .single-team .team-thumb .team-hover .team-link {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        transform: translateY(-50%)
    }
    
    .team-area .single-team .team-thumb .team-hover .team-link ul li {
        display: inline-block
    }
    
    .team-area .single-team .team-thumb .team-hover .team-link ul li a {
        color: #fff;
        font-size: 18px;
        margin: 0 8px
    }
    
    .team-area .single-team .team-thumb .team-hover .team-link ul li a:hover {
        color: #ff5e13
    }
    
    .team-area .single-team .team-info {
        margin-top: 24px
    }
    
    .team-area .single-team .team-info h3 {
        font-weight: 400;
        font-family: "prompt";
        color: #020c26;
        margin-bottom: 8px
    }
    
    .team-area .single-team .team-info p {
        font-weight: 400;
        font-family: "prompt";
        font-size: 16px;
        color: #5c5c5c;
        margin-bottom: 0
    }
    
    .team-area .single-team:hover .team-hover {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible
    }
    
    #accordion button {
        font-size: 16px;
        font-size: 24px;
        font-family: "prompt";
        font-weight: 400;
        color: #ff5e13
    }
    
    @media (max-width: 767px) {
        #accordion button {
            font-size: 14px
        }
    }
    
    #accordion .card {
        margin-bottom: 15px;
        border-radius: 0;
        border: 0 !important
    }
    
    #accordion .card .card-header {
        background-color: transparent;
        padding: 4px 14px;
        border: 0 !important
    }
    
    @media (max-width: 767px) {
        #accordion .card .card-header {
            padding: 4px 0
        }
    }
    
    #accordion .card .card-body {
        font-size: 16px;
        line-height: 28px;
        color: #5c5c5c;
        padding: 0px 30px 32px;
        font-family: "prompt";
        line-height: 28px
    }
    
    #accordion .card .collapse.show {
        background: #fff;
        border-bottom: 1px solid transparent
    }
    
    #accordion h5 {
        position: relative;
        z-index: 1
    }
    
    #accordion h5 button.btn.btn-link {
        color: #ff5e13
    }
    
    #accordion h5 button.btn.btn-link:after {
        position: absolute;
        content: "\e646";
        top: 50%;
        right: 0px;
        height: auto;
        font-family: 'themify';
        color: #ff5e13;
        font-size: 18px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    
    #accordion h5 button.btn.btn-link:focus {
        outline: none;
        text-decoration: none
    }
    
    @media (max-width: 767px) {
        #accordion h5 button.btn.btn-link {
            padding-left: 0
        }
    }
    
    #accordion h5 button.btn.btn-link.collapsed {
        color: #020c26
    }
    
    #accordion h5 button.btn.btn-link.collapsed:after {
        content: "\e61a";
        color: #020c26;
        font-size: 18px
    }
    
    @media (max-width: 767px) {
        #accordion h5 button.btn.btn-link.collapsed {
            padding-left: 0
        }
    }
    
    #accordion .btn-link:hover {
        color: #182028;
        text-decoration: none
    }
    
    #accordion .btn {
        text-align: left !important
    }
    
    .faq-area {
        padding-top: 100px;
        padding-bottom: 90px
    }
    
    @media (max-width: 767px) {
        .faq-area {
            padding-top: 60px;
            padding-bottom: 30px
        }
    }
    
    .sample-text-area {
        background: #fff;
        padding: 100px 0 70px 0
    }
    
    .text-heading {
        margin-bottom: 30px;
        font-size: 24px
    }
    
    b,
    sup,
    sub,
    u,
    del {
        color: #ff5e13
    }
    
    h3 {
        font-size: 36px
    }
    
    h3 {
        font-size: 30px
    }
    
    h3 {
        font-size: 24px
    }
    
    h4 {
        font-size: 18px
    }
    
    h5 {
        font-size: 16px
    }
    
    h6 {
        font-size: 14px
    }
    
    h3,
    h3,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.2em
    }
    
    .typography h3,
    .typography h3,
    .typography h3,
    .typography h4,
    .typography h5,
    .typography h6 {
        color: #828bb2
    }
    
    .button-area {
        background: #fff
    }
    
    .button-area .border-top-generic {
        padding: 70px 15px;
        border-top: 1px dotted #eee
    }
    
    .button-group-area .genric-btn {
        margin-right: 10px;
        margin-top: 10px
    }
    
    .button-group-area .genric-btn:last-child {
        margin-right: 0
    }
    
    .genric-btn {
        display: inline-block;
        outline: none;
        line-height: 40px;
        padding: 0 30px;
        font-size: .8em;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        cursor: pointer;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }
    
    .genric-btn:focus {
        outline: none
    }
    
    .genric-btn.e-large {
        padding: 0 40px;
        line-height: 50px
    }
    
    .genric-btn.large {
        line-height: 45px
    }
    
    .genric-btn.medium {
        line-height: 30px
    }
    
    .genric-btn.small {
        line-height: 25px
    }
    
    .genric-btn.radius {
        border-radius: 3px
    }
    
    .genric-btn.circle {
        border-radius: 20px
    }
    
    .genric-btn.arrow {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .genric-btn.arrow span {
        margin-left: 10px
    }
    
    .genric-btn.default {
        color: #415094;
        background: #f9f9ff;
        border: 1px solid transparent
    }
    
    .genric-btn.default:hover {
        border: 1px solid #f9f9ff;
        background: #fff
    }
    
    .genric-btn.default-border {
        border: 1px solid #f9f9ff;
        background: #fff
    }
    
    .genric-btn.default-border:hover {
        color: #415094;
        background: #f9f9ff;
        border: 1px solid transparent
    }
    
    .genric-btn.primary {
        color: #fff;
        background: #ff5e13;
        border: 1px solid transparent
    }
    
    .genric-btn.primary:hover {
        color: #ff5e13;
        border: 1px solid #ff5e13;
        background: #fff
    }
    
    .genric-btn.primary-border {
        color: #ff5e13;
        border: 1px solid #ff5e13;
        background: #fff
    }
    
    .genric-btn.primary-border:hover {
        color: #fff;
        background: #ff5e13;
        border: 1px solid transparent
    }
    
    .genric-btn.success {
        color: #fff;
        background: #4cd3e3;
        border: 1px solid transparent
    }
    
    .genric-btn.success:hover {
        color: #4cd3e3;
        border: 1px solid #4cd3e3;
        background: #fff
    }
    
    .genric-btn.success-border {
        color: #4cd3e3;
        border: 1px solid #4cd3e3;
        background: #fff
    }
    
    .genric-btn.success-border:hover {
        color: #fff;
        background: #4cd3e3;
        border: 1px solid transparent
    }
    
    .genric-btn.info {
        color: #fff;
        background: #38a4ff;
        border: 1px solid transparent
    }
    
    .genric-btn.info:hover {
        color: #38a4ff;
        border: 1px solid #38a4ff;
        background: #fff
    }
    
    .genric-btn.info-border {
        color: #38a4ff;
        border: 1px solid #38a4ff;
        background: #fff
    }
    
    .genric-btn.info-border:hover {
        color: #fff;
        background: #38a4ff;
        border: 1px solid transparent
    }
    
    .genric-btn.warning {
        color: #fff;
        background: #f4e700;
        border: 1px solid transparent
    }
    
    .genric-btn.warning:hover {
        color: #f4e700;
        border: 1px solid #f4e700;
        background: #fff
    }
    
    .genric-btn.warning-border {
        color: #f4e700;
        border: 1px solid #f4e700;
        background: #fff
    }
    
    .genric-btn.warning-border:hover {
        color: #fff;
        background: #f4e700;
        border: 1px solid transparent
    }
    
    .genric-btn.danger {
        color: #fff;
        background: #f44a40;
        border: 1px solid transparent
    }
    
    .genric-btn.danger:hover {
        color: #f44a40;
        border: 1px solid #f44a40;
        background: #fff
    }
    
    .genric-btn.danger-border {
        color: #f44a40;
        border: 1px solid #f44a40;
        background: #fff
    }
    
    .genric-btn.danger-border:hover {
        color: #fff;
        background: #f44a40;
        border: 1px solid transparent
    }
    
    .genric-btn.link {
        color: #415094;
        background: #f9f9ff;
        text-decoration: underline;
        border: 1px solid transparent
    }
    
    .genric-btn.link:hover {
        color: #415094;
        border: 1px solid #f9f9ff;
        background: #fff
    }
    
    .genric-btn.link-border {
        color: #415094;
        border: 1px solid #f9f9ff;
        background: #fff;
        text-decoration: underline
    }
    
    .genric-btn.link-border:hover {
        color: #415094;
        background: #f9f9ff;
        border: 1px solid transparent
    }
    
    .genric-btn.disable {
        color: #222, 0.3;
        background: #f9f9ff;
        border: 1px solid transparent;
        cursor: not-allowed
    }
    
    .generic-blockquote {
        padding: 30px 50px 30px 30px;
        background: #f9f9ff;
        border-left: 2px solid #ff5e13
    }
    
    .progress-table-wrap {
        overflow-x: scroll
    }
    
    .progress-table {
        background: #f9f9ff;
        padding: 15px 0px 30px 0px;
        min-width: 800px
    }
    
    .progress-table .serial {
        width: 11.83%;
        padding-left: 30px
    }
    
    .progress-table .country {
        width: 28.07%
    }
    
    .progress-table .visit {
        width: 19.74%
    }
    
    .progress-table .percentage {
        width: 40.36%;
        padding-right: 50px
    }
    
    .progress-table .table-head {
        display: flex
    }
    
    .progress-table .table-head .serial,
    .progress-table .table-head .country,
    .progress-table .table-head .visit,
    .progress-table .table-head .percentage {
        color: #415094;
        line-height: 40px;
        text-transform: uppercase;
        font-weight: 500
    }
    
    .progress-table .table-row {
        padding: 15px 0;
        border-top: 1px solid #edf3fd;
        display: flex
    }
    
    .progress-table .table-row .serial,
    .progress-table .table-row .country,
    .progress-table .table-row .visit,
    .progress-table .table-row .percentage {
        display: flex;
        align-items: center
    }
    
    .progress-table .table-row .country img {
        margin-right: 15px
    }
    
    .progress-table .table-row .percentage .progress {
        width: 80%;
        border-radius: 0px;
        background: transparent
    }
    
    .progress-table .table-row .percentage .progress .progress-bar {
        height: 5px;
        line-height: 5px
    }
    
    .progress-table .table-row .percentage .progress .progress-bar.color-1 {
        background-color: #6382e6
    }
    
    .progress-table .table-row .percentage .progress .progress-bar.color-2 {
        background-color: #e66686
    }
    
    .progress-table .table-row .percentage .progress .progress-bar.color-3 {
        background-color: #f09359
    }
    
    .progress-table .table-row .percentage .progress .progress-bar.color-4 {
        background-color: #73fbaf
    }
    
    .progress-table .table-row .percentage .progress .progress-bar.color-5 {
        background-color: #73fbaf
    }
    
    .progress-table .table-row .percentage .progress .progress-bar.color-6 {
        background-color: #6382e6
    }
    
    .progress-table .table-row .percentage .progress .progress-bar.color-7 {
        background-color: #a367e7
    }
    
    .progress-table .table-row .percentage .progress .progress-bar.color-8 {
        background-color: #e66686
    }
    
    .single-gallery-image {
        margin-top: 30px;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
        height: 200px
    }
    
    .list-style {
        width: 14px;
        height: 14px
    }
    
    .unordered-list li {
        position: relative;
        padding-left: 30px;
        line-height: 1.82em !important
    }
    
    .unordered-list li:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        border: 3px solid #ff5e13;
        background: #fff;
        top: 4px;
        left: 0;
        border-radius: 50%
    }
    
    .ordered-list {
        margin-left: 30px
    }
    
    .ordered-list li {
        list-style-type: decimal-leading-zero;
        color: #ff5e13;
        font-weight: 500;
        line-height: 1.82em !important
    }
    
    .ordered-list li span {
        font-weight: 300;
        color: #828bb2
    }
    
    .ordered-list-alpha li {
        margin-left: 30px;
        list-style-type: lower-alpha;
        color: #ff5e13;
        font-weight: 500;
        line-height: 1.82em !important
    }
    
    .ordered-list-alpha li span {
        font-weight: 300;
        color: #828bb2
    }
    
    .ordered-list-roman li {
        margin-left: 30px;
        list-style-type: lower-roman;
        color: #ff5e13;
        font-weight: 500;
        line-height: 1.82em !important
    }
    
    .ordered-list-roman li span {
        font-weight: 300;
        color: #828bb2
    }
    
    .single-input {
        display: block;
        width: 100%;
        line-height: 40px;
        border: none;
        outline: none;
        background: #f9f9ff;
        padding: 0 20px
    }
    
    .single-input:focus {
        outline: none
    }
    
    .input-group-icon {
        position: relative
    }
    
    .input-group-icon .icon {
        position: absolute;
        left: 20px;
        top: 0;
        line-height: 40px;
        z-index: 3
    }
    
    .input-group-icon .icon i {
        color: #797979
    }
    
    .input-group-icon .single-input {
        padding-left: 45px
    }
    
    .single-textarea {
        display: block;
        width: 100%;
        line-height: 40px;
        border: none;
        outline: none;
        background: #f9f9ff;
        padding: 0 20px;
        height: 100px;
        resize: none
    }
    
    .single-textarea:focus {
        outline: none
    }
    
    .single-input-primary {
        display: block;
        width: 100%;
        line-height: 40px;
        border: 1px solid transparent;
        outline: none;
        background: #f9f9ff;
        padding: 0 20px
    }
    
    .single-input-primary:focus {
        outline: none;
        border: 1px solid #ff5e13
    }
    
    .single-input-accent {
        display: block;
        width: 100%;
        line-height: 40px;
        border: 1px solid transparent;
        outline: none;
        background: #f9f9ff;
        padding: 0 20px
    }
    
    .single-input-accent:focus {
        outline: none;
        border: 1px solid #eb6b55
    }
    
    .single-input-secondary {
        display: block;
        width: 100%;
        line-height: 40px;
        border: 1px solid transparent;
        outline: none;
        background: #f9f9ff;
        padding: 0 20px
    }
    
    .single-input-secondary:focus {
        outline: none;
        border: 1px solid #f09359
    }
    
    .default-switch {
        width: 35px;
        height: 17px;
        border-radius: 8.5px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .default-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer
    }
    
    .default-switch input+label {
        position: absolute;
        top: 1px;
        left: 1px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #ff5e13;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer
    }
    
    .default-switch input:checked+label {
        left: 19px
    }
    
    .primary-switch {
        width: 35px;
        height: 17px;
        border-radius: 8.5px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .primary-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    
    .primary-switch input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }
    
    .primary-switch input+label:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        border-radius: 8.5px;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s
    }
    
    .primary-switch input+label:after {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #fff;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer
    }
    
    .primary-switch input:checked+label:after {
        left: 19px
    }
    
    .primary-switch input:checked+label:before {
        background: #ff5e13
    }
    
    .confirm-switch {
        width: 35px;
        height: 17px;
        border-radius: 8.5px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .confirm-switch input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    
    .confirm-switch input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }
    
    .confirm-switch input+label:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        border-radius: 8.5px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        cursor: pointer
    }
    
    .confirm-switch input+label:after {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #fff;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer
    }
    
    .confirm-switch input:checked+label:after {
        left: 19px
    }
    
    .confirm-switch input:checked+label:before {
        background: #4cd3e3
    }
    
    .primary-checkbox {
        width: 16px;
        height: 16px;
        border-radius: 3px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .primary-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    
    .primary-checkbox input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }
    
    .primary-checkbox input:checked+label {
        background: url(../img/elements/primary-check.png) no-repeat center center/cover;
        border: none
    }
    
    .confirm-checkbox {
        width: 16px;
        height: 16px;
        border-radius: 3px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .confirm-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    
    .confirm-checkbox input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }
    
    .confirm-checkbox input:checked+label {
        background: url(../img/elements/success-check.png) no-repeat center center/cover;
        border: none
    }
    
    .disabled-checkbox {
        width: 16px;
        height: 16px;
        border-radius: 3px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .disabled-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    
    .disabled-checkbox input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }
    
    .disabled-checkbox input:disabled {
        cursor: not-allowed;
        z-index: 3
    }
    
    .disabled-checkbox input:checked+label {
        background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
        border: none
    }
    
    .primary-radio {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .primary-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    
    .primary-radio input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }
    
    .primary-radio input:checked+label {
        background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
        border: none
    }
    
    .confirm-radio {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .confirm-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    
    .confirm-radio input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }
    
    .confirm-radio input:checked+label {
        background: url(../img/elements/success-radio.png) no-repeat center center/cover;
        border: none
    }
    
    .disabled-radio {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background: #f9f9ff;
        position: relative;
        cursor: pointer
    }
    
    .disabled-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    
    .disabled-radio input+label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid #f1f1f1
    }
    
    .disabled-radio input:disabled {
        cursor: not-allowed;
        z-index: 3
    }
    
    .disabled-radio input:checked+label {
        background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
        border: none
    }
    
    .default-select {
        height: 40px
    }
    
    .default-select .nice-select {
        border: none;
        border-radius: 0px;
        height: 40px;
        background: #f9f9ff;
        padding-left: 20px;
        padding-right: 40px
    }
    
    .default-select .nice-select .list {
        margin-top: 0;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        width: 100%;
        padding: 10px 0 10px 0px
    }
    
    .default-select .nice-select .list .option {
        font-weight: 300;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        line-height: 28px;
        min-height: 28px;
        font-size: 12px;
        padding-left: 20px
    }
    
    .default-select .nice-select .list .option.selected {
        color: #ff5e13;
        background: transparent
    }
    
    .default-select .nice-select .list .option:hover {
        color: #ff5e13;
        background: transparent
    }
    
    .default-select .current {
        margin-right: 50px;
        font-weight: 300
    }
    
    .default-select .nice-select::after {
        right: 20px
    }
    
    .form-select {
        height: 40px;
        width: 100%
    }
    
    .form-select .nice-select {
        border: none;
        border-radius: 0px;
        height: 40px;
        background: #f9f9ff;
        padding-left: 45px;
        padding-right: 40px;
        width: 100%
    }
    
    .form-select .nice-select .list {
        margin-top: 0;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        width: 100%;
        padding: 10px 0 10px 0px
    }
    
    .form-select .nice-select .list .option {
        font-weight: 300;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        line-height: 28px;
        min-height: 28px;
        font-size: 12px;
        padding-left: 45px
    }
    
    .form-select .nice-select .list .option.selected {
        color: #ff5e13;
        background: transparent
    }
    
    .form-select .nice-select .list .option:hover {
        color: #ff5e13;
        background: transparent
    }
    
    .form-select .current {
        margin-right: 50px;
        font-weight: 300
    }
    
    .form-select .nice-select::after {
        right: 20px
    }
    
    .mt-10 {
        margin-top: 10px
    }
    
    .section-top-border {
        padding-top: 10px;
        border-top: 3px dotted #eee
    }
    
    .section-top-border-dash {
        padding-top: 10px;
        border-top: 1px dotted #eee
    }
    
    .mb-30 {
        margin-bottom: 30px
    }
    
    .mt-30 {
        margin-top: 30px
    }
    
    .switch-wrap {
        margin-bottom: 10px
    }
    
    .latest-blog-area .area-heading {
        margin-bottom: 70px
    }
    
    .blog_area a {
        color: #666 !important;
        text-decoration: none;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .blog_area a:hover,
    .blog_area a :hover {
        background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .single-blog {
        overflow: hidden;
        margin-bottom: 30px
    }
    
    .single-blog:hover {
        box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1)
    }
    
    .single-blog .thumb {
        overflow: hidden;
        position: relative
    }
    
    .single-blog .thumb:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .single-blog h4 {
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 34px;
        margin-bottom: 25px
    }
    
    .single-blog a {
        font-size: 20px;
        font-weight: 600
    }
    
    .single-blog .date {
        color: #666666;
        text-align: left;
        display: inline-block;
        font-size: 13px;
        font-weight: 300
    }
    
    .single-blog .tag {
        text-align: left;
        display: inline-block;
        float: left;
        font-size: 13px;
        font-weight: 300;
        margin-right: 22px;
        position: relative
    }
    
    .single-blog .tag:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 10px;
        background: #acacac;
        right: -12px;
        top: 7px
    }
    
    @media (max-width: 1199px) {
        .single-blog .tag {
            margin-right: 8px
        }
        .single-blog .tag:after {
            display: none
        }
    }
    
    .single-blog .likes {
        margin-right: 16px
    }
    
    @media (max-width: 800px) {
        .single-blog {
            margin-bottom: 30px
        }
    }
    
    .single-blog .single-blog-content {
        padding: 30px
    }
    
    .single-blog .single-blog-content .meta-bottom p {
        font-size: 13px;
        font-weight: 300
    }
    
    .single-blog .single-blog-content .meta-bottom i {
        color: #fdcb9e;
        font-size: 13px;
        margin-right: 7px
    }
    
    @media (max-width: 1199px) {
        .single-blog .single-blog-content {
            padding: 15px
        }
    }
    
    .single-blog:hover .thumb:after {
        opacity: .7;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    @media (max-width: 1199px) {
        .single-blog h4 {
            transition: all 300ms linear 0s;
            border-bottom: 1px solid #dfdfdf;
            padding-bottom: 14px;
            margin-bottom: 12px
        }
        .single-blog h4 a {
            font-size: 18px
        }
    }
    
    .full_image.single-blog {
        position: relative
    }
    
    .full_image.single-blog .single-blog-content {
        position: absolute;
        left: 35px;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    @media (min-width: 992px) {
        .full_image.single-blog .single-blog-content {
            bottom: 100px
        }
    }
    
    .full_image.single-blog h4 {
        -webkit-transition: .5s;
        transition: .5s;
        border-bottom: none;
        padding-bottom: 5px
    }
    
    .full_image.single-blog a {
        font-size: 20px;
        font-weight: 600
    }
    
    .full_image.single-blog .date {
        color: #fff
    }
    
    .full_image.single-blog:hover .single-blog-content {
        opacity: 1;
        visibility: visible;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .l_blog_item .l_blog_text .date {
        margin-top: 24px;
        margin-bottom: 15px
    }
    
    .l_blog_item .l_blog_text .date a {
        font-size: 12px
    }
    
    .l_blog_item .l_blog_text h4 {
        font-size: 18px;
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 0px;
        padding-bottom: 20px;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .l_blog_item .l_blog_text p {
        margin-bottom: 0px;
        padding-top: 20px
    }
    
    .causes_slider .owl-dots {
        text-align: center;
        margin-top: 80px
    }
    
    .causes_slider .owl-dots .owl-dot {
        height: 14px;
        width: 14px;
        background: #eeeeee;
        display: inline-block;
        margin-right: 7px
    }
    
    .causes_slider .owl-dots .owl-dot:last-child {
        margin-right: 0px
    }
    
    .causes_item {
        background: #fff
    }
    
    .causes_item .causes_img {
        position: relative
    }
    
    .causes_item .causes_img .c_parcent {
        position: absolute;
        bottom: 0px;
        width: 100%;
        left: 0px;
        height: 3px;
        background: rgba(255, 255, 255, 0.5)
    }
    
    .causes_item .causes_img .c_parcent span {
        width: 70%;
        height: 3px;
        position: absolute;
        left: 0px;
        bottom: 0px
    }
    
    .causes_item .causes_img .c_parcent span:before {
        content: "75%";
        position: absolute;
        right: -10px;
        bottom: 0px;
        color: #fff;
        padding: 0px 5px
    }
    
    .causes_item .causes_text {
        padding: 30px 35px 40px 30px
    }
    
    .causes_item .causes_text h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        cursor: pointer
    }
    
    .causes_item .causes_text p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 300;
        margin-bottom: 0px
    }
    
    .causes_item .causes_bottom a {
        width: 50%;
        border: 1px solid;
        text-align: center;
        float: left;
        line-height: 50px;
        color: #fff;
        font-size: 14px;
        font-weight: 500
    }
    
    .causes_item .causes_bottom a+a {
        border-color: #eeeeee;
        background: #fff;
        font-size: 14px
    }
    
    .latest_blog_area {
        background: #f9f9ff
    }
    
    .single-recent-blog-post {
        margin-bottom: 30px
    }
    
    .single-recent-blog-post .thumb {
        overflow: hidden
    }
    
    .single-recent-blog-post .thumb img {
        transition: all 0.7s linear
    }
    
    .single-recent-blog-post .details {
        padding-top: 30px
    }
    
    .single-recent-blog-post .details .sec_h4 {
        line-height: 24px;
        padding: 10px 0px 13px;
        transition: all 0.3s linear
    }
    
    .single-recent-blog-post .date {
        font-size: 14px;
        line-height: 24px;
        font-weight: 400
    }
    
    .single-recent-blog-post:hover img {
        transform: scale(1.23) rotate(10deg)
    }
    
    .tags .tag_btn {
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        border: 1px solid #eeeeee;
        display: inline-block;
        padding: 1px 18px;
        text-align: center
    }
    
    .tags .tag_btn+.tag_btn {
        margin-left: 2px
    }
    
    .blog_categorie_area {
        padding-top: 30px;
        padding-bottom: 30px
    }
    
    @media (min-width: 900px) {
        .blog_categorie_area {
            padding-top: 80px;
            padding-bottom: 80px
        }
    }
    
    @media (min-width: 1100px) {
        .blog_categorie_area {
            padding-top: 120px;
            padding-bottom: 120px
        }
    }
    
    .categories_post {
        position: relative;
        text-align: center;
        cursor: pointer
    }
    
    .categories_post img {
        max-width: 100%
    }
    
    .categories_post .categories_details {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        background: rgba(34, 34, 34, 0.75);
        color: #fff;
        transition: all 0.3s linear;
        display: flex;
        align-items: center;
        justify-content: center
    }
    
    .categories_post .categories_details h5 {
        margin-bottom: 0px;
        font-size: 18px;
        line-height: 26px;
        text-transform: uppercase;
        color: #fff;
        position: relative
    }
    
    .categories_post .categories_details p {
        font-weight: 300;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0px
    }
    
    .categories_post .categories_details .border_line {
        margin: 10px 0px;
        background: #fff;
        width: 100%;
        height: 1px
    }
    
    .categories_post:hover .categories_details {
        background: rgba(222, 99, 32, 0.85)
    }
    
    .blog_item {
        margin-bottom: 50px
    }
    
    .blog_details {
        padding: 30px 0 20px 10px;
        box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3)
    }
    
    @media (min-width: 768px) {
        .blog_details {
            padding: 60px 30px 35px 35px
        }
    }
    
    .blog_details p {
        margin-bottom: 30px
    }
    
    .blog_details a {
        color: #ff8b23
    }
    
    .blog_details a:hover {
        color: #fe5c24
    }
    
    .blog_details h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px
    }
    
    @media (min-width: 768px) {
        .blog_details h3 {
            font-size: 24px;
            margin-bottom: 15px
        }
    }
    
    .blog-info-link li {
        float: left;
        font-size: 14px
    }
    
    .blog-info-link li a {
        color: #999999
    }
    
    .blog-info-link li i,
    .blog-info-link li span {
        font-size: 13px;
        margin-right: 5px
    }
    
    .blog-info-link li::after {
        content: "|";
        padding-left: 10px;
        padding-right: 10px
    }
    
    .blog-info-link li:last-child::after {
        display: none
    }
    
    .blog-info-link::after {
        content: "";
        display: block;
        clear: both;
        display: table
    }
    
    .blog_item_img {
        position: relative
    }
    
    .blog_item_img .blog_item_date {
        position: absolute;
        bottom: -10px;
        left: 10px;
        display: block;
        color: #fff;
        background-color: #fe5c24;
        padding: 8px 15px;
        border-radius: 5px
    }
    
    @media (min-width: 768px) {
        .blog_item_img .blog_item_date {
            bottom: -20px;
            left: 40px;
            padding: 13px 30px
        }
    }
    
    .blog_item_img .blog_item_date h3 {
        font-size: 22px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 0;
        line-height: 1.2
    }
    
    @media (min-width: 768px) {
        .blog_item_img .blog_item_date h3 {
            font-size: 30px
        }
    }
    
    .blog_item_img .blog_item_date p {
        font-size: 18px;
        margin-bottom: 0;
        color: #fff
    }
    
    @media (min-width: 768px) {
        .blog_item_img .blog_item_date p {
            font-size: 18px
        }
    }
    
    .blog_right_sidebar .widget_title {
        font-size: 20px;
        margin-bottom: 40px
    }
    
    .blog_right_sidebar .widget_title::after {
        content: "";
        display: block;
        padding-top: 15px;
        border-bottom: 1px solid #f0e9ff
    }
    
    .blog_right_sidebar .single_sidebar_widget {
        background: #fbf9ff;
        padding: 30px;
        margin-bottom: 30px
    }
    
    .blog_right_sidebar .single_sidebar_widget .btn_1 {
        margin-top: 0px
    }
    
    .blog_right_sidebar .search_widget .form-control {
        height: 50px;
        border-color: #f0e9ff;
        font-size: 13px;
        color: #999999;
        padding-left: 20px;
        border-radius: 0;
        border-right: 0
    }
    
    .blog_right_sidebar .search_widget .form-control::placeholder {
        color: #999999
    }
    
    .blog_right_sidebar .search_widget .form-control:focus {
        border-color: #f0e9ff;
        outline: 0;
        box-shadow: none
    }
    
    .blog_right_sidebar .search_widget .input-group button {
        background: #fff;
        border-left: 0;
        border: 1px solid #f0e9ff;
        padding: 4px 15px;
        border-left: 0
    }
    
    .blog_right_sidebar .search_widget .input-group button i,
    .blog_right_sidebar .search_widget .input-group button span {
        font-size: 14px;
        color: #999999
    }
    
    .blog_right_sidebar .newsletter_widget .form-control {
        height: 50px;
        border-color: #f0e9ff;
        font-size: 13px;
        color: #999999;
        padding-left: 20px;
        border-radius: 0
    }
    
    .blog_right_sidebar .newsletter_widget .form-control::placeholder {
        color: #999999
    }
    
    .blog_right_sidebar .newsletter_widget .form-control:focus {
        border-color: #f0e9ff;
        outline: 0;
        box-shadow: none
    }
    
    .blog_right_sidebar .newsletter_widget .input-group button {
        background: #fff;
        border-left: 0;
        border: 1px solid #f0e9ff;
        padding: 4px 15px;
        border-left: 0
    }
    
    .blog_right_sidebar .newsletter_widget .input-group button i,
    .blog_right_sidebar .newsletter_widget .input-group button span {
        font-size: 14px;
        color: #999999
    }
    
    .blog_right_sidebar .post_category_widget .cat-list li {
        border-bottom: 1px solid #f0e9ff;
        transition: all 0.3s ease 0s;
        padding-bottom: 12px
    }
    
    .blog_right_sidebar .post_category_widget .cat-list li:last-child {
        border-bottom: 0
    }
    
    .blog_right_sidebar .post_category_widget .cat-list li a {
        font-size: 14px;
        line-height: 20px;
        color: #888888
    }
    
    .blog_right_sidebar .post_category_widget .cat-list li a p {
        margin-bottom: 0px
    }
    
    .blog_right_sidebar .post_category_widget .cat-list li+li {
        padding-top: 15px
    }
    
    .blog_right_sidebar .popular_post_widget .post_item .media-body {
        justify-content: center;
        align-self: center;
        padding-left: 20px
    }
    
    .blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 6px;
        transition: all 0.3s linear
    }
    
    .blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
        color: #fff
    }
    
    .blog_right_sidebar .popular_post_widget .post_item .media-body p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 0px
    }
    
    .blog_right_sidebar .popular_post_widget .post_item+.post_item {
        margin-top: 20px
    }
    
    .blog_right_sidebar .tag_cloud_widget ul li {
        display: inline-block
    }
    
    .blog_right_sidebar .tag_cloud_widget ul li a {
        display: inline-block;
        border: 1px solid #eeeeee;
        background: #fff;
        padding: 4px 20px;
        margin-bottom: 8px;
        margin-right: 3px;
        transition: all 0.3s ease 0s;
        color: #888888;
        font-size: 13px
    }
    
    .blog_right_sidebar .tag_cloud_widget ul li a:hover {
        background: #fe5c24;
        color: #fff !important;
        -webkit-text-fill-color: #fff;
        text-decoration: none;
        -webkit-transition: 0.5s;
        transition: 0.5s
    }
    
    .blog_right_sidebar .instagram_feeds .instagram_row {
        display: flex;
        margin-right: -6px;
        margin-left: -6px
    }
    
    .blog_right_sidebar .instagram_feeds .instagram_row li {
        width: 33.33%;
        float: left;
        padding-right: 6px;
        padding-left: 6px;
        margin-bottom: 15px
    }
    
    .blog_right_sidebar .br {
        width: 100%;
        height: 1px;
        background: #eee;
        margin: 30px 0px
    }
    
    .blog-pagination {
        margin-top: 80px
    }
    
    .blog-pagination .page-link {
        font-size: 14px;
        position: relative;
        display: block;
        padding: 0;
        text-align: center;
        margin-left: -1px;
        line-height: 45px;
        width: 45px;
        height: 45px;
        border-radius: 0 !important;
        color: #8a8a8a;
        border: 1px solid #f0e9ff;
        margin-right: 10px
    }
    
    .blog-pagination .page-link i,
    .blog-pagination .page-link span {
        font-size: 13px
    }
    
    .blog-pagination .page-item.active .page-link {
        background-color: #fbf9ff;
        border-color: #f0e9ff;
        color: #888888
    }
    
    .blog-pagination .page-item:last-child .page-link {
        margin-right: 0
    }
    
    .single-post-area .blog_details {
        box-shadow: none;
        padding: 0
    }
    
    .single-post-area .social-links {
        padding-top: 10px
    }
    
    .single-post-area .social-links li {
        display: inline-block;
        margin-bottom: 10px
    }
    
    .single-post-area .social-links li a {
        color: #cccccc;
        padding: 7px;
        font-size: 14px;
        transition: all 0.2s linear
    }
    
    .single-post-area .blog_details {
        padding-top: 26px
    }
    
    .single-post-area .blog_details p {
        margin-bottom: 20px;
        font-size: 15px
    }
    
    .single-post-area .quote-wrapper {
        background: rgba(130, 139, 178, 0.1);
        padding: 15px;
        line-height: 1.733;
        color: #888888;
        font-style: italic;
        margin-top: 25px;
        margin-bottom: 25px
    }
    
    @media (min-width: 768px) {
        .single-post-area .quote-wrapper {
            padding: 30px
        }
    }
    
    .single-post-area .quotes {
        background: #fff;
        padding: 15px 15px 15px 20px;
        border-left: 2px solid
    }
    
    @media (min-width: 768px) {
        .single-post-area .quotes {
            padding: 25px 25px 25px 30px
        }
    }
    
    .single-post-area .arrow {
        position: absolute
    }
    
    .single-post-area .arrow .lnr {
        font-size: 20px;
        font-weight: 600
    }
    
    .single-post-area .thumb .overlay-bg {
        background: rgba(0, 0, 0, 0.8)
    }
    
    .single-post-area .navigation-top {
        padding-top: 15px;
        border-top: 1px solid #f0e9ff
    }
    
    .single-post-area .navigation-top p {
        margin-bottom: 0
    }
    
    .single-post-area .navigation-top .like-info {
        font-size: 14px
    }
    
    .single-post-area .navigation-top .like-info i,
    .single-post-area .navigation-top .like-info span {
        font-size: 16px;
        margin-right: 5px
    }
    
    .single-post-area .navigation-top .comment-count {
        font-size: 14px
    }
    
    .single-post-area .navigation-top .comment-count i,
    .single-post-area .navigation-top .comment-count span {
        font-size: 16px;
        margin-right: 5px
    }
    
    .single-post-area .navigation-top .social-icons li {
        display: inline-block;
        margin-right: 15px
    }
    
    .single-post-area .navigation-top .social-icons li:last-child {
        margin: 0
    }
    
    .single-post-area .navigation-top .social-icons li i,
    .single-post-area .navigation-top .social-icons li span {
        font-size: 14px;
        color: #999999
    }
    
    .single-post-area .blog-author {
        padding: 40px 30px;
        background: #fbf9ff;
        margin-top: 50px
    }
    
    @media (max-width: 600px) {
        .single-post-area .blog-author {
            padding: 20px 8px
        }
    }
    
    .single-post-area .blog-author img {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        margin-right: 30px
    }
    
    @media (max-width: 600px) {
        .single-post-area .blog-author img {
            margin-right: 15px;
            width: 45px;
            height: 45px
        }
    }
    
    .single-post-area .blog-author a {
        display: inline-block
    }
    
    .single-post-area .blog-author a:hover {
        color: #fe5c24
    }
    
    .single-post-area .blog-author p {
        margin-bottom: 0;
        font-size: 15px
    }
    
    .single-post-area .blog-author h4 {
        font-size: 16px
    }
    
    .single-post-area .navigation-area {
        border-bottom: 1px solid #eee;
        padding-bottom: 30px;
        margin-top: 55px
    }
    
    .single-post-area .navigation-area p {
        margin-bottom: 0px
    }
    
    .single-post-area .navigation-area h4 {
        font-size: 18px;
        line-height: 25px
    }
    
    .single-post-area .navigation-area .nav-left {
        text-align: left
    }
    
    .single-post-area .navigation-area .nav-left .thumb {
        margin-right: 20px;
        background: #000
    }
    
    .single-post-area .navigation-area .nav-left .thumb img {
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .single-post-area .navigation-area .nav-left .lnr {
        margin-left: 20px;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .single-post-area .navigation-area .nav-left:hover .lnr {
        opacity: 1
    }
    
    .single-post-area .navigation-area .nav-left:hover .thumb img {
        opacity: .5
    }
    
    @media (max-width: 767px) {
        .single-post-area .navigation-area .nav-left {
            margin-bottom: 30px
        }
    }
    
    .single-post-area .navigation-area .nav-right {
        text-align: right
    }
    
    .single-post-area .navigation-area .nav-right .thumb {
        margin-left: 20px;
        background: #000
    }
    
    .single-post-area .navigation-area .nav-right .thumb img {
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .single-post-area .navigation-area .nav-right .lnr {
        margin-right: 20px;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .single-post-area .navigation-area .nav-right:hover .lnr {
        opacity: 1
    }
    
    .single-post-area .navigation-area .nav-right:hover .thumb img {
        opacity: .5
    }
    
    @media (max-width: 991px) {
        .single-post-area .sidebar-widgets {
            padding-bottom: 0px
        }
    }
    
    .comments-area {
        background: transparent;
        border-top: 1px solid #eee;
        padding: 45px 0;
        margin-top: 50px
    }
    
    @media (max-width: 414px) {
        .comments-area {
            padding: 50px 8px
        }
    }
    
    .comments-area h4 {
        margin-bottom: 35px;
        font-size: 18px
    }
    
    .comments-area h5 {
        font-size: 16px;
        margin-bottom: 0px
    }
    
    .comments-area .comment-list {
        padding-bottom: 48px
    }
    
    .comments-area .comment-list:last-child {
        padding-bottom: 0px
    }
    
    .comments-area .comment-list.left-padding {
        padding-left: 25px
    }
    
    @media (max-width: 413px) {
        .comments-area .comment-list .single-comment h5 {
            font-size: 12px
        }
        .comments-area .comment-list .single-comment .date {
            font-size: 11px
        }
        .comments-area .comment-list .single-comment .comment {
            font-size: 10px
        }
    }
    
    .comments-area .thumb {
        margin-right: 20px
    }
    
    .comments-area .thumb img {
        width: 70px;
        border-radius: 50%
    }
    
    .comments-area .date {
        font-size: 14px;
        color: #999999;
        margin-bottom: 0;
        margin-left: 20px
    }
    
    .comments-area .comment {
        margin-bottom: 10px;
        color: #777777;
        font-size: 15px
    }
    
    .comments-area .btn-reply {
        background-color: transparent;
        color: #888888;
        padding: 5px 18px;
        font-size: 14px;
        display: block;
        font-weight: 400
    }
    
    .comment-form {
        border-top: 1px solid #eee;
        padding-top: 45px;
        margin-top: 50px;
        margin-bottom: 20px
    }
    
    .comment-form .form-group {
        margin-bottom: 30px
    }
    
    .comment-form h4 {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 22px
    }
    
    .comment-form .name {
        padding-left: 0px
    }
    
    @media (max-width: 767px) {
        .comment-form .name {
            padding-right: 0px;
            margin-bottom: 1rem
        }
    }
    
    .comment-form .email {
        padding-right: 0px
    }
    
    @media (max-width: 991px) {
        .comment-form .email {
            padding-left: 0px
        }
    }
    
    .comment-form .form-control {
        border: 1px solid #f0e9ff;
        border-radius: 5px;
        height: 48px;
        padding-left: 18px;
        font-size: 13px;
        background: transparent
    }
    
    .comment-form .form-control:focus {
        outline: 0;
        box-shadow: none
    }
    
    .comment-form .form-control::placeholder {
        font-weight: 300;
        color: #999999
    }
    
    .comment-form .form-control::placeholder {
        color: #777777
    }
    
    .comment-form textarea {
        padding-top: 18px;
        border-radius: 12px;
        height: 100% !important
    }
    
    .comment-form ::-webkit-input-placeholder {
        font-size: 13px;
        color: #777
    }
    
    .comment-form ::-moz-placeholder {
        font-size: 13px;
        color: #777
    }
    
    .comment-form :-ms-input-placeholder {
        font-size: 13px;
        color: #777
    }
    
    .comment-form :-moz-placeholder {
        font-size: 13px;
        color: #777
    }
    
    .blog_part {
        margin-bottom: 140px
    }
    
    .receipt-button {
        display: inline-block;
        padding: 10px 20px;
        background-color: #183153;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
    }
    
    .receipt-button:hover {
        background-color: #0056b3;
    }
    
    @media (max-width: 576px) {
        .blog_part {
            margin-bottom: 0px;
            padding: 0px 0px 70px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .blog_part {
            margin-bottom: 0px;
            padding: 0px 0px 70px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .blog_part {
            margin-bottom: 0px;
            padding: 0px 0px 70px
        }
    }
    
    .blog_part .blog_right_sidebar .widget_title {
        font-size: 20px;
        margin-bottom: 40px;
        font-style: inherit !important
    }
    
    @media (max-width: 576px) {
        .blog_part .single-home-blog {
            margin-bottom: 140px;
            margin-top: 20px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .blog_part .single-home-blog {
            margin-bottom: 140px;
            margin-top: 20px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .blog_part .single-home-blog {
            margin-bottom: 140px;
            margin-top: 20px
        }
    }
    
    .blog_part .single-home-blog .card-img-top {
        border-radius: 0px
    }
    
    .blog_part .single-home-blog .card {
        border: 0px solid transparent;
        border-radius: 0px;
        background-color: transparent;
        position: relative
    }
    
    .blog_part .single-home-blog .card .card-body {
        padding: 25px 10px 29px 40px;
        background-color: #fff;
        position: absolute;
        left: 20px;
        bottom: -140px;
        box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);
        border-radius: 10px
    }
    
    @media (max-width: 576px) {
        .blog_part .single-home-blog .card .card-body {
            padding: 15px;
            left: 10px;
            bottom: -140px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .blog_part .single-home-blog .card .card-body {
            padding: 15px;
            left: 10px;
            bottom: -140px
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog_part .single-home-blog .card .card-body {
            padding: 20px
        }
    }
    
    .blog_part .single-home-blog .card .card-body a {
        color: #fe5c24;
        text-transform: uppercase;
        -webkit-transition: .8s;
        transition: .8s
    }
    
    .blog_part .single-home-blog .card .card-body a:hover {
        background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    
    .blog_part .single-home-blog .card .dot {
        position: relative;
        padding-left: 20px
    }
    
    .blog_part .single-home-blog .card .dot:after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        top: 5px;
        left: 0;
        background-color: #fe5c24;
        border-radius: 50%
    }
    
    .blog_part .single-home-blog .card span {
        color: #8a8a8a;
        margin-bottom: 10px;
        display: inline-block;
        margin-top: 10px
    }
    
    @media (max-width: 576px) {
        .blog_part .single-home-blog .card span {
            margin-bottom: 5px;
            margin-top: 5px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .blog_part .single-home-blog .card span {
            margin-bottom: 5px;
            margin-top: 5px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .blog_part .single-home-blog .card span {
            margin-bottom: 5px;
            margin-top: 5px
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog_part .single-home-blog .card span {
            margin-bottom: 5px;
            margin-top: 5px
        }
    }
    
    .blog_part .single-home-blog .card h5 {
        font-weight: 600;
        line-height: 1.5;
        font-size: 20px;
        -webkit-transition: .8s;
        transition: .8s;
        text-transform: capitalize;
        margin-bottom: 22px
    }
    
    @media (max-width: 576px) {
        .blog_part .single-home-blog .card h5 {
            margin-bottom: 10px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .blog_part .single-home-blog .card h5 {
            margin-bottom: 10px;
            font-size: 16px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .blog_part .single-home-blog .card h5 {
            margin-bottom: 10px
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog_part .single-home-blog .card h5 {
            margin-bottom: 10px;
            font-size: 18px
        }
    }
    
    .blog_part .single-home-blog .card h5:hover {
        -webkit-transition: .8s;
        transition: .8s;
        background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: 1s
    }
    
    .blog_part .single-home-blog .card ul li {
        display: inline-block;
        color: #8a8a8a;
        margin-right: 14px
    }
    
    @media (max-width: 576px) {
        .blog_part .single-home-blog .card ul li {
            margin-right: 10px
        }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .blog_part .single-home-blog .card ul li {
            margin-right: 10px
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .blog_part .single-home-blog .card ul li {
            margin-right: 10px
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .blog_part .single-home-blog .card ul li {
            margin-right: 10px
        }
    }
    
    .blog_part .single-home-blog .card ul li span {
        margin-right: 10px;
        font-size: 12px
    }
    
    .img-news {
        border-radius: 10px;
        width: auto;
        height: auto;
    }
    
    #navigation {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    #navigation li {
        display: inline-block;
        position: relative;
        background-color: #ffffff;
    }
    
    #navigation a {
        text-decoration: none;
        padding: 20px;
        display: block;
        background-color: #ffffff;
    }
    
    .dropdown-menu {
        display: none;
        color: #808080;
        /* เปลี่ยนเป็นสีเทา */
        position: absolute;
        font-size: 20px;
        top: 95%;
        left: 10px;
        background-color: #ffffff;
        border: 1px solid #ccc;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    
    .dropdown-menu li a {
        color: inherit;
        /* ให้สีข้อความใน dropdown-menu เป็นสีเทาเหมือนกับส่วนของ dropdown-menu แต่ยังไม่ได้เป็นสีดำเมื่อ hover */
    }
    
    .dropdown-menu li a:hover {
        color: #000000;
        /* เปลี่ยนเป็นสีดำเมื่อ hover */
    }
    
    .dropdown-menu a {
        white-space: nowrap;
    }
    
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    
    .font-gray {
        color: gray;
    }
    
    .modal-body,
    .row {
        margin: 0;
        padding: 0;
    }
    
    .bg-register {
        background-image: url(../images/banner/regis.png);
        background-size: cover;
    }
    
    .isoimage {
        background: url(../images/banner/ModeISO.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        /* ปรับความสูงตามที่ต้องการ */
    }
    
    .logo-regis {
        margin-top: 1vw;
    }
    
    .trialuse {
        flex: 1;
    }
    
    .imggeneral {
        background-image: url(../images/services/ModeSolutions34.png);
        background-repeat: no-repeat;
        background-size: cover;
        /* ทำให้รูปภาพครอบคลุมพื้นที่ */
        height: 50vh;
    }
    
    .imgtraining {
        background-image: url(../images/services/ModeSolutions-35.png);
        background-size: cover;
        height: 50vh;
    }
    
    .imgtrainingcontact {
        background-image: url(../images/services/ModeSolutions-36.png);
        background-size: cover;
        height: 40vh;
    }
    
    .imgadmin {
        background-image: url(../images/banner/Mode02.png);
        background-size: cover;
        height: 100vh;
    }
    
    .button-blue-s {
        background-color: #1c67bd;
        border-radius: 3px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 16px;
        font-weight: 500;
        height: 40px;
        line-height: 20px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 16px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
    }
    
    .button-blue-s:hover,
    .button-blue-s:focus {
        background-color: #2e7cd5;
    }