@charset 'UTF-8'; /*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ [class*=' fa-'], [class^=fa-] {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  position: relative;
  display: inline-block;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
@font-face {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  src: url('../images/fontawesome-webfont.eot');
  src: url('../images/fontawesome-webfont.eot') format('embedded-opentype'), url('../images/fontawesome-webfont.woff2') format('woff2'), url('../images/fontawesome-webfont.woff') format('woff'), url('../images/fontawesome-webfont.ttf') format('truetype'), url('../images/fontawesome-webfont.svg') format('svg')
}
.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-close:before, .fa-remove: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-cog:before, .fa-gear: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-repeat:before, .fa-rotate-right: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-image:before, .fa-photo: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-exclamation-triangle:before, .fa-warning: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-cogs:before, .fa-gears: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-floppy-o:before, .fa-save:before {
  content: ''
}
.fa-square:before {
  content: ''
}
.fa-bars:before, .fa-navicon:before, .fa-reorder: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-sort:before, .fa-unsorted:before {
  content: ''
}
.fa-sort-desc:before, .fa-sort-down:before {
  content: ''
}
.fa-sort-asc:before, .fa-sort-up:before {
  content: ''
}
.fa-envelope:before {
  content: ''
}
.fa-linkedin:before {
  content: ''
}
.fa-rotate-left:before, .fa-undo:before {
  content: ''
}
.fa-gavel:before, .fa-legal:before {
  content: ''
}
.fa-dashboard:before, .fa-tachometer:before {
  content: ''
}
.fa-comment-o:before {
  content: ''
}
.fa-comments-o:before {
  content: ''
}
.fa-bolt:before, .fa-flash:before {
  content: ''
}
.fa-sitemap:before {
  content: ''
}
.fa-umbrella:before {
  content: ''
}
.fa-clipboard:before, .fa-paste: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-chain-broken:before, .fa-unlink: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-caret-square-o-down:before, .fa-toggle-down:before {
  content: ''
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
  content: ''
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
  content: ''
}
.fa-eur:before, .fa-euro:before {
  content: ''
}
.fa-gbp:before {
  content: ''
}
.fa-dollar:before, .fa-usd:before {
  content: ''
}
.fa-inr:before, .fa-rupee:before {
  content: ''
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
  content: ''
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
  content: ''
}
.fa-krw:before, .fa-won: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-caret-square-o-left:before, .fa-toggle-left:before {
  content: ''
}
.fa-dot-circle-o:before {
  content: ''
}
.fa-wheelchair:before {
  content: ''
}
.fa-vimeo-square:before {
  content: ''
}
.fa-try:before, .fa-turkish-lira: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-bank:before, .fa-institution:before, .fa-university:before {
  content: ''
}
.fa-graduation-cap:before, .fa-mortar-board: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: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-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
  content: ''
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
  content: ''
}
.fa-file-audio-o:before, .fa-file-sound-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-ring:before, .fa-life-saver:before, .fa-support:before {
  content: ''
}
.fa-circle-o-notch:before {
  content: ''
}
.fa-ra:before, .fa-rebel:before {
  content: ''
}
.fa-empire:before, .fa-ge:before {
  content: ''
}
.fa-git-square:before {
  content: ''
}
.fa-git:before {
  content: ''
}
.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
  content: ''
}
.fa-tencent-weibo:before {
  content: ''
}
.fa-qq:before {
  content: ''
}
.fa-wechat:before, .fa-weixin:before {
  content: ''
}
.fa-paper-plane:before, .fa-send:before {
  content: ''
}
.fa-paper-plane-o:before, .fa-send-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-futbol-o:before, .fa-soccer-ball-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-ils:before, .fa-shekel:before, .fa-sheqel: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-bed:before, .fa-hotel:before {
  content: ''
}
.fa-viacoin:before {
  content: ''
}
.fa-train:before {
  content: ''
}
.fa-subway:before {
  content: ''
}
.fa-medium:before {
  content: ''
}
.fa-y-combinator:before, .fa-yc: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-paper-o:before, .fa-hand-stop-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-television:before, .fa-tv: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: ''
} /**
 * Swiper 4.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 13, 2020
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
  float: left
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}
.swiper-invisible-blank-slide {
  visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top, .2s -webkit-transform;
  transition: .2s top, .2s -webkit-transform;
  -o-transition: .2s transform, .2s top;
  transition: .2s transform, .2s top;
  transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left, .2s -webkit-transform;
  transition: .2s left, .2s -webkit-transform;
  -o-transition: .2s transform, .2s left;
  transition: .2s transform, .2s left;
  transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right, .2s -webkit-transform;
  transition: .2s right, .2s -webkit-transform;
  -o-transition: .2s transform, .2s right;
  transition: .2s transform, .2s right;
  transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: 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%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube {
  overflow: visible
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}
.swiper-container-flip {
  overflow: visible
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}
.flag-icon-background {
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}
.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}
.flag-icon:before {
  content: "\00a0"
}
.dropdown-menu .flag-icon {
  margin-right: 5px
}
.flag-icon-ad {
  background-image: url('../images/ad.svg')
}
.flag-icon-ae {
  background-image: url('../images/ae.svg')
}
.flag-icon-af {
  background-image: url('../images/af.svg')
}
.flag-icon-ag {
  background-image: url('../images/ag.svg')
}
.flag-icon-ai {
  background-image: url('../images/ai.svg')
}
.flag-icon-al {
  background-image: url('../images/al.svg')
}
.flag-icon-am {
  background-image: url('../images/am.svg')
}
.flag-icon-ao {
  background-image: url('../images/ao.svg')
}
.flag-icon-aq {
  background-image: url('../images/aq.svg')
}
.flag-icon-ar {
  background-image: url('../images/ar.svg')
}
.flag-icon-as {
  background-image: url('../images/as.svg')
}
.flag-icon-at {
  background-image: url('../images/at.svg')
}
.flag-icon-au {
  background-image: url('../images/au.svg')
}
.flag-icon-aw {
  background-image: url('../images/aw.svg')
}
.flag-icon-ax {
  background-image: url('../images/ax.svg')
}
.flag-icon-az {
  background-image: url('../images/az.svg')
}
.flag-icon-ba {
  background-image: url('../images/ba.svg')
}
.flag-icon-bb {
  background-image: url('../images/bb.svg')
}
.flag-icon-bd {
  background-image: url('../images/bd.svg')
}
.flag-icon-be {
  background-image: url('../images/be.svg')
}
.flag-icon-bf {
  background-image: url('../images/bf.svg')
}
.flag-icon-bg {
  background-image: url('../images/bg.svg')
}
.flag-icon-bh {
  background-image: url('../images/bh.svg')
}
.flag-icon-bi {
  background-image: url('../images/bi.svg')
}
.flag-icon-bj {
  background-image: url('../images/bj.svg')
}
.flag-icon-bl {
  background-image: url('../images/bl.svg')
}
.flag-icon-bm {
  background-image: url('../images/bm.svg')
}
.flag-icon-bn {
  background-image: url('../images/bn.svg')
}
.flag-icon-bo {
  background-image: url('../images/bo.svg')
}
.flag-icon-bq {
  background-image: url('../images/bq.svg')
}
.flag-icon-br {
  background-image: url('../images/br.svg')
}
.flag-icon-bs {
  background-image: url('../images/bs.svg')
}
.flag-icon-bt {
  background-image: url('../images/bt.svg')
}
.flag-icon-bv {
  background-image: url('../images/bv.svg')
}
.flag-icon-bw {
  background-image: url('../images/bw.svg')
}
.flag-icon-by {
  background-image: url('../images/by.svg')
}
.flag-icon-bz {
  background-image: url('../images/bz.svg')
}
.flag-icon-ca {
  background-image: url('../images/ca.svg')
}
.flag-icon-cc {
  background-image: url('../images/cc.svg')
}
.flag-icon-cd {
  background-image: url('../images/cd.svg')
}
.flag-icon-cf {
  background-image: url('../images/cf.svg')
}
.flag-icon-cg {
  background-image: url('../images/cg.svg')
}
.flag-icon-ch {
  background-image: url('../images/ch.svg')
}
.flag-icon-ci {
  background-image: url('../images/ci.svg')
}
.flag-icon-ck {
  background-image: url('../images/ck.svg')
}
.flag-icon-cl {
  background-image: url('../images/cl.svg')
}
.flag-icon-cm {
  background-image: url('../images/cm.svg')
}
.flag-icon-cn {
  background-image: url('../images/cn.svg')
}
.flag-icon-co {
  background-image: url('../images/co.svg')
}
.flag-icon-cr {
  background-image: url('../images/cr.svg')
}
.flag-icon-cu {
  background-image: url('../images/cu.svg')
}
.flag-icon-cv {
  background-image: url('../images/cv.svg')
}
.flag-icon-cw {
  background-image: url('../images/cw.svg')
}
.flag-icon-cx {
  background-image: url('../images/cx.svg')
}
.flag-icon-cy {
  background-image: url('../images/cy.svg')
}
.flag-icon-cz {
  background-image: url('../images/cz.svg')
}
.flag-icon-de {
  background-image: url('../images/de.svg')
}
.flag-icon-dj {
  background-image: url('../images/dj.svg')
}
.flag-icon-dk {
  background-image: url('../images/dk.svg')
}
.flag-icon-dm {
  background-image: url('../images/dm.svg')
}
.flag-icon-do {
  background-image: url('../images/do.svg')
}
.flag-icon-dz {
  background-image: url('../images/dz.svg')
}
.flag-icon-ec {
  background-image: url('../images/ec.svg')
}
.flag-icon-ee {
  background-image: url('../images/ee.svg')
}
.flag-icon-eg {
  background-image: url('../images/eg.svg')
}
.flag-icon-eh {
  background-image: url('../images/eh.svg')
}
.flag-icon-er {
  background-image: url('../images/er.svg')
}
.flag-icon-es {
  background-image: url('../images/es.svg')
}
.flag-icon-et {
  background-image: url('../images/et.svg')
}
.flag-icon-fi {
  background-image: url('../images/fi.svg')
}
.flag-icon-fj {
  background-image: url('../images/fj.svg')
}
.flag-icon-fk {
  background-image: url('../images/fk.svg')
}
.flag-icon-fm {
  background-image: url('../images/fm.svg')
}
.flag-icon-fo {
  background-image: url('../images/fo.svg')
}
.flag-icon-fr {
  background-image: url('../images/fr.svg')
}
.flag-icon-ga {
  background-image: url('../images/ga.svg')
}
.flag-icon-gb {
  background-image: url('../images/gb.svg')
}
.flag-icon-gd {
  background-image: url('../images/gd.svg')
}
.flag-icon-ge {
  background-image: url('../images/ge.svg')
}
.flag-icon-gf {
  background-image: url('../images/gf.svg')
}
.flag-icon-gg {
  background-image: url('../images/gg.svg')
}
.flag-icon-gh {
  background-image: url('../images/gh.svg')
}
.flag-icon-gi {
  background-image: url('../images/gi.svg')
}
.flag-icon-gl {
  background-image: url('../images/gl.svg')
}
.flag-icon-gm {
  background-image: url('../images/gm.svg')
}
.flag-icon-gn {
  background-image: url('../images/gn.svg')
}
.flag-icon-gp {
  background-image: url('../images/gp.svg')
}
.flag-icon-gq {
  background-image: url('../images/gq.svg')
}
.flag-icon-gr {
  background-image: url('../images/gr.svg')
}
.flag-icon-gs {
  background-image: url('../images/gs.svg')
}
.flag-icon-gt {
  background-image: url('../images/gt.svg')
}
.flag-icon-gu {
  background-image: url('../images/gu.svg')
}
.flag-icon-gw {
  background-image: url('../images/gw.svg')
}
.flag-icon-gy {
  background-image: url('../images/gy.svg')
}
.flag-icon-hk {
  background-image: url('../images/hk.svg')
}
.flag-icon-hm {
  background-image: url('../images/hm.svg')
}
.flag-icon-hn {
  background-image: url('../images/hn.svg')
}
.flag-icon-hr {
  background-image: url('../images/hr.svg')
}
.flag-icon-ht {
  background-image: url('../images/ht.svg')
}
.flag-icon-hu {
  background-image: url('../images/hu.svg')
}
.flag-icon-id {
  background-image: url('../images/id.svg')
}
.flag-icon-ie {
  background-image: url('../images/ie.svg')
}
.flag-icon-il {
  background-image: url('../images/il.svg')
}
.flag-icon-im {
  background-image: url('../images/im.svg')
}
.flag-icon-in {
  background-image: url('../images/in.svg')
}
.flag-icon-io {
  background-image: url('../images/io.svg')
}
.flag-icon-iq {
  background-image: url('../images/iq.svg')
}
.flag-icon-ir {
  background-image: url('../images/ir.svg')
}
.flag-icon-is {
  background-image: url('../images/is.svg')
}
.flag-icon-it {
  background-image: url('../images/it.svg')
}
.flag-icon-je {
  background-image: url('../images/je.svg')
}
.flag-icon-jm {
  background-image: url('../images/jm.svg')
}
.flag-icon-jo {
  background-image: url('../images/jo.svg')
}
.flag-icon-jp {
  background-image: url('../images/jp.svg')
}
.flag-icon-ke {
  background-image: url('../images/ke.svg')
}
.flag-icon-kg {
  background-image: url('../images/kg.svg')
}
.flag-icon-kh {
  background-image: url('../images/kh.svg')
}
.flag-icon-ki {
  background-image: url('../images/ki.svg')
}
.flag-icon-km {
  background-image: url('../images/km.svg')
}
.flag-icon-kn {
  background-image: url('../images/kn.svg')
}
.flag-icon-kp {
  background-image: url('../images/kp.svg')
}
.flag-icon-kr {
  background-image: url('../images/kr.svg')
}
.flag-icon-kw {
  background-image: url('../images/kw.svg')
}
.flag-icon-ky {
  background-image: url('../images/ky.svg')
}
.flag-icon-kz {
  background-image: url('../images/kz.svg')
}
.flag-icon-la {
  background-image: url('../images/la.svg')
}
.flag-icon-lb {
  background-image: url('../images/lb.svg')
}
.flag-icon-lc {
  background-image: url('../images/lc.svg')
}
.flag-icon-li {
  background-image: url('../images/li.svg')
}
.flag-icon-lk {
  background-image: url('../images/lk.svg')
}
.flag-icon-lr {
  background-image: url('../images/lr.svg')
}
.flag-icon-ls {
  background-image: url('../images/ls.svg')
}
.flag-icon-lt {
  background-image: url('../images/lt.svg')
}
.flag-icon-lu {
  background-image: url('../images/lu.svg')
}
.flag-icon-lv {
  background-image: url('../images/lv.svg')
}
.flag-icon-ly {
  background-image: url('../images/ly.svg')
}
.flag-icon-ma {
  background-image: url('../images/ma.svg')
}
.flag-icon-mc {
  background-image: url('../images/mc.svg')
}
.flag-icon-md {
  background-image: url('../images/md.svg')
}
.flag-icon-me {
  background-image: url('../images/me.svg')
}
.flag-icon-mf {
  background-image: url('../images/mf.svg')
}
.flag-icon-mg {
  background-image: url('../images/mg.svg')
}
.flag-icon-mh {
  background-image: url('../images/mh.svg')
}
.flag-icon-mk {
  background-image: url('../images/mk.svg')
}
.flag-icon-ml {
  background-image: url('../images/ml.svg')
}
.flag-icon-mm {
  background-image: url('../images/mm.svg')
}
.flag-icon-mn {
  background-image: url('../images/mn.svg')
}
.flag-icon-mo {
  background-image: url('../images/mo.svg')
}
.flag-icon-mp {
  background-image: url('../images/mp.svg')
}
.flag-icon-mq {
  background-image: url('../images/mq.svg')
}
.flag-icon-mr {
  background-image: url('../images/mr.svg')
}
.flag-icon-ms {
  background-image: url('../images/ms.svg')
}
.flag-icon-mt {
  background-image: url('../images/mt.svg')
}
.flag-icon-mu {
  background-image: url('../images/mu.svg')
}
.flag-icon-mv {
  background-image: url('../images/mv.svg')
}
.flag-icon-mw {
  background-image: url('../images/mw.svg')
}
.flag-icon-mx {
  background-image: url('../images/mx.svg')
}
.flag-icon-my {
  background-image: url('../images/my.svg')
}
.flag-icon-mz {
  background-image: url('../images/mz.svg')
}
.flag-icon-na {
  background-image: url('../images/na.svg')
}
.flag-icon-nc {
  background-image: url('../images/nc.svg')
}
.flag-icon-ne {
  background-image: url('../images/ne.svg')
}
.flag-icon-nf {
  background-image: url('../images/nf.svg')
}
.flag-icon-ng {
  background-image: url('../images/ng.svg')
}
.flag-icon-ni {
  background-image: url('../images/ni.svg')
}
.flag-icon-nl {
  background-image: url('../images/nl.svg')
}
.flag-icon-no {
  background-image: url('../images/no.svg')
}
.flag-icon-np {
  background-image: url('../images/np.svg')
}
.flag-icon-nr {
  background-image: url('../images/nr.svg')
}
.flag-icon-nu {
  background-image: url('../images/nu.svg')
}
.flag-icon-nz {
  background-image: url('../images/nz.svg')
}
.flag-icon-om {
  background-image: url('../images/om.svg')
}
.flag-icon-pa {
  background-image: url('../images/pa.svg')
}
.flag-icon-pe {
  background-image: url('../images/pe.svg')
}
.flag-icon-pf {
  background-image: url('../images/pf.svg')
}
.flag-icon-pg {
  background-image: url('../images/pg.svg')
}
.flag-icon-ph {
  background-image: url('../images/ph.svg')
}
.flag-icon-pk {
  background-image: url('../images/pk.svg')
}
.flag-icon-pl {
  background-image: url('../images/pl.svg')
}
.flag-icon-pm {
  background-image: url('../images/pm.svg')
}
.flag-icon-pn {
  background-image: url('../images/pn.svg')
}
.flag-icon-pr {
  background-image: url('../images/pr.svg')
}
.flag-icon-ps {
  background-image: url('../images/ps.svg')
}
.flag-icon-pt {
  background-image: url('../images/pt.svg')
}
.flag-icon-pw {
  background-image: url('../images/pw.svg')
}
.flag-icon-py {
  background-image: url('../images/py.svg')
}
.flag-icon-qa {
  background-image: url('../images/qa.svg')
}
.flag-icon-re {
  background-image: url('../images/re.svg')
}
.flag-icon-ro {
  background-image: url('../images/ro.svg')
}
.flag-icon-rs {
  background-image: url('../images/rs.svg')
}
.flag-icon-ru {
  background-image: url('../images/ru.svg')
}
.flag-icon-rw {
  background-image: url('../images/rw.svg')
}
.flag-icon-sa {
  background-image: url('../images/sa.svg')
}
.flag-icon-sb {
  background-image: url('../images/sb.svg')
}
.flag-icon-sc {
  background-image: url('../images/sc.svg')
}
.flag-icon-sd {
  background-image: url('../images/sd.svg')
}
.flag-icon-se {
  background-image: url('../images/se.svg')
}
.flag-icon-sg {
  background-image: url('../images/sg.svg')
}
.flag-icon-sh {
  background-image: url('../images/sh.svg')
}
.flag-icon-si {
  background-image: url('../images/si.svg')
}
.flag-icon-sj {
  background-image: url('../images/sj.svg')
}
.flag-icon-sk {
  background-image: url('../images/sk.svg')
}
.flag-icon-sl {
  background-image: url('../images/sl.svg')
}
.flag-icon-sm {
  background-image: url('../images/sm.svg')
}
.flag-icon-sn {
  background-image: url('../images/sn.svg')
}
.flag-icon-so {
  background-image: url('../images/so.svg')
}
.flag-icon-sr {
  background-image: url('../images/sr.svg')
}
.flag-icon-ss {
  background-image: url('../images/ss.svg')
}
.flag-icon-st {
  background-image: url('../images/st.svg')
}
.flag-icon-sv {
  background-image: url('../images/sv.svg')
}
.flag-icon-sx {
  background-image: url('../images/sx.svg')
}
.flag-icon-sy {
  background-image: url('../images/sy.svg')
}
.flag-icon-sz {
  background-image: url('../images/sz.svg')
}
.flag-icon-tc {
  background-image: url('../images/tc.svg')
}
.flag-icon-td {
  background-image: url('../images/td.svg')
}
.flag-icon-tf {
  background-image: url('../images/tf.svg')
}
.flag-icon-tg {
  background-image: url('../images/tg.svg')
}
.flag-icon-th {
  background-image: url('../images/th.svg')
}
.flag-icon-tj {
  background-image: url('../images/tj.svg')
}
.flag-icon-tk {
  background-image: url('../images/tk.svg')
}
.flag-icon-tl {
  background-image: url('../images/tl.svg')
}
.flag-icon-tm {
  background-image: url('../images/tm.svg')
}
.flag-icon-tn {
  background-image: url('../images/tn.svg')
}
.flag-icon-to {
  background-image: url('../images/to.svg')
}
.flag-icon-tr {
  background-image: url('../images/tr.svg')
}
.flag-icon-tt {
  background-image: url('../images/tt.svg')
}
.flag-icon-tv {
  background-image: url('../images/tv.svg')
}
.flag-icon-tw {
  background-image: url('../images/tw.svg')
}
.flag-icon-tz {
  background-image: url('../images/tz.svg')
}
.flag-icon-ua {
  background-image: url('../images/ua.svg')
}
.flag-icon-ug {
  background-image: url('../images/ug.svg')
}
.flag-icon-um {
  background-image: url('../images/um.svg')
}
.flag-icon-us {
  background-image: url('../images/us.svg')
}
.flag-icon-uy {
  background-image: url('../images/uy.svg')
}
.flag-icon-uz {
  background-image: url('../images/uz.svg')
}
.flag-icon-va {
  background-image: url('../images/va.svg')
}
.flag-icon-vc {
  background-image: url('../images/vc.svg')
}
.flag-icon-ve {
  background-image: url('../images/ve.svg')
}
.flag-icon-vg {
  background-image: url('../images/vg.svg')
}
.flag-icon-vi {
  background-image: url('../images/vi.svg')
}
.flag-icon-vn {
  background-image: url('../images/vn.svg')
}
.flag-icon-vu {
  background-image: url('../images/vu.svg')
}
.flag-icon-wf {
  background-image: url('../images/wf.svg')
}
.flag-icon-ws {
  background-image: url('../images/ws.svg')
}
.flag-icon-ye {
  background-image: url('../images/ye.svg')
}
.flag-icon-yt {
  background-image: url('../images/yt.svg')
}
.flag-icon-za {
  background-image: url('../images/za.svg')
}
.flag-icon-zm {
  background-image: url('../images/zm.svg')
}
.flag-icon-zw {
  background-image: url('../images/zw.svg')
}
@font-face {
  font-family: "iconfont";
  src: url('../images/iconfont.eot');
  src: url('../images/iconfont.eot') format('embedded-opentype'), url('../images/iconfont.woff') format('woff'), url('../images/iconfont.ttf') format('truetype'), url('../images/iconfont.svg') format('svg')
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-next:before {
  content: "\e601"
}
.icon-next2:before {
  content: "\e636"
}
.icon-prev2:before {
  content: "\e637"
}
.icon-prev1:before {
  content: "\e648"
}
.icon-next1:before {
  content: "\e655"
}
.icon-prev:before {
  content: "\e606"
}
@font-face {
  font-family: Pe-icon-7-stroke;
  font-style: normal;
  font-weight: 400;
  src: url('../images/pe-icon-7-stroke.eot');
  src: url('../images/pe-icon-7-stroke.eot') format('embedded-opentype'), url('../images/pe-icon-7-stroke.woff') format('woff'), url('../images/pe-icon-7-stroke.ttf') format('truetype'), url('../images/pe-icon-7-stroke.svg') format('svg')
}
[class*=" pe-"], [class^=pe-] {
  position: relative;
  display: inline-block;
  font-family: Pe-icon-7-stroke;
  font-style: normal;
  font-weight: 400;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.pe-album:before {
  content: "\e6aa"
}
.pe-arc:before {
  content: "\e6ab"
}
.pe-back-2:before {
  content: "\e6ac"
}
.pe-bandaid:before {
  content: "\e6ad"
}
.pe-car:before {
  content: "\e6ae"
}
.pe-diamond:before {
  content: "\e6af"
}
.pe-door-lock:before {
  content: "\e6b0"
}
.pe-eyedropper:before {
  content: "\e6b1"
}
.pe-female:before {
  content: "\e6b2"
}
.pe-gym:before {
  content: "\e6b3"
}
.pe-hammer:before {
  content: "\e6b4"
}
.pe-headphones:before {
  content: "\e6b5"
}
.pe-helm:before {
  content: "\e6b6"
}
.pe-hourglass:before {
  content: "\e6b7"
}
.pe-leaf:before {
  content: "\e6b8"
}
.pe-magic-wand:before {
  content: "\e6b9"
}
.pe-male:before {
  content: "\e6ba"
}
.pe-map-2:before {
  content: "\e6bb"
}
.pe-next-2:before {
  content: "\e6bc"
}
.pe-paint-bucket:before {
  content: "\e6bd"
}
.pe-pendrive:before {
  content: "\e6be"
}
.pe-photo:before {
  content: "\e6bf"
}
.pe-piggy:before {
  content: "\e6c0"
}
.pe-plugin:before {
  content: "\e6c1"
}
.pe-refresh-2:before {
  content: "\e6c2"
}
.pe-rocket:before {
  content: "\e6c3"
}
.pe-settings:before {
  content: "\e6c4"
}
.pe-shield:before {
  content: "\e6c5"
}
.pe-smile:before {
  content: "\e6c6"
}
.pe-usb:before {
  content: "\e6c7"
}
.pe-vector:before {
  content: "\e6c8"
}
.pe-wine:before {
  content: "\e6c9"
}
.pe-cloud-upload:before {
  content: "\e68a"
}
.pe-cash:before {
  content: "\e68c"
}
.pe-close:before {
  content: "\e680"
}
.pe-bluetooth:before {
  content: "\e68d"
}
.pe-cloud-download:before {
  content: "\e68b"
}
.pe-way:before {
  content: "\e68e"
}
.pe-close-circle:before {
  content: "\e681"
}
.pe-id:before {
  content: "\e68f"
}
.pe-angle-up:before {
  content: "\e682"
}
.pe-wristwatch:before {
  content: "\e690"
}
.pe-angle-up-circle:before {
  content: "\e683"
}
.pe-world:before {
  content: "\e691"
}
.pe-angle-right:before {
  content: "\e684"
}
.pe-volume:before {
  content: "\e692"
}
.pe-angle-right-circle:before {
  content: "\e685"
}
.pe-users:before {
  content: "\e693"
}
.pe-angle-left:before {
  content: "\e686"
}
.pe-user-female:before {
  content: "\e694"
}
.pe-angle-left-circle:before {
  content: "\e687"
}
.pe-up-arrow:before {
  content: "\e695"
}
.pe-angle-down:before {
  content: "\e688"
}
.pe-switch:before {
  content: "\e696"
}
.pe-angle-down-circle:before {
  content: "\e689"
}
.pe-scissors:before {
  content: "\e697"
}
.pe-wallet:before {
  content: "\e600"
}
.pe-safe:before {
  content: "\e698"
}
.pe-volume2:before {
  content: "\e601"
}
.pe-volume1:before {
  content: "\e602"
}
.pe-voicemail:before {
  content: "\e603"
}
.pe-video:before {
  content: "\e604"
}
.pe-user:before {
  content: "\e605"
}
.pe-upload:before {
  content: "\e606"
}
.pe-unlock:before {
  content: "\e607"
}
.pe-umbrella:before {
  content: "\e608"
}
.pe-trash:before {
  content: "\e609"
}
.pe-tools:before {
  content: "\e60a"
}
.pe-timer:before {
  content: "\e60b"
}
.pe-ticket:before {
  content: "\e60c"
}
.pe-target:before {
  content: "\e60d"
}
.pe-sun:before {
  content: "\e60e"
}
.pe-study:before {
  content: "\e60f"
}
.pe-stopwatch:before {
  content: "\e610"
}
.pe-star:before {
  content: "\e611"
}
.pe-speaker:before {
  content: "\e612"
}
.pe-signal:before {
  content: "\e613"
}
.pe-shuffle:before {
  content: "\e614"
}
.pe-shopbag:before {
  content: "\e615"
}
.pe-share:before {
  content: "\e616"
}
.pe-server:before {
  content: "\e617"
}
.pe-search:before {
  content: "\e618"
}
.pe-film:before {
  content: "\e6a5"
}
.pe-science:before {
  content: "\e619"
}
.pe-disk:before {
  content: "\e6a6"
}
.pe-ribbon:before {
  content: "\e61a"
}
.pe-repeat:before {
  content: "\e61b"
}
.pe-refresh:before {
  content: "\e61c"
}
.pe-add-user:before {
  content: "\e6a9"
}
.pe-refresh-cloud:before {
  content: "\e61d"
}
.pe-paperclip:before {
  content: "\e69c"
}
.pe-radio:before {
  content: "\e61e"
}
.pe-note2:before {
  content: "\e69d"
}
.pe-print:before {
  content: "\e61f"
}
.pe-network:before {
  content: "\e69e"
}
.pe-prev:before {
  content: "\e620"
}
.pe-mute:before {
  content: "\e69f"
}
.pe-power:before {
  content: "\e621"
}
.pe-medal:before {
  content: "\e6a0"
}
.pe-portfolio:before {
  content: "\e622"
}
.pe-like2:before {
  content: "\e6a1"
}
.pe-plus:before {
  content: "\e623"
}
.pe-left-arrow:before {
  content: "\e6a2"
}
.pe-play:before {
  content: "\e624"
}
.pe-key:before {
  content: "\e6a3"
}
.pe-plane:before {
  content: "\e625"
}
.pe-joy:before {
  content: "\e6a4"
}
.pe-photo-gallery:before {
  content: "\e626"
}
.pe-pin:before {
  content: "\e69b"
}
.pe-phone:before {
  content: "\e627"
}
.pe-plug:before {
  content: "\e69a"
}
.pe-pen:before {
  content: "\e628"
}
.pe-right-arrow:before {
  content: "\e699"
}
.pe-paper-plane:before {
  content: "\e629"
}
.pe-delete-user:before {
  content: "\e6a7"
}
.pe-paint:before {
  content: "\e62a"
}
.pe-bottom-arrow:before {
  content: "\e6a8"
}
.pe-notebook:before {
  content: "\e62b"
}
.pe-note:before {
  content: "\e62c"
}
.pe-next:before {
  content: "\e62d"
}
.pe-news-paper:before {
  content: "\e62e"
}
.pe-musiclist:before {
  content: "\e62f"
}
.pe-music:before {
  content: "\e630"
}
.pe-mouse:before {
  content: "\e631"
}
.pe-more:before {
  content: "\e632"
}
.pe-moon:before {
  content: "\e633"
}
.pe-monitor:before {
  content: "\e634"
}
.pe-micro:before {
  content: "\e635"
}
.pe-menu:before {
  content: "\e636"
}
.pe-map:before {
  content: "\e637"
}
.pe-map-marker:before {
  content: "\e638"
}
.pe-mail:before {
  content: "\e639"
}
.pe-mail-open:before {
  content: "\e63a"
}
.pe-mail-open-file:before {
  content: "\e63b"
}
.pe-magnet:before {
  content: "\e63c"
}
.pe-loop:before {
  content: "\e63d"
}
.pe-look:before {
  content: "\e63e"
}
.pe-lock:before {
  content: "\e63f"
}
.pe-lintern:before {
  content: "\e640"
}
.pe-link:before {
  content: "\e641"
}
.pe-like:before {
  content: "\e642"
}
.pe-light:before {
  content: "\e643"
}
.pe-less:before {
  content: "\e644"
}
.pe-keypad:before {
  content: "\e645"
}
.pe-junk:before {
  content: "\e646"
}
.pe-info:before {
  content: "\e647"
}
.pe-home:before {
  content: "\e648"
}
.pe-help2:before {
  content: "\e649"
}
.pe-help1:before {
  content: "\e64a"
}
.pe-graph3:before {
  content: "\e64b"
}
.pe-graph2:before {
  content: "\e64c"
}
.pe-graph1:before {
  content: "\e64d"
}
.pe-graph:before {
  content: "\e64e"
}
.pe-global:before {
  content: "\e64f"
}
.pe-gleam:before {
  content: "\e650"
}
.pe-glasses:before {
  content: "\e651"
}
.pe-gift:before {
  content: "\e652"
}
.pe-folder:before {
  content: "\e653"
}
.pe-flag:before {
  content: "\e654"
}
.pe-filter:before {
  content: "\e655"
}
.pe-file:before {
  content: "\e656"
}
.pe-expand1:before {
  content: "\e657"
}
.pe-exapnd2:before {
  content: "\e658"
}
.pe-edit:before {
  content: "\e659"
}
.pe-drop:before {
  content: "\e65a"
}
.pe-drawer:before {
  content: "\e65b"
}
.pe-download:before {
  content: "\e65c"
}
.pe-display2:before {
  content: "\e65d"
}
.pe-display1:before {
  content: "\e65e"
}
.pe-diskette:before {
  content: "\e65f"
}
.pe-date:before {
  content: "\e660"
}
.pe-cup:before {
  content: "\e661"
}
.pe-culture:before {
  content: "\e662"
}
.pe-crop:before {
  content: "\e663"
}
.pe-credit:before {
  content: "\e664"
}
.pe-copy-file:before {
  content: "\e665"
}
.pe-config:before {
  content: "\e666"
}
.pe-compass:before {
  content: "\e667"
}
.pe-comment:before {
  content: "\e668"
}
.pe-coffee:before {
  content: "\e669"
}
.pe-cloud:before {
  content: "\e66a"
}
.pe-clock:before {
  content: "\e66b"
}
.pe-check:before {
  content: "\e66c"
}
.pe-chat:before {
  content: "\e66d"
}
.pe-cart:before {
  content: "\e66e"
}
.pe-camera:before {
  content: "\e66f"
}
.pe-call:before {
  content: "\e670"
}
.pe-calculator:before {
  content: "\e671"
}
.pe-browser:before {
  content: "\e672"
}
.pe-box2:before {
  content: "\e673"
}
.pe-box1:before {
  content: "\e674"
}
.pe-bookmarks:before {
  content: "\e675"
}
.pe-bicycle:before {
  content: "\e676"
}
.pe-bell:before {
  content: "\e677"
}
.pe-battery:before {
  content: "\e678"
}
.pe-ball:before {
  content: "\e679"
}
.pe-back:before {
  content: "\e67a"
}
.pe-attention:before {
  content: "\e67b"
}
.pe-anchor:before {
  content: "\e67c"
}
.pe-albums:before {
  content: "\e67d"
}
.pe-alarm:before {
  content: "\e67e"
}
.pe-airplay:before {
  content: "\e67f"
}
@charset 'UTF-8';
@font-face {
  font-family: 'Web Icons';
  font-weight: 400;
  font-style: normal;
  src: url('../images/web-icons.eot');
  src: url('../images/web-icons.eot') format('embedded-opentype'), url('../images/web-icons.woff2') format('woff2'), url('../images/web-icons.woff') format('woff'), url('../images/web-icons.ttf') format('truetype'), url('../images/web-icons.svg') format('svg')
}
[class*=' wb-'], [class^=wb-] {
  font-family: 'Web Icons';
  font-weight: 400;
  font-style: normal;
  position: relative;
  display: inline-block;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.wb-dashboard:before {
  content: ''
}
.wb-inbox:before {
  content: ''
}
.wb-cloud:before {
  content: ''
}
.wb-bell:before {
  content: ''
}
.wb-book:before {
  content: ''
}
.wb-bookmark:before {
  content: ''
}
.wb-tag:before {
  content: ''
}
.wb-library:before {
  content: ''
}
.wb-share:before {
  content: ''
}
.wb-reply:before {
  content: ''
}
.wb-refresh:before {
  content: ''
}
.wb-move:before {
  content: ''
}
.wb-chat:before {
  content: ''
}
.wb-chat-working:before {
  content: ''
}
.wb-chat-text:before {
  content: ''
}
.wb-chat-group:before {
  content: ''
}
.wb-envelope:before {
  content: ''
}
.wb-envelope-open:before {
  content: ''
}
.wb-user:before {
  content: ''
}
.wb-user-circle:before {
  content: ''
}
.wb-users:before {
  content: ''
}
.wb-user-add:before {
  content: ''
}
.wb-grid-9:before {
  content: ''
}
.wb-grid-4:before {
  content: ''
}
.wb-menu:before {
  content: ''
}
.wb-layout:before {
  content: ''
}
.wb-fullscreen:before {
  content: ''
}
.wb-fullscreen-exit:before {
  content: ''
}
.wb-expand:before {
  content: ''
}
.wb-contract:before {
  content: ''
}
.wb-arrow-expand:before {
  content: ''
}
.wb-arrow-shrink:before {
  content: ''
}
.wb-desktop:before {
  content: ''
}
.wb-mobile:before {
  content: ''
}
.wb-signal:before {
  content: ''
}
.wb-power:before {
  content: ''
}
.wb-more-horizontal:before {
  content: ''
}
.wb-more-vertical:before {
  content: ''
}
.wb-globe:before {
  content: ''
}
.wb-map:before {
  content: ''
}
.wb-flag:before {
  content: ''
}
.wb-pie-chart:before {
  content: ''
}
.wb-stats-bars:before {
  content: ''
}
.wb-pluse:before {
  content: ''
}
.wb-home:before {
  content: ''
}
.wb-shopping-cart:before {
  content: ''
}
.wb-payment:before {
  content: ''
}
.wb-briefcase:before {
  content: ''
}
.wb-search:before {
  content: ''
}
.wb-zoom-in:before {
  content: ''
}
.wb-zoom-out:before {
  content: ''
}
.wb-download:before {
  content: ''
}
.wb-upload:before {
  content: ''
}
.wb-sort-asc:before {
  content: ''
}
.wb-sort-des:before {
  content: ''
}
.wb-graph-up:before {
  content: ''
}
.wb-graph-down:before {
  content: ''
}
.wb-replay:before {
  content: ''
}
.wb-edit:before {
  content: ''
}
.wb-pencil:before {
  content: ''
}
.wb-rubber:before {
  content: ''
}
.wb-crop:before {
  content: ''
}
.wb-eye:before {
  content: ''
}
.wb-eye-close:before {
  content: ''
}
.wb-image:before {
  content: ''
}
.wb-gallery:before {
  content: ''
}
.wb-video:before {
  content: ''
}
.wb-camera:before {
  content: ''
}
.wb-folder:before {
  content: ''
}
.wb-clipboard:before {
  content: ''
}
.wb-order:before {
  content: ''
}
.wb-file:before {
  content: ''
}
.wb-copy:before {
  content: ''
}
.wb-add-file:before {
  content: ''
}
.wb-print:before {
  content: ''
}
.wb-calendar:before {
  content: ''
}
.wb-time:before {
  content: ''
}
.wb-trash:before {
  content: ''
}
.wb-plugin:before {
  content: ''
}
.wb-extension:before {
  content: ''
}
.wb-memory:before {
  content: ''
}
.wb-settings:before {
  content: ''
}
.wb-scissor:before {
  content: ''
}
.wb-wrench:before {
  content: ''
}
.wb-hammer:before {
  content: ''
}
.wb-lock:before {
  content: ''
}
.wb-unlock:before {
  content: ''
}
.wb-volume-low:before {
  content: ''
}
.wb-volume-high:before {
  content: ''
}
.wb-volume-off:before {
  content: ''
}
.wb-pause:before {
  content: ''
}
.wb-play:before {
  content: ''
}
.wb-stop:before {
  content: ''
}
.wb-musical:before {
  content: ''
}
.wb-random:before {
  content: ''
}
.wb-reload:before {
  content: ''
}
.wb-loop:before {
  content: ''
}
.wb-text:before {
  content: ''
}
.wb-bold:before {
  content: ''
}
.wb-italic:before {
  content: ''
}
.wb-underline:before {
  content: ''
}
.wb-format-clear:before {
  content: ''
}
.wb-text-type:before {
  content: ''
}
.wb-table:before {
  content: ''
}
.wb-attach-file:before {
  content: ''
}
.wb-paperclip:before {
  content: ''
}
.wb-link-intact:before {
  content: ''
}
.wb-link:before {
  content: ''
}
.wb-link-broken:before {
  content: ''
}
.wb-indent-increase:before {
  content: ''
}
.wb-indent-decrease:before {
  content: ''
}
.wb-align-justify:before {
  content: ''
}
.wb-align-left:before {
  content: ''
}
.wb-align-center:before {
  content: ''
}
.wb-align-right:before {
  content: ''
}
.wb-list-numbered:before {
  content: ''
}
.wb-list-bulleted:before {
  content: ''
}
.wb-list:before {
  content: ''
}
.wb-emoticon:before {
  content: ''
}
.wb-quote-right:before {
  content: ''
}
.wb-code:before {
  content: ''
}
.wb-code-working:before {
  content: ''
}
.wb-code-unfold:before {
  content: ''
}
.wb-chevron-right:before {
  content: ''
}
.wb-chevron-left:before {
  content: ''
}
.wb-chevron-left-mini:before {
  content: ''
}
.wb-chevron-right-mini:before {
  content: ''
}
.wb-chevron-up:before {
  content: ''
}
.wb-chevron-down:before {
  content: ''
}
.wb-chevron-up-mini:before {
  content: ''
}
.wb-chevron-down-mini:before {
  content: ''
}
.wb-arrow-left:before {
  content: ''
}
.wb-arrow-right:before {
  content: ''
}
.wb-arrow-up:before {
  content: ''
}
.wb-arrow-down:before {
  content: ''
}
.wb-dropdown:before {
  content: ''
}
.wb-dropup:before {
  content: ''
}
.wb-dropright:before {
  content: ''
}
.wb-dropleft:before {
  content: ''
}
.wb-sort-vertical:before {
  content: ''
}
.wb-triangle-left:before {
  content: ''
}
.wb-triangle-right:before {
  content: ''
}
.wb-triangle-down:before {
  content: ''
}
.wb-triangle-up:before {
  content: ''
}
.wb-check-circle:before {
  content: ''
}
.wb-check:before {
  content: ''
}
.wb-check-mini:before {
  content: ''
}
.wb-close:before {
  content: ''
}
.wb-close-mini:before {
  content: ''
}
.wb-plus-circle:before {
  content: ''
}
.wb-plus:before {
  content: ''
}
.wb-minus-circle:before {
  content: ''
}
.wb-minus:before {
  content: ''
}
.wb-alert-circle:before {
  content: ''
}
.wb-alert:before {
  content: ''
}
.wb-help-circle:before {
  content: ''
}
.wb-help:before {
  content: ''
}
.wb-info-circle:before {
  content: ''
}
.wb-info:before {
  content: ''
}
.wb-warning:before {
  content: ''
}
.wb-heart:before {
  content: ''
}
.wb-heart-outline:before {
  content: ''
}
.wb-star:before {
  content: ''
}
.wb-star-half:before {
  content: ''
}
.wb-star-outline:before {
  content: ''
}
.wb-thumb-up:before {
  content: ''
}
.wb-thumb-down:before {
  content: ''
}
.wb-small-point:before {
  content: ''
}
.wb-medium-point:before {
  content: ''
}
.wb-large-point:before {
  content: ''
}
.pull-right {
  float: right
} /**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
  float: left
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}
.swiper-pagination-progress {
  background: rgba(0, 0, 0, .25);
  position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, .5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
  overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}
.webui-popover-content {
  display: none
}
.webui-popover-rtl {
  direction: rtl;
  text-align: right
}
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  min-width: 50px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}
.webui-popover.top, .webui-popover.top-left, .webui-popover.top-right {
  margin-top: -10px
}
.webui-popover.right, .webui-popover.right-top, .webui-popover.right-bottom {
  margin-left: 10px
}
.webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right {
  margin-top: 10px
}
.webui-popover.left, .webui-popover.left-top, .webui-popover.left-bottom {
  margin-left: -10px
}
.webui-popover.pop {
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
  -o-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
  transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
  opacity: 0;
  filter: alpha(opacity=0)
}
.webui-popover.pop-out {
  -webkit-transition-property: "opacity,transform";
  -o-transition-property: "opacity,transform";
  transition-property: "opacity,transform";
  -webkit-transition: .15s linear;
  -o-transition: .15s linear;
  transition: .15s linear;
  opacity: 0;
  filter: alpha(opacity=0)
}
.webui-popover.fade, .webui-popover.fade-out {
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
  opacity: 0;
  filter: alpha(opacity=0)
}
.webui-popover.out {
  opacity: 0;
  filter: alpha(opacity=0)
}
.webui-popover.in {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
  filter: alpha(opacity=100)
}
.webui-popover .webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: block
}
.webui-popover .webui-popover-content > div:first-child {
  width: 99%
}
.webui-popover-inner .close {
  font-family: arial;
  margin: 8px 10px 0 0;
  float: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
  text-decoration: none
}
.webui-popover-inner .close:hover, .webui-popover-inner .close:focus {
  opacity: .5;
  filter: alpha(opacity=50)
}
.webui-popover-inner .close:after {
  content: "\00D7";
  width: .8em;
  height: .8em;
  padding: 4px;
  position: relative
}
.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0
}
.webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: none
}
.webui-popover-inverse {
  background-color: #333;
  color: #eee
}
.webui-popover-inverse .webui-popover-title {
  background: #333;
  border-bottom: 1px solid #3b3b3b;
  color: #eee
}
.webui-no-padding .webui-popover-content {
  padding: 0
}
.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none
}
.webui-no-padding .list-group-item:first-child {
  border-top: 0
}
.webui-no-padding .list-group-item:last-child {
  border-bottom: 0
}
.webui-popover > .webui-arrow, .webui-popover > .webui-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}
.webui-popover > .webui-arrow {
  border-width: 11px
}
.webui-popover > .webui-arrow:after {
  border-width: 10px;
  content: ""
}
.webui-popover.top > .webui-arrow, .webui-popover.top-right > .webui-arrow, .webui-popover.top-left > .webui-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0
}
.webui-popover.top > .webui-arrow:after, .webui-popover.top-right > .webui-arrow:after, .webui-popover.top-left > .webui-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #fff;
  border-bottom-width: 0
}
.webui-popover.right > .webui-arrow, .webui-popover.right-top > .webui-arrow, .webui-popover.right-bottom > .webui-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25)
}
.webui-popover.right > .webui-arrow:after, .webui-popover.right-top > .webui-arrow:after, .webui-popover.right-bottom > .webui-arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff
}
.webui-popover.bottom > .webui-arrow, .webui-popover.bottom-right > .webui-arrow, .webui-popover.bottom-left > .webui-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
  border-top-width: 0
}
.webui-popover.bottom > .webui-arrow:after, .webui-popover.bottom-right > .webui-arrow:after, .webui-popover.bottom-left > .webui-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #fff;
  border-top-width: 0
}
.webui-popover.left > .webui-arrow, .webui-popover.left-top > .webui-arrow, .webui-popover.left-bottom > .webui-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25)
}
.webui-popover.left > .webui-arrow:after, .webui-popover.left-top > .webui-arrow:after, .webui-popover.left-bottom > .webui-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px
}
.webui-popover-inverse.top > .webui-arrow, .webui-popover-inverse.top-left > .webui-arrow, .webui-popover-inverse.top-right > .webui-arrow, .webui-popover-inverse.top > .webui-arrow:after, .webui-popover-inverse.top-left > .webui-arrow:after, .webui-popover-inverse.top-right > .webui-arrow:after {
  border-top-color: #333
}
.webui-popover-inverse.right > .webui-arrow, .webui-popover-inverse.right-top > .webui-arrow, .webui-popover-inverse.right-bottom > .webui-arrow, .webui-popover-inverse.right > .webui-arrow:after, .webui-popover-inverse.right-top > .webui-arrow:after, .webui-popover-inverse.right-bottom > .webui-arrow:after {
  border-right-color: #333
}
.webui-popover-inverse.bottom > .webui-arrow, .webui-popover-inverse.bottom-left > .webui-arrow, .webui-popover-inverse.bottom-right > .webui-arrow, .webui-popover-inverse.bottom > .webui-arrow:after, .webui-popover-inverse.bottom-left > .webui-arrow:after, .webui-popover-inverse.bottom-right > .webui-arrow:after {
  border-bottom-color: #333
}
.webui-popover-inverse.left > .webui-arrow, .webui-popover-inverse.left-top > .webui-arrow, .webui-popover-inverse.left-bottom > .webui-arrow, .webui-popover-inverse.left > .webui-arrow:after, .webui-popover-inverse.left-top > .webui-arrow:after, .webui-popover-inverse.left-bottom > .webui-arrow:after {
  border-left-color: #333
}
.webui-popover i.icon-refresh:before {
  content: ""
}
.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url('../images/loading.gif') no-repeat
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg)
  }
}
.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, .65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998
}
.webui-popover .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  border: none;
  box-shadow: none;
  float: none
}
table.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show
}
.tablesaw {
  width: 100%;
  border-collapse: collapse
}
.tablesaw {
  padding: 0;
  border: 0
}
.tablesaw td, .tablesaw th {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em .7em
}
.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em
}
:root {
  var-button-selected-background: #29abe2;
  var-button-checkbox-selected-background: #34a3de;
  var-button-selected-shadow: rgba(0, 75, 115, .45);
  var-button-interaction-text: #76838f;
  var-button-interaction-shadow: #4faeef
}
.tablesaw-enhanced .tablesaw-bar .btn {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none !important;
  padding: 4px 8px;
  margin: 0;
  clear: both;
  color: #76838f;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  background: 0 0;
  background-color: #fff;
  border: 1px solid #e4eaec;
  border-radius: 3px;
  -moz-appearance: none !important;
  -webkit-font-smoothing: antialiased
}
.tablesaw-enhanced .tablesaw-bar .btn:hover {
  text-decoration: none
}
.tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .btn:hover {
  background-color: #fff;
  border-color: #62a8ea;
  outline: 0
}
.tablesaw-enhanced .tablesaw-bar .btn:focus {
  color: #62a8ea
}
.tablesaw-bar .btn:focus {
  color: #62a8ea
}
.ie-lte8 .tablesaw-bar .btn:focus, .ie-lte8 .tablesaw-bar .btn:hover {
  color: #76838f;
  background-color: #fff;
  border-color: #aaa;
  outline: 0
}
.ie-lte8 .tablesaw-bar .btn:focus, .ie-lte8 .tablesaw-bar .btn:hover {
  color: #76838f;
  background-color: #fff;
  border-color: #62a8ea;
  outline: 0
}
.tablesaw-bar .btn-select select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 1em;
  margin: 0;
  font-weight: inherit;
  background: 0 0;
  border: none
}
.tablesaw-bar .btn-select select {
  display: inline-block;
  color: transparent;
  filter: alpha(opacity=0);
  opacity: 0
}
.tablesaw-bar .btn select option {
  font-family: sans-serif;
  color: #000;
  background: #fff
}
.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
  min-width: 7.25em;
  margin-bottom: 3px;
  color: #76838f;
  text-align: left;
  text-indent: 0
}
.ie-lte8 .tablesaw-bar .btn-select {
  min-width: 6.1em
}
.tablesaw-bar .btn.btn-micro, .tablesaw-bar .btn.btn-small {
  position: relative;
  top: 0;
  display: inline-block;
  width: auto;
  height: auto
}
.tablesaw-bar .btn.btn-small {
  line-height: 20px
}
.tablesaw-enhanced .tablesaw-bar .btn-select {
  text-align: left
}
.tablesaw-bar .btn-select:after {
  position: absolute;
  display: block;
  content: " ";
  background: #f3f7f9;
  background: rgba(0, 0, 0, .1)
}
.tablesaw-bar .btn-select:after {
  top: 6px;
  right: auto;
  bottom: 0;
  left: auto;
  display: inline-block;
  width: 1.8em;
  padding: 0;
  margin: 0 5px 0;
  font-family: "Web Icons";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  font-size-adjust: none;
  font-stretch: normal;
  line-height: 1;
  content: "\f18f";
  background: 0 0;
  -webkit-font-feature-settings: normal;
  -moz-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  -moz-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-language-override: normal;
  -moz-font-language-override: normal;
  font-language-override: normal;
  font-synthesis: weight style;
  text-rendering: auto
}
.tablesaw-bar .btn-select.btn-micro:after, .tablesaw-bar .btn-select.btn-small:after {
  background: 0 0;
  border-left-width: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.tablesaw-bar .btn-select.btn-small:after {
  padding-top: 0;
  padding-right: 0;
  font-size: 16px
}
.tablesaw-advance .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 3px;
  -moz-appearance: none
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  position: relative;
  display: inline-block;
  margin-left: .5em;
  font-family: "Web Icons";
  font-size: inherit;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  font-size-adjust: none;
  font-stretch: normal;
  line-height: 1;
  -webkit-font-feature-settings: normal;
  -moz-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  -moz-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-language-override: normal;
  -moz-font-language-override: normal;
  font-language-override: normal;
  font-synthesis: weight style;
  text-rendering: auto
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  content: "\f18f"
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\f190"
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  content: "\f17e"
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  content: "\f17f"
}
.tablesaw-advance a.tablesaw-nav-btn.disabled {
  pointer-events: none;
  cursor: default;
  filter: alpha(opacity=40);
  opacity: .4
}
.tablesaw-bar {
  clear: both;
  font-family: sans-serif
}
.tablesaw-toolbar {
  float: left;
  font-size: 13px
}
.tablesaw-toolbar label {
  display: block;
  padding: .5em 0;
  margin-right: 20px;
  clear: both;
  color: #76838f;
  text-transform: uppercase
}
.tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .btn {
  margin-top: .5em;
  margin-bottom: .5em
}
.tablesaw-bar .btn-select, .tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0
}
.tablesaw-bar .tablesaw-toolbar .btn {
  padding-left: .3em;
  margin-top: 0;
  margin-left: .4em;
  font-family: sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  background: 0 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}
.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0
}
.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: 0
}
.tablesaw-bar .tablesaw-toolbar select {
  color: #76838f;
  text-transform: none;
  background: 0 0
}
.tablesaw-toolbar ~ table {
  clear: both
}
.tablesaw-toolbar .a11y-sm {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0)
}
@media (min-width:24em) {
  .tablesaw-toolbar .a11y-sm {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: none
  }
}
.tablesaw td, .tablesaw th {
  line-height: 1em;
  text-align: left;
  vertical-align: middle
}
.tablesaw tbody th, .tablesaw td {
  vertical-align: middle
}
.tablesaw tbody th .btn, .tablesaw td .btn {
  margin: 0
}
.tablesaw thead th {
  text-align: left;
  text-transform: uppercase
}
.tablesaw caption {
  margin-bottom: 0;
  line-height: 2.4;
  text-align: left;
  filter: alpha(opacity=50);
  opacity: .5
}
@media (min-width:25em) {
  .tablesaw caption {
    margin-bottom: .6em;
    line-height: 1.2
  }
}
.tablesaw-cell-label-top {
  font-weight: 300;
  text-transform: uppercase
}
.tablesaw-cell-label {
  text-transform: uppercase
}
@media (min-width:40em) {
  .tablesaw td {
    line-height: 1.5em
  }
}
.tablesaw-cell-label-top {
  font-weight: 300;
  text-transform: uppercase
}
.tablesaw-cell-label {
  text-transform: uppercase
}
@media (min-width:40em) {
  .tablesaw td {
    line-height: 1.5em
  }
}
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
  display: none
}
@media only all {
  .tablesaw-stack td, .tablesaw-stack th {
    display: block;
    text-align: left
  }
  .tablesaw-stack tr {
    display: table-row;
    clear: both
  }
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    display: inline-block;
    width: 30%;
    padding: 0 .6em 0 0
  }
  .tablesaw-stack td .tablesaw-cell-label-top, .tablesaw-stack th .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0
  }
  .tablesaw-cell-label {
    display: block
  }
  .tablesaw-stack tbody th.group {
    margin-top: -1px
  }
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important
  }
}
@media (max-width:767px) {
  .tablesaw-stack thead td, .tablesaw-stack thead th {
    display: none
  }
  .tablesaw-stack tbody td, .tablesaw-stack tbody th {
    float: left;
    width: 100%;
    clear: left
  }
  .tablesaw-cell-label {
    vertical-align: top
  }
  .tablesaw-cell-content {
    display: inline-block;
    max-width: 67%
  }
  .tablesaw-stack td:empty, .tablesaw-stack th:empty {
    display: none
  }
}
@media (min-width:768px) {
  .tablesaw-stack tr {
    display: table-row
  }
  .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th {
    display: table-cell
  }
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    display: none !important
  }
}
.tablesaw-fix-persist {
  table-layout: fixed
}
@media only all {
  .tablesaw-swipe td.tablesaw-cell-hidden, .tablesaw-swipe th.tablesaw-cell-hidden {
    display: none
  }
}
.btn.tablesaw-columntoggle-btn span {
  display: inline-block;
  text-indent: -9999px
}
.tablesaw-columntoggle-btnwrap {
  position: relative
}
.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em
}
.tablesaw-columntoggle tbody td {
  line-height: 1.5
}
.tablesaw-columntoggle-popup {
  display: none
}
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  position: absolute;
  top: 2em;
  right: 0;
  z-index: 1;
  display: block;
  padding: .5em .8em;
  background-color: #fff;
  border: 1px solid #e4eaec;
  border-radius: 3px
}
.tablesaw-columntoggle-popup fieldset {
  margin: 0
}
@media only all {
  .tablesaw-columntoggle td.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-6 {
    display: none
  }
}
.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0
}
.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none
}
@media (min-width:20em) {
  .tablesaw-columntoggle td.tablesaw-priority-1, .tablesaw-columntoggle th.tablesaw-priority-1 {
    display: table-cell
  }
}
@media (min-width:30em) {
  .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-2 {
    display: table-cell
  }
}
@media (min-width:40em) {
  .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-3 {
    display: table-cell
  }
  .tablesaw-columntoggle tbody td {
    line-height: 2
  }
}
@media (min-width:50em) {
  .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-4 {
    display: table-cell
  }
}
@media (min-width:60em) {
  .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-5 {
    display: table-cell
  }
}
@media (min-width:70em) {
  .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-6 {
    display: table-cell
  }
}
@media only all {
  .tablesaw-columntoggle td.tablesaw-cell-hidden, .tablesaw-columntoggle th.tablesaw-cell-hidden {
    display: none
  }
  .tablesaw-columntoggle td.tablesaw-cell-visible, .tablesaw-columntoggle th.tablesaw-cell-visible {
    display: table-cell
  }
}
.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: .2em 0;
  white-space: nowrap
}
.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: .8em
}
.tablesaw-sortable, .tablesaw-sortable thead, .tablesaw-sortable thead tr, .tablesaw-sortable thead tr th {
  position: relative
}
.tablesaw-sortable thead tr th {
  padding-right: 1.6em;
  vertical-align: top
}
.tablesaw-sortable th.tablesaw-sortable-head, .tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
  padding: 0
}
.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: .9em;
  padding-right: 1.6em;
  padding-bottom: .7em;
  padding-left: .6em
}
.tablesaw-sortable .tablesaw-sortable-head button {
  position: relative;
  min-width: 100%;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  text-transform: inherit;
  background: 0 0;
  border: 0
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after, .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  position: absolute;
  right: .5em;
  display: inline-block;
  width: 7px;
  height: 10px;
  font-family: "Web Icons";
  font-size: inherit;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  font-size-adjust: none;
  font-stretch: normal;
  line-height: 1;
  content: "\0020";
  -webkit-font-feature-settings: normal;
  -moz-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  -moz-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-language-override: normal;
  -moz-font-language-override: normal;
  font-language-override: normal;
  font-synthesis: weight style;
  text-rendering: auto
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "\f190"
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "\f18f"
}
.tablesaw-sortable .not-applicable:after {
  display: block;
  content: "--"
}
.tablesaw-sortable .not-applicable span {
  display: none
}
.tablesaw-advance {
  float: right
}
.tablesaw-advance.minimap {
  margin-right: .4em
}
.tablesaw-advance-dots {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none
}
.tablesaw-advance-dots li {
  display: table-cell;
  padding: .4em .2em
}
.tablesaw-advance-dots li i {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #a3afb7;
  border-radius: 100%
}
.tablesaw-advance-dots-hide {
  pointer-events: none;
  cursor: default;
  filter: alpha(opacity=30);
  opacity: .3
} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container, .pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container, .pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  for open/close transition -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container, .pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #777;
}
.pswp__error-msg a {
  color: #333;
  text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.clear:after, .clear:before {
  content: '';
  clear: both;
  display: table;
}
/*
1. Buttons
*/
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
/* 按钮样式自定义 */
[class*=pswp__button--rotate] {
  background: none !important;
  outline: none !important;
}
[class*=pswp__button--rotate] .icon {
  top: 1px;
  font-size: 17px;
  font-weight: 400;
  color: #555;
}
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background: url('../images/default-skin.png') 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
    background-image: url('../images/default-skin.svg');
  }
  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
  [class*=pswp__button--rotate] {
    opacity: .75;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left, .pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.1);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*
