/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url("https://cdn.openpublishing.com/fonts//fontawesome-webfont.eot?v=4.6.3");src:url("https://cdn.openpublishing.com/fonts//fontawesome-webfont.eot?#iefix&v=4.6.3") format('embedded-opentype'),url("https://cdn.openpublishing.com/fonts//fontawesome-webfont.woff2?v=4.6.3") format('woff2'),url("https://cdn.openpublishing.com/fonts//fontawesome-webfont.woff?v=4.6.3") format('woff'),url("https://cdn.openpublishing.com/fonts//fontawesome-webfont.ttf?v=4.6.3") format('truetype'),url("https://cdn.openpublishing.com/fonts//fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}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-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"}.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}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@media(max-width:400px){@-ms-viewport{width:320px}}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.grid-container:before,.mobile-grid-5:before,.mobile-grid-10:before,.mobile-grid-15:before,.mobile-grid-20:before,.mobile-grid-25:before,.mobile-grid-30:before,.mobile-grid-35:before,.mobile-grid-40:before,.mobile-grid-45:before,.mobile-grid-50:before,.mobile-grid-55:before,.mobile-grid-60:before,.mobile-grid-65:before,.mobile-grid-70:before,.mobile-grid-75:before,.mobile-grid-80:before,.mobile-grid-85:before,.mobile-grid-90:before,.mobile-grid-95:before,.mobile-grid-100:before,.mobile-grid-33:before,.mobile-grid-66:before,.tablet-grid-5:before,.tablet-grid-10:before,.tablet-grid-15:before,.tablet-grid-20:before,.tablet-grid-25:before,.tablet-grid-30:before,.tablet-grid-35:before,.tablet-grid-40:before,.tablet-grid-45:before,.tablet-grid-50:before,.tablet-grid-55:before,.tablet-grid-60:before,.tablet-grid-65:before,.tablet-grid-70:before,.tablet-grid-75:before,.tablet-grid-80:before,.tablet-grid-85:before,.tablet-grid-90:before,.tablet-grid-95:before,.tablet-grid-100:before,.tablet-grid-33:before,.tablet-grid-66:before,.grid-5:before,.grid-10:before,.grid-15:before,.grid-20:before,.grid-25:before,.grid-30:before,.grid-35:before,.grid-40:before,.grid-45:before,.grid-50:before,.grid-55:before,.grid-60:before,.grid-65:before,.grid-70:before,.grid-75:before,.grid-80:before,.grid-85:before,.grid-90:before,.grid-95:before,.grid-100:before,.grid-33:before,.grid-66:before,.grid-offset:before,.clearfix:before,.grid-container:after,.mobile-grid-5:after,.mobile-grid-10:after,.mobile-grid-15:after,.mobile-grid-20:after,.mobile-grid-25:after,.mobile-grid-30:after,.mobile-grid-35:after,.mobile-grid-40:after,.mobile-grid-45:after,.mobile-grid-50:after,.mobile-grid-55:after,.mobile-grid-60:after,.mobile-grid-65:after,.mobile-grid-70:after,.mobile-grid-75:after,.mobile-grid-80:after,.mobile-grid-85:after,.mobile-grid-90:after,.mobile-grid-95:after,.mobile-grid-100:after,.mobile-grid-33:after,.mobile-grid-66:after,.tablet-grid-5:after,.tablet-grid-10:after,.tablet-grid-15:after,.tablet-grid-20:after,.tablet-grid-25:after,.tablet-grid-30:after,.tablet-grid-35:after,.tablet-grid-40:after,.tablet-grid-45:after,.tablet-grid-50:after,.tablet-grid-55:after,.tablet-grid-60:after,.tablet-grid-65:after,.tablet-grid-70:after,.tablet-grid-75:after,.tablet-grid-80:after,.tablet-grid-85:after,.tablet-grid-90:after,.tablet-grid-95:after,.tablet-grid-100:after,.tablet-grid-33:after,.tablet-grid-66:after,.grid-5:after,.grid-10:after,.grid-15:after,.grid-20:after,.grid-25:after,.grid-30:after,.grid-35:after,.grid-40:after,.grid-45:after,.grid-50:after,.grid-55:after,.grid-60:after,.grid-65:after,.grid-70:after,.grid-75:after,.grid-80:after,.grid-85:after,.grid-90:after,.grid-95:after,.grid-100:after,.grid-33:after,.grid-66:after,.grid-offset:after,.clearfix:after{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.grid-container:after,.mobile-grid-5:after,.mobile-grid-10:after,.mobile-grid-15:after,.mobile-grid-20:after,.mobile-grid-25:after,.mobile-grid-30:after,.mobile-grid-35:after,.mobile-grid-40:after,.mobile-grid-45:after,.mobile-grid-50:after,.mobile-grid-55:after,.mobile-grid-60:after,.mobile-grid-65:after,.mobile-grid-70:after,.mobile-grid-75:after,.mobile-grid-80:after,.mobile-grid-85:after,.mobile-grid-90:after,.mobile-grid-95:after,.mobile-grid-100:after,.mobile-grid-33:after,.mobile-grid-66:after,.tablet-grid-5:after,.tablet-grid-10:after,.tablet-grid-15:after,.tablet-grid-20:after,.tablet-grid-25:after,.tablet-grid-30:after,.tablet-grid-35:after,.tablet-grid-40:after,.tablet-grid-45:after,.tablet-grid-50:after,.tablet-grid-55:after,.tablet-grid-60:after,.tablet-grid-65:after,.tablet-grid-70:after,.tablet-grid-75:after,.tablet-grid-80:after,.tablet-grid-85:after,.tablet-grid-90:after,.tablet-grid-95:after,.tablet-grid-100:after,.tablet-grid-33:after,.tablet-grid-66:after,.grid-5:after,.grid-10:after,.grid-15:after,.grid-20:after,.grid-25:after,.grid-30:after,.grid-35:after,.grid-40:after,.grid-45:after,.grid-50:after,.grid-55:after,.grid-60:after,.grid-65:after,.grid-70:after,.grid-75:after,.grid-80:after,.grid-85:after,.grid-90:after,.grid-95:after,.grid-100:after,.grid-33:after,.grid-66:after,.grid-offset:after,.clearfix:after{clear:both}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:10px;padding-right:10px}.mobile-grid-5,.mobile-grid-10,.mobile-grid-15,.mobile-grid-20,.mobile-grid-25,.mobile-grid-30,.mobile-grid-35,.mobile-grid-40,.mobile-grid-45,.mobile-grid-50,.mobile-grid-55,.mobile-grid-60,.mobile-grid-65,.mobile-grid-70,.mobile-grid-75,.mobile-grid-80,.mobile-grid-85,.mobile-grid-90,.mobile-grid-95,.mobile-grid-100,.mobile-grid-33,.mobile-grid-66,.tablet-grid-5,.tablet-grid-10,.tablet-grid-15,.tablet-grid-20,.tablet-grid-25,.tablet-grid-30,.tablet-grid-35,.tablet-grid-40,.tablet-grid-45,.tablet-grid-50,.tablet-grid-55,.tablet-grid-60,.tablet-grid-65,.tablet-grid-70,.tablet-grid-75,.tablet-grid-80,.tablet-grid-85,.tablet-grid-90,.tablet-grid-95,.tablet-grid-100,.tablet-grid-33,.tablet-grid-66,.grid-5,.grid-10,.grid-15,.grid-20,.grid-25,.grid-30,.grid-35,.grid-40,.grid-45,.grid-50,.grid-55,.grid-60,.grid-65,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95,.grid-100,.grid-33,.grid-66{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:10px}.grid-parent{padding-left:0;padding-right:0}.grid-offset{clear:both;margin-left:-10px;margin-right:-10px}@media(max-width:767px){.mobile-push-5,.mobile-pull-5,.mobile-push-10,.mobile-pull-10,.mobile-push-15,.mobile-pull-15,.mobile-push-20,.mobile-pull-20,.mobile-push-25,.mobile-pull-25,.mobile-push-30,.mobile-pull-30,.mobile-push-35,.mobile-pull-35,.mobile-push-40,.mobile-pull-40,.mobile-push-45,.mobile-pull-45,.mobile-push-50,.mobile-pull-50,.mobile-push-55,.mobile-pull-55,.mobile-push-60,.mobile-pull-60,.mobile-push-65,.mobile-pull-65,.mobile-push-70,.mobile-pull-70,.mobile-push-75,.mobile-pull-75,.mobile-push-80,.mobile-pull-80,.mobile-push-85,.mobile-pull-85,.mobile-push-90,.mobile-pull-90,.mobile-push-95,.mobile-pull-95,.mobile-push-33,.mobile-pull-33,.mobile-push-66,.mobile-pull-66{position:relative}.hide-on-mobile{display:none !important}.mobile-grid-5{float:left;width:5%}.mobile-prefix-5{margin-left:5%}.mobile-suffix-5{margin-right:5%}.mobile-push-5{left:5%}.mobile-pull-5{left:-5%}.mobile-grid-10{float:left;width:10%}.mobile-prefix-10{margin-left:10%}.mobile-suffix-10{margin-right:10%}.mobile-push-10{left:10%}.mobile-pull-10{left:-10%}.mobile-grid-15{float:left;width:15%}.mobile-prefix-15{margin-left:15%}.mobile-suffix-15{margin-right:15%}.mobile-push-15{left:15%}.mobile-pull-15{left:-15%}.mobile-grid-20{float:left;width:20%}.mobile-prefix-20{margin-left:20%}.mobile-suffix-20{margin-right:20%}.mobile-push-20{left:20%}.mobile-pull-20{left:-20%}.mobile-grid-25{float:left;width:25%}.mobile-prefix-25{margin-left:25%}.mobile-suffix-25{margin-right:25%}.mobile-push-25{left:25%}.mobile-pull-25{left:-25%}.mobile-grid-30{float:left;width:30%}.mobile-prefix-30{margin-left:30%}.mobile-suffix-30{margin-right:30%}.mobile-push-30{left:30%}.mobile-pull-30{left:-30%}.mobile-grid-35{float:left;width:35%}.mobile-prefix-35{margin-left:35%}.mobile-suffix-35{margin-right:35%}.mobile-push-35{left:35%}.mobile-pull-35{left:-35%}.mobile-grid-40{float:left;width:40%}.mobile-prefix-40{margin-left:40%}.mobile-suffix-40{margin-right:40%}.mobile-push-40{left:40%}.mobile-pull-40{left:-40%}.mobile-grid-45{float:left;width:45%}.mobile-prefix-45{margin-left:45%}.mobile-suffix-45{margin-right:45%}.mobile-push-45{left:45%}.mobile-pull-45{left:-45%}.mobile-grid-50{float:left;width:50%}.mobile-prefix-50{margin-left:50%}.mobile-suffix-50{margin-right:50%}.mobile-push-50{left:50%}.mobile-pull-50{left:-50%}.mobile-grid-55{float:left;width:55%}.mobile-prefix-55{margin-left:55%}.mobile-suffix-55{margin-right:55%}.mobile-push-55{left:55%}.mobile-pull-55{left:-55%}.mobile-grid-60{float:left;width:60%}.mobile-prefix-60{margin-left:60%}.mobile-suffix-60{margin-right:60%}.mobile-push-60{left:60%}.mobile-pull-60{left:-60%}.mobile-grid-65{float:left;width:65%}.mobile-prefix-65{margin-left:65%}.mobile-suffix-65{margin-right:65%}.mobile-push-65{left:65%}.mobile-pull-65{left:-65%}.mobile-grid-70{float:left;width:70%}.mobile-prefix-70{margin-left:70%}.mobile-suffix-70{margin-right:70%}.mobile-push-70{left:70%}.mobile-pull-70{left:-70%}.mobile-grid-75{float:left;width:75%}.mobile-prefix-75{margin-left:75%}.mobile-suffix-75{margin-right:75%}.mobile-push-75{left:75%}.mobile-pull-75{left:-75%}.mobile-grid-80{float:left;width:80%}.mobile-prefix-80{margin-left:80%}.mobile-suffix-80{margin-right:80%}.mobile-push-80{left:80%}.mobile-pull-80{left:-80%}.mobile-grid-85{float:left;width:85%}.mobile-prefix-85{margin-left:85%}.mobile-suffix-85{margin-right:85%}.mobile-push-85{left:85%}.mobile-pull-85{left:-85%}.mobile-grid-90{float:left;width:90%}.mobile-prefix-90{margin-left:90%}.mobile-suffix-90{margin-right:90%}.mobile-push-90{left:90%}.mobile-pull-90{left:-90%}.mobile-grid-95{float:left;width:95%}.mobile-prefix-95{margin-left:95%}.mobile-suffix-95{margin-right:95%}.mobile-push-95{left:95%}.mobile-pull-95{left:-95%}.mobile-grid-33{float:left;width:33.33333%}.mobile-prefix-33{margin-left:33.33333%}.mobile-suffix-33{margin-right:33.33333%}.mobile-push-33{left:33.33333%}.mobile-pull-33{left:-33.33333%}.mobile-grid-66{float:left;width:66.66667%}.mobile-prefix-66{margin-left:66.66667%}.mobile-suffix-66{margin-right:66.66667%}.mobile-push-66{left:66.66667%}.mobile-pull-66{left:-66.66667%}.mobile-grid-100{clear:both;width:100%}}@media(min-width:768px) and (max-width:1024px){.tablet-push-5,.tablet-pull-5,.tablet-push-10,.tablet-pull-10,.tablet-push-15,.tablet-pull-15,.tablet-push-20,.tablet-pull-20,.tablet-push-25,.tablet-pull-25,.tablet-push-30,.tablet-pull-30,.tablet-push-35,.tablet-pull-35,.tablet-push-40,.tablet-pull-40,.tablet-push-45,.tablet-pull-45,.tablet-push-50,.tablet-pull-50,.tablet-push-55,.tablet-pull-55,.tablet-push-60,.tablet-pull-60,.tablet-push-65,.tablet-pull-65,.tablet-push-70,.tablet-pull-70,.tablet-push-75,.tablet-pull-75,.tablet-push-80,.tablet-pull-80,.tablet-push-85,.tablet-pull-85,.tablet-push-90,.tablet-pull-90,.tablet-push-95,.tablet-pull-95,.tablet-push-33,.tablet-pull-33,.tablet-push-66,.tablet-pull-66{position:relative}.hide-on-tablet{display:none !important}.tablet-grid-5{float:left;width:5%}.tablet-prefix-5{margin-left:5%}.tablet-suffix-5{margin-right:5%}.tablet-push-5{left:5%}.tablet-pull-5{left:-5%}.tablet-grid-10{float:left;width:10%}.tablet-prefix-10{margin-left:10%}.tablet-suffix-10{margin-right:10%}.tablet-push-10{left:10%}.tablet-pull-10{left:-10%}.tablet-grid-15{float:left;width:15%}.tablet-prefix-15{margin-left:15%}.tablet-suffix-15{margin-right:15%}.tablet-push-15{left:15%}.tablet-pull-15{left:-15%}.tablet-grid-20{float:left;width:20%}.tablet-prefix-20{margin-left:20%}.tablet-suffix-20{margin-right:20%}.tablet-push-20{left:20%}.tablet-pull-20{left:-20%}.tablet-grid-25{float:left;width:25%}.tablet-prefix-25{margin-left:25%}.tablet-suffix-25{margin-right:25%}.tablet-push-25{left:25%}.tablet-pull-25{left:-25%}.tablet-grid-30{float:left;width:30%}.tablet-prefix-30{margin-left:30%}.tablet-suffix-30{margin-right:30%}.tablet-push-30{left:30%}.tablet-pull-30{left:-30%}.tablet-grid-35{float:left;width:35%}.tablet-prefix-35{margin-left:35%}.tablet-suffix-35{margin-right:35%}.tablet-push-35{left:35%}.tablet-pull-35{left:-35%}.tablet-grid-40{float:left;width:40%}.tablet-prefix-40{margin-left:40%}.tablet-suffix-40{margin-right:40%}.tablet-push-40{left:40%}.tablet-pull-40{left:-40%}.tablet-grid-45{float:left;width:45%}.tablet-prefix-45{margin-left:45%}.tablet-suffix-45{margin-right:45%}.tablet-push-45{left:45%}.tablet-pull-45{left:-45%}.tablet-grid-50{float:left;width:50%}.tablet-prefix-50{margin-left:50%}.tablet-suffix-50{margin-right:50%}.tablet-push-50{left:50%}.tablet-pull-50{left:-50%}.tablet-grid-55{float:left;width:55%}.tablet-prefix-55{margin-left:55%}.tablet-suffix-55{margin-right:55%}.tablet-push-55{left:55%}.tablet-pull-55{left:-55%}.tablet-grid-60{float:left;width:60%}.tablet-prefix-60{margin-left:60%}.tablet-suffix-60{margin-right:60%}.tablet-push-60{left:60%}.tablet-pull-60{left:-60%}.tablet-grid-65{float:left;width:65%}.tablet-prefix-65{margin-left:65%}.tablet-suffix-65{margin-right:65%}.tablet-push-65{left:65%}.tablet-pull-65{left:-65%}.tablet-grid-70{float:left;width:70%}.tablet-prefix-70{margin-left:70%}.tablet-suffix-70{margin-right:70%}.tablet-push-70{left:70%}.tablet-pull-70{left:-70%}.tablet-grid-75{float:left;width:75%}.tablet-prefix-75{margin-left:75%}.tablet-suffix-75{margin-right:75%}.tablet-push-75{left:75%}.tablet-pull-75{left:-75%}.tablet-grid-80{float:left;width:80%}.tablet-prefix-80{margin-left:80%}.tablet-suffix-80{margin-right:80%}.tablet-push-80{left:80%}.tablet-pull-80{left:-80%}.tablet-grid-85{float:left;width:85%}.tablet-prefix-85{margin-left:85%}.tablet-suffix-85{margin-right:85%}.tablet-push-85{left:85%}.tablet-pull-85{left:-85%}.tablet-grid-90{float:left;width:90%}.tablet-prefix-90{margin-left:90%}.tablet-suffix-90{margin-right:90%}.tablet-push-90{left:90%}.tablet-pull-90{left:-90%}.tablet-grid-95{float:left;width:95%}.tablet-prefix-95{margin-left:95%}.tablet-suffix-95{margin-right:95%}.tablet-push-95{left:95%}.tablet-pull-95{left:-95%}.tablet-grid-33{float:left;width:33.33333%}.tablet-prefix-33{margin-left:33.33333%}.tablet-suffix-33{margin-right:33.33333%}.tablet-push-33{left:33.33333%}.tablet-pull-33{left:-33.33333%}.tablet-grid-66{float:left;width:66.66667%}.tablet-prefix-66{margin-left:66.66667%}.tablet-suffix-66{margin-right:66.66667%}.tablet-push-66{left:66.66667%}.tablet-pull-66{left:-66.66667%}.tablet-grid-100{clear:both;width:100%}}@media(min-width:1025px){.push-5,.pull-5,.push-10,.pull-10,.push-15,.pull-15,.push-20,.pull-20,.push-25,.pull-25,.push-30,.pull-30,.push-35,.pull-35,.push-40,.pull-40,.push-45,.pull-45,.push-50,.pull-50,.push-55,.pull-55,.push-60,.pull-60,.push-65,.pull-65,.push-70,.pull-70,.push-75,.pull-75,.push-80,.pull-80,.push-85,.pull-85,.push-90,.pull-90,.push-95,.pull-95,.push-33,.pull-33,.push-66,.pull-66{position:relative}.hide-on-desktop{display:none !important}.grid-5{float:left;width:5%}.prefix-5{margin-left:5%}.suffix-5{margin-right:5%}.push-5{left:5%}.pull-5{left:-5%}.grid-10{float:left;width:10%}.prefix-10{margin-left:10%}.suffix-10{margin-right:10%}.push-10{left:10%}.pull-10{left:-10%}.grid-15{float:left;width:15%}.prefix-15{margin-left:15%}.suffix-15{margin-right:15%}.push-15{left:15%}.pull-15{left:-15%}.grid-20{float:left;width:20%}.prefix-20{margin-left:20%}.suffix-20{margin-right:20%}.push-20{left:20%}.pull-20{left:-20%}.grid-25{float:left;width:25%}.prefix-25{margin-left:25%}.suffix-25{margin-right:25%}.push-25{left:25%}.pull-25{left:-25%}.grid-30{float:left;width:30%}.prefix-30{margin-left:30%}.suffix-30{margin-right:30%}.push-30{left:30%}.pull-30{left:-30%}.grid-35{float:left;width:35%}.prefix-35{margin-left:35%}.suffix-35{margin-right:35%}.push-35{left:35%}.pull-35{left:-35%}.grid-40{float:left;width:40%}.prefix-40{margin-left:40%}.suffix-40{margin-right:40%}.push-40{left:40%}.pull-40{left:-40%}.grid-45{float:left;width:45%}.prefix-45{margin-left:45%}.suffix-45{margin-right:45%}.push-45{left:45%}.pull-45{left:-45%}.grid-50{float:left;width:50%}.prefix-50{margin-left:50%}.suffix-50{margin-right:50%}.push-50{left:50%}.pull-50{left:-50%}.grid-55{float:left;width:55%}.prefix-55{margin-left:55%}.suffix-55{margin-right:55%}.push-55{left:55%}.pull-55{left:-55%}.grid-60{float:left;width:60%}.prefix-60{margin-left:60%}.suffix-60{margin-right:60%}.push-60{left:60%}.pull-60{left:-60%}.grid-65{float:left;width:65%}.prefix-65{margin-left:65%}.suffix-65{margin-right:65%}.push-65{left:65%}.pull-65{left:-65%}.grid-70{float:left;width:70%}.prefix-70{margin-left:70%}.suffix-70{margin-right:70%}.push-70{left:70%}.pull-70{left:-70%}.grid-75{float:left;width:75%}.prefix-75{margin-left:75%}.suffix-75{margin-right:75%}.push-75{left:75%}.pull-75{left:-75%}.grid-80{float:left;width:80%}.prefix-80{margin-left:80%}.suffix-80{margin-right:80%}.push-80{left:80%}.pull-80{left:-80%}.grid-85{float:left;width:85%}.prefix-85{margin-left:85%}.suffix-85{margin-right:85%}.push-85{left:85%}.pull-85{left:-85%}.grid-90{float:left;width:90%}.prefix-90{margin-left:90%}.suffix-90{margin-right:90%}.push-90{left:90%}.pull-90{left:-90%}.grid-95{float:left;width:95%}.prefix-95{margin-left:95%}.suffix-95{margin-right:95%}.push-95{left:95%}.pull-95{left:-95%}.grid-33{float:left;width:33.33333%}.prefix-33{margin-left:33.33333%}.suffix-33{margin-right:33.33333%}.push-33{left:33.33333%}.pull-33{left:-33.33333%}.grid-66{float:left;width:66.66667%}.prefix-66{margin-left:66.66667%}.suffix-66{margin-right:66.66667%}.push-66{left:66.66667%}.pull-66{left:-66.66667%}.grid-100{clear:both;width:100%}}

