.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url('/static/font/1.3.0/VideoJS.eot?') format('eot'); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAi0AAoAAAAADnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD0AAABWQLpNY2NtYXAAAAE0AAAAOgAAAUriJhC2Z2x5ZgAAAXAAAATAAAAH/CNovTZoZWFkAAAGMAAAACwAAAA2BEqUO2hoZWEAAAZcAAAAGAAAACQELwIWaG10eAAABnQAAAAPAAAAVCoAAABsb2NhAAAGhAAAACwAAAAsEBQSZm1heHAAAAawAAAAHwAAACABJgBkbmFtZQAABtAAAAElAAACCtXH9aBwb3N0AAAH+AAAALsAAAElJXNJs3icY2BkYmCcwMDKwMHowpjGwMDgDqW/MkgytDAwMDGwMjNgBQFprikMDh8ZP4owgbh6TBBhRhABAFl1B6YAAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD6K/P8PUvCREUTzM0DVAwEjG8OIBwCEVQbLAAB4nIVVzW/jRBSf5zieJE2bOPVH0jRpEidxsZumW8f20orWi6C7rKoKqSQUVUjdQ6RVAkekHi047AEOvbSqxIFed8OBO3voDSE4gRohLmi1N/Z/SHljp90uJSLRvJn5vZn3Pc8ECP7gBE4IR8is6A7+huPR8JhEAnwIQ8RnyBwhm6C7M0CLoG6AuwyRZdBxgdsZuPB9c/+Q4w73Q/rgEcc9ehDQs4ODL67x/cPRl1cMpEwj6vBRd4RQQlxL1CzREv12e9DugzEagkH44Mw5nBOBZEiF1HDXquuy6rgSRYJmyEWoUVWTLdVWBSo7rupGqAoHhWwL7KmSDLB7r7k2+inf7bb7+8rcUmUpf95oACk0kk2b0uJc+a2VrW56KbX9Tb7r94/2xdhSYt7Mw4eNRqA+IB0YkCjGCPWI9LjT64Hn96HTJ2M/vka+QJK4YjZtQC04iHAhmy2MXrT7/UDj98nGp+N7kbFvz1FukuSuZKvMv43ALwn9CcLt4fVfmCC7ubbWvLeLPo3Ve6HMP9D6x9uppXR3a6uLYvnrvEbJFBGJivHFENmabtlIIVzLFk7HRs8zDK8HxOsZnmdc9IwTz7gkRu8c0Qmy2EUtlDgbSHRttul7KAzF+HjTMHoDr+cbvdHQM3zcMzFhrAYYqxSZxVUZa0rEKiqjmyKWVVksg39JMlmAbAbG8yWmAO+wxWsGlgeKEq7rlGIMZ0melMgiRtKtaxWBqjXMBdYG1qzdiuozIEuqxWrYtahirTqu/nNXyervze9ANP3u8s7vZ5/NFUcvdueK/Nm3DNB2x+zSD9Gc+qTSvC8+kX8sfGAoyhGjssyQI8YjrDoCW0LfVLRlIfRQFiWFeWiLrXrUkjVVsy02bBwwGD3LZNGlDtLRaaczHA59Rm85/Mxsm6ZpmNd1w/ToZPO2DqoFybDkGTChUn8HWs46rCoLcIVLAsN1ewMYLrMnn8nlMmAgfV4yzRIk4148GRA4ZkC4DOFblh1PeVMKO95hRHljd52jc+gH73xqHB2socCaIA5q2S7LOGwknhn82mCOLsLxyvBN/CMdmObVezzHnFcIqQlUd1q6q6w6rTqmXFIpTpKy6qqCLAUo+DnxlONOMna16lQhXNiZU67aqlafQvoTmqZ7YtWtVucp3UvjmfQepXkNozWu199Ql0s81MZUOU2op6COFKOYAjQAt8ICCKgbJ2UTMNQKRnYTsBnh1tHpMuZgVZEE+A6gIfBGNOakpRgX6+CQ0nacN3mhEbBMPm7fYv1awhdqGK8SSkITYg9pRJ6O3Y3H78am5Qh9GBO0SYxZYPc843UfY29lCl/IVSfHV2HeaNFAbrTyq/ca3sGcwYRPwBu3bn4A4GJi+7/xjWGyS5Olo4mVOovfRDUxwKyx5E5U9zTP+FWmkoaNCA7INFGwW6yRbfIR+Rgr0naKHEUjBE1fcbE9OHUqK6riuKx/1HVNUdEeSRgjaKEmISL/FxK1NoFVtyprL+vrxhzH36lJufxKthjhSgX4PJ7gE0llOg6RRAoy84k4n5gGeSbGJ1L/2o1q72e8O+vJxa/+BL7gVBddHuDtrFIow2PO5VIx0cxVWxmBz6zMlx35fwF1Hgp/7dwn/wCHsUmOeJxjYGRgYADi2RquW+L5bb4ycDMxgMDFaZpbkGkmBsZrQIqDASwNAAmYCNZ4nGNgZGBgYgACPTAJYjMyoAJRAAXjAEx4nGNiYGBgojIGAAeMACsAAAAAAAAMAD4AUACSAKIAvgDsARIBOAFgAaYB2gIyAloCkAL2AxADPgN6A/54nGNgZGBgEGWIYGBnAAEmIOYCQgaG/2A+AwATugGLAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtjlkOwjAMRDNAy1KgrMfIoUJqqKU0KVlYbk+hReKD+bCfrdHYYiR6ZeK/jkJghDEmyJBjihnmWKDAEiusUWKDLXbY44DjpDXqWbyL1Oy1oaxVKVBxcyY1JJsUaTGwcfcvNlx9HTVf6s05GRO0J7KSbCRf/i4eHPNwTcrTNLRsLfl5SKfI0VCYadVGdraDuiPyIQt15xxrd8n7h9Z9ky5Fw5b2w/gJGn7eqlSxkxV1J/mTJ8QLQRVRWgA=) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMkC6TWMAAAEoAAAAVmNtYXDiJhC2AAAB1AAAAUpnbHlmI2i9NgAAA0wAAAf8aGVhZARKlDsAAADQAAAANmhoZWEELwIWAAAArAAAACRobXR4KgAAAAAAAYAAAABUbG9jYRAUEmYAAAMgAAAALG1heHABJgBkAAABCAAAACBuYW1l1cf1oAAAC0gAAAIKcG9zdCVzSbMAAA1UAAABJQABAAACAAAAAC4CAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAFQABAAAAAQAAmyhx5F8PPPUACwIAAAAAANGWKbQAAAAA0ZYptAAAAAACAAHWAAAACAACAAAAAAAAAAEAAAAVAFgABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQIAAZAABQAIAUQBZgAAAEcBRAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxFAIAAAAALgIAAAAAAAABAAAAAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxFP//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAPgBQAJIAogC+AOwBEgE4AWABpgHaAjICWgKQAvYDEAM+A3oD/gABAAAAAAGWAZYAAgAAExE3q+oBlf7WlQADAAAAAAHWAdYAAgAOABoAAD8BJzcOAQceARc+ATcuAQMuASc+ATceARcOAdWAgCtbeAICeFtbeAICeFtIYQICYUhIYQICYaBgYHUCeFtbeAICeFtbeP6CAmFISGECAmFISGEAAgAAAAABgAGWAAMABwAANzMRIzMRMxGAVVWrVWsBKv7WASoABAAAAAABwAHAAAYAEgAiACUAAAE0JicVFzY3FAcXNjcuAScVHgElBxcjFTMXNRcGBxU2Nxc3AwcXAWAdGDQBNQsgFQEBU0EvOv7HG2VlVWtbFhosIiwbwC0tAQAdLQwvNQcHHhohKTBGZRAsD0yMG2WAa5BbEQgsChwrGwFQLS0AAAAAAQAAAAABVgGrAAUAABMVMxcRB5VWamoBQIBrAVZrAAACAAAAAAGLAasABgAMAAABLgEnFT4BJRUzFxEHAYsBHRgYHf7hVWtrAQAdLQysDC1dgGsBVmsAAAMAAAAAAcABvAAFAAwAGQAAExUzFxEHFzQmJxU+AScVHgEUBgcVPgE3LgFAVWtryx0YGB01Lzo6L0FTAQFTAUCAawFWa0AdLQysDC3YLA9MaEwPLBBlRkZlAAAABAAAAAABlgGWAAUACwARABcAADcjFTM1IyczNTM1IwEjFTM1IycVMxUzNZUqakAqKkBqAQBAaipAQCrVaiqWQCr/ACpqwCpAagAAAAQAAAAAAZYBlgAFAAsAEQAXAAA3MxUzNSM3IxUzNSMTMzUzNSM3NSMVMzVrQCpqQEBqKoAqQGoqKmqrQGqAKmr+1kAqgEBqKgAAAAACAAAAAAGrAasADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQGA/wASGAEBGBIBABIYAQEYEv8AAQABqwEYEv8AEhgBARgSAQASGP7WAQAAAAYAAAAAAdYB1gAHAAwAEwAbACAAKAAAEzcmIyIGBxclLgEnBxcjFz4BNTQFJw4BFRQXMwceARc3MwcWMzI2NyfJZRYYJ0QcTgEFEEIuTtOgbBoe/uFTGh4EoJsQQi5OI1MWGCdEHE4BILAFGReHIi9HEYcVux1JKhYWkB1JKhYVFS9HEYeQBRkXhwAABQAAAAAB1gGrAA8AEwAXABsAHwAAASEOARURFBYXIT4BNRE0JgUzFSMXIzUzFyM1MzUjNTMBq/6qEhgYEgFWEhgY/phWVtbW1oBWVtbWAasBGBL/ABIYAQEYEgEAEhiqK1UrKysqKwADAAAAAAHAAasADwAnAD8AAAEhDgEVERQWFyE+ATURNCYHIzUjFTM1MxUOASsBIiY9ATQ2OwEyFh8BIzUjFTM1MxUUBisBIiYnNT4BOwEyFhUBlf7WEhkZEgEqEhkZvCArKyABDAlACQwMCUAJDAGVICsrIAwJQAkMAQEMCUAJDAGrARgS/wASGAEBGBIBABIYlQtACxYJDAwJVgkMDAkWC0ALFgkMDAlWCQwMCQAAAAYAAAAAAcABawADAAcACwAPABMAFwAANzM1IxUzNSM1MzUjFyE1IRUhNSE1FSE1QCsrKysrK1UBK/7VASv+1QEr6yqAK4ArgCqAK6srKwAAAQAAAAABwAHWACIAACUGByc2NCc3FjI2NCYiBgcUFwcmIgYUFjI3FwYVFBYyNjQmAYAZEZgCApYSNSQkNiQBApYSNSQkNRKYAiQ0JCSpARBZBxAHWBEkNyQkHAcHWBAkNiQQWAcHGyMjNSMAAgAAAAAB0gHWADcAQAAAJTY0Jzc2LwEmDwEmLwEmKwEiDwEGBycmDwEGHwEGFBcHBh8BFj8BFh8BFjsBMj8BNjcXFj8BNicHLgE0NjIWFAYBnwEBLQYEKgUINhAUCAIIVggCCBQQNQkEKwQGLQEBLQYEKwQJNRAUCAIIVggCCBQQNQkEKwQGzCAqKkAqKusKFgojBghKBwMVDQg4CQk4CA0VAwdKCAYjChYKIwYISgcDFQ0IOAkJOAgNFQMHSggGEwEqQCoqQCoAAAAAAQAAAAAB1gHWAAsAABMeARc+ATcuAScOASsCeFtbeAICeFtbeAEAW3gCAnhbW3gCAngAAAIAAAAAAdYB1gALABcAAAEOAQceARc+ATcuAQMuASc+ATceARcOAQEAW3gCAnhbW3gCAnhbSGECAmFISGECAmEB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYQAAAwAAAAAB1gHWAAsAFwAgAAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEnDgEiJjQ2MhYBAFt4AgJ4W1t4AgJ4W0hhAgJhSEhhAgJhCAEkNiQkNiQB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYakbJCQ2JCQAAAAABwAAAAACAAFgAA0AFgAoADoATABUAFcAADc1Nh4CBw4BBwYjJzA3MjY3NiYHFRYXFjY3PgE1NCYnIxYXHgEXFAYXFjY3PgE1LgEnIxQXHgEVFAYXFjY3PgE1LgEnIxQXHgEVFAYFMz8BFTM1IxcVI+MmOyoaAgQxJRQZGzAYHgMCIB0BbQkKBAoMFg0JAQMKDwESHAoJBAoNARUOCAQKDxIcCgkECg0BFQ4IBAoPEv4lRRJAMTsMKIPaAQQdNiQoNwQBATkYFh0hAWgCNwIPCBErGSQ0EgYEEjAcITYVAg8IESsZJDQSBgQSMBwhNhUCDwgRKxkkNBIGBBIwHCE2FxwBHd9ORwAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUAAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZRFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format('truetype');
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
    content: '\f101'; }

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

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

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

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

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

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

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

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

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

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

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
    content: '\f10c'; }

.vjs-icon-captions, .video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button:before {
    content: '\f10d'; }

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

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

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

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: '\f111'; }

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

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

.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before {
    content: '\f114'; }

.video-js {
  /* display:inline-block would be closer to the video el's display:inline
   * but it results in flash reloading when going into fullscreen [#2205]
   */
  display: block;
  /* Make video.js videos align top when next to video elements */
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
  easily calculable. */
  font-size: 10px;
  line-height: 1;
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
  checking fullScreenEnabled. */ }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

/* All elements inherit border-box sizing */
.video-js *, .video-js *:before, .video-js *:after {
  box-sizing: inherit; }

/* List style reset */
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  /* Important to specify each */
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

/* Fill the width of the containing element and use padding to create the
   desired aspect ratio. Default to 16x9 unless another ratio is given. */
/* Not including a default AR in vjs-fluid because it would override
   the user set AR injected into the header. */
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

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

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

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

/* Playback technology elements expand to the width/height of the containing div
<video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

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

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  /* Undo any aspect ratio padding for fluid layouts */
  padding-top: 0 !important; }

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

/* Hide disabled or unsupported controls. */
.vjs-hidden {
  display: none !important; }

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

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
The .video-js classname on the video tag also isn't considered.
This optional paragraph inside the video tag can provide a message to users
about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

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

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

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

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

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

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

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto; }

/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

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

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

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

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

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  /* (Width of vjs-menu - width of button) / 2 */
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-menu-button-popup .vjs-menu ul {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em; }

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

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

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

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

.video-js .vjs-menu-button-inline.vjs-slider-active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

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

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

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

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

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

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

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
  /* !important is ok in this context. */
  display: none !important; }

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

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

/* IE 8 + 9 Support */
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }
  .video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67; }

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

/* Hide control text visually, but have it available for screenreaders */
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* IE 8 + 9 Support */
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

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

/**
 * Let's talk pixel math!
 * Start with a base font size of 10px (assuming that hasn't changed)
 * No Hover:
 * - Progress holder is 3px
 * - Progress handle is 9px
 * - Progress handle is pulled up 3px to center it.
 *
 * Hover:
 * - Progress holder becomes 5px
 * - Progress handle becomes 15px
 * - Progress handle is pulled up 5px to center it
 */
.video-js .vjs-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

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

/* Box containing play and load progresses. Also acts as seek scrubber. */
.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

/* We need an increased hit area on hover */
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em; }

/* Also show the current time tooltip */
.video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after {
  display: block;
  /* If we let the font size grow as much as everything else, the current time tooltip ends up
     ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
     to avoid a weird hitch when you roll off the hover. */
  font-size: 0.6em; }

/* Progress Bars */
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.video-js .vjs-mouse-display:before {
  display: none; }

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

.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after {
  /* By default this is hidden and only shown when hovering over the progress control */
  display: none;
  position: absolute;
  top: -2.4em;
  right: -1.5em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 0.2em 0.5em;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em; }

.video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after {
  z-index: 1; }

.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: ligthen(#73859f, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.5); }

/* there are child elements of the load progress bar that represent the
specific time ranges that have been buffered */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: ligthen(#73859f, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.75); }

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

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

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

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

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

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

.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

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

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

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

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

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

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

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

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

/* Assumes volume starts at 1.0. */
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

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

/* The volume menu button is like menu buttons (captions/subtitles) but works
a little differently. It needs to be possible to tab to the volume slider
without hitting space bar on the menu button. To do this we're not using
display:none to hide the slider menu by default, and instead setting the
width and height to zero. */
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content, .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  /* An inline volume should never have a menu background color.
     This protects it from external changes to background colors. */
  background-color: transparent !important; }

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

/* Used for IE8 fallback */
.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster after the video has started playing */
.vjs-has-started .vjs-poster {
  display: none; }

/* Don't hide the poster if we're playing audio */
.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

/* Hide the poster when controls are disabled because it's clickable
and the native poster can take over */
.vjs-controls-disabled .vjs-poster {
  display: none; }

/* Hide the poster when native controls are used otherwise it covers them */
.vjs-using-native-controls .vjs-poster {
  display: none; }

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

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

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em; }

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

/* We need the extra specificity that referencing .vjs-no-flex provides. */
.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
  display: none; }

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

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

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

.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

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

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff;
  /* Subtitles are white */ }

.vjs-captions {
  color: #fc6;
  /* Captions are yellow */ }

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

.video-js .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

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

.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  color: #fff;
  /* In order to center the play icon vertically we need to set the line height
  to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  /* Needed for IE8 */
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-error-display a, .vjs-error-display a:visited {
  color: #66A8CC; }

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

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before, .vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  /* Keep 100% opacity so they don't show through each other */
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

/* only animate when showing because it can be processor heavy */
.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

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

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

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }

  20% {
    border-top-color: #73859f; }

  35% {
    border-top-color: white; }

  60% {
    border-top-color: #73859f; }

  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }

  20% {
    border-top-color: #73859f; }

  35% {
    border-top-color: white; }

  60% {
    border-top-color: #73859f; }

  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu {
  left: -10em;
  /* (Width of vjs-menu - width of vjs-control) / 2 */
  width: 0; }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
  display: none; }

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-font:after, .vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/static/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/static/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/static/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/static/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/static/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/static/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/static/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/static/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/static/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/static/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/static/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/static/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/static/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/static/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*! Flickity v1.1.1
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Icons */
/* Arrows */

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before {
font-family: "FontAwesome";
content: "\f104";
font-size: 50px; }
[dir="rtl"] .slick-prev:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 50px;
}

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 50px;

}
[dir="rtl"] .slick-next:before {
    font-family: "FontAwesome";
    content: "\f104";
    font-size: 50px;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: #909090;
    top: 50%;
    margin-top: -120px;
    padding: 0;
    border: none;
    width: 25px;
    height: 240px;
    background: none;
}

/* Dots */


