/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face{font-family:'FontAwesome';src:url("/data/css/fonts/fontawesome-webfont.eot?v=4.6.3");src:url("/data/css/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"),url("/data/css/fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"),url("/data/css/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"),url("/data/css/fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"),url("/data/css/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal;}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%;}.fa-2x{font-size:2em;}.fa-3x{font-size:3em;}.fa-4x{font-size:4em;}.fa-5x{font-size:5em;}.fa-fw{width:1.28571429em;text-align:center;}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none;}.fa-ul>li{position:relative;}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center;}.fa-li.fa-lg{left:-1.85714286em;}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em;}.fa-pull-left{float:left;}.fa-pull-right{float:right;}.fa.fa-pull-left{margin-right:.3em;}.fa.fa-pull-right{margin-left:.3em;}.pull-right{float:right;}.pull-left{float:left;}.fa.pull-left{margin-right:.3em;}.fa.pull-right{margin-left:.3em;}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8);}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1);}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none;}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle;}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center;}.fa-stack-1x{line-height:inherit;}.fa-stack-2x{font-size:2em;}.fa-inverse{color:#fff;}.fa-glass:before{content:"";}.fa-music:before{content:"";}.fa-search:before{content:"";}.fa-envelope-o:before{content:"";}.fa-heart:before{content:"";}.fa-star:before{content:"";}.fa-star-o:before{content:"";}.fa-user:before{content:"";}.fa-film:before{content:"";}.fa-th-large:before{content:"";}.fa-th:before{content:"";}.fa-th-list:before{content:"";}.fa-check:before{content:"";}.fa-remove:before,.fa-close:before,.fa-times:before{content:"";}.fa-search-plus:before{content:"";}.fa-search-minus:before{content:"";}.fa-power-off:before{content:"";}.fa-signal:before{content:"";}.fa-gear:before,.fa-cog:before{content:"";}.fa-trash-o:before{content:"";}.fa-home:before{content:"";}.fa-file-o:before{content:"";}.fa-clock-o:before{content:"";}.fa-road:before{content:"";}.fa-download:before{content:"";}.fa-arrow-circle-o-down:before{content:"";}.fa-arrow-circle-o-up:before{content:"";}.fa-inbox:before{content:"";}.fa-play-circle-o:before{content:"";}.fa-rotate-right:before,.fa-repeat:before{content:"";}.fa-refresh:before{content:"";}.fa-list-alt:before{content:"";}.fa-lock:before{content:"";}.fa-flag:before{content:"";}.fa-headphones:before{content:"";}.fa-volume-off:before{content:"";}.fa-volume-down:before{content:"";}.fa-volume-up:before{content:"";}.fa-qrcode:before{content:"";}.fa-barcode:before{content:"";}.fa-tag:before{content:"";}.fa-tags:before{content:"";}.fa-book:before{content:"";}.fa-bookmark:before{content:"";}.fa-print:before{content:"";}.fa-camera:before{content:"";}.fa-font:before{content:"";}.fa-bold:before{content:"";}.fa-italic:before{content:"";}.fa-text-height:before{content:"";}.fa-text-width:before{content:"";}.fa-align-left:before{content:"";}.fa-align-center:before{content:"";}.fa-align-right:before{content:"";}.fa-align-justify:before{content:"";}.fa-list:before{content:"";}.fa-dedent:before,.fa-outdent:before{content:"";}.fa-indent:before{content:"";}.fa-video-camera:before{content:"";}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"";}.fa-pencil:before{content:"";}.fa-map-marker:before{content:"";}.fa-adjust:before{content:"";}.fa-tint:before{content:"";}.fa-edit:before,.fa-pencil-square-o:before{content:"";}.fa-share-square-o:before{content:"";}.fa-check-square-o:before{content:"";}.fa-arrows:before{content:"";}.fa-step-backward:before{content:"";}.fa-fast-backward:before{content:"";}.fa-backward:before{content:"";}.fa-play:before{content:"";}.fa-pause:before{content:"";}.fa-stop:before{content:"";}.fa-forward:before{content:"";}.fa-fast-forward:before{content:"";}.fa-step-forward:before{content:"";}.fa-eject:before{content:"";}.fa-chevron-left:before{content:"";}.fa-chevron-right:before{content:"";}.fa-plus-circle:before{content:"";}.fa-minus-circle:before{content:"";}.fa-times-circle:before{content:"";}.fa-check-circle:before{content:"";}.fa-question-circle:before{content:"";}.fa-info-circle:before{content:"";}.fa-crosshairs:before{content:"";}.fa-times-circle-o:before{content:"";}.fa-check-circle-o:before{content:"";}.fa-ban:before{content:"";}.fa-arrow-left:before{content:"";}.fa-arrow-right:before{content:"";}.fa-arrow-up:before{content:"";}.fa-arrow-down:before{content:"";}.fa-mail-forward:before,.fa-share:before{content:"";}.fa-expand:before{content:"";}.fa-compress:before{content:"";}.fa-plus:before{content:"";}.fa-minus:before{content:"";}.fa-asterisk:before{content:"";}.fa-exclamation-circle:before{content:"";}.fa-gift:before{content:"";}.fa-leaf:before{content:"";}.fa-fire:before{content:"";}.fa-eye:before{content:"";}.fa-eye-slash:before{content:"";}.fa-warning:before,.fa-exclamation-triangle:before{content:"";}.fa-plane:before{content:"";}.fa-calendar:before{content:"";}.fa-random:before{content:"";}.fa-comment:before{content:"";}.fa-magnet:before{content:"";}.fa-chevron-up:before{content:"";}.fa-chevron-down:before{content:"";}.fa-retweet:before{content:"";}.fa-shopping-cart:before{content:"";}.fa-folder:before{content:"";}.fa-folder-open:before{content:"";}.fa-arrows-v:before{content:"";}.fa-arrows-h:before{content:"";}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"";}.fa-twitter-square:before{content:"";}.fa-facebook-square:before{content:"";}.fa-camera-retro:before{content:"";}.fa-key:before{content:"";}.fa-gears:before,.fa-cogs:before{content:"";}.fa-comments:before{content:"";}.fa-thumbs-o-up:before{content:"";}.fa-thumbs-o-down:before{content:"";}.fa-star-half:before{content:"";}.fa-heart-o:before{content:"";}.fa-sign-out:before{content:"";}.fa-linkedin-square:before{content:"";}.fa-thumb-tack:before{content:"";}.fa-external-link:before{content:"";}.fa-sign-in:before{content:"";}.fa-trophy:before{content:"";}.fa-github-square:before{content:"";}.fa-upload:before{content:"";}.fa-lemon-o:before{content:"";}.fa-phone:before{content:"";}.fa-square-o:before{content:"";}.fa-bookmark-o:before{content:"";}.fa-phone-square:before{content:"";}.fa-twitter:before{content:"";}.fa-facebook-f:before,.fa-facebook:before{content:"";}.fa-github:before{content:"";}.fa-unlock:before{content:"";}.fa-credit-card:before{content:"";}.fa-feed:before,.fa-rss:before{content:"";}.fa-hdd-o:before{content:"";}.fa-bullhorn:before{content:"";}.fa-bell:before{content:"";}.fa-certificate:before{content:"";}.fa-hand-o-right:before{content:"";}.fa-hand-o-left:before{content:"";}.fa-hand-o-up:before{content:"";}.fa-hand-o-down:before{content:"";}.fa-arrow-circle-left:before{content:"";}.fa-arrow-circle-right:before{content:"";}.fa-arrow-circle-up:before{content:"";}.fa-arrow-circle-down:before{content:"";}.fa-globe:before{content:"";}.fa-wrench:before{content:"";}.fa-tasks:before{content:"";}.fa-filter:before{content:"";}.fa-briefcase:before{content:"";}.fa-arrows-alt:before{content:"";}.fa-group:before,.fa-users:before{content:"";}.fa-chain:before,.fa-link:before{content:"";}.fa-cloud:before{content:"";}.fa-flask:before{content:"";}.fa-cut:before,.fa-scissors:before{content:"";}.fa-copy:before,.fa-files-o:before{content:"";}.fa-paperclip:before{content:"";}.fa-save:before,.fa-floppy-o:before{content:"";}.fa-square:before{content:"";}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"";}.fa-list-ul:before{content:"";}.fa-list-ol:before{content:"";}.fa-strikethrough:before{content:"";}.fa-underline:before{content:"";}.fa-table:before{content:"";}.fa-magic:before{content:"";}.fa-truck:before{content:"";}.fa-pinterest:before{content:"";}.fa-pinterest-square:before{content:"";}.fa-google-plus-square:before{content:"";}.fa-google-plus:before{content:"";}.fa-money:before{content:"";}.fa-caret-down:before{content:"";}.fa-caret-up:before{content:"";}.fa-caret-left:before{content:"";}.fa-caret-right:before{content:"";}.fa-columns:before{content:"";}.fa-unsorted:before,.fa-sort:before{content:"";}.fa-sort-down:before,.fa-sort-desc:before{content:"";}.fa-sort-up:before,.fa-sort-asc:before{content:"";}.fa-envelope:before{content:"";}.fa-linkedin:before{content:"";}.fa-rotate-left:before,.fa-undo:before{content:"";}.fa-legal:before,.fa-gavel:before{content:"";}.fa-dashboard:before,.fa-tachometer:before{content:"";}.fa-comment-o:before{content:"";}.fa-comments-o:before{content:"";}.fa-flash:before,.fa-bolt:before{content:"";}.fa-sitemap:before{content:"";}.fa-umbrella:before{content:"";}.fa-paste:before,.fa-clipboard:before{content:"";}.fa-lightbulb-o:before{content:"";}.fa-exchange:before{content:"";}.fa-cloud-download:before{content:"";}.fa-cloud-upload:before{content:"";}.fa-user-md:before{content:"";}.fa-stethoscope:before{content:"";}.fa-suitcase:before{content:"";}.fa-bell-o:before{content:"";}.fa-coffee:before{content:"";}.fa-cutlery:before{content:"";}.fa-file-text-o:before{content:"";}.fa-building-o:before{content:"";}.fa-hospital-o:before{content:"";}.fa-ambulance:before{content:"";}.fa-medkit:before{content:"";}.fa-fighter-jet:before{content:"";}.fa-beer:before{content:"";}.fa-h-square:before{content:"";}.fa-plus-square:before{content:"";}.fa-angle-double-left:before{content:"";}.fa-angle-double-right:before{content:"";}.fa-angle-double-up:before{content:"";}.fa-angle-double-down:before{content:"";}.fa-angle-left:before{content:"";}.fa-angle-right:before{content:"";}.fa-angle-up:before{content:"";}.fa-angle-down:before{content:"";}.fa-desktop:before{content:"";}.fa-laptop:before{content:"";}.fa-tablet:before{content:"";}.fa-mobile-phone:before,.fa-mobile:before{content:"";}.fa-circle-o:before{content:"";}.fa-quote-left:before{content:"";}.fa-quote-right:before{content:"";}.fa-spinner:before{content:"";}.fa-circle:before{content:"";}.fa-mail-reply:before,.fa-reply:before{content:"";}.fa-github-alt:before{content:"";}.fa-folder-o:before{content:"";}.fa-folder-open-o:before{content:"";}.fa-smile-o:before{content:"";}.fa-frown-o:before{content:"";}.fa-meh-o:before{content:"";}.fa-gamepad:before{content:"";}.fa-keyboard-o:before{content:"";}.fa-flag-o:before{content:"";}.fa-flag-checkered:before{content:"";}.fa-terminal:before{content:"";}.fa-code:before{content:"";}.fa-mail-reply-all:before,.fa-reply-all:before{content:"";}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"";}.fa-location-arrow:before{content:"";}.fa-crop:before{content:"";}.fa-code-fork:before{content:"";}.fa-unlink:before,.fa-chain-broken:before{content:"";}.fa-question:before{content:"";}.fa-info:before{content:"";}.fa-exclamation:before{content:"";}.fa-superscript:before{content:"";}.fa-subscript:before{content:"";}.fa-eraser:before{content:"";}.fa-puzzle-piece:before{content:"";}.fa-microphone:before{content:"";}.fa-microphone-slash:before{content:"";}.fa-shield:before{content:"";}.fa-calendar-o:before{content:"";}.fa-fire-extinguisher:before{content:"";}.fa-rocket:before{content:"";}.fa-maxcdn:before{content:"";}.fa-chevron-circle-left:before{content:"";}.fa-chevron-circle-right:before{content:"";}.fa-chevron-circle-up:before{content:"";}.fa-chevron-circle-down:before{content:"";}.fa-html5:before{content:"";}.fa-css3:before{content:"";}.fa-anchor:before{content:"";}.fa-unlock-alt:before{content:"";}.fa-bullseye:before{content:"";}.fa-ellipsis-h:before{content:"";}.fa-ellipsis-v:before{content:"";}.fa-rss-square:before{content:"";}.fa-play-circle:before{content:"";}.fa-ticket:before{content:"";}.fa-minus-square:before{content:"";}.fa-minus-square-o:before{content:"";}.fa-level-up:before{content:"";}.fa-level-down:before{content:"";}.fa-check-square:before{content:"";}.fa-pencil-square:before{content:"";}.fa-external-link-square:before{content:"";}.fa-share-square:before{content:"";}.fa-compass:before{content:"";}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"";}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"";}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"";}.fa-euro:before,.fa-eur:before{content:"";}.fa-gbp:before{content:"";}.fa-dollar:before,.fa-usd:before{content:"";}.fa-rupee:before,.fa-inr:before{content:"";}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"";}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"";}.fa-won:before,.fa-krw:before{content:"";}.fa-bitcoin:before,.fa-btc:before{content:"";}.fa-file:before{content:"";}.fa-file-text:before{content:"";}.fa-sort-alpha-asc:before{content:"";}.fa-sort-alpha-desc:before{content:"";}.fa-sort-amount-asc:before{content:"";}.fa-sort-amount-desc:before{content:"";}.fa-sort-numeric-asc:before{content:"";}.fa-sort-numeric-desc:before{content:"";}.fa-thumbs-up:before{content:"";}.fa-thumbs-down:before{content:"";}.fa-youtube-square:before{content:"";}.fa-youtube:before{content:"";}.fa-xing:before{content:"";}.fa-xing-square:before{content:"";}.fa-youtube-play:before{content:"";}.fa-dropbox:before{content:"";}.fa-stack-overflow:before{content:"";}.fa-instagram:before{content:"";}.fa-flickr:before{content:"";}.fa-adn:before{content:"";}.fa-bitbucket:before{content:"";}.fa-bitbucket-square:before{content:"";}.fa-tumblr:before{content:"";}.fa-tumblr-square:before{content:"";}.fa-long-arrow-down:before{content:"";}.fa-long-arrow-up:before{content:"";}.fa-long-arrow-left:before{content:"";}.fa-long-arrow-right:before{content:"";}.fa-apple:before{content:"";}.fa-windows:before{content:"";}.fa-android:before{content:"";}.fa-linux:before{content:"";}.fa-dribbble:before{content:"";}.fa-skype:before{content:"";}.fa-foursquare:before{content:"";}.fa-trello:before{content:"";}.fa-female:before{content:"";}.fa-male:before{content:"";}.fa-gittip:before,.fa-gratipay:before{content:"";}.fa-sun-o:before{content:"";}.fa-moon-o:before{content:"";}.fa-archive:before{content:"";}.fa-bug:before{content:"";}.fa-vk:before{content:"";}.fa-weibo:before{content:"";}.fa-renren:before{content:"";}.fa-pagelines:before{content:"";}.fa-stack-exchange:before{content:"";}.fa-arrow-circle-o-right:before{content:"";}.fa-arrow-circle-o-left:before{content:"";}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"";}.fa-dot-circle-o:before{content:"";}.fa-wheelchair:before{content:"";}.fa-vimeo-square:before{content:"";}.fa-turkish-lira:before,.fa-try:before{content:"";}.fa-plus-square-o:before{content:"";}.fa-space-shuttle:before{content:"";}.fa-slack:before{content:"";}.fa-envelope-square:before{content:"";}.fa-wordpress:before{content:"";}.fa-openid:before{content:"";}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"";}.fa-mortar-board:before,.fa-graduation-cap:before{content:"";}.fa-yahoo:before{content:"";}.fa-google:before{content:"";}.fa-reddit:before{content:"";}.fa-reddit-square:before{content:"";}.fa-stumbleupon-circle:before{content:"";}.fa-stumbleupon:before{content:"";}.fa-delicious:before{content:"";}.fa-digg:before{content:"";}.fa-pied-piper-pp:before{content:"";}.fa-pied-piper-alt:before{content:"";}.fa-drupal:before{content:"";}.fa-joomla:before{content:"";}.fa-language:before{content:"";}.fa-fax:before{content:"";}.fa-building:before{content:"";}.fa-child:before{content:"";}.fa-paw:before{content:"";}.fa-spoon:before{content:"";}.fa-cube:before{content:"";}.fa-cubes:before{content:"";}.fa-behance:before{content:"";}.fa-behance-square:before{content:"";}.fa-steam:before{content:"";}.fa-steam-square:before{content:"";}.fa-recycle:before{content:"";}.fa-automobile:before,.fa-car:before{content:"";}.fa-cab:before,.fa-taxi:before{content:"";}.fa-tree:before{content:"";}.fa-spotify:before{content:"";}.fa-deviantart:before{content:"";}.fa-soundcloud:before{content:"";}.fa-database:before{content:"";}.fa-file-pdf-o:before{content:"";}.fa-file-word-o:before{content:"";}.fa-file-excel-o:before{content:"";}.fa-file-powerpoint-o:before{content:"";}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"";}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"";}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"";}.fa-file-movie-o:before,.fa-file-video-o:before{content:"";}.fa-file-code-o:before{content:"";}.fa-vine:before{content:"";}.fa-codepen:before{content:"";}.fa-jsfiddle:before{content:"";}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"";}.fa-circle-o-notch:before{content:"";}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"";}.fa-ge:before,.fa-empire:before{content:"";}.fa-git-square:before{content:"";}.fa-git:before{content:"";}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"";}.fa-tencent-weibo:before{content:"";}.fa-qq:before{content:"";}.fa-wechat:before,.fa-weixin:before{content:"";}.fa-send:before,.fa-paper-plane:before{content:"";}.fa-send-o:before,.fa-paper-plane-o:before{content:"";}.fa-history:before{content:"";}.fa-circle-thin:before{content:"";}.fa-header:before{content:"";}.fa-paragraph:before{content:"";}.fa-sliders:before{content:"";}.fa-share-alt:before{content:"";}.fa-share-alt-square:before{content:"";}.fa-bomb:before{content:"";}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"";}.fa-tty:before{content:"";}.fa-binoculars:before{content:"";}.fa-plug:before{content:"";}.fa-slideshare:before{content:"";}.fa-twitch:before{content:"";}.fa-yelp:before{content:"";}.fa-newspaper-o:before{content:"";}.fa-wifi:before{content:"";}.fa-calculator:before{content:"";}.fa-paypal:before{content:"";}.fa-google-wallet:before{content:"";}.fa-cc-visa:before{content:"";}.fa-cc-mastercard:before{content:"";}.fa-cc-discover:before{content:"";}.fa-cc-amex:before{content:"";}.fa-cc-paypal:before{content:"";}.fa-cc-stripe:before{content:"";}.fa-bell-slash:before{content:"";}.fa-bell-slash-o:before{content:"";}.fa-trash:before{content:"";}.fa-copyright:before{content:"";}.fa-at:before{content:"";}.fa-eyedropper:before{content:"";}.fa-paint-brush:before{content:"";}.fa-birthday-cake:before{content:"";}.fa-area-chart:before{content:"";}.fa-pie-chart:before{content:"";}.fa-line-chart:before{content:"";}.fa-lastfm:before{content:"";}.fa-lastfm-square:before{content:"";}.fa-toggle-off:before{content:"";}.fa-toggle-on:before{content:"";}.fa-bicycle:before{content:"";}.fa-bus:before{content:"";}.fa-ioxhost:before{content:"";}.fa-angellist:before{content:"";}.fa-cc:before{content:"";}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"";}.fa-meanpath:before{content:"";}.fa-buysellads:before{content:"";}.fa-connectdevelop:before{content:"";}.fa-dashcube:before{content:"";}.fa-forumbee:before{content:"";}.fa-leanpub:before{content:"";}.fa-sellsy:before{content:"";}.fa-shirtsinbulk:before{content:"";}.fa-simplybuilt:before{content:"";}.fa-skyatlas:before{content:"";}.fa-cart-plus:before{content:"";}.fa-cart-arrow-down:before{content:"";}.fa-diamond:before{content:"";}.fa-ship:before{content:"";}.fa-user-secret:before{content:"";}.fa-motorcycle:before{content:"";}.fa-street-view:before{content:"";}.fa-heartbeat:before{content:"";}.fa-venus:before{content:"";}.fa-mars:before{content:"";}.fa-mercury:before{content:"";}.fa-intersex:before,.fa-transgender:before{content:"";}.fa-transgender-alt:before{content:"";}.fa-venus-double:before{content:"";}.fa-mars-double:before{content:"";}.fa-venus-mars:before{content:"";}.fa-mars-stroke:before{content:"";}.fa-mars-stroke-v:before{content:"";}.fa-mars-stroke-h:before{content:"";}.fa-neuter:before{content:"";}.fa-genderless:before{content:"";}.fa-facebook-official:before{content:"";}.fa-pinterest-p:before{content:"";}.fa-whatsapp:before{content:"";}.fa-server:before{content:"";}.fa-user-plus:before{content:"";}.fa-user-times:before{content:"";}.fa-hotel:before,.fa-bed:before{content:"";}.fa-viacoin:before{content:"";}.fa-train:before{content:"";}.fa-subway:before{content:"";}.fa-medium:before{content:"";}.fa-yc:before,.fa-y-combinator:before{content:"";}.fa-optin-monster:before{content:"";}.fa-opencart:before{content:"";}.fa-expeditedssl:before{content:"";}.fa-battery-4:before,.fa-battery-full:before{content:"";}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"";}.fa-battery-2:before,.fa-battery-half:before{content:"";}.fa-battery-1:before,.fa-battery-quarter:before{content:"";}.fa-battery-0:before,.fa-battery-empty:before{content:"";}.fa-mouse-pointer:before{content:"";}.fa-i-cursor:before{content:"";}.fa-object-group:before{content:"";}.fa-object-ungroup:before{content:"";}.fa-sticky-note:before{content:"";}.fa-sticky-note-o:before{content:"";}.fa-cc-jcb:before{content:"";}.fa-cc-diners-club:before{content:"";}.fa-clone:before{content:"";}.fa-balance-scale:before{content:"";}.fa-hourglass-o:before{content:"";}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"";}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"";}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"";}.fa-hourglass:before{content:"";}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"";}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"";}.fa-hand-scissors-o:before{content:"";}.fa-hand-lizard-o:before{content:"";}.fa-hand-spock-o:before{content:"";}.fa-hand-pointer-o:before{content:"";}.fa-hand-peace-o:before{content:"";}.fa-trademark:before{content:"";}.fa-registered:before{content:"";}.fa-creative-commons:before{content:"";}.fa-gg:before{content:"";}.fa-gg-circle:before{content:"";}.fa-tripadvisor:before{content:"";}.fa-odnoklassniki:before{content:"";}.fa-odnoklassniki-square:before{content:"";}.fa-get-pocket:before{content:"";}.fa-wikipedia-w:before{content:"";}.fa-safari:before{content:"";}.fa-chrome:before{content:"";}.fa-firefox:before{content:"";}.fa-opera:before{content:"";}.fa-internet-explorer:before{content:"";}.fa-tv:before,.fa-television:before{content:"";}.fa-contao:before{content:"";}.fa-500px:before{content:"";}.fa-amazon:before{content:"";}.fa-calendar-plus-o:before{content:"";}.fa-calendar-minus-o:before{content:"";}.fa-calendar-times-o:before{content:"";}.fa-calendar-check-o:before{content:"";}.fa-industry:before{content:"";}.fa-map-pin:before{content:"";}.fa-map-signs:before{content:"";}.fa-map-o:before{content:"";}.fa-map:before{content:"";}.fa-commenting:before{content:"";}.fa-commenting-o:before{content:"";}.fa-houzz:before{content:"";}.fa-vimeo:before{content:"";}.fa-black-tie:before{content:"";}.fa-fonticons:before{content:"";}.fa-reddit-alien:before{content:"";}.fa-edge:before{content:"";}.fa-credit-card-alt:before{content:"";}.fa-codiepie:before{content:"";}.fa-modx:before{content:"";}.fa-fort-awesome:before{content:"";}.fa-usb:before{content:"";}.fa-product-hunt:before{content:"";}.fa-mixcloud:before{content:"";}.fa-scribd:before{content:"";}.fa-pause-circle:before{content:"";}.fa-pause-circle-o:before{content:"";}.fa-stop-circle:before{content:"";}.fa-stop-circle-o:before{content:"";}.fa-shopping-bag:before{content:"";}.fa-shopping-basket:before{content:"";}.fa-hashtag:before{content:"";}.fa-bluetooth:before{content:"";}.fa-bluetooth-b:before{content:"";}.fa-percent:before{content:"";}.fa-gitlab:before{content:"";}.fa-wpbeginner:before{content:"";}.fa-wpforms:before{content:"";}.fa-envira:before{content:"";}.fa-universal-access:before{content:"";}.fa-wheelchair-alt:before{content:"";}.fa-question-circle-o:before{content:"";}.fa-blind:before{content:"";}.fa-audio-description:before{content:"";}.fa-volume-control-phone:before{content:"";}.fa-braille:before{content:"";}.fa-assistive-listening-systems:before{content:"";}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"";}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"";}.fa-glide:before{content:"";}.fa-glide-g:before{content:"";}.fa-signing:before,.fa-sign-language:before{content:"";}.fa-low-vision:before{content:"";}.fa-viadeo:before{content:"";}.fa-viadeo-square:before{content:"";}.fa-snapchat:before{content:"";}.fa-snapchat-ghost:before{content:"";}.fa-snapchat-square:before{content:"";}.fa-pied-piper:before{content:"";}.fa-first-order:before{content:"";}.fa-yoast:before{content:"";}.fa-themeisle:before{content:"";}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"";}.fa-fa:before,.fa-font-awesome:before{content:"";}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}


@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue-BoldItalic.eot");
    src: url("/data/css/fonts/HelveticaNeue-BoldItalic.eot") format("embedded-opentype"), 
    url("/data/css/fonts/HelveticaNeue-BoldItalic.woff") format("woff"), 
    url("/data/css/fonts/HelveticaNeue-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue-Light.eot");
    src: url("/data/css/fonts/HelveticaNeue-Light.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue-Light.woff") format("woff"),
    url("/data/css/fonts/HelveticaNeue-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue Bold;
    src: url("/data/css/fonts/HelveticaNeue-CondensedBold.eot");
    src: url("/data/css/fonts/HelveticaNeue-CondensedBold.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue-CondensedBold.woff") format("woff"),
    url("/data/css/fonts/HelveticaNeue-CondensedBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue-Italic.eot");
    src: url("/data/css/fonts/HelveticaNeue-Italic.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue-Italic.woff") format("woff"),
    url("/data/css/fonts/HelveticaNeue-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue-Bold.eot");
    src: url("/data/css/fonts/HelveticaNeue-Bold.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue-Bold.woff") format("woff"),
    url("/data/css/fonts/HelveticaNeue-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue-UltraLight.eot");
    src: url("/data/css/fonts/HelveticaNeue-UltraLight.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue-UltraLight.woff") format("woff"),
    url("/data/css/fonts/HelveticaNeue-UltraLight.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue-LightItalic.eot");
    src: url("/data/css/fonts/HelveticaNeue-LightItalic.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue-LightItalic.woff") format("woff"),
    url("/data/css/fonts/HelveticaNeue-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue-Medium.eot");
    src: url("/data/css/fonts/HelveticaNeue-Medium.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue-Medium.woff") format("woff"),
    url("/data/css/fonts/HelveticaNeue-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue-UltraLightItalic.eot");
    src: url("/data/css/fonts/HelveticaNeue-UltraLightItalic.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue-UltraLightItalic.woff") format("woff"),
    url("../fonts/HelveticaNeue-UltraLightItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Helvetica Neue;
    src: url("/data/css/fonts/HelveticaNeue.eot");
    src: url("/data/css/fonts/HelveticaNeue.eot") format("embedded-opentype"),
    url("/data/css/fonts/HelveticaNeue.woff") format("woff"),
    url("/data/css/fonts/HelveticaNeue.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}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 44px 25px;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{max-height:50vh;overflow:auto;pointer-events:all}.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)}}/**
 * Swiper 11.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 9, 2023
 */

@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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.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;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);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:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-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-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-9-16 {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1 {
  padding-top: 100%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 50px;
  width: 50px;
  margin-top:-25px;
  margin-left:-25px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 50%;
  transition: all 0.4s;
  cursor:pointer
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-chapters-button,
.video-js.vjs-layout-small .vjs-descriptions-button,
.video-js.vjs-layout-small .vjs-captions-button,
.video-js.vjs-layout-small .vjs-subtitles-button,
.video-js.vjs-layout-small .vjs-audio-button,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-chapters-button,
.video-js.vjs-layout-x-small .vjs-descriptions-button,
.video-js.vjs-layout-x-small .vjs-captions-button,
.video-js.vjs-layout-x-small .vjs-subtitles-button,
.video-js.vjs-layout-x-small .vjs-audio-button,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-chapters-button,
.video-js.vjs-layout-tiny .vjs-descriptions-button,
.video-js.vjs-layout-tiny .vjs-captions-button,
.video-js.vjs-layout-tiny .vjs-subtitles-button,
.video-js.vjs-layout-tiny .vjs-audio-button,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}
.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;line-height:normal;direction:ltr}
ul.sm ul{position:absolute;top:-999999px;width:100px}
ul.sm li{position:relative;float:left}
ul.sm a{position:relative;display:block;white-space:nowrap}
ul.sm a.disabled{cursor:default}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl}
ul.sm-rtl li{float:right}
ul.sm ul li,ul.sm-vertical li{float:none}
ul.sm ul a,ul.sm-vertical a{white-space:normal}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden}
ul.sm,ul.sm *,ul.sm :before,ul.sm :after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (max-width: 979px) {
.sm-clean{float:none!important}
.mega-menu{width:100%!important;overflow:hidden}
} 
.bghead .navbar-collapse {position:relative; text-align:center;}
.sm-clean{background:none;}
.sm-clean ul{
	background: rgba(255,255,255,1); 
	border: 1px solid #e6e6e6; 
    box-shadow: 0 0 12px rgb(0 0 0 / 8%); 
	
}  
.sm-clean-vertical{padding:10px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}


 /* Mega menus */ 
 
.drbox_border{ 
	border-top: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source:-webkit-linear-gradient( 180deg, #e00, #f00 50%, #e00);

}
#main-menu,
#main-menu > .has-mega-menu {
display: flex;
    justify-content: space-around;
  position: static !important;
}

#main-menu .mega-menu {
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
}

#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down {
  margin-left: 0 !important;
}


