/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    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
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code, kbd, pre, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

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

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #ffe8a1
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive > .table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple], select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #28a745
}

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
    display: block
}

.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip {
    display: block
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: #71dd8a
}

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after {
    border-color: inherit
}

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block
}

.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip {
    display: block
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after {
    border-color: inherit
}

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:focus, .btn:hover {
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus, .btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus, .btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus, .btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus, .btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus, .btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent
}

.btn-link.focus, .btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none
}

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: .5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
    z-index: 1
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
    z-index: 1
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
    margin-left: -1px
}

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
    z-index: 3
}

.input-group > .custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(128, 189, 255, .5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:focus ~ .custom-file-label::after {
    border-color: #80bdff
}

.custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar > .container, .navbar > .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card > hr {
    margin-right: 0;
    margin-left: 0
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group > .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group > .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group > .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group > .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group > .card:only-child {
        border-radius: .25rem
    }

    .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

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

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:focus, .badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus, .badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:focus, .badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus, .list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (.5rem * 2));
    content: ""
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
    bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
    border-width: 0 .5rem .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right, .carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left, .carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

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

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

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

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

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

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

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

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

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

.text-primary {
    color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #1d2124 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*# sourceMappingURL=bootstrap.min.css.map */


/* ==============================================================

Template name : Bootsnav - Multi Purpose Header
Categorie : Bootstrap Menu in CSS
Author : adamnurdin01
Version : v.1.2
Created : 2016-06-02
Last update : 2016-10-19

============================================================== */

/* MEGAMENU STYLE
=================================*/
nav.bootsnav .dropdown.megamenu-fw {
    position: static;
}

nav.bootsnav .container {
    position: relative;
}

nav.bootsnav .megamenu-fw .dropdown-menu {
    left: auto;
}

nav.bootsnav .megamenu-content {
    padding: 15px;
    width: 100% !important;
}

nav.bootsnav .megamenu-content .title {
    margin-top: 0;
}

nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/* Navbar
=================================*/
nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    border: none;
    border-bottom: solid 1px #e0e0e0;
    z-index: 9;
}

nav.navbar.bootsnav ul.nav > li > a {
    color: #6f6f6f;
    background-color: transparent;
    outline: none;
    margin-bottom: -2px;
}

nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li.active > a:focus,
nav.navbar.bootsnav ul.nav li.active > a {
    background-color: transparent;
}

nav.navbar.bootsnav .navbar-toggle {
    background-color: #fff;
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px;
}

nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
}

nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
    white-space: normal;
}


ul.menu-col {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.menu-col li a {
    color: #6f6f6f;
}

ul.menu-col li a:hover,
ul.menu-col li a:focus {
    text-decoration: none;
}

/* Navbar Full
=================================*/
nav.bootsnav.navbar-full {
    padding-bottom: 10px;
    padding-top: 10px;
}

nav.bootsnav.navbar-full .navbar-header {
    display: block;
    width: 100%;
}

nav.bootsnav.navbar-full .navbar-toggle {
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: 0;
    font-size: 30px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

nav.bootsnav.navbar-full .navbar-collapse {
    position: fixed;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    padding: 0;
    display: none !important;
    z-index: 9;
}

nav.bootsnav.navbar-full .navbar-collapse.in {
    display: block !important;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full {
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
    width: 0;
}


nav.bootsnav.navbar-full .navbar-collapse ul.nav {
    display: block;
    width: 100%;
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a {
    background-color: transparent;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {
    float: none;
    display: block;
    text-align: center;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
    display: table;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 24px;
    padding: 10px 15px;
}

li.close-full-menu > a {
    padding-top: 0px;
    padding-bottom: 0px;
}

li.close-full-menu {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Atribute Navigation
=================================*/
.attr-nav {
    float: right;
    display: inline-block;
    margin-left: 13px;
    margin-right: -15px;
}

.attr-nav > ul {
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
    display: inline-block;
}

.attr-nav > ul > li {
    float: left;
    display: block;
}

.attr-nav > ul > li > a {
    color: #6f6f6f;
    display: block;
    padding: 28px 15px;
    position: relative;
}

.attr-nav > ul > li > a span.badge {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 5px;
    font-size: 10px;
    padding: 0;
    width: 15px;
    height: 15px;
    padding-top: 2px;
}

.attr-nav > ul > li.dropdown ul.dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    border: solid 1px #e0e0e0;
}

ul.cart-list {
    padding: 0 !important;
    width: 250px !important;
}

ul.cart-list > li {
    position: relative;
    border-bottom: solid 1px #efefef;
    padding: 15px 15px 23px 15px !important;
}

ul.cart-list > li > a.photo {
    padding: 0 !important;
    margin-right: 15px;
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    left: 15px;
    top: 15px;
}

ul.cart-list > li img {
    width: 50px;
    height: 50px;
    border: solid 1px #efefef;
}

ul.cart-list > li > h6 {
    margin: 0;
}

ul.cart-list > li > h6 > a.photo {
    padding: 0 !important;
    display: block;
}

ul.cart-list > li > p {
    margin-bottom: 0;
}

ul.cart-list > li.total {
    background-color: #f5f5f5;
    padding-bottom: 15px !important;
}

ul.cart-list > li.total > .btn {
    display: inline-block;
    border-bottom: solid 1px #efefef;
}

ul.cart-list > li .price {
    font-weight: bold;
}

ul.cart-list > li.total > span {
    padding-top: 8px;
}

/* Top Search
=================================*/
.top-search {
    background-color: #333;
    padding: 10px 0;
    display: none;
}

.top-search input.form-control {
    background-color: transparent;
    border: none;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    color: #fff;
    height: 40px;
    padding: 0 15px;
}

.top-search .input-group-addon {
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.top-search .input-group-addon.close-search {
    cursor: pointer;
}

/* Side Menu
=================================*/
body {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

body.on-side {
    margin-left: -280px;
}

.side {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -280px;
    width: 280px;
    padding: 25px 30px;
    height: 100%;
    display: block;
    background-color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
}

.side.on {
    right: 0;
}

.side .close-side {
    float: right;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 16px;
}

.side .widget {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
}

.side .widget .title {
    color: #fff;
    margin-bottom: 15px;
}

.side .widget ul.link {
    padding: 0;
    margin: 0;
    list-style: none;
}

.side .widget ul.link li a {
    color: #9f9f9f;
    letter-spacing: 1px;
}

.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover {
    color: #fff;
    text-decoration: none;
}

/* Share
=================================*/
nav.navbar.bootsnav .share {
    padding: 0 30px;
    margin-bottom: 30px;
}

nav.navbar.bootsnav .share ul {
    display: inline-block;
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
}

nav.navbar.bootsnav .share ul > li {
    float: left;
    display: block;
    margin-right: 5px;
}

nav.navbar.bootsnav .share ul > li > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    height: 35px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #cfcfcf;
    color: #fff;
}

/* Transparent
=================================*/
nav.navbar.bootsnav.navbar-fixed {
    position: fixed;
    display: block;
    width: 100%;
}

nav.navbar.bootsnav.no-background {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/* Navbar Sticky
=================================*/
.wrap-sticky {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wrap-sticky nav.navbar.bootsnav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.wrap-sticky nav.navbar.bootsnav.sticked {
    position: fixed;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {
    left: -280px;
}

/* Navbar Responsive
=================================*/
@media (min-width: 1024px) and (max-width: 1400px) {
    body.wrap-nav-sidebar .wrapper .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1024px) {
    /* General Navbar
    =================================*/
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
        margin-top: -2px;
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
        left: -200px;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 30px 15px;
        font-weight: 600;
    }

    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
        font-family: 'FontAwesome';
        content: "\f0d7";
        margin-left: 5px;
        margin-top: 2px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding: 0;
        width: 200px;
        background: #fff;
        border: solid 1px #e0e0e0;
        border-top: solid 5px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
        background-color: transparent;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
        padding: 10px 15px;
        border-bottom: solid 1px #eee;
        color: #6f6f6f;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
        border-bottom: none;
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
        text-align: right;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        float: right;
        content: "\f105";
        margin-top: 0;
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        float: left;
        content: "\f104";
        margin-top: 0;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
        top: -3px;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
        padding: 0 15px !important;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
        padding: 25px 0 20px;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
        padding: 0;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {
        padding: 0;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
        padding: 0 30px;
        margin: 0 -0.5px;
        border-left: solid 1px #f0f0f0;
        border-right: solid 1px #f0f0f0;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
        border-left: none;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
        border-right: none;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
        display: none;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
        text-align: left;
        padding: 5px 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
        border-bottom: none;
        color: #6f6f6f;
    }

    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
        display: block !important;
        height: auto !important;
    }

    /* Navbar Transparent
    =================================*/
    nav.navbar.bootsnav.no-background {
        background-color: transparent;
        border: none;
    }

    nav.navbar.bootsnav.navbar-transparent .attr-nav {
        padding-left: 15px;
        margin-left: 30px;
    }

    nav.navbar.bootsnav.navbar-transparent.white {
        background-color: rgba(255, 255, 255, 0.3);
        border-bottom: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark {
        background-color: rgba(0, 0, 0, 0.3);
        border-bottom: solid 1px #555;
    }

    nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
        border-left: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
        border-left: solid 1px #555;
    }

    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a {
        color: #fff;
    }

    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
        color: #eee;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
        display: block;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block;
    }

    /* Atribute Navigation
    =================================*/
    .attr-nav > ul > li.dropdown ul.dropdown-menu {
        margin-top: 0;
        margin-left: 55px;
        width: 250px;
        left: -250px;
    }

    /* Menu Center
    =================================*/
    nav.navbar.bootsnav.menu-center .container {
        position: relative;
    }

    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

    nav.navbar.bootsnav.menu-center .navbar-header,
    nav.navbar.bootsnav.menu-center .attr-nav {
        position: absolute;
    }

    nav.navbar.bootsnav.menu-center .attr-nav {
        right: 15px;
    }

    /* Navbar Brand top
    =================================*/
    nav.bootsnav.navbar-brand-top .navbar-header {
        display: block;
        width: 100%;
        text-align: center;
    }

    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 2px;
    }

    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
        display: inline-block;
        float: none;
        margin: 0;
    }

    nav.bootsnav.navbar-brand-top .navbar-collapse {
        text-align: center;
    }

    nav.bootsnav.navbar-brand-top ul.nav {
        display: inline-block;
        float: none;
        margin: 0 0 -5px 0;
    }

    /* Navbar Center
    =================================*/
    nav.bootsnav.brand-center .navbar-header {
        display: block;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
    }

    nav.bootsnav.brand-center .navbar-brand {
        display: inline-block;
        float: none;
    }

    nav.bootsnav.brand-center .navbar-collapse {
        text-align: center;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 2px;
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 50%;
        float: left;
        display: block;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half.left {
        text-align: right;
        padding-right: 100px;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half.right {
        text-align: left;
        padding-left: 100px;
    }

    nav.bootsnav.brand-center ul.nav {
        float: none !important;
        margin-bottom: -5px !important;
        display: inline-block !important;
    }

    nav.bootsnav.brand-center ul.nav.navbar-right {
        margin: 0;
    }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
        text-align: left;
        padding-right: 100px;
    }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
        text-align: right;
        padding-left: 100px;
    }

    /* Navbar Sidebar
    =================================*/
    body.wrap-nav-sidebar .wrapper {
        padding-left: 260px;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar {
        position: fixed;
        width: 260px;
        overflow: hidden;
        left: 0;
        padding: 0 0 0 0 !important;
        background: #fff;
        border-right: solid 1px #dfdfdf;
    }

    nav.bootsnav.navbar-sidebar .scroller {
        width: 280px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar .container-fluid,
    nav.bootsnav.navbar-sidebar .container {
        padding: 0 !important;
    }

    nav.bootsnav.navbar-sidebar .navbar-header {
        float: none;
        display: block;
        width: 260px;
        padding: 10px 15px;
        margin: 10px 0 0 0 !important;
    }

    nav.bootsnav.navbar-sidebar .navbar-collapse {
        padding: 0 !important;
        width: 260px;
    }

    nav.bootsnav.navbar-sidebar ul.nav {
        float: none;
        display: block;
        width: 100%;
        padding: 0 15px !important;
        margin: 0 0 30px 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li {
        float: none !important;
    }

    nav.bootsnav.navbar-sidebar ul.nav > li > a {
        padding: 10px 15px;
        font-weight: bold;
    }

    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {
        float: right;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
        left: 100%;
        top: 0;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        background-color: transparent;
        border: none !important;
        padding: 0;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
    }

    nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
        border: none !important;
    }

    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
        margin-bottom: 15px;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
        padding-left: 0;
        float: none;
        margin-bottom: 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
        padding: 5px 15px;
        color: #6f6f6f;
        border: none;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
        padding-left: 15px;
        margin-top: 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }

    nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {
        content: "\f107";
    }

    nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
        padding: 0 !important;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
        display: block;
        float: none !important;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
        padding: 7px 0;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        color: #6f6f6f;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
        content: "\f107";
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
        border: none;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
        padding: 0 0 0 15px;
    }

    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
        padding: 3px 0 !important;
    }
}

@media (max-width: 992px) {
    /* Navbar Responsive
    =================================*/
    nav.navbar.bootsnav .navbar-brand {
        display: inline-block;
        float: none !important;
        margin: 0 !important;
    }

    nav.navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
    }

    nav.navbar.bootsnav .navbar-toggle {
        display: inline-block;
        float: left;
        margin-right: -200px;
        margin-top: 10px;
    }

    nav.navbar.bootsnav .navbar-collapse {
        border: none;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: 350px;
        overflow-y: auto !important;
    }

    nav.navbar.bootsnav .navbar-collapse.collapse {
        display: none !important;
    }

    nav.navbar.bootsnav .navbar-collapse.collapse.in {
        display: block !important;
    }

    nav.navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0px -15px;
    }

    nav.navbar.bootsnav .navbar-nav > li {
        float: none;
    }

    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
    }

    nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {
        content: "\f107";
    }

    nav.navbar.bootsnav .navbar-nav > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        border-top: solid 1px #e0e0e0;
        margin-bottom: -1px;
    }

    nav.navbar.bootsnav .navbar-nav > li:first-child > a {
        border-top: none;
    }

    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
        float: none !important;
        position: relative;
        display: block;
        width: 100%;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
        width: 100%;
        position: relative !important;
        background-color: transparent;
        float: none;
        border: none;
        padding: 0 0 0 15px !important;
        margin: 0 0 -1px 0 !important;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px;
        -o-border-radius: 0px 0px 0px;
        border-radius: 0px 0px 0px;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        color: #6f6f6f;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
        background-color: transparent;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
        float: none !important;
        left: 0;
        padding: 0 0 0 15px;
        position: relative;
        background: transparent;
        width: 100%;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {
        display: inline-block;
        margin-top: -10px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
        display: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
        padding: 10px 15px 10px 0;
        line-height: 24px;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: solid 1px #e0e0e0;
        color: #6f6f6f;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 8px 0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
        position: relative;
        right: -15px;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
        border-bottom: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
        border-bottom: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
        content: "\f107";
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
        padding: 0 0 0 15px;
    }

    nav.bootsnav.brand-center .navbar-collapse {
        display: block;
    }

    nav.bootsnav.brand-center ul.nav {
        margin-bottom: 0px !important;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 100%;
        float: none;
        display: block;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half.left {
        margin-bottom: 0;
    }

    nav.bootsnav .megamenu-content {
        padding: 0;
    }

    nav.bootsnav .megamenu-content .col-menu {
        padding-bottom: 0;
    }

    nav.bootsnav .megamenu-content .title {
        cursor: pointer;
        display: block;
        padding: 10px 15px;
        margin-bottom: 0;
        font-weight: normal;
    }

    nav.bootsnav .megamenu-content .content {
        display: none;
    }

    .attr-nav {
        position: absolute;
        right: 60px;
    }

    .attr-nav > ul {
        padding: 0;
        margin: 0 -15px -7px 0;
    }

    .attr-nav > ul > li > a {
        padding: 16px 15px 15px;
    }

    .attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
        display: none;
    }

    .attr-nav > ul > li.dropdown ul.dropdown-menu {
        margin-top: 2px;
        margin-left: 55px;
        width: 250px;
        left: -250px;
        border-top: solid 5px;
    }

    .top-search .container {
        padding: 0 45px;
    }

    /* Navbar full Responsive
    =================================*/
    nav.bootsnav.navbar-full ul.nav {
        margin-left: 0;
    }

    nav.bootsnav.navbar-full ul.nav > li > a {
        border: none;
    }

    nav.bootsnav.navbar-full .navbar-brand {
        float: left !important;
        padding-left: 0;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-top: 10px;
    }

    nav.bootsnav.navbar-full .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 15px;
        margin-bottom: 0;
    }

    /* Tabs
    =================================*/
    nav.navbar.bootsnav .megamenu-content.tabbed {
        padding-left: 0 ! mportant;
    }

    nav.navbar.bootsnav .tabbed > li {
        padding: 25px 0;
        margin-left: -15px !important;
    }

    /* Mobile Navigation
    =================================*/
    body > .wrapper {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #fff;
        z-index: 99;
        width: 280px;
        height: 100% !important;
        left: -280px;
        top: 0;
        padding: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
        left: 0;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        width: 293px;
        padding-right: 0;
        padding-left: 15px;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
        padding: 15px 15px;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block !important;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none !important;
    }

    nav.navbar.bootsnav.navbar-mobile .tab-menu,
    nav.navbar.bootsnav.navbar-mobile .tab-content {
        width: 100%;
        display: block;
    }
}

@media (max-width: 767px) {
    nav.navbar.bootsnav .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    nav.navbar.bootsnav .navbar-nav {
        padding-left: 15px;
        padding-right: 15px;
    }

    .attr-nav {
        right: 30px;
    }

    .attr-nav > ul {
        margin-right: -10px;
    }

    .attr-nav > ul > li > a {
        padding: 16px 10px 15px;
        padding-left: 0 !important;
    }

    .attr-nav > ul > li.dropdown ul.dropdown-menu {
        left: -275px;
    }

    .top-search .container {
        padding: 0 15px;
    }

    nav.bootsnav.navbar-full .navbar-collapse {
        left: 15px;
    }

    nav.bootsnav.navbar-full .navbar-header {
        padding-right: 0;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        margin-right: -15px;
    }

    nav.bootsnav.navbar-full ul.nav > li > a {
        font-size: 18px !important;
        line-height: 24px !important;
        padding: 5px 10px !important;
    }

    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 15px !important;
    }

    /* Navbar Sidebar
    =================================*/
    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 0 !important;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {
        padding: 30px 15px !important;
        margin-bottom: 0;
    }

    /* Mobile Navigation
    =================================*/
    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        margin-left: 0;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        margin-left: -15px;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        border-top: solid 1px #fff;
    }

    li.close-full-menu {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    nav.bootsnav.navbar-full ul.nav {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}


.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}


.zoom-gallery a img {
    width: 100% !important;
    display: block;
}

/*  theme-11 start css 17-12-2019 */
/* stroke_gap_icon.css */

