/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
audio,
big,
blockquote,
body,
canvas,
center,
cite,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
meter,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
small,
span,
strike,
summary,
tbody,
tfoot,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}
/* RESET END */
/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/
* {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html {
    min-width: 300px;
}
body {
    background-color: #FFF;
    font-family: Helvetica;
    color: #444;
    min-width: 300px;
}
a {
    text-decoration: none;
    color: #444;
}
p {
    font-size: 15px;
    font-weight: bold;
}
ul {
    list-style: none;
}
li {
    margin-left: 0px;
}
hr {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #DCDDDE;
}
.hidden { display: none !important; }
.topbar-container {
    height: 50px;
    /* width: 100%; */
    /* min-width: 600px; */
    background-color: #FAA61A;
    background-image: -webkit-linear-gradient(top, #Faa61a, #f58f27);
    background-image: -moz-linear-gradient(top, #Faa61a, #f58f27);
    background-image: -ms-linear-gradient(top, #Faa61a, #f58f27);
    background-image: -o-linear-gradient(top, #Faa61a, #f58f27);
    background-image: linear-gradient(top, #Faa61a, #f58f27);
    border-bottom: 1px solid #F38230;    
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
}

.topbar_button {
    display: inline-block;
    height: 50px;
    color: #FFF;
    line-height: 50px;
    font-weight: bold;
    cursor: pointer;
}
.topbar_button.left {
    float: left;
}
.topbar_button.right {
    float: right;
}
.topbar_button.selected:not(#home) {
    background-color: #F38230;
}
/*    border-left: 1px solid #F38230;
}
.topbar_button.left.first {
    border-left: none;
}
.topbar_button.right.last {
    border-right: none;
}
/*.topbar_button.right.first {
    border-left: 1px solid #F17030 !important;
}
.topbar_button.selected.right.first:before {
    border-left: 1px solid #F38230;
    color: #F38230;
}
.topbar_button.left.last:after {
    border-right: 1px solid #FDC578;
    color: #FDC578;
    position: absolute;
    height: 50px;
    content: "";
    margin-left: 1px;
    opacity: 1;
}
.topbar_button.right.first:before {
    border-left: 1px solid #FDC578;
    color: #FDC578;
    position: absolute;
    height: 50px;
    content: "";
    margin-right: 1px;
}*/ 
.topbar_button span {
    margin-left: 13px;
    margin-right: 13px;
    font-family: "EntypoRegular";
    font-size: 15px;
}
.topbar_button#home img {
    float: left;
    margin: 7px 13px 0px 13px;
}
.topbar_button span:before {
    font-family: "EntypoRegular";
    font-weight: normal;
    line-height: 50px;
}
#userlogs {
    position: relative;
    z-index: 300px;
}
.topbar_button#userlogs span:before {
    content: "\2630";
    font-size: 34px;
    text-shadow: 0 2px 0px #f17030;
}
.topbar_button#usercontacts span:before {
    content: "\2667";
    font-size: 24px;
    text-shadow: 0 2px 0px #f17030;
}
.topbar_button#likes span:before {
    content: "\2665";
    font-size: 28px;
    color: #F17030;
    text-shadow: 0 2px 0px #FBB040;
}
#likes.selected span:before {
    color: #EF5b2f;
}
.topbar_button#inbox span:not(.unread):before {
    content: "\2709";
    font-size: 27px;
    text-shadow: 0 2px 0px #f17030;
}
#inbox .unread {
    border-radius: 7px;
    background-image: -webkit-linear-gradient(top, #EF5b2f, red);
    background-image: -moz-linear-gradient(top, #ef5b2f, #red);
    background-image: -ms-linear-gradient(top, #ef5b2f, #red);
    background-image: -o-linear-gradient(top, #ef5b2f, #red);
    background-image: linear-gradient(top, #ef5b2f, #red);
    background-color: red;
    min-width: 9px;
    padding: 1px 4px;
    height: 14px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    top: 10px;
    right: -10px;
    box-shadow: 0px 1px 1px #8b310F;
    text-shadow: 0 1px 0 #8b310F;
}
#player {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background-color: #FFF;
    border-top: 1px solid #F38230;
}
#player > div {
    width: 192px;
    margin: 0px auto;
}
.play_control {
    display: inline-block;
    background-color: #F59331;
    background-image: -webkit-linear-gradient(top, #F59331, #EF5B2F);
    background-image: -moz-linear-gradient(top, #F59331, #EF5B2F);
    background-image: -ms-linear-gradient(top, #F59331, #EF5B2F);
    background-image: -o-linear-gradient(top, #F59331, #EF5B2F);
    background-image: linear-gradient(top, #F59331, #EF5B2F);    
    height: 50px;
    width: 50px;
    margin: 0px 7px;
    color: #FFF;
    text-align: center;
    border-radius: 25px;
}

#play_top {
margin-top: 5px;
margin-bottom: 5px;
}
/*#play_prev, #play_next {
    height: 42px;
    width: 42px;
    border-radius: 21px;
margin-top: 3px;
margin-bottom: 3px;
}*/
.play_control.disabled {
    opacity: 0.6;
}
.play_control span {
    opacity: 1;
}
.play_control.disabled span {
    opacity: 0.6;
}
.play_control span:before {
    font-size: 30px;
    line-height: 50px;
    font-family: "EntypoRegular";
}
#play_prev span:before {
    content: "\23EE";


}
#play_top span:before {
    content: "\25B6";


}
#play_top.active span:before {
    content: "\25A0";
}
#play_next span:before {
    content: "\23ED";


}
.page {
    padding-top: 51px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
#signin_page {
    text-align: center;
}
#request_invite {
    margin: 20px 30px;
    text-align: center;
}
#request_invite h2 {
    font-size: 24px;
    margin-bottom: 15px;
    width: 100%;
}
.fr #request_invite h2 { font-size: 18px; }
.sign_up_button {
    color: #FFF;
    border: none;
    width: 258px !important;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    margin-top: 20px;
    border: 1px solid #f38230;
    border-radius: 8px;
    font-weight: bold;
    text-shadow: 0px 1px 1px #f17030;
    background-image: -webkit-linear-gradient(top, #faa61a, #f58f27);
    background-image: -moz-linear-gradient(top, #faa61a, #f58f27);
    background-image: -ms-linear-gradient(top, #faa61a, #f58f27);
    background-image: -o-linear-gradient(top, #faa61a, #f58f27);
    background-image: linear-gradient(top, #faa61a, #f58f27);
    background-color: #f58f27;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset -1px 0 0 rgba(255,255,255,.15),inset 1px 0 0 rgba(255,255,255,.15);
    webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset -1px 0 0 rgba(255,255,255,.15),inset 1px 0 0 rgba(255,255,255,.15);
}
#title_band {
    border-bottom: 1px solid #DCDCDD;
    background-color: #F9f9f9;
    padding: 7px;
}
#home_page #title_band {
    border-top: 1px solid #DCDCDD;
}
#title_band p {
    line-height: 60px;
    font-size: 16px;
    white-space: nowrap;
    display: inline-block;
}

#title_band p.likes_title, #title_band p.inbox_title {
line-height: 40px;
}
#title_band p:before {
    font-family: "EntypoRegular";
/*    content: "\E005";*/
    font-size: 20px;
    margin-right: 10px;
    line-height: 10px;
    display: inline-block;
}
#title_band p.discover_title:before {
    content: "\2630";
}
#title_band p.inbox_title:before {
    content: "\2709";