/* clear any floats inside the mega menus */

#main-menu .mega-menu > li {
  overflow: auto;
}


/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */

#main-menu .mega-menu {
  color: #353451;
}

#main-menu .mega-menu ul {
  position: static;
  display: block;
  margin: 0.83em 0;
  border: 0;
  text-align:left;
  width: auto;
  background: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#main-menu .mega-menu ul li {
  display: inline-block; 
  float:left;
  border: 0; 
  width:23%; 
  border-bottom:1px solid #ddd;
  margin: 0 1%;
}
.sm-clean ul.mega-menu li:hover {background:#fff !important}
#main-menu .mega-menu a {
  display: inline;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  transition:0.3s
}
#main-menu .mega-menu a:hover {color:#e00; padding-left:20px}

.list-menu-header {
    margin-bottom:20px;
    justify-content: left;
    width: 100%;
}

#main-menu .drbox_border_mega div.title-cate h2 a{
	display: block;
	text-transform: uppercase !important;
	color: #015730;
	font-size: 16px;
	font-weight: 600;
	text-align:left;
	padding: 0 0 0 30px ;
}
#main-menu .drbox_border_mega div.title-cate h2 a:hover {    
     background: -webkit-linear-gradient(180deg, #ebb338, #c37808  50%, #edb637);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#main-menu .drbox_border_mega div.title-cate h2 a:before {
    content: '';
    display: block;
    background: url(images/icon-project.png) 0 0 no-repeat;
	background-size:cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

#main-menu .list-menu-header > li > a {
	display: block; text-align:left;
	transition: all 0.3s ease-in-out;
	font-size: 15px; 
	font-weight: 400; 
	padding: 12px 0 !important;
}

#main-menu .list-menu-header > li > a:hover { 
   padding:12px 0 12px 5px !important;
}
 
/* simple columns inside the mega menus */
 
