html {
    height: 100%;
}

body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #919191;
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #2E2E30;
    z-index: 0;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#background {
    width: 110%;
    height: 110%;
    position: fixed;
    top: -5%;
    left: -5%;
}

#layout {
    margin: 0 auto;
    width: 500px;
    position: relative;

}

#background {
    overflow: hidden;
    background-color: #2E2E30;
    background-image: url('https://static.pocketcasts.com/discover/images/share/background.jpg');
    background-repeat: repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 2),
all and (min-resolution: 192dpi) {
    #background {
        background-image: url('https://static.pocketcasts.com/discover/images/share/background2x.jpg');
        background-size: 600px 1200px;
    }
}

#artwork {
    top: -24px;
    width: 100%;
    position: absolute;
    z-index: 100;
    text-align: center;
}

#artwork img {
    border-radius: 4px;
    overflow: hidden;
    max-width: 200px;
    max-height: 200px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}

#content {
    margin-top: 107px;
    padding-bottom: 1px;
    width: 500px;
    background-color: #FFFFFF;
    z-index: 50;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding-top: 200px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}

#content .section {
    padding: 0 20px;
    text-align: center;
}

#content h1 {
    color: #161616;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    margin: 10px;
}

#content h2 {
    color: #5D636B;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 6px;
}

#content #episode_date {
  margin: 6px;
}

#content .website {
    margin: 4px;
}

#content a {
    color: #03A9F4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

#content .button {
    margin: 20px;
}

#content .button a {
    color: #FFFFFF;
    background-color: #F44336;
    padding: 0 18px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: background-color 0.2s, color 0.2s; /* Safari */
    transition: background-color 0.2s, color 0.2s;
}

#content .button a:hover {
    background-color: #ff6a5d;
}

#content .button.itunes_button a {
    background-color: transparent;
    border: solid 1px #9C27B0;
    color: #9C27B0;
    width: 145px;
    text-align: center;
}

#content .button.itunes_button a:hover {
    background-color: #9C27B0;
    color: #FFFFFF;
}

#content .button.rss_button a {
    background-color: transparent;
    border: solid 1px #FF9800;
    color: #FF9800;
    width: 145px;
    text-align: center;
}

#content .button.rss_button a:hover {
    background-color: #FF9800;
    color: #FFFFFF;
}

#content .divider {
    height: 1px;
    background-color: #EFEFEF;
    margin: 16px 0;
}

#content .show_notes {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    min-height: 50px;
}

#content .show_notes img {
    max-width: 460px;
}

#content .pc_logo {
    text-align: center;
    margin: 20px 0;
}

#layout.desktop .pc_logo {
    display:none;
}

#mobile_store_links {
    text-align: center;
    margin: 20px 0;
}

#mobile_store_links div {
    display: inline-block;
}

#mobile_store_links .appstore_link {
    display: none;
}

#mobile_store_links .divider {
  display: none;
}

#layout.ios #mobile_store_links .appstore_link {
    display: block;
}

#layout.ios #mobile_store_links .divider {
  display: block;
}

#mobile_store_links .playstore_link {
    margin: 0 10px;
    display: none;
}

#layout.android #mobile_store_links .playstore_link {
    display: block;
}

#layout.android #mobile_store_links .divider {
  display: block;
}

#mobile_store_links .appstore_link {
    display: none;
}

#layout.ios #mobile_store_links .appstore_link {
    display: block;
}

#mobile_store_links .windows_link {
    display: none;
}

#layout.windowsphone #mobile_store_links .windows_link {
    display: block;
}

#desktop_more_ways {
    text-align: center;
    padding-top: 5px;
}

#desktop_more_ways .more_ways_buttons .button {
    width: 200px;
    display: inline-block;
    padding: 0;
}

#layout.desktop #desktop_more_ways .more_ways_buttons .button {
  margin: 20px 0px 30px 0px;
}

#desktop_more_ways .more_ways_buttons .button a {
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#desktop_more_ways .more_ways_title {
    color: #4D565C;
    font-size: 16px;
    padding-bottom: 10px;
}