@font-face {
    font-family: 'Stroke-Gap-Icons';
    src: url(../fonts/Stroke-Gap-Icons.eot);
    src: url(../fonts/Stroke-Gap-Icons.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Stroke-Gap-Icons.woff) format("woff"),
    url(../fonts/Stroke-Gap-Icons.ttf) format("truetype"),
    url(../fonts/Stroke-Gap-Icons.svg#Flaticon) format("svg");
    font-display: swap;
}

.sgi {
    font-family: 'Stroke-Gap-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sgi-WorldWide:before {
    content: "\e600";
}

.sgi-WorldGlobe:before {
    content: "\e601";
}

.sgi-Underpants:before {
    content: "\e602";
}

.sgi-Tshirt:before {
    content: "\e603";
}

.sgi-Trousers:before {
    content: "\e604";
}

.sgi-Tie:before {
    content: "\e605";
}

.sgi-TennisBall:before {
    content: "\e606";
}

.sgi-Telesocpe:before {
    content: "\e607";
}

.sgi-Stop:before {
    content: "\e608";
}

.sgi-Starship:before {
    content: "\e609";
}

.sgi-Starship2:before {
    content: "\e60a";
}

.sgi-Speaker:before {
    content: "\e60b";
}

.sgi-Speaker2:before {
    content: "\e60c";
}

.sgi-Soccer:before {
    content: "\e60d";
}

.sgi-Snikers:before {
    content: "\e60e";
}

.sgi-Scisors:before {
    content: "\e60f";
}

.sgi-Puzzle:before {
    content: "\e610";
}

.sgi-Printer:before {
    content: "\e611";
}

.sgi-Pool:before {
    content: "\e612";
}

.sgi-Podium:before {
    content: "\e613";
}

.sgi-Play:before {
    content: "\e614";
}

.sgi-Planet:before {
    content: "\e615";
}

.sgi-Pause:before {
    content: "\e616";
}

.sgi-Next:before {
    content: "\e617";
}

.sgi-MusicNote2:before {
    content: "\e618";
}

.sgi-MusicNote:before {
    content: "\e619";
}

.sgi-MusicMixer:before {
    content: "\e61a";
}

.sgi-Microphone:before {
    content: "\e61b";
}

.sgi-Medal:before {
    content: "\e61c";
}

.sgi-ManFigure:before {
    content: "\e61d";
}

.sgi-Magnet:before {
    content: "\e61e";
}

.sgi-Like:before {
    content: "\e61f";
}

.sgi-Hanger:before {
    content: "\e620";
}

.sgi-Handicap:before {
    content: "\e621";
}

.sgi-Forward:before {
    content: "\e622";
}

.sgi-Footbal:before {
    content: "\e623";
}

.sgi-Flag:before {
    content: "\e624";
}

.sgi-FemaleFigure:before {
    content: "\e625";
}

.sgi-Dislike:before {
    content: "\e626";
}

.sgi-DiamondRing:before {
    content: "\e627";
}

.sgi-Cup:before {
    content: "\e628";
}

.sgi-Crown:before {
    content: "\e629";
}

.sgi-Column:before {
    content: "\e62a";
}

.sgi-Click:before {
    content: "\e62b";
}

.sgi-Cassette:before {
    content: "\e62c";
}

.sgi-Bomb:before {
    content: "\e62d";
}

.sgi-BatteryLow:before {
    content: "\e62e";
}

.sgi-BatteryFull:before {
    content: "\e62f";
}

.sgi-Bascketball:before {
    content: "\e630";
}

.sgi-Astronaut:before {
    content: "\e631";
}

.sgi-WineGlass:before {
    content: "\e632";
}

.sgi-Water:before {
    content: "\e633";
}

.sgi-Wallet:before {
    content: "\e634";
}

.sgi-Umbrella:before {
    content: "\e635";
}

.sgi-TV:before {
    content: "\e636";
}

.sgi-TeaMug:before {
    content: "\e637";
}

.sgi-Tablet:before {
    content: "\e638";
}

.sgi-Soda:before {
    content: "\e639";
}

.sgi-SodaCan:before {
    content: "\e63a";
}

.sgi-SimCard:before {
    content: "\e63b";
}

.sgi-Signal:before {
    content: "\e63c";
}

.sgi-Shaker:before {
    content: "\e63d";
}

.sgi-Radio:before {
    content: "\e63e";
}

.sgi-Pizza:before {
    content: "\e63f";
}

.sgi-Phone:before {
    content: "\e640";
}

.sgi-Notebook:before {
    content: "\e641";
}

.sgi-Mug:before {
    content: "\e642";
}

.sgi-Mastercard:before {
    content: "\e643";
}

.sgi-Ipod:before {
    content: "\e644";
}

.sgi-Info:before {
    content: "\e645";
}

.sgi-Icecream2:before {
    content: "\e646";
}

.sgi-Icecream1:before {
    content: "\e647";
}

.sgi-Hourglass:before {
    content: "\e648";
}

.sgi-Help:before {
    content: "\e649";
}

.sgi-Goto:before {
    content: "\e64a";
}

.sgi-Glasses:before {
    content: "\e64b";
}

.sgi-Gameboy:before {
    content: "\e64c";
}

.sgi-ForkandKnife:before {
    content: "\e64d";
}

.sgi-Export:before {
    content: "\e64e";
}

.sgi-Exit:before {
    content: "\e64f";
}

.sgi-Espresso:before {
    content: "\e650";
}

.sgi-Drop:before {
    content: "\e651";
}

.sgi-Download:before {
    content: "\e652";
}

.sgi-Dollars:before {
    content: "\e653";
}

.sgi-Dollar:before {
    content: "\e654";
}

.sgi-DesktopMonitor:before {
    content: "\e655";
}

.sgi-Corkscrew:before {
    content: "\e656";
}

.sgi-CoffeeToGo:before {
    content: "\e657";
}

.sgi-Chart:before {
    content: "\e658";
}

.sgi-ChartUp:before {
    content: "\e659";
}

.sgi-ChartDown:before {
    content: "\e65a";
}

.sgi-Calculator:before {
    content: "\e65b";
}

.sgi-Bread:before {
    content: "\e65c";
}

.sgi-Bourbon:before {
    content: "\e65d";
}

.sgi-BottleofWIne:before {
    content: "\e65e";
}

.sgi-Bag:before {
    content: "\e65f";
}

.sgi-Arrow:before {
    content: "\e660";
}

.sgi-Antenna2:before {
    content: "\e661";
}

.sgi-Antenna1:before {
    content: "\e662";
}

.sgi-Anchor:before {
    content: "\e663";
}

.sgi-Wheelbarrow:before {
    content: "\e664";
}

.sgi-Webcam:before {
    content: "\e665";
}

.sgi-Unlinked:before {
    content: "\e666";
}

.sgi-Truck:before {
    content: "\e667";
}

.sgi-Timer:before {
    content: "\e668";
}

.sgi-Time:before {
    content: "\e669";
}

.sgi-StorageBox:before {
    content: "\e66a";
}

.sgi-Star:before {
    content: "\e66b";
}

.sgi-ShoppingCart:before {
    content: "\e66c";
}

.sgi-Shield:before {
    content: "\e66d";
}

.sgi-Seringe:before {
    content: "\e66e";
}

.sgi-Pulse:before {
    content: "\e66f";
}

.sgi-Plaster:before {
    content: "\e670";
}

.sgi-Plaine:before {
    content: "\e671";
}

.sgi-Pill:before {
    content: "\e672";
}

.sgi-PicnicBasket:before {
    content: "\e673";
}

.sgi-Phone2:before {
    content: "\e674";
}

.sgi-Pencil:before {
    content: "\e675";
}

.sgi-Pen:before {
    content: "\e676";
}

.sgi-PaperClip:before {
    content: "\e677";
}

.sgi-On-Off:before {
    content: "\e678";
}

.sgi-Mouse:before {
    content: "\e679";
}

.sgi-Megaphone:before {
    content: "\e67a";
}

.sgi-Linked:before {
    content: "\e67b";
}

.sgi-Keyboard:before {
    content: "\e67c";
}

.sgi-House:before {
    content: "\e67d";
}

.sgi-Heart:before {
    content: "\e67e";
}

.sgi-Headset:before {
    content: "\e67f";
}

.sgi-FullShoppingCart:before {
    content: "\e680";
}

.sgi-FullScreen:before {
    content: "\e681";
}

.sgi-Folder:before {
    content: "\e682";
}

.sgi-Floppy:before {
    content: "\e683";
}

.sgi-Files:before {
    content: "\e684";
}

.sgi-File:before {
    content: "\e685";
}

.sgi-FileBox:before {
    content: "\e686";
}

.sgi-ExitFullScreen:before {
    content: "\e687";
}

.sgi-EmptyBox:before {
    content: "\e688";
}

.sgi-Delete:before {
    content: "\e689";
}

.sgi-Controller:before {
    content: "\e68a";
}

.sgi-Compass:before {
    content: "\e68b";
}

.sgi-CompassTool:before {
    content: "\e68c";
}

.sgi-ClipboardText:before {
    content: "\e68d";
}

.sgi-ClipboardChart:before {
    content: "\e68e";
}

.sgi-ChemicalGlass:before {
    content: "\e68f";
}

.sgi-CD:before {
    content: "\e690";
}

.sgi-Carioca:before {
    content: "\e691";
}

.sgi-Car:before {
    content: "\e692";
}

.sgi-Book:before {
    content: "\e693";
}

.sgi-BigTruck:before {
    content: "\e694";
}

.sgi-Bicycle:before {
    content: "\e695";
}

.sgi-Wrench:before {
    content: "\e696";
}

.sgi-Web:before {
    content: "\e697";
}

.sgi-Watch:before {
    content: "\e698";
}

.sgi-Volume:before {
    content: "\e699";
}

.sgi-Video:before {
    content: "\e69a";
}

.sgi-Users:before {
    content: "\e69b";
}

.sgi-User:before {
    content: "\e69c";
}

.sgi-UploadCLoud:before {
    content: "\e69d";
}

.sgi-Typing:before {
    content: "\e69e";
}

.sgi-Tools:before {
    content: "\e69f";
}

.sgi-Tag:before {
    content: "\e6a0";
}

.sgi-Speedometter:before {
    content: "\e6a1";
}

.sgi-Share:before {
    content: "\e6a2";
}

.sgi-Settings:before {
    content: "\e6a3";
}

.sgi-Search:before {
    content: "\e6a4";
}

.sgi-Screwdriver:before {
    content: "\e6a5";
}

.sgi-Rolodex:before {
    content: "\e6a6";
}

.sgi-Ringer:before {
    content: "\e6a7";
}

.sgi-Resume:before {
    content: "\e6a8";
}

.sgi-Restart:before {
    content: "\e6a9";
}

.sgi-PowerOff:before {
    content: "\e6aa";
}

.sgi-Pointer:before {
    content: "\e6ab";
}

.sgi-Picture:before {
    content: "\e6ac";
}

.sgi-OpenedLock:before {
    content: "\e6ad";
}

.sgi-Notes:before {
    content: "\e6ae";
}

.sgi-Mute:before {
    content: "\e6af";
}

.sgi-Movie:before {
    content: "\e6b0";
}

.sgi-Microphone2:before {
    content: "\e6b1";
}

.sgi-Message:before {
    content: "\e6b2";
}

.sgi-MessageRight:before {
    content: "\e6b3";
}

.sgi-MessageLeft:before {
    content: "\e6b4";
}

.sgi-Menu:before {
    content: "\e6b5";
}

.sgi-Media:before {
    content: "\e6b6";
}

.sgi-Mail:before {
    content: "\e6b7";
}

.sgi-List:before {
    content: "\e6b8";
}

.sgi-Layers:before {
    content: "\e6b9";
}

.sgi-Key:before {
    content: "\e6ba";
}

.sgi-Imbox:before {
    content: "\e6bb";
}

.sgi-Eye:before {
    content: "\e6bc";
}

.sgi-Edit:before {
    content: "\e6bd";
}

.sgi-DSLRCamera:before {
    content: "\e6be";
}

.sgi-DownloadCloud:before {
    content: "\e6bf";
}

.sgi-CompactCamera:before {
    content: "\e6c0";
}

.sgi-Cloud:before {
    content: "\e6c1";
}

.sgi-ClosedLock:before {
    content: "\e6c2";
}

.sgi-Chart2:before {
    content: "\e6c3";
}

.sgi-Bulb:before {
    content: "\e6c4";
}

.sgi-Briefcase:before {
    content: "\e6c5";
}

.sgi-Blog:before {
    content: "\e6c6";
}

.sgi-Agenda:before {
    content: "\e6c7";
}


/*------------------------------------------------------------------------------
/ style or theme.css
/------------------------------------------------------------------------------*/
/*
Theme Name: AiCyberwatch
Theme URI: http://divine-it.net/html/AiCyberwatch/
Author: Mbr-Sagor
Author URI: http://divine-it.net/
Description: AiCyberwatch - Website
Version: 1.0
License: #
License URI:#
*/
.mobileMenuBar {
    display: none;
}

.header_top {
    position: absolute;
    left: 0;
    top: 5px;
    right: 0;
    width: 100%;
    z-index: 4;
    min-height: 90px;
}

.header_1 {
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    width: 100%;
    z-index: 4;
    min-height: 90px;
    border-top: 1px solid rgba(231, 231, 231, .25);
    border-bottom: 1px solid rgba(231, 231, 231, .25);
}

.header_top_mail a {
    color: #ffffff;
}

.logo {
    position: relative;
    text-align: left;
    /* padding: 22px 0; */
}

.logo img {
    max-width: 100%;
    height: 55px;
}

.mainmenu {
    position: relative;
    text-align: right;
    line-height: .8;
    margin-right: 15px;
}

.mainmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.mainmenu ul li {
    list-style: none;
    margin: 0 46px 0 0;
    display: inline-block;
    line-height: .8;
    padding: 30px 0;
    position: relative;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.mainmenu ul li:last-child {
    margin-right: 0;
}

.mainmenu ul li a {
    color: #FFF;
    display: inline-block;
    line-height: .8;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .75px;
    position: relative;
}

.mainmenu ul li a:before {
    width: 20px;
    height: 1px;
    background: #138bff;
    left: 1px;
    top: 1px;
    position: absolute;
    bottom: 0;
    margin: auto 0;
    content: '';

    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.fixedHeader.header_1 .mainmenu ul li a:before {
    background: #000;
}

.mainmenu ul li:hover > a, .mainmenu ul li.active > a {
    color: #138bff;
}

.fixedHeader.header_1 .mainmenu, .fixedHeader.header_1 .mainmenu ul li a {
    color: #000;
}

.fixedHeader.header_1 .mainmenu ul li:hover > a, .fixedHeader.header_1 .mainmenu ul li.active > a {
    color: #000;
}

.mainmenu ul li:hover > a:before, .mainmenu ul li.active > a:before {
    opacity: 1;
    visibility: visible;
    left: -9px;
}

/* .mainmenu ul ul.sub-menu {
    background: #138bff;
    width: 210px;
    z-index: 9;
    text-align: left;
    padding: 0 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -30deg) translateX(0%);
    -mozi-transform: perspective(400) rotate3d(1, 0, 0, -30deg) translateX(0%);
    -webkit-transform-origin: 50% 0;
    -mozi-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
} */

.mainmenu > ul > li > ul.sub-menu::before {
    width: 10px;
    height: 5px;
    content: '';
    position: absolute;
    left: 15px;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #138bff transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.mainmenu ul ul.sub-menu li {
    margin: 0;
    padding: 12px 20px;
    display: block;
    border-bottom: 1px solid #0581f8;
    position: relative;
}

.mainmenu ul ul.sub-menu li a {
    font-size: 13px;
    line-height: 1.5;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mainmenu ul ul.sub-menu li a:hover, .mainmenu ul ul.sub-menu li:hover > a {
    color: #000;
}

.mainmenu ul ul.sub-menu li a:before {
    display: none;
}

.mainmenu ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0) translateX(0%);
    -mozi-transform: perspective(400) rotate3d(0, 0, 0, 0) translateX(0%);
}

.mainmenu ul ul.sub-menu ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 90%;
    border-left: 1px solid #0581f8;
    transform: translateX(0%);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.mainmenu ul ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
    transform: translateX(0%);
}

.mainmenu .togglers {
    position: relative;
    display: inline-block;
    height: 11px;
    width: 20px;
    margin-left: 50px;
}

.mainmenu .togglers span {
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.mainmenu .togglers span:last-child {
    top: auto;
    bottom: 0;
}

.mainmenu .togglers:hover span, .mainmenu .togglers.active span {
    background: #138bff;
    right: 5px;
}

.fixedHeader.header_1 .mainmenu .togglers:hover span, .fixedHeader.header_1 .mainmenu .togglers.active span {
    background: #000;
}

.mainmenu .togglers span:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 5px;
}

.mainmenu .togglers:hover span:nth-child(2), .mainmenu .togglers.active span:nth-child(2) {
    right: -5px;
}

.slider_revolution {
    position: relative;
    height: 100vh;
    width: 100%;
}

.slider_revolution .ast_btn_2 i,
.slider_revolution .ast_vieo_btn_2,
.slider_revolution .ast_btn_2,
.slider_revolution .ast_btn i,
.slider_revolution .ast_btn {
    transition: all ease 400ms !important;
    -ms-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}

.slider_revolution .tp-caption.layer_1 span {
    font-weight: 100;
    color: #138bff;
    font-style: normal;
}

.slider_revolution .tp-bullet {
    width: 7px;
    height: 7px;
    background: #ccc;
    border-radius: 50%;
    transition: all ease 400ms !important;
    -ms-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}

.slider_revolution .tp-bullet.selected {
    width: 12px;
    height: 12px;
    background: #fff;
}

.scrollDown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 2;
    background: #138bff;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    line-height: 60px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.scrollDown:hover {
    background: #FFF;
    color: #138bff;
}

.aboutsecion .sec_title {
    margin-bottom: 44px;
}

.abp {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
}

/* start custom css */
.section_padding {
    padding: 50px 0;
}

.section_header {
    padding-bottom: 30px;
}

.section_header h2 {
    color: #565656;
}

.single_service img {
    width: 100%;
}

.single_service {
    border: 1px solid #f1f1f1;
    box-shadow: 1px 1px 4px 1px #f2f2f2;
}

.single_service_content {
    padding-bottom: 20px;
}

.single_service h2 {
    font-size: 16px;
    padding: 5px 15px;
    color: #565656;
    transition: .6s;
}

.single_service p {
    padding: 5px 15px;
    text-align: justify;
}

.service_link_btn {
    padding: 5px 15px;
    margin-bottom: 20px;
}

.single_service a {
    color: #565656;
}

.do_content_box {
    position: relative;
}

.content_do_icon {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    text-align: center;
    margin-bottom: 30px;
}

.content_do_icon i {
    background: #f2f2f2;
    padding: 10px;
    height: 80px;
    width: 80px;
    font-size: 40px;
    border-radius: 50%;
    line-height: 65px;
    border: 1px solid #7b7777;
}

.do_content_box h3 {
    font-size: 18px;
    text-transform: capitalize;
    text-align: center;
}

.do_content_box {
    transition: .6s;
    padding: 5px;
    margin-bottom: 30px;
}

.do_content_box p {
    text-align: justify;
}

.widget span {
    font-size: 13px;
}

.processBox {
    margin: 0;
    padding-left: 60px;
    position: relative;
    padding-bottom: 30px;
}

.processBox strong {
    position: absolute;
    bottom: 0;
    left: 60px;
    width: 30px;
    height: 10px;
}

.processBox strong:after {
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
    content: "";
}

.processBox strong:before {
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    right: 0;
    top: 0;
    position: absolute;
    content: "";
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.processBox h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 0.8;
    margin: 0 0 18px;
    text-transform: uppercase;
    position: relative;
}

.processBox i {
    color: #138bff;
    font-size: 50px;
    left: 0;
    letter-spacing: 0;
    position: absolute;
    text-align: left;
    top: 0;
}

.processBox p {
    margin: 0;
    font-size: 16px;
    position: relative;
    z-index: 2;
}

.processBox span {
    font-size: 80px;
    font-weight: 800;
    right: -7px;
    line-height: 0.85;
    opacity: 0.09;
    position: absolute;
    bottom: -4px;
    z-index: 1;
}

.featuresSection .sec_title {
    margin-bottom: 54px;
}

.icon_box_2 {
    position: relative;
    margin-bottom: 37px;
}

.icon_box_2 h3 {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 23px;
    line-height: .8;
}

.icon_box_2.light h3 {
    color: #FFF;
}

.icon_box_2 p {
    position: relative;
    padding-left: 70px;
    margin-bottom: 0px;
}

.icon_box_2.light p {
    color: #FFF;
}

.icon_box_2 p i {
    font-size: 50px;
    position: absolute;
    left: 0;
    top: 6px;
    width: 70px;
    text-align: left;
    line-height: 1;
    color: #138bff;
}

.icon_box_2.light p i {
    color: #138bff;
}

.work_nav {
    margin: 0 0 50px;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
}

.work_nav li {
    display: block;
    padding: 0 0;
    line-height: .8;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.work_nav li span {
    border-radius: 30px;
    color: #757575;
    background: rgb(255, 255, 255);
    background: linear-gradient(80deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 21px 14px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.work_nav li.active span, .work_nav li:hover span {
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    color: #FFF;
}

.work_bar {
    width: 2px;
    height: 150px;
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 5%, rgba(19, 139, 255, 1) 100%);
    margin: 0 auto 60px;
}

.pj_parcents {
    position: relative;
}

.pjp_con {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: 48px;
}

.pjp_con i {
    position: relative;
    font-size: 50px;
    line-height: 1;
    display: block;
    margin: 0 0 16px;
    color: #000;
}

.pjp_con h2 {
    font-size: 70px;
    font-weight: 400;
    color: #138bff;
    letter-spacing: 0;
    margin: 0 0;
    line-height: .8;
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 2;
}

.pjp_con span {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    line-height: .8;
    color: #000;
    margin: 19px 0 0;
    letter-spacing: 1px;
}

.work_loop_1 {
    position: relative;
    margin-bottom: 30px;
    background: rgb(236, 7, 199);
    background: linear-gradient(360deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
}

.work_cus_row {
    margin-left: -1px;
    margin-right: -1px;
}

.work_cust_padd {
    padding-left: 1px;
    padding-right: 1px;
}

.work_cust_padd .work_loop_1 {
    margin-bottom: 3px;
}

.wl1_thumb {
    background: transparent;
    overflow: hidden;
}

.wl1_thumb img {
    width: 100%;
    height: auto;
    opacity: 1;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
}

.work_loop_1:hover .wl1_thumb img {
    opacity: .35;
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}

.wl1_cont {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.work_loop_1:hover .wl1_cont {
    opacity: 1;
    visibility: visible;
    padding-bottom: 35px;
}

.wl1_cont h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0 21px;
    font-weight: 600;
}

.wl1_cont h2 a {
    color: #FFF;
}

.wl1_cont h2 a:hover {
    color: #138bff;
}

.wl1_cont p {
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0;
}

.wl1_cont p a {
    color: inherit;
    margin: 0 5px;
    color: #FFF;
}

.wl1_cont p a:hover {
    color: #138bff;
}

.wl1_cont p a:first-child {
    margin-left: 0;
}

.wl1_cont p a:last-child {
    margin-right: 0;
}

.timer {
    color: #ffffff;
    font-size: 30px;
}

.wl1_btns {
    text-align: center;
    font-size: 22px;
    color: #FFF;
}

.wl1_btns a {
    color: #FFF;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #FFF;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
    font-size: 20px;
    margin: 0 5px;
}

.wl1_btns a:hover {
    border-color: #138bff;
    color: #138bff;
}

.mt30 {
    margin-top: 30px;
}

.mt58 {
    margin-top: 58px;
}

.fact_1 {
    position: relative;
}

.fact_1 i {
    position: relative;
    font-size: 50px;
    line-height: 1;
    display: block;
    margin: 0 0 25px;
    color: #FFF;
}

.fact_1 p {
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.1;
    position: relative;
    padding-bottom: 18px;
    display: inline-block;
    width: 100%;
    z-index: 2;
}

.st1_front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: transparent;
    z-index: 2;
    width: 100%;
}

.st1_back {
    background: #e62b4a;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: relative;
    width: 100%;
}

.st1_thumb {
    position: relative;
}

.st1_thumb img {
    width: 100%;
    height: auto;
}

.st1_back > img {
    width: 100%;
    height: auto;
}

.std_social {
    text-align: left;
    padding-top: 5px;
    line-height: .8;
}

.std_social a {
    color: #FFF;
    margin-right: 15px;
    line-height: .8;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    font-style: italic;
    display: block;
    margin-bottom: 20px;
}

.std_social a:last-child {
    margin-right: 0;
}

.std_social a:hover {
    color: #000;
}

.std_skills {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
}

.std_single_skill {
    width: 33.333333%;
    float: left;
    text-align: center;
    position: relative;
}

.std_single_skill canvas {
    margin: 0 auto;
}

.std_single_skill strong {
    color: #FFF;
    margin-right: 15px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 60px;
}

.std_single_skill h6 {
    color: #FFF;
    margin-right: 15px;
    line-height: .8;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    font-style: normal;
    display: block;
    margin: 9px 0 0;
}

.st1_intro {
    position: relative;
    padding-top: 28px;
}

.st1_intro h4 {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px 0 15px;
    line-height: .8;
    color: #000;
}

.st1_intro h4 a {
    color: inherit;
    display: block;
}

.st1_intro h4 a:hover {
    color: #138bff;
}

.st1_intro span {
    color: #757575;
    font-size: 12px;
    line-height: .9;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    margin: 0;
}

.team_slider_1 .owl-nav {
    display: none;
}

.team_slider_1 .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}

.team_slider_1 .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.team_slider_1.owl-carousel .owl-dots .owl-dot:hover, .team_slider_1.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.team_slider_1.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.team_slider_1.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.quote_img {
    position: relative;
    margin-bottom: 46px;
    background: #138bff;
    width: 115px;
    height: 115px;
    margin: 0 auto 46px;
    text-align: center;
    border-radius: 50%;
    padding: 40px 0;
}

.quote_img img {
    height: 35px;
    width: auto;
}

.testimonial_item {
    position: relative;
}

.testimonial_item p {
    font-size: 25px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    margin: 0;
    font-family: Merriweather;
}

.testimonial_slider_1 .carousel-indicators {
    bottom: 0;
    margin: 29px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
    left: 0;
}

.testimonial_slider_1 .carousel-indicators li {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 7px 0 0;
    position: relative;
    border: none;
    background: none;
    display: inline-block;
}

.testimonial_slider_1 .carousel-indicators li:last-child {
    margin-right: 0px;
}

.testimonial_slider_1 .carousel-indicators li img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
}

.testimonial_slider_1 .carousel-indicators li h5 {
    font-size: 14px;
    margin: 20px 0 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: .8;
    text-align: left;
    color: #FFF;
}

.testimonial_slider_1 .carousel-indicators li h6 {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px;
    text-align: left;
    letter-spacing: 1px;
    font-style: italic;
    font-family: Merriweather;
}

.testimonial_slider_1 .carousel-indicators li h6 span {
    font-weight: 400;
}

.testimonial_slider_1 .carousel-indicators li.active {
    height: 70px;
    padding-left: 83px;
    text-indent: 0;
    top: 10px;
    width: 280px;
}

.testimonial_slider_1 .carousel-indicators li.active img {
    height: 70px;
    width: 70px;
    opacity: 1;
}

.clientSection {
    background: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    padding: 31px 0;
}

.clients_1 {
    position: relative;
    width: 100%;
    text-align: center;
}

.clients_1 img {
    width: auto !important;
    max-width: 100%;
    height: 107px;
    display: inline-block !important;

    opacity: .7;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.clients_1 img:hover {
    opacity: 1;
}

.pricing_talbe_1 {
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .08);
}

.pt1_head {
    background: url(../images/bg/12.jpg) no-repeat center center / cover;
    position: relative;
    height: 245px;
    padding: 64px 30px 30px;
    overflow: hidden;
}

.pt1_head:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, .9) 0%, rgba(19, 139, 255, .9) 100%);
}

.pt1_head h2, .pt1_head h3 {
    position: relative;
    z-index: 2;
}

.pt1_head h2 {
    font-size: 60px;
    font-weight: 100;
    color: #FFF;
    letter-spacing: 1px;
    margin: 0;
    line-height: .8;
    text-align: center;
}

.pt1_head h2 sup {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    line-height: .8;
    position: relative;
    top: -31px;
    left: 0px;
}

.pt1_head h2 sub {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: italic;
    display: inline-block;
    line-height: .8;
    position: relative;
    bottom: 1px;
    left: 0px;
}

.pt1_head h3 {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 28px 0 0;
    line-height: .8;
    color: #FFF;
    text-align: center;
}

.pt1_head .wave-img {
    position: absolute;
    left: 0;
    bottom: -57px;
    z-index: 1;
    width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

.deco-layer {
    transition: transform 0.5s ease 0s;
}

.pt1_body {
    padding: 40px 30px;
}

.pt1_body p {
    margin: 0 0 27px;
}

.pt1_body ul {
    margin: 0 0 44px;
    padding: 0;
}

.pt1_body ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}

.pt1_body ul li.disabled {
    color: rgba(117, 117, 117, .5);
    text-decoration: line-through;
}

.pt1_body ul li:last-child {
    margin-bottom: 0;
}

.pt1_body ul li:before {
    background: linear-gradient(130deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}

.whatWeDoSection {
    background: url(../images/bg/10.jpg) no-repeat fixed center center / cover;
    padding: 150px 0;
}

.wwd_item {
    position: relative;
}

.wwd_item > i {
    width: 115px;
    height: 115px;
    background: #138bff;
    color: #fff;
    font-size: 70px;
    line-height: 115px;
    text-align: center;
    display: block;
    margin: 0 auto 29px;
    border-radius: 50%;
}

.wwd_item h2 {
    color: #FFF;
    font-size: 80px;
    line-height: 90px;
    font-weight: 700;
    text-transform: lowercase;
    margin: 0 0 37px;
}

.blogSection {
    padding-bottom: 90px;
}

.blog_loop_1 {
    position: relative;
}

.bl1_thumb {
    position: relative;
    overflow: hidden;
}

.bl1_thumb img {
    width: 100%;
    height: auto;
}

.bl1_details {
    padding: 48px 35px 0px;
    position: relative;
}

.bl1_details.bl1_one::after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 12px 13px 12px 0;
    content: "";
    height: 0;
    left: -13px;
    position: absolute;
    top: 44px;
    width: 0;
}

.bl1_details.bl1_two::after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 12px 13px 12px 0;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 44px;
    transform: rotate(-180deg);
    width: 0;
    z-index: 1;
}

.bl1_details.bl1_three::after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -12px;
    width: 0;
    z-index: 1;
}

.bl1_meta {
    line-height: .8;
}

.bl1_meta a {
    color: #138bff;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
}

.bl1_meta a:hover {
    color: #000;
}

.bl1_details h3 {
    font-size: 28px;
    line-height: 36px;
    margin: 21px 0 36px;
    font-weight: 600;
}

.bl1_details h3 a {
    color: #000;
}

.bl1_details h3 a:hover {
    color: #138bff;
}

.bl1_details p {
    margin: 0 0 25px;
}

.ast_learnmore {
    position: relative;
    display: inline-block;
    color: #138bff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
}

.ast_learnmore i {
    margin-left: 10px;
    font-size: 14px;
    display: inline-block;
    top: 1px;
    left: 0;
    color: #138bff;
    position: relative;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.iconinleft.ast_learnmore i {
    margin-left: 0;
    right: 0;
    left: auto;
    margin-right: 10px;
    transform: rotate(180deg);
}

.ast_learnmore:hover {
    color: #000;
}

.ast_learnmore:hover i {
    left: -5px;
    color: #000;
}

.iconinleft.ast_learnmore:hover i {
    right: -5px;
    left: auto;
    color: #000;
}

.pdr5 {
    padding-right: 5px;
}

.pdl5 {
    padding-left: 5px;
}

.mb13 {
    margin-bottom: 13px;
}

.infoP {
    font-size: 14px;
    font-style: italic;
    margin: 0 0 0;
    text-align: center;
    line-height: 1;
    font-weight: 300;
    color: #fff;
}

.contact_info {
    position: relative;
}

.contact_info h3 {
    font-size: 14px;
    line-height: .8;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 27px;
}

.contact_info p {
    line-height: 26px;
    letter-spacing: .75px;
    margin: 0 0 14px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
}

.contact_info p i {
    font-size: 18px;
    color: #138bff;
    letter-spacing: 0;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 7px;
}

.contact_info p:last-of-type {
    margin-bottom: 0;
}

.mb57 {
    margin-bottom: 57px;
}

.ast_loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    display: none;
}

.ast_con_message {
    color: #155724;
    background-color: #d4edda;
    border: 3px solid #c3e6cb;
    padding: 10px 15px;
    margin-top: 30px;
    display: none;
}

.footer_0 {
    background: #1b1b1b;
    padding: 75px 0 65px;
}

.ast_logo {
    position: relative;
    margin-bottom: 50px;
}

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

.footer_0 .widget {
    margin: 0;
    padding: 0;
}