.sm-clean a{ padding:12px 18px; color:#fff; font-size:14px;font-weight:700;text-decoration:none; text-transform:uppercase;}
.sm-clean li .nav-link .icon {
    display: flex;
}
.sm-clean li .nav-link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #f00;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}
.sm-clean li:first-child .nav-link{padding:16px 0 }
.sm-clean li:first-child .nav-link.active{padding:12px 0 }
.sm-clean li .nav-link.active{padding:16px 18px}
.sm-clean li .nav-link.active::after {visibility: visible; opacity: 1;}
.sm-clean a:hover,.sm-clean a.highlighted, .sm-clean a.active{color:#f00; } 
.sm-clean ul li a{font-size:12px;padding:8px 10px} 
.sm-clean ul li a:hover {color:#fff; background:#0066bc; } 
.sm-clean-vertical a:hover,.sm-clean-vertical a:focus,.sm-clean-vertical a:active,.sm-clean-vertical a.highlighted{background:#fff}
.sm-clean a.has-submenu{padding-right:18px}
.sm-clean-vertical a,.sm-clean ul a{padding:9px 15px;font-weight:400;color:#111;text-transform:none!important}
.sm-clean-vertical a.has-submenu,.sm-clean ul a.has-submenu{padding-right:40px}
.sm-clean ul a{font-size:15px} 
.sm-clean a.current,.sm-clean a.current:hover,.sm-clean a.current:focus,.sm-clean a.current:active{color:#d5a00f}
.sm-clean a span.sub-arrow{position:absolute;right:12px;top:45%;margin-top:0px;width:0;height:0;overflow:hidden;border-width:0px;border-style:solid dashed dashed;border-color:#666 transparent transparent}
.sm-clean-vertical a span.sub-arrow,.sm-clean ul a span.sub-arrow{right:15px;top:50%;margin-top:-5px;border-width:5px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #4046ff}
.sm-clean span.scroll-up,.sm-clean span.scroll-down{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#fff;height:20px}
.sm-clean span.scroll-up:hover,.sm-clean span.scroll-down:hover{background:#eee}
.sm-clean span.scroll-up-arrow,.sm-clean span.scroll-down-arrow{position:absolute;top:0;left:50%;margin-left:-6px;width:0;height:0;overflow:hidden;border-width:6px;border-style:dashed dashed solid;border-color:transparent transparent #555}
.sm-clean span.scroll-up:hover span.scroll-up-arrow{border-color:transparent transparent #D23600}
.sm-clean span.scroll-down-arrow{top:8px;border-style:solid dashed dashed;border-color:#555 transparent transparent}
.sm-clean span.scroll-down:hover span.scroll-down-arrow{border-color:#D23600 transparent transparent}
@media screen and (max-width: 850px) {
.sm-clean:not(.sm-clean-vertical) > li > a{padding-left:8px;padding-right:8px}
.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu{padding-right:25px}
}
@media screen and (max-width: 750px) {
.sm-clean:not(.sm-clean-vertical) > li > a{padding-left:3px;padding-right:3px}
.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu{padding-right:25px}
.drbox_border_mega .col-md-12, .drbox_border_mega .col-md-6 {padding:0}
}
@media screen and (max-width: 979px) {
ul.sm-clean{width:100%}
ul.sm-clean ul{display:none;background:#f2f4f6;position:static!important;top:auto!important;left:auto!important;margin-left:0!important;margin-top:0!important;width:auto!important;min-width:0!important;max-width:none!important}
ul.sm-clean>li{float:none;}
#main-menu .mega-menu ul li {width:31%;}
ul.sm-clean>li>a,ul.sm-clean ul.sm-nowrap>li>a{white-space:normal}
ul.sm-clean iframe{display:none}
ul.sm ul li {text-align:center;}
.sm-clean{ padding:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.sm-clean ul{padding:0;border: 1px solid #e6e6e6; box-shadow: 0 0 12px rgb(0 0 0 / 8%);-moz-box-shadow:none;-webkit-box-shadow:none;}
.sm-clean > li > ul:before,.sm-clean > li > ul:after{display:none}
.sm-clean a{padding:12px 10px 12px 32px!important;font-size:16px; }
.sm-clean a.current{color:#D23600!important}
.sm-clean ul a{border-left:0px solid transparent; padding: 8px 0 8px 30px !important; text-align:left}
#main-menu .drbox_border_mega div.title-cate h2 a:before {top:6px}
.box-images-cate {display:none}
.sm-clean ul ul a{border-left:16px solid transparent}
.sm-clean ul ul ul a{border-left:24px solid transparent}
.sm-clean ul ul ul ul a{border-left:32px solid transparent}
.sm-clean ul ul ul ul ul a{border-left:40px solid transparent}
.sm-clean a span.sub-arrow,.sm-clean ul a span.sub-arrow{top:50%;margin-top:-9px;right:auto;left:6px;margin-left:0;width:17px;height:17px;font:normal 16px/16px monospace!important;text-align:center;border:0;color:#000;text-shadow:none;background:#f7d96f;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}
.sm-clean a.highlighted span.sub-arrow{display:none}
.sm-clean a.highlighted span.sub-arrow:before{display:block;content:'-'}

}
@media (min-width: 1000px) and (max-width: 1180px)  { 
.sm-clean a {font-size:14px;} 
} 
@media screen and (max-width: 480px) {#main-menu .mega-menu ul li {width:48%;}}@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

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

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInStable {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  33.333% {
    opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  
  66.666666% {
    opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes zoomInStable {
 0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  33.333% {
    opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  
  66.666666% {
    opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.zoomInStable {
  -webkit-animation-name: zoomInStable;
  animation-name: zoomInStable;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-webkit-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-moz-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}

}

@-o-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-ms-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}

}


@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}




@keyframes float-bob {
  0% {
    -webkit-transform: translateX(-430px);
    transform: translateX(-430px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-430px);
    transform: translateX(-430px);
  }
}


@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}


@-webkit-keyframes zoom-fade-two {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes zoom-fade-two {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}


.banner .parallax-container div img,
.fullwidth-video-section .play-link .icon-box{
    animation-name: zoom-fade; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: zoom-fade; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: zoom-fade; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: zoom-fade; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: zoom-fade; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}



@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotateme {
    from {
        -moz-transform: rotate(0deg);
    }
    to { 
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes rotateme {
    from {
        -o-transform: rotate(0deg);
    }
    to { 
        -o-transform: rotate(360deg);
    }
}

.page-banner .icon-one,
.main-banner .icon-one{
    animation-name: rotateme; 
    animation-duration: 7s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: rotateme; 
    -webkit-animation-duration: 7s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: rotateme; 
    -moz-animation-duration: 7s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: rotateme; 
    -ms-animation-duration: 7s; 
 
 -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: rotateme; 
    -o-animation-duration: 7s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.how-it-works:before,
.main-banner .icon-six,
.main-banner .icon-two,
.page-banner .icon-six,
.page-banner .icon-two,
.rotate-me {
    animation-name: rotateme; 
    animation-duration: 24s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: rotateme; 
    -webkit-animation-duration: 24s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: rotateme; 
    -moz-animation-duration: 24s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: rotateme; 
    -ms-animation-duration: 24s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: rotateme; 
    -o-animation-duration: 24s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


@-webkit-keyframes footer-animate {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
}

@keyframes footer-animate {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
}/*@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');  
*/

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.is-sticky{background:#fff}
body{background:#fff;color:#111;
     /*font-family:'Manrope','Arial',sans-serif; */
     font-family:"Helvetica Neue", Helvetica, Arial,sans-serif;
       font-weight:400;font-size:15px; min-height: 100vh;}
img{width:auto;height:auto;max-width:100%;vertical-align:middle}
img{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1)}
:focus{outline:0!important}
figure{margin:0;padding:0}
figure img{width:100%;height:auto}
img[src*=".svg"]{height:100%}
iframe{border:none}  
.clearfix{clear:both} 
p {margin: 0 0 10px;line-height: 22px;} 
a{color:inherit;text-decoration:none} 
table {border-collapse: collapse;}
h1, h2, h3, h4, h5, h6 {
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
}
ol{position:relative}
ul{list-style:none}
ul li, ol li {line-height: 26px;text-align: left;}
button {
    border: none;
    outline: none;
    cursor: pointer;
}
input[type="text"], input[type="number"] select {
    width: 100%;
    height: 40px;
    float: left;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    margin: 0;
    color: #4f4f4f;
}
.scroll{overflow-y:auto;padding-right:10px}
.scroll::-webkit-scrollbar{width:5px}
.scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #fff;border-radius:2px}
.scroll::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}
.scroll::-webkit-scrollbar-thumb:hover{background-color:#999}
.eclip-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.eclip-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eclip-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.eclip-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.eclip-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}  
.container {
    width: 100%;
    max-width: 1260px;
    padding: 0 15px;
    margin: 0 auto; 
} 
.container-user {
    width: 100%;
    max-width: 1000px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
} 
.header-banner {
	/*background: url('/images/bg-header.jpg') no-repeat top center;  background-size: cover; */
    height:120px; clear: both;
}

.header__logo { padding: 8px 0 0 0px; text-align: left; display: flex; align-items: center; justify-content: space-between;}
.header__logo .v-logo {  
    width: 260px;
    display: block;
    margin-right: 25px; margin-top:10px;
}

.header-banner .name {  
    font-weight: 900; 
    color: #fff; 
	margin:0;
	line-height:28px;
    text-transform: uppercase;
    font-size: 28px; 
	text-shadow: 1px 0 #29156e, -1px 0 #29156e, 0 1px #29156e, 0 -1px #29156e,
               1px 1px #29156e, -1px -1px #29156e, 1px -1px #29156e, -1px 1px #29156e;
}
.c-header-sticky {
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 4.5rem;
    border-bottom: 1px solid #ccc; 
    display: flex;
    align-items: center;
}
.c-header-sticky .c-logo {
    height: 51px;
    line-height: 48px; 
    float: left;
    padding-top: 0;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-header-sticky .c-logo img {width:50px}
.c-header-sticky .c-sticky-cat {
    float: left;
    height: 50px;
    line-height: 48px;
    z-index: 1;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}
.c-header-sticky .c-sticky-title {
    float: left;
    height: 50px;
    line-height: 48px;
    font-weight: 600;
    color: #2b2c30; 
    overflow: hidden;
}
.c-header-sticky .c-sticky-cat a {
    font-weight: 600;
    color: #2b2c30;
    text-decoration: none;
    display: block;
    max-width: 120px;
}
.c-header-sticky .c-share-scroll {
    float: right;
    position: static;
    width: auto;
    margin-left: 0;
    padding-top: 7px;
}

.c-header-sticky .c-sticky-cat::after {
    content: "";
    background: #ccc;
    position: absolute;
    width: 1px;
    height: 45%;
    right: 0;
    top: calc((100% - 45%)/ 2);
}
.entry.longform {
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}
.entry-content { 
    margin: 1em auto 1em;
    max-width: 600px; 
	font-size: 18px;
    line-height: 1.618;
}
.entry.longform p{
	margin: 1em auto 1em;
    max-width: 600px;
	font-size: 18px;
    line-height: 1.618;
    color: #222;
}
 
.entry.longform .outset-lg, .entry.longform figure, .entry.longform p img{
    position: relative;
    max-width: calc(100vw - 17px);
    width: 960px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
}
.entry.longform figure figcaption {
    display: block;
    font-style: normal;
    margin-top: 0.25em;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal; 
}
.entry.longform .header-media {
    position: relative; 
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%; 
}
.entry.longform .header-media picture img {
    object-fit: contain;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.accordion-filter {margin-bottom:30px; clear:both}
.panel-group .panel+.panel {
    margin-top: 5px;
}
.accordion-filter .panel {
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
}

.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.accordion-filter .panel-default>.panel-heading {
    position: relative;
    padding: 12px 15px;
    font-size: 16px;
    background: #fff;
    color: #333;
}
.accordion-filter .panel-default>.panel-heading:hover, .panel-default>.panel-heading.active {color: #0066bc;}
.collapse.in {
    display: block;  transition: all 0.1s;
}
.collapse {
    display: none;
}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
 
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}
.accordion-filter .panel-body {
    line-height: 25px; font-size: 16px;
}
.panel-body {
    padding: 15px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
	font-weight:500;
}
.accordion-filter .panel-default>.panel-heading a {
    display: flex;
}
.accordion-filter .panel-heading a:before {
    content: '\f196';
    position: absolute;
    font-family: 'FontAwesome';
    right: 10px;
    top: 10px;
    font-size: 20px;
    text-align: center;
    line-height: 24px; 
}

.accordion-filter .panel-heading a:after {
    content: '';
    font-size: 20px;
    text-align: center;
    line-height: 22px;
    position: absolute;
    font-family: 'FontAwesome';
    right: 10px;
    top: 10px; 
    transition: all 0.1s;
}
.accordion-filter .panel-heading.active a:after {
    content: '\f147';
    transform: scale(1);
    transition: all 0.5s;
}
.accordion-filter .panel-heading.active a:before {
    content: ' ';
    transition: all 0.1s;
    transform: scale(0);
}

.ttcs__title {
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.ttcs__title__name {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    font-weight: 700;
	color: #0066bc;
    text-transform: uppercase;
    line-height: 1.3;
    transition: .2s; 
}
.article-ttcs.column {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
	margin-bottom: 35px;
}
.article-ttcs.column .article-item {background-color: #141518;}

.article-ttcs.column .article-item .bg__inner {padding:15px 10px;}

.article-ttcs.column .article-item .thumb-fix {padding-bottom:65%}

.article-ttcs.column .article-item .title_news {
    font-size: 1.2rem;
    line-height: 1.875rem;
    color: #fff;
    font-weight: 600; 
}
.article-ttcs.column .article-item .title_news a:hover {color: #45aaff;}
.article-ttcs.column .article-item .meta-news {margin:8px 0 0 0; color:#999; font-size:14px;}

.top-header {
    padding:4px 0;
	background: #f5f5f5; 
}
.top-header .container{max-width: 1260px;padding: 0 10px; position:relative}
.top-header .search {
    position: relative; 
    
} 
.top-header .search input {
    height: 34px;
    line-height: 34px;
    border-radius: 6px;
    border:none;
    padding: 0 30px 0 14px;
    margin: 0;
    width: 222px; 
	border:1px solid #ddd;
}
.top-header .search input:focus {
  border:1px solid #999;
}
.top-header .search button {
    background: none;
    position: absolute;
    right: 0;  border-radius: 3px;
    top: 0;  
    width: 34px;
    height: 34px;
	
}
.top-header .search button .fa {
    color: #e00; 
}
.top-header .search__open {
	display: none; font-size: 18px; border-radius:50px; width:29px; height: 29px;
	top: 2px; background:#e00;text-align: center;
	right: 80px; color: #fff; position: absolute; line-height: 26px; cursor:pointer
	}
.top-header .search__open i { color: #fff;}	
.top-header .date {line-height:33px; color:#666; font-size:14px}
.top-header .all-menu {
	display:none;
     position: relative;
    top: 0px;
    left: -5px;
    margin-right: 12px;
    z-index: 1;
    line-height: 16px;
} 
.top-header .all-menu a{    
    padding: 9px;
    line-height: 16px;
    background:#0080ee;
    border-radius: 3px;
    display: flex!important; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold
}
.top-header .all-menu .hamburger {
    width: 16px;
    height: 2px;
    position: relative;
    background: #fff;
    display: block;
    top: 2px;
    margin-right: 8px;
}
.top-header .all-menu .hamburger:before, .top-header .all-menu .hamburger:after {
    content: "";
    width: 16px;
    height: 2px;
    background: #fff;
    position: absolute;
}
.top-header .all-menu .hamburger:before {
    left: 0;
    top: 10px;
}
.top-header .all-menu .hamburger:after {
    left: 0;
    top: 5px;
}
.lang-switch { 
    margin-top:2px
}
.lang-switch span{ color: #fff; float: left; line-height: 30px; font-size:13px; margin-right:4px;}
.lang-switch li {
    display: inline-block;
    float: left;
}
.lang-switch li img {
    width: 28px;
    margin-left: 6px;
}
.fa {
    width: 16px;
    height: 16px;
	font-size:15px; 
	color: #bdbdbd;
    display: inline-block;
    vertical-align: middle;
}
.mydndt_taskbar {
   margin: -2px 0 0 10px;
}
.mydndt_taskbar .log_txt {
    height: 32px;
    line-height: 32px;
    color: #fff;
	font-size: 14px;
}
.mydndt_taskbar .log_txt i { color: #fff;}
.mydndt_taskbar .log_txt:hover {text-decoration:underline}
.mydndt_taskbar .log_txt .ic-user {
    color: #fff;
    margin-right: 5px;
    margin-top: -2px;
}
.mydndt_form_log {
    text-align: right;
    font-family: 'arial', sans-serif;
}
.mydndt_form_log .mydndt_user, .mydndt_form_log .mydndt_notification {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.mydndt_form_log .mydndt_avatar {
    height: 25px;
    line-height: 25px;
    font-size: 0;
}
 
.mydndt_form_log .mydndt_avatar .avatar_inner {
    width: 25px;
    height: 25px;
    background: #C4C4C4;
    overflow: hidden;
    margin-top: -4px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 18px;
    font-family: 'arial', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.mydndt_form_log .mydndt_avatar .name_user_av {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
	color:#fff;
    padding-right: 10px;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mydndt_form_log .mydndt_avatar .name_user_av:after {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #fff;
    position: absolute;
    top: 11px;
    right: 0;
    content: '';
}
.mydndt_form_log .mydndt_user_status {
	display:none;
    z-index: 99999;
    position: absolute;
    height: auto;
    top: 43px;
    left: auto;
    right: -10px;
    margin-top: 0;
    min-width: 240px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
    border-radius: 0px 0px 3px 3px;
    padding: 0 15px;
    text-align: left;
}
.mydndt_form_log .mydndt_user_status.block {display:block;}
.mydndt_form_log .mydndt_avatar .avatar_inner {
    width: 26px;
    height: 26px;
    background: #C4C4C4;
    overflow: hidden;
    margin-top: -4px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 18px;
    font-family: 'arial', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.mydndt_form_log .mydndt_avatar .avatar_inner img {
    width: 26px;
    height: 26px;
}
.mydndt_form_log .mydndt_user_status:before {
    width: 15px;
    height: 15px;
    border: solid #e5e5e5;
    border-width: 0 1px 1px 0;
    content: '';
    position: absolute;
    top: -9px;
    right: 23px;
    background: #fff;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.mydndt_form_log .mydndt_user_status li a {
    font-size: 15px;
    display: block;
    line-height: 15px;
    color: #4F4F4F;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.mydndt_form_log .mydndt_user_status li a:hover {color: #087CCE;}
.mydndt_form_log .mydndt_user_status li.li_bd {
    border-bottom: 1px solid #E5E5E5;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}
.mydndt_form_log .mydndt_user_status li {
    width: 100%;
    float: left;
}
.mydndt_form_log .mydndt_user_status .name_sub {
    width: calc(100% - 48px);
    padding-left: 10px;
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 700;
}
.mydndt_form_log .mydndt_user_status .avatar_sub {
    width: 48px;
    height: 48px;
    background: #E5E5E5;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    font-weight: 700;
    text-transform: uppercase;
}
.mydndt_form_log .mydndt_user_status .avatar_sub img {
    width: 48px;
    height: 48px;
}
.mydndt_form_log .mydndt_user_status li.li_account {
    display: flex;
    align-items: center;
    padding: 15px 0;
}
.mydndt_form_log .mydndt_user_status li:last-child a {
    padding-bottom: 20px;
    position: relative;
}
.mydndt_form_log .mydndt_user_status li:last-child a:after {
    width: 12px;
    height: 12px;
    background: url(/images/logout.svg) no-repeat 0 0;
    content: '';
    position: absolute;
    top: 12px;
    left: 45px;
}
.filter_comment {
    margin-bottom: 20px 
}
.filter_comment .select_filter .select_fil {
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 15px;
    color: #222;
    height: 32px;
    padding: 0 10px;
}
#list_comment .item_active {
    display: flex;
    margin-bottom: 20px;
}
#list_comment .item_active .ava_list_cm {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: #E5E5E5;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 50%;
    overflow: hidden;
}
#list_comment .item_active .content_active {
    width: calc(100% - 36px);
    padding-left: 10px;
}
#list_comment .item_active .date_com {
    color: #828282;
    font-size: 12px;
}
#list_comment .item_active .content_com {
    margin-top: 5px;
    color: #222;
    font-size: 15px;
    line-height: 25px;
}
#list_comment .item_active .title_article_com {
    margin-top: 20px;
    padding-bottom: 20px;
}
#list_comment .item_active .title_article_com a {
    font-size: 15px;
    color: #087cce;
    font-weight: bold;
}
#list_comment .item_active .inner_active {
    border-bottom: 1px solid #E5E5E5;
}
.no-comment {font-size:13px; color:#666}




.col-about-us {margin:30px 0; clear:both}
.col-left-about { width: 20%; float:left}

.left_menu li a:hover, .left_menu li a.active { text-decoration:underline; font-weight:600}
.left_menu li a {
    font-size: 15px;
    color: #087cce;
    padding: 10px 0 10px 25px;
    position: relative;
    width: 100%;
    display: block;
    line-height: inherit;
}
.left_menu li a:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #4aa3d7;
    position: absolute;
    top: 19px;
	border-radius:10px;
    left: 0px;
}

.col-right-about {
    width: 80%; float:right; 
    padding: 20px; background: #fff;
    box-sizing: border-box;
}


.post-title-view {
    font-size:23px; text-transform:uppercase; font-weight: 500; margin-bottom: 10px; 
}
.title_about {text-align:center; font-size:26px; font-weight:600; margin-bottom: 10px;  text-transform:uppercase}
.ss_detail {
    height: 368px;
}
.inner_detail_about {
    max-height: calc(100% - 10px);
    overflow: auto;
    padding: 0px 20px 0 0;
	margin-top:20px
}

#user_page_mydndt {
    margin-bottom: 10px;
}
.col-left-user {
    width: 25%; float:left
}
.col-right-user {
    width: 73%; float:right;
    border: 1px solid #E5E5E5;
    padding: 20px; background: #fff;
    box-sizing: border-box;
}
.box_navigationuser {
    border: 1px solid #E5E5E5;
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
}
.info_user_mydndt {
    border-bottom: 1px solid #E5E5E5;
    padding: 20px 0;
}
.avatar_mydndt {
    text-align: center;
}
.avatar_mydndt img {width: 100px; height: 100px; border-radius: 50%;}
.name_mydndt {
    font-size: 18px;
    color: #4f4f4f;
    font-weight: 700;
    text-align: center;
    margin-top: 15px;
}
.item_fill_user .main_txt.txt_red {
    color: #EB5757;
}
.join_date {
    margin-top: 15px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    font-size: 15px;
    color: #828282;
}
.join_date:before {
    content: '';
    width: 140px;
    height: 1px;
    background: #E5E5E5;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -70px;
}
.join_date span {
    color: #4f4f4f;
}
.box_navigationuser .mydndt_user_link {
    padding-top: 10px;
}
.box_navigationuser .mydndt_user_link li {
    width: 100%;
    float: left;
}
.box_navigationuser ul li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}
.box_navigationuser .mydndt_user_link li a {
    font-size: 15px;
    color: #4F4F4F;
    padding: 10px 0 10px 15px;
    position: relative;
    width: 100%;
    display: block;
    line-height: inherit;
}
.box_navigationuser .mydndt_user_link li a:hover {color: #f00;}
.box_navigationuser ul li a i {
    margin-left:5px; color:#666
}
.box_navigationuser .mydndt_user_link li a.active {
    background: none;
    color: #f00;
}
.box_navigationuser .mydndt_user_link li.li_bd {
    border-bottom: 1px solid #E5E5E5;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}
.box_navigationuser .mydndt_user_link li a.active:before {
    background: #f00;
}
.box_navigationuser .mydndt_user_link li a:before {
    content: '';
    width: 3px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: -5px;
}
.tit_page_user {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
}
.box_upload_anh {
    border: 1px dashed #BDBDBD;
    background: #f7f7f7; text-align:center
}
.box_upload_anh .act_upload {
    width: 100%;
    float: left;
    padding: 10px;
    background: #f7f7f7;
    cursor: pointer;
    justify-content: center;
    align-items: center;
	text-align:center;
    box-sizing: border-box;
}
.box_upload_anh .act_upload .fa {
    font-size: 50px;
    padding: 0 5px;
    color: #BDBDBD;
	width:auto;
	height:auto
}
.upload_complete {
    position: relative;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.box_upload_anh .act_upload .txt_up {
    font-size: 15px;
    color: #4f4f4f;
    padding: 0 5px;
}
.upload_complete .close_edit {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #4f4f4f;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 26px;
    font-family: -webkit-body;
    cursor: pointer;
}
.upload_complete .img_upload_c {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
	display: inline-block;
}
.upload_complete .img_upload_c img {
    width: 80px;
    height: 80px;
}
.upload_complete .item_button_act {
    margin-top: 20px;
}
.upload_complete .btn_log {
    width: 120px;
}
.btn_log {
    width: 100%;
    padding: 0 15px;
    height: 48px;
    line-height: 48px;
}
.pri_button {
    background: #f00;
    border-radius: 3px;
    cursor: pointer;
    border: none;
    font-family: "Arial",sans-serif;
    color: #fff;
    line-height: normal;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}
.box_edit_form {
    background: #f7f7f7;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    padding: 15px 20px 20px 20px;
    box-sizing: border-box;
    margin-top: 15px;
    position: relative;
}
.box_edit_form .close_edit {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #4f4f4f;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 26px;
    font-family: -webkit-body;
    cursor: pointer;
}
 
.form_edit {
    width: 100%;
    float: left;
}
.form_log .item_input_log {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
}
.box_edit_form .form_log .item_input_log .input_form {
    background: #fff;
}
.form_log .item_input_log .input_form {
    width: 100%;
    float: left;
    height: 48px;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    font-size: 15px;
    color: #222;
    padding: 0 15px;
    outline: none;
}
.form_log .item_input_log .icon_input {
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: pointer;
    font-size: 12px;
    color: #1B71B2;
}

.box_edit_form .btn_log {
    width: 120px;
}
.item_fill_user .sub_txt {
    font-size: 13px;
    color: #777;
    margin-top: 7px;
    width: 100%;
    float: left;
}
.box_edit_form .tit_edit {
    font-size: 15px;
    color: #222;
    font-weight: 700;
    margin-bottom: 15px;
}
.note_edit_mk {
    font-size: 15px;
    color: #777;
    margin-top: 15px;
	float:right
}
.note_edit_mk a {
    color: #1B71B2;
    text-decoration: none;
    border-bottom: 1px solid #1B71B2;
}
.gt_option {
    width: 100%;
    float: left;
	display:flex;
    align-items: center;
}
.gt_option label {
    width: 33.3333%;
    cursor: pointer;
    font-size: 15px;
    color: #4F4F4F;
}
.gt_option label input {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.row_info_user {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.row_info_user p {margin:0}
.row_info_user:last-child {
    border-bottom: none;
	margin: 0;
    padding: 0;
}
.row_mangxahoi .item_fill_user .ctn_fill {
    border: none; margin: 0;
}
.tit_row {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
}
.item_fill_user {
    width: 100%;
    float: left;
}
.item_fill_user .label_fill {
    width: 130px;
    float: left;
    font-size: 15px;
    color: #828282;
}
.item_fill_user .ctn_fill {
    float: right;
    width: calc(100% - 130px);
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.item_fill_user .click_edit {
    font-size: 13px;
    color: #828282;
    border-bottom: 1px solid #828282;
    padding-bottom: 1px;
    position: absolute;
    top: 0;
    right: 0;
}
.row_mangxahoi .item_fill_user .label_fill img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.item_fill_user .main_txt .txt_blue {
    color: #1B71B2;
}

.wrap-main-nav.navbar-akr{ position:fixed;top:0;z-index:1030;background:#fff;background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%) , #fff; box-shadow: 0 2px 8px rgb(0 0 0 / 10%);}

.wrap-main-nav {
    background: #fff;
    position:relative;
    z-index: 999;
}
.wrap-all-menu {
    width: 100%;
    float: left;
    background: #f7f7f7;  
    opacity: 0;
    visibility: hidden;
    transition-duration: 200ms;
    transition-property: opacity , top , visible;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
    position:absolute;
   /* position: absolute;
    top: calc(100% + 10px);
    opacity: 0;
    visibility: hidden;
    transition-duration: 200ms;
    transition-property: opacity , top , visible;
    transition-timing-function: cubic-bezier(.7,1,.7,1);*/
}
.wrap-all-menu .content-left {
    width: calc(100% - 200px);
    float: left;
	padding-top: 10px; 
}
.wrap-all-menu .content-right {
    width: 200px; 
    padding-top: 15px;
    padding-left: 15px;
    float: right; 
    border-left: 1px solid #bdbdbd;
}
.wrap-all-menu .type-news {
    padding-bottom: 6px;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 20px;
}
.wrap-all-menu .type-news .item-type {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #292929;
	background:#fff;
}
.wrap-all-menu .type-news .item-type .icon {
    padding: 0 8px;
    border-right: 1px solid #d9d9d9;
    margin-right: 8px;
}
.wrap-all-menu .type-news .item-type .icon i{font-size:18px;line-height: 14px; color:#0066bc}
.wrap-all-menu .row-menu {
    font-size: 0;
}
.wrap-all-menu .header-menu .name-header {
    font-size: 18px;
    line-height: 23px;
    color: #4f4f4f;
    display: inline-block;
    font-weight: 900;
}
.wrap-all-menu .header-menu .close-menu {
    float: right;
    color: #076db6;
}
.wrap-all-menu .header-menu .close-menu .icon-close {
    position: relative;
    width: 14px;
    height: 14px;
    display: block;
    float: right;
    top: 3px;
    margin-left: 10px;
}
.wrap-all-menu .header-menu .close-menu .icon-close:before {
    transform: rotate(45deg);
}
.wrap-all-menu .header-menu .close-menu .icon-close:after {
    transform: rotate(-45deg);
}
.wrap-all-menu .header-menu .close-menu .icon-close:before, .wrap-all-menu .header-menu .close-menu .icon-close:after {
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    background: #076db6;
    left: -3px;
    top: 6px;
}
.wrap-main-nav.show-all-menu .wrap-all-menu {
    top: calc(100% - 0px);
    visibility: visible;
    opacity: 1;
	z-index:9
}
.wrap-main-nav.show-all-menu .wrap-all-menu:after {
    opacity: 1;
    visibility: visible;
}
.wrap-all-menu:after {
    width: 100%;
    height: 300px;
    position: absolute;
    background: rgba(0,0,0,.75);
    bottom: -300px;
    left: 0;
    content: "";
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition-duration: 700ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}
.wrap-all-menu .header-menu {
    width: 100%;
    float: left;
    border-bottom: 1px solid #bdbdbd;
    padding: 13px 0;
}
.wrap-all-menu .content-middle {
    width: calc(100% - 0px);
    float: left;
    padding-bottom: 15px; 
}
.wrap-all-menu .content-middle .scroll-menu-expand {
    max-height: calc(100vh - 130px);
    overflow: hidden;
}
.wrap-all-menu .container {
    flex-wrap: wrap;
}
.wrap-all-menu .cat-menu {
    display: inline-block;
    vertical-align: top;
    font-size: 14px; 
}
.wrap-main-nav.show-all-menu .hamburger {
    background: #e00!important;
}
.wrap-main-nav.show-all-menu .hamburger:before, .wrap-main-nav.show-all-menu .hamburger:after {
    background: #e00!important;
}
.wrap-main-nav.show-all-menu .sm-clean a {
    /*color: #bdbdbd;*/
}
.wrap-main-nav.show-all-menu .all-menu a{
    color: #e00 !important;
}
.wrap-all-menu .cat-menu li.hidden {
    display: none;
}
.wrap-all-menu .cat-menu li:first-child a {
    padding-top: 0;
}
.wrap-all-menu .cat-menu li {width:33%; padding: 10px 0;  float:left}
.wrap-all-menu .cat-menu li a {   
	color: #000;
    font-weight: 500; 
}
 
.wrap-all-menu .cat-menu li a:hover, .wrap-all-menu .cat-menu li a.active {
    text-decoration: underline;
}
.wrap-all-menu .cat-menu li.view-more {
    color: #757575;
    font-size: 12px;
    position: relative;
    padding-top: 3px;
}
.wrap-all-menu .cat-menu li.view-more:before {
    content: "";
    width: 80px;
    height: 1px;
    background: #bdbdbd;
    position: absolute;
    top: 6px;
    left: 0;
}
.section_topstory {
    padding-top: 15px;
}
.section {
    width: 100%;
    float: left;
}

.logo {
    display: inline-block;
    float: left;
}
.logo img {width:150px}
.time-zone {
    font-size: 14px;
    line-height: 32px;
    color: #757575;
    position: relative;
    margin-left: 20px;
    padding-left: 15px;
    float: left;
	padding-top: 4px;
} 
.time-zone:before {
    content: "";
    width: 1px;
    height: 26px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 8px;
}
.btnnews, .evne {
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid rgb(255,255,255,0.5);
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
}
 
.btnnews .fa, .evne .fa {
    margin-right: 5px;
    margin-top: -1px;
	color:#fff;
}
.btnnews.active {
    color: #fff;
    background: #f00;
    border: 1px solid #f00;
}
.btnnews.active i {color: #fff;}
.main-nav .parent, .wrap-all-menu .container, .top-header .right, .top-header .left { 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
 
.right {
    float: right!important;
}
.top-folder {
    align-items: center;
    padding: 9px 0 3px 0;
}
.title-folder { 
    font-weight: 600;
    color: #222;
	padding-bottom:15px;
	text-transform:uppercase;
    font-size: 28px;
	border-bottom: 1px solid #ddd;
    line-height: 1.25;
}
.title-folder h1
{ font-size:24px;
}
.nav-folder .ul-nav-folder {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
}
.nav-folder .ul-nav-folder li {
    float: left;
    margin-right: 30px;
}
.nav-folder .ul-nav-folder li a {
    display: block;
    padding: 12px 0;
    font-size: 14px;
    line-height: 120%;
    color: #4f4f4f;
    font-weight: 700;
    position: relative;
}
.nav-folder .ul-nav-folder li a:hover {color: #f00;}

.cate-focus {
  /*  margin-bottom: 30px;*/
    border-bottom: 7px solid #eee;
}
.cate-focus .story-large {
    margin-right: 25px;
	width: 600px;
	float:left
} 
.story-large .description {
    font-size: 15px !important;
    line-height: 150%!important;
    color: #333;
}
.cate-focus .story-large .title-news a:hover, .cate-focus .story-small .title-news a:hover{color:#087cce}
.cate-focus .story-large .title-news{  
    color: #222;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 10px 0;
 }
.cate-focus .story-small {
    width: 275px;
    float: left;
}
.list-news-thumb {clear:both}
.list-news-thumb .box-link-title {
    display: block;
    padding: 16px 0;
    border-top: 1px solid #e9e9e9;  
    font-weight: normal;
    font-size: 14px;
    color: #222;
    padding-left: 16px;
    position: relative;
}
.list-news-thumb .box-link-title:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0089d0;
    position: absolute;
    left: 0;
    top: 23px;
}
.story-large .item-news, .story-small .item-news {border:none; margin:0}
.cate-focus .story-small .title-news{   
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 0px 0;
 }

.main-nav .parent li.home a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e5e5e5;
    justify-content: center;
    padding: 0;
    position: relative;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}

.main-menu {
    width: 100%;
    float: left;
    clear: both;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
    background-color:#0093e3;
}

.main-menu .nav-parent {
    justify-content: space-between;
    max-width: 1260px;
	position:relative;
    margin: 0 auto;
    padding: 0 15px; 
}
.main-menu .icon-home {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}
.main-menu .icon-home a i {padding:4px 0; color:#666;}
.main-menu .icon-home a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e5e5e5;
    justify-content: center;
    padding: 0;
    display: block;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}
.main-menu .icon-home:hover a{
    background: #f00; 
}
.main-menu .icon-home:hover a i{
    color:#fff
}

.disflex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.col-left-top {
    width: calc(100% - 330px);
}
.col-right-top {
    width: 300px;
    margin-left: 30px;
}
.section_topnews {
    padding-top: 20px;
}
.wrapper-topnews {
    flex-wrap: wrap;
    flex-direction: column;
    min-height: inherit;
}
.wrapper-topnews .article-topnews {
    width: 100%; 
	padding-bottom:0;
	border-bottom:none;
	position:relative
} 
.article-topnews .thumb-title {
    width: 100%;
    height: 194px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: 0;
    padding: 35px 60px 30px;
    background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 100%);
}

.article-topnews .thumb-title .title-news, .article-topnews .thumb-title .description  {color:#333; font-size: 14px; margin:0}
.item-news {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.article-topnews {
    width: 550px;
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.wrapper-topnews .article-topnews .thumb-fix {padding-bottom:63%}
.wrapper-topnews .article-topnews .title-news { 
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    display: block;
    margin-bottom: 12px;
}
.wrapper-topnews .article-topnews .title-news a:hover {color:#fff !important;}
.news-swiper .swiper-pagination {
    width: max-content;
    bottom: 37px;
    left: unset;
    right: 51px;
}
.news-swiper .swiper-pagination-bullet:not(:last-child) {
    margin-right: 15px;
}
.news-swiper .swiper-pagination-bullet-active::after {
    content: "";
    display: block;
    position: absolute;
    padding: 8px;
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.news-swiper .swiper-pagination-bullet-active {
    background: #fff;
    position: relative;
} 
.news-swiper .swiper-button-prev {
    left: 30px;
}
.news-swiper .swiper-button-next, .news-swiper .swiper-button-prev {
    width: 48px;
    z-index: 10;
}
.news-swiper .swiper-button-next {
    transform: rotateZ(180deg); right:30px;
}
.news-swiper .swiper-button-next:after, .news-swiper .swiper-button-prev:after {content: '';}


.wrapper-topnews .article-topnews .box-focus-category { 
    background: #0066bc;
	text-transform: uppercase;
	font-size:12px;
	font-weight: 500;
	line-height: 15px;
    color: #fff;
    padding: 6px 8px;
    display: inline-block;
    margin-bottom: 16px;
}
.wrapper-topnews .article-topnews .time-ago { 
    font-style: normal;
	text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: rgba(255,255,255,.8);
	margin-left:10px;
}

.item-news .title-news { 
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 5px;
}

.wrapper-topnews .article-topnews .thumb-art {
    width: 100%; margin: 0; float:left
}
.wrapper-topnews .extend-lead a {
    position: relative;
}
.wrapper-topnews .extend-lead a:before {
    width: 100%;
    height: 20px;
    content: "";
    background: linear-gradient(45deg,rgba(247,247,247,0) 0%,#f7f7f7 75.52%);
    background: -webkit-linear-gradient(45deg,rgba(247,247,247,0) 0%,#f7f7f7 75.52%);
    position: absolute;
    right: 0;
    bottom: 0;
}
.thumb-art {
    position: relative;
}
.thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.thumb-fix {
    padding-bottom: 60%;
}
.thumb {
    display: block;
    overflow: hidden;
    height: 0;
    position: relative;
    width: 100%; 
}
.meta-news {
    color: #777;
    font-size: 12px;
	text-transform:uppercase;
	font-weight:500;
    line-height: 14px;
}
.meta-news .time-public {
    display: inline-block;
    margin-right: 10px;
}
.meta-news .cat:hover {
    color: #087cce;
}
.wrapper-topnews .article-topnews .title-news a:hover {
    color: #087cce; 
}
.meta-news .cat {
    display: inline-block;
    margin-right: 10px;
}
.meta-news .count_cmt, .meta-news .icon_commend {
    font-size: 12px;
    color: #076db6;
    display: inline-block;
    text-decoration: none!important;
}
.wrapper-topnews .article-topstory {
    width: 100%;
    background: #f7f7f7;
    padding-right: 20px;
}

.article-topstory {
    width: 550px;
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.wrapper-topnews .sub-news-top {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
    width: 100%;
    padding-left: 0;
    height: auto;
}
.bottom-news-top {
    margin-top: 30px;
    padding-top: 0px; 
    width: 100%;
    height: auto;
}
.news-top-cm {
    margin-top: 10px;
	float:left;
    width: 100%;
    height: auto;
}
.news-top-cm .list-news-feature li {width:50%}
.list-news-feature {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; 
    position: relative;
}
.list-news-feature::after {
    content: "";
    position: absolute;
    height: calc(100% - 15px);
    width: 1px;
    background: #d2d2d2;
    left: 50%;
}
.list-news-feature li.box-focus-item {
    width: calc(50% - 24px); 
}
.list-news-feature li.box-focus-item .thumb-art {
    display: block;
    overflow: hidden;
    width: 135px;
    height: auto;
	float:left;
    margin-right: 12px;
}
.list-news-feature li span.time-ago {display:block; text-transform:uppercase; margin-top:6px; font-weight:500; color:#777; font-size:12px;}
.list-news-feature li.box-focus-item:first-child, .list-news-feature li.box-focus-item:nth-child(2) {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e9e9e9;
}

.list-news-feature li .title_news {
    font-size: 14px; margin-top:0px; font-weight: 600; line-height:18px;
}
.list-news-feature li .description {
    margin-top: 10px;
}
 
.list-news-feature li .title_news a:hover { color: #087cce;}
.banner-ads {
    width: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
}
.banner-ads img{margin-bottom:15px;}
.ads-cate {
    width: 100%;
    float: left; margin-bottom:25px;
}
.pd_border {
    margin-top: 20px;
    padding-top: 20px;
}
.pd_border:before {
    width: calc(100% - 30px);
    background: #e5e5e5;
    height: 1px;
    position: absolute;
    top: 0;
    left: 15px;
    content: "";
}
.col-left-center {
    padding-right: 20px;width: 400px;position: relative;
}
.col-left-center:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #e5e5e5;
    position: absolute;
    top: 0;
    right: 0;
}
.col-right-center {
    padding-left: 20px;width: 700px;
}
.item-news-list:first-of-type {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.item-news-list {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding-top: 15px;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.item-list-td { 
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 20px;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.item-news-list .title-news {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
	line-height:20px;
}
.item-news-list .title-news a:hover , .item-list-td .title-news a:hover{color: #087cce;}
.item-news-list .thumb-art {
    width: 145px;
	float:left;
    margin-right: 10px;
}
.item-list-td .thumb-art {
    width: 110px;
    float: left;
    margin-right: 10px;
}
 
ul.box-category-item li {
    display: flex; 
    flex-direction: row-reverse;
}
ul.box-category-item li:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
ul.box-category-item li  p.meta-news {margin:0}
ul.box-category-item li .box-category-content {
    flex: 1;
    margin-right: 1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	min-height:88px
}
ul.box-category-item li .box-category-content p.time-ago {margin:0}
.item-list-r .thumb-art  {
    width: 135px;
    float: right;
    margin-left: 15px;
}
.box-category-hot .title-news {
    font-size: 17px;
    font-weight: 600; 
}
.box-category-hot .thumb-art {margin-bottom:10px;}
.item-list-td .title-news {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
	line-height:20px;
}
.item-list-r .title-news  { 
    font-weight: 600;
    margin-bottom: 10px;
	line-height:20px;
}
.box-rightq { text-align:center; clear: both}
.ss-content-td .thumb-16x9, .item-list-r .thumb-16x9 {padding-bottom: 65%;}
.wrap-sum-news .description {
    font-size: 14px;
    line-height: 142%;
}
.location-map {
    color: #757575!important;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 12px;
    letter-spacing: -.5px;
    position: relative;
}
.location-map:before {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 7px;
    height: 1px;
    background: #757575;
    right: -8px;
}
.bandohc {
    width: 100%;
    text-align: center;
    float: right;
    margin-bottom: 20px;
    background: #F9F9F9;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
}
.bandohc .header {
    padding: 15px;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #182940;
}


.box-category{
	width: 100%; float:left
}
.box-category-top{
	width: 100%; float:left; margin-bottom:20px;
}
.box-pd{
	width: 100%; float:left; margin-bottom:35px;
}
.box-category-top .title-news {    
    font-size: 14px; font-weight:500;
    margin-top: 15px;
	}
#magazin_slide {margin-bottom:30px;}	
#magazin_slide h3.title_news {
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
	line-height:22px;
}
.colbox-n .item-news .title-news {margin:0}
.box-category.pd-border {
    padding-bottom: 15px;
	margin-bottom:15px;
    border-bottom: 1px solid #bdbdbd;
}
.box-category.box-end {
    margin-bottom: 0;
}
.box-header-center {
    position: relative;
    text-align: center;
    border: 0;
    margin: 0;
}
.box-header {
    margin: 0 0 10px;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
}
.box-header-center::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 100%;
    height: 1px;
    background: #f00;
}
.box-header-center a {
    background: #f00;
    padding: 5px 15px;
	font-weight: 700;
    position: relative;
    color: #fff;
    display: inline-block;
}
.icon_thumb_img {
    width: 24px;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    background: rgba(0,0,0,.5);
    border-radius: 3px;
    left: 5px;
    bottom: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    justify-content: center;
}
.icon_thumb_img i {padding: 2px;font-size:14px;color:#fff}

.category-top {
    padding: 10px 0 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.category-top .category-title {
    display: flex;
    align-items: center; 
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 23px; 
    color: #fff;
}
.category-top .box-category-menu {
    display: flex;
    align-items: center;
}
.category-top .box-category-menu a {
    display: flex; 
    margin-left: 45px;  
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .02em;
    color: #fff;
}
.category-top .box-category-menu a i { font-size: 18px; color:#fff; margin-right:10px; vertical-align:middle}
.section_chuyende .title-box-category {margin-bottom: 10px; }

.ss-td {margin-bottom:15px; clear: both; overflow: hidden;}
.ss-td .title-box-category {margin-bottom:5px;}
.title-box-category {
	width:100%;
    display: inline-block;
    position: relative;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;  
    color: #0066bc;
    font-weight: bold;
}
.video-flex {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
}
.ss-video {
    flex: 1;
    width: calc(100% - 50%);
}
.ss-video .list_art_video {margin:0}
.ss-video .list_art_video p {color:#333; margin:10px 0 0 0; font-size:14px;}
.ss-video .list_art_video .title_news a {font-size:19px; font-weight:600; color:#333}
.ss-photo {
    width: 50%;
    margin-left: 25px;
}
.photo-wpage .photo-detail-thumb { margin-top: 15px;}
.photo-detail-thumb { margin-top: 25px;}

.photo-thumb .swiper-slide { 
    height: 100%;
    opacity: .4;
    cursor: pointer;
}
.photo-thumb .swiper-slide-thumb-active {
    opacity: 1;
}
.photo-thumb .swiper-slide figure, .photo-large .swiper-slide figure {
    position: relative;
    line-height: 0;
    display: block;
    padding: 0 0 62%;
    overflow: hidden;
}
.photo-thumb .swiper-slide img, .photo-large .swiper-slide img {
	position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    cursor: pointer;
}
.photo-large .swiper-slide figcaption {
    color: #333;
    text-align: center;
    font-size: 16px; 
    padding: 10px 0 0 0;
    min-height: 48px;
    margin-left: auto;
    margin-right: auto;
}
.photo-large .swiper-button-next, .photo-large .swiper-button-prev {
    width: 42px;
}
.photo-large .swiper-button-next img, .photo-thumb .swiper-button-next img {
    transform: rotateZ(180deg);
}
.photo-thumb .swiper-button-next img, .photo-thumb .swiper-button-prev img {
    width: 15px; 
    top: calc(50% - 22px);
}
.photo-large .swiper-button-next:after,.photo-thumb .swiper-button-next:after,.photo-thumb .swiper-button-prev:after, .photo-large .swiper-button-prev:after  {
    content: '';
}
.photo-thumb .swiper-button-next {right:0}
.photo-thumb .swiper-button-prev {left:0}
.photo-thumb .swiper-button-next, .photo-thumb .swiper-button-prev {
    position: absolute;
    width: 27px;
    height: 100%;
    top: 22px;
    background: #f9f9f9;
    z-index: 1;
    border: 1px solid #f0f0f0;
}

.photo-wpage .photo-thumb .swiper-button-next,.photo-wpage .photo-thumb .swiper-button-prev {background:#333; border:none}
.photo-thumb .swiper-button {
    width: 15px; 
}

.inner-title.title-hot { color:#222; font-size: 19px;}
.title-box-category .inner-title.title-hot:before { background:transparent;}
.title-box-category h2 { border-bottom:1px solid #0066bc; line-height:30px; padding-top:15px}
.section_video_photo .title-box-category h2 {border-bottom:1px solid #e9e9e9; border-top:none; padding:0 0 5px 0;line-height:40px;}
.col-right-top .title-box-category h2 { border-bottom:1px solid #ccc; }
.title-box-category .firts-cate {
    float: left;
}
.title-box-category .inner-title {
    position: relative;
    display: inline-block;
}
.title-box-category .inner-title:before {
    content: "";
    width: 50%;
    height: 1px;
    background: #0066bc;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.title-box-category .sub-cate {
    float: left;
    margin-left: 20px;
    font-size: 13px;
    color: #4f4f4f;
    line-height: 1.1538461538;
    font-family: arial;
    font-weight: 400;
    margin-top: 5px;
}
.title-box-category .sub-cate a:hover, .content-box-category .item-news .title-news a:hover, .content-box-category .item-news .title-news a:hover {color: #087cce;}
.content-box-category {
    flex-wrap: wrap;
}
.content-box-category .item-news.full-thumb {
    width: 67.648%;
    border-bottom:none;
    padding-bottom: 0;
	margin-bottom:0
}
.width_fix {
    width: 100%;
    float: left;
}
.content-box-category .article-sub-right {
    width: 32.352%;
    padding-left: 20px;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.content-box-category .article-sub-right .item-news {
    max-width: inherit;
    padding-top: 0;
    margin-top: 0;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 0;
}
.content-box-category .article-sub-right .item-news:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.content-box-category .thumb-art {
    width: 48.914%;
    margin: 0;
}
.content-box-category .wrap-c-news {
    width: 51.086%;
}
.content-box-category .sub-news-cate {
    width: 100%;
    justify-content: space-between;
    padding-left: 0;
    position: relative;
}
.content-box-category .wrap-c-news {
    padding: 0 15px;
}
.content-box-category .article-sub-right:before {
    width: 1px;
    height: 100%;
    content: "";
    background: #e5e5e5;
    position: absolute;
    top: 0;
    left: 0;
}
.content-box-category .item-news .description {
    font-size: 14px;
    line-height: 140%;
}
.content-box-category .sub-news-cate .item-news {
    max-width: 200px;
    padding-top: 10px;
    margin-top: 15px;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
    padding-left: 15px;
}
.content-box-category .sub-news-cate .item-news:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    background: #ababab;
    position: absolute;
    top: 18px;
    left: 0;
}
.content-box-category .item-news .title-news {
    font-size: 14px;
    font-weight: 700;
}
.content-box-category .sub-news-cate:before {
    width: 100%;
    height: 1px;
    content: "";
    background: #e5e5e5;
    position: absolute;
    top: 15px;
    left: 0;
}
.item-news .title-news .meta-news { 
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
    font-family: arial;
}
.colbox-n .item-news .meta-news {margin:12px 0 0 0; }
.box-category .left-box {float:left; width:53%;}
.box-category .left-box img {padding:6px; border:1px solid #ccc; border-radius: 6px;}
.box-category .right-box {float:right; width:300px;}
.box-gold {
    padding-bottom: 15px !important;
    margin-bottom: 15px;
}
.box-gold .box_left {
    width: calc(42% - 5px);
    margin-right: 10px;
}
.left {
    float: left!important;
}
.box-gold .box_right {
    width: calc(42% - 5px);
    float: left !important;
}
.box-gold .box-link-logo {
    width: calc(16% - 10px);
    font-size: 0;
}

.box-gold .box-link-logo a:last-child {
    margin-top: 4px;
}
.box-gold .box-link-logo a {
    display: inline-block;
}
.box_giavang {
    width: 100%;
    float: left;
    position: relative;
}
.box_giavang .link-all-table {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.box-tygia-vietllot .box_giavang table {
    margin-bottom: 0;
}
.box_giavang table {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    margin-bottom: 5px;
}
.box-gold .box_right .box_giavang table td:first-child {
    width: 37.5%;
}
.box-gold .box_right .box_giavang table td {
    width: 12.5%;
}
.box-gold .box_giavang td:first-child {
    text-align: left;
    white-space: nowrap;
}
.box-gold .box_giavang td {
    text-align: right;
    padding: 5px 7px;
}
.box_giavang td {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    padding: 5px 3px;
    vertical-align: middle;
    text-align: center;
}
.box-gold .box_giavang td strong {
    position: relative;
    padding-right: 12px;
}
.box-gold .box_giavang td strong:before {
    border: solid #076FBA;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2.5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 4px;
    right: 4px;
    content: "";
}

.box-gold .box_giavang td strong:after {
    border: solid #076FBA;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2.5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 4px;
    right: 0;
    content: "";
}
.inner-video {
    margin: 25px 0 0 0;
    background: #0977b3;
	padding:15px 20px;
	overflow:hidden;
	border-radius:5px;
    position: relative;
}
.home-sfw {margin-top:30px; border-top: 1px solid #d2d2d2;}
.home-sfw-layout {
	margin-top:25px;
    background: #f9f9f9;
    padding: 20px 0 11px;
    position: relative; 
}
.home-sfw-layout .title {
    position: absolute;
    background: #e23d3d;
    border-radius: 2px;
    left: 18px;
    top: -8px;
    padding: 5px 12px; 
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
}
.home-sfw-swiper .swiper-slide .home__sfw-item {
    padding: 4px 0;
}
.home-sfw-swiper .swiper-slide:first-child {
    border-left: 0;
}
.home-sfw-swiper .swiper-slide {
    width: auto;
    padding: 0 16px;
    border-left: 1px solid #e9e9e9;
}
.home-sfw-swiper .swiper-slide .home__sfw-item .time {  
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #888;
    margin-bottom: 6px;
    display: block;
}
.home-sfw-swiper .swiper-slide .home__sfw-item .link-title {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    color: #333;
}
 
.article.column { 
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
.article.column .title_news  { margin:10px 0 15px 0; font-weight:500; line-height:20px; font-size:13px; color:#fff;}
.article.column .title_news a {color: #fff;}
.article.column .title_news a:hover {color: #b2e0f5;}
.article.column .meta-news, .article.column .meta-news i { width: auto;font-size: 12px;color:#eee}

.article.bg-column { 
    clear:both;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
	margin-bottom:30px;
}
.article.bg-column .title_news { font-size:14px;line-height:20px;margin:10px 0}
.article.bg-column .title_news a {color: #fff;}
.article.bg-column .title_news a:hover {color: #b2e0f5;}
.article.bg-column .meta-news, .article.bg-column .meta-news i { width: auto;font-size: 12px;color:#eee}
.bg-column .article-item {
    vertical-align: top;
    padding: 15px; 
    background: #598aa9;
}

.inner-magazin {
    margin:20px 0 0 0; 
	display:flex;
    position: relative;
}
.all-over-thumb-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
}
.grid-slider-wrapper .thumb-overlay .thumb-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 15px 10px;
    z-index: 3;
    width: 100%;
    pointer-events: none;
    transition: bottom 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid-slider-wrapper .thumb-overlay .thumb-meta {
    margin: 0 0 5px; color:#fff; font-size:14px;
}
.grid-slider-wrapper .grid-item:nth-child(-n+2) .thumb-title {
    font-size: 22px;
}
.grid-slider-wrapper .thumb-overlay .thumb-title {
    font-size: 18px;
    color: #fff;
	font-weight:bold
}

.slide-mask .tie-slide-1 .thumb-overlay:after {
    background-image: linear-gradient(135deg,#67B26F,#4ca2cd);
}
.slide-mask .tie-slide-2 .thumb-overlay:after {
    background-image: linear-gradient(-135deg,#d38312,#002f4b);
}
.slide-mask .tie-slide-3 .thumb-overlay:after {
    background-image: linear-gradient(135deg,#292484,#dc4225);
}
.slide-mask .tie-slide-4 .thumb-overlay:after {
    background-image: linear-gradient(-135deg,#e0be00,#dc4225);
}
.slide-mask .tie-slide-5 .thumb-overlay:after {
    background-image: linear-gradient(135deg,#5f2c82,#49a09d);
}
.slide-mask .tie-slide-1:hover .thumb-overlay:after,.slide-mask .tie-slide-2:hover .thumb-overlay:after,.slide-mask .tie-slide-3:hover .thumb-overlay:after,.slide-mask .tie-slide-4:hover .thumb-overlay:after,.slide-mask .tie-slide-5:hover .thumb-overlay:after {opacity: .9;}
.slide-mask .thumb-overlay:after {
    height: 100%!important;
    opacity: .7;
}
.grid-slider-wrapper .thumb-overlay:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65%;
    transition: opacity 0.2s;
    background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.75));
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid-slider-wrapper .grid-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 4px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.grid-slider-wrapper .grid-item:nth-child(1), .grid-slider-wrapper .grid-item:nth-child(2) {
    width: 49.9%;
    width: calc(50% - 2px);
}
.grid-slider-wrapper .grid-item:nth-child(n) {
    height: 180px;
}
.grid-slider-wrapper .grid-item:nth-child(1) {
    float: left; height: 210px;
}
.grid-slider-wrapper .grid-item:nth-child(3), .grid-slider-wrapper .grid-item:nth-child(4) {
    width: 33.2%;
    width: calc(33.3334% - 4px);
}
.grid-slider-wrapper .grid-item:nth-child(3) {
    clear: left;
}
.grid-slider-wrapper .grid-item:nth-child(n+2) {
    float: left; 
}
.grid-slider-wrapper .grid-item:nth-child(5) {
    width: calc(33.337% - 2px);
    margin-right: 0;
}
.grid-slider-wrapper .grid-item:nth-child(2) {
    margin-right: 0;height: 210px;
} 
.grid-slider-wrapper .thumb-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.5em;
}
#magazin_slide .swiper-button-next { 
    border-radius: 4px 0 0 4px;
    background: #fff;
    box-shadow: 0 7px 10px 0 rgb(72 139 216 / 20%);
    right: 0px;
	top:35%;
}
#magazin_slide .swiper-button-prev {
    border-radius: 0 4px 4px 0;
    background: #fff;
    box-shadow: 0 7px 10px 0 rgb(72 139 216 / 20%);
    left: 0px;
	top:35%;
}
#magazin_slide .swiper-button-prev::after, #magazin_slide .swiper-button-next::after {
    font-size: 30px;
    color: #111;
    font-family: fontAwesome;
}
#magazin_slide .swiper-button-next::after{
    content: '\f105';
}
#magazin_slide .swiper-button-prev::after {
    content: '\f104';
}


.wrapper-box-video {
    position: relative; overflow:hidden;
}
.wrapper-box-video .box-player-video {
    width: 720px;
    float: left;
}
.box-scroll-video {
    width: calc(100% - 720px);
    padding-left: 20px !important;
    padding-right: 10px !important;
    height: 93% !important;
    position: absolute;
    top: 42px;
    right: 0;
}
.ss-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}
.ss-container {  
    scroll-behavior: smooth;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
.ss-content {
    height: 100%;
    width: calc(100% + 17px);
    padding: 0 10px 0 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}
.ss-content-td {
    height: 100%;  
	overflow: hidden;
}
.ss-content-td .firts-cate {
	border-bottom:2px solid #7dabe3;font-size: 18px;
    line-height: 30px;
    margin-bottom: 5px; 
    color: #f00;
    font-weight: 600;}

.box-scroll-video .item-news-list .title-news {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}
.box-scroll-video .item-news-list .thumb-art {
    width: 120px;
}
.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.play-icon i {
	font-size:45px;
	color:#fff;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
.thumb-video:hover .play-icon i {
    transform: scale(1);
    -webkit-transform: scale(1);
}
.thumb-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}
.thumb-16x9 {
    padding-bottom: 56.25%;
}
.item-news-list p.meta-news {
    margin-top: 10px;
}
.box-scroll-video .item-news-list {
    padding-bottom: 0;
    border-bottom: none;
	margin-top: 5px;
}
 
.meta-news .cat {
    display: inline-block;
    margin-right: 10px;
}
.box-scroll-video .item-news-list.active .thumb-art .thumb:before {
    opacity: 1;
}
.box-scroll-video .item-news-list .thumb-art .thumb:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    opacity: 0;
    z-index: 1;
}
.box-scroll-video .item-news-list.active .duration-video {
    opacity: 0;
}
.box-scroll-video .item-news-list.active .thumb-art .thumb:before {
    opacity: 1;
}
.box-scroll-video .item-news-list.active .playing-txt {
    opacity: 1;
}
.playing-txt {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
}
.box-player-video .item-news .title-news {
    font-size: 20px; 
    margin: 15px 0;
    line-height:130%;	
    color:#fff;
}
.box-player-video .item-news .title-news a:hover {color:#fff !important; text-decoration:underline}
.box-player-video .item-news .description {
    color:#fff; line-height:160%;
}
.box-player-video .item-news {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.duration-video {
    font-size: 12px;
    color: #fff;
    background: #000;
    padding: 3px 5px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    border-radius: 1px;
    opacity: 1;
}
.bottom_border {
    margin-top: 20px;
    padding-top: 20px;
}
.bottom_border:before {
    width: calc(100% - 30px);
    background: #e5e5e5;
    height: 1px;
    position: absolute;
    top: 0;
    left: 15px;
    content: "";
}
.bg-banner-province {    
   padding: 68px 0 50px 0;
    height: 262px;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1;
	}
.bg-banner-province:before {
    position: absolute;
    content: '';
    z-index: 2;
    background: rgb(92 36 20 / 77%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}	
.bg-banner-province img {
    position: absolute;
    left: 10%;
    top: 0;
    z-index: 1;
    max-width: 1260px;
    width: 1260px;
    margin-left: -100px;
}
 
.col-video-photo {
    margin-bottom: 80px;
} 
 
@media only screen and (min-width: 1023px) {
	.bg-banner-province img {
		max-width: 100%;
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin-left: 0;
		left: 0;
	}
}

.box-tinh-left {
    width: 49.092%;
    padding-right: 40px;
    position: relative;
}
.box-tinh-left .title-news {
	font-size: 29px;
	color:#eee;
    line-height:130%;
    margin: 12px 0 15px 0;
	}
.box-tinh-left .title-news a:hover, .box-tinh-right .title-news a:hover, .box-tinh-center .title-news a:hover{
    color: #aaa;
}	
.box-tinh-left p.description  {
    color: #999;
}	
.box-tinh-left:before, .box-tinh-center:before {
    width: 1px;
    height: 100%;
    content: "";
    background: #555;
    position: absolute;
    top: 0;
    right: 20px;
}
.box-tinh-center {
    width: 29%;
    padding-right: 40px;
    position: relative;
}
.box-tinh-right {
    width: 25.453%;
}
.box-tinh-right .item-news .title-news, .box-tinh-center .item-news .title-news { color:#ddd; font-size:16px; font-weight:500; margin:10px 0 0 0}
.box-tinh-center .item-news, .box-tinh-right .item-news { margin-bottom: 20px; border-bottom: 1px solid #555;}

.col-boxtinh .item-news:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.colbox-left {
        /*max-width: 420px;*/
	max-width: 48%;
}
.colbox-center {
    width: 25.455%;
    padding-right: 40px;
    position: relative;
}
.colbox-right {
    width: 48%; float:right; position:relative
}
.colbox-right::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #d2d2d2;
    left: -24px;
}
.colbox-right.full {
    width: 100%;
}
 
.col-boxcate .item-news:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.colbox-center .item-news.full-thumb .thumb-art {
    width: 100%;
    margin: 0 0 10px 0;
}
.col-boxcate .item-news .title-news {
    font-weight: normal;
    font-size: 15px; 
	min-height:40px;
}
.colbox-left .item-news .title-news { 
    font-weight: bold;  margin-bottom:15px;   
     font-size: 18px;
}
.colbox-left .item-news .title-news a:hover, .col-boxcate .item-news .title-news a:hover{color:#087cce}
.colbox-n .item-news .thumb-art {
    width: 120px;
    float: right;
    margin: 0 0 0 15px;
}
.colbox-left .item-news.full-thumb .thumb-art, .colbox-right .item-news.full-thumb .thumb-art {
    width: 100%;
    margin: 0 0 10px 0;
}
.page-detail-user {background: #f6f6f6; padding:30px 0}
.page-detail {
    background: #fff; margin-bottom:25px;
    border-bottom: 1px solid #e0e0e0;
}
.page-detail.top-detail .sidebar-left {
    width: 100%;
    max-width: calc(100% - 430px);
    padding: 20px 0 0 0;
}
.page-detail .sidebar-left {
    width: 100%;
    max-width: calc(100% - 365px); 
	position: relative;
}
.page-detail .sidebar-right {
    width: 100%;
    max-width: 365px;
    padding: 20px 0 0 65px;
}
.social_pin {
    width: 65px;
    padding-top: 150px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    height: 100%;
    padding-bottom: 20px;
    opacity: 1;
    visibility: visible;
    z-index: 3;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
	background: #fff;
}
.social_pin .social_left li:first-child {
    margin-top: 0;
}
.social_pin .social_left li {
    margin-top: 10px;
    width: 32px;
}
.social_pin .social_left li.li_comment {
    padding-bottom: 20px;
}
.social_pin .social_left li a .number_cmt {
    font-size: 12px;
    color: #757575;
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: translateX(-50%);
}
.social_pin .social_left li a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    justify-content: center;
	text-align: center;
    position: relative;
    border: 1px solid #999;
	display: block;
}
.social_pin .social_left li svg {margin-top:8px;}
.social_pin .social_left li a.social_fb:hover {
    background: #3b5999;
    border: 1px solid #3b5999;
}
.social_pin .social_left li a.social_save:hover {
    background: #087cce;
    border: 1px solid #087cce;
}
.social_pin .social_left li a.social_comment:hover {
    background: #f00;
    border: 1px solid #f00;
}
.social_pin .social_left li a.social_back:hover {
    background: #087cce;
    border: 1px solid #087cce;
    overflow: visible;
}
.social_pin .social_left li a:hover i {color: #fff;}
.social_pin .social_left li a i {font-size:17px;color: #666;}
.social_pin .social_left li.border {
    padding-top: 10px;
    position: relative;
}
.social_pin .social_left li.border:before {
    content: "";
    width: 23px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    top: 0;
    left: 5px
}
.page-detail .header-content{
    margin-bottom: 10px;
}
.bg-banner-province .breadcrumb li, .bg-banner-province .breadcrumb li a, .bg-banner-province .breadcrumb li:first-child a{
    color: #fff; text-transform:uppercase
}
.bg-banner-province .breadcrumb>li+li:before {color: #FFF;}
.bg-banner-province .breadcrumb li:first-child { position: relative;}

.bg-banner-province .breadcrumb {
    float: left; position: absolute; z-index: 5; bottom:20px;
}
.title-province h1 { position: relative; left: 50%; margin-left: -250px; z-index: 5; border-top: 1px solid #fff;padding: 15px 0 0 0; max-width:500px; border-bottom: 1px solid #fff; text-align:center; font-size:70px;color: #fff; text-transform:uppercase }
.header-province {    
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 1136px;
    clear: both;
}
.header-province p.about {
    float: right;
    color: #fff;
    font-size: 14px;    
	z-index: 3;
	right: 30px;
	padding:5px 10px;
	background:#0066bc;
	position:relative
	
}

.breadcrumb {
    float: left; position: relative; z-index: 5;
}
.breadcrumb li:first-child a{
    color: #f00;
}
.breadcrumb li {
    position: relative;
    display: inline-block;
    line-height: 16px;
    font-size: 15px;
    color: #757575;
    margin-right:0;
} 
.breadcrumb>li+li:before {
    content: "\f105";
    padding: 0 10px;
    float: left;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #333;
}
.breadcrumb li a {
    display: inline-block; color: #000;
}
.page-detail .header-content .date{
    float: right;
    color: #757575;
    font-size: 14px;
}
.page-detail .title-detail {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}
.dndt_detail table.tplCaption td.caption, .dndt_detail table.tplCaption td.Image, .dndt_detail table.tplCaption td p.Normal, .dndt_detail table.tplCaption td .Image, .dndt_detail .tplCaption .Image {
    color: #222;
    padding: 10px 0 0 0;
    margin: 0;
	font-style:italic;
	font-size:13px;
    text-align: left;
}
.dndt_detail figure.tplCaption figcaption {
    width: 100%;
    float: left;
	margin-bottom:20px;
    text-align: left;
}
.page-detail .description {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
 
.box-category-top {
	/*border-top: 1px solid #0089d0;
    align-items: center;
    padding: 15px 0 14px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;*/
}
.box-category-top .box-category-title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #222;
}
.dndt_detail {
    width: 100%;
    float: left;
    position: relative;
	font-size:16px;
    line-height: 180%;
    padding: 0;
    color: #222;
}
.dndt_detail .Normal, .dndt_detail p {
    margin: 0 0 1em;
    line-height: 160%;
    text-rendering: optimizeSpeed;
}
.page-detail .list-news {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0 0 30px;
    border-left: 1px solid #bdbdbd;
    margin-bottom: 20px;
    clear: both;
}
.page-detail .list-news li {
    margin-bottom: 10px;
    position: relative;
    line-height: 160%;
    text-align: left;
}
.page-detail .list-news li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #757575;
    position: absolute;
    left: -12px;
    top: 10px;
    border-radius: 50%;
}
.page-detail .list-news li a {
    color: #0066bc;
    position: relative;
    text-decoration: underline; 
}
.number {
    font-size: 18px; 
    line-height: 32px; 
    color: #999;
    text-align: center;
    width: 20px;
    height: 30px; 
    float: left;
    margin: 0 15px 0 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.sl-category {
	margin-top:0px; 
    clear: both;
	border-radius:5px;
    overflow: hidden;
    padding: 15px 12px; 
	background: url(/images/select-bg.png) no-repeat #98c4e999;
    background-size: 100%;
	background-position: bottom;
	}
.sl-category .form-control {
    font-size: 14px;
    color: #666;
    float: right;
	border-radius:5px;
    width: 100%;
	padding-left:8px;
    height: 36px;  
    border-color: #74b2e9;
}
.photo-wpage{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}
.article__picture .gallery-large {
    width: 100%;
    height: auto;
}
.gallery-thumb .swiper-slide figure {
	position: relative;
    line-height: 0;
    display: block;
    padding: 0 0 68%;
    overflow: hidden;
	}
	
.gallery-thumb .swiper-slide figure img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	cursor: pointer;
	
}
.article__picture .photo-detail-thumb .swiper-slide img { 
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
}
 
.article__picture { 
    margin-bottom: 30px;
    position: relative;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: calc(100vw - 17px);
}
.article__picture .swiper-slide figcaption {
    color:#000;
    text-align: center;
    font-size: 16px;
    width: 800px;
	padding:5px 0;
    min-height: 48px;
    margin-left: auto;
    margin-right: auto;
 }
.article__picture .photo-detail-thumb {
    width: 800px;
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    margin-left: auto;
    margin-right: auto;
}
.article__picture .photo-detail-thumb .swiper-slide {
    text-align: center;
    width: 94px!important;
    border: 2px solid #fff;
    width: 25%;
    height: 100%;
    opacity: .4;
    border-radius: 6px;
}
.article__picture .photo-detail-thumb .swiper-slide:hover {
    opacity: 1;
}
.article__picture .photo-detail-thumb .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

.article__picture .swiper-slide {
    text-align: center;
}
.article__picture .swiper-slide img {
	width:auto;
    height: 560px;
    margin-bottom: 10px;
    max-width: calc(100vw - 17px);
}
.photo-page .article__picture .photo-detail-img .swiper-slide img {
    height: 560px;
    margin-bottom: 12px;
    max-width: calc(100vw - 17px);
}
.gallery-large .swiper-button-next {
    right: calc(50% - 600px);
}

.gallery-large .swiper-button-prev {
    left: calc(50% - 600px);
}
 
.gallery-large .swiper-button-prev, .gallery-large .swiper-button-next { 
    font-size: 80px;
    color: #fff; 
}
 
 
.ss-bg {padding:0 15px; background:#fff;border: 1px solid #eee; overflow:hidden}
 
.ss-bg .full-thumb .thumb-art { 
    margin: 0 -15px 10px !Important;   width:111.5%!Important; 
}
.ss-bg .item-news .title-news {line-height:140%;}
.ss-bg .item-news a{  font-weight:500;
}
.ss-bg .item-news a i {color:#980700;margin-right: 6px;font-size:15px;}

.item-list-td .title-news a i {color:#980700;margin-right: 6px;font-size:15px;}
.box-xemnhieunhat {margin:20px 0;}
.box-xemnhieunhat .item-news {
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.box-xemnhieunhat .item-news.full-thumb .title-news {
    font-size: 15px;
    font-weight: 700;
}
.box-xemnhieunhat .item-news.full-thumb .thumb-art {
    width: 100%;
    margin: 0 0 10px 0;
}
.box-xemnhieunhat .item-news:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.box-xemnhieunhat .title-news a:hover {color:#087cce}
.page-detail .footer-content {
    margin-bottom: 20px; clear:both
}
.footer-content .social {  display: flex;}
.footer-content .social .txt {
    line-height: 40px;
    color: #4f4f4f;
}
.footer-content .social a {
    background: #fff;
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 10px;
    align-self: center;
    text-align: center;
	display:inline-block;
}
.footer-content .social a i{font-size: 17px;padding-top: 4px;color:#0066bc}
.footer-content .social a:hover i{
    color: #076db6;
}
.page-detail.middle-detail {
    background: #fff; border-bottom:none
}
.box-area-input {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    position: relative;
    padding: 10px 0 10px 0;
}
.box-area-input.input_error {
    border: 1px solid #D0021B;
}

.input_comment textarea.block_input {
    height: 30px;
    overflow: hidden;
    resize: none;
}
.input_comment textarea {
    font: 400 16px/150% arial;
    background: #fff;
    border: none;
    width: 100%; 
    color: #4f4f4f !important;
    overflow: hidden;
    padding: 5px 37px 0 15px;
}

.ykien_dndt {
    width: 100%;
    float: left;
    margin-bottom: 0;
    position: relative;
    text-rendering: geometricPrecision;
    font-size: 18px;
    line-height: 23px;
    color: #222;
    background: none;
}
.filter_coment {
    color: #ccc;
    padding-bottom: 10px; margin:30px 0 20px 0;
    border-bottom: 1px solid #E0E0E0;
}
.box_comment_dndt .left {
    float: left !important;
}
.box_comment_dndt .left h3 {display:inline-block;font-weight:bold;margin-bottom:5px;}
.comment_item .content-comment {
    padding: 0 0 0 48px;
    margin-top: 0;
}
.comment_item .txt-name .nickname {
    color: #222;
    position: relative;
    font-weight: bold;
}
.comment_item .avata_coment {
    margin: 0 12px 0 0;
    float: left;
    width: 36px;
    height: 36px;
    background: #E5E5E5;
    line-height: 36px;
    text-align: center;
    color: #949494 !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: arial;
    border-radius: 50%;
    position: relative;
} 
.comment_item .avata_coment img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.comment_item p {
    padding-bottom: 0; 
    line-height: 150%;
    color: #4f4f4f;
}
.user_status {
    position: relative;
    float: left;
}
.box_comment_dndt .view_more_coment {
    width: 100%;
    float: left;
    height: 48px;
    text-align: center;
    position: relative;
    margin: 0 0 20px 0 !important;
}
.box_comment_dndt .view_more_coment a {
    height: 48px;
    line-height: 48px;
    padding: 0 35px; 
    color: #757575;
    text-align: center;
    display: inline-block;
    position: relative;
    background: #fff;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    width: 100%;
}
.box_comment_dndt .view_more_coment a:hover {
    background: #F7F7F7;
}
.empty-comment {
    padding: 30px 0;
    justify-content: center;
}
.empty-comment i {
    width: 55px; font-size:35px
}
.page-detail .tags {
    width: 100%;
    float: left;
    margin-top: 20px;
    font-size: 0;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    padding-left: 50px
}
.page-detail .tags .txt {
    font-size: 15px;
    line-height: 17px;
    color: #bdbdbd;
    display: inline-block;
    margin-right: 15px;
    position: absolute;
    top: 0;
    left: 0;
}
.page-detail .tags .item-tag {
    display: inline-block;
    font-size: 15px;
    line-height: 17px;
    margin: 0 30px 10px 0;
    position: relative;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.list-news-subfolder .item-news-common .title-news a:hover, .page-detail .tags .item-tag a:hover {color:#087cce}
.page-detail .tags .item-tag:after {
    content: "/";
    font-size: 15px;
    line-height: 25px;
    position: absolute;
    right: -17px;
    top: -4px;
    color: #bdbdbd;
}
.page-detail.bottom-detail {
    background: #fff;
    border-bottom: none;
}
.page-detail.moinhat-detail {
    background: #fff;
	margin-top:30px;
    border-bottom: none;
}
.moinhat-detail .list-news-subfolder {
    border-left: 1px solid #e5e5e5;  margin-bottom:25px;
}
.moinhat-detail .list-news-subfolder .item-news-common {
    padding-left: 30px;
    position: relative;
    border-bottom: none;
    margin-top: 0px;
    padding-top: 0px;
}
.moinhat-detail .time-count {
    font-size: 14px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
    color: #757575;
}
.moinhat-detail .time-count:before {
    content: "";
    width: 9px;
    height: 9px;
    background: #e00;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: -35px;
    z-index: 1;
}
.moinhat-detail .faq-count {
    font-size: 14px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
    color: #757575;
}
.moinhat-detail .faq-count:before {
    content: "\f059";
	font-family:FontAwesome; 
    font-size:22px;
    color:#e00;	
    position: absolute;
    top: -3px;
    left: -40px;
    z-index: 1;
}
#pagination { width: 100%; margin-bottom:30px; float:left;clear:both}

.paging .button-page { 
    align-items: center;
	text-align:center;
}
.paging .button-page .btn-page.active {
    border: 1px solid #980700;
    background: #980700;
    color: #fff;
}
.paging .button-page .btn-page.active:hover {background: #980700;}
.paging .button-page .btn-page {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    float: left;
    position: relative;
    margin-right: 10px;
    color: #757575;
}
.paging .button-page .btn-page:hover {
    background: #f7f7f7;
}
.paging .button-page .btn-page.next-page i {color: #757575; font-size:18px; margin-top: -5px;}

.title-moinhat {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}
.title-moinhat .sub-txt {
    font-size: 15px;
    line-height: 140%;
    color: #757575;
}
.title-moinhat .name-page-t {
    font-size: 24px;
    line-height: 160%;
}

.box-cate-list-news {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 100%;
    margin-bottom: 30px;
}
.box-cate-list-news .sidebar-right {
    padding: 0 0 0 65px;
    position: relative;
}
.box-cate-list-news .sidebar-right::before {
    content: "";
    background: #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    left: 30px;
}
.list-news-subfolder .item-news-common .title-news {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
}
.list-news-subfolder .item-news-common .thumb-art {
    width: 220px;
    margin-right: 0;
    float: right;
    margin-left: 40px;
}
.list-img-left .item-news-common .thumb-art {
    width: 220px;
    margin-left: 0;
    float: left;
    margin-right: 20px;
}
.list-news-subfolder .item-news-common .description {
    font-size: 15px;
    line-height: 140%;
}
.list-news-subfolder .item-news { 
    padding-bottom: 20px;
    margin-bottom: 20px; 
	}
ul.list-paper {margin:10px -20px; clear:both}
ul.list-paper li {width:32.6%; float:left; padding:0 20px}

.feature-box {
    padding: 15px 0;
    display: table;
    width: 100%;
}
.feature-heading {
    border-left: 4px solid red;
    padding-left: 7px;
    margin-bottom: 15px;
    position: relative;
}
.feature-heading h2 {
    margin: 0; font-size: 16px;line-height: 15px;
}
.feature-heading h3 {
    margin: 0;font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px; font-weight:700
}
.read-now {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    padding: 0px;
    font-size: 75%;
}
.btn-read-paper {
    color: #fff;text-align: center;
    background-color: #e00;
    padding: 0 5px;
    border-color: #e00;
    border-radius: 3px;
}
.btn-read-paper:hover { background-color: #c30606;}
.btn-large {padding:10px 15px;}

.title-search-date { 
    margin:20px 0 10px 0; float:right; text-align: right;
}
.feature-body {
    padding: 3px;
    border: 1px solid #c0c0c0;
}
/* ------------------------- */
.bookWrap {
	margin:20px auto;
	height:475px;
	width:350px; 
	position:relative; 
	-webkit-perspective: 1200px;
	   -moz-perspective: 1200px;
	        perspective: 1200px;
}

.book { 
	background: url('/images/cover.jpg') no-repeat;
	background-size: 335px 475px;
	height:475px;
	width:320px;
	position:absolute;
	left:8px;
	top:0;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-transition: -webkit-transform .5s ease 0s;
	-moz-transition: -moz-transform .5s ease 0s;
	transition: transform .5s ease 0s;
	
	-webkit-border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
	
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.bookIntro {
	-webkit-transform: rotateY(30deg);
    -moz-transform: rotateY(30deg);
	transform: rotateY(30deg);
}

.cover {
	position:absolute;
	left:0;
	top:0; 
	height: 100%;
	width: 335px; 
	max-width: 335px;
	max-height: 475px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;

	-webkit-transition: -webkit-transform .5s ease 0s, width .5s ease 0s;
	-moz-transition: -moz-transform .5s ease 0s, width .5s ease 0s;
    transition: transform .5s ease 0s, width .5s ease 0s;

	-webkit-transform-origin: 0;
	-moz-transform-origin: 0;
	transform-origin: 0;
	border: 1px solid #e1e1e1;
}

.cover:hover {	
	width:210px; 
	-webkit-transform: rotateY(-20deg);
	-moz-transform: rotateY(-20deg);
	transform: rotateY(-20deg);
}

.spine {
	background:#ddd;
	width: 15px;
	height: 475px;
	position: absolute;
	top: 0;
	left:0;
	
    -webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);

	-webkit-transform-origin: 0;
	-moz-transform-origin: 0;
	transform-origin: 0;
}

.top_gallery {
    width: 100%;
	background:#f3f3f3;
    margin: 0px auto 20px; 
	padding:30px 0;
    position: relative;
	clear:both; 
}
.photo-wpage .article__title {
    color: #222; 
	margin: 20px 0;
	text-align: center;
    font-size: 36px;
    line-height: 130%;
}
.photo-wpage .article__sapo {
	color: #222; 
    font-weight: 400; 
    font-size: 18px;
	text-align: center;
}
.photo-wpage .article__sapo p {line-height: 160%;}

.top_video {
    width: 100%;
    margin: 0px auto 20px; 
	padding-top:20px;
    position: relative;
	clear:both; 
}
.top_video .container {max-width:1260px;}

.top_video .video_left {
    width: 75%;
    float: left;
}
.top_video .video_right {
    width: 25%;   
    float:right; 
}

.inner_detail_right .list_art_video .art_item {width:100%}

.top_video .video_right .inner_detail_right {
    max-height: calc(100% - 10px);
    overflow: auto;
    padding: 0px 0 0 20px;
}
.top_video .title {
    font-size: 32px;
    line-height: 1.25;
	font-weight:bold;
    margin-bottom: 15px

}
.top_video .lead_detail {
    color: rgb(51, 51, 51);
    font-size: 16px;
    line-height: 1.31;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.top_video .video_right .author {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.31;
    text-align: right;
    margin-bottom: 20px;
    color: rgb(102, 102, 102);
    display: inline-block;
}
.top_video .video_right .cat_time .cat {
    color: #f00;
    font-weight: bold;
    margin-right: 10px;
}
.top_video .video_right .cat_time .time {
    font-size: 14px;
    color: #999;
}
.top_video .video_right .social { 
    padding-top: 10px;
    border-top: 1px solid rgb(204, 204, 204);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}
.top_video .wrap_social .item_social {
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 10px;
    border: 1px solid rgb(204, 204, 204);
    text-align: center;
    border-radius: 100%;
}
.top_video .wrap_social .item_social.facebook i{color:#3b5999}
.top_video .wrap_social .item_social.twitter i{color:#10b4f8}
.top_video .wrap_social .item_social i {
    padding-top: 6px; font-size:16px;
}
.xemthem_large {
    text-align: center; margin:20px 0 30px 0
}
.xemthem_large a {
    display: inline-block;
    background: #fff;
	border-radius:5px;
	border:1px solid #ccc;
    padding: 15px 100px;
    color: #087cce;
    font-size: 15px;
}
.bg-map-wold { background: #e0ebf5 url(/images/bg-map-wold.jpg) no-repeat top center;}

.warrap-province {clear:both; margin:35px 0; overflow: hidden;}
.warrap-province.pd-huunghi {margin-top:120px; padding:20px; background:rgb(255,255,255,0.6); border-radius:8px;}
.warrap-province.pd-huunghi-view { padding:25px 30px 20px 30px; background:rgb(255,255,255,0.8); border-radius:8px;}
.entry-inner {height:525px; overflow:hidden}
.entry-inner.expaned {height:auto !important}
.entry-inner h1.sapo {    
    font-size: 23px; 
    font-weight: 600;
	color: #222;
	text-transform:uppercase;
	text-align:center;
    padding-bottom: 5px; 
    margin-bottom: 15px;
	}
.view-all {float:right; font-size:16px; color:#048afb; font-weight:500; text-decoration:underline}	
.entry-inner-popup {max-width:800px;}
.entry-inner-popup {padding:15px; line-height: 26px;}
.entry-inner-popup h1 {    
    font-size: 22px; 
    font-weight: 500;
	color: #0066bc;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
	}
	
.detail__info {
	display: flex;
    justify-content: space-between; 
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #1e5469;
    padding-bottom: 15px;
    border-bottom: 1px solid #d8e8f1;
    margin-bottom: 20px;
}	
.detail__ctitle { 
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #002c3a;
    margin-bottom: 12px;
}
.detail__cquestion { 
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #002c3a;
    margin-bottom: 16px;
}
.detail__reply {
    background: #f6fbfd;
    border-radius: 4px;
    padding: 20px;
    border-left: 4px solid #d8e8f1;
    margin-bottom: 5px;
}
.detail__reply p {font-size:16px; line-height: 1.6em;}
	
.img-province {text-align:center}
.list-province {width:25%; margin-bottom:20px; float:left}
.list-province h3 {
    color: #0066bc;
    font-size: 21px;
    font-weight: 600;   
    margin-bottom: 20px;
    text-transform: uppercase;
}
.list-province ul li {
    padding: 8px 0;
}
.list-province ul li a {
    color: #222;
    display: inline-block;
    text-decoration: none;
    font-size: 17px; 
    line-height: 20px;
}

.list-province ul li a:hover {color:#0066bc}
/*
.document-list {
    list-style: none;
    margin-bottom: 30px;
    padding: 0;
    clear: both;
}
.document-list .item {
    padding: 24px 0;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
    line-height: normal;
}
.document-list .item__title {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.document-list .item__meta {
    line-height: 1;
    font-size: 15px; 
    color: #888;
    padding-top: 5px;
    text-align: right;
}
.document-list .item__title a:hover {color: #0066bc;}
.document-list .item__body {
    padding-right: 130px;
    position: relative;
}
.document-list .item__body .row {margin-right: -15px; margin-left: -15px;}
.document-list .col-1 {
    width: 85%;padding-right: 15px;padding-left: 15px; float: left;
}
.document-list .col-2 {
    width: 15%;padding-right: 15px;padding-left: 15px; float: left;
}
.document-list .item__btn {
    position: absolute;
    top: 5px;
    right: 0;
    line-height: 1;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #0066bc;
}

*/
.document-list .item {
    padding: 20px 0;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
    line-height: normal;
}
.document-list .itemhead
{
    padding: 24px 0;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
    line-height: normal;
    background-color: #edeff6;
}
.document-list .item__title {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.document-list .item__meta {
    line-height: 1;
    font-size: 15px; 
    color: #000;
    padding-top: 5px;
}
.document-list .item__title a:hover {color: #0066bc;}
.document-list .item__body {
    padding-right: 130px;
    position: relative;
}
.document-list .item__body .row {margin-right: -15px; margin-left: -15px;}
.document-list .col-1 {
    width: 85%;padding-right: 15px;padding-left: 15px; float: left;
}
.document-list .col-2 {
    width: 16%;padding-right: 15px;padding-left: 15px; float: left;
}
.document-list .col-3 {
    width: 50%;padding-right: 15px;padding-left: 15px; float: left;
}
.document-list .item__btn {
    position: absolute;
    top: 5px;
    right: 0;
    line-height: 1;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #0066bc;
}
.itemno
{
    padding: 10px;
    background-color: #edf2fa;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid red;
}
.list-bld {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
	margin-top: 25px;
    margin-bottom: 25px;
}
.list-bld .team {
    background-color: #fff; box-shadow: 0 0.2rem 1rem 0 rgb(0 0 0 / 20%);
}
.list-bld .team:hover {
    background-color: #fff; box-shadow: 0 0.2rem 1rem 0 rgb(0 0 0 / 32%);
}
.list-bld .team__img {
    position: relative;
    overflow: hidden;
    background-color: #dedede; 
}
.list-bld .team__img:after {
    content: "";
    display: block;
    padding-top: 125%;
}
.list-bld .team__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list-bld .team__body {
    text-align: center; padding:20px 10px;
}
.list-bld .team__name {
    font-size: 18px;
	color:#0066bc;
	font-weight:600;
    margin-bottom: 10px;
}
.list-bld p {
    font-size: 15px;
    line-height: 1.3; 
    color: #555;
}
.list-bld p strong {color:#000}


#box_comment_vd {
    margin-bottom: 20px;
	min-height:50px;
    padding-bottom: 0 !important;
	overflow:hidden;
}
#box_comment_vd .comment_item span.left.txt_666.txt_14 {
    font-size: 12px;
    padding: 5px 0 0;
    white-space: normal;
}

#box_comment_vd .comment_item .avata_coment {
    margin: 0 10px 0 0;
    float: left;
    width: 24px;
    height: 24px;
    background: #BDBDBD;
    line-height: 24px;
    text-align: center;
    color: #fff !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px !important;
    overflow: hidden;
    border-radius: 50%;
}
#box_comment_vd .comment_item {
    padding: 10px 10px 0 10px;
    word-wrap: break-word;
}
#box_comment_vd .comment_item p {
    padding-bottom: 2px; margin:0; 
}

.input_comment_vd {
    padding: 10px;
    background: #f5f5f5;
    position: relative;
    width: 100%;
    z-index: 20;
    border-top: 1px solid #dedede;
}
.input_comment_vd textarea {
    font: 400 12px/18px arial;
    background: #fff;
    border: 1px solid #c5c5c5;
    width: 100%;
    height: 68px;
    color: #666 !important;
    overflow: hidden;
    padding: 5px 37px 0 5px;
}

.btn_dndt, .btn_send_comment {
    background: #f00;
    color: #fff !important;
    font: 700 12px arial;
    padding: 5px 18px;
    border: none;
    cursor: pointer;
    display: inline-block;
}
.btn_send_comment {
    float: right;
    margin-top: 5px;
}
.btn_send_comment {
    padding: 5px 20px;
}
.block_not_login p {
    font-size: 12px !important;
    font-family: 'arial', sans-serif;
    color: #17191A;
    padding-top: 6px;
    line-height: 18px;
    margin: 0 !important;
}
.block_not_login p a {
    text-decoration: underline !important;color: #26abff !important;
}
.main_province {
    padding: 20px 0 0 0;
}

.main_boxtinh {
    padding: 25px 20px 20px;
    background: #212529
}
.main_video {
    padding: 10px 0 0 0;
}
.container_video{
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    clear: both;
}
.list_art_video, .list_art_news {
    margin-left: -15px;
    font-size: 0;
    position: relative;
}
.list_art_video .art_item, .list_art_news .art_item {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    margin: 0 0 30px 0;
    float: none;
}
 
.list_art_video .title_news, .list_art_news .title_news {
    clear: both;line-height: 1.33;
}

.list_art_video .art_item .title_news a, .list_art_news .art_item .title_news a {
    font-size:15px; color: #000; font-weight:500
}
.list_art_video .title_news a:hover, .list_art_news .title_news a:hover {color: #087cce;}

.list_art_video  .thumb_art.thumb_full, .list_art_news .thumb_art.thumb_full {
    width: 100%;  position: relative;
    margin: 0 0 10px 0;
}
.list_art_video .duration_video {
    width: 32px;
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    left: 10px;
    bottom: 10px;
    color: #fff;
    font-weight: 700;
    justify-content: center;
}
.thumb_img {
    display: block;
    overflow: hidden;
    height: 1px;
    position: relative;
    width: 100%;
    background: #f7f7f7;
}
.thumb_img img {
    width: 100%;
    float: left;
    -o-object-fit: cover;
    object-fit: cover;
}
.thumb_16x9 {
    padding-bottom: 56.25%;
}
.list_art_video .duration_video i{color:#fff; font-size:16px;}
.meta_post_art {
    color: #999;
}
.meta_post_art .count_comment { 
    line-height: 18px; 
	position:relative
}
.meta_post_art .count_comment i{color:#e00}
 
.meta_post_art>span:first-of-type {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.meta_post_art .duration_time {
    float: left;
    font-size: 14px;
}
.meta_post_art .count_view {
    border-left: 1px solid #ccc;
}
.meta_post_art .count_view, .meta_post_art .count_comment {
    float: left;
    margin-left: 10px;
    padding-left: 7px;
    font-size: 14px;
	border-left: 1px solid #ccc;
} 
.txt_num_comment .total {
    background: #fff;
    font: 400 12px arial;
    margin: 0px 0 0 3px;
    color: #f00; 
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
ul.social-network {margin-left:20px;}
ul.social-network li {
    display: inline;
    margin: 0 1px;
}
.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
	background:#fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 28px;
    height: 28px;
    border: 1px solid #000;
}
.social-circle li i {
    margin: 0; 
    font-size: 16px;
    color: #000;
    text-align: center;
}
.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    color: #0066bc;
    transition: all 0.2s;
}
.scrollup{width:40px;height:40px;border-radius:3px;border: 1px solid #e5e5e5;background: #fff;text-align:center;font-weight:700;text-decoration:none;position:fixed;bottom:20px;right:20px;margin-top:-16px;z-index:100;display:none;text-indent:-3000px;overflow:hidden}
.scrollup:before,.scrollup:after{content:'';position:absolute;display:block;top:12px;background-color:#666;height:13px;width:2px}
.scrollup:before{transform:rotate(-45deg);left:22px}
.scrollup:after{transform:rotate(45deg);right:22px} 
.scrollup:hover {background:#f5f5f5}


.support-chat{width:auto;position:absolute;bottom:8px;right:80px;z-index:200;overflow:hidden}
.box-support {
	display:none;
	right: 20px !important;
    left: unset !important;
    max-height: 100% !important;
    max-height: calc(100% - 40px) !important;
    max-width: 100% !important;
    background: #fff !important;
    z-index: 200!important;
    border-radius: 15px !important;
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / 13%) !important;
    flex-direction: column !important;
    align-items: center !important;
    position: fixed !important;
    margin-bottom: 20px !important; 
    width: 340px !important;
    bottom: 0 !important; 
    transition: opacity 0.1s cubic-bezier(1, 0.5, 0.8, 1) !important;
    visibility: visible !important;
}
.box-support .widget-header {
    z-index: -1 !important;
    position: relative !important;
    border-radius: 15px 15px 0px 0px !important;
    background: linear-gradient(315deg, rgb(0, 10, 204) 15.28%, rgb(2, 120, 255) 84.72%) !important;
    color: rgb(255, 255, 255) !important;
    -webkit-text-fill-color: rgb(255, 255, 255) !important;
    width: 100% !important;
}
.box-support .widget-header .widget-header--button-back {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1jaGV2cm9uLWxlZnQiPjxwb2x5bGluZSBwb2ludHM9IjE1IDE4IDkgMTIgMTUgNiI+PC9wb2x5bGluZT48L3N2Zz4K) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;
    width: 40px !important;
    height: 30px !important;
    display: block !important;
    position: relative !important;
    margin-left: -9px !important;
    cursor: pointer !important;
    top: 2px !important;
}
.box-support .widget-header--button {
    padding: 3px !important;
    border-radius: 5px !important;
    position: relative !important;
    cursor: pointer !important;
}
.box-support .widget-header--button-close-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci14Ij48bGluZSB4MT0iMTgiIHkxPSI2IiB4Mj0iNiIgeTI9IjE4Ij48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPgo=) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    cursor: pointer !important;
}
.box-support .widget-header--title {flex: 1 !important;font-size:16px; font-weight:600; line-height:32px;}
.box-support .widget-header .widget-header-inner {
    height: auto !important;
    padding: 15px !important;
    position: relative !important;
	top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    opacity: 1 !important;
    display: flex !important;
}
.box-support .content-form {padding:15px;}
.box-support .content-form p.note-box{font-size:15px; text-align:center; margin-bottom:15px}
.content-form .value {margin:10px 0;overflow: hidden;}
.content-form .line-checkbox { margin-bottom:15px;}
.content-form .line-checkbox label {
    margin-left:5px; font-size:14px;
}
.content-form .value input {
	height: 36px;
    background: #fff;
    border: 1px solid #e0eaf9; 
    border-radius: 6px;
    padding: 0 12px;
    width: 100%;  
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #333;
}
.content-form .value .btn-search-textarea {
    background: #fff;
    border: 1px solid #e0eaf9; 
    border-radius: 6px;
    width: 100%;
    padding: 8px 16px;
    height: 100px; 
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    color: #333;
}
.content-form .btn-submit {
    display: inline-flex;
    background: #e00; 
    border-radius: 3px;
    margin-right: 16px;  
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    padding: 9px 16px;
}

.footer { 
    background: #0066bc; width: 100%; clear:both; 
} 
.footer__top {
    padding: 20px 0 20px; position:relative
}
.footer__top-flex .text { 
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2;
    color: rgba(255,255,255,.8);
	margin-bottom:10px;
}
.footer__top-flex .text i { color: rgba(255,255,255,.8); margin-right:5px;}
.footer__top-flex {
    display: flex;
}
.footer__logo {
    width: 136px;
    margin-right: 21px;
}
.footer .content-ft .footer-title {  
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-bottom: 2px;
}
.footer .content-ft .content{  
    font-weight: 400;
    font-size: 15px; 
    margin-bottom: 0px;
	color: rgba(255,255,255,.95);
}
.footer__bottom {
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,.2);  
    line-height: 17px;
    text-align: center;
}
.footer__bottom p {font-size: 15px; font-weight:500; color: rgba(255,255,255,.9); margin:0}
.footer .inner-footer {
    border-top: 5px solid #E5E5E5;
    padding: 10px 0 20px  0;
    font-size: 14px;
    margin-top: 25px;
}
.menu-footer{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.menu-footer h3 {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    height: 25px;
    line-height: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 150px;
}
.menu-footer h3 a:hover {color:#f00}
.menu-footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.menu-footer ul li{ 
    padding: 2px 0;
}
.menu-footer ul li a {
    color: #555;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
}
.menu-footer ul li a:hover {color:#000; text-decoration:underline}

.copyright-center {
    padding:30px 0; line-height:25px; clear:both; text-align:center
}
.footer .content-ft-flex {
    display: flex;
}
.copyright-center p {margin:0}
.copyright-center .left {
    width: 50%;
    display: flex;
}
.copyright-center .left .text { 
    font-size: 14px;
    line-height: 25px;
    color: rgba(255,255,255,.8);
}
.copyright-center .right .text { 
    font-size: 14px;
    line-height: 25px;
    color: rgba(255,255,255,.8);
}
.copyright-center .right {
    width: 50%;
    border-left: 1px solid rgba(255,255,255,.2);
    padding-left: 44px;
    height: 100%;
}
.copyright-center .footer-title {
    color: #111;
    font-size: 20px;
    font-weight: 600; 
    line-height: 15px;
    margin-bottom: 15px;
    text-transform: uppercase; 
}
.copyright-bottom {
    padding:15px 0; border-top:1px solid rgba(255,255,255,0.2); clear:both
}
.copyright-bottom p{
     margin:0; color: rgba(255,255,255,.7);text-align: center;
}
.copyright-bottom p a {color:#fff}

.fancybox-content {padding:0}

  
.mb5 {
  margin-bottom:5px;
}

.mb10 {
  margin-bottom:10px;
}

.mb15 {
  margin-bottom:15px;
}

.mb20 {
  margin-bottom:20px;
}

.mb25 {
  margin-bottom:25px;
}

.mb30 {
  margin-bottom:30px;
}
 

.mt5 {
  margin-top:5px;
}

.mt10 {
  margin-top:10px;
}

.mt15 {
  margin-top:15px;
}

.mt20 {
  margin-top:20px;
}

.mt25 {
  margin-top:25px;
}

.mt30 {
  margin-top:30px;
}

.tab-content>.tab-pane {
    display: none;
}  
.tab-content>.active {
    display: block;
}

.section_mydndt{
  width:100%;
  float:left;
  position:relative;
}

.container_mydndt{
  width:100%;
  max-width:1130px;
  padding-left:15px;
  padding-right:15px;
  margin:0 auto;
  position:relative;
  clear:both;
  z-index:5;
}
 
.field-icon { 
  margin-left: -25px;
  margin-top: 15px;
  position: absolute;
  z-index: 2;
  font-size:18px;
  color: #999;
}

.pri_button {
  background:#e00;
  border-radius:3px;
  cursor:pointer;
  border:none;
  font-family:"Arial",sans-serif;
  color:#fff;
  line-height:normal;
  font-size:15px;
  font-weight:700;
  text-align:center;
}
 
.white-popup-mydndt{
  position:relative;
  width:100%;
  max-width:500px;
  margin:0 auto;
  padding:0;
  font-family:"Arial",sans-serif;
}

.white-popup-mydndt.center {
  text-align:center;
}

.popup-log {
  max-width:768px;
}
 
.title_popup_mydndt{
  border-bottom:1px solid #E5E5E5;
  background:#fff;
}

.title_popup_mydndt .tab_log {
  font-size:18px;
  color:#828282;
  font-weight:700;
  position:relative;
  text-align:center;
  width:50%;
}
.title_popup_mydndt .tab_log a {
  display:block;
  padding:17px 0;
  }
.title_popup_mydndt .tab_log:after {
  content:'';
  background:#e00;
  width:100%;
  height:2px;
  position:absolute;
  bottom:-1px;
  left:0;
  display:none;
}

.title_popup_mydndt .tab_log.active {
  color:#e00;
}

.title_popup_mydndt .tab_log.active:after {
  display:block;
}

.title_popup_mydndt .tab_log.tab_login {
  padding-left:52px;
}

.content_poup_mydndt{
  background:#fff;
  font-size:16px;
}

.block_log {
  padding:30px 0;
}

.block_log .box_left {
  width:54.4%;
  padding:0 30px;
  border-right:1px solid #E0E0E0;
}

.block_log .box_right {
  width:45.6%;
  padding:0 15px;
}

.box_log .tit_box {
  text-align:center;
  font-size:16px;
  color:#333;
  margin-bottom:20px;
}

.box_log .tit_box p {
  margin-bottom:10px;
}

.box_log .tit_box.tit_res {
  height:81px;
}

.box_log .tit_box.tit_res p {
  line-height:27px;
  margin-bottom:0;
}

.box_log.box_right .tit_res {
  padding-top:28px;
}

.tit_box a {
  color:#2D9CDB;
  word-wrap:break-word;
}

.tit_box a.underline {
  text-decoration:underline;
}

.tit_box.tit_box_error p {
  color:#9F224E;
}
 
.form_log .item_input_log {
  width:100%;
  float:left;
  margin-bottom:20px;
  position:relative;
}

.form_log .item_input_log .input_form {
  width:100%;
  float:left;
  height:48px;
  border:1px solid #BDBDBD;
  border-radius:3px;
  font-size:15px;
  color:#222;
  padding:0 15px;
  outline:none;
}
.block_tkb .box_left {
	width: 100%;
    padding: 35px;
}
.w-500 {max-width:500px}
.form_log .item_input_log .input_form:focus {
  border:1px solid #2D9CDB;
}

.form_log .item_input_log.item_button_act {
  margin-bottom:15px;
}

.form_log .item_input_log:last-child {
  margin-bottom:0;
}

.form_log .item_input_log .icon_input {
  position:absolute;
  top:15px;
  right:10px;
  cursor:pointer;
  font-size:12px;
  color:#1B71B2;
}
 
.input_50 {
  width:50%;
}

.input_50.left {
  padding-right:10px;
}

.input_50.right {
  padding-left:10px;
}

.mess_error {
  margin-top:5px;
  font-size:13px;
  color:#f00;
}

.mess_error a {
  color:#2D9CDB;
  text-decoration:underline;
}

.btn_log {
  width:100%;
  padding:0 15px;
  height:48px;
  line-height:48px;
}

.btn_disable {
  background:#BDBDBD;
}

.btn_close {
  border:1px solid #BDBDBD;
  background:#fff;
  color:#333;
  font-weight:400;
}

.btn_loading {
  opacity:0.5;
}

.note_pass {
  text-align:center;
  font-size:15px;
}

.note_pass a {
  color:#828282;
}

.note_pass.note_qd {
  font-size:13px;
  color:#828282;
}

.note_pass.note_qd a {
  color:#2D9CDB;
  text-decoration:underline;
}

.social_log {
  width:242px;
  display:block;
  margin:0 auto;
  text-align:center;
  border-radius:3px;
  padding:0;
  height:48px;
  line-height:48px;
  font-size:15px;
  font-weight:700;
  position:relative;
}

.social_log span {
  display:inline-block;
}

.social_log span img {
  position:absolute;
  left:17px;
  top:12px;
  height:22px;
}

.social_log.face_log {
  color:#3B5999;
  border:1px solid #3B5999;
}

.social_log.google_log {
  color:#4688F1;
  border:1px solid #4688F1;
}

.social_log.app_log {
  color:#222;
  border:1px solid #222222;
}

.container_check {
  display:block;
  position:relative;
  padding-left:25px;
  line-height:16px;
  cursor:pointer;
  font-size:15px;
  color:#4F4F4F;
  font-weight:400;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.container_check input {
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0;
}

.container_check .checkmark {
  position:absolute;
  top:0;
  left:0;
  height:16px;
  width:16px;
  background-color:#fff;
  border:1px solid #BDBDBD;
  border-radius:3px;
}

.container_check input:checked ~ .checkmark {
  background-color:#fff;
}

.container_check .checkmark:after {
  content:"";
  position:absolute;
  display:none;
}

.container_check input:checked ~ .checkmark:after {
  display:block;
}

.container_check .checkmark:after {
  left:5px;
  top:1px;
  width:4px;
  height:9px;
  border:solid #9F224E;
  border-width:0 1px 1px 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.title_notice {
  padding:20px;
  text-align:center;
  position:relative;
  font-size:18px;
  font-weight:700;
  color:#222;
}

.title_notice .back_pop {
  position:absolute;
  top:22px;
  left:20px;
  color:#828282;
  font-size:16px;
  font-weight:400;
  padding-left:15px;
}

.title_notice .back_pop:before {
  width:10px;
  height:10px;
  border:solid #828282;
  border-width:0 1px 1px 0;
  content:'';
  position:absolute;
  top:5px;
  left:0;
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}

.content_text {
  padding:30px;
}

.inner_quydinh p {
  font-size:16px;
  color:#333;
  margin-bottom:1em;
}

.inner_quydinh ul {
  padding-left:15px;
}

.inner_quydinh ul li {
  font-size:16px;
  color:#333;
  margin-bottom:1em;
  list-style-type:disc;
  list-style:outside;
}

.popup-notice {
  max-width:418px;
}

.popup-notice .block_log {
  padding:30px;
}

.popup-notice .tit_box {
  text-align:center;
  margin-bottom:25px;
}

.popup-notice .tit_box a {
  color:#2D9CDB;
}

.popup-notice .block_log_onlytext .tit_box {
  margin-bottom:0;
}

.icon_link_external {
  vertical-align:middle;
  fill:#BDBDBD;
}

.or_text {
  text-align:center;
  position:relative;
}

.or_text:before {
  width:100%;
  height:1px;
  content:'';
  background:#E0E0E0;
  position:absolute;
  top:50%;
  margin-top:-0.5px;
  left:0;
}

.or_text span {
  display:inline-block;
  padding:0 10px;
  background:#fff;
  font-size:14px;
  color:#BDBDBD;
  position:relative;
}

.comment_not_login {
  font-size:15px;
  text-align:center;
}

.comment_not_login a {
  font-weight:700;
  color:#828282;
}
#readbook_slide .swiper-slide:first-child img {
    float: right;
}
#readbook_slide .swiper-slide:first-child span {
    text-align: right;
    padding-right: 22px;
}
#readbook_slide .swiper-slide:last-child span {
    text-align: left;
    padding-left: 15px;
}
#readbook_slide .swiper-slide span {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.box-contact {
    position: relative;  
    margin: 30px 0;
    overflow: hidden;
}
.box-contact .caption{ padding:30px; border-radius: 5px; background: #f8f8f8; margin-bottom:35px; border:1px solid #ddd; overflow:hidden}
.box-contact .caption .left {width:50%; float:left}
.box-contact .caption .right {width:50%; float:right}
.box-contact .caption .mr-pd { margin-bottom:35px; }
.box-contact .caption p {font-size:14px;}
.box-contact .caption p i {color:#999;margin-right:6px;}
.box-contact .caption h3 { position: relative; display: inline-block; font-size:20px; margin-bottom:20px; font-weight:600; color:#222; text-transform:uppercase} 
.box-contact .caption h3:before {
    content: "";
    width: 88px;
    height: 2px;
    background: #0066bc;
    position: absolute;
    left: 0;
    bottom: -6px;
}
.contact-from input, .contact-from textarea {
	font-family: 'Roboto','Arial',sans-serif;
    background: #fff;
    border: 1px solid #999;
    color: #787878;
    width: 100%;
    border-radius: 5px;
    height: 36px;
    padding: 2px 10px;
    margin-bottom: 10px;
    position: relative;
}
.contact-from textarea {
    height: 100px;
    padding:15px;
}
.contact-from button {
    font-family: 'Roboto','Arial',sans-serif;
    border-radius: 5px; 
    background: #e00;
    border: 1px solid transparent;
    color: #fff;
	font-weight:bold;
    padding: 11px 30px;
    text-transform: uppercase; 
}
.title-googlemap h3 {text-align:center; position: relative;  font-size:20px; margin-bottom:25px; font-weight:600; color:#222; text-transform:uppercase} 
.title-googlemap h3:before {
    content: "";
    width: 88px;
	margin-left:-44px;
    height: 2px;
    background: #0066bc;
    position: absolute;
    left: 50%; 
    bottom: -6px;
}
.item_map {
    height: 450px;
    padding: 0;
    position: relative;
    display: block;
}

 
@media (min-width: 768px){
	.product-fix {
		position: -webkit-sticky;
		position: sticky;
		top:50px;
		z-index: 5;
	}
	.so-sticky {
		position: -webkit-sticky;
		position: sticky;
		top:0px;
		z-index: 5;
	}
	.r-sticky {
		position: -webkit-sticky;
		position: sticky;
		top:68px;
		z-index: 5;
	}
}
@media screen and (max-width:1369px) {
	.main-menu .sm-clean a {
		margin-right: 0px; font-size:13px;
	}

} 
@media screen and (max-width:1359px) {
	.main-menu .sm-clean >li:nth-last-of-type(-n+0) {
		display: none;
	}
	.main-menu .nav-parent { max-width: 1136px;}
} 
 
@media (max-width: 768px){
	.top-header .all-menu {display:block}
	.top_video .video_right { width:100%; background:#fff;} 
	.top_video .video_left { width:100%; padding:0;} 
	ul.social-network, .main-menu, .banner-ads, .social_pin,.c-header-sticky .c-sticky-title {display:none}
	.col-right-top, .col-left-top{width:100%; clear:both; margin:0; padding:0}
	.list-news-feature::after {display:none}
	.disflex ,.box-cate-list-news{display:inherit}
	.section_topnews {padding:0} 
	.top_video .video_right .inner_detail_right {padding: 15px 0 0 0;}
	.ss-content {width: calc(100% + 10px);}
	.wrap-all-menu .cat-menu li, .inner_detail_right .list_art_video .art_item {width:50%;}
	.list_art_video .art_item, .list_art_news .art_item {
         width: 33.3333%;
     } 
	 .gallery-large .swiper-slide figure {
		position: relative;
		line-height: 0;
		display: block;
		padding: 0 0 65%;
		overflow: hidden;
		margin-bottom:8px;
	}
	.gallery-large .swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain; 
		cursor: pointer;
		position: absolute;
		top: 0;
		left: 0;
	}
	.colbox-left, .colbox-right,.copyright-center .left, .copyright-center .right, .top_video .video_left, .col-right-user, .col-left-user, .box-tinh-left { width:100%; padding:0;max-width: 100%;}
	.article-ttcs.column { grid-template-columns: repeat(2,1fr); }
	.list-bld{ grid-template-columns: repeat(1,1fr); }
	.story-large .description {margin-bottom:0 !important}
	.cate-focus .story-large, .cate-focus .story-small { width:100%;} 
	.photo-wpage, .article__picture .photo-detail-thumb, .article__picture .swiper-slide figcaption {width:600px;}
    .story-small .thumb-art {width:120px; margin-right:10px; float:left}
	.cate-focus .story-small .title-news {margin:0}
	.news-top-cm  {margin-bottom:20px;}
	.bottom-news-top {margin:20px 0; float:left} 
	.warrap-province.pd-huunghi  {margin-top:35px;}
	.bg-map-wold .list-province { width: 50%;}
	.container {padding:0 10px;}
	.inner-video {margin:10px 0}
	.entry.longform {padding-top:35px;}
	.box-pd {margin-bottom:30px;}
	.category-top .box-category-menu a {font-size:14px; margin-left: 25px;}
	.main_boxtinh .disflex {display:flex}
	.main_video, .page-detail .sidebar-right {padding:0; max-width: 100%; width: auto;}
	.page-detail.top-detail .sidebar-left, .page-detail .sidebar-left {max-width: calc(100% - 0px); padding-top:10px;}
	.header-banner {
		background: #afd6f8 url(/images/bg-header.jpg) no-repeat top center; 
		height: 138px;
		background-size: cover;
		clear: both;
	}
	.header__logo {padding:20px 0 0 0;}
	.header__logo .v-logo { }
	.header-banner .name {font-size:25px; line-height:33px}
	.item-list-td {width:50%}
	.support-chat {
		width: 220px;  
		right: 20px; 
	}
}

@media (max-width: 480px)
{
	.list-ncate-feature li
	{
		width:50% !important;
	}
	.centertop { display:block !important;}
	.centertop img{ max-height:36px;}
	.support-chat {
		width: 130px;  
		right: 10px; 
	}
	.rightle{ float:left !important;}
    .main_boxtinh {padding:10px 0; overflow:hidden}
	.colbox-left, .colbox-right,.copyright-center .left, .copyright-center .right, .top_video .video_left, .col-right-user, .col-left-user, .box-tinh-left { width:100%; padding:0;} 
	.top_video .video_right {margin-top:20px; width:100%; background:#fff;} 
	.wrap-all-menu .content-right, .wrap-all-menu .content-left {width:100%; padding: 10px 0; border: none;} 
	.top-header .search { padding:0; margin: 0; right: 10px; width: 68%; position: absolute; z-index:3; display:none}
	.top-header .search input, .cate-focus .story-large, .cate-focus .story-small { width:100%;} 
	.footer .content-ft-flex, .category-top .box-category-menu{display:inherit; overflow:hidden}
	.copyright-center .footer-title {margin-bottom:15px; font-size: 16px;}
	.copyright-center {padding:30px 0 15px 0} 
	.copyright-bottom p {padding:0 5px; font-size:13px;}
	.wrap-all-menu .cat-menu li {width:50%;}
	.article.column {margin-top:10px; grid-template-columns: repeat(2,1fr);}
	.inner-video { padding: 10px 15px }
	.bottom-news-top {margin:15px 0 0 0; float:left}
	.document-list .col-1 {width:100%; margin-bottom:8px;}
	.document-list .item__meta { text-align: left;}
	.document-list .item__btn span ,.footer__logo{ display: none}
	.footer__top {padding:20px 0}
	.document-list .item__body {padding-right: 30px}
	.home-sfw-layout {margin:0}
	.top-header .date {margin-left:-10px; font-size:13px; display:none;}
	.item-list-td {width:100%}
	.news-swiper .swiper-pagination { bottom:130px; right:20px}
	.list-news-feature {
		width: calc(100% + 10px);
		margin-left: -10px;
		padding-top: 0;
	}
	.category-top .box-category-menu a {
		display: inherit;
		width: 50%;
		float: left; 
		margin: 10px 0;
		font-size: 14px;
	}
	.list-news-feature li.box-focus-item:first-child, .list-news-feature li.box-focus-item:nth-child(2), .bottom-news-top .list-news-feature li {
		padding-bottom:0;
		margin-bottom: 15px;
		border-bottom: 1px solid #e9e9e9;
	}
	.item-list-td .thumb-art {width:135px;}
	.ss_detail {height:auto}
	.col-right-about {padding:10px 0}
	.inner_detail_about {padding:0}
	.left_menu li a, .list-province {width:50%; float:left}
	.title-news{font-size: 16px !important;}
	.article.bg-column { grid-template-columns: repeat(2,1fr); grid-gap: 10px; margin-bottom:20px;}
    .bg-column .article-item:last-child {display:none}
	.top_gallery {padding:15px 0}
	.photo-wpage, .article__picture .photo-detail-thumb, .article__picture .swiper-slide figcaption, .col-left-about, .col-right-about {width:100%}
	.photo-wpage .article__title {font-size:25px;} 
	.list-news-subfolder .item-news-common .title-news {font-size:18px; font-weight: 600;}
	.list-news-subfolder .item-news-common .thumb-art {width:120px;}
	.wrap-sum-news .description {margin-bottom:15px; font-size:15px;}
	.news-top-cm .list-news-feature li .title_news, .item-list-td .title-news,.article.column .title_news, .item-list-r .title-news, .list-news-feature li .title_news, .colbox-right .item-news .title-news {font-size:15px !important;}
	.list_art_video .art_item , .inner_detail_right .list_art_video .art_item, .list_art_news .art_item{width:50%}
	.box-tinh-center {width:55%;float: left; }
	.box-tinh-right {width: 45%; padding:0;float: left;}
	.col-boxtinh .item-news:last-of-type {margin-bottom:15px; border-bottom:1px solid #555}
	.copyright-center .right {border-left:none;}
	.list-news-feature li {margin-left:10px;}
	.category-top h2 {width:100%; margin-bottom: 10px; border-bottom: 1px solid #fff; padding-bottom:8px;}
	.category-top,.box-cate-list-news, .main_boxtinh .disflex{display:inherit}
	.top-newscm .list-news-feature li, .bottom-news-top .list-news-feature li {width:100%; }
	.top-newscm .list-news-feature .thumb-art, .bottom-news-top .list-news-feature .thumb-art {width:110px; float: left; margin:0 10px 15px 0;}
	.btnnews, .bg-banner, .social_pin, .page-detail .header-content .date, .box_navigationuser, .c-header-sticky .c-sticky-title{display:none}
	.c-header-sticky .c-logo {width:20%}
	.entry.longform {padding-top:60px}
	.title-box-category {margin-bottom:10px;}
	.wrapper-topnews .article-topnews .title-news { font-size: 17px !important; margin-bottom:0px !important; line-height: 22px; color:#222;font-weight: 600;} 
	.article-topnews .thumb-title {height:120px; padding:15px; background: #f5f5f5; position: relative;}
	.article-topnews .thumb-title div{margin-top:-30px;}
	.news-swiper {margin:auto -10px}
	.article-topnews .thumb-title .description {font-size: 16px ;}
	.news-swiper .swiper-button-next, .news-swiper .swiper-button-prev , .wrapper-topnews .article-topnews .time-ago{display:none}
	.video-flex {display:inherit}
	.ss-video, .ss-photo{width:100%; margin:0}
	.top_video {padding-top:10px;}
	.video-container {margin: -10px;}
	.top_video .video_right .inner_detail_right {padding:0; max-height: calc(100% - 0px);}
	.page-detail-user {padding:10px 0}
	.wrapper_user, .list_activity,.select_filter {padding:10px;}
	.tit_page_user {margin: 10px;}
	.item_fill_user .label_fill { width:90px;}
	.item_fill_user .ctn_fill { width: calc(100% - 90px);}
	.article-ttcs.column { grid-template-columns: repeat(1,1fr); }
	.entry.longform p {padding:0 10px;}
	.entry-inner h1.sapo {font-size:20px;}
	.warrap-province.pd-huunghi-view {padding:15px 10px 10px 10px;}
	.header-province p.about { 
		text-align: center;
		top: -80px;
		left: 0; 
		right: 20px;
		position: absolute;
	} 
	.warrap-province.pd-huunghi {margin-top:30px;}
	.bg-map-wold .list-province { width: 100%;}
	.bg-banner-province { padding:50px 0; }
	.title-province h1 {font-size:55px; left: auto; margin-left: auto;}
	.header-banner {
		background: #afd6f8 url(/images/bg-header.jpg) no-repeat top center; 
		height: 68px;
		background-size: cover;
		clear: both; display:none;
	}
	.header__logo {padding:0px; margin:0px -10px; display:block !important; }
	.header__logo .v-logo {width:55px;margin-right: 10px; display:none;}
	.header-banner .name {font-size:15px; line-height:22px;}
	.box-contact .caption {padding:15px;}
	.box-contact .caption .left, .box-contact .caption .right {float:none; width:100%}
	.item_map {height: 250px;}
	.top-header .search__open {display:block; right:10px;}
	.qctop div:nth-of-type(2)
	{
		display:none;
	}
}
.ca { color:#d31414;padding-right: 18px;font-size: 13px;}

.show-all-menu 
{
	display:block !important;
	top:0px !important;
	position:absolute !important;
}

.document-list .itemhead {
    padding: 24px 0;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
    line-height: normal;
    background-color: #edeff6;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.content-form .value p{ font-size:11px;}
.tbgtc { display:none}
.tbgtc p.note-box{font-size: 18px;  text-align: center;margin: 10px;}
.qctop { max-height:112px;}
.qctop img { max-height:110px;}
.centertop{ display:none;}
.rightle { float:right;}
.top-header .rightle
{
	    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.qchome{width:100%; height:auto; overflow:hidden; text-align:center;}
#content_detail figure {
  margin: 0 auto 8px !important;
  width: 100%;
  text-align: center;
}
#content_detail figure figcaption {
  background: #f2f2f2;
  text-align: center;
  padding: 3px;
  font-size: 13px !important;
  display: block;
  margin: 0 auto;
}
#content_detail figure figcaption h2 {
  font-style: italic;
  font-size: 16px !important;
  margin: 0;
  font-family: Arial;
  font-weight: normal;
  line-height: 26px;
}

.list-ncate-feature, .list-ncate-home {
    width: calc(100% + 20px);
    margin-left: -20px;
    padding-right: 0;
}
.list-ncate-feature li {
    width: 33.333333%;
    float: left;
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.list-ncate-home li
{
    width: 25%;
    float: left;
    padding-left: 20px;padding-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.list-ncate-feature li .title_news, .list-ncate-home .title_news{
    font-size: 14px; margin-top:10px; font-weight: 600; line-height:18px; min-height:56px;
}
.list-ncate-feature li .description {
    margin-top: 10px;
}
.list-ncate-feature li .title_news a:hover, .list-ncate-hom li .title_news a:hover { color: #087cce;}

.dndt_detail img
{
	width:100% !important;height: auto !important;
}

.tacgia
{
	text-align:right;
	font-weight:bold;
}


/*2026*/
.col-xs-6 {width:50%; padding: 0px 7.5px !important;float:left;}
.col-xs-6:nth-child(2n+1) {padding-left:0px !important;}
.col-xs-6:nth-child(2n){ padding-right:0px !important;  }
.newghome{margin-bottom: 15px;
    display: block;
    overflow: hidden;}
.newghome li {}
.newghome li a {line-height:20px; }
.newghome li a>strong {font: 700 14px/20px arial;overflow: hidden;display: block;height: 60px;}
.logofooter{ padding-bottom: 10px;overflow: hidden;
    width: 100%;}
.logofooter .swiper-slide a{ display:block;}
.logofooter .swiper-slide {border: 1px solid #ccc;}

.multim { padding-bottom: 20px; clear: both;padding-top: 10px;overflow: hidden;}
.multim li {}
.multim li p{line-height:20px;text-align:justify; font-size:14px;}
.multim li a{line-height:20px;}
.multim li a>strong {overflow: hidden;display: block;margin:10px 0px;max-height: 44px;}
.multim .col-xs-6 {width:50%;padding: 0px 15px !important;float:left;}
.multim .col-xs-6:nth-child(2n+1){padding-left:0px !important;  }
.multim .col-xs-6:nth-child(2n){padding-right:0px !important;  }
.multim .col-xs-3{width:25%;padding: 0px 15px !important;float:left; min-height: 240px;}
.multim .col-xs-3 img {max-height: 160px;}
.multim .col-xs-3:nth-child(4n+1){padding-left:0px !important;  }
.multim .col-xs-3:nth-child(4n){padding-right:0px !important;  }

.thumbinfo {
    display: block;
    overflow: hidden;
    position: relative;
}
.thumbinfo .mda .fa {
    border: solid 2px #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.75);
    border-radius: 50%;
    font-size: 24px;
    line-height: 40px;
    margin: -20px;
    padding: 0;
    opacity: .75;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 2;
}

.thumbinfo .fa {
    color: #fff;
    display: block;
    float: left;
    font-size: 20px;
    line-height: 1em;
    margin: 0;
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    text-align: center;
    text-shadow: 0 0 5px rgb(0 0 0 / 75%);
}
.multimedia{ background-color:#fff;}
.multimedia h1{font-size: 32px;line-height: 1.2em; padding:15px 0px;}
.td_content {  clear: both !important; margin-top:0px; display: block !important; float: none;}
.multimedia h3
{
	font-size: 18px;
    line-height: 1.4em;
    padding: 10px 0px;
    }
.multimedia .time
{
	
}
.contentga div p, .contentga p
{
	margin-bottom:15px;
}
.list-img-left { margin-top:30px;}
.content-rt { text-align:right;}
.footer__top-flex {justify-content: space-between;}
@media screen and (max-width: 480px) {
.footer__top-flex {align-items: flex-start;
    flex-direction: column;}
.content-rt { text-align:left;}
.list-ncate-home li{ width: 50% !important; }
}

.contentga
{
	    background-color: #fff;
    line-height: 25px;
    font-size: 15px;
}
.contentga img
{
    width: 100% !important;
    height: 100% !important;
}