.slick-dots { position: absolute; bottom: 10px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; margin: 0;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button {font-family: "FontAwesome"; border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\f10c"; color: #fff; width: 20px; height: 20px; font-size: 14px; line-height: 20px; text-align: center; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { content: "\f111"; opacity: 1; }


.text-capitalize {
  text-transform: capitalize;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.btn-gradient {
  color: #fff;
  text-decoration: none;
  background: #3CBF8D;
  background: -moz-linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  background: -webkit-linear-gradient(0deg, #28986E 50%, #3CBF8D 80%);
  background: linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28986E, endColorstr=#3CBF8D, GradientType=1);
  background-size: 200% auto;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: inherit;
}
.btn-gradient:hover {
  color: #fff !important;
  background-position: left center;
  /* change the direction of the change here */
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
}
.btn-cta {
  padding: 13px;
  min-width: 200px;
  font-size: 1.1em;
}
.border-radius {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.border-radius-large {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.border-radius-none {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.border-green {
  border: 0.25rem solid #3cbf8d;
}
.box-shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.48);
}
.box-shadow-light {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.18);
}
.box-shadow-none {
  box-shadow: none !important;
}
@font-face {
  font-family: 'Playlist';
  src: url('/static/fonts/playlist_script-webfont.woff?22e1a08c93ca') format('woff'), url('/static/fonts/playlist_script-webfont.woff2?fa20cd4e99fb') format('woff2');
}
[hidden][style*="display: block"] {
  display: block !important;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.jumbotron {
  padding: 0;
  background: transparent;
  margin: 0;
}
.nowrap {
  white-space: nowrap;
}
.padding-bottom {
  padding-bottom: 60px;
}
.padding-top {
  padding-top: 60px;
}
.justify-content-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.justify-content-space-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.align-items-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-items-space-between {
  -webkit-box-align: space-between;
  -moz-box-align: space-between;
  -webkit-align-items: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}
.letter-spacing-1 {
  letter-spacing: 1px;
}
.letter-spacing-2 {
  letter-spacing: 2px;
}
.letter-spacing-3 {
  letter-spacing: 3px;
}
.letter-spacing-4 {
  letter-spacing: 4px;
}
.bg-white {
  background: #fff;
}
.bg-offwhite {
  background: #F8F8F8;
}
.bg-orange {
  background: #FF7F00;
}
.bg-grey {
  background: #5A5A5A;
}
.bg-lightgrey {
  background: #9D9D9D;
}
.bg-green {
  background: #3CBF8D;
}
.bg-green-dark {
  background: #28986E;
}
.bg-red {
  background: #D85A5A;
}
.bg-none {
  background: inherit !important;
}
.text-white {
  color: #fff;
}
.text-grey {
  color: #5A5A5A;
}
.text-lightgrey {
  color: #9D9D9D;
}
.text-green {
  color: #3CBF8D;
}
.text-green-dark {
  color: #28986E;
}
.line-height-large {
  line-height: 1.75em;
}
.article-end-quote {
  font-family: 'freight-display-pro', Helvetica, Arial, sans-serif;
  font-size: 2em;
  padding: 30px 0;
  margin-top: 20px;
  margin-bottom: 0;
  border-top: 1px solid #f5f5f5;
  text-align: center;
}
.embed-responsive-3by4::before {
  padding-top: 133.33333333%;
}
.embed-responsive-9by16::before {
  padding-top: 177.77777778%;
}
a {
  color: #3CBF8D;
  font-weight: 600;
}
a:focus,
a:hover {
  color: #28986E;
  text-decoration: none;
  -webkit-transition: all 0.24s ease;
  -moz-transition: all 0.24s ease;
  -o-transition: all 0.24s ease;
  transition: all 0.24s ease;
}
a.link--grey {
  color: #5A5A5A;
}
a.link--white {
  color: #ffffff;
  border-bottom: 2px solid transparent;
}
a.link--white:hover {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}
:focus {
  outline: none !important;
}
.link--spaced {
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 2px;
  font-weight: 700;
}
button {
  font-weight: 600;
  border: none;
  -webkit-transition: background 0.24s ease, color 0.24s ease;
  -moz-transition: background 0.24s ease, color 0.24s ease;
  -o-transition: background 0.24s ease, color 0.24s ease;
  transition: background 0.24s ease, color 0.24s ease;
}
button .link--spaced {
  background: none;
  color: #3CBF8D;
  padding: 0;
}
button .link--spaced:hover,
button .link--spaced:active {
  color: #309870;
}
.btn-after-pay {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0;
  background-color: #B2FCE3;
  line-height: 1em;
  outline: 0;
}
.btn-after-pay:hover,
.btn-after-pay:focus,
.btn-after-pay:active {
  background: #52FFD3;
}
.btn-white-new {
  font-size: 1em;
  color: #222222;
  background: #fff;
  border: 2px solid #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-white-new:hover,
.btn-white-new:active,
.btn-white-new:focus {
  color: #fff;
  background: transparent;
}
.link--slideo {
  display: block;
  position: relative;
  padding: 5px 0;
}
.link--slideo:hover .slideo--text {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.link--slideo:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.link--slideo .slideo--text {
  display: block;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.24s ease;
  -moz-transition: -moz-transform 0.24s ease;
  -o-transition: -o-transform 0.24s ease;
  transition: -webkit-transform 0.24s ease,-moz-transform 0.24s ease,-o-transform 0.24s ease,transform 0.24s ease;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.link--slideo:before {
  font-family: 'FontAwesome';
  content: '\f105';
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: opacity 0.24s ease, -webkit-transform 0.2s ease;
  -moz-transition: opacity 0.24s ease, -moz-transform 0.2s ease;
  -o-transition: opacity 0.24s ease, -o-transform 0.2s ease;
  transition: opacity 0.24s ease,-webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease;
}
.flexbox:not(.flexboxtweener) .container-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flexbox:not(.flexboxtweener) .container-flex > .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flexbox:not(.flexboxtweener) .container-flex > .row > [class^='col'] {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
body,
p {
  font-weight: 400;
  color: #222222;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.42857143;
  font-family: proxima-nova, "Roboto", sans-serif !important;
}
p {
  margin: 1em 0;
}
.thin {
  font-weight: 300;
}
.normal {
  font-weight: 400;
}
.thick {
  font-weight: 600;
}
.super-thick {
  font-weight: 700;
}
.mega-thick {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2;
}
h1 {
  font-size: 2.5em;
  font-weight: 300;
}
h2 {
  font-size: 1.7em;
  font-weight: 400;
}
h3 {
  margin: 0 0 10px 0;
  font-size: 1.3em;
  font-size: 1.4em;
  font-weight: 400;
}
h4 {
  margin: 0 0 10px 0;
  font-size: 1em;
  font-size: 1.2em;
  font-weight: 400;
}
img.right {
  float: right;
  margin: 0px 0px 10px 10px;
}
img.left {
  float: left;
  margin: 0px 10px 10px 0px;
}
.load-more {
  height: 100px;
}
.align-top {
  margin-top: 0 !important;
}
.slick-initialized.slick-slider {
  display: block;
}
.slick-slider {
  display: none;
}
.form-control {
  border-radius: 0;
  padding: 8px 12px;
  height: 42px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #ddd;
}
.form-inline-btn {
  position: relative;
}
.form-inline-btn button {
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 52px;
  width: 52px;
  border-radius: 0;
  color: #fff !important;
}
.form-inline-btn .form-control {
  margin-right: 52px;
}
.form_summary p {
  margin: 0;
}
.email_form button[type='submit'] {
  float: right;
  width: 100%;
  max-width: 300px;
  padding: 15px 0;
}
.form-control.error {
  border-color: #F58888;
}
.input--label.error {
  color: #F58888;
}
.input--label ~ .form-control {
  padding: 12px 12px 2px;
  height: 52px;
}
.input--label ~ textarea.form-control,
.input--label ~ input[type='file'].form-control {
  padding: 15px 12px 2px;
}
.input-label-hint {
  margin-top: 15px;
}
.input--label {
  position: absolute;
  left: 0;
  color: #888888;
  font-size: 0.8em;
  cursor: text;
  font-weight: 400;
  padding: 0 12px;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.1s ease;
  -moz-transition: -moz-transform 0.1s ease;
  -o-transition: -o-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease,-moz-transform 0.1s ease,-o-transform 0.1s ease,transform 0.1s ease;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.input--label[for='id_comments'],
.input--label[for='id_main_focuses_and_activities'],
.input--label[for='id_summary'],
.input--label[for='id_description'],
.input--label[for='id_main_focus'],
.input--label[for='id_summary'] {
  top: 25px;
}
.input--label[for='id_file'] {
  top: 25px;
  -webkit-transform: translateY(-150%) scale(0.8);
  -moz-transform: translateY(-150%) scale(0.8);
  -o-transform: translateY(-150%) scale(0.8);
  -ms-transform: translateY(-150%) scale(0.8);
  transform: translateY(-150%) scale(0.8);
}
.input--filled .input--label {
  -webkit-transform: translateY(-150%) scale(0.8);
  -moz-transform: translateY(-150%) scale(0.8);
  -o-transform: translateY(-150%) scale(0.8);
  -ms-transform: translateY(-150%) scale(0.8);
  transform: translateY(-150%) scale(0.8);
  margin-top: 5px;
}
.input--label.SelectMultiple {
  visibility: hidden;
}
.input--label.Textarea {
  top: 26px;
}
.form-group {
  position: relative;
  margin-bottom: 10px;
}
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="email"],
input[type="file"] {
  -webkit-appearance: none;
}
.form-control:focus,
.form-control:focus {
  border-color: #3CBF8D !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-input {
  position: relative;
  margin-bottom: 10px;
}
.form-input label {
  position: absolute;
  top: 0;
  font-size: 0.6em;
  font-weight: 400;
  color: #9D9D9D;
  opacity: 0;
}
.div-table {
  display: table;
  width: 100%;
  height: 100%;
}
.div-cell {
  display: table-cell;
  vertical-align: middle;
}
.subhead {
  font-weight: 400;
  margin-top: 0;
  color: #5A5A5A;
  font-size: 0.8em;
}
.fa-star,
.fa-star-half-o,
.fa-star-o,
.fa-star-half {
  color: #D4C12A;
  color: #d5ac30;
}
.fa-star.star-inactive {
  color: #e2e2e2;
}
.rating .fa-stack {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  margin-right: 3px;
}
.rating .fa-stack-1x {
  position: absolute;
  margin-right: 0;
}
.rating .fa-star-half {
  margin-left: -2px;
}
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate--two {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 49px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
h2.truncate--two {
  height: 63.4px;
  /* Fallback for non-webkit */
  font-size: 26px;
  line-height: 1.2;
}
h3.truncate--two {
  height: 49px;
  /* Fallback for non-webkit */
  font-size: 20px;
  line-height: 1.2;
}
.spinner-bg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  zoom: 1;
  border-radius: 2px;
  -webkit-transition: opacity 0.16s ease;
  -moz-transition: opacity 0.16s ease;
  -o-transition: opacity 0.16s ease;
  transition: opacity 0.16s ease;
}
.spinner-bg.visible {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  -webkit-animation: fadeIn 0.35s forwards;
  -moz-animation: fadeIn 0.35s forwards;
  -o-animation: fadeIn 0.35s forwards;
  animation: fadeIn 0.35s forwards;
  z-index: 99;
}
.spinner-bg .spinner {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.btn-thin {
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: 700;
}
.btn-green {
  background: #3CBF8D;
  text-align: center;
  letter-spacing: 2px;
  color: #FFFFFF;
  font-weight: 700;
  padding: 8px 10px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}
.btn-green:hover,
.btn-green:focus {
  background: #28986E;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-green-outline {
  background: #ffffff;
  text-align: center;
  color: #3CBF8D;
  padding: 4px 10px;
  border: 2px solid #3CBF8D;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}
.btn-green-outline:hover,
.btn-green-outline:focus {
  background: #28986E;
  border-color: #28986E;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-green-outline .plus-minus-toggle {
  position: relative;
  height: 1em;
  width: 1em;
  display: inline-block;
}
.btn-green-outline .plus-minus-toggle:before,
.btn-green-outline .plus-minus-toggle:after {
  background: #3CBF8D;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 1em;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease,-moz-transform 0.5s ease,-o-transform 0.5s ease,transform 0.5s ease;
}
.btn-green-outline .plus-minus-toggle:after {
  transform-origin: center;
}
.btn-green-outline .plus-minus-toggle.untoggled:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn-green-outline .plus-minus-toggle.untoggled:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn-green-outline .plus-minus-toggle.is-hover:before,
.btn-green-outline .plus-minus-toggle.is-hover:after {
  background: #fff;
}
.btn-orange {
  background: #ff7727;
}
.btn-orange:hover,
.btn-orange:focus {
  background: #ff670d;
  color: #fff;
}
.btn-v2 {
  font-size: 0.85em;
  padding: 15px 30px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
}
.btn-v2.btn-v2-md {
  font-size: 1em;
}
.btn-add-more {
  background: none;
  color: #e2e2e2;
}
.btn-lg {
  font-size: 1.5em;
}
.btn-sm {
  font-size: 0.8em;
}
.btn-block {
  display: block;
  margin-top: 10px;
}
.btn-fw {
  display: block;
  width: 100%;
  text-align: center;
}
.btn-white {
  background: #FFFFFF;
  color: #3CBF8D;
}
.btn-white:hover,
.btn-white:focus {
  color: #36ac7f;
  background: #FFFFFF;
  text-decoration: none;
}
.btn-red {
  background: #D85A5A;
  color: #FFFFFF;
}
.btn-grey {
  background: #5A5A5A;
  color: #FFFFFF;
}
.btn.btn-grey {
  background: #5A5A5A;
  color: #FFFFFF;
}
.btn-lightgrey {
  background: #9D9D9D;
  color: #FFFFFF;
}
.btn-black {
  background: #222222;
  color: #FFFFFF;
}
.btn-facebook {
  color: #FFFFFF;
  background: #3B5998;
  border-color: #3B5998;
}
.btn-border {
  color: #5A5A5A;
  background: transparent;
  border: 1px solid #8d8d8d;
}
.btn-border.follow-author {
  padding: 8px 24px;
}
.desktop .btn-red:hover,
.desktop .btn-red:focus {
  color: #FFFFFF;
  background: #ce3131;
  text-decoration: none;
}
.desktop .btn-grey:hover,
.desktop .btn-grey:focus {
  color: #FFFFFF;
  background: #414141;
  text-decoration: none;
}
.desktop .btn-black:hover,
.desktop .btn-black:focus {
  color: #FFFFFF;
  background: #080808;
  text-decoration: none;
}
.desktop .btn-facebook:hover,
.desktop .btn-facebook:focus {
  background: #344e86;
  color: #FFFFFF;
  text-decoration: none;
}
.desktop .btn-border:hover {
  background: #5A5A5A;
  color: #FFFFFF;
}
.btn-logout {
  color: #F58888 !important;
}
.btn-login {
  color: #3CBF8D !important;
}
.category-nav {
  background: #F8F8F8;
  margin-bottom: 30px;
}
.btn-category {
  background: transparent;
  color: #9D9D9D;
  white-space: nowrap;
  border: none;
  padding: 0 15px;
  height: 70px;
  line-height: 70px;
  margin: 0;
}
.btn-category.active {
  border-bottom: 2px solid #3CBF8D;
}
.desktop .btn-category:hover {
  background: transparent;
  color: #3CBF8D;
}
.desktop .btn-category:focus {
  background: transparent;
}
.category-nav-scroll {
  opacity: 0;
  height: 70px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -o-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
  -webkit-transition: -webkit-transform 0.7s ease, opacity 0.2s ease;
  -moz-transition: -moz-transform 0.7s ease, opacity 0.2s ease;
  -o-transition: -o-transform 0.7s ease, opacity 0.2s ease;
  transition: -webkit-transform 0.7s ease,-moz-transform 0.7s ease,-o-transform 0.7s ease,transform 0.7s ease, opacity 0.2s ease;
}
.category-nav-scroll.enabled {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
.category-nav-scroll .flickity-viewport {
  height: 70px;
}
.flickity-page-dots {
  bottom: 10px;
}
.flickity-page-dots .dot {
  background: #ffffff;
}
.category-nav-scroll:after {
  content: "";
  background: #f8f8f8;
  background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1);
  position: absolute;
  top: 0;
  right: 0;
  height: 70px;
  width: 50px;
  pointer-events: none;
}
.home-slider-wrap {
  height: 405px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 10px;
}
.home-slider,
.home-hero {
  position: relative;
  height: 405px;
  margin-bottom: 30px;
  width: 100%;
}
.home-slider .container,
.home-hero .container {
  position: relative;
}
.home-slider .hero-inner,
.home-hero .hero-inner {
  max-width: 600px;
}
.home-slider .home-slide,
.home-hero .home-slide {
  height: 405px;
}
.home-slider img,
.home-hero img {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  max-width: none;
}
.home-slider .text-overlay,
.home-hero .text-overlay {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0 20px;
  background: rgba(0, 0, 0, 0.3);
}
.home-slider h2,
.home-hero h2 {
  color: #FFFFFF;
  margin: 0;
  font-size: 2.2em;
  font-weight: 600;
}
.home-slider span,
.home-hero span {
  color: #FFFFFF;
}
.home-slider p,
.home-hero p {
  color: #FFFFFF;
  margin-bottom: 0;
  margin-top: 20px;
  font-weight: 600;
}
.home-slider .btn,
.home-hero .btn {
  margin-top: 20px;
  padding: 15px 30px;
}
.home-hero-v2 {
  padding: 0 40px;
}
.home-hero-v2 h2 {
  color: #4c4c4c;
  font-size: 32px;
  line-height: 1;
}
.home-hero-v2 h2 span {
  color: #40cb95;
  font-size: 42px;
}
.home-hero-v2 p {
  color: #4c4c4c;
}
.home-hero-v2 .btn {
  text-transform: uppercase;
}
.home-hero-v2 .text-overlay {
  padding: 0 40px;
}
.home-hero-v2.inverse p,
.home-hero-v2.inverse h2 {
  color: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-hero {
    background-position-x: 70% !important;
  }
  .home-hero * {
    max-width: 440px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-hero {
    background-position-x: 65% !important;
  }
  .home-hero * {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .home-hero {
    padding-top: 1rem !important;
  }
  .home-hero > * {
    position: relative;
    z-index: 1;
  }
  .home-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 15%, rgba(0, 0, 0, 0) 75%);
    z-index: 0;
  }
}
#footerWrap_top,
#footerWrap_bottom {
  border: 0;
  background: #F8F8F8;
  text-align: center;
}
#footerWrap_top .footer_main_panel,
#footerWrap_bottom .footer_main_panel {
  line-height: 1.5rem;
}
#footerWrap_top .container,
#footerWrap_bottom .container {
  background: transparent;
}
#footerWrap_top .footer_main_panel a,
#footerWrap_bottom .footer_main_panel a {
  display: inline-block;
  color: #222;
  font-weight: 500;
  font-size: 0.85em;
  padding: 0 8px;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#footerWrap_top .footer_main_panel a:hover,
#footerWrap_bottom .footer_main_panel a:hover,
#footerWrap_top .footer_main_panel a:focus,
#footerWrap_bottom .footer_main_panel a:focus {
  color: #28986E;
}
#footerWrap_top .footer_main_panel.bottom,
#footerWrap_bottom .footer_main_panel.bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 19px;
  letter-spacing: 2px;
}
#footerWrap_top .footer_main_panel.bottom a,
#footerWrap_bottom .footer_main_panel.bottom a {
  text-transform: inherit;
  font-weight: 400;
}
#footerWrap_top .footer-nav-social:not(.bottom),
#footerWrap_bottom .footer-nav-social:not(.bottom) {
  padding-top: 30px;
  padding-bottom: 30px;
}
#footerWrap_top .footer-nav-social a,
#footerWrap_bottom .footer-nav-social a {
  display: inline-block;
  color: #222;
  font-size: 0.85em;
  padding: 0 10px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#footerWrap_top .footer-nav-social a:hover,
#footerWrap_bottom .footer-nav-social a:hover,
#footerWrap_top .footer-nav-social a:focus,
#footerWrap_bottom .footer-nav-social a:focus {
  color: #28986E;
}
#footerWrap_top .footer-nav-social.bottom,
#footerWrap_bottom .footer-nav-social.bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#footerWrap_top .footer-nav-social.bottom .copyright,
#footerWrap_bottom .footer-nav-social.bottom .copyright {
  margin-right: 15px;
}
#footerWrap_top .footer-nav-social.bottom a,
#footerWrap_bottom .footer-nav-social.bottom a {
  font-size: 1.2em;
  padding: 0 5px;
}
#footerWrap_top .footer-nav-bottom a,
#footerWrap_bottom .footer-nav-bottom a {
  display: inline-block;
  color: #222;
  font-weight: 400;
  font-size: 0.85em;
  padding: 0 10px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#footerWrap_top .footer-nav-bottom a:hover,
#footerWrap_bottom .footer-nav-bottom a:hover,
#footerWrap_top .footer-nav-bottom a:focus,
#footerWrap_bottom .footer-nav-bottom a:focus {
  color: #28986E;
}
@media (max-width: 1199px) {
  #footerWrap_top .footer_main_panel .footer-nav-social .nowrap,
  #footerWrap_bottom .footer_main_panel .footer-nav-social .nowrap,
  #footerWrap_top .footer_main_panel .footer-nav-social .copyright,
  #footerWrap_bottom .footer_main_panel .footer-nav-social .copyright {
    padding-top: 7.5px;
  }
  #footerWrap_top .footer_main_panel.bottom,
  #footerWrap_bottom .footer_main_panel.bottom {
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #footerWrap_top .footer_main_panel a,
  #footerWrap_bottom .footer_main_panel a {
    padding-top: 0;
    padding-bottom: 0;
  }
  #footerWrap_top .footer_main_panel .footer-nav-social,
  #footerWrap_bottom .footer_main_panel .footer-nav-social {
    justify-content: center;
  }
}
.formCampaignMonitorFooter {
  position: relative;
}
.formThankYou {
  position: absolute;
  top: 0;
  left: 0;
}
.formThankYou p {
  color: #3CBF8D;
  font-weight: 600;
}
.form-thank-you {
  width: auto;
  background-color: #40CB94;
  color: #FFFFFF;
  text-align: center;
  border-radius: 2px;
  padding: 8px 10px;
}
.form-thank-you p {
  color: #FFFFFF;
}
.captcha_border {
  border: 1px solid #F58888;
}
/* carousel height, as percentage of width */
.carousel {
  height: 100%;
  padding-bottom: 26.3%;
}
/* viewport inherit size from carousel */
.carousel .flickity-viewport {
  position: absolute;
  width: 100%;
}
/* cell inherit height from carousel */
.carousel-cell {
  height: 100%;
  width: 47%;
}
.flickity-viewport {
  display: none;
}
.flickity-enabled .flickity-viewport {
  display: block;
}
.fmk-video-slider {
  height: 0;
}
.video-js,
.vjs-tech {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}
.profile-picture {
  display: inline-block;
  overflow: hidden;
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100%;
  -moz-background-clip: padding;
  border-radius: 100%;
  background-clip: padding-box;
}
@media (min-width: 768px) {
  .profile-picture {
    margin-right: 15px;
  }
}
.profile-picture.profile-picture-sm {
  width: 36px;
  height: 36px;
}
.profile-picture.profile-picture-xs {
  width: 28px;
  height: 28px;
}
.profile-picture.profile-picture-nav {
  width: 34px;
  height: 34px;
  background-color: #FFFFFF;
  border: 1px solid #3CBF8D;
}
.pin-it-wrap {
  position: relative;
}
.pin-it-wrap a {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.pin-it-wrap:hover a {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.article-preview-message {
  position: relative;
  top: 0;
  left: 0;
  padding: 5px;
  background: #fff09a;
  font-size: 0.8em;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
article[id^=page] h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}
article[id^=page] h2 {
  font-size: 1.7em;
  font-weight: 400;
}
article[id^=page] h3 {
  font-size: 1.3em;
  font-weight: 400;
}
article[id^=page] .article-stats {
  padding: 18px 0px;
  border-bottom: 1px solid #DDDDDD;
}
article[id^=page] .article-stats span {
  font-weight: 600;
}
article[id^=page] .article-stats .views {
  display: none;
}
article[id^=page] .article-hero {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
article[id^=page] .article-hero img {
  max-width: none;
  width: 100%;
  box-shadow: 0 0 15px -4px rgba(0, 0, 0, 0.48);
}
article[id^=page] .article-hero .content-type-wrap:not(.content-type-wrap),
article[id^=page] .article-hero .article-hero-content:not(.content-type-wrap) {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  font-size: 0.8em;
  padding: 30px 45px 15px;
  margin-right: 80px;
  margin-left: 80px;
  color: #9D9D9D;
}
article[id^=page] .article-hero .content-type-wrap:not(.content-type-wrap) span.pageview,
article[id^=page] .article-hero .article-hero-content:not(.content-type-wrap) span.pageview {
  padding-left: 20px;
}
article[id^=page] .article-hero .content-type-wrap:not(.content-type-wrap) span:not(.date):not(.pageview),
article[id^=page] .article-hero .article-hero-content:not(.content-type-wrap) span:not(.date):not(.pageview) {
  padding-left: 30px;
}
article[id^=page] .article-hero .content-type-wrap.content-type-wrap,
article[id^=page] .article-hero .article-hero-content.content-type-wrap {
  margin-top: 15px;
  text-transform: uppercase;
}
article[id^=page] .article-hero .content-type-wrap span,
article[id^=page] .article-hero .article-hero-content span,
article[id^=page] .article-hero .content-type-wrap a,
article[id^=page] .article-hero .article-hero-content a {
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #9D9D9D;
}
article[id^=page] .article-hero .content-type-wrap a:hover,
article[id^=page] .article-hero .article-hero-content a:hover {
  color: #28986E;
}
article[id^=page] .article-body {
  position: relative;
  margin-bottom: 80px;
}
article[id^=page] .article-body .article-content {
  margin-left: 80px;
  line-height: 1.6;
  margin-right: 80px;
  padding: 0 30px;
}
article[id^=page] .article-body .article-content .author a {
  letter-spacing: 2px;
  font-weight: 600;
  color: #9D9D9D;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
article[id^=page] .article-body .article-content .author a:hover,
article[id^=page] .article-body .article-content .author a:focus {
  color: #28986E;
}
@media (max-width: 991px) {
  article[id^=page] .article-body .article-content {
    margin-right: 65px;
  }
}
@media (max-width: 767px) {
  article[id^=page] .article-body .article-content {
    padding: 0;
    margin: 0;
  }
}
article[id^=page] .article-body .article-description {
  letter-spacing: 0.005em;
}
article[id^=page] .article-body .article-description p,
article[id^=page] .article-body .article-description li {
  line-height: 1.7;
}
article[id^=page] .article-body .article-description img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
  article[id^=page] .article-body {
    margin-bottom: 40px;
  }
}
article[id^=page] .article-description h2 {
  text-transform: capitalize;
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 30px;
}
article[id^=page] .article-description h2[id^=title-] ~ h3 {
  font-size: 1.5em;
}
article[id^=page] .article-description h3,
article[id^=page] .article-description h4,
article[id^=page] .description-heading {
  text-transform: capitalize;
  font-size: 1.8em;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 30px;
}
article[id^=page] .article-description h3[id^=title-] ~ h3,
article[id^=page] .article-description h4[id^=title-] ~ h3,
article[id^=page] .description-heading[id^=title-] ~ h3 {
  font-size: 1.5em;
}
@media (max-width: 991px) {
  article[id^=page] .article-body .article-content h1 {
    padding-right: 0;
  }
  article[id^=page] .article-hero .article-hero-content {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  article[id^=page]:not(.recipe):not(.wellness-guide) .article-hero .article-hero-content {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 15px 0;
  }
  article[id^=page] .article-hero .article-hero-content span {
    padding-left: 0;
    padding-right: 30px;
  }
}
article[id^=page].wellness-guide .description-nav.d-md-none,
article[id^=page].recipe .description-nav.d-md-none {
  background: #fff;
  z-index: 2;
  overflow-x: scroll;
}
article[id^=page].wellness-guide .description-nav.d-md-none ul,
article[id^=page].recipe .description-nav.d-md-none ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article[id^=page].wellness-guide .description-nav.d-md-none ul li,
article[id^=page].recipe .description-nav.d-md-none ul li {
  padding: 0 15px;
}
article[id^=page].wellness-guide .description-nav.d-md-block,
article[id^=page].recipe .description-nav.d-md-block {
  margin-top: 20px;
  position: relative;
  height: 105px;
}
article[id^=page].wellness-guide .description-nav.d-md-block > nav,
article[id^=page].recipe .description-nav.d-md-block > nav {
  position: absolute;
  right: 0;
  text-align: right;
}
article[id^=page].wellness-guide .description-nav.d-md-block > nav li,
article[id^=page].recipe .description-nav.d-md-block > nav li {
  text-align: right;
}
article[id^=page].wellness-guide .description-nav.d-md-block > nav a,
article[id^=page].recipe .description-nav.d-md-block > nav a {
  padding-right: 15px;
}
article[id^=page].wellness-guide .description-nav > nav a,
article[id^=page].recipe .description-nav > nav a {
  color: #9D9D9D;
  line-height: 2.5em;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 0.8em;
}
article[id^=page].wellness-guide .description-nav > nav ul,
article[id^=page].recipe .description-nav > nav ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
article[id^=page].wellness-guide .description-nav > nav ul li a:active,
article[id^=page].recipe .description-nav > nav ul li a:active,
article[id^=page].wellness-guide .description-nav > nav ul li a:focus,
article[id^=page].recipe .description-nav > nav ul li a:focus {
  color: #9D9D9D !important;
}
article[id^=page].wellness-guide .description-nav > nav ul li.active a,
article[id^=page].recipe .description-nav > nav ul li.active a {
  color: #222222 !important;
}
article[id^=page].wellness-guide .description-heading ~ ol,
article[id^=page].recipe .description-heading ~ ol,
article[id^=page].wellness-guide .description-heading ~ ul,
article[id^=page].recipe .description-heading ~ ul {
  list-style: none;
  margin-left: 1.5em;
}
article[id^=page].wellness-guide .description-heading ~ ol li,
article[id^=page].recipe .description-heading ~ ol li,
article[id^=page].wellness-guide .description-heading ~ ul li,
article[id^=page].recipe .description-heading ~ ul li {
  text-indent: -1em;
}
article[id^=page].wellness-guide .description-heading ~ ol li::before,
article[id^=page].recipe .description-heading ~ ol li::before,
article[id^=page].wellness-guide .description-heading ~ ul li::before,
article[id^=page].recipe .description-heading ~ ul li::before {
  display: inline-block;
  width: 1.5em;
  font-size: 1.6em;
  margin-left: -1em;
}
article[id^=page].wellness-guide .description-heading ~ ol li,
article[id^=page].recipe .description-heading ~ ol li {
  counter-increment: steps;
}
article[id^=page].wellness-guide .description-heading ~ ol li::before,
article[id^=page].recipe .description-heading ~ ol li::before {
  content: counter(steps);
}
article[id^=page].wellness-guide .description-heading ~ ul li::before,
article[id^=page].recipe .description-heading ~ ul li::before {
  content: "\25CF";
}
@media (max-width: 991px) {
  article[id^=page].wellness-guide .description-nav > nav a,
  article[id^=page].recipe .description-nav > nav a {
    font-size: 0.7em;
  }
}
@media (max-width: 767px) {
  article[id^=page].wellness-guide .article-hero,
  article[id^=page].recipe .article-hero {
    padding-bottom: 93px;
    background: #fff;
  }
  article[id^=page].wellness-guide .description-nav,
  article[id^=page].recipe .description-nav {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
  }
  article[id^=page].wellness-guide .description-nav[style*=fixed] ul,
  article[id^=page].recipe .description-nav[style*=fixed] ul {
    margin-left: 0;
    margin-right: 0;
  }
  article[id^=page].wellness-guide .description-nav > nav a,
  article[id^=page].recipe .description-nav > nav a {
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 3.5em;
  }
  article[id^=page].wellness-guide .article-hero .article-hero-content,
  article[id^=page].recipe .article-hero .article-hero-content {
    position: absolute !important;
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 15px 0;
  }
}
.article-comments {
  margin-top: 30px;
  margin-bottom: 30px;
}
article.page h1 {
  margin-top: 30px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #EEEEEE;
}
.at4-jumboshare .at4-count-container {
  border-right: 1px solid #ddd !important;
}
.at4-jumboshare .at-share-btn {
  margin-top: 4px !important;
}
.article-author {
  margin-top: 80px;
}
.article-author .btn {
  font-size: 0.8em;
}
.article-author h3 {
  margin: 0;
}
.article-author a {
  font-size: 0.8em;
  color: #9D9D9D;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.article-author a:hover,
.article-author a:focus {
  color: #28986E;
}
@media (max-width: 767px) {
  .article-author {
    margin-top: 40px;
  }
}
a.follow-author span {
  display: none;
}
a.follow-author.is-followed {
  background: #3CBF8D;
  color: #FFFFFF;
  border-color: #3CBF8D;
}
a.follow-author.is-followed span {
  display: inline;
}
.click-to-tweet--container {
  background: #c2ecdc;
  padding: 30px;
  display: block;
  width: 410px;
  float: right;
  margin: 30px -80px 30px 30px;
}
.click-to-tweet--container:before,
.click-to-tweet--container:after {
  content: " ";
  display: table;
}
.click-to-tweet--container:after {
  clear: both;
}
.click-to-tweet--container .click-to-tweet--text {
  color: #ffffff;
  display: block;
  margin: 5px auto 25px;
  padding-top: 20px;
  font-size: 1.5em;
  font-family: 'freight-display-pro', serif;
  line-height: 1.56;
  border-top: 1px solid #88d9ba;
}
.click-to-tweet--container .click-to-tweet--text a {
  color: #222222;
}
.click-to-tweet--container .click-to-tweet--via {
  color: #222222;
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  width: 160px;
  float: left;
  margin-top: 8px;
}
.click-to-tweet--container .click-to-tweet--button {
  background: #222222;
  display: block;
  width: 170px;
  float: right;
  font-size: 0.8em;
}
.inline-ad {
  display: block;
  margin: 20px 0;
}
.related-tags {
  margin: 30px 0;
}
.related-tags h3 {
  display: inline-block;
  font-weight: 600;
}
.related-tags a {
  display: inline-block;
  color: #5A5A5A;
  margin-left: 10px;
  font-style: italic;
}
.related-tags a:hover {
  color: #28986E;
}
.article-stats {
  font-size: 0.8em;
  height: 30px;
  color: #9D9D9D;
}
.article-stats a {
  color: #9D9D9D;
}
.article-stats a:hover {
  color: #28986E;
}
.article-stats > span {
  height: 28px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
}
.article-stats > span:not(.date) {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
.article-stats i {
  margin-right: 3px;
  position: relative;
}
.article-stats .author a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-stats .author img {
  margin-right: 10px;
}
.article-section {
  margin-top: 40px;
}
.article-section:not(.section-offwhite) {
  margin-top: 0;
}
.section-offwhite {
  background: #F8F8F8;
  padding-bottom: 40px;
}
.section-offwhite .section-heading h1,
.section-offwhite .section-heading h2,
.section-offwhite .section-heading h3 {
  background: #F8F8F8;
}
.section-heading {
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}
.section-heading:before {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  height: 1px;
  width: 100%;
  background: #ddd;
  content: "";
  margin-top: 10px;
}
.section-heading h1,
.section-heading h2,
.section-heading h3 {
  display: inline-block;
  background: #fff;
  z-index: 1;
  position: relative;
  padding: 0 15px;
  font-weight: 100;
  margin: 40px 0 20px;
}
.section-heading h2 {
  font-size: 2.5em;
}
#maincontent {
  padding-top: 56px;
}
@media (max-width: 767px) {
  #maincontent {
    padding-top: 46px;
  }
}
.nav-wrap {
  margin-bottom: 0px;
  background: #fff;
  width: 100%;
  z-index: 998;
  top: 0;
  position: relative;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}
.nav-wrap-fixed {
  position: fixed;
}
.no-header-margin {
  margin-top: 0px;
}
#main-nav {
  z-index: 100;
  border-bottom: 1px solid #EFEFEF;
  background: #ffffff;
  position: relative;
  z-index: 2;
  padding: 5px;
}
#main-nav svg#fm-logo {
  max-width: 200px;
  height: 46px;
  padding-right: 10px;
  margin-top: -1px;
}
#main-nav svg#fm-logo path {
  fill: #222222;
  -webkit-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
#main-nav svg#fm-logo rect {
  fill: #222222;
  -webkit-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
#main-nav a.nav-link {
  display: inline-block;
  float: left;
  font-size: 0.8em;
  letter-spacing: 2px;
  padding: 0 15px;
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  height: 46px;
  line-height: 46px;
  transition: 0.3s;
}
#main-nav a.nav-link:hover,
#main-nav a.nav-link:active {
  color: #3CBF8D;
}
@media (max-width: 1095px) {
  #main-nav a.nav-link {
    padding: 0 12px;
    letter-spacing: 2px;
  }
}
@media (max-width: 1045px) {
  #main-nav a.nav-link {
    padding: 0 7px;
    letter-spacing: 2px;
  }
}
@media (max-width: 920px) {
  #main-nav a.nav-link {
    padding: 0 7px;
    letter-spacing: 2px;
  }
}
@media (max-width: 890px) {
  #main-nav a.nav-link {
    padding: 0 7px;
    letter-spacing: 1.5px;
  }
}
@media (max-width: 870px) {
  #main-nav a.nav-link {
    padding: 0 5px;
    letter-spacing: 1.5px;
  }
}
@media (max-width: 830px) {
  #main-nav a.nav-link {
    padding: 0 3px;
    letter-spacing: 1px;
  }
}
@media (max-width: 767px) {
  #main-nav a.nav-link {
    padding: 0 15px;
    letter-spacing: 2px;
  }
}
#main-nav .right-nav {
  position: relative;
  float: right;
  display: flex;
  align-items: center;
  height: 46px;
}
#main-nav .right-nav #nav-search-bar.new {
  position: absolute;
  right: 100%;
  border: 0;
  width: 55px;
  -webkit-transition: width 0.3s linear;
  -moz-transition: width 0.3s linear;
  -ms-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
  transition: width 0.3s linear;
  background: #fff;
}
#main-nav .right-nav #nav-search-bar.new.active,
#main-nav .right-nav #nav-search-bar.new.active--focus {
  width: 350px;
  -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  -moz-transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  -ms-transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  -o-transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: width 0.3s cubic-bezier(0, 0, 0.23, 1);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  padding-left: 15px;
}
#main-nav .right-nav #nav-search-bar.new.active form.nav-search input.nav_search,
#main-nav .right-nav #nav-search-bar.new.active--focus form.nav-search input.nav_search {
  background: #F8F8F8;
}
#main-nav .right-nav #nav-search-bar.new form.nav-search {
  border: 0;
}
#main-nav .right-nav #nav-search-bar.new form.nav-search .nav_search_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  height: 46px;
}
#main-nav .right-nav #nav-search-bar.new form.nav-search .nav_search_btn {
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  height: 46px;
  align-items: center;
  color: #b7b7b7;
}
#main-nav .right-nav #nav-search-bar.new form.nav-search input.nav_search {
  padding: 0 54px 0 20px;
  margin-right: 12px;
  height: 36px;
  color: #222;
  font-size: 0.8em;
  letter-spacing: 2px;
  font-weight: 600;
}
#main-nav .right-nav #nav-search-bar.new form.nav-search input.nav_search::placeholder {
  color: #b7b7b7;
}
@media (max-width: 991px) {
  #main-nav .right-nav a.btn-gradient.signup_modal_toggle {
    min-width: 110px;
    margin-left: 5px;
  }
}
@media (max-width: 767px) {
  #main-nav .right-nav a.btn-gradient.signup_modal_toggle {
    min-width: 150px;
    margin-left: 0;
  }
  #main-nav .right-nav a.btn-gradient.signup_modal_toggle.invisible {
    visibility: visible !important;
  }
}
#main-nav .right-nav .nav-link-profile-name {
  max-width: 150px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #main-nav .right-nav .nav-link-profile-name {
    max-width: 100px;
  }
}
@media (max-width: 767px) {
  #main-nav .right-nav .nav-link-profile-name {
    max-width: inherit;
  }
  #main-nav .right-nav .nav-link-profile-name.invisible {
    visibility: visible !important;
  }
}
#main-nav .right-nav .nav-link-profile-name > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
#main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation {
  position: fixed;
  width: 100%;
  max-width: 120px;
  min-width: inherit;
  top: 10px;
  right: 15px;
}
@media (max-width: 991px) {
  #main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation {
    max-width: 100px;
  }
}
@media (max-width: 767px) {
  #main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation {
    right: 10px;
  }
  #main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation.invisible {
    visibility: visible !important;
  }
}
@media (max-width: 400px) {
  #main-nav .right-nav .btn-gradient.btn-fixed.scroll-animation {
    min-width: inherit;
    font-size: 0.8em;
    width: 60px;
    line-height: 1.2em;
    height: 36px;
    padding: 4px 0;
  }
}
#main-nav .right-nav a.btn-gradient {
  display: block;
  height: 36px;
  line-height: 36px;
  min-width: 150px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #3CBF8D;
  background: -moz-linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  background: -webkit-linear-gradient(0deg, #28986E 50%, #3CBF8D 80%);
  background: linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28986E, endColorstr=#3CBF8D, GradientType=1);
  background-size: 200% auto;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: inherit;
}
#main-nav .right-nav a.btn-gradient:hover {
  color: #fff !important;
  background-position: left center;
  /* change the direction of the change here */
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
}
#main-nav .right-nav a.btn-fixed {
  min-width: 140px;
  z-index: 9;
}
@media (max-width: 767px) {
  #main-nav {
    padding: 0;
    height: 54px;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    -ms-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
    overflow: hidden;
  }
  #main-nav.active {
    height: 322px;
    -webkit-transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
    -moz-transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
    -ms-transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
    -o-transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
    transition: height 0.3s cubic-bezier(0, 0, 0.23, 1);
  }
  #main-nav.height8rows {
    height: 368px;
  }
  #main-nav.height9rows {
    height: 414px;
  }
  #main-nav a.nav-link {
    display: block;
    float: none;
    text-align: center;
  }
  #main-nav .right-nav {
    position: static;
    float: none;
    justify-content: center;
  }
  #main-nav .right-nav #nav-search-bar.new {
    top: 0;
    right: 0;
  }
  #main-nav .right-nav .nav-search-button {
    position: absolute;
    right: -4px;
    top: -3px;
    font-size: 1.3em;
  }
  #main-nav .right-nav .nav-search-button .circle {
    position: relative;
    display: block;
    top: 16px;
    left: 2px;
    height: 18px;
    width: 18px;
    background-color: #F8F8F8;
    border-radius: 60px;
    border: 2px solid #5A5A5A;
    -webkit-transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    -moz-transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    -o-transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    transition: all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: 3;
  }
  #main-nav .right-nav .nav-search-button .handle {
    position: absolute;
    background-color: #5A5A5A;
    top: 27px;
    left: 17px;
    width: 25px;
    height: 2px;
    display: block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
    border-radius: 2px;
    z-index: 2;
  }
  #main-nav .right-nav .nav-search-button .handle:after {
    content: "";
    background-color: #5A5A5A;
    width: 25px;
    height: 2px;
    display: block;
    float: right;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #main-nav .right-nav .nav-search-button.active .circle {
    -webkit-transform: scale(0.02);
    -moz-transform: scale(0.02);
    -o-transform: scale(0.02);
    -ms-transform: scale(0.02);
    transform: scale(0.02);
    -webkit-transform-origin: 30% 40%;
    -moz-transform-origin: 30% 40%;
    -o-transform-origin: 30% 40%;
    -ms-transform-origin: 30% 40%;
    transform-origin: 30% 40%;
    background: #5A5A5A;
    border-color: #5A5A5A;
  }
  #main-nav .right-nav .nav-search-button.active .handle:after {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.hamburger {
  z-index: 1001;
  display: block;
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 55px;
  top: 0;
  height: 55px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}
