/* GLOBAL ITEMS */
* { padding:0px; margin:0px; box-sizing:border-box; text-rendering:optimizeLegibility; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
html { position:relative; padding:0px; margin:0px; background:#FFFFFF; }
body { padding:0px; margin:0px; color:#333333; font-size:13px; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /*  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; box-sizing:border-box;*/ background-color:#FFFFFF;  }
a, a:visited, a:active { color:#3296EB; font-weight:bold; text-decoration:none; cursor:pointer; }

/* BASIC LAYOUT  */
#safearea { position:fixed; top:0px; left:0px; right:0px; height:32px; background-color:#FFFFFF; z-index:998; }

#header { display:flex; width:100%; height:35px; padding:12px 12px 0px 12px; margin-bottom:24px; }
#header > div:nth-child(1) { display:flex; flex-grow:1; }
#header > div:nth-child(1) > a { display:flex; height:35px; }
#header > div:nth-child(1) > a > div:nth-child(1) { width:11px; height:35px; margin-right:5px; background-image:url(img/white.back.svg); background-color:#ef3c37; background-repeat:no-repeat; background-size:3px 7px; background-position:center; }
#header > div:nth-child(1) > a > div:nth-child(2) { height:35px; background-repeat:no-repeat; background-size:contain; }
#header .icon { display:flex; justify-content:center; align-items:center; position:relative; flex:0 0 35px; width:35px; height:35px; margin-left:12px; border:2px solid #C7C7C7; border-radius:50%; }

#header .icon.mail { border-color:#3296EB; }
#header .icon.mail > div { width:29px; height:29px; background-image:url(img/white.mail.svg); background-size:70%; background-position:center; background-color:#3296EB; background-repeat:no-repeat; border-radius:50%; }

#header .icon.lang { border-color:#73C74B; }
#header .icon.lang > div { width:29px; height:29px; background-image:url(img/white.lang.svg); background-size:70%; background-position:center; background-color:#73C74B; background-repeat:no-repeat; border-radius:50%; }


#header .icon > img { width:29px; height:29px; background-color:#C7C7C7; background-size:contain; border-radius:50%; }
#header .icon.user > div:nth-child(1) { position:absolute; right:-3px; bottom:-3px; width:13px; height:13px; border:1px solid #FFFFFF; border-radius:50%; }
#header .icon.user.facebook { border-color:#0165E2; }
#header .icon.user.facebook > div { background:url(img/white.facebook.svg) #0165E2 no-repeat center; background-size:88%; }
#header .icon.user.instagram { border-color:#D92C7D; }
#header .icon.user.instagram > div { background-size:85% !important; background-color:#D92C7D;
	background:no-repeat center url(img/white.instagram.svg), -moz-linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
	background:no-repeat center url(img/white.instagram.svg), -webkit-gradient(left bottom, right top, color-stop(0%, #fdce70), color-stop(25%, #f87c2b), color-stop(50%, #e23765), color-stop(75%, #c6319c), color-stop(100%, #a436b6));
	background:no-repeat center url(img/white.instagram.svg), -webkit-linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
	background:no-repeat center url(img/white.instagram.svg), -o-linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
	background:no-repeat center url(img/white.instagram.svg), -ms-linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
	background:no-repeat center url(img/white.instagram.svg), linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
}

.hidden { display:none !important; }
.content { width:100%; padding:0px 12px; margin-bottom:24px; text-align:justify; }
.help { display:inline-block; width:13px; height:13px; margin-left:5px; /*margin-left:2px;*/ vertical-align:top; border:1px solid #3296EB; border-radius:50%; background:url(img/blue.help.svg) no-repeat center; background-size:100%; }


/* Special Forms */
textarea:focus, input:focus { outline:none; }
input { font-size:14px; }
input[type="text"], input[type="email"], input[type="password"] { width:100%; padding:12px 0px; margin:0px auto 24px auto; color:#333333; font-weight:bold; border:0px; border-bottom:2px solid #3296EB; }
input[type="password"] { padding:12px 44px 12px 0px; }
input#password { padding:12px 44px 12px 0px; }
.input-password-eye-on { position:absolute; top:0px; right:0px; width:40px; height:40px; background-image:url(img/black.eye.on.svg); background-size:20px; background-repeat:no-repeat; background-position:center; }
.input-password-eye-off { position:absolute; top:0px; right:0px; width:40px; height:40px; background-image:url(img/black.eye.off.svg); background-size:20px; background-repeat:no-repeat; background-position:center; }
input[type="text"]:placeholder-shown, input[type="email"]:placeholder-shown, input[type="password"]:placeholder-shown { color:#C7C7C7; border-bottom:2px solid #C7C7C7; }
input[type="text"].error, input[type="email"].error, input[type="password"].error { border-bottom:2px solid #E84D55 !important; }
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder { color:#C7C7C7 !important; }
select { width:100%; padding:0px 0px 12px 0px; margin-bottom:24px; color:#333333; font-weight:bold; background-color:#FFFFFF; border:0px; border-bottom:2px solid #3296EB; -webkit-appearance:none; -moz-appearance:none; }
select option { color:#333333; font-weight:bold; }
select:invalid, select [disabled] { color:#C7C7C7; border-bottom:2px solid #C7C7C7; }
textarea { width:100%; height:125px; padding:0px 0px 12px 0px; margin-bottom:24px; color:#333333; font-weight:bold; font-family:inherit; background-color:#FFFFFF; border:0px; border-bottom:2px solid #3296EB; resize:none; }
textarea::placeholder { color:#C7C7C7 !important; }
textarea:placeholder-shown { border-bottom:2px solid #C7C7C7; }

.radio > label { display:inline-block; position:relative; min-width:100px; height:25px; padding-left:37px; margin-bottom:24px; line-height:25px; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.radio > label input[type="radio"] { position:absolute; width:0px; height:0px; opacity:0; cursor:pointer; }
.checkmark { position:absolute; top:0px; left:0px; width:25px; height:25px; background-color:#FFFFFF; border:2px solid #C7C7C7; }
.radio > label:hover input[type="radio"] ~ .checkmark { background-color:#C7C7C7; }
.radio > label input[type="radio"]:checked ~ .checkmark { background-color:#3296EB; border:0px; }
.checkmark:after { display:none; position:absolute; content:""; }
.radio > label input[type="radio"]:checked ~ .checkmark:after { display:block; }
.radio > label .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0px 3px 3px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); }
.radio > label .text { font-weight:bold; }
.radio.error { color:#EE3B37; }
.radio.error > label > .checkmark { border-color:#EE3B37; }

.checkbox > label { display:inline-block; position:relative; min-width:160px; height:25px; padding-left:37px; margin-bottom:24px; line-height:25px; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.checkbox > label input[type="checkbox"] { position:absolute; width:0px; height:0px; opacity:0; cursor:pointer; }
.checkmark { position:absolute; top:0px; left:0px; width:25px; height:25px; background-color:#FFFFFF; border:2px solid #C7C7C7; }
.checkbox > label:hover input[type="checkbox"] ~ .checkmark { background-color:#C7C7C7; border:0px; }
.checkbox > label:hover input[type="checkbox"] ~ .checkmark:after { display:block; }
.checkbox > label input[type="checkbox"]:checked ~ .checkmark { background-color:#3296EB; border:0px; }
.checkmark:after { display:none; position:absolute; content:""; }
.checkbox > label input[type="checkbox"]:checked ~ .checkmark:after { display:block; }
.checkbox > label .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0px 3px 3px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); }
.checkbox > label .text { font-weight:bold; }
.checkbox.error { color:#EE3B37; }
.checkbox.error > label > .checkmark { border-color:#EE3B37; }
.checkbox > label input[type="checkbox"]:required:focus ~ .checkmark { border-color:#EE3B37; }


/* INCs */
.presentation { display:flex; flex-direction:column; width:100%; padding:0px 12px; }
.presentation > span { display:inline-flex; flex-direction:row-reverse; flex-wrap:wrap; align-items:center; min-height:75px; margin-bottom:24px; color:#333333; font-size:29px; font-weight:bold; text-align:right; }
.presentation > span > span:nth-child(1) { width:100%; }
.presentation > .info > span { flex-direction:row-reverse; align-items:center; width:100%; min-height:50px; padding:0px 12px; color:#6B6C6B; font-size:20px; }
.presentation > .info > span > span { color:#00D2DC; font-size:22px; font-weight:500; }
/*.presentation > .info > div { width:71px; height:17px; background:url(img/presentation.break.left.svg) no-repeat; }*/
.presentation > .info:nth-child(even) { display:flex; flex-direction:column; align-items:flex-start; margin-bottom:24px; text-align:left; }
.presentation > .info:nth-child(odd) { display:flex; flex-direction:column-reverse; align-items:flex-end; margin-bottom:24px; text-align:right; }
.presentation > .info:nth-child(even) > div { width:71px; height:17px; margin-bottom:24px; background:url(img/presentation.break.left.svg) no-repeat; }
.presentation > .info:nth-child(odd) > div { width:71px; height:17px; margin-top:24px; background:url(img/presentation.break.left.svg) no-repeat; }

.links { display:flex; flex-direction:column; align-items:center; flex-wrap:wrap; width:100%; padding:0px 12px; overflow:hidden; text-align:center; }
.links > span { margin-bottom:12px; color:#6B6C6B; }
.links > a { display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.links > a > .icon { display:inline-block; width:10px; height:10px; margin-right:5px; background-repeat:no-repeat; }
.links > a > .icon.lockpad { background:url(img/blue.lockpad.svg) no-repeat; }
.links > a > .icon.shield { background:url(img/blue.shield.svg) no-repeat; }
.links > a > .icon.doc { background:url(img/blue.doc.svg) no-repeat; }
.links > a > .icon.key { background:url(img/blue.key.svg) no-repeat; }
.links > a > .icon.stop { background:url(img/blue.stop.svg) no-repeat; }
.links > a > .icon.lang { background:url(img/blue.lang.svg) no-repeat; }

.rrss { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; justify-content:center; width:100%; padding:0px 12px; overflow:hidden; text-align:center; }
.rrss > a { display:flex; align-items:center; justify-content:center; padding:0px 18px; }
.rrss > a > .icon { display:inline-block; width:15px; height:15px; background-repeat:no-repeat; }
.rrss > a > .icon.instagram { background:url(img/gray.instagram.svg) no-repeat; }
.rrss > a > .icon.tiktok { background:url(img/gray.tiktok.svg) no-repeat; }
.rrss > a > .icon.facebook { background:url(img/gray.facebook.svg) no-repeat; }
.rrss > a > .icon.twitter { background:url(img/gray.twitter.svg) no-repeat; }

.pagination { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding:0px 12px; margin-bottom:84px; }
.pagination > a { display:flex; align-items:center; justify-content:center; }
.pagination > a.back > span { display:inline-block; width:10px; height:10px; margin-right:5px; background:url(img/blue.left.svg) no-repeat; }
.pagination > a.next > span { display:inline-block; width:10px; height:10px; margin-left:5px; background:url(img/blue.right.svg) no-repeat; }
.pagination > a.back.hide, .pagination > a.next.hide { visibility:collapse; }

.footer-illustration { position:absolute; width:100%; max-height:140px; margin:0px auto; bottom:0px; z-index:1; }
.footer-illustration-fix { width:100%; height:140px; }

.headline { display:flex; flex-direction:row; padding:0px 12px; margin-bottom:24px; align-content:flex-start; align-items:center; }
.headline > .text { display:flex; flex:1; flex-direction:column; }
.headline > .text > div:nth-child(1) { min-height:17px; margin-bottom:2px; color:#6B6C6B; }
.headline > .text > div:nth-child(2) { color:#333333; font-size:20px; font-weight:bold; }
.headline > .picture { width:42px; height:42px; margin-right:12px; cursor:pointer; }
.headline .unfavorite { flex:0 0 25px; width:25px; height:25px; margin-left:12px; background:url(img/gray2.heart.svg) no-repeat center; cursor:pointer; }
.headline .favorite { flex:0 0 25px; width:25px; height:25px; margin-left:12px; background:url(img/blue.heart.svg) no-repeat center; cursor:pointer; }

.buttons { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding:0px 12px; }
.buttons > button { display:flex; flex-direction:row; justify-content:center; align-items:center; min-width:120px; height:20px; padding:6px 12px; margin:0px 0px 0px auto; color:#FFFFFF; font-size:17px; text-align:center; font-weight:normal; background-color:#3296EB; border:2px solid #3296EB; border-radius:25px; -webkit-border-radius:25px; -ms-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; -webkit-appearance:none; -moz-appearance:none; box-sizing:content-box; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.buttons > button.reverse, button.reverse { margin:0px auto 12px 0px; color:#EE3B37; background-color:#FFFFFF; border-color:#EE3B37; }
.buttons > button:nth-child(1) { margin-bottom:12px; }

.shortcuts { position: unset !important; display:flex; flex-wrap:nowrap; overflow-x:auto; min-width:100%; /*min-height:75px;*/ padding:0px 6px; margin:0px auto 24px auto; align-items:flex-start; -webkit-overflow-scrolling:touch; }
.shortcuts > .shortcut { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; /*padding-bottom:6px;*/ margin:0px 6px; cursor:pointer; }
.shortcuts > .shortcut > .picture { width:60px; height:60px; margin-bottom:6px; }
.shortcuts > .shortcut > .picture > img { width:100%; height:100%; background-size:contain; }
.shortcuts > .shortcut > .title { align-items:center; color:#333333 !important; font-size:11px; text-align:center; word-wrap:break-word; }

.tools { position:relative; display:flex; flex-direction:row; padding:0px 12px; margin-bottom:24px; align-content:flex-start; align-items:center; }
.tools > div:nth-child(2) { position:relative; display:flex; align-items:center; width:100%; height:67px; padding:0px 12px 0px 112px; margin:8px 8px 0px 8px; border-radius:7px; -webkit-border-radius:7px; -ms-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; -webkit-appearance:none; -moz-appearance:none; box-sizing:content-box; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.tools > div:nth-child(2) div:nth-child(1) { color:#FFFFFF; font-size:13px; font-weight:bold; }
.tools > div:nth-child(2) > .notification { position:absolute; top:-6px; right:-6px; width:10px; height:10px; background-color:#C7C7C7; border:3px solid #FFFFFF; border-radius:50%; box-sizing:content-box; z-index:2; }
.tools > div:nth-child(2) > .notification.active { background-color:#00B749; }
.tools > .illustration { position:absolute; top:0px; width:100px; height:75px; z-index:2; }

.helper { position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%; background:url(img/helper.svg); z-index:997; }
.helper > div:nth-child(1) { width:100%; max-height:85%; padding:12px 0px; overflow:auto; background-color:#FFFFFF; border-radius:0px 0px 10px 10px; }
.helper > div:nth-child(1) > .description { padding:0px 12px; margin-bottom:24px; color:#6B6C6B; }
.helper > div:nth-child(1) > .description > div { margin-left:20px; }

.rate { position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%; background:url(img/helper.svg); z-index:997; }
.rate > div:nth-child(1) { width:100%; max-height:85%; padding:12px 0px; overflow:auto; background-color:#FFFFFF; border-radius:0px 0px 10px 10px; }
.rate > div:nth-child(1) > .description { padding:0px 12px; margin-bottom:24px; color:#6B6C6B; }
.rate .pet { flex:0 0 70px; width:70px; height:70px; margin-right:24px; background:url(img/influxy.pet.svg) no-repeat; background-size:contain; }
.rate .star-active { flex:0 0 30px; width:30px; height:30px; margin-right:24px; background:url(img/star.active.svg) no-repeat; background-size:contain; }
.rate .star-inactive { flex:0 0 30px; width:30px; height:30px; margin-right:24px; background:url(img/star.inactive.svg) no-repeat; background-size:contain; }

.downloader { position:fixed; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%; background:url(img/helper.svg); z-index:997; }
.downloader > div:nth-child(1) { width:100%; max-height:85%; padding:12px 0px; overflow:auto; background-color:#FFFFFF; border-radius:0px 0px 10px 10px; }
.downloader > div:nth-child(1) > .description { padding:0px 12px; margin-bottom:24px; color:#6B6C6B; text-align:center; }
.downloader > div:nth-child(1) > div { position:relative; }
.downloader > div:nth-child(1) > div > .successful { position:absolute; top:10px; right:0px; left:0px; width:80px; height:80px; margin:0px auto; background:url(img/blue.downloader.successful.svg) no-repeat; z-index:2; }

.security { display:flex; flex-direction:column; padding:0px 12px; margin-bottom:24px; box-sizing:border-box; align-content:flex-start; }
.security span { margin-bottom:12px; font-weight:bold; }
.security div { position:relative; padding:0px 14px 0px 32px; margin:0px 0px 24px 12px; text-align:justify; }
.security div .code { position:absolute; left:0px; content:""; display:inline-block; width:15px; height:15px; margin-right:24px; background:url(img/blue.code.svg) no-repeat; }
.security div .padlock { position:absolute; left:0px; content:""; display:inline-block; width:15px; height:15px; margin-right:24px; background:url(img/blue.lockpad.svg) no-repeat; }
.security div .badge { position:absolute; left:0px; content:""; display:inline-block; width:15px; height:15px; margin-right:24px; background:url(img/blue.badge.svg) no-repeat; }
.security div .quote { position:absolute; left:0px; content:""; display:inline-block; width:15px; height:15px; margin-right:24px; background:url(img/blue.quote.svg) no-repeat; }
.security div .trash { position:absolute; left:0px; content:""; display:inline-block; width:15px; height:15px; margin-right:24px; background:url(img/blue.trash.svg) no-repeat; }
.security div .money { position:absolute; left:0px; content:""; display:inline-block; width:15px; height:15px; margin-right:24px; background:url(img/blue.money.svg) no-repeat; }
.security div .alert { position:absolute; left:0px; content:""; display:inline-block; width:15px; height:15px; margin-right:24px; background:url(img/blue.alert.svg) no-repeat; }
.security div .location { position:absolute; left:0px; content:""; display:inline-block; width:15px; height:15px; margin-right:24px; background:url(img/blue.location.svg) no-repeat; }

.policy { display:flex; flex-direction:column; padding:0px 12px; margin-bottom:24px; text-align:justify; box-sizing:border-box; align-content:flex-start; }
.policy span { font-weight:bold; }
.policy span.mail { display:inline-block; width:170px; height:22px; vertical-align:middle; background:url("img/mail.sk.svg") no-repeat; }
.policy p { margin:0px 12px 12px 12px; }

.contact { width:100%; padding:0px 12px; margin-bottom:24px; }
.contact > .buttons { }
.contact > div { color:#6B6C6B; text-align:justify; }

.empty { display:flex; flex-direction:column; width:100%; min-height:234px; padding:0px 12px; margin-bottom:84px; }
.empty > div:nth-child(1) { width:100%; height:150px; margin:0px auto 24px auto; opacity:0.5; }
.empty >

.g-recaptcha { margin-bottom:24px !important; }

.rewards  { display:flex; flex-direction:row; flex-wrap:nowrap; align-content:flex-start; padding:0px 12px; margin-bottom:24px; box-sizing:border-box; }
.rewards > .illustration { flex:0 0 70px; width:70px; height:70px; margin-right:12px; background-repeat:no-repeat; background-size:contain; }
.rewards > div:nth-child(2) { display:flex; flex-grow:1; flex-direction:column; align-items:baseline; justify-content:top; margin-right:12px; }
.rewards > div:nth-child(2) > div:nth-child(1) { color:#333333; margin-bottom:5px; }
.rewards > div:nth-child(2) > div:nth-child(2) { color:#6B6C6B; font-weight:normal; }
.rewards .bar { display:flex; flex-wrap:wrap; align-items:center; margin-top:5px; color:#6B6C6B; font-weight:normal; }
.rewards .bar > div { width:200px; height:8px; margin-right:12px; background-color:#EBEBEB; border-radius:100px; }
.rewards .bar > div > div { width:0%; height:8px; background-color:#3296EB; border-radius:100px; }

.chart { margin-bottom:24px; }

.menu { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; box-sizing:border-box; }
.menu > a { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; padding-bottom:12px; margin:0px 12px 24px 12px; text-align:center; }
.menu > a.disabled { border-bottom:1px solid #333333; cursor:default; pointer-events:none; }
.menu > a.disabled > .text { color:#333333 !important; }
.menu > a > .illustration { width:25px; height:25px; margin-bottom:12px; background-repeat:no-repeat; }
.menu > a > .text { color:#3296EB; font-size:13px; font-weight:bold; }
.menu > a > .text.remove { color:#EE3B37; }

.submenu { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; box-sizing:border-box; }
.submenu > a { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; margin:0px 12px 24px 12px; text-align:center; }
.submenu > a.disabled { color:#333333 !important; cursor:default; pointer-events:none; }

.filters { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; padding:0px 6px; margin-bottom:12px; box-sizing:border-box; }
.filters > div { display:flex; flex:1; justify-content:center; align-items:center; min-width:115px; height:22px; padding:0px 6px; margin:6px; line-height:22px; color:#EE3B37; text-align:center; border:1px solid #EE3B37; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.filters > div.user { color:#333333; border:1px solid #333333; }

.viewer { position:fixed; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%; overflow:hidden; background:#000000D8; z-index:999; }
.viewer > div:nth-child(2) { position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:0px auto; max-width:800px; height:100%; }
.viewer .header { display:flex; position:absolute; top:0px; left:0px; width:100%; height:35px; padding:12px; z-index:4; }
.viewer .header > div:nth-child(1) { display:flex; justify-content:center; align-items:center; position:relative; flex:0 0 35px; width:35px; height:35px; border:2px solid #FFFFFF; border-radius:50%; }
.viewer .header img { width:29px; height:29px; background-color:#C7C7C7; background-size:contain; border-radius:50%; }
.viewer .header > div:nth-child(2) { flex-grow:1; flex-direction:column; align-items:baseline; justify-content:center; margin:0px 12px; text-shadow:1px 2px #000000; }
.viewer .header > div:nth-child(2) > div:nth-child(1) { margin-bottom:5px; color:#FFFFFF; font-weight:bold; }
.viewer .header > div:nth-child(2) > div:nth-child(2) { color:#FFFFFF; font-weight:normal; }
.viewer .header > div:nth-child(3) { width:35px; height:35px; margin-right:12px; background:url(img/white.shadow.close.svg) no-repeat center; background-size:65%; }
.viewer .download { position:absolute; bottom:84px; right:24px; width:40px; height:40px; background:url(img/white.download.svg) no-repeat #3296EB center; background-size:55%; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; z-index:2; }

.viewer .picture { position:absolute; top:0px; bottom:0px; width:100%; margin:auto; }
.viewer video { position:absolute; top:50%; left:50%; width:100%; max-height:100%; height:auto; overflow:hidden; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); }

.viewer .back { position:absolute; top:0px; left:0px; width:48px; height:100%; z-index:2; }
.viewer .back > div { position:absolute; top:0; bottom:0px; left:12px; width:36px; height:36px; margin:auto; background:url(img/white.shadow.back.svg) no-repeat; }
.viewer .next { position:absolute; top:0px; right:0px; width:48px; height:100%; z-index:2; }
.viewer .next > div { position:absolute; top:0; right:12px; bottom:0px; width:36px; height:36px; margin:auto; background:url(img/white.shadow.next.svg) no-repeat; }

/* INFLATERS  */
.inf {}
.inf.def { display:none !important; }

.break { padding:0px 12px; margin-bottom:24px; text-align:right; color:#6B6C6B; }

.list { display:flex; flex-direction:row; flex-wrap:nowrap; align-content:flex-start; align-items:center; padding:0px 12px; margin-bottom:24px; box-sizing:border-box; cursor:pointer; }
.list > .picture { display:flex; flex:0 0 54px; justify-content:center; align-items:center; position:relative; width:54px; height:54px; border:2px solid #C7C7C7; border-radius:50%; cursor:pointer; }
.list > .picture > img { width:46px; height:46px; /*background:url(img/default.svg);*/ background-color:#C7C7C7; background-size:contain; border-radius:50%; }
.list > .picture > div { position:absolute; right:-4px; bottom:-4px; width:18px; height:18px; background:#C7C7C7 no-repeat center; background-size:contain; border:1px solid #FFFFFF; border-radius:50%; box-sizing:border-box; }
.list > div:nth-child(2) { display:flex; flex-grow:1; flex-direction:column; align-items:baseline; justify-content:center; margin:0px 12px; }
.list > div:nth-child(2) div:nth-child(1) { display:flex; align-items:center; margin-bottom:5px; color:#3296EB; font-weight:bold; cursor:pointer; }
.list > div:nth-child(2) div:nth-child(2) { color:#6B6C6B; font-weight:normal; }
.list > .notification { display:flex; flex:0 0 21px; flex-direction:column; align-self:center; justify-content:center; width:21px; height:21px; overflow:hidden; line-height:21px; color:#FFFFFF; text-align:center; text-overflow:ellipsis; background-color:#E84D55; border-radius:50%; }
.list > .notification.v0, .list > .notification:empty { visibility:hidden; width:0px; height:0px; }
.list > .picture.facebook { border-color:#0165E2; }
.list > .picture.facebook > div:nth-child(2) { background:url(img/white.facebook.svg) #0165E2 no-repeat center; background-size:88%; }
.list > .picture.instagram { border-color:#D92C7D; }
.list > .picture.instagram > div:nth-child(2) { background-size:86% !important; background-color:#D92C7D;
	background:no-repeat center url(img/white.instagram.svg), -moz-linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
	background:no-repeat center url(img/white.instagram.svg), -webkit-gradient(left bottom, right top, color-stop(0%, #fdce70), color-stop(25%, #f87c2b), color-stop(50%, #e23765), color-stop(75%, #c6319c), color-stop(100%, #a436b6));
	background:no-repeat center url(img/white.instagram.svg), -webkit-linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
	background:no-repeat center url(img/white.instagram.svg), -o-linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
	background:no-repeat center url(img/white.instagram.svg), -ms-linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
	background:no-repeat center url(img/white.instagram.svg), linear-gradient(45deg, #fdce70 0%, #f87c2b 25%, #e23765 50%, #c6319c 75%, #a436b6 100%);
}
.list > .picture.facebook.false > div:nth-child(2) { background:url(img/white.facebook.svg) #C7C7C7 no-repeat center; }
.list > .picture.instagram.false > div:nth-child(2) { background:url(img/white.instagram.svg) #C7C7C7 no-repeat center; }
.list > .picture.false { border-color:#C7C7C7 !important; }
.list > .picture.relation { border-color:#76C900; } /* events changes*/
.list > .picture.relation > div:nth-child(2) { background:url(img/white.plus.svg) #76C900 no-repeat center; background-size:88%; }
.list > .picture.unrelation { border-color:#FFC250; }
.list > .picture.unrelation > div:nth-child(2) { background:url(img/white.less.svg) #FFC250 no-repeat center; background-size:88%; }
.list > .picture.info { border-color:#3296EB; }
.list > .picture.info > div:nth-child(2) { background:url(img/white.user.svg) #3296EB no-repeat center; background-size:79%; }
.list > .picture.block { border-color:#EF3C37; }
.list > .picture.block > div:nth-child(2) { background:url(img/white.x.svg) #EF3C37 no-repeat center; background-size:88%; }
.list > .picture.unblock { border-color:#B534A7; }
.list > .picture.unblock > div:nth-child(2) { background:url(img/white.check.svg) #B534A7 no-repeat center; background-size:88%; }
.list > .picture.up { border-color:#EF3C37; }
.list > .picture.up > div:nth-child(2) { display:inline-block; background:url(img/white.up.svg) #EF3C37 no-repeat center; background-size:80%; }
.list > .picture.down { border-color:#76C900; }
.list > .picture.down > div:nth-child(2) { background:url(img/white.down.svg) #76C900 no-repeat center; background-size:80%; }
.list > .picture.equal { border-color:#3296EB; }
.list > .picture.equal > div:nth-child(2) { background:url(img/white.less.svg) #3296EB no-repeat center; background-size:88%; }
.list > .picture.public { border-color:#3296EB; }
.list > .picture.public > div:nth-child(2) { background:url(img/white.user.svg) #3296EB no-repeat center; background-size:79%; }
.list > .picture.hide { border-color:#B534A7; }
.list > .picture.hide > div:nth-child(2) { background:url(img/white.userhide.svg) #B534A7 no-repeat center; background-size:79%; }
.list > .picture.incognito { border-color:#C7C7C7; }
.list > .picture.incognito > div:nth-child(1) { background:url(img/ghost.svg) #EBEBEB no-repeat center !important; background-size:65% !important; }
.list > .picture.incognito > div:nth-child(2) { background:url(img/white.help.svg) #C7C7C7 no-repeat center; background-size:79%; }
.list > .picture.panel { flex:0 0 89px; width:89px; height:89px; border-width:3px; }
.list > .picture.panel > img { width:77px; height:77px; background-size:contain; border-radius:50%; }
.list > .picture.panel > div { right:-4px; bottom:-4px; width:32px; height:32px; border-width:2px; }
.list > .picture.profile { border-color:#3296EB; }
.list > .picture.profile > div:nth-child(2) { background:url(img/white.user.svg) #3296EB no-repeat center; background-size:79%; }
.list > .picture.hashtag { border-color:#3296EB; }
.list > .picture.hashtag > div:nth-child(2) { background:url(img/white.hashtag.svg) #3296EB no-repeat center; background-size:60%; }
.list > .picture.noStory { border-color:#C7C7C7; }
.list > .picture.noStory > div:nth-child(2) { background:url(img/white.camera.svg) #C7C7C7 no-repeat center; background-size:88%; }
.list > .picture.story { border-color:#a9135b; }
.list > .picture.story > div:nth-child(2) { background:url(img/white.eye.svg) #a9135b no-repeat center; background-size:88%; }
.list > .picture.timeline { border-color:#76C900; }
.list > .picture.timeline > div:nth-child(2) { background:url(img/white.image.svg) #76C900 no-repeat center; background-size:88%; }
.list > .picture.gold { border-color:#FFC250; }
.list > .picture.gold > div:nth-child(2) { background:url(img/white.user.svg) #FFC250 no-repeat center; background-size:79%; }
.list > .picture.silver { border-color:#C7C7C7; }
.list > .picture.silver > div:nth-child(2) { background:url(img/white.user.svg) #C7C7C7 no-repeat center; background-size:79%; }
.list > .picture.bronze { border-color:#F3733A; }
.list > .picture.bronze > div:nth-child(2) { background:url(img/white.user.svg) #F3733A no-repeat center; background-size:79%; }
.list > .picture.others { border-color:#3296EB; }
.list > .picture.others > div:nth-child(2) { background:url(img/white.user.svg) #3296EB no-repeat center; background-size:79%; }
.list > .picture.lost { border-color:#ef3c37; }
.list > .picture.lost > div:nth-child(2) { background:url(img/white.longDown.svg) #ef3c37 no-repeat center; background-size:75%; }
.list > .picture.new { border-color:#3296EB; }
.list > .picture.new > div:nth-child(2) { background:url(img/white.message.svg) #3296EB no-repeat; background-position:center top 3px; background-size:75%; }
.list > .picture.newUnknown { border-color:#3296EB; }
.list > .picture.newUnknown > div:nth-child(2) { background:url(img/white.message.svg) #FFC250 no-repeat; background-position:center top 3px; background-size:75%; }
.list > .picture.viewed { border-color:#A9135B; }
.list > .picture.viewed > div:nth-child(2) { background:url(img/white.eye.svg) #A9135B no-repeat center; background-size:75%; }
.list > .picture.viewedUnknown { border-color:#A9135B; }
.list > .picture.viewedUnknown > div:nth-child(2) { background:url(img/white.eye.svg) #FFC250 no-repeat center; background-size:75%; }


.list > .box { min-width:95px; height:22px; line-height:22px; color:#FFFFFF; font-weight:bold; text-align:center; background-color:#3296EB; border-radius:3px; }
.list > .box > img { display:none; }
.list > .box.first { background-color:#3296EB; }
.list > .box.recurrent { background-color:#76C900; }
.list > .box.punctual { background-color:#FFC250; }
.list > .box.gold { background-color:#FFC250; }
.list > .box.silver { background-color:#C7C7C7; }
.list > .box.bronze { background-color:#F3733A; }
.list > .box.others { background-color:#3296EB; }
.list > .box.ranking { min-width:46px; height:25px; line-height:25px; background-color:#EF3C37; border-radius:0px; }
.list > .photo { flex:0 0 54px; position:relative; width:54px; height:54px; overflow:hidden; }
.list > .photo.hide { visibility:collapse; }
.list > .photo > img { position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%); }
.list > .unfavorite { flex:0 0 54px; position:relative; width:30px; height:30px; background:url(img/gray2.heart.svg) no-repeat center; }
.list > .unfavorite > img { width:0px; height:0px; }
.list > .favorite { flex:0 0 54px; position:relative; width:30px; height:30px; background:url(img/blue.heart.svg) no-repeat center; }
.list > .favorite > img { width:0px; height:0px; }
.list > .favorite.hidden { flex:0 0 54px; position:relative; width:30px; height:30px; }
.list > .picture.ranking { border-color:#3296EB; }
.list > .picture.ranking > div:nth-child(2) { background:url(img/white.crown.svg) #3296EB no-repeat center; background-size:65%; }
.list > .red, .list > .green { width:100%; max-width:100px; height:25px; padding:0px 3px; line-height:25px; color:#FFFFFF; font-size:13px; font-weight:600; text-align:center; background-color:#EF3C37; border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; }
.list > .green { background-color:#00B749; }

.listBoxAdapter { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
.listBoxAdapter > div { flex:1; width:125px; min-width:125px; }
.listBoxAdapter .list { flex-direction:column; }
.listBoxAdapter .list > .picture { margin-bottom:5px; }
.listBoxAdapter .list > div:nth-child(2) { align-items:center; text-align:center; }
.listBoxAdapter .list > div:nth-child(2) div:nth-child(1) { word-break:break-all; }

.stats { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; width:100%; padding:0px 6px; box-sizing:border-box; }
.stats > div { flex:1; margin:0px 6px 24px 6px; text-align:center; }
.stats > div > div:nth-child(2) { color:#333333; font-weight:bold; }
.stats > div > div:nth-child(1) { margin-bottom:5px; color:#3296EB; font-size:20px; font-weight:500; }
.stats > div > div:nth-child(1).up { color:#76C900; }
.stats > div > div:nth-child(1).down { color:#EF3C37; }
.stats > div > div:nth-child(1).equal { color:#3296EB; }
.stats > div > div:nth-child(1) > span { display:none; margin-left:5px; vertical-align:initial; }
.stats > div > div:nth-child(1).up > span { display:inline-block; width:13px; height:13px; background:url(img/green.up.svg) no-repeat center; background-size:100%; }
.stats > div > div:nth-child(1).down > span { display:inline-block; width:13px; height:13px; background:url(img/red.down.svg) no-repeat center; background-size:100%; }
.stats > div > div:nth-child(1).equal > span { display:inline-block; width:13px; height:13px; background:url(img/blue.less.svg) no-repeat center; background-size:100%; }

.review { display:flex; flex-direction:row; flex-wrap:wrap; width:100%; padding:0px 12px; margin-bottom:24px; box-sizing:border-box; }
.review > div:nth-child(1) { position:relative; width:89px; height:89px; margin-right:12px; overflow:hidden; background-color:#C7C7C7; border-radius:50%; }
.review > div:nth-child(1) > .one { position:absolute; top:0px; right:0px; width:50%; height:50%; background-color:#EF3C37; }
.review > div:nth-child(1) > .two { position:absolute; bottom:0px; right:0px; width:50%; height:50%; background-color:#FFC250;  }
.review > div:nth-child(1) > .three { position:absolute; bottom:0px; left:0px; width:50%; height:50%; background-color:#3296EB; }
.review > div:nth-child(1) > .four { position:absolute; top:0px; left:0px; width:50%; height:50%; background-color:#76C900; }
.review > div:nth-child(1) > .horizontal { position:absolute; left:50%; margin-left:-3px; width:3px; height:100%; background-color:#FFFFFF; }
.review > div:nth-child(1) > .vertical {  position:absolute; top:50%; margin-top:-3px; width:100%; height:3px; background-color:#FFFFFF; }
.review > div:nth-child(1) > .picture { position:absolute; top:50%; left:50%; width:calc(100% - 6px); height:calc(100% - 6px); background-size:contain; border:3px solid #FFFFFF; border-radius:50%; transform:translate(-50%, -50%); }
.review > div:nth-child(2) > div:nth-child(1) { margin-bottom:12px; color:#C7C7C7; }
.review > div:nth-child(2) > div:nth-child(2) { margin-bottom:5px; color:#333333; font-weight:bold; }
.review > div:nth-child(2) > div:nth-child(3) { color:#3296EB; font-weight:bold; }

.media { display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:24px; }
.media > div { width:100%; padding:0px 12px; margin-bottom:24px; text-align:right; color:#6B6C6B; }
.media > img { width:auto; height:150px; margin:0px auto; }

/* PAGES */
.connect { display:flex; flex-direction:column; width:90%; /*min-height:234px;*/ padding:0px 12px; margin:0px auto; }
.connect > .error { color:#EE3B37; text-align:justify; }
.connect > .error > span { display:block; margin-bottom:12px; }
.connect > .error > span.tip { color:#333333; }

.search { display:flex; flex-direction:column; width:100%; padding:0px 12px; }

/* NEW */
.section { display:flex; flex-direction:row; padding:0px 12px; margin-bottom:12px; align-content:flex-start; color:#333333; font-size:20px; font-weight:bold; }

.list > .photo > img { position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%); }

.shortcuts { position: unset !important; display:flex; flex-wrap:nowrap; overflow-x:auto; min-width:100%; /*min-height:75px;*/ padding:0px 6px; margin:0px auto 24px auto; align-items:flex-start; -webkit-overflow-scrolling:touch; }
.shortcuts > .shortcut { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; /*padding-bottom:6px;*/ margin:0px 6px; cursor:pointer; }
.shortcuts > .shortcut > .picture { position:relative; width:60px; height:60px; margin-bottom:6px; }
.shortcuts > .shortcut > .picture > img { width:100%; height:100%; background-size:contain; }
.shortcuts > .shortcut > .picture > .notification { position:absolute; top:3px; right:-3px; width:10px; height:10px; background-color:#C7C7C7; border:3px solid #FFFFFF; border-radius:50%; box-sizing:content-box; z-index:2; }
.shortcuts > .shortcut > .picture > .notification.active { background-color:#00B749; }
.shortcuts > .shortcut > .title { align-items:center; color:#333333 !important; font-size:11px; text-align:center; word-wrap:break-word; }

.menu { position: unset !important; display:flex; flex-wrap:nowrap; overflow-x:auto; min-width:100%; justify-content:center; align-items:center; width:100%; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.menu > a { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; max-width:200px; padding-bottom:12px; margin:0px 12px 24px 12px; text-align:center; }
.menu > a.disabled { border-bottom:1px solid #333333; cursor:default; pointer-events:none; }
.menu > a.disabled > .text { color:#333333 !important; }
.menu > a > .illustration { width:25px; height:25px; margin-bottom:12px; background-repeat:no-repeat; }
.menu > a > .text { color:#3296EB; font-size:13px; font-weight:bold; }
.menu > a > .text.remove { color:#EE3B37; }

.menub { display:flex; flex-wrap:nowrap; overflow-x:auto; min-width:100%; justify-content:center; align-items:center; width:100%; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.menub > a { display:flex; flex:1; flex-direction:row; justify-content:center; align-items:center; max-width:200px; padding-bottom:12px; margin:0px 12px 24px 12px; text-align:center; }
.menub > a.disabled { border-bottom:1px solid #333333; cursor:default; pointer-events:none; }
.menub > a.disabled > .text { color:#333333 !important; }
.menub > a > .illustration { width:25px; height:25px; margin-right:12px; background-repeat:no-repeat; }
.menub > a > .text { color:#3296EB; font-size:13px; font-weight:bold; }
.menub > a > .text.remove { color:#EE3B37; }

.menuc { display:flex; flex-wrap:nowrap; overflow-x:auto; min-width:100%; justify-content:center; align-items:center; width:100%; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.menuc > a { display:flex; flex-direction:row; justify-content:center; align-items:center; max-width:200px; min-width:100px; height:25px; padding:0px 12px; margin-bottom:24px; line-height:25px; text-align:center; border:1px solid #3296EB; background-color:#3296EB; }
.menuc > a.disabled { /*border:1px solid #333333;*/ background-color:#FFFFFF; cursor:default; pointer-events:none; }
.menuc > a.disabled > .text { color:#333333 !important; }
.menuc > a > .text { color:#FFFFFF; font-size:13px; font-weight:bold; }
.menuc > a:first-of-type { border-top-left-radius:25px; -webkit-border-top-left-radius:25px; -ms-border-top-left-radius:25px; -moz-border-top-left-radius:25px; -o-border-top-left-radius:25px; border-bottom-left-radius:25px; -webkit-border-bottom-left-radius:25px; -ms-border-bottom-left-radius:25px; -moz-border-bottom-left-radius:25px; -o-border-bottom-left-radius:25px; }
.menuc > a:last-child { border-top-right-radius:25px; -webkit-border-top-right-radius:25px; -ms-border-top-right-radius:25px; -moz-border-top-right-radius:25px; -o-border-top-right-radius:25px; border-bottom-right-radius:25px; -webkit-border-bottom-right-radius:25px; -ms-border-bottom-right-radius:25px; -moz-border-bottom-right-radius:25px; -o-border-bottom-right-radius:25px; }

.top3 { display:flex; flex-wrap:nowrap; overflow-x:auto; min-width:100%; justify-content:center; align-items:center; width:100%; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.top3 > div:nth-child(1), .top3 > div:nth-child(2), .top3 > div:nth-child(3) { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; max-width:200px; margin:0px 12px 24px 12px; text-align:center; }
/* .top3 > div:nth-child(2) { display:flex; flex-direction:row; justify-content:center; align-items:center; max-width:200px; min-width:100px; height:25px; padding:0px 12px; margin-bottom:24px; line-height:25px; text-align:center; border:1px solid #3296EB; background-color:#3296EB; }
.top3 > div:nth-child(3) { display:flex; flex-direction:row; justify-content:center; align-items:center; max-width:200px; min-width:100px; height:25px; padding:0px 12px; margin-bottom:24px; line-height:25px; text-align:center; border:1px solid #3296EB; background-color:#3296EB; } */
.top3 > div:nth-child(1) > .crown, .top3 > div:nth-child(2) > .crown, .top3 > div:nth-child(3) > .crown { width:20px; height:20px; margin-bottom:2px; background-color:#B8C3D3; animation:flipcoin 2.5s linear infinite; }
.top3 > div:nth-child(1) > .crown { margin-top:8px; background:url(img/silver.crown.svg) no-repeat center; }
.top3 > div:nth-child(2) > .crown { background:url(img/gold.crown.svg) no-repeat center; }
.top3 > div:nth-child(3) > .crown { margin-top:16px; background:url(img/bronze.crown.svg) no-repeat center; }
@keyframes flipcoin { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }

/*.top3 > div:nth-child(1) > .position, .top3 > div:nth-child(2) > .position, .top3 > div:nth-child(3) > .position { color:#3296EB; font-size:13px; font-weight:bold; }*/
.top3 > div:nth-child(1) > .username, .top3 > div:nth-child(2) > .username, .top3 > div:nth-child(3) > .username { color:#3296EB; font-size:13px; font-weight:bold; }
.top3 > div:nth-child(1) > .text, .top3 > div:nth-child(2) > .text, .top3 > div:nth-child(3) > .text { color:#6B6C6B; font-weight:normal; }

.top3 > div:nth-child(1) > .picture { display:flex; flex:0 0 68px; justify-content:center; align-items:center; position:relative; width:68px; height:68px; margin-bottom:12px; border:3px solid #B8C3D3; border-radius:50%; cursor:pointer; }
.top3 > div:nth-child(1) > .picture > img { width:58px; height:58px; background:url(img/ranking.unknown.purple.svg) no-repeat center; border-radius:50%; }

.top3 > div:nth-child(2) > .picture { display:flex; flex:0 0 76px; justify-content:center; align-items:center; position:relative; width:76px; height:76px; margin-bottom:12px; border:4px solid #FFC250; border-radius:50%; cursor:pointer; }
.top3 > div:nth-child(2) > .picture > img { width:64px; height:64px; background:url(img/ranking.unknown.blue.svg) no-repeat center;border-radius:50%; }

.top3 > div:nth-child(3) > .picture { display:flex; flex:0 0 60px; justify-content:center; align-items:center; position:relative; width:60px; height:60px; margin-bottom:12px; border:3px solid #F3733A; border-radius:50%; cursor:pointer; }
.top3 > div:nth-child(3) > .picture > img { width:50px; height:50px; background:url(img/ranking.unknown.red.svg) no-repeat center;border-radius:50%; }