2. Share modal/popup and links
*/
.pswp__counter, .pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child { /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #555;
  opacity: 0.75;
  padding: 0 10px;
}
/*
4. Caption
*/
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #777;
}
.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #333;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */
  background: url('../images/preloader.gif') 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut { /*
  The idea of animating inner circle is based on Polymer ("material") loading indicator
  by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width:1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar, .pswp__caption {
  background-color: rgba(255, 255, 255, 0.8);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
  background-color: rgba(255, 255, 255, 0.8);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
/*.pswp__ui--idle .pswp__top-bar{opacity:0;}*/
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}
/* 滚动条 */
html:not(.isMobile) *::-webkit-scrollbar {
  width: 6px;
  background: #fff;
}
html:not(.isMobile) *::-webkit-scrollbar-thumb {
  background-color: ;
}
ul, li {
  padding: 0px;
  list-style: none;
}
.cover {
  height: 100%;
}
.onlinebox {
  z-index: 9999 !important;
}
.load {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  z-index: 20000;
  margin: 0 !important;
  background-color: #ffffff;
  background-color: ;
}
.ball-scale-multiple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40px, -40px);
}
.ball-scale-multiple > div {
  background-color: #2f82ff;
  background-color: ;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  margin: 0;
  width: 80px;
  height: 80px;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}
.ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.line-scale-pulse-out {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.line-scale-pulse-out > div {
  background-color: #2f82ff;
  background-color: ;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
}
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-spin-fade-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-15px, -15px);
}
.line-spin-fade-loader > div {
  background-color: #2f82ff;
  background-color: ;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 5px;
  height: 15px;
}
.line-spin-fade-loader > div:nth-child(1) {
  top: 20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(2) {
  top: 13.63636px;
  left: 13.63636px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(4) {
  top: -13.63636px;
  left: 13.63636px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(5) {
  top: -20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(6) {
  top: -13.63636px;
  left: -13.63636px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(8) {
  top: 13.63636px;
  left: -13.63636px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.96s infinite
}
@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
/* 头部导航 */
.met-head {
  position: fixed;
  right: 0;
  left: 0;
  padding: 0 95px 0 40px;
  right: 5px;
  top: 0;
  z-index: 1500;
  width: 100%;
  height: 75px;
  line-height: 75px;
  border-bottom: 1px solid;
  border-bottom-color: #ececec;
  background: #ffffff;
}
.nav-logo {
  position: absolute;
  top: 0;
  left: 40px;
  height: 100%;
  font-size: 0;
  max-width: 45%;
  z-index: 3
}
.nav-logo img {
  height: 100%;
  padding: 14px 0;
}
.nav-box {
  float: right;
  overflow: hidden;
  position: relative;
  z-index: 2
}
.nav-box ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 3999px
}
.nav-box ul li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  white-space: nowrap;
  cursor: pointer
}
.nav-box ul li a {
  display: block;
  position: relative;
  color: #444444;
  color: #ffffff;
}
.nav-box ul li a:after {
  content: '';
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #2f82ff;
  transition: all .6s ease
}
.nav-box ul li a b {
  display: block;
  padding: 0 25px;
  font-weight: normal;
  position: relative;
  z-index: 2;
  color: #444444;
  transition: color .3s;
  -moz-transition: color .3s;
  -ms-transition: color .3s;
  -o-transition: color .3s;
  -webkit-transition: color .3s;
  font-size: 15px
}
.nav-box ul li.active a:after {
  width: 100%
}
@media (max-width:767px) {
  .nav-logo img {
    padding: 16px 0;
  }
  .nav-logo {
    left: 8px;
    width: 70%;
  }
}
/* 侧边栏 */
.nav-side {
  width: 32px;
  height: 32px;
  position: fixed;
  right: 40px;
  top: 22.5px;
  cursor: pointer;
  z-index: 1501;
  transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -ms-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  -webkit-transition: all ease 0.6s
}
.nav-side hr {
  height: 1px;
  background: #444444;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -ms-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  -webkit-transition: all ease 0.6s
}
.nav-side hr:nth-child(1) {
  width: 20px;
  top: 8px;
  right: 5px;
  left: 5px
}
.nav-side hr:nth-child(2) {
  width: 20px;
  top: 50%;
  left: 5px;
  margin-top: -1px;
  opacity: 1;
  right: 5px
}
.nav-side hr:nth-child(3) {
  width: 20px;
  bottom: 8px;
  right: 5px;
  left: 5px
}
.side-box {
  position: fixed;
  width: 300px;
  right: 0;
  height: 100%;
  z-index: 1501;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  top: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}
.side-box .side-cut {
  height: 100%
}
.side-box .side-cut .side-shadow {
  width: 3999px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 99;
  top: 0;
  right: 100%;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}
.side-box .side-cut .side-nav {
  height: 100%;
  background: #ffffff;
  z-index: 1000;
  position: relative;
}
.side-box .side-cut .side-nav .side-close {
  float: right;
  padding: 10px;
  cursor: pointer;
  color: #8c8c8c;
}
.side-box .side-cut .side-nav .logo-2 {
  padding: 46px 20px 30px 20px;
  text-align: left;
}
.side-box .side-cut .side-nav .logo-2 img {
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  transform: translateY(100%);
}
.side-box .navlist {
  min-height: 100%;
  margin-bottom: 70px
}
.side-box .navlist .side-foot {
  padding: 30px 30px 25px 30px;
  text-align: left;
  overflow: hidden
}
.side-box .navlist .side-foot .side-qrcode {
  width: 140px;
  height: 140px;
}
.side-box .navlist .side-foot .side-qrcode img {
  width: 100%;
  height: 100% opacity:0;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  transform: translateY(100%);
}
.side-box .navlist .side-foot .side-phone {
  font-size: 16px;
  letter-spacing: -1px;
  text-align: left;
  color: #444444;
  color: ;
  border-bottom: 1px solid;
  border-color: #8c8c8c;
  border-color: ;
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  transform: translateY(100%);
}
.side-box .navlist .side-foot .side-phone a {
  color: #444444;
  color: ;
}
.side-box .navlist .side-foot .side-text {
  text-align: left;
  margin-top: 15px;
  color: #8c8c8c;
  color: ;
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  transform: translateY(100%);
}
.side-box .navlist li .link {
  border-bottom: 1px solid;
  border-color: #8c8c8c;
  border-color: ;
}
.side-box .navlist li a {
  color: #444444;
  color: ;
}
.side-box .navlist li a.link {
  transition: all .4s ease;
  font-size: 16px;
  color: #444444;
  color: ;
  width: 100%;
  display: block;
  text-align: left;
  padding: 20px 30px;
  height: 60px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.side-box .navlist li a.link:hover, .side-box .nav-item.open .link {
  background-color: #2f82ff;
  background-color: ;
  color: #fff;
}
.side-box .navlist li a.link:hover .nav-plus:before, .side-box .nav-item.open .nav-plus:before {
  background-color: #fff;
}
.side-box .navlist li a.link:hover .nav-plus:after, .side-box .nav-item.open .nav-plus:after {
  background-color: #fff;
}
.side-box .navlist li a.link b {
  font-weight: 500;
}
.side-box .navlist .nav-shop {
  margin-bottom: 15px
}
.side-box .navlist .nav-shop .btn {
  height: 40px;
  line-height: 26px;
  padding: 6px 20px;
  color: #fff
}
.side-box .navlist .nav-shop .btn:hover {
  background: #fff;
  color: #333
}
.side-box .navlist .nav-shop .btn-primary {
  background: #2f82ff
}
.side-box .navlist2 li {
  position: relative
}
.side-box .navlist2 li a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  padding: 0 30px;
  display: block;
  color: #444444;
  color: ;
  height: 38px;
  line-height: 38px;
  font-weight: normal;
  text-align: left
}
.side-box .navlist2 .navlist3 {
  padding-left: 20px;
}
.side-box .navlist2 .navlist3 a {
  color: #8c8c8c;
  color: ;
}
.side-box .navlist2 li a.active {
  color: #2f82ff;
  color: ;
}
.side-box .navlist2.open {
  opacity: 1;
  visibility: visible
}
.side-box .nav-item {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  transform: translateY(100%);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  opacity: 0
}
.side-box .nav-item .nav-plus:before {
  position: absolute;
  top: 50%;
  content: " ";
  right: 20px;
  margin-top: -1px;
  width: 10px;
  height: 2px;
  background-color: #8c8c8c;
  background-color: ;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.side-box .nav-item .nav-plus::after {
  position: absolute;
  top: 50%;
  content: " ";
  right: 20px;
  margin-top: -1px;
  width: 10px;
  height: 2px;
  background-color: #8c8c8c;
  background-color: ;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.side-box .nav-item.open {
  height: auto
}
.side-box .nav-item.open .nav-plus:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}
.side-box .nav-item .fa {
  position: relative;
  left: 10px
}
/* 会员 */
.side-box .nav-user {
  padding: 20px 30px;
  position: relative;
  z-index: 1;
  text-align: left;
}
.side-box .nav-user .btn-outline.btn-primary {
  border-color: #8c8c8c;
  border-color: ;
}
.side-box .nav-user .btn-outline.btn-primary:hover, .side-box .nav-user .btn-outline.btn-success:hover {
  background-color: #2f82ff;
  background-color: ;
}
.side-box .nav-user .btn-outline.btn-success {
  border-color: #8c8c8c;
  border-color: ;
}
.side-box .nav-user .user-info {
  border-color: #444444;
  border-color: ;
  background-color: #ffffff;
  background-color: #ffffff;
}
.side-box .nav-user .user-info .dropdown-item:hover, .dropdown-item.active {
  background: #2f82ff !important;
  background:  !important;
}
.met-head-shop .dropdown-menu li a {
  color: #76838f !important;
}
.met-head-shop li {
  line-height: 30px;
}
/* 语言 */
.side-box .met-langlist {
  padding: 20px 30px;
  position: relative;
  z-index: 1;
  text-align: left;
}
.side-box .met-langlist span {
  color: #444444;
  color: ;
}
.side-box .met-langlist .inline-block {
  position: relative;
}
.side-box .met-langlist .dropdown-menu {
  border-color: #444444;
  border-color: ;
  background-color: #ffffff;
  background-color: #ffffff;
}
.side-box .met-langlist .btn-outline.btn-default {
  color: #444444;
  color: ;
  border-color: #8c8c8c;
  border-color: ;
}
.side-box .met-langlist .dropdown-item:hover, .dropdown-item.active {
  color: #fff;
  background: #2f82ff !important;
  background:  !important;
}
.side-box .met-langlist .btn-outline.btn-default.active, .btn-outline.btn-default:active, .side-box .met-langlist .btn-outline.btn-default:focus, .side-box .met-langlist .btn-outline.btn-default:hover, .side-box .met-langlist .open > .btn-outline.btn-default.dropdown-toggle {
  background-color: #2f82ff;
  background-color: ;
  border-color: #2f82ff;
  border-color: ;
  color: #fff;
}
.side-box .met-langlist .btn-outline.btn-default.active span, .btn-outline.btn-default:active span, .side-box .met-langlist .btn-outline.btn-default:focus span, .side-box .met-langlist .btn-outline.btn-default:hover span, .side-box .met-langlist .open > .btn-outline.btn-default.dropdown-toggle span {
  color: #fff;
}
/* 侧边栏点击 */
body.open {
  overflow: hidden
}
body.open .side-box {
  transform: translateX(0)
}
body.open .side-box .side-nav {
  overflow: auto
}
body.open .side-box .side-nav .logo-2 img {
  opacity: 1;
  transform: translateY(0)
}
body.open .side-box .side-shadow {
  opacity: 1;
  visibility: visible
}
body.open .nav-item {
  opacity: 1;
  transform: translateY(0)
}
body.open .nav-side {
  border: none
}
body.open .side-box .navlist .side-foot .side-qrcode img {
  opacity: 1;
  transform: translateY(0)
}
body.open .side-box .navlist .side-foot .side-phone {
  opacity: 1;
  transform: translateY(0)
}
body.open .side-box .navlist .side-foot .side-text {
  opacity: 1;
  transform: translateY(0)
}
body.open .nav-side hr:nth-child(1) {
  width: 100%;
  top: 50%;
  margin-top: -1px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  -webkit-transform-origin: center;
  right: 0;
  left: 0
}
body.open .nav-side hr:nth-child(2) {
  opacity: 0;
  left: -50%
}
body.open .nav-side hr:nth-child(3) {
  width: 100%;
  bottom: 50%;
  margin-bottom: 0px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  -webkit-transform-origin: center;
  right: 0;
  left: 0
}
/* 全屏滚动 */
.met-box {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1198;
  overflow: hidden;
}
.met-box .met-wrapper {
  width: 100%;
  height: 100%;
  will-change: transform;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.met-page {
  width: 100%;
  height: 100% !important;
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center top;
  transition: visibility 0s 0.5s;
  z-index: 2;
  padding-top: 75px;
}
.nav-bg {
  background: #ffffff;
  background: #ffffff;
}
.nav-bg .nav-li a b {
  color: #444444;
  color: #444444;
}
.nav-bg .nav-box .nav-ul .active a:after {
  background-color: #2f82ff;
  background-color: ;
}
.nav-logo .logo-2 {
  display: none;
}
.nav-bg .logo-1 {
  display: none;
}
.nav-bg .logo-2 {
  display: block;
}
.side-bg hr {
  background-color: #444444;
  background-color: #444444;
}
@media (min-width:768px) {
  .p-t-75 {
    padding-top: 75px;
  }
}
@media (max-width:991px) {}
@media (max-width:767px) {
  .p-t-75 {
    padding-top: 60px;
  }
  .nav-side {
    width: 32px;
    height: 32px;
    right: 15px;
    top: 18px;
  }
  .met-head {
    padding: 0 58px 0 15px;
    height: 60px;
    line-height: 60px;
  }
}
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
  animation-duration: .75s;
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, .95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
/* 轮播图 */
.hide {
  display: none;
}
.met-video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  z-index: -999999;
}
.met-video video {
  position: relative;
  z-index: -99999;
  object-fit: cover;
}
.banner_met_11_6.met-page {
  padding-top: 0 !important;
}
.banner_met_11_6 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  height: 700px;
}
.banner_met_11_6 .banner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 4
}
.banner_met_11_6 .banner .banner-warpper {
  width: 1000%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  transition-timing-function: ease
}
.banner_met_11_6 .banner .banner-item {
  width: 10%;
  height: 100%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  overflow: hidden;
  position: relative;
  background: center no-repeat;
  background-size: cover;
  height: 950px;
}
.banner_met_11_6 .banner-text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}
.banner_met_11_6 .banner-text .container {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.banner_met_11_6 .banner-text h3, .banner_met_11_6 .banner-text p {
  color: #444444;
  color: #ffffff;
}
.banner_met_11_6 .banner-text h3 {
  margin: 0;
  font-size: 48px;
  font-weight: 100
}
.banner_met_11_6 .banner-text p {
  font-size: 24px;
  margin: 20px 0 20px 0;
  text-shadow: none;
  font-weight: 100
}
.banner_met_11_6 .banner-text .banner-icon {
  font-size: 20px;
}
.banner_met_11_6 .banner-text .banner-icon .pe-mail {
  font-size: 24px;
  position: relative;
  top: 3px;
}
.banner_met_11_6 .banner-text .line {
  width: 100px;
  height: 4px;
  background-color: #2f82ff;
  background-color: ;
  display: inline-block;
  margin: 0 auto;
}
.banner_met_11_6 .banner-text.p-4 {
  text-align: center;
}
.banner_met_11_6 .banner-text.p-4 .line {
  display: block;
}
.banner_met_11_6 .banner-text.p-0 {
  text-align: left;
}
.banner_met_11_6 .banner-text.p-1 {
  text-align: right;
}
.banner_met_11_6 .banner-text.p-0 .line {
  margin: 0;
}
.banner_met_11_6 .more {
  border: 1px solid;
  border-color: #444444;
  border-color: #ffffff;
  color: #444444;
  color: #ffffff;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  width: 160px;
  cursor: pointer;
  margin-top: 50px;
  transition-duration: 1s;
}
.banner_met_11_6 .more span {
  display: block;
  width: 100%;
  position: relative;
  text-align: center;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  color: #444444;
  color: #ffffff;
}
.banner_met_11_6 .more span:after {
  content: attr(data-title);
  position: absolute;
  height: 40px;
  top: 0px;
  left: 0px;
  right: 0;
  color: transparent;
  transform: translate(0, 100%);
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
}
.banner_met_11_6 .more:hover {
  border-color: #2f82ff;
  border-color: ;
  background-color: #2f82ff;
  background-color: ;
}
.banner_met_11_6 .more:hover span {
  transform: translate(0, -100%);
}
.banner_met_11_6 .more:hover span:after {
  background-color: #2f82ff;
  background-color: ;
  color: #fff;
}
.banner_met_11_6 .banner-next {
  z-index: 99;
  position: absolute;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
  text-align: center;
  color: #444444;
  color: #ffffff;
}
.banner_met_11_6 .banner-next span {
  display: block;
}
.banner_met_11_6 .banner-next .next-text {
  -webkit-animation: fadeInDown 2s infinite;
  -moz-animation: fadeInDown 2s infinite;
  -o-animation: fadeInDown 2s infinite;
  -ms-animation: fadeInDown 2s infinite;
  animation: fadeInDown 2s infinite;
  position: relative;
  top: 35px;
}
.banner_met_11_6 .banner-next .next-icon {
  font-size: 64px;
}
.banner_met_11_6 .banner-ctrl {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  z-index: 99
}
.banner_met_11_6 .banner-ctrl .left {
  position: absolute;
  font-size: 72px;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer
}
.banner_met_11_6 .banner-ctrl .right {
  position: absolute;
  font-size: 72px;
  color: #fff;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer
}
.banner_met_11_6.banner-ny-h {
  min-height: 300px;
  height: 300px !important;
}
.banner_met_11_6.banner-ny-h .banner-item {
  min-height: 300px;
}
.banner_met_11_6.banner-ny-h .banner-next {
  display: none
}
.banner_met_11_6.banner-ny-h .banner-ctrl {
  display: none
}
.banner_met_11_6.banner-ny-h .banner-text .title {
  margin-bottom: 15px;
  font-size: 36px;
  height: auto;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 0ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms
}
.banner_met_11_6.banner-ny-h .banner-text .subtitle {
  margin-top: 15px;
  font-size: 22px;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 400ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms
}
@media (max-width:479px) {
  .banner_met_11_6 .banner-text h3 {
    font-size: 16px
  }
  .banner_met_11_6 .banner-text p {
    margin-top: 10px;
    font-size: 20px
  }
}
@media (max-width:991px) {
  .met-video .video-bg {
    height: 100%;
    top: 0;
    position: absolute;
    width: 100%;
    left: 0;
  }
  .banner_met_11_6 .banner-text h3 {
    font-size: 20px
  }
  .banner_met_11_6 .banner-text p {
    font-size: 30px
  }
  .banner_met_11_6.banner-ny-h {
    min-height: 200px;
    height: 200px !important;
  }
  .banner_met_11_6.banner-ny-h .banner-item {
    min-height: 200px;
  }
  .banner_met_11_6.banner-ny-h .banner-text .title {
    font-size: 26px;
  }
  .banner_met_11_6.banner-ny-h .banner-text .subtitle {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .banner_met_11_6-ny {
    height: 90px
  }
  .banner_met_11_6-ny h1, .banner_met_11_6-ny h2 {
    font-size: 26px
  }
  .banner_met_11_6 {
    height: 500px;
  }
  .banner_met_11_6.banner-ny-h {
    height: 150px
  }
  .banner_met_11_6.banner-ny-h .banner-text .title {
    margin-bottom: 15px;
    padding: 0;
    font-size: 24px;
    height: auto
  }
  .banner_met_11_6.banner-ny-h .banner-text .subtitle {
    margin-top: 15px;
    font-size: 16px
  }
  .banner_met_11_6 .banner-text .container {
    width: 100%
  }
  .banner_met_11_6 .banner-text.p-5 .container .banner-text-con {
    width: 100%
  }
  .banner_met_11_6 .banner-text h3 {
    font-size: 18px
  }
  .banner_met_11_6 .banner-text p {
    margin-top: 15px;
    font-size: 24px
  }
  .banner_met_11_6 .banner-text .btn-more {
    margin-top: 20px;
    font-size: 16px
  }
}
/* 内页轮播 */
.banner_met_11_6-ny {
  background-color: #ffffff;
  background-color: ;
  height: 120px;
}
.banner_met_11_6-ny h1 {
  margin: 0px;
  padding: 10px 30px;
  font-size: 35px;
  text-shadow: none;
  color: #444444;
  color: ;
}
.subcolumn_nav_met_11_4 {
  text-align: center;
  background: #ffffff;
  background: ;
  border-bottom: 1px solid;
  border-color: #8c8c8c;
  border-color: ;
}
.overflow-visible {
  overflow: visible !important;
}
.subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul {
  padding: 0;
  list-style: none;
  margin: 0;
  text-align: center;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li {
  white-space: nowrap;
  display: inline-block;
  float: none
}
.subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li a.link {
  text-decoration: none;
  display: block;
  margin: 0 5px;
  font-size: 16px;
  line-height: 75px;
  text-align: center;
  padding: 0 20px;
  height: 75px;
  color: #444444;
  color: ;
  -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
  transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
  position: relative;
  font-weight: 300;
}
.subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li a.link:active, .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li a.link:focus, .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li a.link:hover {
  text-decoration: none
}
.subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li a.link:hover, .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li a.link.active {
  color: #2f82ff;
  color: ;
}
.subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li > ul > li > a.active {
  color: #2f82ff !important;
  color:  !important;
}
.subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li a.active:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  height: 1px;
  background: #2f82ff;
  background: ;
}
.subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul > li .dropdown-menu {
  top: 40px
}
.subcolumn_nav_met_11_4 .product-search:first-child {
  margin-top: 10px
}
.subcolumn_nav_met_11_4 .product-search .form-group {
  max-width: 500px;
}
.subcolumn_nav_met_11_4 .input-search .form-control {
  border-radius: 0;
}
.subcolumn_nav_met_11_4 .form-control.focus, .form-control:focus {
  border-color: #2f82ff;
  border-color: ;
}
.subcolumn_nav_met_11_4 .subcolumn-nav-location {
  float: left;
  font-size: 12px;
  padding: 10px 0
}
.subcolumn_nav_met_11_4 .subcolumn-nav-location .location {
  color: #444444;
  color: ;
}
.subcolumn_nav_met_11_4 .subcolumn-nav-location li {
  line-height: 30px;
  float: left
}
.subcolumn_nav_met_11_4 .subcolumn-nav-location a {
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  color: #444444;
  color: ;
  -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
  transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms
}
.subcolumn_nav_met_11_4 .subcolumn-nav-location a:active, .subcolumn_nav_met_11_4 .subcolumn-nav-location a:focus, .subcolumn_nav_met_11_4 .subcolumn-nav-location a:hover {
  text-decoration: none
}
.subcolumn_nav_met_11_4 .subcolumn-nav-location a:hover {
  color: #2f82ff;
  color: ;
}
.subcolumn_nav_met_11_4 .subcolumn-nav-location .fa {
  padding: 0 10px
}
.subcolumn_nav_met_11_4 .subcolumn-nav {}
.subcolumn_nav_met_11_4 .subcolumn-nav .dropdown-menu a {
  color: #444444 !important;
  color:  !important;
}
.subcolumn_nav_met_11_4 .subcolumn-nav .dropdown-menu a:hover {
  color: #2f82ff !important;
  color:  !important;
}
@media (max-width:767px) {
  .subcolumn_nav_met_11_4 .row {
    margin: 0
  }
  .subcolumn_nav_met_11_4 .subcolumn-nav {
    height: 75px;
    float: none
  }
  .subcolumn_nav_met_11_4 .subcolumn-nav-location {
    float: none
  }
}
.foot_info_met_11_4 {
  line-height: 1.8;
  background-color: #ffffff;
  background-color: #000000;
}
.foot_info_met_11_4.met-page {
  height: auto !important;
  overflow: visible;
}
.foot_info_met_11_4 p {
  margin-bottom: 0px;
  color: #444444;
  color: #bfbfbf;
  font-size: 12px;
}
.foot_info_met_11_4 .left {
  float: left;
  text-align: left;
  width: 100%;
}
.foot_info_met_11_4 .breadcrumb-item, .foot_info_met_11_4 .breadcrumb-item::before {
  color: #444444;
  color: #bfbfbf;
}
.foot_info_met_11_4 .breadcrumb-item span:hover {
  color: #2f82ff;
  color: ;
}
.foot_info_met_11_4 .breadcrumb-item span {
  color: #8c8c8c;
  color: #bfbfbf;
}
.foot_info_met_11_4 .powered_by_metinfo {
  color: #8c8c8c;
  color: #bfbfbf;
}
.foot_info_met_11_4 .right {
  float: right;
  width: 50%;
  text-align: right;
}
.foot_info_met_11_4 .right p img {
  max-width: 100%;
  height: auto !important;
}
.foot_info_met_11_4 .right .social i {
  font-size: 20px;
  margin-right: 5px;
  color: #8c8c8c;
  color: #bfbfbf;
}
.foot_info_met_11_4 .right .social i:hover {
  color: #2f82ff;
  color: ;
}
.foot_info_met_11_4 .inline-block {
  padding: 0 3px;
  cursor: pointer;
}
.foot_info_met_11_4 .btn-cntotc {
  color: #8c8c8c;
  color: #bfbfbf;
}
.foot_info_met_11_4 .btn-cntotc:hover {
  color: #2f82ff;
  color: ;
}
@media (max-width:767px) {
  .foot_info_met_11_4 .left {
    float: none;
    text-align: center;
    width: 100%;
  }
  .foot_info_met_11_4 .right {
    float: none;
    text-align: center;
    width: 100%;
  }
  .foot_info_met_11_4 .breadcrumb-item {
    display: inline-block;
    float: none;
  }
}
.show_met_11_3 .panel {
  background: #ffffff !important;
  background:  !important;
}
.show_met_11_3 .item {
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative
}
.show_met_11_3 .item .container {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  padding: 50px;
  background: rgba(0, 0, 0, 0.08)
}
.show_met_11_3 .item .container:hover .line {
  width: 50px
}
.show_met_11_3 .item .container .title {
  color: #444444;
  color: #ffffff;
  height: 60px;
  font-size: 24px;
  position: relative;
  margin: 0;
  font-weight: normal;
}
.show_met_11_3 .item .container .title .line {
  background-color: #2f82ff;
  background-color: ;
}
.show_met_11_3 .item .container .desc {
  margin: 20px 0;
  width: 100%;
  line-height: 2;
  color: #8c8c8c;
  color: #ffffff;
}
.show_met_11_3 .item:nth-child(2n) {
  text-align: center
}
.show_met_11_3 .item:nth-child(2n) .desc {
  margin: 20px auto !important
}
.show_met_11_3 .item:nth-child(2n) .line {
  left: 50% !important;
  transform: translateX(-50%) !important
}
.show_met_11_3 .item:nth-child(3n) {
  text-align: right
}
.show_met_11_3 .item:nth-child(3n) .desc {
  position: relative !important;
  left: 50% !important
}
.show_met_11_3 .item:nth-child(3n) .item-3 {
  position: relative !important;
  left: 50% !important
}
.show_met_11_3 .item:nth-child(3n) .line {
  right: 0 !important;
  left: auto !important
}
.show_met_11_3 .more {
  border: 1px solid;
  border-color: #ffffff;
  border-color: ;
  color: #8c8c8c;
  color: #ffffff;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  width: 160px;
  cursor: pointer;
  margin-top: 20px;
  transition-duration: 1s;
}
.show_met_11_3 .more span {
  display: block;
  width: 100%;
  position: relative;
  text-align: center;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  color: #8c8c8c;
  color: #ffffff;
}
.show_met_11_3 .more span:after {
  content: attr(data-title);
  position: absolute;
  height: 40px;
  top: 0px;
  left: 0px;
  right: 0;
  color: transparent;
  transform: translate(0, 100%);
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
}
.show_met_11_3 .more:hover {
  border-color: #2f82ff;
  border-color: ;
  background-color: #2f82ff;
  background-color: ;
}
.show_met_11_3 .more:hover span {
  transform: translate(0, -100%);
}
.show_met_11_3 .more:hover span:after {
  background-color: #2f82ff;
  background-color: ;
  color: #fff;
}
.show_met_11_3 .title .line {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100px;
  height: 1px;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  -ms-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
@media (max-width:991px) {
  .show_met_11_3 .item .container {
    width: 100%;
    padding: 15px
  }
  .show_met_11_3 .item .container .desc {
    width: 100%
  }
  .show_met_11_3 .item:nth-child(3n) .desc {
    left: 0 !important
  }
}
@charset "utf-8";
.news_list_page_met_11_4 {
  padding: 30px 0;
}
.news_list_page_met_11_4 .met-news-list {
  padding: 30px;
}
[class*=animation-] {
  -webkit-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* 新闻列表 */
.news_list_page_met_11_4 {
  background: ;
}
.news_list_page_met_11_4 .met-news-list li {
  padding: 30px 0;
  border-bottom: 1px solid;
  border-color: #f3ecec;
  border-color: ;
  -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);
  transition: all .66s cubic-bezier(.17, .84, .44, 1);
  position: relative;
}
.news_list_page_met_11_4 .met-news-list li:first-child {
  padding-top: 0;
}
.news_list_page_met_11_4 .met-news-list li h4 {
  margin: 0 0 20px;
  font-size: 22px;
}
.news_list_page_met_11_4 .met-news-list li h4 a {
  color: #444444;
  color: ;
  text-shadow: none;
  position: relative;
}
.news_list_page_met_11_4 .met-news-list li h4 a:hover {
  color: #e3120b;
  color: ;
}
.news_list_page_met_11_4 .met-news-list li:hover a {
  text-decoration: none;
}
.news_list_page_met_11_4 .met-news-list li p {
  font-size: 16px;
}
.news_list_page_met_11_4 .met-news-list li p.des {
  float: left;
  color: #8c8c8c;
  color: ;
  margin-bottom: 10px;
  font-size: 14px;
  width: 75%;
  line-height: 28px;
}
.news_list_page_met_11_4 .met-news-list li p.info {
  margin-bottom: 0px;
  font-size: 16px;
  color: #8c8c8c;
  color: ;
}
.news_list_page_met_11_4 .met-news-list li .media-body p.info {
  margin: 0;
}
.news_list_page_met_11_4 .met-news-list li p.info span:first-child {
  font-size: 22px;
  margin-right: 5px;
}
.news_list_page_met_11_4 .met-news-list li p.info i {
  color: #8c8c8c;
  color: ;
}
.news_list_page_met_11_4 .more {
  float: right;
  border: 1px solid;
  border-color: ;
  border-color: ;
  color: #8c8c8c;
  color: ;
  overflow: hidden;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  width: 160px;
  cursor: pointer;
  transition-duration: 1s;
}
.news_list_page_met_11_4 .more span {
  display: block;
  width: 100%;
  position: relative;
  text-align: center;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  color: #8c8c8c;
  color: ;
}
.news_list_page_met_11_4 .more span:after {
  content: attr(data-title);
  position: absolute;
  height: 40px;
  top: 0px;
  left: 0px;
  right: 0;
  color: transparent;
  transform: translate(0, 100%);
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms;
  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
}
.news_list_page_met_11_4 .more:hover {
  border-color: #e3120b;
  border-color: ;
  background-color: #e3120b;
  background-color: ;
}
.news_list_page_met_11_4 .more:hover span {
  transform: translate(0, -100%);
}
.news_list_page_met_11_4 .more:hover span:after {
  background-color: #e3120b;
  background-color: ;
  color: #fff;
}
.news_list_page_met_11_4 .sidebar-column li a {
  display: block;
  font-size: 16px;
  color: #8c8c8c;
  color: ;
}
.news_list_page_met_11_4 .sidebar-column li a:hover {
  color: #444444;
}
.news_list_page_met_11_4 .sidebar-column li i {
  float: right;
  margin-top: 2px;
  font-size: 14px;
}
.news_list_page_met_11_4 .sidebar-column li ul a {
  font-size: 14px;
  color: #8c8c8c;
  color: ;
}
.news_list_page_met_11_4 .sidebar-news-list ul li a {
  color: #8c8c8c;
  color: ;
}
.news_list_page_met_11_4 .sidebar-news-list ul li a:hover {
  color: #444444;
}
.news_list_page_met_11_4 .met-sidebar {
  box-shadow: none;
}
.news_list_page_met_11_4 .slick-slide {
  width: 100%;
  position: relative;
  display: block;
}
.news_list_page_met_11_4 .media-chief img {
  width: 100%;
  margin-bottom: 20px;
}
.news_list_page_met_11_4 .headlines-text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0px;
  text-align: center;
  background: rgba(0, 0, 0, .38);
  padding: 15px;
}
.news_list_page_met_11_4 .headlines-text h3 {
  color: #fff;
  margin: 0;
}
.news_list_page_met_11_4 .slick-next {
  right: 0px;
  z-index: 2;
  height: 100%;
  width: 40px;
}
.news_list_page_met_11_4 .slick-prev {
  left: 0px;
  z-index: 2;
  height: 100%;
  width: 40px
}
.news_list_page_met_11_4 .slick-dots {
  display: none !important;
}
@media (max-width:991px) {
  .news_list_page_met_11_4 .met-news-list li h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .news_list_page_met_11_4 {
    padding: 0;
  }
  .news_list_page_met_11_4 .met-news-list {
    padding: 0;
  }
  .news_list_page_met_11_4 .more {
    float: left;
    margin-top: 15px;
  }
  .news_list_page_met_11_4 .met-news-list .left, .news_list_page_met_11_4 .met-news-list .right {
    margin-bottom: 15px;
    padding: 0;
  }
  .news_list_page_met_11_4 .met-news-list li {
    padding: 15px;
  }
  .news_list_page_met_11_4 .met-news-list li .media-left {
    padding-right: 10px;
  }
  .news_list_page_met_11_4 .met-news-list li .media-left .media-object {
    width: 100px;
  }
  .news_list_page_met_11_4 .met-news-list li h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .news_list_page_met_11_4 .met-news-list li p {
    font-size: 14px;
  }
  .news_list_page_met_11_4 .headlines-text {
    bottom: 0px;
  }
  .news_list_page_met_11_4 .headlines-text h3 {
    font-size: 16px;
  }
  .news_list_page_met_11_4 .met-news-list li p.des {
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .news_list_page_met_11_4 .media-left .media-object {
    height: 62.5px;
  }
  .news_list_page_met_11_4 .met-news-list li:after {
    width: 100px;
  }
  .news_list_page_met_11_4 .met-news-list li p.info {
    margin-left: 0px;
  }
}
@media (max-width:479px) {
  .news_list_page_met_11_4 .met-news-list li .media-left {
    display: table-cell;
  }
}
@media (max-width:349px) {
  .news_list_page_met_11_4 .met-news-list li .media-left, .news_list_page_met_11_4 li .media-body {
    width: 100%;
    display: block;
  }
  .news_list_page_met_11_4 .met-news-list li .media-left {
    padding: 0;
  }
  .news_list_page_met_11_4 .met-news-list li .media-left .media-object {
    width: auto;
    max-width: 100%;
  }
  .news_list_page_met_11_4 .met-news-list li .media-body {
    margin-top: 15px;
  }
}
.news_list_page_met_11_4 .input-search .form-control {
  border-radius: 0;
}
.news_list_page_met_11_4 .input-search .form-control:focus {
  border-color: #444444;
  border-color: ;
}
.news_list_page_met_11_4 .card {
  background: #fff;
}
.news_list_page_met_11_4 .card-body {
  padding: 20px;
}
.news_list_page_met_11_4 .card-body .card-title a {
  color: #444444;
  color: ;
}
.news_list_page_met_11_4 .card-body .card-title a:hover {
  color: #e3120b;
  color: ;
}
.news_list_page_met_11_4 .card-body p {
  color: #8c8c8c;
  color: ;
}
@charset "utf-8";
/* 详情页-通用 */
.news_list_detail_met_16_1.met-shownews {
  padding: 30px 0;
  background: ;
}
.news_list_detail_met_16_1.met-shownews .met-shownews-body {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.news_list_detail_met_16_1 .details-title {
  padding: 20px;
}
.news_list_detail_met_16_1 .details-title h1 {
  font-size: 30px;
  line-height: 1.5;
  color: #444444;
}
.news_list_detail_met_16_1 .details-title h1 {
  color: ;
}
.news_list_detail_met_16_1 .details-title .info {
  font-size: 16px;
  color: #a3afb7;
}
.news_list_detail_met_16_1 .details-title .info {
  color: ;
}
.news_list_detail_met_16_1 .details-title .info span {
  padding-right: 10px;
}
@media (max-width:767px) {
  .news_list_detail_met_16_1 .details-title {
    padding-bottom: 10px;
  }
  .news_list_detail_met_16_1 .details-title h1 {
    font-size: 24px;
  }
  .news_list_detail_met_16_1 .details-title .info {
    font-size: 14px;
  }
}
@media (max-width:349px) {
  .news_list_detail_met_16_1 .details-title h1 {
    font-size: 20px;
  }
}
.news_list_detail_met_16_1 .met-editor {
  padding: 30px;
  width: 100%;
  max-width: 100%;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
  color: #222;
  word-wrap: break-word;
}
.tag {
  font-size: 14px;
  color: #666;
  padding: 0 30px 30px;
}
.tag a {
  color: #666;
  padding: 5px;
}
.tag a:hover {
  color: #e3120b;
  color: ;
}
.met-page {
  padding-top: 0 !important;
}
.met-page a:hover {
  color: #e3120b !important;
  color:  !important;
}
.met-page .pagination li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 图片切换列表 */
.product_list_detail_met_16_1 .slick-prev:before, .slick-next:before {
  display: none;
}
.product_list_detail_met_16_1 .slick-prev {
  left: 25px;
}
.product_list_detail_met_16_1 .slick-next {
  right: 25px;
}
.product_list_detail_met_16_1 #met-imgs-slick {
  min-height: 150px;
  text-align: center;
}
.product_list_detail_met_16_1 #met-imgs-slick.slick-dotted {
  padding-bottom: 80px;
}
.product_list_detail_met_16_1 #met-imgs-slick.slick-slider:not(.slick-fade) .slick-slide {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.product_list_detail_met_16_1 #met-imgs-slick.fngallery.slick-fade .slick-slide:not(.slick-active) {
  visibility: hidden;
}
.product_list_detail_met_16_1 #met-imgs-slick.fngallery .slick-slide a, #met-imgs-slick.fngallery .slick-slide img {
  cursor: zoom-in;
}
.lg-outer .iconfont {
  display: none;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-slide {
  float: none;
  display: block;
}
.product_list_detail_met_16_1 #met-imgs-slick.slick-initialized .slick-slide {
  float: left;
  display: block;
}
@media screen\0 {
  .product_list_detail_met_16_1 #met-imgs-slick.fngallery .slick-slide a, #met-imgs-slick.fngallery .slick-slide img {
    cursor: url(../images/cur_zin.cur), pointer;
  }
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-slide a {
  display: inline-block;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-slide img {
  max-height: 700px;
  display: inline;
}
@media (max-height:900px) {
  .product_list_detail_met_16_1 #met-imgs-slick .slick-slide img {
    max-height: 600px;
  }
}
@media (max-height:800px) {
  .product_list_detail_met_16_1 #met-imgs-slick .slick-slide img {
    max-height: 500px;
  }
}
@media (max-height:700px) {
  .product_list_detail_met_16_1 #met-imgs-slick .slick-slide img {
    max-height: 400px;
  }
}
@media (max-height:600px) {
  .product_list_detail_met_16_1 #met-imgs-slick .slick-slide img {
    max-height: 350px;
  }
}
@media (max-height:500px) {
  .product_list_detail_met_16_1 #met-imgs-slick .slick-slide img {
    max-height: 300px;
  }
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-img-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
}
.product_list_detail_met_16_1 #met-imgs-slick .swiper-navtab {
  width: 100%;
  height: 69px;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: grab;
}
.product_list_detail_met_16_1 #met-imgs-slick .swiper-navtab .slick-dots {
  bottom: 5px;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-dots {
  height: 64px;
  bottom: 0;
  z-index: 2;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-dots li {
  width: 60px;
  height: 60px;
  margin: 0 0 0 10px;
  border: 2px solid #ddd;
  opacity: 0.7;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-dots li:first-child {
  margin: 0;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-dots li.slick-active {
  border-color: #e3120b;
  border-color: ;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-dots li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product_list_detail_met_16_1 #met-imgs-slick.slick-slider .slick-arrow {
  height: calc(100% - 80px);
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-arrow {
  width: 15%;
  height: 100%;
  top: 0;
  transform: translate(0, 0);
  z-index: 999;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-arrow.slick-prev {
  text-align: left;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-arrow.slick-next {
  text-align: right;
}
.product_list_detail_met_16_1 #met-imgs-slick .slick-arrow i {
  font-size: 50px;
  color: #999;
}
@media (max-width:767px) {
  .product_list_detail_met_16_1 #met-imgs-slick.slick-slider .slick-arrow {
    height: calc(100% - 60px);
  }
  .product_list_detail_met_16_1 #met-imgs-slick.slick-dotted {
    padding-bottom: 60px;
  }
  .product_list_detail_met_16_1 #met-imgs-slick .swiper-navtab {
    height: 47px;
  }
  .product_list_detail_met_16_1 #met-imgs-slick .slick-dots {
    height: 42px;
  }
  .product_list_detail_met_16_1 #met-imgs-slick .slick-dots li {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    border-width: 1px;
  }
}
/* 商品详情页-产品信息 */
.product_list_detail_met_16_1.met-showproduct-head .product-para {
  margin: 0;
  padding: 10px 0;
}
.product_list_detail_met_16_1 .navbar-toggle {
  line-height: 66px;
  background: transparent;
  border: 0;
  float: right;
  outline: 0;
}
.product_list_detail_met_16_1.met-showproduct-head .product-intro h1 {
  color: #444444;
}
.product_list_detail_met_16_1.met-showproduct-head .product-intro h1 {
  color: ;
}
.product_list_detail_met_16_1 .met-showproduct-head .product-intro p.description {
  color: #8c8c8c;
  color: ;
}
.product_list_detail_met_16_1 .product-intro h1 {
  color: #444444;
  color: ;
}
@media (max-width:991px) {}
.product_list_detail_met_16_1.met-showproduct-head .product-intro {
  margin-top: 20px;
}
}
.product_list_detail_met_16_1 .product-para {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 15px 0;
}
/* 商品详情页-产品内容详情 */
.product_list_detail_met_16_1 .product-detail .met-editor .product-para {
  margin-bottom: 15px;
  padding-bottom: 10px;
}
@media (max-width:767px) {
  .product_list_detail_met_16_1 .content {
    padding: 15px;
  }
}
/* 产品详情页-侧栏 */
.product_list_detail_met_16_1 .sidebar-piclist h4 > a {
  color: #444444;
  color: ;
  text-shadow: none;
}
.product_list_detail_met_16_1 .sidebar-piclist li:hover a {
  color: #e3120b;
  color: ;
}
.product_list_detail_met_16_1 .sidebar-piclist h4 {
  text-align: left;
}
.product_list_detail_met_16_1 .sidebar-piclist p {
  text-align: left;
  color: #444444;
}
.product_list_detail_met_16_1 .met-sidebar {
  margin-left: 30px;
}
@media (max-width:991px) {
  .product_list_detail_met_16_1 .met-sidebar {
    margin-left: 0px;
    margin-top: 20px;
  }
}
@media (max-width:767px) {
  .product_list_detail_met_16_1 .met-sidebar {
    margin-top: 15px;
  }
}
.product_list_detail_met_16_1 .met-sidebar > :not(:first-child) {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #f0f2f5;
}
.product_list_detail_met_16_1 .leftsidebar {
  margin-left: 0 !important;
  margin-right: 30px;
}
@media (max-width:991px) {
  .product_list_detail_met_16_1 .leftsidebar {
    margin-right: 0px;
  }
}
.product_list_detail_met_16_1 .sidebar-column li a {
  display: block;
  font-size: 16px;
}
.product_list_detail_met_16_1 .sidebar-column li i {
  float: right;
  margin-top: 2px;
  font-size: 14px;
}
.product_list_detail_met_16_1 .sidebar-column li ul a {
  font-size: 14px;
}
@media (min-width:768px) {
  .product_list_detail_met_16_1 .navbar-toggle {
    display: none;
  }
}
/* 时尚模式 */
.product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar {
  min-height: 50px;
  margin-bottom: 0px;
  background: #f5f5f5;
  background: ;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar.navbar-fixed-top {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.95);
  background: ;
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar h1 {
  margin: 0px;
  height: 50px;
  line-height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar h1 {
  color: #444444;
  color: ;
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar .nav {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar .nav > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar .navbar-toggle {
  height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  background: transparent;
  border: none;
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar .navbar-right li.active a {
  color: #e3120b;
  color: ;
}
@media (max-width:767px) {
  .product_list_detail_met_16_1.met-showproduct.pagetype2 nav.navbar .nav {
    float: none;
  }
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 .content {
  padding: 30px 0px;
  background: ;
}
.product_list_detail_met_16_1.met-showproduct.pagetype2 .content ul {
  border: none;
}
@media (max-width:767px) {
  .product_list_detail_met_16_1.met-showproduct.pagetype2 .content {
    padding: 10px 0px;
  }
  .product_list_detail_met_16_1.met-showproduct.pagetype2 .blocks {
    padding-left: 10px;
  }
  .product_list_detail_met_16_1.met-showproduct.pagetype2 .blocks li {
    width: 50%;
    word-wrap: break-word;
  }
  .product_list_detail_met_16_1.met-showproduct.pagetype2 .blocks li:nth-child(2n+1) {
    clear: both;
  }
  .product_list_detail_met_16_1.met-showproduct.pagetype2 .blocks li .widget {
    margin-right: 10px;
  }
}
.product_list_detail_met_16_1 .swiper-slide {
  width: auto;
}
.product_list_detail_met_16_1 .nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link:hover, .nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover {
  color: #e3120b;
  border-bottom: 2px solid #e3120b;
  color: ;
  border-bottom: 2px solid;
}
.met-showproduct.pagetype2 .content:nth-child(even) {
  background: #f2f2f2;
}
.met-showproduct.pagetype2 .content:nth-child(even) {
  background: ;
}
.met-editor img {
  max-width: 100%;
}
.tag {
  font-size: 14px;
  color: #666;
  padding: 0 30px 30px;
}
.tag a {
  color: #666;
  padding: 5px;
}
.tag a:hover {
  color: #e3120b;
  color: ;
}
/* 公司简介 */
.about {
  padding-top: 130px;
  padding-bottom: 130px;
  overflow: visible
}
@media screen and (max-width:991.98px) {
  .about {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.about .about-img {
  position: relative;
  height: 570px
}
@media screen and (min-width:992px) {
  .about .about-img {
    max-width: calc(100% - 40px)
  }
}
@media screen and (max-width:991.98px) {
  .about .about-img {
    margin: 0 auto 40px
  }
}
.about .about-img .about-img-holder {
  border-radius: 12px
}
.about .about-img .counter {
  min-width: 200px;
  position: absolute;
  top: 70px;
  left: -40px;
  z-index: 2
}
@media screen and (max-width:767.98px) {
  .about .about-img .counter {
    left: 0;
    border-radius: 0 8px 8px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.about .prief-set p {
  font-size: 17px;
  line-height: 27px;
  font-weight: 700;
  margin-bottom: 24px
}
.about .signature-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .about .signature-block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.about .signature-block .signature-body {
  position: relative
}
.about .signature-block .signature-body img {
  position: absolute;
  top: -18px;
  left: 2px;
  right: 0
}
@media screen and (max-width:767.98px) {
  .about .signature-block .signature-body img {
    top: 0;
    left: -20px;
    max-width: 130%
  }
}
.about .signature-block .signature-body h6 {
  font-family: var(--global--font-heading);
  font-weight: 600;
  font-style: italic;
  color: var(--global--color-secondary);
  font-size: 19px;
  line-height: 29px;
  text-transform: capitalize;
  margin-bottom: 0
}
.about .signature-block .signature-body p {
  font-family: var(--global--font-body);
  font-weight: 400;
  color: var(--global--color-primary);
  font-size: 14px;
  line-height: 26px;
  text-transform: capitalize;
  margin-bottom: 0
}
.about .signature-block .btn {
  margin-right: 30px;
  width: 170px;
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}
@media screen and (max-width:991.98px) {
  .about .about-block {
    text-align: left;
  }
}
@media screen and (max-width:991.98px) {
  .about .about-block .block-left {
    margin-bottom: 40px
  }
}
.about .about-block .block-left .paragraph {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
  text-indent: 2em;
  color: #333;
}
.about .about-block .block-left p {
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 32px;
  text-indent: 2em;
  color: #333;
}
.about .about-block .block-left .btn {
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}
@media screen and (min-width:992px) {
  .about .about-wrapper {
    display: grid;
    grid-template-columns: 40% 60%;
    height: 635px
  }
}
.about .about-wrapper .about-block-wrapper {
  position: relative;
  z-index: 2
}
.about .about-wrapper .about-block-wrapper .about-block {
  background-color: var(--global--color-white)
}
@media screen and (min-width:992px) {
  .about .about-wrapper .about-block-wrapper .about-block {
    border-radius: 12px 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 60px;
    width: calc(100% + 60px)
  }
}
@media screen and (min-width:1200px) {
  .about .about-wrapper .about-block-wrapper .about-block {
    left: 0;
    padding-left: 120px;
    width: calc(100% + 120px)
  }
}
@media screen and (max-width:991.98px) {
  .about .about-wrapper .about-block-wrapper .about-block .heading {
    max-width: 90%;
    margin: 0 auto
  }
}
@media screen and (min-width:992px) {
  .about .about-wrapper .about-block-wrapper .about-block .heading {
    padding-right: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    max-width: calc(960px/2)
  }
}
@media screen and (min-width:1200px) {
  .about .about-wrapper .about-block-wrapper .about-block .heading {
    max-width: calc(1140px/2)
  }
}
.about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {
  background-color: var(--global--color-primary);
  color: #666;
  border-radius: 0 0 12px 12px;
  margin-bottom: 55px
}
@media screen and (max-width:991.98px) {
  .about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {
    border-radius: 12px;
    margin-bottom: 40px
  }
}
.about .about-wrapper .about-block-wrapper .about-block .heading .heading-title {
  margin-bottom: 21px
}
.about .about-wrapper .about-block-wrapper .about-block .heading .heading-desc {
  margin-bottom: 32px
}
.about .about-wrapper .about-block-wrapper .about-block .heading .signature-block {
  margin-bottom: 63px
}
.about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder {
  padding: 32px 40px;
  background-color: #e0f6e9;
  border-radius: 12px
}
@media screen and (max-width:991.98px) {
  .about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder {
    padding-left: 30px;
    padding-right: 30px
  }
}
.about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder p {
  font-size: 17px;
  font-weight: 700;
  line-height: 27px;
  color: var(--global--color-secondary);
  margin-bottom: 0
}
@media screen and (max-width:991.98px) {
  .about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder p {
    margin-bottom: 10px
  }
}
.about .about-wrapper .video-wrapper {
  position: relative;
  z-index: 1
}
@media screen and (max-width:991.98px) {
  .about .about-wrapper .video-wrapper {
    max-width: 90%;
    margin: 0 auto 40px
  }
}
.about .about-wrapper .video-wrapper .video {
  background-position-x: right
}
@media screen and (min-width:992px) {
  .about .about-wrapper .video-wrapper .video {
    border-radius: 0 12px 12px 0;
    position: absolute;
    top: -110px;
    left: 0;
    width: calc(100% + 60px);
    height: calc(100% + 110px)
  }
}
@media screen and (min-width:1200px) {
  .about .about-wrapper .video-wrapper .video {
    width: calc(100% + 120px)
  }
}
.about.about-2 {
  padding-top: 0;
  padding-bottom: 0
}
.about.about-3 {
  padding-top: 110px;
  padding-bottom: 130px
}
@media screen and (max-width:991.98px) {
  .about.about-3 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
@media screen and (min-width:992px) {
  .about.about-3 .about-block .block-left .paragraph, .about.about-3 .about-block .block-left p, .about.about-3 .about-block .block-left .signature-block {
    padding-left: 50px
  }
}
@media screen and (min-width:1200px) {
  .about.about-3 .about-block .block-left .paragraph, .about.about-3 .about-block .block-left p, .about.about-3 .about-block .block-left .signature-block {
    padding-left: 95px
  }
}
.about.about-3 .about-block .block-left p {
  margin-bottom: 42px
}
.about.about-3 .about-block .block-left .paragraph {
  border-left: 4px solid var(--global--color-primary);
  margin-bottom: 25px
}
@media screen and (max-width:767.98px) {
  .about.about-3 .about-block .block-left .paragraph {
    padding-left: 15px
  }
}
.about.about-3 .about-block .block-left .signature-block .signature-body p {
  margin-bottom: 0;
  padding-left: 0
}
@media screen and (max-width:991.98px) {
  .about.about-3 .about-img .about-img-holder {
    max-width: 370px
  }
}
.about.about-3 .about-img .counter {
  top: auto;
  bottom: 0;
  left: 99px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 0;
  border-radius: 12px 0 12px 0;
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}
.bg-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%
}
.counter {
  background-color: #25559c;
  color: #fff;
  border-radius: 8px;
  padding: 24px 40px 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.counter .counter-icon {
  margin-bottom: 18px
}
.counter .counter-icon i::before {
  font-size: 65px;
  margin-left: 0
}
.counter .counter-num {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.counter .counter-num span, .counter .counter-num p {
  font-size: 37px;
  font-family: var(--global--font-heading);
  font-weight: 700;
  line-height: 29px;
  display: inline-block;
  color: var(--global--color-white)
}
.counter .counter-num p {
  margin-bottom: 0
}
.counter .counter-name h6 {
  margin-bottom: 0;
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 16px;
  line-height: 29px;
  color: var(--global--color-white);
  text-transform: capitalize
}
.counter.counter-2 {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 40px
}
@media screen and (max-width:991.98px) {
  .counter.counter-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-width: 370px;
    margin: 0 auto 30px
  }
}
.counter.counter-2::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 170px;
  height: 2px;
  background-color: #4c5b66
}
@media screen and (max-width:991.98px) {
  .counter.counter-2::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.counter.counter-2:last-child {
  margin-bottom: 0
}
.counter.counter-2:last-child::before {
  content: unset
}
.counter.counter-2:last-child .counter-desc p {
  margin-bottom: 0
}
.counter.counter-2 .counter-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 17px
}
.counter.counter-2 .counter-num .counting {
  font-family: var(--global--font-body);
  font-weight: 500;
  font-size: 37px;
  color: var(--global--color-primary);
  line-height: 29px;
  margin-right: 10px
}
.counter.counter-2 .counter-num h6 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  line-height: 29px;
  color: var(--global--color-white);
  margin-bottom: 0
}
.counter.counter-2 .counter-desc p {
  margin-bottom: 34px;
  font-size: 15px;
  line-height: 25px;
  color: var(--global--color-gray)
}
.counter.counter-3 {
  background-color: transparent;
  border-radius: 0;
  padding: 0
}
.counter.counter-3 .counter-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 35px
}
.counter.counter-3 .counter-holder .counter-num {
  margin-right: 32px;
  -webkit-transform: translateY(-14px);
  -ms-transform: translateY(-14px);
  transform: translateY(-14px);
  margin-top: -14px
}
.counter.counter-3 .counter-holder .counter-num span {
  font-family: var(--global--font-body);
  font-weight: 300;
  color: var(--global--color-primary);
  font-size: 120px;
  margin-bottom: 0
}
@media screen and (max-width:767.98px) {
  .counter.counter-3 .counter-holder .counter-num span {
    font-size: 60px
  }
}
.counter.counter-3 .counter-holder .counter-img {
  width: 170px;
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%
}
@media screen and (max-width:767.98px) {
  .counter.counter-3 .counter-holder .counter-img {
    width: 150px;
    height: 150px
  }
}
.counter.counter-3 .counter-holder .counter-img:hover i {
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9)
}
.counter.counter-3 .counter-holder .counter-img i {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  background-color: var(--global--color-primary);
  color: var(--global--color-white);
  border-radius: 50%
}
@media screen and (max-width:767.98px) {
  .counter.counter-3 .counter-holder .counter-img i {
    width: 90px;
    height: 90px
  }
}
.counter.counter-3 .counter-holder .counter-img i::before {
  font-size: 50px
}
.counter.counter-3 .counter-desc {
  position: relative;
  padding-bottom: 24px
}
.counter.counter-3 .counter-desc::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 2px;
  background-color: #4c5b66
}
@media screen and (max-width:767.98px) {
  .counter.counter-3 .counter-desc::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
@media screen and (min-width:992px) {
  .counter.counter-3 .counter-desc {
    margin-left: 40px;
    width: 50%
  }
}
.counter.counter-3 .counter-desc p {
  margin-bottom: 0;
  font-family: var(--global--font-body);
  color: var(--global--color-white);
  font-weight: 700;
  font-size: 16px;
  line-height: 26px
}
.counter.counter-4 {
  padding: 32px 40px 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.counter.counter-4 .counter-num {
  margin-bottom: 0
}
.counter.counter-4 .counter-num h6, .counter.counter-4 .counter-num span, .counter.counter-4 .counter-num p {
  font-style: italic;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 29px;
  text-transform: capitalize;
  color: var(--global--color-white)
}
.counter.counter-4 .counter-num p {
  margin-right: 10px
}
.counter.counter-5 {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  position: relative;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width:992px) {
  .counter.counter-5 {
    padding-left: 40px;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
.counter.counter-5:first-child::before {
  content: unset
}
@media screen and (min-width:992px) {
  .counter.counter-5:last-child {
    padding-right: 40px
  }
}
.counter.counter-5::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 53px;
  width: 2px;
  background-color: #eaeaea
}
@media screen and (max-width:991.98px) {
  .counter.counter-5::before {
    content: unset
  }
}
.counter.counter-5 .counter-name {
  margin-bottom: 8px
}
.counter.counter-5 .counter-name h6 {
  color: #282828
}
.counter.counter-5 .counter-num span {
  font-family: var(--global--font-body);
  font-weight: 600;
  font-size: 30px;
  color: #4aab3d
}
@media screen and (max-width:991.98px) {
  .counter.counter-5 .counter-num span {
    font-size: 25px
  }
}
.counter.counter-5 .counter-num span:last-of-type {
  margin-left: 10px
}
.counter.counter-6 {
  background-color: transparent;
  border-radius: 0;
  padding: 0
}
@media screen and (max-width:991.98px) {
  .counter.counter-6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 30px
  }
}
.counter.counter-6 .counter-name {
  margin-bottom: 0
}
.counter.counter-6 .counter-name h6 {
  color: var(--global--color-secondary)
}
.counter.counter-6 .counter-num {
  margin-bottom: 24px
}
.counter.counter-6 .counter-num span {
  font-weight: 400;
  font-family: var(--global--font-body);
  font-size: 50px;
  color: var(--global--color-primary)
}
/*-------*/
.heading .heading-title {
  font-family: var(--global--font-heading);
  text-transform: capitalize;
  font-size: 40px;
  line-height: 54px;
  margin-bottom: 25px;
  font-weight: 700;
  color: var(--global--color-heading)
}
@media(min-width:992px) and (max-width:1200px) {
  .heading .heading-title {
    font-size: 35px;
    line-height: 1.4
  }
}
@media screen and (max-width:767.98px) {
  .heading .heading-title {
    font-size: 26px;
    line-height: 1.4;
    padding-top: 20px;
  }
}
.heading .heading-subtitle {
  font-family: var(--global--font-body);
  text-transform: capitalize;
  color: #999;
  font-size: 14px;
  font-weight: 200;
  line-height: 1;
  margin-bottom: 13px;
}
@media screen and (max-width:991.98px) {
  .heading .heading-subtitle {
    line-height: 1.5
  }
}
.heading .heading-subtitle.heading-subtitle-bg {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: #eceff3;
}
@media screen and (max-width:991.98px) {
  .heading .heading-subtitle.heading-subtitle-bg {
    width: auto
  }
}
/*-------*/
.features {
  padding-top: 130px;
  padding-bottom: 100px;
  overflow: visible
}
@media screen and (max-width:767.98px) {
  .features {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.features .feature-panel-holder {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.features .feature-panel-holder:hover .feature-panel {
  background-color: #fff;
}
.features .feature-panel-holder:hover .feature-panel .feature-icon {
  -webkit-animation: bounce .5s ease-in-out;
  animation: bounce .5s ease-in-out
}
.features .feature-panel-holder:hover .feature-panel a {
  background-color: var(--global--color-primary);
  padding-left: 15px;
  padding-right: 15px
}
.features .feature-panel-holder:hover .feature-panel a i {
  color: var(--global--color-white)
}
.features .feature-panel-holder:hover .feature-panel a span {
  font-size: 14px;
  opacity: 1;
  margin-left: 10px
}
.features .feature-panel-holder:hover .feature-panel.feature-panel-2 {
  -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21)
}
.features .feature-panel-holder .feature-panel {
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
  cursor: pointer;
  margin-bottom: 30px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
@media(min-width:992px) and (max-width:1200px) {
  .features .feature-panel-holder .feature-panel {
    padding: 0;
  }
}
@media screen and (max-width:991.98px) {
  .features .feature-panel-holder .feature-panel {
    max-width: 370px;
    margin: 0 auto 30px
  }
}
.features .feature-panel-holder .feature-panel .feature-icon {
  margin-bottom: 17px
}
.features .feature-panel-holder .feature-panel .feature-icon i::before {
  color: var(--global--color-primary);
  margin-left: 0;
  font-size: 65px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.features .feature-panel-holder .feature-panel .feature-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}
.features .feature-panel-holder .feature-panel .feature-content h4 {
  font-family: var(--global--font-heading);
  font-weight: 600;
  font-size: 19px;
  line-height: 27px;
  text-transform: capitalize;
  margin-bottom: 16px;
  color: var(--global--color-secondary);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.features .feature-panel-holder .feature-panel .feature-content p {
  font-family: var(--global--font-body);
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 20px;
  color: var(--global--color-body);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.features .feature-panel-holder .feature-panel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  height: 32px;
  border-radius: 16px;
  background-color: var(--global--color-heading);
  font-size: 12px;
  color: var(--global--color-white);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}
.features .feature-panel-holder .feature-panel a i {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.features .feature-panel-holder .feature-panel a span {
  font-size: 0;
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: capitalize;
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 0;
  color: var(--global--color-white)
}
.features .feature-panel-holder .feature-panel.feature-panel-2 {
  -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)
}
.features .actions-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .features .actions-holder {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media screen and (max-width:767.98px) {
  .features .actions-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.features .actions-holder .btn {
  margin-right: 30px
}
.features .actions-holder .btn:first-child {
  width: 170px
}
.features .actions-holder .btn:last-child {
  width: 180px;
  margin-right: 0;
  padding: 0 28px
}
@media screen and (max-width:767.98px) {
  .features .actions-holder .btn {
    margin-right: 0;
    margin-bottom: 20px
  }
  .features-1 {
    height: 840px;
  }
}
.features .carousel-dots .owl-dots {
  margin-top: 10px;
  margin-bottom: 70px
}
.features.features-1 {
  padding-bottom: 0
}
.features.features-2 {
  padding-bottom: 0;
  position: relative;
  z-index: 2
}
.features.features-2 .feature-panel-holder .feature-panel {
  margin-bottom: 32px
}
.features.features-3 {
  padding-top: 0;
  padding-bottom: 0
}
.features.features-4 {
  padding-top: 130px;
  padding-bottom: 110px;
  position: relative
}
@media screen and (max-width:991.98px) {
  .features.features-4 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.features.features-4 .features-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  width: calc(100% - 7%);
  border-radius: 12px
}
@media screen and (max-width:991.98px) {
  .features.features-4 .features-overlay {
    width: calc(100% - 4%)
  }
}
.features.features-4 .heading {
  position: relative;
  z-index: 1
}
.features.features-4 .owl-carousel .owl-dots {
  margin-bottom: 0
}
@media screen and (max-width:991.98px) {
  .more-features {
    text-align: center;
    margin-bottom: 40px
  }
}
.more-features p {
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 16px;
  color: var(--global--color-gray);
  margin-bottom: 30px
}
.more-features p a {
  position: relative;
  color: var(--global--color-primary);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  text-transform: capitalize
}
.more-features p a:hover {
  color: var(--global--color-primary-70)
}
.more-features .btn {
  width: 185px
}
.more-features.more-features-2 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px
}
@media screen and (max-width:991.98px) {
  .more-features.more-features-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0
  }
}
.more-features.more-features-2 p {
  margin-right: 30px;
  margin-bottom: 0;
  font-size: 15px
}
@media screen and (max-width:991.98px) {
  .more-features.more-features-2 p {
    margin-right: 0;
    margin-bottom: 30px
  }
}
.more-features.more-features-2 .btn {
  width: 178px;
  height: 45px;
  padding: 0 23px;
  color: var(--global--color-heading)
}
.more-features.more-features-3 {
  text-align: center
}
.more-features.more-features-3 p {
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 15px;
  color: var(--global--color-white);
  margin-bottom: 70px
}
.more-features.more-features-3 p a {
  position: relative;
  font-weight: 700;
  color: var(--global--color-primary);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  text-transform: capitalize;
  padding-bottom: 6px
}
.more-features.more-features-3 p a:hover::before {
  width: calc(100% - 20%)
}
.more-features.more-features-3 p a::before {
  content: '';
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--global--color-primary)
}
.features-bar {
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible
}
.features-bar .features-holder {
  position: relative;
  z-index: 55;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px);
  margin-bottom: -80px;
  background-color: var(--global--color-white);
  border-radius: 4px;
  overflow: hidden
}
@media screen and (max-width:567px) {
  .features-bar .features-holder {
    max-width: 370px
  }
}
@media screen and (min-width:992px) {
  .features-bar .features-holder {
    -webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
    box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15)
  }
}
@media screen and (max-width:767.98px) {
  .features-bar .features-holder {
    margin: 0 auto -80px
  }
}
@media screen and (max-width:767px) {
  .features-bar .features-holder {
    padding-bottom: 40px
  }
}
.features-bar .features-holder .feature-panel {
  padding: 34px 40px 40px
}
@media screen and (max-width:767px) {
  .features-bar .features-holder .feature-panel {
    padding-bottom: 0
  }
}
@media screen and (min-width:992px) {
  .features-bar .features-holder .feature-panel {
    -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
    box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
  }
}
@media screen and (max-width:991.98px) {
  .features-bar .features-holder .feature-panel {
    max-width: 370px;
    margin: 0 auto
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .features-bar .features-holder .feature-panel {
    padding-left: 30px;
    padding-right: 30px
  }
}
.features-bar .features-holder .feature-panel:hover .feature-content i {
  color: var(--global--color-white);
  background-color: var(--global--color-primary);
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg)
}
.features-bar .features-holder .feature-panel .feature-content {
  position: relative;
  z-index: 3;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.features-bar .features-holder .feature-panel .feature-content i {
  margin-bottom: 7px;
  width: 94px;
  height: 94px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--global--color-white);
  color: var(--global--color-primary);
  position: relative;
  overflow: hidden;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.features-bar .features-holder .feature-panel .feature-content i::before {
  font-size: 65px;
  z-index: 2
}
.features-bar .features-holder .feature-panel .feature-content h5 {
  text-transform: capitalize;
  font-family: var(--global--font-heading);
  font-weight: 600;
  font-size: 19px;
  line-height: 28px;
  color: var(--global--color-secondary);
  margin-bottom: 0
}
.features-bar .actions-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .features-bar .actions-holder {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media screen and (max-width:767.98px) {
  .features-bar .actions-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.features-bar .actions-holder .btn {
  width: 170px;
  height: 60px;
  margin-right: 30px
}
@media screen and (max-width:767.98px) {
  .features-bar .actions-holder .btn {
    margin-right: 0;
    margin-bottom: 20px
  }
}
.features-bar .actions-holder .btn:last-child {
  border-color: #687696;
  border: 2px solid;
  -webkit-transition-property: background, color, border-color;
  -o-transition-property: background, color, border-color;
  transition-property: background, color, border-color
}
.features-bar .actions-holder .btn:last-child::before {
  background-color: var(--global--color-primary);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  left: -2px
}
.features-bar .actions-holder .btn:last-child:hover {
  border-color: var(--global--color-secondary)
}
.pricing .price-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (max-width:991.98px) {
  .pricing .price-table {
    max-width: 370px;
    margin: 0 auto
  }
}
.bg-overlay-theme2:before {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #253745), to(#253745E6));
  background-image: -o-linear-gradient(top, #253745 50%, #253745E6 100%);
  background-image: linear-gradient(180deg, #253745 50%, #253745E6 100%)
}
.bg-overlay:before {
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.heading.heading-light2 .heading-title {
  color: #fff;
}
.heading.heading-light2 .heading-desc {
  color: #fff;
  font-size: 16px;
}
.heading .heading-desc {
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 25px
}
@media(min-width:992px) and (max-width:1200px) {
  .heading .heading-desc {
    font-size: 15px;
    line-height: 26px
  }
}
.heading.heading-2 {
  margin-bottom: 70px
}
.heading.heading-2 .heading-title {
  font-size: 37px;
  line-height: 54px
}
@media screen and (max-width:767.98px) {
  .heading.heading-2 .heading-title {
    font-size: 32px;
    line-height: 1.4
  }
  .heading.heading-2 {
    margin-bottom: 20px;
  }
  .features {
    padding-top: 20px;
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .heading.heading-2 .heading-title {
    font-size: 30px;
    line-height: 1.4
  }
}
.heading.heading-2 .heading-desc:first-child {
  margin-top: 8px
}
.heading.heading-2 .heading-desc:nth-child(2) {
  margin-bottom: 32px
}
.features .carousel-dots .owl-dots {
  margin-top: 10px;
  margin-bottom: 70px
}
.carousel-dots .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 5
}
.carousel-dots .owl-dots .owl-dot {
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.carousel-dots .owl-dots .owl-dot:last-child {
  margin-right: 0
}
.carousel-dots .owl-dots .owl-dot.active span {
  background-color: var(--global--color-primary);
  height: 6px
}
.carousel-dots .owl-dots .owl-dot span {
  display: inline-block;
  width: 35px;
  height: 3px;
  border-top: 3px solid transparent;
  background-color: #6b7475;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  margin-right: 0;
  position: relative
}
.carousel-dots .owl-dots .owl-dot.active span {
  background-color: #4786f3;
  height: 6px
}
.feature-panel-holder .feature-panel .project-img {
  position: relative;
  overflow: hidden;
  border-radius: 8px
}
.feature-panel-holder .feature-panel .project-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .5);
  content: '';
  z-index: 1;
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}
.feature-panel-holder .feature-panel .project-img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}
.feature-panel-holder .feature-panel .project-img img {
  max-width: 100%;
  height: auto;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}
.feature-panel-holder .feature-panel .project-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .5);
  content: '';
  z-index: 1;
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}
/*-----*/
.clients {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 1px solid #eaeaea;
  overflow: visible
}
.clients.bg-grey {
  color: var(--global--color-gray)
}
.clients .client {
  padding-top: 60px;
  padding-bottom: 60px;
  cursor: pointer;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  width: 150px;
  margin-right: auto;
  margin-left: auto;
  position: relative
}
@media(min-width:992px) and (max-width:1200px) {
  .clients .client {
    width: 130px
  }
}
.clients .client:hover::before {
  width: 100%
}
.clients .client::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0%;
  height: 1px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  background-color: var(--global--color-primary)
}
.clients .client a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2
}
.clients .client img {
  max-width: 100%;
  width: auto;
  display: block;
  margin-right: auto;
  margin-left: auto
}
.certificate img {
  display: block;
  margin: 0 auto
}
.clients .owl-item {
  border-left: 1px solid #eaeaea;
}
/*--A产品列表---*/
.projects.projects-modern {
  padding-top: 130px;
  padding-bottom: 70px
}
@media screen and (max-width:991.98px) {
  .projects.projects-modern {
    padding-top: 70px
  }
}
.projects.projects-modern.projects-modern-2 {
  padding-top: 210px
}
@media screen and (max-width:991.98px) {
  .projects.projects-modern.projects-modern-2 {
    padding-top: 170px
  }
}
.projects.projects-modern.projects-modern-3 {
  padding-top: 86px;
  padding-bottom: 110px
}
@media screen and (max-width:991.98px) {
  .projects.projects-modern.projects-modern-3 {
    padding-top: 66px;
    padding-bottom: 70px
  }
}
.projects.projects-grid {
  padding-top: 114px;
  padding-bottom: 130px
}
@media screen and (max-width:991.98px) {
  .projects.projects-grid {
    padding-top: 54px;
    padding-bottom: 105px
  }
}
@media(max-width:400px) {
  .projects.projects-grid .carousel {
    padding: 0 5%
  }
}
.projects.projects-grid .carousel .owl-stage-outer {
  overflow: hidden
}
.projects.projects-grid .carousel .owl-stage-outer .owl-item {
  opacity: 1
}
.projects.projects-grid .carousel .owl-nav {
  top: 167px
}
@media screen and (max-width:991.98px) {
  .projects.projects-grid .carousel .owl-nav {
    display: none
  }
}
.projects.projects-grid .carousel .owl-nav .owl-prev, .projects.projects-grid .carousel .owl-nav .owl-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 110px;
  height: 110px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.projects.projects-grid .carousel .owl-nav .owl-prev::before, .projects.projects-grid .carousel .owl-nav .owl-next::before {
  color: var(--global--color-white);
  content: '\e906';
  font-family: energia;
  font-size: 20px
}
.projects.projects-grid .carousel .owl-nav .owl-prev {
  left: 0;
  border-radius: 0 8px 8px 0;
  background-color: var(--global--color-primary)
}
.projects.projects-grid .carousel .owl-nav .owl-prev:hover {
  background-color: var(--global--color-heading)
}
.projects.projects-grid .carousel .owl-nav .owl-prev:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}
.projects.projects-grid .carousel .owl-nav .owl-next {
  right: 0;
  border-radius: 8px 0 0 8px;
  background-color: var(--global--color-heading)
}
.projects.projects-grid .carousel .owl-nav .owl-next:hover {
  background-color: var(--global--color-primary)
}
.projects.projects-grid .carousel .owl-nav .owl-next:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.projects.projects-grid .carousel .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -100px
}
.projects.projects-grid .project-panel:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}
.projects.projects-grid .project-panel .project-panel-holder .project-content {
  padding: 30px 38px 17px
}
@media(min-width:992px) and (max-width:1200px) {
  .projects.projects-grid .project-panel .project-panel-holder .project-content {
    padding-left: 10px;
    padding-right: 10px
  }
}
.projects.projects-grid .project-panel .project-panel-holder .project-content .project-title {
  margin-bottom: 6px
}
.projects.projects-grid.projects-grid-2 {
  padding-top: 0;
  padding-bottom: 0
}
@media(max-width:400px) {
  .projects.projects-grid.projects-grid-2 .carousel {
    padding: 0
  }
}
.projects.projects-grid.projects-grid-2 .carousel .owl-nav {
  position: absolute;
  top: 125px;
  left: -58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (max-width:991.98px) {
  .projects.projects-grid.projects-grid-2 .carousel .owl-nav {
    display: none
  }
}
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev::before, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next::before {
  color: var(--global--color-white);
  font-family: carousel;
  font-size: 40px
}
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev span, .projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next span {
  display: none
}
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev {
  left: auto;
  border-radius: 0;
  background-color: transparent;
  outline: none;
}
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev:before {
  content: '\e990';
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  color: #666;
}
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next {
  right: auto;
  margin-bottom: 25px;
  border-radius: 0;
  background-color: transparent;
  outline: none;
}
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next:before {
  content: '\e991';
  color: #95b0da;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}
.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content .project-title {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}
.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content .project-cat {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 0
}
.projects.projects-grid.projects-grid-3 {
  padding-top: 86px;
  padding-bottom: 110px
}
@media screen and (max-width:991.98px) {
  .projects.projects-grid.projects-grid-3 {
    padding-top: 66px;
    padding-bottom: 70px
  }
}
.projects.projects-grid.projects-grid-3 .project-panel {
  margin-bottom: 10px
}
.projects.projects-grid.projects-grid-3 #load-more {
  margin-top: 10px
}
.projects.projects-standard {
  padding-top: 60px;
  padding-bottom: 80px
}
@media screen and (max-width:991.98px) {
  .projects.projects-standard {
    padding-top: 66px;
    padding-bottom: 70px
  }
}
.projects.projects-standard .project-panel {
  -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
  margin-bottom: 30px
}
.projects.projects-standard .project-panel:hover .project-panel-holder .project-content {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  background-color: var(--global--color-primary)
}
.projects.projects-standard .project-panel:hover .project-panel-holder .project-content .project-title h4 a {
  color: var(--global--color-white)
}
.projects.projects-standard .project-panel:hover .project-panel-holder .project-content .project-cat a {
  color: var(--global--color-white)
}
.projects.projects-standard .project-panel .project-panel-holder .project-img {
  border-radius: 8px 8px 0 0
}
.projects.projects-standard .project-panel .project-panel-holder .project-content {
  background-color: var(--global--color-white);
  padding: 30px 38px 27px;
  border-radius: 0 0 8px 8px
}
@media(min-width:992px) and (max-width:1200px) {
  .projects.projects-standard .project-panel .project-panel-holder .project-content {
    padding-left: 10px;
    padding-right: 10px
  }
}
.projects.projects-standard .project-panel .project-panel-holder .project-content .project-title {
  margin-bottom: 6px
}
.projects.projects-standard #load-more {
  margin-top: 20px
}
.projects.projects-standard.projects-standard-2 {
  padding-top: 36px;
  padding-bottom: 145px
}
@media screen and (max-width:767.98px) {
  .projects.projects-standard.projects-standard-2 {
    padding-bottom: 105px
  }
  .projects.projects-standard .project-panel .project-panel-holder .project-content {
    padding: 30px 20px 27px;
    text-align: left;
  }
}
.projects.projects-standard.projects-standard-2 .project-panel {
  margin-bottom: 50px
}
.projects.projects-standard.projects-standard-2 .owl-carousel .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -100px
}
.projects .projects-load-more {
  text-align: center
}
.projects .projects-load-more .btn {
  width: 222px;
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}
.projects.projects-gallery {
  padding-top: 130px;
  padding-bottom: 110px
}
@media screen and (max-width:991.98px) {
  .projects.projects-gallery {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.projects.projects-gallery .project-panel {
  margin-bottom: 30px
}
.projects.projects-gallery .project-panel:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}
.projects.projects-gallery .project-panel:hover .project-panel-holder .project-img img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.projects.projects-gallery .project-panel:hover .project-panel-holder .project-img .project-hover {
  opacity: 1;
  visibility: visible
}
.projects.projects-gallery .project-panel .project-panel-holder .project-img {
  border-radius: 8px
}
.projects.projects-gallery .project-panel .project-panel-holder .project-img::after {
  content: unset
}
.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(47, 130, 255, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}
.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover .project-zoom {
  color: #fff;
  font-size: 20px;
}
.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}
.projects.projects-gallery .btn {
  margin-top: 10px;
  border: 2px solid var(--global--color-heading)
}
.projects.projects-gallery .btn:focus .projects.projects-gallery .btn::active {
  color: var(--global--color-heading)
}
.projects #load-more {
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}
.projects #load-more i {
  font-size: 12px
}
.project-panel {
  margin-bottom: 20px;
  background-color: var(--global--color-white);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  border-radius: 8px
}
.project-panel:hover {
  -webkit-box-shadow: 0 3px 20px 0 rgba(40, 40, 40, .13);
  box-shadow: 0 3px 20px 0 rgba(40, 40, 40, .13)
}
.project-panel:hover .project-panel-holder .project-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.project-panel:hover .project-panel-holder .project-img::after {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}
.project-panel:hover .project-panel-holder .project-content .project-more .btn {
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  color: var(--global--color-white);
  background-color: var(--global--color-heading);
  border-color: var(--global--color-heading)
}
.project-panel:hover .project-panel-holder .project-content .project-more .btn i {
  color: var(--global--color-heading)
}
@media screen and (max-width:991.98px) {
  .project-panel {
    margin: 0 auto 30px;
    max-width: 370px
  }
}
.project-panel .project-panel-holder .project-img {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgb(204, 204, 204);
}
.project-panel .project-panel-holder .project-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .5);
  content: '';
  z-index: 1;
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}
.project-panel .project-panel-holder .project-img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}
.project-panel .project-panel-holder .project-img img {
  max-width: 100%;
  height: auto;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}
