/* Start:/local/templates/ins-strudent/css/font-awesome.min.css?163277824131000*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* End */


/* Start:/local/templates/ins-strudent/css/call-me-back-form.css?16327782418794*/
/*
   # ------------------------------------------------------------------------
   # Extensions for Joomla 3.x
   # ------------------------------------------------------------------------
   # Copyright (C) 2015 standardcompany.ru. All Rights Reserved.
   # @license - PHP files are GNU/GPL V2.
   # Author: standardcompany.ru
   # Websites:  http://standardcompany.ru
   # Date modified: 11/10/2015
   # ------------------------------------------------------------------------
   */

.cmbf-form-class {
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 9999;
}

.cmbf-form-class::before,
.cmbf-form-class::after {
    clear: both;
    content: "";
    display: table;
}

.cmbf-form-class fieldset {
    margin: 24px 0 30px;
    padding: 0 1.5em;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.cmbf-form-inline .cmbf-form-class fieldset {
    padding: 0;
}

.cmbf-form-inline {
    z-index: 9;
    position: relative;
}

.cmbf-form-class legend {
    padding-bottom: 15px;
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.4;
    border-bottom: 1px solid #ecf0f1;
    color: #363b4a;
}

.cmbf-form-class legend span {
    display: block;
    font-size: 14px;
    color: #7f7f7d;
    line-height: 1.4;
}

.cmbf-form-class .cmbf-icon {
    position: relative;
}

.cmbf-form-class .cmbf-field-container {
    position: relative;
    margin: 10px 0;
}

.cmbf-form-class .cd-label {
    display: block;
}

.cmbf-form-class input[type="text"],
.cmbf-form-class legend {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

.cmbf-form-class input[type="text"] {
    /* general style for input elements */
    padding: 14px 12px 14px 45px;
    border: 1px solid #cfd9db;
    background-color: #ffffff;
    border-radius: .25em;
    box-shadow: none;
    color: #808080;
    font-family: Arial, sans-serif;
    font-size: 1em;
    height: 48px;
    font-weight: 400;
    -webkit-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

.cmbf-form-class input[type="text"]:focus {
    outline: none;
    border-color: #2c97de;
    box-shadow: none;
}

.cmbf-form-class .cmbf-icon svg {
    position: absolute;
    top: 50%;
    left: 13px;
    width: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cmbf-form-class .cmbf-error {
    white-space: nowrap;
    line-height: 48px;
    width: auto;
    height: 48px;
    background: #f16767;
    color: white;
    letter-spacing: .2px;
    font-size: 70%;
    font-weight: 100;
    font-family: Arial, sans-serif;
    padding: 0 8px;
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;
    min-width: 120px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

@media (min-width: 62em) {
    .cmbf-form-class .cmbf-error {
        padding: 0 10px;
        font-size: 100%;
        font-size: 77%;
        min-width: 130px;
    }
}

.cmbf-form-class .valid-error .cmbf-error {
    opacity: 1;
}


.cmbf-form-class .valid-error input[type="text"] {
    border-color: #f16767;
}

.cmbf-form-class input:focus:invalid:focus {
    border-color: none;
    box-shadow: none;
}

.cmbf-form-class .button {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: Arial, sans-serif;
    display: inline-block;
    position: relative;
    border: none;
    border-radius: .25em;
    background: #42a2e1;
    color: #ffffff;
    letter-spacing: .5px;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.cmbf-form-class .button:hover {
    opacity: .9
}

.cmbf-form-modal {
    position: fixed;
    width: 100%;
    max-width: 390px;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: .25em;
    border: 1px solid #ecf0f1;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    margin: 0 auto;
    z-index: 9999;
    display: none;
}

.cmbf-form-modal .cmbf-form-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    /* replace text with background images */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    z-index: 99999
}

.cmbf-form-modal .cmbf-form-close:before,
.cmbf-form-modal .cmbf-form-close:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 16px;
    border-radius: 4em;
    background-color: #cbccc8;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cmbf-form-modal .cmbf-form-close:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.cmbf-form-modal .cmbf-form-close:after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cmbf-button-container {
    outline: none;
    height: 48px;
    line-height: 40px;
    text-align: center;
    padding: 0px 40px;
    border-radius: 0;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    border: 1px solid #ff3333;
    background: #ff0000;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.05), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
    text-shadow: 0;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-transform: uppercase;
}

.cmbf-button-fixed-right-vertical {
    position: fixed;
    z-index: 999;
    top: calc(50% + 46px);
    right: 0;
    transform: rotate(90deg) translateX(30%);

    -webkit-transform-origin: right top;
    transform-origin: right top;

    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.cmbf-button-fixed-left-vertical {
    position: fixed;
    z-index: 999;
    top: calc(50% + 46px);
    left: 0;
    transform: rotate(-90deg) translateX(-30%);


    -webkit-transform-origin: left top;
    transform-origin: left top;

    /*margin-right: 46px;*/
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.cmbf-button-fixed-bottom-left {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 2.5%;

    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.cmbf-button-fixed-bottom-right {
    position: fixed;
    z-index: 999;
    bottom: 0;
    right: 2.5%;

    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.cmbf-button-container:hover {
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.2), inset 0 -10px 20px rgba(0, 0, 0, 0.2);
}

.cmbf-obfuscator {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(to top, rgba(0, 0, 20, 0.85) 0%, rgba(0, 0, 10, 0.95) 100%) repeat scroll 0% 0% transparent !important;
    z-index: 1000;
    margin-top: 0px;
    display: none;
}

.cmbf-form-pop-up {
    position: relative;
    top: 50%;
    max-width: 500px;
    max-height: 85%;
    margin: auto;
    z-index: 2002;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1001;
}


.cmbf-success {
    display: none;
    line-height: 1.7;
    color: #2ea341;
    font-weight: bold;

}

/* End */


/* Start:/local/templates/ins-strudent/css/custom.css?1632778241726*/
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext');

html {
    /* 1 */
    font: 300 16px / 20px 'Open Sans';
    line-height: normal;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 3 */
    background: #f0f0f0 url("/local/templates/ins-strudent/css/../images/background/blue_bg.jpg") 50% 0 fixed;
    color: #000000;
}

/* End */


/* Start:/local/templates/ins-strudent/css/template.css?1632778241367*/
div.mod-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.mod-languages li {
    margin-left: 5px;
    margin-right: 5px;
}

div.mod-languages ul.lang-inline li {
    display: inline;
}

div.mod-languages ul.lang-block li {
    display: block;
}

div.mod-languages img {
    border: none;
}

div.mod-languages a {
    text-decoration: none;
}
/* End */


/* Start:/local/templates/ins-strudent/css/theme.css?1789974115153139*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext');

/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Normalizes default `font-family` and sets `font-size` here to support `rem` units
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 * 3. Style
 */
html {
    /* 1 */
    font: 300 16px / 20px 'Open Sans';
    line-height: normal;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 3 */
    background: #f0f0f0;
    color: #333333;
}

/*
 * Removes default margin.
 */
body {
    margin: 0;
}

/* Links
 ========================================================================== */
/*
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/*
 * Style
 */
a,
.uk-link {
    color: #ff3333;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
.uk-link:hover {
    color: #cc0000;
    text-decoration: underline;
}

/* Text-level semantics
 ========================================================================== */
/*
 * Addresses styling not present in Chrome, Safari, Opera and IE 8/9/10.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox
 */
b,
strong {
    font-weight: bold;
}

/*
 * 1. Address odd `em`-unit font size rendering in all browsers.
 * 2. Consolas has a better baseline in running text compared to `Courier`
 */
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
    /* 1 */
    font-size: 12px;
    /* 2 */
    font-family: Consolas, monospace, serif;
    /* 3 */
    color: #6ab58c;
    white-space: nowrap;
    padding: 0 4px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    background: #f7f7f7;
}

/*
 * Emphasize
 */
em {
    color: #0099cc;
}

/*
 * Insert
 */
ins {
    background: #f3f2e6;
    color: #5c5a4c;
    text-decoration: none;
}

/*
 * Mark
 * Note: Addresses styling not present in IE 8/9.
 */
mark {
    background: #f3f2e6;
    color: #5c5a4c;
}

/*
 * Quote
 */
q {
    font-style: italic;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Images
 ========================================================================== */
/*
 * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * 2. Corrects `max-width` behavior if padding and border are used
 * 3. Remove border when inside `a` element in IE 8/9/10.
 * 4. Remove the gap between images and the bottom of their containers
 */
img {
    /* 1 */
    max-width: 100%;
    height: auto;
    /* 2 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 3 */
    border: 0;
    /* 4 */
    vertical-align: middle;
}

/*
 * Preserve original image dimensions
 */
.uk-img-preserve,
.uk-img-preserve img {
    max-width: none;
}

/*
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Block elements
 ========================================================================== */
/*
 * Reset margin
 */
blockquote,
figure {
    margin: 0;
}

/*
 * Margins
 */
p,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
    margin: 0 0 15px 0;
}

* + p,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure {
    margin-top: 15px;
}

/* Headings
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px 0;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    color: #2f2f2f;
    text-transform: none;
}

/*
 * Margins
 */
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
    margin-top: 25px;
}

/*
 * Sizes
 */
h1,
.uk-h1 {
    font-size: 36px;
    line-height: 42px;
}

h2,
.uk-h2 {
    font-size: 24px;
    line-height: 30px;
}

h3,
.uk-h3 {
    font-size: 18px;
    line-height: 24px;
}

h4,
.uk-h4 {
    font-size: 16px;
    line-height: 22px;
}

h5,
.uk-h5 {
    font-size: 16px;
    line-height: 20px;
}

h4.uk-h5 {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

h6,
.uk-h6 {
    font-size: 12px;
    line-height: 18px;
}

/* Lists
 ========================================================================== */
ul,
ol {
    padding-left: 30px;
}

/*
 * Reset margin for nested lists
 */
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
    margin: 0;
}

/* Description lists
 ========================================================================== */
dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

/* Horizontal rules
 ========================================================================== */
/*
 * 1. Address differences between Firefox and other browsers.
 * 2. Style
 */
hr {
    /* 1 */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    /* 2 */
    margin: 15px 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* Address
 ========================================================================== */
address {
    font-style: normal;
}

/* Blockquotes
 ========================================================================== */
blockquote {
    padding-left: 15px;
    border-left: 5px solid rgba(0, 0, 0, 0.07);
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}

/* Preformatted text
 ========================================================================== */
/*
 * 1. Contain overflow in all browsers.
 */
pre {
    padding: 10px;
    background: #f7f7f7;
    font: 12px / 18px Consolas, monospace, serif;
    color: #555555;
    -moz-tab-size: 4;
    tab-size: 4;
    /* 1 */
    overflow: auto;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
}

/* Selection pseudo-element
 ========================================================================== */
::-moz-selection {
    background: #ff0000;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #ff0000;
    color: #ffffff;
    text-shadow: none;
}

/* HTML5 elements
 ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}

/*
 * Addresses inconsistent vertical alignment of `progress` in Chrome, Firefox and Opera.
 */
progress {
    vertical-align: baseline;
}

/*
 * Prevent displaying `audio` without controls in Chrome, Safari and Opera
 */
audio:not([controls]) {
    display: none;
}

/*
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE and Safari
 */
[hidden],
template {
    display: none;
}

/* Iframe
 ========================================================================== */
iframe {
    border: 0;
}

/* Fix viewport for IE10 snap mode
 ========================================================================== */
@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: device-width;
    }
}

/* Hyperlink */
a:not([class]),
:not([class*='uk-nav']) a:not([class]) {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * Micro clearfix
 */
.uk-grid:before,
.uk-grid:after {
    content: " ";
    display: table;
}

.uk-grid:after {
    clear: both;
}

/*
 * 1. Needed for the gutter
 * 2. Makes grid more robust so that it can be used with other block elements like lists
 */
.uk-grid {
    /* 1 */
    margin: 0 0 0 -20px;
    /* 2 */
    padding: 0;
    list-style: none;
}

/*
 * Grid cell
 * 1. Makes grid more robust so that it can be used with other block elements
 * 2. Create horizontal gutter
 * 3. `float` is set by default so columns always behave the same and create a new block format context
 */
.uk-grid > * {
    /* 1 */
    margin: 0;
    /* 2 */
    padding-left: 20px;
    /* 3 */
    float: left;
}

/*
 * Remove margin from the last-child
 */
.uk-grid > * > :last-child {
    margin-bottom: 0;
}

/* Grid gutter
 ========================================================================== */
/*
 * Vertical gutter
 */
.uk-grid + .uk-grid {
    margin-top: 20px;
}

/*
 * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row
 * Higher specificity to override margin
 */
.uk-grid > .uk-grid-margin {
    margin-top: 20px;
}

/*
 * Vertical gutter for panels
 */
.uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 20px;
}

/*
 * Larger gutter for large screens
 */
/* Large screen and bigger */
@media (min-width: 1220px) {
    /* Horizontal gutter */
    .uk-grid:not(.uk-grid-preserve) {
        margin-left: -20px;
    }

    .uk-grid:not(.uk-grid-preserve) > * {
        padding-left: 20px;
    }

    /* Vertical gutter */
    .uk-grid:not(.uk-grid-preserve) + .uk-grid {
        margin-top: 20px;
    }

    .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin {
        margin-top: 20px;
    }

    /* Vertical gutter for panels */
    .uk-grid:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel {
        margin-top: 20px;
    }
}

/*
 * Small gutter
 * Higher specificity to override large gutter
 */
.uk-grid.uk-grid-small {
    margin-left: -10px;
}

.uk-grid.uk-grid-small > * {
    padding-left: 10px;
}

.uk-grid.uk-grid-small + .uk-grid-small {
    margin-top: 10px;
}

.uk-grid.uk-grid-small > .uk-grid-margin {
    margin-top: 10px;
}

.uk-grid.uk-grid-small > * > .uk-panel + .uk-panel {
    margin-top: 10px;
}

/* Modifier: `uk-grid-divider`
 ========================================================================== */
/*
 * Horizontal divider
 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row
 */
.uk-grid-divider:not(:empty) {
    margin-left: -20px;
    margin-right: -20px;
}

.uk-grid-divider > * {
    padding-left: 20px;
    padding-right: 20px;
}

.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    /*
     * Large gutter
     */
    .uk-grid-divider:not(.uk-grid-preserve):not(:empty) {
        margin-left: -20px;
        margin-right: -20px;
    }

    .uk-grid-divider:not(.uk-grid-preserve) > * {
        padding-left: 20px;
        padding-right: 20px;
    }

    .uk-grid-divider:not(.uk-grid-preserve):empty {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/*
 * Vertical divider
 */
.uk-grid-divider:empty {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* Even grid cell widths
 ========================================================================== */
[class*='uk-grid-width'] > * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.uk-grid-width-1-2 > * {
    width: 50%;
}

.uk-grid-width-1-3 > * {
    width: 33.333%;
}

.uk-grid-width-1-4 > * {
    width: 25%;
}

.uk-grid-width-1-5 > * {
    width: 20%;
}

.uk-grid-width-1-6 > * {
    width: 16.666%;
}

.uk-grid-width-1-10 > * {
    width: 10%;
}

/* Phone landscape and bigger */
@media (min-width: 480px) {
    .uk-grid-width-small-1-2 > * {
        width: 50%;
    }

    .uk-grid-width-small-1-3 > * {
        width: 33.333%;
    }

    .uk-grid-width-small-1-4 > * {
        width: 25%;
    }

    .uk-grid-width-small-1-5 > * {
        width: 20%;
    }

    .uk-grid-width-small-1-6 > * {
        width: 16.666%;
    }

    .uk-grid-width-small-1-10 > * {
        width: 10%;
    }
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-grid-width-medium-1-2 > * {
        width: 50%;
    }

    .uk-grid-width-medium-1-3 > * {
        width: 33.333%;
    }

    .uk-grid-width-medium-1-4 > * {
        width: 25%;
    }

    .uk-grid-width-medium-1-5 > * {
        width: 20%;
    }

    .uk-grid-width-medium-1-6 > * {
        width: 16.666%;
    }

    .uk-grid-width-medium-1-10 > * {
        width: 10%;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-grid-width-large-1-2 > * {
        width: 50%;
    }

    .uk-grid-width-large-1-3 > * {
        width: 33.333%;
    }

    .uk-grid-width-large-1-4 > * {
        width: 25%;
    }

    .uk-grid-width-large-1-5 > * {
        width: 20%;
    }

    .uk-grid-width-large-1-6 > * {
        width: 16.666%;
    }

    .uk-grid-width-large-1-10 > * {
        width: 10%;
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-grid-width-xlarge-1-2 > * {
        width: 50%;
    }

    .uk-grid-width-xlarge-1-3 > * {
        width: 33.333%;
    }

    .uk-grid-width-xlarge-1-4 > * {
        width: 25%;
    }

    .uk-grid-width-xlarge-1-5 > * {
        width: 20%;
    }

    .uk-grid-width-xlarge-1-6 > * {
        width: 16.666%;
    }

    .uk-grid-width-xlarge-1-10 > * {
        width: 10%;
    }
}

/* Sub-objects: `uk-width-*`
 ========================================================================== */
[class*='uk-width'] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

/*
 * Widths
 */
/* Whole */
.uk-width-1-1 {
    width: 100%;
}

/* Halves */
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
    width: 50%;
}

/* Thirds */
.uk-width-1-3,
.uk-width-2-6 {
    width: 33.333%;
}

.uk-width-2-3,
.uk-width-4-6 {
    width: 66.666%;
}

/* Quarters */
.uk-width-1-4 {
    width: 25%;
}

.uk-width-3-4 {
    width: 75%;
}

/* Fifths */
.uk-width-1-5,
.uk-width-2-10 {
    width: 20%;
}

.uk-width-2-5,
.uk-width-4-10 {
    width: 40%;
}

.uk-width-3-5,
.uk-width-6-10 {
    width: 60%;
}

.uk-width-4-5,
.uk-width-8-10 {
    width: 80%;
}

/* Sixths */
.uk-width-1-6 {
    width: 16.666%;
}

.uk-width-5-6 {
    width: 83.333%;
}

/* Tenths */
.uk-width-1-10 {
    width: 10%;
}

.uk-width-3-10 {
    width: 30%;
}

.uk-width-7-10 {
    width: 70%;
}

.uk-width-9-10 {
    width: 90%;
}

/* Phone landscape and bigger */
@media (min-width: 480px) {
    /* Whole */
    .uk-width-small-1-1 {
        width: 100%;
    }

    /* Halves */
    .uk-width-small-1-2,
    .uk-width-small-2-4,
    .uk-width-small-3-6,
    .uk-width-small-5-10 {
        width: 50%;
    }

    /* Thirds */
    .uk-width-small-1-3,
    .uk-width-small-2-6 {
        width: 33.333%;
    }

    .uk-width-small-2-3,
    .uk-width-small-4-6 {
        width: 66.666%;
    }

    /* Quarters */
    .uk-width-small-1-4 {
        width: 25%;
    }

    .uk-width-small-3-4 {
        width: 75%;
    }

    /* Fifths */
    .uk-width-small-1-5,
    .uk-width-small-2-10 {
        width: 20%;
    }

    .uk-width-small-2-5,
    .uk-width-small-4-10 {
        width: 40%;
    }

    .uk-width-small-3-5,
    .uk-width-small-6-10 {
        width: 60%;
    }

    .uk-width-small-4-5,
    .uk-width-small-8-10 {
        width: 80%;
    }

    /* Sixths */
    .uk-width-small-1-6 {
        width: 16.666%;
    }

    .uk-width-small-5-6 {
        width: 83.333%;
    }

    /* Tenths */
    .uk-width-small-1-10 {
        width: 10%;
    }

    .uk-width-small-3-10 {
        width: 30%;
    }

    .uk-width-small-7-10 {
        width: 70%;
    }

    .uk-width-small-9-10 {
        width: 90%;
    }
}

/* Tablet and bigger */
@media (min-width: 768px) {
    /* Whole */
    .uk-width-medium-1-1 {
        width: 100%;
    }

    /* Halves */
    .uk-width-medium-1-2,
    .uk-width-medium-2-4,
    .uk-width-medium-3-6,
    .uk-width-medium-5-10 {
        width: 50%;
    }

    /* Thirds */
    .uk-width-medium-1-3,
    .uk-width-medium-2-6 {
        width: 33.333%;
    }

    .uk-width-medium-2-3,
    .uk-width-medium-4-6 {
        width: 66.666%;
    }

    /* Quarters */
    .uk-width-medium-1-4 {
        width: 25%;
    }

    .uk-width-medium-3-4 {
        width: 75%;
    }

    /* Fifths */
    .uk-width-medium-1-5,
    .uk-width-medium-2-10 {
        width: 20%;
    }

    .uk-width-medium-2-5,
    .uk-width-medium-4-10 {
        width: 40%;
    }

    .uk-width-medium-3-5,
    .uk-width-medium-6-10 {
        width: 60%;
    }

    .uk-width-medium-4-5,
    .uk-width-medium-8-10 {
        width: 80%;
    }

    /* Sixths */
    .uk-width-medium-1-6 {
        width: 16.666%;
    }

    .uk-width-medium-5-6 {
        width: 83.333%;
    }

    /* Tenths */
    .uk-width-medium-1-10 {
        width: 10%;
    }

    .uk-width-medium-3-10 {
        width: 30%;
    }

    .uk-width-medium-7-10 {
        width: 70%;
    }

    .uk-width-medium-9-10 {
        width: 90%;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    /* Whole */
    .uk-width-large-1-1 {
        width: 100%;
    }

    /* Halves */
    .uk-width-large-1-2,
    .uk-width-large-2-4,
    .uk-width-large-3-6,
    .uk-width-large-5-10 {
        width: 50%;
    }

    /* Thirds */
    .uk-width-large-1-3,
    .uk-width-large-2-6 {
        width: 33.333%;
    }

    .uk-width-large-2-3,
    .uk-width-large-4-6 {
        width: 66.666%;
    }

    /* Quarters */
    .uk-width-large-1-4 {
        width: 25%;
    }

    .uk-width-large-3-4 {
        width: 75%;
    }

    /* Fifths */
    .uk-width-large-1-5,
    .uk-width-large-2-10 {
        width: 20%;
    }

    .uk-width-large-2-5,
    .uk-width-large-4-10 {
        width: 40%;
    }

    .uk-width-large-3-5,
    .uk-width-large-6-10 {
        width: 60%;
    }

    .uk-width-large-4-5,
    .uk-width-large-8-10 {
        width: 80%;
    }

    /* Sixths */
    .uk-width-large-1-6 {
        width: 16.666%;
    }

    .uk-width-large-5-6 {
        width: 83.333%;
    }

    /* Tenths */
    .uk-width-large-1-10 {
        width: 10%;
    }

    .uk-width-large-3-10 {
        width: 30%;
    }

    .uk-width-large-7-10 {
        width: 70%;
    }

    .uk-width-large-9-10 {
        width: 90%;
    }
}

/* Sub-object: `uk-push-*` and `uk-pull-*`
 ========================================================================== */
/*
 * Source ordering
 * Works only with `uk-width-medium-*`
 */
/* Tablet and bigger */
@media (min-width: 768px) {
    [class*='uk-push-'],
    [class*='uk-pull-'] {
        position: relative;
    }

    /*
     * Push
     */
    /* Halves */
    .uk-push-1-2,
    .uk-push-2-4,
    .uk-push-3-6,
    .uk-push-5-10 {
        left: 50%;
    }

    /* Thirds */
    .uk-push-1-3,
    .uk-push-2-6 {
        left: 33.333%;
    }

    .uk-push-2-3,
    .uk-push-4-6 {
        left: 66.666%;
    }

    /* Quarters */
    .uk-push-1-4 {
        left: 25%;
    }

    .uk-push-3-4 {
        left: 75%;
    }

    /* Fifths */
    .uk-push-1-5,
    .uk-push-2-10 {
        left: 20%;
    }

    .uk-push-2-5,
    .uk-push-4-10 {
        left: 40%;
    }

    .uk-push-3-5,
    .uk-push-6-10 {
        left: 60%;
    }

    .uk-push-4-5,
    .uk-push-8-10 {
        left: 80%;
    }

    /* Sixths */
    .uk-push-1-6 {
        left: 16.666%;
    }

    .uk-push-5-6 {
        left: 83.333%;
    }

    /* Tenths */
    .uk-push-1-10 {
        left: 10%;
    }

    .uk-push-3-10 {
        left: 30%;
    }

    .uk-push-7-10 {
        left: 70%;
    }

    .uk-push-9-10 {
        left: 90%;
    }

    /*
     * Pull
     */
    /* Halves */
    .uk-pull-1-2,
    .uk-pull-2-4,
    .uk-pull-3-6,
    .uk-pull-5-10 {
        left: -50%;
    }

    /* Thirds */
    .uk-pull-1-3,
    .uk-pull-2-6 {
        left: -33.333%;
    }

    .uk-pull-2-3,
    .uk-pull-4-6 {
        left: -66.666%;
    }

    /* Quarters */
    .uk-pull-1-4 {
        left: -25%;
    }

    .uk-pull-3-4 {
        left: -75%;
    }

    /* Fifths */
    .uk-pull-1-5,
    .uk-pull-2-10 {
        left: -20%;
    }

    .uk-pull-2-5,
    .uk-pull-4-10 {
        left: -40%;
    }

    .uk-pull-3-5,
    .uk-pull-6-10 {
        left: -60%;
    }

    .uk-pull-4-5,
    .uk-pull-8-10 {
        left: -80%;
    }

    /* Sixths */
    .uk-pull-1-6 {
        left: -16.666%;
    }

    .uk-pull-5-6 {
        left: -83.333%;
    }

    /* Tenths */
    .uk-pull-1-10 {
        left: -10%;
    }

    .uk-pull-3-10 {
        left: -30%;
    }

    .uk-pull-7-10 {
        left: -70%;
    }

    .uk-pull-9-10 {
        left: -90%;
    }
}

/* ========================================================================
   Component: Panel
 ========================================================================== */
/*
 * 1. Needed for `a` elements
 * 2. Create position context for badges
 */
.uk-panel {
    /* 1 */
    display: block;
    /* 2 */
    position: relative;
}

/*
 * Micro clearfix to make panels more robust
 */
.uk-panel:before,
.uk-panel:after {
    content: " ";
    display: table;
}

.uk-panel:after {
    clear: both;
}

/*
 * Remove margin from the last-child if not `uk-widget-title`
 */
.uk-panel > :not(.uk-panel-title):last-child {
    margin-bottom: 0;
}

/* Sub-object: `uk-panel-title`
 ========================================================================== */
.uk-panel-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    text-transform: none;
    color: #2f2f2f;
}

/* Sub-object: `uk-panel-badge`
 ========================================================================== */
.uk-panel-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/* Modifier: `uk-panel-box`
 ========================================================================== */
.uk-panel-box {
    padding: 25px;
    background: #ffffff;
    color: #555555;
}

.uk-panel-box .uk-panel-title {
    color: #2f2f2f;
}

.uk-panel-box .uk-panel-badge {
    top: 25px;
    right: 25px;
}

.uk-panel-box .uk-panel-teaser {
    margin: -25px -25px 15px -25px;
}

/*
 * Nav in panel
 */
.uk-panel-box > .uk-nav-side {
    margin: 0 -25px;
}

/*
 * Sub-modifier: `uk-panel-box-primary`
 */
.uk-panel-box-primary {
    background-color: #e05b30;
    color: #ffd0c4;
}

.uk-panel-box-primary > a:not([class]),
.uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]) {
    color: #ffffff;
}

.uk-panel-box-primary > a:not([class]):hover,
.uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]):hover {
    color: #3b1509;
}

.uk-panel-box-primary .uk-badge {
    background: #ffffff;
    color: #c0451d;
    text-shadow: none;
}

.uk-panel-box-primary .uk-panel-title {
    color: #ffffff;
}

/*
 * Sub-modifier: `uk-panel-box-secondary`
 */
.uk-panel-box-secondary {
    background-color: rgb(84, 170, 203);;
    color: #ffffff;
}

.uk-panel-box-secondary .uk-panel-title {
    color: #ffffff;
}

/* Modifier: `uk-panel-header`
 ========================================================================== */
.uk-panel-header .uk-panel-title {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    color: #ff3333;
}

/* Modifier: `uk-panel-space`
 ========================================================================== */
.uk-panel-space {
    padding: 25px;
}

.uk-panel-space .uk-panel-badge {
    top: 25px;
    right: 25px;
}

/* Modifier: `uk-panel-divider`
 ========================================================================== */
.uk-panel + .uk-panel-divider {
    margin-top: 40px !important;
}

.uk-panel + .uk-panel-divider:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-panel + .uk-panel-divider {
        margin-top: 40px !important;
    }

    .uk-panel + .uk-panel-divider:before {
        top: -20px;
    }
}

/* `uk-panel-header` */
.uk-panel-header {
    padding: 25px;
    background: #ffffff;
}

.uk-panel-header .uk-panel-badge {
    top: 25px;
    right: 25px;
}

.uk-panel-header > .uk-nav-side {
    margin: 0 -25px;
}

/* `uk-panel-divider` */
.uk-panel-divider {
    border: none !important;
}

/* ========================================================================
   Component: Article
 ========================================================================== */
/*
 * Micro clearfix to make articles more robust
 */
.uk-article:before,
.uk-article:after {
    content: " ";
    display: table;
}

.uk-article:after {
    clear: both;
}

/*
 * Remove margin from the last-child
 */
.uk-article > :last-child {
    margin-bottom: 0;
}

/*
 * Vertical gutter for articles
 */
.uk-article + .uk-article {
    margin-top: 15px;
}

/* Sub-object `uk-article-title`
 ========================================================================== */
.uk-article-title {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    text-transform: none;
    display: inline-block;
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.uk-article-title a {
    color: inherit;
    text-decoration: none;
}

/* Sub-object `uk-article-meta`
 ========================================================================== */
.uk-article-meta {
    font-size: 13px;
    line-height: 20px;
    color: #999999;
}

/* Sub-object `uk-article-lead`
 ========================================================================== */
.uk-article-lead {
    color: #555555;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

/* Sub-object `uk-article-divider`
 ========================================================================== */
.uk-article-divider {
    margin-bottom: 25px;
    border-color: rgba(0, 0, 0, 0.07);
}

* + .uk-article-divider {
    margin-top: 25px;
}

.uk-article + .uk-article {
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.uk-article-title + .uk-article-meta {
    margin-top: 0;
}

/* ========================================================================
   Component: Comment
 ========================================================================== */
/* Sub-object `uk-comment-header`
 ========================================================================== */
.uk-comment-header {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    background: #f7f7f7;
}

/*
 * Micro clearfix
 */
.uk-comment-header:before,
.uk-comment-header:after {
    content: " ";
    display: table;
}

.uk-comment-header:after {
    clear: both;
}

/* Sub-object `uk-comment-avatar`
 ========================================================================== */
.uk-comment-avatar {
    margin-right: 15px;
    float: left;
}

/* Sub-object `uk-comment-title`
 ========================================================================== */
.uk-comment-title {
    margin: 5px 0 0 0;
    font-size: 16px;
    line-height: 22px;
}

/* Sub-object `uk-comment-meta`
 ========================================================================== */
.uk-comment-meta {
    margin: 2px 0 0 0;
    font-size: 11px;
    line-height: 16px;
    color: #999999;
}

/* Sub-object `uk-comment-body`
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.uk-comment-body > :last-child {
    margin-bottom: 0;
}

/* Sub-object `uk-comment-list`
 ========================================================================== */
.uk-comment-list {
    padding: 0;
    list-style: none;
}

.uk-comment-list .uk-comment + ul {
    margin: 25px 0 0 0;
    list-style: none;
}

.uk-comment-list > li:nth-child(n+2),
.uk-comment-list .uk-comment + ul > li:nth-child(n+2) {
    margin-top: 25px;
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-comment-list .uk-comment + ul {
        padding-left: 100px;
    }
}

/* Modifier `uk-comment-primary`
 ========================================================================== */
/* Sub-object `uk-comment-body` */
.uk-comment-body {
    padding-left: 10px;
    padding-right: 10px;
}

.uk-comment-primary .uk-comment-header {
    border: 2px solid #ff0000;
}

.uk-comment-primary .uk-comment-title {
    color: #ff3333;
}

/* ========================================================================
   Component: Nav
 ========================================================================== */
.uk-nav,
.uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
 * Items
 */
.uk-nav li > a {
    display: block;
    text-decoration: none;
}

.uk-nav > li > a {
    padding: 5px 25px;
}

/*
 * Nested items
 */
.uk-nav ul {
    padding-left: 15px;
}

.uk-nav ul a {
    padding: 2px 0;
}

/*
 * Item subtitle
 */
.uk-nav li > a > div {
    font-size: 12px;
    line-height: 18px;
}

/* Sub-object: `uk-nav-header`
 ========================================================================== */
.uk-nav-header {
    padding: 5px 25px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
}

.uk-nav-header:not(:first-child) {
    margin-top: 15px;
}

/* Sub-object: `uk-nav-divider`
 ========================================================================== */
.uk-nav-divider {
    margin: 9px 25px;
}

/* Sub-object: `uk-nav-sub`
 ========================================================================== */
/*
 * `ul` needed for higher specificity to override padding
 */
ul.uk-nav-sub {
    padding: 5px 0 5px 25px;
}

/* Modifier: `uk-nav-parent-icon`
 ========================================================================== */
.uk-nav-parent-icon > .uk-parent > a:after {
    content: "\f104";
    width: 20px;
    margin-right: -10px;
    float: right;
    font-family: FontAwesome;
    text-align: center;
}

.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
    content: "\f107";
}

/* Modifier `uk-nav-side`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-side > li > a {
    color: #555555;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
    background: rgba(0, 0, 0, 0.03);
    color: #555555;
    /* 2 */
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Active */
.uk-nav-side > li.uk-active > a {
    background: #e05b30;
    color: #ffffff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-side .uk-nav-header {
    color: #999999;
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-side .uk-nav-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

/*
 * Nested items
 */
.uk-nav-side ul a {
    color: #ff3333;
}

.uk-nav-side ul a:hover {
    color: #cc0000;
}

/* Modifier `uk-nav-dropdown`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-dropdown > li > a {
    color: #555555;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
    background: rgba(0, 0, 0, 0.03);
    color: #222222;
    /* 2 */
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-dropdown .uk-nav-header {
    color: #999999;
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-dropdown .uk-nav-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Nested items
 */
.uk-nav-dropdown ul a {
    color: #ff3333;
}

.uk-nav-dropdown ul a:hover {
    color: #cc0000;
}

/* Modifier `uk-nav-navbar`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-navbar > li > a {
    color: #555555;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
    background: rgba(0, 0, 0, 0.03);
    color: #222222;
    /* 2 */
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-navbar .uk-nav-header {
    color: #999999;
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-navbar .uk-nav-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Nested items
 */
.uk-nav-navbar ul a {
    color: #ff3333;
}

.uk-nav-navbar ul a:hover {
    color: #cc0000;
}

/* Modifier `uk-nav-offcanvas`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-offcanvas > li > a {
    color: #cccccc;
    padding: 10px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/*
 * Hover
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: #3c3c3c;
    color: #ffffff;
    /* 2 */
    outline: none;
}

/*
 * Active
 * `html .uk-nav` needed for higher specificity to override hover
 */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #161616;
    color: #ffffff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-offcanvas .uk-nav-header {
    color: #777777;
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    background: #3c3c3c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-offcanvas .uk-nav-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.01);
    margin: 0;
    height: 4px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}

/*
 * Nested items
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 */
.uk-nav-offcanvas ul a {
    color: #cccccc;
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #ffffff;
}

.uk-nav-offcanvas {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Sub-object: `uk-nav-sub` */
.uk-nav-offcanvas .uk-nav-sub {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* ========================================================================
   Component: Navbar
 ========================================================================== */
.uk-navbar {
    background: #006699;
    color: rgba(255, 255, 255, 0.5);
    background-image: -webkit-linear-gradient(top, #006699, #003366);
    background-image: linear-gradient(to bottom, #006699, #003366);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

/*
 * Micro clearfix
 */
.uk-navbar:before,
.uk-navbar:after {
    content: " ";
    display: table;
}

.uk-navbar:after {
    clear: both;
}

/* Sub-object: `uk-navbar-nav`
 ========================================================================== */
.uk-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

/*
 * 1. Create position context for dropdowns
 */
.uk-navbar-nav > li {
    float: left;
    /* 1 */
    position: relative;
}

/*
 * 1. Dimensions
 * 2. Style
 */
.uk-navbar-nav > li > a {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    /* 1 */
    height: 55px;
    padding: 0 20px;
    line-height: 55px;
    /* 2 */
    color: rgba(255, 255, 255, 0.6);
    font-size: 17px;
    font-family: 'Roboto Condensed';
    font-weight: 300;
}

/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
    cursor: text;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    /* 3 */
    outline: none;
    position: relative;
    z-index: 1;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* OnClick */
.uk-navbar-nav > li > a:active {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ff3333;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Active */
.uk-navbar-nav > li.uk-active > a {
    background-color: #ff0000;
    color: #ffffff;
    background-origin: border-box;
    /* 1 */
    background-image: -webkit-linear-gradient(top, #ff3333, #cc0000);
    background-image: linear-gradient(to bottom, #ff3333, #cc0000);
}

/* Sub-objects: `uk-navbar-nav-subtitle`
 ========================================================================== */
.uk-navbar-nav .uk-navbar-nav-subtitle {
    line-height: 43px;
}

.uk-navbar-nav-subtitle > div {
    margin-top: -13px;
    font-size: 10px;
    line-height: 12px;
}

/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 55px;
    padding: 0 20px;
    float: left;
}

/*
 * Helper to center all child elements vertically
 */
.uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* Sub-objects: `uk-navbar-content`
 ========================================================================== */
/*
 * Better sibling spacing
 */
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
    padding-left: 0;
}

/*
 * Link colors
 */
.uk-navbar-content > a:not([class]) {
    color: #ff3333;
}

.uk-navbar-content > a:not([class]):hover {
    color: #e78066;
}

/* Sub-objects: `uk-navbar-brand`
 ========================================================================== */
.uk-navbar-brand {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
    color: #ffffff;
    text-decoration: none;
    /* 2 */
    outline: none;
}

/* Sub-object: `uk-navbar-toggle`
 ========================================================================== */
.uk-navbar-toggle {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
    color: #ffffff;
    text-decoration: none;
    /* 2 */
    outline: none;
}

/*
 * 1. Center icon vertically
 */
.uk-navbar-toggle:after {
    content: "\f0c9";
    font-family: FontAwesome;
    /* 1 */
    vertical-align: middle;
}

.uk-navbar-toggle-alt:after {
    content: "\f002";
}

/* Sub-object: `uk-navbar-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.uk-navbar-center {
    float: none;
    text-align: center;
    /* 1 */
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/* Sub-object: `uk-navbar-flip`
 ========================================================================== */
.uk-navbar-flip {
    float: right;
}

/* Navbar nav */
.uk-navbar-nav > li > a {
    text-transform: uppercase;
}

/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Remove whitespace between child elements when using `inline-block`
 */
.uk-subnav {
    /* 1 */
    padding: 0;
    list-style: none;
    /* 2 */
    font-size: 0.001px;
}

/* Items
 ========================================================================== */
/*
 * 1. Create position context for dropdowns
 * 2. Reset whitespace hack
 */
.uk-subnav > li {
    /* 1 */
    position: relative;
    /* 2 */
    font-size: 1rem;
    vertical-align: top;
}

.uk-subnav > li,
.uk-subnav > li > a,
.uk-subnav > li > span {
    display: inline-block;
}

.uk-subnav > li:nth-child(n+2) {
    margin-left: 10px;
}

/*
 * Items
 */
.uk-subnav > li > a {
    color: #ff3333;
}

.uk-subnav > li > a:hover {
    color: #cc0000;
}

/*
 * Active
 */
/*
 * Disabled
 */
.uk-subnav > li > span {
    color: #999999;
}

/* Modifier: 'subnav-line'
 ========================================================================== */
.uk-subnav-line > li:nth-child(n+2):before {
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}

/* Modifier: 'subnav-pill'
 ========================================================================== */
.uk-subnav-pill > li > a,
.uk-subnav-pill > li > span {
    padding: 3px 9px;
    text-decoration: none;
    border-radius: 2px;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-subnav-pill > li > a:hover,
.uk-subnav-pill > li > a:focus {
    background: #f7f7f7;
    color: #555555;
    /* 2 */
    outline: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

/*
 * Active
 * `li` needed for higher specificity to override hover
 */
.uk-subnav-pill > li.uk-active > a {
    background: #ff0000;
    color: #ffffff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Remove whitespace between child elements when using `inline-block`
 */
.uk-breadcrumb {
    /* 1 */
    padding: 0;
    list-style: none;
    /* 2 */
    font-size: 0.001px;
}

/* Items
 ========================================================================== */
/*
 * Reset whitespace hack
 */
.uk-breadcrumb > li {
    font-size: 1rem;
    vertical-align: top;
}

.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
    display: inline-block;
}

.uk-breadcrumb > li:nth-child(n+2):before {
    content: "/";
    display: inline-block;
    margin: 0 8px;
}

/*
 * Disabled
 */
.uk-breadcrumb > li:not(.uk-active) > span {
    color: #999999;
}

/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
 */
.uk-pagination {
    /* 1 */
    padding: 0;
    list-style: none;
    /* 2 */
    text-align: center;
    /* 3 */
    font-size: 0.001px;
}

/*
 * Micro clearfix
 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
 */
.uk-pagination:before,
.uk-pagination:after {
    content: " ";
    display: table;
}

.uk-pagination:after {
    clear: both;
}

/* Items
 ========================================================================== */
/*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
.uk-pagination > li {
    display: inline-block;
    /* 1 */
    font-size: 1rem;
    /* 2 */
    vertical-align: top;
}

.uk-pagination > li:nth-child(n+2) {
    margin-left: 5px;
}

/*
 * 1. Makes pagination more robust against different box-sizing use
 * 2. Reset text-align to center if alignment modifier is used
 */
.uk-pagination > li > a,
.uk-pagination > li > span {
    display: inline-block;
    min-width: 16px;
    padding: 3px 5px;
    line-height: 20px;
    text-decoration: none;
    /* 1 */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* 2 */
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
}

/*
 * Links
 */
.uk-pagination > li > a {
    background: #ffffff;
    color: #555555;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
    background-color: #f7f7f7;
    color: #222222;
    /* 2 */
    outline: none;
    border-color: rgba(0, 0, 0, 0.16);
    background-image: none;
}

/* OnClick */
.uk-pagination > li > a:active {
    background-color: #f5f5f5;
    color: #555555;
    background-image: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*
 * Active
 */
.uk-pagination > .uk-active > span {
    background: #ff0000;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #ff3333, #cc0000);
    background-image: linear-gradient(to bottom, #ff3333, #cc0000);
}

/*
 * Disabled
 */
.uk-pagination > .uk-disabled > span {
    background-color: #f7f7f7;
    color: #999999;
}

/* Previous and next navigation
 ========================================================================== */
.uk-pagination-previous {
    float: left;
}

.uk-pagination-next {
    float: right;
}

/* Alignment modifiers
 ========================================================================== */
.uk-pagination-left {
    text-align: left;
}

.uk-pagination-right {
    text-align: right;
}

/* ========================================================================
   Component: Tab
 ========================================================================== */
.uk-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Micro clearfix on the deepest container
 */
.uk-tab:before,
.uk-tab:after {
    content: " ";
    display: table;
}

.uk-tab:after {
    clear: both;
}

/*
 * Items
 * 1. Create position context for dropdowns
 */
.uk-tab > li {
    margin-bottom: -1px;
    float: left;
    /* 1 */
    position: relative;
}

.uk-tab > li > a {
    display: block;
    padding: 10px 18px 10px 18px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    color: #ff3333;
    text-decoration: none;
    border: none;
    background: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
}

.uk-tab > li:nth-child(n+2) > a {
    margin-left: 5px;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
    border-color: #f5f5f5;
    background: #f7f7f7;
    color: #ff3333;
    /* 2 */
    outline: none;
    background: #f1f1f1;
    background-image: -webkit-linear-gradient(top, #f1f1f1, #e8e8e8);
    background-image: linear-gradient(to bottom, #f1f1f1, #e8e8e8);
}

.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li:not(.uk-active) > a:focus,
.uk-tab > li.uk-open:not(.uk-active) > a {
    margin-bottom: 1px;
    padding-bottom: 9px;
}

/* Active */
.uk-tab > li.uk-active > a {
    border-color: rgba(0, 0, 0, 0.07);
    border-bottom-color: transparent;
    background: #ffffff;
    color: #2f2f2f;
}

/* Disabled */
.uk-tab > li.uk-disabled > a {
    color: #999999;
    cursor: auto;
}

.uk-tab > li.uk-disabled > a:hover,
.uk-tab > li.uk-disabled > a:focus,
.uk-tab > li.uk-disabled.uk-active > a {
    background: none;
    border-color: transparent;
}

/* Modifier: 'tab-flip'
 ========================================================================== */
.uk-tab-flip > li {
    float: right;
}

.uk-tab-flip > li:nth-child(n+2) > a {
    margin-left: 0;
    margin-right: 5px;
}

/* Modifier: 'tab-responsive'
 ========================================================================== */
.uk-tab > li.uk-tab-responsive > a {
    margin-left: 0;
    margin-right: 0;
}

/*
 * Icon
 */
.uk-tab-responsive > a:before {
    content: "\f0c9\00a0";
    font-family: FontAwesome;
}

/* Modifier: 'tab-center'
 ========================================================================== */
.uk-tab-center {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.uk-tab-center-bottom {
    border-bottom: none;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.uk-tab-center:before,
.uk-tab-center:after {
    content: " ";
    display: table;
}

.uk-tab-center:after {
    clear: both;
}

/*
 * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs
 */
.uk-tab-center .uk-tab {
    position: relative;
    right: 50%;
    border: none;
    float: right;
}

.uk-tab-center .uk-tab > li {
    position: relative;
    right: -50%;
}

.uk-tab-center .uk-tab > li > a {
    text-align: center;
}

/* Modifier: 'tab-bottom'
 ========================================================================== */
.uk-tab-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-bottom: none;
}

.uk-tab-bottom > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.uk-tab-bottom > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-top-width: 0;
}

.uk-tab-bottom > li:not(.uk-active) > a:hover,
.uk-tab-bottom > li:not(.uk-active) > a:focus,
.uk-tab-bottom > li.uk-open:not(.uk-active) > a {
    margin-bottom: 0;
    margin-top: 1px;
    padding-bottom: 10px;
    padding-top: 9px;
}

.uk-tab-bottom > li.uk-active > a {
    border-top-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.07);
}

/* Modifier: 'tab-grid'
 ========================================================================== */
/*
 * 1. Create position context to prevent hidden border because of negative `z-index`
 */
.uk-tab-grid {
    margin-left: -5px;
    border-bottom: none;
    /* 1 */
    position: relative;
    z-index: 0;
}

.uk-tab-grid:before {
    display: block;
    position: absolute;
    left: 5px;
    right: 0;
    bottom: -1px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    /* 1 */
    z-index: -1;
}

.uk-tab-grid > li:first-child > a {
    margin-left: 5px;
}

.uk-tab-grid > li > a {
    text-align: center;
}

/*
 * If `uk-tab-bottom`
 */
.uk-tab-grid.uk-tab-bottom {
    border-top: none;
}

.uk-tab-grid.uk-tab-bottom:before {
    top: -1px;
    bottom: auto;
}

/* Modifier: 'tab-left', 'tab-right'
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-tab-left,
    .uk-tab-right {
        border-bottom: none;
    }

    .uk-tab-left > li,
    .uk-tab-right > li {
        margin-bottom: 0;
        float: none;
    }

    .uk-tab-left > li > a,
    .uk-tab-right > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .uk-tab-left > li:nth-child(n+2) > a,
    .uk-tab-right > li:nth-child(n+2) > a {
        margin-left: 0;
        margin-top: 5px;
    }

    .uk-tab-left > li.uk-active > a,
    .uk-tab-right > li.uk-active > a {
        border-color: rgba(0, 0, 0, 0.07);
    }

    /*
     * Modifier: 'tab-left'
     */
    .uk-tab-left {
        border-right: 1px solid rgba(0, 0, 0, 0.07);
    }

    .uk-tab-left > li {
        margin-right: -1px;
    }

    .uk-tab-left > li > a {
        border-bottom-width: 1px;
        border-right-width: 0;
    }

    .uk-tab-left > li:not(.uk-active) > a:hover,
    .uk-tab-left > li:not(.uk-active) > a:focus {
        margin-bottom: 0;
        margin-right: 1px;
        padding-bottom: 10px;
        padding-right: 17px;
    }

    .uk-tab-left > li.uk-active > a {
        border-right-color: transparent;
    }

    /*
     * Modifier: 'tab-right'
     */
    .uk-tab-right {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }

    .uk-tab-right > li {
        margin-left: -1px;
    }

    .uk-tab-right > li > a {
        border-bottom-width: 1px;
        border-left-width: 0;
    }

    .uk-tab-right > li:not(.uk-active) > a:hover,
    .uk-tab-right > li:not(.uk-active) > a:focus {
        margin-bottom: 0;
        margin-left: 1px;
        padding-bottom: 10px;
        padding-left: 17px;
    }

    .uk-tab-right > li.uk-active > a {
        border-left-color: transparent;
    }
}

.uk-tab {
    border: none;
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
}

.uk-tab > li {
    margin-bottom: 0;
}

.uk-tab > li:nth-child(n+2) > a {
    margin-left: 0;
}

/* Hover */
.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li:not(.uk-active) > a:focus,
.uk-tab > li.uk-open:not(.uk-active) > a {
    margin-bottom: 0;
    padding-bottom: 10px;
}

/* OnClick */
.uk-tab > li > a:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Modifier: 'tab-flip'
     ========================================================================== */
.uk-tab-flip > li:nth-child(n+2) > a {
    margin-right: 0;
}

/* Modifier: 'tab-center'
     ========================================================================== */
.uk-tab-center {
    border-bottom: none;
}

.uk-tab-center-bottom {
    border-bottom: none;
    border-top: none;
}

/* Modifier: 'tab-bottom'
     ========================================================================== */
.uk-tab-bottom {
    border-top: none;
}

.uk-tab-bottom > li {
    margin-top: 0;
}

.uk-tab-bottom > li > a {
    border-bottom-width: 0;
}

.uk-tab-bottom > li:not(.uk-active) > a:hover,
.uk-tab-bottom > li:not(.uk-active) > a:focus,
.uk-tab-bottom > li.uk-open:not(.uk-active) > a {
    margin-top: 0;
    padding-top: 10px;
}

/* Modifier: 'tab-grid'
     ========================================================================== */
.uk-tab-grid {
    margin-left: 0;
}

.uk-tab-grid:before {
    left: 0;
    bottom: 0;
}

.uk-tab-grid > li:first-child > a {
    margin-left: 0;
}

/*
     * If `uk-tab-bottom`
     */
.uk-tab-grid.uk-tab-bottom:before {
    top: 0;
}

/* Modifier: 'tab-left', 'tab-right'
     ========================================================================== */
/* Only tablets and desktops */
@media (min-width: 768px) {
    .uk-tab-left > li:nth-child(n+2) > a,
    .uk-tab-right > li:nth-child(n+2) > a {
        margin-top: 0;
    }

    /*
         * Modifier: 'tab-left'
         */
    .uk-tab-left {
        border-right: none;
    }

    .uk-tab-left > li {
        margin-right: 0;
    }

    .uk-tab-left > li > a {
        border-bottom-width: 0;
    }

    .uk-tab-left > li:not(.uk-active) > a:hover,
    .uk-tab-left > li:not(.uk-active) > a:focus {
        margin-right: 0;
        padding-right: 18px;
    }

    /*
         * Modifier: 'tab-right'
         */
    .uk-tab-right {
        border-left: 0;
    }

    .uk-tab-right > li {
        margin-left: 0;
    }

    .uk-tab-right > li > a {
        border-bottom-width: 0;
    }

    .uk-tab-right > li:not(.uk-active) > a:hover,
    .uk-tab-right > li:not(.uk-active) > a:focus {
        margin-left: 0;
        padding-left: 18px;
    }
}

/* ========================================================================
   Component: List
 ========================================================================== */
.uk-list {
    padding: 0;
    list-style: none;
}

/*
 * Micro clearfix to make list more robust
 */
.uk-list > li:before,
.uk-list > li:after {
    content: " ";
    display: table;
}

.uk-list > li:after {
    clear: both;
}

/*
 * Remove margin from the last-child
 */
.uk-list > li > :last-child {
    margin-bottom: 0;
}

/*
 * Nested lists
 */
.uk-list ul {
    margin: 0;
    padding-left: 20px;
    list-style: none;
}

/* Modifier: `uk-list-line`
 ========================================================================== */
.uk-list-line > li:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* Modifier: `uk-list-striped`
 ========================================================================== */
.uk-list-striped > li {
    padding: 5px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.uk-list-striped > li:nth-of-type(odd) {
    background: #f7f7f7;
}

/* Modifier: `uk-list-space`
 ========================================================================== */
.uk-list-space > li:nth-child(n+2) {
    margin-top: 10px;
}

.uk-list-striped > li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* ========================================================================
   Component: Description list
 ========================================================================== */
/* Modifier: `uk-description-list-horizontal`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-description-list-horizontal {
        overflow: hidden;
    }

    .uk-description-list-horizontal > dt {
        width: 160px;
        float: left;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .uk-description-list-horizontal > dd {
        margin-left: 180px;
    }
}

/* Modifier: `uk-description-list-line`
 ========================================================================== */
.uk-description-list-line > dt {
    font-weight: normal;
}

.uk-description-list-line > dt:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.uk-description-list-line > dd {
    color: #999999;
}

/* ========================================================================
   Component: Table
 ========================================================================== */
/*
 * 1. Remove most spacing between table cells.
 * 2. Block element behavior
 * 3. Style
 */
.uk-table {
    /* 1 */
    border-collapse: collapse;
    border-spacing: 0;
    /* 2 */
    width: 100%;
    /* 3 */
    margin-bottom: 15px;
}

/*
 * Add margin if adjacent element
 */
* + .uk-table {
    margin-top: 15px;
}

.uk-table th,
.uk-table td {
    padding: 8px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Set alignment
 */
.uk-table th {
    text-align: left;
}

.uk-table td {
    vertical-align: top;
}

.uk-table thead th {
    vertical-align: bottom;
}

/*
 * Caption and footer
 */
.uk-table caption,
.uk-table tfoot {
    font-size: 12px;
    font-style: italic;
}

.uk-table caption {
    text-align: left;
    color: #999999;
}

/* Sub-modifier: `uk-table-middle`
 ========================================================================== */
.uk-table-middle,
.uk-table-middle td {
    vertical-align: middle !important;
}

/* Modifier: `uk-table-striped`
 ========================================================================== */
.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #f7f7f7;
}

/* Modifier: `uk-table-condensed`
 ========================================================================== */
.uk-table-condensed td {
    padding: 4px 8px;
}

/* Modifier: `uk-table-hover`
 ========================================================================== */
.uk-table-hover tbody tr:hover {
    background: rgba(0, 0, 0, 0.03);
}

/* ========================================================================
   Component: Form
 ========================================================================== */
/*
 * 1. Define consistent box sizing.
 *    Default is `content-box` with following exceptions set to `border-box`
 *    `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]`
 *    `input[type="search"]` in Chrome, Safari and Opera
 *    `input[type="color"]` in Firefox
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Correct `font` properties and `color` not being inherited.
 */
.uk-form input,
.uk-form select,
.uk-form textarea {
    /* 1 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 2 */
    margin: 0;
    /* 3 */
    border-radius: 0;
    /* 4 */
    font: inherit;
    color: inherit;
}

/*
 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
 */
.uk-form select {
    text-transform: none;
}

/*
 * 1. Correct `font` properties not being inherited.
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.uk-form optgroup {
    /* 1 */
    font: inherit;
    /* 2 */
    font-weight: bold;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-form input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * Removes excess padding in IE 8/9/10.
 */
.uk-form input[type="checkbox"],
.uk-form input[type="radio"] {
    padding: 0;
}

/*
 * Improves consistency of cursor style for clickable elements
 */
.uk-form input[type="checkbox"]:not(:disabled),
.uk-form input[type="radio"]:not(:disabled) {
    cursor: pointer;
}

/*
 * Remove default style in iOS.
 */
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="number"],
.uk-form input[type="datetime"] {
    -webkit-appearance: none;
}

/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
.uk-form input[type="search"]::-webkit-search-cancel-button,
.uk-form input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
.uk-form input[type="number"]::-webkit-inner-spin-button,
.uk-form input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/*
 * Define consistent border, margin, and padding.
 */
.uk-form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 2. Improve readability and alignment in all browsers.
 */
.uk-form textarea {
    /* 1 */
    overflow: auto;
    /* 2 */
    vertical-align: top;
}

/*
 * Removes placeholder transparency in Firefox.
 */
.uk-form ::-moz-placeholder {
    opacity: 1;
}

/*
 * Removes `box-shadow` for invalid controls in Firefox.
 */
.uk-form :invalid {
    box-shadow: none;
}

/*
 * Vertical alignment
 */
.uk-form input:not([type="radio"]):not([type="checkbox"]),
.uk-form select {
    vertical-align: middle;
}

/* Style
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.uk-form > :last-child {
    margin-bottom: 0;
}

/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
 * 3. Vertical `padding` needed for `select` elements in Firefox
 * 4. Style
 */
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
    /* 1 */
    height: 30px;
    /* 2 */
    max-width: 100%;
    /* 3 */
    padding: 4px 6px;
    /* 4 */
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: #f7f7f7;
    color: #555555;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    border-radius: 2px;
    font-weight: inherit;
}

.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
    border-color: rgba(0, 0, 0, 0.16);
    outline: 0;
    background: #ffffff;
    color: #555555;
}

.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
.uk-form input[type="password"]:disabled,
.uk-form input[type="datetime"]:disabled,
.uk-form input[type="datetime-local"]:disabled,
.uk-form input[type="date"]:disabled,
.uk-form input[type="month"]:disabled,
.uk-form input[type="time"]:disabled,
.uk-form input[type="week"]:disabled,
.uk-form input[type="number"]:disabled,
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
    border-color: rgba(0, 0, 0, 0.07);
    background-color: #f7f7f7;
    color: #999999;
}

/*
 * Placeholder
 */
.uk-form :-ms-input-placeholder {
    color: #999999 !important;
}

.uk-form ::-moz-placeholder {
    color: #999999;
}

.uk-form ::-webkit-input-placeholder {
    color: #999999;
}

.uk-form :disabled:-ms-input-placeholder {
    color: #999999 !important;
}

.uk-form :disabled::-moz-placeholder {
    color: #999999;
}

.uk-form :disabled::-webkit-input-placeholder {
    color: #999999;
}

/*
 * Legend
 * 1. Behave like block element
 * 2. Correct `color` not being inherited in IE 8/9/10/11.
 * 3. Remove padding
 * 4. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 * 5. Style
 */
.uk-form legend {
    /* 1 */
    width: 100%;
    /* 2 */
    border: 0;
    /* 3 */
    padding: 0;
    /* 4 */
    padding-bottom: 15px;
    /* 5 */
    font-size: 18px;
    line-height: 30px;
}

/* 4 */
.uk-form legend:after {
    content: "";
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/* Size modifiers
 * Higher specificity needed to override defaults
 ========================================================================== */
select.uk-form-small,
textarea.uk-form-small,
input[type].uk-form-small,
input:not([type]).uk-form-small {
    height: 25px;
    padding: 3px 3px;
    font-size: 12px;
}

select.uk-form-large,
textarea.uk-form-large,
input[type].uk-form-large,
input:not([type]).uk-form-large {
    height: 40px;
    padding: 8px 6px;
    font-size: 16px;
}

/* Reset height
 * Must be after size modifiers
 ========================================================================== */
.uk-form textarea,
.uk-form select[multiple],
.uk-form select[size] {
    height: auto;
}

/* Validation states
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Error state
 */
.uk-form-danger {
    border-color: rgba(191, 73, 87, 0.3) !important;
    background: #fff7f8 !important;
    color: #d83044 !important;
}

/*
 * Success state
 */
.uk-form-success {
    border-color: rgba(37, 140, 42, 0.3) !important;
    background: #f4fff5 !important;
    color: #139e1a !important;
}

/* Style modifiers
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Blank form
 */
.uk-form-blank {
    border-color: transparent !important;
    border-style: dashed !important;
    background: none !important;
}

.uk-form-blank:focus {
    border-color: rgba(0, 0, 0, 0.07) !important;
}

/* Size sub-modifiers
 ========================================================================== */
/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */
input.uk-form-width-mini {
    width: 40px;
}

select.uk-form-width-mini {
    width: 65px;
}

.uk-form-width-small {
    width: 130px;
}

.uk-form-width-medium {
    width: 200px;
}

.uk-form-width-large {
    width: 500px;
}

/* Sub-objects: `uk-form-row`
 * Groups labels and controls in rows
 ========================================================================== */
/*
 * Micro clearfix
 * Needed for `uk-form-horizontal` modifier
 */
.uk-form-row:before,
.uk-form-row:after {
    content: " ";
    display: table;
}

.uk-form-row:after {
    clear: both;
}

/*
 * Vertical gutter
 */
.uk-form-row + .uk-form-row {
    margin-top: 15px;
}

/* Help text
 * Sub-object: `uk-form-help-inline`, `uk-form-help-block`
 ========================================================================== */
.uk-form-help-inline {
    display: inline-block;
    margin: 0 0 0 10px;
}

.uk-form-help-block {
    margin: 5px 0 0 0;
}

/* Controls content
 * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`
 ========================================================================== */
/*
 * Remove margins
 */
.uk-form-controls > :first-child {
    margin-top: 0;
}

.uk-form-controls > :last-child {
    margin-bottom: 0;
}

/*
 * Group controls and text into blocks with a small spacing between blocks
 */
.uk-form-controls-condensed {
    margin: 5px 0;
}

/* Modifier: `uk-form-stacked`
 * Requires sub-object: `uk-form-label`
 ========================================================================== */
.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Modifier: `uk-form-horizontal`
 * Requires sub-objects: `uk-form-label`, `uk-form-controls`
 ========================================================================== */
/* Tablet portrait and smaller */
@media (max-width: 959px) {
    /* Behave like `uk-form-stacked` */
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 5px;
        float: left;
    }

    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px;
    }

    /* Better vertical alignment if controls are checkboxes and radio buttons with text */
    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 5px;
    }
}

/* Sub-object: `uk-form-icon`
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Prevent `inline-block` consequences
 */
.uk-form-icon {
    /* 1 */
    display: inline-block;
    /* 2 */
    position: relative;
    /* 3 */
    max-width: 100%;
}

/*
 * 1. Make form element clickable through icon
 */
.uk-form-icon > [class*='uk-icon-'] {
    position: absolute;
    top: 50%;
    width: 30px;
    margin-top: -7px;
    font-size: 14px;
    color: #999999;
    text-align: center;
    /* 1 */
    pointer-events: none;
}

.uk-form-icon:not(.uk-form-icon-flip) > input {
    padding-left: 30px !important;
}

/*
 * Sub-modifier: `uk-form-icon-flip`
 */
.uk-form-icon-flip > [class*='uk-icon-'] {
    right: 0;
}

.uk-form-icon-flip > input {
    padding-right: 30px !important;
}

/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Style
 * 8. `line-height` is used to create a height
 * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
 * 10. Reset button group whitespace hack
 * 11. Required for `a`.
 */
.uk-button {
    /* 1 */
    -webkit-appearance: none;
    /* 2 */
    margin: 0;
    /* 3 */
    border: none;
    /* 4 */
    overflow: visible;
    /* 5 */
    font: inherit;
    color: #555555;
    /* 6 */
    text-transform: none;
    /* 7 */
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    background: #ffffff;
    vertical-align: middle;
    /* 8 */
    line-height: 30px;
    /* 9 */
    min-height: 30px;
    /* 10 */
    font-size: 13px;
    /* 11 */
    text-decoration: none;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    background-origin: border-box;
    background: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
    font-weight: 300;
    text-transform: uppercase;
}

.uk-button:not(:disabled) {
    cursor: pointer;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-button:hover,
.uk-button:focus {
    background-color: #f7f7f7;
    color: #555555;
    /* 2 */
    outline: none;
    /* 3 */
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0.16);
    background-image: none;
}

/* Active */
.uk-button:active,
.uk-button.uk-active {
    background-color: #f5f5f5;
    color: #555555;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Color modifiers
 ========================================================================== */
/*
 * Modifier: `uk-button-primary`
 */
.uk-button-primary {
    background-color: #ff0000;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #ff3333, #cc0000);
    background-image: linear-gradient(to bottom, #ff3333, #cc0000);
}

/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
    background-color: #d96b53;
    color: #ffffff;
    background-image: none;
}

/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #cc4a2d;
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/*
 * Modifier: `uk-button-success`
 */
.uk-button-success {
    background-color: #6cc76f;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #82d28f, #5ebf59);
    background-image: linear-gradient(to bottom, #82d28f, #5ebf59);
    line-height: 28px;
}

/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
    background-color: #84c886;
    color: #ffffff;
    background-image: none;
}

/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
    background-color: #61b963;
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/*
 * Modifier: `uk-button-danger`
 */
.uk-button-danger {
    background-color: #40a7dc;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #57b5e5, #319ed6);
    background-image: linear-gradient(to bottom, #57b5e5, #319ed6);
    line-height: 28px;
}

/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
    background-color: #5cafda;
    color: #ffffff;
    background-image: none;
}

/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
    background-color: #329bd1;
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Disabled state
 * Overrides also the color modifiers
 ========================================================================== */
/* Equal for all button types */
.uk-button:disabled {
    background-color: #f7f7f7;
    color: #999999;
    background-image: none;
    box-shadow: none;
}

/* Modifier: `uk-button-link`
 ========================================================================== */
/* Reset */
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
    border-color: transparent;
    background: none;
    box-shadow: none;
}

/* Color */
.uk-button-link {
    color: #ff3333;
}

.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
    color: #cc0000;
    text-decoration: underline;
}

.uk-button-link:disabled {
    color: #999999;
}

/* Focus */
.uk-button-link:focus {
    outline: 1px dotted;
}

/* Size modifiers
 ========================================================================== */
.uk-button-mini {
    min-height: 20px;
    padding: 0 6px;
    line-height: 20px;
    font-size: 11px;
}

.uk-button-small {
    min-height: 25px;
    padding: 0 10px;
    line-height: 25px;
    font-size: 12px;
}

.uk-button-large {
    min-height: 40px;
    padding: 0 15px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px;
}

/* Sub-object `uk-button-group`
 ========================================================================== */
/*
 * 1. Behave like buttons
 * 2. Create position context for dropdowns
 * 3. Remove whitespace between child elements when using `inline-block`
 * 4. Prevent buttons from wrapping
 * 5. Remove whitespace between child elements when using `inline-block`
 */
.uk-button-group {
    /* 1 */
    display: inline-block;
    vertical-align: middle;
    /* 2 */
    position: relative;
    /* 3 */
    font-size: 0.001px;
    /* 4 */
    white-space: nowrap;
}

.uk-button-group > * {
    display: inline-block;
}

/* 5 */
.uk-button-group .uk-button {
    vertical-align: top;
}

/* Sub-object: `uk-button-dropdown`
 ========================================================================== */
/*
 * 1. Behave like buttons
 * 2. Create position context for dropdowns
 */
.uk-button-dropdown {
    /* 1 */
    display: inline-block;
    vertical-align: middle;
    /* 2 */
    position: relative;
}

/* Sub-object `uk-button-group`
     ========================================================================== */
/*
     * Reset border-radius
     */
.uk-button-group > .uk-button:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
    border-radius: 0;
}

.uk-button-group > .uk-button:first-child,
.uk-button-group > div:first-child .uk-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.uk-button-group > .uk-button:last-child,
.uk-button-group > div:last-child .uk-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*
     * Collapse border
     */
.uk-button-group > .uk-button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .uk-button {
    margin-left: -1px;
}

/*
     * Create position context to superimpose the successor elements border
     * Known issue: If you use an `a` element as button and an icon inside,
     * the active state will not work if you click the icon inside the button
     * Workaround: Just use a `button` or `input` element as button
     */
.uk-button-group .uk-button:active {
    position: relative;
}

/* ========================================================================
   Component: Close
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-close::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Remove default `button` padding and background color
 * 8. Style
 */
.uk-close {
    /* 1 */
    -webkit-appearance: none;
    /* 2 */
    margin: 0;
    /* 3 */
    border: none;
    /* 4 */
    overflow: visible;
    /* 5 */
    font: inherit;
    color: inherit;
    /* 6 */
    text-transform: none;
    /* 7. */
    padding: 0;
    background: transparent;
    /* 8 */
    display: inline-block;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.3;
}

/* Icon */
.uk-close:after {
    display: block;
    content: "\f00d";
    font-family: FontAwesome;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-close:hover,
.uk-close:focus {
    opacity: 0.5;
    /* 2 */
    outline: none;
    /* 3 */
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/* Modifier
 ========================================================================== */
.uk-close-alt {
    padding: 2px;
    border-radius: 50%;
    background: #f7f7f7;
    opacity: 1;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.06);
}

/* Hover */
.uk-close-alt:hover,
.uk-close-alt:focus {
    opacity: 1;
}

/* Icon */
.uk-close-alt:after {
    opacity: 0.5;
}

.uk-close-alt:hover:after,
.uk-close-alt:focus:after {
    opacity: 0.8;
}

/* ========================================================================
   Component: Badge
 ========================================================================== */
.uk-badge {
    display: inline-block;
    padding: 15px;
    background: #ff0000;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(top, #ff3333, #cc0000);
    background-image: linear-gradient(to bottom, #ff3333, #cc0000);
    font-weight: bold;
}

/*
 * Keep color when badge is a link
 */
a.uk-badge:hover {
    color: #ffffff;
}

/* Modifier: `uk-badge-notification`;
 ========================================================================== */
.uk-badge-notification {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 20px;
    border-radius: 500px;
    font-size: 12px;
    line-height: 20px;
}

/* Color modifier
 ========================================================================== */
/*
 * Modifier: `uk-badge-success`
 */
.uk-badge-success {
    background-color: #6cc76f;
    background-image: -webkit-linear-gradient(top, #82d28f, #5ebf59);
    background-image: linear-gradient(to bottom, #82d28f, #5ebf59);
}

/*
 * Modifier: `uk-badge-warning`
 */
.uk-badge-warning {
    background-color: #f1c457;
    background-image: -webkit-linear-gradient(top, #f6cc66, #edbe4d);
    background-image: linear-gradient(to bottom, #f6cc66, #edbe4d);
}

/*
 * Modifier: `uk-badge-danger`
 */
.uk-badge-danger {
    background-color: #40a7dc;
    background-image: -webkit-linear-gradient(top, #57b5e5, #319ed6);
    background-image: linear-gradient(to bottom, #57b5e5, #319ed6);
}

/* ========================================================================
   Component: Alert
 ========================================================================== */
.uk-alert {
    margin-bottom: 15px;
    padding: 10px;
    background: #f4fbff;
    color: #3578a6;
    border: 1px solid rgba(75, 116, 144, 0.3);
    border-radius: 2px;
}

/*
 * Add margin if adjacent element
 */
* + .uk-alert {
    margin-top: 15px;
}

/*
 * Remove margin from the last-child
 */
.uk-alert > :last-child {
    margin-bottom: 0;
}

/*
 * Keep color for headings if the default heading color is changed
 */
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
    color: inherit;
}

/* Close in alert
 ========================================================================== */
.uk-alert > .uk-close:first-child {
    float: right;
}

/*
 * Remove margin from adjacent element
 */
.uk-alert > .uk-close:first-child + * {
    margin-top: 0;
}

/* Modifier: `uk-alert-success`
 ========================================================================== */
.uk-alert-success {
    background: #f4fff5;
    color: #139e1a;
    border-color: rgba(37, 140, 42, 0.3);
}

/* Modifier: `uk-alert-warning`
 ========================================================================== */
.uk-alert-warning {
    background: #fffef2;
    color: #e2955d;
    border-color: rgba(207, 152, 112, 0.4);
}

/* Modifier: `uk-alert-danger`
 ========================================================================== */
.uk-alert-danger {
    background: #fff7f8;
    color: #d83044;
    border-color: rgba(191, 73, 87, 0.3);
}

/* Modifier: `uk-alert-large`
 ========================================================================== */
.uk-alert-large {
    padding: 20px;
}

.uk-alert-large > .uk-close:first-child {
    margin: -10px -10px 0 0;
}

/* ========================================================================
   Component: Thumbnail
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Responsive behavior
 * 3. Corrects `max-width` behavior sed
 * 4. Required for `figure` element
 * 5. Style
 */
.uk-thumbnail {
    /* 1 */
    display: inline-block;
    /* 2 */
    max-width: 100%;
    /* 3 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 3 */
    margin: 0;
    /* 4 */
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: #f7f7f7;
    border-radius: 2px;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/*
 * Hover state for `a` elements
 * 1. Apply hover style also to focus state
 * 2. Needed for caption
 * 3. Remove default focus style
 */
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
    border-color: rgba(0, 0, 0, 0.16);
    background-color: #f7f7f7;
    /* 2 */
    text-decoration: none;
    /* 3 */
    outline: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}

/* Caption
 ========================================================================== */
.uk-thumbnail-caption {
    padding-top: 8px;
    text-align: center;
    color: #555555;
}

/* Sizes
 ========================================================================== */
.uk-thumbnail-mini {
    width: 150px;
}

.uk-thumbnail-small {
    width: 200px;
}

.uk-thumbnail-medium {
    width: 300px;
}

.uk-thumbnail-large {
    width: 400px;
}

.uk-thumbnail-expand,
.uk-thumbnail-expand > img {
    width: 100%;
}

/* ========================================================================
   Component: Overlay
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Set max-width for responsive images to prevent `inline-block` consequences
 * 4. Remove the gap between the container and its child element
 * 5. Fixed wrong scaling calculation for images in Chrome
 */
.uk-overlay {
    /* 1 */
    display: inline-block;
    /* 2 */
    position: relative;
    /* 3 */
    max-width: 100%;
    /* 4 */
    vertical-align: middle;
    /* 5 */
    overflow: hidden;
}

/*
 * Remove margin from content
 */
.uk-overlay > :first-child {
    margin-bottom: 0;
}

/* Sub-object `uk-overlay-area`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay-area {
    /* 1 */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* 2 */
    background: rgba(220, 85, 55, 0.8);
    /* 3 */
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transform: translate3d(0, 0, 0);
}

/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay-toggle.uk-hover .uk-overlay-area {
    opacity: 1;
}

/*
 * Icon
 */
.uk-overlay-area:empty:before {
    content: "\f054";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
    color: #ffffff;
}

/* Sub-object `uk-overlay-area-content`
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 * Needed for Firefox
 */
.uk-overlay-area:not(:empty) {
    font-size: 0.001px;
}

/*
 * 1. Needed for vertical alignment
 */
.uk-overlay-area:not(:empty):before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*
 * 1. Set vertical alignment
 * 2. Reset whitespace hack
 * 3. Set horizontal alignment
 * 4. Set style
 */
.uk-overlay-area-content {
    /* 1 */
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    /* 2 */
    font-size: 1rem;
    /* 3 */
    text-align: center;
    /* 4 */
    padding: 0 15px;
    color: #ffffff;
}

/*
 * Remove margin from the last-child
 */
.uk-overlay-area-content > :last-child {
    margin-bottom: 0;
}

/*
 * Links in overlay area
 */
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
    color: inherit;
}

/* Sub-object `uk-overlay-caption`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay-caption {
    /* 1 */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* 2 */
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    /* 3 */
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transform: translate3d(0, 0, 0);
}

/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
    opacity: 1;
}

.uk-overlay {
    overflow: hidden;
}

.uk-overlay img {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.uk-overlay:hover .uk-overlay-area {
    left: 0;
}

.uk-overlay:hover img {
    -webkit-transform: scale(1.2) translate(-20px);
    transform: scale(1.2) translate(-20px);
}

/* ========================================================================
   Component: Progress
 ========================================================================== */
/*
 * 1. Clearing
 * 2. Vertical alignment if text is used
 */
.uk-progress {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: rgba(0, 0, 0, 0.03);
    /* 1 */
    overflow: hidden;
    /* 2 */
    line-height: 20px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    border-radius: 100px;
}

/*
 * Add margin if adjacent element
 */
* + .uk-progress {
    margin-top: 15px;
}

/* Sub-object: `uk-progress-bar`
 ========================================================================== */
/*
 * 1. Transition
 * 2. Needed for text
 */
.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #ff0000;
    float: left;
    /* 1 */
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
    /* 2 */
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background-image: -webkit-linear-gradient(top, #ff3333, #cc0000);
    background-image: linear-gradient(to bottom, #ff3333, #cc0000);
}

/* Size modifiers
 ========================================================================== */
/* Mini */
.uk-progress-mini {
    height: 6px;
}

/* Small */
.uk-progress-small {
    height: 12px;
}

/* Color modifiers
 ========================================================================== */
.uk-progress-success .uk-progress-bar {
    background-color: #6cc76f;
    background-image: -webkit-linear-gradient(top, #82d28f, #5ebf59);
    background-image: linear-gradient(to bottom, #82d28f, #5ebf59);
}

.uk-progress-warning .uk-progress-bar {
    background-color: #f1c457;
    background-image: -webkit-linear-gradient(top, #f6cc66, #edbe4d);
    background-image: linear-gradient(to bottom, #f6cc66, #edbe4d);
}

.uk-progress-danger .uk-progress-bar {
    background-color: #40a7dc;
    background-image: -webkit-linear-gradient(top, #57b5e5, #319ed6);
    background-image: linear-gradient(to bottom, #57b5e5, #319ed6);
}

/* Modifier: `uk-progress-striped`
 ========================================================================== */
.uk-progress-striped .uk-progress-bar {
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 30px 30px;
}

/*
 * Animation
 */
.uk-progress-striped.uk-active .uk-progress-bar {
    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
    animation: uk-progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 30px 0;
    }
}

@keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 30px 0;
    }
}

/* Size modifiers
     ========================================================================== */
.uk-progress-mini,
.uk-progress-small {
    border-radius: 500px;
}

/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*='uk-animation-'] {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Hide animated element if scrollspy is used */
@media screen {
    [data-uk-scrollspy*='uk-animation-'] {
        opacity: 0;
    }
}

/*
 * Fade
 * Higher specificity (!important) needed because of reverse modifier
 */
.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important;
}

/*
 * Fade with scale
 */
.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02;
}

.uk-animation-scale-down {
    -webkit-animation-name: uk-fade-scale-18;
    animation-name: uk-fade-scale-18;
}

/*
 * Fade with slide
 */
.uk-animation-slide-top {
    -webkit-animation-name: uk-fade-top;
    animation-name: uk-fade-top;
}

.uk-animation-slide-bottom {
    -webkit-animation-name: uk-fade-bottom;
    animation-name: uk-fade-bottom;
}

.uk-animation-slide-left {
    -webkit-animation-name: uk-fade-left;
    animation-name: uk-fade-left;
}

.uk-animation-slide-right {
    -webkit-animation-name: uk-fade-right;
    animation-name: uk-fade-right;
}

/*
 * Scale
 */
.uk-animation-scale {
    -webkit-animation-name: uk-scale-12;
    animation-name: uk-scale-12;
}

/*
 * Shake
 */
.uk-animation-shake {
    -webkit-animation-name: uk-shake;
    animation-name: uk-shake;
}

/* Direction modifiers
 ========================================================================== */
.uk-animation-reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

/* Duration modifiers
========================================================================== */
.uk-animation-15 {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}

/* Origin modifiers
========================================================================== */
.uk-animation-top-left {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.uk-animation-top-center {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.uk-animation-top-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.uk-animation-middle-left {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.uk-animation-middle-right {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.uk-animation-bottom-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.uk-animation-bottom-center {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.uk-animation-bottom-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

/* Keyframes: Fade
 * Used by dropdown, datepicker and slideshow component
 ========================================================================== */
@-webkit-keyframes uk-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Keyframes: Fade with slide
 ========================================================================== */
/*
 * Top
 */
@-webkit-keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*
 * Bottom
 */
@-webkit-keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*
 * Left
 */
@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/*
 * Right
 */
@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Keyframes: Fade with scale
 ========================================================================== */
/*
 * Scale by 0.2
 */
@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        transform: scale(0.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*
 * Scale by 1.5
 * Used by slideshow component
 */
@-webkit-keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*
 * Scale by 1.8
 */
@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        transform: scale(1.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Keyframes: Slide
 * Used by slideshow component
 ========================================================================== */
/*
 * Left
 */
@-webkit-keyframes uk-slide-left {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-left {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

/*
 * Right
 */
@-webkit-keyframes uk-slide-right {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-right {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

/*
 * Left third
 */
@-webkit-keyframes uk-slide-left-33 {
    0% {
        -webkit-transform: translateX(33%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-left-33 {
    0% {
        transform: translateX(33%);
    }
    100% {
        transform: translateX(0);
    }
}

/*
 * Right third
 */
@-webkit-keyframes uk-slide-right-33 {
    0% {
        -webkit-transform: translateX(-33%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-right-33 {
    0% {
        transform: translateX(-33%);
    }
    100% {
        transform: translateX(0);
    }
}

/* Keyframes: Scale
 ========================================================================== */
@-webkit-keyframes uk-scale-12 {
    0% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes uk-scale-12 {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* Keyframes: Rotate
 * Used by icon and search component
 ========================================================================== */
@-webkit-keyframes uk-rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes uk-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

/* Keyframes: Shake
 ========================================================================== */
@-webkit-keyframes uk-shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
    }
    10% {
        -webkit-transform: translateX(-9px);
    }
    20% {
        -webkit-transform: translateX(8px);
    }
    30% {
        -webkit-transform: translateX(-7px);
    }
    40% {
        -webkit-transform: translateX(6px);
    }
    50% {
        -webkit-transform: translateX(-5px);
    }
    60% {
        -webkit-transform: translateX(4px);
    }
    70% {
        -webkit-transform: translateX(-3px);
    }
    80% {
        -webkit-transform: translateX(2px);
    }
    90% {
        -webkit-transform: translateX(-1px);
    }
}

@keyframes uk-shake {
    0%,
    100% {
        transform: translateX(0);
    }
    10% {
        transform: translateX(-9px);
    }
    20% {
        transform: translateX(8px);
    }
    30% {
        transform: translateX(-7px);
    }
    40% {
        transform: translateX(6px);
    }
    50% {
        transform: translateX(-5px);
    }
    60% {
        transform: translateX(4px);
    }
    70% {
        transform: translateX(-3px);
    }
    80% {
        transform: translateX(2px);
    }
    90% {
        transform: translateX(-1px);
    }
}

/* Keyframes: Fade with slide fixed
 * Used by dropdown and search component
 ========================================================================== */
/*
 * Top fixed
 */
@-webkit-keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*
 * Bottom fixed
 */
@-webkit-keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Box-sizing is needed for `uk-dropdown-justify`
 * 4. Set style
 * 5. Reset button group whitespace hack
 */
.uk-dropdown {
    /* 1 */
    display: none;
    /* 2 */
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1020;
    /* 3 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 4 */
    width: 200px;
    margin-top: 5px;
    padding: 15px;
    background: #ffffff;
    color: #555555;
    /* 5 */
    font-size: 1rem;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);
}

/*
 * 1. Show dropdown
 * 2. Set animation
 * 3. Needed for scale animation
 */
.uk-open > .uk-dropdown {
    /* 1 */
    display: block;
    /* 2 */
    -webkit-animation: uk-fade 0.2s ease-in-out;
    animation: uk-fade 0.2s ease-in-out;
    /* 3 */
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* Alignment modifiers
 ========================================================================== */
/*
 * Modifier `uk-dropdown-flip`
 */
.uk-dropdown-flip {
    left: auto;
    right: 0;
}

/*
 * Modifier `uk-dropdown-up`
 */
.uk-dropdown-up {
    top: auto;
    bottom: 100%;
    margin-top: auto;
    margin-bottom: 5px;
}

/* Nav in dropdown
 ========================================================================== */
.uk-dropdown .uk-nav {
    margin: 0 -15px;
}

/* Grid and panel in dropdown
 ========================================================================== */
/*
* Vertical gutter
*/
/*
 * Grid
 * Higher specificity to override large gutter
 */
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
    margin-top: 15px;
}

/* Panels */
.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
    margin-top: 15px;
}

/* Tablet and bigger */
@media (min-width: 768px) {
    /*
     * Horizontal gutter
     */
    .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

    .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*
     * Column divider
     */
    .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }

    /*
     * Width multiplier for dropdown columns
     */
    .uk-dropdown-width-2:not(.uk-dropdown-stack) {
        width: 400px;
    }

    .uk-dropdown-width-3:not(.uk-dropdown-stack) {
        width: 600px;
    }

    .uk-dropdown-width-4:not(.uk-dropdown-stack) {
        width: 800px;
    }

    .uk-dropdown-width-5:not(.uk-dropdown-stack) {
        width: 1000px;
    }
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
    /*
     * Stack columns and take full width
     */
    .uk-dropdown-grid > [class*='uk-width-'] {
        width: 100%;
    }

    /*
     * Vertical gutter
     */
    .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
        margin-top: 15px;
    }
}

/*
* Stack grid columns
*/
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
    width: 100%;
}

.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    margin-top: 15px;
}

/* Modifier `uk-dropdown-small`
 ========================================================================== */
/*
 * Set min-width and text expands dropdown if needed
 */
.uk-dropdown-small {
    min-width: 150px;
    width: auto;
    padding: 5px;
    white-space: nowrap;
}

/*
 * Nav in dropdown
 */
.uk-dropdown-small .uk-nav {
    margin: 0 -5px;
}

/* Modifier: `uk-dropdown-navbar`
 ========================================================================== */
.uk-dropdown-navbar {
    margin-top: 6px;
    background: #ffffff;
    color: #555555;
    left: -1px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-clip: padding-box;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);
}

.uk-open > .uk-dropdown-navbar {
    -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
    animation: uk-slide-top-fixed 0.2s ease-in-out;
}

/* Modifier `uk-dropdown-scrollable`
 ========================================================================== */
/*
 * Usefull for long lists
 */
.uk-dropdown-scrollable {
    overflow-y: auto;
    max-height: 200px;
}

.uk-dropdown-navbar.uk-dropdown-flip {
    left: auto;
}

/* ========================================================================
   Component: Modal
 ========================================================================== */
/*
 * This is the modal overlay and modal dialog container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Allow scrolling for the modal dialog
 * 4. Mask the background page
 * 5. Fade-in transition
 */
.uk-modal {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    /* 3 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    background: rgba(0, 0, 0, 0.6);
    /* 5 */
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

/*
 * Open state
 */
.uk-modal.uk-open {
    opacity: 1;
}

/*
 * Prevents duplicated scrollbar caused by 4.
 */
.uk-modal-page,
.uk-modal-page body {
    overflow: hidden;
}

/* Sub-object: `uk-modal-dialog`
 ========================================================================== */
/*
 * 1. Create position context for `uk-modal-dialog-frameless`
 * 2. Set box sizing
 * 3. Set style
 * 4. Slide-in transition
 */
.uk-modal-dialog {
    /* 1 */
    position: relative;
    /* 2 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 50px auto;
    padding: 20px;
    width: 600px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    /* 3 */
    background: #f0f0f0;
    /* 4 */
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s linear, transform 0.3s ease-out;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
    /*
     * Fit in small screen
     */
    .uk-modal-dialog {
        width: auto;
        margin: 10px;
    }
}

/*
 * Open state
 */
.uk-open .uk-modal-dialog {
    /* 4 */
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*
 * Remove margin from the last-child
 */
.uk-modal-dialog > :last-child {
    margin-bottom: 0;
}

/* Close in modal
 ========================================================================== */
.uk-modal-dialog > .uk-close:first-child {
    margin: -10px -10px 0 0;
    float: right;
}

/*
 * Remove margin from adjacent element
 */
.uk-modal-dialog > .uk-close:first-child + * {
    margin-top: 0;
}

/* Modifier: `uk-modal-dialog-frameless`
 ========================================================================== */
.uk-modal-dialog-frameless {
    padding: 0;
}

/*
 * Close in modal
 */
.uk-modal-dialog-frameless > .uk-close:first-child {
    position: absolute;
    top: -12px;
    right: -12px;
    margin: 0;
    float: none;
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
    .uk-modal-dialog-frameless > .uk-close:first-child {
        top: -7px;
        right: -7px;
    }
}

/* Modifier: `uk-modal-dialog-large`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-modal-dialog-large {
        width: 930px;
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-modal-dialog-large {
        width: 1130px;
    }
}

/* ========================================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * This is the offcanvas overlay and bar container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Mask the background page
 */
.uk-offcanvas {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    /* 3 */
    background: rgba(0, 0, 0, 0.1);
}

.uk-offcanvas.uk-active {
    display: block;
}

/* Sub-object `uk-offcanvas-page`
 ========================================================================== */
/*
 * Prepares the whole HTML page to slide-out
 * 1. Fix the main page and disallow scrolling
 * 2. Side-out transition
 */
.uk-offcanvas-page {
    /* 1 */
    position: fixed;
    /* 2 */
    -webkit-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
}

/* Sub-object `uk-offcanvas-bar`
 ========================================================================== */
/*
 * This is the offcanvas bar
 * 1. Set fixed position
 * 2. Size and style
 * 3. Allow scrolling
 * 4. Side-out transition
 */
.uk-offcanvas-bar {
    /* 1 */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    /* 2 */
    width: 270px;
    max-width: 100%;
    background: #2f2f2f;
    /* 3 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

/* Modifier `uk-offcanvas-bar-flip`
 ========================================================================== */
.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

/* Panel in offcanvas
 ========================================================================== */
.uk-offcanvas .uk-panel {
    margin: 20px 15px;
    color: #777777;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.uk-offcanvas .uk-panel-title {
    color: #cccccc;
}

.uk-offcanvas .uk-panel a:not([class]) {
    color: #cccccc;
}

.uk-offcanvas .uk-panel a:not([class]):hover {
    color: #ffffff;
}

.uk-offcanvas-bar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
}

.uk-offcanvas-bar-flip:after {
    right: auto;
    left: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
}

/* ========================================================================
   Component: Switcher
 ========================================================================== */
.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
 * Items
 */
.uk-switcher > *:not(.uk-active) {
    display: none;
}

/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Set dimensions
 * 4. Set style
 */
.uk-tooltip {
    /* 1 */
    display: none;
    /* 2 */
    position: absolute;
    z-index: 1030;
    /* 3 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 200px;
    padding: 5px 8px;
    /* 4 */
    background: #ff0000;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
}

/* Triangle
 ========================================================================== */
/*
 * 1. Dashed is less antialised than solid
 */
.uk-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    /* 1 */
    border: 5px dashed #ff0000;
}

/* Direction modifiers
 ========================================================================== */
/*
 * Top
 */
.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after {
    bottom: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #ff0000;
}

/*
 * Bottom
 */
.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after {
    top: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #ff0000;
}

/*
 * Top/Bottom center
 */
.uk-tooltip-top:after,
.uk-tooltip-bottom:after {
    left: 50%;
    margin-left: -5px;
}

/*
 * Top/Bottom left
 */
.uk-tooltip-top-left:after,
.uk-tooltip-bottom-left:after {
    left: 10px;
}

/*
 * Top/Bottom right
 */
.uk-tooltip-top-right:after,
.uk-tooltip-bottom-right:after {
    right: 10px;
}

/*
 * Left
 */
.uk-tooltip-left:after {
    right: -5px;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #ff0000;
}

/*
 * Right
 */
.uk-tooltip-right:after {
    left: -5px;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #ff0000;
}

/* ========================================================================
   Component: Text
 ========================================================================== */
/* Size modifiers
 ========================================================================== */
.uk-text-small {
    font-size: 13px;
    line-height: 18px;
}

.uk-text-large {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

/* Weight modifiers
 ========================================================================== */
.uk-text-bold {
    font-weight: bold;
}

/* Color modifiers
 ========================================================================== */
.uk-text-muted {
    color: #999999 !important;
}

.uk-text-primary {
    color: #3578a6 !important;
}

.uk-text-success {
    color: #139e1a !important;
}

.uk-text-warning {
    color: #e2955d !important;
}

.uk-text-danger {
    color: #d83044 !important;
}

/* Alignment modifiers
 ========================================================================== */
.uk-text-left {
    text-align: left !important;
}

.uk-text-right {
    text-align: right !important;
}

.uk-text-center {
    text-align: center !important;
}

.uk-text-justify {
    text-align: justify !important;
}

.uk-text-top {
    vertical-align: top !important;
}

.uk-text-middle {
    vertical-align: middle !important;
}

.uk-text-bottom {
    vertical-align: bottom !important;
}

/* Only tablets portrait and smaller */
@media (max-width: 959px) {
    .uk-text-center-medium {
        text-align: center !important;
    }
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
    .uk-text-center-small {
        text-align: center !important;
    }
}

/* Wrap modifiers
 ========================================================================== */
/*
 * Prevent text from wrapping onto multiple lines
 */
.uk-text-nowrap {
    white-space: nowrap;
}

/*
 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
 */
.uk-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
 * Break strings if their length exceeds the width of their container
 */
.uk-text-break {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Container
 ========================================================================== */
.uk-container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 20px;
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-container {
        max-width: 980px;
        padding: 0 20px;
    }
}

/*
 * Micro clearfix
 */
.uk-container:before,
.uk-container:after {
    content: " ";
    display: table;
}

.uk-container:after {
    clear: both;
}

/*
 * Center container
 */
.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}

/* Clearing
 ========================================================================== */
/*
 * Micro clearfix
 */
.uk-clearfix:before,
.uk-clearfix:after {
    content: " ";
    display: table;
}

.uk-clearfix:after {
    clear: both;
}

/*
 *  Create a new block formatting context
 */
.uk-nbfc {
    overflow: hidden;
}

.uk-nbfc-alt {
    display: table-cell;
    width: 10000px;
}

/* Alignment of block elements
 ========================================================================== */
/*
 * Float blocks
 * 1. Prevent content overflow on small devices
 */
.uk-float-left {
    float: left;
}

.uk-float-right {
    float: right;
}

/* 1 */
[class*='uk-float-'] {
    max-width: 100%;
}

/* Alignment of images and objects
 ========================================================================== */
/*
 * Alignment
 */
[class*='uk-align-'] {
    display: block;
    margin-bottom: 15px;
}

.uk-align-left {
    margin-right: 15px;
    float: left;
}

.uk-align-right {
    margin-left: 15px;
    float: right;
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-align-medium-left {
        margin-right: 15px;
        margin-bottom: 15px;
        float: left;
    }

    .uk-align-medium-right {
        margin-left: 15px;
        margin-bottom: 15px;
        float: right;
    }
}

.uk-align-center {
    margin-left: auto;
    margin-right: auto;
}

/* Vertical alignment
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 */
.uk-vertical-align {
    font-size: 0.001px;
}

/*
 *  The `uk-vertical-align` container needs a specific height
 */
.uk-vertical-align:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*
 * Sub-object which can have any height
 * 1. Reset whitespace hack
 */
.uk-vertical-align-middle,
.uk-vertical-align-bottom {
    display: inline-block;
    max-width: 100%;
    /* 1 */
    font-size: 1rem;
}

.uk-vertical-align-middle {
    vertical-align: middle;
}

.uk-vertical-align-bottom {
    vertical-align: bottom;
}

/* Height
 ========================================================================== */
/*
 * More robust if padding and border are used
 */
[class*='uk-height'] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * Useful to extend the `html` and `body` element to the full height of the page.
 */
.uk-height-1-1 {
    height: 100%;
}

/*
 * Useful to create image teasers
 */
.uk-height-viewport {
    height: 100vh;
    min-height: 600px;
}

/* Responsive objects
 * Note: Images are already responsive by default, see Base component
 ========================================================================== */
/*
 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used
 */
.uk-responsive-width,
.uk-responsive-height {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 */
.uk-responsive-width {
    max-width: 100%;
    height: auto;
}

/*
 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
 * Only works if the parent element has a fixed height.
 */
.uk-responsive-height {
    max-height: 100%;
    width: auto;
}

/* Margin
 ========================================================================== */
/*
 * Create a block with the same margin of a paragraph
 * Add margin if adjacent element
 */
.uk-margin {
    margin-bottom: 15px;
}

* + .uk-margin {
    margin-top: 15px;
}

.uk-margin-top {
    margin-top: 15px !important;
}

.uk-margin-bottom {
    margin-bottom: 15px !important;
}

.uk-margin-left {
    margin-left: 15px !important;
}

.uk-margin-right {
    margin-right: 15px !important;
}

/*
 * Larger margins
 */
.uk-margin-large {
    margin-bottom: 50px;
}

* + .uk-margin-large {
    margin-top: 50px;
}

.uk-margin-large-top {
    margin-top: 50px !important;
}

.uk-margin-large-bottom {
    margin-bottom: 50px !important;
}

.uk-margin-large-left {
    margin-left: 50px !important;
}

.uk-margin-large-right {
    margin-right: 50px !important;
}

/*
 * Smaller margins
 */
.uk-margin-small {
    margin-bottom: 5px;
}

* + .uk-margin-small {
    margin-top: 5px;
}

.uk-margin-small-top {
    margin-top: 5px !important;
}

.uk-margin-small-bottom {
    margin-bottom: 5px !important;
}

.uk-margin-small-left {
    margin-left: 5px !important;
}

.uk-margin-small-right {
    margin-right: 5px !important;
}

/*
 * Remove margins
 */
.uk-margin-remove {
    margin: 0 !important;
}

.uk-margin-top-remove {
    margin-top: 0 !important;
}

.uk-margin-bottom-remove {
    margin-bottom: 0 !important;
}

/* Border
 ========================================================================== */
.uk-border-circle {
    border-radius: 50%;
}

.uk-border-rounded {
    border-radius: 5px;
}

/* Headings
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-heading-large {
        font-size: 52px;
        line-height: 64px;
    }
}

/* Link
 ========================================================================== */
/*
 * Let links appear in default text color
 */
.uk-link-muted,
.uk-link-muted a {
    color: #555555;
}

.uk-link-muted:hover,
.uk-link-muted a:hover {
    color: #555555;
}

/*
 * Reset link style
 */
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset:hover,
.uk-link-reset a:hover {
    color: inherit;
    text-decoration: none;
}

/* Scrollable
 ========================================================================== */
/*
 * Enable scrolling for preformatted text
 */
.uk-scrollable-text {
    height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: both;
}

/*
 * Box with scrolling enabled
 */
.uk-scrollable-box {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 170px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
    border-radius: 2px;
}

.uk-scrollable-box > :last-child {
    margin-bottom: 0;
}

/* Overflow
 ========================================================================== */
/*
 * Enable scrollbars if content is clipped
 */
.uk-overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.uk-overflow-container > :last-child {
    margin-bottom: 0;
}

/* Position
 ========================================================================== */
.uk-position-absolute {
    position: absolute !important;
}

.uk-position-relative {
    position: relative !important;
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Display
 ========================================================================== */
/*
 * Display
 */
.uk-display-block {
    display: block !important;
}

.uk-display-inline {
    display: inline !important;
}

.uk-display-inline-block {
    display: inline-block !important;
}

/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */
/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-visible-small {
        display: none !important;
    }

    .uk-visible-medium {
        display: none !important;
    }

    .uk-hidden-large {
        display: none !important;
    }
}

/* Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
    .uk-visible-small {
        display: none !important;
    }

    .uk-visible-large {
        display: none !important;
    }

    .uk-hidden-medium {
        display: none !important;
    }
}

/* Phone landscape and smaller*/
@media (max-width: 767px) {
    .uk-visible-medium {
        display: none !important;
    }

    .uk-visible-large {
        display: none !important;
    }

    .uk-hidden-small {
        display: none !important;
    }
}

/* Remove from the flow and screen readers on any device */
.uk-hidden {
    display: none !important;
    visibility: hidden !important;
}

/* It's hidden, but still affects layout */
.uk-invisible {
    visibility: hidden !important;
}

/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
    display: block !important;
    visibility: visible !important;
}

.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
    display: inline-block !important;
    visibility: visible !important;
}

/* ========================================================================
   Component: Print
 ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ========================================================================
   Component: Search
 ========================================================================== */
/*
 * 1. Create position context for dropdowns
 * 2. Needed for `form` element
 */
.uk-search {
    display: inline-block;
    /* 1 */
    position: relative;
    /* 2 */
    margin: 0;
}

/*
 * Icon
 */
.uk-search:before {
    content: "\f002";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    line-height: 35px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.2);
}

/* Sub-object `uk-search-field`
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-search-field::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
.uk-search-field::-webkit-search-cancel-button,
.uk-search-field::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes cancel button in IE10
 */
.uk-search-field::-ms-clear {
    display: none;
}

/*
 * Removes placeholder transparency in Firefox.
 */
.uk-search-field::-moz-placeholder {
    opacity: 1;
}

/*
 * 1. Define consistent box sizing.
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Correct `font` properties and `color` not being inherited.
 * 5. Remove default style in iOS.
 * 6. Style
 */
.uk-search-field {
    /* 1 */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 2 */
    margin: 0;
    /* 3 */
    border-radius: 0;
    /* 4 */
    font: inherit;
    color: #555555;
    /* 5 */
    -webkit-appearance: none;
    /* 6 */
    width: 220px;
    height: 35px;
    padding: 0 0 0 30px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    vertical-align: middle;
    border-radius: 2px;
    background-clip: padding-box;
    font-weight: 300;
}

/* Placeholder */
.uk-search-field:-ms-input-placeholder {
    color: #999999 !important;
}

.uk-search-field::-moz-placeholder {
    color: #999999;
}

.uk-search-field::-webkit-input-placeholder {
    color: #999999;
}

/* Focus */
.uk-search-field:focus {
    outline: 0;
    border-color: rgba(0, 0, 0, 0.12);
    background-clip: padding-box;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* Focus + Active */
.uk-search-field:focus,
.uk-search.uk-active .uk-search-field {
    width: 250px;
}

/* Dropdown modifier: `uk-dropdown-search`
 ========================================================================== */
.uk-dropdown-search {
    width: 300px;
    margin-top: 0;
    background: #ffffff;
    color: #555555;
}

.uk-open > .uk-dropdown-search {
    -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
    animation: uk-slide-top-fixed 0.2s ease-in-out;
}

/*
 * Dependency `uk-navbar-flip`
 */
.uk-navbar-flip .uk-dropdown-search {
    margin-top: 10px;
    margin-right: -20px;
}

/* Nav modifier `uk-nav-search`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-search > li > a {
    color: #555555;
}

/*
 * Active
 * 1. Remove default focus style
 */
.uk-nav-search > li.uk-active > a {
    background: #ff0000;
    color: #ffffff;
    /* 1 */
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-search .uk-nav-header {
    color: #999999;
    text-shadow: none;
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-search .uk-nav-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Nested items
 */
.uk-nav-search ul a {
    color: #ff3333;
}

.uk-nav-search ul a:hover {
    color: #cc0000;
}

/* Search in offcanvas
 ========================================================================== */
.uk-offcanvas .uk-search {
    display: block;
    margin: 20px 15px;
}

.uk-offcanvas .uk-search:before {
    color: #777777;
}

.uk-offcanvas .uk-search-field {
    width: 100%;
    border-color: rgba(0, 0, 0, 0);
    background: #161616;
    color: #cccccc;
}

.uk-offcanvas .uk-search-field:-ms-input-placeholder {
    color: #777777 !important;
}

.uk-offcanvas .uk-search-field::-moz-placeholder {
    color: #777777;
}

.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
    color: #777777;
}

/* ========================================================================
   Warp theme
 ========================================================================== */
/* Layout
 ========================================================================== */
/*
 * Force vertical scrollbar
 */
html {
    overflow-y: scroll;
    height: 100%;
}

body {
    min-height: 100%;
}

@media (min-width: 768px) {
    /* Webkit flickering fix */
    .uk-panel {
        position: relative;
        -webkit-backface-visibility: hidden;
    }
}

/*
 * Blocks
 */
.tm-container {
    margin: 20px auto;
}

/* Only tablets landscape and desktop */
@media (min-width: 768px) {
    .tm-container {
        margin: 40px auto;
    }
}

/* Block Background */
.tm-grid-block,
.tm-block-bottom,
.tm-noblog .tm-content,
.uk-article {
    background: #ffffff;
}

/* Block Gutter */
.tm-grid-block,
.tm-block-bottom,
.tm-grid-block + .tm-content,
.tm-top-block + .tm-middle {
    margin-top: 20px;
}

/* Block Gutter - Only phones */
@media (max-width: 767px) {
    .tm-sidebar-a,
    .tm-sidebar-b {
        margin-top: 20px !important;
    }
}

/*
 * Headerbar
 */
.tm-headerbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
}

.tm-headerbar .tm-logo {
    float: none;
    flex: 0 0 auto;
    width: auto;
}

.tm-headerbar .tm-logo img {
    display: block;
    width: 240px;
    height: auto;
}

.tm-headerbar .uk-panel {
    max-width: none;
    margin: 0;
    float: none;
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
}

.tm-headerbar .tm-header-contacts p {
    margin: 0 0 4px;
}

.tm-headerbar .tm-header-phone {
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    line-height: 1.25;
    font-weight: bold;
    color: #ff0000;
    text-decoration: none;
    white-space: nowrap;
}

.tm-phone,
a[href^="tel:"] {
    white-space: nowrap;
}

.tm-headerbar .tm-header-meta {
    font-size: 13px;
    line-height: 1.35;
}

.tm-headerbar .tm-search {
    float: none;
    flex: 0 0 auto;
    margin-top: 0;
    margin-left: 0;
}

.tm-headerbar .tm-search .cmbf-button {
    padding: 0 16px;
    font-size: 13px;
    height: 42px;
    line-height: 40px;
    white-space: nowrap;
}

@media (max-width: 959px) {
    .tm-headerbar {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .tm-headerbar .uk-panel {
        order: 3;
        flex: 1 1 100%;
        text-align: right;
    }
}

/*
 * Toolbar
 */
.tm-toolbar {
    padding: 10px 15px;
}

/*
 * Content
 */
.tm-noblog .tm-content {
    padding: 25px;
}

/* Setting border style for panel-box within tm-content */
.tm-content .uk-panel-box {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07);
}

/*
 * Main-Top
 */
/* No gutter for main-top if sidebar is published */
.tm-grid-block.tm-main-top {
    margin-top: 0;
}

/*
 * Bottom B + Bottom C
 */
.tm-grid-block.tm-bottom-b,
.tm-grid-block.tm-bottom-c {
    margin-top: 0 !important;
    box-shadow: none;
}

/* Border top if bottom-b is published */
.tm-grid-block.tm-bottom-b + .tm-grid-block.tm-bottom-c {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Footer
 */
.tm-footer {
    position: relative;
    padding: 25px;
    background: #f7f7f7;
    text-align: center;
    font-size: 90%;
}

/* Border top if bottom-b and/or bottom-c is published */
.tm-grid-block.tm-bottom-b + .tm-footer,
.tm-grid-block.tm-bottom-c + .tm-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * To-top scroller
 */
.tm-totop-scroller {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #555555;
    text-align: center;
    -webkit-transition: all linear 0.05s;
    transition: all linear 0.05s;
}

.tm-totop-scroller:after {
    content: "\f077";
    font-family: "FontAwesome";
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.tm-totop-scroller:hover,
.tm-totop-scroller:focus {
    /* 1 */
    color: #888888;
    font-size: 16px;
    outline: none;
    /* 2 */
    text-decoration: none;
}

/* Active */
.tm-totop-scroller:active {
    color: #222222;
    font-size: 11px;
}

/* Modifier: `tm-grid-block`
 ========================================================================== */
.tm-grid-block:not(:empty) {
    margin-left: 0;
    margin-right: 0;
}

.tm-grid-block:not(:empty) > [class*='uk-width-'] {
    padding-left: 0;
    padding-right: 0;
}

/* Large gutter
 ========================================================================== */
/* Only large screens */
@media (min-width: 1220px) {
    /* Vertical gutter for panels */
    .tm-grid-block:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel {
        margin-top: 0 !important;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
    }
}

/* Panel in 'tm-grid-block'
 ========================================================================== */
/*
 * Border style
 */
.tm-grid-block > [class*='uk-width-']:nth-child(1n+2) > [class*='uk-panel-box'] {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}

/* Vertical Border - Only tablets and desktop */
@media (max-width: 768px) {
    .tm-grid-block > [class*='uk-width-']:nth-child(1n+2) > [class*='uk-panel-box'] {
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        border-left: 0;
    }
}

/* Socialbuttons
 ========================================================================== */
.tm-socialbuttons > div {
    margin-right: 10px;
    float: left;
}

/* Error
 ========================================================================== */
.tm-error-icon {
    font-size: 250px;
}

.tm-error-headline {
    font-size: 100px;
}

/* Offline
 ========================================================================== */
.tm-offline {
    width: 300px;
}

/* WordPress only
 ========================================================================== */
.alignleft {
    display: block;
    margin-right: 15px;
    float: left;
}

.alignright {
    display: block;
    margin-left: 15px;
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*
 * Widgetkit Gallery: Avenue Style
 */
/* Navigation
----------------------------------------------------------------------------------------------------*/
.wk-gallery-avenue .nav {
    position: absolute;
    top: 30px;
    right: 30px;
    text-align: center;
    z-index: 5;
}

.wk-gallery-avenue .prev + .nav {
    left: 54px;
}

.wk-gallery-avenue .nav li {
    display: inline-block;
    margin-left: 3px;
}

.wk-gallery-avenue .nav li:first-child {
    margin-left: 0;
}

.wk-gallery-avenue .nav span {
    width: 20px;
    height: 20px;
    background: url("/local/templates/ins-strudent/css/../images/widgetkit/default/nav_icons.svg") 0 0 no-repeat;
    overflow: hidden;
}

.wk-gallery-avenue .nav span:hover {
    background-position: 0 -20px;
}

.wk-gallery-avenue .nav span:active {
    background-position: 0 -40px;
}

.wk-gallery-avenue .nav .active span {
    background-position: 0 -60px;
}

/* Buttons
----------------------------------------------------------------------------------------------------*/
.wk-gallery-avenue > div {
    position: relative;
}

.wk-gallery-avenue > div:hover .next,
.wk-gallery-avenue > div:hover .prev {
    top: 50%;
    width: 50px;
    height: 52px;
    margin-top: -50px;
    background: url("/local/templates/ins-strudent/css/../images/widgetkit/default/buttons.svg") 0 0 no-repeat;
}

.wk-gallery-avenue > div:hover .prev {
    left: 30px;
    background-position: 0 0;
}

.wk-gallery-avenue > div:hover .prev:hover {
    background-position: 0 -60px;
}

.wk-gallery-avenue > div:hover .prev:active {
    background-position: 0 -120px;
}

.wk-gallery-avenue > div:hover .next {
    right: 30px;
    background-position: 0 -180px;
}

.wk-gallery-avenue > div:hover .next:hover {
    background-position: 0 -240px;
}

.wk-gallery-avenue > div:hover .next:active {
    background-position: 0 -300px;
}

/* Only phones */
@media (max-width: 480px) {
    .wk-gallery-avenue > div .prev,
    .wk-gallery-avenue > div .next {
        display: none !important;
    }
}

/* Caption
----------------------------------------------------------------------------------------------------*/
.wk-gallery-avenue .caption {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 0;
    padding: 15px 20px;
    background: rgba(0, 102, 153, 0.9);
    color: #fff;
    z-index: 5;
}

.wk-gallery-avenue .caption h1 {
    color: #fff;
    font-size: 25px;
}

.wk-gallery-avenue .caption a {
    text-decoration: none;
}

/* Only tablets & phones */
@media (max-width: 768px) {
    .wk-gallery-avenue .caption h1 {
        font-size: 28px;
    }
}

/* Only phones */
@media (max-width: 480px) {
    .wk-gallery-avenue .caption {
        display: none !important;
    }
}

/* RTL */
html[dir="rtl"] .wk-gallery-avenue > div:hover .next {
    background-position: 0 0;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .next:hover {
    background-position: 0 -60px;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .next:active {
    background-position: 0 -120px;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .prev {
    background-position: 0 -180px;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .prev:hover {
    background-position: 0 -240px;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .prev:active {
    background-position: 0 -300px;
}

/* Article style
 ========================================================================== */
.uk-article:nth-child(n+2) {
    margin-top: 20px;
}

/* Vertical Gutter - Only tablets and desktop */
@media (max-width: 767px) {
    .tm-blog > [class*='uk-width-']:nth-child(1n+2) > .tm-article {
        margin-top: 20px;
    }
}

/*
* Article padding
*/
.tm-content .uk-article {
    padding: 25px;
    border: none;
}

/*
 * Custom article date style
 */
.tm-article {
    /* Socialbuttons offset */
    /* Featured article image offset */
}

.tm-article .tm-article-content {
    position: relative;
}

.tm-article .tm-article-content.tm-article-date-true {
    margin-left: 60px;
}

.tm-article .tm-article-date-true .tm-article-date {
    position: absolute;
    top: 5px;
    left: -60px;
    width: 35px;
    padding: 5px;
    border-radius: 2px;
    background: #ff0000;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
}

.tm-article .tm-article-date-true .tm-article-date .tm-article-date-day {
    display: block;
    font-size: 11px;
}

.tm-article .tm-article-date-true .tm-article-date .tm-article-date-year {
    display: block;
    font-size: 15px;
}

.tm-article .tm-socialbuttons {
    margin-left: 60px;
}

.tm-article .tm-article-featured-image {
    margin: -25px -25px 25px -25px;
}

/* Dropdown stack
 ========================================================================== /

/
 * Reset width if column width is set
 */
.uk-dropdown-navbar.uk-dropdown-stack {
    min-width: 0 !important;
    max-width: none !important;
}

/* Background Styles
 ========================================================================== */
body {
    background: #f0f0f0 url("/local/templates/ins-strudent/css/../images/background/site_bg.jpg") 50% 0 no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* Layouts
	 ========================================================================== */
/* Block Box-Shadow */
.tm-grid-block,
.tm-block-bottom,
.uk-article,
.tm-noblog .tm-content,
.tm-middle > [class*='tm-sidebar-'] > .uk-panel {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
}

/* Widgetkit Gallery
	 ========================================================================== */
/* Caption */
.wk-gallery-avenue .caption {
    background-color: rgba(0, 102, 153, 0.9);
}

.wk-gallery-avenue .nav span {
    background-image: url("/local/templates/ins-strudent/css/../images/widgetkit/default/nav_icons.svg");
}

/*
 * Default Style
 */
/*
 * Blue Style
 */
/*
 * Salmon Style
 */
/*
 * Turquoise Style
 */
/*
 * Graphite Style
 */
/*
 * Orange Style
 */
/*
 * Lilac Style
 */
/*
 * Gold Style
 */
/* Search
 ========================================================================== */
.tm-search {
    margin-top: 10px;
}

* + .tm-search {
    margin-left: 15px;
}

/* Social Icon Buttons
 ========================================================================== */
.tm-social-icon-buttons {
    margin-top: 10px;
}

/* Hover background colors */
.tm-social-icon-buttons > .uk-icon-twitter:hover {
    background-color: #019AD1;
}

.tm-social-icon-buttons > .uk-icon-linkedin:hover {
    background-color: #069;
}

.tm-social-icon-buttons > .uk-icon-facebook:hover {
    background-color: #3b5998;
}

.tm-social-icon-buttons > .uk-icon-flickr:hover {
    background-color: #ff0084;
}

/* Social Icons
 ========================================================================== */
.tm-social-icons {
    margin: 15px 25px !important;
}

.tm-social-icons > li {
    display: inline-block;
    margin-left: 15px;
}

.tm-social-icons > li:first-child {
    margin-left: 0;
}

/* Only phones */
@media (max-width: 767px) {
    .tm-social-icons {
        margin: 15px 0 !important;
        float: none;
    }
}

/* Socialbuttons
 ========================================================================== */
.tm-socialbuttons {
    line-height: 1;
}

.tm-socialbuttons > div {
    margin-right: 10px;
    float: left;
}

/* Demo Content
 ========================================================================== */
/* Modifier: `tm-list` */
.tm-list > li {
    padding: 15px 25px 6px 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    clear: both;
}

.tm-list > li:first-child {
    border: 0;
}

.tm-list > li img {
    margin-right: 20px;
}

/* Only phones */
@media (max-width: 959px) and (min-width: 768px) {
    .tm-list > li:last-child {
        display: none !important;
    }
}

/* Modifier: `tm-subnav` */
.tm-subnav {
    margin: 15px 25px !important;
}

/* Only phones */
@media (max-width: 767px) {
    .tm-subnav > li {
        display: block;
        margin: 10px 0 !important;
        padding: 0;
    }

    .tm-subnav > li:nth-child(n+2) {
        margin-left: 0;
    }

    .tm-subnav > li:nth-child(n+2):before {
        margin-right: 0;
        border-left: 0;
    }
}

/* Modifier: `tm-list-image` */
.tm-list-image > li {
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    clear: both;
}

.tm-list-image > li:first-child {
    padding-top: 0;
    border: 0;
}

.tm-list-image > li:nth-child(n+2) {
    margin-top: 0;
    padding-top: 15px;
}

.tm-list-image > li img {
    margin-right: 15px;
}

figcaption h3 {
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(0, 153, 255);
}

figcaption h3 a {
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(0, 153, 255);
    text-decoration: none;
}

figcaption h3 a:hover {
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(0, 153, 255);
    text-decoration: underline;
}

figcaption h2 {
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    margin: 0;
}

figcaption h2 a {
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    margin: 0;
}

figcaption h2 a:hover {
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    text-decoration: underline;
    margin: 0;
}

.wk-slideset .set {
    display: none;
    position: relative;
    text-align: left;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}
/* End */


/* Start:/local/templates/ins-strudent/css/icon.css?163277824129573*/
/* ========================================================================
   Component: Icon
 ========================================================================== */

@font-face {
    font-family: 'FontAwesome';
    src: url("/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.eot");
    src: url("/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.woff") format("woff"),
    url("/local/templates/ins-strudent/css/../fonts/fontawesome-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
/*
 * 1. Allow margin
 * 2. Prevent inherit font style
 * 4. Correct line-height
 * 5. Better font rendering
 */
[class*='uk-icon-'] {
    font-family: FontAwesome;
    /* 1 */
    display: inline-block;
    /* 2 */
    font-weight: normal;
    font-style: normal;
    /* 4 */
    line-height: 1;
    /* 5 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Size modifiers
 ========================================================================== */
.uk-icon-small:before {
    font-size: 150%;
    vertical-align: -10%;
}

.uk-icon-medium:before {
    font-size: 200%;
    vertical-align: -16%;
}

.uk-icon-large:before {
    font-size: 250%;
    vertical-align: -22%;
}

/* Modifier: `uk-icon-spin`
 ========================================================================== */
.uk-icon-spin {
    display: inline-block;
    -webkit-animation: uk-rotate 2s infinite linear;
    animation: uk-rotate 2s infinite linear;
}

/* Modifier: `uk-icon-button`
 ========================================================================== */
.uk-icon-button {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.08);
    line-height: 35px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    border: 0;
    background-image: none;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-icon-button:hover,
.uk-icon-button:focus {
    background-color: rgba(0, 0, 0, 0.16);
    color: #ffffff;
    text-decoration: none;
    /* 2 */
    outline: none;
    background-image: none;
}

/* Active */
.uk-icon-button:active {
    background-color: #ff0000;
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Icon mapping
 ========================================================================== */
.uk-icon-glass:before {
    content: "\f000";
}

.uk-icon-music:before {
    content: "\f001";
}

.uk-icon-search:before {
    content: "\f002";
}

.uk-icon-envelope-o:before {
    content: "\f003";
}

.uk-icon-heart:before {
    content: "\f004";
}

.uk-icon-star:before {
    content: "\f005";
}

.uk-icon-star-o:before {
    content: "\f006";
}

.uk-icon-user:before {
    content: "\f007";
}

.uk-icon-film:before {
    content: "\f008";
}

.uk-icon-th-large:before {
    content: "\f009";
}

.uk-icon-th:before {
    content: "\f00a";
}

.uk-icon-th-list:before {
    content: "\f00b";
}

.uk-icon-check:before {
    content: "\f00c";
}

.uk-icon-remove:before,
.uk-icon-close:before,
.uk-icon-times:before {
    content: "\f00d";
}

.uk-icon-search-plus:before {
    content: "\f00e";
}

.uk-icon-search-minus:before {
    content: "\f010";
}

.uk-icon-power-off:before {
    content: "\f011";
}

.uk-icon-signal:before {
    content: "\f012";
}

.uk-icon-gear:before,
.uk-icon-cog:before {
    content: "\f013";
}

.uk-icon-trash-o:before {
    content: "\f014";
}

.uk-icon-home:before {
    content: "\f015";
}

.uk-icon-file-o:before {
    content: "\f016";
}

.uk-icon-clock-o:before {
    content: "\f017";
}

.uk-icon-road:before {
    content: "\f018";
}

.uk-icon-download:before {
    content: "\f019";
}

.uk-icon-arrow-circle-o-down:before {
    content: "\f01a";
}

.uk-icon-arrow-circle-o-up:before {
    content: "\f01b";
}

.uk-icon-inbox:before {
    content: "\f01c";
}

.uk-icon-play-circle-o:before {
    content: "\f01d";
}

.uk-icon-rotate-right:before,
.uk-icon-repeat:before {
    content: "\f01e";
}

.uk-icon-refresh:before {
    content: "\f021";
}

.uk-icon-list-alt:before {
    content: "\f022";
}

.uk-icon-lock:before {
    content: "\f023";
}

.uk-icon-flag:before {
    content: "\f024";
}

.uk-icon-headphones:before {
    content: "\f025";
}

.uk-icon-volume-off:before {
    content: "\f026";
}

.uk-icon-volume-down:before {
    content: "\f027";
}

.uk-icon-volume-up:before {
    content: "\f028";
}

.uk-icon-qrcode:before {
    content: "\f029";
}

.uk-icon-barcode:before {
    content: "\f02a";
}

.uk-icon-tag:before {
    content: "\f02b";
}

.uk-icon-tags:before {
    content: "\f02c";
}

.uk-icon-book:before {
    content: "\f02d";
}

.uk-icon-bookmark:before {
    content: "\f02e";
}

.uk-icon-print:before {
    content: "\f02f";
}

.uk-icon-camera:before {
    content: "\f030";
}

.uk-icon-font:before {
    content: "\f031";
}

.uk-icon-bold:before {
    content: "\f032";
}

.uk-icon-italic:before {
    content: "\f033";
}

.uk-icon-text-height:before {
    content: "\f034";
}

.uk-icon-text-width:before {
    content: "\f035";
}

.uk-icon-align-left:before {
    content: "\f036";
}

.uk-icon-align-center:before {
    content: "\f037";
}

.uk-icon-align-right:before {
    content: "\f038";
}

.uk-icon-align-justify:before {
    content: "\f039";
}

.uk-icon-list:before {
    content: "\f03a";
}

.uk-icon-dedent:before,
.uk-icon-outdent:before {
    content: "\f03b";
}

.uk-icon-indent:before {
    content: "\f03c";
}

.uk-icon-video-camera:before {
    content: "\f03d";
}

.uk-icon-photo:before,
.uk-icon-image:before,
.uk-icon-picture-o:before {
    content: "\f03e";
}

.uk-icon-pencil:before {
    content: "\f040";
}

.uk-icon-map-marker:before {
    content: "\f041";
}

.uk-icon-adjust:before {
    content: "\f042";
}

.uk-icon-tint:before {
    content: "\f043";
}

.uk-icon-edit:before,
.uk-icon-pencil-square-o:before {
    content: "\f044";
}

.uk-icon-share-square-o:before {
    content: "\f045";
}

.uk-icon-check-square-o:before {
    content: "\f046";
}

.uk-icon-arrows:before {
    content: "\f047";
}

.uk-icon-step-backward:before {
    content: "\f048";
}

.uk-icon-fast-backward:before {
    content: "\f049";
}

.uk-icon-backward:before {
    content: "\f04a";
}

.uk-icon-play:before {
    content: "\f04b";
}

.uk-icon-pause:before {
    content: "\f04c";
}

.uk-icon-stop:before {
    content: "\f04d";
}

.uk-icon-forward:before {
    content: "\f04e";
}

.uk-icon-fast-forward:before {
    content: "\f050";
}

.uk-icon-step-forward:before {
    content: "\f051";
}

.uk-icon-eject:before {
    content: "\f052";
}

.uk-icon-chevron-left:before {
    content: "\f053";
}

.uk-icon-chevron-right:before {
    content: "\f054";
}

.uk-icon-plus-circle:before {
    content: "\f055";
}

.uk-icon-minus-circle:before {
    content: "\f056";
}

.uk-icon-times-circle:before {
    content: "\f057";
}

.uk-icon-check-circle:before {
    content: "\f058";
}

.uk-icon-question-circle:before {
    content: "\f059";
}

.uk-icon-info-circle:before {
    content: "\f05a";
}

.uk-icon-crosshairs:before {
    content: "\f05b";
}

.uk-icon-times-circle-o:before {
    content: "\f05c";
}

.uk-icon-check-circle-o:before {
    content: "\f05d";
}

.uk-icon-ban:before {
    content: "\f05e";
}

.uk-icon-arrow-left:before {
    content: "\f060";
}

.uk-icon-arrow-right:before {
    content: "\f061";
}

.uk-icon-arrow-up:before {
    content: "\f062";
}

.uk-icon-arrow-down:before {
    content: "\f063";
}

.uk-icon-mail-forward:before,
.uk-icon-share:before {
    content: "\f064";
}

.uk-icon-expand:before {
    content: "\f065";
}

.uk-icon-compress:before {
    content: "\f066";
}

.uk-icon-plus:before {
    content: "\f067";
}

.uk-icon-minus:before {
    content: "\f068";
}

.uk-icon-asterisk:before {
    content: "\f069";
}

.uk-icon-exclamation-circle:before {
    content: "\f06a";
}

.uk-icon-gift:before {
    content: "\f06b";
}

.uk-icon-leaf:before {
    content: "\f06c";
}

.uk-icon-fire:before {
    content: "\f06d";
}

.uk-icon-eye:before {
    content: "\f06e";
}

.uk-icon-eye-slash:before {
    content: "\f070";
}

.uk-icon-warning:before,
.uk-icon-exclamation-triangle:before {
    content: "\f071";
}

.uk-icon-plane:before {
    content: "\f072";
}

.uk-icon-calendar:before {
    content: "\f073";
}

.uk-icon-random:before {
    content: "\f074";
}

.uk-icon-comment:before {
    content: "\f075";
}

.uk-icon-magnet:before {
    content: "\f076";
}

.uk-icon-chevron-up:before {
    content: "\f077";
}

.uk-icon-chevron-down:before {
    content: "\f078";
}

.uk-icon-retweet:before {
    content: "\f079";
}

.uk-icon-shopping-cart:before {
    content: "\f07a";
}

.uk-icon-folder:before {
    content: "\f07b";
}

.uk-icon-folder-open:before {
    content: "\f07c";
}

.uk-icon-arrows-v:before {
    content: "\f07d";
}

.uk-icon-arrows-h:before {
    content: "\f07e";
}

.uk-icon-bar-chart-o:before,
.uk-icon-bar-chart:before {
    content: "\f080";
}

.uk-icon-twitter-square:before {
    content: "\f081";
}

.uk-icon-facebook-square:before {
    content: "\f082";
}

.uk-icon-camera-retro:before {
    content: "\f083";
}

.uk-icon-key:before {
    content: "\f084";
}

.uk-icon-gears:before,
.uk-icon-cogs:before {
    content: "\f085";
}

.uk-icon-comments:before {
    content: "\f086";
}

.uk-icon-thumbs-o-up:before {
    content: "\f087";
}

.uk-icon-thumbs-o-down:before {
    content: "\f088";
}

.uk-icon-star-half:before {
    content: "\f089";
}

.uk-icon-heart-o:before {
    content: "\f08a";
}

.uk-icon-sign-out:before {
    content: "\f08b";
}

.uk-icon-linkedin-square:before {
    content: "\f08c";
}

.uk-icon-thumb-tack:before {
    content: "\f08d";
}

.uk-icon-external-link:before {
    content: "\f08e";
}

.uk-icon-sign-in:before {
    content: "\f090";
}

.uk-icon-trophy:before {
    content: "\f091";
}

.uk-icon-github-square:before {
    content: "\f092";
}

.uk-icon-upload:before {
    content: "\f093";
}

.uk-icon-lemon-o:before {
    content: "\f094";
}

.uk-icon-phone:before {
    content: "\f095";
}

.uk-icon-square-o:before {
    content: "\f096";
}

.uk-icon-bookmark-o:before {
    content: "\f097";
}

.uk-icon-phone-square:before {
    content: "\f098";
}

.uk-icon-twitter:before {
    content: "\f099";
}

.uk-icon-facebook:before {
    content: "\f09a";
}

.uk-icon-github:before {
    content: "\f09b";
}

.uk-icon-unlock:before {
    content: "\f09c";
}

.uk-icon-credit-card:before {
    content: "\f09d";
}

.uk-icon-rss:before {
    content: "\f09e";
}

.uk-icon-hdd-o:before {
    content: "\f0a0";
}

.uk-icon-bullhorn:before {
    content: "\f0a1";
}

.uk-icon-bell:before {
    content: "\f0f3";
}

.uk-icon-certificate:before {
    content: "\f0a3";
}

.uk-icon-hand-o-right:before {
    content: "\f0a4";
}

.uk-icon-hand-o-left:before {
    content: "\f0a5";
}

.uk-icon-hand-o-up:before {
    content: "\f0a6";
}

.uk-icon-hand-o-down:before {
    content: "\f0a7";
}

.uk-icon-arrow-circle-left:before {
    content: "\f0a8";
}

.uk-icon-arrow-circle-right:before {
    content: "\f0a9";
}

.uk-icon-arrow-circle-up:before {
    content: "\f0aa";
}

.uk-icon-arrow-circle-down:before {
    content: "\f0ab";
}

.uk-icon-globe:before {
    content: "\f0ac";
}

.uk-icon-wrench:before {
    content: "\f0ad";
}

.uk-icon-tasks:before {
    content: "\f0ae";
}

.uk-icon-filter:before {
    content: "\f0b0";
}

.uk-icon-briefcase:before {
    content: "\f0b1";
}

.uk-icon-arrows-alt:before {
    content: "\f0b2";
}

.uk-icon-group:before,
.uk-icon-users:before {
    content: "\f0c0";
}

.uk-icon-chain:before,
.uk-icon-link:before {
    content: "\f0c1";
}

.uk-icon-cloud:before {
    content: "\f0c2";
}

.uk-icon-flask:before {
    content: "\f0c3";
}

.uk-icon-cut:before,
.uk-icon-scissors:before {
    content: "\f0c4";
}

.uk-icon-copy:before,
.uk-icon-files-o:before {
    content: "\f0c5";
}

.uk-icon-paperclip:before {
    content: "\f0c6";
}

.uk-icon-save:before,
.uk-icon-floppy-o:before {
    content: "\f0c7";
}

.uk-icon-square:before {
    content: "\f0c8";
}

.uk-icon-navicon:before,
.uk-icon-reorder:before,
.uk-icon-bars:before {
    content: "\f0c9";
}

.uk-icon-list-ul:before {
    content: "\f0ca";
}

.uk-icon-list-ol:before {
    content: "\f0cb";
}

.uk-icon-strikethrough:before {
    content: "\f0cc";
}

.uk-icon-underline:before {
    content: "\f0cd";
}

.uk-icon-table:before {
    content: "\f0ce";
}

.uk-icon-magic:before {
    content: "\f0d0";
}

.uk-icon-truck:before {
    content: "\f0d1";
}

.uk-icon-pinterest:before {
    content: "\f0d2";
}

.uk-icon-pinterest-square:before {
    content: "\f0d3";
}

.uk-icon-google-plus-square:before {
    content: "\f0d4";
}

.uk-icon-google-plus:before {
    content: "\f0d5";
}

.uk-icon-money:before {
    content: "\f0d6";
}

.uk-icon-caret-down:before {
    content: "\f0d7";
}

.uk-icon-caret-up:before {
    content: "\f0d8";
}

.uk-icon-caret-left:before {
    content: "\f0d9";
}

.uk-icon-caret-right:before {
    content: "\f0da";
}

.uk-icon-columns:before {
    content: "\f0db";
}

.uk-icon-unsorted:before,
.uk-icon-sort:before {
    content: "\f0dc";
}

.uk-icon-sort-down:before,
.uk-icon-sort-desc:before {
    content: "\f0dd";
}

.uk-icon-sort-up:before,
.uk-icon-sort-asc:before {
    content: "\f0de";
}

.uk-icon-envelope:before {
    content: "\f0e0";
}

.uk-icon-linkedin:before {
    content: "\f0e1";
}

.uk-icon-rotate-left:before,
.uk-icon-undo:before {
    content: "\f0e2";
}

.uk-icon-legal:before,
.uk-icon-gavel:before {
    content: "\f0e3";
}

.uk-icon-dashboard:before,
.uk-icon-tachometer:before {
    content: "\f0e4";
}

.uk-icon-comment-o:before {
    content: "\f0e5";
}

.uk-icon-comments-o:before {
    content: "\f0e6";
}

.uk-icon-flash:before,
.uk-icon-bolt:before {
    content: "\f0e7";
}

.uk-icon-sitemap:before {
    content: "\f0e8";
}

.uk-icon-umbrella:before {
    content: "\f0e9";
}

.uk-icon-paste:before,
.uk-icon-clipboard:before {
    content: "\f0ea";
}

.uk-icon-lightbulb-o:before {
    content: "\f0eb";
}

.uk-icon-exchange:before {
    content: "\f0ec";
}

.uk-icon-cloud-download:before {
    content: "\f0ed";
}

.uk-icon-cloud-upload:before {
    content: "\f0ee";
}

.uk-icon-user-md:before {
    content: "\f0f0";
}

.uk-icon-stethoscope:before {
    content: "\f0f1";
}

.uk-icon-suitcase:before {
    content: "\f0f2";
}

.uk-icon-bell-o:before {
    content: "\f0a2";
}

.uk-icon-coffee:before {
    content: "\f0f4";
}

.uk-icon-cutlery:before {
    content: "\f0f5";
}

.uk-icon-file-text-o:before {
    content: "\f0f6";
}

.uk-icon-building-o:before {
    content: "\f0f7";
}

.uk-icon-hospital-o:before {
    content: "\f0f8";
}

.uk-icon-ambulance:before {
    content: "\f0f9";
}

.uk-icon-medkit:before {
    content: "\f0fa";
}

.uk-icon-fighter-jet:before {
    content: "\f0fb";
}

.uk-icon-beer:before {
    content: "\f0fc";
}

.uk-icon-h-square:before {
    content: "\f0fd";
}

.uk-icon-plus-square:before {
    content: "\f0fe";
}

.uk-icon-angle-double-left:before {
    content: "\f100";
}

.uk-icon-angle-double-right:before {
    content: "\f101";
}

.uk-icon-angle-double-up:before {
    content: "\f102";
}

.uk-icon-angle-double-down:before {
    content: "\f103";
}

.uk-icon-angle-left:before {
    content: "\f104";
}

.uk-icon-angle-right:before {
    content: "\f105";
}

.uk-icon-angle-up:before {
    content: "\f106";
}

.uk-icon-angle-down:before {
    content: "\f107";
}

.uk-icon-desktop:before {
    content: "\f108";
}

.uk-icon-laptop:before {
    content: "\f109";
}

.uk-icon-tablet:before {
    content: "\f10a";
}

.uk-icon-mobile-phone:before,
.uk-icon-mobile:before {
    content: "\f10b";
}

.uk-icon-circle-o:before {
    content: "\f10c";
}

.uk-icon-quote-left:before {
    content: "\f10d";
}

.uk-icon-quote-right:before {
    content: "\f10e";
}

.uk-icon-spinner:before {
    content: "\f110";
}

.uk-icon-circle:before {
    content: "\f111";
}

.uk-icon-mail-reply:before,
.uk-icon-reply:before {
    content: "\f112";
}

.uk-icon-github-alt:before {
    content: "\f113";
}

.uk-icon-folder-o:before {
    content: "\f114";
}

.uk-icon-folder-open-o:before {
    content: "\f115";
}

.uk-icon-smile-o:before {
    content: "\f118";
}

.uk-icon-frown-o:before {
    content: "\f119";
}

.uk-icon-meh-o:before {
    content: "\f11a";
}

.uk-icon-gamepad:before {
    content: "\f11b";
}

.uk-icon-keyboard-o:before {
    content: "\f11c";
}

.uk-icon-flag-o:before {
    content: "\f11d";
}

.uk-icon-flag-checkered:before {
    content: "\f11e";
}

.uk-icon-terminal:before {
    content: "\f120";
}

.uk-icon-code:before {
    content: "\f121";
}

.uk-icon-mail-reply-all:before,
.uk-icon-reply-all:before {
    content: "\f122";
}

.uk-icon-star-half-empty:before,
.uk-icon-star-half-full:before,
.uk-icon-star-half-o:before {
    content: "\f123";
}

.uk-icon-location-arrow:before {
    content: "\f124";
}

.uk-icon-crop:before {
    content: "\f125";
}

.uk-icon-code-fork:before {
    content: "\f126";
}

.uk-icon-unlink:before,
.uk-icon-chain-broken:before {
    content: "\f127";
}

.uk-icon-question:before {
    content: "\f128";
}

.uk-icon-info:before {
    content: "\f129";
}

.uk-icon-exclamation:before {
    content: "\f12a";
}

.uk-icon-superscript:before {
    content: "\f12b";
}

.uk-icon-subscript:before {
    content: "\f12c";
}

.uk-icon-eraser:before {
    content: "\f12d";
}

.uk-icon-puzzle-piece:before {
    content: "\f12e";
}

.uk-icon-microphone:before {
    content: "\f130";
}

.uk-icon-microphone-slash:before {
    content: "\f131";
}

.uk-icon-shield:before {
    content: "\f132";
}

.uk-icon-calendar-o:before {
    content: "\f133";
}

.uk-icon-fire-extinguisher:before {
    content: "\f134";
}

.uk-icon-rocket:before {
    content: "\f135";
}

.uk-icon-maxcdn:before {
    content: "\f136";
}

.uk-icon-chevron-circle-left:before {
    content: "\f137";
}

.uk-icon-chevron-circle-right:before {
    content: "\f138";
}

.uk-icon-chevron-circle-up:before {
    content: "\f139";
}

.uk-icon-chevron-circle-down:before {
    content: "\f13a";
}

.uk-icon-html5:before {
    content: "\f13b";
}

.uk-icon-css3:before {
    content: "\f13c";
}

.uk-icon-anchor:before {
    content: "\f13d";
}

.uk-icon-unlock-alt:before {
    content: "\f13e";
}

.uk-icon-bullseye:before {
    content: "\f140";
}

.uk-icon-ellipsis-h:before {
    content: "\f141";
}

.uk-icon-ellipsis-v:before {
    content: "\f142";
}

.uk-icon-rss-square:before {
    content: "\f143";
}

.uk-icon-play-circle:before {
    content: "\f144";
}

.uk-icon-ticket:before {
    content: "\f145";
}

.uk-icon-minus-square:before {
    content: "\f146";
}

.uk-icon-minus-square-o:before {
    content: "\f147";
}

.uk-icon-level-up:before {
    content: "\f148";
}

.uk-icon-level-down:before {
    content: "\f149";
}

.uk-icon-check-square:before {
    content: "\f14a";
}

.uk-icon-pencil-square:before {
    content: "\f14b";
}

.uk-icon-external-link-square:before {
    content: "\f14c";
}

.uk-icon-share-square:before {
    content: "\f14d";
}

.uk-icon-compass:before {
    content: "\f14e";
}

.uk-icon-toggle-down:before,
.uk-icon-caret-square-o-down:before {
    content: "\f150";
}

.uk-icon-toggle-up:before,
.uk-icon-caret-square-o-up:before {
    content: "\f151";
}

.uk-icon-toggle-right:before,
.uk-icon-caret-square-o-right:before {
    content: "\f152";
}

.uk-icon-euro:before,
.uk-icon-eur:before {
    content: "\f153";
}

.uk-icon-gbp:before {
    content: "\f154";
}

.uk-icon-dollar:before,
.uk-icon-usd:before {
    content: "\f155";
}

.uk-icon-rupee:before,
.uk-icon-inr:before {
    content: "\f156";
}

.uk-icon-cny:before,
.uk-icon-rmb:before,
.uk-icon-yen:before,
.uk-icon-jpy:before {
    content: "\f157";
}

.uk-icon-ruble:before,
.uk-icon-rouble:before,
.uk-icon-rub:before {
    content: "\f158";
}

.uk-icon-won:before,
.uk-icon-krw:before {
    content: "\f159";
}

.uk-icon-bitcoin:before,
.uk-icon-btc:before {
    content: "\f15a";
}

.uk-icon-file:before {
    content: "\f15b";
}

.uk-icon-file-text:before {
    content: "\f15c";
}

.uk-icon-sort-alpha-asc:before {
    content: "\f15d";
}

.uk-icon-sort-alpha-desc:before {
    content: "\f15e";
}

.uk-icon-sort-amount-asc:before {
    content: "\f160";
}

.uk-icon-sort-amount-desc:before {
    content: "\f161";
}

.uk-icon-sort-numeric-asc:before {
    content: "\f162";
}

.uk-icon-sort-numeric-desc:before {
    content: "\f163";
}

.uk-icon-thumbs-up:before {
    content: "\f164";
}

.uk-icon-thumbs-down:before {
    content: "\f165";
}

.uk-icon-youtube-square:before {
    content: "\f166";
}

.uk-icon-youtube:before {
    content: "\f167";
}

.uk-icon-xing:before {
    content: "\f168";
}

.uk-icon-xing-square:before {
    content: "\f169";
}

.uk-icon-youtube-play:before {
    content: "\f16a";
}

.uk-icon-dropbox:before {
    content: "\f16b";
}

.uk-icon-stack-overflow:before {
    content: "\f16c";
}

.uk-icon-instagram:before {
    content: "\f16d";
}

.uk-icon-flickr:before {
    content: "\f16e";
}

.uk-icon-adn:before {
    content: "\f170";
}

.uk-icon-bitbucket:before {
    content: "\f171";
}

.uk-icon-bitbucket-square:before {
    content: "\f172";
}

.uk-icon-tumblr:before {
    content: "\f173";
}

.uk-icon-tumblr-square:before {
    content: "\f174";
}

.uk-icon-long-arrow-down:before {
    content: "\f175";
}

.uk-icon-long-arrow-up:before {
    content: "\f176";
}

.uk-icon-long-arrow-left:before {
    content: "\f177";
}

.uk-icon-long-arrow-right:before {
    content: "\f178";
}

.uk-icon-apple:before {
    content: "\f179";
}

.uk-icon-windows:before {
    content: "\f17a";
}

.uk-icon-android:before {
    content: "\f17b";
}

.uk-icon-linux:before {
    content: "\f17c";
}

.uk-icon-dribbble:before {
    content: "\f17d";
}

.uk-icon-skype:before {
    content: "\f17e";
}

.uk-icon-foursquare:before {
    content: "\f180";
}

.uk-icon-trello:before {
    content: "\f181";
}

.uk-icon-female:before {
    content: "\f182";
}

.uk-icon-male:before {
    content: "\f183";
}

.uk-icon-gittip:before {
    content: "\f184";
}

.uk-icon-sun-o:before {
    content: "\f185";
}

.uk-icon-moon-o:before {
    content: "\f186";
}

.uk-icon-archive:before {
    content: "\f187";
}

.uk-icon-bug:before {
    content: "\f188";
}

.uk-icon-vk:before {
    content: "\f189";
}

.uk-icon-weibo:before {
    content: "\f18a";
}

.uk-icon-renren:before {
    content: "\f18b";
}

.uk-icon-pagelines:before {
    content: "\f18c";
}

.uk-icon-stack-exchange:before {
    content: "\f18d";
}

.uk-icon-arrow-circle-o-right:before {
    content: "\f18e";
}

.uk-icon-arrow-circle-o-left:before {
    content: "\f190";
}

.uk-icon-toggle-left:before,
.uk-icon-caret-square-o-left:before {
    content: "\f191";
}

.uk-icon-dot-circle-o:before {
    content: "\f192";
}

.uk-icon-wheelchair:before {
    content: "\f193";
}

.uk-icon-vimeo-square:before {
    content: "\f194";
}

.uk-icon-turkish-lira:before,
.uk-icon-try:before {
    content: "\f195";
}

.uk-icon-plus-square-o:before {
    content: "\f196";
}

.uk-icon-space-shuttle:before {
    content: "\f197";
}

.uk-icon-slack:before {
    content: "\f198";
}

.uk-icon-envelope-square:before {
    content: "\f199";
}

.uk-icon-wordpress:before {
    content: "\f19a";
}

.uk-icon-openid:before {
    content: "\f19b";
}

.uk-icon-institution:before,
.uk-icon-bank:before,
.uk-icon-university:before {
    content: "\f19c";
}

.uk-icon-mortar-board:before,
.uk-icon-graduation-cap:before {
    content: "\f19d";
}

.uk-icon-yahoo:before {
    content: "\f19e";
}

.uk-icon-google:before {
    content: "\f1a0";
}

.uk-icon-reddit:before {
    content: "\f1a1";
}

.uk-icon-reddit-square:before {
    content: "\f1a2";
}

.uk-icon-stumbleupon-circle:before {
    content: "\f1a3";
}

.uk-icon-stumbleupon:before {
    content: "\f1a4";
}

.uk-icon-delicious:before {
    content: "\f1a5";
}

.uk-icon-digg:before {
    content: "\f1a6";
}

.uk-icon-pied-piper:before {
    content: "\f1a7";
}

.uk-icon-pied-piper-alt:before {
    content: "\f1a8";
}

.uk-icon-drupal:before {
    content: "\f1a9";
}

.uk-icon-joomla:before {
    content: "\f1aa";
}

.uk-icon-language:before {
    content: "\f1ab";
}

.uk-icon-fax:before {
    content: "\f1ac";
}

.uk-icon-building:before {
    content: "\f1ad";
}

.uk-icon-child:before {
    content: "\f1ae";
}

.uk-icon-paw:before {
    content: "\f1b0";
}

.uk-icon-spoon:before {
    content: "\f1b1";
}

.uk-icon-cube:before {
    content: "\f1b2";
}

.uk-icon-cubes:before {
    content: "\f1b3";
}

.uk-icon-behance:before {
    content: "\f1b4";
}

.uk-icon-behance-square:before {
    content: "\f1b5";
}

.uk-icon-steam:before {
    content: "\f1b6";
}

.uk-icon-steam-square:before {
    content: "\f1b7";
}

.uk-icon-recycle:before {
    content: "\f1b8";
}

.uk-icon-automobile:before,
.uk-icon-car:before {
    content: "\f1b9";
}

.uk-icon-cab:before,
.uk-icon-taxi:before {
    content: "\f1ba";
}

.uk-icon-tree:before {
    content: "\f1bb";
}

.uk-icon-spotify:before {
    content: "\f1bc";
}

.uk-icon-deviantart:before {
    content: "\f1bd";
}

.uk-icon-soundcloud:before {
    content: "\f1be";
}

.uk-icon-database:before {
    content: "\f1c0";
}

.uk-icon-file-pdf-o:before {
    content: "\f1c1";
}

.uk-icon-file-word-o:before {
    content: "\f1c2";
}

.uk-icon-file-excel-o:before {
    content: "\f1c3";
}

.uk-icon-file-powerpoint-o:before {
    content: "\f1c4";
}

.uk-icon-file-photo-o:before,
.uk-icon-file-picture-o:before,
.uk-icon-file-image-o:before {
    content: "\f1c5";
}

.uk-icon-file-zip-o:before,
.uk-icon-file-archive-o:before {
    content: "\f1c6";
}

.uk-icon-file-sound-o:before,
.uk-icon-file-audio-o:before {
    content: "\f1c7";
}

.uk-icon-file-movie-o:before,
.uk-icon-file-video-o:before {
    content: "\f1c8";
}

.uk-icon-file-code-o:before {
    content: "\f1c9";
}

.uk-icon-vine:before {
    content: "\f1ca";
}

.uk-icon-codepen:before {
    content: "\f1cb";
}

.uk-icon-jsfiddle:before {
    content: "\f1cc";
}

.uk-icon-life-bouy:before,
.uk-icon-life-buoy:before,
.uk-icon-life-saver:before,
.uk-icon-support:before,
.uk-icon-life-ring:before {
    content: "\f1cd";
}

.uk-icon-circle-o-notch:before {
    content: "\f1ce";
}

.uk-icon-ra:before,
.uk-icon-rebel:before {
    content: "\f1d0";
}

.uk-icon-ge:before,
.uk-icon-empire:before {
    content: "\f1d1";
}

.uk-icon-git-square:before {
    content: "\f1d2";
}

.uk-icon-git:before {
    content: "\f1d3";
}

.uk-icon-hacker-news:before {
    content: "\f1d4";
}

.uk-icon-tencent-weibo:before {
    content: "\f1d5";
}

.uk-icon-qq:before {
    content: "\f1d6";
}

.uk-icon-wechat:before,
.uk-icon-weixin:before {
    content: "\f1d7";
}

.uk-icon-send:before,
.uk-icon-paper-plane:before {
    content: "\f1d8";
}

.uk-icon-send-o:before,
.uk-icon-paper-plane-o:before {
    content: "\f1d9";
}

.uk-icon-history:before {
    content: "\f1da";
}

.uk-icon-circle-thin:before {
    content: "\f1db";
}

.uk-icon-header:before {
    content: "\f1dc";
}

.uk-icon-paragraph:before {
    content: "\f1dd";
}

.uk-icon-sliders:before {
    content: "\f1de";
}

.uk-icon-share-alt:before {
    content: "\f1e0";
}

.uk-icon-share-alt-square:before {
    content: "\f1e1";
}

.uk-icon-bomb:before {
    content: "\f1e2";
}

.uk-icon-soccer-ball-o:before,
.uk-icon-futbol-o:before {
    content: "\f1e3";
}

.uk-icon-tty:before {
    content: "\f1e4";
}

.uk-icon-binoculars:before {
    content: "\f1e5";
}

.uk-icon-plug:before {
    content: "\f1e6";
}

.uk-icon-slideshare:before {
    content: "\f1e7";
}

.uk-icon-twitch:before {
    content: "\f1e8";
}

.uk-icon-yelp:before {
    content: "\f1e9";
}

.uk-icon-newspaper-o:before {
    content: "\f1ea";
}

.uk-icon-wifi:before {
    content: "\f1eb";
}

.uk-icon-calculator:before {
    content: "\f1ec";
}

.uk-icon-paypal:before {
    content: "\f1ed";
}

.uk-icon-google-wallet:before {
    content: "\f1ee";
}

.uk-icon-cc-visa:before {
    content: "\f1f0";
}

.uk-icon-cc-mastercard:before {
    content: "\f1f1";
}

.uk-icon-cc-discover:before {
    content: "\f1f2";
}

.uk-icon-cc-amex:before {
    content: "\f1f3";
}

.uk-icon-cc-paypal:before {
    content: "\f1f4";
}

.uk-icon-cc-stripe:before {
    content: "\f1f5";
}

.uk-icon-bell-slash:before {
    content: "\f1f6";
}

.uk-icon-bell-slash-o:before {
    content: "\f1f7";
}

.uk-icon-trash:before {
    content: "\f1f8";
}

.uk-icon-copyright:before {
    content: "\f1f9";
}

.uk-icon-at:before {
    content: "\f1fa";
}

.uk-icon-eyedropper:before {
    content: "\f1fb";
}

.uk-icon-paint-brush:before {
    content: "\f1fc";
}

.uk-icon-birthday-cake:before {
    content: "\f1fd";
}

.uk-icon-area-chart:before {
    content: "\f1fe";
}

.uk-icon-pie-chart:before {
    content: "\f200";
}

.uk-icon-line-chart:before {
    content: "\f201";
}

.uk-icon-lastfm:before {
    content: "\f202";
}

.uk-icon-lastfm-square:before {
    content: "\f203";
}

.uk-icon-toggle-off:before {
    content: "\f204";
}

.uk-icon-toggle-on:before {
    content: "\f205";
}

.uk-icon-bicycle:before {
    content: "\f206";
}

.uk-icon-bus:before {
    content: "\f207";
}

.uk-icon-ioxhost:before {
    content: "\f208";
}

.uk-icon-angellist:before {
    content: "\f209";
}

.uk-icon-cc:before {
    content: "\f20a";
}

.uk-icon-shekel:before,
.uk-icon-sheqel:before,
.uk-icon-ils:before {
    content: "\f20b";
}

.uk-icon-meanpath:before {
    content: "\f20c";
}

/* End */


/* Start:/local/templates/ins-strudent/css/widgetkit.css?163277824170193*/
.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.width20 {
    width: 20%
}

.width25 {
    width: 25%
}

.width33 {
    width: 33.333%
}

.width50 {
    width: 50%
}

[class*='width'] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wk-slideshow img,
.wk-gallery img,
.spotlight img,
a[data-lightbox] img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.wk-slideset img,
.wk-slideshow
canvas {
    vertical-align: middle
}

.wk-slideset
img {
    max-width: none !important
}

.wk-content > a:first-child {
    display: block
}

.wk-content > *:first-child {
    margin-top: 0
}

.wk-content > *:last-child {
    margin-bottom: 0
}

.wk-slideshow {
    visibility: hidden
}

.wk-slideshow,
.wk-slideshow
.slides {
    position: relative
}

.wk-slideshow .slides,
.wk-slideshow
.nav {
    list-style: none;
    margin: 0;
    padding: 0
}

.wk-slideshow .slides > li {
    position: absolute
}

.wk-slideshow .slides > li > a {
    display: block
}

.wk-slideshow .nav
li {
    cursor: pointer
}

.wk-slideshow .nav
span {
    display: block
}

.wk-slideshow .next,
.wk-slideshow
.prev {
    position: absolute;
    z-index: 5;
    cursor: pointer
}

.wk-slideshow
.caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5)
}

.wk-slideshow
.captions {
    display: none
}

.wk-slideshow .caption,
.wk-slideshow .caption
a {
    color: #fff
}

.wk-slideshow .caption
a {
    text-decoration: underline
}

.wk-slideshow[data-options*="kenburns"] img {
    max-width: none;
    position: relative
}

.wk-slideset {
    visibility: hidden
}

.wk-slideset
.sets {
    overflow: hidden
}

.wk-slideset .set,
.wk-slideset
.nav {
    list-style: none;
    margin: 0;
    padding: 0
}

.wk-slideset
.set {
    display: none;
    position: relative;
    text-align: center;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.wk-slideset .set:first-child {
    display: block
}

.wk-slideset .set > li {
    position: absolute
}

.wk-slideset .nav
span {
    display: block;
    cursor: pointer
}

.wk-slideset .next,
.wk-slideset
.prev {
    position: absolute;
    z-index: 5;
    cursor: pointer
}

.wk-accordion
.toggler {
    margin: 0;
    cursor: pointer
}

.wk-map
img {
    max-width: none
}

.wk-accordion, .wk-map {
    max-width: 100%
}

@media (max-width: 767px) {
    .wk-slideshow
    .caption {
        font-size: 10px;
        line-height: 14px
    }
}

.wk-zoo-item div.media-top {
    margin-bottom: 10px
}

.wk-zoo-item div.media-left {
    margin-right: 15px;
    float: left
}

.wk-zoo-item div.media-right {
    margin-left: 15px;
    float: right
}

.wk-zoo-item div.media-middle,
.wk-zoo-item div.media-bottom {
    margin-top: 15px
}

.wk-zoo-item div.media > img,
.wk-zoo-item div.media > a > img,
.wk-zoo-item div.media > object,
.wk-zoo-item div.media > embed {
    display: block
}

.wk-zoo-item
h3.title {
    margin: 0px;
    font-size: 20px;
    line-height: 26px;
    font-weight: normal;
    letter-spacing: 0px
}

.wk-zoo-item h3.title
a {
    text-decoration: none
}

.wk-zoo-item
p.meta {
    margin: 0px;
    font-size: 11px;
    color: #969696;
    line-height: 13px;
    font-style: italic
}

.wk-zoo-item
div.description {
    margin: 10px 0px 0px 0px
}

.wk-zoo-item div.description > div {
    margin-top: 5px
}

.wk-zoo-item div.description > div:first-child {
    margin-top: 0px
}

.wk-zoo-item
p.links {
    margin: 7px 0px 0px 0px
}

.wk-zoo-item p.links a:after {
    content: " »";
    font-size: 14px
}

.wk-map .wk-zoo-item
img {
    max-width: none;
    height: auto
}

.wk-accordion-default {
    margin-bottom: -10px
}

.wk-accordion-default
.toggler {
    margin-bottom: 10px;
    padding: 7px;
    border: 1px solid #ddd;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
    background: -webkit-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%);
    border-radius: 5px;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #fff
}

.wk-accordion-default
.content {
    padding: 10px
}

.wk-gallery-avenue
.nav {
    position: absolute;
    top: 30px;
    right: 30px;
    text-align: center;
    z-index: 5
}

.wk-gallery-avenue .prev + .nav {
    left: 54px
}

.wk-gallery-avenue .nav
li {
    display: inline-block;
    margin-left: 3px
}

.wk-gallery-avenue .nav li:first-child {
    margin-left: 0
}

.wk-gallery-avenue .nav
span {
    width: 20px;
    height: 20px;
    background: url("/media/widgetkit/widgets/gallery/styles/avenue/images/nav_icons.svg") 0 0 no-repeat;
    overflow: hidden
}

.wk-gallery-avenue .nav span:hover {
    background-position: 0 -20px
}

.wk-gallery-avenue .nav span:active {
    background-position: 0 -40px
}

.wk-gallery-avenue .nav .active
span {
    background-position: 0 -60px
}

.wk-gallery-avenue > div {
    position: relative
}

.wk-gallery-avenue > div:hover .next,
.wk-gallery-avenue > div:hover
.prev {
    top: 50%;
    width: 50px;
    height: 52px;
    margin-top: -50px;
    background: url("/media/widgetkit/widgets/gallery/styles/avenue/images/buttons.svg") 0 0 no-repeat
}

.wk-gallery-avenue > div:hover
.prev {
    left: 30px;
    background-position: 0 0
}

.wk-gallery-avenue > div:hover .prev:hover {
    background-position: 0 -60px
}

.wk-gallery-avenue > div:hover .prev:active {
    background-position: 0 -120px
}

.wk-gallery-avenue > div:hover
.next {
    right: 30px;
    background-position: 0 -180px
}

.wk-gallery-avenue > div:hover .next:hover {
    background-position: 0 -240px
}

.wk-gallery-avenue > div:hover .next:active {
    background-position: 0 -300px
}

@media (max-width: 480px) {
    .wk-gallery-avenue > div .prev,
    .wk-gallery-avenue > div
    .next {
        display: none !important
    }
}

.wk-gallery-avenue
.caption {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 0;
    padding: 15px 20px;
    background: rgba(48, 48, 48, 0.9);
    color: #fff;
    z-index: 5
}

.wk-gallery-avenue .caption
h1 {
    color: #fff
}

.wk-gallery-avenue .caption
a {
    text-decoration: none
}

@media (max-width: 768px) {
    .wk-gallery-avenue .caption
    h1 {
        font-size: 28px
    }
}

@media (max-width: 480px) {
    .wk-gallery-avenue
    .caption {
        display: none !important
    }
}

.wk-slideshow-inside
.nav {
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    overflow: hidden
}

.wk-slideshow-inside .nav
li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 7px 0 0;
    background: #fff;
    float: left
}

.wk-slideshow-inside .nav:hover
img {
    opacity: 0.4
}

.wk-slideshow-inside .nav li:hover
img {
    opacity: 1
}

.wk-slideshow-inside .nav li
img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.wk-slideshow-inside > div {
    position: relative
}

.wk-slideshow-inside > div:hover .next,
.wk-slideshow-inside > div:hover
.prev {
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/media/widgetkit/widgets/gallery/styles/inside/images/buttons.png") 0 50px no-repeat
}

.wk-slideshow-inside > div:hover
.next {
    right: 30px;
    background-position: 0 0
}

.wk-slideshow-inside > div:hover
.prev {
    left: 30px;
    background-position: 0 -50px
}

.wk-slideshow-inside
.caption {
    bottom: auto;
    top: 0
}

@media (max-device-width: 1024px) {
    .wk-slideshow-inside .next,
    .wk-slideshow-inside
    .prev {
        display: none
    }
}

.wk-gallery-showcase .slides-container {
    position: relative
}

.wk-gallery-showcase .slides-container:hover .next,
.wk-gallery-showcase .slides-container:hover
.prev {
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/media/widgetkit/widgets/gallery/styles/showcase/images/buttons.png") 0 50px no-repeat
}

.wk-gallery-showcase .slides-container:hover
.next {
    right: 30px;
    background-position: 0 0
}

.wk-gallery-showcase .slides-container:hover
.prev {
    left: 30px;
    background-position: 0 -50px
}

.wk-gallery-showcase .wk-slideset > div {
    padding: 0 60px
}

.wk-gallery-showcase .wk-slideset.no-buttons > div {
    padding: 0
}

.wk-gallery-showcase .wk-slideset
.sets {
    padding: 10px 0 3px 0
}

.wk-gallery-showcase .wk-slideset .set > li > div {
    margin: 0 3px;
    cursor: pointer
}

.wk-gallery-showcase .wk-slideset .set > li > div > img {
    display: block
}

.wk-gallery-showcase .wk-slideset .set:hover > li > div {
    opacity: 0.4
}

.wk-gallery-showcase .wk-slideset .set > li > div:hover {
    opacity: 1
}

.wk-gallery-showcase .wk-slideset .set:hover > li > div {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.wk-gallery-showcase .wk-slideset > div {
    position: relative
}

.wk-gallery-showcase .wk-slideset > div .next,
.wk-gallery-showcase .wk-slideset > div
.prev {
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -13px;
    background: url("/media/widgetkit/widgets/gallery/styles/showcase/images/navigation_buttons.png") 0 30px no-repeat
}

.wk-gallery-showcase .wk-slideset > div
.next {
    right: 25px;
    background-position: 0 0
}

.wk-gallery-showcase .wk-slideset > div
.prev {
    left: 25px;
    background-position: 0 -90px
}

.wk-gallery-showcase .wk-slideset > div .next:hover {
    background-position: 0 -30px
}

.wk-gallery-showcase .wk-slideset > div .next:active {
    background-position: 0 -60px
}

.wk-gallery-showcase .wk-slideset > div .prev:hover {
    background-position: 0 -120px
}

.wk-gallery-showcase .wk-slideset > div .prev:active {
    background-position: 0 -150px
}

@media (max-device-width: 1024px) {
    .wk-gallery-showcase .slides-container .next,
    .wk-gallery-showcase .slides-container
    .prev {
        display: none
    }
}

.wk-gallery-showcasebox .slides-container {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.wk-gallery-showcasebox .slides-container {
    position: relative
}

.wk-gallery-showcasebox .slides-container:hover .next,
.wk-gallery-showcasebox .slides-container:hover
.prev {
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/media/widgetkit/widgets/gallery/styles/showcase_box/images/buttons.png") 0 50px no-repeat
}

.wk-gallery-showcasebox .slides-container:hover
.next {
    right: 30px;
    background-position: 0 0
}

.wk-gallery-showcasebox .slides-container:hover
.prev {
    left: 30px;
    background-position: 0 -50px
}

.wk-gallery-showcasebox .wk-slideset > div {
    padding: 0 60px;
    border: 1px solid #222;
    background: #555;
    background: -moz-linear-gradient(top, #444 0%, #555 7%, #444 100%);
    background: -webkit-linear-gradient(top, #444 0%, #555 7%, #444 100%);
    background: -o-linear-gradient(top, #444 0%, #555 7%, #444 100%);
    background: linear-gradient(to bottom, #444 0%, #555 7%, #444 100%);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) inset,
    0 0 50px rgba(0, 0, 0, 0.2) inset;
    border-radius: 0 0 5px 5px
}

.wk-gallery-showcasebox .wk-slideset.no-buttons > div {
    padding: 0
}

.wk-gallery-showcasebox .wk-slideset
.sets {
    padding: 15px 0
}

.wk-gallery-showcasebox .wk-slideset .set > li > div {
    margin: 0 3px;
    padding: 1px;
    background: #333;
    background: -moz-linear-gradient(top, #333 80%, #222 100%);
    background: -webkit-linear-gradient(top, #333 80%, #222 100%);
    background: -o-linear-gradient(top, #333 80%, #222 100%);
    background: linear-gradient(to bottom, #333 80%, #222 100%);
    border-radius: 5px;
    cursor: pointer
}

.wk-gallery-showcasebox .wk-slideset .set > li > div > div {
    padding: 5px;
    background: #444;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset
}

.wk-gallery-showcasebox .wk-slideset .set > li > div > div > img {
    display: block;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0.8
}

.wk-gallery-showcasebox .wk-slideset .set > li:hover > div {
    background: #333;
    background: -moz-linear-gradient(top, #333, #222);
    background: -webkit-linear-gradient(top, #333, #222);
    background: -o-linear-gradient(top, #333, #222);
    background: linear-gradient(to bottom, #333, #222);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3)
}

.wk-gallery-showcasebox .wk-slideset .set > li:hover > div > div {
    background: #666;
    background: -moz-linear-gradient(top, #666, #555);
    background: -webkit-linear-gradient(top, #666, #555);
    background: -o-linear-gradient(top, #666, #555);
    background: linear-gradient(to bottom, #666, #555)
}

.wk-gallery-showcasebox .wk-slideset .set > li:hover > div > div > img {
    opacity: 1
}

.wk-gallery-showcasebox .wk-slideset .set > li.active > div {
    background: #222;
    background: -moz-linear-gradient(top, #111, #222);
    background: -webkit-linear-gradient(top, #111, #222);
    background: -o-linear-gradient(top, #111, #222);
    background: linear-gradient(to bottom, #111, #222);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2)
}

.wk-gallery-showcasebox .wk-slideset .set > li.active > div > div {
    background: #444;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) inset
}

.wk-gallery-showcasebox .wk-slideset .set > li.active > div > div > img {
    opacity: 1
}

.wk-gallery-showcasebox .wk-slideset > div {
    position: relative
}

.wk-gallery-showcasebox .wk-slideset > div .next,
.wk-gallery-showcasebox .wk-slideset > div
.prev {
    top: 50%;
    width: 30px;
    height: 32px;
    margin-top: -16px;
    background: url("/media/widgetkit/widgets/gallery/styles/showcase_box/images/navigation_buttons.png") 0 0 no-repeat
}

.wk-gallery-showcasebox .wk-slideset > div
.next {
    right: 25px;
    background-position: 0 0
}

.wk-gallery-showcasebox .wk-slideset > div
.prev {
    left: 25px;
    background-position: 0 -96px
}

.wk-gallery-showcasebox .wk-slideset > div .next:hover {
    background-position: 0 -32px
}

.wk-gallery-showcasebox .wk-slideset > div .next:active {
    background-position: 0 -64px
}

.wk-gallery-showcasebox .wk-slideset > div .prev:hover {
    background-position: 0 -128px
}

.wk-gallery-showcasebox .wk-slideset > div .prev:active {
    background-position: 0 -160px
}

@media (max-device-width: 1024px) {
    .wk-gallery-showcasebox .slides-container .next,
    .wk-gallery-showcasebox .slides-container
    .prev {
        display: none
    }
}

@media (max-width: 767px) {
    .wk-gallery-showcasebox .wk-slideset > div {
        padding: 0 40px
    }

    .wk-gallery-showcasebox .wk-slideset > div
    .next {
        right: 5px
    }

    .wk-gallery-showcasebox .wk-slideset > div
    .prev {
        left: 5px
    }
}

.wk-gallery-slider {
    overflow: hidden
}

.wk-gallery-slider
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.wk-gallery-slider ul
li {
    float: left;
    overflow: hidden
}

.wk-gallery-slider ul li > a {
    display: block
}

.wk-gallery-slider ul li
.spotlight {
    max-width: none
}

@media (max-width: 767px) {
    .wk-gallery-slider ul li
    .spotlight {
        font-size: 10px;
        line-height: 14px
    }
}

.wk-gallery-wall > * {
    display: block;
    float: left
}

.wk-gallery-wall.margin {
    margin: 0 -15px -15px 0
}

.wk-gallery-wall.margin > * {
    margin: 0 15px 15px 0
}

.wk-gallery-wall.round > *,
.wk-gallery-wall.round > * > img,
.wk-gallery-wall.round .spotlight > img + div {
    border-radius: 10px;
    overflow: hidden
}

.wk-gallery-wall.round .spotlight[data-spotlight*="top"] .overlay {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.wk-gallery-wall.round .spotlight[data-spotlight*="bottom"] .overlay {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.wk-gallery-wall.zoom > * {
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out
}

.wk-gallery-wall.zoom > *:hover {
    z-index: 10;
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2)
}

.wk-gallery-wall.polaroid {
    position: relative;
    z-index: 0
}

.wk-gallery-wall.polaroid > * > div {
    position: relative;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}

.wk-gallery-wall.polaroid > * > div:before, .wk-gallery-wall.polaroid > * > div:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 8px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    -ms-transform: skew(-15deg) rotate(-6deg);
    -o-transform: skew(-15deg) rotate(-6deg);
    transform: skew(-15deg) rotate(-6deg)
}

.wk-gallery-wall.polaroid > * > div:after {
    left: auto;
    right: 10px;
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    -ms-transform: skew(15deg) rotate(6deg);
    -o-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg)
}

.wk-gallery-wall.polaroid
p.title {
    margin: 0;
    padding-top: 10px;
    text-align: center;
    color: #444
}

.wk-gallery-wall.polaroid {
    margin: 30px 0
}

.wk-gallery-wall.polaroid > * {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.wk-gallery-wall.polaroid
p.title {
    -webkit-transform-style: preserve-3d
}

.wk-gallery-wall.polaroid > *:nth-child(even) {
    -webkit-transform: rotate(3deg) scale(1.05);
    -moz-transform: rotate(3deg) scale(1.05);
    -ms-transform: rotate(3deg) scale(1.05);
    -o-transform: rotate(3deg) scale(1.05);
    transform: rotate(3deg) scale(1.05)
}

.wk-gallery-wall.polaroid > *:nth-child(5n) {
    -webkit-transform: rotate(-4deg) scale(0.9);
    -moz-transform: rotate(-4deg) scale(0.9);
    -ms-transform: rotate(-4deg) scale(0.9);
    -o-transform: rotate(-4deg) scale(0.9);
    transform: rotate(-4deg) scale(0.9);
    position: relative;
    left: -10px
}

.wk-gallery-wall.polaroid > * {
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out
}

.wk-gallery-wall.polaroid > *:hover {
    position: relative;
    z-index: 10;
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2)
}

#lightbox-loading {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104
}

#lightbox-loading
div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url("/media/widgetkit/widgets/lightbox/images/loading.png")
}

#lightbox-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100
}

#lightbox-tmp {
    display: none;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto
}

#lightbox-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none
}

#lightbox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
    box-shadow: 0px 0px 15px #555
}

#lightbox-content {
    position: relative;
    width: 0;
    height: 0;
    padding: 0;
    border: 0px solid #FFF;
    outline: none;
    overflow: hidden;
    z-index: 1102
}

#lightbox-close {
    display: none;
    position: absolute;
    top: -17px;
    right: -17px;
    width: 34px;
    height: 34px;
    background: url("/media/widgetkit/widgets/lightbox/images/close.png") 0 0 no-repeat;
    cursor: pointer;
    z-index: 1103
}

#lightbox-error {
    margin: 0;
    padding: 14px;
    font: normal 12px/20px Arial;
    color: #444
}

#lightbox-img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top
}

#lightbox-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: none
}

#lightbox-left, #lightbox-right {
    display: none;
    position: absolute;
    top: 100px;
    bottom: 100px;
    width: 35%;
    outline: none;
    background: url("/media/widgetkit/widgets/lightbox/images/blank.gif");
    z-index: 1102;
    cursor: pointer
}

#lightbox-left {
    left: 0px
}

#lightbox-right {
    right: 0px
}

#lightbox-left-ico, #lightbox-right-ico {
    display: block;
    position: absolute;
    top: 50%;
    left: -9999px;
    z-index: 1102;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/media/widgetkit/widgets/lightbox/images/buttons.png") 0 0 no-repeat;
    cursor: pointer
}

#lightbox-right-ico {
    background-position: 0 -50px
}

#lightbox-left:hover
span {
    left: 30px
}

#lightbox-right:hover
span {
    left: auto;
    right: 30px
}

#lightbox-title {
    font-size: 12px;
    z-index: 1102
}

#lightbox-title.lightbox-title-float {
    padding: 5px 10px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    font-weight: bold;
    border-radius: 6px
}

#lightbox-title.lightbox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #FFF;
    position: relative
}

#lightbox-title.lightbox-title-outside {
    padding-top: 10px;
    color: #FFF
}

#lightbox-title.lightbox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, 0.5)
}

#lightbox-title-over {
    padding: 10px
}

a[data-lightbox] {
    display: inline-block;
    max-width: 100%
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}

.me-plugin {
    position: absolute;
    height: auto;
    width: auto
}

.mejs-embed, .mejs-embed
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen
video {
    width: 100%;
    height: 100%
}

.mejs-clear {
    clear: both
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

:root .mejs-poster
img {
    display: none
}

.mejs-poster
img {
    border: 0;
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/bigplay.svg") no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url("/media/widgetkit/widgets/mediaplayer/mediaelement/bigplay.png")
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9))
}

.mejs-overlay-loading
span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url("/media/widgetkit/widgets/mediaplayer/mediaelement/loading.gif") 50% 50% no-repeat
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%
}

.mejs-container .mejs-controls
div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0
}

.mejs-controls .mejs-button
button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url("/media/widgetkit/widgets/mediaplayer/mediaelement/controls.svg") no-repeat
}

.no-svg .mejs-controls .mejs-button
button {
    background-image: url("/media/widgetkit/widgets/mediaplayer/mediaelement/controls.png")
}

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time
span {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-play
button {
    background-position: 0 0
}

.mejs-controls .mejs-pause
button {
    background-position: 0 -16px
}

.mejs-controls .mejs-stop
button {
    background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px
}

.mejs-controls .mejs-time-rail
span {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button
button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen
button {
    background-position: -32px -16px
}

.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute
button {
    background-position: -16px -16px
}

.mejs-controls .mejs-unmute
button {
    background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0
}

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button
button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector
ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul
li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li
input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li
label {
    width: 55px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff
}

.mejs-captions-layer
a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap
}

.me-cannotplay {
}

.me-cannotplay
a {
    color: #fff;
    font-weight: bold
}

.me-cannotplay
span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off
button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on
button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off
button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on
button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button
button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector
ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul
li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li
input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li
label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative
}

.mejs-controls .mejs-button.mejs-speed-button
button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #fff
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url("/media/widgetkit/widgets/mediaplayer/mediaelement/background.png");
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
    visibility: visible
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: rgba(33, 248, 248, 1)
}

.mejs-controls .mejs-speed-button .mejs-speed-selector
ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul
li {
    margin: 0 0 6px 0;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li
input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li
label {
    width: 60px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: white;
    margin-left: 5px;
    cursor: pointer
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: rgb(200, 200, 200) !important;
    background-color: rgba(255, 255, 255, .4) !important
}

.wk-slideset-default
.nav {
    margin-top: 10px;
    text-align: center
}

.wk-slideset-default .nav
li {
    display: inline-block
}

.wk-slideset-default .nav.icon
li {
    margin-left: 5px
}

.wk-slideset-default .nav.text
li {
    margin-left: 40px
}

.wk-slideset-default .nav li:first-child {
    margin-left: 0
}

.wk-slideset-default .nav.icon
span {
    width: 16px;
    height: 15px;
    background: url("/media/widgetkit/widgets/slideset/styles/default/images/nav.png") 0 0 no-repeat;
    overflow: hidden
}

.wk-slideset-default .nav.icon span:hover {
    background-position: 0 -30px
}

.wk-slideset-default .nav.icon span:active {
    background-position: 0 -45px
}

.wk-slideset-default .nav.icon .active
span {
    background-position: 0 -15px
}

.wk-slideset-default .nav.text
span {
    padding: 0 11px
}

.wk-slideset-default .nav.text .active
span {
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.05)
}

.wk-slideset-default > div {
    position: relative
}

.wk-slideset-default > div:hover .next,
.wk-slideset-default > div:hover
.prev {
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/media/widgetkit/widgets/slideset/styles/default/images/buttons.png") 0 50px no-repeat
}

.wk-slideset-default > div:hover
.next {
    right: 30px;
    background-position: 0 0
}

.wk-slideset-default > div:hover
.prev {
    left: 30px;
    background-position: 0 -50px
}

.wk-slideset-default
.sets {
    margin: 0 -10px
}

.wk-slideset-default
article {
    margin: 0 10px
}

.wk-slideset-default article + strong.title {
    font-weight: normal
}

@media (max-device-width: 1024px) {
    .wk-slideset-default .next,
    .wk-slideset-default
    .prev {
        display: none
    }
}

@media (max-width: 767px) {
    .wk-slideset-default .nav.text
    li {
        margin-left: 10px
    }

    .wk-slideset-default .nav.text li:first-child {
        margin-left: 0
    }

    .wk-slideset-default .nav.text
    span {
        padding: 0 6px;
        font-size: 12px
    }

    .wk-slideset-default .nav.text .active
    span {
        padding: 0 5px
    }
}

.wk-slideshow-default
.nav {
    margin-top: 15px;
    text-align: center
}

.wk-slideshow-default .nav
li {
    display: inline-block;
    margin-left: 5px
}

.wk-slideshow-default .nav li:first-child {
    margin-left: 0
}

.wk-slideshow-default .nav
span {
    width: 16px;
    height: 15px;
    background: url("/media/widgetkit/widgets/slideshow/styles/default/images/nav.png") 0 0 no-repeat;
    overflow: hidden
}

.wk-slideshow-default .nav span:hover {
    background-position: 0 -30px
}

.wk-slideshow-default .nav span:active {
    background-position: 0 -45px
}

.wk-slideshow-default .nav .active
span {
    background-position: 0 -15px
}

.wk-slideshow-default > div {
    position: relative
}

.wk-slideshow-default > div:hover .next,
.wk-slideshow-default > div:hover
.prev {
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/media/widgetkit/widgets/slideshow/styles/default/images/buttons.png") 0 50px no-repeat
}

.wk-slideshow-default > div:hover
.next {
    right: 30px;
    background-position: 0 0
}

.wk-slideshow-default > div:hover
.prev {
    left: 30px;
    background-position: 0 -50px
}

@media (max-device-width: 1024px) {
    .wk-slideshow-default .next,
    .wk-slideshow-default
    .prev {
        display: none
    }
}

.wk-slideshow-list > div {
    border: 1px solid #ddd;
    background: #FFF;
    border-radius: 5px
}

.wk-slideshow-list
.nav {
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 200px;
    border-top: 1px solid #fff;
    border-right: 1px solid #ddd;
    background: #F5F5F5;
    background: -moz-linear-gradient(left, #FDFDFD 97%, #F0F0F0 100%);
    background: -webkit-linear-gradient(left, #FDFDFD 97%, #F0F0F0 100%);
    background: -o-linear-gradient(left, #FDFDFD 97%, #F0F0F0 100%);
    background: linear-gradient(to right, #FDFDFD 97%, #F0F0F0 100%);
    border-radius: 5px 0 0 5px
}

.wk-slideshow-list .nav
li {
    margin-right: -1px;
    padding: 1px 0
}

.wk-slideshow-list .nav
span {
    padding: 10px 15px 8px 15px;
    overflow: hidden
}

.wk-slideshow-list .nav
li.active {
    padding: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.wk-slideshow-list .nav li.active:first-child {
    padding-top: 1px;
    border-top: none;
    border-radius: 5px 0 0 0
}

.wk-slideshow-list .slides-container {
    margin-left: 200px
}

.wk-slideshow-list .slides > li > article {
    padding: 20px
}

.wk-slideshow-list .nav-100 {
    width: 100px
}

.wk-slideshow-list .nav-100 + .slides-container {
    margin-left: 100px
}

.wk-slideshow-list .nav-150 {
    width: 150px
}

.wk-slideshow-list .nav-150 + .slides-container {
    margin-left: 150px
}

.wk-slideshow-list .nav-250 {
    width: 250px
}

.wk-slideshow-list .nav-250 + .slides-container {
    margin-left: 250px
}

@media (max-width: 767px) {
    .wk-slideshow-list .nav
    span {
        padding-left: 10px;
        padding-right: 0;
        font-size: 10px;
        line-height: 14px
    }

    .wk-slideshow-list .nav,
    .wk-slideshow-list .nav-100,
    .wk-slideshow-list .nav-150,
    .wk-slideshow-list .nav-250 {
        width: 80px
    }

    .wk-slideshow-list .slides-container,
    .wk-slideshow-list .nav-100 + .slides-container,
    .wk-slideshow-list .nav-150 + .slides-container,
    .wk-slideshow-list .nav-250 + .slides-container {
        margin-left: 80px
    }
}

.wk-slideshow-screen > div {
    position: relative;
    border-radius: 8px;
    background: #000;
    padding: 15px;
    margin-bottom: 20px
}

.wk-slideshow-screen > div:before {
    content: "";
    position: absolute;
    bottom: -40px;
    left: -10px;
    right: -10px;
    height: 76px;
    background: url("/media/widgetkit/widgets/slideshow/styles/screen/images/shadow.png") 0 0 no-repeat;
    background-size: 100% 100%
}

.wk-slideshow-screen
.caption {
    bottom: 15px;
    left: 15px;
    right: 15px
}

.wk-slideshow-screen
.nav {
    position: relative;
    margin-top: 15px;
    text-align: center
}

.wk-slideshow-screen .nav
li {
    display: inline-block;
    margin-left: 5px
}

.wk-slideshow-screen .nav li:first-child {
    margin-left: 0
}

.wk-slideshow-screen .nav
span {
    width: 13px;
    height: 13px;
    background: url("/media/widgetkit/widgets/slideshow/styles/screen/images/nav.png") 0 0 no-repeat;
    overflow: hidden
}

.wk-slideshow-screen .nav span:hover {
    background-position: 0 -26px
}

.wk-slideshow-screen .nav span:active {
    background-position: 0 -39px
}

.wk-slideshow-screen .nav .active
span {
    background-position: 0 -13px
}

.wk-slideshow-screen > div {
    position: relative
}

.wk-slideshow-screen > div:hover .next,
.wk-slideshow-screen > div:hover
.prev {
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url("/media/widgetkit/widgets/slideshow/styles/screen/images/buttons.png") 0 40px no-repeat
}

.wk-slideshow-screen > div:hover
.next {
    right: 30px;
    background-position: 0 0
}

.wk-slideshow-screen > div:hover
.prev {
    left: 30px;
    background-position: 0 -40px
}

@media (max-device-width: 1024px) {
    .wk-slideshow-screen .next,
    .wk-slideshow-screen
    .prev {
        display: none
    }
}

.wk-slideshow-showcasebox .slides-container {
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: #FFF
}

.wk-slideshow-showcasebox .slides-container {
    position: relative
}

.wk-slideshow-showcasebox .slides-container:hover .next,
.wk-slideshow-showcasebox .slides-container:hover
.prev {
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/media/widgetkit/widgets/slideshow/styles/showcase_box/images/buttons.png") 0 50px no-repeat
}

.wk-slideshow-showcasebox .slides-container:hover
.next {
    right: 30px;
    background-position: 0 0
}

.wk-slideshow-showcasebox .slides-container:hover
.prev {
    left: 30px;
    background-position: 0 -50px
}

.wk-slideshow-showcasebox .slides > li > article {
    padding: 20px
}

.wk-slideshow-showcasebox .wk-slideset > div {
    padding: 0 60px;
    border: 1px solid #ddd;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #F0F0F0 0%, #FDFDFD 7%);
    background: -webkit-linear-gradient(top, #F0F0F0 0%, #FDFDFD 7%);
    background: -o-linear-gradient(top, #F0F0F0 0%, #FDFDFD 7%);
    background: linear-gradient(to bottom, #F0F0F0 0%, #FDFDFD 7%);
    border-radius: 0 0 5px 5px
}

.wk-slideshow-showcasebox .wk-slideset.no-buttons > div {
    padding: 0
}

.wk-slideshow-showcasebox .wk-slideset
.sets {
    padding: 15px 0
}

.wk-slideshow-showcasebox .wk-slideset .set > li > div {
    margin: 0 5px;
    padding: 1px;
    background: #ddd;
    border-radius: 5px;
    cursor: pointer
}

.wk-slideshow-showcasebox .wk-slideset .set > li > div > div {
    padding: 7px;
    background: #F5F5F5;
    border-radius: 5px;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #fff;
    text-align: left;
    white-space: nowrap
}

.wk-slideshow-showcasebox .wk-slideset .set > li > div:hover {
    background: #ccc;
    background: -moz-linear-gradient(top, #ddd, #bbb);
    background: -webkit-linear-gradient(top, #ddd, #bbb);
    background: -o-linear-gradient(top, #ddd, #bbb);
    background: linear-gradient(to bottom, #ddd, #bbb);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.10)
}

.wk-slideshow-showcasebox .wk-slideset .set > li > div:hover > div {
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ebebeb);
    background: -webkit-linear-gradient(top, #fff, #ebebeb);
    background: -o-linear-gradient(top, #fff, #ebebeb);
    background: linear-gradient(to bottom, #fff, #ebebeb)
}

.wk-slideshow-showcasebox .wk-slideset .set > li.active > div {
    background: #bbb;
    box-shadow: none
}

.wk-slideshow-showcasebox .wk-slideset .set > li.active > div > div {
    background: #e6e6e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset
}

.wk-slideshow-showcasebox .wk-slideset > div {
    position: relative
}

.wk-slideshow-showcasebox .wk-slideset > div .next,
.wk-slideshow-showcasebox .wk-slideset > div
.prev {
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url("/media/widgetkit/widgets/slideshow/styles/showcase_box/images/navigation_buttons.png") 0 0 no-repeat
}

.wk-slideshow-showcasebox .wk-slideset > div
.next {
    right: 25px;
    background-position: 0 0
}

.wk-slideshow-showcasebox .wk-slideset > div
.prev {
    left: 25px;
    background-position: 0 -90px
}

.wk-slideshow-showcasebox .wk-slideset > div .next:hover {
    background-position: 0 -30px
}

.wk-slideshow-showcasebox .wk-slideset > div .next:active {
    background-position: 0 -60px
}

.wk-slideshow-showcasebox .wk-slideset > div .prev:hover {
    background-position: 0 -120px
}

.wk-slideshow-showcasebox .wk-slideset > div .prev:active {
    background-position: 0 -150px
}

@media (max-device-width: 1024px) {
    .wk-slideshow-showcasebox .slides-container .next,
    .wk-slideshow-showcasebox .slides-container
    .prev {
        display: none
    }
}

@media (max-width: 767px) {
    .wk-slideshow-showcasebox .wk-slideset > div {
        padding: 0 40px
    }

    .wk-slideshow-showcasebox .wk-slideset > div
    .next {
        right: 5px
    }

    .wk-slideshow-showcasebox .wk-slideset > div
    .prev {
        left: 5px
    }
}

.wk-slideshow-showcasebuttons .slides-container {
    position: relative
}

.wk-slideshow-showcasebuttons .slides-container:hover .next,
.wk-slideshow-showcasebuttons .slides-container:hover
.prev {
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/media/widgetkit/widgets/slideshow/styles/showcase_buttons/images/buttons.png") 0 50px no-repeat
}

.wk-slideshow-showcasebuttons .slides-container:hover
.next {
    right: 30px;
    background-position: 0 0
}

.wk-slideshow-showcasebuttons .slides-container:hover
.prev {
    left: 30px;
    background-position: 0 -50px
}

.wk-slideshow-showcasebuttons .wk-slideset > div {
    padding: 0 60px
}

.wk-slideshow-showcasebuttons .wk-slideset.no-buttons > div {
    padding: 0
}

.wk-slideshow-showcasebuttons .wk-slideset
.sets {
    padding-top: 15px
}

.wk-slideshow-showcasebuttons .wk-slideset .set > li > div {
    margin: 0 5px;
    padding: 1px;
    background: #ddd;
    border-radius: 5px;
    cursor: pointer
}

.wk-slideshow-showcasebuttons .wk-slideset .set > li > div > div {
    padding: 7px;
    background: #F5F5F5;
    border-radius: 5px;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #fff;
    text-align: left;
    white-space: nowrap
}

.wk-slideshow-showcasebuttons .wk-slideset .set > li > div:hover {
    background: #ccc;
    background: -moz-linear-gradient(top, #ddd, #bbb);
    background: -webkit-linear-gradient(top, #ddd, #bbb);
    background: -o-linear-gradient(top, #ddd, #bbb);
    background: linear-gradient(to bottom, #ddd, #bbb);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.10)
}

.wk-slideshow-showcasebuttons .wk-slideset .set > li > div:hover > div {
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ebebeb);
    background: -webkit-linear-gradient(top, #fff, #ebebeb);
    background: -o-linear-gradient(top, #fff, #ebebeb);
    background: linear-gradient(to bottom, #fff, #ebebeb)
}

.wk-slideshow-showcasebuttons .wk-slideset .set > li.active > div {
    background: #bbb;
    box-shadow: none
}

.wk-slideshow-showcasebuttons .wk-slideset .set > li.active > div > div {
    background: #e6e6e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset
}

.wk-slideshow-showcasebuttons .wk-slideset > div {
    position: relative
}

.wk-slideshow-showcasebuttons .wk-slideset > div .next,
.wk-slideshow-showcasebuttons .wk-slideset > div
.prev {
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -8px;
    background: url("/media/widgetkit/widgets/slideshow/styles/showcase_buttons/images/navigation_buttons.png") 0 0 no-repeat
}

.wk-slideshow-showcasebuttons .wk-slideset > div
.next {
    right: 25px;
    background-position: 0 0
}

.wk-slideshow-showcasebuttons .wk-slideset > div
.prev {
    left: 25px;
    background-position: 0 -90px
}

.wk-slideshow-showcasebuttons .wk-slideset > div .next:hover {
    background-position: 0 -30px
}

.wk-slideshow-showcasebuttons .wk-slideset > div .next:active {
    background-position: 0 -60px
}

.wk-slideshow-showcasebuttons .wk-slideset > div .prev:hover {
    background-position: 0 -120px
}

.wk-slideshow-showcasebuttons .wk-slideset > div .prev:active {
    background-position: 0 -150px
}

@media (max-device-width: 1024px) {
    .wk-slideshow-showcasebuttons .slides-container .next,
    .wk-slideshow-showcasebuttons .slides-container
    .prev {
        display: none
    }
}

.wk-slideshow-tabs .nav,
.wk-slideshow-tabs .nav li,
.wk-slideshow-tabs .nav
span {
    float: left
}

.wk-slideshow-tabs .nav
li {
    margin: 0 0 -1px 5px;
    border: 1px solid #ddd;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: -webkit-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: -o-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: linear-gradient(to bottom, #FAFAFA, #F5F5F5);
    border-radius: 5px 5px 0 0;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #fff
}

.wk-slideshow-tabs .nav li:first-child {
    margin-left: 0
}

.wk-slideshow-tabs .nav
span {
    padding: 7px 15px 5px 15px;
    overflow: hidden
}

.wk-slideshow-tabs .nav li:hover {
    background: #f0f0f0
}

.wk-slideshow-tabs .nav li:active:not([class*="active"]) span {
    padding-top: 8px;
    padding-bottom: 4px
}

.wk-slideshow-tabs .nav
li.active {
    padding-bottom: 1px;
    border-bottom: none;
    background: #fff
}

.wk-slideshow-tabs .slides-container {
    border: 1px solid #ddd;
    background: #FFF;
    border-radius: 5px
}

.wk-slideshow-tabs .slides > li > article {
    padding: 15px
}

.wk-slideshow-tabs .nav-left + .slides-container {
    border-top-left-radius: 0
}

.wk-slideshow-tabs .nav-center
.nav {
    position: relative;
    left: 50%
}

.wk-slideshow-tabs .nav-center .nav
li {
    position: relative;
    left: -50%
}

.wk-slideshow-tabs .nav-right
.nav {
    float: right
}

.wk-slideshow-tabs .nav-right + .slides-container {
    border-top-right-radius: 0
}

@media (max-width: 767px) {
    .wk-slideshow-tabs .nav
    span {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10px;
        line-height: 14px
    }
}

.wk-slideshow-tabsbar .nav-container {
    border: 1px solid #ddd;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: -webkit-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: -o-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: linear-gradient(to bottom, #FAFAFA, #F5F5F5);
    border-radius: 5px 5px 0 0;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #fff
}

.wk-slideshow-tabsbar .nav,
.wk-slideshow-tabsbar .nav li,
.wk-slideshow-tabsbar .nav
span {
    float: left
}

.wk-slideshow-tabsbar .nav
li {
    margin-bottom: -1px;
    border-right: 1px solid #ddd
}

.wk-slideshow-tabsbar .nav
span {
    margin-right: -2px;
    padding: 7px 17px 5px 15px;
    border-right: 1px solid #fff;
    overflow: hidden
}

.wk-slideshow-tabsbar .nav li:hover {
    background: #f0f0f0
}

.wk-slideshow-tabsbar .nav li:active:not([class*="active"]) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset
}

.wk-slideshow-tabsbar .nav li:active:not([class*="active"]) span {
    padding-top: 8px;
    padding-bottom: 4px
}

.wk-slideshow-tabsbar .nav
li.active {
    padding-bottom: 1px;
    background: #fff
}

.wk-slideshow-tabsbar .slides-container {
    border: 1px solid #ddd;
    border-top: none;
    background: #FFF;
    border-radius: 0 0 5px 5px
}

.wk-slideshow-tabsbar .slides > li > article {
    padding: 15px
}

.wk-slideshow-tabsbar .nav-left li:hover:first-child,
.wk-slideshow-tabsbar .nav-left li:active:first-child,
.wk-slideshow-tabsbar .nav-left li.active:first-child {
    border-top-left-radius: 5px
}

.wk-slideshow-tabsbar .nav-center
.nav {
    position: relative;
    left: 50%
}

.wk-slideshow-tabsbar .nav-center .nav
li {
    position: relative;
    left: -50%
}

.wk-slideshow-tabsbar .nav-center .nav li:first-child {
    border-left: 1px solid #ddd
}

.wk-slideshow-tabsbar .nav-center .nav li:first-child
span {
    border-left: 1px solid #fff
}

.wk-slideshow-tabsbar .nav-right
.nav {
    float: right
}

.wk-slideshow-tabsbar .nav-right
li {
    border-right: none;
    border-left: 1px solid #ddd
}

.wk-slideshow-tabsbar .nav-right
span {
    border-right: none;
    border-left: 1px solid #fff
}

.wk-slideshow-tabsbar .nav-right li:hover:last-child,
.wk-slideshow-tabsbar .nav-right li:active:last-child,
.wk-slideshow-tabsbar .nav-right li.active:last-child {
    border-top-right-radius: 5px
}

@media (max-width: 767px) {
    .wk-slideshow-tabsbar .nav
    span {
        padding-left: 10px;
        padding-right: 12px;
        font-size: 10px;
        line-height: 14px
    }
}

.spotlight {
    display: inline-block;
    max-width: 100%
}

.spotlight
.overlay {
    visibility: hidden
}

.spotlight .overlay-default {
    background: rgba(0, 0, 0, 0.5) url("/media/widgetkit/widgets/spotlight/images/magnifier.png") 50% 50% no-repeat
}

[data-spotlight] .overlay {
    display: none
}

.spotlight
.overlay {
    background: rgba(0, 0, 0, 0.5)
}

.spotlight .overlay,
.spotlight .overlay
a {
    color: #fff
}

.spotlight .overlay
a {
    text-decoration: underline
}

.spotlight .overlay > div {
    padding: 10px
}

.spotlight .overlay.remove-padding > div {
    padding: 0
}

.spotlight .overlay > div > *:first-child {
    margin-top: 0
}

.spotlight .overlay > div > *:last-child {
    margin-bottom: 0
}

.wk-twitter
.image {
    display: block;
    padding: 3px;
    border: 1px solid #ddd;
    float: left
}

.wk-twitter .image
img {
    display: block
}

.wk-twitter-list
article {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
    overflow: hidden
}

.wk-twitter-list article:first-child {
    margin: 0;
    padding: 0;
    border: none
}

.wk-twitter-list
.image {
    margin: 3px 10px 0 0
}

.wk-twitter-list
p {
    margin: 0
}

.wk-twitter-list
.meta {
    font-size: 11px;
    font-style: italic
}

.wk-twitter-single.image {
    min-height: 43px;
    padding-left: 70px;
    background: url("/media/widgetkit/widgets/twitter/styles/single/images/bird.png") 0 3px no-repeat
}

.wk-twitter-single
p {
    margin: 0;
    font-style: italic
}

.wk-twitter-single
.content {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    line-height: 30px
}

.wk-twitter-single
.meta {
    font-size: 11px
}

@media (max-width: 767px) {
    .wk-twitter-single.image {
        min-height: 0;
        padding-left: 0;
        background: none
    }

    .wk-twitter-single
    .content {
        font-size: 20px;
        line-height: 26px
    }
}

.wk-twitter-bubbles {
    margin: 0 -5px
}

.wk-twitter-bubbles > article {
    float: left
}

.wk-twitter-bubbles
.content {
    position: relative;
    margin: 0 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #FFF;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

.wk-twitter-bubbles .content:after {
    content: "";
    position: absolute;
    left: 18px;
    bottom: -11px;
    width: 16px;
    height: 11px;
    background: url("/media/widgetkit/widgets/twitter/styles/bubbles/images/arrow.png") 0 0 no-repeat
}

.wk-twitter-bubbles
.meta {
    margin: 10px 5px 0 5px;
    overflow: hidden
}

.wk-twitter-bubbles
.image {
    display: block;
    margin-right: 10px;
    float: left
}

.wk-twitter-bubbles .author,
.wk-twitter-bubbles
time {
    display: block
}

.wk-twitter-bubbles
.author {
    margin-top: 5px
}

.wk-twitter-bubbles
time {
    margin-top: -5px;
    font-size: 11px
}
/* End */


/* Start:/local/templates/ins-strudent/css/button.css?1632778241279*/
.bx-btn-red {
    color: #fff;
    background: #ff0000;
    border-color: #ff3333;
}

.bx-btn-blue {
    color: #fff;
    background: #0099ff;
    border-color: rgba(0, 153, 255, 0.87);
}

.bx-btn-dark-blue {
    color: #fff;
    background: #003e71;
    border-color: #005689;
}
/* End */


/* Start:/local/templates/ins-strudent/components/bitrix/menu/main/style.min.css?1632778241490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/ins-strudent/components/bitrix/menu/main/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/ins-strudent/components/bitrix/menu/mobile/style.min.css?1632778241490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/ins-strudent/components/bitrix/menu/mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/ins-strudent/template_styles.css?1632778245531*/
.ng-navbar-logo_mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.ng-navbar-btn_mobile {
    display: flex;
    align-items: center;
}

@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }
    .w-sm-100 {
        width: 100% !important;
    }
}

.tm-content {
    float: none;
}

.n-logo {
    display: block;
    width: 169px;
    height: 45px;
    text-decoration: none;
    background: url(/include/logo-vsk.svg) no-repeat;
    outline: none;
}
/* End */
/* /local/templates/ins-strudent/css/font-awesome.min.css?163277824131000 */
/* /local/templates/ins-strudent/css/call-me-back-form.css?16327782418794 */
/* /local/templates/ins-strudent/css/custom.css?1632778241726 */
/* /local/templates/ins-strudent/css/template.css?1632778241367 */
/* /local/templates/ins-strudent/css/theme.css?1789974115153139 */
/* /local/templates/ins-strudent/css/icon.css?163277824129573 */
/* /local/templates/ins-strudent/css/widgetkit.css?163277824170193 */
/* /local/templates/ins-strudent/css/button.css?1632778241279 */
/* /local/templates/ins-strudent/components/bitrix/menu/main/style.min.css?1632778241490 */
/* /local/templates/ins-strudent/components/bitrix/menu/mobile/style.min.css?1632778241490 */
/* /local/templates/ins-strudent/template_styles.css?1632778245531 */