/*
Theme Name: Sitepoint Base
Theme URI: https://www.sitepoint.com/basetheme/
Author: Sitepoint
Author URI: http://sitepoint.com
Description: The Sitepoint Base is a clean, fast and simple platform for creating beautiful, responsive custom WordPress themes. It's a simple starter theme built on HTML5 & CSS3. At its core is a fluid, responsive grid based on percentages, making for a flexible layout. It incorporates a set of common templates, the gorgeous, retina friendly Font Awesome icon font. The Sitepoint Base is WooCommerce compatible, Multilingual Ready (WPML) and translateable. It's also compatible with a wide range of popular page builders such as Visual Composer, Beaver Builder, Divi Builder, SiteOrigin Page Builder and the Elementor Page Builder.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: sitepoint-base
*/


/* ==========================================================================
   Default stylings from HTML5 Boilerplate
   ========================================================================== */

/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Using rem font sizing (Root em’s) with fallback to px for ie8 and below - http://snook.ca/archives/html_and_css/font-size-with-rem */
body { margin: 0; font-size: 16px; font-size: 1rem; line-height: 1.5; }

::-webkit-selection { background: #5784FE; color: #fff; text-shadow: none; }
::-moz-selection { background: #5784FE; color: #fff; text-shadow: none; }
::selection { background: #5784FE; color: #fff; text-shadow: none; }

a { color: #3a3a3a; text-decoration: underline; }
a:visited { color: #666; }
a:hover { color: #b40101; }

menu { padding: 0; }

td { vertical-align: top; }

/* ==========================================================================
   Basic page styles
   ========================================================================== */

body {
	margin: 0 auto;
	padding: 0;
	font: 16px/1.5 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	background: #fff;
	color: #3a3a3a;
	text-align: left;
}

/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */
canvas {
	-ms-touch-action: double-tap-zoom;
}

/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {
	max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Responsive images */
img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Header */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #3a3a3a;
	margin-top: 0;
}

h1 {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	font-size: 45px;
	font-size: 4.5rem;
	line-height: 1.25;
}

h2 {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.1666;
}

h3 {
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.2857;
}


h4 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.25;
}

h5 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 20px;
  font-size: 2rem;
	line-height: 1.25;
}

h6 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2142;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin: 1.5rem;
}

ol, ul {
	list-style: none outside none;
}

p, ol, ul, dl, address {
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0;
}

dt {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
}

figure {
	margin: 1rem 0;
	margin: 16px 0;
}

b, strong {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
}

em {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
}

strong em, b em {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 700;
}

ins {
	background: none repeat scroll 0 0 #FFF9C0;
	text-decoration: none;
}

a {
	color: #3a3a3a;
	outline: none;
}

a:visited {
	color: #666;
}

a:focus {
	outline: thin dotted;
	color: #339bcb;
}

a:hover, a:active {
	outline: 0;
	color: #339bcb;
}

q:before,
q:after {
	content: '';
	content: none;
}

q::before {
    content: open-quote;
}
q::after {
    content: close-quote;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

code, pre {
	border-radius: 3px;
	color: #555;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 0 3px 2px;
	padding: 0 0.1875rem 0.125rem;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	padding: 2px 4px;
	padding: 0.125rem 0.25rem;
}

pre {
	background-color: #fafafa;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 1px 11px;
	margin: 1.7rem 0 1.7rem 0.3rem;
}

abbr,
dfn,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.menu-toggle, button, input {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

.menu-toggle, button, input {
	*overflow: visible;
	line-height: normal;
}

.menu-toggle::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="button"] {
	width: auto;
}

.menu-toggle,
.btn,
input[type="submit"] {
	display: inline-block;
	*display: inline;
	padding: 8px 14px;
	padding: 0.5rem 0.875rem;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	color: #3a3a3a3a3a3a;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #ebe9eb;
	*background-color: #ebe9eb;
	border: 1px solid #ccc;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1);
	border-color: #e6e6e6 ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.menu-toggle, a.btn {
	color: #3a3a3a3a3a3a;
	text-decoration: none;
}

.menu-toggle:hover,
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	background-color: #dad8da;
	*background-color: #dad8da;
}

.btn:first-child {
	*margin-left: 0;
}

.menu-toggle:hover,
.btn:hover,
input[type="submit"]:hover {
	color: #3a3a3a3a3a3a;
	text-decoration: none;
	background-color: #dad8da;
	*background-color: #dad8da; /* Buttons in IE7 don't get borders, so darken on hover */
}

.menu-toggle:focus,
.btn:focus,
input[type="submit"]:focus {
	outline: thin dotted #3a3a3a;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.menu-toggle:active,
.btn.active,
.btn:active,
input[type="submit"]:active {
	background-color: #dad8da;
	background-color: #dad8da \9;
	background-image: none;
	outline: 0;
	position:relative;
	top:1px;
}

.btn.disabled, .btn[disabled] {
	cursor: default;
	background-color: #dad8da;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.disabled:active, .btn[disabled]:active {
	top:0;
}

button.btn, input[type="submit"].btn {
	*padding-top: 2px;
	*padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn-large,
input[type="submit"].btn-large {
	padding: 10px 15px;
	padding: 0.625rem 0.9375rem;
	font-size: 20px;
	font-size: 1.25rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn-small,
input[type="submit"].btn-small {
	padding: 5px 9px;
	padding: 0.3125rem 0.5625rem;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	font-family: inherit;
	padding: 8px;
	padding: 0.5rem;
	font-family: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
}

select {
	max-width: 100%;
}

/* Small headers */
.archive-title,
.page-title,
.entry-content th,
.comment-content th {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	text-transform: uppercase;
}

/* ==========================================================================
   Site specific styles
   ========================================================================== */

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}

#headercontainer {
	width: 100%;
}

.site-header {
	position: relative;
}

.site-title h1 {
	margin-top: 20px;
	margin-top: 1.25rem;
}

.site-title img {
	vertical-align: text-bottom;
}

.site-title a {
	color: #3a3a3a;
	font-size: 64px;
	font-size: 4rem;
	text-decoration: none;
}

#bannercontainer {
	width: 100%;
	margin-top: 10px;
}

.banner {
	color: #eaeaea;
	min-height: 75px;
}

#maincontentcontainer {
	width: 100%;
	padding: 32px 0;
	padding: 2rem 0;
}

.site-content {
	font-size: 16px;
	font-size: 1rem;
	color: #3a3a3a;
	line-height: 1.5;
	position: relative;
}

.home.page .site-content {
	padding-bottom: 0;
}

.home.page .site-content article {
	margin-bottom: 0;
}

/* ==========================================================================
   Main Content
   ========================================================================== */

.entry-header {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.entry-header .entry-title a {
	text-decoration: none;
}

.entry-header h1 a:visited {
	color: #3a3a3a;
}

.entry-header h1 a:hover {
	color: #339bcb;
}

article.sticky .featured-post {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: #eee;
	color: #777;
	font-size: 16px;
	font-size: 1rem;
	line-height: 3;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	text-align: center;
}

.site-content article {
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
	-ms-word-wrap: break-word;
	-webkit-hyphens: auto;
	word-wrap: break-word;
}

.header-meta {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	padding: 5px 0;
	padding: 0.3125rem 0;
	*zoom: 1;
}

.header-meta:before,
.header-meta:after {
	content: "";
	display: table;
}

.header-meta:after { clear: both; }

.header-meta a {
	text-decoration:none;
}

.header-meta a:visited {
	color: #3a3a3a;
}

.header-meta a:hover {
	color: #339bcb;
}

.entry-content {
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
	*zoom: 1;
}

.entry-content:before,
.entry-content:after {
	content: "";
	display: table;
}

.entry-content:after { clear: both; }

.post-categories a,
.post-tags a {
	font-size: 14px;
	font-size: 0.875rem;
	background-color: #3a3a3a;
	color: #fff;
	padding: 0 5px;
	padding: 0 0.3125rem;
	margin: 0 3px 0 0;
	margin: 0 0.1875rem 0 0;
	display: inline;
	text-decoration: none;
}

.post-categories a:visited,
.post-tags a:visited {
	color: #fff;
}

.post-categories a:hover,
.post-tags a:hover {
	background-color: #339bcb;
	color: #fff;
}

.entry-header address,
.comment-content address {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	display: block;
}

.entry-header address {
	display: inline;
}

.entry-header time,
.entry-header address {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0 20px 0 0;
	margin: 0 1.25rem 0 0;
}

.page-links {
	clear: both;
	line-height: 1.75;
	color: #3a3a3a;
}

.page-links .page-numbers {
	background-color: #3a3a3a;
	padding: 2px 4px;
	padding: 0.125rem 0.25rem;
	color: #fff;
}

.page-links a {
	text-decoration: none;
}

.page-links a .page-numbers {
	background-color: transparent;
	color: #3a3a3a;
}

.page-links a:hover .page-numbers {
	background-color: #339bcb;
	color: #fff;
}

.more-link {
	color: #339bcb;
	text-decoration: none;
}

.more-link:hover,
.more-link:active,
.more-link:visited {
	outline: 0;
	color: #339bcb;
}

.post-edit-link {
	text-decoration: none;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.5rem;
}

.entry-content dt,
.comment-content dt {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5;
}

.entry-content dd,
.comment-content dd {
	line-height: 1.5;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	width: 100%;
}

.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1rem;
	margin: 24px 0;
	margin: 1.5rem 0;
}

.entry-content td,
.comment-content td {
	border-top: 1px solid #ccc;
	padding: 6px 10px 6px 0;
	padding: 0.375rem 0.625rem 0.375rem 0;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	line-height: 1.5;
	padding: 0;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}

.entry-content ul,
.comment-content ul {
	list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}

.entry-content li,
.comment-content li {
	margin: 0 0 0 28px;
	margin: 0 0 0 1.75rem;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.author-info {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 24px 0;
	margin: 1.5rem 0;
	padding: 24px 0;
	padding: 1.5rem 0;
	overflow: hidden;
	*zoom: 1;
}

.author-info:before,
.author-info:after {
	content: "";
	display: table;
}

.author-info:after { clear: both; }

.author-description h2 {
	font-size: 24px;
	font-size: 1.5rem;
}

.author-description p {
	color: #777;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

.author-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.author-link a {
	color: #777;
	text-decoration: none;
}

.author-link a:visited {
	color: #666;
}

.author-link a:focus,
.author-link a:hover,
.author-link a:active {
	outline: 0;
	color: #339bcb;
}

.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3rem;
}

.author.archive .author-avatar {
	margin-top: 0;
}

.author.archive .author-link {
	display: none;
}

.author-avatar {
	float: left;
	margin-top: 8px;
	margin-top: 0.5rem;
}

.author-description {
	float: right;
	width: 80%;
}

.social-meta a {
	text-decoration: none;
	margin-right: 5px;
	margin-right: 0.3125rem;
}

/* ==========================================================================
   Archives
   ========================================================================== */

.archive-header,
.page-header {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	border-bottom: 1px solid #ccc;
}

.archive-meta {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #777;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin-top: 16px;
	margin-top: 1rem;
}


label .required,
span.required {
	color: #bb0504;
}

form label.error {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	display:block;
	padding: 0 10px 0 10px;
	padding: 0 0.625rem 0 0.625rem;
	margin: 5px 0 5px 0;
	margin: 0.3125rem 0 0.3125rem 0;
	font-size: 14px;
	font-size: 0.875rem;
	border-left: 4px solid #bb0504;
	display: none;
}

#respond form label.error {
	line-height: 1.3;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#footercontainer {
	width: 100%;
}

.site-footer {
	font-size: 16px;
	font-size: 1rem;
	color: #999;
}

.site-footer h3 {
	color: #777;
}

.site-footer a {
	color: #999;
}

.site-footer a:visited {
	color: #999;
}

.site-footer a:hover {
	color: #339bcb;
}

.site-footer a:focus {
	outline: thin dotted;
	color: #339bcb;
}

.site-footer .widget-area .widget {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.smallprint {
	color: #999;
}

.smallprint p {
	font-size: 14px;
	font-size: 0.875rem;
}

.smallprint a {
	color: #555;
}

.smallprint a:visited {
	color: #555;
}

.smallprint a:hover {
	color: #339bcb;
}


/* ==========================================================================
   Widgets
   ========================================================================== */

.widget-area ul {
	list-style: none outside none;
	padding-left: 0;
}

.widget-area .widget {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	margin-bottom: 48px;
	margin-bottom: 3rem;
}

.widget select {
	margin-left: 1px;
	margin-left: 0.0625rem;
}

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.75rem;
}

/* ==========================================================================
   Content Navigation
   ========================================================================== */

.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

#nav-above {
	padding: 24px;
	padding: 1.5rem;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
}

.nav-previous,
.previous-image {
	float: left;
	width: 50%;
	line-height: 1.3;
}

.nav-previous a,
.nav-next a {
	text-decoration: none;
}

.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
	line-height: 1.3;
}