.hamburger:focus {
  outline: none;
}
.hamburger span {
  display: block;
  position: absolute;
  top: 26px;
  width: 23px;
  left: 19px;
  height: 2px;
  border-radius: 2px;
  background: #5A5A5A;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.hamburger span::before,
.hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #5A5A5A;
  content: "";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hamburger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}
.hamburger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -o-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}
.hamburger.active span {
  background: transparent;
}
.hamburger.active span::before {
  -webkit-transform: translateY(0px) rotate(45deg);
  -moz-transform: translateY(0px) rotate(45deg);
  -o-transform: translateY(0px) rotate(45deg);
  -ms-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);
}
.hamburger.active span::after {
  -webkit-transform: translateY(0px) rotate(-45deg);
  -moz-transform: translateY(0px) rotate(-45deg);
  -o-transform: translateY(0px) rotate(-45deg);
  -ms-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}
.nav-wrap:not(.nav-wrap-fixed) #main-nav a.logo-link {
  margin-left: -220px;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.item-category {
  font-size: 0.8em;
  font-weight: 300;
}
#nav-search-bar-mobile {
  background: #FFFFFF;
  -webkit-box-shadow: inset 0px -1px 0px #F8F8F8;
  -moz-box-shadow: inset 0px -1px 0px #F8F8F8;
  box-shadow: inset 0px -1px 0px #F8F8F8;
  border-bottom: 1px solid #9D9D9D;
  position: absolute;
  z-index: 1;
  width: 100%;
  margin-top: 46px;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1);
  -moz-transition: -moz-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1);
  -o-transition: -o-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1);
  transition: -webkit-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1),-moz-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1),-o-transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1),transform 0.26s cubic-bezier(0.3, 0.66, 0.74, 1);
}
#nav-search-bar-mobile.active {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#nav-search-bar-mobile input {
  height: 46px;
  padding-left: 46px;
}
form.nav-search {
  width: 100%;
  display: block;
  position: relative;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
form.nav-search .nav_search_btn {
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 1.3em;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  top: 0;
  background: transparent;
  box-shadow: none;
  color: #222222;
}
form.nav-search .nav_search_btn .fa-spinner {
  display: none;
}
form.nav-search .nav_search_btn.searching .fa-search {
  display: none;
}
form.nav-search .nav_search_btn.searching .fa-spinner {
  display: block;
}
form.nav-search input.nav_search {
  width: 100%;
  border: 0;
  box-shadow: none;
  height: 36px;
  margin: 0;
  padding-left: 36px;
  background: transparent;
  color: #222222;
}
form.nav-search input.nav_search::-webkit-input-placeholder {
  color: #3c3c3c;
}
form.nav-search input.nav_search:-moz-placeholder {
  /* Firefox 18- */
  color: #3c3c3c;
}
form.nav-search input.nav_search::-moz-placeholder {
  /* Firefox 19+ */
  color: #3c3c3c;
}
form.nav-search input.nav_search:-ms-input-placeholder {
  color: #3c3c3c;
}
form.nav-search .search_text {
  position: absolute;
  width: 180px;
  height: 36px;
  line-height: 36px;
  top: 0;
  right: 0;
  font-size: 1em;
  border: none;
  background: transparent;
  color: #8d8d8d;
  margin: 0;
}
.nav_search_wrap {
  position: relative;
  margin: 0;
}
em.es-highlight {
  background-color: #f5f4884f;
}
aside > * {
  margin-bottom: 20px;
}
.privacy-link {
  font-size: 0.7em;
  color: #c0c0c0;
  font-weight: 400;
}
.or-divider {
  color: #9D9D9D;
  margin: 10px;
}
a.facebook-login {
  display: block;
  color: #3E5D96;
}
.sidebar-signup {
  border: 1px solid #ddd;
  position: relative;
}
.sidebar-signup h3 {
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
}
.sidebar-signup p,
.sidebar-signup a {
  font-size: 0.8em;
}
.sidebar-signup p {
  text-align: center;
}
.sidebar-signup .privacy-link {
  position: absolute;
  bottom: -30px;
  width: 100%;
  left: 0;
}
.sidebar-signup input {
  font-size: 0.8em;
}
.sidebar-signup p.additional-info {
  line-height: 1.8em;
}
.sidebar-signup.sidebar-signup-v2 {
  border-top: 6px solid #3CBF8D;
}
.sidebar-signup.sidebar-signup-v2 p,
.sidebar-signup.sidebar-signup-v2 a {
  font-size: 1em;
}
.sidebar-signup.sidebar-signup-v2 .privacy-link {
  position: relative;
  bottom: 0px;
  width: 100%;
}
.curly-divider {
  display: block;
  width: 20px;
  background: #e2e2e2;
  height: 2px;
  margin: 20px auto;
}
#nl-optin-box {
  position: relative;
}
#nl-optin-box .nl-optin-inner {
  text-align: center;
  text-transform: uppercase;
}
#nl-optin-box .fa-envelope {
  font-size: 2em;
  position: relative;
  display: block;
}
#nl-optin-box .fa-envelope:before {
  z-index: 2;
  position: relative;
  background: #fff;
  padding: 10px;
}
#nl-optin-box .fa-envelope:after {
  content: '';
  display: block;
  width: 100%;
  background: #ddd;
  height: 2px;
  position: absolute;
  top: 16px;
  z-index: 1;
}
#nl-optin-box h4 {
  font-weight: 400;
  font-size: 1em;
  margin: 15px 0;
}
#nl-optin-box ul {
  padding-left: 20px;
}
.fb-sidebar-wrap {
  min-height: 214px;
  background: #F8F8F8;
  position: relative;
}
.fb-sidebar-wrap:before {
  content: '';
  background-image: url('/static/img/site/spinner-grid.svg?7cbe3464f09b');
  background-position: center center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}
#creator-message {
  background: #fff;
  border: 1px solid #f5f5f5;
  border-top: 6px solid #3CBF8D;
  position: relative;
}
#creator-message h4 {
  text-align: center;
  margin: 20px 10px 10px;
}
#creator-message p {
  font-size: 0.8em;
  padding: 20px;
  margin: 0;
  line-height: 1.5em;
}
#creator-message img.creator-signature {
  max-width: 170px;
  margin: 10px -6px 8px;
}
#creator-message b {
  text-align: center;
  display: block;
}
#creator-message .fm-social-stats {
  position: absolute;
  bottom: -18px;
  width: 100%;
  background: transparent;
  left: 0;
  right: 0;
  text-align: center;
  height: 40px;
}
#creator-message .fm-social-stats a {
  display: inline-block;
  color: #222222;
}
#creator-message .fm-social-stats a:hover {
  color: #61cda4;
}
#creator-message .fm-social-stats a .fa-stack {
  width: 40px;
  height: 40px;
  line-height: 36px;
}
#creator-message .fm-social-stats a .fa-stack-1x {
  border: 1px solid #eee;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #FFFFFF;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