.project-panel .project-panel-holder .project-content {
  padding: 33px 40px 40px;
  text-align: center
}
@media(min-width:992px) and (max-width:1200px) {
  .project-panel .project-panel-holder .project-content {
    padding-right: 25px;
    padding-left: 25px
  }
}
@media screen and (min-width:992px) {
  .project-panel .project-panel-holder .project-content {
    text-align: left
  }
}
.project-panel .project-panel-holder .project-content .project-title {
  margin-bottom: 16px
}
.project-panel .project-panel-holder .project-content .project-title h4 {
  margin-bottom: 0
}
.project-panel .project-panel-holder .project-content .project-title h4 a {
  font-family: var(--global--font-heading);
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
  color: var(--global--color-heading);
  text-decoration: none;
}
@media(min-width:992px) and (max-width:1200px) {
  .project-panel .project-panel-holder .project-content .project-title h4 a {
    font-size: 18px
  }
}
.project-panel .project-panel-holder .project-content .project-title h4 a:hover {
  color: var(--global--color-primary)
}
.project-panel .project-panel-holder .project-content .project-cat {
  margin-bottom: 3px
}
.project-panel .project-panel-holder .project-content .project-cat a {
  color: #888;
  font-family: var(--global--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  position: relative;
  text-transform: capitalize;
  text-decoration: none;
}
.project-panel .project-panel-holder .project-content .project-cat a::before {
  content: '';
  height: 1px;
  width: 100%;
  background-color: var(--global--color-primary);
  position: absolute;
  bottom: -2px;
  left: 0;
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.project-panel .project-panel-holder .project-content .project-cat a:hover {
  color: var(--global--color-primary)
}
.project-panel .project-panel-holder .project-content .project-cat a:hover::before {
  opacity: 1
}
.project-panel .project-panel-holder .project-content .project-cat a::after {
  content: ",";
  margin-right: 5px
}
.project-panel .project-panel-holder .project-content .project-cat a:last-of-type::after {
  content: none
}
.project-panel .project-panel-holder .project-content .project-desc {
  margin-bottom: 32px
}
.project-panel .project-panel-holder .project-content .project-desc p {
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0
}
.project-panel .project-panel-holder .project-content .project-more .btn {
  border: 2px solid rgba(37, 55, 69, .5);
  width: 100%;
  height: 55px;
  color: var(--global--color-heading);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}
.project-panel .project-panel-holder .project-content .project-more .btn i {
  width: 28px;
  height: 28px;
  background-color: var(--global--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--global--color-heading);
  border-radius: 50%;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}
.project-panel .project-panel-holder .project-content .project-more .btn::before {
  content: unset
}
.project-panel .project-panel-holder .project-content .project-more .btn:hover i {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px)
}
.projects-filter {
  text-align: center;
  margin-bottom: 33px
}
@media screen and (max-width:767.98px) {
  .projects-filter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
  }
}
.projects-filter li {
  display: inline-block
}
@media screen and (max-width:767.98px) {
  .projects-filter li {
    margin-bottom: 15px
  }
}
.projects-filter li:last-child a {
  margin-right: 0
}
.projects-filter li a {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  margin-right: 35px;
  text-transform: capitalize;
  font-family: var(--global--font-body);
  color: var(--global--color-heading);
  text-decoration: none;
}
@media screen and (max-width:767.98px) {
  .projects-filter li a {
    margin-right: 0
  }
}
.projects-filter li a:hover {
  color: #25559c;
}
.projects-filter li a.active-filter {
  color: #25559c;
}
/*------*/
.service-single {
  padding-top: 110px;
  padding-bottom: 60px
}
.service-single a {
  text-decoration: none;
}
@media screen and (max-width:991.98px) {
  .service-single {
    padding-top: 70px;
    padding-bottom: 20px
  }
}
.service-single .sidebar {
  margin-left: 0;
  margin-right: auto
}
.service-single .service-entry .entry-content .entry-infos {
  margin-bottom: 66px
}
@media screen and (max-width:991.98px) {
  .service-single .service-entry .entry-content .entry-infos {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.service-single .service-entry .entry-content .entry-infos .entry-heading {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 21px;
  color: var(--global--color-secondary);
  text-transform: capitalize
}
.service-single .service-entry .entry-content .entry-infos .entry-desc {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 28px;
  text-indent: 2em;
  color: #666;
}
.service-single .service-entry .entry-content .entry-infos .entry-desc:last-child {
  margin-bottom: 0
}
.service-single .service-entry .entry-content .entry-desc2 {
  line-height: 26px;
  box-shadow: 0 5px 15px 0 rgba(9, 29, 62, .15);
  padding: 20px 20px;
}
.service-single .service-entry .entry-content .entry-desc2 p img {
  max-width: 100%;
}
.service-single .service-entry .entry-content .entry-introduction .entry-heading {
  margin-bottom: 17px;
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px)
}
.service-single .service-entry .entry-content .entry-introduction .entry-desc:nth-child(3) {
  margin-bottom: 32px
}
.service-single .service-entry .entry-content .entry-introduction img {
  max-width: 100%;
  border-radius: 8px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
@media screen and (max-width:767.98px) {
  .service-single .service-entry .entry-content .entry-introduction img {
    margin-bottom: 30px
  }
}
.service-single .service-entry .entry-content .entry-introduction img:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px)
}
.service-single .service-entry .entry-content .entry-stats {
  margin-bottom: 57px
}
.service-single .service-entry .entry-content .entry-stats img {
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:991.98px) {
  .service-single .service-entry .entry-content .entry-stats img {
    margin-top: 30px
  }
}
.service-single .service-entry .entry-content .entry-processes {
  margin-bottom: 66px;
  background-color: #eceff3;
  border-radius: 12px;
  padding: 45px 40px 40px
}
@media screen and (max-width:767.98px) {
  .service-single .service-entry .entry-content .entry-processes {
    padding: 20px;
  }
}
.service-single .service-entry .entry-content .entry-processes .entry-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
@media screen and (max-width:767.98px) {
  .service-single .service-entry .entry-content .entry-processes .entry-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 170px;
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%
}
@media screen and (max-width:767.98px) {
  .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {
    width: 150px;
    height: 150px;
    margin-bottom: 20px
  }
}
@media screen and (min-width:768px) {
  .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {
    margin-right: 40px;
    margin-top: 15px
  }
}
.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon:hover i {
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9)
}
.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  background-color: var(--global--color-primary);
  color: var(--global--color-white);
  border-radius: 50%
}
@media screen and (max-width:767.98px) {
  .service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i {
    width: 90px;
    height: 90px
  }
}
.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i::before {
  font-size: 50px
}
.service-single .service-entry .entry-content .entry-processes .images-holder {
  overflow: hidden;
  border-radius: 8px
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-stage-outer {
  overflow: hidden
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-stage-outer .owl-item {
  opacity: 1
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:767.98px) {
  .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav {
    display: none
  }
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev, .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev::before, .service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next::before {
  color: #fff;
  content: '\e906';
  font-family: energia;
  font-size: 20px;
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev {
  left: 0;
  border-radius: 0 8px 8px 0;
  background-color: rgba(71, 185, 234, 0.56);
  outline: none;
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev span {
  display: none;
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev:hover {
  background-color: #19629f;
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next {
  right: 0;
  border-radius: 8px 0 0 8px;
  background-color: rgba(71, 185, 234, 0.56);
  outline: none;
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next span {
  display: none;
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next:hover {
  background-color: #19629f;
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -100px
}
.service-single .service-entry .entry-content .entry-video .heading-desc {
  margin-bottom: 35px
}
.service-single .service-entry .entry-content .entry-topics {
  padding-top: 40px
}
.service-single .service-entry .entry-content .entry-topics .entry-topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 16px
}
.service-single .service-entry .entry-content .entry-topics .entry-topic:last-of-type {
  margin-bottom: 7px
}
@media screen and (min-width:992px) {
  .service-single .service-entry .entry-content .entry-topics .entry-topic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
@media screen and (min-width:992px) {
  .service-single .service-entry .entry-content .entry-topics .entry-topic h5 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin-right: 5%
  }
}
@media screen and (min-width:992px) {
  .service-single .service-entry .entry-content .entry-topics .entry-topic p {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
  }
}
.service-single .service-entry .entry-content .entry-why {
  margin-bottom: 36px
}
.service-single .service-entry .entry-content .entry-why .entry-desc {
  margin-bottom: 32px
}
.service-single .service-entry .entry-content .entry-benefits {
  margin-bottom: 36px
}
.service-single .service-entry .entry-content .entry-benefits .entry-heading {
  margin-bottom: 37px
}
.service-single .service-entry .entry-content .projects {
  margin-bottom: 0
}
.service-single .service-entry .entry-content .projects .entry-heading {
  margin-bottom: 37px
}
.widget {
  background-color: #eceff3;
  padding: 33px 40px 40px;
  margin-bottom: 40px;
  border-radius: 8px;
  position: relative
}
@media screen and (max-width:767.98px) {
  .widget {
    padding-left: 25px;
    padding-right: 25px
  }
}
.widget::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: 4px;
  width: calc(100% - 40px);
  background-color: #1a64a1;
  border-radius: 0 0 8px 0
}
@media screen and (max-width:767.98px) {
  .widget::after {
    width: calc(100% - 25px)
  }
}
.widget .widget-title {
  text-align: center;
  margin-bottom: 23px
}
@media screen and (min-width:992px) {
  .widget .widget-title {
    text-align: left
  }
}
.widget .widget-title h5 {
  font-size: 19px;
  line-height: 30px;
  font-weight: 700;
  font-family: var(--global--font-heading);
  color: var(--global--color-secondary);
  text-transform: capitalize;
  margin-bottom: 0;
  position: relative
}
.widget-categories {
  padding-bottom: 28px
}
.widget-categories .widget-title {
  margin-bottom: 8px
}
.widget-categories ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0
}
.widget-categories ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-categories ul li:hover a {
  padding-left: 15px;
  color: var(--global--color-primary)
}
.widget-categories ul li:hover span {
  background-color: var(--global--color-heading)
}
.widget-categories ul li a {
  color: var(--global--color-heading);
  font-size: 15px;
  font-family: var(--global--font-body);
  font-weight: 700;
  line-height: 36px;
  text-transform: capitalize;
  position: relative;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-categories ul li span {
  margin-left: 15px;
  font-family: var(--global--font-body);
  font-weight: 400;
  font-size: 13px;
  padding: 1px 7px;
  color: var(--global--color-white);
  background-color: var(--global--color-primary);
  border-radius: 50%;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.widget-tags .widget-title {
  margin-bottom: 22px
}
.widget-tags .widget-content {
  text-align: left
}
.widget-tags .widget-content a {
  display: inline-block;
  background-color: transparent;
  font-family: var(--global--font-body);
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  color: var(--global--color-primary);
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: capitalize;
  padding: 0 9px;
  border: 1px solid var(--global--color-primary);
  border-radius: 4px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.widget-tags .widget-content a:hover {
  color: var(--global--color-white);
  background-color: var(--global--color-primary);
  border-color: var(--global--color-primary)
}
.widget-recent-posts {
  padding-bottom: 35px
}
.widget-recent-posts .widget-title {
  margin-bottom: 18px
}
.widget-recent-posts .post {
  position: relative;
  margin-bottom: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-recent-posts .post:last-child {
  margin-bottom: 0
}
.widget-recent-posts .post .post-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 4px;
  width: 80px;
  height: 80px
}
.widget-recent-posts .post .post-img img {
  width: 100%;
  height: 100%
}
.widget-recent-posts .post .post-content {
  position: relative
}
.widget-recent-posts .post .post-content .post-date {
  font-family: var(--global--font-body);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #616161;
  text-transform: capitalize;
  margin-bottom: 4px
}
.widget-recent-posts .post .post-content .post-date span:after {
  position: relative;
  content: ',';
  margin-right: 4px
}
.widget-recent-posts .post .post-content .post-date span:last-child:after {
  content: unset
}
.widget-recent-posts .post .post-content .post-title a {
  font-family: var(--global--font-heading);
  color: var(--global--color-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize
}
.widget-recent-posts .post .post-content .post-title a:hover {
  color: var(--global--color-primary)
}
.widget-recent-posts .carousel-dots .owl-dots {
  text-align: center;
  margin-top: 26px
}
@media screen and (min-width:992px) {
  .widget-recent-posts .carousel-dots .owl-dots {
    text-align: left
  }
}
.widget-recent-posts .carousel-dots .owl-dots .owl-dot.active span {
  background-color: var(--global--color-primary);
  border-color: var(--global--color-primary)
}
.widget-recent-posts .carousel-dots .owl-dots .owl-dot span {
  width: 16px;
  height: 6px;
  border-radius: 2px;
  border-width: 3px;
  background-color: var(--global--color-heading);
  border-color: var(--global--color-heading);
  margin-right: 12px
}
.widget-search .form-search {
  border: 1px solid #eaeaea;
  margin-bottom: 0;
  border-radius: 4px;
  background-color: var(--global--color-white)
}
.widget-search .form-search .form-control {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--global--color-body);
  font-size: 14px;
  font-family: var(--global--font-body);
  font-weight: 400;
  line-height: 5px;
  height: 55px;
  text-transform: capitalize;
  padding-left: 20px;
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 0
}
.widget-search .form-search .form-control::-webkit-input-placeholder {
  font-size: 14px;
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  text-transform: capitalize
}
.widget-search .form-search .form-control:-moz-placeholder {
  font-size: 14px;
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  text-transform: capitalize
}
.widget-search .form-search .btn {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  width: 45px;
  height: 55px;
  line-height: 29px;
  font-size: 16px;
  padding: 0 15px
}
.widget-search .form-search .btn i {
  color: var(--global--color-heading);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  margin-right: 0
}
.widget-search .form-search .btn:hover i {
  color: var(--global--color-primary)
}
.widget-reservation {
  position: relative;
  overflow: hidden;
  padding: 50px 40px 30px;
  border-radius: 8px
}
.widget-reservation:hover::before {
  opacity: 0;
  visibility: hidden
}
.widget-reservation:hover::after {
  opacity: .9;
  visibility: visible
}
.widget-reservation img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}
.widget-reservation::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #48bbec), to(#1a64a1));
  background-image: -o-linear-gradient(top, #48bbec 20%, #1a64a1 100%);
  background-image: linear-gradient(180deg, #48bbec 20%, #1a64a1 100%);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 2;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  opacity: .9;
  visibility: visible
}
.widget-reservation::after {
  content: '';
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 189, 213, 0)), color-stop(0%, var(--global--color-heading)));
  background-image: -o-linear-gradient(top, rgba(19, 189, 213, 0) 0%, var(--global--color-heading) 0%);
  background-image: linear-gradient(180deg, rgba(19, 189, 213, 0) 0%, var(--global--color-heading) 0%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 2;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  opacity: 0;
  visibility: hidden
}
@media screen and (max-width:991.98px) {
  .widget-reservation {
    text-align: center
  }
}
.widget-reservation .widget-content {
  position: relative;
  z-index: 3
}
.widget-reservation .widget-content i {
  display: block;
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
  margin-bottom: -25px
}
.widget-reservation .widget-content i:before {
  font-size: 65px;
  color: #fff;
}
.widget-reservation .widget-content p {
  margin-top: 15px;
  font-family: var(--global--font-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 52px;
}
.widget-reservation .widget-content a {
  font-family: var(--global--font-body);
  font-weight: 400;
  color: #fff;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
@media screen and (max-width:991.98px) {
  .widget-reservation .widget-content a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.widget-reservation .widget-content a span {
  font-size: 18px;
  margin-right: 15px
}
.widget-reservation .widget-content .btn {
  width: 100%;
  height: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: var(--global--font-body);
  font-size: 15px;
  font-weight: 700;
  padding: 0 26px;
  margin-bottom: 22px;
  border: 1px solid rgb(255, 255, 255);
}
.widget-opening-hours {
  position: relative;
  overflow: hidden;
  padding: 50px 40px 60px;
  border-radius: 8px 8px 0 8px;
  background-color: #f6f6f6
}
@media screen and (max-width:991.98px) {
  .widget-opening-hours {
    text-align: center
  }
}
.widget-opening-hours::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #435ba1;
  height: 3px;
  width: calc(100% - 80px)
}
.widget-opening-hours .widget-content {
  position: relative;
  z-index: 3
}
.widget-opening-hours .widget-content i {
  display: block;
  margin-bottom: 11px
}
.widget-opening-hours .widget-content i:before {
  font-size: 50px;
  color: #51668a;
  margin-left: 0
}
.widget-opening-hours .widget-content h5 {
  text-transform: capitalize;
  font-family: var(--global--font-heading);
  font-weight: 500;
  font-size: 19px;
  line-height: 28px;
  color: var(--global--color-heading);
  margin-bottom: 8px
}
.widget-opening-hours .widget-content ul {
  margin-bottom: 0
}
.widget-opening-hours .widget-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  text-transform: capitalize;
  border-bottom: 1px solid #dcdee2;
  padding: 9px 0
}
.widget-download ul {
  margin: 0
}
.widget-download ul li:last-of-type a {
  margin-bottom: 0
}
.widget-download ul li.inversed a {
  background-color: #19629f;
}
.widget-download ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 25px;
  height: 70px;
  background-color: #47b9ea;
  color: #fff;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative
}
@media screen and (max-width:767.98px) {
  .widget-download ul li a {
    padding: 0 20px;
    height: 50px
  }
}
.widget-download ul li a svg {
  margin-left: 5px;
  fill: #fff;
}
.widget-download ul li a span {
  font-family: var(--global--font-body);
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize
}
.widget-recent-products .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px
}
.widget-recent-products .product .product-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px;
  width: 60px;
  height: 60px;
  -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
  overflow: hidden;
  border-radius: 4px
}
.widget-recent-products .product .product-img img {
  border-radius: 4px;
  max-width: 100%
}
.widget-recent-products .product .product-desc .product-title a {
  text-transform: capitalize;
  font-family: var(--global--font-heading);
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: var(--global--color-heading);
  margin-bottom: 4px;
  display: inline-block
}
.widget-recent-products .product .product-desc .product-title a:hover {
  color: var(--global--color-primary)
}
.widget-recent-products .product .product-desc .product-meta span {
  font-family: var(--global--font-body);
  font-size: 15px;
  font-weight: 700;
  color: var(--global--color-primary)
}
.widget-services .widget-content ul {
  margin-bottom: 0
}
.widget-services .widget-content ul li {
  margin-bottom: 5px
}
.widget-services .widget-content ul li:last-child {
  margin-bottom: 0
}
.widget-services .widget-content ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--global--font-body);
  font-size: 15px;
  font-weight: 700;
  color: #333;
  text-transform: capitalize;
  background-color: #fff;
  border-radius: 4px;
  z-index: 1;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-box-shadow: 0 5px 20px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 5px 20px 0 rgba(40, 40, 40, .11);
  height: 65px;
  padding: 0 30px;
  position: relative;
  text-decoration: none;
}
.widget-services .widget-content ul li a::before {
  content: '';
  position: absolute;
  width: calc(100%);
  height: calc(100%);
  top: 0;
  left: 0;
  background-color: #47b9ea;
  z-index: -1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: -webkit-transform .24s ease-in-out;
  transition: -webkit-transform .24s ease-in-out;
  -o-transition: transform .24s ease-in-out;
  transition: transform .24s ease-in-out;
  transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.widget-services .widget-content ul li a:hover {
  color: var(--global--color-white)
}
.widget-services .widget-content ul li a:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center
}
.widget-services .widget-content ul li a:hover i {
  background-color: var(--global--color-white);
  color: var(--global--color-primary)
}
.widget-services .widget-content ul li a i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  font-size: 13px
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit
}
.ui-slider-horizontal .ui-slider-handle {
  position: absolute;
  top: -4px;
  margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
  position: absolute;
  top: -1px;
  height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}
.ui-slider-vertical {
  width: .8em;
  height: 100px
}
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}
.ui-slider-vertical .ui-slider-vertical .ui-slider-range-max {
  top: 0
}
.widget-filter .ui-slider {
  position: relative;
  height: 2px;
  background-color: #eaeaea;
  border-radius: 0;
  margin-bottom: 20px;
  margin-top: 5px
}
.widget-filter .ui-slider-handle {
  width: 10px;
  height: 10px;
  margin-left: 0;
  background-color: var(--global--color-primary);
  border-radius: 2px
}
.widget-filter .ui-slider-range {
  height: 4px;
  background-color: var(--global--color-primary);
  margin-bottom: 20px
}
.widget-filter .slider-mount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--global--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1
}
.widget-filter label {
  color: var(--global--color-body);
  margin: 0
}
.widget-filter input {
  color: var(--global--color-body);
  border: none;
  background-color: transparent
}
.widget-filter .btn-filter {
  float: right;
  font-family: var(--global--font-body);
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--global--color-primary);
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  text-align: right
}
.widget-filter .btn-filter:hover {
  color: var(--global--color-heading)
}
.sidebar-blog .widget {
  background-color: #f4f4f4
}
.sidebar-blog .form-search {
  background-color: var(--global--color-white)
}
.sidebar-blog .widget-recent-posts .entry {
  margin-bottom: 30px
}
.sidebar-blog .widget-recent-posts .entry:last-of-type {
  margin-bottom: 0
}
.sidebar-blog .widget-recent-posts .entry-title a {
  font-weight: 700
}
.sidebar-blog .widget-recent-posts .entry-date {
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 600;
  color: #616161
}
.sidebar-blog .widget-tags {
  padding-bottom: 40px
}
.sidebar-shop .widget {
  padding: 0;
  background-color: var(--global--color-white)
}
.sidebar-shop .widget::after {
  content: unset
}
.sidebar-shop .widget-categories {
  margin-bottom: 35px
}
@media only screen and (min-width:320px) and (max-width:767px) {
  .sidebar {
    margin-top: 40px
  }
  .widget {
    margin-bottom: 30px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .sidebar {
    margin-top: 40px
  }
  .widget-recent .entry .entry-desc {
    margin-left: 70px
  }
}
@media screen and (min-width:992px) {
  .sidebar {
    max-width: 330px;
    margin-left: auto
  }
}
.btn--bordered {
  border: 2px solid var(--global--color-primary);
  background-color: transparent
}
.btn--bordered.btn--primary {
  color: var(--global--color-primary);
  border-color: var(--global--color-primary)
}
.btn--bordered.btn--primary::before {
  background-color: var(--global--color-primary)
}
.btn--bordered.btn--primary:active, .btn--bordered.btn--primary:focus, .btn--bordered.btn--primary:hover {
  color: var(--global--color-white);
  border-color: var(--global--color-primary)
}
.btn--bordered.btn--secondary {
  color: var(--global--color-secondary);
  border-color: var(--global--color-secondary)
}
.btn--bordered.btn--secondary::before {
  background-color: var(--global--color-secondary)
}
.btn--bordered.btn--secondary:active, .btn--bordered.btn--secondary:focus, .btn--bordered.btn--secondary:hover {
  color: var(--global--color-white);
  border-color: var(--global--color-secondary)
}
.btn--bordered.btn--white {
  color: #fff;
  border-color: #fff;
}
.btn--bordered.btn--white::before {
  background-color: #fff;
}
.btn--bordered.btn--white i {
  color: var(--global--color-white)
}
.btn--bordered.btn--white:active, .btn--bordered.btn--white:focus, .btn--bordered.btn--white:hover {
  color: #333;
  border-color: #fff;
}
.btn--bordered.btn--white:active i, .btn--bordered.btn--white:focus i, .btn--bordered.btn--white:hover i {
  color: #fff;
}
.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--global--font-body);
  position: relative;
  z-index: 2;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  padding: 0 30px;
  border: 0;
  width: 170px;
  height: 65px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transition-property: background, color;
  -o-transition-property: background, color;
  transition-property: background, color;
  border-radius: 4px;
  overflow: hidden
}
@media screen and (max-width:767.98px) {
  .btn {
    height: 50px
  }
}
.btn.no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none
}
.btn:focus, .btn.active, .btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none !important;
}
.btn i {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.btn::before {
  content: '';
  position: absolute;
  width: calc(100%);
  height: calc(100%);
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: -webkit-transform .24s ease-in-out;
  transition: -webkit-transform .24s ease-in-out;
  -o-transition: transform .24s ease-in-out;
  transition: transform .24s ease-in-out;
  transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center
}
.btn--primary {
  background-color: var(--global--color-primary);
  color: var(--global--color-white)
}
.btn--primary::before {
  background-color: var(--global--color-secondary)
}
.btn--primary:active, .btn--primary:focus, .btn--primary:hover {
  color: var(--global--color-white)
}
.btn--primary.btn--inversed::before {
  background-color: var(--global--color-white)
}
.btn--primary.btn--inversed i {
  color: var(--global--color-white)
}
.btn--primary.btn--inversed:active, .btn--primary.btn--inversed:focus, .btn--primary.btn--inversed:hover {
  color: var(--global--color-heading)
}
.btn--primary.btn--inversed:active i, .btn--primary.btn--inversed:focus i, .btn--primary.btn--inversed:hover i {
  color: var(--global--color-heading)
}
.btn--secondary {
  background-color: #19629f;
  color: #fff;
}
.btn--secondary::before {
  background-color: #47b9ea;
}
.btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover {
  color: #fff;
}
.btn--secondary.btn--inversed::before {
  background-color: #47b9ea;
}
.btn--secondary.btn--inversed:active, .btn--secondary.btn--inversed:focus, .btn--secondary.btn--inversed:hover {
  color: #fff;
}
.btn--white {
  background-color: var(--global--color-white);
  color: var(--global--color-secondary)
}
.btn--white::before {
  background-color: var(--global--color-secondary)
}
.btn--white:active, .btn--white:focus, .btn--white:hover {
  color: var(--global--color-white)
}
.btn--transparent {
  background-color: transparent;
  color: var(--global--color-white);
  border: 2px solid var(--global--color-primary);
  -webkit-transition-property: background, color, border-color;
  -o-transition-property: background, color, border-color;
  transition-property: background, color, border-color
}
.btn--transparent::before {
  background-color: var(--global--color-primary)
}
.btn--transparent:active, .btn--transparent:focus, .btn--transparent:hover {
  color: var(--global--color-white);
  border-color: var(--global--color-primary)
}
.btn--transparent.btn--inversed::before {
  background-color: var(--global--color-secondary)
}
.btn--transparent.btn--inversed:active, .btn--transparent.btn--inversed:focus, .btn--transparent.btn--inversed:hover {
  color: var(--global--color-white);
  border-color: var(--global--color-secondary)
}
.btn-shadow {
  -webkit-box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15);
  box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15)
}
.btn-shadow-hover:hover, .btn-shadow-hover:active, .btn-shadow-hover:focus {
  -webkit-box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15);
  box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15)
}
.btn-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 170px;
  height: 96px;
  padding: 0 30px;
  border-radius: 32px 32px 0 32px;
  background-color: #435ba1;
  color: var(--global--color-white);
  -webkit-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  cursor: pointer;
  position: relative
}
.btn-video i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 36px;
  background-color: var(--global--color-white);
  z-index: 5;
  color: var(--global--color-heading);
  font-size: 16px;
  -webkit-box-shadow: 2.121px 2.121px 6px 0 rgba(3, 21, 50, .05);
  box-shadow: 2.121px 2.121px 6px 0 rgba(3, 21, 50, .05);
  border-radius: 8px;
  -webkit-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  margin-right: 15px
}
.btn-video span {
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 15px;
  line-height: 21px;
  text-transform: capitalize;
  color: var(--global--color-white)
}
.btn-video.btn-video-2 {
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  width: auto;
  height: auto
}
.btn-video.btn-video-2 i {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 88px;
  height: 88px;
  padding: 0;
  border-radius: 50%;
  background-color: var(--global--color-white);
  margin-right: 0;
  color: var(--global--color-heading)
}
.btn-video.btn-video-2 i::after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 2px solid rgba(255, 255, 255, .5);
  border-radius: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-animation: pulse .8s ease-out 0s infinite;
  animation: pulse .8s ease-out 0s infinite;
  z-index: -1
}
.btn-video.btn-video-2:hover i {
  background-color: var(--global--color-primary);
  color: var(--global--color-white)
}
.blog {
  padding: 127px 0 70px
}
.blog.blog-1 {
  padding-top: 119px;
  padding-bottom: 105px
}
@media screen and (max-width:991.98px) {
  .blog.blog-1 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.blog.blog-2 {
  padding-top: 129px;
  padding-bottom: 105px
}
@media screen and (max-width:991.98px) {
  .blog.blog-2 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.blog .more-blog {
  text-align: center
}
.blog .more-blog a {
  position: relative;
  font-size: 15px;
  font-family: var(--global--font-body);
  font-weight: 700;
  color: var(--global--color-heading);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  text-transform: capitalize;
  padding-bottom: 6px
}
.blog .more-blog a:hover::before {
  width: calc(100% - 20%)
}
.blog .more-blog a::before {
  content: '';
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--global--color-primary)
}
.blog-entry {
  position: relative;
  -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
  border-radius: 8px;
  background-color: var(--global--color-white);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  margin-bottom: 36px
}
@media screen and (max-width:991.98px) {
  .blog-entry {
    max-width: 370px;
    margin: 0 auto 30px
  }
}
.blog-entry::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: calc(100% - 40px);
  background-color: #eaeaea;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 8px 0 0 0
}
@media screen and (max-width:767.98px) {
  .blog-entry::before {
    width: calc(100% - 20px)
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-entry::before {
    width: calc(100% - 25px)
  }
}
.blog-entry::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: calc(100% - 40px);
  background-color: #47b9ea;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 8px 0 0 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left
}
@media screen and (max-width:767.98px) {
  .blog-entry::after {
    width: calc(100% - 20px)
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-entry::after {
    width: calc(100% - 25px)
  }
}
.blog-entry:hover {
  -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)
}
.blog-entry:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}
.blog-entry:hover .entry-content .entry-img-wrap .entry-img img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
.blog-entry:hover .entry-content .entry-more .btn {
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  color: #fff;
  background-color: #19629f;
  border-color: #19629f
}
}
.blog-entry:hover .entry-content .entry-more .btn i {
  background-color: #fff;
  color: #19629f;
}
.blog-entry .entry-content {
  padding: 36px 40px 40px
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-entry .entry-content {
    padding-left: 25px;
    padding-right: 25px
  }
}
@media screen and (max-width:767.98px) {
  .blog-entry .entry-content {
    padding-left: 20px;
    padding-right: 20px
  }
}
.blog-entry .entry-content .entry-img-wrap {
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  transform: translateX(-40px);
  width: calc(100% + 40px);
  position: relative;
  margin-bottom: 32px
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-entry .entry-content .entry-img-wrap {
    -webkit-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    transform: translateX(-25px);
    width: calc(100% + 25px)
  }
}
@media screen and (max-width:767.98px) {
  .blog-entry .entry-content .entry-img-wrap {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    width: calc(100% + 20px)
  }
}
.blog-entry .entry-content .entry-img-wrap .entry-img {
  position: relative;
  border-radius: 0 8px 8px 0;
  overflow: hidden;
  max-width: 100%
}
.blog-entry .entry-content .entry-img-wrap .entry-img img {
  -webkit-transition: -webkit-transform .35s;
  transition: -webkit-transform .35s;
  -o-transition: transform .35s;
  transition: transform .35s;
  transition: transform .35s, -webkit-transform .35s;
  max-width: 100%;
  height: auto;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1)
}
.blog-entry .entry-content .entry-img-wrap .entry-category {
  position: absolute;
  left: 40px;
  bottom: -15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  text-transform: capitalize;
  height: 30px;
  padding: 0 10px;
  background-color: #19629f;
  border-radius: 6px
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-entry .entry-content .entry-img-wrap .entry-category {
    left: 25px
  }
}
@media screen and (max-width:767.98px) {
  .blog-entry .entry-content .entry-img-wrap .entry-category {
    left: 20px
  }
}
.blog-entry .entry-content .entry-img-wrap .entry-category a {
  position: relative;
  color: #fff;
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.blog-entry .entry-content .entry-img-wrap .entry-category a::after {
  content: ", ";
  position: relative;
  margin-right: 4px
}
.blog-entry .entry-content .entry-img-wrap .entry-category a:last-of-type::after {
  content: ""
}
.blog-entry .entry-content .entry-img-wrap .entry-category a:hover {
  color: #fff;
}
.blog-entry .entry-content .entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px
}
.blog-entry .entry-content .entry-meta .entry-date {
  margin-right: 20px
}
.blog-entry .entry-content .entry-meta .entry-date .day, .blog-entry .entry-content .entry-meta .entry-date .year {
  font-family: var(--global--font-body);
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #616161;
  text-transform: capitalize
}
.blog-entry .entry-content .entry-meta .entry-date .day:after {
  content: ',';
  margin-right: 3px
}
.blog-entry .entry-content .entry-meta .entry-author {
  text-transform: capitalize
}
.blog-entry .entry-content .entry-meta .entry-author p {
  font-family: var(--global--font-body);
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--global--color-heading);
  margin-bottom: 0
}
.blog-entry .entry-content .entry-title {
  margin-bottom: 32px
}
.blog-entry .entry-content .entry-title h4 a {
  font-family: var(--global--font-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--global--color-heading);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.blog-entry .entry-content .entry-title h4 a:hover {
  color: var(--global--color-primary)
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-entry .entry-content .entry-title h4 a {
    font-size: 18px
  }
}
.blog-entry .entry-content .entry-bio p {
  font-family: var(--global--font-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 22px
}
@media screen and (max-width:767.98px) {
  .blog-entry .entry-content .entry-more {
    text-align: center
  }
}
.blog-entry .entry-content .entry-more a {
  width: 142px;
  height: 45px;
  padding: 0 20px;
  border: 2px solid rgba(37, 55, 69, .5);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.blog-entry .entry-content .entry-more a::before {
  content: unset
}
.blog-entry .entry-content .entry-more a:hover i {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px)
}
.blog-entry .entry-content .entry-more a i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f1f7fd;
  color: #19629f;
  font-size: 12px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  padding: 0 4px;
  margin-left: 2px;
}
.blog-grid {
  padding: 70px 0 110px
}
.blog-grid .owl-carousel .owl-stage-outer {
  overflow: visible
}
.blog-grid .owl-carousel .owl-stage-outer .owl-item {
  opacity: 0
}
.blog-grid .owl-carousel .owl-stage-outer .owl-item.active {
  opacity: 1
}
.blog-grid .owl-carousel .owl-dots {
  position: relative;
  right: auto;
  bottom: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:991.98px) {
  .blog-grid .owl-carousel .owl-dots {
    margin-top: 0
  }
}
.blog-grid .owl-carousel .owl-dots .owl-dot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.blog-grid.blog-grid-2 {
  padding-top: 510px
}
.blog-grid.blog-grid-3 {
  padding-top: 130px
}
@media screen and (max-width:991.98px) {
  .blog-grid.blog-grid-3 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.blog-grid.blog-grid-4 {
  padding-top: 218px
}
@media screen and (max-width:991.98px) {
  .blog-grid.blog-grid-4 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.blog-grid.blog-grid-5 {
  padding-top: 60px;
  padding-bottom: 80px;
}
@media screen and (max-width:991.98px) {
  .blog-grid.blog-grid-5 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.blog-grid.blog-grid-5 .blog-entry {
  margin-bottom: 30px
}
.blog-grid.blog-grid-5 .pagination {
  margin-top: 20px
}
.blog-standard {
  padding-top: 110px;
  padding-bottom: 110px
}
@media screen and (max-width:991.98px) {
  .blog-standard {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.blog-standard .blog-entry {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0
}
@media screen and (max-width:991.98px) {
  .blog-standard .blog-entry {
    max-width: initial
  }
}
.blog-standard .blog-entry:last-of-type {
  margin-bottom: 0
}
.blog-standard .blog-entry::before {
  content: unset
}
.blog-standard .blog-entry .entry-img {
  position: relative
}
.blog-standard .blog-entry .entry-img img {
  max-width: 100%;
  border-radius: 12px
}
.blog-standard .blog-entry .entry-content {
  padding: 34px 40px 40px
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-standard .blog-entry .entry-content {
    padding-left: 25px;
    padding-right: 25px
  }
}
@media screen and (max-width:991.98px) {
  .blog-standard .blog-entry .entry-content {
    padding: 39px 0 40px
  }
}
.blog-standard .blog-entry .entry-content .entry-meta {
  background-color: var(--global--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 23px
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-date {
  margin-right: 15px
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-date span {
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  color: #616161;
  text-transform: capitalize
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-date span:last-child::after {
  content: unset
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-date span::after {
  content: ',';
  margin-right: 3px
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-comments span {
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  color: var(--global--color-primary);
  text-transform: capitalize
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-comments span.num {
  color: var(--global--color-primary);
  margin-left: 3px
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-category a {
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  color: #616161;
  text-transform: capitalize
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-category a:hover {
  color: var(--global--color-heading)
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-category a:last-child::after {
  content: unset
}
.blog-standard .blog-entry .entry-content .entry-meta .entry-category a::after {
  content: ',';
  margin-right: 5px
}
.blog-standard .blog-entry .entry-content .entry-title {
  margin-bottom: 23px
}
.blog-standard .blog-entry .entry-content .entry-title h4 {
  margin-bottom: 0
}
.blog-standard .blog-entry .entry-content .entry-title h4 a {
  font-size: 40px;
  line-height: 49px;
  font-weight: 700
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-standard .blog-entry .entry-content .entry-title h4 a {
    font-size: 35px
  }
}
@media screen and (max-width:767.98px) {
  .blog-standard .blog-entry .entry-content .entry-title h4 a {
    font-size: 32px;
    line-height: 1.4
  }
}
.blog-standard .blog-entry .entry-content .entry-bio p {
  font-size: 16px;
  line-height: 27px
}
.blog-standard .blog-entry .entry-content .entry-more a {
  border: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--global--color-heading);
  border-bottom: 2px solid var(--global--color-heading);
  padding-bottom: 5px;
  text-transform: capitalize;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
.blog-standard .blog-entry .entry-content .entry-more a:hover {
  color: var(--global--color-primary);
  border-color: var(--global--color-primary)
}
.blog-single {
  padding-top: 40px;
  padding-bottom: 110px
}
@media screen and (max-width:991.98px) {
  .blog-single {
    padding-bottom: 40px
  }
}
.blog-single .blog-entry {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0
}
@media screen and (max-width:991.98px) {
  .blog-single .blog-entry {
    max-width: initial
  }
}
.blog-single .blog-entry:last-of-type {
  margin-bottom: 0
}
.blog-single .blog-entry::before {
  content: unset
}
.blog-single .blog-entry .entry-img {
  position: relative
}
.blog-single .blog-entry .entry-img img {
  max-width: 100%;
  border-radius: 12px
}
.blog-single .blog-entry .entry-img .entry-meta {
  position: absolute;
  background-color: #fff;
  border-radius: 0 12px 0 0;
  bottom: -6px;
  left: 0;
  padding: 25px 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-single .blog-entry .entry-img .entry-meta {
    padding-left: 25px;
    padding-right: 25px
  }
}
@media screen and (max-width:767.98px) {
  .blog-single .blog-entry .entry-img .entry-meta {
    padding-left: 25px;
    padding-right: 25px
  }
}
.blog-single .blog-entry .entry-img .entry-meta .entry-date {
  margin-right: 20px
}
.blog-single .blog-entry .entry-img .entry-meta .entry-date span {
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  color: #616161;
  text-transform: capitalize
}
.blog-single .blog-entry .entry-img .entry-meta .entry-date span:last-child::after {
  content: unset
}
.blog-single .blog-entry .entry-img .entry-meta .entry-date span::after {
  content: ',';
  margin-right: 3px
}
.blog-single .blog-entry .entry-img .entry-meta .entry-author {
  margin-right: 20px
}
.blog-single .blog-entry .entry-img .entry-meta .entry-author a {
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  color: var(--global--color-heading);
  text-transform: capitalize
}
.blog-single .blog-entry .entry-img .entry-meta .entry-author a:hover {
  color: var(--global--color-primary)
}
.blog-single .blog-entry .entry-img .entry-meta .entry-comments span {
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  color: #616161;
  text-transform: capitalize
}
.blog-single .blog-entry .entry-img .entry-meta .entry-comments span.num {
  color: var(--global--color-primary);
  margin-left: 3px
}
.blog-single .blog-entry .entry-img .entry-meta .entry-category {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #4aab3d;
  height: 30px;
  padding: 0 10px;
  top: -15px;
  left: 40px;
  border-radius: 6px
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-single .blog-entry .entry-img .entry-meta .entry-category {
    left: 25px
  }
}
@media screen and (max-width:767.98px) {
  .blog-single .blog-entry .entry-img .entry-meta .entry-category {
    left: 25px
  }
}
.blog-single .blog-entry .entry-img .entry-meta .entry-category a {
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  color: var(--global--color-white);
  text-transform: capitalize
}
.blog-single .blog-entry .entry-img .entry-meta .entry-category a:hover {
  color: var(--global--color-heading)
}
.blog-single .blog-entry .entry-img .entry-meta .entry-category a:last-child::after {
  content: unset
}
.blog-single .blog-entry .entry-img .entry-meta .entry-category a::after {
  content: ',';
  margin-right: 5px
}
.blog-single .blog-entry .entry-content {
  padding: 39px 40px 40px;
  border-bottom: 1px solid #eaeaea
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-single .blog-entry .entry-content {
    padding-left: 25px;
    padding-right: 25px
  }
}
@media screen and (max-width:991.98px) {
  .blog-single .blog-entry .entry-content {
    padding: 39px 0 40px
  }
}
.blog-single .blog-entry .entry-content .entry-title {
  margin-bottom: 32px
}
.blog-single .blog-entry .entry-content .entry-title h4 {
  font-size: 26px;
  line-height: 49px;
  font-weight: 700
}
@media(min-width:992px) and (max-width:1200px) {
  .blog-single .blog-entry .entry-content .entry-title h4 {
    font-size: 35px
  }
}
@media screen and (max-width:767.98px) {
  .blog-single .blog-entry .entry-content .entry-title h4 {
    font-size: 20px;
    line-height: 1.4
  }
}
.blog-single .blog-entry .entry-content .entry-bio p {
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 27px;
  text-align: justify;
}
.blog-single .blog-entry .entry-content .entry-bio p:last-child {
  margin-bottom: 24px
}
.blog-single .blog-entry .entry-content .entry-bio p img {
  width: 100%;
}
.blog-single .blog-entry .entry-content .entry-holder .entry-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--global--color-white);
  border-radius: 8px;
  padding: 25px 25px 25px 40px;
  -webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21)
}
@media screen and (max-width:767.98px) {
  .blog-single .blog-entry .entry-content .entry-holder .entry-share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px
  }
}
.blog-single .blog-entry .entry-content .entry-holder .entry-share span {
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 15px;
  color: var(--global--color-secondary);
  text-transform: capitalize
}
@media screen and (max-width:767.98px) {
  .blog-single .blog-entry .entry-content .entry-holder .entry-share span {
    margin-bottom: 20px
  }
}
.blog-single .blog-entry .entry-content .entry-holder .entry-share a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #929ba2;
  margin-right: 10px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.blog-single .blog-entry .entry-content .entry-holder .entry-share a:last-child {
  margin-right: 0
}
.blog-single .blog-entry .entry-content .entry-holder .entry-share a:hover i {
  width: 40px;
  height: 40px;
  background-color: var(--global--color-primary)
}
.blog-single .blog-entry .entry-content .entry-holder .entry-share a i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 11px;
  background-color: var(--global--color-heading);
  color: var(--global--color-white);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.blog-single .blog-entry .entry-content .entry-holder .entry-tags {
  margin-bottom: 32px
}
.blog-single .blog-entry .entry-content .entry-holder .entry-tags span {
  font-family: var(--global--font-body);
  font-weight: 700;
  color: #282828;
  text-transform: capitalize;
  font-size: 15px;
  margin-right: 5px
}
@media screen and (max-width:767.98px) {
  .blog-single .blog-entry .entry-content .entry-holder .entry-tags {
    margin-bottom: 30px
  }
}
.blog-single .blog-entry .entry-content .entry-holder .entry-tags a {
  display: inline-block;
  font-family: var(--global--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  text-transform: capitalize;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  color: var(--global--color-primary)
}
.blog-single .blog-entry .entry-content .entry-holder .entry-tags a:last-child::after {
  content: unset
}
.blog-single .blog-entry .entry-content .entry-holder .entry-tags a::after {
  content: ',';
  margin-right: 5px
}
.blog-single .blog-entry .entry-content .entry-holder .entry-tags a:hover {
  color: var(--global--color-heading)
}
.blog-single .nav-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  text-transform: capitalize;
  border-bottom: 1px solid #eaeaea
}
@media screen and (max-width:991.98px) {
  .blog-single .nav-posts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.blog-single .nav-posts .prev-post, .blog-single .nav-posts .next-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  padding: 20px;
  background-color: var(--global--color-white);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.blog-single .nav-posts .prev-post:hover, .blog-single .nav-posts .next-post:hover {
  background-color: #eceff3;
}
.blog-single .nav-posts .prev-post:hover .post-img .overlay, .blog-single .nav-posts .next-post:hover .post-img .overlay {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.blog-single .nav-posts .prev-post .post-img, .blog-single .nav-posts .next-post .post-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 90px;
  height: 67px;
  border-radius: 8px;
  margin-right: 20px;
  position: relative;
  overflow: hidden
}
.blog-single .nav-posts .prev-post .post-img .overlay, .blog-single .nav-posts .next-post .post-img .overlay {
  content: '\e905';
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--global--color-primary-90);
  color: var(--global--color-white);
  transition: .3s ease-in-out;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0)
}
.blog-single .nav-posts .prev-post .post-img img, .blog-single .nav-posts .next-post .post-img img {
  width: 100%;
  height: 100%;
}
.blog-single .nav-posts .prev-post .post-body span, .blog-single .nav-posts .next-post .post-body span {
  display: block;
  font-family: var(--global--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: var(--global--color-body)
}
.blog-single .nav-posts .prev-post .post-body .post-link, .blog-single .nav-posts .next-post .post-body .post-link {
  font-family: var(--global--font-heading);
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: var(--global--color-heading);
  -webkit-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out
}
.blog-single .nav-posts .prev-post .post-body .post-link:hover, .blog-single .nav-posts .next-post .post-body .post-link:hover {
  color: var(--global--color-primary)
}
@media screen and (min-width:992px) {
  .blog-single .nav-posts .prev-post, .blog-single .nav-posts .next-post {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }
}
.blog-single .nav-posts .prev-post .post-img .overlay i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
@media screen and (max-width:991.98px) {
  .blog-single .nav-posts .prev-post {
    margin-bottom: 38px
  }
}
.blog-single .nav-posts .next-post {
  text-align: right
}
.blog-single .nav-posts .next-post .post-img {
  margin-right: 0;
  margin-left: 20px
}
.blog-single .entry-widget {
  padding-top: 62px
}
.blog-single .entry-widget .entry-widget-title {
  position: relative;
  margin-bottom: 21px
}
.blog-single .entry-widget .entry-widget-title h4 {
  font-family: var(--global--font-heading);
  font-size: 21px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0;
  position: relative;
  text-transform: capitalize;
  color: var(--global--color-secondary)
}
.blog-single .entry-widget-bio {
  margin-top: 40px;
  padding: 40px 40px 35px;
  border-radius: 8px;
  background-color: #f4f4f4;
  position: relative
}
@media screen and (max-width:767.98px) {
  .blog-single .entry-widget-bio {
    padding-right: 20px;
    padding-left: 20px
  }
}
.blog-single .entry-widget-bio::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: 4px;
  width: calc(100% - 40px);
  background-color: var(--global--color-primary);
  border-radius: 0 0 8px 0
}
@media screen and (max-width:767.98px) {
  .blog-single .entry-widget-bio::before {
    width: calc(100% - 20px)
  }
}
.blog-single .entry-widget-bio .entry-widget-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:767.98px) {
  .blog-single .entry-widget-bio .entry-widget-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.blog-single .entry-widget-bio .entry-widget-content img {
  width: 70px;
  height: 70px;
  border-radius: 8px;
  margin-right: 30px
}
@media screen and (max-width:767.98px) {
  .blog-single .entry-widget-bio .entry-widget-content img {
    margin-right: 0;
    margin-bottom: 25px
  }
}
@media screen and (max-width:767.98px) {
  .blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc {
    text-align: center
  }
}
.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc h4 {
  font-family: var(--global--font-heading);
  color: var(--global--color-heading);
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px
}
.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc p {
  color: var(--global--color-body);
  font-size: 15px;
  font-family: var(--global--font-body);
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 22px
}
.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a {
  color: var(--global--color-heading);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-right: 18px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a:hover {
  color: var(--global--color-primary)
}
.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a:last-child {
  margin-right: 0
}
.blog-single .entry-comments .entry-widget-content .comments-list {
  width: 100%;
  list-style: none;
  overflow: hidden;
  padding-left: 0;
  margin-bottom: 0
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body {
  position: relative;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:767.98px) {
  .blog-single .entry-comments .entry-widget-content .comments-list .comment-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child .comment {
  border-bottom: none
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child .replies-list {
  margin-top: 25px;
  padding-top: 30px;
  border-top: 2px solid #eaeaea
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list {
  margin-top: 25px;
  padding-top: 30px;
  border-top: 2px solid #eaeaea
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li {
  position: relative;
  margin-bottom: 30px
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li:last-child .comment {
  border-bottom: none
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list .comment-body .comment {
  border-bottom: 2px solid #eaeaea
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list .comment-body:last-child .comment {
  border: 0
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .avatar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px
}
@media screen and (max-width:767.98px) {
  .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .avatar {
    margin-left: 20px;
    margin-bottom: 30px
  }
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment {
  margin-left: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #eaeaea
}
@media screen and (max-width:767.98px) {
  .blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment {
    margin-left: 20px
  }
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment h6 {
  font-family: var(--global--font-heading);
  color: var(--global--color-heading);
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
  line-height: 16px
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment .date {
  color: #616161;
  font-family: var(--global--font-body);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 6px
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment p {
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 7px
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment a.reply {
  font-family: var(--global--font-body);
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--global--color-primary);
  line-height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: relative
}
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment a.reply:hover {
  color: var(--global--color-heading)
}
.blog-single .entry-add-comment {
  padding-top: 36px
}
.blog-single .entry-add-comment input.form-control {
  height: 60px;
  margin-bottom: 30px;
  padding-left: 25px
}
.blog-single .entry-add-comment textarea.form-control {
  margin-bottom: 30px;
  padding-left: 25px;
  padding-top: 25px;
  height: 120px
}
.blog-single .entry-add-comment .custom-radio-group .custom-control {
  margin-bottom: 20px
}
@media screen and (max-width:991.98px) {
  .blog-single .entry-add-comment .custom-radio-group .custom-control input {
    display: none
  }
}
@media screen and (max-width:991.98px) {
  .blog-single .entry-add-comment .custom-radio-group .custom-control label {
    padding-left: 25px
  }
}
@media screen and (max-width:991.98px) {
  .blog-single .entry-add-comment .custom-radio-group .custom-control label::after {
    top: 22px
  }
}
@media(max-width:344px) {
  .blog-single .entry-add-comment .custom-radio-group .custom-control label::after {
    top: 35px
  }
}
.blog-single .entry-add-comment .btn {
  width: 270px
}
@media screen and (max-width:991.98px) {
  .blog-single .entry-add-comment .btn {
    width: 100%
  }
}
.blog-single .entry-add-comment .btn:hover i {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px)
}
.blog-single .entry-add-comment .btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 28px;
  height: 28px;
  background-color: var(--global--color-white);
  border-radius: 50%;
  color: var(--global--color-primary);
  margin-left: 10px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  border-radius: 0
}
.pagination li {
  margin-right: 10px;
  display: inline-block
}
.pagination li a, .pagination li span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--global--color-white);
  color: var(--global--color-heading);
  font-family: var(--global--font-body);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #929ba2;
  -webkit-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out
}
.pagination li a:hover, .pagination li span:hover {
  background-color: var(--global--color-heading);
  color: var(--global--color-white);
  border-color: var(--global--color-heading)
}
.pagination li a i, .pagination li span i {
  font-size: 12px
}
.pagination li a.current, .pagination li span.current {
  background-color: var(--global--color-heading);
  color: var(--global--color-white);
  border-color: var(--global--color-heading)
}
.testimonial {
  padding-top: 90px;
  padding-bottom: 85px
}
@media screen and (max-width:767.98px) {
  .testimonial {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
@media screen and (max-width:767.98px) {
  .testimonial .testimonial-panel {
    max-width: 370px;
    margin-right: auto;
    margin-left: auto
  }
}
.testimonial .testimonial-panel .testimonial-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-panel .testimonial-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.testimonial .testimonial-panel .testimonial-body .testimonial-img {
  margin-right: 40px;
  width: 63px;
  height: 63px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 5px;
  border: 2px solid var(--global--color-primary);
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.testimonial .testimonial-panel .testimonial-body .testimonial-img img {
  max-width: 100%;
  border-radius: 50%
}
@media(min-width:992px) and (max-width:1200px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-img {
    margin-right: 25px
  }
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-img {
    margin-bottom: 30px;
    margin-right: 0
  }
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-content {
    text-align: center
  }
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content p {
  font-family: var(--global--font-heading);
  color: var(--global--color-white);
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  margin-bottom: 21px;
  font-style: italic
}
@media(min-width:992px) and (max-width:1200px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-content p {
    font-size: 22px;
    line-height: 1.5
  }
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6 {
  font-family: var(--global--font-body);
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  color: var(--global--color-white);
  text-transform: capitalize;
  margin-bottom: 0
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6:after {
  content: ',';
  margin-right: 4px
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta p {
  font-family: var(--global--font-body);
  color: var(--global--color-gray);
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  text-transform: capitalize;
  margin-bottom: 0
}
.testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
  font-weight: 600;
  font-size: 25px;
  line-height: 41px;
  margin-bottom: 39px;
  font-style: normal;
  color: var(--global--color-secondary)
}
@media(min-width:992px) and (max-width:1200px) {
  .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
    font-size: 20px;
    line-height: 35px
  }
}
@media screen and (max-width:767.98px) {
  .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
    font-size: 20px;
    line-height: 35px
  }
}
.testimonial .testimonial-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-thumbs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media screen and (max-width:767.98px) {
  .testimonial .testimonial-thumbs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.testimonial .testimonial-thumbs .testimonial-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: .5;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  margin-right: 40px;
  cursor: pointer
}
.testimonial .testimonial-thumbs .testimonial-thumb:last-child {
  margin-right: 0
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-thumbs .testimonial-thumb {
    margin-right: 20px
  }
}
@media screen and (max-width:767.98px) {
  .testimonial .testimonial-thumbs .testimonial-thumb {
    margin-right: 0;
    margin-bottom: 20px
  }
}
.testimonial .testimonial-thumbs .testimonial-thumb.active {
  opacity: 1
}
.testimonial .testimonial-thumbs .testimonial-thumb.active .thumb-img {
  border-color: var(--global--color-primary)
}
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-img {
  margin-right: 15px;
  width: 63px;
  height: 63px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 5px;
  border: 2px solid transparent;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-img img {
  max-width: 100%;
  border-radius: 50%
}
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-body h6 {
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--global--color-secondary);
  text-transform: capitalize;
  margin-bottom: 0
}
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-body p {
  text-transform: capitalize;
  font-size: 14px;
  line-height: 23px;
  color: var(--global--color-body)
}
.testimonial.testimonial-1 .owl-stage-outer {
  overflow: hidden
}
@media screen and (min-width:992px) {
  .testimonial.testimonial-1 .owl-stage-outer::before {
    content: '';
    height: 100%;
    width: 40%;
    top: 0;
    right: 0;
    position: absolute;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #00000000), color-stop(22%, var(--global--color-heading)));
    background-image: -o-linear-gradient(left, #00000000 2%, var(--global--color-heading) 22%);
    background-image: linear-gradient(90deg, #00000000 2%, var(--global--color-heading) 22%);
    opacity: .96;
    z-index: 5
  }
}
.testimonial.testimonial-1 .carousel-dots {
  position: relative
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-1 .carousel-dots .owl-nav {
    display: none
  }
}
.testimonial.testimonial-1 .carousel-dots .owl-nav span {
  font-size: 0
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before {
  color: rgba(255, 255, 255, .5);
  font-family: carousel !important;
  font-size: 44px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before {
  content: "\e990"
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before {
  content: "\e991"
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:hover::before, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:hover::before {
  color: #fff
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next {
  right: 30px
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev {
  display: none
}
.testimonial.testimonial-1 .carousel-dots .owl-item {
  opacity: 1
}
.testimonial.testimonial-1 .carousel-dots .owl-dots {
  margin-top: 16px
}
.testimonial.testimonial-2 {
  padding-bottom: 0
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-2 {
    padding-top: 190px
  }
}
.testimonial.testimonial-3 {
  padding-top: 460px;
  padding-bottom: 110px;
  background-position: top center
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-3 {
    padding-bottom: 70px
  }
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-3 .counters-holder {
    margin-bottom: 30px;
    text-align: center
  }
}
@media screen and (min-width:992px) {
  .testimonial.testimonial-3 .counters-holder .counter {
    padding-top: 30px
  }
}
.testimonial.testimonial-3 .counters-holder .counter .counter-desc p {
  color: var(--global--color-secondary)
}
.testimonial.testimonial-3 .counters-holder .counter .counter-desc p::after {
  background-color: var(--global--color-secondary)
}
.testimonial.testimonial-3 .owl-stage-outer {
  overflow: hidden
}
.testimonial.testimonial-3 .owl-stage-outer .owl-item {
  opacity: 1
}
.testimonial.testimonial-4 {
  position: relative;
  padding-top: 80px;
  padding-bottom: 110px
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-4 {
    padding-top: 40px;
    padding-bottom: 70px
  }
}
.testimonial.testimonial-4 .testimonial-overlay {
  background-color: #f6f7f8;
  background-position: top center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  width: calc(100% - 7%);
  border-radius: 12px;
  z-index: 0
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-4 .testimonial-overlay {
    width: calc(100% - 4%)
  }
}
.testimonial.testimonial-4 .counters-holder {
  position: relative;
  z-index: 1
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-4 .counters-holder {
    margin-bottom: 30px;
    text-align: center
  }
}
@media screen and (min-width:992px) {
  .testimonial.testimonial-4 .counters-holder .counter {
    padding-top: 30px
  }
}
.testimonial.testimonial-4 .counters-holder .counter .counter-desc p {
  color: var(--global--color-secondary)
}
.testimonial.testimonial-4 .counters-holder .counter .counter-desc p::after {
  background-color: var(--global--color-secondary)
}
.testimonial.testimonial-4 .owl-stage-outer {
  overflow: hidden
}
.testimonial.testimonial-4 .owl-stage-outer .owl-item {
  opacity: 1
}
.testimonial.testimonial-4 .testimonial-thumbs {
  position: relative;
  z-index: 1
}
.testimonial.testimonial-5 {
  padding-top: 0;
  padding-bottom: 100px;
  background-position: top center;
  overflow: visible
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-5 {
    padding-bottom: 70px
  }
}
.testimonial.testimonial-5 .contact-panel {
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
  margin-top: -60px;
  margin-bottom: 30px
}
.testimonial.testimonial-5 .contact-panel .contact-card .contact-body .btn {
  width: 270px
}
.testimonial.testimonial-5 .contact-panel .contact-card .contact-body .form-control {
  margin-bottom: 30px;
}
.testimonial.testimonial-5 .contact-panel .contact-card .contact-body textarea {
  height: 127px;
  padding-top: 20px
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-5 .counters-holder {
    margin-bottom: 30px;
    text-align: center
  }
}
@media screen and (min-width:992px) {
  .testimonial.testimonial-5 .counters-holder .counter {
    padding-top: 30px
  }
}
.testimonial.testimonial-5 .counters-holder .counter .counter-desc p {
  color: var(--global--color-secondary)
}
.testimonial.testimonial-5 .counters-holder .counter .counter-desc p::after {
  background-color: var(--global--color-secondary)
}
.testimonial.testimonial-5 .owl-stage-outer {
  overflow: hidden
}
.testimonial.testimonial-5 .owl-stage-outer .owl-item {
  opacity: 1
}
.contact .advantages-list-holder {
  margin-bottom: 32px
}
.contact .contact-action {
  margin-bottom: 80px
}
@media screen and (max-width:767.98px) {
  .contact .contact-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
  }
}
.contact .contact-action .btn {
  font-family: var(--global--font-body);
  font-size: 15px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 170px;
  height: 65px;
  margin-right: 30px
}
@media(min-width:992px) and (max-width:1200px) {
  .contact .contact-action .btn {
    margin-right: 10px
  }
}
@media screen and (max-width:991.98px) {
  .contact .contact-action .btn {
    margin: 0 30px 0 0
  }
}
@media screen and (max-width:767.98px) {
  .contact .contact-action .btn {
    margin-right: 0;
    margin-bottom: 15px;
    height: 50px
  }
}
.contact .contact-action .btn:first-child i {
  color: var(--global--color-heading)
}
.contact .contact-action .btn:first-child:hover i {
  color: var(--global--color-white)
}
.contact .contact-action .btn:last-child {
  padding: 0 28px
}
.contact .contact-action .btn.btn--white {
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}
.contact .contact-action.contact-action-2 {
  margin-bottom: 131px
}
@media screen and (max-width:991.98px) {
  .contact .contact-action.contact-action-2 {
    margin-bottom: 30px
  }
}
@media screen and (max-width:991.98px) {
  .contact .contact-action.contact-action-2 .btn {
    margin-right: 0
  }
}
.contact .contact-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.contact .contact-quote img {
  margin-right: 15px
}
.contact .contact-quote p {
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  color: var(--global--color-gray)
}
.contact .contact-quote p a {
  color: var(--global--color-gray);
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  position: relative;
  padding-bottom: 6px
}
.contact .contact-quote p a:hover::before {
  width: calc(100% - 20%)
}
.contact .contact-quote p a::before {
  content: '';
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--global--color-gray)
}
.contact .contact-quote.contact-quote-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
@media screen and (max-width:991.98px) {
  .contact .contact-quote.contact-quote-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 370px;
    margin: 0 auto
  }
}
.contact .contact-quote.contact-quote-2 i {
  color: var(--global--color-white);
  margin-right: 40px
}
@media screen and (max-width:991.98px) {
  .contact .contact-quote.contact-quote-2 i {
    margin-right: 0;
    margin-bottom: 30px
  }
}
.contact .contact-quote.contact-quote-2 i::before {
  font-size: 65px
}
@media screen and (min-width:992px) {
  .contact .contact-quote.contact-quote-2 .quote-body {
    padding-top: 10px
  }
}
.contact .contact-quote.contact-quote-2 .quote-body p {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 22px;
  color: var(--global--color-white)
}
.contact .contact-quote.contact-quote-2 .quote-body a {
  color: var(--global--color-white);
  text-transform: capitalize;
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
@media screen and (max-width:991.98px) {
  .contact .contact-quote.contact-quote-2 .quote-body a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.contact .contact-quote.contact-quote-2 .quote-body a:hover {
  padding-left: 10px
}
.contact .contact-quote.contact-quote-2 .quote-body a i {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--global--color-white);
  border-radius: 50%
}
@media screen and (max-width:991.98px) {
  .contact .contact-quote.contact-quote-2 .quote-body a i {
    margin-bottom: 0
  }
}
.contact .contact-quote.contact-quote-2 .quote-body a i::before {
  color: var(--global--color-primary);
  font-size: 15px
}
.contact .contact-quote.contact-quote-3 p {
  color: var(--global--color-body)
}
.contact .contact-quote.contact-quote-3 p a {
  color: var(--global--color-heading)
}
.contact .contact-quote.contact-quote-3 p a::before {
  background-color: var(--global--color-primary)
}
.contact.contact-1 {
  padding-top: 108px;
  padding-bottom: 108px
}
@media screen and (max-width:991.98px) {
  .contact.contact-1 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.contact.contact-2 {
  position: relative;
  padding-top: 108px;
  padding-bottom: 108px;
  background-position-x: -750px
}
@media screen and (max-width:991.98px) {
  .contact.contact-2 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.contact.contact-2 .contact-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 5%);
  border-radius: 12px;
  height: 100%;
  z-index: 1
}
.contact.contact-4 {
  padding-top: 110px;
  padding-bottom: 110px
}
@media screen and (max-width:991.98px) {
  .contact.contact-4 {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
.contact.contact-4 .contact-action .btn:first-child i {
  color: var(--global--color-white)
}
.contact.contact-4 .contact-action .btn:last-child {
  border: 2px solid rgba(37, 55, 69, .5);
  color: var(--global--color-heading)
}
.contact.contact-4 .contact-action .btn:last-child i {
  color: var(--global--color-heading)
}
.contact.contact-4 .contact-action .btn:last-child::before {
  content: unset
}
.contact.contact-4 .contact-action .btn:last-child:hover {
  background-color: var(--global--color-heading);
  color: var(--global--color-white)
}
.contact.contact-4 .contact-action .btn:last-child:hover i {
  color: var(--global--color-white)
}
.contact.contact-4 .contact-panel-3 textarea {
  padding-top: 25px;
  height: 150px
}
.contact-panel {
  padding: 50px 55px
}
@media screen and (max-width:767.98px) {
  .contact-panel {
    padding: 40px 25px
  }
}
.contact-panel.contact-panel-2 {
  padding: 60px 70px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
  box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
  border-radius: 12px;
  -webkit-transform: translateY(370px);
  -ms-transform: translateY(370px);
  transform: translateY(370px);
  margin-top: -370px;
  z-index: 5
}
@media(min-width:992px) and (max-width:1200px) {
  .contact-panel.contact-panel-2 {
    padding-left: 40px;
    padding-right: 40px
  }
}
@media screen and (max-width:767.98px) {
  .contact-panel.contact-panel-2 {
    padding-left: 25px;
    padding-right: 25px
  }
}
.contact-panel.contact-panel-2 .contact-card {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
@media screen and (max-width:991.98px) {
  .contact-panel.contact-panel-2 .contact-card {
    padding-left: 0
  }
}
.contact-panel.contact-panel-2 .contact-card .contact-result {
  margin-top: 0
}
.contact-panel.contact-panel-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: relative
}
@media screen and (max-width:991.98px) {
  .contact-panel.contact-panel-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
@media screen and (min-width:992px) {
  .contact-panel.contact-panel-3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.contact-panel.contact-panel-3 .heading {
  z-index: 4
}
@media screen and (min-width:992px) {
  .contact-panel.contact-panel-3 .heading {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0
  }
}
.contact-panel.contact-panel-3 .contact-card {
  z-index: 4
}
@media screen and (min-width:992px) {
  .contact-panel.contact-panel-3 .contact-card {
    -ms-flex-preferred-size: 54%;
    flex-basis: 54%;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}
@media screen and (max-width:767.98px) {
  .contact-panel.contact-panel-3 .contact-card {
    padding-left: 25px;
    padding-right: 25px
  }
}
.contact-card {
  background-color: var(--global--color-white);
  border-radius: 8px 8px 0 8px;
  padding: 47px 50px 40px;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 73px 0 rgba(40, 40, 40, .15);
  box-shadow: 0 1px 73px 0 rgba(40, 40, 40, .15);
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  position: relative
}
@media screen and (max-width:767.98px) {
  .contact-card {
    padding: 37px 25px 30px
  }
}
.contact-card .contact-body .card-heading {
  color: var(--global--color-heading);
  font-family: var(--global--font-heading);
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 20px
}
@media screen and (max-width:991.98px) {
  .contact-card .contact-body .card-heading {
    text-align: center
  }
}
.contact-card .contact-body .card-desc {
  font-family: var(--global--font-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: var(--global--color-body);
  margin-bottom: 28px
}
@media screen and (max-width:991.98px) {
  .contact-card .contact-body .card-desc {
    text-align: center
  }
}
.contact-card .contact-body form {
  margin-bottom: 0
}
.contact-card .contact-body .btn {
  padding-left: 30px;
  padding-right: 20px
}
.contact-card .contact-body .btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--global--color-white);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  color: var(--global--color-heading);
  font-size: 12px
}
.contact-card .contact-body .contact-result {
  margin-top: 10px;
  text-align: center
}
.img-card {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: auto;
  padding: 33px 40px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: center
}
@media screen and (min-width:992px) {
  .img-card {
    text-align: left;
    -ms-flex-preferred-size: 46%;
    flex-basis: 46%
  }
}
@media screen and (max-width:767.98px) {
  .img-card {
    padding-left: 20px;
    padding-right: 20px
  }
}
.img-card .card-content {
  max-width: 100%
}
@media screen and (max-width:991.98px) {
  .img-card .card-content .content-top {
    margin-bottom: 30px
  }
}
.img-card .card-content .content-top p {
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 22px;
  font-weight: 400;
  color: #fff;
}
.img-card .card-content .content-top a {
  color: #fff;
  text-transform: capitalize;
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
@media screen and (max-width:991.98px) {
  .img-card .card-content .content-top a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.img-card .card-content .content-top a:hover i {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px)
}
.img-card .card-content .content-top a i {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--global--color-white);
  border-radius: 50%;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
@media screen and (max-width:991.98px) {
  .img-card .card-content .content-top a i {
    margin-bottom: 0
  }
}
.img-card .card-content .content-top a i::before {
  color: var(--global--color-primary);
  font-size: 15px
}
.img-card .card-content .content-bottom .contact-infos {
  margin-bottom: 26px
}
.img-card .card-content .content-bottom .contact-infos .contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 14px
}
.img-card .card-content .content-bottom .contact-infos .contact-info:last-child {
  margin-bottom: 0
}
.img-card .card-content .content-bottom .contact-infos .contact-info i {
  color: #f4f4f4;
  font-size: 16px;
  margin-right: 10px
}
.img-card .card-content .content-bottom .contact-infos .contact-info a, .img-card .card-content .content-bottom .contact-infos .contact-info p {
  font-family: var(--global--font-body);
  line-height: 22px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  color: #f4f4f4;
}
.img-card .card-content .content-bottom .contact-infos .contact-info a:hover {
  color: var(--global--color-heading)
}
.img-card .card-content .content-bottom .btn {
  width: 150px;
  height: 55px;
  -webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
  padding: 0 20px;
  color: #333;
}
.img-card .card-content .content-bottom .btn i {
  color: var(--global--color-primary)
}
.img-card .card-content .content-bottom .btn:hover {
  color: var(--global--color-white)
}
.img-card .card-content .content-bottom .btn:hover i {
  color: #19629f;
}
@media screen and (max-width:991.98px) {
  .img-card .card-content .content-bottom .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}
.content-img {
  margin: 20px 0px;
}
.img-card.img-card-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 12px;
  background-position-x: 81%
}
@media screen and (max-width:991.98px) {
  .img-card.img-card-2 {
    margin-bottom: 50px
  }
}
.img-card.img-card-2 .card-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.img-card-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.map {
  position: relative;
  height: 470px
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%
}
.map iframe.map-gray {
  -webkit-filter: brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg);
  filter: brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg)
}
.mb-20 {
  margin-bottom: 20px !important
}
.clients {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 1px solid #eaeaea;
  overflow: visible
}
.clients.bg-grey {
  color: var(--global--color-gray)
}
.clients .client {
  padding-top: 60px;
  padding-bottom: 60px;
  cursor: pointer;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  width: 150px;
  margin-right: auto;
  margin-left: auto;
  position: relative
}
@media(min-width:992px) and (max-width:1200px) {
  .clients .client {
    width: 130px
  }
}
.clients .client:hover::before {
  width: 100%
}
.clients .client::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0%;
  height: 1px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  background-color: var(--global--color-primary)
}
.clients .client a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2
}
.clients .client img {
  max-width: 100%;
  width: auto;
  display: block;
  margin-right: auto;
  margin-left: auto
}
.certificate img {
  display: block;
  margin: 0 auto
}
.testimonial {
  padding-top: 90px;
  padding-bottom: 85px
}
@media screen and (max-width:767.98px) {
  .testimonial {
    padding-top: 70px;
    padding-bottom: 70px
  }
}
@media screen and (max-width:767.98px) {
  .testimonial .testimonial-panel {
    max-width: 370px;
    margin-right: auto;
    margin-left: auto
  }
}
.testimonial .testimonial-panel .testimonial-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-panel .testimonial-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.testimonial .testimonial-panel .testimonial-body .testimonial-img {
  margin-right: 40px;
  width: 63px;
  height: 63px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 5px;
  border: 2px solid var(--global--color-primary);
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.testimonial .testimonial-panel .testimonial-body .testimonial-img img {
  max-width: 100%;
  border-radius: 50%
}
@media(min-width:992px) and (max-width:1200px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-img {
    margin-right: 25px
  }
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-img {
    margin-bottom: 30px;
    margin-right: 0
  }
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-content {
    text-align: center
  }
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content p {
  font-family: var(--global--font-heading);
  color: var(--global--color-white);
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  margin-bottom: 21px;
  font-style: italic
}
@media(min-width:992px) and (max-width:1200px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-content p {
    font-size: 22px;
    line-height: 1.5
  }
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6 {
  font-family: var(--global--font-body);
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  color: var(--global--color-white);
  text-transform: capitalize;
  margin-bottom: 0
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6:after {
  content: ',';
  margin-right: 4px
}
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta p {
  font-family: var(--global--font-body);
  color: var(--global--color-gray);
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  text-transform: capitalize;
  margin-bottom: 0
}
.testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
  font-weight: 600;
  font-size: 25px;
  line-height: 41px;
  margin-bottom: 39px;
  font-style: normal;
  color: var(--global--color-secondary)
}
@media(min-width:992px) and (max-width:1200px) {
  .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
    font-size: 20px;
    line-height: 35px
  }
}
@media screen and (max-width:767.98px) {
  .testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
    font-size: 20px;
    line-height: 35px
  }
}
.testimonial .testimonial-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-thumbs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media screen and (max-width:767.98px) {
  .testimonial .testimonial-thumbs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.testimonial .testimonial-thumbs .testimonial-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: .5;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  margin-right: 40px;
  cursor: pointer
}
.testimonial .testimonial-thumbs .testimonial-thumb:last-child {
  margin-right: 0
}
@media screen and (max-width:991.98px) {
  .testimonial .testimonial-thumbs .testimonial-thumb {
    margin-right: 20px
  }
}
@media screen and (max-width:767.98px) {
  .testimonial .testimonial-thumbs .testimonial-thumb {
    margin-right: 0;
    margin-bottom: 20px
  }
}
.testimonial .testimonial-thumbs .testimonial-thumb.active {
  opacity: 1
}
.testimonial .testimonial-thumbs .testimonial-thumb.active .thumb-img {
  border-color: var(--global--color-primary)
}
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-img {
  margin-right: 15px;
  width: 63px;
  height: 63px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 5px;
  border: 2px solid transparent;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-img img {
  max-width: 100%;
  border-radius: 50%
}
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-body h6 {
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--global--color-secondary);
  text-transform: capitalize;
  margin-bottom: 0
}
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-body p {
  text-transform: capitalize;
  font-size: 14px;
  line-height: 23px;
  color: var(--global--color-body)
}
.testimonial.testimonial-1 .owl-stage-outer {
  overflow: hidden
}
@media screen and (min-width:992px) {
  .testimonial.testimonial-1 .owl-stage-outer::before {
    content: '';
    height: 100%;
    width: 40%;
    top: 0;
    right: 0;
    position: absolute;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #00000000), color-stop(22%, var(--global--color-heading)));
    background-image: -o-linear-gradient(left, #00000000 2%, var(--global--color-heading) 22%);
    background-image: linear-gradient(90deg, #00000000 2%, var(--global--color-heading) 22%);
    opacity: .96;
    z-index: 5
  }
}
.testimonial.testimonial-1 .carousel-dots {
  position: relative
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-1 .carousel-dots .owl-nav {
    display: none
  }
}
.testimonial.testimonial-1 .carousel-dots .owl-nav span {
  font-size: 0
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before {
  color: rgba(255, 255, 255, .5);
  font-family: carousel !important;
  font-size: 44px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before {
  content: "\e990"
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before {
  content: "\e991"
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:hover::before, .testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:hover::before {
  color: #fff
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next {
  right: 30px
}
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev {
  display: none
}
.testimonial.testimonial-1 .carousel-dots .owl-item {
  opacity: 1
}
.testimonial.testimonial-1 .carousel-dots .owl-dots {
  margin-top: 16px
}
.testimonial.testimonial-2 {
  padding-bottom: 0
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-2 {
    padding-top: 190px
  }
}
.testimonial.testimonial-3 {
  padding-top: 460px;
  padding-bottom: 110px;
  background-position: top center
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-3 {
    padding-bottom: 70px
  }
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-3 .counters-holder {
    margin-bottom: 30px;
    text-align: center
  }
}
@media screen and (min-width:992px) {
  .testimonial.testimonial-3 .counters-holder .counter {
    padding-top: 30px
  }
}
.testimonial.testimonial-3 .counters-holder .counter .counter-desc p {
  color: var(--global--color-secondary)
}
.testimonial.testimonial-3 .counters-holder .counter .counter-desc p::after {
  background-color: var(--global--color-secondary)
}
.testimonial.testimonial-3 .owl-stage-outer {
  overflow: hidden
}
.testimonial.testimonial-3 .owl-stage-outer .owl-item {
  opacity: 1
}
.testimonial.testimonial-4 {
  position: relative;
  padding-top: 80px;
  padding-bottom: 110px
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-4 {
    padding-top: 40px;
    padding-bottom: 70px
  }
}
.testimonial.testimonial-4 .testimonial-overlay {
  background-color: #f6f7f8;
  background-position: top center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  width: calc(100% - 7%);
  border-radius: 12px;
  z-index: 0
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-4 .testimonial-overlay {
    width: calc(100% - 4%)
  }
}
.testimonial.testimonial-4 .counters-holder {
  position: relative;
  z-index: 1
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-4 .counters-holder {
    margin-bottom: 30px;
    text-align: center
  }
}
@media screen and (min-width:992px) {
  .testimonial.testimonial-4 .counters-holder .counter {
    padding-top: 30px
  }
}
.testimonial.testimonial-4 .counters-holder .counter .counter-desc p {
  color: var(--global--color-secondary)
}
.testimonial.testimonial-4 .counters-holder .counter .counter-desc p::after {
  background-color: var(--global--color-secondary)
}
.testimonial.testimonial-4 .owl-stage-outer {
  overflow: hidden
}
.testimonial.testimonial-4 .owl-stage-outer .owl-item {
  opacity: 1
}
.testimonial.testimonial-4 .testimonial-thumbs {
  position: relative;
  z-index: 1
}
.testimonial.testimonial-5 {
  padding-top: 0;
  padding-bottom: 20px;
  background-position: top center;
  overflow: visible;
  height: auto;
}
@media screen and (max-width:991.98px) {
  .testimonial.testimonial-5 {
    padding-bottom: 30px
  }
}
.testimonial.testimonial-5 .contact-panel {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  margin-top: 40px;
  margin-bottom: 30px;
}
.testimonial.testimonial-5 .contact-panel .contact-card .contact-body .btn {
  width: 270px
}
.testimonial.testimonial-5 .contact-panel .contact-card .contact-body textarea {
  height: 127px;
  padding-top: 20px
}
.img-card a {
  text-decoration: none;
}
.bg-overlay-white2:before {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(34%, #fff), color-stop(44%, #ffffff00));
  background-image: -o-linear-gradient(bottom, #fff 34%, #ffffff00 44%);
  background-image: linear-gradient(0deg, #fff 34%, #ffffff00 44%)
}
.bg-overlay-theme:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#48bbecde), color-stop(82%, #1a64a1e0));
  background-image: -o-linear-gradient(top, #48bbecde 0%, #1a64a1e0 82%);
  background-image: linear-gradient(180deg, rgba(72, 187, 236, 0.88) 0%, rgba(26, 100, 161, 0.88) 82%)
}
.awards {
  padding-top: 60px;
  padding-bottom: 80px
}
@media screen and (max-width:991.98px) {
  .awards {
    padding-top: 70px;
    padding-bottom: 30px
  }
}
.awards .award {
  margin-bottom: 30px
}
.awards .award:hover .award-img {
  background-color: #e2e2e2;
}
.awards .award .award-img {
  padding: 42px 65px;
  background-color: #f3f3f3;
  border-radius: 8px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media(min-width:992px) and (max-width:1200px) {
  .awards .award .award-img {
    padding-left: 45px;
    padding-right: 45px
  }
}
@media screen and (max-width:991.98px) {
  .awards .award .award-img {
    padding-left: 40px;
    padding-right: 40px
  }
}
.awards .award .award-img img {
  max-width: 100%
}
.awards .award .award-content {
  padding: 29px 30px 12px
}
@media screen and (max-width:991.98px) {
  .awards .award .award-content {
    text-align: center
  }
}
@media(min-width:992px) and (max-width:1200px) {
  .awards .award .award-content {
    padding-left: 20px;
    padding-right: 20px
  }
}
.awards .award .award-content .award-title {
  margin-bottom: 17px
}
.awards .award .award-content .award-title a {
  font-family: var(--global--font-heading);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: var(--global--color-secondary);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  text-transform: capitalize
}
.awards .award .award-content .award-title a:hover {
  color: var(--global--color-primary)
}
.awards .award .award-content .award-desc {
  font-family: var(--global--font-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: var(--global--color-body);
  margin-bottom: 0
}
form {
  position: relative
}
form .col-12 {
  position: relative
}
.form-control {
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 1px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  background-color: var(--global--color-white);
  padding-left: 20px;
  margin-bottom: 25px;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}
.form-control::-webkit-input-placeholder {
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  font-size: 14px;
  text-transform: capitalize
}
.form-control::-moz-placeholder {
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  font-size: 14px;
  text-transform: capitalize
}
.form-control:-ms-input-placeholder {
  font-family: var(--global--font-body);
  color: var(--global--color-body);
  font-size: 14px;
  text-transform: capitalize
}
.form-control.nice-select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.form-control.nice-select::after {
  width: 6px;
  height: 6px;
  border-color: var(--global--color-body);
  right: 20px
}
.form-control.nice-select.open .list {
  width: 100%
}
.form-control.nice-select .current {
  text-transform: capitalize
}
.form-control.nice-select .list li {
  text-transform: capitalize
}
.form-control + .error {
  position: absolute;
  bottom: 3px;
  left: 16px;
  color: red
}
.form-control.error {
  border-color: red
}
.form-label {
  font-family: var(--global--font-body);
  font-weight: 700;
  font-size: 14px;
  color: var(--global--color-secondary);
  margin-bottom: 9px
}
.Amap {
  width: 100%;
  margin-top: 40px !important;
}