#desktop_footer {
    display: none;
}

#layout.desktop #desktop_footer {
    display: block;
}

#footer_padding {
    display: none;
}

#layout.desktop #footer_padding {
    display: block;
}

#desktop_footer #desktop_footer_logo {
    margin-top: 16px;
    display: inline-block;
}

#desktop_store_links {
    margin-top: 10px;
    margin-bottom: 32px
}

#desktop_store_links {
    font-size: 12px;
    float: right;
    margin-top: 16px;
}

#desktop_store_links .links_title, #desktop_store_links img {
    vertical-align: middle;
}

#desktop_store_links a {
    color: #919195;
    font-weight: 400;
    -webkit-transition: color 0.5s; /* Safari */
    transition: color 0.5s;
    cursor: pointer;
    padding-left: 20px;
}

#desktop_store_links a img {
    -webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
    opacity: 0.5;
}

#desktop_store_links a:hover img {
    opacity: 1;
}

#footer_padding {
    height: 60px;
}

#video_player {
    width: 460px;
}

#video_player_panel {
    text-align: center;
}

#player_button_wrapper {
    height: 80px;
    width: 92px;
    position: relative;
    display: inline-block;
    float: left;
}

#player_button {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wbGF5X3NtYWxsPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InBsYXlfc21hbGwiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNGNDQzMzYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjUsNDkuMzMzMzMzMyBDMzguNDM4OTI4OSw0OS4zMzMzMzMzIDQ5LjMzMzMzMzMsMzguNDM4OTI4OSA0OS4zMzMzMzMzLDI1IEM0OS4zMzMzMzMzLDExLjU2MTA3MTEgMzguNDM4OTI4OSwwLjY2NjY2NjY2NyAyNSwwLjY2NjY2NjY2NyBDMTEuNTYxMDcxMSwwLjY2NjY2NjY2NyAwLjY2NjY2NjY2NywxMS41NjEwNzExIDAuNjY2NjY2NjY3LDI1IEMwLjY2NjY2NjY2NywzOC40Mzg5Mjg5IDExLjU2MTA3MTEsNDkuMzMzMzMzMyAyNSw0OS4zMzMzMzMzIEwyNSw0OS4zMzMzMzMzIFogTTI1LDQ3LjMzMzMzMzMgQzEyLjY2NTY0MDYsNDcuMzMzMzMzMyAyLjY2NjY2NjY3LDM3LjMzNDM1OTQgMi42NjY2NjY2NywyNSBDMi42NjY2NjY2NywxMi42NjU2NDA2IDEyLjY2NTY0MDYsMi42NjY2NjY2NyAyNSwyLjY2NjY2NjY3IEMzNy4zMzQzNTk0LDIuNjY2NjY2NjcgNDcuMzMzMzMzMywxMi42NjU2NDA2IDQ3LjMzMzMzMzMsMjUgQzQ3LjMzMzMzMzMsMzcuMzM0MzU5NCAzNy4zMzQzNTk0LDQ3LjMzMzMzMzMgMjUsNDcuMzMzMzMzMyBMMjUsNDcuMzMzMzMzMyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTIwLDM0LjIxMDUyNjMgTDIwLDE2LjA1MjYzMTYgTDM1LDI1LjEzMTU3ODkgTDIwLDM0LjIxMDUyNjMgWiIgaWQ9IlRyaWFuZ2xlLTEiIHN0cm9rZT0iI0Y0NDMzNiIgc3Ryb2tlLXdpZHRoPSIzLjMzMzMzMzMzIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 15px;
    left: 22px;
    cursor: pointer;
}

