/*
Theme Name: NTNA094
Theme URI: http://mywebsite.vn
Author: mywebsite.vn
Author URI: http://mywebsite.vn/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
 /*<![CDATA[*/
        /*!
 *  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.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
        }
        
        .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
        }
        
        @font-face {
            font-family: 'PoppinsVN';
            src: url(fonts/subset-PoppinsVN-400.eot);
            src: url(fonts/subset-PoppinsVN-400.eot?#iefix) format('embedded-opentype'), url(fonts/subset-PoppinsVN-400.woff) format('woff'), url(fonts/subset-PoppinsVN-400.ttf) format('truetype');
            font-weight: normal;
            font-style: normal
        }
        
        @font-face {
            font-family: 'PoppinsVN';
            src: url(fonts/subset-PoppinsVN-400i.eot);
            src: url(fonts/subset-PoppinsVN-400i.eot?#iefix) format('embedded-opentype'), url(fonts/subset-PoppinsVN-400i.woff) format('woff'), url(fonts/subset-PoppinsVN-400i.ttf) format('truetype');
            font-weight: normal;
            font-style: italic
        }
        
        @font-face {
            font-family: 'PoppinsVN';
            src: url(fonts/subset-PoppinsVN-600.eot);
            src: url(fonts/subset-PoppinsVN-600.eot?#iefix) format('embedded-opentype'), url(fonts/subset-PoppinsVN-600.woff) format('woff'), url(fonts/subset-PoppinsVN-600.ttf) format('truetype');
            font-weight: bold;
            font-style: normal
        }
        
        @font-face {
            font-family: 'raleway';
            src: url(fonts/Raleway-Regular.eot);
            src: url(fonts/Raleway-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Raleway-Regular.woff) format('woff'), url(fonts/Raleway-Regular.ttf) format('truetype');
            font-weight: normal;
            font-style: normal
        }
        
        @font-face {
            font-family: 'raleway';
            src: url(fonts/Raleway-Bold.eot);
            src: url(fonts/Raleway-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Raleway-Bold.woff) format('woff'), url(fonts/Raleway-Bold.ttf) format('truetype');
            font-weight: bold;
            font-style: normal
        }
        
        @font-face {
            font-family: 'raleway';
            src: url(fonts/Raleway-Italic.eot);
            src: url(fonts/Raleway-Italic.eot?#iefix) format('embedded-opentype'), url(fonts/Raleway-Italic.woff) format('woff'), url(fonts/Raleway-Italic.ttf) format('truetype');
            font-weight: normal;
            font-style: italic
        }
        
        .slick-slider {
            position: relative;
            display: block;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent
        }
        
        .slick-list {
            position: relative;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0
        }
        
        .slick-list:focus {
            outline: 0
        }
        
        .slick-list.dragging {
            cursor: pointer;
            cursor: hand
        }
        
        .slick-slider .slick-track,
        .slick-slider .slick-list {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        
        .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block
        }
        
        .slick-track:before,
        .slick-track:after {
            display: table;
            content: ''
        }
        
        .slick-track:after {
            clear: both
        }
        
        .slick-loading .slick-track {
            visibility: hidden
        }
        
        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px
        }
        
        [dir='rtl'] .slick-slide {
            float: right
        }
        
        .slick-slide img {
            display: block
        }
        
        .slick-slide.slick-loading img {
            display: none
        }
        
        .slick-slide.dragging img {
            pointer-events: none
        }
        
        .slick-initialized .slick-slide {
            display: block
        }
        
        .slick-loading .slick-slide {
            visibility: hidden
        }
        
        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent
        }
        
        .slick-arrow.slick-hidden {
            display: none
        }
        
        .slick-slide {
            outline: 0
        }
        
        @font-face {
            font-family: 'lg';
            src: url(fonts/lg.eot?n1z373);
            src: url(fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(fonts/lg.woff?n1z373) format("woff"), url(fonts/lg.ttf?n1z373) format("truetype"), url(fonts/lg.svg?n1z373#lg) format("svg");
            font-weight: normal;
            font-style: normal
        }
        
        .lg-icon {
            font-family: 'lg';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }
        
        .lg-actions .lg-next,
        .lg-actions .lg-prev {
            background-color: rgba(0, 0, 0, .45);
            border-radius: 2px;
            color: #999;
            cursor: pointer;
            display: block;
            font-size: 22px;
            margin-top: -10px;
            padding: 8px 10px 9px;
            position: absolute;
            top: 50%;
            z-index: 1080;
            border: 0;
            outline: 0
        }
        
        .lg-actions .lg-next.disabled,
        .lg-actions .lg-prev.disabled {
            pointer-events: none;
            opacity: .5
        }
        
        .lg-actions .lg-next:hover,
        .lg-actions .lg-prev:hover {
            color: #FFF
        }
        
        .lg-actions .lg-next {
            right: 20px
        }
        
        .lg-actions .lg-next:before {
            content: "\e095"
        }
        
        .lg-actions .lg-prev {
            left: 20px
        }
        
        .lg-actions .lg-prev:after {
            content: "\e094"
        }
        
        @-webkit-keyframes lg-right-end {
            0% {
                left: 0
            }
            50% {
                left: -30px
            }
            100% {
                left: 0
            }
        }
        
        @-moz-keyframes lg-right-end {
            0% {
                left: 0
            }
            50% {
                left: -30px
            }
            100% {
                left: 0
            }
        }
        
        @-ms-keyframes lg-right-end {
            0% {
                left: 0
            }
            50% {
                left: -30px
            }
            100% {
                left: 0
            }
        }
        
        @keyframes lg-right-end {
            0% {
                left: 0
            }
            50% {
                left: -30px
            }
            100% {
                left: 0
            }
        }
        
        @-webkit-keyframes lg-left-end {
            0% {
                left: 0
            }
            50% {
                left: 30px
            }
            100% {
                left: 0
            }
        }
        
        @-moz-keyframes lg-left-end {
            0% {
                left: 0
            }
            50% {
                left: 30px
            }
            100% {
                left: 0
            }
        }
        
        @-ms-keyframes lg-left-end {
            0% {
                left: 0
            }
            50% {
                left: 30px
            }
            100% {
                left: 0
            }
        }
        
        @keyframes lg-left-end {
            0% {
                left: 0
            }
            50% {
                left: 30px
            }
            100% {
                left: 0
            }
        }
        
        .lg-outer.lg-right-end .lg-object {
            -webkit-animation: lg-right-end .3s;
            -o-animation: lg-right-end .3s;
            animation: lg-right-end .3s;
            position: relative
        }
        
        .lg-outer.lg-left-end .lg-object {
            -webkit-animation: lg-left-end .3s;
            -o-animation: lg-left-end .3s;
            animation: lg-left-end .3s;
            position: relative
        }
        
        .lg-toolbar {
            z-index: 1082;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            background-color: rgba(0, 0, 0, .45)
        }
        
        .lg-toolbar .lg-icon {
            color: #999;
            cursor: pointer;
            float: right;
            font-size: 24px;
            height: 47px;
            line-height: 27px;
            padding: 10px 0;
            text-align: center;
            width: 50px;
            text-decoration: none !important;
            outline: medium none;
            -webkit-transition: color .2s linear;
            -o-transition: color .2s linear;
            transition: color .2s linear
        }
        
        .lg-toolbar .lg-icon:hover {
            color: #FFF
        }
        
        .lg-toolbar .lg-close:after {
            content: "\e070"
        }
        
        .lg-toolbar .lg-download:after {
            content: "\e0f2"
        }
        
        .lg-sub-html {
            background-color: rgba(0, 0, 0, .45);
            bottom: 0;
            color: #EEE;
            font-size: 16px;
            left: 0;
            padding: 10px 40px;
            position: fixed;
            right: 0;
            text-align: center;
            z-index: 1080
        }
        
        .lg-sub-html h4 {
            margin: 0;
            font-size: 13px;
            font-weight: bold
        }
        
        .lg-sub-html p {
            font-size: 12px;
            margin: 5px 0 0
        }
        
        #lg-counter {
            color: #999;
            display: inline-block;
            font-size: 16px;
            padding-left: 20px;
            padding-top: 12px;
            vertical-align: middle
        }
        
        .lg-toolbar,
        .lg-prev,
        .lg-next {
            opacity: 1;
            -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
            -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
            -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
            transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
        }
        
        .lg-hide-items .lg-prev {
            opacity: 0;
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        
        .lg-hide-items .lg-next {
            opacity: 0;
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
        
        .lg-hide-items .lg-toolbar {
            opacity: 0;
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        
        body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
            -webkit-transform: scale3d(0.5, .5, .5);
            transform: scale3d(0.5, .5, .5);
            opacity: 0;
            -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
            -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
            -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
            transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%
        }
        
        body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-outer .lg-thumb-outer {
            background-color: #0d0a0a;
            bottom: 0;
            position: absolute;
            width: 100%;
            z-index: 1080;
            max-height: 350px;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
            -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
            -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
            transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
        }
        
        .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
            cursor: -webkit-grab;
            cursor: -moz-grab;
            cursor: -o-grab;
            cursor: -ms-grab;
            cursor: grab
        }
        
        .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
            cursor: move;
            cursor: -webkit-grabbing;
            cursor: -moz-grabbing;
            cursor: -o-grabbing;
            cursor: -ms-grabbing;
            cursor: grabbing
        }
        
        .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
            -webkit-transition-duration: 0s !important;
            transition-duration: 0s !important
        }
        
        .lg-outer.lg-thumb-open .lg-thumb-outer {
            -webkit-transform: translate3d(0, 0%, 0);
            transform: translate3d(0, 0%, 0)
        }
        
        .lg-outer .lg-thumb {
            padding: 10px 0;
            height: 100%;
            margin-bottom: -5px
        }
        
        .lg-outer .lg-thumb-item {
            border-radius: 5px;
            cursor: pointer;
            float: left;
            overflow: hidden;
            height: 100%;
            border: 2px solid #FFF;
            border-radius: 4px;
            margin-bottom: 5px
        }
        
        @media(min-width:1025px) {
            .lg-outer .lg-thumb-item {
                -webkit-transition: border-color .25s ease;
                -o-transition: border-color .25s ease;
                transition: border-color .25s ease
            }
        }
        
        .lg-outer .lg-thumb-item.active,
        .lg-outer .lg-thumb-item:hover {
            border-color: #a90707
        }
        
        .lg-outer .lg-thumb-item img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }
        
        .lg-outer.lg-has-thumb .lg-item {
            padding-bottom: 120px
        }
        
        .lg-outer.lg-can-toggle .lg-item {
            padding-bottom: 0
        }
        
        .lg-outer.lg-pull-caption-up .lg-sub-html {
            -webkit-transition: bottom .25s ease;
            -o-transition: bottom .25s ease;
            transition: bottom .25s ease
        }
        
        .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
            bottom: 100px
        }
        
        .lg-outer .lg-toogle-thumb {
            background-color: #0d0a0a;
            border-radius: 2px 2px 0 0;
            color: #999;
            cursor: pointer;
            font-size: 24px;
            height: 39px;
            line-height: 27px;
            padding: 5px 0;
            position: absolute;
            right: 20px;
            text-align: center;
            top: -39px;
            width: 50px
        }
        
        .lg-outer .lg-toogle-thumb:after {
            content: "\e1ff"
        }
        
        .lg-outer .lg-toogle-thumb:hover {
            color: #FFF
        }
        
        .lg-outer .lg-video-cont {
            display: inline-block;
            vertical-align: middle;
            max-width: 1140px;
            max-height: 100%;
            width: 100%;
            padding: 0 5px
        }
        
        .lg-outer .lg-video {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
            overflow: hidden;
            position: relative
        }
        
        .lg-outer .lg-video .lg-object {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important
        }
        
        .lg-outer .lg-video .lg-video-play {
            width: 84px;
            height: 59px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -42px;
            margin-top: -30px;
            z-index: 1080;
            cursor: pointer
        }
        
        .lg-outer .lg-has-iframe .lg-video {
            -webkit-overflow-scrolling: touch;
            overflow: auto
        }
        
        .lg-outer .lg-has-vimeo .lg-video-play {
            background: url(img/vimeo-play.png) no-repeat scroll 0 0 transparent
        }
        
        .lg-outer .lg-has-vimeo:hover .lg-video-play {
            background: url(img/vimeo-play.png) no-repeat scroll 0 -58px transparent
        }
        
        .lg-outer .lg-has-html5 .lg-video-play {
            background: transparent url(img/video-play.png) no-repeat scroll 0 0;
            height: 64px;
            margin-left: -32px;
            margin-top: -32px;
            width: 64px;
            opacity: .8
        }
        
        .lg-outer .lg-has-html5:hover .lg-video-play {
            opacity: 1
        }
        
        .lg-outer .lg-has-youtube .lg-video-play {
            background: url(img/youtube-play.png) no-repeat scroll 0 0 transparent
        }
        
        .lg-outer .lg-has-youtube:hover .lg-video-play {
            background: url(img/youtube-play.png) no-repeat scroll 0 -60px transparent
        }
        
        .lg-outer .lg-video-object {
            width: 100% !important;
            height: 100% !important;
            position: absolute;
            top: 0;
            left: 0
        }
        
        .lg-outer .lg-has-video .lg-video-object {
            visibility: hidden
        }
        
        .lg-outer .lg-has-video.lg-video-playing .lg-object,
        .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
            display: none
        }
        
        .lg-outer .lg-has-video.lg-video-playing .lg-video-object {
            visibility: visible
        }
        
        .lg-progress-bar {
            background-color: #333;
            height: 5px;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1083;
            opacity: 0;
            -webkit-transition: opacity .08s ease 0s;
            -moz-transition: opacity .08s ease 0s;
            -o-transition: opacity .08s ease 0s;
            transition: opacity .08s ease 0s
        }
        
        .lg-progress-bar .lg-progress {
            background-color: #a90707;
            height: 5px;
            width: 0
        }
        
        .lg-progress-bar.lg-start .lg-progress {
            width: 100%
        }
        
        .lg-show-autoplay .lg-progress-bar {
            opacity: 1
        }
        
        .lg-autoplay-button:after {
            content: "\e01d"
        }
        
        .lg-show-autoplay .lg-autoplay-button:after {
            content: "\e01a"
        }
        
        .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
        .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
            -webkit-transition-duration: 0s;
            transition-duration: 0s
        }
        
        .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
            -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
            -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
            -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
            transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
        }
        
        .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
            -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
            -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
            -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
            transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
        }
        
        .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
            -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
            -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
            transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        #lg-zoom-in:after {
            content: "\e311"
        }
        
        #lg-actual-size {
            font-size: 20px
        }
        
        #lg-actual-size:after {
            content: "\e033"
        }
        
        #lg-zoom-out {
            opacity: .5;
            pointer-events: none
        }
        
        #lg-zoom-out:after {
            content: "\e312"
        }
        
        .lg-zoomed #lg-zoom-out {
            opacity: 1;
            pointer-events: auto
        }
        
        .lg-outer .lg-pager-outer {
            bottom: 60px;
            left: 0;
            position: absolute;
            right: 0;
            text-align: center;
            z-index: 1080;
            height: 10px
        }
        
        .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
            overflow: visible
        }
        
        .lg-outer .lg-pager-cont {
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            position: relative;
            vertical-align: top;
            margin: 0 5px
        }
        
        .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        
        .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
            box-shadow: 0 0 0 2px white inset
        }
        
        .lg-outer .lg-pager-thumb-cont {
            background-color: #fff;
            color: #FFF;
            bottom: 100%;
            height: 83px;
            left: 0;
            margin-bottom: 20px;
            margin-left: -60px;
            opacity: 0;
            padding: 5px;
            position: absolute;
            width: 120px;
            border-radius: 3px;
            -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
            -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
            -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
            transition: opacity .15s ease 0s, transform .15s ease 0s;
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }
        
        .lg-outer .lg-pager-thumb-cont img {
            width: 100%;
            height: 100%
        }
        
        .lg-outer .lg-pager {
            background-color: rgba(255, 255, 255, .5);
            border-radius: 50%;
            box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
            display: block;
            height: 12px;
            -webkit-transition: box-shadow .3s ease 0s;
            -o-transition: box-shadow .3s ease 0s;
            transition: box-shadow .3s ease 0s;
            width: 12px
        }
        
        .lg-outer .lg-pager:hover,
        .lg-outer .lg-pager:focus {
            box-shadow: 0 0 0 8px white inset
        }
        
        .lg-outer .lg-caret {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px dashed;
            bottom: -10px;
            display: inline-block;
            height: 0;
            left: 50%;
            margin-left: -5px;
            position: absolute;
            vertical-align: middle;
            width: 0
        }
        
        .lg-fullscreen:after {
            content: "\e20c"
        }
        
        .lg-fullscreen-on .lg-fullscreen:after {
            content: "\e20d"
        }
        
        .lg-outer #lg-dropdown-overlay {
            background-color: rgba(0, 0, 0, .25);
            bottom: 0;
            cursor: default;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            z-index: 1081;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
            -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
            transition: visibility 0s linear .18s, opacity .18s linear 0s
        }
        
        .lg-outer.lg-dropdown-active .lg-dropdown,
        .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
            -moz-transform: translate3d(0, 0px, 0);
            -o-transform: translate3d(0, 0px, 0);
            -ms-transform: translate3d(0, 0px, 0);
            -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
            opacity: 1;
            visibility: visible
        }
        
        .lg-outer.lg-dropdown-active #lg-share {
            color: #FFF
        }
        
        .lg-outer .lg-dropdown {
            background-color: #fff;
            border-radius: 2px;
            font-size: 14px;
            list-style-type: none;
            margin: 0;
            padding: 10px 0;
            position: absolute;
            right: 0;
            text-align: left;
            top: 50px;
            opacity: 0;
            visibility: hidden;
            -moz-transform: translate3d(0, 5px, 0);
            -o-transform: translate3d(0, 5px, 0);
            -ms-transform: translate3d(0, 5px, 0);
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
            -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
            -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
            -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
            transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
        }
        
        .lg-outer .lg-dropdown:after {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            border: 8px solid transparent;
            border-bottom-color: #FFF;
            right: 16px;
            top: -16px
        }
        
        .lg-outer .lg-dropdown>li:last-child {
            margin-bottom: 0
        }
        
        .lg-outer .lg-dropdown>li:hover a,
        .lg-outer .lg-dropdown>li:hover .lg-icon {
            color: #333
        }
        
        .lg-outer .lg-dropdown a {
            color: #333;
            display: block;
            white-space: pre;
            padding: 4px 12px;
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 12px
        }
        
        .lg-outer .lg-dropdown a:hover {
            background-color: rgba(0, 0, 0, .07)
        }
        
        .lg-outer .lg-dropdown .lg-dropdown-text {
            display: inline-block;
            line-height: 1;
            margin-top: -3px;
            vertical-align: middle
        }
        
        .lg-outer .lg-dropdown .lg-icon {
            color: #333;
            display: inline-block;
            float: none;
            font-size: 20px;
            height: auto;
            line-height: 1;
            margin-right: 8px;
            padding: 0;
            vertical-align: middle;
            width: auto
        }
        
        .lg-outer #lg-share {
            position: relative
        }
        
        .lg-outer #lg-share:after {
            content: "\e80d"
        }
        
        .lg-outer #lg-share-facebook .lg-icon {
            color: #3b5998
        }
        
        .lg-outer #lg-share-facebook .lg-icon:after {
            content: "\e901"
        }
        
        .lg-outer #lg-share-twitter .lg-icon {
            color: #00aced
        }
        
        .lg-outer #lg-share-twitter .lg-icon:after {
            content: "\e904"
        }
        
        .lg-outer #lg-share-googleplus .lg-icon {
            color: #dd4b39
        }
        
        .lg-outer #lg-share-googleplus .lg-icon:after {
            content: "\e902"
        }
        
        .lg-outer #lg-share-pinterest .lg-icon {
            color: #cb2027
        }
        
        .lg-outer #lg-share-pinterest .lg-icon:after {
            content: "\e903"
        }
        
        .lg-group:after {
            content: "";
            display: table;
            clear: both
        }
        
        .lg-outer {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1050;
            text-align: left;
            opacity: 0;
            -webkit-transition: opacity .15s ease 0s;
            -o-transition: opacity .15s ease 0s;
            transition: opacity .15s ease 0s
        }
        
        .lg-outer * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
        
        .lg-outer.lg-visible {
            opacity: 1
        }
        
        .lg-outer.lg-css3 .lg-item.lg-prev-slide,
        .lg-outer.lg-css3 .lg-item.lg-next-slide,
        .lg-outer.lg-css3 .lg-item.lg-current {
            -webkit-transition-duration: inherit !important;
            transition-duration: inherit !important;
            -webkit-transition-timing-function: inherit !important;
            transition-timing-function: inherit !important
        }
        
        .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
        .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
        .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
            -webkit-transition-duration: 0s !important;
            transition-duration: 0s !important;
            opacity: 1
        }
        
        .lg-outer.lg-grab img.lg-object {
            cursor: -webkit-grab;
            cursor: -moz-grab;
            cursor: -o-grab;
            cursor: -ms-grab;
            cursor: grab
        }
        
        .lg-outer.lg-grabbing img.lg-object {
            cursor: move;
            cursor: -webkit-grabbing;
            cursor: -moz-grabbing;
            cursor: -o-grabbing;
            cursor: -ms-grabbing;
            cursor: grabbing
        }
        
        .lg-outer .lg {
            height: 100%;
            width: 100%;
            position: relative;
            overflow: hidden;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            max-height: 100%
        }
        
        .lg-outer .lg-inner {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            white-space: nowrap
        }
        
        .lg-outer .lg-item {
            background: url(images/loading.gif) no-repeat scroll center center transparent;
            display: none !important
        }
        
        .lg-outer.lg-css3 .lg-prev-slide,
        .lg-outer.lg-css3 .lg-current,
        .lg-outer.lg-css3 .lg-next-slide {
            display: inline-block !important
        }
        
        .lg-outer.lg-css .lg-current {
            display: inline-block !important
        }
        
        .lg-outer .lg-item,
        .lg-outer .lg-img-wrap {
            display: inline-block;
            text-align: center;
            position: absolute;
            width: 100%;
            height: 100%
        }
        
        .lg-outer .lg-item:before,
        .lg-outer .lg-img-wrap:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px
        }
        
        .lg-outer .lg-img-wrap {
            position: absolute;
            padding: 0 5px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0
        }
        
        .lg-outer .lg-item.lg-complete {
            background-image: none
        }
        
        .lg-outer .lg-item.lg-current {
            z-index: 1060
        }
        
        .lg-outer .lg-image {
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
            max-height: 100%;
            width: auto !important;
            height: auto !important
        }
        
        .lg-outer.lg-show-after-load .lg-item .lg-object,
        .lg-outer.lg-show-after-load .lg-item .lg-video-play {
            opacity: 0;
            -webkit-transition: opacity .15s ease 0s;
            -o-transition: opacity .15s ease 0s;
            transition: opacity .15s ease 0s
        }
        
        .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
        .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
            opacity: 1
        }
        
        .lg-outer .lg-empty-html {
            display: none
        }
        
        .lg-outer.lg-hide-download #lg-download {
            display: none
        }
        
        .lg-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1040;
            background-color: #000;
            opacity: 0;
            -webkit-transition: opacity .15s ease 0s;
            -o-transition: opacity .15s ease 0s;
            transition: opacity .15s ease 0s
        }
        
        .lg-backdrop.in {
            opacity: .8
        }
        
        .lg-css3.lg-no-trans .lg-prev-slide,
        .lg-css3.lg-no-trans .lg-next-slide,
        .lg-css3.lg-no-trans .lg-current {
            -webkit-transition: none 0s ease 0s !important;
            -moz-transition: none 0s ease 0s !important;
            -o-transition: none 0s ease 0s !important;
            transition: none 0s ease 0s !important
        }
        
        .lg-css3.lg-use-css3 .lg-item {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .lg-css3.lg-use-left .lg-item {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .lg-css3.lg-fade .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-fade .lg-item.lg-current {
            opacity: 1
        }
        
        .lg-css3.lg-fade .lg-item.lg-prev-slide,
        .lg-css3.lg-fade .lg-item.lg-next-slide,
        .lg-css3.lg-fade .lg-item.lg-current {
            -webkit-transition: opacity .1s ease 0s;
            -moz-transition: opacity .1s ease 0s;
            -o-transition: opacity .1s ease 0s;
            transition: opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item {
            opacity: 0;
            position: absolute;
            left: 0
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
            left: -100%
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
            left: 100%
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
            left: 0;
            opacity: 1
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
            -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-zoom-in .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
            -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3)
        }
        
        .lg-css3.lg-zoom-in .lg-item.lg-next-slide {
            -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3)
        }
        
        .lg-css3.lg-zoom-in .lg-item.lg-current {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-css3.lg-zoom-in .lg-item.lg-prev-slide,
        .lg-css3.lg-zoom-in .lg-item.lg-next-slide,
        .lg-css3.lg-zoom-in .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-zoom-in-big .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
            -webkit-transform: scale3d(2, 2, 2);
            transform: scale3d(2, 2, 2)
        }
        
        .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
            -webkit-transform: scale3d(2, 2, 2);
            transform: scale3d(2, 2, 2)
        }
        
        .lg-css3.lg-zoom-in-big .lg-item.lg-current {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide,
        .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,
        .lg-css3.lg-zoom-in-big .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-zoom-out .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
            -webkit-transform: scale3d(0.7, .7, .7);
            transform: scale3d(0.7, .7, .7)
        }
        
        .lg-css3.lg-zoom-out .lg-item.lg-next-slide {
            -webkit-transform: scale3d(0.7, .7, .7);
            transform: scale3d(0.7, .7, .7)
        }
        
        .lg-css3.lg-zoom-out .lg-item.lg-current {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-css3.lg-zoom-out .lg-item.lg-prev-slide,
        .lg-css3.lg-zoom-out .lg-item.lg-next-slide,
        .lg-css3.lg-zoom-out .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-zoom-out-big .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
            -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0)
        }
        
        .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
            -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0)
        }
        
        .lg-css3.lg-zoom-out-big .lg-item.lg-current {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide,
        .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,
        .lg-css3.lg-zoom-out-big .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-zoom-out-in .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
            -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0)
        }
        
        .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
            -webkit-transform: scale3d(2, 2, 2);
            transform: scale3d(2, 2, 2)
        }
        
        .lg-css3.lg-zoom-out-in .lg-item.lg-current {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide,
        .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide,
        .lg-css3.lg-zoom-out-in .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-zoom-in-out .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
            -webkit-transform: scale3d(2, 2, 2);
            transform: scale3d(2, 2, 2)
        }
        
        .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
            -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0)
        }
        
        .lg-css3.lg-zoom-in-out .lg-item.lg-current {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide,
        .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide,
        .lg-css3.lg-zoom-in-out .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-soft-zoom .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        
        .lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
            -webkit-transform: scale3d(0.9, .9, .9);
            transform: scale3d(0.9, .9, .9)
        }
        
        .lg-css3.lg-soft-zoom .lg-item.lg-current {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide,
        .lg-css3.lg-soft-zoom .lg-item.lg-next-slide,
        .lg-css3.lg-soft-zoom .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-scale-up .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-scale-up .lg-item.lg-prev-slide {
            -moz-transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0);
            -o-transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0);
            -ms-transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0);
            -webkit-transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0);
            transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0)
        }
        
        .lg-css3.lg-scale-up .lg-item.lg-next-slide {
            -moz-transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0);
            -o-transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0);
            -ms-transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0);
            -webkit-transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0);
            transform: scale3d(0.8, .8, .8) translate3d(0%, 10%, 0)
        }
        
        .lg-css3.lg-scale-up .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-scale-up .lg-item.lg-prev-slide,
        .lg-css3.lg-scale-up .lg-item.lg-next-slide,
        .lg-css3.lg-scale-up .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-slide-circular .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
        }
        
        .lg-css3.lg-slide-circular .lg-item.lg-next-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
        }
        
        .lg-css3.lg-slide-circular .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide-circular .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-circular .lg-item.lg-next-slide,
        .lg-css3.lg-slide-circular .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-slide-circular-up .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0)
        }
        
        .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0)
        }
        
        .lg-css3.lg-slide-circular-up .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide,
        .lg-css3.lg-slide-circular-up .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-slide-circular-down .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0)
        }
        
        .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0)
        }
        
        .lg-css3.lg-slide-circular-down .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide,
        .lg-css3.lg-slide-circular-down .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-slide-circular-vertical .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
            transform: scale3d(0, 0, 0) translate3d(0, -100%, 0)
        }
        
        .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
            transform: scale3d(0, 0, 0) translate3d(0, 100%, 0)
        }
        
        .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide,
        .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-slide-circular-vertical-left .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0)
        }
        
        .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0)
        }
        
        .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide,
        .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-slide-circular-vertical-down .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0)
        }
        
        .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
            -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
            -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
            -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
            -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0)
        }
        
        .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide,
        .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
        }
        
        .lg-css3.lg-slide-vertical .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
        
        .lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
        
        .lg-css3.lg-slide-vertical .lg-item.lg-current {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-vertical .lg-item.lg-next-slide,
        .lg-css3.lg-slide-vertical .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-vertical-growth .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
            -moz-transform: scale3d(0.5, .5, .5) translate3d(0, -150%, 0);
            -o-transform: scale3d(0.5, .5, .5) translate3d(0, -150%, 0);
            -ms-transform: scale3d(0.5, .5, .5) translate3d(0, -150%, 0);
            -webkit-transform: scale3d(0.5, .5, .5) translate3d(0, -150%, 0);
            transform: scale3d(0.5, .5, .5) translate3d(0, -150%, 0)
        }
        
        .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
            -moz-transform: scale3d(0.5, .5, .5) translate3d(0, 150%, 0);
            -o-transform: scale3d(0.5, .5, .5) translate3d(0, 150%, 0);
            -ms-transform: scale3d(0.5, .5, .5) translate3d(0, 150%, 0);
            -webkit-transform: scale3d(0.5, .5, .5) translate3d(0, 150%, 0);
            transform: scale3d(0.5, .5, .5) translate3d(0, 150%, 0)
        }
        
        .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide,
        .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-only .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
            -moz-transform: skew(10deg, 0deg);
            -o-transform: skew(10deg, 0deg);
            -ms-transform: skew(10deg, 0deg);
            -webkit-transform: skew(10deg, 0deg);
            transform: skew(10deg, 0deg)
        }
        
        .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
            -moz-transform: skew(10deg, 0deg);
            -o-transform: skew(10deg, 0deg);
            -ms-transform: skew(10deg, 0deg);
            -webkit-transform: skew(10deg, 0deg);
            transform: skew(10deg, 0deg)
        }
        
        .lg-css3.lg-slide-skew-only .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg);
            -o-transform: skew(0deg, 0deg);
            -ms-transform: skew(0deg, 0deg);
            -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-only .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-only-rev .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
            -moz-transform: skew(-10deg, 0deg);
            -o-transform: skew(-10deg, 0deg);
            -ms-transform: skew(-10deg, 0deg);
            -webkit-transform: skew(-10deg, 0deg);
            transform: skew(-10deg, 0deg)
        }
        
        .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
            -moz-transform: skew(-10deg, 0deg);
            -o-transform: skew(-10deg, 0deg);
            -ms-transform: skew(-10deg, 0deg);
            -webkit-transform: skew(-10deg, 0deg);
            transform: skew(-10deg, 0deg)
        }
        
        .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg);
            -o-transform: skew(0deg, 0deg);
            -ms-transform: skew(0deg, 0deg);
            -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-only-y .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
            -moz-transform: skew(0deg, 10deg);
            -o-transform: skew(0deg, 10deg);
            -ms-transform: skew(0deg, 10deg);
            -webkit-transform: skew(0deg, 10deg);
            transform: skew(0deg, 10deg)
        }
        
        .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
            -moz-transform: skew(0deg, 10deg);
            -o-transform: skew(0deg, 10deg);
            -ms-transform: skew(0deg, 10deg);
            -webkit-transform: skew(0deg, 10deg);
            transform: skew(0deg, 10deg)
        }
        
        .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg);
            -o-transform: skew(0deg, 0deg);
            -ms-transform: skew(0deg, 0deg);
            -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-only-y-rev .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
            -moz-transform: skew(0deg, -10deg);
            -o-transform: skew(0deg, -10deg);
            -ms-transform: skew(0deg, -10deg);
            -webkit-transform: skew(0deg, -10deg);
            transform: skew(0deg, -10deg)
        }
        
        .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
            -moz-transform: skew(0deg, -10deg);
            -o-transform: skew(0deg, -10deg);
            -ms-transform: skew(0deg, -10deg);
            -webkit-transform: skew(0deg, -10deg);
            transform: skew(0deg, -10deg)
        }
        
        .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg);
            -o-transform: skew(0deg, 0deg);
            -ms-transform: skew(0deg, 0deg);
            -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
            -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
            -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
            -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
            -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
            transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px)
        }
        
        .lg-css3.lg-slide-skew .lg-item.lg-next-slide {
            -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
            -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
            -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
            -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
            transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px)
        }
        
        .lg-css3.lg-slide-skew .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-rev .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
            -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
            -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
            -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
            -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
            transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px)
        }
        
        .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
            -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
            -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
            -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
            -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
            transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px)
        }
        
        .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-cross .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
            -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
            -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
            -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
            -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
            transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px)
        }
        
        .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
            -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
            -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
            -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
            -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
            transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px)
        }
        
        .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-cross-rev .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
            -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
            -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
            -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
            -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
            transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px)
        }
        
        .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
            -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
            -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
            -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
            -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
            transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px)
        }
        
        .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-ver .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
            -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
            -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
            -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
            -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
            transform: skew(60deg, 0deg) translate3d(0, -100%, 0px)
        }
        
        .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
            -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
            -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
            -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
            -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
            transform: skew(60deg, 0deg) translate3d(0, 100%, 0px)
        }
        
        .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-ver-rev .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
            -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
            -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
            -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
            -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
            transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px)
        }
        
        .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
            -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
            -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
            -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
            -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
            transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px)
        }
        
        .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-ver-cross .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
            -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
            -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
            -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
            -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
            transform: skew(0deg, 20deg) translate3d(0, -100%, 0px)
        }
        
        .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
            -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
            -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
            -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
            -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
            transform: skew(0deg, 20deg) translate3d(0, 100%, 0px)
        }
        
        .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
            -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
            -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
            -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
            -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
            transform: skew(0deg, -20deg) translate3d(0, -100%, 0px)
        }
        
        .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
            -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
            -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
            -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
            -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
            transform: skew(0deg, -20deg) translate3d(0, 100%, 0px)
        }
        
        .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
            -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
            opacity: 1
        }
        
        .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide,
        .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide,
        .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-lollipop .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-lollipop .lg-item.lg-prev-slide {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
        
        .lg-css3.lg-lollipop .lg-item.lg-next-slide {
            -moz-transform: translate3d(0, 0, 0) scale(0.5);
            -o-transform: translate3d(0, 0, 0) scale(0.5);
            -ms-transform: translate3d(0, 0, 0) scale(0.5);
            -webkit-transform: translate3d(0, 0, 0) scale(0.5);
            transform: translate3d(0, 0, 0) scale(0.5)
        }
        
        .lg-css3.lg-lollipop .lg-item.lg-current {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-lollipop .lg-item.lg-prev-slide,
        .lg-css3.lg-lollipop .lg-item.lg-next-slide,
        .lg-css3.lg-lollipop .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-lollipop-rev .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
            -moz-transform: translate3d(0, 0, 0) scale(0.5);
            -o-transform: translate3d(0, 0, 0) scale(0.5);
            -ms-transform: translate3d(0, 0, 0) scale(0.5);
            -webkit-transform: translate3d(0, 0, 0) scale(0.5);
            transform: translate3d(0, 0, 0) scale(0.5)
        }
        
        .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
        
        .lg-css3.lg-lollipop-rev .lg-item.lg-current {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide,
        .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide,
        .lg-css3.lg-lollipop-rev .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-rotate .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-rotate .lg-item.lg-prev-slide {
            -moz-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg)
        }
        
        .lg-css3.lg-rotate .lg-item.lg-next-slide {
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
        
        .lg-css3.lg-rotate .lg-item.lg-current {
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            opacity: 1
        }
        
        .lg-css3.lg-rotate .lg-item.lg-prev-slide,
        .lg-css3.lg-rotate .lg-item.lg-next-slide,
        .lg-css3.lg-rotate .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-rotate-rev .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
        
        .lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
            -moz-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg)
        }
        
        .lg-css3.lg-rotate-rev .lg-item.lg-current {
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            opacity: 1
        }
        
        .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide,
        .lg-css3.lg-rotate-rev .lg-item.lg-next-slide,
        .lg-css3.lg-rotate-rev .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-css3.lg-tube .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-tube .lg-item.lg-prev-slide {
            -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
            -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
            -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
            -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
            transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0)
        }
        
        .lg-css3.lg-tube .lg-item.lg-next-slide {
            -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
            -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
            -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
            -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
            transform: scale3d(1, 0, 1) translate3d(100%, 0, 0)
        }
        
        .lg-css3.lg-tube .lg-item.lg-current {
            -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-tube .lg-item.lg-prev-slide,
        .lg-css3.lg-tube .lg-item.lg-next-slide,
        .lg-css3.lg-tube .lg-item.lg-current {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
        }
        
        .lg-outer.fb-comments .lg-img-wrap,
        .lg-outer.fb-comments .lg-video-cont {
            padding-right: 400px !important
        }
        
        .lg-outer.fb-comments .fb-comments {
            height: 100%;
            overflow-y: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 420px;
            z-index: 99999;
            background: #fff url(img/loading.gif) no-repeat scroll center center
        }
        
        .lg-outer.fb-comments .fb-comments.fb_iframe_widget {
            background-image: none
        }
        
        .lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
            background: #fff url(img/loading.gif) no-repeat scroll center center
        }
        
        .lg-outer.fb-comments .lg-toolbar {
            right: 420px;
            width: auto
        }
        
        .lg-outer.fb-comments .lg-actions .lg-next {
            right: 420px
        }
        
        .lg-outer.fb-comments .lg-item {
            background-image: none
        }
        
        .lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap,
        .lg-outer.fb-comments .lg-item.lg-complete .lg-video-cont {
            background-image: none
        }
        
        .lg-outer.fb-comments .lg-img-wrap,
        .lg-outer.fb-comments .lg-video-cont {
            background: url(img/loading.gif) no-repeat scroll transparent;
            background-position: center center;
            background-position: calc((100% - 400px)/2) center
        }
        
        .lg-outer.fb-comments .lg-sub-html {
            padding: 0;
            position: static
        }
        
        .lg-outer.fb-comments .lg-video-cont {
            max-width: 1250px !important
        }
        
        body.admin-bar #site-header {
            padding-top: 42px
        }
        
        .main-cont #ftwp-container-outer {
            float: left;
            margin-right: 20px;
            min-width: 300px
        }
        
        .main-cont #ftwp-container.ftwp-wrap #ftwp-trigger {
            display: none !important
        }
        
        #home-in-white {
            position: relative
        }
        
        .content-service {
            width: 700px;
            display: inline-block;
            text-align: left
        }
        
        .container-service {
            text-align: center
        }
        
        #our-team .slick-arrow {
            line-height: 36px !important
        }
        
        .mona-submit-order-btn .fa {
            font-size: 0;
            margin-left: 5px
        }
        
        .mona-submit-order-btn.loading .fa {
            font-size: inherit
        }
        
        msg-error {
            color: #c65848
        }
        
        .g-recaptcha iframe {
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out
        }
        
        .g-recaptcha.error iframe {
            box-shadow: 0 0 20px 1px #da2c2c;
            -webkit-box-shadow: 0 0 20px 1px #da2c2c;
            -moz-box-shadow: 0 0 20px 1px #da2c2c
        }
        
        .mona-supmit-checkout {
            padding: 15px 30px !important;
            background: #458fff !important;
            color: #fff !important;
            font-weight: bold
        }
        
        .mona-wrap-label-hover {
            position: relative
        }
        
        .mona-wrap-label-hover .circle-i {
            position: absolute;
            top: 50%;
            right: 5px;
            cursor: pointer;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%)
        }
        
        .mona-wrap-label-hover .spec-box {
            position: absolute;
            z-index: 2;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 250px;
            background: #363636;
            font-size: 14px;
            color: #fff;
            padding: 15px;
            border-radius: 10px;
            display: none
        }
        
        .mona-wrap-label-hover .icon-spec {
            display: none
        }
        
        .mona-order-detail-list {
            text-align: left;
            padding: 20px;
            background: #fff;
            border-radius: 5px
        }
        
        .mona-order-detail-list h2 {
            font-size: 24px;
            font-weight: bold;
            margin: 0
        }
        
        .mona-order-detail-list h2 p {
            display: inline-block;
            border-bottom: 4px solid #0086da;
            padding-bottom: 0
        }
        
        .mona-order-detail-list h3 {
            font-size: 22px;
            margin: 0;
            margin-bottom: 0;
            float: left;
            width: 250px;
            max-width: 100%
        }
        
        .mona-order-detail-list .wrapper ul {
            padding-left: 15px;
            overflow: hidden
        }
        
        .mona-order-detail-list .mona-item-val {
            padding-bottom: 5px;
            margin-bottom: 5px;
            border-bottom: 1px solid #d6d6d6
        }
        
        .mona-videoserver-popup .mona-popup-video {
            width: 700px;
            margin: auto;
            background: #fff;
            padding: 20px;
            border-radius: 5px;
            max-width: 100%;
            position: relative
        }
        
        .right-txt {
            text-align: right
        }
        
        .mona-videoserver-popup .mona-popup-video .clode-mfg {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 0;
            right: 0;
            text-align: center;
            line-height: 30px;
            display: block;
            cursor: pointer
        }
        
        .mona-videoserver-popup .mona-popup-video .clode-mfg .fa {
            line-height: 30px;
            display: block;
            color: #0086da
        }
        
        .mona-videoserver-popup #this-name {
            display: block;
            color: #d80000;
            margin-top: 10px
        }
        
        .pck-select-col .label-item {
            display: block;
            text-align: right
        }
        
        .pck-select-col .mona-order-field {
            display: none
        }
        
        .pck-select-col .ip-avata {
            display: inline-block;
            vertical-align: middle;
            width: 25px;
            height: 25px;
            border: 2px solid #ddd;
            position: relative;
            margin-right: 5px;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            background: #fff;
            box-sizing: initial;
            border-radius: 25px;
            text-align: center;
            cursor: pointer
        }
        
        .pck-select-col .mona-order-field:checked+.ip-avata {
            border-color: #0086da;
            border-width: 2px
        }
        
        .pck-select-col .ip-avata .fa {
            font-size: 0;
            line-height: 25px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s
        }
        
        .pck-select-col .mona-order-field:checked+.ip-avata .fa {
            font-size: 13px;
            color: #0086da;
            display: block
        }
        
        .form-calc-result .btn {
            margin-top: 20px
        }
        
        button,
        hr,
        input {
            overflow: visible
        }
        
        audio,
        canvas,
        progress,
        video {
            display: inline-block
        }
        
        progress,
        sub,
        sup {
            vertical-align: baseline
        }
        
        [type=checkbox],
        [type=radio],
        legend {
            box-sizing: border-box;
            padding: 0
        }
        
        html {
            width: 100%;
            overflow-x: hidden;
            font-family: sans-serif;
            line-height: 1.15;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }
        
        body {
            margin: 0
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        main,
        menu,
        nav,
        section {
            display: block
        }
        
        h1 {
            font-size: 2em;
            margin: .67em 0
        }
        
        figure {
            margin: 1em 40px
        }
        
        hr {
            box-sizing: content-box;
            height: 0
        }
        
        code,
        kbd,
        pre,
        samp {
            font-family: monospace, monospace;
            font-size: 1em
        }
        
        a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects
        }
        
        a:active,
        a:hover {
            outline-width: 0
        }
        
        abbr[title] {
            border-bottom: 0;
            text-decoration: underline;
            text-decoration: underline dotted
        }
        
        b,
        strong {
            font-weight: bolder
        }
        
        dfn {
            font-style: italic
        }
        
        mark {
            background-color: #ff0;
            color: #000
        }
        
        small {
            font-size: 80%
        }
        
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative
        }
        
        sub {
            bottom: -.25em
        }
        
        sup {
            top: -.5em
        }
        
        audio:not([controls]) {
            display: none;
            height: 0
        }
        
        img {
            border-style: none
        }
        
        svg:not(:root) {
            overflow: hidden
        }
        
        button,
        input,
        optgroup,
        select,
        textarea {
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }
        
        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 {
            border-style: none;
            padding: 0
        }
        
        [type=button]:-moz-focusring,
        [type=reset]:-moz-focusring,
        [type=submit]:-moz-focusring,
        button:-moz-focusring {
            outline: ButtonText dotted 1px
        }
        
        fieldset {
            border: 1px solid silver;
            margin: 0 2px;
            padding: .35em .625em .75em
        }
        
        legend {
            color: inherit;
            display: table;
            max-width: 100%;
            white-space: normal
        }
        
        textarea {
            overflow: auto
        }
        
        [type=number]::-webkit-inner-spin-button,
        [type=number]::-webkit-outer-spin-button {
            height: auto
        }
        
        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }
        
        [type=search]::-webkit-search-cancel-button,
        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }
        
        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }
        
        summary {
            display: list-item
        }
        
        [hidden],
        template {
            display: none
        }
        
        .b,
        b,
        strong {
            font-weight: 700
        }
        
        .b400 {
            font-weight: 400
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin: 10px 0;
            font-weight: 400;
            font-family: raleway, sans-serif
        }
        
        h1 {
            font-size: 48px
        }
        
        h2 {
            font-size: 36px
        }
        
        h3 {
            font-size: 24px
        }
        
        h4 {
            font-size: 18px
        }
        
        h5 {
            font-size: 16px
        }
        
        h6 {
            font-size: 14px
        }
        
        ul {
            margin: 0;
            padding: 0
        }
        
        ul li {
            list-style: none
        }
        
        ol {
            margin: 0;
            padding: 0 0 0 20px
        }
        
        p {
            margin: 0 0 10px 0
        }
        
        a {
            text-decoration: none;
            color: inherit
        }
        
        a:not(.main-btn):hover {
            color: #0086da
        }
        
        img {
            height: auto;
            max-width: 100%;
            transition: all .4s;
            -o-transition: all .4s;
            -moz-transition: all .4s;
            -webkit-transition: all .4s
        }
        
        button[type=button],
        button[type=submit],
        input[type=submit] {
            transition: all .4s;
            -o-transition: all .4s;
            -moz-transition: all .4s;
            -webkit-transition: all .4s;
            cursor: pointer
        }
        
        * {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box
        }
        
        input,
        select,
        textarea {
            padding: 0 5px;
            width: 100%;
            border-radius: 0;
            font-family: inherit
        }
        
        input.f-control,
        select.f-control,
        select.mona-select-option,
        textarea.f-control {
            height: 50px;
            line-height: 30px;
            padding: 10px 20px;
            background: #fff;
            border: 1px solid #ebebeb;
            outline: 0;
            border-radius: 1px
        }
        
        textarea.f-control {
            min-height: 100px;
            resize: none
        }
        
        select.f-control,
        select.mona-select-option {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: url(//mona.media/../images/ico-dropdown.png) #fff no-repeat right 6px center;
            padding-right: 30px;
            height: 30px;
            padding: 0 20px 0 10px;
            border: 0;
            border: 1px solid #ddd
        }
        
        .nice-chkbox,
        .nice-radio,
        .nice-radiobox {
            display: inline-block;
            cursor: pointer
        }
        
        .nice-chkbox input,
        .nice-radio input,
        .nice-radiobox input {
            display: none
        }
        
        .nice-chkbox .pl,
        .nice-radio .pl,
        .nice-radiobox .pl {
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            position: relative;
            margin-right: 5px;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            background: #fff
        }
        
        .nice-chkbox .txt,
        .nice-radio .txt,
        .nice-radiobox .txt {
            display: inline-block;
            vertical-align: middle
        }
        
        .nice-radio .pl {
            border-radius: 50%
        }
        
        .nice-chkbox .pl:before {
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            content: "";
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
            transform: rotateZ(180deg) scale(0);
            -ms-transform: rotateZ(180deg) scale(0);
            -webkit-transform: rotateZ(180deg) scale(0);
            display: block;
            position: absolute;
            top: 4px;
            left: 2px;
            width: 11px;
            height: 4px
        }
        
        .nice-chkbox input:checked+.pl {
            background: #0086da;
            border-color: #0086da
        }
        
        .nice-chkbox input:checked+.pl:before {
            transform: rotateZ(-55deg) scale(1);
            -ms-transform: rotateZ(-55deg) scale(1);
            -webkit-transform: rotateZ(-55deg) scale(1)
        }
        
        .nice-chkbox input:checked~* {
            color: #0086da
        }
        
        .nice-chkbox.s2 {
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            align-items: center;
            flex-direction: row-reverse;
            -webkit-flex-direction: row-reverse
        }
        
        .nice-chkbox.s2 .pl {
            display: inline-block;
            border: 0;
            width: 26px;
            height: 26px;
            border-radius: 2px;
            box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .15);
            -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .15);
            margin: 0 0 0 10px;
            border: 1px solid #ddd
        }
        
        .nice-chkbox.s2 input:checked+.pl {
            background: 0 0;
            border: 1px solid #ddd
        }
        
        .nice-chkbox.s2 input:checked+.pl:before {
            -webkit-transform: none;
            width: 14px;
            height: 14px;
            border: 0;
            top: 50%;
            left: 50%;
            margin: -7px 0 0 -7px;
            background: #0086da;
            border-radius: 4px
        }
        
        .nice-radio .pl,
        .nice-radiobox .pl {
            border-radius: 50%
        }
        
        .nice-radio .pl:before,
        .nice-radiobox .pl:before {
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            content: "";
            width: 8px;
            height: 8px;
            background: #0086da;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -4px 0 0 -4px;
            transform: rotateX(180deg) scale(0);
            -ms-transform: rotateX(180deg) scale(0);
            -webkit-transform: rotateX(180deg) scale(0);
            display: block;
            border-radius: 50%
        }
        
        .nice-radio input:checked+.pl,
        .nice-radiobox input:checked+.pl {
            border-color: #0086da;
            border-width: 2px
        }
        
        .nice-radio input:checked+.pl:before,
        .nice-radiobox input:checked+.pl:before {
            transform: rotateY(0) scale(1);
            -ms-transform: rotateY(0) scale(1);
            -webkit-transform: rotateY(0) scale(1)
        }
        
        .nice-radiobox.s2 {
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            align-items: center;
            flex-direction: row-reverse;
            -webkit-flex-direction: row-reverse
        }
        
        .nice-radiobox.s2 .pl {
            display: inline-block;
            border: 0;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .15);
            -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .15);
            margin: 0 0 0 10px
        }
        
        .nice-radiobox.s2 input:checked+.pl {
            background: 0 0;
            border: 1px solid #118df0
        }
        
        .nice-radiobox.s2 input:checked+.pl:before {
            content: '';
            -webkit-transform: none;
            width: 14px;
            height: 14px;
            border: 0;
            top: 50%;
            left: 50%;
            margin: -7px 0 0 -7px;
            background: #118df0;
            border-radius: 50%
        }
        
        .nice-radiobox.s2 input:checked~* {
            color: #118df0
        }
        
        .nice-upload-btn {
            border: 1px dashed #f91942;
            text-align: center;
            padding: 35px 5px;
            margin: 20px auto;
            color: #f91942;
            text-align: center;
            font-size: 20px;
            max-width: 200px;
            cursor: pointer;
            display: block
        }
        
        .nice-upload-btn input {
            display: none
        }
        
        .nice-upload-btn .ico {
            font-size: 20px
        }
        
        .nice-upload-btn-wp .placeholder {
            text-align: center
        }
        
        .nice-upload-btn-wp .placeholder .it {
            width: 150px;
            height: 150px;
            border-radius: 3px;
            margin: 10px;
            display: inline-block;
            font-size: 25px;
            position: relative;
            background-position: center center;
            background-size: cover;
            box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .7)
        }
        
        .nice-upload-btn-wp .placeholder .remove-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #f04e58;
            color: #fff;
            font-size: 12px;
            cursor: pointer
        }
        
        .nice-upload-btn-wp .placeholder .remove-btn i {
            line-height: 25px
        }
        
        .b {
            font-weight: 700
        }
        
        .text-left {
            text-align: left
        }
        
        .text-right {
            text-align: right
        }
        
        .text-center {
            text-align: center
        }
        
        .hide {
            display: none
        }
        
        .fl {
            float: left
        }
        
        .fr {
            float: right
        }
        
        ,
        .clear,
        .clearfix {
            zoom: 1
        }
        
        .clear:after,
        .clearfix:after {
            content: "";
            clear: both;
            overflow: hidden;
            visibility: hidden;
            display: block
        }
        
        .m-color {
            color: #0086da
        }
        
        .m-bg-color {
            background-color: #0086da
        }
        
        .white {
            color: #fff
        }
        
        .grey4c {
            color: #4c4c4c
        }
        
        .grey36 {
            color: #363636
        }
        
        .grey55 {
            color: #555
        }
        
        .grey61 {
            color: #616161
        }
        
        .grey95 {
            color: #c3c3c3
        }
        
        .s-font {
            font-size: 12px
        }
        
        .b-font {
            font-size: 18px
        }
        
        .w100 {
            width: 100%
        }
        
        .underline {
            text-decoration: underline
        }
        
        .main-btn,
        .white-btn {
            background: #0086da;
            border: 1px solid #0086da;
            color: #fff;
            line-height: 40px;
            height: 40px;
            overflow: hidden;
            text-align: center;
            border-radius: 4px;
            padding: 0 20px;
            display: inline-block;
            background: #0086da;
            background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%);
            text-shadow: 0 1px 0 rgba(0, 0, 0, .3)
        }
        
        .main-btn:hover,
        .white-btn:hover {
            opacity: .95
        }
        
        .main-btn.hover:hover {
            background: 0 0;
            color: #0086da
        }
        
        input.main-btn {
            font-weight: 700;
            width: auto
        }
        
        .main-btn.border {
            background: 0 0;
            color: #0086da
        }
        
        .main-btn.border:hover {
            background: #0086da;
            color: #fff
        }
        
        .white-btn {
            background: #fff;
            border-radius: 0;
            border: 1px solid #e1e1e1;
            color: #000;
            text-align: center
        }
        
        .white-btn:hover {
            color: #fff;
            background: #0086da;
            border-color: #0086da
        }
        
        .white-btn:hover * {
            color: #fff
        }
        
        .res-table {
            overflow-x: auto
        }
        
        .table {
            border-collapse: collapse;
            width: 100%;
            text-align: left
        }
        
        .table td,
        .table th {
            padding: 10px;
            border: 1px solid #e1e1e1
        }
        
        .table th {
            background: #ebebeb
        }
        
        .tmb>img {
            display: block;
            width: 100%
        }
        
        body {
            font-family: PoppinsVN, sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: #000;
            background: #fff;
            line-height: 1.55;
            position: relative;
            left: 0;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            overflow-x: hidden
        }
        
        body.fixed {
            overflow: hidden
        }
        
        .container,
        .s-container {
            width: 100%;
            margin: 0 auto;
            padding-left: 15px;
            padding-right: 15px
        }
        
        .container {
            max-width: 1200px
        }
        
        .s-container {
            max-width: 800px
        }
        
        .use-bg {
            background-size: cover;
            background-position: center center
        }
        
        .use-cols {
            font-size: 0;
            margin-left: -15px;
            margin-right: -15px
        }
        
        .use-cols>.col {
            font-size: 16px;
            display: inline-block;
            vertical-align: top
        }
        
        .flex-view {
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            justify-content: space-between
        }
        
        .flex-view.center {
            align-items: center
        }
        
        #page-wrapper {
            padding-top: 80px
        }
        
        #site-header {
            font-size: 14px;
            padding: 10px 0;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            width: 100vw;
            background: #34343f;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            color: #fff
        }
        
        #site-header .inner {
            height: 60px
        }
        
        #site-header .left a {
            display: inline-block;
            vertical-align: middle
        }
        
        #site-header .left a span {
            display: inline-block;
            vertical-align: middle
        }
        
        #site-header .left .main-logo img {
            display: block
        }
        
        #site-header .left .phone {
            margin: 0 20px 0 35px
        }
        
        #site-header .left .phone .ico {
            margin-right: 10px
        }
        
        ul#pri-menu li {
            position: relative
        }
        
        ul#pri-menu>li {
            display: inline-block;
            vertical-align: middle
        }
        
        ul#pri-menu a {
            display: block
        }
        
        ul#pri-menu>li>a {
            border-radius: 5px;
            padding: 19.5px 13px;
            color: #fff;
            text-transform: uppercase
        }
        
        ul#pri-menu .current-menu-ancestor>a,
        ul#pri-menu .current-menu-item>a,
        ul#pri-menu .current-menu-parent>a,
        ul#pri-menu li>a:hover {
            background: #35393b;
            background: #111;
            color: #c8cacb
        }
        
        .spec-menu>a {
            background: #0086da;
            background: #0086da;
            background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%);
            text-shadow: 0 1px 0 rgba(0, 0, 0, .3)
        }
        
        ul#pri-menu>li.spec-menu>a:hover {
            background: #0086da;
            background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%);
            text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
            color: #fff
        }
        
        ul#pri-menu .sub-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 290px;
            background: #fff;
            box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, .3);
            color: #000
        }
        
        ul#pri-menu .sub-menu li {
            border-bottom: 1px dotted #e1e1e1
        }
        
        ul#pri-menu .sub-menu li:last-child {
            border-bottom: 0
        }
        
        ul#pri-menu li:hover>.sub-menu {
            display: block
        }
        
        ul#pri-menu .sub-menu a {
            display: block;
            padding: 10px 15px
        }
        
        .sec {
            padding-top: 60px;
            padding-bottom: 60px
        }
        
        #sec-blog {
            background: #34343f;
            color: #fff
        }
        
        .sec-tit {
            font-size: 32px;
            margin: 0 0 30px;
            line-height: 40px
        }
        
        h3.sec-tit a {
            text-decoration: none !important
        }
        
        p.nho-hon {
            text-shadow: 0 2px 0 rgba(0, 0, 0, .3);
            opacity: .5;
            font-size: 14px;
            letter-spacing: 1px;
            margin: 30px 0 10px
        }
        
        .sec-subtit {
            font-size: 18px;
            max-width: 800px;
            margin: 0 auto 30px
        }
        
        #home-intro {
            padding: 100px 0 230px;
            background: #34343f
        }
        
        #home-intro .main-tit,
        #home-intro .subtit {
            font-size: 48px
        }
        
        #home-intro .color1 {
            color: #f25b64
        }
        
        #home-intro .color2 {
            color: #dd356e
        }
        
        #home-intro .color3 {
            color: #00a5de
        }
        
        .sec.company-service a {
            text-decoration: underline;
            color: #fff
        }
        
        .sec.company-service .inner {
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: center;
            color: #fff
        }
        
        .sec.company-service:nth-child(odd) .inner {
            flex-direction: row-reverse;
            -webkit-flex-direction: row-reverse
        }
        
        .sec.company-service .inner>aside {
            width: 100%
        }
        
        .sec.company-service .inner .cont {
            text-shadow: 0 2px 5px rgba(0, 0, 0, .3);
            width: 100%
        }
        
        .fig>img {
            display: block;
            margin: 0 auto
        }
        
        .sec.company-service .inner .fig {
            padding: 0 30px;
            width: 100%
        }
        
        .sec.company-service .inner .fig img {
            display: block;
            margin: 0 auto
        }
        
        #web-design.sec {
            background: #0086da;
            position: relative
        }
        
        #web-design.sec:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-bottom: 120px solid #0086da;
            border-right: 100vw solid transparent;
            border-top: 0 solid transparent;
            left: 0;
            top: -120px
        }
        
        #web-design.sec:after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-bottom: 120px solid rgba(52, 52, 63, .5);
            border-right: 100vw solid transparent;
            border-top: 0 solid transparent;
            left: 0;
            top: -120px;
            transform: scaleY(-1);
            -ms-transform: scaleY(-1);
            -webkit-transform: scaleY(-1)
        }
        
        #webapp-programming.sec {
            background: #dd356e
        }
        
        #psd-to-html.sec {
            background: #f25b64
        }
        
        #mobile-programming.sec {
            background: #f1bc14
        }
        
        #seo-service.sec {
            background: #ac61ea
        }
        
        .company-service .actions {
            margin-top: 30px
        }
        
        .company-service .actions a {
            display: inline-block;
            margin-right: 7px;
            font-size: 14px;
            border-radius: 5px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-weight: 600;
            border-radius: 5px;
            border: 1px solid #fff;
            padding: 0 35px;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase
        }
        
        .company-service .actions a:first-child {
            box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
            -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
            border: 0
        }
        
        .company-service .actions a:hover {
            opacity: .8
        }
        
        #seo-service .actions {
            margin-bottom: 100px
        }
        
        #web-design.sec .actions a:first-child {
            background: #006db1
        }
        
        #webap-programming.sec .actions a:first-child {
            background: #df4084
        }
        
        #psd-to-html.sec .actions a:first-child {
            background: #ef4950
        }
        
        #mobile-programming.sec .actions a:first-child {
            background: #eeaf10
        }
        
        #seo-service.sec .actions a:first-child {
            background: #bd74ee
        }
        
        .company-service ol li,
        .company-service ul li {
            position: relative;
            padding: 5px 0 5px 28px
        }
        
        .company-service ul li:before {
            position: absolute;
            top: 8px;
            left: 0;
            content: "\f0da";
            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
        }
        
        .project-it {
            position: relative;
            border-radius: 10px;
            max-width: 570px;
            margin: 0 auto;
            padding: 30px 60px;
            display: block;
            z-index: 2;
            overflow: hidden;
            box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .3)
        }
        
        .project-it .abs-bg {
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }
        
        .project-it .cont {
            padding-right: 45%;
            display: table-cell;
            vertical-align: middle;
            text-align: left
        }
        
        .project-it .tit {
            font-size: 24px;
            height: 30px;
            line-height: 30px;
            overflow: hidden
        }
        
        .project-it .desc {
            margin-bottom: 25px;
            height: 88px;
            line-height: 22px;
            overflow: hidden
        }
        
        .project-it .read-more a {
            border-radius: 5px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            padding: 0 40px;
            text-align: center;
            color: #fff
        }
        
        #featured-projects {
            position: relative;
            background: #fff;
            padding-bottom: 0
        }
        
        #featured-projects .sec-page-tit {
            margin-bottom: 200px
        }
        
        #featured-projects:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-bottom: 120px solid #fff;
            border-right: 100vw solid transparent;
            border-top: 0 solid transparent;
            left: 0;
            top: -120px;
            z-index: 2
        }
        
        #featured-projects:after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-bottom: 120px solid rgba(52, 52, 63, .5);
            border-left: 100vw solid transparent;
            border-top: 0 solid transparent;
            left: 0;
            top: -120px
        }
        
        #primary.page #featured-projects:after,
        #primary.page #featured-projects:before {
            display: none
        }
        
        #featured-projects .slider .slick-track {
            margin: 0 auto
        }
        
        #featured-projects .slider .project-it {
            width: 570px;
            height: 380px;
            position: relative
        }
        
        #featured-projects .slider .it .project-it .cont {
            display: inline-block
        }
        
        #featured-projects .slider .it {
            padding: 15px
        }
        
        #featured-projects .slider2 .it {
            margin-left: 30px;
            padding-left: 0;
            padding-right: 0
        }
        
        #featured-projects .slider .it .tmb {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            right: 0;
            width: 50%
        }
        
        #canvas-projects {
            overflow: hidden;
            position: relative
        }
        
        canvas#bubble {
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0
        }
        
        #canvas-projects .project-detail {
            width: 90%;
            margin: 0 auto;
            font-size: 18px;
            position: relative
        }
        
        #canvas-projects .project-detail .stars-wp {
            margin-bottom: 20px;
            display: inline-block
        }
        
        .bubble-wrap {
            position: relative;
            padding-bottom: 100%;
            margin: 0 auto;
            display: block
        }
        
        #bubble-tag-cloud {
            opacity: 0
        }
        
        .bubble-wrap .list-project {
            background-repeat: no-repeat;
            background-position: top left;
            background-size: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0
        }
        
        .list-project .cloud-element {
            display: block
        }
        
        .list-project .cloud-element a {
            padding: 5px;
            display: block;
            width: 170px;
            height: 170px;
            overflow: hidden;
            position: relative;
            border-radius: 50%;
            background-color: #485053
        }
        
        .list-project .cloud-element a img {
            max-width: 80%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            max-height: 80%;
            width: auto;
            height: auto;
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }
        
        #slider-testimo {
            text-align: center;
            font-size: 18px
        }
        
        .slick-dots {
            position: absolute;
            bottom: -25px;
            list-style: none;
            display: block;
            text-align: center;
            padding: 0;
            margin: 0;
            width: 100%
        }
        
        .slick-dots li {
            position: relative;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer
        }
        
        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 20px;
            width: 20px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }
        
        .slick-dots li button:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #000;
            font-family: slick;
            font-size: 6px;
            line-height: 20px;
            text-align: center;
            color: #000;
            opacity: .25;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 17px;
            top: 24px
        }
        
        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75
        }
        
        .fa-star {
            color: #ffc000
        }
        
        .slick-slide {
            outline: 0 !important
        }
        
        .demon-say span {
            color: #297baf;
            font-weight: 400;
            font-weight: 700
        }
        
        #achievements {
            background: #0086da;
            color: #fff
        }
        
        #achievements .feat-its .it {
            display: inline-block;
            vertical-align: top;
            width: 33.3333%;
            padding: 40px 15px 25px;
            text-align: center;
            border-bottom: 0
        }
        
        #achievements .feat-its .num {
            font-size: 36px;
            font-weight: 700
        }
        
        #achievements .feat-its .txt {
            font-size: 18px;
            font-weight: 700;
            margin: 10px 0;
            font-weight: 400;
            font-family: raleway, sans-serif
        }
        
        #achievements .slogan span {
            color: #913216
        }
        
        #sec-blog .list>.col {
            display: inline-block;
            vertical-align: top;
            width: 33.3333%;
            padding: 0 15px 30px
        }
        
        #sec-blog .read-more {
            text-align: center
        }
        
        .blog-it {
            background: #fff;
            box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .3);
            -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .3);
            color: #000
        }
        
        .blog-it .tmb {
            position: relative
        }
        
        .blog-it .tmb .post-date {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 40px;
            height: 50px;
            background: #363636;
            color: #fff;
            text-align: center;
            line-height: 20px;
            padding: 5px 0
        }
        
        .blog-it .cont {
            padding: 10px 20px 20px
        }
        
        .blog-it .tit {
            font-size: 18px;
            margin: 0 0 15px;
            font-weight: 700;
            min-height: 54px
        }
        
        .blog-it .desc {
            color: #34343f;
            padding-top: 15px;
            position: relative;
            border-top: 1px dotted #959595;
            max-height: 80px;
            line-height: 140%;
            overflow: hidden
        }
        
        .blog-it .desc p {
            margin-bottom: 0
        }
        
        .blog-it .desc .read-more {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 30px;
            height: 20px;
            background: #fff;
            text-align: center
        }
        
        .blog-it .desc .read-more i {
            line-height: 20px
        }
        
        .pagination,
        .wp-pagenavi {
            text-align: center
        }
        
        .pagination .page-numbers a,
        .pagination .page-numbers span,
        .wp-pagenavi a,
        .wp-pagenavi span {
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            background: #d7d7d7;
            border: 1px solid #e1e1e1;
            text-align: center
        }
        
        .pagination ul .current,
        .wp-pagenavi .current {
            background: #fff
        }
        
        .pagination ul li {
            display: inline-block;
            vertical-align: top
        }
        
        #projects-page .pagination {
            padding: 30px 0
        }
        
        #site-footer {
            border-bottom: 1px solid #e1e1e1
        }
        
        #site-footer .boxes {
            margin: 0;
            padding: 80px 0
        }
        
        #site-footer .col {
            width: 25%;
            display: inline-block;
            vertical-align: top;
            padding-right: 25px
        }
        
        .footer-menu a {
            color: #297baf;
            display: block;
            padding: 10px 0;
            font-weight: 700
        }
        
        #site-footer .contact li {
            margin-bottom: 10px
        }
        
        #site-footer .contact .lbl {
            color: #555;
            font-weight: 700
        }
        
        #site-footer .contact p {
            margin-bottom: 0
        }
        
        #site-footer .company-name .txt {
            padding-left: 30px;
            font-size: 18px
        }
        
        .business-license {
            margin: 25px 0 20px
        }
        
        .copyR {
            padding: 12px 0
        }
        
        .gmap-single {
            height: 400px;
            position: relative
        }
        
        .gmap-single iframe {
            width: 100%;
            display: block
        }
        
        #primary.page {
            background: #fff;
            overflow-x: hidden
        }
        
        .project-cats {
            padding: 40px 0 20px
        }
        
        .project-cats li {
            display: inline-block;
            margin-bottom: 5px;
            margin-right: 6px;
            text-align: center
        }
        
        .project-cats li a,
        .project-cats li span {
            background: #fff;
            padding: 10px 40px;
            border-radius: 3px;
            min-height: 32px;
            min-width: 100px;
            display: block;
            line-height: 32px;
            padding: 0 15px;
            color: #000;
            border: 1px solid #e1e1e1
        }
        
        .project-cats .tabs-active,
        .project-cats a:hover {
            background: #0086da;
            color: #fff
        }
        
        #projects-page {
            background: #eee
        }
        
        #projects-page .list {
            padding: 0 68px
        }
        
        #projects-page .list .pj {
            padding: 18px;
            width: 33.3333%;
            display: inline-block;
            vertical-align: top
        }
        
        #projects-page .list .box {
            padding: 7px;
            background: #fff;
            border-radius: 5px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 1px 0 0 #cdd1d2
        }
        
        #projects-page .list .pj .tmb {
            height: 454px;
            overflow: hidden;
            position: relative
        }
        
        #projects-page .pj .info {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            position: absolute;
            right: 0;
            bottom: 0
        }
        
        #projects-page .pj .info .read-more {
            display: none
        }
        
        #projects-page .pj .info.active {
            width: 100%
        }
        
        #projects-page .pj .info.active .read-more {
            display: block
        }
        
        #projects-page .pj .types {
            text-align: right;
            font-size: 0;
            float: right;
            padding: 4px 5px;
            background: rgba(0, 0, 0, .5)
        }
        
        #projects-page .pj .info.active .types {
            float: none;
            padding: 8px 12px 71px
        }
        
        #projects-page .pj .types li {
            font-size: 14px;
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            padding: 0 5px 0 0;
            text-align: left
        }
        
        #projects-page .pj .types li:last-child {
            padding-right: 0
        }
        
        #projects-page .pj .types li span {
            display: inline-block;
            vertical-align: middle
        }
        
        #projects-page .pj .types li .ico img {
            max-height: 22px;
            display: block
        }
        
        #projects-page .pj .types li .txt {
            display: none
        }
        
        #projects-page .pj .info.active .types li .txt {
            display: inline-block;
            margin-left: 5px
        }
        
        #projects-page .pj .info.active .types li {
            width: 50%
        }
        
        #projects-page .list .tit {
            text-align: center;
            color: #0086da;
            font-size: 14px;
            font-weight: 600;
            margin: 5px 0 10px;
            white-space: nowrap;
            overflow: hidden
        }
        
        #projects-page .pj .read-more a {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 125px;
            height: 32px;
            line-height: 32px;
            font-size: 13px
        }
        
        #projects-page .pj .read-more a:hover {
            box-shadow: inset 0 3px 15px 0 rgba(0, 0, 0, .2);
            border-color: transparent
        }
        
        .page-title-wp {
            background: #fff;
            padding: 15px 0
        }
        
        .page-title {
            text-align: center;
            font-size: 32px;
            font-weight: 700
        }
        
        .blog-page .list {
            -moz-column-count: 3;
            -webkit-column-count: 3;
            column-count: 3
        }
        
        .blog-page .list>.col {
            padding: 0 15px 30px;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid-column
        }
        
        .blog-page .blog-it {
            border: 1px solid #e1e1e1;
            box-shadow: none;
            -webkit-box-shadow: none
        }
        
        .blog-page .blog-it .desc {
            line-height: inherit;
            max-height: inherit;
            overflow: visible;
            margin-bottom: 15px
        }
        
        .main-cont {
            background: #fff;
            padding: 0 15px 30px 15px;
            width: calc(100% - 400px);
            width: -webkit-calc(100% - 400px);
            float: left
        }
        
        .main-cont .post-tmb {
            margin-bottom: 20px
        }
        
        .main-cont .the-cont h1,
        .main-cont .the-cont h2,
        .main-cont .the-cont h3,
        .main-cont .the-cont h4,
        .main-cont .the-cont h5,
        .main-cont .the-cont h6 {
            font-weight: 700
        }
        
        .main-cont .the-cont ol li,
        .main-cont .the-cont ul li {
            position: relative;
            padding: 5px 0;
            margin-left: 20px
        }
        
        .main-cont .the-cont ul li:before {
            position: absolute;
            top: 8px;
            left: 0;
            content: "\f0da";
            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;
            color: #0086da
        }
        
        ul.essb_links_list li:before {
            display: none;
            visibility: hidden;
            opacity: 0
        }
        
        pre {
            word-wrap: normal;
            -ms-word-break: normal;
            word-break: normal;
            word-break: normal;
            -webkit-hyphens: none;
            -moz-hyphens: none;
            hyphens: none;
            overflow: auto;
            margin: 2rem 0;
            padding: 1rem .8rem 1rem 1.2rem;
            color: #3f3b36;
            border: 1px solid #0086da;
            border-left: 1rem solid #0086da;
            font: lighter 1.2rem/2rem Monaco, MonacoRegular, monospace;
            background: url(//mona.media/../images/pre.png) repeat 0 -.9rem;
            background-size: 1px 4rem;
            font-size: 13px
        }
        
        code {
            padding: .2rem .1rem;
            color: #333;
            background-color: rgba(245, 217, 149, .3);
            text-shadow: 0 0 .2rem #fff;
            font-size: 1.2rem;
            font-weight: lighter;
            font-family: Monaco, MonacoRegular, monospace
        }
        
        pre code {
            padding: 0;
            color: #3f3b36;
            background-color: transparent;
            font-size: 1.2rem;
            line-height: 2rem;
            text-shadow: none
        }
        
        .wpcf7-form-control-wrap {
            display: block;
            position: relative
        }
        
        .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            right: 15px;
            color: transparent;
            font-size: 0
        }
        
        .wpcf7-form-control-wrap .wpcf7-not-valid-tip:after {
            font-size: 14px;
            content: '!';
            color: red
        }
        
        input.wpcf7-not-valid,
        select.wpcf7-not-valid,
        textarea.wpcf7-not-valid {
            border: 1px solid red
        }
        
        .sidebar {
            width: 400px;
            float: right;
            padding-left: 30px
        }
        
        .widget.latest-posts .it {
            padding-bottom: 30px
        }
        
        .sec-page-tit {
            background: #34343f;
            padding: 35px 0 20px;
            margin-bottom: 120px;
            text-align: center;
            color: #fff;
            position: relative;
            z-index: 2
        }
        
        .sec-page-tit:before {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            z-index: 2;
            width: 1940px;
            height: 150px;
            background: #0086da;
            transform: rotate(-3.5deg) translateX(-50%);
            -ms-transform: rotate(-3.5deg) translateX(-50%);
            -webkit-transform: rotate(-3.5deg) translateX(-50%);
            z-index: -2
        }
        
        .sec-page-tit:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -120px;
            z-index: 2;
            width: 1940px;
            height: 150px;
            background: #34343f;
            transform: rotate(3.5deg) translateX(-50%);
            -ms-transform: rotate(3.5deg) translateX(-50%);
            -webkit-transform: rotate(3.5deg) translateX(-50%);
            box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
            z-index: -1
        }
        
        .sec-page-tit .page-tit {
            max-width: 1170px;
            margin: 0 auto;
            font-size: 48px;
            font-weight: 400;
            font-family: raleway, sans-serif
        }
        
        .sec-page-tit .shadow {
            display: block;
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #34343f;
            width: 100%;
            height: 100%
        }
        
        .sec-about-feats .aside {
            width: 100%;
            font-size: 18px
        }
        
        .sec-about-feats .desc {
            padding: 15px 100px 15px 0
        }
        
        .sec-about-feats .desc p {
            margin-bottom: 15px
        }
        
        .sec-about-feats .feat {
            width: 50%;
            display: inline-block;
            vertical-align: top;
            padding: 15px
        }
        
        .sec-about-feats .feat .num {
            font-size: 30px
        }
        
        .about-pj-process {
            padding-bottom: 30px
        }
        
        .about-pj-process .steps-wp {
            position: relative
        }
        
        .about-pj-process .steps-wp .line {
            border-left: 1px dashed #0086da;
            width: 1px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -.5px
        }
        
        .about-pj-process .step {
            position: relative;
            margin-top: -100px
        }
        
        .about-pj-process .step:nth-child(1) {
            margin-top: 0
        }
        
        .about-pj-process .step:before {
            content: '';
            position: absolute;
            background: #0086da;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            top: 73px;
            left: 50%;
            margin-left: -10px
        }
        
        .about-pj-process .active.step:after {
            content: '';
            position: absolute;
            border: 1px dashed #0086da;
            border-radius: 50%;
            width: 36px;
            height: 36px;
            top: 73px;
            left: 50%;
            margin: -9px 0 0 -18px;
            transition: all 2s
        }
        
        .about-pj-process .active.eff.step:after {
            top: calc(100% + 22px);
            transform: rotateX(180deg)
        }
        
        .about-pj-process .steps-wp {
            counter-reset: pj-project
        }
        
        .about-pj-process .step:nth-child(even) {
            text-align: right
        }
        
        .about-pj-process .step .cont-box {
            display: inline-block;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .3);
            width: 100%;
            max-width: 530px;
            padding: 30px;
            min-height: 150px;
            text-align: left;
            position: relative
        }
        
        .about-pj-process .step .cont-box:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 20px solid #fff;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            position: absolute;
            top: 64px;
            right: -20px;
            z-index: 2
        }
        
        .about-pj-process .step .cont-box:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 20px solid #ddd;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            position: absolute;
            top: 64px;
            right: -21px
        }
        
        .about-pj-process .step:nth-child(even) .cont-box:after,
        .about-pj-process .step:nth-child(even) .cont-box:before {
            right: auto;
            left: -20px;
            transform: scaleX(-1);
            -ms-transform: scaleX(-1);
            -webkit-transform: scaleX(-1)
        }
        
        .about-pj-process .step:nth-child(even) .cont-box:after {
            left: -21px
        }
        
        .about-pj-process .step .cont-box p:last-child {
            margin-bottom: 0
        }
        
        .about-pj-process .step .tit {
            font-size: 18px;
            font-weight: 700;
            color: #0086da;
            font-family: PoppinsVN, sans-serif;
            padding: 40px 0 15px;
            margin: 0;
            position: relative
        }
        
        .about-pj-process .step .tit:before {
            content: counter(pj-project, decimal-leading-zero);
            counter-increment: pj-project;
            position: absolute;
            top: -20px;
            left: -20px;
            font-size: 180px;
            opacity: .1;
            font-weight: 400;
            line-height: 1
        }
        
        .m-bg-color.triangles {
            position: relative;
            margin-top: 120px;
            padding-bottom: 120px
        }
        
        .m-bg-color.triangles:before {
            content: '';
            width: 0;
            height: 0;
            border-bottom: 120px solid #c24d2a;
            border-right: 100vw solid transparent;
            border-top: 0 solid transparent
        }
        
        .m-bg-color.triangles:after,
        .m-bg-color.triangles:before {
            content: '';
            width: 0;
            height: 0;
            border-bottom: 120px solid #0086da;
            border-right: 100vw solid transparent;
            border-top: 0 solid transparent;
            position: absolute;
            top: -120px;
            left: 0
        }
        
        .m-bg-color.triangles:before {
            border-bottom-color: #085c92;
            border-left: 100vw solid transparent
        }
        
        .m-bg-color.triangles .bot-triangle:after,
        .m-bg-color.triangles .bot-triangle:before {
            content: '';
            width: 0;
            height: 0;
            border-bottom: 120px solid #ebebeb;
            border-right: 100vw solid transparent;
            border-top: 0 solid transparent;
            position: absolute;
            bottom: 0;
            left: 0
        }
        
        .m-bg-color.triangles .bot-triangle:after {
            border-bottom-color: #fff;
            border-left: 100vw solid transparent
        }
        
        #sec-faq .list-fack-wrr {
            margin: 0 -15px
        }
        
        #sec-faq .list-fack-wrr:after {
            content: '';
            clear: both;
            display: block;
            overflow: hidden
        }
        
        #sec-faq .list {
            width: 50%;
            float: left;
            padding: 0 15px
        }
        
        #sec-faq .faq-it {
            padding: 5px 15px;
            width: 100%
        }
        
        .faq-it .tit {
            border-radius: 4px;
            background: #fff;
            padding: 5px 40px 5px 15px;
            font-size: 18px;
            font-weight: 700;
            margin: 0;
            cursor: pointer;
            position: relative
        }
        
        .toggle-item .toggle-anchor {
            position: relative;
            cursor: pointer
        }
        
        .toggle-item .toggle-anchor:after {
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transition: all .4s;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -o-transition: all .4s;
            right: 20px;
            content: "\f107";
            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
        }
        
        .toggle-item.active .toggle-anchor:after {
            transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            -webkit-transform: translateY(-50%) rotate(180deg)
        }
        
        .faq-it.active .tit {
            background: #085c92;
            color: #fff;
            box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3)
        }
        
        .faq-it.active .tit:after {
            color: #fff
        }
        
        .faq-it .desc {
            padding: 30px 15px 15px 15px;
            background: #fff;
            border-radius: 4px;
            margin-top: -4px
        }
        
        #scrollTop-btn {
            font-size: 40px;
            position: fixed;
            z-index: 999;
            bottom: 40px;
            right: 10px;
            transition: none;
            -webkit-transition: none;
            display: none
        }
        
        #scrollTop-btn:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #fff;
            z-index: -1;
            margin: -16px 0 0 -16px
        }
        
        .slick-arrow {
            position: absolute;
            top: 50%;
            margin-top: -20px;
            z-index: 99;
            width: 40px;
            height: 40px;
            text-align: center;
            border-radius: 50%;
            line-height: 40px;
            border: 0;
            outline: 0;
            color: #fff;
            background: #0086da;
            font-size: 20px
        }
        
        .slick-arrow:hover {
            background: rgba(0, 0, 0, .6);
            color: #fff
        }
        
        .slick-prev {
            left: -50px
        }
        
        .slick-next {
            right: -50px
        }
        
        #team-slider {
            margin-left: -15px;
            margin-right: -15px;
            padding-top: 15px
        }
        
        #team-slider .it {
            padding: 0 15px
        }
        
        #team-slider .tmb img {
            border-radius: 10px;
            box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .3)
        }
        
        #team-slider .it .name {
            font-size: 18px;
            font-family: PoppinsVN, sans-serif;
            margin: 20px 0 0
        }
        
        #team-slider .it .pos {
            font-family: PoppinsVN, sans-serif;
            font-size: 14px;
            margin: -4px 0 0
        }
        
        #testimonials {
            border-top: 1px solid #e1e1e1
        }
        
        #testimonials .customer-logos {
            text-align: center
        }
        
        #testimonials .customer-logos>.col {
            display: inline-block;
            vertical-align: top;
            padding: 15px
        }
        
        #testimonials .testi-slider {
            font-size: 18px;
            margin-top: 10px
        }
        
        #request-a-quote .cont {
            padding-right: 50px
        }
        
        #request-a-quote .cont a {
            text-decoration: underline;
            font-weight: 700
        }
        
        #request-a-quote .cont ul li {
            position: relative;
            padding: 5px 0 5px 20px;
            margin-bottom: 10px
        }
        
        #request-a-quote .cont ul li:before {
            color: #0086da;
            position: absolute;
            top: 8px;
            left: 0;
            content: "\f0da";
            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
        }
        
        #request-a-quote .main-form {
            min-width: 370px;
            padding: 25px 25px 35px;
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
            -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2)
        }
        
        #sec-service1 {
            background: #f9f9f9
        }
        
        #sec-service1 .fig {
            min-width: 475px;
            padding-right: 100px
        }
        
        #sec-service1 .ser-its .tit {
            font-size: 18px;
            margin-bottom: 0
        }
        
        #sec-service1 .ser-its .desc {
            color: #555;
            margin: 5px 0 20px
        }
        
        #sec-service2 {
            margin-top: 60px
        }
        
        #sec-service2 .sec {
            padding-top: 30px;
            padding-bottom: 40px
        }
        
        #sec-service2 .feats {
            counter-reset: service-item
        }
        
        #sec-service2 .feats .it {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            padding: 20px 40px 20px
        }
        
        #sec-service2 .it .tit {
            position: relative;
            font-size: 18px;
            margin-top: 0
        }
        
        #sec-service2 .it .tit:before {
            position: absolute;
            top: -60px;
            left: -50px;
            font-weight: 400;
            font-family: PoppinsVN, sans-serif;
            line-height: 1;
            content: counter(service-item, decimal-leading-zero);
            counter-increment: service-item;
            font-size: 180px;
            opacity: .1
        }
        
        #sec-service3 .fig {
            margin: 40px 0
        }
        
        #sec-service3 .cont p {
            margin-bottom: 20px
        }
        
        #sec-service3 .cont a {
            text-decoration: underline;
            color: #0086da
        }
        
        #sec-service3 .cont a:hover {
            text-decoration: none
        }
        
        .toggle-item .toggle-cont {
            display: none
        }
        
        #order-types {
            padding: 35px 0 30px
        }
        
        #order-types .it {
            display: inline-block;
            vertical-align: top;
            padding: 4px
        }
        
        #order-types .it .box {
            border-radius: 10px;
            border: 1px solid #e1e1e1;
            width: 160px;
            height: 160px;
            padding: 15px;
            display: table
        }
        
        #order-types .it .box.active {
            color: #fff;
            background: #34343f;
            position: relative
        }
        
        #order-types .it .box.active:after {
            content: '';
            position: absolute;
            bottom: -35px;
            left: 50%;
            margin-left: -10px;
            border-bottom: 10px solid #f8f8f8;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent
        }
        
        #order-types .it .inner {
            display: table-cell;
            vertical-align: middle
        }
        
        #order-types .it .fig img {
            max-height: 86px;
            width: auto
        }
        
        #order-types .it .tit {
            margin-top: 10px
        }
        
        #order-detail .inner-box {
            background: #f8f8f8;
            padding: 25px 70px 45px 70px;
            border-radius: 10px
        }
        
        #order-detail .left {
            width: calc(100% - 400px);
            width: -webkit-calc(100% - 400px)
        }
        
        #order-detail .opts-cont .tit {
            padding: 13px 45px 13px 30px;
            line-height: 24px;
            border-radius: 4px;
            background: #ebebeb;
            color: #555;
            font-size: 18px;
            font-weight: 700;
            font-family: PoppinsVN, sans-serif;
            cursor: pointer
        }
        
        #order-detail .opts-cont .toggle-item.active .tit {
            margin-bottom: -5px;
            background: #0086da;
            color: #fff;
            box-shadow: 0 5px 8px rgba(0, 0, 0, .2)
        }
        
        #order-detail .opts-cont .tit:after {
            position: absolute;
            top: 50%;
            right: 30px
        }
        
        #order-detail .opts-cont .desc {
            background: #fff;
            padding: 25px 30px
        }
        
        .tooltip {
            position: relative;
            color: #00a5de;
            display: inline-block
        }
        
        .tooltip .cont {
            position: absolute;
            z-index: 2;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 250px;
            background: #363636;
            font-size: 14px;
            color: #fff;
            padding: 15px;
            border-radius: 10px;
            display: none
        }
        
        .tooltip .cont:after {
            content: '';
            position: absolute;
            bottom: -7px;
            left: 50%;
            margin-left: -10px;
            border-top: 10px solid #363636;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent
        }
        
        .tooltip:hover .cont {
            display: block
        }
        
        #order-detail .opts-cont .opt {
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            justify-content: space-between;
            padding: 5px 0;
            position: relative
        }
        
        .opts li.opt:before {
            content: "";
            display: block;
            border-bottom: 1px dashed #959595;
            float: none;
            width: 75%;
            margin: 0 auto;
            position: relative;
            top: 16px;
            right: -15px;
            overflow: hidden;
            z-index: 1;
            right: 0;
            width: auto;
            top: 50%;
            position: absolute;
            left: 0
        }
        
        .opts li.opt .lbl {
            background: #fff;
            position: relative;
            z-index: 9;
            padding-right: 10px
        }
        
        .opts li.opt .val {
            background: #fff;
            position: relative;
            z-index: 9;
            padding-left: 10px
        }
        
        #order-detail .opts-cont .opt .nice-chkbox .txt,
        #order-detail .opts-cont .opt .nice-radio .txt {
            min-width: 80px
        }
        
        #order-detail .opts-cont .opt select {
            height: 30px;
            padding: 0 20px 0 10px;
            border: 0;
            border: 1px solid #ddd
        }
        
        #order-detail .opts-cont .opt .val {
            padding-left: 15px;
            text-align: right;
            min-width: 120px
        }
        
        #order-detail .opts-cont .opt .val .select-price {
            display: inline-block;
            min-width: 89px
        }
        
        #order-detail #hosting-unlimited-cao-cap,
        #order-detail #ten-miendomain {
            display: inline-block
        }
        
        #order-detail .right {
            width: 400px;
            padding-left: 30px
        }
        
        .order-form .num-of-pages .f-control {
            border-radius: 10px
        }
        
        .order-form .f-control {
            border-radius: 10px
        }
        
        .order-form .top-part {
            padding-bottom: 5px;
            margin-bottom: 20px;
            border-bottom: 1px solid #e1e1e1
        }
        
        .order-form .num-of-pages {
            margin-bottom: 15px
        }
        
        .order-form .num-of-pages input {
            max-width: 100px
        }
        
        .order-form .form-inner {
            margin-bottom: 30px
        }
        
        .order-form .payment-types .cont>.it {
            border-bottom: 1px solid #4a4a4a;
            padding-bottom: 20px;
            margin-bottom: 20px
        }
        
        .order-form .payment-types .cont>.it:last-child {
            padding-bottom: 0;
            border-bottom: 0
        }
        
        .order-form .payment-types {
            background: #363636;
            color: #fff;
            padding: 25px 30px 30px 30px;
            border-radius: 10px
        }
        
        .order-form .payment-types .quote .lbl {
            opacity: .5
        }
        
        .order-form .payment-types .payment-cards li {
            display: inline-block;
            margin: 5px 2px
        }
        
        .order-form .payment-types .payment-notes {
            opacity: .3;
            font-style: italic
        }
        
        .order-form .payment-types .nice-radio .txt {
            display: inline-block;
            vertical-align: top;
            max-width: calc(100% - 30px);
            max-width: -webkit-calc(100% - 30px);
            font-size: 14px
        }
        
        .order-form .payment-types .payment-notes p {
            margin: 10px 0 0;
            font-size: 14px
        }
        
        #sample-website .aside {
            width: 50%
        }
        
        #sample-website .aside .lbl {
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            margin: 0
        }
        
        #sample-website .main-btn {
            box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
            -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
            height: 45px;
            line-height: 45px;
            text-transform: uppercase;
            font-size: 12px;
            background: #118df0;
            border-color: transparent
        }
        
        #sample-website .main-btn.live {
            background: #fff;
            color: #118df0
        }
        
        #sample-website .sample-img .fig {
            border-radius: 4px;
            padding: 15px;
            box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .1);
            -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .1);
            max-width: 570px;
            position: relative
        }
        
        #sample-website .sample-img .fig:hover:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .5)
        }
        
        #sample-website .sample-img .actions {
            position: absolute;
            top: 40px;
            left: 35px
        }
        
        #sample-website .sample-img .fig img {
            border-radius: 4px
        }
        
        #sample-website .sample-img .feats {
            margin: 30px 0 20px;
            border-bottom: 1px dotted #e3e3e3
        }
        
        #sample-website .sample-img .feats .it {
            width: 50%;
            margin-bottom: 30px;
            padding: 0 15px
        }
        
        #sample-website .sample-img .feats .it span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 15px
        }
        
        #sample-website .sample-img .feats .it .img {
            max-width: 70px
        }
        
        #sample-website .detail-cont {
            padding-left: 10px
        }
        
        #sample-website .detail-cont .top-actions {
            margin-bottom: 30px
        }
        
        #sample-website .detail-cont .top-actions .btn {
            height: 70px;
            line-height: 70px;
            padding: 0 15px;
            border-radius: 4px;
            border: 1px solid #118df0;
            color: #118df0;
            width: 100%;
            text-align: center
        }
        
        #sample-website .detail-cont .top-actions .btn.img {
            min-width: 320px;
            margin-right: 10px;
            background: url(//mona.media/../images/main-btn.jpg) no-repeat center center;
            background-size: cover;
            font-size: 24px;
            color: #fff
        }
        
        #sample-website .detail-cont .opts .it {
            border-bottom: 1px dotted #e3e3e3;
            margin-bottom: 15px;
            padding-bottom: 15px
        }
        
        #sample-website .detail-cont .opts .it:last-child {
            border: 0
        }
        
        #sample-website .detail-cont .opt.has-sub .parent,
        #sample-website .detail-cont .opt:not(.has-sub) {
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: center;
            padding: 5px 0;
            position: relative
        }
        
        .opts-wp li.opt:before {
            content: "";
            display: block;
            border-bottom: 1px dashed #959595;
            float: none;
            width: 75%;
            margin: 0 auto;
            position: relative;
            top: 16px;
            right: -15px;
            overflow: hidden;
            z-index: 1;
            right: 0;
            width: auto;
            top: 50%;
            position: absolute;
            left: 0
        }
        
        #sample-website .detail-cont .opt.has-sub {
            position: relative
        }
        
        #sample-website .detail-cont .opt.has-sub .tit:after {
            background: #118df0;
            color: #fff;
            width: 25px;
            height: 25px;
            line-height: 25px;
            border-radius: 50%;
            text-align: center;
            position: absolute;
            top: 10.5px;
            left: -10px
        }
        
        #sample-website .detail-cont .opt.has-sub .parent {
            margin-bottom: 0
        }
        
        #sample-website .detail-cont .opt .sub-opt {
            display: none
        }
        
        #sample-website .detail-cont .opt .tit {
            min-width: 100px;
            margin: 0 10px 0 0;
            padding-left: 40px;
            padding-left: 15px;
            background: #fff;
            position: relative;
            z-index: 9;
            padding-right: 10px;
            font-family: PoppinsVN, sans-serif
        }
        
        #sample-website .detail-cont .opt .val {
            position: relative;
            background: #fff;
            z-index: 9;
            padding-left: 10px
        }
        
        #sample-website .detail-cont .opt .val .nice-chkbox .txt {
            text-align: right;
            white-space: nowrap
        }
        
        #sample-website .detail-cont .other-info .tit {
            padding-left: 0
        }
        
        #sample-website .detail-cont .other-info .val {
            width: 100%;
            max-width: calc(100% - 110px);
            max-width: -webkit-calc(100% - 110px)
        }
        
        #sample-website .detail-cont .other-info select {
            border: 0;
            box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
            -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2)
        }
        
        #sample-website .detail-cont .opt.has-sub .tit {
            cursor: pointer
        }
        
        #sample-website .subtotal {
            background: #f3f9fe;
            padding: 30px 30px 10px 30px;
            border-radius: 4px;
            -webkit-box-shadow: -1px 15px 25px -1px rgba(0, 0, 0, .2);
            -moz-box-shadow: -1px 15px 25px -1px rgba(0, 0, 0, .2);
            box-shadow: -1px 15px 25px -1px rgba(0, 0, 0, .2)
        }
        
        #sample-website .subtotal .it {
            border-bottom: 1px solid #dae0e4;
            margin-bottom: 15px;
            padding-bottom: 15px
        }
        
        #sample-website .subtotal .it:last-child {
            border-bottom: 0;
            padding-bottom: 0
        }
        
        #sample-website .subtotal .total-val {
            font-size: 24px;
            font-weight: 700;
            color: #fff;
            letter-spacing: 2px
        }
        
        #sample-website .subtotal .txt {
            max-width: 40%
        }
        
        #sample-website .subtotal .val {
            text-align: right;
            min-width: 190px
        }
        
        #sample-website .hotline {
            background: #118df0;
            padding: 30px;
            text-align: center;
            margin: 30px 0;
            border-radius: 4px;
            -webkit-box-shadow: -1px 15px 25px -1px rgba(0, 0, 0, .2);
            -moz-box-shadow: -1px 15px 25px -1px rgba(0, 0, 0, .2);
            box-shadow: -1px 15px 25px -1px rgba(0, 0, 0, .2)
        }
        
        #sample-website .hotline .num span {
            font-size: 24px;
            color: #2ff
        }
        
        #sample-website .hotline .num span {
            display: inline-block;
            vertical-align: middle
        }
        
        #sample-website .bot-note>* {
            width: 100%
        }
        
        #sample-website .bot-note .tmb {
            max-width: 180px;
            padding-right: 20px
        }
        
        .related-webs .list>.it {
            margin-bottom: 25px
        }
        
        .related-webs .it .web-cats .it {
            display: inline-block;
            vertical-align: top;
            padding: 5px
        }
        
        .related-webs .it .tmb {
            max-width: 170px;
            float: left;
            padding: 10px;
            box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .2);
            -webkit-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .2)
        }
        
        .related-webs .it .cont {
            float: left;
            max-width: calc(100% - 170px);
            max-width: -webkit-calc(100% - 170px);
            padding-left: 30px
        }
        
        .related-webs .bot-desc {
            padding-top: 20px
        }
        
        .sec-title {
            display: block;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 25px;
            font-size: 30px;
            font-weight: 500;
            line-height: 110%
        }
        
        .the-content h1,
        .the-content h2,
        .the-content h3,
        .the-content h4,
        .the-content h5,
        .the-content h6 {
            font-weight: 700
        }
        
        .the-content h2 {
            font-size: 26px
        }
        
        .all {
            position: relative;
            margin: 0 auto;
            width: 1170px;
            max-width: 100%
        }
        
        .main {
            float: left;
            width: 100%
        }
        
        .sec-title .tt-txt-1 {
            font-size: 24px;
            margin-bottom: 5px;
            font-weight: 700;
            color: #363636;
            text-align: center
        }
        
        .project-detail-wrap figure.img {
            margin: 0
        }
        
        .project-detail-wrap>.img {
            float: left;
            width: 50%;
            padding-right: 15px;
            margin: 0
        }
        
        .project-detail-wrap .info {
            float: right;
            width: 50%;
            padding-left: 15px
        }
        
        .project-detail-wrap .info .actions .btn {
            text-align: center;
            min-width: 110px
        }
        
        .project-detail-wrap .actions {
            margin-bottom: 25px
        }
        
        .btn.primary-btn {
            background-color: #0086da;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase
        }
        
        .btn.primary-btn:hover {
            color: #fff
        }
        
        .btn {
            padding: 10px 20px;
            border-radius: 5px;
            border: 1px solid #0086da;
            color: #0086da;
            display: inline-block
        }
        
        #infor-sticky-wrapper {
            width: 50%;
            float: right
        }
        
        .the-content .actions {
            padding: 30px 0
        }
        
        .project-hover {
            background: #ebebeb;
            padding: 40px 0;
            text-align: center
        }
        
        .mona-cats-title {
            margin-bottom: 20px;
            list-style: none;
            display: block;
            text-align: left
        }
        
        .mona-cats-title li {
            display: inline-block;
            margin-bottom: 5px;
            margin-right: 6px;
            text-align: center
        }
        
        .mona-cats-title li .tabs-active,
        .mona-cats-title li a {
            -webkit-transition: ease-in-out .3s;
            -moz-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
            background: #fff;
            padding: 10px 40px;
            border-radius: 3px;
            min-height: 32px;
            min-width: 100px;
            display: block;
            line-height: 32px;
            padding: 0 15px;
            color: #000;
            display: inline-block
        }
        
        .mona-cats-title li .tabs-active,
        .mona-cats-title li a:hover {
            background: #0086da;
            color: #fff
        }
        
        .project-hover .tab-div {
            padding: 0 10px;
            text-align: center
        }
        
        .box-project-hover {
            background: #fff;
            padding: 7px 7px;
            width: calc(33% - 78px);
            float: none;
            margin: 19px 19px;
            display: inline-block;
            vertical-align: top;
            box-shadow: 0 1px 0 0 #cdd1d2;
            background: #fff;
            border-radius: 5px
        }
        
        .box-project-hover h3 {
            color: #0086da;
            font-size: 14px;
            font-weight: 600;
            margin: 5px 0 10px;
            white-space: nowrap;
            overflow: hidden
        }
        
        .content-project-hover {
            position: relative;
            overflow: hidden
        }
        
        .box-project-hover .content-project-hover {
            position: relative
        }
        
        .img-relative {
            position: relative;
            height: 454px;
            overflow-y: hidden
        }
        
        .box-project-hover .content-project-hover .mona-info-box {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            background: rgba(0, 0, 0, .5);
            position: absolute;
            width: 100%;
            padding: 10px 0;
            bottom: -60px;
            display: block
        }
        
        .box-project-hover .content-project-hover:hover .mona-info-box {
            bottom: 0
        }
        
        .img-relative img {
            width: 100%;
            height: auto
        }
        
        .mona-list-info {
            list-style: none;
            padding: 0 20px
        }
        
        .mona-list-info li {
            display: inline-block;
            width: 15%;
            float: none;
            color: #fff;
            padding: 0 10px;
            margin-bottom: 5px;
            text-align: left
        }
        
        .mona-list-info li .info-icon {
            margin-right: 0
        }
        
        .mona-list-info li .info-title {
            display: none;
            vertical-align: text-bottom
        }
        
        .box-project-hover .content-project-hover .mona-info-box a {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            margin-top: 10px;
            display: inline-block;
            background: #0086da;
            color: #fff;
            padding: 5px 30px
        }
        
        .box-project-hover .content-project-hover .mona-info-box {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            background: rgba(0, 0, 0, .5);
            position: absolute;
            width: 100%;
            padding: 10px 0;
            bottom: -60px;
            display: block
        }
        
        .blog-it .tmb img {
            width: 100%
        }
        
        .page.website-design-intro .sec-subtit {
            font-size: 24px
        }
        
        .page.website-design-intro .main-btn {
            line-height: 45px;
            height: 45px;
            font-size: 14px
        }
        
        #web-design-intro .cont {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 435px
        }
        
        #web-design-intro .cont:hover .abs {
            transform: translateY(10px);
            -ms-transform: translateY(10px);
            -webkit-transform: translateY(10px)
        }
        
        #web-design-intro .cont .page-tit {
            font-size: 72px;
            font-weight: 700;
            line-height: 1
        }
        
        #web-design-intro .cont .abs {
            position: absolute;
            z-index: -1
        }
        
        #web-design-intro .cont .fig1 {
            top: -90px;
            left: -70px
        }
        
        #web-design-intro .cont .fig2 {
            top: -25px;
            right: -70px
        }
        
        #web-design-intro .cont .fig3 {
            bottom: -175px;
            right: 65px;
            z-index: 0
        }
        
        #web-design-intro .cont .fig4 {
            bottom: -65px;
            left: -40px
        }
        
        #web-design-intro .fig {
            padding-left: 140px
        }
        
        #web-design-feats .fig {
            position: relative;
            right: -100px
        }
        
        #web-design-feats .fig:after,
        #web-design-feats .fig:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 20px;
            background: rgba(255, 255, 255, .9)
        }
        
        #web-design-feats .fig:after {
            height: 50px;
            top: auto;
            bottom: 0
        }
        
        #web-design-feats .it {
            margin-bottom: 30px
        }
        
        #web-design-feats .it span {
            display: inline-block;
            vertical-align: middle
        }
        
        #web-design-feats .feats .it .txt {
            max-width: calc(100% - 75px);
            max-width: -webkit-calc(100% - 75px)
        }
        
        #web-design-feats .it .ico {
            margin-right: 20px
        }
        
        #web-design-feats .benefits {
            padding-top: 40px
        }
        
        #web-design-feats .benefits .it {
            width: 25%;
            padding: 0 15px;
            text-align: center
        }
        
        #web-design-feats .benefits .it .txt {
            margin: 30px 0 0
        }
        
        iframe {
            max-width: 100%
        }
        
        .res-video {
            position: relative;
            padding-bottom: 56%
        }
        
        .res-video iframe {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%
        }
        
        #web-design-video .stats {
            margin-top: 80px
        }
        
        #web-design-video .stats .it {
            width: 33.3333%;
            padding: 0 15px 0 45px;
            position: relative
        }
        
        #web-design-video .stats .it:first-child {
            padding-left: 15px
        }
        
        #web-design-video .stats .it:after {
            content: '';
            position: absolute;
            top: 10%;
            right: 0;
            width: 1px;
            height: 80%;
            border-right: 1px solid #e1e1e1
        }
        
        #web-design-video .stats .it:last-child:after {
            display: none
        }
        
        #web-design-video .stats .val {
            font-size: 48px;
            line-height: 1
        }
        
        #web-design-video .stats .lbl {
            margin-top: 5px
        }
        
        #web-design-quo .main-wp {
            position: relative;
            z-index: 2
        }
        
        #web-design-quo .abs {
            position: absolute;
            z-index: -1
        }
        
        #web-design-quo .abs.fig1 {
            top: 0;
            left: -250px
        }
        
        #web-design-quo .abs.fig2 {
            top: -10px;
            right: -65px
        }
        
        #web-design-quo .abs.fig3 {
            transform: scaleX(-1) rotate(-13deg) skewX(30deg);
            max-width: 100px;
            right: 250px
        }
        
        #web-design-quo .abs.fig4 {
            bottom: -40px;
            left: -40px
        }
        
        #web-design-quo .inner>aside {
            width: 100%
        }
        
        #web-design-quo .inner .cont {
            padding-right: 100px
        }
        
        #web-design-quo .main-form .use-cols {
            margin: 0 -5px
        }
        
        #web-design-quo .main-form .col {
            padding: 0 5px 15px 5px;
            width: 50%
        }
        
        #web-design-quo .main-form .col.full {
            width: 100%
        }
        
        #high-up-web-design .inner>aside {
            width: 100%
        }
        
        #high-up-web-design .faq .it {
            margin-bottom: 10px
        }
        
        #high-up-web-design .toggle-anchor {
            background: #0086da;
            color: #fff;
            line-height: 25px;
            padding: 10px 45px 10px 15px;
            border-radius: 4px;
            margin: 0
        }
        
        #high-up-web-design .toggle-anchor:after {
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            background: rgba(0, 0, 0, .2);
            border-radius: 50%;
            font-size: 12px
        }
        
        #high-up-web-design .toggle-cont {
            background: #fff;
            padding: 20px;
            box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .1)
        }
        
        #high-up-web-design .inner .cont-wp {
            padding-left: 50px
        }
        
        #high-up-web-design .inner .cont-wp p {
            margin-bottom: 20px
        }
        
        #sample-web-intro1 {
            text-align: justify
        }
        
        #sample-web-intro2 {
            background: #f8f8f8
        }
        
        #sample-web-intro2 .inner>* {
            width: 100%
        }
        
        #sample-web-intro2 .inner .fig {
            max-width: 385px;
            padding: 0 30px;
            margin: 0 auto
        }
        
        #sample-web-slider {
            background: #ebebeb
        }
        
        .tags-list li {
            display: inline-block;
            vertical-align: top;
            margin: 0 3px 6px 0
        }
        
        .tags-list li a {
            height: 30px;
            line-height: 30px;
            display: block;
            text-align: center;
            background: #fff;
            border: 1px solid #e1e1e1;
            border-radius: 4px;
            color: #505050;
            padding: 0 10px;
            font-size: 13px
        }
        
        .tags-list li a:hover {
            background: #0086da;
            color: #fff
        }
        
        .sample-web-cats {
            text-align: center
        }
        
        .sample-web-cats>li {
            padding: 0 5px 30px
        }
        
        .sample-web-cats li a {
            width: 210px;
            font-size: 14px;
            display: block;
            line-height: 25px;
            min-height: 45px;
            padding: 10px;
            text-align: center;
            color: #fff;
            border-radius: 5px
        }
        
        .sample-web-cats li a:hover {
            color: #fff
        }
        
        .sample-web-cats>li:nth-child(5n+1) a {
            background: #118df0
        }
        
        .sample-web-cats>li:nth-child(5n+2) a {
            background: #662c91
        }
        
        .sample-web-cats>li:nth-child(5n+3) a {
            background: #14b5b3
        }
        
        .sample-web-cats>li:nth-child(5n+4) a {
            background: #fe9275
        }
        
        .sample-web-cats>li:nth-child(5n+5) a {
            background: #384e9f
        }
        
        #sample-web-slider .sample-webs-slider {
            margin-top: -10px
        }
        
        .sample-webs-list.slider .it {
            width: 384px;
            padding: 10px 15px
        }
        
        #sample-web-slider .slider .box,
        .sample-webs-list .box {
            background: #fff;
            padding: 10px;
            border-radius: 4px;
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
            -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2)
        }
        
        .sample-webs-list .tmb {
            position: relative
        }
        
        .sample-webs-list .tmb .type {
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
            border-radius: 4px;
            color: #0086da;
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3);
            height: 45px;
            line-height: 45px;
            padding: 0 25px;
            font-size: 13px
        }
        
        .sample-webs-list .tmb .type.t2 {
            background: #0086da;
            color: #fff
        }
        
        #sample-web-slider .slider .tmb img,
        .sample-webs-list .tmb img {
            border-radius: 4px
        }
        
        #sample-web-slider .slider .tit,
        .sample-webs-list .tit {
            text-align: center;
            font-weight: 700;
            color: #0086da;
            font-size: 14px;
            margin-top: 0
        }
        
        #sample-web-slider .slider .tags-list,
        .sample-webs-list .tags-list {
            margin-top: 10px;
            color: #505050;
            font-size: 13px
        }
        
        #sample-web-slider .slider {
            font-size: 0
        }
        
        #sample-web-slider .slider .it {
            font-size: 16px;
            width: calc(100%/3);
            display: inline-block;
            vertical-align: top;
            padding: 15px
        }
        
        #sample-webs-list .more-items {
            margin: 30px 0 0
        }
        
        #sample-webs-list .more-items a {
            width: 270px;
            font-size: 14px;
            height: 60px;
            line-height: 60px
        }
        
        #cheap-web-reasons .feats {
            padding-top: 30px
        }
        
        #cheap-web-reasons .feats .it {
            width: 33.3333%;
            padding: 0 30px;
            margin-bottom: 30px
        }
        
        #cheap-web-reasons .feats .tit {
            font-size: 24px;
            margin: 25px 0
        }
        
        #cheap-web-reasons .feats .fig img {
            margin: 0
        }
        
        #cheap-web-reasons .feats .desc p {
            margin-bottom: 20px
        }
        
        #cheap-web-reasons .feats .desc p:last-child {
            margin-bottom: 0
        }
        
        #our-services {
            background: #3e2f2f;
            background: #001f3b url(https://mona.media/template/images/bg2.jpg);
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover
        }
        
        #our-services .it {
            width: 50%;
            padding: 30px 60px 0
        }
        
        #our-services .it .tit {
            margin-top: 0;
            font-size: 18px;
            font-family: PoppinsVN, sans-serif;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700
        }
        
        #our-services .it .desc {
            opacity: .7
        }
        
        .landing-elearning .sec {
            padding-top: 60px;
            padding-bottom: 60px
        }
        
        .landing-elearning .main-btn {
            height: 45px;
            line-height: 45px;
            font-size: 14px;
            position: relative;
            overflow: visible
        }
        
        .landing-elearning .main-btn:after {
            content: '';
            position: absolute;
            bottom: 0;
            height: 5px;
            left: 5%;
            width: 90%;
            display: block;
            z-index: -1
        }
        
        .landing-elearning .main-btn:hover:after {
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
            -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3)
        }
        
        #elearning-intro .feats {
            padding: 60px 0
        }
        
        #elearning-intro .feats .it {
            width: 20%;
            padding: 0 15px
        }
        
        #elearning-intro .feats .tit {
            font-size: 18px;
            font-weight: 700;
            font-family: PoppinsVN, sans-serif;
            margin: 15px 0 0
        }
        
        #elearning-intro .short-desc {
            padding: 40px 0;
            border-top: 2px dotted #0086da;
            border-bottom: 2px dotted #0086da;
            width: 800px;
            text-align: left;
            margin: 0 auto
        }
        
        #elearning-intro .short-desc p {
            margin-bottom: 25px
        }
        
        #elearning-intro .packs .it {
            width: 33.3333%;
            padding: 40px
        }
        
        #elearning-intro .packs .it .tit {
            margin: 30px 0 20px
        }
        
        #elearning-intro .packs .it .read-more {
            margin-top: 30px
        }
        
        #elearning-intro .packs .it .read-more a {
            min-width: 170px
        }
        
        #elearning-all-packs {
            position: relative;
            background: #f8f8f8
        }
        
        #elearning-all-packs:before {
            content: '';
            position: absolute;
            top: -75px;
            left: 0;
            border-right: 100vw solid #c24d2a;
            border-top: 120px solid transparent
        }
        
        #elearning-all-packs:after {
            content: '';
            position: absolute;
            top: -75px;
            left: 0;
            border-left: 100vw solid #f8f8f8;
            border-top: 120px solid transparent
        }
        
        #elearning-all-packs .actions {
            margin-top: 30px
        }
        
        #elearning-all-packs .actions a {
            margin: 0 3.5px
        }
        
        #elearning-all-packs .actions .read-more {
            background: #fff;
            color: #0086da;
            border-color: #fff
        }
        
        .elearning-package {
            padding: 95px 0 135px;
            position: relative;
            z-index: 1
        }
        
        .elearning-package:first-child {
            padding-top: 60px
        }
        
        .elearning-package:last-child {
            padding-bottom: 60px
        }
        
        .elearning-package:before {
            content: '';
            position: absolute;
            top: -75px;
            left: 0;
            border-right: 100vw solid #c24d2a;
            border-top: 120px solid transparent
        }
        
        .elearning-package:after {
            content: '';
            position: absolute;
            top: -75px;
            left: 0;
            border-left: 100vw solid #f8f8f8;
            border-top: 120px solid transparent
        }
        
        .elearning-package:nth-child(1):after,
        .elearning-package:nth-child(1):before {
            display: none
        }
        
        .elearning-package:nth-child(even):before {
            z-index: 1
        }
        
        .elearning-package:nth-child(2):before {
            border-right-color: #dd356e
        }
        
        .elearning-package:nth-child(2):after {
            border-left-color: #9d244d
        }
        
        .elearning-package:nth-child(3):before {
            border-right-color: #ac61ea
        }
        
        .elearning-package:nth-child(3):after {
            border-left-color: #563075
        }
        
        .elearning-package:nth-child(3n+1) {
            background: #f25b64
        }
        
        .elearning-package:nth-child(3n+2) {
            background: #dd356e
        }
        
        .elearning-package:nth-child(3n+3) {
            background: #563075
        }
        
        .elearning-package .sec-tit {
            font-size: 48px;
            font-weight: 700;
            margin: 0;
            text-align: center
        }
        
        .elearning-package .sec-subtit {
            font-size: 30px;
            text-align: center;
            margin: 3px auto 60px;
            position: relative
        }
        
        .elearning-package .sec-subtit:after {
            content: '';
            position: absolute;
            bottom: -30px;
            left: 50%;
            border: 1px solid #fff;
            background: #fff;
            height: 5px;
            width: 70px;
            transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }
        
        .elearning-package .intro>* {
            width: 100%
        }
        
        .elearning-package .intro .fig {
            padding-right: 55px
        }
        
        .elearning-package .price-lbl {
            height: 70px;
            line-height: 70px;
            padding: 0 15px;
            max-width: 330px;
            width: 100%;
            font-size: 24px;
            font-weight: 700;
            background: #9d244d;
            display: block;
            border-radius: 4px;
            text-align: center
        }
        
        .elearning-package:nth-child(1) .price-lbl {
            background: #fe3c1c
        }
        
        .elearning-package:nth-child(2) .price-lbl {
            background: #f61b72
        }
        
        .elearning-package:nth-child(2) .sec-subtit:after {
            background: #0086da
        }
        
        .elearning-package:nth-child(even) .intro {
            flex-direction: row-reverse;
            -webkit-flex-direction: row-reverse
        }
        
        .elearning-package:nth-child(even) .intro .fig {
            padding: 0 0 0 50px
        }
        
        .elearning-package:nth-child(3) .price-lbl {
            background: #ac61ea
        }
        
        .elearning-package .intro .tit {
            font-size: 18px;
            font-weight: 700;
            margin: 25px 0
        }
        
        .elearning-package .intro .desc p {
            margin-bottom: 25px;
            text-shadow: 0 2px 5px rgba(0, 0, 0, .3)
        }
        
        .elearning-package .sample-webs-list .it {
            width: 33.3333%;
            padding: 15px 15px 30px
        }
        
        .elearning-package .actions .main-btn {
            margin: 0 3px;
            min-width: 170px;
            font-weight: 700;
            border: 0
        }
        
        .elearning-package .actions .main-btn:after {
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
            -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3)
        }
        
        .elearning-package .actions .read-more {
            background: #fff;
            color: #0086da
        }
        
        .elearning-package:nth-child(2) .actions .order-btn {
            background: #e50000
        }
        
        .elearning-package:nth-child(2) .actions .read-more {
            color: #e50000
        }
        
        .elearning-package:nth-child(3) .actions .order-btn {
            background: #ac61ea
        }
        
        .elearning-package:nth-child(3) .actions .read-more {
            color: #ac61ea
        }
        
        #elearning-funcs {
            padding-bottom: 30px
        }
        
        #elearning-funcs .feats .it {
            width: 33.3333%;
            margin-bottom: 30px;
            padding: 0 35px 0 15px
        }
        
        #elearning-funcs .feats .fig {
            min-height: 88px;
            display: table;
            width: 100%
        }
        
        #elearning-funcs .feats .fig span {
            display: table-cell;
            vertical-align: bottom
        }
        
        #elearning-funcs .feats .fig img {
            margin: 0
        }
        
        #elearning-funcs .feats .tit {
            margin: 20px 0
        }
        
        #elearning-cform {
            border-bottom: 1px dashed rgba(255, 255, 255, .2);
            padding-bottom: 50px
        }
        
        #elearning-cform .inner {
            max-width: 610px;
            margin: 0 auto
        }
        
        #elearning-cform .inputs .it {
            display: flex;
            display: -ms-flex;
            display: -webkit-flex;
            justify-content: space-between
        }
        
        #elearning-cform .inputs .it .field {
            width: 100%;
            padding: 5px
        }
        
        #elearning-cform input.f-control,
        #elearning-cform select.f-control {
            height: 45px;
            line-height: 25px;
            padding-left: 25px
        }
        
        #elearning-cform select.f-control {
            font-weight: 700
        }
        
        #elearning-cform textarea.f-control {
            min-height: 90px
        }
        
        #elearning-cform .submit {
            margin-top: 15px
        }
        
        #elearning-cform .submit-btn {
            min-width: 170px;
            background: #c24d2a
        }
        
        #error404 {
            background: #34343f;
            color: #fff;
            padding: 100px 0
        }
        
        @media screen and (max-width:1650px) {
            #web-design-quo .abs.fig1 {
                left: 15px
            }
            #web-design-quo .abs.fig4 {
                bottom: -80px;
                left: 15px
            }
        }
        
        @media screen and (max-width:1050px) {
            body.push {
                left: 280px
            }
            body:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, .3);
                transition: all .4s;
                -webkit-transition: all .4s;
                -moz-transition: all .4s;
                -o-transition: all .4s;
                z-index: -1;
                opacity: 0
            }
            body.push:after {
                z-index: 999;
                opacity: 1
            }
            .menu-icon {
                display: block;
                width: 30px;
                height: 19px;
                cursor: pointer;
                transition: all .4s;
                -webkit-transition: all .4s;
                -moz-transition: all .4s;
                -o-transition: all .4s
            }
            .menu-icon span {
                height: 1px;
                width: 100%;
                display: block;
                background: #fff;
                margin-bottom: 7px;
                transition: all .4s;
                -webkit-transition: all .4s;
                -moz-transition: all .4s;
                -o-transition: all .4s;
                position: relative
            }
            .menu-icon span:last-child {
                margin-bottom: 0
            }
            .menu-icon.active {
                width: 45px;
                margin-right: 10px
            }
            .menu-icon.active span:first-child {
                transform: rotate(225deg);
                -ms-transform: rotate(225deg);
                -webkit-transform: rotate(225deg);
                top: 13px;
                left: -2px;
                width: 15px
            }
            .menu-icon.active span:nth-child(2) {
                left: 1px
            }
            .menu-icon.active span:last-child {
                transform: rotate(-225deg);
                -ms-transform: rotate(-225deg);
                -webkit-transform: rotate(-225deg);
                top: -13px;
                width: 15px;
                left: -2px
            }
            #main-nav {
                position: fixed;
                top: 80px;
                left: -300px;
                width: 300px;
                height: 100%;
                background: #34343f;
                transition: all .3s;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s;
                overflow-y: auto;
                padding-bottom: 160px
            }
            #main-nav:after {
                content: "";
                position: fixed;
                height: 100%;
                width: 100%;
                top: 60px;
                background: rgba(0, 0, 0, .5);
                z-index: 99;
                left: calc(100% + 300px);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -o-transition: all .3s
            }
            #main-nav.push:after {
                left: 300px
            }
            #main-nav.push {
                left: 0;
                border-right: 1px solid rgba(255, 255, 255, .1)
            }
            ul#pri-menu>li {
                display: block
            }
            ul#pri-menu a {
                border-top: 1px solid rgba(255, 255, 255, .1);
                position: relative
            }
            ul#pri-menu li.spec-menu>a {
                border: 0
            }
            ul#pri-menu a:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 1px;
                border-top: 1px solid rgba(0, 0, 0, .5)
            }
            ul#pri-menu>li>a {
                border-radius: 0;
                padding: 10px 15px
            }
            ul#pri-menu .sub-menu {
                position: static;
                display: block;
                width: 100%;
                background: 0 0;
                color: #fff;
                box-shadow: none
            }
            ul#pri-menu .sub-menu li {
                border-bottom: 0
            }
            ul#pri-menu .sub-menu a {
                padding-left: 30px
            }
            .bubble-wrap {
                overflow: hidden;
                border-radius: 50%
            }
            #projects-page .list {
                padding: 0
            }
            .about-pj-process .step .cont-box {
                max-width: 45%
            }
            #order-types .it .box.active:after {
                display: none
            }
            #sample-website .detail-cont .top-actions .btn.img {
                min-width: inherit
            }
            .tooltip .cont {
                left: 0;
                transform: none;
                -ms-transform: none;
                -webkit-transform: none
            }
            .tooltip .cont:after {
                display: none
            }
            #web-design-intro .cont .abs {
                opacity: .2;
                max-width: 100px
            }
            #web-design-intro .cont .fig1 {
                left: 0
            }
            #web-design-intro .cont .fig2 {
                top: -55px;
                right: 0
            }
            #web-design-intro .cont .fig4 {
                left: 0
            }
            #web-design-intro .cont .fig3 {
                right: 0;
                z-index: -1
            }
            #web-design-feats .fig {
                right: 0;
                padding: 0 30px;
                max-width: 30%
            }
            #web-design-video .stats {
                margin-top: 30px
            }
            #web-design-video .stats .val {
                font-size: 32px
            }
            #web-design-video .stats {
                text-align: center
            }
            #web-design-video .stats .it {
                padding: 0 15px
            }
            #sample-web-slider .slider .it {
                width: 25%
            }
        }
        
        @media screen and (max-width:991px) {
            .blog-page .list>.col {
                padding: 0 5px 10px
            }
            .sec.company-service .inner {
                display: block
            }
            .company-service .actions {
                text-align: center
            }
            .company-service .actions a {
                margin-bottom: 10px
            }
            #sec-blog .list>.col {
                width: 50%
            }
            #site-footer .col {
                width: 50%;
                padding: 0 0 15px 0;
                margin-bottom: 15px;
                border-bottom: 1px solid #e7e7e7
            }
            #site-footer .contact {
                word-break: break-word
            }
            #site-footer .boxes {
                padding: 20px 0
            }
            #site-footer .boxes .col:nth-child(3),
            #site-footer .boxes .col:nth-child(4) {
                border-bottom: 0;
                margin: 0;
                padding: 0
            }
            #site-footer .company-name {
                max-width: 380px
            }
            #site-footer .certs {
                display: block;
                text-align: center
            }
            #site-footer .certs li {
                display: inline-block;
                padding: 0 10px
            }
            .main-cont {
                width: calc(100% - 350px);
                width: -webkit-calc(100% - 350px)
            }
            .sidebar {
                width: 350px
            }
            .sec-about-feats .feat {
                text-align: center
            }
            .sec-about-feats .feat .ico {
                max-width: 70px;
                margin: 0 auto 10px
            }
            .sec-about-feats .desc {
                padding-right: 30px
            }
            #sec-service1 .fig {
                min-width: 275px;
                padding-right: 50px
            }
            #sec-faq .list {
                width: 100%;
                padding-right: 0;
                margin: 0;
                padding-left: 0
            }
            #sec-faq .list-fack-wrr {
                margin: 0
            }
            #order-detail .left {
                width: 100%
            }
            #order-detail .right {
                width: 100%;
                padding: 0
            }
            #order-detail .inner-box {
                padding: 25px 30px 45px 30px
            }
            #order-detail .opts-cont .tit:after {
                right: 15px
            }
            #sample-website .aside {
                width: 100%;
                float: none
            }
            #sample-website .sample-img .fig {
                margin: 0 auto 30px
            }
            #sample-website .detail-cont {
                padding-left: 0
            }
            #sample-website .detail-cont .opt.has-sub .tit {
                padding-left: 40px
            }
            #sample-website .detail-cont .opt.has-sub .tit:after {
                left: 10px
            }
            #web-design-intro .cont .page-tit {
                font-size: 55px
            }
            #web-design-intro .fig {
                padding-left: 55px
            }
            #web-design-quo .inner .cont {
                padding-right: 30px
            }
            #web-design-quo .abs.fig2 {
                top: -60px;
                right: 0
            }
            #web-design-quo .abs.fig3 {
                right: 30px
            }
            .box-project-hover {
                width: calc(33% - 20px);
                width: -webkit-calc(33% - 20px);
                margin: 19px 9px
            }
            #our-services .it {
                padding: 30px
            }
            #cheap-web-reasons .feats .it {
                width: 100%;
                padding: 0 15px
            }
            #cheap-web-reasons .feats .fig img {
                margin: 0 auto;
                max-width: 250px
            }
            #sample-web-slider .slider .it {
                width: 33.3333%
            }
            #elearning-intro .packs .it {
                padding: 40px 20px
            }
        }
        
        @media screen and (max-width:767px) {
            .blog-page .list {
                -moz-column-count: 2;
                -webkit-column-count: 2;
                column-count: 2
            }
            .sample-web-cats li a {
                width: 190px;
                white-space: nowrap
            }
            .sample-web-cats>li {
                padding-bottom: 10px
            }
            .project-it .desc {
                margin-bottom: 10px
            }
            .company-service .actions a {
                padding: 0 20px
            }
            #site-header .left .main-logo {
                max-width: 200px
            }
            .sec-page-tit .page-tit {
                font-size: 36px
            }
            .m-bg-color.triangles {
                margin-top: 60px;
                padding-bottom: 61px
            }
            .m-bg-color.triangles:after,
            .m-bg-color.triangles:before {
                border-bottom-width: 60px;
                top: -60px
            }
            .m-bg-color.triangles .bot-triangle:after,
            .m-bg-color.triangles .bot-triangle:before {
                border-bottom-width: 60px
            }
            #main-logo img {
                max-height: 40px
            }
            #site-header .inner {
                height: 40px
            }
            @-webkit-keyframes animate_phone {
                0% {
                    transform: translate(-50%, -50%) scale(0);
                    -webkit-transform: translate(-50%, -50%) scale(0);
                    -ms-transform: translate(-50%, -50%) scale(0)
                }
                50% {
                    transform: translate(-50%, -50%) scale(1);
                    -webkit-transform: translate(-50%, -50%) scale(1);
                    -ms-transform: translate(-50%, -50%) scale(1)
                }
                100% {
                    transform: translate(-50%, -50%) scale(0);
                    -webkit-transform: translate(-50%, -50%) scale(0);
                    -ms-transform: translate(-50%, -50%) scale(0)
                }
            }
            @keyframes animate_phone {
                0% {
                    transform: translate(-50%, -50%) scale(0);
                    -webkit-transform: translate(-50%, -50%) scale(0);
                    -ms-transform: translate(-50%, -50%) scale(0)
                }
                50% {
                    transform: translate(-50%, -50%) scale(1);
                    -webkit-transform: translate(-50%, -50%) scale(1);
                    -ms-transform: translate(-50%, -50%) scale(1)
                }
                100% {
                    transform: translate(-50%, -50%) scale(0);
                    -webkit-transform: translate(-50%, -50%) scale(0);
                    -ms-transform: translate(-50%, -50%) scale(0)
                }
            }
            #site-header .left .phone:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                border: 2px solid #0086da;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transition: all .5s;
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                width: 70px;
                height: 70px;
                border-radius: 50%;
                -webkit-animation: animate_phone 1.5s infinite;
                animation: animate_phone 1.5s infinite
            }
            #site-header .left .phone:after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 70px;
                height: 70px;
                border-radius: 50%;
                background: rgba(0, 134, 218, .5);
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transition: all 1s;
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                -webkit-animation: animate_phone 1s infinite;
                animation: animate_phone 1s infinite
            }
            .coccoc-alo-phone.coccoc-alo-show {
                visibility: hidden;
                opacity: 0;
                z-index: -1;
                display: none !important
            }
            #scrollTop-btn {
                display: none !important
            }
            #site-header .left .phone {
                position: fixed;
                z-index: 999;
                right: 90px;
                top: 10px;
                margin: 0;
                width: 50px;
                height: 50px;
                background: #0086da;
                border-radius: 50%;
                display: table;
                text-align: center
            }
            #site-header .left .phone .ico {
                display: table-cell;
                vertical-align: middle
            }
            #site-header .phone .val {
                display: none
            }
            #site-header .phone .ico img {
                margin-right: 0 !important
            }
            #main-nav {
                top: 60px
            }
            #page-wrapper {
                padding-top: 60px
            }
            .sec {
                padding-top: 30px;
                padding-bottom: 30px
            }
            #home-intro {
                padding: 30px 0 80px
            }
            #home-intro .main-tit,
            #home-intro .subtit {
                font-size: 24px
            }
            #home-intro .subtit {
                color: transparent;
                font-size: 14px
            }
            #home-intro .color1,
            #home-intro .color2,
            #home-intro .color3 {
                font-size: 22px
            }
            #achievements .feat-its .it {
                width: 100%;
                padding: 0 15px 5px;
                margin-bottom: 15px;
                border-bottom: 1px outset rgba(255, 255, 255, .4)
            }
            #achievements .feat-its .num {
                font-size: 24px;
                margin-bottom: 0
            }
            #achievements .feat-its .txt {
                font-size: 16px;
                margin-top: 0
            }
            #achievements .slogan {
                margin-bottom: 0
            }
            #sec-blog .list>.col {
                width: 100%;
                display: block;
                margin: 0 auto;
                max-width: 370px
            }
            #featured-projects .slider .project-it {
                width: auto;
                height: auto
            }
            .project-it {
                display: block
            }
            .project-it {
                padding: 15px
            }
            .project-it .tmb {
                width: 100%
            }
            #featured-projects .slider .it .tmb {
                position: static;
                transform: none;
                -ms-transform: none;
                -webkit-transform: none;
                width: 300px;
                float: right;
                position: absolute;
                top: 50px;
                right: -80px
            }
            .project-it .cont {
                padding-right: 0
            }
            .project-it .tmb img {
                width: auto;
                max-height: 140px;
                margin: 0 auto
            }
            .project-it .cont {
                width: calc(100% - 10px);
                max-width: inherit;
                padding-right: 100px;
                float: left;
                display: inline-block
            }
            #featured-projects:after,
            #featured-projects:before,
            #web-design.sec:after,
            #web-design.sec:before {
                top: -60px;
                border-bottom-width: 60px
            }
            #featured-projects .slider2 .it {
                margin: 0;
                padding: 0 15px
            }
            #projects-page .list .pj {
                width: 50%;
                padding: 10px
            }
            #projects-page .pj .box:hover .tmb img {
                top: 0
            }
            #projects-page .pj .types li .txt {
                display: none !important
            }
            #site-footer .boxes {
                padding: 30px 0
            }
            .page-title,
            .sec-tit {
                font-size: 24px;
                line-height: 1.5;
                margin-bottom: 10px
            }
            .main-cont {
                width: 100%;
                float: none;
                margin-bottom: 30px
            }
            .sidebar {
                float: none;
                width: 100%;
                margin: 0 auto;
                max-width: 350px;
                padding: 0
            }
            .sec-about-feats>.flex-view {
                display: block
            }
            .sec-about-feats .desc {
                width: 100%;
                padding: 15px 0
            }
            .sec-about-feats .feat {
                width: 50%
            }
            .about-pj-process .steps-wp .line {
                display: none
            }
            .about-pj-process .step {
                padding-bottom: 30px;
                margin-top: 0
            }
            .about-pj-process .step .cont-box {
                max-width: 100%
            }
            .about-pj-process .step:nth-child(2) {
                margin-top: 0
            }
            .about-pj-process .step .cont-box:before {
                top: auto;
                bottom: -40px;
                right: calc(50% - 20px) !important;
                right: -webkit-calc(50% - 20px) !important;
                left: auto !important;
                border-top: 20px solid #fff;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent
            }
            .about-pj-process .step .cont-box:after {
                top: auto;
                bottom: -43px;
                right: calc(50% - 20px) !important;
                right: -webkit-calc(50% - 20px) !important;
                left: auto !important;
                border-top: 20px solid #ddd;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent
            }
            .about-pj-process .step:last-child .cont-box:after,
            .about-pj-process .step:last-child .cont-box:before {
                display: none
            }
            #sec-faq .sec {
                padding-top: 0
            }
            #sec-faq .faq-it {
                width: 100%;
                padding-right: 0;
                padding-left: 0
            }
            #request-a-quote .inner {
                display: block
            }
            #request-a-quote .main-form {
                min-width: inherit
            }
            #sec-service1 .cont {
                display: block
            }
            #sec-service1 .fig {
                min-width: inherit;
                padding: 0;
                max-width: 260px;
                margin: 0 auto 20px
            }
            #sec-service2 .feats .it {
                width: 100%;
                padding: 15px 15px 60px 15px
            }
            #sec-service2 .it .tit:before {
                left: -10px
            }
            #order-detail .inner-box {
                padding: 30px 15px;
                border-radius: 0;
                margin: 0 -15px
            }
            #sample-website .detail-cont .top-actions .btn {
                height: 45px;
                line-height: 45px
            }
            #sample-website .detail-cont .top-actions .btn.img {
                font-size: 18px
            }
            #sample-website .sample-img .feats .it {
                text-align: center
            }
            #sample-website .sample-img .feats .it .txt {
                margin: 10px 0 0 0;
                display: block
            }
            #sample-website .detail-cont .opt.has-sub .parent,
            #sample-website .detail-cont .opt:not(.has-sub) {
                padding: 10px 0
            }
            #sample-website .detail-cont .opts-wp.full .opt.has-sub .parent,
            #sample-website .detail-cont .opts-wp.full .opt:not(.has-sub) {
                display: block
            }
            #sample-website .detail-cont .other-info .val {
                max-width: inherit
            }
            #sample-website .detail-cont .opt .tit {
                padding-left: 0
            }
            #sample-website .detail-cont .opt.has-sub .tit {
                padding-left: 30px
            }
            #sample-website .detail-cont .opt.has-sub .tit:after {
                left: 0
            }
            #sample-website .subtotal {
                padding: 20px
            }
            #sample-website .subtotal .it {
                display: block
            }
            #sample-website .subtotal .txt {
                max-width: inherit
            }
            #sample-website .bot-note {
                display: block
            }
            #sample-website .bot-note .tmb {
                margin: 0 auto;
                padding: 0
            }
            .related-webs .it .tmb {
                float: none;
                margin: 0 auto 20px
            }
            .related-webs .it .cont {
                padding: 0;
                float: none;
                max-width: inherit
            }
            #sample-website .sample-img .actions {
                padding-top: 10px;
                text-align: center;
                position: static;
                line-height: 0
            }
            #order-detail .opts-cont .opt {
                display: block
            }
            #order-detail .opts-cont .desc {
                padding: 25px 15px;
                margin: 0 -15px
            }
            #order-detail .opts-cont .opt,
            #order-detail .opts-cont .opt .val {
                display: block
            }
            #order-detail .opts-cont .opt .val {
                display: inline-block;
                float: right;
                white-space: nowrap
            }
            #order-detail .opts-cont .opt {
                width: 100%;
                white-space: nowrap
            }
            #order-detail .opts-cont .opt .lbl {
                display: inline-block
            }
            #order-detail .opts-cont .opt select {
                display: inline-block
            }
            .content-service {
                max-width: 100%;
                display: block;
                margin: 0 auto
            }
            #web-design-intro .inner {
                display: block
            }
            #web-design-intro .cont {
                max-width: inherit;
                text-align: center
            }
            #web-design-intro .fig {
                padding: 30px
            }
            #web-design-intro .cont .page-tit {
                font-size: 42px
            }
            #web-design-feats .inner {
                display: block
            }
            #web-design-feats .fig {
                max-width: inherit;
                margin: 0 auto
            }
            #web-design-feats .benefits .it {
                width: 50%
            }
            #web-design-feats .benefits .it .txt {
                margin-top: 15px
            }
            #web-design-video .stats .it {
                width: 100%;
                padding: 15px
            }
            #web-design-quo .inner {
                display: block
            }
            #web-design-quo .abs {
                opacity: .2
            }
            #web-design-quo .inner .cont {
                padding: 0 0 30px 0
            }
            #web-design-quo .main-form .col {
                width: 100%
            }
            #web-design-quo .main-form .submit {
                text-align: center
            }
            #high-up-web-design .inner {
                display: block
            }
            #high-up-web-design .inner .cont-wp {
                padding: 30px 0 0 0
            }
            .project-detail-wrap>.img {
                width: 100%;
                float: none;
                padding: 0 15px
            }
            .project-detail-wrap .info {
                float: none;
                width: 100%
            }
            .box-project-hover {
                width: 100%;
                max-width: 300px;
                margin: 30px auto;
                display: block
            }
            #sample-web-slider .more-items a {
                height: 45px;
                line-height: 45px;
                width: 200px
            }
            #our-services .it {
                width: 100%;
                padding: 15px
            }
            #sample-web-intro2 .inner {
                display: block
            }
            #sample-web-intro2 .inner .fig {
                margin: 0 auto 20px
            }
            #sample-web-slider .slider .it {
                width: 100%;
                max-width: 340px;
                margin: 0 auto;
                display: block;
                padding: 5px 10px
            }
            #elearning-intro .feats .it {
                width: calc(100% - 45px);
                margin-bottom: 15px;
                padding-bottom: 15px;
                border-bottom: 1px solid #e1e1e1
            }
            #elearning-intro .feats .it:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: 0
            }
            #elearning-all-packs:after,
            #elearning-all-packs:before {
                border-top-width: 60px;
                top: -40px
            }
            #elearning-intro .packs .it {
                width: 100%;
                padding: 15px
            }
            #elearning-intro .packs .it .tit {
                margin: 10px 0
            }
            .elearning-package:after,
            .elearning-package:before {
                border-top-width: 60px;
                top: -45px
            }
            .elearning-package .intro {
                display: block
            }
            .elearning-package .intro .fig {
                padding: 0 0 30px 0 !important
            }
            .elearning-package .price-lbl {
                margin: 0 auto;
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                max-width: 280px
            }
            .elearning-package .sample-webs-list .it {
                width: 100%;
                max-width: 300px;
                display: block;
                margin: 0 auto
            }
            .elearning-package .actions .main-btn {
                margin: 5px 3px;
                min-width: 150px
            }
            .elearning-package .sec-tit {
                word-break: break-word;
                font-size: 36px
            }
            .elearning-package .sec-subtit {
                font-size: 24px
            }
            .elearning-package .sec-subtit:after {
                bottom: -25px;
                height: 0
            }
            #elearning-funcs .feats .fig {
                text-align: center;
                min-height: inherit
            }
            #elearning-funcs .feats .it {
                padding: 15px;
                width: 100%;
                border-bottom: 1px solid #e1e1e1;
                margin-bottom: 15px
            }
            #elearning-funcs .feats .it:last-child {
                margin-bottom: 0;
                border-bottom: 0
            }
            #elearning-cform .inputs .it {
                display: block
            }
            #testimonials .customer-logos>.col {
                padding: 5px
            }
        }
        
        @media screen and (max-width:450px) {
            #site-footer .col {
                width: 100%
            }
            .blog-page .list {
                -moz-column-count: 1;
                -webkit-column-count: 1;
                column-count: 1
            }
            .sample-web-cats li {
                width: 50%;
                padding-left: 2px;
                padding-right: 2px;
                padding-bottom: 5px
            }
            .sample-web-cats li a {
                width: 100%;
                padding: 0;
                line-height: 44px
            }
            .company-service .actions a {
                padding: 0 9px;
                font-size: 14px;
                line-height: 51px
            }
            #site-header .left .phone {
                right: 20px;
                top: 90px
            }
            #testimonials .testi-slider {
                margin-top: 0;
                margin-bottom: 30px
            }
            .sec {
                padding-top: 20px;
                padding-bottom: 10px
            }
            .sec-page-tit {
                margin-bottom: 90px
            }
        }
        
        @media screen and (max-width:400px) {
            #home-intro .color1,
            #home-intro .color2,
            #home-intro .color3 {
                font-size: 18px
            }
        }
        
        @media screen and (max-width:350px) {
            #site-header .left .phone {
                right: 15px;
                top: 105px
            }
        }
        
        .fig-by-mon {
            text-align: center
        }
        
        .fig-by-mon img {
            display: inline-block
        }
        
        #request-a-quote {
            padding-top: 40px
        }
        
        #sec-service3 {
            padding-bottom: 0
        }
        
        #elearning-all-packs {
            display: none
        }
        
        .elearning-packages .actions {
            margin-top: 30px
        }
        
        span.tooltip p {
            margin-bottom: 0
        }
        
        .dat-hang {
            margin-top: 30px
        }
        
        .icon-dat-hang {
            width: 17px;
            vertical-align: sub;
            margin-right: 10px;
            line-height: 45px
        }
        
        #site-header .phone {
            margin: 0 10px;
            background: #0086da;
            background: #0086da;
            background: linear-gradient(135deg, #b9dc8a 0, #94c551 40%, #8cc541 100%);
            padding: 15px;
            border-radius: 5px;
            padding: 8.5px 13px 8.5px 5px;
            color: #fff;
            text-transform: uppercase;
            margin: 0;
            white-space: nowrap;
            line-height: 37px;
            font-size: 13px
        }
        
        #site-header .phone .ico img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px
        }
        
        .content1 p {
            margin-bottom: 10px
        }
        
        #bg_popup_home {
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: #333;
            opacity: .7;
            left: 0;
            top: 0;
            z-index: 999999999;
            opacity: .9
        }
        
        #popup_ms_home {
            background: #fff;
            border-radius: 0;
            box-shadow: 0 2px 10px #fff;
            float: left;
            position: fixed;
            width: 735px;
            z-index: 10000;
            left: 50%;
            margin-left: -370px;
            top: 200px;
            opacity: 0;
            height: 360px
        }
        
        #popup_ms_home .popup_body {
            border-radius: 0;
            float: left;
            position: relative;
            width: 735px
        }
        
        #popup_ms_home .content {
            margin: 12px;
            padding: 15px;
            float: left
        }
        
        #popup_ms_home .title_popup {
            color: #fff;
            font-family: Arial;
            font-size: 24px;
            font-weight: 700;
            height: 35px;
            margin-left: 0;
            margin-top: -5px;
            padding-left: 40px;
            padding-top: 0;
            text-align: center
        }
        
        #popup_ms_home .text_popup {
            color: #fff;
            font-size: 14px;
            margin-top: 20px;
            margin-bottom: 20px;
            line-height: 20px
        }
        
        #popup_ms_home .text_popup a.dangky,
        #popup_ms_home .text_popup a.quen_mk {
            color: #fff;
            display: block;
            float: left;
            font-style: italic;
            list-style: -moz-hangul outside none;
            margin-bottom: 5px;
            margin-left: 110px;
            -webkit-transition-duration: .3s;
            -moz-transition-duration: .3s;
            transition-duration: .3s
        }
        
        #popup_ms_home .text_popup a.dangky:hover,
        #popup_ms_home .text_popup a.quen_mk:hover {
            color: #8cd8fd
        }
        
        #popup_ms_home .close_popup {
            background: url(https://mona-media.com//template/images/close_button.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
            display: block;
            height: 28px;
            position: absolute;
            right: 0;
            top: 5px;
            width: 26px;
            cursor: pointer;
            z-index: 10
        }
        
        #popup_content_home {
            height: auto;
            position: fixed;
            background-color: #fff;
            top: 15%;
            z-index: 999999999;
            left: 25%;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            width: 50%;
            padding: 20px
        }
        
        #popup_content_home {
            padding: 0
        }
        
        .popup_footer,
        .popup_header {
            float: left;
            width: 100%;
            background: #ff5000;
            padding: 10px;
            position: relative;
            color: #fff
        }
        
        .popup_header {
            font-weight: 700;
            font-size: 16px;
            text-transform: uppercase
        }
        
        .close_message {
            top: 10px
        }
        
        .changeavatar {
            padding: 10px 10px 0;
            margin: 5px 0 0;
            float: left;
            width: 100%
        }
        
        .float-right {
            float: right
        }
        
        a.float-right {
            color: #fff
        }
        
        .content1 {
            float: left;
            width: 100%
        }
        
        .content2 {
            float: left;
            width: 100%;
            border-top: 1px solid #eee;
            clear: both;
            margin-top: 10px
        }
        
        .btn.btn-close {
            float: right;
            background: #ea6e35;
            color: #fff;
            margin: 10px 5px;
            text-transform: none;
            display: inline-block;
            padding: 10px 15px
        }
        
        .btn.btn-close:hover {
            background: #ff5000
        }
        
        .btn.btn-close-full {
            float: right;
            background: #ff5000;
            color: #fff;
            margin: 10px 5px;
            text-transform: none;
            display: inline-block;
            padding: 10px 15px
        }
        
        .btn.btn-close-full:hover {
            background: #ea6e35
        }
        
        @media screen and (max-width:768px) {
            #popup_content_home {
                width: 90%;
                left: 5%;
                top: 1%
            }
        }
        
        .mfp-close-btn-in .redirect-cont .mfp-close {
            color: #fff
        }
        
        .redirect-cont {
            position: relative;
            width: 1170px;
            max-width: 100%;
            margin: 0 auto
        }
        
        .redirect-cont .heading {
            color: #fff;
            text-transform: uppercase;
            margin: 0;
            font-size: 16px;
            font-weight: 700
        }
        
        .redirect-cont .heading a {
            color: inherit
        }
        
        .redirect-cont img {
            display: block;
            margin: 0 auto
        }
        
        .wpml-ls-item ul.sub-menu {
            width: auto !important
        }
        
        .sec-ft-contact form {
            width: 770px;
            max-width: 100%;
            display: block;
            margin: 0 auto
        }
        
        .fgr.inline-fgr {
            margin-left: -5px;
            margin-right: -5px;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            flex-wrap: nowrap;
            -webkit-box-pack: justify;
            justify-content: space-between;
            align-content: stretch;
            -webkit-box-align: stretch;
            align-items: stretch
        }
        
        .fgr .ipgr {
            display: block;
            width: 100%;
            padding: 5px
        }
        
        .fgr .f-control {
            height: 40px;
            padding: 5px 10px
        }
        
        .fgr select.f-control {
            padding: 0 10px;
            padding-right: 40px
        }
        
        .instagram-wrap {
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            align-items: stretch;
            -webkit-align-items: stretch
        }
        
        .instagram-wrap li {
            display: block;
            width: 16.66%;
            float: left;
            overflow: hidden
        }
        
        .instagram-wrap .gallery-item {
            padding-bottom: 100%;
            cursor: pointer;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center
        }
        
        @media screen and (max-width:750px) {
            .instagram-wrap li {
                width: 33.333%
            }
        }
        
        @media screen and (max-width:500px) {
            .fgr.inline-fgr {
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap
            }
            #featured-projects .slider .project-it:before {
                height: auto
            }
            #featured-projects .slider .it .tmb {
                position: static;
                width: 100%
            }
            #featured-projects .slider .it .project-it .cont {
                position: static;
                width: 100%;
                padding-right: 0
            }
            .instagram-wrap li {
                width: 50%
            }
        }
        
        .mona-content>h1,
        .mona-content>h2,
        .mona-content>h3,
        .mona-content>h4,
        .mona-content>h5,
        .mona-content>h6 {
            margin: 18px 0;
            color: #0b70af
        }
        
        .mona-content ul {
            list-style: none;
            padding-left: 0;
            margin-left: 0
        }
        
        .mona-content ul li {
            padding: 0 0 15px;
            margin: 0;
            border-bottom: 1px solid #f8f8f8;
            list-style-type: square
        }
        
        .mona-content p {
            margin-bottom: 10px
        }
        
        .mona-content strong {
            font-weight: 700
        }
        
        .mona-content a {
            color: #c4161c
        }
        
        .mona-content table {
            max-width: 100%;
            border-collapse: collapse;
            margin-bottom: 40px
        }
        
        .mona-content table td,
        .mona-content table th {
            border: 1px solid #bdbdbd;
            padding: 5px 10px;
            vertical-align: middle
        }
        
        .mona-content ol,
        .mona-content ul {
            padding-left: 20px;
            margin-bottom: 10px;
            list-style-position: inside;
            margin-top: 20px
        }
        
        div.wpcf7 {
            margin: 0;
            padding: 0
        }
        
        div.wpcf7-response-output {
            margin: 2em .5em 1em;
            padding: .2em 1em
        }
        
        div.wpcf7 .screen-reader-response {
            position: absolute;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
            height: 1px;
            width: 1px;
            margin: 0;
            padding: 0;
            border: 0
        }
        
        div.wpcf7-mail-sent-ok {
            border: 2px solid #398f14
        }
        
        div.wpcf7-mail-sent-ng {
            border: 2px solid red
        }
        
        div.wpcf7-spam-blocked {
            border: 2px solid orange
        }
        
        div.wpcf7-validation-errors {
            border: 2px solid #f7e700
        }
        
        .wpcf7-form-control-wrap {
            position: relative
        }
        
        span.wpcf7-not-valid-tip {
            color: #f00;
            font-size: 1em;
            font-weight: normal;
            display: block
        }
        
        .use-floating-validation-tip span.wpcf7-not-valid-tip {
            position: absolute;
            top: 20%;
            left: 20%;
            z-index: 100;
            border: 1px solid red;
            background: #fff;
            padding: .2em .8em
        }
        
        span.wpcf7-list-item {
            display: inline-block;
            margin: 0 0 0 1em
        }
        
        span.wpcf7-list-item-label::before,
        span.wpcf7-list-item-label::after {
            content: " "
        }
        
        .wpcf7-display-none {
            display: none
        }
        
        div.wpcf7 .ajax-loader {
            visibility: hidden;
            display: inline-block;
            background-image: url(data:image/gif;base64,R0lGODlhEAAQAPQAAP///3d3d/r6+pSUlL29vXp6eouLi+jo6NDQ0IKCgrW1ta2trfDw8MfHx+Dg4J2dnaSkpAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAkKAAAALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkECQoAAAAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkECQoAAAAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAkKAAAALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAkKAAAALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==);
            width: 16px;
            height: 16px;
            border: 0;
            padding: 0;
            margin: 0 0 0 4px;
            vertical-align: middle
        }
        
        div.wpcf7 .ajax-loader.is-active {
            visibility: visible
        }
        
        div.wpcf7 div.ajax-error {
            display: none
        }
        
        div.wpcf7 .placeheld {
            color: #888
        }
        
        div.wpcf7 .wpcf7-recaptcha iframe {
            margin-bottom: 0
        }
        
        div.wpcf7 input[type="file"] {
            cursor: pointer
        }
        
        div.wpcf7 input[type="file"]:disabled {
            cursor: default
        }
        
        .alignnone {
            margin: 5px 20px 20px 0
        }
        
        .aligncenter,
        div.aligncenter {
            display: block;
            margin: 5px auto
        }
        
        .alignright {
            float: right;
            margin: 5px 0 20px 20px
        }
        
        .alignleft {
            float: left;
            margin: 5px 20px 20px 0
        }
        
        a img.alignright {
            float: right;
            margin: 5px 0 20px 20px
        }
        
        a img.alignnone {
            margin: 5px 20px 20px 0
        }
        
        a img.alignleft {
            float: left;
            margin: 5px 20px 20px 0
        }
        
        a img.aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto
        }
        
        .wp-caption {
            background: #fff;
            border: 1px solid #f0f0f0;
            max-width: 96%;
            padding: 5px 3px 10px;
            text-align: center
        }
        
        .wp-caption.alignleft,
        .wp-caption.alignnone {
            margin: 5px 20px 20px 0
        }
        
        .wp-caption.alignright {
            margin: 5px 0 20px 20px
        }
        
        .wp-caption img {
            border: 0;
            height: auto;
            margin: 0;
            max-width: 98.5%;
            padding: 0;
            width: auto
        }
        
        .wp-caption p.wp-caption-text {
            font-size: 11px;
            line-height: 17px;
            margin: 0;
            padding: 0 4px 5px
        }
        
        .mona-product-pagination .page-numbers,
        .mona-product-pagination .page-numbers li {
            display: inline-block
        }
        
        .mona-gallery {
            column-count: 3;
            -webkit-column-count: 3;
            -moz-column-count: 3
        }
        
        .gmap-single iframe {
            display: block;
            height: 100%
        }
        
        body.stop-scrolling {
            height: 100%;
            overflow: hidden
        }
        
        .sweet-overlay {
            background-color: black;
            -ms-filter: "alpha(opacity=40)";
            background-color: rgba(0, 0, 0, .4);
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: none;
            z-index: 10000
        }
        
        .sweet-alert {
            background-color: white;
            font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            width: 478px;
            padding: 17px;
            border-radius: 5px;
            text-align: center;
            position: fixed;
            left: 50%;
            top: 50%;
            margin-left: -256px;
            margin-top: -200px;
            overflow: hidden;
            display: none;
            z-index: 99999
        }
        
        @media all and (max-width:540px) {
            .sweet-alert {
                width: auto;
                margin-left: 0;
                margin-right: 0;
                left: 15px;
                right: 15px
            }
        }
        
        .sweet-alert h2 {
            color: #575757;
            font-size: 30px;
            text-align: center;
            font-weight: 600;
            text-transform: none;
            position: relative;
            margin: 25px 0;
            padding: 0;
            line-height: 40px;
            display: block
        }
        
        .sweet-alert p {
            color: #797979;
            font-size: 16px;
            text-align: center;
            font-weight: 300;
            position: relative;
            text-align: inherit;
            float: none;
            margin: 0;
            padding: 0;
            line-height: normal
        }
        
        .sweet-alert fieldset {
            border: 0;
            position: relative
        }
        
        .sweet-alert .sa-error-container {
            background-color: #f1f1f1;
            margin-left: -17px;
            margin-right: -17px;
            overflow: hidden;
            padding: 0 10px;
            max-height: 0;
            webkit-transition: padding .15s, max-height .15s;
            transition: padding .15s, max-height .15s
        }
        
        .sweet-alert .sa-error-container.show {
            padding: 10px 0;
            max-height: 100px;
            webkit-transition: padding .2s, max-height .2s;
            transition: padding .25s, max-height .25s
        }
        
        .sweet-alert .sa-error-container .icon {
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background-color: #ea7d7d;
            color: white;
            line-height: 24px;
            text-align: center;
            margin-right: 3px
        }
        
        .sweet-alert .sa-error-container p {
            display: inline-block
        }
        
        .sweet-alert .sa-input-error {
            position: absolute;
            top: 29px;
            right: 26px;
            width: 20px;
            height: 20px;
            opacity: 0;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: all .1s;
            transition: all .1s
        }
        
        .sweet-alert .sa-input-error::before,
        .sweet-alert .sa-input-error::after {
            content: "";
            width: 20px;
            height: 6px;
            background-color: #f06e57;
            border-radius: 3px;
            position: absolute;
            top: 50%;
            margin-top: -4px;
            left: 50%;
            margin-left: -9px
        }
        
        .sweet-alert .sa-input-error::before {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
        
        .sweet-alert .sa-input-error::after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        
        .sweet-alert .sa-input-error.show {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        
        .sweet-alert input {
            width: 100%;
            box-sizing: border-box;
            border-radius: 3px;
            border: 1px solid #d7d7d7;
            height: 43px;
            margin-top: 10px;
            margin-bottom: 17px;
            font-size: 18px;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
            padding: 0 12px;
            display: none;
            -webkit-transition: all .3s;
            transition: all .3s
        }
        
        .sweet-alert input:focus {
            outline: 0;
            box-shadow: 0 0 3px #c4e6f5;
            border: 1px solid #b4dbed
        }
        
        .sweet-alert input:focus::-moz-placeholder {
            transition: opacity .3s .03s ease;
            opacity: .5
        }
        
        .sweet-alert input:focus:-ms-input-placeholder {
            transition: opacity .3s .03s ease;
            opacity: .5
        }
        
        .sweet-alert input:focus::-webkit-input-placeholder {
            transition: opacity .3s .03s ease;
            opacity: .5
        }
        
        .sweet-alert input::-moz-placeholder {
            color: #bdbdbd
        }
        
        .sweet-alert input::-ms-clear {
            display: none
        }
        
        .sweet-alert input:-ms-input-placeholder {
            color: #bdbdbd
        }
        
        .sweet-alert input::-webkit-input-placeholder {
            color: #bdbdbd
        }
        
        .sweet-alert.show-input input {
            display: block
        }
        
        .sweet-alert .sa-confirm-button-container {
            display: inline-block;
            position: relative
        }
        
        .sweet-alert .la-ball-fall {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -27px;
            margin-top: 4px;
            opacity: 0;
            visibility: hidden
        }
        
        .sweet-alert button {
            background-color: #8cd4f5;
            color: white;
            border: 0;
            box-shadow: none;
            font-size: 17px;
            font-weight: 500;
            -webkit-border-radius: 4px;
            border-radius: 5px;
            padding: 10px 32px;
            margin: 26px 5px 0 5px;
            cursor: pointer
        }
        
        .sweet-alert button:focus {
            outline: 0;
            box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
        }
        
        .sweet-alert button:hover {
            background-color: #7ecff4
        }
        
        .sweet-alert button:active {
            background-color: #5dc2f1
        }
        
        .sweet-alert button.cancel {
            background-color: #c1c1c1
        }
        
        .sweet-alert button.cancel:hover {
            background-color: #b9b9b9
        }
        
        .sweet-alert button.cancel:active {
            background-color: #a8a8a8
        }
        
        .sweet-alert button.cancel:focus {
            box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset !important
        }
        
        .sweet-alert button[disabled] {
            opacity: .6;
            cursor: default
        }
        
        .sweet-alert button.confirm[disabled] {
            color: transparent
        }
        
        .sweet-alert button.confirm[disabled]~.la-ball-fall {
            opacity: 1;
            visibility: visible;
            transition-delay: 0s
        }
        
        .sweet-alert button::-moz-focus-inner {
            border: 0
        }
        
        .sweet-alert[data-has-cancel-button=false] button {
            box-shadow: none !important
        }
        
        .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
            padding-bottom: 40px
        }
        
        .sweet-alert .sa-icon {
            width: 80px;
            height: 80px;
            border: 4px solid gray;
            -webkit-border-radius: 40px;
            border-radius: 40px;
            border-radius: 50%;
            margin: 20px auto;
            padding: 0;
            position: relative;
            box-sizing: content-box
        }
        
        .sweet-alert .sa-icon.sa-error {
            border-color: #f27474
        }
        
        .sweet-alert .sa-icon.sa-error .sa-x-mark {
            position: relative;
            display: block
        }
        
        .sweet-alert .sa-icon.sa-error .sa-line {
            position: absolute;
            height: 5px;
            width: 47px;
            background-color: #f27474;
            display: block;
            top: 37px;
            border-radius: 2px
        }
        
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            left: 17px
        }
        
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            right: 16px
        }
        
        .sweet-alert .sa-icon.sa-warning {
            border-color: #f8bb86
        }
        
        .sweet-alert .sa-icon.sa-warning .sa-body {
            position: absolute;
            width: 5px;
            height: 47px;
            left: 50%;
            top: 10px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #f8bb86
        }
        
        .sweet-alert .sa-icon.sa-warning .sa-dot {
            position: absolute;
            width: 7px;
            height: 7px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin-left: -3px;
            left: 50%;
            bottom: 10px;
            background-color: #f8bb86
        }
        
        .sweet-alert .sa-icon.sa-info {
            border-color: #c9dae1
        }
        
        .sweet-alert .sa-icon.sa-info::before {
            content: "";
            position: absolute;
            width: 5px;
            height: 29px;
            left: 50%;
            bottom: 17px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #c9dae1
        }
        
        .sweet-alert .sa-icon.sa-info::after {
            content: "";
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            margin-left: -3px;
            top: 19px;
            background-color: #c9dae1;
            left: 50%
        }
        
        .sweet-alert .sa-icon.sa-success {
            border-color: #a5dc86
        }
        
        .sweet-alert .sa-icon.sa-success::before,
        .sweet-alert .sa-icon.sa-success::after {
            content: '';
            -webkit-border-radius: 40px;
            border-radius: 40px;
            border-radius: 50%;
            position: absolute;
            width: 60px;
            height: 120px;
            background: white;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        
        .sweet-alert .sa-icon.sa-success::before {
            -webkit-border-radius: 120px 0 0 120px;
            border-radius: 120px 0 0 120px;
            top: -7px;
            left: -33px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 60px 60px;
            transform-origin: 60px 60px
        }
        
        .sweet-alert .sa-icon.sa-success::after {
            -webkit-border-radius: 0 120px 120px 0;
            border-radius: 0 120px 120px 0;
            top: -11px;
            left: 30px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 60px;
            transform-origin: 0 60px
        }
        
        .sweet-alert .sa-icon.sa-success .sa-placeholder {
            width: 80px;
            height: 80px;
            border: 4px solid rgba(165, 220, 134, .2);
            -webkit-border-radius: 40px;
            border-radius: 40px;
            border-radius: 50%;
            box-sizing: content-box;
            position: absolute;
            left: -4px;
            top: -4px;
            z-index: 2
        }
        
        .sweet-alert .sa-icon.sa-success .sa-fix {
            width: 5px;
            height: 90px;
            background-color: white;
            position: absolute;
            left: 28px;
            top: 8px;
            z-index: 1;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
        
        .sweet-alert .sa-icon.sa-success .sa-line {
            height: 5px;
            background-color: #a5dc86;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 2
        }
        
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
            width: 25px;
            left: 14px;
            top: 46px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
            width: 47px;
            right: 8px;
            top: 38px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
        
        .sweet-alert .sa-icon.sa-custom {
            background-size: contain;
            border-radius: 0;
            border: 0;
            background-position: center center;
            background-repeat: no-repeat
        }
        
        @-webkit-keyframes showSweetAlert {
            0% {
                transform: scale(0.7);
                -webkit-transform: scale(0.7)
            }
            45% {
                transform: scale(1.05);
                -webkit-transform: scale(1.05)
            }
            80% {
                transform: scale(0.95);
                -webkit-transform: scale(0.95)
            }
            100% {
                transform: scale(1);
                -webkit-transform: scale(1)
            }
        }
        
        @keyframes showSweetAlert {
            0% {
                transform: scale(0.7);
                -webkit-transform: scale(0.7)
            }
            45% {
                transform: scale(1.05);
                -webkit-transform: scale(1.05)
            }
            80% {
                transform: scale(0.95);
                -webkit-transform: scale(0.95)
            }
            100% {
                transform: scale(1);
                -webkit-transform: scale(1)
            }
        }
        
        @-webkit-keyframes hideSweetAlert {
            0% {
                transform: scale(1);
                -webkit-transform: scale(1)
            }
            100% {
                transform: scale(0.5);
                -webkit-transform: scale(0.5)
            }
        }
        
        @keyframes hideSweetAlert {
            0% {
                transform: scale(1);
                -webkit-transform: scale(1)
            }
            100% {
                transform: scale(0.5);
                -webkit-transform: scale(0.5)
            }
        }
        
        @-webkit-keyframes slideFromTop {
            0% {
                top: 0
            }
            100% {
                top: 50%
            }
        }
        
        @keyframes slideFromTop {
            0% {
                top: 0
            }
            100% {
                top: 50%
            }
        }
        
        @-webkit-keyframes slideToTop {
            0% {
                top: 50%
            }
            100% {
                top: 0
            }
        }
        
        @keyframes slideToTop {
            0% {
                top: 50%
            }
            100% {
                top: 0
            }
        }
        
        @-webkit-keyframes slideFromBottom {
            0% {
                top: 70%
            }
            100% {
                top: 50%
            }
        }
        
        @keyframes slideFromBottom {
            0% {
                top: 70%
            }
            100% {
                top: 50%
            }
        }
        
        @-webkit-keyframes slideToBottom {
            0% {
                top: 50%
            }
            100% {
                top: 70%
            }
        }
        
        @keyframes slideToBottom {
            0% {
                top: 50%
            }
            100% {
                top: 70%
            }
        }
        
        .showSweetAlert[data-animation=pop] {
            -webkit-animation: showSweetAlert .3s;
            animation: showSweetAlert .3s
        }
        
        .showSweetAlert[data-animation=none] {
            -webkit-animation: none;
            animation: none
        }
        
        .showSweetAlert[data-animation=slide-from-top] {
            -webkit-animation: slideFromTop .3s;
            animation: slideFromTop .3s
        }
        
        .showSweetAlert[data-animation=slide-from-bottom] {
            -webkit-animation: slideFromBottom .3s;
            animation: slideFromBottom .3s
        }
        
        .hideSweetAlert[data-animation=pop] {
            -webkit-animation: hideSweetAlert .2s;
            animation: hideSweetAlert .2s
        }
        
        .hideSweetAlert[data-animation=none] {
            -webkit-animation: none;
            animation: none
        }
        
        .hideSweetAlert[data-animation=slide-from-top] {
            -webkit-animation: slideToTop .4s;
            animation: slideToTop .4s
        }
        
        .hideSweetAlert[data-animation=slide-from-bottom] {
            -webkit-animation: slideToBottom .3s;
            animation: slideToBottom .3s
        }
        
        @-webkit-keyframes animateSuccessTip {
            0% {
                width: 0;
                left: 1px;
                top: 19px
            }
            54% {
                width: 0;
                left: 1px;
                top: 19px
            }
            70% {
                width: 50px;
                left: -8px;
                top: 37px
            }
            84% {
                width: 17px;
                left: 21px;
                top: 48px
            }
            100% {
                width: 25px;
                left: 14px;
                top: 45px
            }
        }
        
        @keyframes animateSuccessTip {
            0% {
                width: 0;
                left: 1px;
                top: 19px
            }
            54% {
                width: 0;
                left: 1px;
                top: 19px
            }
            70% {
                width: 50px;
                left: -8px;
                top: 37px
            }
            84% {
                width: 17px;
                left: 21px;
                top: 48px
            }
            100% {
                width: 25px;
                left: 14px;
                top: 45px
            }
        }
        
        @-webkit-keyframes animateSuccessLong {
            0% {
                width: 0;
                right: 46px;
                top: 54px
            }
            65% {
                width: 0;
                right: 46px;
                top: 54px
            }
            84% {
                width: 55px;
                right: 0;
                top: 35px
            }
            100% {
                width: 47px;
                right: 8px;
                top: 38px
            }
        }
        
        @keyframes animateSuccessLong {
            0% {
                width: 0;
                right: 46px;
                top: 54px
            }
            65% {
                width: 0;
                right: 46px;
                top: 54px
            }
            84% {
                width: 55px;
                right: 0;
                top: 35px
            }
            100% {
                width: 47px;
                right: 8px;
                top: 38px
            }
        }
        
        @-webkit-keyframes rotatePlaceholder {
            0% {
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg)
            }
            5% {
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg)
            }
            12% {
                transform: rotate(-405deg);
                -webkit-transform: rotate(-405deg)
            }
            100% {
                transform: rotate(-405deg);
                -webkit-transform: rotate(-405deg)
            }
        }
        
        @keyframes rotatePlaceholder {
            0% {
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg)
            }
            5% {
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg)
            }
            12% {
                transform: rotate(-405deg);
                -webkit-transform: rotate(-405deg)
            }
            100% {
                transform: rotate(-405deg);
                -webkit-transform: rotate(-405deg)
            }
        }
        
        .animateSuccessTip {
            -webkit-animation: animateSuccessTip .75s;
            animation: animateSuccessTip .75s
        }
        
        .animateSuccessLong {
            -webkit-animation: animateSuccessLong .75s;
            animation: animateSuccessLong .75s
        }
        
        .sa-icon.sa-success.animate::after {
            -webkit-animation: rotatePlaceholder 4.25s ease-in;
            animation: rotatePlaceholder 4.25s ease-in
        }
        
        @-webkit-keyframes animateErrorIcon {
            0% {
                transform: rotateX(100deg);
                -webkit-transform: rotateX(100deg);
                opacity: 0
            }
            100% {
                transform: rotateX(0deg);
                -webkit-transform: rotateX(0deg);
                opacity: 1
            }
        }
        
        @keyframes animateErrorIcon {
            0% {
                transform: rotateX(100deg);
                -webkit-transform: rotateX(100deg);
                opacity: 0
            }
            100% {
                transform: rotateX(0deg);
                -webkit-transform: rotateX(0deg);
                opacity: 1
            }
        }
        
        .animateErrorIcon {
            -webkit-animation: animateErrorIcon .5s;
            animation: animateErrorIcon .5s
        }
        
        @-webkit-keyframes animateXMark {
            0% {
                transform: scale(0.4);
                -webkit-transform: scale(0.4);
                margin-top: 26px;
                opacity: 0
            }
            50% {
                transform: scale(0.4);
                -webkit-transform: scale(0.4);
                margin-top: 26px;
                opacity: 0
            }
            80% {
                transform: scale(1.15);
                -webkit-transform: scale(1.15);
                margin-top: -6px
            }
            100% {
                transform: scale(1);
                -webkit-transform: scale(1);
                margin-top: 0;
                opacity: 1
            }
        }
        
        @keyframes animateXMark {
            0% {
                transform: scale(0.4);
                -webkit-transform: scale(0.4);
                margin-top: 26px;
                opacity: 0
            }
            50% {
                transform: scale(0.4);
                -webkit-transform: scale(0.4);
                margin-top: 26px;
                opacity: 0
            }
            80% {
                transform: scale(1.15);
                -webkit-transform: scale(1.15);
                margin-top: -6px
            }
            100% {
                transform: scale(1);
                -webkit-transform: scale(1);
                margin-top: 0;
                opacity: 1
            }
        }
        
        .animateXMark {
            -webkit-animation: animateXMark .5s;
            animation: animateXMark .5s
        }
        
        @-webkit-keyframes pulseWarning {
            0% {
                border-color: #f8d486
            }
            100% {
                border-color: #f8bb86
            }
        }
        
        @keyframes pulseWarning {
            0% {
                border-color: #f8d486
            }
            100% {
                border-color: #f8bb86
            }
        }
        
        .pulseWarning {
            -webkit-animation: pulseWarning .75s infinite alternate;
            animation: pulseWarning .75s infinite alternate
        }
        
        @-webkit-keyframes pulseWarningIns {
            0% {
                background-color: #f8d486
            }
            100% {
                background-color: #f8bb86
            }
        }
        
        @keyframes pulseWarningIns {
            0% {
                background-color: #f8d486
            }
            100% {
                background-color: #f8bb86
            }
        }
        
        .pulseWarningIns {
            -webkit-animation: pulseWarningIns .75s infinite alternate;
            animation: pulseWarningIns .75s infinite alternate
        }
        
        @-webkit-keyframes rotate-loading {
            0% {
                transform: rotate(0deg)
            }
            100% {
                transform: rotate(360deg)
            }
        }
        
        @keyframes rotate-loading {
            0% {
                transform: rotate(0deg)
            }
            100% {
                transform: rotate(360deg)
            }
        }
        
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
            -ms-transform: rotate(45deg) \9
        }
        
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
            -ms-transform: rotate(-45deg) \9
        }
        
        .sweet-alert .sa-icon.sa-success {
            border-color: transparent\9
        }
        
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
            -ms-transform: rotate(45deg) \9
        }
        
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
            -ms-transform: rotate(-45deg) \9
        }
        /*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
        
        .la-ball-fall,
        .la-ball-fall>div {
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
        
        .la-ball-fall {
            display: block;
            font-size: 0;
            color: #fff
        }
        
        .la-ball-fall.la-dark {
            color: #333
        }
        
        .la-ball-fall>div {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid currentColor
        }
        
        .la-ball-fall {
            width: 54px;
            height: 18px
        }
        
        .la-ball-fall>div {
            width: 10px;
            height: 10px;
            margin: 4px;
            border-radius: 100%;
            opacity: 0;
            -webkit-animation: ball-fall 1s ease-in-out infinite;
            -moz-animation: ball-fall 1s ease-in-out infinite;
            -o-animation: ball-fall 1s ease-in-out infinite;
            animation: ball-fall 1s ease-in-out infinite
        }
        
        .la-ball-fall>div:nth-child(1) {
            -webkit-animation-delay: -200ms;
            -moz-animation-delay: -200ms;
            -o-animation-delay: -200ms;
            animation-delay: -200ms
        }
        
        .la-ball-fall>div:nth-child(2) {
            -webkit-animation-delay: -100ms;
            -moz-animation-delay: -100ms;
            -o-animation-delay: -100ms;
            animation-delay: -100ms
        }
        
        .la-ball-fall>div:nth-child(3) {
            -webkit-animation-delay: 0ms;
            -moz-animation-delay: 0ms;
            -o-animation-delay: 0ms;
            animation-delay: 0ms
        }
        
        .la-ball-fall.la-sm {
            width: 26px;
            height: 8px
        }
        
        .la-ball-fall.la-sm>div {
            width: 4px;
            height: 4px;
            margin: 2px
        }
        
        .la-ball-fall.la-2x {
            width: 108px;
            height: 36px
        }
        
        .la-ball-fall.la-2x>div {
            width: 20px;
            height: 20px;
            margin: 8px
        }
        
        .la-ball-fall.la-3x {
            width: 162px;
            height: 54px
        }
        
        .la-ball-fall.la-3x>div {
            width: 30px;
            height: 30px;
            margin: 12px
        }
        
        @-webkit-keyframes ball-fall {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-145%);
                transform: translateY(-145%)
            }
            10% {
                opacity: .5
            }
            20% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
            80% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
            90% {
                opacity: .5
            }
            100% {
                opacity: 0;
                -webkit-transform: translateY(145%);
                transform: translateY(145%)
            }
        }
        
        @-moz-keyframes ball-fall {
            0% {
                opacity: 0;
                -moz-transform: translateY(-145%);
                transform: translateY(-145%)
            }
            10% {
                opacity: .5
            }
            20% {
                opacity: 1;
                -moz-transform: translateY(0);
                transform: translateY(0)
            }
            80% {
                opacity: 1;
                -moz-transform: translateY(0);
                transform: translateY(0)
            }
            90% {
                opacity: .5
            }
            100% {
                opacity: 0;
                -moz-transform: translateY(145%);
                transform: translateY(145%)
            }
        }
        
        @-o-keyframes ball-fall {
            0% {
                opacity: 0;
                -o-transform: translateY(-145%);
                transform: translateY(-145%)
            }
            10% {
                opacity: .5
            }
            20% {
                opacity: 1;
                -o-transform: translateY(0);
                transform: translateY(0)
            }
            80% {
                opacity: 1;
                -o-transform: translateY(0);
                transform: translateY(0)
            }
            90% {
                opacity: .5
            }
            100% {
                opacity: 0;
                -o-transform: translateY(145%);
                transform: translateY(145%)
            }
        }
        
        @keyframes ball-fall {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-145%);
                -moz-transform: translateY(-145%);
                -o-transform: translateY(-145%);
                transform: translateY(-145%)
            }
            10% {
                opacity: .5
            }
            20% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
            80% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
            90% {
                opacity: .5
            }
            100% {
                opacity: 0;
                -webkit-transform: translateY(145%);
                -moz-transform: translateY(145%);
                -o-transform: translateY(145%);
                transform: translateY(145%)
            }
        }
        
        .mfp-bg {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1042;
            overflow: hidden;
            position: fixed;
            background: #0b0b0b;
            opacity: .8
        }
        
        .mfp-wrap {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1043;
            position: fixed;
            outline: 0 !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: -.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: 0;
            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: .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: .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: .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, .6);
            background: #000
        }
        
        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
        }
        
        .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, .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) {
            .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, .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, .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 0;
                transform-origin: 0 0
            }
            .mfp-arrow-right {
                -webkit-transform-origin: 100%;
                transform-origin: 100%
            }
            .mfp-container {
                padding-left: 6px;
                padding-right: 6px
            }
        }
        
        #small-dialog {
            background: white;
            padding: 20px 30px;
            text-align: left;
            max-width: 400px;
            margin: 40px auto;
            position: relative
        }
        
        .my-mfp-zoom-in .zoom-anim-dialog {
            opacity: 0;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8)
        }
        
        .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
        
        .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
            -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8);
            opacity: 0
        }
        
        .my-mfp-zoom-in.mfp-bg {
            opacity: 0;
            -webkit-transition: opacity .3s ease-out;
            -moz-transition: opacity .3s ease-out;
            -o-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out
        }
        
        .my-mfp-zoom-in.mfp-ready.mfp-bg {
            opacity: .8
        }
        
        .my-mfp-zoom-in.mfp-removing.mfp-bg {
            opacity: 0
        }
        
        .my-mfp-slide-bottom .zoom-anim-dialog {
            opacity: 0;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
            -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
            -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
            -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
            -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
            transform: translateY(-20px) perspective(600px) rotateX(10deg)
        }
        
        .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
            opacity: 1;
            -webkit-transform: translateY(0) perspective(600px) rotateX(0);
            -moz-transform: translateY(0) perspective(600px) rotateX(0);
            -ms-transform: translateY(0) perspective(600px) rotateX(0);
            -o-transform: translateY(0) perspective(600px) rotateX(0);
            transform: translateY(0) perspective(600px) rotateX(0)
        }
        
        .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
            opacity: 0;
            -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
            -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
            -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
            -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
            transform: translateY(-10px) perspective(600px) rotateX(10deg)
        }
        
        .my-mfp-slide-bottom.mfp-bg {
            opacity: 0;
            -webkit-transition: opacity .3s ease-out;
            -moz-transition: opacity .3s ease-out;
            -o-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out
        }
        
        .my-mfp-slide-bottom.mfp-ready.mfp-bg {
            opacity: .8
        }
        
        .my-mfp-slide-bottom.mfp-removing.mfp-bg {
            opacity: 0
        }
        
        #order-types .it .box,
        #order-detail .opts-cont .toggle-item .tit {
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out
        }
        
        #order-types .it:hover .box {
            color: #fff;
            background: #34343f;
            position: relative
        }
        
        .f-control.error {
            border: 1px solid red
        }
        
        .project-it .read-more a {
            color: inherit
        }
        
        .center-txt {
            text-align: center
        }
        
        .sample-web-cats.use-cols>li a.active {
            background: transparent;
            border: 1px solid #f15424;
            color: #f15424;
            cursor: default
        }
        
        .pagination {
            margin-top: 20px
        }
        
        #sample-web-slider .slider .tmb {
            max-height: 435px;
            overflow: hidden
        }
        
        #sample-web-slider .slider .tmb img {
            width: 100%;
            height: auto
        }
        
        .single-mona_demo .mfp-wrap {
            position: fixed !important;
            height: 100% !important;
            top: 0 !important
        }
        
        #mona-demo-contact {
            width: 700px;
            margin: auto;
            padding: 40px;
            background: #fff;
            max-width: 100%
        }
        
        #mona-demo-contact .label {
            margin-bottom: 15px;
            display: block
        }
        
        #mona-demo-contact .center-txt {
            margin-bottom: 0
        }
        
        #mona-demo-contact .main-btn {
            line-height: 50px;
            height: 50px
        }
        
        .single-mona_demo .mfp-img {
            width: auto !important;
            max-width: 80% !important;
            height: auto !important;
            max-height: initial !important
        }
        
        .single-mona_demo button.mfp-arrow {
            position: fixed;
            top: 50%;
            margin-top: -55px
        }
        
        .single-mona_demo button.mfp-close {
            opacity: 1;
            color: red;
            font-size: 44px;
            line-height: 44px;
            position: fixed;
            right: 30px;
            top: 5px
        }
        
        .single-mona_demo .mfp-content .mfp-close {
            display: none
        }
        
        #sample-website .detail-cont .top-actions .btn.img {
            background: #001f3b url(https://mona.media/template/images/bg2.jpg);
            border: 1px solid #001f3b;
            font-weight: bold;
            width: 300px;
            max-width: 100%
        }
        
        #sample-website .main-btn {
            background: #0086da;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%);
            text-shadow: 0 1px 0 rgba(0, 0, 0, .3)
        }
        
        #sample-website .main-btn.live {
            background: #fff;
            color: #0086da
        }
        
        #sample-website .subtotal {
            background: #152853 url(https://mona.media/template/images/bg-nh.jpg) no-repeat 50% 50%
        }
        
        #sample-website .subtotal .txt {
            color: white;
            font-size: 14px
        }
        
        #sample-website .subtotal .val {
            color: #fff
        }
        
        #sample-website .subtotal .val .fa,
        #sample-website .subtotal .val .deadline {
            margin-right: 3px
        }
        
        #sample-website .subtotal .it {
            border-bottom: 1px solid #949498
        }
        
        #sample-website .hotline {
            background: #001f3b url(https://mona.media/template/images/bg2.jpg)
        }
        
        #sample-website .hotline .num span {
            color: #fff
        }
        
        .select-price {
            margin-right: 15px
        }
        
        #order-types .it .box,
        #order-detail .opts-cont .toggle-item .tit {
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out
        }
        
        #order-types .it:hover .box {
            color: #fff;
            background: #34343f;
            position: relative
        }
        
        .f-control.error {
            border: 1px solid red
        }
        
        .project-it .read-more a {
            color: inherit
        }
        
        .center-txt {
            text-align: center
        }
        
        .sample-web-cats.use-cols>li a.active {
            background: transparent;
            border: 1px solid #f15424;
            color: #f15424;
            cursor: default
        }
        
        .pagination {
            margin-top: 20px
        }
        
        #sample-web-slider .slider .tmb {
            max-height: 435px;
            overflow: hidden
        }
        
        #sample-web-slider .slider .tmb img {
            width: 100%;
            height: auto
        }
        
        .single-mona_demo .mfp-wrap {
            position: fixed !important;
            top: 0 !important
        }
        
        #mona-demo-contact {
            width: 700px;
            margin: auto;
            padding: 40px;
            background: #fff;
            max-width: 100%
        }
        
        #mona-demo-contact .label {
            margin-bottom: 15px;
            display: block
        }
        
        #mona-demo-contact .center-txt {
            margin-bottom: 0
        }
        
        #mona-demo-contact .main-btn {
            line-height: 50px;
            height: 50px
        }
        
        .single-mona_demo .mfp-img {
            width: auto !important;
            max-width: 80% !important;
            height: auto !important;
            max-height: initial !important
        }
        
        .single-mona_demo button.mfp-arrow {
            position: fixed;
            top: 50%;
            margin-top: -55px
        }
        
        .single-mona_demo button.mfp-close {
            opacity: 1;
            color: red;
            font-size: 44px;
            line-height: 44px;
            position: fixed;
            right: 30px;
            top: 5px
        }
        
        .single-mona_demo .mfp-content .mfp-close {
            display: none
        }
        
        #sample-website .detail-cont .top-actions .btn.img {
            background: #001f3b url(https://mona.media/template/images/bg2.jpg);
            border: 1px solid #001f3b;
            font-weight: bold;
            width: 100%;
            max-width: 100%
        }
        
        #sample-website .main-btn {
            background: #0086da;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%);
            text-shadow: 0 1px 0 rgba(0, 0, 0, .3)
        }
        
        #sample-website .main-btn.live {
            background: #fff;
            color: #0086da
        }
        
        #sample-website .subtotal {
            background: #001f3b url(https://mona.media/template/images/bg2.jpg)
        }
        
        #sample-website .subtotal .txt {
            color: white;
            font-size: 16px
        }
        
        #sample-website .subtotal .val {
            color: #fff;
            font-size: 18px
        }
        
        #sample-website .subtotal .val .fa,
        #sample-website .subtotal .val .deadline {
            margin-right: 3px
        }
        
        #sample-website .subtotal .it {
            border-bottom: 1px solid #949498
        }
        
        #sample-website .hotline {
            background: #152853 url(https://mona.media/template/images/bg-nh.jpg) no-repeat 50% 50%
        }
        
        #sample-website .hotline .num span {
            color: #fff
        }
        
        .select-price {
            margin-right: 15px
        }
        
        .page.search .main-cont {
            max-width: 800px;
            float: none;
            margin: 0 auto
        }
        
        body.search.search-results {
            margin-top: 0
        }
        
        .search-results {
            margin-top: 30px
        }
        
        .search-results .it {
            margin-bottom: 25px
        }
        
        .search-results .keyword-text {
            background-color: yellow
        }
        
        .search-results .it .cat-ico {
            display: inline-block;
            vertical-align: middle;
            height: 30px;
            margin-right: 10px
        }
        
        .search-results .it .cat-ico {
            display: inline-block;
            vertical-align: middle;
            max-width: 30px;
            max-height: 30px;
            margin-right: 10px
        }
        
        .search-results .it .tit {
            font-weight: bold
        }
        
        .nav-links .page-numbers {
            display: block;
            font-weight: 700;
            height: 40px;
            line-height: 40px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #ebebeb;
            border-radius: 20px;
            color: #000;
            float: left;
            width: 40px
        }
        
        .nav-links .page-numbers+.page-numbers {
            margin-left: 10px
        }
        
        .nav-links .page-numbers.next,
        .nav-links .page-numbers.prev {
            padding: 0 15px;
            width: auto
        }
        
        .nav-links .page-numbers.current,
        .nav-links .page-numbers:hover {
            background-color: #85deec;
            border-color: #85deec;
            color: #fff
        }
        
        .widget-title {
            font-size: 30px;
            font-weight: bold;
            margin: 0 0 5px
        }
        
        .widget {
            margin-bottom: 30px
        }
        
        .widget.terms .list a {
            display: block;
            color: #fff;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            padding: 0 15px;
            height: 40px;
            line-height: 40px;
            white-space: nowrap;
            position: relative
        }
        
        .widget.terms .list a>.ico {
            display: inline-block;
            vertical-align: middle;
            width: 40px
        }
        
        .widget.terms .list a>.ico img {
            display: block;
            max-height: 25px;
            max-width: 30px;
            margin: 0 auto
        }
        
        .widget.terms .list a .total {
            position: absolute;
            right: 4px;
            top: 0;
            display: inline-block;
            vertical-align: middle;
            font-size: 40px;
            color: white;
            mix-blend-mode: soft-light;
            margin-left: 15px
        }
        
        .widget.tag-cloud .list li {
            float: left;
            padding: 1.5px
        }
        
        .widget.tag-cloud .list a {
            display: block;
            background: #85deec;
            color: #fff;
            padding: 0 15px;
            font-size: 12px;
            line-height: 40px;
            height: 40px;
            text-transform: uppercase;
            white-space: nowrap
        }
        
        #main-logo {
            max-width: 240px
        }
        
        #main-nav>* {
            display: inline-block;
            vertical-align: middle
        }
        
        .menu-langs {
            margin: 0 5px
        }
        
        .menu-langs .list {
            display: inline-block;
            vertical-align: middle
        }
        
        .menu-langs .lbl {
            display: none
        }
        
        .menu-langs .it {
            float: left;
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            padding: 0;
            margin: 0;
            text-align: center;
            background: #111;
            color: #fff !important;
            font-size: 11px
        }
        
        .menu-langs .it.active {
            background: #0086da;
            background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%)
        }
        
        .menu-langs .it:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px
        }
        
        .menu-langs .it:last-child {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px
        }
        
        .call-search-form {
            width: 30px;
            height: 30px;
            text-align: center;
            border-radius: 5px;
            color: #fff !important;
            background: #0086da;
            background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%);
            margin-left: 8px
        }
        
        .call-search-form i {
            line-height: 30px;
            font-size: 10px
        }
        
        .call-search-form .txt {
            display: none
        }
        
        #page-wrapper {
            transition: all .4s;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -o-transition: all .4s
        }
        
        #page-wrapper.blur {
            filter: blur(10px);
            -webkit-filter: blur(10px)
        }
        
        #fullscr-search-form {
            position: fixed;
            z-index: -1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            opacity: 0;
            filter: alpha(opacity=0);
            transition: all .4s;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -o-transition: all .4s
        }
        
        #fullscr-search-form.show {
            opacity: 1;
            filter: alpha(opacity=100);
            z-index: 99
        }
        
        #fullscr-search-form .cont-wp {
            display: table;
            width: 100%;
            height: 100%
        }
        
        #fullscr-search-form .inner {
            display: table-cell;
            vertical-align: middle;
            position: relative;
            top: -40px
        }
        
        #fullscr-search-form .main-form {
            position: relative;
            z-index: 22;
            overflow: hidden
        }
        
        #fullscr-search-form .keyword {
            height: 60px;
            line-height: 60px;
            background: #fff;
            border-radius: 6px
        }
        
        #fullscr-search-form .submit-btn {
            padding: 0;
            margin: 0;
            height: 60px;
            width: 60px;
            text-align: center;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            border: 0;
            outline: 0;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            background: #0086da;
            background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%)
        }
        
        #fullscr-search-form .close-btn {
            font-size: 30px;
            margin-bottom: 10px;
            display: inline-block
        }
        
        .menu-icon {
            display: none
        }
        
        @media screen and (max-width:1050px) {
            .menu-icon {
                display: block
            }
            #site-header .phone {
                margin-left: auto;
                margin-right: 15px
            }
            #main-nav {
                position: fixed;
                padding-right: 0
            }
            .call-search-form {
                position: static;
                transform: none;
                -ms-transform: none;
                -webkit-transform: none;
                width: 100%;
                border: 0;
                display: block;
                border-radius: 0
            }
            .call-search-form .txt {
                display: inline-block
            }
        }
        
        @media screen and (max-width:767px) {
            .menu-langs {
                padding: 10px 15px;
                margin: 0
            }
            .menu-langs .lbl {
                display: inline-block;
                vertical-align: middle;
                margin-right: 15px
            }
            .menu-langs .it {
                width: 40px;
                height: 40px;
                line-height: 40px
            }
            .widget-title {
                font-size: 18px
            }
            .page.search .main-cont {
                width: 100%;
                float: none
            }
            .page.search .sidebar {
                width: 100%;
                float: none;
                padding: 0
            }
            #fullscr-search-form .keyword,
            #fullscr-search-form .submit-btn {
                height: 50px;
                line-height: 50px
            }
            #fullscr-search-form .submit-btn {
                width: 50px
            }
        }
        
        #site-header .left a.main-logo {
            max-width: 180px
        }
        
        ul#pri-menu>li>a {
            padding: 19.5px 7px;
            font-size: 12px
        }
        
        #site-header .left .phone {
            margin: 0 10px
        }
        
        #pricing-tbl .opts {
            padding-top: 60px;
            margin: 0
        }
        
        #pricing-tbl .opts .it {
            width: 25%
        }
        
        #pricing-tbl .it .inner {
            background: #fff;
            box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.25);
            -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25)
        }
        
        #pricing-tbl .it.spec .inner {
            background: #f8f8f8;
            margin-top: -40px;
            box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.25);
            -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.25);
            position: relative
        }
        
        #pricing-tbl .it.spec .tit-wp {
            padding: 50px 30px
        }
        
        #pricing-tbl .it .ico img {
            max-height: 70px;
            max-width: 100px
        }
        
        #pricing-tbl .it .top {
            background: #f25b64;
            color: #fff
        }
        
        #pricing-tbl .it:nth-child(2n+2) .top {
            background: #dd356e
        }
        
        #pricing-tbl .it:nth-child(3n+3) .top {
            background: #00a5de
        }
        
        #pricing-tbl .it:nth-child(4n+4) .top {
            background: #8a4ebb
        }
        
        #pricing-tbl .it .tit-wp {
            padding: 30px
        }
        
        #pricing-tbl .it .tit {
            font-size: 24px;
            font-weight: bold;
            margin: 5px 0 0
        }
        
        #pricing-tbl .it .price {
            position: relative;
            z-index: 2;
            padding: 30px 0;
            font-size: 36px;
            height: 130px;
            display: table;
            width: 100%
        }
        
        #pricing-tbl .it .price .val {
            display: table-cell;
            vertical-align: middle
        }
        
        #pricing-tbl .it .price .num {
            font-size: 36px;
            display: block;
            line-height: 1
        }
        
        #pricing-tbl .it .price .unit {
            font-size: 14px
        }
        
        #pricing-tbl .it .price:before {
            content: '';
            height: 100%;
            display: inline-block;
            vertical-align: middle
        }
        
        #pricing-tbl .it .price:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.2);
            z-index: -1
        }
        
        #pricing-tbl .it .box {
            border-left: 1px solid #e1e1e1;
            padding: 20px;
            color: #555
        }
        
        #pricing-tbl .it .box p {
            border-bottom: 1px dotted #828282;
            margin-bottom: 0;
            padding: 5px 0
        }
        
        #pricing-tbl a.main-btn {
            margin-top: 10px
        }
        
        #pricing-tbl .it .box p:last-child {
            border: 0
        }
        
        #pricing-tbl .it:nth-child(4n+4) .box {
            border-right: 1px solid #e1e1e1
        }
        
        #pricing-tbl .it .box .lbl {
            font-size: 18px;
            color: #000;
            font-weight: bold;
            font-family: "PoppinsVN", sans-serif;
            margin: 10px 0;
            display: inline-block
        }
        
        #pricing-tbl .it.spec .box2 .a {
            margin-bottom: 50px
        }
        
        @media screen and (max-width:991px) {
            #pricing-tbl .opts .it {
                width: 100%
            }
            #pricing-tbl .opts .it .inner {
                max-width: 295px;
                margin: 0 auto 30px
            }
            #pricing-tbl .it .box {
                border-right: 1px solid #e1e1e1
            }
        }
        
        .single-post .the-cont table {
            max-width: 100%;
            display: block
        }
        
        .single-post .the-cont table td {
            vertical-align: top
        }
        
        .no-hien {
            opacity: 0;
            height: 0;
            margin: 0;
            line-height: 0;
            font-size: 0
        }
        
        #featured-projects .slider .it,
        #team-slider .it,
        .slider .it,
        .slick-slide {
            height: auto
        }
        
        .page-template-all-demo #page-wrapper {
            padding-top: 56px
        }
        
        .search-results .desc .thumbnail {
            width: 150px;
            float: left;
            margin-right: 15px;
            text-align: center
        }
        
        .search-results .desc .thumbnail img {
            background: #0086da
        }
        
        .search-results .desc .except {
            overflow: hidden
        }
        
        @media screen and (max-width:950px) {
            #main-nav .mona-home-menu a,
            #main-nav .mona-home-menu {
                display: block
            }
            #main-nav .call-search-form {
                margin: 0;
                background: #1d1d33;
                padding: 10px 15px;
                text-align: left;
                height: auto
            }
            .call-search-form i {
                font-size: inherit;
                line-height: inherit;
                margin-left: 10px
            }
            .search-results .desc .thumbnail {
                width: auto;
                margin: 0;
                max-width: 100%;
                margin: auto;
                float: none;
                margin-bottom: 20px
            }
        }
        
        .mona-list-tags a {
            padding: 5px 10px;
            font-size: 14px;
            border: 1px solid #0086da;
            border-radius: 5px;
            background: #efefef;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            display: inline-block;
            margin-bottom: 4px
        }
        
        .mona-list-tags .cate-item {
            background: #0086da;
            color: #fff
        }
        
        .mona-list-tags a:hover {
            background: #fff;
            color: #000
        }
        
        .flex-video {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden
        }
        
        .flex-video iframe,
        .flex-video object,
        .flex-video embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }
        
        #mona-ajax-add-order-ele-2 .btn.primary-btn:after {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 0;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-animation: fa-spin 2s infinite linear;
            animation: fa-spin 2s infinite linear;
            content: "\f1ce";
            margin-left: 5px;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out
        }
        
        #mona-ajax-add-order-ele-2.loading .btn.primary-btn {
            font-size: inherit
        }
        
        .pj-tag-cloud .tl-item,
        .project-cats li a,
        .project-cats li span {
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            border-radius: 8px
        }
        
        .pj-khachhang-thumbnails .readmore-btn {
            padding: 0 10px;
            line-height: 28px;
            height: 30px
        }
        
        .pj-khachhang-thumbnails .name {
            font-size: 18px;
            color: #000;
            line-height: 1.2;
            text-transform: uppercase;
            font-weight: bold
        }
        
        .sec-pj-feature {
            background-image: url(//mona.media/wp-content/themes/monatheme/css/../images/projectbg.jpg);
            background-size: contain;
            background-repeat: no-repeat
        }
        
        #site-header .phone .ico {
            font-size: 42px;
            vertical-align: middle;
            -webkit-animation: ring 2s ease infinite;
            animation: ring 2s ease infinite;
            transform-origin: bottom;
            -webkit-transform-origin: bottom;
            width: 30px;
            text-align: center
        }
        
        .left-side-fix {
            width: 50px;
            position: fixed;
            top: 40%;
            left: 0;
            list-style: none;
            z-index: 999;
            background: #f7f7f7;
            border-left: 0;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px
        }
        
        .nav-fixed-ul>li {
            display: block;
            position: relative;
            margin: 0 -1px
        }
        
        .nav-fixed-ul>li:first-child>a {
            border-top-right-radius: 5px;
            border-top: 1px solid #e1e1e1
        }
        
        .nav-fixed-ul>li:first-child:hover>a {
            border-top-right-radius: 0
        }
        
        .nav-fixed-ul>li:last-child>a {
            border-bottom-right-radius: 5px;
            border-bottom: 1px solid #e1e1e1
        }
        
        .nav-fixed-ul>li:last-child:hover>a {
            border-bottom-right-radius: 0
        }
        
        .nav-fixed-ul>li>a {
            display: block;
            font-size: 24px;
            line-height: 30px;
            padding: 10px;
            text-align: center;
            display: flex;
            height: 50px;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1;
            background: #f7f7f7;
            border-right: 1px solid #e1e1e1
        }
        
        .nav-fixed-ul>li>a:hover {
            background-color: #e1e1e1
        }
        
        .nav-fixed-ul>li .lsic {
            text-align: center;
            display: block
        }
        
        .lsic.icon-alibaba {
            background: url(//mona.media/wp-content/themes/monatheme/css/../images/alibaba-512.png) no-repeat center center;
            background-size: contain;
            width: 40px;
            height: 40px;
            margin: -5px
        }
        
        .nav-fixed-ul>li .lb {
            display: block;
            position: absolute;
            left: 100%;
            line-height: 30px;
            padding: 10px;
            top: 0;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
            background-color: #118df0;
            color: #fff;
            white-space: nowrap;
            transition: .3s all;
            -webkit-transition: .3s all;
            opacity: 0;
            transform: translate(-100%, 0);
            -webkit-transform: translate(-100%, 0)
        }
        
        .nav-fixed-ul>li:hover .lb {
            opacity: 1;
            transform: translate(0, 0);
            -webkit-transform: translate(0, 0)
        }
        
        @media screen and (min-width:1400px) {
            .sec-pj-feature {
                background-position: top -40 left
            }
        }
        
        @media screen and (max-width:768px) {
            #site-header .phone {
                padding-right: 5px
            }
        }
        
        @-webkit-keyframes ring {
            0% {
                -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
            }
            2% {
                -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
            }
            4% {
                -webkit-transform: rotate(-18deg);
                transform: rotate(-18deg)
            }
            6% {
                -webkit-transform: rotate(18deg);
                transform: rotate(18deg)
            }
            8% {
                -webkit-transform: rotate(-22deg);
                transform: rotate(-22deg)
            }
            10% {
                -webkit-transform: rotate(22deg);
                transform: rotate(22deg)
            }
            12% {
                -webkit-transform: rotate(-18deg);
                transform: rotate(-18deg)
            }
            14% {
                -webkit-transform: rotate(18deg);
                transform: rotate(18deg)
            }
            16% {
                -webkit-transform: rotate(-12deg);
                transform: rotate(-12deg)
            }
            18% {
                -webkit-transform: rotate(12deg);
                transform: rotate(12deg)
            }
            20%,
            100% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
        }
        
        @keyframes ring {
            0% {
                -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
            }
            2% {
                -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
            }
            4% {
                -webkit-transform: rotate(-18deg);
                transform: rotate(-18deg)
            }
            6% {
                -webkit-transform: rotate(18deg);
                transform: rotate(18deg)
            }
            8% {
                -webkit-transform: rotate(-22deg);
                transform: rotate(-22deg)
            }
            10% {
                -webkit-transform: rotate(22deg);
                transform: rotate(22deg)
            }
            12% {
                -webkit-transform: rotate(-18deg);
                transform: rotate(-18deg)
            }
            14% {
                -webkit-transform: rotate(18deg);
                transform: rotate(18deg)
            }
            16% {
                -webkit-transform: rotate(-12deg);
                transform: rotate(-12deg)
            }
            18% {
                -webkit-transform: rotate(12deg);
                transform: rotate(12deg)
            }
            20%,
            100% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
        }
        
        .survey-wrap {
            font-family: 'IBM Plex Sans';
            font-size: 14px;
            background: #fff;
            padding: 30px 15px;
            max-width: 768px;
            margin: 0 auto;
            overflow: hidden
        }
        
        .survey-wrap .input-control {
            display: block;
            width: 100%;
            padding: 10px 15px;
            border-radius: 4px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-size: 1rem;
            box-sizing: border-box;
            border: 1px solid #e1e1e1
        }
        
        .survey-wrap .input-control::-webkit-input-placeholder {
            font-size: .9rem
        }
        
        .survey-wrap .input-control::-moz-placeholder {
            font-size: .9rem
        }
        
        .survey-wrap .input-control:-ms-input-placeholder {
            font-size: .9rem
        }
        
        .survey-wrap .input-control::-ms-input-placeholder {
            font-size: .9rem
        }
        
        .survey-wrap .input-control::placeholder {
            font-size: .9rem
        }
        
        .survey-wrap .input-control:focus {
            box-shadow: 0 0 4px 0 rgba(23, 192, 239, .18);
            outline: 0
        }
        
        .survey-wrap .f-group {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap
        }
        
        .survey-wrap .f-group .input-field {
            margin: 10px 0
        }
        
        .survey-wrap .f-group .input-field label {
            display: block;
            font-size: .85rem;
            margin-bottom: 5px;
            font-weight: 500
        }
        
        .survey-wrap .f-group .col {
            -webkit-box-flex: 1;
            flex: 1 1 50%;
            padding: 0 15px;
            box-sizing: border-box
        }
        
        .survey-wrap .survey-form-info {
            margin: 0 -1rem 1rem
        }
        
        .survey-wrap .quiz-type-title {
            padding-bottom: 15px;
            border-bottom: 1px solid #000;
            margin-bottom: 15px;
            font-size: 1.15rem;
            font-weight: 600
        }
        
        .survey-wrap>.survey-title {
            text-align: center;
            margin-bottom: 30px;
            font-size: 1.25rem
        }
        
        .survey-wrap .quiz-answer-ul {
            padding-left: 0
        }
        
        .survey-wrap .quiz-answer-ul>li {
            display: block;
            counter-increment: li;
            padding: 10px 15px;
            margin-top: -1px;
            padding-left: 50px
        }
        
        .survey-wrap .quiz-answer-ul.circlestyle>li:before {
            border-radius: 50%
        }
        
        .survey-wrap .quiz-answer-ul>li:before {
            content: counter(li, upper-alpha);
            font-size: 18px;
            font-weight: 600;
            line-height: 30px;
            background-color: #f5f6fa;
            display: inline-block;
            min-width: 30px;
            text-align: center;
            padding: 0 2px;
            float: left;
            margin-right: 10px;
            margin-left: -40px
        }
        
        .survey-wrap .quiz-answer-ul .checklb,
        .survey-wrap .quiz-answer-ul .radiolb,
        .survey-wrap .quiz-answer-ul .radiolb {
            display: block;
            overflow: hidden;
            margin: -10px 0;
            padding: 10px 0;
            padding-left: 40px;
            border-bottom: solid 1px #e1e1e1;
            line-height: 30px
        }
        
        .survey-wrap .checklb input,
        .survey-wrap .radiolb input {
            display: none
        }
        
        .survey-wrap .quiz-answer-ul .radiolb .ip-avata {
            padding: 5px
        }
        
        .survey-wrap .quiz-answer-ul .radiolb .ip-avata:after {
            display: none
        }
        
        .survey-wrap .checklb input:checked+.ip-avata:before,
        .survey-wrap .radiolb input:checked+.ip-avata:before {
            border: 0;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none
        }
        
        .survey-wrap .checklb input:checked+.ip-avata:before {
            top: 1px;
            left: 3px;
            font-size: 20px
        }
        
        .survey-wrap .quiz-answer-ul label p {
            margin: 0
        }
        
        .survey-wrap .quiz-answer-ul .checklb .ip-avata,
        .survey-wrap .quiz-answer-ul .radiolb .ip-avata {
            margin-left: -40px;
            float: left;
            width: 30px;
            height: 30px;
            border-width: 1px;
            border-color: #e1e1e1;
            border-style: solid;
            padding-left: 0
        }
        
        .survey-wrap .quiz-answer-ul .radiolb .ip-avata {
            padding: 0
        }
        
        .survey-wrap .radiolb .ip-avata {
            border-radius: 50%;
            padding: 3px
        }
        
        .survey-wrap .checklb .ip-avata,
        .survey-wrap .radiolb .ip-avata {
            width: 24px;
            height: 24px;
            border: solid 1px #e1e1e1;
            margin-right: 10px;
            background-color: white;
            position: relative;
            overflow: hidden
        }
        
        .survey-wrap .radiolb .ip-avata:before {
            border-radius: 50%;
            content: '';
            width: 16px;
            height: 16px;
            background: #08c;
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0)
        }
        
        .survey-wrap .checklb .ip-avata:before,
        .survey-wrap .radiolb .ip-avata:before {
            font-family: 'FontAwesome';
            font-weight: 900;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f00c";
            display: block;
            margin-left: 5px;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 10px;
            height: 10px;
            text-align: center;
            margin-top: 0;
            color: #08c;
            transform: scale(0) translate(0, -40px);
            -webkit-transform: scale(0) translate(0, -40px);
            -moz-transform: scale(0) translate(0, -40px);
            -ms-transform: scale(0) translate(0, -40px);
            -o-transform: scale(0) translate(0, -40px)
        }
        
        .survey-wrap .radiolb .ip-avata:before {
            border-radius: 50%;
            content: '';
            width: 16px;
            height: 16px;
            margin: 7px 0 0 7px;
            background: #08c;
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0)
        }
        
        .survey-wrap .quiz-answer-ul .checklb .ip-avata:before,
        .survey-wrap .quiz-answer-ul .radiolb .ip-avata:before,
        .survey-wrap .quiz-answer-ul .radiolb .ip-avata:before {
            font-size: 14px
        }
        
        .survey-wrap .quiz-group {
            margin-bottom: 20px
        }
        
        .survey-wrap .quiz-question {
            display: block;
            background-color: #d4f9ff;
            line-height: 20px;
            padding: 10px 15px;
            font-size: 14px;
            font-weight: 600
        }
        
        .survey-wrap .quiz-answer {
            margin-top: -1px;
            padding: 0 0 15px
        }
        
        .survey-wrap .quiz-fill-word {
            padding: 15px
        }
        
        .survey-wrap .quiz-fill-word+.quiz-answer {
            border-top: 0
        }
        
        .survey-wrap .quiz-fill-word p {
            margin-bottom: 0;
            margin: 0;
            line-height: 1.5
        }
        
        .survey-wrap .quiz__wrap .form-action .btn:not(:last-child) {
            margin-right: 10px
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul {
            padding-left: 0
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul>li {
            display: block;
            counter-increment: li;
            padding: 10px 15px;
            margin-top: -1px;
            padding-left: 50px
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul.circlestyle>li:before {
            border-radius: 50%
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul>li:before {
            content: counter(li, upper-alpha);
            font-size: 18px;
            font-weight: 600;
            line-height: 30px;
            background-color: #f5f6fa;
            display: inline-block;
            min-width: 30px;
            text-align: center;
            padding: 0 2px;
            float: left;
            margin-right: 10px;
            margin-left: -40px
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul .checklb,
        .survey-wrap .survey-wrap .quiz-answer-ul .radiolb,
        .survey-wrap .survey-wrap .quiz-answer-ul .radiolb {
            display: block;
            overflow: hidden;
            margin: -10px 0;
            padding: 10px 0;
            padding-left: 40px;
            border-bottom: solid 1px #e1e1e1;
            line-height: 30px
        }
        
        .survey-wrap .survey-wrap .checklb input,
        .survey-wrap .survey-wrap .radiolb input {
            display: none
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul .radiolb .ip-avata {
            padding: 5px
        }
        
        .survey-wrap .survey-wrap .checklb input:checked+.ip-avata:before,
        .survey-wrap .survey-wrap .radiolb input:checked+.ip-avata:before {
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul label p {
            margin: 0
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul .checklb .ip-avata,
        .survey-wrap .survey-wrap .quiz-answer-ul .radiolb .ip-avata,
        .survey-wrap .survey-wrap .quiz-answer-ul .radiolb .ip-avata {
            margin-left: -40px;
            float: left;
            width: 30px;
            height: 30px;
            border-width: 1px;
            border-color: #e1e1e1;
            border-style: solid
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul .radiolb .ip-avata {
            padding: 5px
        }
        
        .survey-wrap .survey-wrap .radiolb .ip-avata {
            border-radius: 50%;
            padding: 3px
        }
        
        .survey-wrap .survey-wrap .checklb .ip-avata,
        .survey-wrap .survey-wrap .radiolb .ip-avata {
            width: 24px;
            height: 24px;
            border: solid 1px #e1e1e1;
            margin-right: 10px;
            background-color: white;
            position: relative;
            overflow: hidden
        }
        
        .survey-wrap .survey-wrap .checklb .ip-avata:before,
        .survey-wrap .survey-wrap .radiolb .ip-avata:before {
            font-family: 'FontAwesome';
            font-weight: 900;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f00c";
            display: block;
            margin-left: 5px;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 10px;
            height: 10px;
            text-align: center;
            margin-top: 0;
            color: #08c;
            transform: scale(0) translate(0, -40px);
            -webkit-transform: scale(0) translate(0, -40px);
            -moz-transform: scale(0) translate(0, -40px);
            -ms-transform: scale(0) translate(0, -40px);
            -o-transform: scale(0) translate(0, -40px)
        }
        
        .survey-wrap .survey-wrap .radiolb .ip-avata:before {
            border-radius: 50%;
            content: '';
            width: 16px;
            height: 16px;
            margin: 0;
            background: #08c;
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0)
        }
        
        .survey-wrap .survey-wrap .quiz-answer-ul .checklb .ip-avata:before,
        .survey-wrap .survey-wrap .quiz-answer-ul .radiolb .ip-avata:before,
        .survey-wrap .survey-wrap .quiz-answer-ul .radiolb .ip-avata:before {
            font-size: 14px
        }
        
        .survey-wrap .survey-wrap .quiz-group {
            margin-bottom: 20px;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, .18)
        }
        
        .survey-wrap .survey-wrap .quiz-question {
            display: block;
            background-color: #ffe881;
            line-height: 20px;
            padding: 10px 15px;
            font-size: 16px;
            font-weight: 600
        }
        
        .survey-wrap .survey-wrap .quiz-answer {
            margin-top: -1px;
            padding: 0 0 15px
        }
        
        .survey-wrap .survey-wrap .quiz-fill-word {
            padding: 15px
        }
        
        .survey-wrap .survey-wrap .quiz-fill-word+.quiz-answer {
            border-top: 0
        }
        
        .survey-wrap .survey-wrap .quiz-fill-word p {
            margin-bottom: 0
        }
        
        .survey-wrap .survey-wrap .quiz__wrap .form-action .btn:not(:last-child) {
            margin-right: 10px
        }
        
        .survey-wrap .survey-wrap .radiolb input:checked+.ip-avata:before {
            width: 16px;
            height: 16px
        }
        
        .survey-wrap .btn-send {
            text-decoration: none;
            display: inline-block;
            padding: 10px 30px;
            border: 1px solid #2c323f;
            background: #2c323f;
            color: #fff;
            border-radius: 4px;
            -webkit-transition: opacity .2s ease-in;
            transition: opacity .2s ease-in
        }
        
        .survey-wrap .btn-send:hover {
            opacity: .8
        }
        
        .survey-wrap .rating-form {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center
        }
        
        .survey-wrap .rating-form h6 {
            margin: 0;
            font-size: 1rem
        }
        
        .survey-wrap .rating-form .star-rating {
            font-family: "FontAwesome";
            line-height: 1
        }
        
        .survey-wrap .rating-form .star-rating>.rate-inline {
            padding: 0;
            margin-left: 10px;
            border: 0;
            display: inline-block
        }
        
        .survey-wrap .rating-form .star-rating>.rate-inline:not(:checked)>input {
            position: absolute;
            display: none;
            clip: rect(0, 0, 0, 0)
        }
        
        .survey-wrap .rating-form .star-rating>.rate-inline:not(:checked)>label {
            float: right;
            width: 1em;
            padding: 0 .05em;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            font-size: 200%;
            line-height: 1;
            color: #08c
        }
        
        .survey-wrap .rating-form .star-rating>.rate-inline:not(:checked)>label:before {
            content: "\f006"
        }
        
        .survey-wrap .rating-form .star-rating>.rate-inline:not(:checked)>label:hover,
        .survey-wrap .rating-form .star-rating>.rate-inline:not(:checked)>label:hover~label {
            color: #08c
        }
        
        .survey-wrap .rating-form .star-rating>.rate-inline:not(:checked)>label:hover:before,
        .survey-wrap .rating-form .star-rating>.rate-inline:not(:checked)>label:hover~label:before {
            content: "\f005"
        }
        
        .survey-wrap .rating-form .star-rating>.rate-inline>input:checked~label:before {
            content: "\f005  "
        }
        
        .survey-wrap .rating-form .star-rating>.rate-inline>label:active {
            position: relative;
            top: 2px
        }
        
        .survey-wrap .form-bottom {
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: justify;
            justify-content: space-between;
            flex-wrap: wrap
        }
        
        .survey-wrap .form-bottom .rating-form {
            margin-bottom: 10px
        }
        
        .survey-wrap .facebook-comment {
            margin-top: 15px
        }
        
        .mona-has-ajax:after {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f1ce";
            animation: fa-spin 2s infinite linear;
            font-size: 0;
            margin-left: 5px
        }
        
        .loading .mona-has-ajax:after,
        .mona-has-ajax.loading:after {
            font-size: inherit
        }
        /*
You can add your own CSS here.

Click the help icon above to learn more.
*/
        
        .mfp-bg {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99999;
            overflow: hidden;
            position: fixed;
            background: #0b0b0b;
            opacity: .8
        }
        
        .mfp-wrap {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999991;
            position: fixed;
            outline: 0 !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: -.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: 0;
            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: .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: .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: .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, .6);
            background: #000
        }
        
        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
        }
        
        .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, .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) {
            .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, .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, .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 0;
                transform-origin: 0 0
            }
            .mfp-arrow-right {
                -webkit-transform-origin: 100%;
                transform-origin: 100%
            }
            .mfp-container {
                padding-left: 6px;
                padding-right: 6px
            }
        }
        
        .fixed__box {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            transition: all .5s ease-in-out;
            opacity: 0;
            z-index: -1;
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }
        
        .fixed__box.show {
            opacity: 1;
            z-index: 9999;
            pointer-events: initial;
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial
        }
        
        .fixed__box.show .box__content {
            transform: translate(-50%, -50%) scale(1) skewX(0);
            opacity: 1
        }
        
        .fixed__box p {
            margin: 0;
            line-height: 1.5
        }
        
        .fixed__box img {
            max-width: 100%;
            height: auto
        }
        
        .fixed__box a {
            text-decoration: none
        }
        
        .fixed__box .box-overlay {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: 1001;
            background: rgba(0, 0, 0, .7)
        }
        
        .fixed__box .box__container {
            position: relative;
            width: 100%;
            height: 100%
        }
        
        .fixed__box .box__content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.5) skewX(0);
            transform-origin: 50% 50%;
            opacity: .5;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 16px 0 rgba(255, 255, 255, .15);
            z-index: 1002;
            transition: all .8s ease-in-out;
            width: 90%;
            max-width: 500px
        }
        
        .fixed__box .box__header {
            padding: 25px 25px 0
        }
        
        .fixed__box .box__header .image__app {
            display: block;
            width: 300px;
            margin: -150px auto 0
        }
        
        .fixed__box .box__header .close__box {
            position: absolute;
            top: -50px;
            right: -50px;
            background: #08c;
            display: inline-block;
            width: 35px;
            height: 35px;
            line-height: 35px;
            border-radius: 50%;
            text-align: center;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
            background: linear-gradient(99.14164deg, #08c -1.01042%, #5bbef0 83.57292%);
            transition: transform .5s ease
        }
        
        .fixed__box .box__header .close__box:hover {
            transform: rotate(180deg)
        }
        
        .fixed__box .box__header .close__box:after {
            content: 'X'
        }
        
        .fixed__box .box__body {
            padding: 15px 25px 25px;
            text-align: center
        }
        
        .fixed__box .login-url {
            margin-top: 15px;
            margin-bottom: 15px
        }
        
        .fixed__box .login-url .fa {
            width: 20px
        }
        
        .fixed__box .login-url .fa.fa-mobile {
            font-size: 24px;
            vertical-align: top
        }
        
        .fixed__box .login-url a {
            text-decoration: none;
            color: #08c
        }
        
        .fixed__box .download-app {
            display: flex;
            align-items: center;
            margin-top: 15px;
            justify-content: center
        }
        
        .fixed__box .download-app .app-box {
            margin-left: 5px
        }
        
        .fixed__box .download-app .app-box>a {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            overflow: hidden;
            transition: all .2s ease-in-out;
            margin: 5px
        }
        
        .fixed__box .download-app .app-box>a:after {
            content: '';
            width: 20px;
            height: 150%;
            position: absolute;
            top: 0;
            left: -50px;
            background: rgba(255, 255, 255, .25);
            transform: rotate(20deg);
            transition: all .5s ease-in-out
        }
        
        .fixed__box .download-app .app-box>a:hover {
            box-shadow: 0 4px 16px 0 rgba(2, 18, 24, .31)
        }
        
        .fixed__box .download-app .app-box>a:hover:after {
            left: 100%
        }
        
        .fixed__box .download-app .app-box img {
            vertical-align: middle
        }
        
        .fixed__box .mona-color {
            color: #08c
        }
        
        .fixed__box .small-note {
            font-size: initial;
            line-height: 1.5;
            font-size: 14px
        }
        
        @media screen and (max-width:600px) {
            .fixed__box .box__header {
                padding: 15px 15px 0
            }
            .fixed__box .box__header .image__app {
                width: 200px;
                margin-top: -110px;
                margin-bottom: 10px
            }
            .fixed__box .box__header .close__box {
                right: 15px;
                top: 15px
            }
            .fixed__box .box__body {
                padding: 0 15px 15px
            }
            .fixed__box .download-app {
                display: block
            }
        }
        
        .fixed-toggle {
            position: fixed;
            right: 0;
            top: 55%;
            transform: translateY(-50%);
            cursor: pointer;
            z-index: 100;
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
            overflow: hidden
        }
        
        .fixed-toggle p {
            margin: 0
        }
        
        .fixed-toggle img {
            max-width: 100%;
            height: auto
        }
        
        .fixed-toggle .logo-mona {
            width: 75px;
            height: 75px;
            display: inline-block;
            margin-right: 100%
        }
        
        .fixed-toggle .toggle-icon {
            text-align: center;
            padding: 15px;
            color: #08c;
            transition: all .2s ease-in-out;
            background: #fff
        }
        
        .fixed-toggle .viewmore {
            font-size: 12px;
            line-height: 1.5
        }
        
        .fixed-toggle .box-text .title,
        .fixed-toggle .box-text .viewmore {
            display: none
        }
        
        .fixed-toggle .box-text .title-short {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 12px;
            max-width: 75px;
            line-height: 1.3;
            text-align: right
        }
        
        .fixed-toggle:hover .box-text .title,
        .fixed-toggle:hover .box-text .viewmore {
            display: block
        }
        
        .fixed-toggle:hover .logo-mona {
            margin-right: auto
        }
        
        .fixed-toggle:hover .box-text .title-short {
            display: none
        }
        
        .popup-cont {
            position: relative;
            width: 768px;
            max-width: 100%;
            display: block;
            margin: 0 auto;
            background-color: #fff
        }
        
        .popup-cont .video-holder {
            width: 100%;
            overflow: hidden;
            border-radius: 0;
            padding-bottom: calc(100%/16*9);
            padding-bottom: -webkit-calc(100%/16*9)
        }
        
        .popup-cont .video-holder iframe {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%
        }
        
        .popup-cont .video-holder>img {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%
        }
        
        .popup-cont .mfp-close {
            right: -22px;
            top: -22px;
            border-radius: 50%;
            background-color: #fff;
            opacity: 1;
            -webkit-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, .75);
            -moz-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, .75);
            box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, .75)
        }
        /*]]>*/