.footer_0 .widget_title {
    font-size: 20px;
    line-height: .8;
    font-weight: 400;
    letter-spacing: 0;
    color: #FFF;
    text-transform: capitalize;
    margin: 0 0 21px;
}

.footer_0 .widget_title strong {
    font-weight: 600;
}

.footer_0 .about_widget p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    margin: 0 0 39px;
    color: #999;
}

.astral_social {
    justify-content: flex-start;
}

.astral_social a {
    margin-right: 10px;
}

.astral_social i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.astral_social i.fa-facebook:hover {
    background: #3A559F;
}

.astral_social i.fa-twitter:hover {
    background: #1DA1F2;
}

.astral_social i.fa-youtube:hover {
    background: #c4302b;
}

.astral_social i.fa-linkedin:hover {
    background: #0e76a8;
}

.astral_social i.fa-skype:hover {
    background: #00aff0;
}

.astral_social i.fa-wechat:hover {
    background: #7bb32e;
}

.astral_social i.fa-dribbble:hover {
    background: #F16797;
}

.astral_social i.fa-instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.astral_social i.fa-whatsapp:hover {
    background: #25d366;
}

.astral_social i.fa-pinterest:hover {
    background: #D63633;
}



/*
Author: mbr-sagor
Date: 11/01/2020
Description: Footer social style-6
*/
.footer_social_media_icons i {
   background: #1a1a1b;
    -webkit-transition: .6 time;
    -moz-transition: .6 time;
    -ms-transition: .6 time;
    -o-transition: .6 time;
    transition: .6 time;
}

.insta_imgs {
    text-align: left;
    position: relative;
    padding-top: 13px;
}

.insta_imgs a {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.insta_imgs img {
    width: 80px;
    height: 80px;
    display: inline-block;
}

.copyright {
    color: #494949 !important;
    background-color: #efefef;
    border-top: 1px solid #e5e5e5;
    min-height: 100px;
}

.copyies {
    line-height: 1.1;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 43px 0px 42px;
    font-weight: 400;
}

.copyies a:hover {
    color: #FFF;
}

.ab_content {
    position: relative;
    padding-left: 30px;
    padding-top: 48px;
}

.ab_content h2 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 29px;
}

.ab_content p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 0 22px;
    padding-right: 60px;
}

.ab_content p.mb42 {
    margin-bottom: 42px;
}

.ab_slider.owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    bottom: 0;
}

.ab_slider.owl-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    background: #138bff;
    color: #FFF;
    font-size: 16px;
    line-height: 45px;
    border: none;
    border-radius: 0;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.ab_slider.owl-carousel .owl-nav button.owl-prev {
    margin-right: 1px;
}

.ab_slider.owl-carousel .owl-nav button:hover {
    color: #138bff;
    background: #000;
}

.mt60 {
    margin-top: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.icon_box_3 {
    position: relative;
}

.icon_box_3 > i {
    height: 80px;
    line-height: 1;
    font-size: 100px;
    color: #138bff;
    display: block;
}

.icon_box_3 h3 {
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 39px 0 25px;
    line-height: .8;
}

.icon_box_3 p {
    position: relative;
    margin: 0 0 20px;
    word-break: break-all;
}

.icon_box_3 .ast_learnmore_2, .icon_box_3 .ast_learnmore_2 i {
    color: #757575;
}

.icon_box_3 .ast_learnmore_2:hover, .icon_box_3 .ast_learnmore_2:hover i {
    color: #138bff;
}

.serviceSection {
    background: url(../images/bg/6.jpg) no-repeat fixed center center / cover;
}

.icon_box_4 {
    position: relative;
    padding-left: 95px;
    min-height: 80px;
    padding-top: 4px;
}

.icon_box_4.text-right {
    padding-left: 0;
    padding-right: 95px;
}

.icon_box_4.text-left {
    padding-left: 0;
    padding-right: 0;
}

.icon_box_4.text-center {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.icon_box_4 i {
    width: 80px;
    height: 80px;
    background: #138bff;
    font-size: 35px;
    line-height: 80px;
    text-align: center;
    color: #FFF;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon_box_4.round i {
    border-radius: 50%;
}

.icon_box_4.text-left i {
    left: auto;
    right: auto;
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
}

.icon_box_4.text-center i {
    left: auto;
    right: auto;
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
}

.icon_box_4.text-right i {
    left: auto;
    right: 0;
}

.icon_box_4 i:after {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    border: thin solid rgba(255, 255, 255, .25);
    border-radius: 2px;
}

.icon_box_4.round i:after {
    border-radius: 50%;
}

.icon_box_4 h3 {
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 0 0 13px;
    line-height: .8;
}

.icon_box_4 h3 span {
    font-weight: 300;
}

.icon_box_4.white h3 {
    color: #fff;
}

.icon_box_4 p {
    margin: 0;
}

.icon_box_4.white p {
    color: #bfbfbf;
}

.leftsides .icon_box_4 {
    margin: 54px 0;
}

.pdt113 {
    padding-top: 113px;
}

.rightsides .icon_box_4 {
    margin: 61px 0;
}

.work_nav_2 {
    position: relative;
    margin-top: 58px;
    width: 185px;
}

.work_nav_2.active h6 {
    background: #000;
    color: #fff;
    border-color: #000;
}

.work_nav_2 h6 i {
    position: absolute;
    right: 18px;
    top: 18px;
}

.work_nav_2 ul {
    margin: 0;
    padding: 0;
    border: 1px solid #c3c3c3;
    position: absolute;
    width: 186px;
    border-radius: 3px;
    border-radius: 0 0 3px 3px;
    display: none;
    top: 49px;
    z-index: 9;
    background: #fff;
}

.work_nav_2.active ul {
    display: block;
}

.work_nav_2 ul li {
    border-bottom: 1px solid #cccccc;
    list-style: none;
}

.blogCat ul li:last-of-type {
    border-bottom: none;
}

.work_nav_2 ul li a {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5;
    padding: 14px 10px 14px 26px;
}

.work_nav_2 ul li a:hover, .work_nav_2 ul li.active a {
    color: #138bff;
}

.work_loop_2 {
    position: relative;
    background: #000;
}

.wl2_thumb {
    position: relative;
    overflow: hidden;
}

.wl2_thumb img {
    width: 100%;
    height: auto;
    opacity: .85;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_2:hover .wl2_thumb img {
    opacity: .25;
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}

.wl2_cont {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px 30px 0;
    width: 100%;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.work_loop_2:hover .wl2_cont {
    opacity: 1;
    visibility: visible;
    padding-bottom: 40px;
}

.wl2_cont h2 {
    font-size: 45px;
    line-height: 50px;
    margin: 13px 0 33px;
    font-weight: 700;
    color: #FFF;
}

.wl2_cont h2 a {
    color: #FFF;
}

.wl2_cont h2 a:hover {
    color: #138bff;
}

.wl2_cont p {
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0;
}

.wl2_cont p a {
    color: inherit;
    margin: 0 5px;
    color: #FFF;
}

.wl2_cont p a:hover {
    color: #138bff;
}

.wl2_cont p a:first-child {
    margin-left: 0;
}

.wl2_cont p a:last-child {
    margin-right: 0;
}

.wl2_btns {
    text-align: left;
    font-size: 22px;
    color: #FFF;
}

.wl2_btns a {
    background: #138bff;
    border-radius: 2px;
    color: #fff;
    height: 45px;
    padding: 0 25px;
    line-height: 45px;
    display: inline-block;
    font-size: 21px;
    font-weight: 400;
}

.wl2_btns a:hover {
    background: #FFF;
    color: #138bff;
}

.work_loop_slider.owl-carousel .owl-nav {
    position: relative;
    text-align: center;
    padding: 50px 0 0;
}

.work_loop_slider.owl-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    background: #138bff;
    color: #FFF;
    font-size: 16px;
    line-height: 45px;
    border: none;
    border-radius: 2px;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_slider.owl-carousel .owl-nav button.owl-next {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.work_loop_slider.owl-carousel .owl-nav button.owl-prev {
    margin-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.work_loop_slider.owl-carousel .owl-nav button:hover {
    color: #138bff;
    background: #000;
}

.ast_tab_1 {
    position: relative;
}

.ast_tab_1_control {
    margin: 52px 0 0;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: .8
}

.ast_tab_1_control li {
    list-style: none;
    position: relative;
    padding-top: 20px;
    width: 33.333333%;
    text-align: center;
}

.ast_tab_1_control li:after {
    width: 0px;
    height: 2px;
    background: #138bff;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;

    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.ast_tab_1_control li:hover:after, .ast_tab_1_control li.active:after {
    width: 40px;
    opacity: 1;
    visibility: visible;
}

.ast_tab_1_control li a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 0.8;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    color: #bfbfbf;
}

.ast_tab_1_control li:hover a, .ast_tab_1_control li.active a {
    color: #fff;
}

.ast_tab_1_content {
    position: relative;
}

.ast_tab_1_content i {
    width: 80px;
    height: 80px;
    background: #138bff;
    font-size: 35px;
    line-height: 80px;
    text-align: center;
    color: #FFF;
    display: block;
    margin: 0 auto 23px;
    border-radius: 50%;
}

.ast_tab_1_content h2 {
    font-size: 28px;
    line-height: 30px;
    color: #FFF;
    margin: 0 0 21px;
    text-transform: capitalize;
    font-weight: 400;
}

.ast_tab_1_content p {
    color: #bfbfbf;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    padding: 0 60px;
    margin: 0;
}

.single_team_2 {
    position: relative;
    overflow: hidden;
}

.single_team_2:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    background: rgb(236, 7, 199);
    background: linear-gradient(180deg, rgba(236, 7, 199, 0.05) 0%, rgba(19, 139, 255, 0.85) 100%);
}

.st2_thumb {
    position: relative;
}

.st2_thumb img {
    width: 100%;
    height: auto;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.single_team_2:hover .st2_thumb img {
    transform: scale(1.07) rotate(-2deg);
    -moz-transform: scale(1.07) rotate(-2deg);
    -webkit-transform: scale(1.07) rotate(-2deg);
    -ms-transform: scale(1.07) rotate(-2deg);
    -o-transform: scale(1.07) rotate(-2deg);
}

.st2_details {
    position: absolute;
    left: 0;
    bottom: -110px;
    width: 100%;
    padding: 0 30px;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.single_team_2:hover .st2_details {
    bottom: 24px;
}

.st2_details h5 {
    color: #000;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0;
}

.st2_details h2 {
    color: #FFF;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 8px 0 23px;
    line-height: .8;
}

.st2_details p {
    color: #fbfbfb;
    margin: 0 0 31px;
}

.st2_social {
    position: relative;
    line-height: .8;
}

.st2_social a {
    position: relative;
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: .8;
    text-transform: uppercase;
    margin-right: 16px;
}

.st2_social a:hover {
    color: #000;
}

.team_slider_2.owl-carousel .owl-nav {
    position: relative;
    text-align: center;
    padding: 50px 0 0;
}

.team_slider_2.owl-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    background: #138bff;
    color: #FFF;
    font-size: 16px;
    line-height: 45px;
    border: none;
    border-radius: 2px;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.team_slider_2.owl-carousel .owl-nav button.owl-next {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.team_slider_2.owl-carousel .owl-nav button.owl-prev {
    margin-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.team_slider_2.owl-carousel .owl-nav button:hover {
    color: #138bff;
    background: #000;
}

.skillSection {
    background: #FFF;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.ast_circle_skill {
    position: relative;
}

.astcs_1 {
    position: relative;
    margin: 0 auto;
}

.ast_circle_skill strong {
    font-size: 50px;
    font-weight: 100;
    color: #138bff;
    letter-spacing: 1px;
    margin: 0;
    line-height: .8;
    display: inline-block;
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 73px;
}

.ast_circle_skill h5 {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 0;
    line-height: .8;
}

.testimonialsection2 {
    background: url(../images/bg/15.jpg) no-repeat fixed center center / cover;
}

.testimonial_item_2 {
    position: relative;
    background: url(../images/bg/16.jpg) repeat #FFF;
    padding: 50px 30px;
    border-radius: 0;
    border: 1px solid #e7e7e7;
}

.ti2_thumb {
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
    margin: 0 auto 36px;
    border-radius: 50%;
}

.ti2_thumb span {
    position: absolute;
    width: 27px;
    height: 27px;
    right: 0;
    bottom: 0;
    background: #138bff;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .8;
    border: 2px solid #FFF;
    border-radius: 50%;
    padding: 7px 0;
}

.ti2_thumb > img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.ti2_rate {
    font-size: 55px;
    color: #fedd00;
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 0;
    margin: auto 0;
    height: 53px;
    text-align: center;
    width: 100%;
    opacity: .25;
}

.ti2_rate i {
    margin: 0 2px;
}

.ti2_content {
    position: relative;
    margin: 0 0 37px;
}

.testimonial_item_2 p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    margin: 0;
    padding: 0 0px;
    font-family: Merriweather;
}

.ti2_author {
    position: relative;
    line-height: .8;
}

.ti2_author h3 {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0px;
    margin: 0 0 14px;
    line-height: .8;
}

.ti2_author span {
    font-size: 13px;
    line-height: .8;
    text-transform: none;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0;
    font-family: Merriweather;
    font-style: italic;
}

.testimonial_slider_2 .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}

.testimonial_slider_2 .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #FFF;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.testimonial_slider_2.owl-carousel .owl-dots .owl-dot:hover, .testimonial_slider_2.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.testimonial_slider_2.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.testimonial_slider_2.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.clients_2 {
    position: relative;
    width: 100%;
    height: 168px;
    padding: 3px;
    margin-bottom: 0;
    background: rgb(63, 94, 251);
    background: radial-gradient(circle, rgba(63, 94, 251, 0.8) 0%, rgba(252, 70, 107, 0.8) 100%);
    text-align: center;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.clients_2:before {
    width: 100%;
    height: 100%;
    background: #e7e7e7;
    content: '';
    position: absolute;
    left: 0;
    top: 0;

    opacity: 1;
    visibility: visible;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.clients_2:hover:before {
    opacity: 0;
    visibility: hidden;
}

.clients_2 a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #FFF;
    position: relative;
    z-index: 2;
}

.clients_2 img {
    display: inline-block !important;
    max-width: 100%;
    height: 107px;
    width: auto !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: .7;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.clients_2:hover img {
    opacity: 1;
}

.client_slider_2 .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}

.client_slider_2 .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.client_slider_2.owl-carousel .owl-dots .owl-dot:hover, .client_slider_2.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.client_slider_2.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.client_slider_2.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.pricing_section_2 {
    background: url(../images/bg/12.jpg) no-repeat fixed center center / cover;
    padding-bottom: 260px;
}

.pricing_section_2_closer {
    padding-top: 0;
    margin-top: -260px;
    z-index: 2;
}

.pricing_talbe_2 {
    position: relative;
    background: #FFF;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .08);
}

.pt2_head {
    background: url(../images/bg/5.jpg) no-repeat center center / cover;
    position: relative;
    height: 260px;
    padding: 87px 30px 55px;
}

.pt2_head:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(63, 94, 251);
    background: radial-gradient(circle, rgba(63, 94, 251, 0.8) 0%, rgba(252, 70, 107, 0.8) 100%);
}

.pt2_head h2 {
    position: relative;
    z-index: 2;
    font-size: 60px;
    font-weight: 100;
    color: #FFF;
    letter-spacing: 5px;
    margin: 0 0 6px;
    line-height: .8;
    text-align: center;
}

.pt2_head h2 span {
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: 23px;
    left: 55px;
}

.pt2_head h5 {
    position: relative;
    z-index: 2;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: normal;
    display: inline-block;
    line-height: .8;
    margin: 0;
}

.pt2_head .pt2_icon {
    position: relative;
    display: none;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 2;
    background: transparent;
    text-align: center;
    color: #FFF;
    font-size: 60px;
    line-height: 60px;
}

.pt2_head .pt2_icon:hover {
    background: #FFF;
    color: #138bff;
}

.pt2_head h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    width: 200px;
    height: 30px;
    z-index: 2;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 auto;
    line-height: 30px;
    color: #FFF;
    background: #138bff;
    text-align: center;

}

.pt2_head h3:before {
    content: '';
    width: 15px;
    height: 30px;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #138bff transparent transparent;

    position: absolute;
    top: 0;
    left: -15px;
}

.pt2_head h3:after {
    content: '';
    width: 15px;
    height: 30px;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #138bff;

    position: absolute;
    top: 0;
    right: -15px;
}

.pt2_body {
    padding: 48px 30px 40px;
}

.pt2_body h3 {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    margin: 0;
    line-height: .8;
}

.pt2_body p {
    margin: 0 0 27px;
}

.pt2_body ul {
    margin: 0 0 44px;
    padding: 0;
}

.pt2_body ul li {
    list-style: none;
    position: relative;
    margin-bottom: 12px;
}

.pt2_body ul li.disabled {
    color: rgba(117, 117, 117, .5);
    text-decoration: line-through;
}

.pt2_body ul li:last-child {
    margin-bottom: 0;
}

.call2ActionSection {
    background: url(../images/bg/17.jpg) no-repeat fixed center center / cover;
    padding-bottom: 140px;
}

.c2as_content h2 {
    color: #FFF;
    font-size: 80px;
    line-height: 90px;
    font-weight: 700;
    text-transform: lowercase;
    margin: 0 0 21px;
}

.c2as_content p {
    color: #FFF;
    font-size: 30px;
    line-height: 40px;
    font-weight: 100;
    margin: 0 0 52px;
}

.c2as_content .ast_btn_2 {
    margin: 0 7px;
}

.c2as_content .ast_btn_2:last-child:hover {
    color: #138bff;
    background: #fff;
}

.blog_loop_2 {
    position: relative;
    background: #FFF;
}

.bl2_thumb {
    position: relative;
    margin-bottom: 28px;
}

.bl2_thumb img {
    width: 100%;
    height: auto;
}

.bl2_desc {
    position: relative;
}

.bl2_desc .bl2_cats {
    margin-bottom: 17px;
    position: relative;
    line-height: .8;
}

.bl2_cats a {
    font-size: 12px;
    text-transform: uppercase;
    color: #757575;
    padding-right: 28px;
    position: relative;
    line-height: .9;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block;
}

.bl2_cats a:hover {
    color: #138bff;
}

.bl2_cats a:after {
    content: "-";
    width: 28px;
    position: absolute;
    right: 0;
    top: 2px;
    text-align: center;
    color: #757575;
}

.bl2_cats a:last-child {
    padding-right: 0;
}

.bl2_cats a:last-child:after {
    display: none;
}

.bl2_desc h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 19px;
    line-height: 34px;
    padding: 0 5px;
}

.bl2_desc h3 a {
    color: #000;
}

.bl2_desc h3 a:hover {
    color: #138bff;
}

.bl2_desc p {
    margin-bottom: 33px;
    padding: 0 15px;
}

.bl2_footer {
    position: relative;
    max-width: 100%;
}

.bl2_footer a.shorter-btn {
    background: #fff;
    color: #000;
    width: auto;
    max-width: 37px;
    height: 35px;
    line-height: 31px;
    display: inline-block;
    white-space: nowrap;
    margin-right: 2px;
    padding: 0 10px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    border: 2px solid #e7e7e7;
    text-transform: uppercase;
}

.bl2_footer a.shorter-btn i {
    float: left;
    margin-right: 10px;
    line-height: 31px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
}

.bl2_footer a:last-child {
    margin-right: 0px;
}

.bl2_footer a.shorter-btn:hover {
    max-width: 100%;
    padding: 0 15px;
    color: #138bff;
}

.bpdInner.noPLR {
    padding-left: 0;
    padding-right: 0;
}

.learnMore2 {
    font-size: 14px;
    letter-spacing: .75px;
    color: #000;
    height: 35px;
    line-height: 31px;
    display: inline-block;
    padding: 0 20px;
    font-weight: 400;
    border: 2px solid #f3f4f8;
    position: relative;
}

.learnMore2 i {
    line-height: 31px;
    position: relative;
    display: inline-block;
    top: 2px;
    font-size: 15px;
    margin-left: 6px;
    letter-spacing: 0;
}

.bl2_footer .learnMore2 {
    top: -12px;
}

.mt18 {
    margin-top: 18px;
}

.mapSection {
    padding: 0;
}

.ast_map {
    position: relative;
    background: #000;
    overflow: hidden;
}

.ast_map iframe {
    display: block;
    height: 550px;
    width: 100%;
    border: none;
}

.contact_form_2 {
    position: relative;
}

.contact_form_2 input[type="text"],
.contact_form_2 input[type="email"],
.contact_form_2 input[type="number"],
.contact_form_2 textarea {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: none;
    border-bottom: 2px solid #f1f1f1;
    background: #f8f8f8;
    border-radius: 0;
    margin-bottom: 20px;
    font-size: 16px;
    color: #757575;
    font-weight: 400;
    letter-spacing: 0;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.contact_form_2 textarea {
    height: 190px;
    padding: 12px 15px;
    resize: none;
}

.contact_form_2 form input::-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.contact_form_2 form input::-ms-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.contact_form_2 form input::-webkit-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.contact_form_2 input[type="text"]:focus,
.contact_form_2 input[type="email"]:focus,
.contact_form_2 input[type="number"]:focus,
.contact_form_2 textarea:focus {
    border-bottom-color: #138bff;
}

.contact_form_2 input[type="text"].reqError,
.contact_form_2 input[type="email"].reqError,
.contact_form_2 input[type="number"].reqError,
.contact_form_2 textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}

.contact_form_2 .ast_loader {
    margin-right: 15px;
    margin-left: 0;
}

.bggreay {
    background: #f9f9f9;
}

.footer_0.bggreay .widget_title {
    color: #000;
    display: block;
}

.about_widget_2 {
    position: relative;
}

.about_widget_2 > p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    margin: 0 0 39px;
    color: #999;
    padding-right: 15px;
}

.footer_0 ul {
    margin: 27px 0 0;
    padding: 0;
}

.footer_0 ul li {
    list-style: none;
    position: relative;
    margin-bottom: 12px;
}

.footer_0 ul li a {
    padding-left: 25px;
    display: inline-block;
    color: #999;
}

.footer_0 ul li a:hover {
    color: #138bff;
    padding-left: 30px;
}

.footer_0 ul li a:before {
    background: linear-gradient(130deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}

.contact_meta {
    position: relative;
    margin-top: 26px;
}

.contact_meta p {
    line-height: 26px !important;
    letter-spacing: .75px;
    margin: 0 0 14px !important;
    font-size: 14px !important;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    color: #999;
}

.contact_meta p i {
    font-size: 18px;
    color: #138bff;
    letter-spacing: 0;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 7px;
}

.contact_meta p:last-of-type {
    margin-bottom: 0 !important;
}

.copyright.lightbg {
    border-top: 1px solid #e7e7e7;
    background: #FFF;
}

.copyright.lightbg .copyies a:hover {
    color: #000;
}

.footer_social {
    position: relative;
    padding: 37px 0 36px;
}

.footer_social a {
    display: inline-block;
    border-radius: 50%;
    margin-right: 8px;
}

.footer_social a i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: .8;
    border-radius: 50%;
    padding: 9px 0;
    letter-spacing: 0;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.footer_social a:last-child {
    margin-right: 0px;
}

.footer_social i.fa-facebook:hover {
    background: #3765A3;
}

.footer_social i.fa-instagram:hover {
    background: #895A4D;
}

.footer_social i.fa-linkedin:hover {
    background: #0274B3;
}

.footer_social i.fa-twitter:hover {
    background: #5EA9DD;
}

.footer_social i.fa-dribbble:hover {
    background: #F26798;
}

.footer_social i.fa-behance:hover {
    background: #0056FF;
}

/*------------------------------------------------------------------------------
/ 3. Home 03
/------------------------------------------------------------------------------*/
.header_3 {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 4;
    width: 100%;
}

.h3_inner {
    min-height: 90px;
    background: transparent;
}

.logo_3 {
    position: relative;
    padding: 18px 0;
}

.logo_3 img {
    height: 55px;
    width: auto;
    display: inline-block;
}

.h3_nav {
    position: relative;
}

.menuMenu3 {
    position: relative;
    line-height: .8;
}

.menuMenu3.text-right {
    padding-right: 7px;
}

.menuMenu3.text-left {
    padding-left: 7px;
}

.menuMenu3 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.menuMenu3 ul li {
    list-style: none;
    margin: 0 13px 0;
    display: inline-block;
    line-height: .8;
    padding: 39px 0;
    position: relative;
}

.menuMenu3 ul li a {
    color: #FFF;
    display: inline-block;
    line-height: .8;
    font-weight: 500;
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: .75px;
    position: relative;
}

.menuMenu3 ul li a:after {
    width: 0px;
    height: 1px;
    background: #138bff;
    position: absolute;
    left: 0px;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.fixedHeader .menuMenu3 ul li a:after {
    background: #000;
}

.menuMenu3 ul li:hover > a:after, .menuMenu3 ul li.active > a:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.menuMenu3 ul li:hover > a, .menuMenu3 ul li.active > a {
    color: #138bff;
}

.fixedHeader .menuMenu3 ul li:hover > a, .fixedHeader .menuMenu3 ul li.active > a {
    color: #000;
}

.fixedHeader .logo_normal {
    display: none;
}

.logo_fix_header {
    display: none;
}

.fixedHeader .logo_fix_header {
    display: block;
}

.menuMenu3 ul ul.sub-menu {
    background: #138bff;
    width: 210px;
    z-index: 9;
    text-align: center;
    padding: 0;
    left: 50%;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 115%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.menuMenu3 > ul > li > ul.sub-menu::before {
    width: 10px;
    height: 5px;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #138bff transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.menuMenu3 ul ul.sub-menu li {
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: 1px solid #0581f8;
    position: relative;
}

.menuMenu3 ul ul.sub-menu li a {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 20px;
    display: block;
}

.menuMenu3 ul ul.sub-menu li a:after {
    display: none;
}

.menuMenu3 ul ul.sub-menu li:hover > a, .menuMenu3 ul ul.sub-menu li.active > a {
    color: #000;
}

.menuMenu3 ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.menuMenu3 ul ul.sub-menu ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    top: 0px;
    left: 120%;
    border-left: 1px solid #0581f8;
    transform: translateX(0%);
    transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
}

.menuMenu3 ul ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
}

.bg_layer_1 {
    display: inline-block;
    background: #138bff;
    color: #FFF;
    font-size: 50px;
    font-weight: 100;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    min-height: 81px;
    padding: 5px 15px 15px;
    text-align: center;
}

.bg_layer_2 {
    display: inline-block;
    background: #333;
    color: #FFF;
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 0;
    padding: 5px 15px;
    width: 100%;
    text-align: center;
    line-height: 28px;
    min-height: 41px;
}

.ast_tab_2 {
    position: relative;
}

.ast_tab_2_control {
    position: relative;
    text-align: center;
    margin: 0 0 40px;
    padding: 0;
}

.ast_tab_2_control li {
    list-style: none;
    display: inline-block;
}

.ast_tab_2_control li a {
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    background: #f1f1f1;
    height: 45px;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 45px;
    padding: 0 25px;
    font-weight: 600;
}

.ast_tab_2_control li.active a, .ast_tab_2_control li:hover a {
    background: #138bff;
    color: #fff;
}

.ab_content_2 {
    padding: 18px 0 0 15px;
}

.ab_content_2 h2 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    margin: 0 0 29px;
}

.ab_content_2 p.ast_lead {
    padding-right: 70px;
    margin-bottom: 25px;
}

.arrow_ul {
    margin: 0 0 34px;
    padding: 0;
}

.arrow_ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}

.arrow_ul li:last-child {
    margin-bottom: 0;
}

.arrow_ul li:before {
    background: linear-gradient(130deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}

.icon_box_5 {
    width: 100%;
    position: relative;
    padding-left: 50px;
    padding-top: 40px;
    padding-bottom: 34px;
    background: #FFF;
    border: 2px solid #f4f4f4;
    padding-right: 40px;
    margin: 40px 0;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.icon_box_5:hover {
    border-color: #FFF;
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
}

.active .icon_box_5 {
    box-shadow: none;
    border-color: #f4f4f4;
}

.active .icon_box_5:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .2);
    z-index: 4;
}

.active.center .icon_box_5:before {
    display: none;
}

.active.center .icon_box_5 {
    background: #138bff;
    border-color: #138bff;
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.09);
}

.icon_box_5 > i {
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #138bff;
    display: inline-block;
    margin-bottom: 60px;
}

.active.center .icon_box_5 > i {
    color: #FFF;
}

.icon_box_5 h3 {
    font-size: 14px;
    color: #000;
    letter-spacing: 1px;
    margin: 0 0 23px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 32px;
    position: relative;
}

.active.center .icon_box_5 h3 {
    color: #fff;
}

.icon_box_5 p {
    margin: 0 0 15px;
    color: #757575;
}

.active.center .icon_box_5 p {
    color: #fbfbfb;
}

.icon_box_5 .ast_learnmore {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 500;
}

.active.center .icon_box_5 .ast_learnmore {
    color: #fbfbfb;
}

.icon_box_5 .ast_learnmore i {
    font-size: 15px;
    margin-left: 5px;
    color: #9e9e9e;
    top: 1px;
}

.active.center .icon_box_5 .ast_learnmore i {
    color: #fbfbfb;
}

.icon_box_5 .ast_learnmore:hover {
    color: #138bff;
}

.active.center .icon_box_5 .ast_learnmore:hover {
    color: #000;
}

.active.center .icon_box_5 .ast_learnmore:hover i {
    color: #000;
}

.service_slider {
    margin-top: -40px;
}

.service_slider .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 0;
    margin-top: -10px;
}