font-size: 40px;
margin-left: 13px;
margin-right: 13px;
}
#title_band p.likes_title:before {
    content: "\2665";
    color: #EF5b2f;
font-size: 40px;
margin-left: 13px;
margin-right: 13px;
}
#log_page #title_band p {
    max-width: 88%;
    overflow: hidden;
}
#share {
    position: absolute;
    top: 43px;
    right: 0px;
    height: 35px;
    margin-right: 8px;
}
#share span:before {
    content: "\E715";
    font-size: 18px;
    font-family: "EntypoRegular";
    line-height: 35px;
}
ul.content > li {
    border-bottom: 1px dotted #CDCDDD;
    padding: 0px;
    background-color: #f9f9f9;
}

ul.content > li.loglink {
    border-bottom: 1px dotted #CDCDDD;
    padding: 0px;
    background-color: #f9f9f9;
}

ul.content > li > a, ul.content > li > div.element {
    display: block;
    padding: 7px;
}
ul.content > li.log:before, ul.content > li.user:before {
    text-shadow: 0px 0px 2px #444;
    font-family: "EntypoRegular";
    content: "\E766";
    float: right;
    margin-right: 20px;
    margin-top: 30px;
}
#profile_info {
    padding: 7px;
    border-bottom: 1px solid #CDCDDD;
    background-color: #F9f9f9;
    height: 60px;
}
/*#profile_content #profile_info {
    background-color: #FFF;
}*/
.thumb, div.info{
    display: inline-block;
    height: 40px;
}
div.info, div.log_info {
    max-width: 75%;
    overflow: hidden;
}
div.log_info .title {
white-space: nowrap;
}
.loglink.unread {
    background-color: #FFFDE9;
}
.loglink div.info {
    max-width: 60%;
}
.cover {
    margin-right: 7px;
    width: 60px;
    float: left;
    line-height: 60px;
    border-radius: 30px;
    height: 60px;
}
.profile_pic {
 margin-right: 7px;
    width: 60px;
    float: left;
    line-height: 60px;
    border-radius: 30px;
    height: 60px;
}