.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 48px 48px 0;
	margin: 3rem 3rem 3rem 0;
}

ul.page-numbers {
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 2;
}

li a.page-numbers,
li span.page-numbers {
	padding: 5px;
	padding: 0.3125rem;
	text-decoration: none;
}

li a:visited.page-numbers {
	color: #3a3a3a;
}

li a:hover.page-numbers {
	background-color: #339bcb;
	color: #fff;
}

li a:hover.prev,
li a:hover.next {
	background-color: transparent;
	color: #339bcb;
}

.page-numbers li {
	display: inline;
}

li span.current {
	background-color: #3a3a3a;
	color: #fff;
}

li a.prev,
li a.next,
li span.dots {
	border: none;
}


/* ==========================================================================
   Main Navigation
   ========================================================================== */

.main-navigation {
	text-align: left;
	float: right;
	clear: right;
	margin: 45px 0 0 0;
	margin: 2.8125rem 0 0 0;
}

.main-navigation h1 {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.25;
}

.nav-menu {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.5;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 0 0 0 20px; /* Margin on the left side of each top level menu item (since it's floated right) */
	margin: 0 0 0 1.25rem;
}

.main-navigation ul ul li {
	margin: 0;
}

.main-navigation li.menu-item-has-children > a:after { /* If you don't want the arrows on the top level drop down, simply remove this style */
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: middle;
	font-size: 9px;
	font-size: 0.5625rem;
	content: " \f078";
}