.service_slider .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.service_slider.owl-carousel .owl-dots .owl-dot:hover, .service_slider.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.service_slider.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.service_slider.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.service_slider.owl-carousel .owl-dots.disabled {
    display: block;
}

.skillDesc {
    position: relative;
}

.skillDesc h2 {
    font-size: 36px;
    line-height: 50px;
    word-break: break-all;
    font-weight: 700;
    margin: 0 0 29px;
}

.singleSkill {
    position: relative;
    margin-bottom: 40px;
}

.singleSkill h4 {
    font-size: 13px;
    color: #000;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px;
}

.ss_area {
    width: 100%;
    height: 3px;
    position: relative;
    background: #f8f8f8;
}

.ssa_inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
}

.ss_area span {
    font-size: 12px;
    color: #000;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.pdt30 {
    padding-top: 30px;
}

.featuresSection_2 {
    background: #f7f7f7;
    padding-bottom: 70px;
}

.featureHolder {
    padding-left: 15px;
}

.icon_box_6 {
    position: relative;
    margin-bottom: 43px;
}

.icon_box_6 i {
    font-size: 50px;
    color: #138bff;
    line-height: .8;
    display: block;
    letter-spacing: 0;
    margin: 0 0 30px;
}

.icon_box_6 h4 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 0.8;
    margin: 0 0 28px;
    text-transform: uppercase;
    position: relative;
}

.icon_box_6 p {
    margin: 0;
}

.work_loop_3 {
    position: relative;
    background: #000;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.squize_right {
    -webkit-transform: scaleX(.92188) translate3d(12.5px, 0, 0);
    transform: scaleX(.92188) translate3d(12.5px, 0, 0)
}

.squize_left {
    -webkit-transform: scaleX(.92188) translate3d(-12.5px, 0, 0);
    transform: scaleX(.92188) translate3d(-12.5px, 0, 0)
}

.hovernow.expandCurrent .work_loop_3 img {
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
    opacity: .15 !important;
}

.hovernow.expandCurrent .work_loop_3 .wl3_thumb {
    -webkit-transform: scaleX(1.15625) translate3d(0, 0, 0);
    transform: scaleX(1.15625) translate3d(0, 0, 0);
    background: #138bff;
}

.work_loop_3 img {
    position: relative;
    width: 100%;
    height: auto;
    opacity: .35 !important;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.wl3_thumb {
    background: #000;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.wlp3_Content {
    position: absolute;
    left: 0;
    top: 0;
    padding: 50px;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.wplp3_cates {
    margin: 0 0 22px;
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
}

.wplp3_cates a {
    color: inherit;
    display: inline-block;
}

.wplp3_cates a:hover {
    color: #000;
}

.wlp3_Content h2 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 700;
    margin: 0 0 23px;
}

.wlp3_Content h2 a {
    color: #FFF;
    transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.wlp3_Content h2 a:hover {
    color: #000;
}

.wlp3_Content p {
    margin: 0;
    color: #fbfbfb;
}

.work_loop_3 .ast_learnmore {
    position: absolute;
    left: 40px;
    bottom: 39px;
    z-index: 2;
    color: #fbfbfb;
}

.work_loop_3 .ast_learnmore i {
    color: #fbfbfb;
}

.work_loop_3 .ast_learnmore:hover,
.work_loop_3 .ast_learnmore:hover i {
    color: #000;
}

.work_loop_slider_2.owl-carousel .owl-nav {
    position: relative;
    text-align: center;
    padding: 50px 0 0;
}

.work_loop_slider_2.owl-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    background: #138bff;
    color: #FFF;
    font-size: 16px;
    line-height: 45px;
    border: none;
    border-radius: 0px;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_slider_2.owl-carousel .owl-nav button.owl-next {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.work_loop_slider_2.owl-carousel .owl-nav button.owl-prev {
    margin-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.work_loop_slider_2.owl-carousel .owl-nav button:hover {
    color: #138bff;
    background: #000;
}

.mt50 {
    margin-top: 50px;
}

.funfactsection2 {
    background: #f8f8f8;
    padding: 120px 0;
}

.halfImg .ast_vieo_btn {
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.pdr30 {
    padding-right: 30px;
}

.funfactsection2 .sec_title {
    margin-bottom: 34px;
}

.funfactsection2 p.ast_lead {
    margin-bottom: 36px;
    padding-right: 60px;
}

.fact_2 {
    padding-left: 0;
    position: relative;
}

.fact_2 i {
    position: relative;
    font-size: 40px;
    color: #138bff;
    line-height: .8;
    display: inline-block;
    margin: 0 0 0px;
}

.fact_2 h2 {
    font-size: 30px;
    color: #138bff;
    line-height: .8;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 23px 0 12px;
}

.fact_2 h3 {
    font-size: 13px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.ast_tab_3 {
    position: relative;
}

.ast_tab_3_controll {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    text-align: center;
}

.ast_tab_3_controll li {
    width: 16.666666%;
    list-style: none;
    padding: 0 2px;
    position: relative;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.ast_tab_3_controll li:after {
    border-style: solid;
    border-width: 12px 9px 0 9px;
    border-color: #138bff transparent transparent transparent;
    content: "";
    height: 0;
    left: 0;
    right: 0;
    position: absolute;
    bottom: -12px;
    width: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.ast_tab_3_controll li.active:after {
    opacity: 1;
    visibility: visible;
}

.single_team_3 {
    position: relative;
    background: #000;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .08);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.ast_tab_3_controll li.active .single_team_3 {
    box-shadow: none;
}

.single_team_3 img {
    width: 100%;
    height: auto;
    opacity: 1;
}

.single_team_3:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.st3_info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 15px;
    z-index: 2;
    background: #FFF;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.active .st3_info {
    background: #138bff;
}

.st3_info h2 {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0;
    line-height: .8;
    color: #000;
}

.active .st3_info h2 {
    color: #fff;
}

.active .st3_info h5 {
    color: #fbfbfb;
}

.ast_tab_content_3 {
    background: #f8f8f8;
    margin: 52px 0 0;
    padding: 96px 96px;
    position: relative;
}

.ast_tab_content_3 .sec_sub_title {
    margin: 0 0 29px;
}

.st3_tab_content h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 43px;
}

.st3_social {
    position: absolute;
    right: 96px;
    top: 96px;
    font-size: 13px;
    color: #000;
    letter-spacing: 0;
    line-height: .8;
}

.st3_social a {
    margin-left: 15px;
    color: #757575;
}

.st3_social a:hover {
    color: #138bff;
}

.st3_meta {
    position: relative;
    margin: 0 0 39px;
}

.st3_meta p {
    line-height: 26px;
    letter-spacing: .75px;
    margin: 0 0 14px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
}

.st3_meta p i {
    font-size: 18px;
    color: #138bff;
    letter-spacing: 0;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 7px;
}

.st3_meta p span {
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #000;
}

.testimonial_item_3 {
    background: transparent;
    padding: 0;
    position: relative;
}

.ti3_author {
    width: 90px !important;
    display: inline-block !important;
    height: 90px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
}

.testimonial_item_3 p {
    font-size: 25px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    font-family: Merriweather;
    margin: 25px 0 0;
}

.testimonial_item_3 h5 {
    font-size: 14px;
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 42px 0 20px;
    color: #FFF;
    font-weight: 600;
}

.testimonial_item_3 img.signs {
    width: 180px;
    height: auto;
    display: inline-block !important;
}

.team_slider_1 .owl-nav {
    display: none;
}

.testimonial_slider_3 .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 50px;
}

.testimonial_slider_3 .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.testimonial_slider_3.owl-carousel .owl-dots .owl-dot:hover, .testimonial_slider_3.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.testimonial_slider_3.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.testimonial_slider_3.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.clientSection_3 {
    background: #FFF;
    border-bottom: 1px solid #e7e7e7;
    padding: 30px 0;
}

.clients_3 {
    position: relative;
    width: 100%;
    text-align: center;
}

.clients_3 img {
    width: auto !important;
    max-width: 100%;
    height: 107px;
    display: inline-block !important;
}

.client_slider_3.owl-carousel .owl-nav {
    margin: 0;
}

.client_slider_3.owl-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    background: #f1f1f1;
    color: #138bff;
    font-size: 16px;
    line-height: 45px;
    border-radius: 0;
    border: none;
    text-align: center;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.client_slider_3.owl-carousel .owl-nav button:hover {
    color: #FFF;
    background: #138bff;
}

.client_slider_3.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -75px;
    top: 31px;
}

.client_slider_3.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -75px;
    top: 31px;
}

.pricing_talbe_3 {
    width: 100%;
    position: relative;
    background: #f8f8f8;
    padding: 50px 40px;
}

.pt3_head {
    width: 100%;
    position: relative;
}

.pt3_head h2 {
    line-height: .6;
    font-size: 36px;
    font-weight: 700;
    color: #000;
    margin: 0 0 27px;
}

.pt3_head p {
    font-weight: 400;
    margin: 0;
}

.pt3_currency {
    color: #000;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.75;
    margin: 48px 0 55px;
    padding: 0;
    display: inline-block;
    position: relative;
    left: -9px;
}

.pt3_cur {
    color: #000;
    display: inline-block;
    font-size: 14px;
    padding-right: 0;
    padding-top: 11px;
    vertical-align: top;
    position: relative;
    top: -2px;
    right: -9px;
    font-weight: 600;
}

.pt3_prd {
    color: #000;
    font-size: 14px;
    font-style: italic;
    padding: 0;
    position: relative;
    left: -15px;
}

.pt3_desc {
    width: auto;
    position: relative;
    margin: 0 0 54px;
    padding: 0;
}

.pt3_desc li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}

.pt3_desc li.disabled {
    color: rgba(117, 117, 117, .5);
    text-decoration: line-through;
}

.pt3_desc li:last-child {
    margin-bottom: 0;
}

.pt3_desc li:before {
    background: linear-gradient(130deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}

.pt3_btn {
    width: 100%;
    position: relative;
    text-align: right;
    height: 60px;
}

.pt3_btn a {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #138bff;
    border-radius: 0;
    text-align: center;
    position: relative;
}

.pt3_btn a:hover {
    background: #000;
}

.pt3_btn a:after {
    width: 25px;
    height: 1px;
    background: #fff;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.pt3_btn a:before {
    width: 11px;
    height: 11px;
    position: absolute;
    content: "";
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    right: 19px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.mb60 {
    margin-bottom: 60px;
}

.blog_loop_3 {
    position: relative;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .035);
}

.bl3_thumb {
    position: relative;
}

.bl3_thumb img {
    width: 100%;
    height: auto;
}

.bl3_thumb:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 30%, rgba(0, 0, 0, 0.6) 100%);
}

.bl3_top_meta {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 30px 40px;
    line-height: 18px;
}

.bl3_top_meta a {
    color: #FFF;
    line-height: 18px;
    font-weight: 400;
}

.bl3_top_meta a:hover {
    color: #138bff;
}

.bl3_top_meta a i {
    font-size: 18px;
}

.bl3_details {
    padding: 35px 40px 0;
    border: 1px solid #e7e7e7;
    border-top: none;
}

.bl3_details h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 22px;
}

.bl3_details h3 a {
    color: #000;
}

.bl3_details h3 a:hover {
    color: #138bff;
}

.bl3_details p {
    margin: 0 0 34px;
}

.bl3_footer {
    border-top: 1px solid #e7e7e7;
    padding: 14px 0 20px;
}

.bl3_footer a {
    color: #757575;
    line-height: 18px;
    font-weight: 400;
}

.bl3_footer a i {
    font-size: 18px;
    color: #138bff;
    margin-right: 7px;
    position: relative;
    top: 1px;
}

.bl3_footer a:hover {
    color: #138bff;
}

.mapSection2 .halfImg {
    z-index: 2;
}

.ast_map_2 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.ast_map_2 iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

.contact_info.ci_light h3 {
    color: #FFF;
}

.contact_info.ci_light p {
    color: #fbfbfb;
}

.contact_info2 {
    position: relative;
}

.contact_info2 i {
    font-size: 50px;
    color: #138bff;
    line-height: 50px;
    height: 50px;
    margin: 0 0 30px;
    display: block;
}

.contact_info2.ci2_light i {
    color: #FFF;
}

.contact_info2.ci2_light {
    color: #FFF;
}

.contact_info2 h3 {
    font-size: 16px;
    line-height: .8;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 23px;
}

.contact_info2.ci2_light h3 {
    color: #FFF;
}

.contact_info2 p {
    margin: 0;
}

.contact_info2.ci2_light p {
    color: #fbfbfb;
}

.contact_info2 p a {
    color: #757575;
}

.contact_info2.ci2_light p a {
    color: #fff;
}

.conInfoItems .col-lg-6 {
    border-right: 1px solid rgba(255, 255, 255, .6);
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    padding: 100px 15px;
}

.conInfoItems .col-lg-6:nth-of-type(2), .conInfoItems .col-lg-6:nth-of-type(4) {
    /*    border-right-color: transparent;*/
}

.conInfoItems .col-lg-6:nth-of-type(3), .conInfoItems .col-lg-6:nth-of-type(4) {
    border-bottom-color: transparent;
}

.contact_form_3 {
    position: relative;
}

.contact_form_3 label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0 0 5px;
    display: block;
}

.contact_form_3 input[type='text'],
.contact_form_3 input[type='email'],
.contact_form_3 input[type='number'],
.contact_form_3 select,
.contact_form_3 textarea {
    width: 100%;
    background: transparent;
    height: 41px;
    border: none;
    border-bottom: 2px solid #e7e7e7;
    font-size: 14px;
    margin-bottom: 30px;
    color: #757575;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.contact_form_3 input[type='text']:focus,
.contact_form_3 input[type='email']:focus,
.contact_form_3 input[type='number']:focus,
.contact_form_3 select:focus,
.contact_form_3 textarea:focus {
    border-color: #138bff;
}

.contact_form_3 textarea {
    resize: none;
    height: 143px;
    margin-bottom: 25px;
}

.contact_form_3 input[type="text"].reqError,
.contact_form_3 input[type="email"].reqError,
.contact_form_3 input[type="number"].reqError,
.contact_form_3 textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}

.footer_2 {
    background: #f9f9f9;
    padding: 75px 0;
}

.footer_2 .widget {
    margin: 0;
    padding: 0;
}

.footer_2 .widget_title {
    font-size: 20px;
    line-height: .8;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 21px;
}

.footer_2 .widget_title strong {
    font-weight: 600;
}

.footer_2 .about_widget p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    margin: 0 0 39px;
}

.text-center .astral_social {
    justify-content: center;
}

/*------------------------------------------------------------------------------
/ 4. Home 04
/------------------------------------------------------------------------------*/
.top_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 4;
}

.tb_inner {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.top_bar .headerInnerWrap {
    padding: 7px 0 8px;
}

.headerInnerWrap h5 {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 1px;
    padding-left: 35px;
    text-transform: uppercase;
    line-height: .8;
    margin: 0;
}

.headerInnerWrap h5 i {
    padding-right: 7px;
}

.header_social {
    position: relative;
    line-height: .8;
    padding: 12px 0;
}

.header_social a {
    font-size: 12px;
    display: inline-block;
    color: #fbfbfb;
    letter-spacing: 0;
    font-weight: 300;
    margin-right: 15px;
    line-height: .8;
}

.header_social a:hover {
    color: #138bff;
}

.slider_revolution .tparrows {
    background: transparent;
    display: none;
}

.slider_revolution .tparrows.tp-leftarrow:before {
    content: "\f104";
    font-family: Flaticon;
    font-size: 30px;
    color: #fff;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.slider_revolution .tparrows.tp-rightarrow:before {
    content: "\f103";
    font-family: Flaticon;
    font-size: 30px;
    color: #fff;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.slider_revolution .tparrows.tp-leftarrow:hover:before,
.slider_revolution .tparrows.tp-rightarrow:hover:before {
    color: #000;
}

.ast_vieo_btn_2 {
    position: relative;
    padding-left: 75px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 60px !important;
    display: inline-block;
    color: #FFF;
}

.ast_vieo_btn_2 img {
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    left: 0;
    top: 0;
}

.scon_4 p.ast_lead {
    margin-bottom: 42px;
}

.icon_box_7 {
    position: relative;
    background: #FFF;
    padding: 50px 30px 44px;
    text-align: center;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .06);
    overflow: hidden;
    margin-bottom: 30px;
}

.icon_box_7:after {
    width: 150px;
    height: 150px;
    content: '';
    position: absolute;
    left: -25px;
    top: -25px;
    background: #F9DD9B;
    border-radius: 50%;
    opacity: .2;
}

.icon_box_7:before {
    width: 150px;
    height: 150px;
    content: '';
    position: absolute;
    right: -50px;
    bottom: -50px;
    background: #F9DD9B;
    border-radius: 50%;
    opacity: .15;
}

.icon_box_7.c2:after, .icon_box_7.c2:before {
    background: #F7B2EE;
}

.icon_box_7.c3:after, .icon_box_7.c3:before {
    background: #BAF99B;
}

.icon_box_7.c4:after, .icon_box_7.c4:before {
    background: #9BE4F9;
}

.icon_box_7 > i {
    font-size: 90px;
    line-height: .8;
    color: #138bff;
    z-index: 2;
    position: relative;
}

.icon_box_7 h3 {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin: 19px 0 23px;
    line-height: .8;
    letter-spacing: 1px;
}

.icon_box_7 p {
    margin: 0 0 25px;
}

.ast_learnmore_2 {
    font-size: 12px;
    color: #138bff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    line-height: .8;
}

.ast_learnmore_2 i {
    font-size: 10px;
    position: relative;
    top: 1px;
    left: 0;
    color: #138bff;
    margin-left: 7px;
    line-height: .8;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.ast_learnmore_2:hover {
    color: #000;
}

.ast_learnmore_2:hover i {
    left: 5px;
    color: #000;
}

.aboutSection4 {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #f8f8f8;
    padding-bottom: 142px;
}

.ab_clients {
    position: relative;
    margin-bottom: 30px;
}

.aboutSection4 p.ast_lead {
    padding-right: 60px;
}

.pdt23 {
    padding-top: 23px;
}

.ab_clients img {
    width: 25%;
    height: auto;
    display: inline-block;
}

.ab4_img1 {
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 1;
}

.ab4_img1 img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
}

.ab4_img2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.ab4_img2 img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
}

.ab4_img2:after {
    position: absolute;
    top: 40px;
    left: -40px;
    content: '';
    border: 10px solid #138bff;
    width: 470px;
    height: 458px;
}

.featuresSection4 {
    padding: 0;
}

.f4_wrap {
    position: relative;
    background: url(../images/bg/f1.jpg) no-repeat center center / cover;
    padding: 100px 50px;
}

.f4_wrap:after {
    background: rgba(19, 139, 255, .85);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.f4_wrap.dip:after {
    background: rgba(19, 139, 255, .95);
}

.f4_wrap .icon_box_8 {
    position: relative;
    z-index: 2;
}

.icon_box_8 {
    position: relative;
}

.icon_box_8 i {
    color: #138bff;
    font-size: 50px;
    line-height: 50px;
    height: 50px;
    display: block;
}

.icon_box_8.light i {
    color: #FFF;
}

.icon_box_8 h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 37px 0 21px;
}

.icon_box_8.light h3 {
    color: #FFF;
}

.icon_box_8 p {
    margin: 0;
}

.icon_box_8.light p {
    color: #fbfbfb;
}

.workSection4 {
    padding: 120px 0;
}

.work_nav_3 {
    position: relative;
    margin: 0 0 50px;
    padding: 0;
    line-height: .8;
}

.work_nav_3 li {
    list-style: none;
    display: inline-block;
    font-size: 13px;
    color: #757575;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: .8;
    margin: 0 20px;
    padding: 0 7px 20px;
    cursor: pointer;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.work_nav_3 li:after {
    width: 0%;
    position: absolute;
    bottom: 0px;
    height: 2px;
    background: #138bff;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.work_nav_3 li:hover, .work_nav_3 li.active {
    color: #000;
}

.work_nav_3 li.active:after, .work_nav_3 li:hover:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.work_loop_4 {
    position: relative;
    margin-bottom: 0;
    background: #138bff;
    margin-right: -1px;
}

.wl4_thumb {
    background: transparent;
    overflow: hidden;
}

.wl4_thumb img {
    width: 100%;
    height: auto;
    opacity: 1;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
}

.work_loop_4:hover .wl4_thumb img {
    opacity: .15;
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}

.wl4_cont {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px;
    width: 100%;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.work_loop_4:hover .wl4_cont {
    opacity: 1;
    visibility: visible;
    padding-bottom: 33px;
}

.wl4_cont h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0 0;
    font-weight: 600;
}

.wl4_cont h2 a {
    color: #FFF;
}

.wl4_cont h2 a:hover {
    color: #000;
}

.wl4_cont p {
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0;
}

.wl4_cont p a {
    color: inherit;
    margin: 0 5px;
    color: #FFF;
}

.wl4_cont p a:hover {
    color: #000;
}

.wl4_cont p a:first-child {
    margin-left: 0;
}

.wl4_cont p a:last-child {
    margin-right: 0;
}

.wl4_btn {
    position: absolute;
    top: 40px;
    left: 10px;
    width: 25px;
    height: 15px;
    opacity: 0;
    visibility: hidden;
}

.work_loop_4:hover .wl4_btn {
    opacity: 1;
    visibility: visible;
    left: 40px;
}

.wl4_btn:before {
    width: 11px;
    height: 11px;
    position: absolute;
    content: "";
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.wl4_btn:after {
    width: 25px;
    height: 1px;
    background: #fff;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.wl4_btn:hover:after {
    background: #000;
}

.wl4_btn:hover:before {
    border-color: #000;
}

.single_team_4 {
    position: relative;
}

.single_team_4 img {
    width: 100%;
    height: auto;
}

.st4_details {
    position: relative;
    text-align: center;
}

.st4_details h3 {
    font-size: 30px;
    font-weight: 400;
    margin: 27px 0 20px;
    line-height: .8;
}

.st4_details h3 a {
    color: #000;
}

.st4_details h3 a:hover {
    color: #138bff;
}

.st4_details p {
    line-height: .8;
    margin: 0 0 38px;
    color: #138bff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
}

.st4_social {
    position: relative;
    line-height: .8;
}

.st4_social a {
    font-size: 15px;
    color: #cccccc;
    margin-right: 17px;
    line-height: .8;
}

.st4_social a:hover {
    color: #138bff;
}

.st4_social a:last-child {
    margin-right: 0;
}

.team_slider_4 .owl-nav {
    display: none;
}

.team_slider_4 .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 49px;
}

.team_slider_4 .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.team_slider_4.owl-carousel .owl-dots .owl-dot:hover, .team_slider_4.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.team_slider_4.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.team_slider_4.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.testimonial_slider_4 {
    position: relative;
}

.testimonial_slider_4 .carousel-indicators {
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    text-align: center;
    bottom: 0;
    top: 0;
    left: auto;
    display: block;
    width: 100%;
}

.testimonial_slider_4 .carousel-indicators li {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: none;
    background: transparent;
    display: inline-block;
    position: relative;
    margin: 0;
}

.testimonial_slider_4 .carousel-indicators li img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .6;
    border-radius: 50%;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.testimonial_slider_4 .carousel-indicators li.active img {
    width: 70px;
    height: 70px;
    opacity: 1;
}

.testimonial_item_4 p {
    font-size: 25px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    margin: 0;
    font-family: Merriweather;
}

.testimonial_item_4 h5 {
    font-size: 16px;
    margin: 38px 0 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: .8;
    color: #FFF;
}

.testimonial_item_4 h6 {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #fbfbfb;
    margin: 0px;
    letter-spacing: 1px;
    font-style: normal;
}

.testimonial_item_4 h6 span {
    font-weight: 500;
}

.pricing_talbe_4 {
    width: 100%;
    position: relative;
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, .8) 0%, rgba(19, 139, 255, .8) 100%);
    padding: 3px;
}

