@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.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.222222em;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.48571429em;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}
.zzBoxes, .zzBoxes * {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0;
    padding: 0;
}
.zzBoxes_overlay {
    background: none no-repeat center center #111111;
    position: fixed;
	z-index: 99999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.8;
}
.zzBoxes_inner {
    background-color: #ffffff;
    color: #131313;
    font-size: 15px;
    line-height: 21px;
    position: fixed;
	z-index: 999999;
    text-align: justify;
    width: 95%;
    max-width: 580px;
    min-width: 300px;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: margin .3s;
    transition: margin .3s;
}
.zzBoxes.alert .zzBoxes_title {
    color: #ffaa05;
}
.zzBoxes.confirm .zzBoxes_title {
    color: #ffaa05;
}
.zzBoxes.prompt .zzBoxes_inner {
	max-width: 400px !important;
}
.zzBoxes.prompt .zzBoxes_title {
    color: #ffaa05;
}
.zzBoxes_title {
    font-size: 1.4em;
    line-height: 1.5em;
}
.zzBoxes_content {
    padding: 20px 15px;
    margin: 0;
}
.zzBoxes_mess {
    overflow: auto;
    white-space: pre-line;
}
.zzBoxes_content img {
    max-width: 100%;
}
.zzBoxes_input {
    padding: 7px;
    margin: 10px 0 0;
    width: 100%;
    border: 1px solid #dddddd;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.zzBoxes_input:focus {
    border-color: #ffaa05;
    box-shadow: 0 0 3px 1px #ffaa05;
    outline: 0 none;
}
.zzBoxes_button {
    background-color: #f4f4f4;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.zzBoxes_button > div {
    background-color: #39b54a;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin: 7px 0 7px 10px;
    padding: 7px 12px 5px;
    text-align: center;
	text-transform: uppercase;
    -webkit-transition: background .3s;
    transition: background .3s;
}
.zzBoxes_button > div:first-child {
    margin-left: 0;
}
div.zzBoxes_cancel {
    background-color: #eb0900;
}
.zzBoxes_close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJZJREFUeNpi/P//PwMpgAlKywHxMSD2wKImCogPA7EEmAeyAYhP/oeAb0DsARUD4XAg/gOV2wV2DVTCA6oYWVMIkuLPQGyDrAGbJgzF6BrQNWEoBmEmNA/yADEbEp8ZKoYAODwIMvknlP0TOSBgiqOwuNkDTZM3soZjONzsjaRpC7IGCSDei+5BJE0gxUIgPiOpSQMgwAB/QVTYXhJ/ggAAAABJRU5ErkJggg==) no-repeat center center #eb0900;
    position: absolute;
    width: 30px;
    height: 20px;
    right: 2px;
    top: 2px;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.zzBoxes_inner:hover .zzBoxes_close {
    opacity: 1;
}
.zzBoxes_button > div:hover, .zzBoxes_close:hover {
    background-color: #2f2f2f;
    cursor: pointer;
}

.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.t-caption {
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
  z-index: 3 !important;
  width: 1240px !important;
}
.t-caption .s-box {
  width: 60%;
  font-weight: 300;
  margin-left: 0;
}
.t-caption .s-small {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
.t-caption .s-title {
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 20px;
}
.t-caption .s-btn {
  background-color: #ffffff;
  color: #00355e;
  display: inline-block;
  font-weight: 500;
  padding: 10px 30px;
  margin-top: 30px;
}
.t-caption .s-btn > svg {
  fill: #00355e;
  margin-left: 5px;
  margin-bottom: -5px;
}
.t-caption .s-btn:hover,
.t-caption .s-btn:focus {
  background-color: #00355e;
  color: #ffffff;
}
.t-caption .s-btn:hover > svg,
.t-caption .s-btn:focus > svg {
  fill: #ffffff;
}

.jssorb051 .i {
  position: absolute;
  cursor: pointer;
}
.jssorb051 .i .b {
  fill: #fff;
  fill-opacity: 0.5;
  stroke: #000;
  stroke-width: 400;
  stroke-miterlimit: 10;
  stroke-opacity: 0.5;
}
.jssorb051 .i:hover .b {
  fill-opacity: 1;
}
.jssorb051 .iav .b {
  fill: #00355e;
  fill-opacity: 1;
}
.jssorb051 .i.idn {
  opacity: 0.3;
}

.jssort101 .p {
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.jssort101 .p .cv {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  box-sizing: border-box;
  z-index: 1;
}
.jssort101 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 400;
  stroke-miterlimit: 10;
  visibility: hidden;
}
.jssort101 .p:hover .cv,
.jssort101 .p.pdn .cv {
  border: none;
  border-color: transparent;
}
.jssort101 .p:hover {
  padding: 2px;
}
.jssort101 .p:hover .cv {
  background-color: rgba(0, 0, 0, 6);
  opacity: 0.35;
}
.jssort101 .p:hover.pdn {
  padding: 0;
}
.jssort101 .p:hover.pdn .cv {
  border: 2px solid #fff;
  background: none;
  opacity: 0.35;
}
.jssort101 .pav .cv {
  border-color: #fff;
  opacity: 0.35;
}
.jssort101 .pav .a,
.jssort101 .p:hover .a {
  visibility: visible;
}
.jssort101 .t {
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  opacity: 0.5;
  cursor: pointer;
}
.jssort101 .pav .t,
.jssort101 .p:hover .t {
  opacity: 1;
}
.jssort101 .pav .t {
  border: 3px solid #002d50;
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 20px 15px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{border-top:1px solid hsla(0,0%,100%,.4);max-height:50vh;overflow:auto;pointer-events:all;padding-top:25px}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}mm-hidden {
  display: none !important;
}
.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}
.mm-menu,
.mm-menu > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.mm-menu > .mm-panel .fa-fw {
  width: 1.68571429em;
}
.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}
.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.mm-panel.mm-opened {
  -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);
}
.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}
.mm-panel.mm-highest {
  z-index: 1;
}
.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px;
}
.mm-menu > .mm-panel.mm-hasnavbar {
  padding-top: 40px;
}
.mm-menu > .mm-panel:before,
.mm-menu > .mm-panel:after {
  content: "";
  display: block;
  height: 20px;
}
.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent;
}
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}
.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 40px;
  bottom: auto;
}
.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after {
  top: 16px;
  bottom: auto;
}
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mm-navbar {
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.mm-navbar > * {
  display: block;
  padding: 10px 0;
}
.mm-navbar a,
.mm-navbar a:hover {
  text-decoration: none;
}
.mm-navbar .mm-title {
  color: #3b97d2 !important;
  font-size: 15px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mm-navbar .mm-btn {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.mm-navbar .mm-btn:first-child {
  padding-left: 20px;
  left: 0;
}
.mm-navbar .mm-btn:last-child {
  padding-right: 20px;
  right: 0;
}
.mm-panel .mm-navbar {
  display: none;
}
.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}
.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.mm-listview {
  font: inherit;
  font-size: 14px;
}
.mm-listview a,
.mm-listview a:hover {
  text-decoration: none;
}
.mm-listview > li {
  position: relative;
}
.mm-listview > li > a,
.mm-listview > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  font-weight: 500;
  line-height: 20px;
  display: block;
  padding: 15px 15px 15px 25px;
  margin: 0;
}
#mm-1 .mm-listview > li > a {
  text-transform: uppercase;
}
.mm-listview > li > a .fa,
.mm-listview > li > span .fa {
  color: #bfbfbf;
  margin-left: -12px;
}
.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow {
  padding-right: 50px;
}
#mm-0 .mm-listview > li > a,
#mm-0 .mm-listview > li > span {
  text-transform: uppercase;
}
.mm-listview > li:not(.mm-divider):after {
  content: "";
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.mm-listview > li:not(.mm-divider):after {
  left: 10px;
}
.mm-listview .mm-next {
  background-color: rgba(3, 2, 1, 0);
  width: 35px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  z-index: 2;
}
.mm-listview .mm-next:before {
  content: "";
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  margin-right: 38px;
}
.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}
.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0;
}
.mm-menu > .mm-panel > .mm-listview {
  margin-left: -20px;
  margin-right: -20px;
}
.mm-menu > .mm-panel > .mm-listview.mm-first {
  margin-top: -20px;
}
.mm-menu > .mm-panel > .mm-listview.mm-last {
  padding-bottom: 20px;
}
.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: "";
  border: 1px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 20px;
}
.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 15px;
}
.mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
}
.mm-listview > li.mm-spacer {
  padding-top: 40px;
}
.mm-listview > li.mm-spacer > .mm-next {
  top: 40px;
}
.mm-listview > li.mm-spacer.mm-divider {
  padding-top: 25px;
}
.mm-menu {
  background-color: #ffffff;
  color: #2f3032;
}
.mm-menu .mm-navbar {
  border-color: rgba(0, 0, 0, 0.2);
}
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
  color: #afafaf;
}
.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after {
  border-color: #8e8e8e;
  color: #8e8e8e;
}
.mm-menu .mm-listview > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-listview > li .mm-prev:before,
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after {
  border-color: #8e8e8e;
}
.mm-menu .mm-listview > li .mm-prev:after,
.mm-menu .mm-listview > li .mm-next:before {
  border-color: rgba(72, 72, 72, 0.05);
}
.mm-menu .mm-listview > li > a:hover,
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background-color: #3b97d2;
  color: white;
}
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(0, 0, 0, 0.05);
}
.mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05);
}
.mm-page {
  box-sizing: border-box;
  position: relative;
}
.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-opened {
  overflow: hidden;
  position: relative;
}
html.mm-opened body {
  overflow: hidden;
}
html.mm-background .mm-page {
  background: inherit;
}
#mm-blocker {
  background-color: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}