.main-navigation ul li li.menu-item-has-children > a:after { /* If you don't want the arrows on the sub-menu options, simply remove this style */
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: middle;
	font-size: 9px;
	font-size: 0.5625rem;
	content: " \f054";
}

.main-navigation ul a {
	padding: 0; /* Padding around each top level menu option (if needed) */
}

.main-navigation ul ul a {
	padding: 0 5px; /* Padding around each dropdown menu option */
	padding: 0 0.3125rem;
}

.main-small-navigation a, .main-navigation a {
	display: block;
	text-decoration: none;
	color: #3a3a3a; /* Nav bar link color */
}

.main-navigation ul ul {
	display: none;
	position: absolute;
	left: 0;
	z-index: 99999;
	line-height: 1.7;
	background-color: #3a3a3a; /* Nav bar dropdown background color */
	-webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
}

.main-navigation ul ul ul {
	left: -100%;
	top: 0;
}

.main-navigation ul ul a {
	color: #fff; /* Nav bar dropdown link color */
	width: 11em; /* Nav bar dropdown width */
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
	color: #339bcb; /* Nav bar link color on hover */
}

.main-navigation ul ul :hover > a {
	color: #3a3a3a; /* Nav bar dropdown level 2 link color on level 3 hover */
	background-color: #fff; /* Nav bar dropdown link background color on hover */
}

.main-navigation ul ul a:hover {
	color: #339bcb; /* Nav bar dropdown link color on hover */
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current_page_parent > a {
	color: #339bcb; /* Nav bar link color for current menu item or ancestor */
}

.main-navigation ul .divider {
    border-bottom: 1px solid #aaa;
    height: 0;
    line-height: 0.0625;
    overflow: hidden;
}

.main-navigation ul li.dropdown-header a,
.main-navigation ul li.current-menu-item ul .dropdown-header a {
	color: #aaa; /* Nav bar dropdown header color */
	background-color: #3a3a3a; /* Nav bar dropdown header background color */
}

/* Small menu toggle for mobile devices */
.menu-toggle {
	cursor: pointer;
}

.main-small-navigation .nav-menu {
	display: none;
	font-size: 16px;
}

.main-small-navigation ul a {
	padding: 5px 0;
	padding: .3125rem 0; /* Padding around each top level menu option (if needed) */
}

/* ==========================================================================
   WPML translation plugin
   ========================================================================== */

#lang_sel {
	width: 65%;
	height: 35px;
}

#lang_sel li {
	width: 100%;
}

#lang_sel ul ul {
	top: 35px;
	width: 100%;
}

#lang_sel a.lang_sel_sel {
	border-radius: 3px;
}

#lang_sel a,
#lang_sel a:visited {
	font-size: 16px;
	font-size: 1rem;
	padding: 5px 0 5px 10px;
}

.main-navigation .menu-item-language .iclflag {
	margin-top: 7px;
}

#lang_sel .iclflag {
	margin-top: 2px;
}

#lang_sel .lang_sel_sel .iclflag {
	margin-top: 6px;
}

#lang_sel_footer .iclflag,
#lang_sel_footer .icl_lang_sel_current {
	margin-top: 6px;
}

/* ==========================================================================
   WooCommerce
   ========================================================================== */

h1.page-title {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #3a3a3a;
	margin-top: 0;
}

h1.page-title {
	font-size: 48px;
	font-size: 3rem;
	line-height: 1.25;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1100px) {
	.site-title a {
		font-size: 52px;
		font-size: 3.25rem;
	}
	.banner h1 {
		font-size: 44px;
		font-size: 2.75rem;
	}
	.banner h2 {
		font-size: 24px;
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 767px) {
	header .main-navigation {
		margin-top: 0;
		float: none;
	}
	.main-navigation .nav-menu > li:first-child {
		margin-left: 0;
	}
	.widget-area {
		margin-top: 32px;
		margin-top: 2rem;
	}
	.header-meta {
		margin-bottom: 16px;
		margin-bottom: 1rem;
	}
	.header-meta a {
		padding: 12px 12px 12px 0;
		padding: .75rem .75rem .75rem 0;
	}
	.header-meta .post-categories a {
		padding: 5px;
		padding: .3125rem;
	}
	ul.page-numbers {
		line-height: 3;
	}
	li a.page-numbers,
	li span.page-numbers {
		padding: 12px 10px;
		padding: .75rem .625rem;
	}
	.more-link {
		padding: 12px 12px 10px 0;
		padding: .75rem .75rem .625rem 0;
	}
	.widget-area a {
		padding: 12px 12px 10px 0;
		padding: .75rem .75rem .625rem 0;
	}
	.widget-area li {
		margin: 12px 12px 10px 0;
		margin: .75rem .75rem .625rem 0;
	}
}

@media only screen and (max-width: 650px) {
	.main-small-navigation .nav-menu, .nav-menu ul {
		padding: 0;
	}
	.small-navigation ul.children {
		padding-left: 75rem;
		padding-left: 12px;
	}
	.main-small-navigation .nav-menu ul.children {
		padding-left: 16px;
		padding-left: 1rem;
	}
}

@media only screen and (max-width: 519px) {
	.site-title h1 {
		text-align: center;
	}
	.main-small-navigation .nav-menu,
	.main-small-navigation .nav-menu ul,
	.nav-menu,
	.nav-menu ul {
		padding: 0;
	}
	.main-small-navigation .nav-menu ul.children {
		padding-left: 75rem;
		padding-left: 12px;
	}
	.main-small-navigation,
	.main-navigation li {
		width: 100%;
	}

	.sub-menu,
	.main-small-navigation li {
		margin-left: 20px;
	}
	.main-small-navigation {
		text-align: center;
	}
	.main-small-navigation ul li,
	.main-navigation ul li {
		background-color: #fff;
		margin: 5px 0;
		text-align: left;
	}
	.main-navigation ul ul, .main-navigation ul ul li ul {
		position: relative;
	}
	.main-navigation ul ul li ul {
		left: 0;
	}
	.main-navigation ul ul a {
		color: #fff; /* Nav bar dropdown link color */
		background-color: #3a3a3a;  /* Nav bar dropdown background color */
		width: 100%; /* Nav bar dropdown width */
	}
}

@media only screen and (max-width: 420px) {
	li a.prev span,
	li a.next span {
		display: none;
	}
	li a.prev i,
	li a.next i {
		font-size: 24px;
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 320px) {
	.author-description {
		float: left;
		width: 100%;
	}
}


/* ==========================================================================
   Non-semantic helper classes from HTML5 Boilerplate
   Please define your styles before this section.
   ========================================================================== */

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==========================================================================
   Print styles from HTML5 Boilerplate
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  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; }
	.nav-menu, .widget-area, .comments-area { display: none; }
}