.pt4_inner {
    background: #FFF;
    padding: 47px 37px;
}

.pt4_head {
    width: 100%;
    position: relative;
}

.pt4_head img {
    display: inline-block;
    height: 100px;
    width: auto;
}

.pt4_head h2 {
    line-height: .8;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    margin: 39px 0 56px;
}

.pt4_currency {
    color: #000;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.75;
    margin: 0 0 55px;
    padding: 0;
    display: inline-block;
    position: relative;
    left: -9px;
}

.pt4_cur {
    color: #000;
    display: inline-block;
    font-size: 14px;
    padding-right: 0;
    padding-top: 11px;
    vertical-align: top;
    position: relative;
    top: -2px;
    right: -9px;
    font-weight: 600;
}

.pt4_prd {
    color: #000;
    font-size: 14px;
    font-style: italic;
    padding: 0;
    position: relative;
    left: -15px;
}

.pt4_desc {
    width: auto;
    position: relative;
    margin: 0 0 54px;
    padding: 0;
}

.pt4_desc li {
    list-style: none;
    position: relative;
    padding-left: 0;
    margin-bottom: 12px;
}

.pt4_desc li.disabled {
    color: rgba(117, 117, 117, .5);
    text-decoration: line-through;
}

.pt4_desc li:last-child {
    margin-bottom: 0;
}

.blog_loop_4 {
    position: relative;
}

.bl4_thumb {
    position: relative;
}

.bl4_thumb img {
    width: 100%;
    height: auto;
}

.bl4_details {
    position: relative;
    padding: 27px 30px 30px;
}

.bl4_details h3 {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    margin: 0 0 20px;
}

.bl4_details h3 a {
    color: #000;
}

.bl4_details h3 a:hover {
    color: #138bff;
}

.bl4_details p {
    font-size: 14px;
    color: #757575;
    line-height: .8;
    margin: 0 0 16px;
}

.bl4_details p a {
    line-height: .8;
    display: inline-block;
    color: #757575;
    font-weight: 500;
}

.bl4_details p a:hover {
    color: #138bff;
}

.single_con_info {
    position: relative;
    padding: 0 30px;
}

.single_con_info img {
    max-width: 100%;
    display: inline-block;
}

.single_con_info h3 {
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    margin: 36px 0 18px;
}

.single_con_info p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 7px;
    color: #fbfbfb;
}

.single_con_info p a {
    color: #fbfbfb;
}

.single_con_info p:last-child, .single_con_info p:last-of-type {
    margin-bottom: 0;
}

.contactSection4 .sec_sub_title {
    margin-bottom: 60px;
}

.contact_form_4 {
    position: relative;
}

.icon_input {
    position: relative;
    margin-bottom: 20px;
}

.icon_input input,
.icon_input textarea {
    width: 100%;
    height: 53px;
    background: #FFF;
    border: 1px solid #e7e7e7;
    border-bottom-width: 2px;
    padding: 0 15px;
    border-radius: 0;
    color: #757575;
}

.icon_input textarea {
    height: 200px;
    resize: none;
    padding: 14px 15px;
}

.icon_input input::-moz-placeholder,
.icon_input textarea::-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.icon_input input::-ms-input-placeholder,
.icon_input textarea::-ms-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.icon_input input::-webkit-input-placeholder,
.icon_input textarea::-webkit-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.icon_input i {
    font-size: 18px;
    color: #138bff;
    position: absolute;
    line-height: 53px;
    right: 15px;
    top: 0;
}

.icon_input input.reqError,
.icon_input textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}

.footer_3 {
    position: relative;
    background: #f9f9f9;
    padding: 75px 0;
}

.f3_content img {
    height: 55px;
    width: auto;
    display: inline-block;
}

.f3_content .astral_social {
    margin: 25px 0 24px;
}

.f3_content .astral_social a {
    margin: 0 8px;
}

.f3_content .astral_social a i {
    color: #000;
    background: #cccccc;
    width: 25px;
    height: 25px;
    line-height: 26px;
    font-size: 12px;
}

.f3_content .astral_social a i:hover {
    color: #FFF;
}

.f3_content .copyies {
    padding: 0;
    font-size: 12px;
}

.f3_content .copyies a {
    color: #000;
}

.f3_content .copyies a:hover {
    color: #138bff;
}

/*------------------------------------------------------------------------------
/ 5. Home 05
/------------------------------------------------------------------------------*/
.header_4 {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: auto;
    z-index: 4;
}

.logo_4 {
    position: relative;
    padding: 18px 0;
}

.logo_4 img {
    height: 55px;
    width: auto;
    max-width: 100%;
}

.mainMenu_4 {
    position: relative;
    display: flex;
    justify-content: flex-end;
    line-height: .8;
}

.mainMenu_4 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.mainMenu_4 ul li {
    list-style: none;
    margin: 0 27px 0 0;
    position: relative;
    display: inline-block;
    line-height: .8;
    padding: 39px 0;
    transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
}

.mainMenu_4 ul li:last-child {
    margin-right: 0;
}

.mainMenu_4 ul li a {
    color: #FFF;
    display: inline-block;
    line-height: .8;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .75px;
    position: relative;
    padding: 0 7px;
}

.mainMenu_4 ul li:hover > a, .mainMenu_4 ul li.active > a {
    color: #000;
}

.mainMenu_4 ul ul.sub-menu {
    background: #138bff;
    width: 210px;
    z-index: 9;
    text-align: left;
    padding: 0;
    left: 0%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -30deg) translateX(0%);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.mainMenu_4 > ul > li > ul.sub-menu::before {
    width: 10px;
    height: 5px;
    content: '';
    position: absolute;
    left: 15px;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #138bff transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mainMenu_4 ul ul.sub-menu li {
    margin: 0;
    display: block;
    border-bottom: 1px solid #0581f8;
    position: relative;
    padding: 0;
}

.mainMenu_4 ul ul.sub-menu li a {
    font-size: 13px;
    line-height: 1.5;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 20px;
}

.mainMenu_4 ul ul.sub-menu li:hover > a, .mainMenu_4 ul ul.sub-menu li a:hover, .mainMenu_4 ul ul.sub-menu li.active > a {
    color: #000;
}

.mainMenu_4 ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, 0deg) translateX(0%);
}

.mainMenu_4 ul ul.sub-menu ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    top: 0px;
    left: 120%;
    border-left: 1px solid #0581f8;
    transform: translateX(0%);
    transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
}

.mainMenu_4 ul ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
}

.h4_menu_btn {
    display: inline-block;
    width: 43px;
    height: 43px;
    background: rgba(19, 139, 255, .9);
    position: relative;
    border-radius: 50%;
    text-align: center;
    line-height: 3px;
    margin: 23px 0 18px 44px;
}

.h4_menu_btn:hover {
    background: #FFF;
}

.h4_menu_btn span {
    width: 19px;
    height: 2px;
    background: #FFF;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.h4_menu_btn:hover span {
    background: #138bff;
}

.h4_menu_btn span:first-child {
    margin-top: 15px;
}

.h4_menu_btn span:last-child {
    margin-bottom: 14px;
}

.banner_5 {
    position: relative;
    height: 100vh;
}

.banner_5.overlay:after {
    background: rgba(0, 0, 0, .4);
}

.banner_5 .sec_sub_title {
    letter-spacing: 2px;
}

.banner_5 h2 {
    font-size: 60px;
    font-weight: 200;
    color: #FFF;
    line-height: 70px;
    text-transform: uppercase;
    margin: 0 0 39px;
}

.header_5 {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 90px;
    width: 100%;
    z-index: 2;
    padding: 0 45px;
}

.logo_5 {
    position: relative;
    padding: 23px 0;
}

.logo_5 img {
    height: 55px;
    width: auto;
}

.header_5 .h6_meta {
    padding: 42px 0;
}

.header_5 .h6_meta span {
    margin-right: 25px;
}

.header_5 .h6_meta span:last-child, .header_5 .h6_meta span:last-of-type {
    margin-right: 20px;
}

.mainMenu_5 {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.mainMenu_5 ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.mainMenu_5 ul li {
    list-style: none;
    margin-bottom: 10px;
    display: block;
    line-height: .8;
}

.mainMenu_5 ul li:last-child {
    margin-bottom: 0;
}

.mainMenu_5 ul li a {
    font-size: 13px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: .8;
    padding: 13px 30px 13px;
    position: relative;
}

.mainMenu_5 ul li a:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: #138bff;
    z-index: -1;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.mainMenu_5 ul li a:hover:after, .mainMenu_5 ul li.active a:after {
    width: 100%;
}

.serviceSection5 {
    position: relative;
}

.serviceSection5 .sec_sub_title {
    letter-spacing: 2px;
}

.icon_box_9 {
    display: inline-block;
    position: relative;
    width: 100%;
    background: transparent;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.icon_box_9 .ib9_back i,
.icon_box_9 .ib9_front i {
    font-size: 64px;
    line-height: 1;
    color: #FFF;
    display: block;
    margin-bottom: 17px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.icon_box_9 .ib9_back h3,
.icon_box_9 .ib9_front h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    margin: 0;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.icon_box_9 .ib9_flipper {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}

.ib9_flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.ib9_front, .ib9_back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
}

.ib9_front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: rgba(0, 0, 0, .95);
    z-index: 2;
    padding: 48px 35px 45px;
    width: 100%;
}

.ib9_vertical .ib9_back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.ib9_back {
    background: #138bff;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: relative;
    padding: 48px 35px 45px;
    width: 100%;
}

.icon_box_9:hover .ib9_front, .icon_box_9.hover .ib9_front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.icon_box_9:hover .ib9_back, .icon_box_9.hover .ib9_back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.custom_column .col-lg-3 {
    width: 20%;
}

.icon_box_9 .ib9_back h3,
.icon_box_9 .ib9_back i {
    color: #ffffff;
}

.aboutSection5 {
    position: relative;
}

.parTwoContent {
    background: #000000;
    position: relative;
    width: 460px;
    padding: 146px 50px 131px;
}

.parTwoContent h2 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 45px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
}

.parTwoContent h1 {
    font-size: 130px;
    font-weight: 100;
    color: #fff;
    line-height: 104px;
    margin-bottom: 47px;
    position: relative;
    left: -40px;
    text-transform: uppercase;
}

.parTwoContent h1 span {
    color: #fff;
}

.parTwoContent p {
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 300;
}

.storySection {
    position: relative;
}

.storySection .sec_sub_title {
    letter-spacing: 2px;
}

.storyTimeline {
    position: relative;
    display: inline-block;
    width: 100%;
}

.storyTimeline:after {
    width: 100%;
    height: 3px;
    background: #138bff;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
}

.steps {
    position: relative;
    padding-bottom: 109px;
    padding-left: 50px;
}

.steps:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 12px 8px;
    border-color: transparent transparent #138bff transparent;
    content: '';
    position: absolute;
    left: 50px;
    top: 70px;
}

.steps.downs:after {
    border-width: 12px 8px 0 8px;
    border-color: #007bff transparent transparent transparent;
    top: 82px;
}

.steps.downs {
    padding-bottom: 0;
    padding-top: 115px;
}

.steps i {
    font-size: 40px;
    position: absolute;
    left: 0;
    line-height: 35px;
    height: 38px;
    color: #138bff;
}

.steps h6 {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.steps.downs h6 {
    margin: 5px 0 8px;
}

.steps.lights h6 {
    color: #FFF;
}

.steps p {
    margin: 0;
}

.steps.lights p {
    color: #fbfbfb;
}

.contactSection5 {
    position: relative;
}

.contact_form_5 {
    position: relative;
}

.contact_form_5 label {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0 0 5px;
    display: block;
}

.contact_form_5 input[type='text'],
.contact_form_5 input[type='email'],
.contact_form_5 input[type='number'],
.contact_form_5 select,
.contact_form_5 textarea {
    width: 100%;
    background: transparent;
    height: 41px;
    border: none;
    border-bottom: 2px solid #e7e7e7;
    font-size: 14px;
    margin-bottom: 30px;
    color: #FFF;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.contact_form_5 input[type='text']:focus,
.contact_form_5 input[type='email']:focus,
.contact_form_5 input[type='number']:focus,
.contact_form_5 select:focus,
.contact_form_5 textarea:focus {
    border-color: #138bff;
}

.contact_form_5 textarea {
    resize: none;
    height: 143px;
    margin-bottom: 25px;
}

.contact_form_5 form input::-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.contact_form_5 form input::-ms-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.contact_form_5 form input::-webkit-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.contact_form_5 input[type="text"].reqError,
.contact_form_5 input[type="email"].reqError,
.contact_form_5 input[type="number"].reqError,
.contact_form_5 textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}

/*------------------------------------------------------------------------------
/ 6. Home 06
/------------------------------------------------------------------------------*/
.header_6 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    z-index: 4;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .10);
    padding: 0 60px;
}

.logo_6 {
    position: relative;
    padding: 20px 0 19px;
}

.logo_6 img {
    height: 55px;
    width: auto;
}

.mainMenu_6 {
    text-align: left;
    position: relative;
    line-height: .8;
}

.mainMenu_6 ul {
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: .8;
}

.mainMenu_6 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 45px;
    padding: 39px 0;
    position: relative;
    -webkit-transition: height 200ms ease-in;
    -moz-transition: height 200ms ease-in;
    -o-transition: height 200ms ease-in;
    transition: height 200ms ease-in;
}

.mainMenu_6 ul li:last-child {
    margin-right: 0;
}

.mainMenu_6 ul li:after {
    width: calc(100% + 20px);
    height: 2px;
    border-top: 2px dotted #FFF;
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    z-index: -1;

    transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
}

.mainMenu_6 ul li a {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    line-height: .8;
}

.mainMenu_6 ul li:hover > a, .mainMenu_6 ul li.active > a {
    color: #FFF;
}

.mainMenu_6 ul li:hover:after, .mainMenu_6 ul li.active:after {
    opacity: 1;
    visibility: visible;
}

.mainMenu_6 ul ul.sub-menu {
    background: #138bff;
    width: 230px;
    z-index: 9;
    text-align: left;
    padding: 0;
    left: -10px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -30deg) translateX(0%);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.mainMenu_6 > ul > li > ul.sub-menu::before {
    width: 10px;
    height: 5px;
    content: '';
    position: absolute;
    left: 15px;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #138bff transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.mainMenu_6 ul ul.sub-menu li {
    margin: 0;
    display: block;
    border-bottom: 1px solid #0581f8;
    position: relative;
    padding: 0;
}

.mainMenu_6 ul ul.sub-menu li:last-of-type {
    border: none;
}

.mainMenu_6 ul ul.sub-menu li:after {
    display: none;
}

.mainMenu_6 ul ul.sub-menu li a {
    font-size: 13px;
    line-height: 1.5;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 15px;
}

.mainMenu_6 ul ul.sub-menu li a i {
    font-size: 16px;
    padding-right: 10px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
}

.mainMenu_6 ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0) translateX(0%);
}

.mainMenu_6 ul ul.sub-menu li:hover > a {
    color: #000;
}

.mainMenu_6 ul ul.sub-menu ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 100%;
    border-left: 1px solid #0581f8;
    -webkit-transform: perspective(0) rotate3d(0, 0, 0, 0) translateX(10%);
    transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
}

.mainMenu_6 ul ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: perspective(0) rotate3d(0, 0, 0, 0) translateX(0%);
}

.h6_meta {
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px;
    color: #FFF;
    line-height: 14px;
    padding: 37px 0;
}

.h6_meta span {
    margin-right: 25px;
}

.h6_meta span i {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0;
    margin-right: 7px;
}

.h6_meta > span:last-child, .h6_meta > span:last-of-type {
    margin-right: 45px;
}

.h6_btn {
    cursor: pointer;
    height: 11px;
    line-height: 0.001;
    width: 20px;
    position: relative;
    display: inline-block;
    margin-top: 1px;
    margin-left: 0;
}

.h6_btn span {
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.h6_btn span:nth-child(1) {
    top: 0;
    bottom: auto;
}

.h6_btn span:nth-child(3) {
    top: auto;
    bottom: 0;
}

.h6_btn:hover span {
    background: #138bff;
}

.slider_revolution.slider_5 .slotholder:after {
    background: rgba(55, 55, 55, .5);
}

.slider_revolution.slider_5 .tparrows.tp-leftarrow:hover:before,
.slider_revolution.slider_5 .tparrows.tp-rightarrow:hover:before {
    color: #138bff;
}

.title_layer {
    font-size: 70px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0;
    line-height: .8;
    display: inline-block;
    position: relative;
    margin: 0;
}

.title_layer:before {
    border-top: 2px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: -92px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 70px;
}

.title_layer:after {
    border-top: 2px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    right: -92px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 70px;
}

.page_banner {
    position: relative;
    width: 100%;
    height: 480px;
    background: url(../images/bg/25.jpg) no-repeat center center / cover;
}

.page_crumb {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFF;
    line-height: .8;
    margin: 0 0;
    text-transform: uppercase;
}

.page_crumb a {
    color: #FFF;
    margin: 0 5px;
    display: inline-block;
    line-height: .8;
}

.page_crumb a:hover {
    color: #138bff;
}

.page_crumb span {
    color: #FFF;
    margin: 0 5px;
    display: inline-block;
    line-height: .8;
}

.pb_title {
    line-height: .8;
    font-size: 50px;
    font-weight: 100;
    color: #FFF;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 29px;
    position: relative;
    display: inline-block;
}

.pb_title:before {
    border-top: 2px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: -92px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 70px;
}

.pb_title:after {
    border-top: 2px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    right: -92px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 70px;
}

.blog_item {
    position: relative;
    margin-bottom: 44px;
}

.bi_thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.bi_thumb img {
    width: 100%;
    height: auto;
}

.bi_details {
    position: relative;
}

.bi_meta {
    position: relative;
    line-height: .8;
    color: #aaaaaa;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 24px;
}

.bi_meta a.bi_date {
    color: #000;
    letter-spacing: 0;
    margin-right: 17px;
    display: inline-block;
    line-height: .8;
    position: relative;
    margin-bottom: 15px;
}

.bi_meta a.bi_date:after {
    height: 2px;
    width: 100%;
    background: #138bff;
    position: absolute;
    left: 0;
    bottom: -15px;
    content: '';
}

.bi_meta a.bi_date:hover {
    color: #138bff;
}

.bi_meta a.bi_cat {
    color: #aaaaaa;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: .8;
    display: inline-block;
}

.bi_meta a.bi_cat:hover {
    color: #138bff;
}

.bi_details h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    margin: 0 0 20px;
}

.bi_half .bi_details h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

.bi_details h3 a {
    color: inherit;
}

.bi_details h3 a:hover {
    color: #138bff;
}

.bi_content {
    position: relative;
    margin: 0 0 25px;
}

.bi_content p {
    margin-bottom: 20px;
}

.bi_content p:last-of-type {
    margin-bottom: 0;
}

.ast_pagination {
    position: relative;
}

.ast_pagination a, .ast_pagination span {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #f1f1f1;
    color: #000;
    font-size: 13px;
    line-height: .8;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: 16px 0;
    margin: 0 8px 0 0;
    border-radius: 50%;
}

.ast_pagination a:hover, .ast_pagination span.current {
    background: #138bff;
    color: #FFF;
}

/*------------------------------------------------------------------------------
/ 7. Blog Page
/------------------------------------------------------------------------------*/
.sidebar {
    padding-left: 45px;
}

.sidebar.leftsidebar {
    padding-left: 15px;
    padding-right: 45px;
}

.sidebar .widget {
    position: relative;
    margin-bottom: 60px;
}

.sidebar .widget_title {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    color: #138bff;
    line-height: .8;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.sidebar .search_form {
    position: relative;
    margin: 0;
    padding: 0;
}

.sidebar .search_form input {
    width: 100%;
    height: 45px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background: #fff;
    color: #999;
    padding: 0 15px;
}

.sidebar .search_form button {
    position: absolute;
    right: 14px;
    top: 15px;
    font-size: 18px;
    line-height: 1;
    color: #000;
    height: auto;
    padding: 0;
    letter-spacing: 0;
    border: none;
    background: transparent;
}

.sidebar .search_form input::-moz-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

.sidebar .search_form input::-ms-input-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

.sidebar .search_form input::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

.wid_social {
    position: relative;
}

.wid_social a {
    background: #000 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 8px;
    margin-right: 4px;
    text-align: center;
    width: 45px;
}

.wid_social a:hover {
    background: #138bff;
}

.rc_posts {
    position: relative;
}

.src_post {
    width: 100%;
    position: relative;
    min-height: 80px;
    text-align: left;
    border-bottom: 1px solid #e7e7e7;
    padding: 7px 0 20px 100px;
    margin-bottom: 20px;
}

.src_post img {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
}

.src_post span {
    font-size: 13px;
    color: #757575;
    line-height: .8;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    display: block;
    margin: 0 0 8px;
}

.src_post a {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    margin: 0 0 7px;
    display: block;
}

.src_post a:hover {
    color: #138bff;
}

.rc_posts .src_post:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.tabclouds {
    width: 100%;
    position: relative;
    line-height: .8;
}

.tabclouds a {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0;
    border: 2px solid #e7e7e7;
    background: none;
    line-height: .8;
    padding: 10px 11px;
    margin-bottom: 10px;
    margin-right: 3px;
}

.tabclouds a:hover {
    background: #138bff;
    border-color: #138bff;
    color: #FFF;
}

.ast_com_tab {
    width: 100%;
    position: relative;
}

.act_controll.act_controll {
    margin: 0;
    padding: 0px;
    border: none;
    display: inline-block;
    width: 100%;
}

.act_controll li {
    float: left;
    list-style: none;
    width: 50%;
    line-height: .8;
    border: none;
    border-radius: 0px;
}

.act_controll li a {
    background: #f1f1f1;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #000;
    line-height: .8;
    text-align: center;
    padding: 17px 0 18px;
    border: none;
    border-radius: 0px;
    margin: 0px;
}

.act_controll li.active {
    border: none;
    background: none;
}

.act_controll li.active a,
.act_controll li a:hover {
    background: #138bff;
    color: #FFF;
    font-weight: 600;
    border: none !important;
    margin: 0px;
}

.ast_com_tab .tab-pane {
    padding-top: 14px;
}

.act_comment {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.actc_header {
    position: relative;
    width: 100%;
    line-height: .8;
}

.actc_header img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.actc_header span {
    display: inline-block;
    color: #757575;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 10px;
    text-transform: uppercase;
}

.actc_header h5 {
    margin: 12px 0 0;
    font-size: 14px;
    color: #000;
    letter-spacing: 0px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: .8;
}

.actc_header h5 a {
    color: #000;
}

.actc_header h5 a:hover {
    color: #138bff;
}

.actc_con {
    margin-top: 15px;
    font-style: italic;
}

.lastsComment {
    margin-bottom: 0px;
}

.widget.categories_list ul {
    margin: 0;
    padding: 0;
    line-height: .8;
}

.widget.categories_list ul li {
    list-style: none;
    position: relative;
    line-height: .8;
    margin-bottom: 25px;
}

.widget.categories_list ul li:last-child {
    margin-bottom: 0;
}

.widget.categories_list ul li a {
    color: #757575;
    padding-left: 20px;
    margin-bottom: 0px;
    position: relative;
    display: inline-block;
    line-height: .8;
}

.widget.categories_list ul li a:before {
    background: linear-gradient(130deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 1px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}

.widget.categories_list ul li a:hover {
    color: #138bff;
    padding-left: 25px;
}

/*------------------------------------------------------------------------------
/ 8. Work all Page
/------------------------------------------------------------------------------*/
.work_nav_4 {
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    padding: 0;
}

.work_nav_4 li {
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    background: #f1f1f1;
    height: 40px;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 25px;
    font-weight: 600;
    margin: 0 5px;
    cursor: pointer;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_nav_4 li.active, .work_nav_4 li:hover {
    background: #138bff;
    color: #FFF;
}

.all_folio_items.row {
    margin-left: -1px;
    margin-right: -1px;
}

.all_folio_items.row .col-lg-4 {
    padding-left: 1px;
    padding-right: 1px;
}

.work_loop_5 {
    background: rgba(19, 139, 255, .3);
    padding: 40px 40px 35px;
    margin-bottom: 2px;
}

.wl5_thumb {
    position: relative;
    margin-bottom: 26px;
}

.wl5_thumb img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_5:hover .wl5_thumb img {
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
}

.wl5_details {
    position: relative;
}

.wl5_details p {
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0;
}

.wl5_details p a {
    color: inherit;
    margin: 0 5px;
}

.wl5_details p a:first-child {
    margin-left: 0;
}

.wl5_details p a:hover {
    color: #000;
}

.wl5_details h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    margin: 8px 0 0;
}

.wl5_details h3 a {
    color: inherit;
}

.wl5_details h3 a:hover {
    color: #138bff;
}

.mt48 {
    margin-top: 48px;
}

.work_loop_6 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.work_loop_6 img {
    width: 100%;
    height: auto;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}

.work_loop_6:hover img {
    transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
}

.wl6_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, .8) 0%, rgba(19, 139, 255, .4) 100%);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    visibility: hidden;
    opacity: 0;
}