.thumb {
    background-position: center;
    margin-right: 7px;
    width: 60px;
    float: left;
    line-height: 36px;
    border-radius: 2px;
    background-size: 60px 40px;
}
/* workaround iOS Safari not bubbling events for some elements (http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-iphone-jquery) */
.play, .playlist {
    cursor: pointer;
}
.play .thumb:before, .playlist .thumb:before {
    font-family: "EntypoRegular";
    content: "\25B6";
    color: #fff;
    margin-left: 17px;
    margin-top: 7px;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    text-align: center;
    line-height: 26px;
    background-color: #faa61a;
    background-image: -webkit-linear-gradient(top, #F59331, #EF5B2F);
    background-image: -moz-linear-gradient(top, #F59331, #EF5B2F);
    background-image: -ms-linear-gradient(top, #F59331, #EF5B2F);
    background-image: -o-linear-gradient(top, #F59331, #EF5B2F);
    background-image: linear-gradient(top, #F59331, #EF5B2F);
}
/*.playlist .thumb:before {
    color: #FDC578;
}
.play .thumb:before {
    color: #FFF;
}*/
.play.active .thumb:before, .playlist.active .thumb:before {
    content: "\25A0";



}
.content .info .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-top: 2px;
    margin-bottom: 7px;
}

.content .log_info .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 7px;

}

.content .log .info .title:before {
    font-family: "EntypoRegular";
    content: "\E005";
    padding: 0 2px;
}
.content .loglink .info .title {
    font-size: 13px;
}
.info .title, .info .name {
    white-space: nowrap;
}
.info .name {
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}
.content .info .title .url_favicon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top;
}
.external_link {
    display: block;
    float: right;
    height: 40px;
    padding: 0px 8px 0px 15px;
    border-left: 1px solid #DCDDDE;
}
.external_link:before {
    font-family: "EntypoRegular";
    content: "\E74C";
    font-size: 24px;
    line-height: 40px;
    color: #717171;
}
.log_author {
    color: #A7A9AC;
    font-weight: normal;
}
.content .log_info .last_edit, .content .info .last_edit {
    font-size: 15px;
    line-height: 15px;
    color: #444;
}
.content .info .eventtype {
    font-size: 11px;
    border-radius: 5px;
    background: #FDC578;
    padding: 1px 5px;
    margin-right: 5px;
    color: #444;
}
.eventtype {
    margin-right: 5px;
}
.eventtype:before {
    font-family: EntypoRegular;
    margin-right: 3px;
}
.eventtype.favorited:before {
    content: "\E801";
}
.eventtype.collaborated:before {
    content: "\2667";
    color: #808285;
}
.content .loglink .info .last_edit {
    font-size: 12px;
    line-height: 12px;
}
.embed_html > img {
    display: block;
    margin: 0px auto;
}
#signin_page {
    /* display: none; */
    padding-top: 70px;
}
#signin_page h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
#signin_page input[type=text],
#signin_page input[type=password],
#signin_page input[type=email],
#settings_page input[type=email] {
    font-size: 18px;
    line-height: 20px;
    padding: 6px;
    border: 1px solid #DCDDDE;
    border-radius: 2px;
    outline: none;
    width: 244px;
    margin-top: 20px;
    margin-bottom: -8px;
}
#signin_page .signupform input[type=email] {
    margin-bottom: 0px;
}
#signin_page input[type=submit], #settings_page input[type=submit] {
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: #444;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #C6C8CA;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-image: -webkit-linear-gradient(top, #F5F6F6, #DCDDDE);
    background-image: -moz-linear-gradient(top, #F5F6F6, #DCDDDE);
    background-image: -ms-linear-gradient(top, #F5F6F6, #DCDDDE);
    background-image: -o-linear-gradient(top, #F5F6F6, #DCDDDE);
    background-image: linear-gradient(top, #F5F6F6, #DCDDDE);
    background-color: #DCDDDE;
    padding: 0px 15px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
#signin_page .error, #signin_page .errorlist {
    font-weight: normal;
    font-size: 16px;
    color: red;
}
#signin_page .error, #signupform .error { margin-top: 15px; }
#request_invite_success {
    display: none;
}
#request_invite_success img {
    margin-right: 5px;
}
#tabs_menu {
    background-color: #F5F5F6;
    margin-bottom: 0px;
}
#tabs_menu li {
    width: 33.33%;
    display: inline-block;
    background-color: #FFF;
    border-bottom: 1px dotted #DCDCDD;
    text-align: center;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #666;
    cursor: pointer;
}
#tabs_menu li.selected {
    background-color: #FFF;
    color: #f58f27;
    cursor: default;
}
/*#tabs_menu li div {
    border-right: 1px solid #DCDCDD;
    /* width: 100%; */
    /* height: 100%; */
    /* position: relative; */
}*/
#tabs_menu li:last-child div {
    border-right: none;
}
#tabs_menu span:before {
    font-family: "EntypoRegular";
    margin-right: 8px;
    font-size: 20px;
}
#feed span:before {
    content: "\2668";
}
#discover span:before {
    content: "\2664";
}
#profile span:before {
    content: "\2666";
}
.discover_more_wrapper {
    text-align: center;
}
.discover_more {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 80px;
}
.grey_button {
    height: 28px;
    display: inline-block;
    line-height: 28px;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    padding: 0px 10px;
    border: 1px solid #e2e2e2;
    background-image: -webkit-linear-gradient(top, #Fefefe, #e8e8e8);
    background-image: -moz-linear-gradient(top, #Fefefe, #e8e8e8);
    background-image: -ms-linear-gradient(top, #Fefefe, #e8e8e8);
    background-image: -o-linear-gradient(top, #Fefefe, #e8e8e8);
    background-image: linear-gradient(top, #Fefefe, #e8e8e8);
    background-color: #e8e8e8;
    text-shadow: 0 1px 0px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85),inset -1px 0 0 rgba(255,255,255,.85),inset 1px 0 0 rgba(255,255,255,.85);
    webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.85),inset -1px 0 0 rgba(255,255,255,.85),inset 1px 0 0 rgba(255,255,255,.85);

}
#signout {
    float: right;
    margin-top: 15px;
}
#spinner_wrapper, #error_wrapper {
    width: 100%;
    display: none;
}
#spinner {
    heigt: 32px;
    width: 32px;
    display: block;
    margin: 100px auto 0px auto;
}
#error_wrapper p {
    margin: 100px auto 0px auto;
    text-align: center;
}
.loading img {
    display: block;
    margin: 2px auto;
}
#share_container {
    position: absolute;
    top: 74px;
    z-index: 9;
    right: 12px;
    background-color: #FFF;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #DCDDDE;
    min-width: 50px;
    min-height: 50px;
}
#share_container:after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent transparent #FFF transparent;
  border-style: solid;
  border-width: 7px;
  height: 0;
  width: 0;
  position: absolute;
  top: -12px;
  right: 1px;
}
.log_share_addthis > a {
    display: block;
    float: none !important;
    margin: 10px 5px;
    width: 76px;
}
.empty_list {
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    color: #A7A9AC;
}
@font-face {
    font-family: 'EntypoRegular';
    src: url('/static/mobile/fonts/entypo_mobile.eot');
    src: url('/static/mobile/fonts/entypo_mobile.eot?#iefix') format('embedded-opentype'),
         url('/static/mobile/fonts/entypo_mobile.woff') format('woff'),
         url('/static/mobile/fonts/entypo_mobile.ttf') format('truetype'),
         url('/static/mobile/fonts/entypo_mobile.svg#entypo_mobile') format('svg');
    font-weight: normal;
    font-style: normal;
}
.about_us p { font-weight: normal; }