#player_button:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wbGF5X3NtYWxsX2hvdmVyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InBsYXlfc21hbGxfaG92ZXIiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNGNDQzMzYiPgogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTM2IiBvcGFjaXR5PSIwLjEiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGN4PSIyNSIgY3k9IjI1IiByPSIyMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTI1LDQ5LjMzMzMzMzMgQzM4LjQzODkyODksNDkuMzMzMzMzMyA0OS4zMzMzMzMzLDM4LjQzODkyODkgNDkuMzMzMzMzMywyNSBDNDkuMzMzMzMzMywxMS41NjEwNzExIDM4LjQzODkyODksMC42NjY2NjY2NjcgMjUsMC42NjY2NjY2NjcgQzExLjU2MTA3MTEsMC42NjY2NjY2NjcgMC42NjY2NjY2NjcsMTEuNTYxMDcxMSAwLjY2NjY2NjY2NywyNSBDMC42NjY2NjY2NjcsMzguNDM4OTI4OSAxMS41NjEwNzExLDQ5LjMzMzMzMzMgMjUsNDkuMzMzMzMzMyBMMjUsNDkuMzMzMzMzMyBaIE0yNSw0Ny4zMzMzMzMzIEMxMi42NjU2NDA2LDQ3LjMzMzMzMzMgMi42NjY2NjY2NywzNy4zMzQzNTk0IDIuNjY2NjY2NjcsMjUgQzIuNjY2NjY2NjcsMTIuNjY1NjQwNiAxMi42NjU2NDA2LDIuNjY2NjY2NjcgMjUsMi42NjY2NjY2NyBDMzcuMzM0MzU5NCwyLjY2NjY2NjY3IDQ3LjMzMzMzMzMsMTIuNjY1NjQwNiA0Ny4zMzMzMzMzLDI1IEM0Ny4zMzMzMzMzLDM3LjMzNDM1OTQgMzcuMzM0MzU5NCw0Ny4zMzMzMzMzIDI1LDQ3LjMzMzMzMzMgTDI1LDQ3LjMzMzMzMzMgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzNC4yMTA1MjYzIEwyMCwxNi4wNTI2MzE2IEwzNSwyNS4xMzE1Nzg5IEwyMCwzNC4yMTA1MjYzIFoiIGlkPSJUcmlhbmdsZS0xIiBzdHJva2U9IiNGNDQzMzYiIHN0cm9rZS13aWR0aD0iMy4zMzMzMzMzMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

#player_button.pause {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wYXVzZV9zbWFsbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJwYXVzZV9zbWFsbCIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI0Y0NDMzNiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNSw0OS4zMzMzMzMzIEMzOC40Mzg5Mjg5LDQ5LjMzMzMzMzMgNDkuMzMzMzMzMywzOC40Mzg5Mjg5IDQ5LjMzMzMzMzMsMjUgQzQ5LjMzMzMzMzMsMTEuNTYxMDcxMSAzOC40Mzg5Mjg5LDAuNjY2NjY2NjY3IDI1LDAuNjY2NjY2NjY3IEMxMS41NjEwNzExLDAuNjY2NjY2NjY3IDAuNjY2NjY2NjY3LDExLjU2MTA3MTEgMC42NjY2NjY2NjcsMjUgQzAuNjY2NjY2NjY3LDM4LjQzODkyODkgMTEuNTYxMDcxMSw0OS4zMzMzMzMzIDI1LDQ5LjMzMzMzMzMgTDI1LDQ5LjMzMzMzMzMgWiBNMjUsNDcuMzMzMzMzMyBDMTIuNjY1NjQwNiw0Ny4zMzMzMzMzIDIuNjY2NjY2NjcsMzcuMzM0MzU5NCAyLjY2NjY2NjY3LDI1IEMyLjY2NjY2NjY3LDEyLjY2NTY0MDYgMTIuNjY1NjQwNiwyLjY2NjY2NjY3IDI1LDIuNjY2NjY2NjcgQzM3LjMzNDM1OTQsMi42NjY2NjY2NyA0Ny4zMzMzMzMzLDEyLjY2NTY0MDYgNDcuMzMzMzMzMywyNSBDNDcuMzMzMzMzMywzNy4zMzQzNTk0IDM3LjMzNDM1OTQsNDcuMzMzMzMzMyAyNSw0Ny4zMzMzMzMzIEwyNSw0Ny4zMzMzMzMzIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuNTAwNjU4OCwzNC42NzI1NDMxIEwyMS43NzY1OTE0LDM0LjY3MjU0MzEgTDIxLjc3NjU5MTQsMTUuMzI3NDU2OSBMMTYuNTAwNjU4OCwxNS4zMjc0NTY5IEwxNi41MDA2NTg4LDM0LjY3MjU0MzEgTDE2LjUwMDY1ODgsMzQuNjcyNTQzMSBaIE0yOC4yMjM0MDg2LDE1LjMyNzQ1NjkgTDI4LjIyMzQwODYsMzQuNjcyNTQzMSBMMzMuNDk5MzQxMiwzNC42NzI1NDMxIEwzMy40OTkzNDEyLDE1LjMyNzQ1NjkgTDI4LjIyMzQwODYsMTUuMzI3NDU2OSBMMjguMjIzNDA4NiwxNS4zMjc0NTY5IFoiIGlkPSJTaGFwZS1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