#creator-message .fm-social-stats a .num-fans {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -25px;
  font-size: 0.8em;
  font-weight: 400;
}
.article-preview {
  position: relative;
  margin-bottom: 30px;
}
.article-preview h2 {
  margin-top: 20px;
}
.article-preview h3 {
  margin-top: 15px;
}
.article-preview a {
  color: #222222;
  display: block;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.article-preview a:hover,
.article-preview a:focus {
  opacity: 0.8;
}
.article-preview .article-stats {
  position: absolute;
  bottom: 0;
}
.article-preview-lg {
  height: 490px;
}
.article-preview-md {
  height: 335px;
}
.article-preview-auto {
  height: auto;
}
.color-gradient {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.color-gradient.black {
  background: rgba(0, 0, 0, 0.4);
}
.full-width-nl-optin {
  position: relative;
  background: #909090;
  text-align: center;
  overflow: hidden;
  background: url(/static/img/site/new-header-background-bw.jpg?ec468ec8d233) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.full-width-nl-optin .color-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #3CBF8D;
  background-color: rgba(60, 191, 141, 0.7);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(60, 191, 141, 0.7)), to(rgba(40, 152, 110, 0.7)));
  background-image: -webkit-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -moz-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -ms-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -o-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
}
.full-width-nl-optin .fw-optin-inner {
  position: relative;
  z-index: 2;
  padding: 60px 0px 70px;
}
.full-width-nl-optin h2 {
  font-size: 2.3em;
  font-weight: 600;
  margin: 0;
  color: #ffffff;
}
.full-width-nl-optin h3 {
  font-weight: 400;
  color: #ffffff;
  margin: 40px 0;
  font-size: 1.2em;
}
@media (max-width: 767px) {
  .full-width-nl-optin h3 {
    margin: 0 0 20px;
  }
}
.full-width-nl-optin h4 {
  color: #fff;
  margin: 30px 0 0;
  font-size: 1em;
}
.full-width-nl-optin .form-control {
  height: 50px;
  border: 1px solid #3CBF8D;
  border-radius: 2px;
  margin: 0;
}
.full-width-nl-optin .btn-optin {
  display: block;
  width: 100%;
  padding: 0;
  height: 50px;
  border: 0;
  background: #ff7727;
  color: #FFFFFF;
}
.full-width-nl-optin .btn-optin:hover,
.full-width-nl-optin .btn-optin:focus,
.full-width-nl-optin .btn-optin:active {
  background: #d95100;
  color: #FFFFFF;
}
.optin_signup_form {
  display: none;
}
.optin_signup_form.visible {
  display: block;
  -webkit-animation: fadeIn 0.4s ease 1;
  -moz-animation: fadeIn 0.4s ease 1;
  -o-animation: fadeIn 0.4s ease 1;
  animation: fadeIn 0.4s ease 1;
}
.product-slide {
  padding: 20px;
  text-align: center;
  color: #5A5A5A;
}
.product-slide h2 {
  margin: 10px 0 0;
}
.tag-box-outer:nth-child(8) .tag-box-inner {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.tag-box-outer:nth-child(7) .tag-box-inner {
  -webkit-transition-delay: 1.4000000000000001s;
  -moz-transition-delay: 1.4000000000000001s;
  -o-transition-delay: 1.4000000000000001s;
  transition-delay: 1.4000000000000001s;
}
.tag-box-outer:nth-child(6) .tag-box-inner {
  -webkit-transition-delay: 1.2000000000000002s;
  -moz-transition-delay: 1.2000000000000002s;
  -o-transition-delay: 1.2000000000000002s;
  transition-delay: 1.2000000000000002s;
}
.tag-box-outer:nth-child(5) .tag-box-inner {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.tag-box-outer:nth-child(4) .tag-box-inner {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.tag-box-outer:nth-child(3) .tag-box-inner {
  -webkit-transition-delay: 0.6000000000000001s;
  -moz-transition-delay: 0.6000000000000001s;
  -o-transition-delay: 0.6000000000000001s;
  transition-delay: 0.6000000000000001s;
}
.tag-box-outer:nth-child(2) .tag-box-inner {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.tag-box-outer:nth-child(1) .tag-box-inner {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.tag-box {
  display: block;
  background: #ddd;
  margin-bottom: 20px;
  text-align: center;
  height: 255px;
  overflow: hidden;
  position: relative;
}
.tag-box .tag-box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tag-box .tag-box-inner {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  height: 140px;
  width: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition: background 0.7s ease;
  -moz-transition: background 0.7s ease;
  -o-transition: background 0.7s ease;
  transition: background 0.7s ease;
  background-color: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.tag-box .tag-box-inner span {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 50px;
  height: 50px;
  line-height: 60px;
  text-align: left;
  padding-left: 10px;
  border-radius: 0% 90% 0% 0%;
  font-size: 18px;
  color: #9D9D9D;
}
.tag-box .tag-box-inner h2 {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 15px;
  margin: 0;
  width: 100%;
  text-align: right;
  padding-left: 60px;
}
.desktop .tag-box:hover .tag-box-bg {
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.sharrre {
  display: inline-block;
  float: left;
}
.sharrre .box {
  float: left;
  margin-right: 5px;
}
.sharrre .count {
  color: #444444;
  display: none;
  font-size: 17px;
  line-height: 34px;
  height: 34px;
  padding: 4px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 50px;
  background-color: #eee;
}
.sharrre .share {
  color: #FFFFFF;
  display: block;
  font-size: 13px;
  font-weight: 400;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  background-color: #9CCE39;
  border-radius: 0;
  letter-spacing: 0.06em;
  height: 40px;
  line-height: 40px;
}
.sharrre .share.more {
  background: #5A5A5A;
}
.sharrre .share span {
  display: inline;
  font-size: 18px;
}
.sharrre .buttons {
  display: none;
  position: absolute;
  margin-left: 50px;
  z-index: 10;
  background-color: #fff;
}
.sharrre .button {
  float: left;
  max-width: 50px;
  margin-left: 10px;
}
.sharrre .total_shares {
  color: #3A5D97;
  font-size: 45px;
  font-weight: 700;
  display: block;
  line-height: 1;
  letter-spacing: 0.04em;
}
.sharrre .caption {
  color: #5A5A5A;
  font-size: 0.8em;
  display: block;
  text-align: center;
  line-height: 1;
}
.article-share.horizontal {
  padding-top: 20px;
  padding-bottom: 20px;
}
.article-share.horizontal .sharrre-total .box {
  margin-right: 15px;
}
.article-share.horizontal .sharrre-buttons {
  margin-top: 10px;
}
.article-share.horizontal .addthis_jumbo_share {
  height: 79px;
}
.article-share.bottom {
  background: #F8F8F8;
  padding: 20px;
  margin: 0px -15px 30px;
}
.page-count {
  text-align: center;
  display: block;
  padding: 10px 0;
  border-right: 1px solid #ddd;
}
.page-count--number {
  font-size: 44px;
  line-height: 44px;
  font-family: Helvetica neue, arial;
  font-weight: 700;
}
.page-count--title {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  bottom: 2px;
  text-transform: uppercase;
}
.article-share-top {
  margin-top: 18px;
}
.article-buttons {
  margin-top: 18px;
  float: right;
  display: inline-block;
}
.article-buttons i {
  font-size: 18px;
}
.article-buttons button,
.article-buttons a {
  font-size: 0.8em;
  height: 40px;
  background: none;
  border: none;
  border-left: 1px solid #ddd;
  padding: 0 15px;
  text-transform: uppercase;
  color: #5A5A5A;
}
.save-this-article .save {
  display: block;
}
.save-this-article .unsave {
  display: none;
}
.save-this-article.is-saved {
  background: #3CBF8D;
  color: #FFFFFF;
}
.save-this-article.is-saved .save {
  display: none;
}
.save-this-article.is-saved .unsave {
  display: block;
}
.article-share.vertical {
  width: 60px;
  margin-left: 4px;
  position: absolute;
  top: 0;
  text-align: center;
}
.article-share.vertical span {
  display: block;
}
.article-share.vertical .sharrre {
  display: block;
  float: none;
}
.article-share.vertical .sharrre .box {
  margin-right: 0;
  float: none;
  display: inline-block;
}
.article-share.vertical .sharrre .share {
  display: block;
  font-size: 13px;
  font-weight: 400;
  padding: 0;
  text-align: center;
  letter-spacing: 0.06em;
  width: 42px;
  height: 42px;
  border-radius: 100%;
}
.article-share.vertical .sharrre .share span {
  line-height: 42px;
  font-size: 24px;
}
.article-share.vertical .sharrre .total_shares {
  font-size: 25px;
}
.article-share.vertical .sharrre-total {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.article-share.vertical .sharrre-buttons .box {
  margin-bottom: 10px;
}
.articleFacebook .share {
  background: #3E5D96;
}
.articleTwitter .share {
  background: #3CACDE;
}
.articlePinterest .share {
  background: #CE1E20;
}
.fmtv-slider-poster {
  padding: 0 10px;
}
.center-play {
  position: relative;
  background: #3CBF8D;
  background: #5A5A5A;
  overflow: hidden;
}
.center-play .center-play-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  max-width: none;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  -moz-transform: translate3d(-10px, 0, 0);
  -o-transform: translate3d(-10px, 0, 0);
  -ms-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.center-play:before {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.center-play .center-play--text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.center-play .center-play--text .play-icon {
  display: block;
  width: 60px;
  margin: 0 auto;
  -webkit-transform: translate3d(0, 5px, 0);
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease,-moz-transform 0.3s ease,-o-transform 0.3s ease,transform 0.3s ease;
}
.center-play .center-play--text p {
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  margin: 0;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease;
  -o-transition: -o-transform 0.3s ease, opacity 0.3s ease;
  transition: -webkit-transform 0.3s ease,-moz-transform 0.3s ease,-o-transform 0.3s ease,transform 0.3s ease, opacity 0.3s ease;
}
.film-type {
  display: block;
  font-size: 0.8em;
  color: #969696;
}
.fmtv-film-thumb {
  display: block;
  color: #5A5A5A;
  overflow: hidden;
}
.fmtv-film-lg {
  height: 510px;
}
.fmtv-film-small {
  margin-bottom: 20px;
  height: 245px;
}
.fmtv-film-small .play-icon {
  width: 50px !important;
}
.fmtv-thumb-info {
  padding: 10px 5px;
}
.desktop a.center-play--hover:hover {
  text-decoration: none;
}
.desktop a.center-play--hover:hover .center-play-bg {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.desktop a.center-play--hover:hover .center-play--text .play-icon {
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
.desktop a.center-play--hover:hover .center-play--text p {
  opacity: 1;
}
h2.retreat-region {
  padding-left: 40px;
  margin-bottom: 0;
  font-weight: 700;
}
.retreat-row {
  margin-left: -40px;
  margin-right: -40px;
}
.retreat-item {
  padding: 20px;
  padding: 20px 40px 20px 40px;
  display: inline-block;
  width: calc(33% - 4px);
  vertical-align: top;
}
.retreat-item h3 {
  font-size: 1.2em;
  font-weight: 700;
  margin-top: 5px;
}
.retreat-item p {
  font-size: 0.8em;
}
.retreat-item a {
  font-size: 0.7em;
}
.modal-fullwidth .modal-dialog {
  max-width: inherit !important;
  min-height: 100%;
}
.modal-dialog {
  margin: 0 auto;
}
.modal-pup-up .modal-content {
  max-width: 767px;
  margin: 0 auto;
  padding: 30px;
}
.modal-pup-up .close {
  height: 50px;
  width: 50px;
  background: transparent;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.modal-pup-up .close:hover {
  opacity: 1;
}
.modal-pup-up .close:before,
.modal-pup-up .close:after {
  position: absolute;
  left: 50%;
  content: ' ';
  height: 50px;
  width: 3px;
  top: 0;
  background-color: #fff;
}
.close.close-inverse {
  background: #ffffff;
  opacity: 1;
}
.close.close-inverse:before,
.close.close-inverse:after {
  width: 2px;
  background-color: #5A5A5A;
  height: 24px;
  top: 13px;
}
#pop_up_welcome .modal-content {
  max-width: 500px;
  background: #ccc url('https://www.foodmatters.com/media/uploads/welcome-to-foodmatters-article.jpg') no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 45px;
}
#pop_up_welcome .modal-content .modal-container {
  padding: 30px;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#modal-tws2016 .modal-content {
  padding: 6px;
  max-width: 680px;
}
#modal-tws2016 h2 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}
#modal-tws2016 p {
  color: #ffffff;
  font-size: 1.1em;
  margin: 20px 0;
}
.modal-tws2016--inner {
  padding: 50px 120px;
  background: #ddd url('/static/img/site/tws-modal-image.jpg?0ec508cf1436') no-repeat left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.modal-tws2016--button {
  display: block;
  text-transform: uppercase;
  padding: 18px 10px;
  font-size: 1.2em;
  background: #8dc745;
}
.modal-tws2016--button:hover,
.modal-tws2016--button:focus {
  background: #80ba38;
}
#confirm_modal {
  z-index: 9999999999;
}
#confirm_modal .modal-content {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px;
}
#confirm_modal p {
  text-align: center;
}
#confirm_modal .input_ratewrap {
  text-align: center;
  margin-bottom: 30px;
  font-size: 1em;
}
#confirm_modal .input_ratestars {
  text-align: center;
  margin: 20px 0 0;
}
#confirm_modal .input_ratestars span {
  font-size: 30px;
  margin: 0 4px;
}
#confirm_modal .btn-green,
#confirm_modal .btn-red {
  width: 48%;
  text-align: center;
}
#modal-login-form {
  display: none;
}
.modal #modal-login-form {
  display: block;
}
.modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 2px;
}
.close-text {
  position: absolute;
  right: 80px;
  height: 63px;
  line-height: 63px;
  font-size: 16px;
  font-weight: 600;
  z-index: 99;
  cursor: pointer;
}
.close {
  position: absolute;
  top: 0;
  border: 0;
  right: 0;
  text-align: center;
  padding: 0;
  background: #FFF;
  z-index: 99;
  height: 80px;
  width: 80px;
}
.close:hover {
  opacity: 1;
}
.close:before,
.close:after {
  position: absolute;
  left: 35px;
  content: ' ';
  height: 50px;
  width: 3px;
  top: 15px;
  background-color: #222222;
}
.close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal-fw-white {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.modal-fw-white.in {
  opacity: 1;
}
.modal-fw-white .modal-fw {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #ffffff;
}
.modal-fw-white .modal-fw .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}
.modal-fw-white .modal-fw .modal-content:hover {
  cursor: pointer;
}
.fmtv-modal h4 {
  text-align: center;
  margin-bottom: 30px;
}
.fmtv-modal h3 {
  margin-right: 200px;
  margin-top: 30px;
}
.fmtv-modal .fmtv-cta {
  position: relative;
}
.fmtv-modal .btn {
  position: absolute;
  right: 0;
  top: -5px;
}
.fmtv-modal .container {
  max-width: 900px;
}
.login-modal p,
.login-modal a {
  text-align: center;
}
.login-modal p {
  color: #555555;
}
.login-modal p.no-account {
  margin: 15px 0 0 0;
}
.login-modal p.or-divider {
  font-size: 0.8em;
}
.login-modal p.no-account {
  background: #f5f5f5;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding: 25px 10px;
}
.login-modal a.lost_pw_link {
  margin: 15px 0 0 0;
  display: block;
  font-size: 1em;
  color: #555555;
  text-align: right;
  font-weight: 400;
}
.login-modal h2 {
  font-size: 2em;
  text-align: center;
  font-weight: 300;
  margin: 0;
}
.login-modal form {
  margin-top: 25px;
}
.login-modal input,
.login-modal button {
  height: 56px;
}
.login-modal .modal-content,
.login-modal .modal-dialog {
  width: 100%;
  max-width: 480px;
  margin-bottom: 0;
  margin-top: 0;
}
.login-modal .close {
  width: 60px;
  height: 60px;
}
.login-modal .close:before,
.login-modal .close:after {
  left: 30px;
  height: 30px;
}
.list-item--heading {
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.list-item {
  display: block;
  height: 330px;
  height: auto !important;
  margin-bottom: 30px;
}
.list-item .list-item--heading {
  margin: 10px 0;
  color: #222222;
}
.list-item:not(.list-item--lg) .list-item--heading {
  font-size: 1.1em;
  height: 42px;
}
.list-item .list-item--summary {
  color: #5A5A5A;
  font-size: 16px;
}
.list-item.list-item--recipes {
  height: 330px;
}
.list-item.list-item--recipes .article-stats {
  font-size: 0.7em;
  letter-spacing: 0.04em;
  padding-top: 4px;
}
.list-item.list-item--recipes .article-stats > span {
  font-weight: 600;
  margin-right: 20px;
  padding-right: 0;
}
.list-item.list-item--recipes .article-stats > span:last-of-type {
  margin-right: 0;
}
.list-item.list-item--recipes .article-stats .rating {
  float: right;
}
.list-item.list-item--recipes .article-stats a {
  color: #5A5A5A;
}
.list-item.list-item--recipes .article-stats a:hover {
  color: #3CBF8D;
}
.desktop .list-item--link:hover h3 {
  color: #3CBF8D;
}
.desktop .list-item:hover h3 {
  color: #3CBF8D;
}
.desktop .list-item img {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.desktop .list-item img:hover {
  opacity: 0.8;
}
.desktop .list-item-wide img {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.desktop .list-item-wide img:hover {
  opacity: 0.8;
}
.col-sm-9 .list-item {
  height: 260px;
}
.recipe-count,
.recipe-sort {
  font-size: 0.7em;
  color: #7b7b7b;
  float: left;
  margin-top: 5px;
}
.recipe-sort {
  float: right;
}
.views-num {
  font-weight: 600;
  margin-right: 20px;
  text-transform: uppercase;
  padding-right: 10px;
}
.views-num strong {
  margin-right: 2px;
}
.list-item-wide {
  display: block;
  margin-bottom: 40px;
}
.list-item-wide .list-item--heading {
  margin: 8px 0 8px;
  color: #222222;
}
.list-item-wide .list-item--summary {
  color: #222222;
  font-size: 16px;
}
.list-item-wide .author {
  text-transform: uppercase;
}
.article-stats.article-stats-lv-v2 {
  display: flex;
  font-size: 0.8em;
  letter-spacing: 2px;
  padding-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  justify-content: flex-start;
  align-items: center;
}
.list-item--class {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  margin-top: 5px;
  color: #9D9D9D;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.list-item--class ~ .list-item--heading {
  margin-top: 0;
}
span.page-heading--class {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #3CBF8D;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin-top: 30px;
}
h1.page-heading--class {
  margin-top: 5px !important;
  border-bottom: 0 !important;
  margin-bottom: 20px !important;
}
.section--type {
  display: block;
  font-size: 0.6em;
  text-transform: uppercase;
  margin-top: 5px;
  color: #626262;
  font-weight: 600;
  letter-spacing: 0.08em;
}
aside > div {
  margin-bottom: 30px;
}
aside > div:last-of-type {
  margin-bottom: 0;
}
#popular-sidebar .counter {
  text-align: center;
  font-size: 1.3em;
  color: #222222;
}
#popular-sidebar h4 {
  margin: 0px;
  color: #222222;
  font-size: 0.9em;
  font-weight: 400;
}
.sidebar-list-item,
.small-list-item {
  padding: 12px 0;
  display: block;
  border-top: 1px solid #ddd;
}
.sidebar-list-item .list-item-category,
.small-list-item .list-item-category {
  font-size: 0.8em;
  color: #a7a7a7;
}
.small-list-item:first-of-type {
  border-top: 0;
}
.sidebar-list-item:last-of-type {
  border-bottom: 1px solid #f5f5f5;
}
.sidebar-follow {
  position: relative;
  width: 270px;
}
.sidebar-follow.sidebar-sticky {
  position: fixed;
}
@media (max-width: 1199px) {
  .sidebar-follow {
    width: 220px;
  }
}
@media (max-width: 991px) {
  .sidebar-follow {
    width: 172.5px;
  }
}
.article-share-follow {
  position: relative;
}
.article-share-follow.article-share-sticky {
  position: fixed;
}
.author-links a {
  padding: 8px 12px;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  border-radius: 21px;
  margin-top: 10px;
}
.author-links .social-icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background: #E6E6E6;
  text-align: center;
  padding: 0;
  color: #A7A7A7;
}
#author-profile .author-header {
  background: url('/static/img/site/new-header-background-bw.jpg?ec468ec8d233') center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 200px;
  margin-bottom: 90px;
}
#author-profile .author-header .author-profile--img {
  position: absolute;
  border-radius: 100%;
  width: 220px;
  border: 2px solid #ffffff;
  bottom: 0;
  margin-bottom: -130px;
}
#author-profile .author-header .author-profile--text {
  position: absolute;
  margin-left: 280px;
  bottom: -56px;
}
#author-profile .author-header .author-profile--text h1 {
  position: relative;
  color: #FFFFFF;
  margin: 0 0 35px 0;
}
#author-profile .author-profile--summary {
  margin-left: 280px;
}
#author-profile .author-header-color {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  zoom: 1;
  filter: alpha(opacity=94);
  -webkit-opacity: 0.94;
  -moz-opacity: 0.94;
  opacity: 0.94;
  background: #28986E;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.author-preview .author-header {
  background: url('/static/img/site/new-header-background-bw.jpg?ec468ec8d233') center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 200px;
  margin-top: 55px;
}
.author-preview .author-header .author-profile--img {
  position: absolute;
  border-radius: 100%;
  width: 130px;
  border: 2px solid #ffffff;
  bottom: 0;
  top: -55px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.author-preview .author-header .author-header-text {
  position: relative;
  z-index: 4;
  text-align: center;
  padding: 100px 10px 10px 10px;
}
.author-preview .author-header .author-header-text h3 {
  color: #fff;
}
.author-preview .author-header .author-header-text p {
  color: #fff;
  font-size: 0.8em;
}
.author-preview .author-header-color {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  zoom: 1;
  filter: alpha(opacity=94);
  -webkit-opacity: 0.94;
  -moz-opacity: 0.94;
  opacity: 0.94;
  background: #3CBF8D;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.author-preview .author-preview--inner {
  padding: 20px;
  background: #ffffff;
}
.author-preview .author-preview--inner h4 {
  /* equal to 0.9em */
  font-size: 14.4px;
  color: #5A5A5A;
}
.author-preview .author-preview--inner h4.truncate--two {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 42.14285718px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 14.4px;
  line-height: 1.42857143;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.author-preview .view-all-link {
  font-size: 0.8em;
  text-align: center;
  display: block;
}
.articles-hero {
  height: 300px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}
.articles-hero .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.articles-hero .hero-text-wrap {
  position: relative;
  z-index: 3;
  width: 100%;
  background: #3CBF8D;
  background-color: rgba(60, 191, 141, 0.7);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(60, 191, 141, 0.7)), to(rgba(40, 152, 110, 0.7)));
  background-image: -webkit-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -moz-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -ms-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -o-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
}
.articles-hero .article-stats {
  color: #FFFFFF;
  margin-bottom: 20px;
}
.articles-hero h1,
.articles-hero h2 {
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}
.articles-hero h1 span,
.articles-hero h2 span {
  font-size: 0.6em;
  display: block;
  font-weight: 300;
}
.articles-hero p {
  color: #FFFFFF;
  margin-bottom: 0px;
  font-size: 1.2em;
  margin-top: 0;
}
.searchbar {
  background: #eeeeee;
  height: 80px;
  margin-bottom: 0px;
}
.endless_container {
  clear: both;
}
.row .col-12 ~ .endless_container {
  flex: 0 0 100%;
  max-width: 100%;
}
a.endless_more,
.endless_loading {
  position: relative;
  display: block;
  border: 1px solid #ddd;
  padding: 20px 20px;
  text-align: center;
}
a.endless_more .fa {
  position: absolute;
  right: 0;
  padding: 2px 10px;
}
a.endless_more:before,
a.endless_more:after {
  content: '\f13a';
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  padding: 0 10px;
  color: #a2a2a2;
}
a.endless_more:after {
  left: auto;
  right: 0;
}
#clearFilter {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 575px) {
  #clearFilter {
    width: 100%;
  }
}
.recipes-filter {
  background: #f7f7f7;
  padding: 60px 0;
  margin-bottom: 30px;
  -webkit-box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
}
.recipes-filter h1 {
  color: #7b7b7b;
  font-size: 36px;
  font-weight: 300;
  line-height: 35px;
  margin: 0 0 15px 0;
}
.recipes-filter .filter-label {
  color: #878787;
  font-size: 24px;
  font-weight: 300;
  line-height: 35px;
}
.recipes-filter a {
  font-size: 24px;
  line-height: 35px;
}
.select-dropdown {
  position: relative;
  display: inline-block;
  z-index: 101;
}
.select-dropdown.select-dropdown-2 {
  z-index: 100;
}
.select-dropdown ul {
  margin: -1px 0 0 0;
}
.select-dropdown ul {
  background-color: #fbfbfb;
  -webkit-box-shadow: -8.8px 10.9px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -8.8px 10.9px 16px rgba(0, 0, 0, 0.2);
  box-shadow: -8.8px 10.9px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -5.8px 6.9px 34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -5.8px 6.9px 34px rgba(0, 0, 0, 0.2);
  box-shadow: -5.8px 6.9px 34px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0px;
  padding: 0;
  position: absolute;
  top: auto;
  margin-top: 10px;
  width: 260px;
  list-style: none;
  height: 250px;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
}
.select-dropdown ul a {
  padding: 5px;
  display: block;
}
.select-dropdown a {
  display: inline-block;
  margin: 0 8px 0 8px;
}
.select-dropdown a i {
  -webkit-transition: -webkit-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22);
  -moz-transition: -moz-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22);
  -o-transition: -o-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22);
  transition: -webkit-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22),-moz-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22),-o-transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22),transform 0.17s cubic-bezier(0.23, 0.98, 0.57, 1.22);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.select-dropdown a.open i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.select-dropdown span {
  cursor: pointer;
  display: inline-block;
  margin-right: -3px;
}
.select-dropdown .hida {
  padding-right: 15px;
}
.select-dropdown span.value {
  display: none;
}
.select-dropdown a.suggest-filter {
  background: #c1c1c1;
  font-size: 12px;
  color: #fff;
  padding: 0 0 0 16px !important;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  margin: 0;
}
.select-dropdown a.suggest-filter:before {
  content: '\f067';
  font-family: 'FontAwesome';
  padding-right: 14px;
}
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 8px 0px 0;
}
.multiSel span:last-child {
  padding-right: 15px;
}
.multiSel span:after {
  content: ',';
}
.multiSel span:last-of-type:after {
  content: '';
}
.select-dropdown--listbox::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 24px;
}
.select-dropdown--listbox::-webkit-scrollbar-thumb {
  min-height: 4.25rem;
  border-radius: 1.2rem;
  box-shadow: 0 0 0 0.78rem #fff inset;
  background-color: #efefef;
}
.select-dropdown--listbox::-webkit-scrollbar-track {
  background-color: #fff;
}
.recipe-info-bar {
  margin-top: 10px;
  background: #F5F5F5;
  line-height: 1.2em;
}
.recipe-info-bar > span,
.recipe-info-bar > a {
  color: #222222;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 30px;
  display: inline-block;
}
.recipe-info-bar > span i,
.recipe-info-bar > a i {
  font-size: 1.4em;
}
.recipe-info-bar > span i img,
.recipe-info-bar > a i img {
  width: 26px;
  top: -3px;
  position: relative;
  opacity: 0.8;
}
.recipe-info-bar > span p,
.recipe-info-bar > a p {
  font-size: 0.8em;
  margin: 5px 0 0 0;
}
.recipe-info-bar > a:hover {
  background: #eee;
}
.recipe-info-bar .add-to-recipe-book {
  border-left: 4px solid #FFFFFF;
  float: right;
}
.star-rating {
  font-family: 'FontAwesome';
  margin: 0;
  display: block;
}
.star-rating.rating-sum-20 > fieldset:not(:checked) #star1 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating.rating-sum-40 > fieldset:not(:checked) #star2 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating.rating-sum-60 > fieldset:not(:checked) #star3 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating.rating-sum-80 > fieldset:not(:checked) #star4 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating.rating-sum-100 > fieldset:not(:checked) #star5 ~ label:before {
  content: '\f005';
  color: #d5ac30;
}
.star-rating > fieldset {
  border: none;
  display: inline-block;
}
.star-rating > fieldset:not(:checked) > input {
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.star-rating > fieldset:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 0.05em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1.3em;
  color: #d5ac30;
  margin: 0;
}
.star-rating > fieldset:not(:checked) > label:before {
  content: '\f005';
  color: #a2a2a2;
}
.star-rating > fieldset:not(:checked) > label:hover:before {
  color: #debd5a;
}
.star-rating > fieldset:not(:checked) > label:hover,
.star-rating > fieldset:not(:checked) > label:hover ~ label {
  color: #debd5a !important;
}
.star-rating > fieldset:not(:checked) > label:hover:before,
.star-rating > fieldset:not(:checked) > label:hover ~ label:before {
  color: #debd5a !important;
}
.star-rating > fieldset > input:checked ~ label {
  color: #debd5a !important;
}
.star-rating > fieldset > input:checked ~ label:before {
  color: #debd5a !important;
}
.star-rating > fieldset > label:active {
  position: relative;
  top: 2px;
}
.checkbox-square {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.2s;
  border-radius: 2px;
  background: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 4px;
  border: 1px solid #f5f5f5;
}
.checkbox-square:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ddd;
  -moz-box-shadow: inset 0px 0px 0px 2px #ddd;
  box-shadow: inset 0px 0px 0px 2px #ddd;
}
.checkbox-square label.checkbox-square-label {
  cursor: pointer;
  width: 100%;
  display: block;
  padding-left: 40px;
  height: 30px;
  line-height: 30px;
  position: relative;
  z-index: 2;
  font-size: 12px;
  margin-bottom: 0;
  color: #5A5A5A;
}
.checkbox-square label.checkbox-square-label:after {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 20px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 2px;
  text-align: center;
  color: #FFF;
  pointer-events: none;
}
.checkbox-square label.checkbox-square-label:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: #3cb586;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 2px;
  pointer-events: none;
}
.checkbox-square input:checked + label.checkbox-square-label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.checkbox-square input:checked + label.checkbox-square-label:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.checkbox-square input {
  display: none;
  visibility: hidden;
}
.desktop .checkbox-square label.checkbox-square-label:hover:before {
  opacity: 0.8;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.checkbox-square.checkbox-square-sm {
  display: block;
  height: auto;
  border: none;
  padding-bottom: 10px;
  background: none;
}
.checkbox-square.checkbox-square-sm:before {
  width: 20px;
  height: 20px;
}
.checkbox-square.checkbox-square-sm label.checkbox-square-label {
  height: 20px;
  line-height: 20px;
}
.checkbox-square.checkbox-square-sm label.checkbox-square-label:after {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.checkbox-square.checkbox-square-sm label.checkbox-square-label:before {
  width: 20px;
  height: 20px;
}
.checkbox-square.checkbox-dropdown-list {
  display: block;
  height: auto;
  border: none;
  padding: 0px;
  background: none;
}
.checkbox-square.checkbox-dropdown-list:before {
  width: 14px;
  height: 14px;
  top: 16px;
  left: 13.5px;
  border-radius: 2px;
}
.checkbox-square.checkbox-dropdown-list label.checkbox-square-label {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #e1e1e1;
}
.checkbox-square.checkbox-dropdown-list label.checkbox-square-label:after {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 9px;
  top: 16px;
  left: 13.5px;
}
.checkbox-square.checkbox-dropdown-list label.checkbox-square-label:before {
  width: 14px;
  height: 14px;
  top: 16px;
  left: 13.5px;
}
.checkbox-square.checkbox-radio:before {
  border-radius: 100%;
}
.checkbox-square.checkbox-radio label.checkbox-square-label:after {
  border-radius: 100%;
}
.checkbox-square.checkbox-radio label.checkbox-square-label:before {
  border-radius: 100%;
}
.ui-widget-content {
  border: none;
  border-top: 0;
  background: #fff;
  color: #6d6d6d;
  font-size: 1em;
  line-height: 50px;
}
.ui-widget-content a {
  color: #6d6d6d;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  cursor: pointer;
  min-height: 0;
  clear: both;
  height: auto;
  padding: 10px;
  border: none;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.ui-menu .ui-menu-item .ui-menu-item-inner {
  width: 100%;
  float: left;
  -webkit-transition: -webkit-transform 0.24s ease;
  -moz-transition: -moz-transform 0.24s ease;
  -o-transition: -o-transform 0.24s ease;
  transition: -webkit-transform 0.24s ease,-moz-transform 0.24s ease,-o-transform 0.24s ease,transform 0.24s ease;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ui-menu .ui-menu-item:after {
  content: "";
  height: 1px;
  width: 90%;
  background: #f5f5f5;
  bottom: 0;
  position: absolute;
  left: 0;
  margin-left: 5%;
}
.ui-menu .ui-menu-item .img-wrap {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.ui-menu .ui-menu-item div.text {
  position: relative;
  width: 100%;
  height: 50px;
  padding-left: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.15;
  text-align: left;
}
.ui-menu .ui-menu-item span.label {
  display: block;
}
.ui-menu .ui-menu-item span.type {
  text-transform: capitalize;
  font-size: 0.7em;
}
.ui-menu .ui-menu-item span.author {
  font-size: 0.7em;
}
.ui-menu .ui-menu-item-all {
  padding: 0;
}
.ui-menu .ui-menu-item-all a {
  display: block;
  padding: 0;
  font-size: 0.8em;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border-color: transparent;
  background: #3CBF8D;
  font-weight: normal;
  color: #ffffff;
}
.ui-state-hover a,
.ui-widget-content .ui-state-hover a,
.ui-widget-header .ui-state-hover a,
.ui-state-focus a,
.ui-widget-content .ui-state-focus a,
.ui-widget-header .ui-state-focus a {
  color: #ffffff;
}
.ui-state-hover:after,
.ui-widget-content .ui-state-hover:after,
.ui-widget-header .ui-state-hover:after,
.ui-state-focus:after,
.ui-widget-content .ui-state-focus:after,
.ui-widget-header .ui-state-focus:after {
  background: transparent;
}
.ui-state-focus .ui-menu-item-inner {
  -webkit-transform: translateX(6px);
  -moz-transform: translateX(6px);
  -o-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px);
}
input.ui-autocomplete-loading + button .fa-search {
  display: none !important;
}
input.ui-autocomplete-loading + button .fa-spinner {
  display: block !important;
}
.suggestions {
  display: none;
  padding: 15px 10px;
  color: #888;
  background: #f5f5f5;
}
.search-autocomplete.is_open .suggestions {
  display: block;
}
.search-autocomplete {
  position: absolute;
  right: 0;
  width: 100%;
}
.search-autocomplete .ui-widget-content {
  position: absolute;
  background: #fff;
  top: 0 !important;
  right: 0 !important;
  left: inherit !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#search-autocomplete-results-mobile .ui-widget-content {
  position: relative;
  width: 100% !important;
}
.addthis_toolbox .at-icon-wrapper {
  line-height: 42px !important;
  height: 42px !important;
  width: 42px !important;
  -webkit-border-radius: 100% !important;
  -webkit-background-clip: padding-box !important;
  -moz-border-radius: 100% !important;
  -moz-background-clip: padding !important;
  border-radius: 100% !important;
  background-clip: padding-box !important;
}
.addthis_toolbox .at-icon-wrapper svg {
  width: 26px !important;
  height: 42px !important;
}
.addthis_toolbox > a {
  margin-bottom: 10px !important;
}
.addthis_toolbox.addthis_square {
  margin: 0 -2px;
}
.addthis_toolbox.addthis_square .at300b {
  padding: 0 2px;
}
.addthis_toolbox.addthis_square .at-icon-wrapper {
  line-height: 32px !important;
  height: 32px !important;
  width: 32px !important;
  -webkit-border-radius: 0% !important;
  -webkit-background-clip: padding-box !important;
  -moz-border-radius: 0% !important;
  -moz-background-clip: padding !important;
  border-radius: 0% !important;
  background-clip: padding-box !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* the norm */
.error_gritter .gritter-title {
  color: #F58888;
}
.success_gritter .gritter-title {
  color: #3CBF8D;
}
#gritter-notice-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 400px;
  z-index: 2147483647;
}
#gritter-notice-wrapper.bottom-center {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 50%;
  margin-left: -275px;
  width: 550px;
}
#gritter-notice-wrapper.top-left {
  left: 20px;
  right: auto;
}
#gritter-notice-wrapper.bottom-right {
  top: auto;
  left: auto;
  bottom: 20px;
  right: 20px;
}
#gritter-notice-wrapper.bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
}
.gritter-item-wrapper {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
}
.gritter-top {
  height: 10px;
}
.hover .gritter-top {
  background-position: right -30px;
}
.gritter-bottom {
  height: 8px;
  margin: 0;
}
.hover .gritter-bottom {
  background-position: bottom right;
}
.gritter-item {
  display: block;
  color: #eee;
  padding: 15px;
  font-size: 11px;
  font-family: verdana;
}
.hover .gritter-item {
  background-position: right -40px;
}
.gritter-item p {
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  font-size: 13px;
}
.gritter-close {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0;
}
.gritter-close .fa {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 15px;
  color: #333;
}
.gritter-title {
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 7px 0;
  display: block;
  color: #222222;
}
.gritter-image {
  width: 48px;
  height: 48px;
  float: left;
}
.gritter-with-image,
.gritter-without-image {
  padding: 0;
}
.gritter-with-image {
  width: 220px;
  float: right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
  color: #222;
}
.gritter-light .gritter-title {
  text-shadow: none;
}
#gritter-notice-wrapper.bottom-center {
  -webkit-animation: slideup 0.25s ease forwards;
  -moz-animation: slideup 0.25s ease forwards;
  -o-animation: slideup 0.25s ease forwards;
  animation: slideup 0.25s ease forwards;
}
#gritter-notice-wrapper.bottom-center .gritter-title {
  font-size: 14px;
}
#gritter-notice-wrapper {
  -webkit-animation: slidedown 0.25s ease forwards;
  -moz-animation: slidedown 0.25s ease forwards;
  -o-animation: slidedown 0.25s ease forwards;
  animation: slidedown 0.25s ease forwards;
}
.search-icon {
  width: 55px;
  cursor: pointer;
  border-radius: 4px;
}
ul.errorlist {
  position: relative;
  margin: 0px 0px -3px 0px;
  padding: 2px 14px;
  list-style: none;
  background: #B65357;
  color: #F2E9E9 !important;
  border-radius: 3px 3px 0 0px;
  font-size: 11px;
  float: left;
  width: 100%;
}
ul.errorlist li {
  color: #F2E9E9 !important;
}
ul.errorlist:after {
  display: block;
  position: absolute;
  bottom: -10px;
  width: 0;
  height: 0;
  content: '';
  border: 5px solid transparent;
  border-top-color: #B65357;
}
ul.errorlist + input {
  border: 1px solid #B65357 !important;
}
.profile-nav-name {
  display: block;
  padding: 0px 15px;
  color: #555555;
  font-weight: 600;
  position: relative;
  text-align: right;
  height: 50px;
}
.profile_header {
  position: relative;
  border-bottom: 1px solid #ddd;
  height: 220px;
  background: url(/static/img/site/new-header-background-bw.jpg?ec468ec8d233) top center scroll no-repeat #f5f5f5;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.profile_header .color-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #3CBF8D;
  background-color: rgba(60, 191, 141, 0.7);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(60, 191, 141, 0.7)), to(rgba(40, 152, 110, 0.7)));
  background-image: -webkit-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -moz-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -ms-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
  background-image: -o-linear-gradient(left, rgba(60, 191, 141, 0.7), rgba(40, 152, 110, 0.7));
}
.profile_header .container {
  height: 100%;
  z-index: 2;
  position: relative;
}
.profile_header ~ .nav_margin {
  margin-top: 0;
}
.follow-feed-aside h3 {
  padding: 15px;
  padding-bottom: 0;
}
.followed-author-link {
  display: block;
  padding: 15px;
  font-size: 0.9em;
}
.followed-author-link h4 {
  color: #9D9D9D;
  font-size: 1em;
  margin: 0;
}
.followed-author-link img {
  border-radius: 100%;
  width: 40px;
}
.followed-author-link .author-photo,
.followed-author-link .author-name {
  vertical-align: middle;
}
.followed-author-link .author-photo {
  display: inline-block;
  width: 50px;
}
.followed-author-link .author-name {
  display: inline-block;
  width: calc(100% - 60px);
}
.profile_img_wrap {
  width: 130px;
  height: 130px;
  max-width: 130px;
  max-height: 130px;
  border-radius: 65px;
  border: 1px solid #ffffff;
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
}
.profile_img_wrap .profile_img {
  height: 100%;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.user_info {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  max-width: 540px;
}
.user_info h1 {
  color: #FFFFFF;
}
.user_info p {
  color: #FFFFFF;
}
.on_profile_nav {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -110px;
  height: 50px;
}
.on_profile_nav.opn_include {
  margin-top: -49px;
}
.on_profile_nav li {
  display: inline-block;
  background: #FFFFFF;
  float: left;
}
.on_profile_nav li a {
  height: 50px;
  line-height: 50px;
  padding: 0px 15px;
  position: relative;
  display: block;
  border-left: 2px solid #fff;
  color: #5A5A5A;
  background: #F8F8F8;
}
.on_profile_nav li a.active {
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.on_profile_nav.side_nav {
  height: auto;
  margin-top: 0;
}
.on_profile_nav.side_nav li {
  display: block;
  float: none;
}
.on_profile_nav.side_nav li a {
  border-left: 0;
}
.side_nav_bg {
  background: #F8F8F8;
}
.user_info h1 {
  margin-bottom: 0;
}
.user_info p,
.user_info a {
  font-size: 0.9em;
}
.profile_quicklinks {
  margin-top: 10px;
}
.profile_quicklinks a {
  display: block;
  color: #FFFFFF;
}
.profile_title {
  border-bottom: 1px solid #eee;
  padding: 10px;
  margin-bottom: 10px;
}
.profile_sidenav {
  padding: 10px;
}
.profile_sidenav a {
  display: block;
  padding: 4px 0px;
  font-weight: 600;
}
.profile_list_item {
  margin-bottom: 14px;
}
.profile_list_item .div-cell {
  padding-left: 10px;
  padding-right: 10px;
}
.profile_list_item a {
  margin-bottom: 5px;
}
.nav-dropdown-btn.active i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nav-dropdown-list {
  position: relative;
  display: none;
  background: #F8F8F8;
  font-size: 0.8em;
}
.nav-dropdown-list.active {
  display: block;
}
/* General styles for all menus */
body.cbp-spmenu-open #cbp-spmenu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #5F5F5F;
  z-index: 999;
  opacity: 0.5;
  cursor: pointer;
}
.cbp-spmenu {
  background: #FFFFFF;
  position: fixed;
  text-align: center;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.cbp-spmenu h3 {
  color: #222222;
  font-size: 1.9em;
  margin: 0;
  font-weight: 300;
  background: #F8F8F8;
}
.cbp-spmenu a {
  display: block;
  color: #000000;
  font-size: 16px !important;
  text-align: left;
  padding: 10px 15px 10px 55px;
  font-weight: 600;
  line-height: 20px;
  border-top: 1px solid #ebebeb;
  text-transform: uppercase;
}
.cbp-spmenu a:hover {
  background: #ebebeb;
}
.cbp-spmenu a:active {
  background: #ffffff;
  color: #c5c5c5;
}
.cbp-spmenu a.btn-login {
  position: absolute;
  right: 13px;
  top: 13px;
  padding: 0;
  background: #3CBF8D;
  color: #fff !important;
  width: 70px;
  border: 0;
  line-height: 30px;
  font-size: 0.8em;
  font-weight: 800;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.cbp-spmenu a.btn-login:hover,
.cbp-spmenu a.btn-login:focus,
.cbp-spmenu a.btn-login:active {
  background: #36ac7f;
}
.cbp-spmenu a.cbp-spmenu-btn {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  color: #ffffff !important;
}
.cbp-spmenu a.cbp-spmenu-btn.wnf-link {
  background: #D85A5A;
}
.cbp-spmenu a.cbp-spmenu-btn.wnf-link:hover,
.cbp-spmenu a.cbp-spmenu-btn.wnf-link:focus,
.cbp-spmenu a.cbp-spmenu-btn.wnf-link:active {
  background: #ba2c2c;
}
.cbp-spmenu a.cbp-spmenu-btn.podcast-link {
  background: #D85A5A;
}
.cbp-spmenu a.cbp-spmenu-btn.podcast-link:hover,
.cbp-spmenu a.cbp-spmenu-btn.podcast-link:focus,
.cbp-spmenu a.cbp-spmenu-btn.podcast-link:active {
  background: #ba2c2c;
}
.cbp-spmenu a.cbp-spmenu-btn-half {
  width: 50%;
  float: left;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  color: #ffffff !important;
}
.cbp-spmenu a.cbp-spmenu-btn-half.fmtv-link {
  background: #309870;
}
.cbp-spmenu a.cbp-spmenu-btn-half.fmtv-link:hover,
.cbp-spmenu a.cbp-spmenu-btn-half.fmtv-link:focus,
.cbp-spmenu a.cbp-spmenu-btn-half.fmtv-link:active {
  background: #2a8562;
}
.cbp-spmenu a.cbp-spmenu-btn-half.store-link {
  background: #FF7F00;
}
.cbp-spmenu a.cbp-spmenu-btn-half.store-link:hover,
.cbp-spmenu a.cbp-spmenu-btn-half.store-link:focus,
.cbp-spmenu a.cbp-spmenu-btn-half.store-link:active {
  background: #e67200;
}
.cbp-spmenu a:not(.no-menu-animation) {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.cbp-spmenu .profile-menu-header {
  padding: 30px 20px;
  background: #F8F8F8;
}
.cbp-spmenu .profile-menu-header a {
  text-align: center;
  font-size: 0.8em !important;
  padding: 1px 0 0 0;
  border: 0;
}
.cbp-spmenu.cbp-spmenu-right a {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation) {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: opacity 0.23s ease, -webkit-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1);
  -moz-transition: opacity 0.23s ease, -moz-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1);
  -o-transition: opacity 0.23s ease, -o-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1);
  transition: opacity 0.23s ease,-webkit-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1),-moz-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1),-o-transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1),transform 0.23s cubic-bezier(0.48, 0.13, 0.35, 1);
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(13) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(12) {
  -webkit-transition-delay: 0.47s;
  -moz-transition-delay: 0.47s;
  -o-transition-delay: 0.47s;
  transition-delay: 0.47s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(11) {
  -webkit-transition-delay: 0.43999999999999995s;
  -moz-transition-delay: 0.43999999999999995s;
  -o-transition-delay: 0.43999999999999995s;
  transition-delay: 0.43999999999999995s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(10) {
  -webkit-transition-delay: 0.41s;
  -moz-transition-delay: 0.41s;
  -o-transition-delay: 0.41s;
  transition-delay: 0.41s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(9) {
  -webkit-transition-delay: 0.38s;
  -moz-transition-delay: 0.38s;
  -o-transition-delay: 0.38s;
  transition-delay: 0.38s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(8) {
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(7) {
  -webkit-transition-delay: 0.32s;
  -moz-transition-delay: 0.32s;
  -o-transition-delay: 0.32s;
  transition-delay: 0.32s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(6) {
  -webkit-transition-delay: 0.29s;
  -moz-transition-delay: 0.29s;
  -o-transition-delay: 0.29s;
  transition-delay: 0.29s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(5) {
  -webkit-transition-delay: 0.26s;
  -moz-transition-delay: 0.26s;
  -o-transition-delay: 0.26s;
  transition-delay: 0.26s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(4) {
  -webkit-transition-delay: 0.22999999999999998s;
  -moz-transition-delay: 0.22999999999999998s;
  -o-transition-delay: 0.22999999999999998s;
  transition-delay: 0.22999999999999998s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(3) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(2) {
  -webkit-transition-delay: 0.16999999999999998s;
  -moz-transition-delay: 0.16999999999999998s;
  -o-transition-delay: 0.16999999999999998s;
  transition-delay: 0.16999999999999998s;
}
.cbp-spmenu.cbp-spmenu-open a:not(.no-menu-animation):nth-child(1) {
  -webkit-transition-delay: 0.14s;
  -moz-transition-delay: 0.14s;
  -o-transition-delay: 0.14s;
  transition-delay: 0.14s;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000;
}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
  left: 0;
  -webkit-transform: translateX(-240px);
  -moz-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
}
.cbp-spmenu-right {
  right: 0;
  -webkit-transform: translateX(240px);
  -moz-transform: translateX(240px);
  -o-transform: translateX(240px);
  -ms-transform: translateX(240px);
  transform: translateX(240px);
}
.cbp-spmenu-left.cbp-spmenu-open {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
.cbp-spmenu-right.cbp-spmenu-open {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
/* Push classes applied to the body */
.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Example media queries */
@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }
  .cbp-spmenu-top {
    top: -110px;
  }
  .cbp-spmenu-bottom {
    bottom: -110px;
  }
}
@media screen and (max-height: 26.375em) {
  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }
  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -190px;
  }
  .cbp-spmenu-right {
    right: -190px;
  }
  .cbp-spmenu-push-toright {
    left: 190px;
  }
}
.text-center {
  text-align: center;
}
#static-pages {
  margin-bottom: 30px;
}
#static-pages .padding {
  padding-top: 30px;
  padding-bottom: 30px;
}
#static-pages .padding:first-child {
  padding-top: 0;
}
#static-pages img[align='left'] {
  margin-right: 15px;
  margin-bottom: 10px;
}
#static-pages img[align='right'] {
  margin-left: 15px;
  margin-bottom: 10px;
}
#static-pages .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
#static-pages.study-nutrition .iinTable {
  border: 1px solid #9D9D9D;
  margin: 20px auto 0px;
}
@media (max-width: 767px) {
  #static-pages.study-nutrition .iinTable {
    font-size: 12px;
  }
}
#static-pages.study-nutrition .iinTable td {
  text-align: center;
  padding: 4px;
}
#static-pages.study-nutrition .iinTable td:first-child {
  text-align: left;
  padding-right: 40px;
  width: 300px;
}
#static-pages.study-nutrition .iinTable tbody tr {
  background: #F8F8F8;
}
#static-pages.study-nutrition .iinTable tbody .oddRow {
  background: #fff;
}
#static-pages.study-nutrition .iinTable .iin_check {
  color: #3CBF8D;
}
#static-pages.study-nutrition .iinTable .other_check {
  color: #428154;
}
#static-pages.study-nutrition .curriculumList {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 12px;
  float: left;
}
#static-pages.study-nutrition .curriculumList h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
#static-pages.study-nutrition .curriculumList > li {
  float: left;
  padding: 0;
  width: 30%;
  height: 200px;
  margin: 10px 10px 0;
  font-size: 12px;
}
#static-pages.study-nutrition .curriculumList img {
  width: 165px;
  margin: 25% auto;
  display: block;
}
@media (max-width: 1199px) {
  #static-pages.study-nutrition .curriculumList img {
    margin: 40% auto;
  }
}
#static-pages.study-nutrition .whatYouGet > li {
  margin-bottom: 15px;
}
#static-pages.study-nutrition .iinOffer {
  padding: 30px;
  border-radius: 3px;
  background: #fff;
  margin-bottom: 0px;
}
#static-pages.study-nutrition .offerHead {
  font-size: 40px;
  text-transform: none;
  font-weight: 800;
  text-align: center;
}
#static-pages.study-nutrition .iinOfferLeft {
  float: left;
  margin: 0 20px 0 0;
}
#static-pages.study-nutrition .iinOfferList {
  padding: 0;
  float: left;
  list-style: none;
  font-size: 17px;
  margin: 0 0 20px;
}
#static-pages.study-nutrition .iinOfferList li {
  position: relative;
  padding: 0 0 2px 20px;
  font-weight: normal;
}
#static-pages.study-nutrition .iinOfferList li:before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  color: #3CBF8D;
  line-height: 1.5em;
  position: absolute;
  left: 0;
  width: 20px;
  text-align: center;
  top: 3px;
}
#static-pages.study-nutrition .iinOffer h3 {
  font-weight: bold;
  font-size: 20px;
  color: #3CBF8D;
}
#static-pages.study-nutrition .bonus-price {
  float: right;
}
#static-pages.study-nutrition .bonus-price-total {
  font-weight: bold;
}
#static-pages.study-nutrition .bonus-ul {
  padding: 0;
  list-style: none;
}
#static-pages.study-nutrition .bonus-ul > li {
  margin-bottom: 3px;
}
#static-pages.study-nutrition .iinOffer h2.offerHead {
  font-weight: bold;
  color: #3CBF8D;
  text-align: left;
  font-size: 40px;
}
#static-pages.study-nutrition .iinOffer h3.offerSubhead {
  font-weight: normal;
  color: #333;
  font-size: 26px;
  margin: 0px 0px 30px 0px;
}
#static-pages.study-nutrition .iin-total-section {
  margin-top: 20px;
}
#static-pages.study-nutrition .iin-total {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 13px 0px;
  padding: 13px 0px;
}
#static-pages.study-nutrition .iin-exclusive-heading {
  color: #cd1626;
  margin: 8px 0px 0px;
  font-weight: bold;
}
#static-pages.study-nutrition .iin-exclusive {
  color: #cd1626;
  font-size: 22px;
  margin-bottom: 0px !important;
  margin-top: 20px;
  line-height: 23px;
}
#static-pages.study-nutrition .iin-exclusive > span {
  font-size: 26px;
}
#static-pages.study-nutrition .iin-exclusive-ends {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
#static-pages.study-nutrition .iin-exclusive-ends > span {
  color: #cd1626;
}
#static-pages.study-nutrition .bonus-row {
  margin: 30px 0px;
}
#static-pages.study-nutrition .product-list {
  float: left;
  margin-right: 10px;
}
#static-pages.study-nutrition .x10:after {
  content: "x 10";
  display: block;
  text-align: center;
}
#static-pages.study-nutrition .iinOfferBottom p {
  float: left;
  width: 100%;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #static-pages.study-nutrition .curriculumList {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 12px;
    float: left;
  }
  #static-pages.study-nutrition .curriculumList > li {
    width: 100%;
    height: auto;
    margin: 0 0 30px 0;
  }
}
.sidebar-signup-inner {
  background-color: #fff;
}
.contact-us {
  padding-bottom: 30px;
}
.contact-us + .jumbotron {
  background: #F8F8F8;
  padding-top: 30px;
  padding-bottom: 30px;
}
body.country-AU .juicer-buying-guide .AUNZ,
body.country-NZ .juicer-buying-guide .AUNZ {
  display: none !important;
}
body.country-AU .juicer-buying-guide .USINT,
body.country-NZ .juicer-buying-guide .USINT {
  display: inline-block !important;
}
body .juicer-buying-guide .AUNZ {
  display: inline-block !important;
}
body .juicer-buying-guide .USINT {
  display: none !important;
}
.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop iframe {
  width: inherit !important;
}
/* ==================
      TYPOGRAPHY
===================== */
h1.heading {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}
h2.heading {
  font-size: 1.7em;
  font-weight: 700;
}
h3.heading {
  font-size: 1.3em;
  font-weight: 700;
}
ol.list-style,
ul.list-style {
  list-style: none;
  margin-left: 0;
}
ol.list-style li,
ul.list-style li {
  text-indent: 0;
}
ol.list-style li::before,
ul.list-style li::before {
  display: inline-block;
  width: 1.5em;
  font-size: 1.5em;
  margin-left: -1.5em;
}
ol.list-style li {
  counter-increment: steps;
}
ol.list-style li::before {
  content: counter(steps);
}
ul.list-style li::before {
  font-family: 'FontAwesome';
  content: "\f00c";
}
ul.list-style li.list-dot::before {
  font-family: inherit;
  content: "\25CF";
}
ul.list-style li.list-green::before {
  color: #3CBF8D;
}
ul.list-style li.list-cross::before {
  content: "\f00d";
  color: #D85A5A;
}
/* ==================
      BACKGROUND
===================== */
.bg-gradient {
  background: #075739;
  background: -moz-linear-gradient(66deg, #075739 15%, #3dc18f 80%);
  background: -webkit-linear-gradient(66deg, #075739 15%, #3dc18f 80%);
  background: linear-gradient(66deg, #075739 15%, #3dc18f 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#075739", endColorstr="#3dc18f", GradientType=1);
}
.bg-gradient-vertical {
  background: #075739;
  background: -moz-linear-gradient(0deg, #075739 15%, #3dc18f 80%);
  background: -webkit-linear-gradient(0deg, #075739 15%, #3dc18f 80%);
  background: linear-gradient(0deg, #075739 15%, #3dc18f 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#075739", endColorstr="#3dc18f", GradientType=1);
}
.visible-tn {
  display: none !important;
}
@media (max-width: 425px) {
  .visible-tn {
    display: block !important;
  }
  .hidden-tn {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .col-offset-0 {
    margin-left: 0 !important;
  }
}
/* ==================
      New Home
===================== */
#home-slider .slick-dots {
  left: 3rem;
  bottom: 1rem;
  text-align: left;
}
#home-slider .slick-dots li {
  margin: 0 5px 0 0;
}
#home-slider .slick-dots li button:before {
  content: "\f111";
  font-size: 12px;
}
#home-slider .slick-dots li.slick-active button:before {
  color: #5D5E5F;
}
#home-slider .home-slider-wrap {
  height: 60vh;
  max-height: 60vh;
}
#home-slider .home-main-slide {
  height: 405px;
  height: 60vh;
  position: relative;
}
#home-slider .home-main-slide h2 {
  color: #4c4c4c;
  font-size: 32px;
  line-height: 1;
}
#home-slider .home-main-slide h2 span {
  color: #40cb95;
  font-size: 42px;
}
#home-slider .home-main-slide p {
  color: #4c4c4c;
}
#home-slider .home-main-slide .btn {
  text-transform: uppercase;
}
#home-slider .home-main-slide .hero-inner {
  max-width: 380px;
}
#home-slider .home-main-slide .text-overlay {
  padding: 0 40px;
}
#home-slider .home-main-slide.inverse p,
#home-slider .home-main-slide.inverse h2 {
  color: #fff;
}
@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -50vw 0;
  }
  100% {
    background-position: 100vw 0;
  }
}
.shine {
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}
.shine.js-fm-grid-info,
.shine.js-fm-card-info {
  min-height: 200px;
}
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid),
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid) {
  position: relative;
}
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid) .fm-card,
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid) .fm-card {
  visibility: hidden;
}
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before,
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before.js-fm-grid-info,
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before.js-fm-grid-info,
.fm-card-grid:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before.js-fm-card-info,
.fm-card-row:not(.slick-initialized, .fm-card-grid, .podcast-more-episodes-grid):before.js-fm-card-info {
  min-height: 200px;
}
.fm-card-grid .slick-list,
.fm-card-row .slick-list {
  padding-right: 0;
  overflow: visible;
}
.fm-card-grid .slick-arrow,
.fm-card-row .slick-arrow {
  width: 3rem;
  margin: 0;
  top: -1.5rem;
  bottom: 0;
  height: inherit;
  background-color: #fff;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.fm-card-grid .slick-arrow.slick-prev,
.fm-card-row .slick-arrow.slick-prev {
  left: -1rem;
  background: #ffffff;
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}
@media (min-width: 768px) {
  .fm-card-grid .slick-arrow.slick-prev,
  .fm-card-row .slick-arrow.slick-prev {
    left: -3rem;
  }
}
.fm-card-grid .slick-arrow.slick-next,
.fm-card-row .slick-arrow.slick-next {
  right: -1rem;
  background: #ffffff;
  background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 200%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}
@media (min-width: 768px) {
  .fm-card-grid .slick-arrow.slick-next,
  .fm-card-row .slick-arrow.slick-next {
    right: -3rem;
  }
}
.fm-card-grid .slick-arrow:before,
.fm-card-row .slick-arrow:before {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.fm-card-grid:hover .slick-arrow:before,
.fm-card-row:hover .slick-arrow:before {
  opacity: 1 !important;
}
.fm-card-grid .fm-card,
.fm-card-row .fm-card {
  position: relative;
}
.fm-card-grid .fm-card .fm-card-wrap,
.fm-card-row .fm-card .fm-card-wrap {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info {
  position: relative;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .fm-card-link,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .fm-card-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info:before,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.78);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 75%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 75%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  z-index: 1;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .podcast-logo,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .podcast-logo {
  width: 100%;
  padding-right: 15px;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .podcast-logo path,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .podcast-logo path {
  fill: #fff !important;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .fm-card-meta,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .fm-card-meta {
  opacity: 0;
  font-size: 0.9em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .fm-card-title,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .fm-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info .fm-card-title.podcast-title,
.fm-card-row .fm-card .fm-card-wrap .fm-card-info .fm-card-title.podcast-title {
  height: 3.5rem;
  -webkit-line-clamp: 3;
}
.fm-card-grid .fm-card .fm-card-wrap .fm-card-info h3:not(.fm-card-mtea),
.fm-card-row .fm-card .fm-card-wrap .fm-card-info h3:not(.fm-card-mtea) {
  color: #fff;
  font-weight: 500;
  font-size: 1em;
  position: relative;
  z-index: 2;
}
@media (max-width: 350px) {
  .fm-card-grid .fm-card .fm-card-wrap .fm-card-info h3,
  .fm-card-row .fm-card .fm-card-wrap .fm-card-info h3 {
    font-size: 0.85em !important;
  }
}
.fm-card-grid .fm-card:hover .fm-card-wrap .fm-card-meta,
.fm-card-row .fm-card:hover .fm-card-wrap .fm-card-meta {
  opacity: 1;
}
.fm-card-grid .fm-card:hover .fm-card-wrap .fm-card-info:before,
.fm-card-row .fm-card:hover .fm-card-wrap .fm-card-info:before {
  top: -500%;
}
.fm-card-grid.fm-card-row-wrapped .fm-card,
.fm-card-row.fm-card-row-wrapped .fm-card {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .fm-card-grid.fm-card-row-wrapped .slick-slide,
  .fm-card-row.fm-card-row-wrapped .slick-slide {
    opacity: 0;
  }
  .fm-card-grid.fm-card-row-wrapped .slick-slide.slick-active.opacity-1,
  .fm-card-row.fm-card-row-wrapped .slick-slide.slick-active.opacity-1 {
    opacity: 1;
  }
}
.fm-card-grid.fm-card-row-wrapped .slick-arrow,
.fm-card-row.fm-card-row-wrapped .slick-arrow {
  background: none;
  bottom: 30px;
  opacity: 1;
}
.fm-card-grid.fm-card-row-wrapped .slick-arrow:before,
.fm-card-row.fm-card-row-wrapped .slick-arrow:before {
  opacity: 1;
}
@media (max-width: 767px) {
  .fm-card-grid.fm-card-row-wrapped .slick-arrow,
  .fm-card-row.fm-card-row-wrapped .slick-arrow {
    width: 2.5rem;
  }
  .fm-card-grid.fm-card-row-wrapped .slick-arrow.slick-prev,
  .fm-card-row.fm-card-row-wrapped .slick-arrow.slick-prev {
    left: -2.5rem;
  }
  .fm-card-grid.fm-card-row-wrapped .slick-arrow.slick-next,
  .fm-card-row.fm-card-row-wrapped .slick-arrow.slick-next {
    right: -2.5rem;
  }
}
.fm-card-grid .item-wrap .list-item,
.fm-card-row .item-wrap .list-item {
  position: relative;
}
.fm-card-grid .item-wrap .list-item .item-lock,
.fm-card-row .item-wrap .list-item .item-lock {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(7, 87, 57, 0.78);
  background: -moz-linear-gradient(66deg, rgba(7, 87, 57, 0.78) 15%, rgba(61, 193, 143, 0.78) 80%);
  background: -webkit-linear-gradient(66deg, rgba(7, 87, 57, 0.78) 15%, rgba(61, 193, 143, 0.78) 80%);
  background: linear-gradient(66deg, rgba(7, 87, 57, 0.78) 15%, rgba(61, 193, 143, 0.78) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(7, 87, 57, 0.78)", endColorstr="rgba(61, 193, 143, 0.78)", GradientType=1);
}
.fm-card-grid .item-wrap .list-item .icon-lock,
.fm-card-row .item-wrap .list-item .icon-lock {
  width: 40px;
}
.fm-card-grid .item-wrap .list-item .icon-lock span,
.fm-card-row .item-wrap .list-item .icon-lock span {
  position: absolute;
  bottom: 15px;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  color: #fff !important;
  font-weight: 700;
}
.fm-card-grid .item-wrap .list-item a .badge,
.fm-card-row .item-wrap .list-item a .badge {
  position: absolute;
  top: 5px;
  right: 5px;
}
.fm-card-grid .item-wrap:hover .list-item .item-lock span,
.fm-card-row .item-wrap:hover .list-item .item-lock span {
  opacity: 1;
}
.fm-card-grid .endless_container,
.fm-card-row .endless_container {
  width: 100%;
  padding: 0.25rem;
}
.fm-card-grid .endless_container .endless_more,
.fm-card-row .endless_container .endless_more {
  padding-bottom: 1rem;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.18);
}
/* Podcast styles */
.podcast-logo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.05) linear-gradient(0deg, rgba(0, 0, 0, 0.35) 15%, rgba(0, 0, 0, 0) 45%);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
.podcast-logo-overlay svg {
  width: 30%;
  height: auto;
  margin: 5%;
}
.podcast-logo-overlay svg path {
  fill: white !important;
}
.podcast-more-episodes h4,
.podcast-more-episodes h4 a {
  font-size: 16px;
  letter-spacing: 2px;
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
}
.podcast-more-episodes-grid:not(.slick-slider) {
  overflow: hidden;
  max-height: 320px;
  transition: 1s cubic-bezier(0, 1, 0, 1), 0.3s padding ease-out, 1s top ease-out;
  position: relative;
}
.podcast-more-episodes-grid:not(.slick-slider)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.85) 1%, rgba(255, 255, 255, 0) 10%);
  z-index: 3;
  pointer-events: none;
  transition: 1s top ease-out;
}
.podcast-more-episodes-grid.active {
  max-height: 10000px;
  transition: 3s max-height ease-in-out, 0.3s padding ease-out, 1s top ease-out;
  padding-bottom: 20px;
}
.podcast-more-episodes-grid.active::after {
  top: 100%;
  transition: 1s top ease-out;
}
.fm-card-info:before {
  background: rgba(0, 0, 0, 0.05) linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 75%) !important;
}
/* Alternative card styles */
.podcast-logo-overlay.alternative {
  justify-content: flex-end;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.1) linear-gradient(215deg, rgba(255, 255, 255, 0.85) 15%, rgba(255, 255, 255, 0) 45%);
}
.podcast-logo-overlay.alternative img {
  width: 40%;
  height: auto;
  margin: 5%;
}
.podcast-more-episodes-grid .fm-card-info.alternative::before {
  background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.65) 15%, rgba(0, 0, 0, 0) 45%) !important;
}
.podcast-more-episodes-grid .fm-card-info.alternative::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0) 35%) !important;
  z-index: 1;
}
.podcast-more-episodes-grid .fm-card-info.alternative img {
  width: 75%;
}
.podcast-more-episodes-grid .fm-card-info.alternative h3 i {
  color: black;
}
.js-reveal-postcasts {
  border: 2px solid #444;
  border-radius: 4px;
  padding: 5px 15px;
  font-size: 0.8em !important;
}
.js-reveal-postcasts:active,
.js-reveal-postcasts:hover {
  background-color: #444;
  color: white;
}
.podcast-more-episodes-grid .fm-card-wrap {
  background-size: cover !important;
}
.podcast-more-episodes-grid.fm-card-row button.slick-arrow::before {
  opacity: 1 !important;
}
.podcast-more-episodes-grid .slick-list {
  overflow: hidden;
  padding-bottom: 10px;
}
/* End Podcast Styles */
/* make captcha box narrow on tiny mobile */
@media (max-width: 374px) {
  .g-recaptcha > div {
    max-width: 160px !important;
    overflow: hidden !important;
    border-right: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 6px;
  }
}
#modal-login-form button.btn-green,
#login button.btn-green,
a.btn-social-login {
  border: 1px solid transparent;
  text-transform: uppercase;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18);
  margin: 0 0 0.5rem 0;
  font-weight: 700;
  letter-spacing: 0.12rem;
  font-size: 13px;
  padding: 0.75rem;
  border-radius: 0;
  transition: 0.5s ease-out;
  height: auto !important;
}
#modal-login-form button.btn-green.google-login,
#login button.btn-green.google-login,
a.btn-social-login.google-login {
  background-color: white;
  color: #5A5A5A;
}
#modal-login-form button.btn-green.google-login:hover,
#login button.btn-green.google-login:hover,
a.btn-social-login.google-login:hover {
  background-color: #e6e6e6;
}
#modal-login-form button.btn-green.facebook-login,
#login button.btn-green.facebook-login,
a.btn-social-login.facebook-login {
  background-color: #4267B2;
  border-color: #4267B2;
  color: #fff;
}
#modal-login-form button.btn-green.facebook-login:hover,
#login button.btn-green.facebook-login:hover,
a.btn-social-login.facebook-login:hover {
  background-color: #34518d;
}
#cookieWrap {
  display: none;
  transition: all 0.15s ease-in-out;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 30px;
  justify-content: center;
  align-items: center;
  z-index: 1999999999;
  border-top: 1px solid #eee;
}
#cookieWrap > div {
  flex: 1;
  display: flex;
  width: 100%;
  padding: 5px 0;
  justify-content: center;
}
#cookieWrap > div > div {
  padding: 0 5px;
  display: flex;
  align-items: center;
}
#cookieWrap > div > div#stop-cookie {
  cursor: pointer;
  display: flex;
  padding: 10px 15px;
  color: #0b0080;
  background: transparent;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