/*
Theme Name:   Grin (Sitepoint base child theme)
Theme URI:    https://www.sitepoint.com/basetheme/
Description:  Grin theme based on Sitepoint base theme
Author:       Giovanni Canzio
Author URI:   http://www.openpublishing.com
Template:     sitepoint-base
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  grin
*/

/* General rules */

.desktop {
	display: block !important;
}

.mobile {
	display: none !important;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('https://cdn.openpublishing.com/fonts//20_Din/DINPro-Regular.otf') format('opentype');
	font-weight: 400;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('https://cdn.openpublishing.com/fonts//20_Din/DINPro-Medium.otf') format('opentype');
	font-weight: 500;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('https://cdn.openpublishing.com/fonts//20_Din/DINPro-Bold.otf') format('opentype');
	font-weight: 700;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('https://cdn.openpublishing.com/fonts//20_Din/DINPro-Bold.otf') format('opentype');
	font-weight: 700;
}

@font-face {
	font-family: 'Montserrat';
	src: url('https://cdn.openpublishing.com/fonts//Montserrat/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
}

@font-face {
	font-family: 'Montserrat';
	src: url('https://cdn.openpublishing.com/fonts//Montserrat/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
}

body {
	padding-top: 90px;
	background-color: #f2f2f2;
	font-weight: 400;
}

body,
body * {
	font-family: "Montserrat" !important;
}

body .fa:before {
    font-family: "FontAwesome" !important;
}

body h1{
	font-family: "Din Pro" !important;
}
body h2{
	font-family: "Din Pro" !important;
}
body h3{
	font-family: "Din Pro" !important;
}
body h4{
	font-family: "Din Pro" !important;
}
body h5{
	font-family: "Din Pro" !important;
}
body h6 {
    font-family: "DIN Pro";
}
footer h3{
	font-family: "Din Pro" !important;
}

/*body p,li,table {
    color: #000;
}*/

body a:link {
	color: #3daa35;
}
body a:visited {
	color: #3daa35; 
	text-decoration: none;
}
body a:hover {
	border: none;
	text-decoration: none;
}

body [class*=" eicon-"], 
body [class^="eicon"] {
    font-family: eicons !important;
}

.button {
	display: block;
	text-align: center;
	padding: 10px 0px;
	background: #3daa35;
	color: #fff !important;
	font-weight: bolder;
}

.button:hover {
	border: none;
}

/* Header */

#headercontainer {
	position: fixed;
	z-index: 100;
	top: 0;
	width: 100%;
	margin-left: 0%;
	padding: 0px;
	height: 75px;
	box-shadow: 0px 0px 10px -2px #000;
	background-color: #f2f2f2;
}

#headercontainer .right-col {
	float: right;
}

#headercontainer .site-description {
    display: none;
}

.site-header {
	max-width: 100%;
	height: 100%;
	padding: 0;
}

.site-title {
	float: left;
	margin: 0px 10px 0px 20px;
}

.site-title a:hover {
	border: 0;
}

.site-title img {
	vertical-align: top; 
	margin-top: 20px;
}

.search-books-widget {
	margin-top: 20px;
}

.search-books-widget .search-input {
	border: 0px;
	box-shadow: 0px 3px 5px -3px #999;
	width: 100%;
	padding: 0.5rem 2rem 0.5rem 0.5rem !important;
}

.search-books-widget .search-input,
.search-books-widget .search-input:focus {
	outline: none;
}

.search-books-widget .fa-search {
	float: right;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #3daa35;
	margin-top: -33px;
	cursor: pointer;
}


.header-widgets-area {
	float: right;
	height: 75px;
}

.main-navigation {
	float: left;
	margin: 1.5rem 20px 0 0;
}

.main-navigation li a {
	outline: none;
}

.navigation li:last-child a {
	text-decoration: underline;
}

.main-navigation li.current_page_item a, 
.main-navigation li.current-menu-item a {
	color: #3daa35; 
}

a:link,
a:visited {
	text-decoration: none;
	border: none;
}

a:hover, a:active {
	border-bottom: 1px solid #999;
}

.main-navigation li a:hover {
	border-bottom: 0px;
	color: #3daa35 !important;
}

.main-navigation ul a {
	font-family: "Montserrat";
	text-transform: uppercase;
	color: #6C6C6C;
}

.main-navigation ul a:hover {
	color: #3a3a3a;
}

.warenkorb-container {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0px;
	background: url(/images/icons/shopping_cart.png) #fff 50% 50% no-repeat;
}

.warenkorb-container a {
	outline: 0;
}

.warenkorb-container .quantity {
	color: #3daa35; 
	float: left;
	text-align: center;
	font-weight: bolder;
}

.warenkorb-container .quantity iframe {
	margin-left: 30px !important;
	margin-top: 10px;
}

.upload-link {
	display: block;
	height: 75px;
	overflow: hidden;
	font-size: 1em;
	line-height: 4.7em;
	background: #3daa35;
	color: #fff !important;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bolder;
	padding: 0px 20px;
}

@media only screen and (max-width: 1280px) {
	.upload-link {
		height: 75px;
		width: 75px;
		overflow: hidden;
		line-height: 100em;
		background: url(https://cdn.grin.com/images/brand/1/upload_icon.png) #3daa35 50% 50% no-repeat;
	}

}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
	#headercontainer {
		height: 75px;
	}

	.site-title {
		width: 140px;
	}

	#headercontainer .main-navigation {
		margin-top: 1.5rem;
	}

	.search-books-widget input.search-input {
		padding: 0.3rem;
		background-size: auto 100%;
	}

	.header-widgets-area {
		height: 100%;
	}
}

@media only screen and (max-width: 959px) {

	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}

	#headercontainer,
	.header-widgets-area {
		height: auto;
	}

	#headercontainer #main-nav-mobile .nav-menu {
		display: flex;
		justify-content: space-between;
		padding: 0 20px;
	}

	#headercontainer #main-nav-mobile .nav-menu li {
		margin: 0;
		text-align: center;
		background: none;
		justify-content: 1;
	}

	#headercontainer #main-nav-mobile .nav-menu li a {
		display: block;
		float: left;
		width: 100%;
		padding: 5px 0px;
		color: #6C6C6C;
		font-size: 0.85em;
	}

	#headercontainer #main-nav-mobile .nav-menu li.current-menu-item a,
	#headercontainer #main-nav-mobile .nav-menu li a:hover {
		color: #3daa35 !important;
	}

	#search-books-mobile {
		padding: 0 20px;
		margin: 0px;
	} 

	#search-books-mobile .search-input {
		width: 100%;
		margin: 10px 0px;
	} 

	.search-books-widget .fa-search {
		position: relative;
		margin-top: -45px;
		margin-right: 5px;
		float: right;
		font-size: 1.6em;
		cursor: pointer;
	}

	.upload-link {
		width: 40px;
		height: 40px;
		background-size: auto 30px;
	}

	.site-title {
		width: 100px;
		height: 40px;
		background: url(https://cdn.openpublishing.com/images/brand/1/mobile-logo.png) 0% 50% no-repeat;
		background-color: rgba(0, 0, 0, 0);
		background-size: auto auto;
		background-size: 100px auto;
		margin-left: 10px;
	}

	.site-title a.custom-logo-link {
		float: left;
		width: 100%;
		height: 40px;
	}

	.site-title img {
		display: none;
	}

	.warenkorb-container {
		width: 40px;
		height: 40px;
		margin: 0;
		background-size: 30px auto;
	}

	.warenkorb-container .quantity iframe {
		margin-left: 8px !important;
		margin-top: 2px;
	}

	#headercontainer .toggleTrigger {
		float: left;
		height: 40px;
		overflow: hidden;
		text-align: center;
		line-height: 2.5em;
		padding: 0 10px;
		outline: none;
	}

	#headercontainer .toggleTrigger:before {
		font-size: 1.2em;
	}

	#headercontainer .toggleTrigger .label {
		display: none;
	}

	#headercontainer .toggleTrigger.search {
	}

	#headercontainer .toggleTrigger.nav:before {
		color: #6C6C6C;
	}

	.mobile.main-navigation,
	.mobile.search-books-widget {
		float: left;
		width: 100%;
		margin: 0;
		height: 0px;
		overflow: hidden;
		transition: height 0.25s ease-in;
		-ms-transition: height 0.25s ease-in;
		-moz-transition: height 0.25s ease-in;
		-webkit-transition: height 0.25s ease-in;
	}

	.mobile.main-navigation.open,
	.mobile.search-books-widget.open {
		transition: height 0.25s ease-out;
		-ms-transition: height 0.25s ease-out;
		-moz-transition: height 0.25s ease-out;
		-webkit-transition: height 0.25s ease-out;
	}

	.mobile.main-navigation.open {
		height: 40px;
	}

	.mobile.search-books-widget.open {
		height: 60px;
	}

}

/* Main Content */

#maincontentcontainer {
	min-height: 800px;
    padding-top: 0;
}

.page-template-default .entry-title {
    display: none;
}

/* Footer */