#player_button.pause:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wYXVzZV9zbWFsbF9ob3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJwYXVzZV9zbWFsbF9ob3ZlciIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI0Y0NDMzNiI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzYiIG9wYWNpdHk9IjAuMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgY3g9IjI1IiBjeT0iMjUiIHI9IjIyLjUiPjwvY2lyY2xlPgogICAgICAgICAgICA8cGF0aCBkPSJNMjUsNDkuMzMzMzMzMyBDMzguNDM4OTI4OSw0OS4zMzMzMzMzIDQ5LjMzMzMzMzMsMzguNDM4OTI4OSA0OS4zMzMzMzMzLDI1IEM0OS4zMzMzMzMzLDExLjU2MTA3MTEgMzguNDM4OTI4OSwwLjY2NjY2NjY2NyAyNSwwLjY2NjY2NjY2NyBDMTEuNTYxMDcxMSwwLjY2NjY2NjY2NyAwLjY2NjY2NjY2NywxMS41NjEwNzExIDAuNjY2NjY2NjY3LDI1IEMwLjY2NjY2NjY2NywzOC40Mzg5Mjg5IDExLjU2MTA3MTEsNDkuMzMzMzMzMyAyNSw0OS4zMzMzMzMzIEwyNSw0OS4zMzMzMzMzIFogTTI1LDQ3LjMzMzMzMzMgQzEyLjY2NTY0MDYsNDcuMzMzMzMzMyAyLjY2NjY2NjY3LDM3LjMzNDM1OTQgMi42NjY2NjY2NywyNSBDMi42NjY2NjY2NywxMi42NjU2NDA2IDEyLjY2NTY0MDYsMi42NjY2NjY2NyAyNSwyLjY2NjY2NjY3IEMzNy4zMzQzNTk0LDIuNjY2NjY2NjcgNDcuMzMzMzMzMywxMi42NjU2NDA2IDQ3LjMzMzMzMzMsMjUgQzQ3LjMzMzMzMzMsMzcuMzM0MzU5NCAzNy4zMzQzNTk0LDQ3LjMzMzMzMzMgMjUsNDcuMzMzMzMzMyBMMjUsNDcuMzMzMzMzMyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTE2LjUwMDY1ODgsMzQuNjcyNTQzMSBMMjEuNzc2NTkxNCwzNC42NzI1NDMxIEwyMS43NzY1OTE0LDE1LjMyNzQ1NjkgTDE2LjUwMDY1ODgsMTUuMzI3NDU2OSBMMTYuNTAwNjU4OCwzNC42NzI1NDMxIEwxNi41MDA2NTg4LDM0LjY3MjU0MzEgWiBNMjguMjIzNDA4NiwxNS4zMjc0NTY5IEwyOC4yMjM0MDg2LDM0LjY3MjU0MzEgTDMzLjQ5OTM0MTIsMzQuNjcyNTQzMSBMMzMuNDk5MzQxMiwxNS4zMjc0NTY5IEwyOC4yMjM0MDg2LDE1LjMyNzQ1NjkgTDI4LjIyMzQwODYsMTUuMzI3NDU2OSBaIiBpZD0iU2hhcGUtQ29weSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