.about_us {
    padding: 60px 20px;
}

.about_us h2, .about_us h1 {
    font-size: 24px;
    margin-bottom: 15px;
}

.about_us h3 {
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 18px;
}

.about_us h4, .about_us strong {
    color: #444;
}

.about_us p, .about_us ul > li > ul > li {
    color: #808285;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 23px;
}

ul.third_party li {
    overflow: scroll;
}

ul.third_party .software_name {
    color: #444;
}

#tools_page { padding-top: 80px; text-align: center; }
#tools_page h2 { font-size: 24px; text-align: center; margin-bottom: 30px; }
#tools_page h3 { margin-bottom: 20px; }
#tools_page p { text-align: center; margin: 10px; font-weight: normal; }
#tools_page a.mailto { color: #808285; font-weight: bold; }
#error_404 { width: 100%;}
.content_404 {text-align: center; margin-bottom: 30px;}
.content_404 h2 {  font-size: 24px; margin-bottom: 20px; color: #faa61a; }
#settings_page { text-align: center; }
.facebook_connect {
    display: inline-block;
    float: right;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    border-radius: 4px;
    line-height: 20px;
    text-shadow: 1px 1px 1px #4D4D4F;
    box-shadow: 0px 1px 2px #4D4D4F;
    -moz-box-shadow: 0px 1px 2px #4D4D4F;
    -webkit-box-shadow: 0px 1px 2px #4D4D4F;
    padding: 0 8px;
    margin: 15px 14px 0 0;
    background-color: #4F6393;
    background-image: -webkit-linear-gradient(top, #6D80A6, #4F6393);
    background-image: -moz-linear-gradient(top, #6D80A6, #4F6393);
    background-image: -ms-linear-gradient(top, #6D80A6, #4F6393);
    background-image: -o-linear-gradient(top, #6D80A6, #4F6393);
    background-image: linear-gradient(top, #6D80A6, #4F6393);
}
a.facebook_connect:visited { color: #FFF; }
a.facebook_icon::before {
    content: "\E800";
    font-family: EntypoRegular;
    font-size: 13px;
    border-right: 1px solid #8594B5;
    padding: 0 10px 0 2px;
    margin: 2px 8px 0 0;
    height: 16px;
    float: left;
    vertical-align: middle;
    line-height: 18px;
}
#settings_page {
    padding-left: 20px;
    padding-right: 20px;
}
#settings_page h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 21px;
}

#settings_page p {
    font-weight: normal;
    margin-bottom: 20px;
}
.extra_email {
    font-size: 21px;
    padding: 0 5px;
    margin-bottom: 4px;
    border: 1px solid #DCDDDE;
    background: #F9F9F9;
    text-align: left;
    height: 45px;
}
.email_value, .verify_email, .delete_email {
    line-height: 45px;
}
.email_value {
    font-size: 18px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.verify_email, .delete_email, .confirm_sent {
    float: right;
}
.verified a.verify_email::before {
    color: #1c7900;
    font-family: EntypoRegular;
    content: '\E802';
    margin-left: 5px;
    font-size: 25px;
}
.verified a.verify_email {
    cursor: default;
}
li:not(.verified) .verify_email, .confirm_sent {
    font-size: 13px;
    color: #888;
    display: block;
    line-height: 23px;
    height: 45px;
    width: 124px;
    text-align: center;
}
.confirm_sent {
    color: #1c7900;
}
a.delete_email::before {
    color: #888;
    font-family: EntypoRegular;
    content: '\E803';
    margin-left: 12px;
    font-size: 25px;
    vertical-align: -3px;
}
#install_ios_app {
    position: absolute;
    top: 0; left: 0; right: 0;
    background: #FFF;
    z-index: 9999;
}
#install_ios_app img {
    width: 100%;
}
#install_message {
    text-align: center;
    margin: 12px 30px 5px 30px;
}
.continue_mobile_site {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    text-align: center;
    padding: 10px 0;
    background: #FFF;
}
.notif {
    position: absolute;
    width: 100%
}
.notif.success {
    background-color: #DFF0D8;
    color: #468847;
}
.notif.failure {
    background-color: #B94A48;
    color: #F2DEDE;
}
.notif_message {
    height: 55px;
    vertical-align: middle;
    padding: 0 55px;
    display: table-cell;
    text-align: center;
}
.notif_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 55px;
    height: 55px;
    text-align: center;
}
.notif_close::after {
    font-family: "EntypoRegular";
    content: "\2715";
    font-weight: normal;
    line-height: 55px;
    font-size: 28px;
}
.success .notif_close::after {
    color: #468847;
}

.failure .notif_close::after {
    color: #F2DEDE;
}