.work_loop_6:hover .wl6_overlay {
    visibility: visible;
    opacity: 1;
}

.wl6_content {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 2;
    padding-left: 30px;
    padding-right: 30px;
}

.wl6_content h4 {
    margin: 0;
}

.wl6_content h4 a {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 11px;

    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;

    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}

.wl6_content h4 a:after {
    width: 100px;
    height: 2px;
    background: #fff;
    content: '';
    position: relative;
    top: 15px;
    text-align: left;
    display: block;
    transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -webkit-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}

.wl6_content h4 a:hover {
    color: #138bff;
}

.wl6_content h6 {
    margin: 0;
    font-size: 12px;
    line-height: .8;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 24px;
}

.wl6_content h6 a {
    color: inherit;
    display: inline-block;
    text-transform: uppercase;

    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;

    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}

.work_loop_6:hover .wl6_content h4 a,
.work_loop_6:hover .wl6_content h4 a:after,
.work_loop_6:hover .wl6_content h6 a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.wl6_content h6 a:hover {
    color: #138bff;
}

.work_nav_5 {
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    padding: 0;
}

.work_nav_5 li {
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0;
    border: 2px solid #e7e7e7;
    background: none;
    line-height: .8;
    padding: 10px 15px;
    margin-right: 3px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_nav_5 li.active, .work_nav_5 li:hover {
    background: #138bff;
    border-color: #138bff;
    color: #FFF;
}

.work_loop_7 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.work_loop_7 img {
    max-width: 100%;
    height: auto;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}

.work_loop_7:hover img {
    transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
}

.wl7_overlay {
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    left: 15px;
    top: 15px;
    content: '';
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, .8) 0%, rgba(19, 139, 255, .4) 100%);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    visibility: hidden;
    opacity: 0;
}

.work_loop_7:hover .wl7_overlay {
    visibility: visible;
    opacity: 1;
}

.wl7_content {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px;
}

.wl7_content h4 {
    margin: 0;
}

.wl7_content h4 a {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 11px;

    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;

    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}

.wl7_content h4 a:hover {
    color: #138bff;
}

.wl7_content h4 a:after {
    width: 100px;
    height: 2px;
    background: #fff;
    content: '';
    position: relative;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    display: block;
    transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -webkit-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}

.wl7_content h6 {
    font-size: 12px;
    line-height: .8;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 0;
    margin-top: 24px;
}

.wl7_content h6 a {
    color: inherit;
    display: inline-block;
    text-transform: uppercase;

    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;

    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}

.work_loop_7:hover .wl7_content h4 a,
.work_loop_7:hover .wl7_content h4 a:after,
.work_loop_7:hover .wl7_content h6 a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.wl7_content h6 a:hover {
    color: #138bff;
}

.work_nav_6 {
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    padding: 0;
}

.work_nav_6 li {
    cursor: pointer;
    letter-spacing: 0;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    line-height: .8;
    margin: 0 15px;
    padding-bottom: 3px;
    position: relative;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_nav_6 li:after {
    width: 0%;
    height: 1px;
    background: #138bff;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    visibility: hidden;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_nav_6 li.active:after, .work_nav_6 li:hover:after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.work_nav_6 li.active, .work_nav_6 li:hover {
    color: #138bff;
}

.work_loop_8 {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}

.work_loop_8:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, .85) 0%, rgba(19, 139, 255, .7) 100%);
    overflow: hidden;
    width: 0%;
    height: 100%;
    content: '';
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}

.work_loop_8:hover:after {
    width: 100%;
}

.work_loop_8 img {
    width: 100%;
    height: auto;
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}

.work_loop_8:hover img {
    transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.wl8_content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding-right: 15px;
    left: 20px;
    bottom: 45px;
    z-index: 3;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}

.work_loop_8:hover .wl8_content {
    visibility: visible;
    opacity: 1;
    left: 50px;
}

.work_loop_8 .wl8_content p {
    line-height: .8;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    margin: 0 0 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.work_loop_8 .wl8_content p a {
    color: inherit;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.work_loop_8 .wl8_content p a:hover {
    color: #138bff;
}

.work_loop_8 .wl8_content h4 {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
    font-weight: 600;
    text-transform: none;
}

.work_loop_8 .wl8_content h4 a {
    color: #fff;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.work_loop_8 .wl8_content h4 a:hover {
    color: #138bff;
}

/*------------------------------------------------------------------------------
/ 9. Service all Page
/------------------------------------------------------------------------------*/
.service_loop_1 {
    position: relative;
}

.sl1_thumb {
    position: relative;
    background: rgba(19, 139, 255, .3);
    padding: 40px;
    margin: 0 0 29px;
}

.sl1_thumb img {
    width: 100%;
    height: auto;
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    display: block;
}

.sl1_details {
    position: relative;
    padding: 0 40px;
}

.sl1_details h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
    margin: 0 0 13px;
}

.sl1_details h3 a {
    color: inherit;
}

.sl1_details h3 a:hover {
    color: #138bff;
}

.sl1_details p {
    margin: 0 0 22px;
}

.sl1_details ul {
    margin: 0;
    padding: 0;
}

.sl1_details ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}

.pt1_body ul li:last-child {
    margin-bottom: 0;
}

.sl1_details ul li:before {
    background: linear-gradient(130deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}

.ti_ligth .testimonial_item p {
    color: #000;
}

.testimonial_slider_1.ti_ligth .carousel-indicators li h5 {
    color: #000;
}

.testimonial_slider_1.ti_ligth .carousel-indicators li img {
    background: #000;
}

.serviceArea {
    position: relative;
}

.serviceArea img {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.serviceArea h2 {
    font-size: 36px;
    line-height: 40px;
    color: #000;
    margin: 0 0 26px;
    letter-spacing: 0;
}

.serviceArea p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 0 31px;
}

.serviceArea .gaping {
    padding: 24px 0 0;
}

.serviceArea .gaping img {
    margin-bottom: 52px;
}

.serviceArea h3 {
    font-size: 24px;
    line-height: .8;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.serviceArea ul {
    margin: 0;
    padding: 0;
}

.serviceArea ul li {
    list-style: none;
    display: block;
    line-height: 32px;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    padding-left: 25px;
    margin: 0 0 5px;
}

.serviceArea ul li:before {
    background: linear-gradient(130deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    position: absolute;
    left: 0;
    top: 12px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}

.benefit_title {
    margin-top: 51px;
}

.service_sidebar .widget {
    position: relative;
    margin-bottom: 30px;
}

.astral_services_help h4 {
    font-size: 18px;
    line-height: .8;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 40px;
}

.astral_services_help p {
    color: #aaaaaa;
    margin: 0 0 25px;
}

.astral_services_help h2 {
    font-size: 30px;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 0;
}

.service_sidebar ul {
    margin: 0;
    padding: 0;
}

.service_sidebar ul li {
    list-style: none;
    display: block;
    line-height: .8;
    margin-bottom: 5px;
}

.service_sidebar ul li a {
    display: block;
    background: #f5f5f5;
    color: #aaaaaa;
    padding: 0 0;
    font-size: 18px;
    line-height: .8;
    letter-spacing: .60px;
    text-transform: capitalize;
    padding: 21px 30px;
}

.service_sidebar ul li a:hover,
.service_sidebar ul li.active a {
    background: #138bff;
    color: #fff;
}

.astral_SFaq {
    position: relative;
    margin: 0;
    padding: 20px 0 0;
    line-height: .8;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.astral_SFaq .panel-heading {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

.astral_SFaq .panel-heading a {
    text-decoration: none;
    font-size: 18px;
    background: transparent;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    white-space: normal;
    min-height: 50px;
    padding: 7px 40px 6px;
    margin: 0;
    border: 1px solid #dddddd;
    border-radius: 0;
    display: block;
}

.astral_SFaq .panel-heading a[aria-expanded="true"] {
    background: #138bff;
    color: #fff;
    border-color: #138bff;
}

.astral_SFaq .panel-body {
    padding: 22px 40px 26px;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    border: 1px solid #dddddd;
    border-top: none;
    margin: 0;
}

/*------------------------------------------------------------------------------
/ 10. Work Single
/------------------------------------------------------------------------------*/
.ws_thumb {
    position: relative;
    margin-bottom: 59px;
}

.ws_thumb img {
    width: 100%;
    height: auto;
}

.ws_head {
    position: relative;
    margin-bottom: 31px;
}

.ws_head h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: #000;
    margin: -9px 0 24px;
    letter-spacing: 0;
}

.ws_head p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

.ws_widget {
    position: relative;
    margin: 0 0 26px;
}

.ws_widget h5 {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    color: #138bff;
    line-height: .8;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.ws_widget p {
    line-height: 26px;
    letter-spacing: .75px;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
}

.ws_widget p.cates a {
    color: #757575;
}

.ws_widget p.cates a:hover {
    color: #138bff;
}

.ws_challanges {
    position: relative;
}

.ws_challanges h5.sec_sub_title {
    margin-bottom: 20px;
}

.ws_challanges p {
    margin-bottom: 20px;
}

.ws_challanges p:last-of-type {
    margin-bottom: 0;
}

.mt40 {
    margin-top: 40px;
}

.text_box_1 {
    position: relative;
}

.text_box_1 i {
    font-size: 70px;
    color: #138bff;
    line-height: 1;
    display: block;
    margin: 0 0 14px;
}

.text_box_1 h5 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 16px;
}

.text_box_1 p {
    font-weight: 300;
    margin: 0;
}

.ws_gallery {
    margin-top: 43px;
}

.ws_gallery img {
    width: 100%;
    height: auto;
}

.ws_gallery .carousel-control {
    width: 50px;
    height: 50px;
    color: #FFF;
    border-radius: 0;
    text-align: center;
    background: #000;
    box-shadow: none;
    text-shadow: none;
    opacity: 1;
    line-height: 47px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.ws_gallery .carousel-control.left {
    left: 30px;
    right: auto;
}

.ws_gallery .carousel-control.right {
    left: auto;
    right: 30px;
}

.ws_gallery .carousel-control:hover {
    background: #138bff;
}

.feed_widget {
    border-top: 1px solid #e7e7e7;
    padding-top: 50px;
    margin-top: 24px;
}

.cfeed img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: 23px;
}

.cfeed .cfd {
    font-family: Merriweather;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    font-weight: 400;
    color: #757575;
    margin: 0 0 18px;
}

.ws_widget.feed_widget h5 {
    margin-bottom: 20px;
}

.cfeed h4 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    line-height: .8;
    letter-spacing: 1px;
    margin: 0;
}

.cfeed h4 span {
    color: #757575;
}

.ws_banner_meta {
    position: relative;
    line-height: .8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #FFF;
    top: -42px;
    z-index: 2;
}

.ws_banner_meta a {
    color: rgba(255, 255, 255, .7);
}

.ws_banner_meta a.wsbm_nav i {
    font-size: 14px;
    position: relative;
    bottom: -1px;
}

.ws_banner_meta a.wsbm_nav.left i {
    margin-right: 10px;
}

.ws_banner_meta a.wsbm_nav.right i {
    margin-left: 10px;
}

.ws_banner_meta a:hover {
    color: rgba(255, 255, 255, 1);
}

.wsbm_social {
    position: relative;
    bottom: -3px;
}

.wsbm_social a {
    margin: 0 8px;
}

.work_loop_10 {
    position: relative;
    overflow: hidden;
}

.work_loop_10 img {
    width: 100%;
    height: auto;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_10:hover img {
    transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
}

.wl10_convent {
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    padding: 40px 40px 33px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_10:hover .wl10_convent {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}

.wl10_convent h3 {
    color: #FFF;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 16px 0 0;
}

.wl10_convent h3 a {
    color: inherit;
}

.wl10_convent h3 a:hover {
    color: #138bff;
}

.wl10_convent p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0;
}

.wl10_convent p a {
    color: inherit;
}

.wl10_convent p a:hover {
    color: #138bff;
}

/*------------------------------------------------------------------------------
/ Fixed Header
/------------------------------------------------------------------------------*/
.fixedHeader {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid rgba(231, 231, 231, .25);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

.fixedHeader.header_1 {
    background: #ffffff;
}


/*
.mfp-figure - container that holds image and caption
.mfp-bg     - black overlay
.mfp-preloader - "Loading..." incdicator
*/
.mfp-ready .mfp-figure {
    opacity: 0;
}

.mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */
}

.mfp-zoom-in .mfp-figure {
    opacity: 0;
    transition: all 0.3s ease-out;
    transform: scale(0.9);
}

.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-iframe-loaded .mfp-figure {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-figure {
    transform: scale(0.9);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0;
}

/*------------------------------------------------------------------------------
/ 13. News Details Page
/------------------------------------------------------------------------------*/
.blog_details_content {
    position: relative;
    margin-bottom: 91px;
}

.bdc_thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.bdc_thumb img {
    width: 100%;
    height: auto;
}

.bdc_head h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    margin: 0 0 30px;
}

.bdc_content {
    position: relative;
}

.bdc_content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: 300;
}

.bdc_content > p:last-of-type {
    margin-bottom: 0;
}

.bdc_img {
    position: relative;
    margin-top: 10px;
}

.bdc_img img {
    width: 100%;
    height: auto;
}

.mb37 {
    margin-bottom: 37px;
}

blockquote {
    border-left: 2px solid #138bff;
    margin: 42px 0 40px;
    padding: 10px 30px;
    font-family: Merriweather;
    font-weight: 300;
    font-style: italic;
}

.bdc_content blockquote p {
    font-size: 16px;
    margin: 0;
    color: #000;
}

.relatedPostSection {
    background: #f8f8f8;
}

.relatedPostSection .sec_sub_title {
    margin-bottom: 60px;
}

.blog_loop_5 {
    position: relative;
    overflow: hidden;
}

.blog_loop_5 > img {
    width: 100%;
    height: auto;
}

.bl5_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 91%);
    padding: 30px;
    z-index: 2;
}

.bl5_content h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
}

.bl5_content h3 a {
    color: #FFF;
}

.bl5_content h3 a:hover {
    color: #138bff;
}

.bl5_content > span {
    width: 80px;
    height: 1px;
    display: block;
    margin: 39px auto 0;
    background: rgba(255, 255, 255, .4);
}

.bl5_cats {
    position: relative;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 500;
    margin: 25px 0 78px;
}

.bl5_cats a {
    color: inherit;
    display: inline-block;
    margin: 0 2px;
}

.bl5_cats a:hover {
    color: #138bff;
}

.bl5_auth {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto;
}

.bl5_auth img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.bl5_footer {
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 100%;
    padding: 30px 30px 0;
    line-height: .8;
}

.bl5_footer a {
    color: #FFF;
    line-height: .8;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
}

.bl5_footer a i {
    font-size: 18px;
    color: #138bff;
    margin-right: 7px;
    position: relative;
    top: 1px;
}

.bl5_footer a:hover {
    color: #138bff;
}

.commentList {
    margin-bottom: 100px;
}

.commentList ol {
    margin: 0;
    padding: 0;
}

.commentList ol > li {
    list-style: none;
    min-height: 180px;
    padding-bottom: 1px;
    position: relative;
    margin-bottom: 48px;
}

.singleCom {
    padding-left: 120px;
    padding-top: 0;
    position: relative;
    margin-bottom: 40px;
}

.singleCom img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.comHead {
    margin-bottom: 15px;
}

.singleCom > p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0px;
    font-weight: 300;
}

.commentList ol > li:after {
    width: 100px;
    height: 1px;
    background: #e5e5e5;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.comDate {
    font-size: 12px;
    color: #138bff;
    letter-spacing: 0;
    line-height: .8;
}

.comDate:hover {
    color: #000000;
}

.comAutReply {
    position: relative;
}

.comAutReply a {
    position: relative;
    color: #000000;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 0.9;
    margin-right: 41px;
    text-transform: uppercase;
}

.comAutReply a:hover {
    color: #138bff;
}

.comAutReply a.reply {
    font-weight: 400;
    color: #138bff;
    margin-right: 0;
}

.comAutReply a.reply:hover {
    color: #000000;
}

.comAutReply a.reply::before {
    background: #cccccc;
    content: "";
    height: 1px;
    left: -24px;
    position: absolute;
    top: 5px;
    width: 15px;
}

.commentList ol li ul.ChildCom {
    padding-left: 140px;
    margin-bottom: 0;
    position: relative;
}

.commentList ol li ul.ChildCom li {
    list-style: none;
    position: relative;
}

.commentList ol li ul.ChildCom li .singleCom {
    margin-left: 20px;
}

.commentList ol li ul.ChildCom li:before {
    position: absolute;
    left: -10px;
    width: 10px;
    height: 180px;
    background: #f2f2f2;
    content: '';
}

.commentList ol > li:last-child:after {
    width: 100%;
}

.mr_b60 {
    margin-bottom: 60px;
}

.commentFrom {
    position: relative;
}

.commentFrom input[type="text"],
.commentFrom input[type="email"],
.commentFrom input[type="number"],
.commentFrom textarea {
    background: transparent;
}

/*------------------------------------------------------------------------------
/ 14. Popup Menu & Sidebar
/------------------------------------------------------------------------------*/
.popup {
    background: rgba(17, 17, 17, 0.98);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    opacity: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
    z-index: 1000;
}

.close-popup {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
}

.close-popup:after {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.close-popup:before {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.close-popup:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
}

.close-popup:hover:after,
.close-popup:hover:before {
    background: #138bff;
}

.logo2 {
    z-index: 99;
    position: absolute;
    left: 0;
    top: 30px;
}

.logo2 img {
    max-width: 100%;
    height: 55px;
}

.footer__contacts {
    position: absolute;
    left: 0;
    bottom: 40px;
    margin: 0;
    padding: 0;
}

.popUp_social {
    position: absolute;
    right: 0;
    bottom: 45px;
    padding: 0;
    font-size: 12px;
    line-height: .8;
    color: #fff;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.popUp_social a {
    color: inherit;
    margin-left: 15px;
    display: inline-block;
    line-height: .8;
}

.popUp_social a:hover {
    color: #138bff;
}

.popUp_social a:first-child {
    margin-left: 0;
}

.popUp_social a i {
    font-weight: 300;
    margin-right: 8px;
}

.footer__contacts li {
    list-style: none;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin: 0 0 5px;
    font-weight: 300;
    text-transform: uppercase;
}

.footer__contacts li:last-child {
    margin-bottom: 0;
}

.popup__btn-close {
    background-color: transparent;
    border: 0;
    letter-spacing: .3rem;
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 30px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 1;
}

.popup__btn-close:hover {
    opacity: .5;
}

.popup-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    transform: translateY(-100%);
    transition: all 0.6s 1000ms cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
}

.show-popup .popup-inner, .show-overlay-nav .popup-inner {
    transform: translateY(0);
}

.show-popup .popup.popup-overlay, .show-overlay-nav .popup.popup__menu {
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible;
    transform: translateY(0);
}

.show-popup,
.show-overlay-nav {
    overflow: hidden;
}

.popup.popup__menu .popup-inner {
    display: flex;
}

.show-overlay-nav .popup.popup__menu.popup__menu {
    box-shadow: none;
    overflow: hidden;
}

.show-overlay-nav .top {
    background-color: transparent;
    box-shadow: none;
}

.dl-menu__wrap {
    height: auto;
    position: relative;
    perspective: 600px;
    perspective-origin: 50% -200%;
    text-align: center;
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
}

.dl-menu__wrap ul {
    list-style: none;
    padding: 0;
    transform-style: preserve-3d;
}

.dl-menu__wrap ul li {
    margin: 15px 0;
    position: relative;
}

.dl-menu__wrap ul li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 500;
    padding-right: 15px;
    padding-top: 6px;
    padding-left: 15px;
    padding-bottom: 6px;
    position: relative;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}

.dl-menu__wrap ul li.menu-item-has-children a {
    padding-right: 30px;
}

.dl-menu__wrap ul li a::after {
    background-color: #138bff;
    content: '';
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    pointer-events: none;
    user-select: none;
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: -1;
}

.dl-menu__wrap ul li.menu-item-has-children > a {
    position: relative;
}

.dl-menu__wrap ul li.menu-item-has-children > a:before {
    position: absolute;
    right: 14px;
    top: 0;
    content: "\f107";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    font-family: 'fontAwesome';
    font-size: 12px;
    color: #fff;
    line-height: 28px;
}

.dl-menu__wrap ul li.menu-item-has-children > a:hover:before {
    transform: rotate(-180deg);
}

.dl-menu__wrap ul li.active > a::after,
.dl-menu__wrap ul li a:hover::after {
    width: 100%;
}

.dl-menu__wrap ul li .dl-submenu {
    display: none;
}

.dl-menu__wrap .dl-menu {
    margin: 0;
    pointer-events: none;
    transform: translateY(10px);
    backface-visibility: hidden;
    width: 100%;
}

.dl-menu__wrap .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menu__wrap ul li .dl-submenu li a {
    padding-right: 15px;
}

.dl-menu__wrap .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}

.dl-menu__wrap .dl-menu.dl-subview li,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu__wrap .dl-menu.dl-subview li.dl-subview,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen >
.dl-submenu, .dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