#process_bar {
    width: auto;
    height: 52px;
    margin-left: 92px;
    margin-right: 20px;
    position: relative;
    padding-top: 25px;
}

#slider_progress {
    height: 12px;
}

#process_bar #slider_progress {
    cursor: pointer;
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 2px 12px;
    background-position: center top;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgZmlsbD0iI0Q4RDhEOCIgLz4KPC9zdmc+);
}

#slider_progress.ui-widget-content {
    border: none;
}

#process_bar #slider_progress .ui-slider-range:last-child {
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 2px 12px;
    background-position: center top;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgZmlsbD0iI0Y0NDMzNiIgLz4KPC9zdmc+);
}

#slider_progress .ui-slider-handle {
    top: -6px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    outline: none;
    height: 24px;
    width: 24px;
    border-width: 0;
    background-color: transparent;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2MCIgY3k9IjYwIiByPSI2MCIgZmlsbD0iI0Y0NDMzNiIvPgo8L3N2Zz4=);
}

#current_time, #duration_time {
    vertical-align: middle;
    z-index: 100;
    -moz-user-select: none;
    -webkit-user-select: none;
    font-size: 11px;
    pointer-events: none;
    top: 48px;
    letter-spacing: 0;
    color: #919195;
    font-family: 'Droid Sans Mono', "Lucida Console", Monaco, monospace;
}

#current_time {
    position: absolute;
}

#duration_time {
    position: absolute;
    right: 0;
}

.clear {
    clear: both;
}

