@font-face{font-family:Smartmate;src:url(fonts/smart/smart-thin.woff2);font-weight:300;font-display:swap}
@font-face{font-family:Smartmate;src:url(fonts/smart/smart-regular.woff2);font-weight:400;font-display:swap}
@font-face{font-family:Smartmate;src:url(fonts/smart/smart-medium.woff2);font-weight:500;font-display:swap}
@font-face{font-family:Smartmate;src:url(fonts/smart/smart-bold.woff2);font-weight:600;font-display:swap}
:root{--font:Smartmate,Helvetica,Arial,sans-serif,sans-serif;--small-text:.75rem;--normal-text:.85rem;--medium-text:1rem;--big-text:2rem;--heading-text:3rem;--yellow:#fc0}
*{box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
body,html{width:100%}
body{min-height:100vh;padding:0;margin:0;font-family:var(--font);font-style:normal;color:var(--text);font-size:var(--normal-text);line-height:1.35;font-smooth:auto;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,optgroup,select,textarea{color:inherit;font-size:var(--normal-text);font-family:var(--font);margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-smoothing:inherit;border:none;background:transparent;line-height:normal;transition:box-shadow .1s ease-in-out 0s,color .1s ease-in-out 0;box-shadow:inset 0 0 0 1px #878787;border-radius:3px;padding:5px 15px}
h1{font-size:var(--heading-text)}
.loginPage h1{border-bottom:1px solid #292929;padding-bottom:15px}
.logo{max-width:160px}
.loginPage{background:#121212}
.loginSection,body:not(.loginPage){background:linear-gradient(rgba(0,0,0,0.70),rgba(0,0,0,0.70)),transparent url(../images/bg2.jpg) center top/cover repeat scroll;height:100%;min-height:100vh;position:relative}
body:not(.loginPage){padding-bottom:50px}
.loginCard{color:#fff;border-radius:8px;padding:64px;max-width:560px;width:90%;position:absolute;background:#121212;-webkit-tap-highlight-color:transparent;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
input{outline:none;min-height:48px;color:#fff;display:block;max-width:324px;width:100%}
input:placeholder-shown{text-overflow:ellipsis}
input:focus,input:hover:focus{box-shadow:inset 0 0 0 3px #121212}
.loginPage input:focus,.loginPage input:hover:focus{box-shadow:inset 0 0 0 3px #fff}
.iconRight{    display: block;position:relative}
.insideIcon{position:absolute;top:50%;transform:translateY(-50%)}
.clickableIcon{cursor:pointer}
.iconRight .insideIcon{right:8px}
.c-eye:before{filter:invert(55%) sepia(14%) saturate(11%) hue-rotate(27deg) brightness(89%) contrast(94%);background:url(../icons/eye.svg) center center no-repeat;background-size:contain}
.c-eye-off:before{filter:invert(55%) sepia(14%) saturate(11%) hue-rotate(27deg) brightness(89%) contrast(94%);background:url(../icons/eye-off.svg) center center no-repeat;background-size:contain}
.s-20:before{width:20px;height:20px}
.crsIcon:before{content:"";display:block;margin:0 auto;transition:all .3s ease-in-out}
.callto{height:48px;line-height:48px;border-radius:24px;color:#121212;background:var(--yellow);display:block;padding:0;width:100%;box-shadow:none;font-weight:500;cursor:pointer;text-decoration:none}
.formGroup{max-width:324px;margin:0 auto;text-align:left}
#loginMessages{display:none}
.was-validated{display:block!important}
label{font-size:var(--small-text)}
.loginPage label{margin-bottom:15px;font-weight:500;display:block}
.forgotPass{color:#fff;margin-bottom:15px;display:block;text-align:center;font-size:var(--small-text)}
.labelTitle{display:block;margin-bottom:5px}
.spacer{padding:16px 0}
.alerts{display:block;margin:1.5em 0;background:#ddd;color:#666;font-size:13px;border-radius:5px;line-height:36px;position:relative}
.iconLeft{padding-left:32px!important;position:relative}
.error{border-color:#fcd2d2;color:#a91111;background-color:#fde1e1}
.success{border-color:#c2eddd;color:#1f7556;background-color:#d6f3e9}
.iconLeft .insideIcon{left:8px}
.error i:before{filter:invert(11%) sepia(77%) saturate(3579%) hue-rotate(350deg) brightness(116%) contrast(103%)}
.c-warning:before{background:url(../icons/warning.svg) center center no-repeat;background-size:contain}
.c-delete:before{background:url(../icons/warning.svg) center center no-repeat;background-size:contain}
.s-16:before{width:16px;height:16px}
.c-success:before{background:url(../icons/success.svg) center center no-repeat;background-size:contain}
.c-logout:before{background:url(../icons/logout.svg) center center no-repeat;background-size:contain}
.c-copy:before{background:url(../icons/copy.svg) center center no-repeat;background-size:contain}
.s-24:before{width:24px;height:24px}
.s-36:before{width:36px;height:36px}
.whited:before{filter:invert(100%) sepia(100%) saturate(1%) hue-rotate(247deg) brightness(108%) contrast(101%)}
.success i:before{filter:invert(35%) sepia(50%) saturate(575%) hue-rotate(107deg) brightness(93%) contrast(89%)}
header{color:#fff;height:80px}
.flex{display:flex}
.acenter{align-items:center}
.fend{justify-content:flex-end}
.fspace{justify-content:space-between}
.fwrap{flex-wrap:wrap}
nav ul{padding:0;margin:0;list-style:none}
nav ul li{margin:0 5px}
nav ul li a{display:block;color:#fff;text-transform:uppercase;letter-spacing:1px;padding:0 20px;line-height:80px;text-decoration:none;font-weight:500}
a{transition:all .3s ease-in-out}
.container{width:90%;margin:0 auto}
nav ul li.selected a{color:var(--yellow)}
.footer{background:#121212;color:#fff;text-align:center;position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;text-align:center}
h2{font-size:var(--heading-text)}
.half{width:50%}
.four{width:calc(40% - 3rem)}
.six{width:60%}
.halfSpaced{width:48%}
.cardBox{border-radius:1.5rem;background:#fff;padding:32px}
h2{margin-top:0;color:#fff;margin-bottom:0}
.cardBox h2{color:#121212;margin-bottom:16px}
.pageHead{margin-bottom:16px}
.three{width:32%}
.linkPreview{overflow:hidden;background:#fff;color:#121212;border-radius:5px;margin-bottom:2rem}
.listaLinkuri .linkPreview{    overflow: unset;width:100%;margin-bottom:1rem;display:flex;justify-content:space-between}
.listaLinkuri .linkPreview img{width:auto;height:160px;display:block}
.listaLinkuri .linkInfo{flex:1}
.cardBox input{color:#121212;width:100%;max-width:unset}
.select{position:relative;margin-bottom:32px;cursor:pointer}
.select:after{content:"";display:block;background:url(../icons/arrow.svg) center center no-repeat;background-size:contain;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%) rotate(180deg);right:10px;cursor:pointer}
.select select{width:100%;height:48px}
.callto svg{position:absolute;top:50%;right:30px;transform:translateY(-50%)}
.iconCall{padding:0 100px 0 25px;width:auto;position:relative}
.linkPreview input{background:#121212;box-shadow:none;transition:all .3s ease-in-out}
.linkPreview img{width:100%}
.linkInfo{padding:10px 20px}
.linkInfo h3{font-weight:500;font-size:var(--normal-text);height:20px;line-height:20px;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}
.destUrl{height:20px;line-height:20px;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:scroll;display:-webkit-box;     opacity: .7;
    font-size: 13px;
    background: white !important;
    color: #121212;
    padding: 0;
    box-shadow: none !important;max-width: 100%;}
	.linkList:after{content:"";display:block;width:32%}
.imageContain {
    position: relative;
    width: 300px;
    height: 300px;
    display: flex;
    background: #121212;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}
.listaLinkuri .imageContain{border-top-left-radius:5px;border-bottom-left-radius:5px;overflow:hidden}
	.imageContain img{object-fit: cover;
    min-width: 100%;
    min-height: 100%;width: auto;
    height: auto}
	.index .imageContain {width:100%}
.linkPreview .c-copy{margin-top:12px;margin-left:6px;cursor:pointer;display:block}
.linkPreview .copied{background:#54BA4A}
.invert{width:auto;padding:0 30px;color:#fff;background:transparent;border:1px solid}
.full{width:100%}
.relative{position:relative}
.linkPreview .copyIcon{width:48px;height:48px;display:block;margin-left:12px}
.copyNow{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px;background:#54BA4A;color:#fff;text-transform:uppercase;padding:4px 8px;border-radius:3px;opacity:0;visibility:hidden;transition:all .2s ease-in-out}
.listaLinkuri h3{margin-top:0}
.column{padding:0 2rem;min-height:30px;line-height:30px}
.views{cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;color:inherit}
.views svg{transform:translateY(5px)}
.listaLinkuri .cardBox{margin-bottom:2rem}
.listaLinkuri .select{margin-left:1rem;margin-bottom:0}
.filters input{width:100%;max-width:unset;color:#121212}
.filters{background:#fff;margin-bottom:1rem;padding:20px;border-radius:5px}
.categorii .linkPreview{width:100%;position:relative;padding:10px 0}
.secondaryCategory{padding-left:1rem}
.categorii .linkInfo{padding:0 1rem;padding-left:2.5rem}
.hasChild:before{content:"";display:block;position:absolute;left:2.6rem;background:#ededed;width:1px;height:calc(100% - 70px);top:44px}
.secondaryCategory{position:relative}
.secondaryCategory h3{margin-top:0;margin-bottom:0}
.hasChild .secondaryCategory:before{content:"";display:block;position:absolute;left:2.6rem;top:50%;transform:translateY(-50%);background:#ededed;width:10px;height:1px}
.categorii svg{padding-top:4px}
.overlay{transition:all .2s ease-in-out;position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1;background:#000;opacity:0;visibility:hidden}
.overlayed{z-index:98;visibility:visible;opacity:.7}
.smallButton,.cancelChange{border-radius:20px;
    background: var(--yellow);
    text-align: center;
    padding: 4px 20px;
    margin-left: 10px;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;cursor:pointer}
	.cancelChange{background:none;color:red;text-decoration:none}
	.change{background:#24ab55;color:white}
	.pixelID:read-only{    background: none;
    color: #000;}
	.moreTraffic{position:absolute;background: #fff;
    padding: 15px 25px;
    border-radius: .5rem;
    box-shadow: 0px 5px 10px rgba(46, 35, 94, 0.07);
    height: auto;
    right: 0;columns:7;z-index:99;border:1px solid #eee;visibility:hidden;opacity:0;tranform:translateY(20px);transition:all .3s ease-in-out
	}
	.showTraffic{visibility:visible;opacity:1;tranform:translateY(0px);}
	.columnBar{break-inside: avoid-column;position:relative;width: 20px;margin:0 5px;
    display: block;
    background: #fff;
    height: 200px;}
	.columnBar span{font-size: 11px;
    display: block;
    text-align: center}
	.filled{width: 100%;background:blue;position:absolute;bottom:0}
	.day,.count{position:absolute;left:50%;transform:translateX(-50%);padding:5px 0}
	.day{    bottom: -30px;}
	.count{    top: -35px;}
	.disconnect{color:#fff;text-decoration:none}
	.disconnect i{margin-right:10px}
@media (min-width: 1080px) {
	.butonFiltrare{margin-left:1rem}
.only-mobile{display:none}
.secondaryCategory:hover,.mainCategory:hover{background:#ededed}
.delete{transform:scale(.85);cursor:pointer;transition:all .2s ease-in-out}
.delete:hover{transform:scale(1);filter:invert(34%) sepia(29%) saturate(7484%) hue-rotate(326deg) brightness(98%) contrast(98%)}
.relative:hover .copyNow{opacity:1;visibility:visible}
nav ul li a:hover{color:var(--yellow)}
.loginCard{left:30%}
.callto:hover{transform:scale(1.04)}
.invert:hover{background:#fff;color:#121212}
.forgotPass:hover{color:var(--yellow)}
input:hover{box-shadow:inset 0 0 0 1px #121212}
.loginPage input:hover{box-shadow:inset 0 0 0 1px #fff}
}
@media (max-width: 1299px) {
.four,.six{width:100%;margin-bottom:2rem}
.listaLinkuri .linkPreview{flex-wrap:wrap}
.extraInfo{flex-wrap:wrap;width:100%;display:flex;justify-content:space-between;padding:1rem}
}
@media (max-width: 1079px) {
	.butonFiltrare{margin-top:1rem}
.filters{justify-content:space-between;flex-wrap:wrap}
.listaLinkuri .select{margin-left:0;margin-top:16px}
header{background:#121212;z-index:999;position:relative}
.disconnect{color:#fff;text-transform:uppercase;letter-spacing:1px;padding:0;line-height:80px;text-decoration:none;font-weight:500;display:flex;align-items:center}
.disconnect i{margin-right:0}
.three{width:49%}
.no-mobile{display:none}
nav ul.flex{display:block}
nav{transition:left .3s ease-in-out;left:-101%;background:#121212;position:absolute;top:50px;z-index:99;width:100%;max-width:480px;padding:30px 0}
.navVisible{left:0}
header{height:50px}
.logo{max-width:115px;margin:10px 0}
nav ul li a{line-height:50px}
.hamburger{cusor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-right:15px}
.hamburger span{clear:both;float:none;display:block;background-color:#fff;height:1px;width:24px;margin-right:auto;margin-left:auto;margin-bottom:6px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.hamburger span:last-child{margin-bottom:0}
.hamburger.close span:nth-child(2){background-color:transparent;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.hamburger.close span:first-child{-webkit-transform:rotate(45deg) translate(2px,2px);-ms-transform:rotate(45deg) translate(2px,2px);transform:rotate(45deg) translate(2px,2px)}
.hamburger.close span:nth-child(3){margin-top:-11px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.hideOverflow{overflow:hidden}
}
@media (max-width: 800px) {.listaLinkuri .imageContain{border-top-left-radius:5px;border-bottom-left-radius:0px;border-top-right-radius:5px;}
	.imageContain{width:100%}
	.categorii .linkInfo {
    padding: 0 1rem;
    padding-left: 1rem;
}
	.hasChild:before {
    content: "";
    display: block;
    position: absolute;
    left: 1.1rem;
    background: #ddd;
    width: 1px;
    height: calc(100% - 98px);
    top: 56px;
}.hasChild .secondaryCategory:before{  background: #ddd;left: 1.1rem;}
.listaLinkuri .linkInfo{width:100%;flex:none}
h1,h2{font-size:var(--big-text)}
}
@media (max-width: 640px) {
	.pixeli .column {
    padding: .25rem 1rem 1rem}
	input{font-size: 16px;}
	.loginCard{padding: 20px;}
.pixeli .linkInfo{width:100%}
.column{padding:1rem}
.listaLinkuri .linkPreview img{width:100%;height:auto}
.pageHead{flex-wrap:wrap}
.three,.half,.halfSpaced{width:100%}
.halfSpaced{margin-bottom:16px}
}