.main-cont #ftwp-container-outer {
    float: left;
    margin-right: 20px;
    min-width: 300px;
}
#ftwp-container.ftwp-wrap {
    font-family: inherit;
    font-size: 12px;
}
.main-cont #ftwp-container.ftwp-wrap #ftwp-trigger {
    display: none !important;
}
#ftwp-container.ftwp-wrap #ftwp-trigger {
    border-color: rgba(71,79,81,0.95);
}
#ftwp-container.ftwp-wrap #ftwp-trigger {
    color: #474f51;
    background: rgba(243,243,243,0.95);
}
#ftwp-container #ftwp-trigger.ftwp-border-thin {
    font-size: 33.1px;
}
#ftwp-container.ftwp-wrap #ftwp-trigger {
    width: 56px;
    height: 56px;
    font-size: 33.6px;
}
#ftwp-container #ftwp-trigger.ftwp-border-thin {
    font-size: 29.5px;
}
#ftwp-container #ftwp-trigger.ftwp-border-thin, #ftwp-container #ftwp-contents.ftwp-border-thin {
    border-color: rgba(51,51,51,.95);
    border-style: solid;
    border-width: 1px;
}
#ftwp-container.ftwp-wrap #ftwp-trigger {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: rgba(238,238,238,.95);
    color: #333;
    font-size: 30px;
    position: relative;
}
#ftwp-container.ftwp-wrap #ftwp-trigger .ftwp-trigger-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#ftwp-container.ftwp-wrap #ftwp-contents {
    border-color: rgba(71,79,81,0.95);
}
#ftwp-container.ftwp-wrap #ftwp-contents {
    width: 300px;
    height: auto;
    font-size: 14px;
}
#ftwp-container #ftwp-trigger.ftwp-border-medium, #ftwp-container #ftwp-contents.ftwp-border-medium {
    border-color: rgba(51,51,51,.95);
    border-style: solid;
    border-width: 2px;
}
#ftwp-container.ftwp-wrap #ftwp-contents {
    max-width: 100%;
    overflow: hidden;
    height: auto;
    max-height: 100%;
}
#ftwp-container.ftwp-wrap #ftwp-header {
    color: #474f51;
    background: rgba(243,243,243,0.95);
}
#ftwp-container.ftwp-wrap #ftwp-header {
    font-size: 22.4px;
    font-family: inherit;
}
#ftwp-container.ftwp-wrap #ftwp-header {
    color: #333;
    background: rgba(238,238,238,.95);
    padding: 10px 10px;
    font-size: 19.2px;
    line-height: 1.1;
    -webkit-transition: background .3s;
    transition: background .3s;
}
#ftwp-container.ftwp-wrap #ftwp-header-control {
    float: left;
    margin-right: 5px;
}
#ftwp-container.ftwp-wrap .ftwp-icon-number::before {
    content: '\F0CB';
}
#ftwp-container.ftwp-wrap #ftwp-header-minimize {
    float: right;
    margin-left: 5px;
    width: 25px;
    text-align: center;
    opacity: .5;
}
#ftwp-container.ftwp-wrap .ftwp-icon-expand::before {
    content: '\E801';
}
#ftwp-container.ftwp-wrap #ftwp-header-title {
    font-weight: bold;
}
#ftwp-container.ftwp-wrap #ftwp-header-title {
    font-weight: bold;
    display: block;
    overflow: hidden;
}
#ftwp-container.ftwp-wrap #ftwp-list {
    color: #474f51;
    background: rgba(243,243,243,0.95);
}
#ftwp-container.ftwp-wrap #ftwp-list {
    font-size: 14px;
    font-family: inherit;
}
#ftwp-container.ftwp-wrap #ftwp-list {
    color: #333;
    font-size: 12px;
    background: rgba(238,238,238,.95);
    line-height: 1.2;
    overflow-y: auto;
    width: 100%;
    -webkit-transition: background .3s;
    transition: background .3s;
	padding-left: 10px;
}
#ftwp-container.ftwp-wrap li {
    list-style: square;
}
#ftwp-container #ftwp-list.ftwp-effect-bounce-to-right .ftwp-anchor {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
#ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor {
    display: block;
    padding: 5px 0px;
    z-index: 10;
    overflow: hidden;
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s;
}
#ftwp-container.ftwp-wrap #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor::before {
    font-size: 7px;
}
#ftwp-container #ftwp-list.ftwp-strong-first.ftwp-liststyle-circle>.ftwp-item>.ftwp-anchor::before, #ftwp-container #ftwp-list.ftwp-strong-first.ftwp-liststyle-circle-o>.ftwp-item>.ftwp-anchor::before, #ftwp-container #ftwp-list.ftwp-strong-first.ftwp-liststyle-square>.ftwp-item>.ftwp-anchor::before, #ftwp-container #ftwp-list.ftwp-strong-first.ftwp-liststyle-square-o>.ftwp-item>.ftwp-anchor::before {
    font-size: 6px;
    line-height: 2.4;
    font-weight: bold;
}
#ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor::before {
    font-size: 5.6px;
}
#ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text {
    font-size: 15.4px;
	font-weight: bold;
}
#ftwp-container #ftwp-list .ftwp-text {
    display: block;
    overflow: hidden;
}
#ftwp-container.ftwp-wrap .ftwp-icon, #ftwp-container.ftwp-wrap .ftwp-icon-menu, #ftwp-container.ftwp-wrap .ftwp-icon-bullet, #ftwp-container.ftwp-wrap .ftwp-icon-number, #ftwp-container.ftwp-wrap .ftwp-icon-ellipsis, #ftwp-container.ftwp-wrap .ftwp-icon-vellipsis, #ftwp-container.ftwp-wrap .ftwp-icon-circle, #ftwp-container.ftwp-wrap .ftwp-icon-circle-o, #ftwp-container.ftwp-wrap .ftwp-icon-square, #ftwp-container.ftwp-wrap .ftwp-icon-square-o, #ftwp-container.ftwp-wrap .ftwp-icon-expand, #ftwp-container.ftwp-wrap .ftwp-icon-collapse, #ftwp-container.ftwp-wrap .ftwp-icon-minimize, #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor::before {
    display: inline-block;
    font-family: "ftwp-icon";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul#pri-menu .current-menu-ancestor>a, ul#pri-menu .current-menu-item>a, ul#pri-menu .current-menu-parent>a, ul#pri-menu li>a:hover {
    background: #35393b;
    background: #111;
    color: #c8cacb;
}
@media screen and (max-width: 600px){
#wpadminbar {
    position: fixed;
}	
}
@media screen and (max-width: 650px){
span.ab-icon {
    display: none;
}
}
@media screen and (max-width: 767px){
#site-header .inner {
    height: 65px;
    padding-top: 20px;
}
}
ul#pri-menu>li>a {
    font-size: 14px;
}
body {
    font-family: roboto;
}
.webkit-html-text-node.being-edited.editing {
    font-size: 17px;
}