@media screen and (max-width: 500px) {
    html {
        -webkit-text-size-adjust: none;
    }
    body {
        background-color: #FFF;
    }
    #artwork {
        /*top: 20px;*/
    }
    #layout {
        width: 100%;
        position: relative;
    }
    #content {
        margin-top: 55px;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-bottom: 20px;
    }
    #content .show_notes img {
        max-width: 100%;
    }
    #background {
        width: 100%;
        background-color: #FFF;
        background-image: none;
    }
    p {
        margin: 0;
    }
    #video_player {
        width: 100%;
    }
    #player_content {
        text-align: center;
    }

    #player_button_wrapper {
        float: none;
    }

    #player_button, #player_button:hover {
        position: relative;
        top: 10px;
        left: 0;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijg3cHgiIGhlaWdodD0iODdweCIgdmlld0JveD0iMCAwIDg3IDg3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wbGF5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InBsYXkiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNGNDQzMzYiPgogICAgICAgICAgICA8cGF0aCBkPSJNNDMuNSw4NSBMNDMuNSw4NSBDNjYuNDE5ODE3MSw4NSA4NSw2Ni40MTk4MTcxIDg1LDQzLjUgQzg1LDIwLjU4MDE4MjkgNjYuNDE5ODE3MSwyIDQzLjUsMiBDMjAuNTgwMTgyOSwyIDIsMjAuNTgwMTgyOSAyLDQzLjUgQzIsNjYuNDE5ODE3MSAyMC41ODAxODI5LDg1IDQzLjUsODUgTDQzLjUsODUgWiBNNDMuNSw4NyBMNDMuNSw4NyBDMTkuNDc1NjEzNCw4NyAwLDY3LjUyNDM4NjYgMCw0My41IEMwLDE5LjQ3NTYxMzQgMTkuNDc1NjEzNCwwIDQzLjUsMCBDNjcuNTI0Mzg2NiwwIDg3LDE5LjQ3NTYxMzQgODcsNDMuNSBDODcsNjcuNTI0Mzg2NiA2Ny41MjQzODY2LDg3IDQzLjUsODcgTDQzLjUsODcgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMi45OTc4MzU1LDI0LjUgTDMyLjk5NzgzNTUsNjIuNSBMNjMuNDMwNzM1OSw0My41IEwzMi45OTc4MzU1LDI0LjUgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
        background-size: 87px;
        height: 87px;
        width: 87px;
    }

    #desktop_store_links {
        display: none;
    }

    #desktop_more_ways .more_ways_buttons .button {
        margin-bottom: 10px;
    }

    #player_button.pause, #player_button.pause:hover {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijg3cHgiIGhlaWdodD0iODdweCIgdmlld0JveD0iMCAwIDg3IDg3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDcyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wYXVzZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJwYXVzZSIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI0Y0NDMzNiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00My41LDg1IEw0My41LDg1IEM2Ni40MTk4MTcxLDg1IDg1LDY2LjQxOTgxNzEgODUsNDMuNSBDODUsMjAuNTgwMTgyOSA2Ni40MTk4MTcxLDIgNDMuNSwyIEMyMC41ODAxODI5LDIgMiwyMC41ODAxODI5IDIsNDMuNSBDMiw2Ni40MTk4MTcxIDIwLjU4MDE4MjksODUgNDMuNSw4NSBMNDMuNSw4NSBaIE00My41LDg3IEw0My41LDg3IEMxOS40NzU2MTM0LDg3IDAsNjcuNTI0Mzg2NiAwLDQzLjUgQzAsMTkuNDc1NjEzNCAxOS40NzU2MTM0LDAgNDMuNSwwIEM2Ny41MjQzODY2LDAgODcsMTkuNDc1NjEzNCA4Nyw0My41IEM4Nyw2Ny41MjQzODY2IDY3LjUyNDM4NjYsODcgNDMuNSw4NyBMNDMuNSw4NyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTI5LjAwMTMxNzYsNjAgTDM4LjAwMTMxNzYsNjAgTDM4LjAwMTMxNzYsMjcgTDI5LjAwMTMxNzYsMjcgTDI5LjAwMTMxNzYsNjAgTDI5LjAwMTMxNzYsNjAgWiBNNDguOTk4NjgyNCwyNyBMNDguOTk4NjgyNCw2MCBMNTcuOTk4NjgyNCw2MCBMNTcuOTk4NjgyNCwyNyBMNDguOTk4NjgyNCwyNyBMNDguOTk4NjgyNCwyNyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    }

    #process_bar {
        margin-left: 20px
    }
}

/* BUTTONS */

#content .open-button {
    margin-top: 30px;
}

#content .button-bar {
    margin: 0 auto 4px auto;
}

#content .button-bar-button {
    margin: 0 10px;
    position: relative;
    outline: none;
    width: 39px;
    height: 39px;
    z-index: 200;
    cursor: pointer;
    display: inline-block;
}

#content .share-button {
    background: url('/assets/sharing/sharebutton_android-9ea0e6da89f30e8291371147c754d476efb67e27baae89d9d86f49e2218323b4.png');
}

@media all and (-webkit-min-device-pixel-ratio: 2),
       all and (min-resolution: 192dpi) {
    #content .share-button {
    	background-image: url('/assets/sharing/sharebutton_android@2x-9d59b2bacb5060976ca47b7061db59dcaf999d40f0159acb8cdf1079076cd0c3.png');
    	background-size: 100% 100%;
    }
}

#layout.ios #content .share-button, #layout.mac #content .share-button {
    background: url('/assets/sharing/sharebutton-af22e3625b2fbe8480599f6c728ab4c8cc07672e6c4505553e291bb621d7a42d.png');
}

@media all and (-webkit-min-device-pixel-ratio: 2),
       all and (min-resolution: 192dpi) {
    #layout.ios #content .share-button, #layout.mac #content .share-button {
        background-image: url('/assets/sharing/sharebutton@2x-8490f538ba425617cbff494f944356f1588c8303286756f1d1d2f71a921f50ea.png');
        background-size: 100% 100%;
    }
}