html.mm-opened #mm-blocker {
  opacity: 0;
}
html.mm-opened #mm-blocker {
  background-color: #000000;
}
html.mm-opening #mm-blocker {
  opacity: 0.2;
  transition: opacity 0.4s ease 0.4s;
}
.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}
.mm-menu.mm-current {
  display: block;
}
.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 317px;
}
html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0);
}
@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}
@media all and (min-width: 400px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(280px, 0);
    -moz-transform: translate(280px, 0);
    -ms-transform: translate(280px, 0);
    -o-transform: translate(280px, 0);
    transform: translate(280px, 0);
  }
}
.mm-menu.mm-top.mm-autoheight,
.mm-menu.mm-bottom.mm-autoheight {
  max-height: 80%;
}
.mm-menu.mm-top.mm-autoheight.mm-fullscreen,
.mm-menu.mm-bottom.mm-autoheight.mm-fullscreen {
  max-height: 100%;
}
.mm-menu.mm-measureheight > .mm-panel {
  bottom: auto !important;
  height: auto !important;
}
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%;
}
em.mm-counter + a.mm-next {
  padding-left: 40px;
}
em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span {
  margin-right: 90px;
}
em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}
.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0;
}
.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px;
}
.mm-nosubresults > .mm-counter {
  display: none;
}
.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}
.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px;
}
.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mm-collapsed:not(.mm-uncollapsed) {
  display: none;
}
.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -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);
}
.mm-fixeddivider:after {
  content: none !important;
  display: none !important;
}
.mm-hasdividers .mm-fixeddivider {
  display: block;
}
.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05);
}
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.mm-menu > .mm-navbar {
  background: inherit;
  padding: 0;
  z-index: 3;
  -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);
}
.mm-navbar-bottom {
  border-top: 1px solid transparent;
  border-bottom: none;
  top: auto;
  bottom: 0;
}
.mm-navbar-top ~ .mm-navbar-top {
  border-bottom: none;
  display: none;
}
.mm-navbar-bottom ~ .mm-navbar-bottom {
  border-top: none;
}
.mm-navbar.mm-hasbtns {
  padding: 0 40px;
}
.mm-navbar-top-1 {
  top: 0px;
}
.mm-hasnavbar-top-1 .mm-panel {
  top: 40px;
}
.mm-hasnavbar-top-1 .mm-indexer {
  top: 50px;
}
.mm-hasnavbar-top-1 .mm-fixeddivider {
  top: 40px;
}
.mm-navbar-top-2 {
  top: 0px;
}
.mm-hasnavbar-top-2 .mm-panel {
  top: 40px;
}
.mm-hasnavbar-top-2 .mm-indexer {
  top: 90px;
}
.mm-hasnavbar-top-2 .mm-fixeddivider {
  top: 80px;
}
.mm-navbar-top-3 {
  top: 80px;
}
.mm-hasnavbar-top-3 .mm-panel {
  top: 120px;
}
.mm-hasnavbar-top-3 .mm-indexer {
  top: 130px;
}
.mm-hasnavbar-top-3 .mm-fixeddivider {
  top: 120px;
}
.mm-navbar-bottom-1 {
  bottom: 0px;
}
.mm-hasnavbar-bottom-1 .mm-panel {
  bottom: 40px;
}
.mm-hasnavbar-bottom-1 .mm-indexer {
  bottom: 50px;
}
.mm-navbar-bottom-2 {
  bottom: 40px;
}
.mm-hasnavbar-bottom-2 .mm-panel {
  bottom: 80px;
}
.mm-hasnavbar-bottom-2 .mm-indexer {
  bottom: 90px;
}
.mm-navbar-bottom-3 {
  bottom: 80px;
}
.mm-hasnavbar-bottom-3 .mm-panel {
  bottom: 120px;
}
.mm-hasnavbar-bottom-3 .mm-indexer {
  bottom: 130px;
}
.mm-close {
  text-align: right;
}
.mm-close:after {
  content: "x";
  font-size: 22px;
  line-height: 0;
}
.mm-navbar-2 > *,
.mm-navbar-3 > *,
.mm-navbar-4 > *,
.mm-navbar-5 > *,
.mm-navbar-6 > * {
  display: block;
  float: left;
}
.mm-navbar-2 > * {
  width: 50%;
}
.mm-navbar-3 > * {
  width: 33.33%;
}
.mm-navbar-4 > * {
  width: 25%;
}
.mm-navbar-5 > * {
  width: 20%;
}
.mm-navbar-6 > * {
  width: 16.66%;
}
.mm-search,
.mm-search input {
  box-sizing: border-box;
}
.mm-search {
  height: 40px;
  padding: 10px 10px 0;
  display: none;
}
.mm-search input {
  border: none;
  border-radius: 28px;
  font: inherit;
  font-size: 13px;
  outline: none;
  display: block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 15px;
}
.mm-search input::-ms-clear {
  display: none;
}
.mm-panel > .mm-search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mm-panel.mm-hassearch {
  padding-top: 40px;
}
.mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 80px;
}
.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
  top: 40px;
}
.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 40px 0;
}
.mm-noresults .mm-noresultsmsg {
  display: block;
}
.mm-noresults .mm-indexer {
  display: none !important;
}
li.mm-nosubresults > a.mm-next {
  display: none;
}
li.mm-nosubresults > a.mm-next + a,
li.mm-nosubresults > a.mm-next + span {
  padding-right: 10px;
}
.mm-menu .mm-search input {
  background-color: #eeeeee;
  color: #8d8d8d;
}
.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}
.mm-indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: -100px;
  z-index: 3;
  -webkit-transition: right 0.4s ease;
  -moz-transition: right 0.4s ease;
  -ms-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
  -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);
}
.mm-indexer a {
  text-decoration: none;
  display: block;
  height: 3.85%;
}
.mm-indexer ~ .mm-panel.mm-hasindexer {
  padding-right: 40px;
}
.mm-hasindexer .mm-indexer {
  right: 0;
}
.mm-hasindexer .mm-fixeddivider {
  right: 20px;
}
.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3);
}
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px;
}
label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
}
label.mm-toggle:before,
label.mm-check:before {
  content: "";
  display: block;
}
label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px;
}
label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px;
}
input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right;
}
label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px;
}
label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: 0.1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
input.mm-check:checked ~ label.mm-check:before {
  opacity: 1;
}
li.mm-vertical label.mm-toggle,
li.mm-vertical label.mm-check {
  bottom: auto;
  margin-top: 0;
}
li.mm-vertical label.mm-toggle {
  top: 5px;
}
li.mm-vertical label.mm-check {
  top: 5px;
}
label.mm-toggle,
label.mm-check {
  right: 20px;
}
label.mm-toggle + a,
label.mm-toggle + span {
  padding-right: 80px;
}
label.mm-check + a,
label.mm-check + span {
  padding-right: 60px;
}
a.mm-next + label.mm-toggle,
a.mm-next + label.mm-check {
  right: 60px;
}
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span,
a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  margin-right: 50px;
}
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  padding-right: 70px;
}
a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  padding-right: 50px;
}
em.mm-counter + a.mm-next + label.mm-toggle,
em.mm-counter + a.mm-next + label.mm-check {
  right: 100px;
}
em.mm-counter + a.mm-next + label.mm-toggle + a,
em.mm-counter + a.mm-next + label.mm-toggle + span,
em.mm-counter + a.mm-next + label.mm-check + a,
em.mm-counter + a.mm-next + label.mm-check + span {
  margin-right: 90px;
}
.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}
.mm-menu label.mm-toggle:before {
  background: #f3f3f3;
}
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.7);
}
.mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after {
  content: none;
}
.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after {
  left: 0 !important;
}
html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0);
}
html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0);
}
html.mm-effect-slide-menu .mm-menu.mm-offcanvas {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-effect-slide-menu.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}
html.mm-effect-slide-menu.mm-opening .mm-menu.mm-offcanvas {
  -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);
  z-index: 99;
}
html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(30%, 0, 0);
  -moz-transform: translate3d(30%, 0, 0);
  -ms-transform: translate3d(30%, 0, 0);
  -o-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
}
html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
  -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);
}
.mm-menu.mm-effect-zoom-panels .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left;
}
.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0);
}
.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}
.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
  -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);
}
.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px;
}
html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0);
  }
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
  }
}
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0);
  }
}
.mm-menu.mm-fullscreen.mm-top,
.mm-menu.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px;
}
html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span {
  text-overflow: clip;
  white-space: normal;
}
.mm-menu.mm-pageshadow:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99;
}
.mm-menu.mm-pageshadow.mm-right:after {
  left: auto;
  right: 100%;
}
.mm-menu.mm-pageshadow.mm-next:after,
.mm-menu.mm-pageshadow.mm-front:after {
  content: none;
  display: none;
}
.mm-menu.mm-pageshadow:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.mm-menu.mm-right {
  left: auto;
  right: 0;
}
.mm-menu.mm-bottom {
  top: auto;
  bottom: 0;
}
html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}
@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
  }
}
@media all and (min-width: 350px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-280px, 0);
    -moz-transform: translate(-280px, 0);
    -ms-transform: translate(-280px, 0);
    -o-transform: translate(-280px, 0);
    transform: translate(-280px, 0);
  }
}
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important;
}
.mm-menu.mm-front {
  z-index: 1;
}
.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.mm-menu.mm-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
  -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);
}
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px;
}
.mm-menu.mm-theme-dark {
  background: #333333;
  color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-theme-dark .mm-navbar {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu.mm-theme-dark .mm-navbar > *,
.mm-menu.mm-theme-dark .mm-navbar a {
  color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
  border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-listview > li:after {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu.mm-theme-dark .mm-listview > li .mm-prev:before,
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after {
  border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-listview > li .mm-prev:after,
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:before {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-theme-dark .mm-divider {
  background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-pageshadow.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-indexer a {
  color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15);
}
.mm-menu.mm-theme-dark label.mm-toggle:before {
  background: #333333;
}
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
.mm-menu.mm-theme-white {
  background: white;
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-theme-white .mm-navbar {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-white .mm-navbar > *,
.mm-menu.mm-theme-white .mm-navbar a {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-listview > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-white .mm-listview > li .mm-prev:before,
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-listview > li .mm-prev:after,
.mm-menu.mm-theme-white .mm-listview > li .mm-next:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-theme-white .mm-divider {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-pageshadow.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-indexer a {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-white label.mm-toggle:before {
  background: white;
}
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
.mm-menu.mm-theme-black {
  background: black;
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-theme-black .mm-navbar {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black .mm-navbar > *,
.mm-menu.mm-theme-black .mm-navbar a {
  color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
  border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-listview > li:after {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black .mm-listview > li .mm-prev:before,
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after {
  border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-listview > li .mm-prev:after,
.mm-menu.mm-theme-black .mm-listview > li .mm-next:before {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black .mm-divider {
  background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-pageshadow.mm-theme-black:after {
  content: none;
  display: none;
}
.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-indexer a {
  color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black label.mm-toggle:before {
  background: black;
}
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
.mm-listview li.tth-mm-search,
.mm-listview li.tth-mm-category {
  display: none;
  height: 0;
}
@media screen and (max-width: 959px) {
  .mm-listview li.tth-mm-search {
    display: block;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .mm-listview li.tth-mm-category {
    display: block;
    height: auto;
  }
}

.mm-navbar-bottom {
  text-align: center;
}
.mm-navbar-bottom a {
  background-color: #3b97d2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff !important;
  display: inline-block !important;
  float: none;
  font-size: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0;
  margin: 5px;
}
.mm-navbar-bottom a.facebook:hover,
.mm-navbar-bottom a.facebook:focus,
.mm-navbar-bottom a.facebook:active {
  background-color: #37528d;
}
.mm-navbar-bottom a.instagram:hover,
.mm-navbar-bottom a.instagram:focus,
.mm-navbar-bottom a.instagram:active {
  background-color: #e03663;
}
.mm-navbar-bottom a.twitter:hover,
.mm-navbar-bottom a.twitter:focus,
.mm-navbar-bottom a.twitter:active {
  background-color: #33bce9;
}
.mm-navbar-bottom a.youtube:hover,
.mm-navbar-bottom a.youtube:focus,
.mm-navbar-bottom a.youtube:active {
  background-color: #ee1c1b;
}
.mm-navbar-bottom a.tripadvisor:hover,
.mm-navbar-bottom a.tripadvisor:focus,
.mm-navbar-bottom a.tripadvisor:active {
  background-color: #3ce0a1;
}
.mm-navbar-bottom a.linkedin:hover,
.mm-navbar-bottom a.linkedin:focus,
.mm-navbar-bottom a.linkedin:active {
  background-color: #148bba;
}

#hamburger {
  border: 1px solid transparent;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  position: absolute;
  top: calc(50% - 25px);
  left: 10px;
  z-index: 992;
  margin: 0;
  display: none;
}
#hamburger:before,
#hamburger:after,
#hamburger span {
  background-color: #3b97d2;
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  position: absolute;
  left: 0;
}
#hamburger:before {
  top: 12px;
}
#hamburger span.top {
  top: 18px;
  width: 15px;
}
#hamburger span.bot {
  top: 24px;
  width: 24px;
}
#hamburger:after {
  top: 29px;
  width: 15px;
}
#hamburger:before,
#hamburger:after,
#hamburger span {
  -webkit-transition: none 0.5s ease 0.5s;
  transition: none 0.5s ease 0.5s;
  -webkit-transition-property: transform, top, bottom, right, opacity;
  transition-property: transform, top, bottom, right, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
  top: 22px;
  width: 30px;
}
html.mm-opening #hamburger span {
  right: -50px;
  opacity: 0;
}
html.mm-opening #hamburger:before {
  transform: rotate(45deg);
}
html.mm-opening #hamburger:after {
  transform: rotate(-45deg);
}
.mm-opened #wrapper {
  margin-top: 0;
  margin-right: 0;
}
@media screen and (max-width: 515px) {
  html.mm-opening #mm-blocker {
    left: 36px;
  }
}
@media screen and (max-width: 400px) {
  html.mm-opening #mm-blocker {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  #hamburger {
    display: block;
  }
}
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  overflow: auto;
  z-index: 9991;
  padding: 10px;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 3;
  text-align: left;
  width: 95%;
  max-width: 800px;
}
.modal a.close-modal {
  position: absolute;
  top: -15px;
  right: -15px;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  color: #D0C8C0;
  font-size: 32px;
  font-weight: 200;
  border: 1px solid #D0C8C0;
  border-radius: 50%;
}
.modal a.close-modal:hover,
.modal a.close-modal:focus {
  color: #dfdfdf;
}
.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.modal-dialog {
  background-color: transparent;
  border-radius: 8px;
  overflow: hidden;
}
.modal-dialog .modal-header {
  background-color: #EF6E2C;
  color: #ffffff;
  padding: 20px 30px;
}
.modal-dialog .modal-title {
  font-weight: 400;
}
.modal-dialog .modal-body {
  background-color: #FFE2DB;
  padding: 40px 40px 50px;
  position: relative;
}

.modal-body .modal-iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  border: 0;
  padding: 0;
  margin: 0;
}
.modal-dialog .modal-footer {
  padding: 10px;
  border-top: 1px solid #e5e5e5;
}
.modal-dialog .result {
  display: none;
}
.modal-dialog .result .success,
.modal-dialog .result .failed {
  border: 1px solid;
  padding: 10px 15px;
  margin-top: 10px;
  text-align: justify;
}
.modal-dialog .result .success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.modal-dialog .result .failed {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}/**
 * Swiper 6.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 9, 2020
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #67b462;
    --swiper-navigation-size: 30px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-button-next, .swiper-button-prev {
    background-size: 40px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    position: absolute;
    top: 120px;
    width: 40px;
    height: 40px;
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    font-size: 21px;
    align-items: center;
    justify-content: center;
    color: #fff;
    outline: none;
    background-repeat: no-repeat;
}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
}

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev, .swiper-container:focus .swiper-button-next, .swiper-container:focus .swiper-button-prev {
    display: flex
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    margin-top: 27px;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 100%;
    background: #D9D9D9;
    margin: 0 7px;
    border:none;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #085EAD;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1;margin:0 auto;padding:0;list-style:none}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none !important}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{display:none}.owl-theme .owl-nav [class*=owl-]{position: absolute;top: 0;outline: 0;width: 65px;height: 100%;text-indent: -9999px;z-index: 5;}.owl-theme .owl-nav .owl-prev{background:url(../images/arl.png) center no-repeat;left:0}.owl-theme .owl-nav .owl-next{background:url(../images/arr.png) center no-repeat;right:0}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots{position: absolute; right: 0; bottom: 10px; left: 0;}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:12px;height:12px;margin:5px;background:#e1e1e1;border:1px solid #dfdfdf;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot:hover span{background:#adb5c1}.owl-theme .owl-dots .owl-dot.active span{background:#adb5c1}.owl-carousel.owl-theme:hover .owl-nav{display:block}*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  background-color: #fafafa;
  color: #000000;
  font-style: normal;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  border: none;
}
select {
  background: url("../images/select.png") right 10px center no-repeat;
  outline: none;
  overflow: hidden;
  text-indent: 0.01px;
  text-overflow: "";
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}

button {
  overflow: visible;
}

a#submit {
  z-index: 1;
}

button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input,
textarea,
select {
  outline: none;
}
* ::-webkit-input-placeholder {
  color: #a4aeb8;
}
* :-moz-placeholder {
  color: #a4aeb8;
  opacity: 1;
}
* ::-moz-placeholder {
  color: #a4aeb8;
  opacity: 1;
}
* :-ms-input-placeholder {
  color: #a4aeb8;
}
ul,
ol {
  margin: 7px;
  padding-left: 15px;
  width: auto;
}
img {
  background-color: transparent;
  border: 0;
  font-size: 0;
  line-height: 0;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  height: auto !important;
}
a {
  color: #00355e;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #27719e;
  text-decoration: none;
}
a[href^="tel"],
a[href^="mail"] {
  color: inherit;
  text-decoration: none;
}
a img {
  text-decoration: none;
}
a:hover img,
a:focus img,
a:active img {
  text-decoration: none;
}
sup {
  font-size: 10px;
  line-height: 0;
}
/* Font tag h */
strong,
b {
  font-weight: 600;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
}
h1 {
  font-size: 38px;
  line-height: 57px;
}
h2 {
  font-size: 30px;
  line-height: 42px;
}
h3 {
  font-size: 24px;
  line-height: 36px;
}
h4 {
  font-size: 16px;
  line-height: 24px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
}
label {
  font-weight: 400;
}
#wrapper {
  background-color: #fafafa;
  width: 100%;
  margin-top: 135px;
  position: relative;
  overflow: hidden;
}
.main-container {
  position: relative;
  z-index: 1;
}
.box-wp {
  max-width: 1240px;
}
.box-wp:before,
.box-wp:after,
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.box-wp:after,
.clearfix:after {
  clear: both;
}
.title > a {
  color: inherit;
}
.img {
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.img * {
  line-height: 0;
  display: block;
}
.img:hover img,
.img:focus img,
.hover-img:hover .img img {
  transform: scale(1.1);
  transition: transform 1s ease;
}
.mot-dong {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.hai-dong {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.ba-dong {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.bon-dong {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
/* CSS Header */
.header {
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 7;
}
.header-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 991;
}
.header-top,
.header-bottom {
  margin: 0;
  width: 100%;
}
.page-giohang .right.gh_1 {
  margin-top: 0;
}
.footer #_register label.error {
  position: absolute;
  top: -21px;
  left: 0;
  font-size: 11px;
}
.content-left .paginate_button a {
  margin-bottom: 0;
}
.header-bottom {
  background: #3b97d2;
}
.header-top {
  border-bottom: solid 1px #e0e0e0;
}
.header-top .box-wp {
  padding: 12px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.header-top .box-wp::before,
.header-top .box-wp::after {
  display: none;
}
.header-top .box-wp > div,
.header-top .box-wp > a {
  margin: 0;
}
.header-top .logo {
  max-width: 260px;
}
.header-top .element {
  width: 100%;
}
.header-top .element-bottom {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  color: #000;
  gap: 16%;
}
.header-top .element-bottom .hd-shop {
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: end;
  align-items: center;
}
.header-top .element-bottom .hd-shop > div,
.header-top .element-bottom .hd-shop > button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  position: relative;
  margin: 0;
  background: none;
  cursor: pointer;
}
.header-top .element-bottom .hd-shop a {
  color: #cb1c22;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
}
.header-top .element-bottom .hd-shop a span {
  color: #424242;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}
.header-top .element-bottom .hd-shop i {
  font-size: 30px;
}
.header-top .shp-cart {
  padding: 10px 7px;
}
.shp-cart .icon-update {
  position: relative;
  display: flex;
}
.shp-cart .icon-update .count_cart {
  width: 18px;
  min-height: 12px;
  position: absolute;
  top: -8px;
  right: -10px;
  background: #3b97d2;
  border-radius: 50%;
  max-height: 18px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 5px;
  text-align: center;
}
.count_cart input {
  width: 100%;
  background: none;
  text-align: center;
  line-height: 12px;
}
.shp-cart .icon-update input::placeholder {
  color: #fff;
}
.header .menu-main {
  width: 100%;
}

.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font: normal 11px/22px Arial, Sans-Serif;
  color: black;
  border: 1px solid #ccc;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  padding: 0 10px;
  font-weight: bold;
}

.styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 9px;
  right: 6px;
}

.styledSelect:active,
.styledSelect.active {
  background-color: #eee;
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}

.options li:hover {
  background-color: #39f;
  color: white;
}




.header .hd-search {
  width: 553px;
  text-align: right;
  position: relative;
  margin: 0;
}

.hd-search .b-search {
  background-color: #3b97d2;
  border: none;
  padding: 6px 10px;
  outline: none;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
  border-radius: 5px;
  width: 20%;
  float: right;
}
.hd-search .b-search:hover {
  background: #246d9e;
  color: #fff;
}
.hd-search .form-search {
  border: 1px solid #bebebe;
  border-radius: 6px;
  width: 100%;
  color: #424242;
}
.hd-search .form-search select {
  background: url("../images/select-2.png") right 10px center no-repeat;
  width: 100%;
  padding-right: 8px;
  border-right: solid 1px #b1b1b1;
}
.form-search .bootstrap-select .dropdown-menu li a span{
  font-size: 14px;
}
.form-search .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
  font-size: 14px;
  color: #424242;
  font-weight: 400;
}
.select-kk {
  width: 30%;
  float: left;
}
.form-search .i-search {
  background-color: #ffffff;
  display: block;
  width: 50%;
  float: left;
  padding: 7px 15px;
  border-left: 1px solid #B1B1B1;
}
.form-search .btn-light {
  color: #212529;
  background-color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 6px;
}
.form-search .i-search::placeholder {
  color: #424242;
}
.form-search .bootstrap-select .dropdown-menu li:hover span,
.form-search .bootstrap-select .dropdown-menu li:focus span {
  color: #3b97d2;
}
.form-search .bootstrap-select .dropdown-menu li.selected span {
  color: #ffffff;
}
.header-bottom > .box-wp {
  display: grid;
  grid-template-columns: 21% 79%;
}
.header-bottom > .box-wp::before,
.header-bottom > .box-wp::after {
  display: none;
}
.menu-prd {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px 12px;
  background: #246d9e;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  gap: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.menu-prd img,
.menu-prd span {
  margin: 0;
  line-height: 24px;
}
.menu-prd span {
  width: 100%;
  font-size: 15px;
  font-weight: 500;
}
.list-menu-prf {
  width: 100%;
  position: relative;
}
.menu-showlist.hide {
  display: none;
}
/* .list-menu-prf:hover .menu-showlist.hide {
  display: block;
} */
.menu-showlist {
  width: 100%;
  background-color: #fff;
  position: absolute;
  z-index: 6;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.menu-showlist > ul {
  max-height: 847px;
  overflow-x: hidden;
  overflow-y: auto;
}

.menu-showlist ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu-showlist > ul {
  margin-top: 0;
}
.menu-showlist > ul > li {
  border-bottom: solid 0.3px #f2f1f1;
}
.menu-showlist > ul > li i {
  font-size: 8px;
  color: #c8bbbb;
}
.menu-showlist > ul > li:last-child {
  border-bottom: none;
}
.menu-showlist > ul > li:hover span {
  color: #3b97d2;
}
.menu-showlist li {
  position: static;
  padding: 17px 12px;
  display: flex;
  justify-content: space-between;
  gap: 9px;
  align-items: center;
}
.menu-showlist li .active {
  color: #000;
}
.menu-child li {
  padding: 8px 20px;
}
.menu-showlist i {
  margin: 0;
}
.menu-child {
  display: none;
  position: absolute;
  right: 0;
  background-color: #fff;
  top: 0;
  left: 100%;
  width: 100%;
  z-index: 5;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.menu-showlist > ul > li:hover .menu-child {
  display: block;
}
.page-product .menu-showlist > ul > li:hover .menu-child {
  display: none;
}
.menu-showlist > ul > li:hover > a,
.menu-showlist > ul > li:hover i,
.menu-child li:hover > a {
  color: #000;
}
.menu-showlist a {
  display: flex;
  align-items: center;
  gap: 12px;
}
.menu-showlist a,
.menu-showlist li,
.menu-showlist a span {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
}

.prd-leftbar .menu-showlist li {
  padding: 8px 5px;
}

.navbar {
  width: 100%;
  height: 100%;
  position: relative;
}
.navigation,
.navigation ul,
.navigation ul li,
.navigation ul li a {
  list-style: none;
  /* line-height: 0; */
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.navigation > ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  margin: 0 auto;
  position: relative;
  justify-content: flex-start;
  padding: 10px 24px;
  gap: 8px;
}
.navigation:after,
.navigation > ul:after {
  /* content: "";
  display: block; */
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.navigation {
  width: 100%;
  height: 100%;
}
.navigation > ul > li {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  position: relative;
  margin: 0;
}
.navigation ul > li > a {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 15px;
}
.navigation > ul > li > a.child::after {
  content: "\f107";
  font-style: normal;
  font-weight: normal;
  font-family: "FontAwesome";
  margin-left: 8px;
}
.navigation > ul > li:hover > a.child::after,
.navigation > ul > li:focus > a.child::after {
  content: "\f106";
}

.navigation ul > li.active span {
  border-bottom: solid 1px #fff;
}
.navigation ul > li:hover span {
  border-bottom: solid 1px #fff;
}
.navigation > ul > li .nav-sub {
  background-color: #ffffff;
  border-top: 1px solid rgba(33, 33, 33, 0.1);
  position: fixed;
  top: -99999px;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 3;
  padding: 20px 10px;
  box-shadow: 0 5px 5px 0 rgba(33, 33, 33, 0.1);
  -webkit-box-shadow: 0 5px 5px 0 rgba(33, 33, 33, 0.1);
  -moz-box-shadow: 0 5px 5px 0 rgba(33, 33, 33, 0.1);
  -o-box-shadow: 0 5px 5px 0 rgba(33, 33, 33, 0.1);
}
.navigation > ul > li:hover .nav-sub,
.navigation > ul > li:focus .nav-sub {
  top: 72px;
  opacity: 1;
}
.navigation > ul > li .nav-sub > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: end;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
}
.navigation > ul > li .nav-sub > ul > li {
  margin-right: 0;
}
.navigation .nav-sub ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.navigation .nav-sub ul > li > a {
  text-align: left;
}
.navigation .nav-sub ul ul {
  margin-top: 10px;
}
.navigation .nav-sub ul ul > li {
  margin: 5px 0;
}
.navigation .nav-sub ul ul > li > a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
}
.navigation .nav-sub ul ul > li.active > a {
  color: #000;
  text-decoration: underline;
}

.breadcrumb {
  overflow-y: auto;
  position: relative;
  padding: 16px 0;
  color: #909090;
  background: #fafafa;
}
.breadcrumb:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.breadcrumb .title {
  color: #ffffff;
  display: block;
  font-weight: 600;
  font-size: 38px;
  line-height: 57px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.breadcrumb a.br-c {
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
  white-space: nowrap;
}
.bd-view {
  padding: 8px 0;
}
.breadcrumb a {
  line-height: 24px;
  color: inherit;
}
.breadcrumb .bd-view > a:hover,
.breadcrumb .bd-view > a:focus {
  text-decoration: underline;
}
.breadcrumb .bd-view > a::after {
  content: "\f105";
  font-style: normal;
  font-weight: normal;
  font-family: "FontAwesome";
  margin: 0 12px;
}
.breadcrumb .bd-view > a:last-child::after {
  display: none;
}
.breadcrumb a:last-child {
  color: #3b97d2;
}
.breadcrumb .bd-view > a.active {
  color: #3b97d2;
  font-weight: 500;
}
.breadcrumb.b-about {
  padding-bottom: 300px;
}
.breadcrumb.bdc-sm {
  background: none;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 20px;
  margin-bottom: 0;
}
.breadcrumb.bdc-sm .bd-view > a {
  color: #616161;
  font-weight: 400;
}

/* breadcrum chỉ chữ */
.breadcrumb_sm .bd-view > a::after {
  content: "\f105";
  font-style: normal;
  font-weight: normal;
  font-family: "FontAwesome";
  margin: 0 7px;
}
.breadcrumb_sm .bd-view > a:last-child::after {
  display: none;
}
.breadcrumb_sm {
  margin: 33px 0;
}
.breadcrumb_sm .bd-view > a {
  line-height: 24px;
  font-weight: 500;
  color: #212121;
}
.breadcrumb_sm .bd-view > a:last-child {
  color: #000;
}

/* CSS Footer */
.footer .top {
  background: #333333;
  padding: 30px 12px;
  color: #fff;
}
.footer .hotline {
  font-size: 20px;
  line-height: 30px;
  color: #f5f5f5;
}
.footer .hotline > a {
  color: #f34449;
  font-weight: 700;
  text-decoration: none;
}
.footer .top .box-wp {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.footer .top .box-wp::before,
.footer .top .box-wp::after {
  display: none;
}
.footer .top .box-wp div {
  margin: 0;
}
.footer {
  background-color: #ffffff;
  line-height: 24px;
}
.footer a {
  color: inherit;
}
.footer .footer-sitemap {
  font-size: 14px;
  line-height: 22px;
  padding: 48px 0 24px;
  color: #424242;
}
.footer-sitemap .line {
  width: 75px;
  height: 2px;
  background: #3b97d2;
  margin: 0;
}
.footer .footer-sitemap .box-wp {
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
}
.footer .footer-sitemap .box-wp > div {
  margin: 0;
}
.footer .footer-sitemap .box-wp::before,
.footer .footer-sitemap .box-wp::after {
  display: none;
}
.footer-sitemap .intro,
.footer-sitemap .huongdan {
  max-width: 258px;
}
.footer-sitemap .about {
  max-width: 153px;
}
.footer .lienhe ul {
  margin-top: 16px;
}
.footer .social li {
  margin-bottom: 0;
}
.footer .social {
  font-size: 20px;
  list-style: none;
  display: inline-block;
  padding: 0;
}
.footer .social > li {
  display: inline-block;
}
.footer .social > li + li {
  margin-left: 20px;
}
.footer .social a {
  border-radius: 50%;
  display: block;
  line-height: 42px;
  text-align: center;
  overflow: hidden;
}
.footer .social a img {
  max-width: 32px;
}
.footer .social a:hover,
.footer .social a:focus {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.footer .f-title {
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.footer-copyright {
  border: 1px solid #dfdfdf;
  padding: 12px 0;
  color: #424242;
  text-align: center;
}
.footer-copyright .box-wp::before,
.footer-copyright .box-wp::after {
  display: none;
}
.footer-copyright .box-wp > div {
  margin: 0;
}
.footer_info p {
  color: #000;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.footer_info {
  margin-bottom: 30px;
}
.footer_info .contact {
  margin-top: 24px;
}
.footer_info tr td {
  padding-bottom: 12px;
}
.footer_info tr td:first-child {
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.footer .intro .address {
  margin-bottom: 30px;
  font-weight: 500;
}
.footer .hinhanh .imgs {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 8px;
}
.footer .hinhanh .imgs img {
  margin: 0;
}
.footer .about ul,
.footer .huongdan ul {
  margin-top: 24px;
}
.footer .title {
  font-size: 17px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #424242;
}
.footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer ul li {
  margin-bottom: 10px;
}
.footer .ano-title {
  text-transform: uppercase;
  font-weight: 600;
}
.footer .fanpage {
  margin-top: 65px;
}
.footer .fanpage .line {
  margin-bottom: 16px;
}
.footer .lienhe li span,
.footer .lienhe li a {
  color: #000;
}
.footer .lienhe .hotline a {
  color: #fff;
}
.ft-social p {
  font-weight: 600;
  line-height: 24px;
}
/* CSS btn go top page */
#go-top {
  background: #9e9e9e;
  position: fixed;
  z-index: 91;
  height: 40px;
  width: 40px;
  right: 65px;
  bottom: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 50%;
  color: #fff;
}
#go-top:hover {
  background-position: center -40px;
}
#_loading {
  display: none;
  position: fixed;
  z-index: 9999;
}
.form .form-item {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
}
.form .form-item input,
.form .form-item select,
.form .form-item textarea {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  font-size: 14px;
  line-height: 20px;
  padding: 9px 20px;
  width: 100%;
}
.form .form-item textarea {
  resize: none;
}
.form .form-item .f-icon {
  top: 8px;
  left: 10px;
  position: absolute;
  width: 40px;
  height: 40px;
  color: #b8b8b8;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.form .form-item input:hover ~ i,
.form .form-item select:hover ~ i,
.form .form-item textarea:hover ~ i {
  color: #1f355d;
}
.form .form-item input:focus ~ i,
.form .form-item select:focus ~ i,
.form .form-item textarea:focus ~ i {
  color: #1f355d;
}
.form .form-item input[type="submit"] {
  background-color: #1f355d;
  border: none;
  width: 100%;
  padding: 10px 15px 8px;
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  max-width: 250px;
  text-transform: uppercase;
}
.form .form-item input[type="submit"]:hover,
.form .form-item input[type="submit"]:focus {
  background-color: #1f355d;
}
.form .form-item .show-error,
.form .form-item label.error {
  color: #f70626;
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  white-space: nowrap;
}
.form-item.it-error input,
.form-item.it-error select,
.form-item.it-error textarea {
  border: 1px solid #ff6e69;
}
.form .form-item.form-sm {
  width: 50%;
}
.form .form-item.form-lg {
  width: 100%;
}
form .input,
.form-item {
  position: relative;
  width: 100%;
}

form label.error {
  position: absolute;
  bottom: -55%;
  left: 2px;
  color: #f70626;
  font-style: italic;
  font-size: 11px;
}
.page-thanhtoan form label.error {
  bottom: -70%;
}
.page-thanhtoan .thong-tin label.error {
  position: relative;
  bottom: -10%;
}
.box-rfm {
  border: 1px solid #d8d9dd;
  margin-bottom: 25px;
  font-size: 15px;
}
.box-rfm .title {
  background-color: #1f355d;
  color: #ffffff;
  padding: 12px 25px 8px;
}
.box-rfm .title.t-red {
  background-color: #ec1d25;
}
.box-rfm .fm-tl {
  padding: 20px 10px;
}
.box-rfm .lgt {
  text-align: left;
  padding: 17px 5px 15px;
}
.box-rfm .cgt {
  text-align: center;
  padding: 17px 5px 15px;
}
.box-rfm .rgt {
  text-align: right;
  padding: 17px 5px 15px;
}
.form .box-rbtn {
  padding: 8px 0;
}
.box-rbtn .btn {
  padding: 11px 20px 7px;
  text-transform: uppercase;
}
.box-rbtn .btn + .btn {
  margin-left: 20px;
}
.box-rbtn .btn.btn-send {
  background-color: #00355e;
  border-radius: 8px;
  border: none;
  color: #ffffff;
  font-weight: 300;
  padding: 20px 90px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.btn-send:hover,
.btn-send:focus {
  background-color: #000;
}
.btn-send:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #00355e;
}
.btn-send span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.btn-send span i {
  transform-origin: center center;
}
.btn-send span:nth-of-type(1) {
  top: 50%;
  transform: translateY(-50%);
}
.btn-send span:nth-of-type(2) {
  top: 100%;
  transform: translateY(0%);
  font-size: 24px;
}
.btn-send span:nth-of-type(3) {
  display: none;
}
.b-active {
  background-color: #00355e;
}
.b-active:before {
  width: 100%;
  transition: width 7s linear;
}
.b-active span:nth-of-type(1) {
  top: -100%;
  transform: translateY(-50%);
}
.b-active span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
.b-active span:nth-of-type(2) i {
  -webkit-animation: fa-spin 3s infinite linear;
  animation: fa-spin 3s infinite linear;
}
.b-active span:nth-of-type(3) {
  display: none;
}
.b-finished {
  background-color: #54d98c;
}
.b-finished .s_submit {
  display: none;
}
.b-finished .s_loading {
  display: none;
}
.b-finished .s_check {
  display: block !important;
  font-size: 24px;
  animation: scale 0.5s linear;
}
.b-finished .s_check i {
  transform-origin: center center;
}
@keyframes s_loading {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes scale {
  0% {
    transform: scale(10);
  }
  50% {
    transform: scale(0.2);
  }
  70% {
    transform: scale(1.2);
  }
  90% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
/* CSS Phân trang */
.page-navigation {
  clear: both;
  cursor: default;
  color: #00355e;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-top: 40px;
}
.pagination {
  display: inline-block;
  margin: 0 -2px;
  padding: 0;
}
.pagination > li {
  display: inline-block;
  list-style: none;
  float: left;
  overflow: hidden;
  border-radius: 8px;
  border: solid 1px #9e9e9e;
  color: #9e9e9e;
}
.pagination > li + li {
  margin-left: 8px;
}
.pagination > li > a,
.pagination > li > span {
  color: inherit;
  position: relative;
  float: left;
  padding: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
}
.pagination > li.active > a::after,
.pagination > li.active > span::after,
.pagination > li > a:hover::after,
.pagination > li > span:hover::after,
.pagination > li > a:focus::after,
.pagination > li > span:focus::after {
  content: " ";
  position: absolute;
  bottom: 8px;
  right: 10px;
  left: 10px;
}
.pagination > li.paginate_icon .fa-chevron-left {
  margin-left: -2px;
}
.pagination > li.paginate_icon .fa-chevron-right {
  margin-right: -2px;
}
.pagination > li.paginate_icon {
  border: none;
  background: #d8d8d8;
  width: 34px;
  height: 34px;
}
.pagination > li.paginate_icon > a,
.pagination > li.paginate_icon > span {
  line-height: 34px;
  width: 100%;
}
.pagination > li.active {
  background-color: #3b97d2;
  color: #fff;
  border: solid 1px #3b97d2;
}

.pagination > li.paginate_icon > a:hover::after,
.pagination > li.paginate_icon > span:hover::after,
.pagination > li.paginate_icon > a:focus::after,
.pagination > li.paginate_icon > span:focus::after {
  display: none;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #8b7f7f;
  cursor: not-allowed;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #9c8f8f;
  cursor: not-allowed;
  background-color: #fff;
}
.updating,
.error404 {
  padding: 80px 10px;
  text-align: center;
}
.error404 i {
  margin-top: 50px;
  font-size: 10em;
}
.error404 p:last-child {
  color: #a7545e;
}
.error404 .title {
  font-weight: 500;
  margin-bottom: 50px;
}
.updating h3,
.error404 h3 {
  color: #9c8f8f;
  font-weight: 400;
}
/*--------------------Start content for caycanhdanang.com */
/* Trang Giới thiệu */
.page-gioithieu section.part8 table tr:first-child,
.page-gioithieu section.par9 table tr:first-child {
  background-color: #000;
  color: #fff;
}
.page-gioithieu {
  margin-top: 92px;
  margin-bottom: 10px;
}
.page-gioithieu section {
  margin-bottom: 80px;
}
h2.title {
  text-transform: uppercase;
  color: #000;
}
.page-gioithieu .part1 h2 {
  margin-bottom: 24px;
}
.page-gioithieu .part1 {
  display: grid;
  grid-template-columns: 59.19% 38.87%;
  gap: 25px;
  justify-content: space-between;
  align-items: center;
}
.page-gioithieu .part1 > div {
  width: 100%;
}
.page-gioithieu .part1 .images {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.page-gioithieu .part1 .images > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.page-gioithieu .part1 .images .right {
  margin-top: 41px;
}
.page-gioithieu .part1 .images img {
  margin: 0;
  max-height: 315px;
  max-width: 229px;
}
.page-gioithieu .part2 .top {
  text-align: center;
  max-width: 872px;
}
.page-gioithieu .part2 h2 {
  margin-bottom: 16px;
}
.page-gioithieu .part2 .top p {
  font-size: 14px;
  line-height: 20px;
}
.page-gioithieu .part2 .list {
  margin-top: 50px;
}
.page-gioithieu .part2 .list .swiper-slide {
  width: 286px;
}
.page-gioithieu .part2 .list .swiper-slide img {
  width: 100%;
}
.gioithieu-p2-slider .swiper-slide .name a,
.page-gioithieu .part3 .element .name a {
  color: #000;
}
.page-gioithieu .part2 .list .swiper-slide:hover .name a,
.page-gioithieu .part3 .element .item:hover a {
  color: #000;
}

.gioithieu-p2-slider .swiper-slide .text {
  padding: 10px 8px;
}
.gioithieu-p2-slider .swiper-button-next:after,
.gioithieu-p2-slider .swiper-rtl .swiper-button-prev:after,
.gioithieu-p2-slider .swiper-button-prev:after,
.gioithieu-p2-slider .swiper-rtl .swiper-button-next:after {
  font-size: 16px;
  color: #fff;
}
.gioithieu-p2-slider .swiper-button-next,
.gioithieu-p2-slider .swiper-button-prev {
  background-color: #757575;
}
.gioithieu-p2-slider .swiper-button-next {
  border-radius: 5px 0 0 5px;
}
.gioithieu-p2-slider .swiper-button-prev {
  border-radius: 0 5px 5px 0;
}
.gioithieu-p2-slider .swiper-button-prev,
.gioithieu-p2-slider .swiper-rtl .swiper-button-next {
  left: 0;
}
.gioithieu-p2-slider .swiper-button-next,
.gioithieu-p2-slider .swiper-rtl .swiper-button-prev {
  right: 0;
}
.gioithieu-p2-slider .swiper-slide .name {
  width: 100%;
  margin: 0;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  height: 54px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
#_hiring label.error {
  position: relative;
}
.gioithieu-p2-slider .swiper-slide p {
  width: 100%;
  line-height: 24px;
}
.page-gioithieu .part3 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.page-gioithieu .part3 .intro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-gioithieu .part3 .intro h2 {
  width: 100%;
}
.page-gioithieu .part3 .intro p {
  width: 100%;
  margin: 49px 0;
}
.page-gioithieu .part3 .intro img {
  max-width: 485px;
  max-height: 485px;
}
.page-gioithieu .part3 .element {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page-gioithieu .part3 .element .item {
  margin: 0;
  width: 100%;
  padding: 5px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7.6%;
}
.page-gioithieu .part3 .element .item > img,
.page-gioithieu .part3 .element .item > div {
  margin: 0;
}
.page-gioithieu .part3 .element .name {
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 7px;
}
.page-gioithieu .part3 .element p {
  line-height: 24px;
}
.page-gioithieu .part4 h2 {
  text-align: center;
}
.page-gioithieu .part4 img {
  margin: 24px 0 12px 0;
}
h3.title {
  color: #000;
  text-transform: uppercase;
}
.page-gioithieu .part5 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.page-gioithieu .part5 h3 {
  margin-bottom: 12px;
}
.page-gioithieu .part5 .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-items: center;
}
.page-gioithieu .part5 .text {
  width: 100%;
}
.page-gioithieu .part5 p {
  line-height: 20px;
}
.page-gioithieu .part5 h4 {
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 8px;
}
.page-gioithieu .part6 h2 {
  text-align: center;
}
.page-gioithieu .part6 .element {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.page-gioithieu .part6 .element .images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 31px;
}
.page-gioithieu .part6 .element .images img {
  width: 100%;
}
.page-gioithieu .part6 .element .images > div:nth-child(2) img {
  margin-top: 56px;
}
.page-gioithieu .part6 .each {
  display: grid;
  grid-template-columns: 82.8% auto;
  justify-content: space-between;
  padding: 0 10px;
  margin: 0;
  width: 100%;
}
.page-gioithieu .part6 .text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.page-gioithieu .part6 .each .item {
  width: 100%;
}
.page-gioithieu .part6 .each .item .name {
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
  cursor: pointer;
}
.page-gioithieu .part6 .btn-plus {
  margin: 0;
  background-color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.page-gioithieu .part6 .btn-plus i {
  font-size: 18px;
}
.page-gioithieu .part6 .content {
  display: none;
  margin-top: 8px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 20px;
}
.btn-plus .fa-minus {
  display: none;
}
.btn-plus .hide {
  display: none;
}
.btn-plus .show,
.page-gioithieu .item .show {
  display: block;
}
.page-gioithieu .part7 h2 {
  text-align: center;
}
.page-gioithieu .part7 .tab {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  margin: 32px 0;
}
.page-gioithieu .part7 .tab button {
  background: none;
  color: #9e9e9e;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
.page-gioithieu .part7 .tab button.active {
  color: #3b97d2;
}
.page-gioithieu .part8 h2,
.page-gioithieu .part9 h2 {
  margin-bottom: 40px;
}

.page-gioithieu .part8 th,
.page-gioithieu .part8 td,
.page-gioithieu .part9 th,
.page-gioithieu .part9 td {
  border: 1px solid #9e9e9e;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 10px;
}
.page-gioithieu .part8 table td.tcs-selected,
.page-gioithieu .part9 table td.tcs-selected {
  background-color: #000;
  font-weight: 600;
  line-height: 24px;
  font-size: 16px;
  padding: 10px;
  text-transform: uppercase;
  border: 1px solid #000;
  color: #fff;
}

.page-gioithieu .part10 .list-onlnew {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 40px;
}
.page-gioithieu .part10 .list-onlnew .onl-new:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.page-gioithieu .part10 .list-onlnew .onl-new:hover .text .mot-dong {
  color: #000;
}
.page-gioithieu .part10 .text {
  margin-top: 24px;
  padding: 10px 10px 30px;
}
.page-gioithieu .part10 .text .mot-dong {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 8px;
  text-decoration: none;
}
.page-gioithieu .part10 .text a:first-child {
  text-decoration: none;
}
.page-gioithieu .part10 .text .ba-dong {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}
.page-gioithieu .part10 a {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
.page-gioithieu .part10 i {
  font-size: 8px;
  margin-left: 10px;
}

/* Trang các loại mô hình */
.page-show-about .box-wp::before,
.page-show-about .box-wp::after {
  display: none;
}
.page-show-about .anothers {
  margin-top: 80px;
}

.page-show-about .anothers .list {
  margin-top: 40px;
}
.page-show-about .anothers .list .swiper-slide {
  width: 286px;
}
.page-show-about .anothers .list .text {
  padding: 10px 8px;
}
.page-show-about .anothers .list .name {
  width: 100%;
  margin: 0;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  height: 54px;
  margin-bottom: 10px;
}
.page-show-about .anothers .list .name a {
  color: #000;
}
.page-show-about .anothers .list .card-mohinh:hover .name a {
  color: #000;
}
.page-show-about .anothers .list .text p {
  width: 100%;
  line-height: 24px;
}
.page-show-about .main-mohinh {
  display: grid;
  grid-template-columns: 66% 31.6%;
}
.page-show-about {
  margin: 15px 0 90px 0;
}
.page-show-about .main-mohinh .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 17px;
}
.page-show-about .main-mohinh .left {
  width: 100%;
}
.page-show-about .main-mohinh .left .content {
  padding-bottom: 30px;
  border-bottom: solid 1px #757575;
}
.hsv-trenbao .title {
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
  color: #000;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
.btncop {
  cursor: pointer;
}
.share-view {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  margin-top: 20px;
}
.share-view .share {
  display: flex;
  gap: 8px;
  align-items: center;
}
.share-view > div {
  margin: 0;
}
.social-share i {
  color: #000;
  font-size: 16px;
}
.social-share i:hover {
  color: #000;
}
.page-show-about .right .text {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.page-show-about .main-mohinh .right .each {
  grid-template-columns: auto 82.8%;
}
.page-show-about .main-mohinh .right {
  width: 100%;
}
.page-show-about .main-mohinh .right .qa {
  margin-bottom: 32px;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.page-show-about .right .each {
  display: grid;
  grid-template-columns: 82.8% auto;
  justify-content: space-between;
  padding: 0 10px;
  margin: 0;
  width: 100%;
}
.page-show-about .right .each .item {
  width: 100%;
}
.page-show-about .right .each .item .name {
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
}
.page-show-about .right .btn-plus {
  margin: 0;
  background-color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.page-show-about .right .btn-plus i {
  font-size: 18px;
}
.page-show-about .right .content {
  display: none;
  margin-top: 8px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 20px;
}
.page-show-about .right .item .show {
  display: block;
}
.page-show-about .main-taisao {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.page-show-about .main-taisao .title {
  font-weight: 500;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 27px;
}
/* Trang chủ */
.page-home {
  /* background: #f0f0f085; */
  position: relative;
}
.page-home .menu-showlist {
  position: relative;
  max-width: 260px;
  margin: 0;
}
.page-home .part1 {
  display: grid;
  grid-template-columns: 21% 79%;
  padding-top: 10px;
}
.page-home .part1 .left {
  width: 100%;
}
.page-home .box-wp::before,
.page-home .box-wp::after {
  display: none;
}
.page-home .part1 .right {
  width: 100%;
  padding-left: 24px;
}
.page-home .part1 .slide-home {
  width: 66.7%;
  margin: 0;

}
.swiper{
  overflow: hidden;
  position: relative;
}
.swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}.swal2-container {
   position: absolute;
   top: 0;
   right: 0;
 }
.page-home .slide-home .mySwiper-image .swiper-button-next,
.page-home .slide-home .mySwiper-image .swiper-button-prev {
  background-color: rgb(255, 255, 255, 0.8);
  padding: 8px 9px;
  border-radius: 50%;
  height: auto;
}
.mySwiper-image .swiper-button-prev:after,
.mySwiper-image .swiper-rtl .swiper-button-next:after,
.mySwiper-image .swiper-button-next:after,
.mySwiper-image .swiper-rtl .swiper-button-prev:after {
  color: #707070;
  font-size: 9px;
  font-weight: 900;
}
.slide-banner {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.slide-banner .banner {
  margin: 0;
  width: 32.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-home .part1 .swiper-banner {
  margin: 10px 0;
}
.page-home .part1 .swiper-banner .swiper-wrapper {
  justify-content: space-between;
}
.page-home .part1 .swiper-banner .swiper-slide,
.page-home .part1 .swiper-banner .swiper-slide img {
  width: 314px;
}
.page-home .part1 .swiper-banner .swiper-slide:nth-child(3) {
  margin-right: 0 !important;
}
.page-home .part1 .swiper-banner .swiper-slide:first-child {
  margin-left: 0 !important;
}

.page-home .part2 .prd-hot {
  background: linear-gradient(5deg, #cb1c22 67.61%, #d9503f 95.18%) !important;
  border-radius: 12px;
  color: #ffffff;
  margin: 30px -30px 50px;
  padding: 20px 30px;
}
.page-home .part2 .prd-hot .swiper {
  margin-top: 24px;
}
.page-home .part2 .prd-hot p {
  font-weight: 600;
  margin-top: 12px;
}
.page-home .part2 .prd-hot p.name {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.page-home .part2 .prd-hot span {
  margin-right: 8px;
  color: #424242;
}

.page-home .part2 h2 {
  text-align: left;
  text-transform: uppercase;
}
.absolute-for-menu {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  opacity: 0.3;
  top: 0;
  left: 0;
  z-index: 5;
}
.absolute-for-menu.hide {
  display: none;
}
#focus_menu {
  cursor: pointer;
}
a.bb-p-cart,
a.bb-p-cart-2 {
  margin: 0;
}
.swiper-pagination {
  z-index: none;
}
.card-prd-type1 img.back {
  display: none;
}

.card-prd-type1:hover a,
.card-prd-type4:hover .name a {
  color: #000;
}
.card-prd-type1:hover .front {
  display: none;
}
.card-prd-type1:hover .back {
  display: block;
}

.card-prd-type1 {
  float: left;
  width: calc(25% - 4px);
  background-color: #fff;
  padding: 10px;
  padding-bottom: 30px;
  height: 100%;
  position: relative;
  margin: 2px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px;
}
.card-prd-type1:nth-child(4n+1){
  clear: both;
}
.list-ano-prd .card-prd-type1 {
  width: calc(20% - 4px);
}
.list-ano-prd  .card-prd-type1:nth-child(4n+1){
  clear: none;
}
.list-prd .list-card .card-prd-type1, .mySwiper-prd-hot .card-prd-type1 {
  width: 100%;
  margin: 0;
}

.card-prd-type1 .sale {
  z-index: 1;
  background: url(../images/sale.png) no-repeat center;
  background-size: contain;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
}
.card-prd-type1 .sale i {
  color: #ff9800;
}
.card-prd-type1 .name {
  min-height: 47px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}
.card-prd-type1 .name a {
  color: #000;
}

.card-prd-type1 .group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* align-items: center; */
  min-height: 58px;
}
.card-prd-type1 .group > div {
  margin: 0;
}
.card-prd-type1 .group .cur {
  color: #3b97d2;
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 2px;
}
.card-prd-type1 .old-dis .old {
  color: #9e9e9e;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  margin-right: 8px;
}
.card-prd-type1 .old-dis .dis {
  color: #f73f1e;
  padding: 2px 4px;
  border: solid 1px #f73f1e;
  background: #f5d2cc;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  border-radius: 3px;
}
.container-class {
  width: 250px;
  max-height: 75px;
  margin: 0;
  left: auto !important;
  top: 90px !important;
  right: 6% !important;

  box-shadow: 0;
}
.title-class,
.content-class {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 500 !important;
  color: #000 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.popup-class {
  padding: 15px 10px !important;
  border: solid 1px #000;
  box-shadow: none;
}
.home-service {
  margin: 30px auto 30px;
}
.home-service .box-wp {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 12px;
}
.home-service .box-wp div,
.home-service .box-wp img {
  margin: 0;
}
.img-full-w img {
  width: 100%;
}
.home-service .box-wp > div {
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 1px #dfdfdf;
  border-radius: 32px;
  padding: 10px 15px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: #909090;
  font-size: 12px;
  line-height: 18px;
}
.home-service p {
  color: #424242;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.addCart,
.showProduct {
  cursor: pointer;
}

.card-prd-type1 .image {
  position: relative;
}
.card-prd-type1 .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
  bottom: 0;
  left: 0;
  background: rgb(255, 255, 255, 0.2);
  display: none;
}
.card-prd-type1:hover .hover {
  display: flex;
}
.mySwiper-prd-hot .card-prd-type1 .hover {
  flex-direction: column;
  align-items: flex-end;
  padding-right: 10px;
}
.card-prd-type1 button.addCart,
.card-prd-type1 button.showProduct {
    color: #fff;
    border-radius: 50%;
    padding: 0;
    font-size: 18px;
    line-height: 18px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #3b97d2;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px;
}
.page-home .part2 .swiper-slide {
  width: 245px;
  height: auto;
  margin: 0;
}
.page-home .part2 .mySwiper-qc .swiper-slide {
  width: 620px;
}
.page-home .part2 .mySwiper-qc .swiper-slide img {
  width: 100%;
}
.page-home .part2 .mySwiper-qc .swiper-button-next,
.page-home .part2 .mySwiper-qc .swiper-rtl .swiper-button-prev {
  border-radius: 5px 0 0 5px;
  width: 26px;
  height: 46px;
}
.page-home .part2 .mySwiper-qc .swiper-button-prev,
.page-home .part2 .mySwiper-qc .swiper-rtl .swiper-button-next {
  border-radius: 0 5px 5px 0;
  width: 26px;
  height: 46px;
}
.page-home .part2 .prd-hot .swiper-slide {
  margin: 0;
}
.page-home .part2 .prd-hot .swiper-wrapper {
  justify-content: space-between;
}
.page-home .part2 .swiper-button-next,
.page-home .part2 .swiper-rtl .swiper-button-prev,
.page-home .part2 .swiper-button-prev,
.page-home .part2 .swiper-rtl .swiper-button-next {
  color: #757575;
  background: #d9d9d9;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.page-home .part2 .swiper-button-next,
.page-home .part2 .swiper-rtl .swiper-button-prev {
  right: 0;
  /* border-radius: 10px 0 0 10px; */
}
.page-home .part2 .swiper-button-prev,
.page-home .part2 .swiper-rtl .swiper-button-next {
  left: 0;
  /* border-radius: 0 10px 10px 0; */
}
.page-home .part2 .swiper-button-prev:after,
.page-home .part2 .swiper-rtl .swiper-button-next:after,
.page-home .part2 .swiper-button-next:after,
.page-home .part2 .swiper-rtl .swiper-button-prev:after {
  font-size: 14px;
  font-weight: 900;
}
.home-banner-bt-menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin: 60px auto;
}
.page-home .part2 .prd-pin h2 {
  border-bottom: solid 2px #3b97d2;
  margin: 0;
}
.list-prd {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
  width: 100%;
}
.list-prd .banner {
  width: 39.2%;
  margin: 0;
}
.list-prd .banner img {
  width: 100%;
}
.list-prd .list-card {
  width: 18.6%;
  margin: 0;
}
.mySwiper-prd-menu {
  background-color: #fff;
}
.page-home .prd-follow-menu h2 {
  color: #000;
  margin-top: 50px;
  margin-bottom: 10px;
  text-align: center;
}

.img-box-wp {
  margin: 60px auto;
}
/* Trang sản phẩm */
.page-product {
  padding: 20px 0 0;
}
.page-product .prd-page-list {
  display: grid;
  grid-template-columns: 21% 77.4%;
  justify-content: space-between;
  align-items: flex-start;
}
.page-product .menu-showlist .menu-child {
  left: 98%;
}

.view-prd.hide {
  display: none;
}

.page-product .menu-showlist {
  position: relative;
  max-width: 260px;
  box-shadow: none;
  margin: 0;
  margin-top: 16px;
}
/*.page-product .menu-showlist > ul {*/
/*  max-height: 318px;*/
/*}*/
.prd-leftbar {
  width: 100%;
  margin-bottom: 40px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px #0000000D;
  padding: 20px 15px;
}
.prd-leftbar .title {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}
.prd-leftbar .title:before{
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background: #3b97d2;
  bottom: 0;
  left: 0;
}
.prd-leftbar .title:first-child {
  margin-top: 0;
}
.prd-leftbar .line {
  height: 3px;
  width: 94px;
  background: #3b97d2;
  margin: 4px 0 0;
}
.prd-leftbar .filter-size {
  margin: 32px 0;
}
.sd-partner {
  margin-top: 12px;
}
ul.sb-trade {
  margin: 0;
  padding: 0;
}
ul.sb-trade > li {
  background-color: #ffffff;
  cursor: pointer;
  display: block;
  margin: 1px 0;
  position: relative;
  padding: 0 0 0 35px;
  font-size: 14px;
}

ul.sb-trade > li + li {
  margin-top: 8px;
}
ul.sb-trade > li::before {
  content: "";
  border: 2px solid #9E9E9E;
  border-radius: 1.5px;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}
ul.sb-trade > li:hover,
ul.sb-trade > li:focus,
ul.sb-trade > li.active {
  color: #3b97d2;
}
.prd-page-list .menu-showlist > ul > li {
  border-bottom: none;
}
.prd-page-list .menu-showlist > ul > li i, .prd-page-list .menu-showlist a img{
  display: none;
}
.menu-showlist li .active span {
  color: #3b97d2;
}
ul.sb-trade > li.active::before {
  font: normal normal normal 10px / 1 FontAwesome;
  content: "\f00c";
  left: 0;
  position: absolute;
  top: 4px;
  font-size: 12px;
  color: white;
  border: none;
  z-index: 99;
  transform: translateY(0);
  text-align: center;
  border-radius: 2px;
}
ul.sb-trade > li.active::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #3b97d2;
  width: 18px;
  height: 18px;
  border: 1px solid #3b97d2;
}
.prd-leftbar .filter-size sb-trade,
.prd-leftbar .filter-price form {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
}
.prd-leftbar input.submit {
  margin-top: 10px;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  background-color: #3b97d2;
  color: #fff;
  font-weight: 600;
}
.prd-leftbar .filter-price form > div {
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.prd-leftbar .filter-price form > div input {
  border: solid 0.5px #9e9e9e;
  padding: 10px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  width: 100%;
}
.list-article-others .txt p.xemct {
  font-size: 14px;
  color: #3b97d2;
  font-weight: 400;
}
.page-product .list-article-others .card-km {
  box-shadow: none;
  background: transparent;
  margin-bottom: 8px;
  border-radius: 0;
}

.page-product .list-article-others .card-km img {
  border-radius: 0;
}
.page-product .pdt-main {
  width: 100%;
  position: relative;
  margin-bottom: 90px;
}
.page-thanhtoan input[type="checkbox"], .page-thanhtoan input[type="radio"] {
  border: 1px solid #616161 !important;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 20px;
  width: 20px !important;
  min-width: 20px;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #616161;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border-radius: 50% !important;
  margin-right: 12px;
  margin-top: -4px;
}
.page-thanhtoan input[type=radio]:checked:before {
  background-color: #3b97d2;
  content: ' ';
  text-indent: -9999px;
  border-radius: 50%;
  width: 13px !important;
  height: 13px !important;
  margin: 2px;
  line-height: 16px;
  left: 1.2px;
  z-index: 99;
  position: absolute;
  top: 2px;
  text-align: center;
}
.page-thanhtoan #pickPay input[type=radio]:checked:before{
  width: 12px !important;
  height: 12px !important;
  top: 0;
}
.page-thanhtoan input[type=radio]:checked{
  border: 1px solid #3b97d2 !important;
}
.giaohang-check {
  position: relative;
}
.page-product .pdt-main .menu-top {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 24px;
  font-weight: 500;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.page-product .pdt-main .menu-top > div,
.page-product .pdt-main .menu-top > .sort {
  margin: 0;
}
.page-product .pdt-main .menu-top .view-type {
  background-color: none;
  display: flex;
  flex-direction: row;
  gap: 16px;
  color: #616161;
}
.page-product .pdt-main .view-type button {
  background: none;
}
.page-product .pdt-main .menu-top > .sort {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.page-product .pdt-main .menu-top select {
  width: 167px;
  padding: 4px 8px;
  border: solid 0.3px #9e9e9e;
  border-radius: 5px;
}
.page-product .pdt-main .row-count {
  color: #000;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  top: 15px;
  right: 35%;
}
.page-product .pdt-main .view-type button.active i {
  color: #000;
}
.card-prd-type1 img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.page-product .prd-page-menu .table-grid.show {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

/* Trang chi tiết sản phẩm */
.show-prd .share {
  display: flex;
  gap: 10px;
}
.show-prd .prd-top {
  width: 100%;
}
.show-prd .prd-top .left {
  width: 48.7%;
  float: left;
}
.show-prd .prd-top .right {
  width: 48.7%;
  float: right;
}
.show-prd .prd-middle {
  width: 100%;
  margin: 80px 0;
}
.show-prd .prd-middle .link {
  text-align: center;
  margin-top: 20px;
}
.show-prd .prd-middle .link a {
  color: #000;
}
.show-prd .prd-middle .link:hover a {
  color: #000;
}
.show-prd .mySwiper {
  margin-top: 18px;
}
.show-prd .mySwiper .swiper-slide {
  margin: 0;
}
.show-prd .swiper-button-next,
.show-prd .swiper-button-prev {
  color: #000;
}
.show-prd .prd-top .right .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}
.show-prd .prd-top .right .comment {
  font-size: 14px;
  line-height: 22px;
  color: #616161;
  margin: 12px 0;
}
.show-prd .prd-top .right .id {
  color: #3b97d2;
  font-size: 15px;
  margin: 3px 0;
}
.show-prd .prd-top .right .id span,
.show-prd .prd-top .right .size span {
  font-weight: 600;
  color: #616161;
}
.show-prd .prd-top .right .price {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin: 24px 0 8px;
}
.show-prd .prd-top .right .price .cur {
  margin: 0;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.25px;
  font-weight: 600;
  color: #3b97d2;
}
.show-prd .prd-top .right .price .old-dis {
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.show-prd .prd-top .right .price .old {
  color: #9e9e9e;
  text-decoration: line-through;
  vertical-align: middle;
  line-height: 24px;
}
.show-prd .prd-top .right .price .dis {
  padding: 0 4px;
  background: #3b97d2;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.show-prd .prd-top .right .soluong {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.show-prd .prd-top .right .soluong div {
  margin: 0;
  line-height: 30px;
}
.show-prd .number input {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 0 10px;
}
.show-prd .prd-top .right .soluong span {
  margin: 0;
  font-weight: 500;
}
.show-prd .prd-top .right .size {
  margin: 24px 0 26px 0;
}
.show-prd .prd-top .right .size .element {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.show-prd .prd-top .right .size .element a {
  color: #000;
  margin: 0;
}
.show-prd .prd-top .right .size .element div {
  margin: 0;
  background: none;
  border-radius: 5px;
  border: solid 0.5px #bdbdbd;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}
.show-prd .prd-top .right .asktobuy {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}
.show-prd .prd-top .right .asktobuy a {
  margin: 0;
}
.show-prd .prd-top .right .buy {
  background-color: #3b97d2;
  padding: 5px 0;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.show-prd .prd-top .right .buy span {
  font-weight: 600;
  text-transform: uppercase;
  background: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 26%;
}
.show-prd .prd-top .right .addCart,
.show-prd .showProduct {
  border: solid 1px #3b97d2;
  border-radius: 8px;
  padding: 16px 0;
  text-align: center;
  color: #3b97d2;
  text-transform: uppercase;
  width: 100%;
  background: none;
  font-weight: 600;
}
.show-prd .pd-gallery .swiper-wrapper {
  align-items: center;
}
.show-prd .pd-gallery .swiper-wrapper img {
  width: 100%;
}

.show-prd .prd-bot {
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
}
.show-prd .prd-bot .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.show-prd .prd-bot div {
  margin-left: 0;
  margin-right: 0;
}

.page-new .news-list .card .img img {
  height: 100% !important;
  object-fit: cover;
}
.show-prd table,
.page-gioithieu table,
.main-show-prj .content-left table,
.page-chinhsach table,
.page-new .content-left table,
.show-tuyendung .main-content table,
.page-show-about .content table {
  margin: 0;
  width: 100% !important;
}
.page-project .wrap-detail .content img,
.page-new .content-left .content img,
.show-prd img,
.page-gioithieu img,
.main-show-prj .content-left img,
.page-chinhsach table,
.show-tuyendung .main-content,
.page-show-about .content img {
  height: auto !important;
}
.show-prd .social-share {
  justify-content: flex-start;
  margin-bottom: 20px;
}
/* btn contact */
.popup-contact {
  position: fixed;
  z-index: 4;
  top: 60%;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.popup-contact a {
  margin: 0;
}
/* btn popup hover */
.popup-contact a.tel:hover {
  animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 10px, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 4px, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-3px, 10px, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* Trang - Hệ thống cửa hàng */

.page-systemstore .box-wp::before,
.page-systemstore .box-wp::after {
  display: none;
}
.page-systemstore .breadcrumb {
  padding: 65px 0;
}
.page-systemstore .intro {
  display: grid;
  grid-template-columns: 54.2% 48.5%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  margin-top: 32px;
}
.page-systemstore .intro .text {
  width: 100%;
}
.page-systemstore .intro .title {
  text-transform: uppercase;
  color: #212121;
  font-size: 38px;
  line-height: 57px;
  font-weight: 600;
}
.page-systemstore .intro .name {
  font-family: "Dancing Script", cursive;
  color: #000;
  font-size: 50px;
  font-weight: 600;
  line-height: 57px;
  text-align: center;
  margin-top: 14px;
}
.page-systemstore .intro .content {
  margin-top: 23px;
  line-height: 30px;
}

/* Trang - dịch vụ */
.page-project {
  margin-bottom: 90px;
}
.page-project .f-project {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.page-project .f-project span {
  font-size: 12px;
  line-height: 18px;
  color: #616161;
  margin: 0;
}
.page-project .f-project select {
  width: 286px;
  padding: 12px;
  border-radius: 4px;
  border: solid 1px #bdbdbd;
  line-height: 24px;
}
.page-project .project-list {
  margin-top: 36px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px;
}
.project-item {
  max-width: 286px;
  border-radius: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  position: relative;
  min-height: 310px;
  overflow: hidden;
}
.project-item .inf {
  padding-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: #616161;
}

.project-item .inf label,
.project-item .inf div {
  margin: 0;
}
.project-item .inf label {
  background-color: #e0e0e0;
  border-radius: 5px;
  padding: 5px;
}
.project-item .inf .views i {
  margin-right: 8px;
}
.project-item .text {
  background-color: #fff;
  width: 100%;
  z-index: 1;
  position: absolute;
  padding: 10px;
  padding-bottom: 18px;
  transition: 0.5s;
  transform: translateY(100%);
  bottom: 120px;
}
.project-item:hover .text {
  bottom: 0;
  transform: translateY(0);
}
.project-item .name {
  margin-top: 4px;
  padding: 10px 0;
  color: #232323;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 12px;
  height: 56px;
  margin-bottom: 15px;
}
.project-item:hover .name {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  height: auto;
  color: #000;
}
.project-item p.cmt {
  font-size: 12px;
  line-height: 17px;
}
.project-item a .more {
  margin-top: 10px;
  font-size: 12px;
  line-height: 17px;
  padding: 8px 26px;
  color: #fff;
  background-color: #000;
  float: left;
  border-radius: 5px;
}
.hide-more-img {
  display: none;
}
.more_img {
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #000;
  border-radius: 5px;
  text-align: center;
  margin-top: 47px;
}
.main-show-prj {
  display: grid;
  grid-template-columns: 74.35% 23.06%;
  justify-content: space-between;
}
.main-show-prj .content-left {
  width: 100%;
}
.main-show-prj .content-left .wrap-detail {
  display: flex;
  flex-direction: column;
}
.main-show-prj .content-left div {
  margin-left: 0;
  margin-right: 0;
}
.main-show-prj .content-left div input {
  width: 100% !important;
}
.main-show-prj .description {
  margin-top: 21px;
}
.main-show-prj .content-right {
  padding-top: 13px;
  width: 100%;
}
.main-show-prj .content-right .title {
  text-transform: uppercase;
  color: #000;
  margin-bottom: 21px;
  width: 100%;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.main-show-prj h1 {
  font-size: 22px;
  line-height: 35px;
}
.main-show-prj .content-right .list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main-show-prj .share-txt {
  color: #716f6f;
  font-size: 12px;
  line-height: 18px;
  margin: 8px 0 4px 0;
}
.main-show-prj .content {
  font-size: 14px;
  line-height: 28px;
  margin-top: 21px;
  margin-bottom: 80px;
}
/* icon share */
.social-share {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 28px;
}
.social-share img {
  margin: 0;
}
.social-share div {
  margin: 0;
}
.social-share .item-social a {
  margin: 0 !important;
}
.share-txt {
  text-transform: uppercase;
  color: #716f6f;
}
.share-absolute {
  position: fixed;
  /* left: 8%; */
  margin-left: 0%;
  top: 40%;
  z-index: 4;
}
.share-absolute .social-share {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.share-absolute .social-share div {
  padding: 0;
  background: none;
}
.share-absolute .social-share i {
  font-size: 24px;
  color: #000;
}
.main-show-prj .images .title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 32px;
}
.main-show-prj .images ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px 34px;
}
.main-show-prj .images img {
  border-radius: 5px;
}
.home-hot-news {
  margin-bottom: 72px;
  margin-top: 60px;
}
.home-hot-news h2 {
  max-width: 281px;
  text-align: center;
  text-transform: uppercase;
  border-bottom: solid 3px #3b97d2;
}
.list-news {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 24px;
}
.list-news-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.list-news .card-new {
  box-shadow:rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 5px;
}

.list-news .item-2 {
  display: flex;
  flex-direction: row;
  gap: 7px;
}
.list-news .card-new .text {
  padding: 8px;
  width: 100%;
}
.list-news .card-new .name {
  color: #1f1f1f;
  text-transform: capitalize;
  margin-bottom: 5px;
  font-weight: 500;
}
.list-news .card-new p {
  color: #3d3d3d;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 21px;
}
.list-news .card-new .text > a {
  color: #424242;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.list-news .item-1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.list-news .item-1 .text {
  padding: 10px 15px 15px;
}
.list-news .item-1 .image {
  margin: 0;
  position: relative;
}
.list-news .item-1 img {
  border-radius: 4px 4px 0 0;
  margin: 0;
  width: 100%;
}
.list-news .item-2 img {
  border-radius: 4px 0 0 4px;
}
.list-news .item-1 .name {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  margin: 8px 0;
}
.list-news .item-1 p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.list-news .card-new:hover .name a {
  color: #3b97d2;
}
.list-news .item-1 .hover {
  display: none;
  background: rgba(0, 0, 0, 0.4);
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.list-news .card-new:hover .hover {
  display: flex;
}
.list-news .item-1 .hover a {
  background: #3b97d2;
  border-radius: 24px;
  color: #fff;
  padding: 8px 20px;
}
/* Trang giỏ hàng */
.page-giohang .thong-tin .element {
  display: grid;
  grid-template-columns: 80% 23.1%;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 90px;
}
.page-thanhtoan .thong-tin {
  display: block;
}
.page-giohang .box-wp::before,
.page-giohang .box-wp::after {
  display: none;
}
.page-giohang .thong-tin .left {
  width: 100%;
}
.page-giohang .thong-tin table {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}
.page-giohang .thong-tin tr {
  border-bottom: solid 0.5px #e1e1e1;
}
.page-giohang .thong-tin tbody tr:last-child {
  border-bottom: none;
}
.page-thanhtoan .thong-tin tr {
  border: none;
  position: relative;
}
.page-thanhtoan .thong-tin .right.edit-cart-k tr:before{
  content: "";
  position: absolute;
  width: calc(100% - 100px);
  height: 1px;
  bottom: 15px;
  right: 0;
  background: #BEBEBE;
}
.page-giohang .thong-tin .right.edit-cart-k tbody td{
  font-size: 16px;
}
.page-giohang .thong-tin thead td {
  padding: 16px 8px;
  font-weight: 500;
  line-height: 24px;
}
.page-giohang .thong-tin td {
  padding: 10px;
  text-align: center;
  color: #000;
  min-width: 140px;
}
.page-giohang .thong-tin td .name {
  text-align: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  padding-right: 10px;
}
.page-giohang .thong-tin td .name a {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
}
.page-giohang .thong-tin tr td:first-child {
  background: white;
  text-align: center;
  position: relative;
  padding: 0;
}
.page-giohang .thong-tin #show_cart tr td:first-child {
  text-align: left;
  display: grid;
  grid-template-columns: 0.2fr 1fr 3fr;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 8px 0;
}
#show_cart input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border: 1px solid #9E9E9E;
}
.page-giohang .thong-tin tr td .image {
  padding: 0 10px;
}
.page-giohang .thong-tin #show_cart thead td:first-child {
  display: flex;
}

.page-giohang .thong-tin tr td div {
  margin: 0;
}
.page-giohang .thong-tin tbody td {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.page-giohang .thong-tin tbody a {
  color: inherit;
}
.page-giohang .thong-tin button {
  background: none;
}
.page-giohang .breadcrumb a {
  font-weight: 500;
}
.page-giohang .vou-update {
  padding: 23px 8px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-giohang .vou-update div {
  margin: 0;
}
.page-giohang .vou-update .voucher {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.page-giohang .vou-update .voucher .code {
  color: #9e9e9e;
  border-radius: 8px;
  border: solid 1px #bebebe;
  padding: 8px 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  width: 325px;
}
.page-giohang .vou-update .voucher .btnVoucher {
  background: none;
  text-align: center;
  color: #3b97d2;
  border: solid 1px #3b97d2;
  padding: 9.5px 34px;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 8px;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
}
.page-giohang .vou-update .voucher .btnVoucher:hover {
  background: #3b97d2;
  color: #fff;
}
.page-giohang .vou-update .update {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 25px;
}
.page-giohang .vou-update .update a {
  font-size: 14px;
  line-height: 20px;
  color: #424242;
}
.page-giohang .vou-update .update .btnUpdateCart {
  background: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.page-giohang .right {
  width: 100%;
  margin-top: -55px;
}
.page-giohang .right .top {
  border-radius: 12px;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.page-giohang .right .top p {
  margin-left: 0;
  margin-right: 0;
}
.page-giohang .right .top .total {
  width: 100%;
}
.page-giohang .right .top .total span {
  float: left;
  font-size: 14px;
  line-height: 21px;
}
.page-giohang .right .top .total .price {
  float: right;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.page-giohang .right .top .total.red .price {
  color: #3b97d2;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.page-giohang .right .top .total.red {
  padding-top: 15px;
  border-top: solid 1px #e1e1e1;
}
.page-giohang .right .top .btnCheckToPay {
  width: 100%;
  border-radius: 4px;
  background-color: #3b97d2;
  padding: 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 15px;
}
.page-giohang .right .top p {
  text-transform: uppercase;
  font-weight: 500;
}
.page-giohang .right .top .option-pay {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3.5px;
}
.page-giohang .right .bot ul {
  width: 100%;
  padding: 10px 5px;
  margin-top: 16px;
  list-style-type: none;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.page-giohang .right .bot ul i {
  color: #000;
  margin: 0;
}
.page-giohang .right .bot li {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 0;
}
.page-giohang .right .bot li div {
  margin: 0;
}
/* plus number */
.page-giohang .number .minus,
.page-giohang .number .plus {
  cursor: pointer;
  font-size: 24px;
}
.page-giohang input.product {
  font-size: 16px;
}
.page-giohang .number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.show-prd .number span {
  cursor: pointer;
}
.page-giohang .number {
  border: solid 0.5px #bdbdbd;
  border-radius: 5px;
}
.show-prd .minus,
.show-prd .plus {
  width: 24px;
  height: 24px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
input.product {
  height: 30px;
  width: 46px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.page-thanhtoan .thong-tin {
  margin-top: 30px;
  margin-bottom: 90px;
}
.page-thanhtoan .thong-tin .element {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.page-thanhtoan .thong-tin .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 24px;
  width: 100%;
}
.page-thanhtoan .thong-tin form .left {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.page-thanhtoan .thong-tin form .left div {
  margin: 0;
  position: relative;
}
.page-thanhtoan .thong-tin form .left .radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  position: relative;
  background: white;
  padding: 10px;
  border-radius: 5px;
}
.page-thanhtoan .thong-tin form .left .radio input {
  max-width: 40px;
}
.page-thanhtoan .thong-tin form .left .radio label {
  margin: 0;
  margin-right: 55px;
}
.page-thanhtoan .thong-tin form .left .radio label.error {
  position: absolute;
  bottom: -31px;
  width: 220px;
}
.page-thanhtoan .thong-tin .left input {
  padding: 10px;
  width: 100%;
  line-height: 24px;
  border: solid 1px #bdbdbd;
  border-radius: 5px;
}
.page-thanhtoan .thong-tin .left input::placeholder {
  color: #9e9e9e;
}
.page-thanhtoan .thong-tin .input2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.page-thanhtoan .thong-tin .input3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}
.page-thanhtoan .thong-tin .left .ship {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  gap: 25px;
}
.page-thanhtoan .thong-tin .left .ship > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.page-thanhtoan .thong-tin .ship input {
  width: auto;
}
.page-thanhtoan .thong-tin .ship input[type="radio"]:checked:after {
  background: #000;
  border: 2px solid white;
}
.page-thanhtoan .thong-tin .right form td {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
}
.page-thanhtoan .thong-tin .right form td a {
  color: #000000;
}
.page-thanhtoan .thong-tin .right.edit-cart-k .image {
  background: white;
}
.page-giohang .thong-tin .right.edit-cart-k tr td:first-child{
  background: transparent;
  padding: 15px 0;
  width: 110px;
}
.page-thanhtoan .thong-tin .right tr td:nth-child(2) {
  padding: 5px 0;
  padding-right: 63px;
  padding-left: 10px;
}
.page-thanhtoan .thong-tin .right tr td:last-child {
  min-width: 160px;
  text-align: right;
}
.page-thanhtoan .thong-tin .right .image {
  padding: 15px 30px;
}
.page-thanhtoan .thong-tin .right .countItems {
  position: absolute;
  background-color: #3b97d2;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: -4px;
  right: -4px;
  min-width: 26px;
  min-height: 26px;
}
.page-thanhtoan .thong-tin .right .check {
  margin-top: 24px;
  margin-bottom: 31px;
  padding: 10px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 22px;
}
.page-thanhtoan .thong-tin .right .check > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.page-thanhtoan .thong-tin .right .check span,
.page-thanhtoan .thong-tin .right .check div {
  margin: 0;
}
.page-thanhtoan .thong-tin .right .check span {
  color: #909090;
  font-weight: 400;
}
.page-giohang .thong-tin tbody a i {
  font-size: 18px;
}
.page-thanhtoan .thong-tin .right .check .total span {
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
}
.page-thanhtoan .thong-tin .right .check .line {
  width: 100%;
  height: 1px;
  background: #bebebe;
}
.page-thanhtoan .thong-tin .right .check .total div {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #3b97d2;
}
.page-thanhtoan .thong-tin .right .btnPay {
  max-width: 335px;
  background-color: #3b97d2;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff;
  float: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 80px;
}
/* Trang tin tức */
.page-new {
  padding: 20px 0 50px;
}
.page-new .box-wp {
  position: relative;
}
.page-new .box-wp::before,
.page-new .box-wp::after {
  display: none;
}

.page-new .news-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.page-new .news-list .card .hover {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 1;
}
.page-new .news-list .card .hover i {
  color: #000;
}
.page-new .news-list .card .hover .i-search {
  background: #3b97d2;
  border-radius: 20px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.page-new .news-list .card {
  display: flex;
  flex-direction: column;
  box-shadow: rgba(59, 151, 210, 0.15) 0 1px 3px;
}
.page-new .news-list .card:hover .hover,
.page-new .news-list .card img:hover .hover {
  display: flex;
}
.page-new .news-list .card:hover .name a,
.page-new .news-list .card:hover .name {
  color: #3b97d2;
}
.page-new .news-list .card .text {
  padding: 12px 12px 15px;
  background: white;
}
.page-new .news-list .card .date-views,
.card-new.item-1 .date-views {
  color: #9e9e9e;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  font-size: 12px;
  line-height: 14px;
}
.page-new .news-list div {
  margin: 0;
}
.page-new .page-navigation {
  text-align: left;
}
.page-new .news-list .card .date-views i {
  margin-right: 3px;
}
.page-new .news-list .card .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.25;
  margin: 8px 0;
}
.page-new .news-list .card .name a {
  color: #1f1f1f;
}

.page-new .ano-news .news-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}

.page-new .content-right .list-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
}
.page-new .content-right .list-menu a {
  color: #000;
  margin: 0;
}
.page-new .content-right .list-menu a:hover {
  color: #3b97d2;
}
.page-new .content-right .list-menu div {
  margin: 0;
  padding: 8px;
  border-bottom: solid 1px #e1e1e1;
}
.page-new .content-right .list-menu > div {
  width: 100%;
  padding: 5px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.page-new .content-right .list-menu i {
  margin-right: 3px;
}
.page-new .content-right .list-menu .total {
  /* width: 26px; */
  height: 26px;
  border-radius: 20px;
  background-color: #eeeeee;
  padding: 3px 5px;
  text-align: center;
}
.page-new .show-all-prd.fl-menu {
  display: block;
}
.page-new .show-all-prd.fl-menu .news-list {
  grid-template-columns: 1fr 1fr 1fr;
}
.page-new .content-right .new-up .list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.page-new .content-right .new-up .list > div {
  width: 100%;
}
.page-new .content-right .new-up .list img,
.page-new .content-right .new-up .list div,
.page-new .content-right .new-up .list a {
  margin: 0;
}
/* AH */
.page-new .content-right .new-up .list img {
  max-width: 140px;
}
.page-new .content-right .new-up .list .text {
  color: #000;
  width: 100%;
  padding: 6px 21px 6px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: space-between;
}
.page-new .content-right .new-up .list .date-views > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  gap: 8px;
}
.page-new .content-right .new-up .date-views {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 21px;
}
.page-new .content-right .new-up .list div .bot {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.page-new .content-right .new-up .list div:hover .bot {
  color: #000;
}
.page-new .content-right .new-up .list .text a {
  font-size: 12px;
  line-height: 20px;
  color: #000;
}
.page-new .content-left{
  width: calc(66% - 24px);
}
.page-new .content-right{
  width: 34%;
}
.page-new .box-wp .main-show-prd .content-left .name {
  color: #000;
  font-size: 28px;
  line-height: 36px;
}
.page-new .box-wp .main-show-prd .content-left .date-views {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin: 8px 0;
}
.page-new .content-left .date-views > div,
.list-news .item-1 .date-views > div {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  gap: 5px;
}
.page-new .content-left .share {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.page-new .content-left .share div {
  margin: 0;
}
.page-new .content-left .share i {
  color: #000;
}
.page-new .ano-news {
  margin-top: 80px;
}
.page-new .ano-news .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #000;
}

/* Trang tuyển dụng */
.page-tuyendung .news-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px;
}
.page-tuyendung {
  margin-bottom: 90px;
}
.page-tuyendung .news-list .card-tuyendung {
  width: 100%;
  height: auto;
}
.card-tuyendung {
  border-radius: 5px;
}
.card-tuyendung .text {
  padding: 10px;
}
.card-tuyendung img,
.card-tuyendung .img {
  border-radius: 5px 5px 0 0;
}
.card-tuyendung .name {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
  min-height: 48px;
}
.card-tuyendung a {
  color: #000;
}
.card-tuyendung p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 21px;
}
.page-tuyendung .box-wp::before,
.page-tuyendung .box-wp::after {
  display: none;
}
.card-tuyendung:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.card-tuyendung:hover img {
  transform: scale(1.1);
  transition: transform 1s ease;
}
.card-tuyendung:hover a {
  color: #000;
}
.show-tuyendung .box-wp {
  display: grid;
  grid-template-columns: 65.6% 31.5%;
  justify-content: space-between;
  gap: 10px;
}
.show-tuyendung .left {
  width: 100%;
}
.show-tuyendung .share {
  display: flex;
  flex-direction: row;
  float: right;
  gap: 12px;
}
.show-tuyendung .left .name {
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}
.show-tuyendung .left .comment {
  margin-top: 19px;
  margin-bottom: 23px;
  padding-bottom: 27px;
  border-bottom: solid 1px #000;
  line-height: 24px;
  font-weight: 500;
}

.show-tuyendung .left .content {
  line-height: 28px;
  margin-bottom: 29px;
}
.show-tuyendung .form-content {
  width: 100%;
  padding: 20px 10px;
  border-radius: 5px;
  border: solid 0.5px #9e9e9e;
}

.show-tuyendung .form-content .title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 24px;
}
.show-tuyendung .form-content form {
  margin-top: 47px;
  line-height: 24px;
  letter-spacing: -0.25px;
  display: flex;
  flex-direction: column;
  gap: 21px;
}
.show-tuyendung .form-content input {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 21px;
  border-radius: 5px;
  border: solid 0.5px #616161;
}
.show-tuyendung .form-content .form-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.show-tuyendung .form-content .form-item p {
  line-height: 24px;
  margin: 0;
}
.show-tuyendung .form-content .form-item span {
  color: #ff3636;
}
.show-tuyendung .form-content .choose_file {
  margin: 0;
}
.show-tuyendung .form-content .choose_file label {
  border: solid 0.5px #000;
  padding: 10px 67px;
  color: #000;
  font-size: 14px;
  line-height: 21px;
}
.show-tuyendung .form-content .form-item button.btn-send {
  width: 100%;
  background-color: #000;
  padding: 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 21px;
  border-radius: 5px;
}
/* Trang liên hệ */
.page-contact .box-wp h2.title {
  line-height: 28px;
  text-align: center;
}
.page-contact .box-wp .cmt {
  font-style: italic;
  margin: 16px 0 60px 0;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
.page-contact .box-wp .info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
}

.page-contact .box-wp .info div,
.page-contact .box-wp .info p {
  margin: 0;
}
.page-contact .box-wp .info img {
  margin: 0;
  max-width: 70px;
}
.page-contact .box-wp .info > div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 18px;
}
.page-contact .box-wp .info .text {
  width: 100%;
  display: flex;
  gap: 7px;
  flex-direction: column;
}
.page-contact .box-wp .info .top {
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
}
.page-contact .box-wp .info .bot {
  line-height: 24px;
}
.page-contact .contact {
  width: 100%;
  margin-top: 60px;
  background-image: url("../images/FE/page-contact-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px;
}
.page-contact .contact form {
  max-width: 877px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  padding: 20px 30px;
}
.page-contact .contact .title {
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.25px;
  margin-bottom: 31px;
}
.page-contact .contact .form-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  width: 100%;
}
.page-contact .contact .form-contact input {
  width: 100%;
  padding: 14px 20px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 5px;
}
.page-contact .contact .form-contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page-contact .contact .form-contact .textarea {
  width: 100%;
  position: relative;
}
.page-contact .contact .form-contact .textarea label.error {
  bottom: -10%;
}
.page-contact .contact .form-contact textarea {
  min-height: 166px;
  width: 100%;
  border-radius: 5px;
  padding: 14px 20px;
}
.page-contact .contact .form-contact button {
  float: right;
  background-color: #000;
  padding: 10px 40px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 5px;
}
.page-contact .contact .form-contact > div {
  margin: 0;
}
/* Trang chính sách */
.page-chinhsach .box-wp {
  display: grid;
  grid-template-columns: 23.06% 74.4%;
  justify-content: space-between;
}
.page-chinhsach .box-wp::before,
.page-chinhsach .box-wp::after {
  display: none;
}
.page-chinhsach .content .title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 32px;
}
.page-chinhsach .content .cmt {
  margin-bottom: 17px;
}
.page-chinhsach .content .main {
  margin-bottom: 80px;
}
.page-chinhsach .name-menu {
  background-color: #e0e0e0;
  width: 100%;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  padding: 10px;
}
.page-chinhsach .name-menu i {
  margin-right: 9px;
}
.page-chinhsach .tab {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.page-chinhsach .tab button {
  color: #000;
  text-align: left;
  background: #fff;
  padding: 10px;
  border-bottom: solid 0.5px #bdbdbd;
  line-height: 24px;
  width: 100%;
}
.page-chinhsach .tab a {
  color: #000;
  width: 100%;
}
.page-chinhsach button.active,
.page-chinhsach a .active {
  color: #000;
}
.page-chinhsach .left {
  width: 100%;
}
/* Custom scroll */
/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(243, 240, 240);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.page-gioithieu .part8::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #f5f5f5;
}

.page-gioithieu .part8::-webkit-scrollbar {
  height: 5px;
  background-color: #f5f5f5;
  width: 10px;
}

.page-gioithieu .part8::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
/* ------- */
.footer .register {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  min-width: 310px;
  font-size: 14px;
  line-height: 22px;
}
.footer .register div {
  margin: 0;
  display: flex;
  align-items: center;
}
.footer .register div > img {
  margin-right: 12px;
}
.footer .register button.btn-send {
  background: none;
  width: 30px;
}
.footer .register form {
  background: #f5f5f5;
  padding: 8px 12px;
  border-radius: 4px;
  position: relative;
}
.footer .register form input {
  background: none;
  color: #000;
  width: calc(100% - 50px);
}
input::placeholder {
  color: #828387;
}
.trade_menu button {
  text-transform: uppercase;
  padding: 5px 15px;
  color: #424242;
  background-color: #ffffff;
  border-radius: 24px;
  border: solid 1px #424242;
  margin: 5px;
  font-size: 14px;
  font-weight: 500;
}
.trade_menu button.active {
  color: #3b97d2;
  border: solid 1px #3b97d2;
}
.home-prdmenu {
  margin-top: 60px;
}
.home-prdmenu h2 {
  border-bottom: solid 2px #3b97d2;
  text-transform: uppercase;
}
.home-prdmenu .title-menu {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.home-prdmenu .title-menu > div {
  margin: 0;
}
.swiper-banner-auto.swiper {
  max-width: 720px;
  margin: 0;
  margin-top: 0 !important;
}
/* BTN contact */
#btn-contact {
  position: fixed;
  bottom: 150px;
  right: 57px;
  cursor: pointer;
  z-index: 5;
  background-image: url(/images/bg_btn_contact.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 14px;
  width: 60px;
  height: 60px;
}
#btn-contact img {
  width: 100%;
}
#btn-contact .swiper-wrapper {
  width: 32px;
  height: 32px;
}
#inf-contact {
  position: fixed;
  bottom: 150px;
  right: 125px;
  z-index: 5;
  display: none;
  flex-direction: column;
}
.open-contact {
  padding: 7px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
#inf-contact .item {
  width: 100%;
  background-color: #ffffff;
  padding: 8px 10px;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
}
#inf-contact .item:hover {
  background-color: #dfdfdf;
}
#inf-contact .item p {
  margin: 0;
}
#inf-contact .item div {
  width: 100%;
}
#inf-contact .item img {
  max-width: 32px;
}
#inf-contact .item .top {
  color: #424242;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
}
#inf-contact .item .bot {
  color: #757575;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
#inf-contact a {
  text-decoration: none;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
#inf-contact a:hover {
  color: #2a7eb3;
}
#inf-contact img {
  margin-right: 10px;
}
.list-km {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.card-km {
  width: 100%;
  margin: 0;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.card-km:hover .txt a {
  color: #3b97d2 !important;
}
.card-km img {
  width: 100%;
}
.card-km .txt {
  padding: 16px;
  color: #000;
}
.card-km .txt a {
  color: inherit;
  cursor: pointer;
}
.card-km .txt h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
}
.page-km {
  padding: 20px 0 90px;
}
.show-km {
  display: grid;
  grid-template-columns: 66% auto;
  gap: 24px;
}
.show-km > div {
  width: 100%;
}
.show-new .name {
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  margin-bottom: 11px;
}
.show-new .date-view {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  color: #9e9e9e;
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 8px;
}
.show-new .date-view > div {
  margin: 0;
}
.show-new .date-view i {
  font-size: 15px;
  margin-right: 3px;
}
.show-new .content {
  border-top: solid 1px #e1e1e1;
  border-bottom: solid 1px #e1e1e1;
  padding: 28px 0 24px;
}
.show-new .right .title,
.show-prd .title {
  padding: 8px;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}
.show-new .right .line,
.show-prd .line {
  width: 100%;
  display: grid;
  grid-template-columns: 67px auto;
  align-items: center;
}
.show-new .right .line .line-l,
.show-prd .line .line-l {
  margin: 0;
  height: 3px;
  background: #3b97d2;
}
.show-prd .line {
  margin-bottom: 24px;
}
.show-new .right .line .line-r,
.show-prd .line .line-r {
  margin: 0;
  height: 1px;
  background: #d2d2d2;
}
.list-article-others .card-km {
  display: grid;
  grid-template-columns: 127px auto;
  gap: 12px;
  align-items: center;
  background: none;
  border-radius: 4px;
  background: white;
  margin-bottom: 24px;
  box-shadow: 0px 0px 4px 0px #00000040;

}
.name-listn {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.list-article-others .txt p.comment-news {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 3px;
}
.show-km .list-article-others .txt p{
  margin-bottom: 8px;
}
.list-article-others {
  margin-top: 24px;
}
.list-article-others .card-km img {
  height: 100px !important;
  object-fit: cover;
  border-radius: 4px 0 0 4px;
}
.list-article-others .txt {
  color: #424242;
  font-size: 12px;
  line-height: 14px;
  padding: 0;
  width: 100%;
  padding: 5px 10px 5px 0;
}
.list-article-others .txt a.name-listn {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #000;
  margin-bottom: 5px;
  text-align: left;
}
.show-km .right > img {
  margin-top: 24px;
  object-fit: cover;
  max-height: 397px;
}
.page-lienhe {
  margin-bottom: 50px;
}
.page-lienhe .box-wp::before,
.page-lienhe .box-wp::after {
  display: none;
}
.page-lienhe h2 {
  font-size: 28px;
  line-height: 42px;
  margin-bottom: 24px;
}
.page-lienhe .contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 20px 0 40px;
}
.page-lienhe .form .form-contact {
  width: 100%;
}
.page-lienhe .form .form-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}
.page-lienhe .form textarea,
.page-lienhe .form .textarea {
  width: 100%;
}
.page-lienhe .form textarea,
.page-lienhe .form input {
  padding: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.page-lienhe .form button {
  margin-top: 32px;
  background: #3b97d2;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  padding: 10px 49px;
}
.page-lienhe .contact-inf {
  width: 100%;
}
.page-lienhe .contact-inf p {
  margin-bottom: 12px;
}
.page-lienhe .ggmap {
  margin-top: 40px;
}
.page-lienhe .ggmap iframe {
  width: 100%;
  height: 480px;
  border-radius: 12px;
}
.main-show-prd .content-right .list-article-others {
  margin-bottom: 24px;
}

.ptc-editor h1,
.ptc-editor h2,
.ptc-editor h3,
.ptc-editor h4,
.ptc-editor h5,
.ptc-editor p,
.ptc-editor div,
.ptc-editor table,
.ptc-editor ul,
.ptc-editor ol {
	margin-bottom: 16px;
}

#clickDelAll {
  cursor: pointer;
  color: #3b97d2;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
}
#delAll {
  visibility: hidden;
}
#pickPay {
  position: relative;
}
#pickPay .each {
  border: solid 1px #bebebe;
  padding: 10px;
  border-radius: 8px;
}

#pickPay .each.active {
  border: solid 1px #3b97d2;
}
#pickPay .each.active > div > div {
  border: solid 1px #3b97d2;
}
#pickPay .each + .each {
  margin-top: 16px;
}
#pickPay input {
  width: 18px;
  height: 18px;
  color: #3b97d2;
  position: relative;
  float: right;
  margin-top: 3px;
}
#pickPay .each div {
  display: inline !important;
}
#pickPay label.error {
  position: relative;
  font-size: 10px;
}
#pickPay .each label{
  padding-left: 10px;
}
#pickPay .each > div {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  width: 100%;
}
#pickPay .each div,
#pickPay .each label {
  margin: 0;
}
#pickPay .each > div > div {
  background: #fff;
  border-radius: 50%;
  padding: 4px;
  border: solid 1px #bebebe;
}
.left-abp1 {
  flex: 1;
}
.right-abp1 {
  flex: 1.2;
  padding-left: 90px;
}
.left-abp1 img {
  border-radius: 12px;
}
.title-abp1 {
  margin-bottom: 20px;
  font-size: 24px;
  text-transform: uppercase;
}
.comment-abp1 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}

.content-abp1 {
  column-count: 2;
  column-gap: 40px;
  font-size: 14px;
  text-align: justify;
}


.contentb-abp1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.list-abp1 {
  padding: 40px 0;
}
.iteml-abp1 {
  display: flex;
  width: 25%;
  align-items: center;
  justify-content: space-between;
  float: left;
}
.iteml-abp1 .img {
  width: 60px;
  margin-left: 0;
}
.iteml-abp1 .text {
  float: left;
  width: calc(100% - 70px);
  margin-right: 0;
}
.iteml-abp1 .text p {
  font-size: 14px;
}
.abp2 .title-abp1 {
  text-align: center;
  margin-bottom: 40px;
}
.item-abp2 {
  width: calc(25% - 24px);
  float: left;
  margin: 0 12px;
}
.content-abp2 {
  margin: 0 -12px;
}
.item-abp2 .img img {
  border-radius: 16px;
}
.item-abp2 .text p {
  font-size: 18px;
}
.item-abp2 .text h4 {
  font-size: 20px;
  margin-top: 4px;
}
.item-abp2 .text {
  margin-top: 24px;
}

.ab-p3 .text {
  text-align: justify;
  padding-right: 48px;
  flex: 1;
}
.ab-p3 .img {
  flex: 1;
}
.ab-p3 .img img{
  border-radius: 12px;
}
.ab-p3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 52px 0;
}
.ab-p3:nth-child(even) {
  flex-direction: row-reverse;
}
.ab-p3:nth-child(even) .text {
  padding-left: 24px;
  padding-right: 0;
}
.big-content-ab {
  padding-top: 20px;
}
.partent-ab {
  background-color: #ffffff;
  padding: 32px 0;
}
.content-left {
  width: 25%;
  float: left;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px #0000000D;
  background: white;
  padding: 24px;
}
.item-ct-ns a span {
  float: right;
}

.item-ct-ns a {
  font-size: 16px;
  color: black;
}

.item-ct-ns i {
  color: black;
  font-size: 12px;
  margin-right: 12px;
}
.item-ct-ns a:hover, .item-ct-ns.active a, .item-ct-ns.active a i, .item-ct-ns a:hover i{
  color: #3b97d2;
}
.item-ct-ns {
  margin-top: 20px;
}
.content-right {
  width: calc(75% - 36px);
  float: right;
  text-align: justify;
  border-radius: 8px;
  margin-left: 24px;
}
.namevh_listff {
  font-size: 28px;
  line-height: 1.25;
  padding-bottom: 12px;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 28px;
}
.content-right .social-share {
  border-top: 1px solid #E1E1E1;
  padding-top: 24px;
}
.page-dv {
  margin-bottom: 90px;
}
.title-dv {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 5px;
}
.title-dv:after{
  content: "";
  position: absolute;
  width: 95px;
  height: 3px;
  background-color: #3b97d2;
  bottom: 0;
  left: 0;
}
.content-left a.active, .content-left a:hover {
  color: #3b97d2;
}

.content-left a {
  display: block;
  font-size: 15px;
  color: black;
  margin-bottom: 20px;
}
.page-new .news-list .card a {
  font-size: 20px;
  margin: 0;
}
.code-sale {
  border-bottom: 1px solid #D2D2D2;
  border-top: 1px solid #D2D2D2;
  padding: 26px 0;
  position: relative;
}
.code-sale span {
  font-weight: 500;
}
.element-code {
  display: inline-block;
  margin-left: 30px;
}
.list-code {
  display: inline-block;
  background: #c5e3f6;
  padding: 4px 16px;
  color: #3b97d2;
  font-size: 14px;
  margin-left: 8px;
}
.element-code-c {
  border: 1px solid #D2D2D2;
  padding: 30px;
  font-size: 14px;
  top: 85px;
  position: absolute;
  background: white;
  width: 100%;
  display: none;
  z-index: 1;
}
.code-sale:hover .element-code-c{
  display: block;
}

ul.list-code-c ul li {
  margin-bottom: 8px;
}

ul.list-code-c li a {
  border-radius: 8px;
  background: #3b97d2;
  padding: 4px 8px;
  color: #FFFFFF;
  margin-left: 8px;
  cursor: pointer;
}




.chinhsach {
  padding: 16px 0;
}
.chinhsach h4{
  margin-bottom: 8px;
}
.list-chinhsach {
  display: flex;
  margin-right: 32px;
  align-items: center;
  float: left;
}
.list-chinhsach:last-child{
  margin-right: 0;
}
.list-chinhsach p {
  font-size: 14px;
  margin-left: 7px;
}
.list-chinhsach img {
  width: 24px;
  height: 24px;
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0;
}
div#myModal_p .modal-body {
  padding: 0;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  font-size: 1.1rem;
  line-height: 1.375rem;
}
div#myModal_p {
  opacity: 1;
  height: auto;
  /* max-width: 700px; */
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}
#show_cart {
  background: white;
  padding: 16px 8px;
}
/*--------------------Responsive */

@media screen and (max-width: 1250px) {
  .box-wp {
    max-width: 960px;
  }
  .navigation > ul {
    padding: 8px 10px;
  }
  .navigation ul > li > a,
  .menu-prd span {
    font-size: 14px;
    line-height: 20px;
  }
  .menu-prd {
    padding: 10px 5px;
  }
  .menu-prd img {
    display: none;
  }
  .footer .footer-sitemap .box-wp {
    gap: 10px;
  }
  .header-top .element-bottom .hd-shop > div,
  .header-top .element-bottom .hd-shop > button {
    max-width: 170px;
  }
  .header-top .element-bottom .hd-shop > div.shp-cart {
    min-width: 40px;
  }
  .page-gioithieu .part1 .images img {
    max-width: 175px;
  }
  .page-gioithieu .part1 .images > div,
  .page-gioithieu .part1 .images {
    gap: 10px 0;
  }
  .page-gioithieu .part2 .list .swiper-slide {
    width: 299px;
  }
  .page-product .pdt-main .row-count {
    right: 50%;
  }
  .popup-contact {
    top: 40%;
  }
  .show-prd .prd-top .mySwiper2 .swiper-slide {
    display: flex;
    align-items: center;
  }

  .project-item {
    min-height: 263px;
  }
  .project-item .inf {
    display: block;
  }
  .project-item .inf .views {
    margin-top: 10px;
  }
  .menu-showlist > ul {
    max-height: 745px;
  }
  .page-home .part1 .right {
    padding-left: 10px;
  }
  .list-prd {
    gap: 12px;
  }

  .page-home .part2 .prd-hot {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 970px) {
  .header-top .element-bottom{
    gap: 3%;
  }
  .show-new .name {
    font-size: 20px;
    line-height: 1.5;
  }
  .show-km {
    display: block;
  }
  .box-wp {
    max-width: 820px;
  }
  .header-top .logo img {
    max-width: 200px;
  }
  .header-top .box-wp {
    gap: 10px;
  }
  .header-top .element,
  .footer_info p {
    font-size: 12px;
  }
  .header-top .element-bottom .hd-shop {
    gap: 10px;
  }
  .navigation ul > li > a {
    padding: 0 6px;
  }
  .footer .intro,
  .footer ul,
  .footer .ano-title,
  .footer-copyright {
    font-size: 13px;
    line-height: 17px;
  }
  .footer .intro .address {
    margin-bottom: 15px;
  }
  .footer .title,
  .page-new .content-right .title,
  .page-new .news-list .card .name a {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .footer ul li {
    margin-bottom: 5px;
  }

  .page-gioithieu .part1 {
    grid-template-columns: 1fr;
  }
  .page-gioithieu {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .page-gioithieu .part1 .images {
    gap: 10px;
  }
  .page-gioithieu .part1 .images .right {
    margin-top: 0;
  }
  .page-gioithieu .part1 .images > div {
    flex-direction: row;
    justify-content: space-around;
    gap: 10px;
  }
  .page-gioithieu .part2 .list .swiper-slide {
    width: 266px;
  }
  .page-gioithieu section {
    margin-bottom: 30px;
  }
  .page-gioithieu .part3 {
    grid-template-columns: 1fr;
  }
  .page-gioithieu .part3 .intro img {
    max-height: 212px;
  }
  .page-show-about .main-mohinh {
    grid-template-columns: 2fr 1fr;
    gap: 10px;
  }
  .page-show-about .anothers .list {
    gap: 10px;
  }
  .page-show-about .main-taisao {
    grid-template-columns: 1fr;
  }
  .page-show-about .main-taisao .images img {
    max-height: 250px;
  }
  .page-product .pdt-main .row-count {
    right: 65%;
  }
  .page-product .table-grid.show {
    grid-template-columns:none;
    display: block;
  }
  .prd-page-list .card-prd-type1 {
    max-width: initial;
  }
  .prd-page-list .card-prd-type1 {
    width: calc(50% - 16px);
    float: left;
    margin: 8px;
  }
  .prd-middle .card-prd-type1 {
    width: calc(25% - 16px);
    float: left;
    margin: 8px;
  }
  .prd-page-list .card-prd-type1:nth-child(2n+1) {
    clear: both;
  }
  .prd-middle .list-ano-prd .card-prd-type1:last-child{
    display: none;
  }

  .prd-middle .list-ano-prd{
    display: block;
    margin: 0 -8px;
  }
  .show-prd .prd-top .left,
  .show-prd .prd-top .right {
    width: 100%;
  }
  .show-prd .prd-top .right {
    margin-top: 50px;
  }
  .show-prd .prd-top .right .name {
    min-height: 0;
  }
  .page-new .news-list {
    gap: 10px;
  }
  .page-new .content-right .title {
    margin-bottom: 8px;
  }
  .page-new .box-wp .show-all-prd,
  .page-new .box-wp .main-show-prd {
   display: block;
  }
  #btn-contact {
    right: 5px;
  }
  #inf-contact {
    right: 75px;
  }
  #go-top {
    right: 15px;
  }
  .content-right.right {
    margin-top: 30px;
  }
  .page-new .box-wp .main-show-prd {
    gap: 20px;
  }
  .page-new .content-right .new-up .list img {
    max-width: 150px;
  }
  .page-new .content-right .new-up .list > div {
    gap: 5px;
  }
  .breadcrumb {
    padding: 10px 0;
  }
  .page-new .ano-news .news-list {
    gap: 10px;
  }
  .page-new .news-list .card .name {
    margin: 8px 0;
  }
  .show-tuyendung .box-wp {
    grid-template-columns: 1fr 1fr;
  }
  .navigation ul > li > a,
  .menu-prd span,
  .menu-showlist a,
  .menu-showlist li {
    font-size: 12px;
    line-height: 18px;
  }

  
  .home-prdmenu .title-menu > .left {
    margin: 0 5px;
  }
  .list-prd {
    gap: 0;
    margin-top: 24px;
  }
  .list-prd .list-card {
    width: calc(33.33% - 10px);
    margin: 5px;
  }
  .list-prd .banner {
    width: calc(66.67% - 10px);
    margin: 5px;
  }
  .list-prd .list-card:last-child {
    display: none;
  }

  .list-news {
    grid-template-columns: 1fr;
  }
  .list-news .item-1 {
    flex-direction: row;
    align-items: center;
  }
  .list-news .item-1 .image {
    width: 100%;
  }
  .list-news .item-1 img {
    border-radius: 0;
  }
  .page-lienhe .contact {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 830px) {
  .page-new .content-left .date-views > div, .list-news .item-1 .date-views > div{
    font-size: 12px;
  }
  .page-thanhtoan .thong-tin label.error{
  position: relative;
  top: 0px;
  }
  .page-thanhtoan .thong-tin form .left .radio label.error {
    position: absolute;
    bottom: -32px;
    width: 220px;
    top: auto;
  }
  #pickPay label.error {
    position: relative;
    top: auto;
    bottom: auto;
  }
  .page-giohang .right{
    margin-top: 0;
  }
  .header .hd-search {
    width: 60%;
  }
  .modal a.close-modal {
    top: 0;
    right: 0;
  }
  .part1 .swiper-banner .swiper-slide img {
    height: 230px !important;
    object-fit: cover;
  }
  .home-hot-news .card-new.item-1 {
    align-items: normal;
  }
  .home-hot-news .card-new.item-1 .text {
    padding-top: 19px;
  }
  .ab-p3 {
    padding: 30px 0;
  }
  .right-abp1{
    padding-left: 30px;
  }
  .iteml-abp1 {
    margin-bottom: 30px;
    width: 50%;
  }
  .title-abp1, .namevh_listff{
    font-size: 22px;
  }
  .comment-abp1 {
    font-size: 16px;
  }
  .item-abp2 {
    width: calc(50% - 24px);
    margin: 0 12px 24px;
  }
  .content-abp1 {
    column-count: 1;
  }
  .box-wp {
    max-width: 740px;
  }
  .project-item .text {
    position: relative;
    transform: none;
    bottom: 0;
  }
  .page-project .project-list {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
  .project-item {
    max-width: 100%;
  }
  .project-item a > img {
    width: 100%;
  }
  .project-item a .more {
    margin-bottom: 15px;
  }
  .page-systemstore .intro {
    grid-template-columns: 1fr 2fr;
  }
  .page-home .prd-follow-menu h2 {
    font-size: 20px;
  }
  .footer .hinhanh .imgs img {
    max-width: 50px;
  }
  .prd-leftbar .title {
    font-size: 12px;
  }
  .prd-leftbar input.submit,
  .page-product .pdt-main .menu-top input.submit {
    font-size: 8px;
  }
  .prd-leftbar input.submit {
    padding: 5px;
  }
  .breadcrumb .title {
    font-size: 32px;
    line-height: 42px;
  }
  .page-contact .box-wp h2.title {
    font-size: 24px;
  }
  .page-giohang .thong-tin {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .page-giohang .right .top .option-pay {
    width: 70%;
  }
  .page-product .pdt-main .menu-top input.submit,
  .prd-leftbar input.submit {
    font-size: 12px;
  }
  .prd-leftbar input.submit {
    padding: 10px;
  }
  .prd-leftbar .filter-price form > div {
    grid-template-columns: 1fr;
  }
  .page-chinhsach .name-menu {
    font-size: 18px;
  }
  .page-contact .box-wp .info {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  h1 {
    font-size: 30px;
    line-height: 1.5;
  }
  .page-giohang .thong-tin .element {
    grid-template-columns: 1fr;
  }
  .page-giohang .right .top {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .menu-showlist > ul {
    max-height: 85vh;
  }
  .show-prd .swiper-button-next,
  .show-prd .swiper-button-prev {
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    border-radius: 4px;
  }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after,
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    font-size: 14px;
  }
  .page-new .box-wp .main-show-prd {
    grid-template-columns: 1fr;
  }
  .page-new .ano-news {
    margin-top: 40px;
  }
  .hd-search .form-search select {
    display: none;
  }
  .home-prdmenu .title-menu {
    gap: 12px;
  }
  .footer .footer-sitemap .box-wp {
    flex-wrap: wrap;
  }
  .footer .footer-sitemap .lienhe {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
  }
  .footer .footer-sitemap .fanpage,
  .footer .footer-sitemap .lienhe div {
    margin: 0;
  }
  form label.error {
    top: auto;
    bottom: auto;
    position: relative;
  }
  .home-service .txt {
    height: 100%;
  }
  h2 {
    font-size: 28px;
    line-height: 32px;
  }
  
  .menu-showlist a,
  .menu-showlist li,
  .menu-showlist a span {
    font-size: 14px;
    line-height: 14px;
  }
  .menu-showlist > ul > li img {
    max-width: 20px;
  }
  ul.sb-trade > li::before, ul.sb-trade > li.active::after{
    width: 15px;
    height: 15px;
  }
  ul.sb-trade > li {
    padding: 0 0 0 24px;
  }
  ul.sb-trade > li.active::before{
    top: 2px;
  }
  .bd-view, .page-product{
    padding: 0;
  }
  .prd-leftbar{
    margin-top: 8px;
  }
  .page-giohang .vou-update .voucher .btnVoucher {
    padding: 9.5px 10px;
    width: 110px;
  }
  .page-giohang .vou-update div{
    font-size: 14px;
  }
  .page-giohang .vou-update .update {
    gap: 15px;
  }
  .bt-cont {
    text-align: center;
  }
  .menu-showlist a span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
  }

  .footer .top .box-wp div.register {
    width: 100%;
  }
  .footer .register form {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {

  .mobile {
    display: none !important;
  }
  .desktop {
    display: block;
  }
  #wrapper {
    margin-top: 135px;
  }
  .page-giohang thead.desktop {
    display: table-header-group;
  }
  .page-giohang .thong-tin table tr.desktop {
    display: table-row;
  }
}
@media screen and (max-width: 767px) {
  #pickPay .each{
    margin-bottom: 30px;
  }
  .page-lienhe .form .form-item {
    display: block;
    margin-bottom: 0;
  }
  .page-lienhe .form .form-item .input {
    margin-bottom: 24px;
  }
  #pickPay .each div, #pickPay .each label {
    margin: 0;
    font-size: 12px;
  }
  .page-thanhtoan .thong-tin .input2 {
    grid-template-columns: 1fr;
  }
  .page-giohang .thong-tin{
    margin-bottom: 30px;
  }
  .page-giohang .thong-tin .element{
    margin-bottom: 0;
  }
  #pickPay label.error {
    position: absolute;
    bottom: -23px;
    top: auto;
  }
  .page-thanhtoan .thong-tin form .left .radio label.error {
    position: absolute;
    bottom: -42px;
    width: auto;
    margin: 0;
    top: auto;
  }
  .page-thanhtoan .thong-tin label.error {
    line-height: 1.5;
    position: relative;
    top: 0px;
    font-size: 12px;
  }
  .page-thanhtoan .thong-tin form .left .radio{
    display: block;
  }
  .page-home .part2 .prd-hot {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 12px;
    margin-bottom: 30px;
  }
  .page-home .part2 .prd-pin {
    padding: 10px 12px;
  }
  .page-home .trade-prd {
    padding: 0 12px;
  }
  .page-home .home-prdmenu {
    margin-top: 30px;
  }
  .content-right{
    margin-left: 0;
  }
  .title-abp1, .namevh_listff {
    font-size: 19px;
    text-align: left;
  }
  .content-left {
    margin-bottom: 30px;
    width: 100%;
  }
  .content-right {
    width: 100%;
  }
  .list-article-cate{
    margin-bottom: 30px;
  }
  .mobile {
    display: block;
    margin: 0;
  }
  .desktop {
    display: none !important;
  }
  h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
  }
  h2 {
    font-size: 22px;
    line-height: 26px;
  }
  body {
    font-size: 12px;
    line-height: 18px;
  }
  .header-top .element,
  .header-bottom {
    display: none;
  }
  .header-top .box-wp {
    justify-content: space-between;
    gap: 10px;
    padding-left: 50px;
    padding-right: 16px;
  }
  .header-top .h-logo {
    width: calc(100% - 50px);
    text-align: center;
  }
  .header-top .logo img {
    max-width: 200px;
  }
  .header-top .shp-cart {
    border: none;
    background: none;
  }
  .header-top .shp-cart i {
    font-size: 20px;
    color: #424242;
  }
  .shp-cart .icon-update .count_cart {
    top: -12px;
    right: -12px;
  }
  #wrapper {
    margin-top: 110px;
  }
  .mobile .hd-search {
    width: 100%;
    position: fixed;
    background-color: #fff;
    padding: 4px 16px;
  }
  .header-flex > .mobile .hd-search.is-hidden {
    display: none;
  }
  .hd-search .b-search {
    background-color: none;
    background: none;
    width: 70px;
  }

  .trade_menu button {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 3px 10px;
  }

  .form-search .i-search {
    border: none;
    border-radius: 6px;
    font-size: 13px;
    line-height: 18px;
    width: calc(100% - 70px);
  }
  .hd-search .form-search i {
    color: #000;
  }
  .hd-search .b-search:hover i {
    color: #fff;
  }
  .page-home .part1 {
    display: block;
  }
  .page-home .part1 .left {
    display: none;
  }
  .page-home .part1 .right {
    padding: 0;
  }
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 1px;
  }
  .page-home {
    background: #fff;
  }
  .page-home .part2 .prd-hot .swiper-slide {
    width: 160px;
  }
  .page-home .part2 .mySwiper-qc .swiper-slide {
    width: 390px;
  }
  .page-home .part1 img {
    height: 100%;
    max-height: 150px;
    object-fit: cover;
  }
  .prd-follow-menu {
    padding: 0 16px;
  }
  .page-home .prd-follow-menu h2 {
    text-align: left;
  }
  
  .home-service {
    margin: 12px auto 12px;
  }
  .home-service .box-wp {
    grid-template-columns: 1fr 1fr;
    padding: 0 10px;
    gap: 8px;
  }

  .home-hot-news {
    padding: 0 12px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .footer .footer-sitemap .box-wp {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .footer .footer-sitemap .box-wp > div {
    width: 100%;
  }
  .footer .footer-sitemap,
  .footer-copyright {
    padding: 16px;
  }
  .popup-contact {
    right: 6px;
  }
  .footer-copyright .box-wp {
    justify-content: center;
    gap: 12px;
    text-align: center;
  }
  .footer-copyright .dnw img {
    margin-top: -10px !important;
  }
  .page-gioithieu {
    padding: 0 16px;
  }
  .page-gioithieu .part1 .images > div {
    flex-wrap: wrap;
  }
  .page-gioithieu .part2 .list .swiper-slide {
    width: 360px;
  }
  .page-gioithieu .part5 .item {
    grid-template-columns: 1fr;
  }
  .page-gioithieu .part6 .element {
    grid-template-columns: 1fr;
  }
  .page-gioithieu .part6 .element .images {
    gap: 10px;
  }
  .page-gioithieu .part8 {
    overflow-x: auto;
  }
  .page-gioithieu .part10 .list-onlnew {
    grid-template-columns: 1fr;
  }
  .page-show-about {
    padding: 0 16px;
  }
  .bd-view.box-wp {
    padding: 0 16px;
  }
  .breadcrumb {
    padding: 16px;
  }
  .breadcrumb .title {
    font-size: 16px;
    line-height: 20px;
  }
  .page-product {
    padding: 0 12px;
  }
  .prd-middle .list-ano-prd {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .page-project .project-list {
    grid-template-columns: 1fr;
  }
  .page-project {
    padding: 0 16px;
  }
  .main-show-prj {
    grid-template-columns: 1fr;
  }
  .main-show-prj .images ul {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .project-item p.name {
    min-height: none;
  }
  .page-new .news-list {
    grid-template-columns: 1fr;
  }
  .page-new {
    padding: 0 16px;
  }
  .page-new .content-right .new-up {
    margin-top: 15px;
  }
  .page-new .ano-news .news-list {
    grid-template-columns: 1fr;
  }
  .page-new .news-list .card .name {
    min-height: none;
  }
  .page-tuyendung .news-list {
    grid-template-columns: 1fr 1fr;
  }
  .page-tuyendung,
  .page-contact,
  .page-chinhsach,
  .page-systemstore {
    padding: 0 16px;
  }
  .show-tuyendung .box-wp {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .page-contact .box-wp .info {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .page-contact .contact {
    padding: 20px 16px;
  }
  .page-contact .contact .form-item,
  .page-contact .contact .form-contact {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .form .form-item {
    padding: 0;
  }
  .page-chinhsach .box-wp {
    grid-template-columns: 1fr;
  }
  .page-systemstore .intro {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .page-systemstore .intro .title {
    font-size: 16px;
    line-height: 20px;
  }
  .page-systemstore .intro .name {
    font-size: 18px;
  }
  .prd-leftbar,
  .page-product .pdt-main .menu-top .view-type,
  .page-product .pdt-main .row-count {
    display: none;
  }
  .page-product .pdt-main .menu-top > .s label {
    display: none;
  }
  .page-product .pdt-main .menu-top {
    box-shadow: none;
  }
  .page-product .prd-page-list {
    display: block;
  }
  .page-product .pdt-main .menu-top > .sort {
    justify-content: space-between;
    width: 100%;
  }
  .page-product .pdt-main .row-count {
    left: 0;
  }
  .page-product .table-grid.show {
    margin: 0 -5px;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
  .page-product .pdt-main{
    margin-bottom: 30px;
  }
  .show-prd .prd-bot, .show-prd .line{
    display: block;
  }
  .prd-middle .card-prd-type1 {
    width: calc(50% - 16px);
  }
  .show-prd .prd-middle{
    margin: 30px 0;
  }
  .list-km {
    grid-template-columns: 1fr;
  }
  .box-wp.page-km {
    padding: 0 12px;
  }
  .card-km .txt p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 13px;
  }
  .page-dv .box-wp {
    padding: 0 12px;
  }
  .page-dv {
    margin-bottom: 30px;
  }
  .footer .about ul, .footer .huongdan ul {
    margin-top: 25px;
  }
  .page-new .content-left {
    background: transparent;
    padding: 0;
    width: 100%;
  }
  .page-new .content-left a{
    margin: 0;
  }
  .page-giohang .right{
    margin-top: 0;
  }

  .content-right.right{
    width: 100%;
  }
  .page-giohang .thong-tin {
    grid-template-columns: 1fr;
  }
  .page-giohang .thong-tin .left {
    overflow-x: auto;
  }
  .page-giohang {
    padding: 0 12px;
  }
  .page-giohang .vou-update .voucher,
  .page-giohang .vou-update,
  .page-giohang .vou-update .update {
    flex-direction: column;
    width: 100%;
    gap: 5px;
  }
  .page-giohang .vou-update .voucher .code,
  .page-giohang .vou-update .voucher .btnVoucher,
  .page-giohang .vou-update .update .btnUpdateCart {
    width: 100%;
  }
  .page-giohang .thong-tin {
    margin-top: 0;
  }
  .page-giohang .thong-tin td .image,
  .page-thanhtoan .thong-tin .right .image {
    min-width: none;
  }
  .page-thanhtoan .thong-tin .element {
    grid-template-columns: 1fr;
  }
  .page-thanhtoan .thong-tin .left form {
    gap: 10px;
  }
  .page-thanhtoan .thong-tin .right .btnPay {
    width: 100%;
  }
  .page-contact .contact .title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .page-contact .contact .form-contact input {
    padding: 5px 10px;
    font-size: 12px;
  }
  .page-contact .contact .form-contact textarea {
    font-size: 12px;
    padding: 5px 10px;
    min-height: 50px;
  }
  .page-contact .contact form {
    padding: 20px;
  }
  .page-contact .contact .form-contact button {
    padding: 10px 15px;
    font-size: 12px;
  }
  .page-contact .box-wp .info img {
    max-width: 35px;
  }
  .page-contact .box-wp .info > div {
    gap: 10px;
  }
  .page-giohang .thong-tin tr td:first-child {
    min-width: 300px;
  }
  .page-thanhtoan .thong-tin .input3 {
    grid-template-columns: 1fr;
  }
  .page-giohang .thong-tin tr td:first-child,
  .page-giohang .thong-tin #show_cart tr td:first-child {
    min-width: 200px;
    grid-template-columns: 0.5fr 1fr 2fr;
    gap: 3px;
  }

  .page-thanhtoan .thong-tin .right tr td:nth-child(2) {
    padding-right: 0;
  }
  .page-giohang input.product {
    font-size: 13px;
  }
  .page-giohang .thong-tin .form-cart tr td:first-child {
    display: table-cell;
    min-width: 100px;
  }
  .page-giohang .thong-tin tbody a,
  .page-giohang .thong-tin tbody td {
    font-size: 13px;
  }
  .page-giohang .number {
    max-width: 124px;
  }
  .page-giohang .thong-tin tr td div {
    margin: auto;
    text-align: left;
  }
  .page-giohang .thong-tin table tr.mobile {
    display: table-row;
  }
  .mobile .thead {
    font-weight: 500;
  }
  table .mobile.last {
    border-bottom: solid 2px #000;
  }
  .footer .intro .address {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .page-home .prd-follow-menu h2,
  .page-gioithieu h2 {
    font-size: 16px;
  }
  .page-gioithieu .part8 h2,
  .page-gioithieu .part9 h2 {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .page-gioithieu .part8 table tr:first-child td span,
  .page-gioithieu .part9 table tr:first-child td span {
    font-size: 12px;
    line-height: 16px;
  }
  .page-gioithieu .part8 th,
  .page-gioithieu .part8 td,
  .page-gioithieu .part9 th,
  .page-gioithieu .part9 td {
    font-size: 12px;
  }
  .page-gioithieu .part8 table td.tcs-selected,
  .page-gioithieu .part9 table td.tcs-selected {
    text-transform: none;
  }
  .page-new .box-wp .main-show-prd {
    grid-template-columns: 1fr;
  }
  .share-absolute .social-share div {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 6px;
    border-radius: 50%;
  }
  .share-absolute .social-share i {
    color: #fff;
  }
  .share-absolute {
    left: 16px;
    top: 40%;
  }
  .page-contact .box-wp .info .top,
  .page-chinhsach .name-menu {
    font-size: 16px;
  }
  .page-new .box-wp .main-show-prd .content-left .name {
    font-size: 16px;
    line-height: 1.5;
  }
  .page-lienhe .contact {
    padding: 0 12px;
  }
  .page-new .news-list .card .name {
    min-height: none;
  }
  .show-prd .prd-bot .top {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .page-lienhe .contact{
    gap: 15px;
  }
  .page-giohang .vou-update .update {
    flex-direction: row;
    margin-bottom: 15px;
    justify-content: left;
  }
  .page-contact .box-wp h2.title {
    font-size: 22px;
    line-height: 24px;
  }
  .content-right.right, .page-new .ano-news {
    margin-top: 0;
  }
  .ano-news.show-new{
    margin-bottom: 30px;
  }
  .main-show-prd.show-new .content-left {
    padding: 12px;
  }
  .page-contact .box-wp h2.title {
    line-height: 36px;
  }
  .page-show-about .main-mohinh {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .page-new .show-all-prd.fl-menu .news-list {
    grid-template-columns: 1fr;
  }
  .page-home .part2 .swiper-slide {
    width: 160px;
  }
  .footer_info p {
    font-size: 18px;
    line-height: 27px;
  }
  .ft-social p {
    font-size: 14px;
    line-height: 20px;
  }
  .footer .title {
    font-size: 16px;
    line-height: 24px;
  }
  .footer ul li {
    margin-bottom: 12px;
  }
  .footer ul li a {
    font-size: 14px;
    line-height: 20px;
  }
  .footer .hinhanh .imgs img {
    max-width: 90px;
  }
  .page-gioithieu .part1 .images img {
    max-width: 170px;
  }
  .page-gioithieu .part3 .intro p {
    margin: 12px 0;
  }
  .project-item {
    max-width: 285px;
  }
  .page-giohang .thong-tin .element {
    grid-template-columns: 1fr;
  }
  .main-show-prj .content-right .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .project-item .name {
    padding: 0;
    height: 50px;
  }
  .project-item p.cmt,
  .project-item .bon-dong {
    display: none !important;
  }
}
@media screen and (max-width: 680px) {
  .footer .top .box-wp {
    justify-content: center;
  }
  .footer .top .box-wp div.register {
    flex-direction: column;
    justify-content: center;
  }
  .footer .register form {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 480px) {
  .home-service .box-wp {
    grid-template-columns: max-content;
    grid-template-rows: repeat(4, auto);
    width: fit-content;
  }
  .home-service .box-wp > div {
    padding: 3px 30px;
  }
  .ab-p3{
    display: block;
    padding-top: 0;
  }
  .ab-p3:nth-child(even) .text{
    padding-left: 0;
  }
  .ab-p3 .text{
    float: none;
    padding-right: 0;
  }
  .big-ab {
    padding: 0 15px;
  }
  .item-abp2 .text {
    margin-top: 5px;
  }
  .abp2{
    padding: 0 15px;
  }
  .item-abp2 .text h4 {
    font-size: 14px;
  }
  .item-abp2 .text p {
    font-size: 14px;
  }
  .ab-p1{
    padding: 0 15px;
  }
  .iteml-abp1{
    width: 100%;
  }
  .right-abp1{
    padding-left: 0;
  }
  .left-abp1 {
    flex: auto;
    margin-bottom: 30px;
  }
  .page-gioithieu .part1 .images img {
    max-height: 230px;
  }
  .page-new .box-wp .show-all-prd,
  .page-new .box-wp .main-show-prd {
    grid-template-columns: 1fr;
  }
  .page-new .news-list .card .name {
    min-height: 0;
  }
  .page-navigation {
    margin-top: 20px;
  }
  .page-new .news-list div .img {
    line-height: none;
  }
  .page-new .content-right .new-up .list img {
    max-width: 84px;
  }
  .card-tuyendung .text > p:nth-child(3),
  .card-tuyendung .text > p:last-child {
    display: none;
  }
  .card-tuyendung {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  }
  .page-tuyendung .news-list {
    gap: 10px;
  }
  .page-thanhtoan .thong-tin .right tr td:last-child {
    min-width: 80px;
  }
  .page-giohang .thong-tin td {
    padding: 10px 2px;
  }

  .page-giohang .thong-tin td {
    min-width: 0;
    max-width: 120px;
  }
  .page-giohang .thong-tin tr td:nth-child(2) {
    display: none;
  }
  .page-giohang .number .minus,
  .page-giohang .number .plus {
    font-size: 12px;
  }
  .show-prd .number .minus,
  .show-prd .number .plus {
    font-size: 22px;
  }
  input.product {
    width: 23px;
  }
  .page-giohang .number {
    padding: 0 7px;
  }
  .page-giohang .thong-tin tr td:first-child {
    flex-direction: column;
  }
  .page-giohang .thong-tin tr td div {
    text-align: center;
  }
  .page-giohang .breadcrumb {
    padding: 16px 0;
  }
  .bd-view.box-wp {
    padding: 0;
  }
  .page-thanhtoan .thong-tin tr td:nth-child(2) {
    display: block;
    margin: 0;
    padding: 0;
  }
  .page-thanhtoan .thong-tin .right .image {
    margin: 0;
  }
  .main-show-prj .content-right {
    margin-top: 30px;
  }
  .page-gioithieu .part1 .images > div {
    flex-direction: column;
    align-items: center;
  }
  .card-tuyendung .name {
    min-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
  }
  .container-class {
    top: 57px !important;
    right: 10px !important;
  }
  .page-home .part1 .swiper-banner {
    padding-left: 16px;
  }
  form label.error {
    position: relative;
    bottom: 0;
    top: auto;
  }

  .prd-middle .list-ano-prd {
    grid-template-columns: 1fr 1fr;
  }
  .card-prd-type1 {
    padding-bottom: 14px;
  }
  .card-prd-type1 img {
    padding: 4px;
  }
  h2,
  .page-home .prd-follow-menu h2 {
    font-size: 22px;
    line-height: 28px;
  }
  .footer-copyright {
    font-size: 12px;
  }
  .project-item {
    max-width: none;
    width: 100%;
  }
  body {
    font-size: 14px;
  }
  .list .text .date-views {
    display: none !important;
  }
  .page-new .content-right .new-up .list .text {
    gap: 2px;
  }
  .page-gioithieu,
  body {
    line-height: 28px;
  }
  #show_cart td .name {
    -webkit-line-clamp: 2;
  }
  .page-giohang .thong-tin td .name a{
    font-size: 13px;
  }
  .show-km .right {
    margin-top: 30px;
  }
  .page-thanhtoan .thong-tin .right .check .total div {
    font-size: 18px;
  }
  .page-thanhtoan .thong-tin .right .check .total span {
    font-size: 16px;
  }
  .show-prd,
  .page-gioithieu,
  .main-show-prj .content-left,
  .page-chinhsach .content,
  .page-new .content-left,
  .page-new .content-left span,
  .page-new .content-left h1,
  .show-tuyendung .main-content,
  .page-show-about .content,
  .page-gioithieu p,
  .show-tuyendung .left .comment {
    font-size: 14px !important;
    line-height: 28px !important;
  }
  .page-gioithieu .part3 .intro img {
    max-height: 320px;
  }
  .list-news .item-1 {
    flex-direction: column;
  }
  .list-news-right {
    grid-template-columns: 1fr;
  }
  .list-prd .banner {
    width: 100%;
  }
  .list-prd .list-card {
    width: calc(50% - 10px);
  }
  .list-prd .list-card:last-child{
    display: block;
  }
  .footer_info {
    margin-bottom: 0;
  }
  .list-abp1 {
    padding: 30px 0;
  }
  .home-hot-news {
    margin-bottom: 30px;
  }
  .home-banner-bt-menu {
    margin: 30px auto;
  }
  .home-prdmenu{
    margin-top: 30px;
  }
  .footer .footer-sitemap .lienhe {
    flex-direction: column;
    gap: 24px;
  }
  .footer .register {
    font-size: 13px;
    line-height: 20px;
  }
  .footer .register div > img {
    margin-right: 10px;
  }

  .slide-banner {
    flex-direction: column;
    gap: 10px;
  }
  .page-home .part1 .slide-home {
    width: 100%;
  }
  .slide-banner .banner {
    width: 100%;
    gap: 10px;
  }
  .page-home .part2 .prd-hot .swiper-slide {
    font-size: 12px;
    line-height: 16px;
  }
  .home-service p {
    font-size: 14px;
    font-weight: 700;
  }
  .home-prdmenu {
    padding: 0 10px;
  }
  .home-hot-news h2 {
    font-size: 24px;
  }
  .list-news .item-1 .name {
    font-size: 16px;
    line-height: 24px;
  }
  .list-news .item-1 p {
    font-size: 14px;
    line-height: 20px;
  }
  .home-hot-news {
    padding: 0 10px;
  }
  .home-hot-news .list-news-right .card-new:nth-child(4),
  .home-hot-news .list-news-right .card-new:nth-child(5),
  .home-hot-news .list-news-right .card-new:nth-child(6),
  .home-hot-news .list-news-right .card-new:nth-child(7),
  .home-hot-news .list-news-right .card-new:nth-child(8) {
    display: none;
  }
  .footer .hotline {
    width: 100%;
    text-align: center;
  }
  .mySwiper-prd-hot .card-prd-type1 .hover {
    padding-right: 0;
    left: auto;
    right: -7px;
  }
  .list-article-others {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 370px) {
  .page-gioithieu .part1 .images img {
    max-height: 190px;
  }
}
@media screen and (min-width: 1500px) {
  .container-class {
    right: 12% !important;
  }
}
@media screen and (min-width: 1650px) {
  .container-class {
    right: 17% !important;
  }
}


@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.windows8 {
  position: relative;
  width: 80px;
  height:80px;
}
.windows8 .wBall {
  position: absolute;
  width: 76px;
  height: 76px;
  opacity: 0;
  -moz-transform: rotate(225deg);
  -moz-animation: orbit 4.95s infinite;
  -webkit-transform: rotate(225deg);
  -webkit-animation: orbit 4.95s infinite;
  -ms-transform: rotate(225deg);
  -ms-animation: orbit 4.95s infinite;
  -o-transform: rotate(225deg);
  -o-animation: orbit 4.95s infinite;
  transform: rotate(225deg);
  animation: orbit 4.95s infinite;
}

.windows8 .wBall .wInnerBall{
  background-color: #0070B4;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;windows8
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.windows8 #wBall_1 {
  -moz-animation-delay: 1.08s;
  -webkit-animation-delay: 1.08s;
  -ms-animation-delay: 1.08s;
  -o-animation-delay: 1.08s;
  animation-delay: 1.08s;
}

.windows8 #wBall_2 {
  -moz-animation-delay: 0.22s;
  -webkit-animation-delay: 0.22s;
  -ms-animation-delay: 0.22s;
  -o-animation-delay: 0.22s;
  animation-delay: 0.22s;
}

.windows8 #wBall_3 {
  -moz-animation-delay: 0.43s;
  -webkit-animation-delay: 0.43s;
  -ms-animation-delay: 0.43s;
  -o-animation-delay: 0.43s;
  animation-delay: 0.43s;
}

.windows8 #wBall_4 {
  -moz-animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  -ms-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s;
}

.windows8 #wBall_5 {
  -moz-animation-delay: 0.86s;
  -webkit-animation-delay: 0.86s;
  -ms-animation-delay: 0.86s;
  -o-animation-delay: 0.86s;
  animation-delay: 0.86s;
}

@-moz-keyframes orbit {
  0% {
    opacity: 1;
    z-index:99;
    -moz-transform: rotate(180deg);
    -moz-animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    -moz-transform: rotate(300deg);
    -moz-animation-timing-function: linear;
    -moz-origin:0%;
  }

  30% {
    opacity: 1;
    -moz-transform:rotate(410deg);
    -moz-animation-timing-function: ease-in-out;
    -moz-origin:7%;
  }

  39% {
    opacity: 1;
    -moz-transform: rotate(645deg);
    -moz-animation-timing-function: linear;
    -moz-origin:30%;
  }

  70% {
    opacity: 1;
    -moz-transform: rotate(770deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin:39%;
  }

  75% {
    opacity: 1;
    -moz-transform: rotate(900deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin:70%;
  }

  76% {
    opacity: 0;
    -moz-transform:rotate(900deg);
  }

  100% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }

}

@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    z-index:99;
    -webkit-transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    -webkit-transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin:0%;
  }

  30% {
    opacity: 1;
    -webkit-transform:rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-origin:7%;
  }

  39% {
    opacity: 1;
    -webkit-transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin:30%;
  }

  70% {
    opacity: 1;
    -webkit-transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin:39%;
  }

  75% {
    opacity: 1;
    -webkit-transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin:70%;
  }

  76% {
    opacity: 0;
    -webkit-transform:rotate(900deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }

}

@-ms-keyframes orbit {
  0% {
    opacity: 1;
    z-index:99;
    -ms-transform: rotate(180deg);
    -ms-animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    -ms-transform: rotate(300deg);
    -ms-animation-timing-function: linear;
    -ms-origin:0%;
  }

  30% {
    opacity: 1;
    -ms-transform:rotate(410deg);
    -ms-animation-timing-function: ease-in-out;
    -ms-origin:7%;
  }

  39% {
    opacity: 1;
    -ms-transform: rotate(645deg);
    -ms-animation-timing-function: linear;
    -ms-origin:30%;
  }

  70% {
    opacity: 1;
    -ms-transform: rotate(770deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin:39%;
  }

  75% {
    opacity: 1;
    -ms-transform: rotate(900deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin:70%;
  }

  76% {
    opacity: 0;
    -ms-transform:rotate(900deg);
  }

  100% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }

}

@-o-keyframes orbit {
  0% {
    opacity: 1;
    z-index:99;
    -o-transform: rotate(180deg);
    -o-animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    -o-transform: rotate(300deg);
    -o-animation-timing-function: linear;
    -o-origin:0%;
  }

  30% {
    opacity: 1;
    -o-transform:rotate(410deg);
    -o-animation-timing-function: ease-in-out;
    -o-origin:7%;
  }

  39% {
    opacity: 1;
    -o-transform: rotate(645deg);
    -o-animation-timing-function: linear;
    -o-origin:30%;
  }

  70% {
    opacity: 1;
    -o-transform: rotate(770deg);
    -o-animation-timing-function: ease-out;
    -o-origin:39%;
  }

  75% {
    opacity: 1;
    -o-transform: rotate(900deg);
    -o-animation-timing-function: ease-out;
    -o-origin:70%;
  }

  76% {
    opacity: 0;
    -o-transform:rotate(900deg);
  }

  100% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }

}

@keyframes orbit {
  0% {
    opacity: 1;
    z-index:99;
    transform: rotate(180deg);
    animation-timing-function: ease-out;
  }

  7% {
    opacity: 1;
    transform: rotate(300deg);
    animation-timing-function: linear;
    origin:0%;
  }

  30% {
    opacity: 1;
    transform:rotate(410deg);
    animation-timing-function: ease-in-out;
    origin:7%;
  }

  39% {
    opacity: 1;
    transform: rotate(645deg);
    animation-timing-function: linear;
    origin:30%;
  }

  70% {
    opacity: 1;
    transform: rotate(770deg);
    animation-timing-function: ease-out;
    origin:39%;
  }

  75% {
    opacity: 1;
    transform: rotate(900deg);
    animation-timing-function: ease-out;
    origin:70%;
  }

  76% {
    opacity: 0;
    transform:rotate(900deg);
  }

  100% {
    opacity: 0;
    transform: rotate(900deg);
  }

}
#gia{
  display: none;
}