#cookieWrap > div p {
  margin: 0;
  font-size: 14px;
  line-height: 1.3em;
}
#cookieWrap > div a {
  color: #0b0080;
}

.text-capitalize {
  text-transform: capitalize;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.btn-gradient {
  color: #fff;
  text-decoration: none;
  background: #3CBF8D;
  background: -moz-linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  background: -webkit-linear-gradient(0deg, #28986E 50%, #3CBF8D 80%);
  background: linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28986E, endColorstr=#3CBF8D, GradientType=1);
  background-size: 200% auto;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: inherit;
}
.btn-gradient:hover {
  color: #fff !important;
  background-position: left center;
  /* change the direction of the change here */
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
}
.btn-cta {
  padding: 13px;
  min-width: 200px;
  font-size: 1.1em;
}
.border-radius {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.border-radius-large {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.border-radius-none {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.border-green {
  border: 0.25rem solid #3cbf8d;
}
.box-shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.48);
}
.box-shadow-light {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.18);
}
.box-shadow-none {
  box-shadow: none !important;
}
@media print {
  section,
  #footer,
  header,
  .no-print,
  img,
  #livechat-compact-view,
  .nav-right {
    display: none !important;
  }
  article {
    display: block;
  }
  #livechat-full,
  #livechat-compact-container {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .tag-box {
    height: 220px;
  }
  .list-item {
    height: 290px;
  }
  .list-item.list-item--recipes {
    height: 290px;
  }
  .col-sm-9 .list-item {
    height: 230px;
  }
  .fmtv-film-lg {
    height: 450px;
  }
  .fmtv-film-small {
    height: 215px;
  }
  .article-preview-lg {
    height: 420px;
  }
  .article-preview-md {
    height: 285px;
  }
  .click-to-tweet--container {
    width: 100%;
    float: none;
    margin: 30px 0;
  }
  .at4-jumboshare .at-resp-share-element .at-share-btn .at-label {
    display: none;
  }
  .sidebar-signup-v2 .sidebar-signup-inner {
    padding: 10px;
  }
  #creator-message p {
    padding: 10px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 2.2em;
  }
  h2 {
    font-size: 1.5em;
  }
  .list-item.list-item--recipes {
    height: 240px;
  }
  .list-item.list-item--recipes .article-stats > span {
    margin-right: 4px;
  }
  .col-sm-9 .list-item {
    height: 200px;
  }
  .tag-box {
    height: 160px;
    margin-bottom: 10px;
  }
  .article-preview-lg {
    height: 350px;
  }
  .article-preview-md {
    height: 265px;
  }
  .fmtv-film-lg {
    height: 390px;
  }
  .fmtv-film-small {
    height: 195px;
  }
  .fmtv-slider-poster {
    padding: 0 5px;
  }
  #creator-message .fm-social-stats a .fa-stack {
    width: 30px;
    height: 30px;
    line-height: 26px;
  }
  #creator-message .fm-social-stats a .fa-stack-1x {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
  #author-profile .author-header {
    height: 200px;
    margin-bottom: 90px;
  }
  #author-profile .author-header .author-profile--img {
    width: 140px;
    margin-bottom: -70px;
  }
  #author-profile .author-header .author-profile--text {
    position: absolute;
    margin-left: 180px;
  }
  #author-profile .author-profile--summary {
    margin-left: 180px;
  }
  #main-nav a.login-link {
    margin-left: 10px;
  }
  #main-nav .logo-link svg#fm-logo {
    max-width: 165px;
    padding-right: 0;
  }
  #main-nav .search-autocomplete {
    width: 537px !important;
  }
  #nav-search-bar {
    width: 320px;
  }
}
@media (max-width: 910px) {
  #main-nav .logo-link svg#fm-logo {
    max-width: 125px;
  }
}
@media (max-width: 767px) {
  .at4-jumboshare .at4-count-container {
    min-width: 80px !important;
  }
  .flickity-prev-next-button {
    display: none;
  }
  .fixed-xs {
    position: fixed;
  }
  .modal-tws2016--inner {
    padding: 60px  15px;
    background: #ddd url('/static/img/site/tws-modal-image.jpg?0ec508cf1436') no-repeat right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  #main-nav .search-autocomplete,
  #main-nav-mobile .search-autocomplete {
    width: 100% !important;
  }
  #main-nav .logo-link svg#fm-logo {
    max-width: 165px;
    height: 54px;
  }
  #main-nav-border {
    height: 2px;
  }
  #main-nav-mobile {
    height: 55px;
  }
  #main-nav-mobile .logo-link {
    margin-left: 55px !important;
  }
  #main-nav-mobile .logo-link svg#fm-logo {
    max-width: 160px;
    height: 55px;
    padding-right: 0px;
  }
  #main-nav-mobile a.nav-link {
    height: 55px;
    line-height: 55px;
    padding: 0px 12px;
  }
  #main-nav-mobile .search-icon {
    width: 55px;
  }
  #main-nav-mobile .search-icon .circle {
    top: 14px;
    left: 0px;
  }
  #main-nav-mobile .search-icon .handle {
    top: 26px;
    left: 15px;
    height: 2px;
    width: 23px;
  }
  #main-nav-mobile .search-icon .handle:after {
    height: 2px;
    width: 23px;
  }
  #menu-main {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  form#nav-search input.nav_search {
    height: 70px;
    padding-right: 0;
    font-size: 1em;
  }
  form#nav-search .nav_search_btn {
    height: 70px;
    line-height: 70px;
  }
  .profile-picture {
    border-width: 1px;
  }
  .profile-picture.profile-picture-nav {
    margin-top: -5px;
    width: 30px;
    height: 30px;
  }
  .section-heading h2 {
    font-size: 2em;
  }
  .home-slider-wrap {
    height: 60vh;
    max-height: 400px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: -20px;
  }
  .home-slider-wrap > .container {
    padding: 0;
  }
  .home-slider,
  .home-hero {
    height: 60vh;
    max-height: 400px;
  }
  .home-slider .truncate,
  .home-hero .truncate {
    white-space: normal;
    overflow: visible;
  }
  .home-slider .text-overlay,
  .home-hero .text-overlay {
    padding: 0px;
    padding-bottom: 10px;
  }
  .home-slider p,
  .home-hero p {
    max-width: 100%;
  }
  .home-slider h2,
  .home-hero h2 {
    font-size: 1.7em;
  }
  .home-slider .btn,
  .home-hero .btn {
    position: relative;
    padding: 12px 25px;
    font-size: 0.9em;
  }
  .home-hero-v2 {
    padding: 0 15px;
  }
  .home-hero-v2 .hero-inner {
    text-align: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-hero-v2 .div-table,
  .home-hero-v2 .div-cell {
    display: block;
  }
  .list-item-wide {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F8F8F8;
  }
  .list-item-wide .list-item--inner {
    padding: 0 5px;
  }
  .list-item {
    height: 100%;
  }
  .list-item .list-item--heading {
    font-size: 1.1em;
    height: 42px;
  }
  .list-item i {
    display: none;
  }
  .list-item .rating i {
    display: inline-block;
  }
  .col-sm-9 .list-item {
    height: 100%;
  }
  .list-item.list-item--recipes {
    height: 100%;
  }
  .list-item--class {
    margin-top: 10px;
  }
  .article-preview {
    margin-bottom: 20px;
  }
  .article-preview .list-item {
    margin-bottom: 0;
  }
  .article-preview h3.truncate--two {
    height: 49px;
    font-size: 20px;
  }
  .form-control {
    margin-bottom: 5px;
  }
  #sub-nav,
  .right-nav {
    display: none;
  }
  h1 {
    font-size: 2em;
  }
  h3 {
    font-size: 1.2em;
  }
  h4 {
    font-size: 1.1em;
  }
  .tag-box {
    height: 100px;
  }
  .tag-box .tag-box-inner {
    height: 90px;
  }
  .tag-box .tag-box-inner span {
    display: none;
  }
  .tag-box .tag-box-inner h2 {
    font-weight: 700;
    font-size: 1.2em;
    padding: 10px;
    text-align: left;
    padding-left: 10px;
  }
  .recipe-info-bar {
    margin-top: 0px;
    line-height: 1.2em;
  }
  .recipe-info-bar > span,
  .recipe-info-bar > a {
    text-transform: none;
    padding: 15px 15px;
  }
  .recipe-info-bar > span i,
  .recipe-info-bar > a i {
    font-size: 1.24em;
  }
  .recipe-info-bar > span p,
  .recipe-info-bar > a p {
    font-size: 0.8em;
    margin: 5px 0 0 0;
  }
  .recipe-info-bar .add-to-recipe-book {
    border-left: 4px solid #FFFFFF;
    float: right;
  }
  .article-content {
    margin-left: 0px;
  }
  .article-description {
    margin-right: 0;
  }
  article .article-hero {
    margin-left: -15px;
    margin-right: -15px;
  }
  article .article-share.horizontal .addthis_jumbo_share {
    height: 47px;
  }
  article .article-share.vertical {
    display: none;
  }
  article .article-stats {
    padding: 15px 0px 15px;
  }
  article .article-stats .author {
    margin-right: 10px;
    padding-right: 0;
    border-right: 0px solid #ccc;
  }
  article .article-stats .views {
    display: inline-block;
  }
  article .author-links a.btn {
    display: inline !important;
    margin: 0 2.5px 0 0 !important;
    font-size: 12px;
  }
  article .author-links a.btn.last-of-type {
    margin: 0;
  }
  .article-stats i {
    display: none;
  }
  .article-stats .views {
    display: none;
  }
  .article-stats .comments {
    display: none;
  }
  .sharrre-total,
  .sharrre-buttons {
    display: none;
  }
  .print-article-btn {
    display: none;
  }
  .article-preview .article-stats {
    position: relative;
  }
  .article-preview h2 {
    height: auto;
  }
  .article-preview-md,
  .article-preview-lg {
    height: 100%;
  }
  .articles-hero {
    height: auto;
  }
  .articles-hero .hero-text-wrap {
    padding: 28px 0 30px 0;
  }
  .articles-hero h2 {
    font-size: 2em;
  }
  .articles-hero h1 {
    font-size: 2em;
  }
  .at4-jumboshare .at4-count-container {
    max-width: 100px;
    padding-right: 10px !important;
    border-right: none !important;
  }
  .at4-jumboshare .at4-share-container {
    padding-left: 10px !important;
  }
  .at4-jumboshare .at4-title {
    font-size: 10px !important;
    line-height: 12px !important;
  }
  .at4-jumboshare .at-share-btn {
    margin-top: 4px;
  }
  .at4-jumboshare .at4-count {
    font-size: 30px !important;
    line-height: 34px !important;
  }
  .at4-jumboshare .at4-count span {
    font-size: 30px !important;
    line-height: 34px !important;
  }
  .at4-jumboshare .at-mobile .at-resp-share-element .at-share-btn {
    padding: 0px;
  }
  .article-share-top {
    margin-top: 0;
  }
  .article-buttons {
    margin-top: 0;
  }
  .article-buttons button,
  .article-buttons a {
    height: 47px;
  }
  .fmtv-film-lg,
  .fmtv-film-small {
    height: auto;
    margin-bottom: 10px;
  }
  .new-on-fmtv .fmtv-video-3,
  .new-on-fmtv .fmtv-video-4 {
    display: none;
  }
  .searchbar {
    height: auto;
    padding: 10px 0;
  }
  .full-width-nl-optin .fw-optin-inner {
    padding: 40px 0px;
  }
  .full-width-nl-optin h2 {
    font-size: 1.7em;
    font-weight: 600;
  }
  .full-width-nl-optin h3 {
    font-weight: 400;
  }
  .related-products .slick-arrow {
    display: none !important;
  }
  .author-preview .author-header {
    height: auto;
    margin-top: 50px;
  }
  .author-preview .author-header .author-profile--img {
    position: absolute;
    width: 80px;
    top: -40px;
  }
  .author-preview .author-header .author-header-text {
    padding: 50px 10px 10px 10px;
  }
  #author-profile .author-header {
    height: auto;
    background-position: top center;
    background-size: 100% 120px;
    margin-bottom: 20px;
  }
  #author-profile .author-header .author-header-color {
    height: 120px;
  }
  #author-profile .author-header .author-profile--img {
    width: 150px;
    position: relative;
    margin: 20px auto 15px;
  }
  #author-profile .author-header .author-profile--text {
    position: relative;
    margin-left: 0;
    bottom: auto;
    text-align: center;
  }
  #author-profile .author-header .author-profile--text h1 {
    color: inherit;
    margin: 0 0 15px 0;
  }
  #author-profile .author-profile--summary {
    margin-left: 0;
  }
  .carousel {
    padding-bottom: 50%;
  }
  .carousel-cell {
    width: 89%;
  }
  .container.category-nav-container {
    padding: 0;
  }
  .profile_header {
    height: 180px;
  }
  .user_info p {
    margin: 6px 0;
  }
  .profile_img_wrap {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
  }
  .category-nav .btn-category {
    display: block;
    padding: 0 12px;
    text-align: center;
    height: 55px;
    line-height: 55px;
  }
  .category-nav-scroll {
    height: 55px;
    -webkit-transform: translateX(30%);
    -moz-transform: translateX(30%);
    -o-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
  }
  .category-nav-scroll .flickity-viewport {
    height: 55px;
  }
  .category-nav-scroll:after {
    height: 55px;
  }
  .fmtv-modal h4 {
    font-size: 1em;
    margin-bottom: 20px;
  }
  .fmtv-modal h3 {
    font-size: 1.2em;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .fmtv-modal .fmtv-cta {
    text-align: center;
  }
  .fmtv-modal .btn {
    position: relative;
    top: 0;
  }
  #gritter-notice-wrapper {
    bottom: 0;
    top: auto;
    width: 100% !important;
    right: 0;
  }
  #gritter-notice-wrapper .gritter-item-wrapper {
    margin-bottom: 0;
    -webkit-box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.4);
  }
  #gritter-notice-wrapper.bottom-center {
    left: 0;
    margin: 0;
    bottom: 0;
  }
  #footerWrap_top a {
    padding: 0;
  }
  .slick-prev,
  .slick-next {
    display: none !important;
  }
  .retreat-row {
    margin: 0;
  }
  .retreat-item {
    display: block;
    width: 100%;
    padding: 30px 0 0 0;
  }
  h2.retreat-region {
    padding: 0;
  }
  h1.page-heading--class {
    margin-bottom: 0px !important;
  }
  .w-essential--container .border-right:after {
    display: none;
  }
  .w-essential--container .section--type {
    margin-top: 25px;
  }
  .w-essential--container .w-essential--heading {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
  }
  .w-essential--container p.w-essential--summary {
    margin: 30px 0;
  }
  .w-essential--container a {
    font-size: 0.8em;
  }
  .click-to-tweet--container {
    padding: 20px;
  }
  .click-to-tweet--container .click-to-tweet--text {
    margin: 5px auto 20px;
    padding-top: 15px;
  }
  .click-to-tweet--container .click-to-tweet--via {
    color: #222222;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    width: 160px;
    float: none;
    margin-top: 10px;
  }
  .click-to-tweet--container .click-to-tweet--button {
    float: none;
    margin-top: 20px;
    font-size: 1em;
  }
  aside#sidebar {
    margin: 30px 0;
  }
  aside#sidebar .img-fluid {
    margin: 0 auto;
  }
  .sidebar-follow {
    width: 100%;
    top: 0 !important;
  }
  .sidebar-follow.sidebar-sticky {
    position: relative;
  }
  .recipes-filter {
    padding: 60px 0;
    margin-bottom: 30px;
    -webkit-box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 18px 54px -18px rgba(0, 0, 0, 0.08);
  }
  .recipes-filter h1 {
    font-size: 30px;
  }
  .recipes-filter .filter-label {
    font-size: 20px;
  }
  .recipes-filter a {
    font-size: 20px;
  }
  .select-dropdown {
    position: static;
  }
  .select-dropdown .multiSelect--input {
    margin: 0 0px 0 3px;
  }
  .select-dropdown ul {
    margin-left: 15px;
    width: calc(100% - 30px);
  }
  .modal-juicer-promo .modal-content {
    height: auto;
    width: 98%;
    padding: 60px 20px;
  }
  .modal-juicer-promo h3 {
    font-size: 1.6em;
    max-width: 210px;
    margin: 20px 0 30px;
  }
  .modal-juicer-promo .close {
    background: #ffffff;
  }
  .modal-juicer-promo .close:before,
  .modal-juicer-promo .close:after {
    background-color: #222222;
  }
  .modal-juicer-promo.promo-au h2 {
    font-size: 2.5em;
    line-height: 1.2em;
  }
  .modal-juicer-promo.promo-row h2 {
    font-size: 3em;
    line-height: 1.4em;
  }
}
@media (max-width: 320px) {
  #main-nav-mobile .logo-link svg#fm-logo {
    max-width: 130px;
  }
}