#footercontainer {
	background: #212121;
	padding-top: 20px;
}

/* Styles for new footer view */

#footercontainer .bottom-help .support-info {
	margin-top: 15px;
	text-align: center;
}

#footercontainer .site-footer div.grid-80 ul.menu {
	display: grid;
	grid-template-rows: repeat(2, auto);
	grid-auto-flow: column;
	text-transform: uppercase;
	padding-bottom: 45px;
}
@media (max-width: 1024px) and (min-width: 768px) {
	#footercontainer .site-footer div.grid-80 ul.menu {
		grid-template-rows: repeat(5, auto);
	}
}
@media (max-width: 767px) {
	#footercontainer .site-footer div.grid-80 ul.menu {
		grid-auto-flow: row;
		padding-bottom: 0;
	}
}

#footercontainer > footer > div:nth-child(2) {
	margin-top: -25px;
}
#footercontainer a, #footercontainer .support-info > * {
	font-family: "Din Pro" !important;
}

@media (min-width: 1024px) and (max-width: 1800px) {
  #footercontainer .site-footer {
    margin-right: 300px;
  }
}

#footercontainer .widget-title,
#footercontainer p,
#footercontainer a:link,
#footercontainer a:visited {
	color: #ccc;
}
#footercontainer .widget_nav_menu a {
	font-size: 12px;
}

#footercontainer .widget-title {
	font-size: 1.4em;
	font-family: "Din Pro";
	font-weight: 500;
}

#footercontainer .widget-area .menu .pll-parent-menu-item {
	float: left;
}

#footercontainer .widget-area .menu .pll-parent-menu-item a {
	float: left;
	width: 100%;
	margin: 5px 0px;
}

#footercontainer .widget-area .menu .pll-parent-menu-item > a:before {
	font-family: "FontAwesome";
	float: right;
	margin-left: 8px;
	font-size: 2em;
	line-height: 1em;
	margin-top: -0.2em;
	color: #3daa35;
	font-weight: bolder;
	content: "\f107";
}

#footercontainer .widget-area .menu .pll-parent-menu-item a img {
	margin-top: 3px;
	margin-right: 5px;
}

#footercontainer .widget-area .menu .pll-parent-menu-item .sub-menu {
	display: none;
	margin: 0;
}

#footercontainer .widget-area .menu .pll-parent-menu-item:hover .sub-menu {
	display: block;
}

.list li {
    width: 100%;
}

.list.check li::before {
    margin: 0px 10px;
}

.list.check.green li::before {
    color: #3daa35;
}
.list.check.green li {
    color: #000000;
       margin-left: 25px;
       padding-right: 20px;
    text-indent: -36px;
}
.list.check.blue li::before {
    color: #267981;
}
.list.check.blue li {
    color: #000000;
    margin-left: 25px;
    padding-right: 20px;
    text-indent: -36px;
}