#content .download-button {
    background: url('/assets/sharing/downloadbutton-876aa879b8ad3646226263f6822c98f7e9924953af9bef35d8b52e93a7d36217.png');
    display: none;
}

#layout.desktop .download-button {
    display: inline-block;
}

#content .download-button a {
    width: 39px;
    height: 39px;
    display: block;
}

@media all and (-webkit-min-device-pixel-ratio: 2),
       all and (min-resolution: 192dpi) {
    #content .download-button {
        background-image: url('/assets/sharing/downloadbutton@2x-ca4d651255ef1a4b60c210baa384fa5c88c21e4dfaecab0816bfdf54ac09a68a.png');
        background-size: 100% 100%;
    }
}

#content .share-menu {
	width: 181px;
	/*height: 96px;*/
    background: white;
    position: absolute;
    z-index: 200;
    border: 1px solid #D0D0D0;
    border-radius: 3px;
 	display:none;
    outline: none;
    margin-top: 52px;
    box-shadow: 0px 1px 1px #DCDCDC;
    margin-left: -71.5px;
    text-align: left;
    padding: 4px 0;
}

#content .share-menu li {
	list-style: none;
	padding-bottom: 15px;

}

#content .facebookicon {
	background: url('/assets/sharing/facebookicon-ecad507e7f407522d7fb884dbd314073773e9ac59d07529634949549bd2715a6.png') no-repeat;
}

#content .twittericon {
	background: url('/assets/sharing/twittericon-211965b324553c5b8d862660a485ce535535a2aef30d5ac879489998addd4b76.png') no-repeat;
}

#content .emailicon {
	background: url('/assets/sharing/emailicon-c39f5470cf32dd5142d5c067e10eca9c86e9472e64ce0377efc01ace0f3b791d.png') no-repeat;
}

#content .facebookicon, #content .twittericon, #content .emailicon {
	background-position: 10px 6px;
	opacity: 0.7;
}

#content .share-menu a {
	padding: 8px 0 8px 40px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    display: block;
    z-index: 200;
    outline: none;
}

#content .share-menu a:hover {
    color: #000;
}

#content .share-menu a:first {
	padding-top: 20px;
}

#content .share-menu a:last {
	padding-bottom: 20px;
}

#content .share-menu a:hover {
	opacity: 1;
}

@media all and (-webkit-min-device-pixel-ratio: 2),
       all and (min-resolution: 192dpi) {
    #content .facebookicon {
    	background-image: url('/assets/sharing/facebookicon@2x-ee36986364cb3ebf92bb94c5f03dcebff86555cddae1fe960ac8c032664c13ee.png');
    	background-size: 22px;
    }

    #content .twittericon {
    	background-image: url('/assets/sharing/twittericon@2x-06667e646a33e53ef3315ad41033742981c6c4adf6d3cbdc53b69120b3eec080.png');
    	background-size: 22px;
    }

    #content .emailicon {
    	background-image: url('/assets/sharing/emailicon@2x-a6de662aa08e45276b3302866cfef53b2c3b3dd632911584ddafc82b27ee54b7.png');
    	background-size: 22px;
    }
}

#content .menu-arrow {
	position: absolute;
    left: 83.5px;
    top: -16px;
	content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: white;
    border: 1px solid #d0d0d0;
    -ms-transform: rotate(45deg) translate(5px, 8px); /* IE 9 */
    -webkit-transform: rotate(45deg) translate(5px, 8px); /* Chrome, Safari, Opera */
    transform: rotate(45deg) translate(5px, 8px);
    clip: rect(0 14px 14px 0px);
    z-index: -1;
}

#content .share-menu.bottom {
    margin-top: -138px;
}

#content .share-menu.bottom .menu-arrow {
    bottom: 0;
    top: auto;
    clip: rect(2px 20px 20px 2px);
    -ms-transform: rotate(45deg) translate(4px, 7px); /* IE 9 */
    -webkit-transform: rotate(45deg) translate(4px, 7px); /* Chrome, Safari, Opera */
    transform: rotate(45deg) translate(4px, 7px);
}