.dl-menu__wrap .dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu__wrap .dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu__wrap .dl-menu .dl-back a {
    position: relative;
    width: 26px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.dl-menu__wrap .dl-menu.dl-subview .dl-back {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menu__wrap > .dl-submenu {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.dl-menu__wrap > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menu__wrap > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

/*------------------------------------------------------------------------------
/ 15. Home 07
/------------------------------------------------------------------------------*/
.menu_btn_7 {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 9;
    width: 50px;
    height: 50px;
    background: #138bff;
}

.menu_btn_7 span {
    width: 20px;
    height: 1px;
    background: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.menu_btn_7 span:first-child {
    top: -11px;
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.menu_btn_7 span:nth-of-type(02) {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.menu_btn_7 span:last-child {
    bottom: -12px;
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.active.menu_btn_7 span:nth-of-type(1) {
    position: absolute;
    right: 0;
    transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

.active.menu_btn_7 span:nth-of-type(02) {
    transform: scale(0);
    opacity: 0;
}

.active.menu_btn_7 span:nth-of-type(3) {
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

.banner_7 {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: #000;
}

.work_loop_9 {
    position: relative;
    width: 100%;
    height: calc(100vh + 17px);
    overflow: hidden;
}

.work_loop_9:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(0, 0, 0, .45);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_9:hover:after {
    background: rgba(0, 0, 0, .75);
}

.work_loop_9 img {
    height: auto;
    width: 100%;
    min-height: 100%;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_9:hover img {
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}

.wl9_con {
    position: absolute;
    bottom: 38px;
    z-index: 2;
    padding: 0 40px;
    text-align: left;
    width: 100%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.work_loop_9:hover .wl9_con {
    bottom: 48px;
}

.wl9_con p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ccc;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0;
}

.wl9_con p a {
    color: inherit;
}

.wl9_con p a:hover {
    color: #138bff;
}

.wl9_con h3 {
    color: #FFF;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 15px 0 0;
}

.wl9_con h3 a {
    color: inherit;
}

.wl9_con h3 a:hover {
    color: #138bff;
}

.wl9_pops {
    background: #222;
    border-radius: 50%;
    height: 48px;
    position: absolute;
    top: 48px;
    left: 40px;
    width: 48px;
    z-index: 2;
    display: inline-block;
    opacity: 0;
    visibility: hidden;

    transform: translateY(30px);
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.wl9_pops:hover {
    background: #138bff;
}

.work_loop_9:hover .wl9_pops {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wl9_pops:before {
    content: '';
    background: #FFF;
    bottom: 0;
    display: block;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.wl9_pops:hover:before {
    background: #FFF;
}

.wl9_pops:after {
    background: #FFF;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.wl9_pops:hover:after {
    background: #FFF;
}

.work_loop_slider_3.owl-carousel .owl-nav {

}

.work_loop_slider_3.owl-carousel .owl-nav button {
    width: auto;
    height: 36px;
    background: transparent;
    color: #FFF;
    font-size: 30px;
    line-height: 1;
    border: none;
    border-radius: 0;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.work_loop_slider_3.owl-carousel .owl-nav button.owl-prev {
    left: 40px;
    right: auto;
}

.work_loop_slider_3.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 40px;
}

.work_loop_slider_3.owl-carousel .owl-nav button:hover {
    color: #138bff;
    background: transparent;
}

.single_team_6 {
    position: relative;
}

.st6_inner {
    position: relative;
    height: auto;
    overflow: hidden;
}

.st6_inner img {
    width: 100%;
    height: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.single_team_6:hover .st6_inner img {
    transform: translateY(-160px);
    -moz-transform: translateY(-160px);
    -webkit-transform: translateY(-160px);
}

.st6_details {
    background: #138bff;
    padding: 0 30px;
    height: 160px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(160px);
    -moz-transform: translateY(160px);
    -webkit-transform: translateY(160px);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.single_team_6:hover .st6_details {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.st6d {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.st6_details p {
    margin: 0 0 17px;
    color: #FFF;
}

.st6_social {
    position: relative;
    line-height: .8;
}

.st6_social a {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    margin-right: 10px;
    line-height: .8;
}

.st6_social a:hover {
    color: #000;
}

.st6_info {
    padding-left: 30px;
    margin-top: 29px;
}

.st6_info h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0 0 16px;
}

.st6_info h3 a {
    color: inherit;
}

.st6_info h3 a:hover {
    color: #138bff;
}

.st6_info p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0;
}

.team_slider_6 .owl-nav {
    display: none;
}

.team_slider_6 .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}

.team_slider_6 .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.team_slider_6.owl-carousel .owl-dots .owl-dot:hover, .team_slider_6.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.team_slider_6.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.team_slider_6.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.icon_box_10:after {
    position: absolute;
    left: -5%;
    top: -5%;
    content: '';
    width: 110%;
    height: 110%;
    background: rgba(0, 0, 0, .98);
}

.icon_box_10:before {
    width: 3px;
    height: 47px;
    left: 0;
    top: 40px;
    content: '';
    background: #138bff;
    position: absolute;
    z-index: 3;
}

.icon_box_10 * {
    position: relative;
    z-index: 2;
}

.icon_box_10 > i {
    font-size: 64px;
    line-height: 1;
    color: #138bff;
    display: block;
    margin-bottom: 12px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.icon_box_10 h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    margin: 0 0 18px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.icon_box_10 p {
    margin: 0 0 20px;
    color: #FFF;
    font-weight: 100;
}

.icon_box_10 .ast_learnmore_2 {
    color: #757575;
}

.icon_box_10 .ast_learnmore_2:hover {
    color: #138bff;
}

.icon_box_10 .ast_learnmore_2:hover i {
    color: #fff;
}

.service_slider_2 .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}

.service_slider_2 .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #444;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.service_slider_2.owl-carousel .owl-dots .owl-dot:hover, .service_slider_2.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.service_slider_2.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.service_slider_2.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.single_team_5 {
    position: relative;
    overflow: hidden;
}

.single_team_5 img {
    width: 100%;
    height: auto;

    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.single_team_5:hover img {
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
}

.st5_hover {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.single_team_5:hover .st5_hover {
    opacity: 1;
    visibility: visible;
}

.st5_social {
    position: absolute;
    left: auto;
    right: 30px;
    top: 10px;
    line-height: .8;
    opacity: 0;
    visibility: hidden;

    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.single_team_5:hover .st5_social {
    opacity: 1;
    visibility: visible;
    top: 40px;
}

.st5_social a {
    display: inline-block;
    font-size: 12px;
    color: #ccc;
    margin-left: 15px;
    line-height: .8;
}

.st5_social a:hover {
    color: #138bff;
}

.st5_con {
    position: absolute;
    left: 35px;
    top: auto;
    bottom: 10px;
    text-align: left;
    opacity: 0;
    visibility: hidden;

    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.single_team_5:hover .st5_con {
    opacity: 1;
    visibility: visible;
    bottom: 40px;
}

.st5_con h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0 0 16px;
}

.st5_con h5 a {
    color: #fff;
}

.st5_con h5 a:hover {
    color: #138bff;
}

.st5_con p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ccc;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0;
}

.team_slider_5 .owl-dots {
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}

.team_slider_5 .owl-dots .owl-dot {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #444;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.team_slider_5.owl-carousel .owl-dots .owl-dot:hover, .team_slider_5.owl-carousel .owl-dots .owl-dot.active {
    background: #138bff;
}

.team_slider_5.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    top: 0;
}

.team_slider_5.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
}

.contactSection6 {
    position: relative;
}

.contact_form_6 {
    position: relative;
}

.icon_input_2 {
    position: relative;
    margin-bottom: 20px;
}

.icon_input_2 input {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, .85);
    color: #FFF;
    padding: 0 15px;
    margin: 0;
    font-weight: 300;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.icon_input_2 i {
    position: absolute;
    right: 15px;
    top: 18px;
    color: rgba(255, 255, 255, .8);
    line-height: .8;
    z-index: 2;
}

.contact_form_6 textarea {
    width: 100%;
    height: 145px;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, .85);
    color: #FFF;
    padding: 12px 15px;
    resize: none;
    font-weight: 300;
    margin-bottom: 20px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.contact_form_6 input:focus, .contact_form_6 textarea:focus {
    border-bottom-color: #138bff;
}

.contact_form_6 form input::-moz-placeholder,
.contact_form_6 textarea::-moz-placeholder {
    color: #FFF !important;
    opacity: .7 !important;
}

.contact_form_6 form input::-ms-input-placeholder,
.contact_form_6 textarea::-ms-input-placeholder {
    color: #FFF !important;
    opacity: .7 !important;
}

.contact_form_6 textarea::-webkit-input-placeholder,
.contact_form_6 form input::-webkit-input-placeholder {
    color: #FFF !important;
    opacity: .7 !important;
}

.contact_form_6 input[type="text"].reqError,
.contact_form_6 input[type="email"].reqError,
.contact_form_6 input[type="number"].reqError,
.contact_form_6 textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}

.footer_4 {
    padding: 120px 0 110px;
    background: #111;
}

.footer_4 .widget {
    margin: 0 0;
    padding: 0;
}

.footer_4 .widget_title {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: capitalize;
    line-height: .7;
    margin: 0 0 35px;
    color: #fff;
}

.footer_4 .widget_title span {
    font-weight: 600;
}

.footer_4 .about_widget_2 {
    position: relative;
}

.footer_4 .about_widget_2 img {
    max-width: 100%;
    height: auto;
    margin-bottom: 28px;
}

.footer_4 .about_widget_2 p {
    line-height: 26px;
    letter-spacing: .75px;
    margin: 0 0 14px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
}

.footer_4 .about_widget_2 p.aw2_address {
    margin-bottom: 34px;
}

.footer_4 .about_widget_2 p i {
    font-size: 18px;
    color: #FFF;
    letter-spacing: 0;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 7px;
}

.fsw_items {
    position: relative;
}

.fsw_items a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: .8;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #757575;
    margin-bottom: 18px;
}

.fsw_items a:last-child {
    margin-bottom: 0;
}

.fsw_items a i {
    color: #FFF;
    width: 30px;
    text-align: left;
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
}

.fsw_items a:hover {
    color: #138bff;
}

.footer_4 .insta_imgs {
    padding-top: 0;
}

.footer_4 .h7abs .about_widget_2 {
    margin-top: -7px;
}

/* my custom css */
.footer {
    padding: 60px 0 40px;
    border-top: 1px solid #e5e5e5;
}

.widget a {
    color: #494949;
}

.widget .widget_title {
    font-family: open sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 28px;
    color: #494949;
}

.widget ul {
    padding: 0;
    margin: 0;
}

.widget ul li {
    list-style: none;
    margin-bottom: 7px;
    font-size: 14px;
}

.widget ul li:last-child {
    margin-bottom: 0;
}

.widget ul a {
    text-transform: capitalize;
}
.custom_slider_title {
    color: #ffffff !important;
}
#BacktoTop {
    background: linear-gradient(80deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%) !important;
    position: fixed;
    bottom: 40px;
    right: 40px;
    text-decoration: none;
    color: #fff !important;
    font-size: 20px;
    display: none;
    font-weight: bold;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease
}

#BacktoTop span {
    display: block;
    position: relative;
    background: #efefef;
    color: #000;
    font-weight: 300;
    padding: 5px 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*
Responsive css
==============
Theme Name: AiCyberwatch
Theme URI: http://divine-it.net/html/AiCyberwatch/
Author: Mbr-Sagor
Author URI: http://divine-it.net/
Description: AiCyberwatch - Website
Version: 1.0
License: #
License URI:#
*/
@media (min-width: 1200px) and (max-width: 1600px) {
    .header_6 {
        padding: 0 15px 0 30px;
    }

    .header_6 .col-lg-2 {
        width: 14.66666667%;
    }

    .header_6 .col-lg-7 {
        width: 56.33333333%;
    }

    .header_6 .col-lg-3 {
        width: 29%;
    }

    .h6_meta > span:last-child, .h6_meta > span:last-of-type {
        margin-right: 25px;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu {
        left: auto;
        right: 0;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu li,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu li,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu li {
        text-align: right;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu ul.sub-menu {
        left: auto;
        right: 90%;
        border-left: none;
        border-right: 1px solid #0581f8;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu li:hover ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu li:hover ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu li:hover ul.sub-menu {
        left: auto;
        right: 100%;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu:before,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu:before,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu:before {
        left: auto;
        right: 15px;
    }

    .mainMenu_4 ul li:nth-last-child(2) ul.sub-menu ul.sub-menu,
    .mainMenu_4 ul li:nth-last-child(1) ul.sub-menu ul.sub-menu,
    .menuMenu3 ul li:nth-last-child(2) ul.sub-menu ul.sub-menu {
        left: auto;
        right: 120%;
        border-right: 1px solid #0581f8;
    }

    .mainMenu_4 ul li:nth-last-child(2) ul.sub-menu li:hover ul.sub-menu,
    .mainMenu_4 ul li:nth-last-child(1) ul.sub-menu li:hover ul.sub-menu,
    .menuMenu3 ul li:nth-last-child(2) ul.sub-menu li:hover ul.sub-menu {
        right: 100%;
    }

    .wl4_cont h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .wlp3_Content {
        padding: 50px 30px;
    }

    .wlp3_Content h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .work_loop_3 .ast_learnmore {
        left: 30px;
    }

    .parTwoContent {
        padding: 80px 40px 65px;
    }

    .parTwoContent h2 {
        margin-bottom: 33px;
    }

    .parTwoContent h1 {
        font-size: 90px;
        left: -27px;
        margin-bottom: 35px;
    }

    .contact_form_5 input[type='text'],
    .contact_form_5 input[type='email'],
    .contact_form_5 input[type='number'],
    .contact_form_5 select,
    .contact_form_5 textarea {
        height: 33px;
    }

    .contact_form_5 textarea {
        height: 100px;
        margin-bottom: 20px;
    }

    .fullHeight .team_slider_5 {
        padding: 0 100px;
    }

}

/*------------------------------------------------------------------------------------
/ 2. Desktop Device
/--------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .mainmenu ul li {
        margin-right: 35px;
    }

    .mainmenu .togglers {
        margin-left: 40px;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu {
        left: auto;
        right: 0;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu li,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu li,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu li {
        text-align: right;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu ul.sub-menu {
        left: auto;
        right: 90%;
        border-left: none;
        border-right: 1px solid #0581f8;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu li:hover ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu li:hover ul.sub-menu,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu li:hover ul.sub-menu {
        left: auto;
        right: 100%;
    }

    .mainmenu > ul > li:nth-last-child(1) > ul.sub-menu:before,
    .mainmenu > ul > li:nth-last-child(2) > ul.sub-menu:before,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub-menu:before {
        left: auto;
        right: 15px;
    }

    .mainMenu_6 ul li:nth-last-child(3) ul.sub-menu ul.sub-menu,
    .mainMenu_6 ul li:nth-last-child(2) ul.sub-menu ul.sub-menu,
    .mainMenu_6 ul li:nth-last-child(1) ul.sub-menu ul.sub-menu {
        left: auto;
        right: 120%;
        border-right: 1px solid #0581f8;
    }

    .mainMenu_6 ul li:nth-last-child(3) ul.sub-menu li:hover ul.sub-menu,
    .mainMenu_6 ul li:nth-last-child(2) ul.sub-menu li:hover ul.sub-menu,
    .mainMenu_6 ul li:nth-last-child(1) ul.sub-menu li:hover ul.sub-menu {
        right: 100%;
    }

    .mainMenu_4 ul li {
        margin-right: 20px;
    }

    .h4_menu_btn {
        margin-left: 30px;
    }

    .header_6 {
        padding: 0 0 0 15px;
    }

    .h6_meta > span {
        display: none;
    }

    .mainMenu_6 ul li {
        margin-right: 38px;
    }

    .menuMenu3 ul li {
        margin: 0 4px 0;
    }

    .mainMenu_4 ul li:nth-last-child(2) ul.sub-menu ul.sub-menu,
    .mainMenu_4 ul li:nth-last-child(1) ul.sub-menu ul.sub-menu,
    .menuMenu3 ul li:nth-last-child(2) ul.sub-menu ul.sub-menu {
        left: auto;
        right: 120%;
    }

    .mainMenu_4 ul li:nth-last-child(2) ul.sub-menu li:hover ul.sub-menu,
    .mainMenu_4 ul li:nth-last-child(1) ul.sub-menu li:hover ul.sub-menu,
    .menuMenu3 ul li:nth-last-child(2) ul.sub-menu li:hover ul.sub-menu {
        right: 100%;
    }

    .header_5 .h6_meta span {
        display: block;
    }

    .icon_box_1 {
        padding-left: 50px;
    }

    .icon_box_1 h3 {
        letter-spacing: 0;
    }

    .completeRate canvas {
        width: 100%;
    }

    .pjp_con {
        top: 25px;
    }

    .fact_1 h2 > span:first-child {
        margin-right: 10px;
    }

    .fact_1 h2 {
        font-size: 42px;
        letter-spacing: 0;
    }

    .bl1_details {
        padding: 32px 15px 0px;
    }

    .bl1_details h3 {
        font-size: 24px;
    }

    .pt2_body,
    .testimonial_item_2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ab_content {
        padding-top: 5px;
        padding-left: 0;
    }

    .ab_content p.mb42 {
        padding-right: 0;
    }

    .singleFooter h2 {
        font-size: 90px;
    }

    .ast_map iframe {
        height: 500px;
    }

    .bl2_desc p,
    .bl2_desc h3 {
        padding: 0;
    }

    .ab_content_2 {
        padding: 0;
    }

    .ab_content_2 p.ast_lead {
        padding-right: 0;
    }

    .work_loop_3 .ast_learnmore {
        left: 20px;
    }

    .pricing_talbe_3,
    .bl3_details,
    .pt4_inner,
    .sl1_details,
    .icon_box_5,
    .bl4_details,
    .wlp3_Content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wlp3_Content h2 {
        font-size: 34px;
    }

    .st3_info h2 {
        letter-spacing: 0;
    }

    .st3_info {
        padding: 20px 10px;
    }

    .ast_tab_content_3 {
        padding: 96px 30px;
    }

    .client_slider_3.owl-carousel .owl-nav button.owl-prev {
        left: -10px;
    }

    .client_slider_3.owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }

    .single_con_info {
        padding: 0 10px;
    }

    .wl4_cont {
        padding: 30px 20px;
    }

    .work_loop_4:hover .wl4_btn {
        left: 20px;
    }

    .wl4_cont h2 {
        font-size: 21px;
        line-height: 32px;
    }

    .f4_wrap {
        padding: 100px 30px;
    }

    .icon_box_7 {
        padding: 50px 15px 44px;
    }

    .ab4_img2 {
        left: 50px;
    }

    .ab4_img2:after {
        width: 450px;
        height: 440px;
        left: -30px;
    }

    .work_loop_4 {
        margin: 0;
    }

    .title_layer {
        font-size: 55px;
        line-height: 60px;
    }

    .parTwoContent {
        padding: 80px 50px 70px;
    }

    .parTwoContent h1 {
        font-size: 90px;
        margin-bottom: 30px;
        margin-top: -10px;
        left: -27px;
    }

    .contact_form_5 input[type='text'],
    .contact_form_5 input[type='email'],
    .contact_form_5 input[type='number'],
    .contact_form_5 select,
    .contact_form_5 textarea {
        height: 32px;
    }

    .contact_form_5 textarea {
        height: 100px;
    }

    .sidebar.leftsidebar,
    .sidebar {
        padding-left: 15px;
        padding-right: 15px;
    }

    .src_post a {
        font-size: 15px;
    }

    .work_loop_5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wl8_content {
        left: 10px;
        padding-right: 20px;
    }

    .work_loop_8:hover .wl8_content {
        left: 30px;
    }

    .service_sidebar ul li a {
        padding: 21px 20px;
        font-size: 17px;
    }

    .astral_services_help {
        padding: 47px 20px 47px;
    }

    .serviceArea ul li {
        font-size: 17px;
        margin-bottom: 0;
    }

    .serviceArea ul {
        margin: -18px 0 0;
    }

    .bl5_cats {
        margin-bottom: 45px;
    }

    .bl5_content > span {
        margin-top: 30px;
    }

    .bl5_content,
    .bl5_footer {
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .commentList ol li ul.ChildCom {
        padding-left: 100px;
    }

    .storySection.fullHeight {
        height: calc(100vh + 150px);
        padding: 0;
    }


}

/*------------------------------------------------------------------------------------
/ 3. Responsive For Tab Device
/--------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    .completeRate canvas {
        width: 100%;
    }

    .pjp_con {
        top: 25px;
    }

    .wwd_item {
        padding: 0 30px;
    }

    .wwd_item h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .ast_tab_3_controll {
        display: block;
        text-align: left;
    }

    .ast_tab_3_controll li {
        width: 33%;
        display: inline-block;
        margin-bottom: 30px;
    }

    .ast_map_2 iframe {
        height: 450px;
    }

    .mapSection2 .halfImg {
        margin-bottom: -6px;
    }

    .wlp3_Content h2 {
        font-size: 34px;
    }

    .ab4_img1 {
        position: relative;
    }

    .title_layer {
        font-size: 45px;
        line-height: 55px;
    }


    .bl1_details.bl1_three {
        text-align: left !important;
    }

    .bl1_details.bl1_three::after {

        border-color: transparent #fff transparent transparent;
        border-style: solid;
        border-width: 12px 13px 12px 0;
        content: "";
        height: 0;
        left: -13px;
        position: absolute;
        top: 44px;
        width: 0;
        margin: 0;
        right: auto;
    }

    .sec_title br {
        display: none;
    }

    .funfactsection2 p.ast_lead {
        padding-right: 0;
    }

    .aboutSection4 {
        padding-bottom: 220px;
    }

    .blog_loop_5 {
        margin-bottom: 30px;
    }

}

/*------------------------------------------------------------------------------------
/ 4. Responsive For Mobile & Tab
/--------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
    .sec_title br {
        display: none;
    }

    .footer_4 .widget {
        margin-bottom: 40px;
    }

    .processBox {
        margin-bottom: 40px;
    }

    .pricing_talbe_1,
    .fact_1 {
        margin-bottom: 30px;
    }

    .subscribe_form {
        padding: 0 20px;
    }

    .bl1_details {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog_loop_2,
    .ast_circle_skill,
    .pricing_talbe_2,
    .icon_box_3,
    .blog_loop_1 {
        margin-bottom: 40px;
    }

    .ast_tab_1_content p {
        padding: 0 20px;
    }

    .ab_content {
        padding-left: 0;
    }

    .ab_content p {
        padding-right: 0;
    }

    .singleFooter h2 {
        font-size: 80px;
    }

    .ast_map iframe {
        height: 450px;
    }

    .c2as_content h2 {
        font-size: 60px;
        line-height: 80px;
    }

    .c2as_content p {
        font-size: 28px;
    }

    .pdt113 {
        padding-top: 0;
    }

    .rightsides .icon_box_4 {
        margin: 54px 0;
    }

    .c2as_content_3 img {
        width: 100%;
    }

    .client_slider_3.owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .client_slider_3.owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    .ast_tab_content_3 {
        padding: 96px 15px;
    }

    .bl3_details,
    .sl1_details,
    .bl3_top_meta,
    .icon_box_5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pricing_talbe_3 {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
    }

    .pricing_talbe_4,
    .blog_loop_3 {
        margin-bottom: 30px;
    }

    .ab_content_2 {
        padding-left: 0;
    }

    .work_loop_3 .ast_learnmore {
        left: 20px;
    }

    .pt4_inner,
    .wlp3_Content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .halfImg {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

    .halfImg img {
        width: 100%;
    }

    .bg_layer_1 {
        padding: 10px 15px 15px !important;
    }

    .aboutSection4 p.ast_lead {
        padding-right: 0px;
    }

    .ab_content_2 p.ast_lead {
        padding-right: 0;
    }

    .f4_wrap {
        padding: 100px 20px;
    }

    .wl4_cont {
        padding: 30px 20px;
    }

    .work_loop_4:hover .wl4_btn {
        left: 20px;
    }

    .single_con_info {
        padding: 0;
    }

    .work_loop_4 {
        margin: 0;
    }

    .banner_5 h2 {
        font-size: 45px;
        word-break: break-all;
    }

    .parTwoContent {
        padding: 60px 30px;
    }

    .parTwoContent h1 {
        font-size: 100px;
        line-height: 90px;
        left: -30px;
    }

    .contact_form_5 input[type='text'],
    .contact_form_5 input[type='email'],
    .contact_form_5 input[type='number'],
    .contact_form_5 select,
    .contact_form_5 textarea {
        height: 30px;
        margin-bottom: 20px;
    }

    .contact_form_5 textarea {
        height: 90px;
    }

    .steps:after {
        top: 83px;
    }

    .steps.downs:after {
        top: 94px;
    }

    .sidebar {
        padding-top: 100px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .sidebar.leftsidebar {
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .service_loop_1 {
        margin-bottom: 30px;
    }

    .work_loop_5 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wl8_content {
        left: 10px;
    }

    .work_loop_8:hover .wl8_content {
        left: 35px;
    }

    .text_box_1 {
        margin-bottom: 30px;
    }

    .ws_head h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .service_sidebar {
        margin-bottom: 30px;
    }

    .slider_revolution .ast_btn,
    .slider_revolution .ast_btn_2 {
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: center !important;
        padding: 0 40px !important;
        height: 45px !important;
        letter-spacing: 1px !important;
        line-height: 43px !important;
    }

    .slider_revolution .ast_btn span,
    .slider_revolution .ast_btn_2 span {
        font-size: 14px !important;
        line-height: 43px !important;
    }

    .slider_revolution .ast_btn i,
    .slider_revolution .ast_btn_2 i {
        margin-left: 10px !important;
        font-size: 16px !important;
    }

    .footer__contacts li {
        font-size: 13px;
    }
    .mobileMenuBar {
        float: right;
        width: 50%;
        text-align: right;
        margin: -65px 0 0;
        display: block;
    }

    .mobileMenuBar a {
        height: 50px;
        background: transparent;
        display: inline-block;
        font-size: 14px;
        letter-spacing: 0;
        font-weight: 500;
        text-transform: uppercase;
        color: #777777;
        text-align: center;
        line-height: 50px;
        position: relative;
        padding: 0 20px;
    }

    .mobileMenuBar a i {
        margin-left: 10px;
    }

    .submenu_toggler {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 53px;
        background: rgba(255, 255, 255, .1);
        line-height: 53px;
        text-align: center;
        color: #FFF;
        font-size: 18px;
        cursor: pointer;
    }

    .sub-menu .submenu_toggler {
        background: #138bff;
    }

    .submenu_toggler:hover, .submenu_toggler.active-span {
        color: #06163a;
    }

    .mainMenu_4,
    .mainMenu_6,
    .mainmenu {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
    }

    .mainMenu_4 ul,
    .mainMenu_6 > ul,
    .mainmenu ul {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background: #ffffff;
        display: none;
        margin: 0;
        text-align: left;
    }

    .mainMenu_4 ul li,
    .mainMenu_6 ul li,
    .mainmenu ul li {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #CCCCCC;
        text-align: left;
        padding-left: 25px;
    }

    .mainMenu_4 ul li a,
    .mainmenu ul li a {
        padding: 20px 15px;
        color: #0e61c9;
    }

    .mainMenu_6 ul li a {
        padding: 21px 15px;
    }

    .fixedHeader.header_6 .mainMenu_6 ul li:hover > a, .fixedHeader.header_6 .mainMenu_6 ul li.active > a,
    .mainMenu_6 ul li:hover > a, .mainMenu_6 ul li.active > a,
    .fixedHeader.header_1 .mainmenu ul li:hover > a, .fixedHeader.header_1 .mainmenu ul li.active > a,
    .mainmenu ul li:hover > a, .mainmenu ul li.active > a {
        color: #000;
    }

    .mainMenu_6 ul ul.sub-menu ul.sub-menu,
    .mainMenu_6 ul ul.sub-menu,
    .mainMenu_4 ul ul.sub-menu ul.sub-menu,
    .mainMenu_4 ul ul.sub-menu,
    .mainmenu ul ul.sub-menu ul.sub-menu,
    .mainmenu ul ul.sub-menu {
        position: relative;
        opacity: 1;
        visibility: visible;
        background: #000;
        width: 100%;
        padding: 0;
        left: 0;
        top: 100%;
        display: none;
        max-height: 100%;
        -webkit-transform: perspective(0) rotate3d(0, 0, 0, 0) translateX(0%);
        -mozi-transform: perspective(0) rotate3d(0, 0, 0, 0) translateX(0%);
        -webkit-transform-origin: 0 0;
        -mozi-transform-origin: 0 0;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }

    .mainMenu_6 ul li:hover ul.sub-menu,
    .mainMenu_4 ul li:hover ul.sub-menu,
    .mainmenu ul li:hover ul.sub-menu {
        visibility: visible;
        opacity: 1;
        top: 100%;
        max-height: 100%;
        -webkit-transform: perspective(0) rotate3d(0, 0, 0, 0) translateX(0%);
        -mozi-transform: perspective(0) rotate3d(0, 0, 0, 0) translateX(0%);
    }

    .mainMenu_6 ul ul.sub-menu ul.sub-menu,
    .mainMenu_4 ul ul.sub-menu ul.sub-menu,
    .mainmenu ul ul.sub-menu ul.sub-menu {
        border: none;
        left: 0;
        background: #138bff;
    }

    .mainMenu_6 ul ul.sub-menu li:hover ul.sub-menu,
    .mainMenu_4 ul ul.sub-menu li:hover ul.sub-menu,
    .mainmenu ul ul.sub-menu li:hover ul.sub-menu {
        visibility: visible;
        opacity: 1;
        left: 0;
        transform: translateX(0%);
    }

    .mainMenu_6 > ul > li > ul.sub-menu::before,
    .mainMenu_4 > ul > li > ul.sub-menu::before,
    .mainmenu > ul > li > ul.sub-menu::before {
        display: none;
    }

    .mainmenu ul li a:before {
        background: #000;
    }

    .mainmenu ul li:hover > a:before, .mainmenu ul li.active > a:before {
        left: 5px;
        background: #000;
    }

    .mainMenu_6 ul ul.sub-menu li,
    .mainMenu_4 ul ul.sub-menu li,
    .mainmenu ul ul.sub-menu li {
        margin: 0;
        padding: 0;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        position: relative;
    }

    .mainMenu_6 ul ul.sub-menu li a,
    .mainMenu_4 ul ul.sub-menu li a,
    .mainmenu ul ul.sub-menu li a {
        padding: 16.5px 15px;
    }

    .fixedHeader.header_1 .mainmenu ul ul.sub-menu li > a:hover, .fixedHeader.header_1 .mainmenu ul ul.sub-menu li:hover > a,
    .fixedHeader.header_4 .mainMenu_4 ul ul.sub-menu li > a:hover, .fixedHeader.header_4 .mainMenu_4 ul ul.sub-menu li:hover > a,
    .fixedHeader.header_6 .mainMenu_6 ul ul.sub-menu li > a:hover, .fixedHeader.header_6 .mainMenu_6 ul ul.sub-menu li:hover > a,
    .mainMenu_6 ul ul.sub-menu li > a:hover, .mainMenu_6 ul ul.sub-menu li:hover > a,
    .mainMenu_4 ul ul.sub-menu li > a:hover, .mainMenu_4 ul ul.sub-menu li:hover > a,
    .mainmenu ul ul.sub-menu li > a:hover, .mainmenu ul ul.sub-menu li:hover > a {
        color: #138bff;
    }

    .fixedHeader.header_6 .mainMenu_6 ul ul.sub-menu ul.sub-menu li a:hover,
    .mainMenu_6 ul ul.sub-menu ul.sub-menu li a:hover,
    .fixedHeader.header_4 .mainMenu_4 ul ul.sub-menu ul.sub-menu li a:hover,
    .mainMenu_4 ul ul.sub-menu ul.sub-menu li a:hover,
    .fixedHeader.header_1 .mainmenu ul ul.sub-menu ul.sub-menu li a:hover,
    .mainmenu ul ul.sub-menu ul.sub-menu li a:hover {
        color: #000;
    }

    .mainmenu .togglers {
        margin: -55px 15px 0 0;
        float: right;
        display: block;
    }

    .mainMenu_6 ul li:after {
        display: none;
    }

    .header_6 .mobileMenuBar,
    .header_4 .mobileMenuBar {
        margin-top: -70px;
    }

    .h4_menu_btn {
        margin: -67px 15px 0 0;
        background: #138bff;
    }

    .header_6 {
        padding: 0;
    }

    .header_6 .logo_6 {
        padding-left: 15px;
    }

    .h6_meta {
        display: block;
        padding: 0;
        float: right;
        margin: -50px 0 0;
    }

    .header_5 {
        padding: 0 15px;
    }

    .header_5 .h6_meta {
        margin: 0;
    }

    .header_5 .h6_meta span {
        margin-right: 20px;
    }

    .storySection.fullHeight {
        position: relative;
        min-height: 100vh;
        padding: 120px 0;
    }

    .parallaxSection {
        background-attachment: fixed;
    }
    .custom_slider_title {
        color: #ffffff !important;
        font-size: 25px;
    }

}

/**
INSTAGRAM FILTERS BY UNA
https://una.im/CSSgram/
**/
.aden {
    filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)
}

.aden::after {
    background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
    mix-blend-mode: darken
}

.perpetua::after, .reyes::after {
    mix-blend-mode: soft-light;
    opacity: .5
}

.inkwell {
    filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)
}

.perpetua::after {
    background: linear-gradient(to bottom, #005b9a, #e6c13d)
}

.reyes {
    filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75)
}

.reyes::after {
    background: #efcdad
}

.gingham {
    filter: brightness(1.05) hue-rotate(-10deg)
}

.gingham::after {
    background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
    mix-blend-mode: darken
}

.toaster {
    filter: contrast(1.5) brightness(.9)
}

.toaster::after {
    background: radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen
}

.walden {
    filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)
}

.walden::after {
    background: #04c;
    mix-blend-mode: screen;
    opacity: .3
}

.hudson {
    filter: brightness(1.2) contrast(.9) saturate(1.1)
}

.hudson::after {
    background: radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: .5
}

.earlybird {
    filter: contrast(.9) sepia(.2)
}

.earlybird::after {
    background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay
}

.mayfair {
    filter: contrast(1.1) saturate(1.1)
}

.mayfair::after {
    background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
    mix-blend-mode: overlay;
    opacity: .4
}

.lofi {
    filter: saturate(1.1) contrast(1.5)
}

.lofi::after {
    background: radial-gradient(circle, transparent 70%, #222 150%);
    mix-blend-mode: multiply
}

._1977 {
    filter: contrast(1.1) brightness(1.1) saturate(1.3)
}

._1977:after {
    background: rgba(243, 106, 188, .3);
    mix-blend-mode: screen
}

.brooklyn {
    filter: contrast(.9) brightness(1.1)
}

.brooklyn::after {
    background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
    mix-blend-mode: overlay
}

.xpro2 {
    filter: sepia(.3)
}

.xpro2::after {
    background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
    mix-blend-mode: color-burn
}

.nashville {
    filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)
}

.nashville::after {
    background: rgba(0, 70, 150, .4);
    mix-blend-mode: lighten
}

.nashville::before {
    background: rgba(247, 176, 153, .56);
    mix-blend-mode: darken
}

.lark {
    filter: contrast(.9)
}

.lark::after {
    background: rgba(242, 242, 242, .8);
    mix-blend-mode: darken
}

.lark::before {
    background: #22253f;
    mix-blend-mode: color-dodge
}

.moon {
    filter: grayscale(1) contrast(1.1) brightness(1.1)
}

.moon::before {
    background: #a0a0a0;
    mix-blend-mode: soft-light
}

.moon::after {
    background: #383838;
    mix-blend-mode: lighten
}

.clarendon {
    filter: contrast(1.2) saturate(1.35)
}

.clarendon:before {
    background: rgba(127, 187, 227, .2);
    mix-blend-mode: overlay
}

.willow {
    filter: grayscale(.5) contrast(.95) brightness(.9)
}

.willow::before {
    background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
    mix-blend-mode: overlay
}

.willow::after {
    background-color: #d8cdcb;
    mix-blend-mode: color
}

.rise {
    filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9)
}

.rise::after {
    background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
    mix-blend-mode: overlay;
    opacity: .6
}

.rise::before {
    background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
    mix-blend-mode: multiply
}

._1977:after, ._1977:before, .aden:after, .aden:before, .brooklyn:after, .brooklyn:before, .clarendon:after, .clarendon:before, .earlybird:after, .earlybird:before, .gingham:after, .gingham:before, .hudson:after, .hudson:before, .inkwell:after, .inkwell:before, .lark:after, .lark:before, .lofi:after, .lofi:before, .mayfair:after, .mayfair:before, .moon:after, .moon:before, .nashville:after, .nashville:before, .perpetua:after, .perpetua:before, .reyes:after, .reyes:before, .rise:after, .rise:before, .slumber:after, .slumber:before, .toaster:after, .toaster:before, .walden:after, .walden:before, .willow:after, .willow:before, .xpro2:after, .xpro2:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none
}

._1977, .aden, .brooklyn, .clarendon, .earlybird, .gingham, .hudson, .inkwell, .lark, .lofi, .mayfair, .moon, .nashville, .perpetua, .reyes, .rise, .slumber, .toaster, .walden, .willow, .xpro2 {
    position: relative
}

._1977 img, .aden img, .brooklyn img, .clarendon img, .earlybird img, .gingham img, .hudson img, .inkwell img, .lark img, .lofi img, .mayfair img, .moon img, .nashville img, .perpetua img, .reyes img, .rise img, .slumber img, .toaster img, .walden img, .willow img, .xpro2 img {
    width: 100%;
    z-index: 1
}

._1977:before, .aden:before, .brooklyn:before, .clarendon:before, .earlybird:before, .gingham:before, .hudson:before, .inkwell:before, .lark:before, .lofi:before, .mayfair:before, .moon:before, .nashville:before, .perpetua:before, .reyes:before, .rise:before, .slumber:before, .toaster:before, .walden:before, .willow:before, .xpro2:before {
    z-index: 2
}

._1977:after, .aden:after, .brooklyn:after, .clarendon:after, .earlybird:after, .gingham:after, .hudson:after, .inkwell:after, .lark:after, .lofi:after, .mayfair:after, .moon:after, .nashville:after, .perpetua:after, .reyes:after, .rise:after, .slumber:after, .toaster:after, .walden:after, .willow:after, .xpro2:after {
    z-index: 3
}

.slumber {
    filter: saturate(.66) brightness(1.05)
}

.slumber::after {
    background: rgba(125, 105, 24, .5);
    mix-blend-mode: soft-light
}

.slumber::before {
    background: rgba(69, 41, 12, .4);
    mix-blend-mode: lighten
}

.tp-kbimg-wrap:before,
.tp-kbimg-wrap:after {
    height: 500%;
    width: 500%
}


/*------------------------------------------------------------------------------------
/ Responsive For Mobile Device
--------------------------------------------------------------------------------------*/
@media (max-width: 767px) {


    .sec_title br {
        display: none;
    }

    .work_loop_slider_3.owl-carousel .owl-nav button.owl-next {
        right: 30px;
    }

    .work_loop_slider_3.owl-carousel .owl-nav button.owl-prev {
        left: 30px;
    }

    .icon_box_10 {
        padding: 35px 20px 30px;
    }

    .header_5 {
        padding: 0;
    }

    .h6_meta > span {
        display: none;
    }

    .top_bar {
        text-align: center;
    }

    .h2_menu_btn {
        margin: -65px 0 0;
        display: block;
        float: right;
    }

    .footer__contacts li {
        font-size: 12px;
        margin-bottom: 1px;
    }

    .footer__contacts {
        padding: 0;
        bottom: 45px;
        text-align: center;
    }

    .popUp_social a {
        margin: 0 5px;
        letter-spacing: 0;
        font-size: 11px;
    }

    .popUp_social a i {
        margin-right: 5px;
    }

    .popUp_social {
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }

    .close-popup {
        top: 15px;
        right: 15px;
    }

    .container.mobileContainer {
        width: 100%;
    }

    .logo2 {
        left: 15px;
        top: 20px;
    }

    .dl-menu__wrap ul li {
        margin: 5px 0;
    }

    .slider_revolution .tparrows {
        top: auto !important;
        bottom: 10px;
    }

    .scrollDown_2 {
        bottom: 20px;
    }

    .slider_revolution .tp-rightarrow.tparrows {
        left: auto !important;
        right: -65px !important;
    }

    .slider_revolution .tp-leftarrow.tparrows {
        left: -25px !important
    }

    .bg_layer_1 {
        font-size: 26px !important;
        padding: 30px 10px !important;
    }

    .bg_layer_2 {
        font-size: 16px !important;
        padding: 7px 10px !important;
    }

    .slider_revolution .ast_vieo_btn_2 {
        padding-left: 75px !important;
        font-size: 12px !important;
        letter-spacing: 1px !important;
        font-weight: 600 !important;
        line-height: 60px !important;
    }

    .title_layer {
        display: block !important;
        font-size: 22px !important;
        word-break: break-all !important;
        line-height: 40px !important;
        overflow: hidden !important;
    }

    .title_layer:before,
    .title_layer:after {
        display: none
    }

    .bl5_cats {
        margin-bottom: 45px;
    }

    .bl5_content > span {
        margin-top: 30px;
    }

    .bl5_content,
    .bl5_footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .commentList ol li ul.ChildCom {
        padding-left: 20px;
    }

    .singleCom {
        padding-left: 0;
    }

    .singleCom img {
        position: relative;
        margin-bottom: 20px;
    }

    blockquote {
        padding-right: 15px;
    }

    .bdc_img {
        margin-bottom: 40px;
    }

    .bdc_head h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .contact_form.commentFrom {
        margin-top: 0;
    }

    .service_sidebar ul li a {
        padding: 21px 20px;
        font-size: 17px;
    }

    .astral_services_help {
        padding: 47px 20px 47px;
    }

    .serviceArea ul {
        margin-bottom: 30px;
    }

    .astral_SFaq .panel-heading a {
        padding: 7px 20px 6px;
    }

    .astral_SFaq .panel-body {
        padding: 22px 20px 26px;
    }

    .ws_head {
        padding-top: 50px;
    }

    .ws_gallery .carousel-control.right {
        right: 15px;
    }

    .ws_gallery .carousel-control.left {
        left: 15px;
    }

    .wsbm_nav.right {
        float: right;
    }

    .ws_banner_meta a {
        float: left;
    }

    .work_nav_6 li,
    .work_nav_5 li {
        margin-bottom: 10px;
    }

    .sidebar.leftsidebar {
        padding-bottom: 60px;
        padding-top: 0;
    }

    .sidebar {
        padding-top: 100px;
    }

    .src_post a {
        font-size: 15px;
    }

    .ast_pagination a, .ast_pagination span {
        margin-bottom: 10px;
    }

    .pb_title:before,
    .pb_title:after {
        display: none;
    }

    .pb_title {
        font-size: 36px;
        line-height: 44px;
        font-weight: 600;
    }

    .banner_5 h2 {
        font-size: 35px;
        word-break: break-all;
        line-height: 50px;
    }

    .parTwoContent {
        padding: 60px 30px;
        width: 100%;
    }

    .parTwoContent h1 {
        font-size: 50px;
        left: -15px;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .parTwoContent h2 {
        margin-bottom: 30px;
    }

    .parTwoContent p {
        font-size: 16px;
        line-height: 30px;
    }

    .steps:after,
    .storyTimeline:after {
        display: none;
    }

    .steps.downs {
        padding-top: 0;
    }

    .steps {
        padding-bottom: 0;
        margin-bottom: 30px;
        padding-left: 0;
        text-align: center;
    }

    .steps i {
        position: relative;
        margin-bottom: 20px;
        display: inline-block;
    }

    .contact_form_5 input[type='text'],
    .contact_form_5 input[type='email'],
    .contact_form_5 input[type='number'],
    .contact_form_5 select,
    .contact_form_5 textarea {
        height: 30px;
        margin-bottom: 20px;
    }

    .contact_form_5 textarea {
        height: 80px;
    }

    .single_con_info {
        padding: 0 0 30px;
    }

    .testimonial_item_4 p {
        font-size: 22px;
        line-height: 38px;
    }

    .work_nav_3 li {
        margin: 0 9px 20px;
    }

    .ab_clients img {
        width: 33%;
    }

    .ab4_img1 {
        position: relative;
        top: auto;
        margin: 30px 0;
    }

    .ab4_img2 {
        position: relative;
        top: auto;
    }

    .ab4_img2:after {
        display: none;
    }

    .conInfoItems .col-lg-6 {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .6);
        padding: 50px 15px;
    }

    .conInfoItems .col-lg-6:nth-of-type(3) {
        border-bottom: 1px solid rgba(255, 255, 255, .6);
    }

    .ast_map_2 iframe {
        height: 350px;
    }

    .testimonial_item_3 p {
        font-size: 22px;
        line-height: 36px;
    }

    .fact_2 {
        margin-bottom: 40px;
        text-align: center;
    }

    .pdr30 {
        padding-right: 15px;
    }

    .wlp3_Content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .featureHolder {
        padding: 0 0 0;
    }

    .ast_tab_2 .pull-right {
        float: left !important;
        width: 100%;
    }

    .skillDesc h2 {
        font-size: 25px;
        line-height: 34px;
        word-break: break-all;
    }

    .ast_tab_2_control li a {
        padding: 0 18px;
    }

    .st3_tab_content h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .ast_btn_2.square {
        margin: 0 0 40px;
    }

    .st3_social {
        position: absolute;
        top: 55px;
        right: auto;
        left: 0;
    }

    .ast_tab_3_controll {
        display: block;
    }

    .ast_tab_3_controll li {
        width: 48%;
        margin-bottom: 30px;
        display: inline-block;
    }

    .bl2_desc h3,
    .bl2_desc p {
        padding: 0;
    }

    .ast_tab_1_content p {
        padding: 0;
    }

    .work_nav_2 {
        float: left !important;
        margin: 0 0 30px;
    }

    .wl2_thumb {
        width: 100%;
        height: 300px;
    }

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

    .wl2_cont {
        padding: 30px 20px;
    }

    .wl2_cont h2 {
        font-size: 28px;
        line-height: 38px;
        word-break: break-all;
        white-space: normal;
    }

    .ast_tab_1_control li a {
        letter-spacing: 0;
        line-height: 20px;
    }

    .ti2_rate {
        font-size: 45px;
    }

    .testimonial_item_2,
    .pt2_body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .c2as_content h2 {
        font-size: 40px;
        line-height: 60px;
    }

    .c2as_content p {
        font-size: 24px;
        line-height: 36px;
    }

    .c2as_content .ast_btn_2 {
        display: block;
        margin: 0 0 15px;
    }

    .ast_map iframe {
        height: 350px;
    }

    .singleFooter h3,
    .singleFooter p {
        font-size: 24px;
    }

    .singleFooter h2 {
        font-size: 30px;
        line-height: 50px;
    }

    .subscribe_form {
        padding: 0;
    }

    .pdr5 {
        padding-right: 0;
    }

    .pdl5 {
        padding-left: 0;
    }

    .wl1_cont {
        padding: 30px 20px;
    }

    .wl1_cont h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .sec_title br {
        display: none;
    }

    .testimonial_item p {
        font-size: 22px;
        line-height: 36px;
    }

    .testimonial_slider_1 .carousel-indicators li h6,
    .testimonial_slider_1 .carousel-indicators li h5 {
        display: none;
    }

    .testimonial_slider_1 .carousel-indicators li.active {
        width: 70px;
        padding-left: 0;
    }

    .completeRate {
        text-align: center;
        margin-bottom: 30px;
    }

    .wwd_item h2 {
        font-size: 36px;
        line-height: 44px;
    }

    .subscribe_form input[type="email"] {
        margin-bottom: 15px;
    }

    .contact_form {
        margin-top: 50px;
    }

    .blog_loop_1 {
        margin: 0 15px 30px;
    }

    .bl1_details {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .bl1_details.bl1_one {
        margin-bottom: 0;
    }

    .bl1_details.bl1_one::after {
        border-color: transparent transparent #fff;
        border-width: 0 12px 12px;
        left: 15px;
        top: -12px;
    }

    .bl1_details.bl1_two::after {
        right: 15px;
        top: auto;
        bottom: -48px;
        transform: rotate(-90deg);
    }

    .copyies {
        line-height: 1.5;
        text-align: center;
    }

    .footer_0 .widget {
        padding-bottom: 40px;
    }

    .footer_social {
        text-align: center;
        padding-top: 0;
    }


    .fact_1 {
        text-align: center;
    }

    .fact_1 h2 {
        display: inline-block;
        width: auto;
    }

    .bl1_details {
        padding: 28px 0 15px;
    }

    .bl1_details.bl1_two, .bl1_details.bl1_three {
        text-align: left !important;
    }

    .bl1_details::after {
        display: none;
    }

    .insta_imgs a {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .icon_box_3 {
        margin-bottom: 40px;
    }

    .ast_tab_1_control {
        display: block;
    }

    .ast_tab_1_control li {
        width: 100%;
        margin-bottom: 15px;
    }

    .ast_tab_1_control li:last-child {
        margin-bottom: 0;
    }

    .contact_form_2 .col-lg-12.text-right {
        text-align: center !important;
    }

    .funfactsection2 p.ast_lead {
        padding-right: 0;
    }

    .st3_info {
        padding: 20px 5px;
    }

    .blog_loop_5 {
        margin-bottom: 30px;
    }

    .rev_slider_wrapper {
        width: 100vw !important;
    }

    .fullHeight {
        min-height: 100vh;
        padding: 120px 0;
        height: auto !important;
    }

    .fullHeight .vmiddle {
        top: auto;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    .parallaxSection {
        background-attachment: fixed;
    }
}


/*
Theme name: Raint
Author: mbr-sagor
Theme URL: https://git.divineit.net/web/divine-it-website/raint
Created-at: 29/12/2019
Created by: divine-it
 */

/* style.css */
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

/*preset*/
a {
    color: #494949;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

ul, ol, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sectionPadding {
    padding: 30px 0;
}

.padding_bottom50 {
    padding-bottom: 50px
}

.sectionHeader {
    padding: 30px 0;
}

/* header */
.socail_media i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    background: #F7F7F7;
    border-radius: 4px !important;
    color: #494949 !important;
    border: 1px solid #d7d7d7 !important;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

header {
    padding: 25px 0;
}

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

.logo img {
    width: 100%;
}

.main_menu ul li {
    display: inline-block;
    padding: 6px 10px;
    transition: .6s;
}

.main_menu ul li:hover {
    background: #bec5cc;
    border-radius: 6px;
}

.main_menu ul .active {
    background: #bec5cc;
    border-radius: 6px;
}

.main_menu ul .active a {
    color: #fff;
}

.main_menu ul li a:hover {
    color: #fff;
}

.main_menu ul li a {
    font-size: 17px;
}

.each-slider {
    min-height: 600px;
    background-size: cover;
    background-position: 32%;
}

.slider-3 .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.banner-headline {
    margin-top: 220px;
    margin-left: 600px;
    width: 600px;
}

.banner-headline h2 {
    /*background: #2989d8;*/
    color: #ffffff !important;
    margin-left: 15px;
    /*padding: 10px;*/
    /*border-top-left-radius: 40px;*/
    /*border-top-right-radius: 40px;*/
}

.banner-headline p{
    color: #ffffff;
    padding-bottom: 5px;
    margin-left: 20px;
}

.btn-blue {
    box-shadow: 0px 6px 10px -4px rgba(41, 137, 216, 0.53);
    background: #2989d8;
    color: #fff !important;
    margin-right: 10px;
}

.btn-blue-border {
    box-shadow: 0px 6px 10px -4px rgba(41, 137, 216, 0.53);
    background: #2989d8;
    color: #fff !important;
    margin-left: 15px;
}

.btn-blue-border:hover {
    border: 1px solid  #2989d8;
    background: transparent;
}

.main-slider.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 75px;
    color: #fff;
    border: 2px solid;
}

.main-slider.owl-carousel .owl-nav .owl-next {
    right: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.main-slider.owl-carousel .owl-nav .owl-prev {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    left: 0;
    font-size: 20px;
}

.main-slider.owl-carousel .owl-nav .owl-next:hover {
    background: #2989d8;
    color: #fff !important;
}
.company_intro_image {
    overflow: hidden;
}

.company_intro_image img {
    width: 100%;
    transition: transform .2s;
}

.company_intro_image img:hover{
    transform: scale(1.5);
}

.learn_more_btn {
    background: #d4d9de;
    color: #000000;
    padding: 10px 20px;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 6px;
    transition: .6s;
}

.learn_more_btn:hover {
    background: #2989d8;
    color: #ffffff;
}

.company_intro p {
    padding: 5px;
    margin-bottom: 15px;
}

.company_intro h2 {
    font-size: 25px;
    padding: 5px 0;
    margin: 0;
    text-transform: capitalize;
}

.margin_bottom20 {
    margin-bottom: 20px;
}

/* Partners */
.partners {
    background: #e9ecef;
}

.partner_logo img {
    width: 195px;
    height: 65px;
}

/* Product and Service */
.product_and_service {
    padding: 30px 0;
}

.service_img img {
    width: 100%;
    height: 195px;
}

.service_product_icon_left {
    left: -40px;
    position: absolute;
    top: 90px;
    z-index: 1;
}

.service_product_icon_right {
    right: -920px;
    position: absolute;
    top: 90px;
    z-index: 1;
}

/*Team member*/

.team_member {
    border: 1px solid #cccccc;
    position: relative;
    margin-bottom: 30px;
}

.team_member img {
    width: 100%;
}

.member_info {
    background: #880E4F;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.team_member .member_info h2 {
    font-size: 20px;
    margin: 0;
    color: #ffffff;
}

.team_member .member_info h3 {
    font-size: 18px;
    margin: 0;
    color: #ffffff;
}

.social_links {
    position: absolute;
    background: #880E4F;
    padding: 10px 30px;
    bottom: 60px;
    margin: auto;
    right: 0;
    border-top-left-radius: 30px;
    visibility: hidden;
    opacity: 0;
    transition: .6s;
}

.social_links a {
    color: #ffffff;
    margin-right: 10px;
}

.team_member:hover .social_links {
    visibility: visible;
    opacity: 1;
}

.team_member:hover {
    box-shadow: 1px 1px 15px 1px #ddd;
}

/* product grid */
.product_grid {
    transition: .6s;
    box-shadow: 1px 1px 2px 1px #ddd;
    margin-bottom: 30px;
}
.product_grid:hover {
    box-shadow: 1px 1px 15px 1px #ddd;
}

.product_grid .product_card_title {
    color: rgb(0, 158, 127);
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_grid p {
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
    margin-bottom: 25px;
}

.product_grid .custom_btn_color {
    background: #2989d8;
    border-color: #2989d8;
}

/* Testimonail */
.client_custom_testimonial .testimonial img {
    width: 100px;
    height: 100px;
    margin: auto;
}
.testimonial_shadow_hover:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2);
}
/*footer*/
.footer {
    background: #e9ecef;
    padding: 50px 0;
}

.footer_widget img {
    width: 100%;
}

.footer_widget .widget_title {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.footer_widget ul li {
    transition: .6s;
}

.footer_widget ul li:hover {
    padding-left: 5px;
}

.footer_bottom {
    padding: 25px 0;
}


/*
Responsive
*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .service_product_icon_right {
        right: -700px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .each-slider {
        min-height: 250px;
    }
    .banner-headline {
        margin-top: 30px;
        margin-left: 0;
        width: auto;
        text-align: center;
    }
    .banner-headline h2 {
        font-size: 16px;
        padding: 0;
    }
    .btn-blue-border {
        color: #fff;
        padding: 5px;
        font-size: 12px;
        font-weight: 700;
        margin-right: 240px;
    }

    .custom-logo .partner_logo img {
        margin: auto;
    }

    .partner_logo img {
        height: auto;
    }

    .astral_social i {
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
    }

    .astral_social a {
        margin-right: 0;
    }

    .partner-section .partner_logo img {
        margin: auto;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px){
    .banner-headline {
        margin-top:190px;
        margin-left: 0;
        max-width: 470px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1200px){
    .banner-headline {
        margin-top: 220px;
        margin-left: 0;
        max-width: auto;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 900px){
    .banner-headline {
        margin-left: 0;
    }
}


/*
Name: Contact form-3
Author: Mbr-Sagor
Date: 8/05/2020
*/

.form-contactForm3 input, textarea{
   border: 1px solid #e6e6e6 !important;
    background: #F7F7F8 !important;
}

.form-contactForm3_btn{
   background-color: #f90;
    color: #fff;
    padding: 10px 10px;
    margin-top: 5px;
    width: auto;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    transition: .6s;
    -webkit-appearance: none;
}

.form-contactForm3_btn:hover {
    background-color: #ddd;
    color: #444;
}