.objectlist {
  padding: 0;
}
.objectlist-item {
  display: flex;
  padding: 25px 0 10px 15px;
}
.objectlist-item .meta {
  margin-left: 20px;
  position: relative;
  width: 100%;
}
.objectlist-item:nth-child(odd) {
  background-color: #fff;
}
.objectlist-item .heading1 a:link,
.objectlist-item .heading1 a:visited {
  color: #444;
}
.objectlist-item .picturebox img {
  height: 160px;
  max-width: none;
}
.objectlist-item .metalist {
  display: flex;
  flex-wrap: wrap;
  font-size: 11pt;
  margin-top: 10px;
}
.objectlist-item .metalist dd {
  margin-left: 0;
  width: 75%;
}
.objectlist-item .metalist dd.author a {
  color: #3a3a3a !important;
}
.objectlist-item .metalist dt {
  margin-bottom: 5px;
  width: 25%;
}
.objectlist-item .move-bottom {
  bottom: -35px;
  position: absolute;
}
.objectlist-item .move-bottom .status-error {
  position: absolute;
}
.back-to-top {
  display: inline-block;
  position: fixed;
  bottom: 40px;
  right: 15px;
  overflow: hidden;
  visibility: hidden;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  opacity: 0;
  white-space: nowrap;
  background-color: #ccc;
  text-align: center;
  padding: 8px;
}
.back-to-top.is-visible {
  visibility: visible;
  opacity: 1;
}
.back-to-top.is-visible,
.back-to-top.fade-out,
.back-to-top:hover {
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
  .back-to-top {
    right: 30px;
    font-size: 1.2em;
  }
}
.page-with-ad .grin-banner.skycraper {
  height: 600px;
  position: absolute;
  z-index: 9;
  left: calc(100vw - 140px);
}
.page-with-ad .grin-banner.superbanner {
  height: 90px;
  margin: 0 auto;
  width: 728px;
}
.page-with-ad .grin-banner.sidebar {
  height: 250px;
  text-align: center;
}
@media (max-width: 1023px) {
  .page-with-ad .grin-banner.skycraper {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1800px) {
  .page-with-ad .site-content.right-ad {
    margin-right: 170px;
  }
  .page-with-ad .right-ad-block-grin-ad {
    margin-right: 130px;
  }
}
.page-with-ad .content-sideboard {
  text-align: center;
}
@media (min-width: 1024px) and (max-width: 1800px) {
  .page-with-ad .site-content.right-ad {
    margin-right: 300px;
  }
  .right-ad-block-grin-ad {
    margin-right: 120px;
  }
}
.page-with-ad .leaderboard {
  padding-left: 20px;
}
.page-with-ad .billboard {
  padding-bottom: 10px;
}
.page-with-ad .ad-widget-centerize {
  text-align: center;
}
#npm_6695072 {
  position: absolute;
  top: 0px;
}
#npm_6695072 iframe {
  max-width: unset !important;
}
.sidebar-ad-box {
  margin-top: 15px;
}
.checkout-steps,
.double-checkout-steps {
  align-items: flex-start;
  justify-content: space-between;
}
.checkout-steps .selected span,
.double-checkout-steps .selected span {
  color: #3daa35;
  font-weight: 500;
}
.checkout-steps .checkout-step,
.double-checkout-steps .checkout-step {
  background: #fff;
  height: 52px;
  line-height: 3.2em;
  padding-left: 4%;
  position: relative;
  text-align: center;
}
.double-checkout-steps .checkout-step {
  width: 49%;
}
.checkout-steps .checkout-step {
  width: 32.5%;
}
.checkout-steps .checkout-step:after,
.double-checkout-steps .checkout-step:after {
  border: 26px solid transparent;
  border-left: 26px solid #fff;
  content: "";
  position: absolute;
  right: -52px;
  top: 0;
  z-index: 1;
}
.checkout-steps .checkout-step.step-with-left-arrow:before,
.double-checkout-steps .checkout-step.step-with-left-arrow:before {
  border: 26px solid transparent;
  border-left: 26px solid #f2f2f2;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}
.page-checkout .site-content *,
.page-order-finished .site-content * {
  font-family: "Din Pro" !important;
}
.page-checkout .main-call-to-action *,
.page-order-finished .main-call-to-action * {
  font-family: "Montserrat" !important;
}
.page-checkout .objectlist-item .picturebox img,
.page-order-finished .objectlist-item .picturebox img {
  height: 130px;
}
.page-order-finished .objectlist-item.document .title-container {
  float: left;
  width: 54%;
  margin-right: 2%;
}
.page-order-finished .objectlist-item.document .login-img.fallback {
  background-color: #f2f2f2;
}
.simple-button,
.main-call-to-action,
button.call-to-action,
.download-btn {
  background-color: #3daa35;
  border: 0;
  display: inline-block;
  margin-right: 5px;
  padding: 12px 20px;
}
.simple-button .button-text,
.main-call-to-action .button-text,
button.call-to-action .button-text,
.download-btn .button-text,
.simple-button:link,
.main-call-to-action:link,
button.call-to-action:link,
.download-btn:link,
.simple-button:visited,
.main-call-to-action:visited,
button.call-to-action:visited,
.download-btn:visited {
  color: #fff;
}
.main-call-to-action,
button.call-to-action {
  margin-top: 10px;
  padding: 12px 50px;
}
.main-call-to-action .button-text,
button.call-to-action .button-text {
  font-size: 22px;
}
button.call-to-action {
  background-color: #ea7f2a;
}
.download-btn[disabled] {
  cursor: not-allowed;
}
.download-btn[disabled] > * {
  color: #d3d3d3;
}
.page-checkout-sidebar .performance .display-4 {
  font-size: 15px;
}
.page-checkout-sidebar .trusted-shop-logo {
  padding-top: 20px;
  max-width: 80px;
}
.page-checkout-sidebar .sidebar-contact-info a {
  text-decoration: underline;
}
.page-checkout-sidebar a {
  color: #5f5e5e !important;
}
.page-checkout-maincontent {
  padding-top: 30px;
}
.page-checkout-maincontent .order-details .btn-link {
  background: none;
  border: none;
  cursor: pointer;
  padding-bottom: 6px;
}
.page-checkout-maincontent .order-details .btn-link:focus {
  outline: none;
}
.page-checkout-maincontent .order-details .actions form {
  display: inline-block;
}
.page-checkout-maincontent .shoppingcart-item-quantity {
  width: 100px;
}
.page-checkout-maincontent .disclaimers a {
  color: #3a3a3a !important;
}
.page-checkout-maincontent .btn {
  user-select: none;
}
.page-checkout-maincontent .objectlist-item .heading1 a,
.page-checkout-maincontent .objectlist-item .heading1 {
  font-size: 18pt;
}
.page-payment .container > label {
  cursor: pointer;
  padding: 10px;
}
.page-payment .container > label > b {
  display: inline-block;
  width: 15%;
}
.page-payment .container > label > img {
  margin-left: 10%;
  margin-top: 10px;
}
.page-payment .payment-radio {
  cursor: pointer;
  margin-bottom: 8px;
  width: 22px;
}
.page-payment .payment-details {
  margin-left: 36px;
  margin-top: 50px;
}
.page-payment .payment-details #autodetectionResponsePre {
  position: relative;
  width: 15%;
  top: 5px;
  left: 5px;
}
.page-payment .payment-details #autodetectionResponsePre span {
  visibility: hidden;
}
.page-payment .payment-details #autodetectionResponsePre img {
  position: absolute;
}
.page-payment .payment-details #autodetectionResponsePre.V .visa,
.page-payment .payment-details #autodetectionResponsePre.M .mastercard,
.page-payment .payment-details #autodetectionResponsePre.A .amex,
.page-payment .payment-details #autodetectionResponsePre.\- .unsupported {
  visibility: visible;
}
.form-group.compact {
  margin-bottom: 10px;
  min-height: 35px;
}
.form-group.compact > * {
  float: left;
  width: 40%;
}
.form-group.compact .inputIframe {
  margin-left: 3px;
}
.grid-container .fullwidth {
  margin-left: -20px;
  margin-right: 20px;
}
.page-order-finished .objectlist-item.document {
  background-color: #fff;
  margin-bottom: 14px;
  padding-left: 20px;
}
.page-order-finished .document-title {
  font-size: 16pt;
}
.page-order-finished .document-subtitle {
  font-size: 14pt;
}
.sepa-mandate-check.has-error .form-error-hint {
  margin-left: 0;
}
input[type="checkbox"] {
  margin-bottom: 4px;
}
h2 {
  border-bottom: 1px solid #808080;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
h4 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
h5 {
  color: #7a7a7a !important;
  font-size: 18px;
  margin: 5px 0;
}
h6 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 5px 0;
}
.preview .text h1,
.preview .text h2,
.preview .text h3,
.preview .text h4 {
  font-size: 22px;
}
textarea {
  border: 0;
  border-radius: 0;
  color: #3a3a3a;
  font-size: 14px;
}
.bottom-line {
  border-bottom: 1px solid #808080;
}
.document-title,
.document-title a {
  color: #444;
  font-family: "Din Pro" !important;
  font-size: 14pt;
  font-weight: 300;
}
h2.document-title {
  border-bottom: none;
}
h2.document-title.inline {
  display: inline;
}
.document-subtitle,
.document-subtitle a {
  color: #444;
  font-family: "Din Pro" !important;
  font-size: 12pt;
  font-weight: 300;
  border-bottom: none;
}
section .heading,
section .heading2 {
  font-family: "Montserrat" !important;
  font-weight: bold;
  font-size: 18pt;
}
section .heading {
  border-bottom: 1px solid #808080;
}
.heading1 a:link {
  color: #3a3a3a;
}
.heading1 a:visited {
  color: #333;
}
.heading2 {
  font-size: 18pt;
  font-weight: bold;
}
.comma-list > :after {
  content: ', ';
}
.comma-list > :last-child:after {
  content: '';
}
.status-success,
.heading-status.published {
  color: #289d1f;
}
.status-error {
  color: #a94442;
}
.heading-status.published {
  font-size: 12px;
}
.heading-status.new {
  color: #be000e;
}
.text-info {
  font-size: 11pt;
}
.display-1 {
  font-size: 24pt;
  font-weight: 300;
}
.display-2 {
  font-size: 24px;
  font-weight: 300;
}
.display-3 {
  font-size: 18pt;
}
.display-4,
.underlined-link {
  font-size: 16px;
  font-weight: 300;
}
.display-5 {
  font-size: 14px;
  font-weight: 300;
}
.heading-title {
  font-family: "Din Pro" !important;
  font-weight: 300;
  text-align: center;
  font-size: 20px !important;
  text-transform: uppercase;
  margin-bottom: 15px !important;
  margin-left: 0 !important;
}
.underlined-link {
  color: #5f5e5e !important;
  text-decoration: underline !important;
}
.button {
  border: none;
  padding-left: 20px;
  padding-right: 20px;
}
.title-bold {
  font-family: "Montserrat" !important;
  font-size: 18pt;
  font-weight: bold;
}
.title-bold a:link {
  color: #3a3a3a;
}
.title-bold a:visited {
  color: #267981;
}
h2.title-bold {
  border-bottom: none;
}
.checkbox label {
  cursor: pointer;
}
.site-content {
  color: #3a3a3a;
}
.list.check {
  margin-bottom: 0;
  padding: 10px;
}
.list.check.green li {
  margin-left: 5px;
  padding-right: 20px;
  text-indent: -30px;
}
.list.check.green li::before {
  color: #3daa35;
}
.push-2 {
  padding-left: 20px;
}
#primary {
  margin: 0 auto;
  position: relative;
}
.breadcrumbs {
  color: #7a7a7a !important;
  font-size: 11px;
  margin: 10px 0;
  text-transform: uppercase;
}
.breadcrumbs a {
  color: #7a7a7a !important;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs:last-child {
  color: #444 !important;
}
.breadcrumbs .fa-chevron-left {
  color: #3daa35 !important;
}
.misc {
  font-family: "Din Pro" !important;
  width: 90%;
  margin-bottom: 30px;
}
.misc h2,
.misc h3 {
  border: none;
  font-size: 16px;
  font-weight: 100;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.cover {
  width: 212px;
}
@media only screen and (max-width: 1440px) {
  .cover {
    width: 45%;
  }
}
.main-navigation .login-title {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
  text-transform: none;
}
@media only screen and (max-width: 1420px) {
  .desktop.main-navigation .login-title {
    max-width: 200px;
  }
}
@media only screen and (max-width: 1100px) {
  .desktop.main-navigation .login-title {
    max-width: 140px;
  }
}
@media only screen and (max-width: 700px) {
  .mobile.main-navigation .login-title {
    max-width: 200px;
  }
}
@media only screen and (max-width: 440px) {
  .mobile.main-navigation .login-title {
    max-width: 120px;
  }
}
.login-img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  background-position: center top !important;
  background-size: cover;
}
.login-img.fallback {
  background-position-y: center !important;
  background: #fff;
  color: #737373;
  text-align: center;
  margin: 0;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  line-height: 50px;
  font-weight: normal;
  font-size: 1.2em;
}
.author .authorname {
  font-size: 16px;
  font-weight: 400;
  display: inline;
  font-family: "Montserrat" !important;
}
.author .authorname > a {
  text-transform: uppercase;
  color: #3a3a3a !important;
  padding-left: 10px;
}
.comments .comment,
.create-comment {
  display: flex;
  flex-direction: row;
}
.comments .comment .meta,
.create-comment .meta {
  margin-left: 10px;
}
.preview {
  margin-top: 30px;
  margin-bottom: 20px;
}
.preview .text {
  background-color: #fff;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  padding: 15px;
}
.buybox {
  max-width: 330px;
}
.buybox .products * {
  font-family: "Din Pro" !important;
}
.buybox .products dl {
  margin-bottom: 5px;
  margin-top: 12px;
}
.buybox .product {
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: 12px;
  padding-left: 30px;
  position: relative;
  user-select: none;
}
.buybox .product .product-radiobutton {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
.buybox .product .product-radiobutton:checked ~ .checkmark {
  background-color: #fff;
}
.buybox .product .product-radiobutton:checked ~ .checkmark:after {
  display: block;
}
.buybox .product .product-radiobutton:checked ~ .product-info .line1 {
  color: #ea7f2a;
}
.buybox .product:hover .product-radiobutton ~ .checkmark {
  border: 2px solid #ea7f2a;
}
.buybox .product .checkmark {
  background-color: #fff;
  border: 2px solid #888;
  border-radius: 50%;
  box-sizing: content-box;
  height: 16px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 16px;
}
.buybox .product .checkmark:after {
  background: #ea7f2a;
  border-radius: 50%;
  content: "";
  display: none;
  height: 12px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 12px;
}
.buybox .line1 {
  font-size: 20px;
}
.buybox .line2,
.buybox .formatinfo {
  font-size: 12px;
}
.buybox .buybox-button {
  margin-top: 10px;
  width: 100%;
}
.buybox .buybox-button button {
  width: 100%;
}
.page-document-maincontent .meta-details {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}
.meta-details dl {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
}
.meta-details dt {
  margin-bottom: 10px;
  width: 25%;
}
.meta-details dd {
  margin-bottom: 10px;
  margin-left: 0;
  width: 75%;
}
.meta-details ul {
  line-height: 0;
  margin-left: 0;
}
.page-document-quotepaper {
  padding: 0 10px;
}
.page-document-quotepaper dd {
  margin-left: 0;
}
#comments > * {
  padding-left: 0;
}
.bottom-boxes p,
.side-boxes p {
  margin-left: 20px;
  margin-bottom: 16px;
}
.bottom-boxes .upload-your-work p,
.side-boxes .upload-your-work p {
  font-family: "Din Pro" !important;
  font-size: 10pt;
}
.bottom-boxes button,
.side-boxes button {
  margin: 0 auto;
}
.bottom-boxes .box,
.side-boxes .box {
  background-color: #fff;
  padding: 12px 10px;
  max-width: 300px;
  margin: 0 auto;
}
.side-boxes .box {
  margin: 6px auto;
}
.videocontainer {
  margin: 7% auto;
  text-align: center;
}
.carousel .carousel-item-container {
  display: flex;
  flex-direction: row;
  margin-left: 0 !important;
  padding-left: 0 !important;
  overflow-x: scroll;
}
.carousel .carousel-item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  margin-right: 30px;
  width: 25%;
  min-width: 225px;
}
.subject-list {
  padding: 0;
}
.subject-list .item {
  padding: 15px;
}
.subject-list .item:nth-child(2n) {
  background-color: #fff;
}
.page-search-facetbrowser a {
  color: #3a3a3a !important;
}
.page-search-facetbrowser .facet-list {
  padding: 0;
}
.page-search-facetbrowser .facet-group-entries ul,
.page-search-facetbrowser .facet-list li ul {
  padding-left: 0;
}
.page-search-facetbrowser span.facet-group-name,
.page-search-facetbrowser .facet-entry-name {
  font-weight: bold;
}
.page-search-facetbrowser .with-group-head .facet-entry-name {
  font-weight: 100;
}
.page-search-facetbrowser .facet-selected {
  background-color: #e6e6e6;
}
.page-search-facetbrowser .remove-filter span {
  color: #808080;
  font-weight: 100;
  margin-top: 5px;
}
.page-search-facetbrowser h4,
.page-search-facetbrowser .facet-heading {
  font-weight: 300;
  margin-bottom: 8px;
}
.page-search-facetbrowser .facet-field-entry,
.page-search-facetbrowser .facet-entry,
.page-search-facetbrowser .facet-group,
.page-search-facetbrowser .facet-group-head {
  margin-bottom: 5px;
}
.page-search-facetbrowser .with-group-head .facet-entry {
  padding-left: 20px;
}
.page-search-facetbrowser .facet-group-name {
  font-weight: bold;
}
.page-search-facetbrowser .facet-count {
  font-weight: normal;
  color: #267981;
  margin-left: 5px;
}
.page-search-facetbrowser .remove-filter {
  color: #808080;
  margin-top: 5px;
}
.page-search-facetbrowser .with-group-head .entries-show-less,
.page-search-facetbrowser .with-group-head .entries-show-more {
  margin-left: 20px;
}
.page-search-facetbrowser [data-foldable-container] {
  display: none;
}
.page-search-facetbrowser [data-foldable-container="unfold"] {
  display: block;
}
.page-search-facetbrowser .groups-show-more,
.page-search-facetbrowser .groups-show-less,
.page-search-facetbrowser .entries-show-less,
.page-search-facetbrowser .entries-show-more {
  color: #808080 !important;
}
.page-search-facetbrowser .group-hidden ul,
.page-search-facetbrowser .groups-show-less,
.page-search-facetbrowser .entries-show-less {
  display: none;
}
.block,
.results-per-page > *,
.pagination > * {
  border: 1px solid #000 !important;
  color: #000 !important;
  display: inline-block;
  margin-right: 5px;
  min-width: 30px;
  padding: 3px;
  text-align: center;
  text-decoration: none;
}
.results-per-page > *,
.pagination > * {
  margin-right: 0;
  margin-left: 5px;
}
.results-per-page .active,
.pagination .active {
  background-color: #000;
  color: #fff !important;
}
.pagination {
  float: right;
}
.page-recommendations-maincontent .picturebox {
  display: block;
  float: left;
  margin-right: 30px;
}
.page-recommendations-maincontent .picturebox img {
  box-shadow: #dadada 1px 6px 13px 0;
}
.page-recommendations-maincontent .meta a {
  color: #3a3a3a;
  font-size: 16pt;
  font-weight: 100;
}
.page-recommendations-maincontent .document {
  padding: 30px;
}
.page-recommendations-maincontent .document-category {
  color: #808080;
  font-size: 12pt;
}
.page-recommendations-maincontent .document-list .recommended {
  min-height: 220px;
  padding: 15px 20px;
}
.page-recommendations-maincontent .document-list .recommended:nth-child(odd) {
  background-color: #fff;
}
.page-verification .document-subtitle {
  display: none;
}
.admin-edit-link {
  color: #808080;
  font-size: 12px !important;
  text-decoration: underline !important;
}
.editlink {
  display: block;
}
.left-padding {
  padding-left: 50px;
}
.pull-right {
  padding-right: 20px;
}
.row {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  margin: 3px 0;
  position: relative;
}
.form-group {
  margin-bottom: 5px;
}
.form-group .form-control {
  -webkit-border-radius: 0;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  height: 34px;
  outline: 1px solid #ccc;
  outline-offset: -2px;
  padding: 6px 12px;
  width: 40%;
}
.form-group .control-label {
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  height: 36px;
  width: 40%;
}
.has-error .control-label {
  color: #a94442;
}
.has-error .form-error-hint {
  color: #a94442;
  margin-left: 41%;
}
.has-error .form-control {
  outline-color: #a94442;
}
.has-error .form-control:focus {
  outline-color: #843534;
}
.fullwidthhr {
  margin: 1.5rem 0;
}
.collapse:not(.show) {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition-duration: 0.35s;
  transition-property: height, visibility;
  transition-timing-function: ease;
}
.popup-window {
  background-color: #fff;
  border: 1px solid #808080;
  padding: 26px;
  position: fixed;
  top: 100px;
}
.popup {
  background-color: transparent;
  display: none;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5000001;
}
.popup .popup-overlay {
  background: #000;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 5000002;
}
.popup .popup-content {
  background: #fff;
  left: 0;
  margin: 0 auto;
  padding: 30px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 700px;
  z-index: 5000003;
}
.popup .popup-content .close-icon {
  background: url("/images/icons/close.png");
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
}
.popup .popup-trigger {
  cursor: pointer;
}
#mandate-text dt {
  clear: left;
  float: left;
  font-weight: normal;
  text-align: left;
  width: 35%;
}
#mandate-text dd {
  float: left;
  margin: 0 0 0 15%;
  padding: 0 0 0.5em 0;
}
#mandate-text dl {
  overflow: hidden;
  width: 100%;
}
.grid-table {
  color: #3a3a3a;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.grid-table > div {
  width: 30%;
  margin: 10px;
}
#document-preview-popup .popup-content {
  background-color: #f2f2f2;
  width: 628px;
  padding: 20px 0 30px;
}
#document-preview-popup .document-preview-popup-pngs {
  overflow-y: scroll;
  height: 100%;
  margin: 0;
  padding: 10px 20px;
}
#document-preview-popup .document-preview-popup-info {
  padding-left: 20px;
}
#document-preview-popup .page-a4-png {
  width: 595px;
  background-color: #fff;
}
#document-preview-popup .page-png,
#document-preview-popup .cover-png {
  margin-bottom: 20px;
}
.mobile-tablet-only {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .mobile-tablet-only {
    display: block;
  }
}
#footercontainer .bottom-help {
  color: #ccc;
}
#footercontainer .bottom-help .footer-label {
  color: #3daa35;
}
.page-count {
  text-align: end;
}
.ac_results {
  overflow: hidden;
  z-index: 99999;
  box-shadow: 0px 3px 5px -3px #999;
  margin-top: 3px;
  background-color: #fff;
  border-radius: 3px;
}
.ac_results ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-position: outside;
  list-style: none;
}
.ac_results li {
  margin: 0px;
  padding: 8px;
  cursor: default;
  display: block;
  line-height: 16px;
  overflow: hidden;
}
.ac_results li.ac_over {
  background-color: #e5e5e5;
}
.ac_results .ac_fulltext {
  font-style: italic;
}
.shipping-icon {
  height: 30px;
  vertical-align: middle;
}
.skyscraper {
  position: absolute !important;
  left: 50% !important;
  margin-left: 600px !important;
  width: unset !important;
}
@media all and (max-width: 1023px) {
  body.page-search {
    padding-top: 40px;
    word-break: break-word;
    hyphens: auto;
  }
  .page-search .skyscraper,
  .page-search .smart-skin-main,
  .page-search .smart-skin-top,
  .page-search .billboard {
    display: none;
  }
  .page-search .site-content {
    padding-left: 0;
    padding-right: 0;
  }
  .page-search .breadcrumbs {
    font-size: 0;
  }
  .page-search .breadcrumbs span {
    font-size: 9px;
  }
  .page-search .breadcrumbs a {
    font-size: 12px;
    margin-left: 5px;
  }
  .page-search .breadcrumbs a::before {
    content: ">";
    margin-right: 5px;
  }
  .page-search .breadcrumbs a:first-of-type::before {
    content: none;
  }
  .page-search .site-content > .grid-container {
    padding-left: 0;
    padding-right: 0;
  }
  .page-search .page-search-sidebar,
  .page-search .page-search-maincontent {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .page-search .page-search-facetbrowser {
    margin-top: -10px;
  }
  .page-search .page-search-facetbrowser .facet-list {
    margin-bottom: 0;
  }
  .page-search .page-search-facetbrowser ~ br {
    display: none;
  }
  .page-search .facet {
    margin-top: 15px;
  }
  .page-search .sidebar-ad-box {
    display: flex;
    justify-content: center;
    margin: 15px 0;
    padding: 10px 0;
    border-top: 2px double #777;
    border-bottom: 2px double #777;
  }
  .page-search .objectlist-item .metalist dt {
    margin: 0;
    width: 100%;
  }
  .page-search .objectlist-item .metalist dd {
    margin: 0 0 10px 10px;
    width: 100%;
  }
  .meta-details dt,
  .meta-details dd {
    width: 100%;
  }
  .subject-list .title-bold {
    font-size: 12pt;
  }
  .page-catalog-maincontent {
    width: 100%;
  }
  .page-catalog-maincontent:before {
    content: "Unsere Fachbereiche:";
    display: block;
    visibility: visible;
    font-size: 16pt;
    width: auto;
    text-align: left;
    padding: 20px 5px;
    margin-top: 20px;
    font-weight: bolder;
  }
  .page-search .objectlist-item {
    flex-direction: column;
  }
  .page-search .objectlist-item .meta {
    padding-right: 15px;
    margin-left: 0;
  }
  .page-search .objectlist-item .picturebox,
  .page-search .page-search-maincontent .meta .pagination {
    order: 2;
  }
  .page-search .page-search-maincontent .meta {
    flex-direction: column;
    display: flex;
    font-size: 11pt;
  }
  .page-search .page-search-maincontent .meta h5 {
    font-size: 11pt;
  }
  .page-search .page-search-maincontent .meta .text-info {
    font-size: 11pt;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .page-search .objectlist .document-title,
  .document-title a {
    font-weight: 500;
  }
  .page-search .grid-container .objectlist {
    width: fit-content;
  }
  .page-search .page-search-facetbrowser ~ br,
  .page-search .page-search-facetbrowser > *,
  .page-search .breadcrumbs,
  .page-search .leaderboard,
  .page-search .sidebar-ad-box {
    display: none;
  }
  .page-search .page-search-maincontent {
    width: 100%;
  }
  .page-search .page-search-sidebar {
    position: relative;
    margin-top: 60px;
    padding-top: 1px;
  }
  .page-search .page-search-sidebar:before {
    content: "Ergebnisse filtern";
    display: block;
    visibility: visible;
    font-size: 13pt;
    width: 170px;
    height: auto;
    cursor: pointer;
    padding: 20px 5px 20px 20px;
    text-align: center;
    background: #3daa35;
    color: #fff !important;
    font-weight: bolder;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALCAYAAAErVcwAAAAACXBIWXMAAAsSAAALEgHS3X78AAAAd0lEQVQYGW2PURGDMBBElyoAB5FQCUgpDioBJ0jAQh0wKEBCJTxmp9n8pPeRye3uvbkTMOtPAfh5/Sy3Qz6SpqglwRkYWzbAh6QFuNwEcEj62HEVSafVHdgC2NtGFe36As9uVY/VgMGd2aYjjE5WcY34DqKdIekGiU16Ios4oBQAAAAASUVORK5CYII=");
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    position: absolute;
    top: -30px;
    pointer-events: none;
  }
  .page-search .page-search-sidebar > .page-search-facetbrowser {
    margin-top: -50px;
    padding-top: 60px;
    transition: margin-top 0s 0.5s, padding-top 0s 0.5s;
    position: relative;
    z-index: 99;
  }
  .page-search .page-search-sidebar:hover > .page-search-facetbrowser {
    margin-top: 10px;
    padding-top: 0;
    visibility: visible;
  }
  .page-search .page-search-sidebar:hover > .page-search-facetbrowser > * {
    display: block;
  }
  .page-search .page-search-sidebar:hover:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAFiNVRuAAAACXBIWXMAAAsSAAALEgHS3X78AAAAY0lEQVQYGW2OUQ2AMAxEK2ESkIAEpEzKnEwSEpAwCY8caRtouI9l967rzoDDPgKooOnYMwFGGKW6a0BmK08fKHUHJ7AiXR7OAJJgKZXrps+MAP29xVte7vVV+9uixgqzV8rMbh59iSmU6v8aAAAAAElFTkSuQmCC");
    background-size: 13px;
  }
}