.text-capitalize {
  text-transform: capitalize;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.btn-gradient {
  color: #fff;
  text-decoration: none;
  background: #3CBF8D;
  background: -moz-linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  background: -webkit-linear-gradient(0deg, #28986E 50%, #3CBF8D 80%);
  background: linear-gradient(90deg, #28986E 50%, #3CBF8D 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28986E, endColorstr=#3CBF8D, GradientType=1);
  background-size: 200% auto;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: inherit;
}
.btn-gradient:hover {
  color: #fff !important;
  background-position: left center;
  /* change the direction of the change here */
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
}
.btn-cta {
  padding: 13px;
  min-width: 200px;
  font-size: 1.1em;
}
.border-radius {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.border-radius-large {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.border-radius-none {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.border-green {
  border: 0.25rem solid #3cbf8d;
}
.box-shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.48);
}
.box-shadow-light {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.18);
}
.box-shadow-none {
  box-shadow: none !important;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(2000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2000px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: perspective(2000px);
    transform: perspective(2000px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(2000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2000px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: perspective(2000px);
    transform: perspective(2000px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(2000px);
    transform: perspective(2000px);
  }
  to {
    -webkit-transform: perspective(2000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2000px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(2000px);
    transform: perspective(2000px);
  }
  to {
    -webkit-transform: perspective(2000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2000px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 1;
}
.modal-juicer-promo .modal-content {
  background: #ffffff url("https://www.foodmatters.com/media/uploads/images/ads/popups/juicer-promo_bg.jpg") no-repeat left top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 630px;
  height: 630px;
  margin: 0 auto;
  border: 2px solid #fff;
  padding: 40px;
}
.modal-juicer-promo h2 {
  margin: 0;
}
.modal-juicer-promo h3 {
  max-width: 310px;
  font-weight: 600;
  margin: 20px 0 40px;
  letter-spacing: 0;
}
.modal-juicer-promo .close {
  height: 50px;
  width: 50px;
}
.modal-juicer-promo .close:before,
.modal-juicer-promo .close:after {
  left: 25px;
  height: 20px;
  top: 15px;
}
.modal-juicer-promo.promo-row h2 {
  font-family: 'Playlist', 'Open Sans', sans-serif;
  font-size: 5em;
  line-height: 1.3em;
  max-width: 450px;
  color: #3CBF8D;
  font-weight: 700;
}
.modal-juicer-promo.promo-row h3 {
  font-size: 2em;
}
.modal-juicer-promo.promo-row .close {
  background: transparent;
}
.modal-juicer-promo.promo-row .close:before,
.modal-juicer-promo.promo-row .close:after {
  background-color: #ffffff;
}
.modal-juicer-promo.promo-au .modal-content {
  background: #ffffff url("https://www.foodmatters.com/media/uploads/images/ads/popups/juicer-promo_fathersday_bg.jpg") no-repeat left top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.modal-juicer-promo.promo-au h2 {
  font-size: 3em;
  max-width: 300px;
  margin-top: 20px;
}
.modal-juicer-promo.promo-au h2 span {
  color: #3CBF8D;
  font-weight: 700;
}
.modal-juicer-promo.promo-au h3 {
  color: #3CBF8D;
  font-style: italic;
}
.modal-juicer-promo.promo-au .close {
  background: rgba(255, 255, 255, 0.69);
}
.modal-halloween .form-thank-you {
  background: transparent;
  color: #222222;
  text-align: center;
  border-radius: 0px;
  padding: 0px;
  margin-top: 20px;
}
.modal-halloween .form-thank-you p {
  border-top: 1px solid #d4d2d1;
  padding-top: 30px;
  color: #222222;
}
.modal-halloween .form-content {
  max-width: 320px;
  margin: 0 auto;
}
.modal-halloween .modal-content {
  background: #f5f5f5 url("https://www.foodmatters.com/media/uploads/images/ads/popups/halloween-2016-modal-bg.jpg") no-repeat left top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 750px;
  height: 590px;
  margin: 0 auto;
  border: 2px solid #fff;
  padding: 40px;
  -webkit-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
}
.modal-halloween .modal-content img.halloween-logo {
  width: 470px;
  margin: 0 auto;
  margin-top: 25px;
}
.modal-halloween h2 {
  text-align: center;
  margin: 0;
  font-size: 5em;
  line-height: 1em;
  color: #e35412;
  font-weight: 700;
  text-transform: uppercase;
}
.modal-halloween h2 span {
  font-size: 40px;
  font-weight: 400;
  color: #222222;
}
.modal-halloween p {
  text-align: center;
  font-size: 20px;
  max-width: 460px;
  margin: 20px auto 5px;
}
.modal-halloween .close {
  background: transparent;
  background: rgba(255, 255, 255, 0.9);
  height: 50px;
  width: 50px;
}
.modal-halloween .close:before,
.modal-halloween .close:after {
  left: 25px;
  height: 20px;
  top: 15px;
  background-color: #ffffff;
  background-color: #222222;
}
.modal-halloween .btn {
  background-color: #e35412;
  text-transform: uppercase;
  padding: 15px 10px;
}
.modal-halloween .btn:hover,
.modal-halloween .btn:focus {
  color: #ffffff !important;
  background: #bd460f;
}
.modal-halloween .privacy-wrap {
  text-align: center;
  font-size: 12px;
}
.modal-halloween a.privacy {
  text-decoration: underline;
  color: #e35412;
}
.modal-halloween a.privacy:hover {
  color: #bd460f;
}
@media (max-width: 767px) {
  .modal-halloween .modal-content {
    background: #f5f5f5 url("https://www.foodmatters.com/media/uploads/images/ads/popups/halloween-2016-modal-bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 96%;
    height: auto;
    margin: 2% auto;
    padding: 70px 30px;
  }
  .modal-halloween .modal-content img.halloween-logo {
    width: 100%;
    margin-top: 0;
  }
  .modal-halloween p {
    font-size: 18px;
  }
}
.sidebar-signup-bsg-facemap {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
.sidebar-signup-bsg-facemap:after {
  content: url('https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-facemap-plant.png');
  position: absolute;
  z-index: 4;
  top: -85px;
  left: -76px;
}
.sidebar-signup-bsg-facemap:before {
  content: url('https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-facemap-face-faded.png');
  position: absolute;
  z-index: 1;
  top: -100px;
  right: -74px;
  opacity: 0.8;
}
.sidebar-signup-bsg-facemap .sidebar-signup-inner {
  padding: 25px;
  position: relative;
  z-index: 3;
  background: transparent;
  border: 5px solid #30dd9a;
}
.sidebar-signup-bsg-facemap h3 {
  color: #565656;
  font-family: "Playfair Display", Times, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 33px;
  margin-top: 110px;
  margin-bottom: 0;
}
.sidebar-signup-bsg-facemap p {
  color: #565656;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
  margin: 16px 0 20px;
}
.sidebar-signup-bsg-facemap .btn {
  color: white;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  background-color: #30dd9a;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  padding: 16px 10px;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: 0 5px 0 0 #418c6f;
  -moz-box-shadow: 0 5px 0 0 #418c6f;
  box-shadow: 0 5px 0 0 #418c6f;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
.sidebar-signup-bsg-facemap .btn:active {
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-box-shadow: 0 0px 0 0 #418c6f;
  -moz-box-shadow: 0 0px 0 0 #418c6f;
  box-shadow: 0 0px 0 0 #418c6f;
}
.sidebar-signup-bsg-facemap .btn:focus {
  color: #ffffff !important;
}
.sidebar-signup-bsg-facemap .privacy-link {
  position: absolute;
  bottom: -30px;
  width: 100%;
  left: 0;
}
.sidebar-signup-bsg-facemap input {
  font-size: 0.8em;
}
.sidebar-signup-bsg-facemap p.additional-info {
  line-height: 1.8em;
}
.sidebar-signup-bsg-facemap .form-thank-you {
  border-top: 1px solid #eee;
  background: #fff;
  padding: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar-signup-bsg-facemap:after {
    top: -100px;
    left: -130px;
  }
  .sidebar-signup-bsg-facemap:before {
    top: -150px;
    right: -84px;
  }
  .sidebar-signup-bsg-facemap .sidebar-signup-inner {
    padding: 10px;
  }
  .sidebar-signup-bsg-facemap h3 {
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-signup-bsg-facemap:after {
    top: -100px;
    left: -130px;
  }
  .sidebar-signup-bsg-facemap:before {
    top: -150px;
    right: -84px;
  }
  .sidebar-signup-bsg-facemap .sidebar-signup-inner {
    padding: 10px;
  }
  .sidebar-signup-bsg-facemap .btn {
    padding: 16px 5px;
    font-size: 12px;
  }
  .sidebar-signup-bsg-facemap h3 {
    font-size: 20px;
    line-height: 26px;
    margin-top: 40px;
  }
  .sidebar-signup-bsg-facemap p {
    font-size: 14px;
  }
}
.inline-ad-bsg-facemap {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
.inline-ad-bsg-facemap .col-left {
  display: inline-block;
  width: 50%;
  margin-left: -4px;
  vertical-align: middle;
}
.inline-ad-bsg-facemap .col-right {
  display: inline-block;
  width: 50%;
  margin-left: -4px;
  vertical-align: middle;
  padding-left: 15px;
}
.inline-ad-bsg-facemap:after {
  content: url('https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-facemap-plant.png');
  position: absolute;
  z-index: 4;
  top: -105px;
  left: -86px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}
.inline-ad-bsg-facemap:before {
  content: url('https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-facemap-face-faded.png');
  position: absolute;
  z-index: 1;
  top: -180px;
  right: -34px;
  opacity: 0.8;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}
.inline-ad-bsg-facemap .inline-ad-inner {
  padding: 15px 15px 15px 85px;
  position: relative;
  z-index: 3;
  background: transparent;
  border: 5px solid #30dd9a;
}
.inline-ad-bsg-facemap h3 {
  color: #565656;
  font-family: "Playfair Display", Times, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 0px;
  margin-bottom: 0;
}
.inline-ad-bsg-facemap .btn {
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 16px;
  background-color: #30dd9a;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 12px 16px;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: 0 2px 0 0 #418c6f;
  -moz-box-shadow: 0 2px 0 0 #418c6f;
  box-shadow: 0 2px 0 0 #418c6f;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
.inline-ad-bsg-facemap .btn:active {
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -o-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: 0 0px 0 0 #418c6f;
  -moz-box-shadow: 0 0px 0 0 #418c6f;
  box-shadow: 0 0px 0 0 #418c6f;
}
.inline-ad-bsg-facemap .btn:focus {
  color: #ffffff !important;
}
@media (max-width: 1199px) {
  .inline-ad-bsg-facemap .col-left {
    display: inline-block;
    width: 50%;
    margin-left: -4px;
    vertical-align: middle;
  }
  .inline-ad-bsg-facemap .col-right {
    display: inline-block;
    width: 50%;
    margin-left: -4px;
    vertical-align: middle;
    padding-left: 15px;
  }
  .inline-ad-bsg-facemap:after {
    top: -105px;
    left: -110px;
  }
  .inline-ad-bsg-facemap:before {
    top: -180px;
    right: -34px;
  }
  .inline-ad-bsg-facemap .inline-ad-inner {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .inline-ad-bsg-facemap .col-left {
    display: inline-block;
    width: 50%;
    margin-left: -4px;
    vertical-align: middle;
  }
  .inline-ad-bsg-facemap .col-right {
    display: inline-block;
    width: 50%;
    margin-left: -4px;
    vertical-align: middle;
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .inline-ad-bsg-facemap .col-left {
    display: inline-block;
    width: 100%;
    margin-left: 0px;
    vertical-align: middle;
  }
  .inline-ad-bsg-facemap .col-right {
    display: inline-block;
    width: 100%;
    margin-left: 0px;
    vertical-align: middle;
    padding-left: 0px;
  }
  .inline-ad-bsg-facemap .inline-ad-inner {
    padding: 30px;
  }
  .inline-ad-bsg-facemap .btn {
    width: 100%;
    max-width: 320px;
    margin-top: 15px;
  }
}
.bsg-facemap-slider .text-overlay {
  background: transparent;
}
.bsg-facemap-slider h2 {
  font-family: "Playfair Display", Times, serif;
  color: #565656;
  font-weight: 400;
  font-size: 40px;
}
.bsg-facemap-slider p {
  color: #565656;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .bsg-facemap-slider .hero-inner {
    max-width: 530px;
  }
}
@media (max-width: 991px) {
  .bsg-facemap-slider .hero-inner {
    max-width: 430px;
  }
  .bsg-facemap-slider h2 {
    font-size: 39px;
  }
}
@media (max-width: 767px) {
  .bsg-facemap-slider h2 {
    font-size: 26px;
  }
}
.form-submitted .hide-submitted {
  display: none;
}
.modal-bsg-lm .form-thank-you {
  background: transparent;
  color: #222222;
  text-align: center;
  border-radius: 0px;
  padding: 0px;
  margin-top: 20px;
}
.modal-bsg-lm .form-thank-you p {
  border-top: 1px solid #d4d2d1;
  padding-top: 30px;
  color: #595959;
  text-align: left;
}
.modal-bsg-lm .modal-content {
  top: 40px;
  width: 590px;
  margin: 0 auto;
  -webkit-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.35);
  box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.35);
}
.modal-bsg-lm .modal-outer {
  position: relative;
  overflow: hidden;
  padding: 64px 64px 50px 64px;
}
.modal-bsg-lm .modal-outer:after {
  content: '';
  background: transparent url("https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-face-half.png") no-repeat left top;
  width: 163px;
  height: 546px;
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 1;
}
.modal-bsg-lm .modal-inner {
  max-width: 280px;
  z-index: 2;
  position: relative;
}
.modal-bsg-lm h2 {
  font-family: "Playfair Display", Times, serif;
  color: #565656;
  font-weight: 400;
  font-size: 36px;
  margin: 0;
}
.modal-bsg-lm p {
  color: #595959;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  max-width: 460px;
  margin: 20px auto 5px;
}
.modal-bsg-lm .pink {
  color: #fc6b6b;
}
.modal-bsg-lm p.playfair {
  font-family: "Playfair Display", Times, serif;
}
.modal-bsg-lm p.playfair span {
  font-weight: 700;
}
.modal-bsg-lm p.teach-you {
  font-size: 27px;
  margin-top: 0;
  margin-bottom: 40px;
  position: relative;
  height: 33px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.modal-bsg-lm p.teach-you span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: left;
  opacity: 0;
  line-height: 33px;
}
.modal-bsg-lm p.teach-you span.active {
  opacity: 1;
}
.modal-bsg-lm .close {
  background: transparent;
  height: 40px;
  width: 70px;
  top: -44px;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  letter-spacing: 0.06em;
  font-size: 13px;
  text-transform: uppercase;
}
.modal-bsg-lm .close i {
  font-size: 14px;
}
.modal-bsg-lm .close:before,
.modal-bsg-lm .close:after {
  display: none;
}
.modal-bsg-lm .btn {
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  background-color: #30dd9a;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 16px;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: 0 2px 0 0 #418c6f;
  -moz-box-shadow: 0 2px 0 0 #418c6f;
  box-shadow: 0 2px 0 0 #418c6f;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease, -moz-box-shadow 0.2s ease;
  -o-transition: -o-transform 0.2s ease, box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease,-moz-transform 0.2s ease,-o-transform 0.2s ease,transform 0.2s ease, box-shadow 0.2s ease;
}
.modal-bsg-lm .btn:active {
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -o-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: 0 0px 0 0 #418c6f;
  -moz-box-shadow: 0 0px 0 0 #418c6f;
  box-shadow: 0 0px 0 0 #418c6f;
}
.modal-bsg-lm .btn:focus {
  color: #ffffff !important;
}
.modal-bsg-lm .privacy-wrap {
  color: #585858;
  margin-top: 20px;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}
.modal-bsg-lm a {
  font-family: 'Montserrat', 'Open Sans', sans-serif;
}
.modal-bsg-lm a.privacy {
  text-decoration: underline;
}
.modal-bsg-lm a.underline {
  color: #30dd9a;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding-bottom: 3px;
  border-bottom: 2px solid #30dd9a;
}
.modal-bsg-lm.version-2 .modal-content {
  border: 5px solid #fc6b6b;
  width: 380px;
}
.modal-bsg-lm.version-2 .modal-content:after {
  content: '';
  background: transparent url(https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-logo-faded-bg.png) no-repeat left top;
  width: 259px;
  height: 120px;
  position: absolute;
  bottom: auto;
  top: 0;
  left: 0;
  margin-top: -60px;
  margin-left: 15px;
}
.modal-bsg-lm.version-2 .modal-outer {
  padding: 64px 44px 46px 46px;
}
.modal-bsg-lm.version-2 .modal-outer:after {
  display: none;
}
.modal-bsg-lm.version-2 figure.rose {
  position: absolute;
  background: transparent url(https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-white-rose.png) no-repeat left top;
  width: 193px;
  height: 256px;
  bottom: auto;
  top: -37px;
  right: -93px;
}
.modal-bsg-lm.version-2 figure.calendar {
  position: absolute;
  background: transparent url(https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-calendar-date.png) no-repeat left top;
  width: 130px;
  height: 166px;
  bottom: auto;
  top: 0;
  right: -69px;
  margin-top: 220px;
}
.modal-bsg-lm.version-2 .form-thank-you p.playfair {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}
.modal-bsg-lm.version-2 .form-thank-you p {
  border-top: 0;
  padding: 0;
  font-size: 15px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .modal-bsg-lm.version-2 .modal-content {
    border: none;
    border-bottom: 5px solid #fc6b6b;
    width: 100%;
  }
  .modal-bsg-lm.version-2 .modal-content:after {
    display: none;
  }
  .modal-bsg-lm.version-2 .modal-outer {
    padding: 30px 35px 40px 35px;
  }
  .modal-bsg-lm.version-2 .modal-inner {
    max-width: 400px;
  }
  .modal-bsg-lm.version-2 figure.calendar {
    right: -16px;
    margin-top: 4px;
  }
  .modal-bsg-lm.version-2 p {
    max-width: 250px;
    margin: 15px 0px 14px;
    font-size: 16px;
    line-height: 21px;
  }
  .modal-bsg-lm.version-2 .form-thank-you {
    max-width: 100%;
  }
  .modal-bsg-lm.version-2 .form-thank-you p.playfair {
    max-width: 220px;
    font-size: 18px;
    line-height: 24px;
  }
  .modal-bsg-lm.version-2 .form-thank-you p {
    max-width: 100%;
  }
  .modal-bsg-lm {
    padding-right: 0 !important;
  }
  .modal-bsg-lm .div-table {
    display: block;
  }
  .modal-bsg-lm .div-cell {
    display: block;
    padding-bottom: 80px;
  }
  .modal-bsg-lm .modal-content {
    background: #ffffff url(https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-granite-pattern.jpg) no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 100%;
    height: auto;
    margin: 0;
    top: 0;
    border-bottom: 8px solid #fc6b6b;
  }
  .modal-bsg-lm .modal-content:after {
    content: '';
    background: transparent url(https://www.foodmatters.com/media/uploads/images/ads/bsg/bsg-facemap-plant.png) no-repeat left top;
    background-size: 150px;
    width: 240px;
    height: 207px;
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: 1;
  }
  .modal-bsg-lm .modal-outer {
    padding: 55px 40px 30px 40px;
  }
  .modal-bsg-lm .modal-outer:after {
    background-size: 100px;
    width: 100px;
    height: 310px;
    position: absolute;
    top: -26px;
    right: -14px;
    -webkit-box-shadow: inset 0px -50px 20px -30px #ffffff;
    -moz-box-shadow: inset 0px -50px 20px -30px #ffffff;
    box-shadow: inset 0px -50px 20px -30px #ffffff;
  }
  .modal-bsg-lm .modal-inner {
    max-width: 250px;
    margin: 0 auto;
  }
  .modal-bsg-lm h2 {
    font-size: 23px;
  }
  .modal-bsg-lm p {
    font-size: 15px;
    line-height: 20px;
    max-width: 180px;
    margin: 15px 0px 6px;
  }
  .modal-bsg-lm .close {
    bottom: -35px;
    height: 34px;
    top: auto;
    right: 10px;
    background: #fc6b6b;
    color: #fff;
    width: 90px;
    border-radius: 0 0 4px 4px;
  }
  .modal-bsg-lm .input-label-hint {
    margin-top: 12px;
  }
  .modal-bsg-lm img.leaf {
    position: absolute;
    top: 67px;
    right: 30px;
    width: 50px;
  }
  .modal.modal-bsg-lm .modal-dialog {
    -webkit-transform: translate3d(0, -30%, 0);
    -moz-transform: translate3d(0, -30%, 0);
    -o-transform: translate3d(0, -30%, 0);
    -ms-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
    -webkit-transition: -webkit-transform 0.34s ease-in, opacity 0.28s ease;
    -moz-transition: -moz-transform 0.34s ease-in, opacity 0.28s ease;
    -o-transition: -o-transform 0.34s ease-in, opacity 0.28s ease;
    transition: -webkit-transform 0.34s ease-in,-moz-transform 0.34s ease-in,-o-transform 0.34s ease-in,transform 0.34s ease-in, opacity 0.28s ease;
    opacity: 0;
  }
  .modal.modal-bsg-lm.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.34s ease-in, opacity 0.28s ease;
    -moz-transition: -moz-transform 0.34s ease-in, opacity 0.28s ease;
    -o-transition: -o-transform 0.34s ease-in, opacity 0.28s ease;
    transition: -webkit-transform 0.34s ease-in,-moz-transform 0.34s ease-in,-o-transform 0.34s ease-in,transform 0.34s ease-in, opacity 0.28s ease;
    opacity: 1;
  }
}
@media (max-width: 420px) {
  .modal-bsg-lm .modal-inner {
    margin: 0;
  }
}
@media (max-width: 350px) {
  .modal-bsg-lm.version-2 p {
    max-width: 210px;
    font-size: 15px;
  }
  .modal-bsg-lm.version-2 .form-thank-you p.playfair {
    max-width: 180px;
  }
  .modal-bsg-lm img.leaf {
    display: none;
  }
}
.modal-bsg-bg .modal-backdrop {
  background-color: #ffffff;
  opacity: 0.9;
}
.modal-thanksgiving .input-label-hint {
  margin-top: 10px;
}
.modal-thanksgiving .form-thank-you {
  background: transparent;
  color: #222222;
  text-align: center;
  border-radius: 0px;
  padding: 0px;
  margin-top: 20px;
}
.modal-thanksgiving .form-thank-you p {
  border-top: 3px solid #373c42;
  padding-top: 30px;
  color: #ffffff;
}
.modal-thanksgiving .form-content {
  max-width: 320px;
  margin: 0 auto;
}
.modal-thanksgiving .modal-content {
  background: #f5f5f5 url("https://www.foodmatters.com/media/uploads/images/ads/popups/thanksgiving-popup-bg.jpg") no-repeat left top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 700px;
  height: 700px;
  margin: 0 auto;
  border: 2px solid #fff;
  padding: 40px;
  -webkit-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
}
.modal-thanksgiving .modal-content img.logo {
  max-width: 540px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.modal-thanksgiving h2 {
  text-align: center;
  margin: 0;
  font-size: 5em;
  line-height: 1em;
  color: #e35412;
  font-weight: 700;
  text-transform: uppercase;
}
.modal-thanksgiving h2 span {
  font-size: 40px;
  font-weight: 400;
  color: #222222;
}
.modal-thanksgiving p {
  text-align: center;
  font-size: 20px;
  max-width: 460px;
  margin: 20px auto 5px;
}
.modal-thanksgiving .close {
  background: transparent;
  background: rgba(255, 255, 255, 0.9);
  height: 50px;
  width: 50px;
}
.modal-thanksgiving .close:before,
.modal-thanksgiving .close:after {
  left: 25px;
  height: 20px;
  top: 15px;
  background-color: #ffffff;
  background-color: #222222;
}
.modal-thanksgiving .btn {
  background-color: #9d6937;
  text-transform: uppercase;
  padding: 15px 10px;
}
.modal-thanksgiving .btn:hover,
.modal-thanksgiving .btn:focus {
  color: #ffffff !important;
  background: #7f552c;
}
.modal-thanksgiving .privacy-wrap {
  text-align: center;
  font-size: 12px;
  color: #ffffff;
}
.modal-thanksgiving a.privacy {
  text-decoration: underline;
  color: #9d6937;
}
.modal-thanksgiving a.privacy:hover {
  color: #7f552c;
}
@media (max-width: 767px) {
  .modal-thanksgiving .modal-content {
    background: #f5f5f5 url("https://www.foodmatters.com/media/uploads/images/ads/popups/thanksgiving-popup-bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 96%;
    height: auto;
    margin: 2% auto;
    padding: 60px 20px;
  }
  .modal-thanksgiving .modal-content img.logo {
    width: 100%;
    margin-top: 0;
  }
  .modal-thanksgiving p {
    font-size: 18px;
  }
}
.modal-black-friday-2016 .input-label-hint {
  margin-top: 10px;
}
.modal-black-friday-2016 .form-thank-you {
  background: transparent;
  color: #222222;
  text-align: center;
  border-radius: 0px;
  padding: 0px;
  margin-top: 20px;
}
.modal-black-friday-2016 .form-thank-you p {
  border-top: 3px solid #373c42;
  padding-top: 30px;
  color: #ffffff;
}
.modal-black-friday-2016 .form-content {
  max-width: 320px;
  margin: 0 auto;
}
.modal-black-friday-2016 .modal-content {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 380px;
  height: auto;
  margin: 0 auto;
  border: none;
  padding: 0px;
  -webkit-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
}
.modal-black-friday-2016 .modal-content h2 {
  text-align: center;
  margin: 0;
}
.modal-black-friday-2016 .modal-content p {
  text-align: center;
  margin: 0;
}
.modal-black-friday-2016 .modal-content .inner-header {
  background-color: #43d696;
}
.modal-black-friday-2016 .modal-content .inner-header p {
  color: white;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 17px;
  padding: 17px 15px;
  text-transform: uppercase;
  letter-spacing: 0.4em;
}
.modal-black-friday-2016 .modal-content .inner-content {
  padding: 29px;
}
.modal-black-friday-2016 .modal-content .inner-content h2 {
  color: #363636;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 20px;
}
.modal-black-friday-2016 .modal-content .inner-content p {
  color: #363636;
  font-size: 18px;
  line-height: 24px;
}
.modal-black-friday-2016 .modal-content .inner-footer {
  height: 280px;
  background: #f5f5f5 url("https://www.foodmatters.com/media/uploads/images/ads/popups/black-friday-popup-bg.jpg") no-repeat left top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.modal-black-friday-2016 .close {
  background: transparent;
  height: 50px;
  width: 50px;
}
.modal-black-friday-2016 .close:before,
.modal-black-friday-2016 .close:after {
  left: 25px;
  height: 20px;
  top: 15px;
  background-color: #ffffff;
}
.modal-black-friday-2016 .btn {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 260px;
  margin-left: -130px;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  text-transform: uppercase;
  padding: 15px 10px;
  font-size: 17px;
  font-weight: 700;
  background-color: #43c190;
}
@media (max-width: 767px) {
  .modal-black-friday-2016 .modal-content {
    width: 96%;
    height: auto;
    margin: 2% auto;
  }
  .modal-black-friday-2016 p {
    font-size: 18px;
  }
}
.modal-cyber-monday-2016 .modal-content {
  width: 700px;
  height: 700px;
  margin: 0 auto;
  border: none;
  padding: 0px;
  -webkit-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
}
.modal-cyber-monday-2016 h2 {
  font-size: 100px;
  line-height: 0.94;
  color: #363636;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  font-weight: 700;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.modal-cyber-monday-2016 h2 span {
  color: #3ecb96;
  display: block;
}
.modal-cyber-monday-2016 h3 {
  text-align: center;
  color: #363636;
  font-size: 36px;
  font-weight: 700;
  margin: 10px 0;
}
.modal-cyber-monday-2016 p {
  text-align: center;
  margin: 0;
  color: #363636;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.modal-cyber-monday-2016 p.text__small {
  font-size: 0.7em;
  margin-top: 20px;
}
.modal-cyber-monday-2016 .cm__foreground {
  background: transparent url("https://www.foodmatters.com/media/uploads/images/ads/popups/cybermonday-popup-bg.png") no-repeat left 20px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.modal-cyber-monday-2016 .cm__background {
  padding: 30px 80px;
  background-color: #f5f5f5;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.modal-cyber-monday-2016 .cm__inner {
  border: 5px solid #3ecb96;
  padding: 20px;
}
.modal-cyber-monday-2016 .close {
  background: transparent;
  height: 50px;
  width: 50px;
  top: -50px;
}
.modal-cyber-monday-2016 .close:before,
.modal-cyber-monday-2016 .close:after {
  left: 25px;
  height: 20px;
  top: 15px;
  background-color: #ffffff;
}
.modal-cyber-monday-2016 .btn {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 260px;
  margin-left: -130px;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  text-transform: uppercase;
  padding: 15px 10px;
  font-size: 17px;
  font-weight: 700;
  background-color: #43c190;
}
@media (max-width: 767px) {
  .modal-cyber-monday-2016 h2 {
    font-size: 50px;
  }
  .modal-cyber-monday-2016 h3 {
    font-size: 20px;
  }
  .modal-cyber-monday-2016 .modal-content {
    width: 96%;
    height: auto;
    margin: 50px auto;
  }
  .modal-cyber-monday-2016 .cm__foreground {
    background: #f5f5f5 url(https://www.foodmatters.com/media/uploads/images/ads/popups/cybermonday-popup-bg.png) no-repeat 0px bottom;
    position: relative;
    width: 100%;
    height: 440px;
  }
  .modal-cyber-monday-2016 .cm__background {
    padding: 10px 10px;
    background-color: #f5f5f5;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}
.modal-7dc .input-label-hint {
  margin-top: 10px;
}
.modal-7dc .form-thank-you {
  background: transparent;
  color: #222222;
  text-align: center;
  border-radius: 0px;
  padding: 0px;
  margin-top: 20px;
}
.modal-7dc .form-thank-you p {
  border-top: 3px solid #373c42;
  padding-top: 30px;
  color: #ffffff;
}
.modal-7dc .form-content {
  max-width: 320px;
  margin: 0 auto;
}
.modal-7dc .modal-content {
  background: #f5f5f5 url("https://www.foodmatters.com/media/uploads/images/ads/popups/7dc-modal-bg.jpg ") no-repeat left top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 610px;
  height: 610px;
  margin: 0 auto;
  border: none;
  padding: 55px;
  -webkit-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 5px 41px -5px rgba(0, 0, 0, 0.3);
}
.modal-7dc .modal-content img.logo {
  max-width: 540px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.modal-7dc h2 {
  text-align: left;
  margin: 0;
  font-size: 3.9em;
  line-height: 1.1em;
  color: #ffffff;
  font-weight: 700;
}
.modal-7dc h2 span {
  font-size: 40px;
  font-weight: 400;
  color: #222222;
}
.modal-7dc h3 {
  font-weight: 700;
  color: #ffffff;
  font-size: 2.1em;
  margin: 20px 0;
}
.modal-7dc p {
  font-size: 20px;
  max-width: 460px;
  color: #e7a252;
  font-weight: 700;
  margin: 20px 0;
}
.modal-7dc a {
  padding: 15px 30px;
  margin-top: 10px;
}
.modal-7dc a i {
  margin-left: 10px;
}
.modal-7dc .close {
  background: transparent;
  background: rgba(255, 255, 255, 0.9);
  height: 50px;
  width: 50px;
  border-radius: 0 0 3px 0;
}
.modal-7dc .close:before,
.modal-7dc .close:after {
  left: 25px;
  height: 20px;
  top: 15px;
  background-color: #ffffff;
  background-color: #222222;
}
.modal-7dc .btn {
  background-color: #9d6937;
  text-transform: uppercase;
  padding: 15px 10px;
}
.modal-7dc .btn:hover,
.modal-7dc .btn:focus {
  color: #ffffff !important;
  background: #7f552c;
}
.modal-7dc .privacy-wrap {
  text-align: center;
  font-size: 12px;
  color: #ffffff;
}
.modal-7dc a.privacy {
  text-decoration: underline;
  color: #9d6937;
}
.modal-7dc a.privacy:hover {
  color: #7f552c;
}
@media (max-width: 767px) {
  .modal-7dc .modal-content {
    width: 96%;
    height: auto;
    margin: 2% auto;
    padding: 60px 20px;
  }
  .modal-7dc .modal-content img.logo {
    width: 100%;
    margin-top: 0;
  }
  .modal-7dc h2 {
    font-size: 2.2em;
  }
  .modal-7dc h3 {
    font-size: 1.8em;
  }
  .modal-7dc p {
    font-size: 18px;
  }
}
.annual-food-revolution {
  background-color: red;
  text-align: center;
  margin: 0 0 -3.6em 0;
  padding: 4em 0.5em 0.5em 0.5em;
  display: block;
}
.annual-food-revolution p {
  color: white;
  padding: 0;
}
.annual-food-revolution p span {
  margin-right: 1em;
}
.annual-food-revolution p .btn {
  margin-top: 1em;
}
@media (min-width: 710px) {
  .annual-food-revolution p .btn {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .annual-food-revolution {
    padding-top: 6.7em;
    margin-bottom: -6em;
  }
}