@font-face {font-family: PoppinsBlackItalic; src: url(../fonts/Poppins-BlackItalic.ttf);}
@font-face {font-family: PoppinsRegular; src: url(../fonts/Poppins-Regular.ttf);}
@font-face {font-family: PoppinsSemiBold; src: url(../fonts/Poppins-SemiBold.ttf);}
@font-face {font-family: PoppinsLightItalic; src: url(../fonts/Poppins-LightItalic.ttf);}
body{font-family: 'PoppinsRegular';padding:0px;margin:0px;transition: all 1s ease;color: #000}
p{font-size: 12px;color: #000;line-height: 1.6;}
img{max-width:100%;margin: 0;padding: 0;vertical-align: bottom;}
hr{border-top: 1px solid #DDD;}
a{transition: all 1s ease;text-decoration: none;color: #000;}
a:hover{color:#FF5264}
.mobile{display:none}
@media (max-width:576px){
	.mobile{display:block}
	.desktop{display:none}
}

/*GRID*/
.container{position:relative;width:100%;margin-right:auto;margin-left:auto;display:grid;grid-template-columns: repeat(12, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;max-width:1140px}
.container-max{position:relative;width:100%;margin-right:auto;margin-left:auto;display:grid;grid-template-columns: repeat(12, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;max-width:calc( 100% - 40px )}
.col-1{position:relative;grid-column-start: span 1;}
.col-2{position:relative;grid-column-start: span 2;}
.col-3{position:relative;grid-column-start: span 3;}
.col-4{position:relative;grid-column-start: span 4;}
.col-5{position:relative;grid-column-start: span 5;}
.col-6{position:relative;grid-column-start: span 6;}
.col-7{position:relative;grid-column-start: span 7;}
.col-8{position:relative;grid-column-start: span 8;}
.col-9{position:relative;grid-column-start: span 9;}
.col-10{position:relative;grid-column-start: span 10;}
.col-11{position:relative;grid-column-start: span 11;}
.col-12{position:relative;grid-column-start: span 12;}

@media (max-width:992px){
	.container{max-width:960px;padding:0px 49px;width:calc( 100% - 98px );}
	.col-1{grid-column-start: span 1;}
	.col-2{grid-column-start: span 2;}
	.col-3{grid-column-start: span 3;}
	.col-4{grid-column-start: span 4;}
	.col-5{grid-column-start: span 5;}
	.col-6{grid-column-start: span 6;}
	.col-7{grid-column-start: span 7;}
	.col-8{grid-column-start: span 8;}
	.col-9{grid-column-start: span 9;}
	.col-10{grid-column-start: span 10;}
	.col-11{grid-column-start: span 11;}
	.col-12{grid-column-start: span 12;}
}

@media (max-width:768px){
	.container{max-width:720px;padding:0px 49px;width:calc( 100% - 98px );}
	.col-1{grid-column-start: span 1;}
	.col-2{grid-column-start: span 2;}
	.col-3{grid-column-start: span 3;}
	.col-4{grid-column-start: span 4;}
	.col-5{grid-column-start: span 5;}
	.col-6{grid-column-start: span 6;}
	.col-7{grid-column-start: span 7;}
	.col-8{grid-column-start: span 8;}
	.col-9{grid-column-start: span 9;}
	.col-10{grid-column-start: span 10;}
	.col-11{grid-column-start: span 11;}
	.col-12{grid-column-start: span 12;}
}

@media (max-width:576px){
	.container{max-width:540px;padding:0px 49px;width:calc( 100% - 98px );}
	.col-1{grid-column-start: span 12;width: 100%;}
	.col-2{grid-column-start: span 12;width: 100%;}
	.col-3{grid-column-start: span 12;width: 100%;}
	.col-4{grid-column-start: span 12;width: 100%;}
	.col-5{grid-column-start: span 12;width: 100%;}
	.col-6{grid-column-start: span 12;width: 100%;}
	.col-7{grid-column-start: span 12;width: 100%;}
	.col-8{grid-column-start: span 12;width: 100%;}
	.col-9{grid-column-start: span 12;width: 100%;}
	.col-10{grid-column-start: span 12;width: 100%;}
	.col-11{grid-column-start: span 12;width: 100%;}
	.col-12{grid-column-start: span 12;width: 100%;}
}

.row-1{grid-row-start: span 1;}
.row-2{grid-row-start: span 2;}

/* FORMULARZE */
label{width:100%;font-size:12px;color: #000;margin:10px 0px}
input,
input:focus,
input:-internal-autofill-selected,
input:-webkit-autofill{width:calc( 100% - 20px);border:1px solid #4B30AE;color: #4B30AE;padding:10px;margin:5px 0px 20px 0px;outline: none;}
input[type="password"]{background-image: url("../img/eye-icon.svg");background-repeat: no-repeat;background-position: calc( 100% - 10px ) center;}
input[type="checkbox"]{width: 20px; height:20px; float: left;display:block;opacity:0;position:absolute}
label.checkbox:before{content:"";width: 20px; height:20px; background:#DDD;display:block;float:left;margin-right:10px}
label.checkbox{width:auto;float: left;display:block;margin-top:6px;}
input[type="checkbox"] + label.checkbox:before{background:#DDD;}
input[type="checkbox"]:checked + label.checkbox:before{background:url(../img/check.svg) center center no-repeat #DDD !important;}
input[type="radio"]{width: 20px; height:20px; float: left;display:block;opacity:0;position:absolute}
label.radio:before{content:"";width: 20px; height:20px; background:#DDD;display:block;float:left;margin-right:10px}
label.radio{width:auto;float: left;display:block;margin-top:6px;}
input[type="radio"] + label.radio:before{background:#DDD;}
input[type="radio"]:checked + label.radio:before{background:url(../img/check.svg) center center no-repeat #DDD;}
::-webkit-input-placeholder{color: #4B30AE;font-size:12px;}
::-moz-placeholder{color: #4B30AE;font-size:12px;}
:-ms-input-placeholder{color: #4B30AE;font-size:12px;}
:-moz-placeholder{color: #4B30AE;font-size:12px;}
.logowanieklient a.zaloguj,
.logowanie button{border:1px solid #FF5264}
button, .logowanieklient a.zaloguj{font-size:14px;color:#fff;background:#FF5264;border:none;padding: 10px 0px;margin: 20px 0px;width:100%;transition: all 1s ease;cursor:pointer;text-align:center;text-decoration:none;}
button:hover, .logowanieklient a.zaloguj:hover{background:transparent;color:#FF5264}
@media (max-width:576px){
	.col-2.checkbox{ grid-column-start: span 6;}
}

/*LOGOWANIE */
body.logowanie {width:100%;height:100vh;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px -10px 55px #DDD;opacity: 0.9;margin-top:0px !important}
body.logowanie #lottie{background-color:#fff;width:100%;height:100%;display:block; overflow: hidden;transform: translate3d(0,0,0);text-align: center;opacity: 1;position: absolute;top: 0;left: 0}
body.logowanie #lottie svg{height:auto !important}
body.logowanie .tlologowanie{position: fixed;top: 0; right: 0;width: 50%;height: 100%;background:rgba(255,255,255);}

body.logowanie .container{z-index:9;}
body.logowanie .fix{position:relative;z-index:9}
body.logowanie .logowaniekolumny{height:calc( 100% - 135px );}
body.logowanie .witaj{margin-top:130px;margin-bottom:50px;margin-left:115px;font-size:28px;color:#000;font-family: 'PoppinsSemiBold';}
body.logowanie .slogan{font-size:35px;color:#000;font-family: 'PoppinsSemiBold';line-height:1.3;margin-top:130px;margin-bottom:80px;}
body.logowanie .poznaj_oferte{display:inline-block;border:1px solid #4B30AE;text-decoration:none; color:#4B30AE;padding:15px 13px;}
body.logowanie .poznaj_oferte:hover{border:!px solid #000;background: #000;color:#fff;}
body.logowanie .poznaj_oferte .text1{font-size:14px;line-height:2}
body.logowanie .poznaj_oferte .text2{font-size:18px;line-height:1.5;font-weight:bold;}
body.logowanie .stopka{font-size: 12px;left:115px;position: absolute;bottom:0px;margin-bottom:20px;color:#000;padding-top:21px;border-top:1px solid #000}
body.logowanie .logo{margin-top:55px}
body.logowanie .logo img{height: 40px;}
body.logowanie form{max-width:370px;margin-left:115px;margin-bottom:45px}

body.logowanie form a{color: #000;font-size:12px;text-decoration:underline;margin-bottom:22px;float: right;}

@media (min-width:992px){
	@media (max-height: 580px) {
		body.logowanie .logo{margin-top:40px}
		body.logowanie .slogan{margin-top:70px}
		body.logowanie .witaj{margin-top:70px}
	}
}

@media (max-height: 600px){
	body.logowanie .logo{margin-top:40px}
	body.logowanie .slogan{margin-top:70px}
	body.logowanie .witaj{margin-top:70px}
}


@media (max-width:576px){
	body.logowanie .tlologowanie{display:none}
	body.logowanie .logo{margin-top:40px;}
	body.logowanie .slogan{margin-top:41px;margin-bottom:50px;}
	body.logowanie .poznaj_oferte{margin-bottom:60px}
	body.logowanie .poznaj_oferte .text1{font-size:14px;}
	body.logowanie .poznaj_oferte .text2{font-size:18px;}
	
	body.logowanie .witaj{margin-left:0px;margin-top:50px;margin-bottom:20px}
	body.logowanie form{max-width:auto;margin-left:0px;}
	
	body.logowanie #lottie{height:auto;top:220px}
	body.logowanie .stopka{position:static;margin-top:80px;font-size:10px;text-align:center}
}

/*STOPKA*/
footer{background: #000;padding-top:70px;color:#fff;font-size:12px}
footer .kontakt{margin-top:100px;margin-bottom:10px}
footer a{text-decoration:none;color:#fff;font-size:14px;font-family: 'PoppinsSemiBold';margin-bottom:10px;display: inline-block;}
footer h4{font-size:14px;color:#fff;margin-bottom:20px;font-family: 'PoppinsSemiBold';margin-top: 0px;}
footer ul{list-style:none;margin:0px;padding:0px}
footer ul li{padding-top:10px;padding-bottom:10px}
footer ul a{text-decoration:none;font-size:12px;color:#A4B2E0;font-weight: normal;margin-bottom:0px;}
footer ul a:hover{text-decoration:underline;color:#A4B2E0;}
footer hr{margin-top:80px; border: none; border-top: 1px solid #DDD;}
footer .wszelkie-prawa{padding-top:30px;padding-bottom:30px}
@media (max-width:576px){
	footer{padding-top:50px}
	footer .container>div:nth-child(2){order:1;}
	footer .container>div:nth-child(3){order:2;margin-bottom:50px}
	footer .container>div:nth-child(4){order:3;grid-column-start: span 6;margin-bottom:70px}
	footer .container>div:nth-child(5){order:4;grid-column-start: span 6;margin-bottom:70px}
	footer .container>div:nth-child(1){order:5}
	footer .kontakt{margin:10px 0px}
	footer hr{ width: calc( 100% - 98px ); margin-left:49px}
	footer .wszelkie-prawa{font-size:10px}
}

/*BOX DANE UMOWY*/
.dane-umowy{position:fixed;z-index:-99;width: 100%;background: url(../img/bg-faq.svg) no-repeat #000; background-size: cover !important; padding-top:10px;padding-bottom:35px;color:#fff;font-size:12px;top:88px; font-family: 'PoppinsSemiBold';}

.drugie-menu.sembg>.container:before{content:"";width:57px;height:15px;background: url(../img/logo-sem.svg) no-repeat;background-position:center center;position:absolute;top:5px;right:0}
.drugie-menu.webbg>.container:before{content:"";width:92px;height:27px;background: url(../img/logo-5starweb.svg) no-repeat;background-position:center center;position:absolute;top:5px;right:0}
.drugie-menu.ccbg>.container:before{content:"";width:101px;height:17px;background: url(../img/logo-customer-care.svg) no-repeat;background-position:center center;position:absolute;top:5px;right:0}


.drugie-menu.roibg>.container:before{content:"";width:54px;height:27px;background: url(../img/logo-roi.svg) no-repeat;background-position:center center;position:absolute;top:5px;right:0}
.drugie-menu.fbbg>.container:before{content:"";width:91px;height:27px;background: url(../img/logo-fb.svg) no-repeat;background-position:center center;position:absolute;top:5px;right:0}
.drugie-menu.seobg>.container:before{content:"";width:67px;height:17px;background: url(../img/logo-seo.svg) no-repeat;background-position:center center;position:absolute;top:5px;right:0}
.drugie-menu.faq2>.container:before{content:"";width:48px;height:21px;background: url(../img/logo-faq.svg) no-repeat;background-position:center center;position:absolute;top:2px;right:0}


.dane-umowy.sembg:before{content:"";width:100%;height:5px;background: url(../img/pasek-sem.svg) no-repeat #000;background-position:center center;position:absolute;bottom:-5px;left:0}



.drugie-menu.karta_account>.container:before,
.dane-umowy.karta_account>.container:before{content:"";width:56px;height:13px;background: url(../img/logo-acc.svg) no-repeat;background-position:center center;position:absolute;top:15px;right:0}

.dane-umowy h1{font-size:35px;font-family: 'PoppinsSemiBold';color:#fff;margin-top:10px;margin-bottom:40px}
.dane-umowy.moi_klienci h1{border-bottom:4px solid #fff}
.dane-umowy.etapy_prac h1{border-bottom:4px solid #fff}
.dane-umowy.statystyki h1{border-bottom:4px solid #fff}
.dane-umowy.karta_domeny h1{border-bottom:4px solid #fff}
@media (max-width:576px){
	.dane-umowy h1{font-size:32px;}
}

.dane-umowy.seowiec .dane div:nth-child(5){order: 1;font-size: 16px;}
.dane-umowy.seowiec .dane div:nth-child(3){order: 2;font-size: 16px;}
.dane-umowy.seowiec .dane div:nth-child(9){order: 3;font-size: 16px;}
.dane-umowy.seowiec .dane div:nth-child(10){order: 4;font-size: 16px;}

.dane-umowy.seowiec .dane div:nth-child(1){order: 5;}
.dane-umowy.seowiec .dane div:nth-child(2){order: 6;}


.dane-umowy.seowiec .dane div:nth-child(6){order: 7;}
.dane-umowy.seowiec .dane div:nth-child(7){order: 8;}

.dane-umowy.seowiec .dane div:nth-child(4){order: 9;}
.dane-umowy.seowiec .dane div:nth-child(8){order: 10;}
.dane-umowy.seowiec .dane div:nth-child(12){order: 11;}
.dane-umowy.seowiec .dane div:nth-child(11){order: 12;}
.dane-umowy.seowiec .dane div:nth-child(13){order: 13;}


/* TABELA */
table{border-spacing: 0px;width:100%}
th{color:#000;font-size:12px;font-family: 'PoppinsSemiBold';padding:15px;border-bottom:1px solid #DDD; text-align: left;}
td{color:#000;font-size:12px;padding:15px;border-bottom:1px solid #DDD}
.dane label,td label{width:100%;color:#4B30AE;font-size:12px;display:block;margin:0px}
table.dane td{font-size:14px;padding: 30px 15px; vertical-align: top}
table.dane.hover tr:hover td{background:rgba(238, 241, 250, 0.7)}
table.dane.hover-clik tr:hover td{cursor: pointer;}
table.dane.faktury th{font-size:12px}
table.dane.faktury td{font-size:12px;padding: 15px;}
table.dane.skladowe th{font-size:12px}
table.dane.skladowe td{font-size:12px;padding: 15px;}
table.dane.umowy_seo th{font-size:12px}
table.dane.umowy_seo td{font-size:12px;padding: 15px;}
table.dane tr:last-of-type td{border:none}
table.dane.hover tr:last-of-type td{border-bottom:1px solid #DDD}
.dane-umowy table.dane td{font-size:14px;padding: 10px 0px;color:#fff;border:none;font-family: 'PoppinsSemiBold';}
@media (max-width:576px){
	.table-container{overflow-x: scroll;overflow-y: hidden;}
	
	table.dane{display:block}
	table.dane tbody{display:block}
	table.dane tr{display: grid;grid-template-columns: repeat(12, 1fr); border-bottom: 1px solid #DDD;padding-top:30px}
	table.dane tr:last-of-type{border:none}
	table.dane td{grid-column-start: span 12;padding: 0px 0px 30px 0px;border:none; width: auto !important;}
	table.dane.hover tr:hover{background:rgba(238, 241, 250, 0.7)}
	table.dane.hover tr:hover td{background:transparent}
		
	.dane-umowy .dane div:nth-child(1){order: 1;}
	.dane-umowy .dane div:nth-child(4){order: 2;}
	.dane-umowy .dane div:nth-child(7){order: 3;}
	.dane-umowy .dane div:nth-child(2){order: 4; grid-column-start: span 5;}
	.dane-umowy .dane div:nth-child(3){order: 5; grid-column-start: span 7;}
	.dane-umowy .dane div:nth-child(5){order: 6; grid-column-start: span 5;}
	.dane-umowy .dane div:nth-child(6){order: 7; grid-column-start: span 7;}
	.dane-umowy .dane div:nth-child(8){order: 8;}
	
	#dane-klienta tr:nth-child(3) td{grid-column-start: span 6;}
	#dane-umowy tr td{grid-column-start: span 6;}
	#dane-konsultanta tr:nth-child(3) td{grid-column-start: span 6;}
	#faktury tr td{grid-column-start: span 6;}
	#wplaty tr td{grid-column-start: span 6;}
	#korekty tr td{grid-column-start: span 6;}
	
	#umowy-seo{font-size: 11px;}
	#umowy-seo tr:nth-child(1){display:none}
	#umowy-seo tr{display:grid;grid-template-columns: repeat(12, 1fr);position:relative;padding:30px 0px}
	#umowy-seo td:nth-child(1):before{content:"Nr druku";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(1){grid-column-start: span 3; order: 1}
	#umowy-seo td:nth-child(3):before{content:"Konsultant Podpisujący";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(3){grid-column-start: span 9; order: 2}
	#umowy-seo td:nth-child(6):before{content:"Domena";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(6){grid-column: 4 / span 9; order: 3}
	#umowy-seo td:nth-child(2):before{content:"Data podpisania";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(2){grid-column: 4 / span 4; order: 4}
	#umowy-seo td:nth-child(10):before{content:"Liczba miesięcy";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(10){grid-column-start: span 5; order: 5}
	
	#umowy-seo td:nth-child(7):before{content:"Data rozpoczęcia";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(7){grid-column: 4 / span 4; order: 6}
	#umowy-seo td:nth-child(8):before{content:"Data rozpoczęcia";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(8){grid-column-start: span 5; order: 7}
	#umowy-seo td:nth-child(9):before{content:"Data przełużenia";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(9){grid-column: 4 / span 4; order: 8}
	
	#umowy-seo td:nth-child(4):before{content:"Kod publikacji";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(4){grid-column: 4 / span 4; order: 9}
	#umowy-seo td:nth-child(5):before{content:"Kod reklamy";display:block;font-family:'PoppinsSemiBold'}
	#umowy-seo td:nth-child(5){grid-column-start: span 5; order: 10}
	
	#obiegi-optymalizacji td:nth-child(2){grid-column-start: span 6;}
	#obiegi-optymalizacji td:nth-child(3){grid-column-start: span 6;}

	#obiegi-copy td:nth-child(2){grid-column-start: span 6;}
	#obiegi-copy td:nth-child(3){grid-column-start: span 6;}
	
	.sekcjablue table.dane tr{border-bottom:1px solid rgba(50, 38, 92, 0.1)}
	
	.table-container{overflow-x: scroll;overflow-y: hidden;}
	.table-container table{display:table}
	.table-container tbody{display:table}
	.table-container table.dane tr{display:table-row}
	.table-container table.dane tr td{display:table-cell; border-bottom: 1px solid #DDD;}
	
	#skladowe{display:table;width:100%}
	#skladowe tbody{display:table}
	#skladowe tr{display:table-row}
	#skladowe tr td{display:table-cell; border-bottom: 1px solid #DDD;}
	
	.more table tr:nth-child(1){display:none}
	.more table tr td{padding:15px;border-bottom:0px !important}
	.more table tr td:nth-child(1):before{content:"Linkowanie";display:block;font-family:'PoppinsSemiBold'}
	.more table tr td:nth-child(2):before{content:"Treść";display:block;font-family:'PoppinsSemiBold'}
	.more table tr td:nth-child(3):before{content:"Status";display:block;font-family:'PoppinsSemiBold'}

}

/*NAGŁÓWKI*/
#optymalizacja{padding: 0px 0px 50px 0px}
#optymalizacja p{font-size:12px;font-family: 'PoppinsSemiBold';} 

#copywriting{background:#DDD;padding: 50px 0px}
#copywriting p{font-size:12px;font-family: 'PoppinsSemiBold';} 


/*PAGINACJA*/
.paging {color:#FF5264; font-size:18px; font-family: 'PoppinsSemiBold';margin-left:10px;margin-right:10px}
.paging a{color:#000;font-family: 'PoppinsSemiBold';margin-left:10px;margin-right:10px;text-decoration: none;cursor:pointer;transition: all 1s ease;}
.paging a:hover{color:#FF5264;}
.cursor-default{margin-left:10px;margin-right:10px;}
.paging .img-prev{position:relative; display:inline-block; margin-left: 10px; margin-right: 10px;width:20px;height:27px;overflow:hidden;transition: all 1s ease;}
.paging .img-next{position:relative; display:inline-block; margin-left: 10px; margin-right: 10px;width:20px;height:27px;overflow:hidden;transition: all 1s ease;}
.paging .img-prev:hover{margin-right: 15px; width:15px}
.paging .img-next:hover{margin-left: 15px;width:15px}
.paging svg{position: absolute;bottom: 0;}
.paging .img-prev svg{left:0}
.paging .img-next svg{right:0}
.paging .img-next svg .a,.paging .img-prev svg .a{stroke:#FF5264}
@media (max-width:576px){
	.paging{margin-left:0px;margin-right:0px}
	.paging .img-prev{margin-left:0px}
	.paging .img-next{margin-right:0px}
	.paging .relative>a{display:none}
	.paging .relative>a:nth-of-type(1){display:inline}
	.paging .relative>a:nth-of-type(2){display:inline}
	.paging .relative>a:last-of-type{display:inline}
}

/*MENU NAD DANYMI UMOWY*/
.drugie-menu{background: url(../img/bg-faq.svg) no-repeat #000;background-size: cover !important;padding:10px 0px;font-size:14px;}
.drugie-menu .menu-fast ul{list-style:none;color:#fff;margin:0px;padding:0px;font-family: 'PoppinsSemiBold';}
.drugie-menu .menu-fast ul li{display:inline-block}
.drugie-menu .menu-fast ul li a{color: #fff;margin-right:15px; display: inline-block;}
.drugie-menu .menu-fast ul li ul{font-family: 'PoppinsRegular';display: inline-block;}
.menu-fast ul li ul li{position:relative}
.menu-fast ul li ul li a{color:#4B30AE;text-decoration:none}
.menu-fast ul li ul li a:hover{color:#4B30AE;text-decoration:underline}
.menu-fast ul li ul li a.active{text-decoration:none}
.menu-fast ul li a span:after{content:":";display:inline-block;color:#fff;font-family: 'PoppinsSemiBold';position:relative;margin-left: -2px;}
.drugie-menu.moi_klienci .menu-fast ul li ul li a.active{color: #FF5264}
.drugie-menu.etapy_prac .menu-fast ul li ul li a.active{color: #FF5264}
.drugie-menu.statystyki .menu-fast ul li ul li a.active{color: #FF5264}
@media (max-width:576px){
	.drugie-menu .menu-fast{overflow-x: scroll;overflow-y: hidden;;}
	.drugie-menu .menu-fast ul{display:table}
	.drugie-menu .menu-fast ul li a{display:table-cell;padding:0 13px;}
	.drugie-menu .menu-fast>ul>li>a{padding-left:0px}
	.drugie-menu .menu-fast ul>li{display:table-cell;white-space: nowrap;}
	.drugie-menu .menu-fast ul>li>ul{display:table-cell;white-space: nowrap;}
}

/*MENU GŁÓWNE*/
body.web .fix{position:fixed;background:#fff;/*box-shadow: 0px 3px 6px #0001A;*/width:100%;top:0px; max-width: 100%;z-index: 99;}
body.web .logo{padding-top:20px;padding-bottom:0px;position:static;transition: all 1s ease;}
body.web .logo img{transition: all 1s ease;margin-top:0px;height:30px}
body.web #menu-button{display:none;width:55px;background:#fff;padding:0px;margin:0px;position:relative;float: right;height:40px}
body.web #menu-button .kreska1{display:block;width:33px;height:1px;background:#000;transition: all 1s ease;float:right;margin-top:16px}
body.web #menu-button .kreska2{display:block;width:25px;height:1px;background:#000;transition: all 1s ease;float:right;margin-top:8px;margin-bottom:16px;}

body.web #menu-button:hover .kreska1{background:#FF5264}
body.web #menu-button:hover .kreska2{width:33px;background:#FF5264}

body.web .menu{float:right;list-style:none;padding-top:10px;color: #000;font-size:14px;font-family: 'PoppinsSemiBold';margin:0px;transition: all 1s ease;padding-left: 0px;}
body.web .menu>li{float:left;padding-left:20px;color: #000;padding-bottom:30px}
body.web .menu>li>span{border-bottom:3px solid transparent}
body.web .menu>li>span.active{border-bottom:3px solid #000}
body.web .menu>li svg{margin-left:5px}
body.web .menu>li:hover{color:#FF5264}
body.web .menu>li svg .a{stroke:#000;}
body.web .menu>li:hover svg .a{stroke:#FF5264}
body.web .menu .dropdown-menu>.submenu{display:none;position:absolute;background:#fff;width:100%;left: 0 !important;top: calc( 100% - 15px );z-index:999}
body.web .menu .dropdown-menu:hover>.submenu{display:block !important}
body.web .menu-fix{display:none;content:"";position:fixed;background:#000; opacity:0.8;width:100%;height:100%;z-index: 99;top: 0;}
body.web .menu .submenu a{text-decoration: none}
body.web .menu .submenu ul{list-style:none;margin:0px;padding:0px}
body.web .menu .submenu li a{display:block;font-family: 'PoppinsSemiBold';}
body.web .menu .submenu li a:hover{color:#000}
body.web .menu .submenu ul ul{margin-top:30px}
body.web .menu .submenu ul ul li a{font-size:12px;font-family: 'PoppinsRegular';padding: 10px 0px;display:block;}
body.web .menu .submenu ul ul li a:hover{text-decoration:underline}
body.web .menu .submenu a>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3FE0DA;margin-left: 5px;vertical-align: top;margin-top: 5px;}
body.web .menu .submenu .moi-klienci span{background:#000;}
body.web .menu .submenu .etapy-prac span{background:#000;}
body.web .menu .submenu .statystyki span{background:#000;}
body.web .menu .submenu .karta-domeny span{background:#000;}
body.web .fix.sticky .logo{padding-top: 5px;height: 80px;}
body.web .fix.sticky .logo img{height: 40px;margin-top: -5px;}
body.web .fix.sticky .menu{padding-top:5px}
body.web .fix.sticky .menu>li{padding-bottom:5px}
body.web .menu .submenu .jestes{text-align:right;color:#000;font-size:14px;font-family: 'PoppinsSemiBold';}
body.web .menu .submenu .kto{text-align:right;color:#FF5264;font-family: 'PoppinsRegular';margin-bottom:40px}
body.web .menu .submenu .menu-uzytkownik{float:right;text-align:right;font-family: 'PoppinsRegular';}
body.web .menu .submenu .menu-uzytkownik li a{font-weight:normal;margin-bottom:30px}
body.web .relative{position:relative}
body.web .fix>.relative>.container{position:static}
#logout-form{width:100%;}
#wyloguj{font-size:12px;color:#000;font-family: 'PoppinsSemiBold';background:none;padding:0px;float:right;width:auto}
#wyloguj:hover div{text-decoration:underline}
#wyloguj svg {position: absolute; bottom: 0;right: 0;}
#wyloguj div{position: relative;display: inline-block; vertical-align: top;padding-top:2px}
#wyloguj span{position: relative;display: inline-block;margin-left: 10px; margin-right: 10px; width: 19px;height: 16px;overflow: hidden;transition: all 1s ease;}
#wyloguj:hover span{width: 15px;margin-left: 15px;}

@media (max-width:576px){
	body.web .logo{position:relative;padding:25px 0px}
	body.web .logo>a{position:relative;z-index:999}
	body.web #menu-button{display:block;}
	body.web .menu.menu1{float:none;width:100%;padding:0px;margin-top:15px;display:none;height: 100vh;transition: all 1s ease;}
	body.web .menu.menu1>li{float:none;width:100%;margin:0px;padding:15px;width:calc( 100% - 30px );position:relative}
	body.web .submenu>.container{padding:15px}
	
	body.web .menu.menu2{position:relative;margin:0px;padding: 0px;width:auto;text-align: right;
	float:right;margin-top: -40px;}
	body.web .menu.menu2>li{margin-left:25px;float:none;display: inline-block;padding-left: 0px;}
	
	body.web .menu.menu1{border-bottom:1px solid #f2f4fb;}
	body.web .menu.menu1>li{border-bottom:1px solid #f2f4fb;}
	body.web .menu .dropdown-menu:hover>.submenu{display:none}
}

/*WYSZUKIWARKA GŁÓWNA*/
body.web .wyszukiwarka-kolor{position:fixed;z-index:-99;width: 100%;background: url(../img/bg-faq.svg) no-repeat #000; background-size: cover !important; padding-top:70px;color:#fff;font-size:12px;}
body.web .wyszukiwarka-kolor label{color: #fff;font-size:14px;}
body.web .wyszukiwarka-kolor label:before,.web .submenu label:before{display:none}
body.web .wyszukiwarka-kolor input[type="text"],
body.web .wyszukiwarka-kolor input[type="text"]:-webkit-autofill,
.web .submenu input[type="text"]
{border:none;border-bottom:4px solid #fff;font-size:35px;font-family: 'PoppinsSemiBold';color:#fff !important;background:none;background-color:transparent !important;padding:10px 0px;width:100%}
body.web .wyszukiwarka-kolor input[type="text"]:-webkit-autofill,
body.web .wyszukiwarka-kolor input[type="text"]:is(:-webkit-autofill, :autofill) {background-image: none !important;background-color:transparent !important;}
body.web .wyszukiwarka-kolor input[type="text"]:active{background:transparent;color:#fff;}
body.web .wyszukiwarka-kolor ::-webkit-input-placeholder{color: #fff;font-size:35px;}
body.web .wyszukiwarka-kolor ::-moz-placeholder {color: #fff;font-size:35px;}
body.web .wyszukiwarka-kolor :-ms-input-placeholder {color: #fff;font-size:35px;}
body.web .wyszukiwarka-kolor :-moz-placeholder {color: #fff;font-size:35px;}
body.web .wyszukiwarka-kolor input[type="checkbox"],.web .submenu input[type="checkbox"]{width: 20px; height:20px; float: left;display:block;opacity:0;position:absolute}
body.web .wyszukiwarka-kolor .checkbox label:before,.web .submenu .checkbox label:before{content:"";width: 20px; height:20px; background:#DDDDDD;display:block;float:left;margin-right:10px}
body.web .wyszukiwarka-kolor .checkbox label, .web .submenu .checkbox label{color:#fff;width:auto;display:block;margin-top:6px;}
body.web .wyszukiwarka-kolor button, .web .submenu button{margin:0px;border-radius: 27px;}
body.web .wyszukiwarka-kolor.sembg>.container:before{content:"";width:57px;height:15px;background: url(../img/logo-sem.svg) no-repeat;background-position:center center;position:absolute;top:-50px;right:0}
body.web .wyszukiwarka-kolor.ccbg>.container:before{content:"";width:101px;height:17px;background: url(../img/logo-customer-care.svg) no-repeat;background-position:center center;position:absolute;top:-50px;right:0}
body.web .wyszukiwarka-kolor.webbg>.container:before{content:"";width:92px;height:27px;background: url(../img/logo-5starweb.svg) no-repeat;background-position:center center;position:absolute;top:-50px;right:0}

body.web .wyszukiwarka-kolor.seobg>.container:before{content:"";width:67px;height:17px;background: url(../img/logo-seo.svg) no-repeat;background-position:center center;position:absolute;top:-50px;right:0}
body.web .wyszukiwarka-kolor.roibg>.container:before{content:"";width:54px;height:27px;background: url(../img/logo-roi.svg) no-repeat;background-position:center center;position:absolute;top:-50px;right:0}
body.web .wyszukiwarka-kolor.fbbg>.container:before{content:"";width:91px;height:27px;background: url(../img/logo-fb.svg) no-repeat;background-position:center center;position:absolute;top:-50px;right:0}


body.web .wyszukiwarka-kolor .text{width:100%;background:rgba(0, 0, 0, 0.6);margin-top: 70px;position:relative}
body.web .wyszukiwarka-kolor.sembg .text:before{content:"";width:100%;height:5px;background: url(../img/pasek-sem.svg) no-repeat #000;background-position:center center;position:absolute;top:-5px;left:0}
body.web .wyszukiwarka-kolor .text h2{font-size:28px;margin-top:46px}
body.web .wyszukiwarka-kolor .text p{margin-bottom:55px;color:#fff;padding-left:0px}
body.web .wyszukiwarka-kolor .brand-hero{position:relative;min-height: 180px;}
body.web .wyszukiwarka-kolor .brand-hero img{position:absolute;bottom:0px;right:-20px}

body.web .placeholder-container{position:relative}
body.web .placeholder-container .placeholder{font-family: 'PoppinsSemiBold';position:absolute;top:0px;left:0px;display:none;color: #fff;font-size:35px;width:calc( 100% + 30px ); height: calc( 100% - 20px);   padding: 10px 0px;}

@media (min-width:992px){
	@media (max-height: 580px) {
		body.web .wyszukiwarka-kolor{padding-top:50px}
		body.web .wyszukiwarka-kolor .text{margin-top:30px}
	}
}

@media (max-width:576px){
	body.web .wyszukiwarka-kolor .checkbox{grid-column-start: span 6;}
	body.web .wyszukiwarka-kolor{padding-top:30px}
	body.web .wyszukiwarka-kolor .checkbox label{font-size:10px;line-height: 2;}
	body.web .wyszukiwarka-kolor .brand-hero{display:none}
	
	body.web .wyszukiwarka-kolor .container>div:nth-child(5){grid-column-start: span 6;}
	body.web .wyszukiwarka-kolor .container>div:nth-child(6){grid-column-start: span 6;}
	
	body.web .placeholder-container input{height: 220px;position:relative; z-index: 99}
	body.web .wyszukiwarka-kolor ::-webkit-input-placeholder{color: rgba(0,0,0,0);font-size:35px;}
	body.web .wyszukiwarka-kolor ::-moz-placeholder {color: rgba(0,0,0,0);font-size:35px;}
	body.web .wyszukiwarka-kolor :-ms-input-placeholder {color: rgba(0,0,0,0);font-size:35px;}
	body.web .wyszukiwarka-kolor :-moz-placeholder {color: rgba(0,0,0,0);font-size:35px;}
	body.web .placeholder-container .placeholder{display:block;}
	body.web .placeholder-container input:focus + .placeholder{opacity:0}
	body.web .placeholder-container input:not(:placeholder-shown) + .placeholder{opacity:0}
}



/*WYSZUKIWARKA W MENU*/
body.web .submenu label{color: #000;font-size:14px;}
body.web .submenu>.container{border-top:1px solid #f2f4fb;padding-top:50px;padding-bottom:50px}
body.web .submenu{color:#000;font-size:12px;font-weight:normal}
body.web .submenu input[type="text"]{border-color:#000;font-size:24px;color:#000}
body.web .submenu ::-webkit-input-placeholder{color: #000;font-size:24px;}
body.web .submenu ::-moz-placeholder {color: #000;font-size:24px;}
body.web .submenu :-ms-input-placeholder {color: #000;font-size:24px;}
body.web .submenu :-moz-placeholder {color: #000;font-size:24px;}
body.web .submenu .checkbox label{color:#000;font-size:12px;font-family: 'PoppinsSemiBold';line-height: 1.8;}
@media (max-width:576px){
	body.web .submenu>.container{width:100%;border-bottom:0px;padding-top:30px;padding-bottom:30px;max-height: calc( 100vh - 220px );overflow-y: auto;}
	body.web .submenu>.container .col-3{grid-column-start: span 6;}
}

/*WYSZUKIWARKA ALFABET*/
body.web .alfabet{list-style:none;margin:0px;padding:0px;width:100%}
body.web .alfabet li{font-size:18px;font-family: 'PoppinsSemiBold';display: block;width:3.2%; float: left;cursor:pointer}
body.web .alfabet li:hover,.web .alfabet li.active{color:#FF5264}

/*LISTA UMÓW*/
body.web #livesearch tr td:last-of-type{padding:0px 15px;}
body.web #livesearch tr img{opacity:0; margin-top: 5px;}
body.web #livesearch tr:hover img{opacity:1}
body.web #livesearch tr:hover td{background:rgba(238, 241, 250, 0.7);cursor:pointer}

@media (max-width:576px){
	body.web #livesearch table{display:block}
	body.web #livesearch tbody{display:block}
	body.web #livesearch tr:nth-child(1){display:none}
	body.web #livesearch tr{display:grid;grid-template-columns: repeat(12, 1fr);position:relative;padding:30px 0px}
	body.web #livesearch tr:after{content:"";display:block;height:1px; width: calc( 100% + 98px );background:#DDD;position:absolute;left:-49px;bottom: 0px;}
	body.web #livesearch th{display:none}
	body.web #livesearch td{display:block;padding: 15px 0px;border-bottom:0px}
	body.web #livesearch td:nth-child(1):before{content:"ID Ditel";display:block;font-family:'PoppinsSemiBold'}
	body.web #livesearch td:nth-child(1){grid-column-start: span 3; order: 1}
	
	body.web #livesearch td:nth-child(2):before{content:"Nazwa Firmy";display:block;font-family:'PoppinsSemiBold'}
	body.web #livesearch td:nth-child(2){grid-column-start: span 9; order: 2}
	
	body.web #livesearch td:nth-child(3):before{content:"Nr druku";display:block;font-family:'PoppinsSemiBold'}
	body.web #livesearch td:nth-child(3){ grid-column: 4 / span 4; order: 4}
	
	body.web #livesearch td:nth-child(4):before{content:"Domena";display:block;font-family:'PoppinsSemiBold'}
	body.web #livesearch td:nth-child(4){grid-column-start: span 9; order: 7}
	
	body.web #livesearch td:nth-child(5):before{content:"Konsultant Podpisujący";display:block;font-family:'PoppinsSemiBold'}
	body.web #livesearch td:nth-child(5){grid-column: 4 / span 9; order: 3}
	
	body.web #livesearch td:nth-child(6):before{content:"Status";display:block;font-family:'PoppinsSemiBold'}
	body.web #livesearch td:nth-child(6){grid-column-start: span 5; order: 5}
	
	
	body.web #livesearch td:nth-child(7){grid-column-start: span 3; order: 6}
	body.web #livesearch tr img{opacity:1;margin-top: 30px;}
	
	body.web #livesearch tr:hover{background:rgba(238, 241, 250, 0.7);cursor:pointer}
	body.web #livesearch tr:hover td{background:transparent}
	
	body.web .alfabet-container{overflow-x: scroll;overflow-y: hidden;}
	body.web .alfabet{display: table;}
	body.web .alfabet li{display: table-cell;padding:13px;float:none;width:auto;}
	body.web .alfabet #A{padding-left:0px}
}


/*STRZAŁKA POWROTU NA GÓRĘ STRONY*/
.container-block{display:block;}
.backcontainer{width:40px;float:right;}
.backcontainer .back{width:40px;height:40px;float:right;cursor:pointer;position:fixed;bottom:30px;overflow:hidden;z-index:9}
.backcontainer .back>div{position:absolute;top:0;transition: all 1s ease;width:40px;height:80px}
.backcontainer .back:hover>div{top:-40px;}
.backcontainer .back .back1{background:#FF5264;width:40px;height:40px;}
.backcontainer .back .back2{background:#000;width:40px;height:40px;}
.backcontainer .back svg{margin-left: 11px;margin-top: 10px;}
.backcontainer .back .back1 svg .a{stroke:#fff}
.backcontainer .back .back2 svg .a{stroke:#FF5264}

hr.break{margin:50px 0px;border:none;border-top: 1px solid #DDD;}
.sekcja1 label.checkbox:hover{text-decoration:underline}
@media (max-width: 576px){
	hr.break{margin:0px;}
}

/*SEKCJE*/
.sekcja1{z-index: 99;background:#fff;padding:50px 0px}
.sekcjablue{background:#DDD}

.red{color:#FF5264;font-family: 'PoppinsSemiBold';}
.nowrap{white-space: nowrap;}


.działania_offsite{padding:50px 0px}
.obieg_optymalizacji{padding:50px 0px}
.obieg_copywriting{padding:50px 0px}
.audyt_optymalizacji_user{padding:50px 0px 0px 0px}

.sof{font-family: 'PoppinsSemiBold';}
.sof span{font-weight:normal}
.sof .img-next{position:relative; display:inline-block; margin-left: 10px; margin-right: 10px;width:20px;height:16px;overflow:hidden;transition: all 1s ease;vertical-align: middle;}
.sof .text{transition: all 1s ease;display:inline-block;opacity: 0;vertical-align: middle;}
.sof:hover .text{opacity: 1}
.sof:hover .img-next{margin-left: 15px;width:15px}
.sof:hover{color:#000;text-decoration:underline}
.sof:hover a span{text-decoration:none !important}
.sof .img-next svg{position: absolute;bottom: 0;}
.sof .img-next svg{right:0}
.sof .img-next svg .a{stroke:#FF5264}

.sekcjablue td{border-bottom: 1px solid #000;}
.adwords p{margin:0px;font-size:12px}
.adwords .dane td{padding:15px;}

/*OBIEGI*/
.obiegi table.more{width:100%;margin-bottom:10px;font-size:12px}
.obiegi table.more tr.header{cursor:pointer}
.obiegi table.more tr.header th{background:#4B30AE;color:#fff;position:relative}
.obiegi table.more tr.header:hover th{color:#fff}
.obiegi table.more tr.header span{display:inline-block;margin-right:80px}
.obiegi table.more tr.header span.arrow,
.widocznoscai table span.arrow{position:absolute;margin:0px;transform: rotate(180deg);transition: all 1s ease;height: 18px; top: auto; bottom: auto;right: 15px;overflow:hidden;border-bottom:0px solid rgba(1,1,1,0);cursor:pointer}
.widocznoscai table span.arrow{margin:aut0;left:0;right:0;top:20px;}
.widocznoscai table td{position:relative}
.obiegi table.more tr.header:hover span.arrow, .widocznoscai table span.arrow:hover{height:13px;border-bottom:5px solid rgba(1,1,1,0)}
.obiegi table.more tr.header.active span.arrow, .widocznoscai table span.arrow.active{transform: rotate(360deg);}
.obiegi table.more tr.header span.arrow svg .a{stroke:#fff}
.widocznoscai span.arrow svg .a{stroke:#f02d72}
.obiegi table.more tr.hidden>td{padding:0px}
.obiegi table.more tr.hidden{display:none}
.obiegi table td.button-link a{color:#FF5264;transition: all 1s ease;}
.obiegi table td.button-link a:hover{text-decoration:underline}
.obiegi table td.button-link a svg {position:absolute;top:0;right:0;transition: all 1s ease;}
.obiegi table td.button-link a svg .a{stroke:#FF5264}
.obiegi table td.button-link a .arrow{position: absolute;display:inline-block; transition: all 1s ease; width:13px; height:13px; border-radius:5px; border-bottom: 1px solid #FF5264; border-left: 1px solid #FF5264;margin-left:6px}
.obiegi table td.button-link a:hover .arrow{width:14px; height:14px; margin-left:5px}
.obiegi table td.button-link a:hover svg{top:-1px;right:-1px;}
.parametry{font-size:12px; color:#FF5264;font-family: 'PoppinsSemiBold';}

p.sesje{font-size:12px;color:#000;font-family: 'PoppinsRegular';line-height: 1.6;}
ul.sesje{font-size:12px;color:#000;font-family: 'PoppinsRegular';list-style:none;}
ul.sesje li{background:url(../img/arrow-right-ul.svg) left top no-repeat;padding-left:25px;margin-bottom:10px}

.excel{margin-bottom:140px;height:31px;position:relative}
#adresy .excel{margin-bottom:0px}
.chartdiv_wykres{height: 100vh; width: 100%;}
@media (max-width: 576px){
	.wykres-container{overflow-x: scroll;overflow-y: hidden;}
	.wykres-container .chartdiv_wykres{width:600px}
	.obiegi table.more tr.header span.arrow{top:18px}
	.obiegi table.more tr.header span{display:block}
}

/*MAPA POLSKI*/
#mapa_polski .wojewodztwo,#mapa_polski_ga4 .wojewodztwo{fill:#4B30AE;stroke: #fff;transition: all 1s ease;transition: all 1s ease;}
#mapa_polski .wojewodztwo:hover,#mapa_polski .wojewodztwo.active,#mapa_polski .wojewodztwo.hover,
#mapa_polski_ga4 .wojewodztwo:hover,#mapa_polski_ga4 .wojewodztwo.active,#mapa_polski_ga4 .wojewodztwo.hover{fill:#FF5264;cursor:pointer}
#mapa_polski text, #mapa_polski_ga4 text{cursor:pointer}

#adresy>ul{margin:0px;padding:0px}
#adresy>ul>li{list-style:none;display:none;transition: all 1s ease;}
#adresy>ul>li.active{display:block}

.paddingtop{padding-top:50px}
.paddingbottom{padding-bottom:50px}
.sekcjagrey{background:rgb(251,251,251);padding: 50px 0px}

/*CUSTOM SELECT*/
.div_select{display:inline-block;margin-left: 10px;position:relative}
.div_select>div{border:1px solid #DDD;border-radius:0;display:block;height:33px;width:210px; padding: 11px 20px 11px 20px;color:#FF5264;font-size:24px;font-family: 'PoppinsSemiBold';-webkit-appearance: none;-moz-appearance: none;appearance: none; position:relative;cursor:pointer}
.div_select span.arrow{position: absolute; margin: 0px;transform: rotate(180deg);transition: all 0.5s ease;height: 18px;top: 19px;right: 15px; overflow: hidden;border-bottom: 0px solid rgba(1,1,1,0);}
.div_select:hover span.arrow{height: 13px;top: 24px;}

#domena_org span.arrow,
#ua_analityka span.arrow{height: 28px;}
#domena_org:hover span.arrow,
#ua_analityka:hover span.arrow{height: 20px;top:27px}

.div_select span.arrow svg .a{stroke:#FF5264}
.div_select ul{display:none;list-style:none;position:absolute;margin:0px;padding:0px;top: 100%;left: 0;z-index: 99;height: 50vh;overflow-y: auto;overflow-x: hidden;}
.div_select ul li{color:#000;border:1px solid #DDD;border-radius:0;display:block;height:33px;width:210px; padding: 11px 20px 11px 20px;background:#fff;white-space: nowrap;}
.div_select ul li:hover{color:#FF5264;background:#DDD}
.nr_analityki{color:#000;font-size:24px;font-family: 'PoppinsSemiBold';}

@media (max-width: 576px){
	.div_select{margin-left:0px}
}

/*MENU WYKRESÓW*/
.excel>ul.amcharts-amexport-menu-level-0.amcharts-amexport-top{top:0px;right: 25px;}
.excel .amcharts-amexport-item{background-color:#fff !important;border:1px solid #000;font-size:12px;opacity: 1 !important;}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0>a{color:#fff !important;position:static}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0{width:95px;position:relative}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0:before{content:"Pobierz";color:#000;font-size:12px;min-height: 17px;padding: 6px 41px 7px 10px; position: absolute;}
.excel a{color:#000 !important;}
.excel .amcharts-amexport-item:hover{background-color:#DDD !important}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0:after,
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0>a:after,
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0>a:before
{content:"";width:5px;height:5px;border-radius:50%;background:#FF5264;position:absolute;top:12px;transition: all 0.5s ease;}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0:after{right:18px}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0>a:after{right:10px}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0>a:before{right:26px}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0:hover:after{top:15px}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0:hover>a:after{top:9px}
.excel .amcharts-amexport-item.amcharts-amexport-item-level-0:hover>a:before{top:9px}

/*LEGENDA*/
p.legenda{color:#000;font-size:12px}
#legenda{list-style:node;display:block;padding-left:0px;}
#legenda li{display:inline-block;margin-right:25px;padding:2px 10px;font-size:12px;font-family: 'PoppinsSemiBold';}
#legenda li.start_umowy{color:#fff;background:#FF5264}
#legenda li.optymalizacja{color:#fff;background:#44AF30}
#legenda li.metadane{color:#000;background:#FFBA00}
#legenda li.tresci{color:#000;background:#A2C6FF}

.marginbottom0{margin-bottom:0}

/*MENU TABS*/
.nav-tabs{background:none;border:none;list-style:none;margin:0;padding:0}
.nav-tabs li{border:none;background:none;display:inline-block;transition: all 1s ease;}
.nav-tabs li a{font-size:28px;text-decoration:none;color:rgba(0, 0, 0, 0.2);font-family: 'PoppinsSemiBold';padding:15px 50px 15px 0px;display: block;}
.nav-tabs li:hover a{color:#000}
.nav-tabs li.active a{font-size:28px;text-decoration:none;color:#000;font-family: 'PoppinsSemiBold';}
#navbarTabs{position:static;width:100%;background:#fff;border-bottom: 1px solid #DDD;}
#navbarTabs.sticky{position:fixed;z-index: 9;}
#navbarTabs.sticky .nav-tabs a{font-size:14px;padding-left:0px}
.tab-content h2{font-size:24px;color:#000}
.tab-content h3{color:#000;font-size:24px;}
.tab-content>.tab-pane.active {display: block;}
.tab-content>.tab-pane {display: none;}

@media (max-width:576px){
	.nav-tabs-container{overflow-x: scroll;overflow-y: hidden;;}
	.nav-tabs{display:table}
	.nav-tabs>li{display:table-cell}
	.nav-tabs>li a{white-space:nowrap}
}

/*ANALITYKA URZĄDZENIA*/
.urzadzenia{padding:50px 0px;text-align:center}
.urzadzenia .urzadzenie{height:82px;position:relative}
.urzadzenia .urzadzenie .img{position:absolute;bottom:0;width:100%;text-align:center}
.urzadzenia .title{font-size:18px;color:#000;position:absolute;transition: all 0.5s ease;opacity:0;width:100%;text-align:center;bottom:0;font-family: 'PoppinsSemiBold';}
.urzadzenia:hover .smartphone .title{opacity:1;bottom:24px}
.urzadzenia:hover .tablet .title{opacity:1;bottom:33px}
.urzadzenia:hover .desktop .title{opacity:1;bottom:37px}
.urzadzenia .count{font-size:0px;color:#000;font-family: 'PoppinsSemiBold';margin-top:10px}
.urzadzenia .count .value-orginal{font-size:32px;color:rgba(1,1,1,0);display: inline-block;vertical-align: top;overflow:hidden;position:relative}
.urzadzenia .count .value-window{position:absolute;top:0;left:0;width:100%;}
.urzadzenia .count .value-window .value{font-size:32px;display: block;color: #000; -webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}
.urzadzenia .count .value-window .value .value-inner{display: block;color: #000;width: 100%;text-align: center;}
.urzadzenia .animation .count .value-window .value{animation: rotacja 1s linear both;}
.urzadzenia .count .value-window .value .value-inner.last{position: absolute;}
@keyframes rotacja{
	100%{
			-webkit-transform: translateY(-100%);
			-moz-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
			-o-transform: translateY(-100%);
			transform: translateY(-100%);
		}
}

@media (max-width:576px){
	.urzadzenia .urzadzenie{display:block!important}
}

/*ANALITYKA DEMOGRAFIA*/
.demografia{padding: 50px 0px}
.demografia h4{text-align:center;font-size:18px;color:#000;font-family: 'PoppinsSemiBold';}
.demografia .kolo{height: 170px;width: 170px;position: relative;margin: 0 auto;}
.demografia .kolo .kropki{height: 162px;width: 162px;border: 4px dotted #A2C6FF;position: absolute;top: 0px;left: 0px;-webkit-border-radius: 100%;}
.demografia .kolo .inner{position: absolute;z-index: 6;top: 4px;left: 4px;height: 162px;width: 162px;background: #fff;border-radius: 100%;text-align:center}
.demografia .kolo .inner .img{position:absolute;height: 110px;width: 100%;position: absolute;top: 17px;text-align:center;}
.demografia .kolo .inner .img img{height:100px}
.demografia .kolo .inner .img .procent{color:#000;font-size:18px;font-family: 'PoppinsSemiBold';}
.demografia.sekcjablue .kolo .inner{background:#DDD}
.demografia .kolo .bar{position: absolute;height: 170px;width: 170px;-webkit-border-radius: 100%;clip: rect(0px, 170px, 170px, 85px);}
.demografia .circle .bar .progress{position: absolute;height: 170px;width: 170px;-webkit-border-radius: 100%;clip: rect(0px, 85px, 170px, 0px);background: #4158d0;}
.demografia .kolo .bar.min{clip: rect(0px, 170px, 170px, 85px);}
.demografia .circle .bar.min{clip: rect(0px, 85px, 170px, 0px);}
.demografia .kobieta-1 .circle .bar .progress,.demografia .mezczyzna-1 .circle .bar .progress{background:#44AF30}
.demografia .kobieta-2 .circle .bar .progress,.demografia .mezczyzna-2 .circle .bar .progress{background:#FFBA00}
.demografia .kobieta-3 .circle .bar .progress,.demografia .mezczyzna-3 .circle .bar .progress{background:#FF8B03}
.demografia .kobieta-4 .circle .bar .progress,.demografia .mezczyzna-4 .circle .bar .progress{background:#FF5264}
.demografia .kobieta-5 .circle .bar .progress,.demografia .mezczyzna-5 .circle .bar .progress{background:#3FE0DA}
.demografia .kobieta-6 .circle .bar .progress,.demografia .mezczyzna-6 .circle .bar .progress{background:#000}
.demografia .circle .left {transform: rotate(-360deg);}
.demografia .circle .right {transform: rotate(-180deg);z-index:3;}
.demografia .circle .left .progress{z-index:1;}
.demografia .circle .right50 .progress{animation: right50 4s linear both; }
@keyframes right50{
	100%{
			transform: rotate(-180deg);
		}
}
.demografia .circle .left100 .progress{animation: left100 4s linear both; }
@keyframes left100{
	100%{
			transform: rotate(-180deg);
	}
}
.demografia .wykres-nazwa{color:#A4B2E0;font-size:12px;text-align: center;margin-top:20px}

@media (max-width: 576px){
	.demografia .col-2{grid-column-start: span 6;}
	.demografia .kolo{width:150px;height:150px}
	.demografia .kolo .kropki{height: 142px;width: 142px;}
	.demografia .kolo .inner{height: 142px;width: 142px;}
	
	.demografia .kolo .bar{height: 150px;width: 150px;clip: rect(0px, 150px, 150px, 75px);}
	.demografia .circle .bar .progress{height: 150px;width: 150px;clip: rect(0px, 75px, 150px, 0px);}
	.demografia .kolo .bar.min{clip: rect(0px, 150px, 150px, 75px);}
	.demografia .circle .bar.min{clip: rect(0px, 75px, 150px, 0px);}
	.demografia .kolo .inner .img img{height:51px;margin-top:20px}
}

/*WIDOCZNOŚĆ*/
.widocznosc .top3 span{display:inline-block;width:10px;height:10px;background:#44AF30;border-radius:100%; position: absolute; top: 5px;}
.widocznosc .top10 span{display:inline-block;width:10px;height:10px;background:#FFBA00;border-radius:100%; position: absolute; top: 5px;}
.widocznosc .top50 span{display:inline-block;width:10px;height:10px;background:#A2C6FF;border-radius:100%; position: absolute; top: 5px;}
.widocznosc .top3 p{padding-left:20px;margin-top: 0;}
.widocznosc .top10 p{padding-left:20px;margin-top: 0;}
.widocznosc .top50 p{padding-left:20px;margin-top: 0;}

/*UZYTKOWNICY*/
.uzytkownicy tr{cursor:pointer}
.uzytkownicy tr img {opacity: 0; position: absolute;}
.uzytkownicy tr:hover img {opacity: 1;}
div.radio{position:relative;width:100%}
textarea{width: calc( 100% - 20px);height: calc( 100% - 20px);border: 1px solid #4B30AE;color: #4B30AE;padding: 10px;margin: 5px 0px 22px 0px;outline: none;}
button.dodaj_uzytkownikow{margin-bottom:0px}

#zmien_uprawnienia,#zmien_osrodek,#zmien_lider,#zmien_faq,#zmien_analityka{display:inline-block;margin:0px 10px;cursor:pointer}
#zmien_uprawnienia svg,#zmien_osrodek svg,#zmien_lider svg,#zmien_faq svg,#zmien_analityka svg{transition: all 1s ease;vertical-align: middle;}
#zmien_uprawnienia.active svg,#zmien_osrodek.active svg,#zmien_lider.active svg,#zmien_faq.active svg,#zmien_analityka.active svg{transform: rotate(180deg);}
#zmien_uprawnienia svg .a,#zmien_osrodek svg .a,#zmien_lider svg .a,#zmien_faq svg .a,#zmien_analityka svg .a{stroke: #000;transition: all 1s ease;}
#zmien_uprawnienia:hover svg .a,#zmien_osrodek:hover svg .a,#zmien_lider:hover svg .a,,#zmien_analityka:hover svg .a{stroke: #FF5264;}
#zmien_uprawnienia_form,#zmien_osrodek_form,#zmien_lider_form,#zmien_faq_form,#zmien_analityka_form{display:none}
#zmien_uprawnienia_form.active,#zmien_osrodek_form.active,#zmien_lider_form.active,#zmien_faq_form.active,#zmien_analityka_form.active{display:block}
.error-ok{font-family: 'PoppinsSemiBold';padding:10px 0px;color:#FF5264}
@media (max-width: 576px){
	.wyszukiwarka-uzytkownicy .col-3.checkbox{grid-column-start: span 6;}
	table.uzytkownicy tr:nth-of-type(1){display:none}
	
	table.uzytkownicy td:nth-child(1):before{content:"Imię i nazwisko";display:block;font-family:'PoppinsSemiBold'}
	table.uzytkownicy td:nth-child(1){grid-column: 4 / span 9; order: 1}
	
	table.uzytkownicy td:nth-child(3):before{content:"E-mail";display:block;font-family:'PoppinsSemiBold'}
	table.uzytkownicy td:nth-child(3){grid-column: 4 / span 9; order: 2}
	
	table.uzytkownicy td:nth-child(2):before{content:"Login";display:block;font-family:'PoppinsSemiBold'}
	table.uzytkownicy td:nth-child(2){grid-column-start: span 4; order: 4}
	
	table.uzytkownicy td:nth-child(4):before{content:"Uprawnienia";display:block;font-family:'PoppinsSemiBold'}
	table.uzytkownicy td:nth-child(4){grid-column: span 5; order: 5}
	
	table.uzytkownicy td:nth-child(5){grid-column-start: span 3; order: 3}
	.uzytkownicy tr img{opacity:1}
	
	.uzytkownik tr:nth-child(1) td{grid-column-start: span 6;}
	.uzytkownik tr:nth-child(5) td:nth-child(2){grid-column-start: span 6;}
	.uzytkownik tr:nth-child(5) td:nth-child(3){grid-column-start: span 6;}
	.uzytkownik tr:nth-child(6) td{grid-column-start: span 6;}
	
	table.klienci tr:nth-of-type(1){display:none}
	
	table.klienci td:nth-child(1):before{content:"ID Ditel";display:block;font-family:'PoppinsSemiBold'}
	table.klienci tr td:nth-of-type(1){grid-column-start: span 3;order:1}
	
	table.klienci td:nth-child(3):before{content:"Nazwa Firmy";display:block;font-family:'PoppinsSemiBold'}
	table.klienci tr td:nth-of-type(3){grid-column-start: span 9;order:2}
	
	table.klienci td:nth-child(2):before{content:"NIP";display:block;font-family:'PoppinsSemiBold'}
	table.klienci tr td:nth-of-type(2){grid-column: 4 / span 9;order:3}
	
	table.klienci td:nth-child(5):before{content:"Domena";display:block;font-family:'PoppinsSemiBold'}
	table.klienci tr td:nth-of-type(5){grid-column: 4 / span 9;order:4}
	
	table.klienci tr td:nth-of-type(6){grid-column-start: span 3;order:5}
	.klienci tr img{opacity:1}
	
	table.klienci td:nth-child(4):before{content:"Osoba podpisująca zamówienie";display:block;font-family:'PoppinsSemiBold'}
	table.klienci tr td:nth-of-type(4){grid-column-start: span 9;order:6}
	
	.klient tr:nth-of-type(3) td{grid-column-start: span 6;}
	
	.historia th:nth-of-type(1){width:35%!important}
	.historia th:nth-of-type(2){width:20%!important}
	.historia th:nth-of-type(3){width:45%!important}
	
}

/*WYSZUKIWARKA UŻYTKOWNICY, KLIENCI*/
#wyszukiwany_uzytkownik,#wyszukiwany_klient{border: none; border-bottom: 4px solid #000;font-size: 35px;font-weight: bold;color: #000;background: none;padding: 10px 0px;width: 100%;}
#wyszukiwany_uzytkownik::-webkit-input-placeholder,#wyszukiwany_klient::-webkit-input-placeholder {color: #000;font-size: 35px;}
#wyszukiwany_uzytkownik::-moz-placeholder,#wyszukiwany_klient::-moz-placeholder {color: #000;font-size: 35px;}
#wyszukiwany_uzytkownik:-ms-input-placeholder,#wyszukiwany_klient:-ms-input-placeholder {color: #000;font-size: 35px;}
#wyszukiwany_uzytkownik:-moz-placeholder, #wyszukiwany_klient:-moz-placeholder{color: #000;font-size: 35px;}


/*MONITOROWANE FRAZY TABELA*/
.pozycje{width:100%;}
.pozycje .wynik{text-align: center;font-size:12px;font-weight:normal}
.pozycje .wynik.g{color:#44AF30}
.pozycje .wynik.y{color:#FF5264}
.pozycje td{padding: 7px;min-width:16px;border-bottom: 1px solid rgba(50,38,92,0.1);}
.pozycje th{padding: 7px; height: 50px;position:relative}
.pozycje td:nth-child(odd),.pozycje th:nth-child(odd){background:rgb(238, 241, 250, 0.5)}
.pozycje td:nth-child(1),.pozycje th:nth-child(1){background:#fff}
.pozycje th .data{position: absolute;display: inline-block;font-weight: 400;width: 1px; margin: 0 auto; text-align: left; transform: rotate(-90deg);transform-origin: left;white-space: nowrap;margin-top: 10px;}
.pozycje th.lp{color:#000;font-family: 'PoppinsSemiBold';}
.pozycje .fraza-kluczowa{color:#000;font-family: 'PoppinsSemiBold';max-width: 180px;}

#benchmark{margin-bottom:100px}
#benchmark td{white-space:nowrap;padding: 15px;}
#benchmark th{white-space:nowrap}

/*MIESIĘCZNY MONITORING*/
table.miesieczny-monitoring{padding-top:120px; text-align:center}
table.miesieczny-monitoring img{vertical-align:middle}
table .left{text-align:left;font-family: 'PoppinsSemiBold';}
table.miesieczny-monitoring td{border-bottom:1px solid rgb(236,237,243)}
table.miesieczny-monitoring td:nth-child(even),table.miesieczny-monitoring th:nth-child(even){background:rgb(238, 241, 250, 0.7)}
table.miesieczny-monitoring td.tendencja,table.miesieczny-monitoring th.tendencja{background:none}
table.miesieczny-monitoring td.zmiana,table.miesieczny-monitoring th.zmiana{background:none}
table.miesieczny-monitoring td.zmiana{font-family: 'PoppinsSemiBold';}
table.miesieczny-monitoring td.zmiana img{vertical-align:middle}
table .czerwony, span.czerwony{color:#FF5264}
span.czerwony img{vertical-align:middle}
table .zielony, span.zielony{color:#44AF30}
span.zielony img{vertical-align:middle}
table .rok3{border-left:#FF5264 2px solid;}
table.miesieczny-monitoring .rokrok th{background:none;border:none}
table.miesieczny-monitoring .rokrok .rok3{border-left:#FF5264 2px solid;color:#FF5264;}

/*AUDYT*/
.wynik_audytu .wynik-po-optymalizacji{font-size:18px;font-family: 'PoppinsSemiBold'; padding-top: 65px;}
.wynik_audytu .wynik-po-optymalizacji .wyniki{font-size:28px;font-family: 'PoppinsSemiBold';}
.wynik_audytu .bar2{background:#F6F8FC;height:4px;border-radius:2px;margin:21px 0px;position:relative}
.wynik_audytu .progress2{height:4px;border-radius:2px;position:absolute;top:0;left:0;background:#44AF30;width:0%}
.wynik_audytu .sukcess .progress2{background:#44AF30}
.wynik_audytu .ostrzezenia .progress2{background:#FFBA00}
.wynik_audytu .bledy .progress2{background:#FF5264}
.wynik_audytu .kolo{height: 250px;width: 250px;position: relative;margin: 0 auto;}
.kartadomeny .wynik_audytu .kolo{height: 150px;width: 150px;}
.wynik_audytu .kolo .kropki{height: 242px;width: 242px;border: 4px solid #F6F8FC;position: absolute;top: 0px;left: 0px;-webkit-border-radius: 100%;}
.kartadomeny .wynik_audytu .kolo .kropki{height: 142px;width: 142px;}
.wynik_audytu .kolo .inner{position: absolute;z-index: 6;top: 4px;left: 4px;height: 242px;width: 242px;background: #fff;border-radius: 100%;text-align:center}
.kartadomeny .wynik_audytu .kolo .inner{height: 142px;width: 142px;}
.wynik_audytu .kolo .inner .img{position:absolute;height: 110px;width: 100%;top: 70px;text-align:center;font-size:18px;font-family: 'PoppinsSemiBold';}
.kartadomeny .kolo .inner .img{top: 30px;font-size: 14px;}
.wynik_audytu .kolo .inner .img .procent{color:#000;font-size:28px;font-family: 'PoppinsSemiBold';}
.wynik_audytu .kolo .bar{position: absolute;height: 250px;width: 250px;-webkit-border-radius: 100%;clip: rect(0px, 250px, 250px, 125px);}
.kartadomeny .wynik_audytu .kolo .bar{height: 150px;width: 150px;-webkit-border-radius: 100%;clip: rect(0px, 150px, 150px, 75px);}

.wynik_audytu .circle .bar .progress{position: absolute;height: 250px;width: 250px;-webkit-border-radius: 100%;clip: rect(0px, 125px, 250px, 0px);background: #44AF30;}
.kartadomeny .wynik_audytu .circle .bar .progress{height: 150px;width: 150px;clip: rect(0px, 75px, 150px, 0px);}
.wynik_audytu .kolo .bar.min{clip: rect(0px, 250px, 250px, 125px);}
.kartadomeny .wynik_audytu .kolo .bar.min{clip: rect(0px, 250px, 250px, 125px);}
.wynik_audytu .circle .bar.min{clip: rect(0px, 75px, 150px, 0px);}
.kartadomeny .wynik_audytu .circle .bar.min{clip: rect(0px, 75px, 150px, 0px);}
.wynik_audytu .circle .right {transform: rotate(180deg);z-index:3;}
.wynik_audytu .circle .right100 .progress{animation: right2_100 4s linear both; animation-delay:4s;}
@keyframes right2_100{
	100%{
			transform: rotate(180deg);
		}
}
.wynik_audytu  .circle .left50 .progress{animation: left2_50 4s linear both; }
@keyframes left2_50{
	100%{
			transform: rotate(180deg);
	}
}

@media (max-width:992px){
	.wynik_audytu .col-3{grid-column-start: span 6;}
}

@media (max-width:576px){
	.wynik_audytu .col-3{grid-column-start: span 12;}
}

/*OCENA*/
.nav-ocena{margin:0 auto;}
.nav-ocena li{min-height:200px;text-align:center}
.nav-ocena li a{color:#000;font-size:14px;text-align:center;display:block;margin-top:15px;margin-left:15px;width:134px;height:134px;overflow:hidden;border-radius:50%;padding:0px; transition: all 0.5s ease;}
.nav-ocena li.active a{color:#fff;font-size:18px;margin-top:0px;margin-left:0px;width:164px;height:164px;}
.nav-ocena li a span{display:block;font-size:25px;margin-top:30px; transition: all 0.5s ease;}
.nav-ocena li.active a span{font-size:45px;color:#fff}
.nav-ocena li a.gsc span{margin-top:20px}
.nav-ocena li a.frazy span{margin-top:25px}
.nav-ocena li a.senuto10 span{margin-top:25px}
.nav-ocena li a.senuto50 span{margin-top:25px}

.nav-ocena li.active a.gsc span{margin-top:10px}
.nav-ocena li.active a.frazy span{margin-top:20px}
.nav-ocena li.active a.senuto10 span{margin-top:20px}
.nav-ocena li.active a.senuto50 span{margin-top:20px}
.nav-ocena li a.ogolna{border:3px solid #4B30AE}
.nav-ocena li.active a.ogolna{background:#4B30AE}
.nav-ocena li a.sesje{border:3px solid #FF5264}
.nav-ocena li.active a.sesje{background:#FF5264}
.nav-ocena li a.gsc{border:3px solid #000}
.nav-ocena li.active a.gsc{background: #000}
.nav-ocena li a.frazy{border:3px solid #44AF30}
.nav-ocena li.active a.frazy{background: #44AF30}
.nav-ocena li a.senuto10{border:3px solid #FFBA00}
.nav-ocena li.active a.senuto10{background: #FFBA00}
.nav-ocena li a.senuto50{border:3px solid #FF8B03}
.nav-ocena li.active a.senuto50{background: #FF8B03}
.ocena-next{display:block;background:url(../img/arrow-right-big.svg) right center no-repeat;width:45px;height:30px; position: absolute; margin: auto;top: 0; bottom: 0;left: 0;right: 0; transition: all 0.5s ease;}
.ocena-next:hover{width:65px}
.ocena-prev{display:block;background:url(../img/arrow-left-big.svg) left center no-repeat;width:45px;height:30px; position: absolute; margin: auto;top: 0; bottom: 0;left: 0;right: 0; transition: all 0.5s ease;}
.ocena-prev:hover{width:65px}

.wykresy-oceny h2{text-align:center}
.wykresy-oceny .excel>ul.amcharts-amexport-menu-level-0.amcharts-amexport-top{width: 95px;margin:auto;left:0;right:0}

@media (max-width:576px){
	.wykresy-oceny .container>div:nth-child(1){order:1}
	.wykresy-oceny .container>div:nth-child(3){order:2}
	.wykresy-oceny .container>div:nth-child(2){order:3}
	.ocena-prev{right:auto; top: auto; bottom: -93px;height:20px;width:28px}
	.ocena-next{left:auto; top: auto; bottom: -71px;height:20px;width:28px}
	.wykresy-oceny h2 {padding: 0px 20px;}
}

/*KLIENT*/
#edycja_klienta td{position:relative}
#edycja_klienta input, #edycja_klienta select{margin:0px; transition: all 1s ease;position: absolute; z-index: -1;}
#edycja_klienta select{    width: calc(100% - 20px);
    border: 1px solid #4B30AE;
    color: #4B30AE;
    padding: 8px;
    outline: none;}
#edycja_klienta .active input, #edycja_klienta .active select{position: relative;z-index: 9;min-width: 100px;}
#edycja_klienta button{margin:5px 0px;position: absolute; z-index: -1;}
#edycja_klienta .active button{position: relative;z-index: 9;padding: 10px;}
#edycja_klienta .active img{display:none}
#edycja_klienta .active span{display:none}
#edycja_klienta .tr_checkbox{width:20px;height:20px;transition: all 1s ease;position: absolute; z-index: -1;}
#edycja_klienta .active .tr_checkbox{position: relative;z-index: 9;}
#edycja_klienta .active .tr_checkbox input{position:absolute}
#edycja_klienta .tr_checkbox label{margin-top:0px}
#edycja_klienta img{max-width:none;}

/*RAPORT*/
#raport{background-image: url(../img/tlo_wstep_raport.svg);background-repeat: no-repeat;background-position: bottom; background-attachment: fixed;margin-top:0px !important}
#raport .raport-break{display:none;}
#raport .ladowaniedanych{ width:400px;height:400px;display:block;overflow: hidden;transform: translate3d(0,0,0);text-align: center;margin:0 auto;}
#raport .chartdiv_wykres {position:relative}
#raport .chartdiv_wykres .ladowaniedanych{position:absolute;top:0;bottom:0;left:0;right:0;}
#raport p{padding:0px;}
#raport .bold{font-family: 'PoppinsSemiBold';}
#raport h3{font-size:24px;font-family: 'PoppinsSemiBold';color:#000;background-image:url(../img/arrow-right-ul.svg);background-repeat:no-repeat;background-position:left 11px;padding-left:25px;padding-bottom:20px;position:relative}
#raport h3:after{content:"";width:50%;height:1px;background:#DDD;position:absolute;left:0px;bottom:0px}
#raport .col-6 h3:after{width:100%;}
#raport .excel{display:none}
#raport .bialetlo{background:#fff}
#raport .naglowek{overflow:hidden;padding:70px 0px;position: relative;background:#fff}
#raport .naglowek .tlo{height: 100%; width: 100%; background-size: cover;background-repeat: no-repeat; transition: all .5s;position: absolute;top: 0;left: 0;}
#raport .naglowek:hover .tlo, .naglowek:focus .tlo {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
#raport .naglowek .text{position:static;padding: 10px 0px 70px 0px}
#raport .naglowek .text .col-5{z-index:99}
#raport .naglowek .text:before{content:"";position:absolute;left:0;top:70px;display:block; width:50%;height:calc( 100% - 140px );background:rgba(50,38,92,0.95);color:#fff;}
#raport .naglowek .text p{color:#fff}
#raport .naglowek .text h2{font-size:28px;color:#fff;font-family: 'PoppinsSemiBold';}
#raport .naglowek .text h2 span{display:inline-block;color:rgba(50,38,92,0.95);font-size:80px;text-shadow: -1px 0 #FF5264, 0 1px #FF5264, 1px 0 #FF5264, 0 -1px #FF5264;font-family: 'PoppinsBlackItalic';}
@media (max-width:768px){
	#raport .naglowek .text .col-5{grid-column-start: span 12;}
}
@media (max-width:576px){
	#raport .naglowek .text .col-5{grid-column-start: span 12;}
	#raport .naglowek .text h2{font-size:20px}
	#raport .naglowek .text h2 span{font-size:60px}
	#raport .naglowek .text:before{width:100%}
}

/*RAPORT MENU*/
#raport .fix{position:fixed;padding:15px 0px;border-bottom: 1px solid #DDD;background:rgba(255,255,255,0.95);width: 100%;top:0px;z-index:999}
#raport .fix .logo{height:41px;}
#raport .fix .logo a{display:inline-block;height:41px;}
#raport .fix img{height: 30px;margin-top: 10px;}
#raport .fix .text{font-size:12px;color:#000;text-align:right}
@media (max-width:576px){
	#raport .fix{position:relative}
	#raport .fix .logo{position:absolute}
	#raport .fix .logo a{position: relative;z-index:99;margin-left:15px}
}

/*RAPORT CUSTOM SELECT*/
#raport .div_select, .roi .div_select{text-align:left}
.roi .div_select{float:none}
#raport .div_select>div, .roi .div_select>div{height:15px;font-size:12px;width:125px;color:#000}
#raport .div_select span.arrow, .roi .div_select span.arrow{top:10px;height:18px}
#raport .div_select:hover span.arrow, .roi .div_select:hover span.arrow {top: 15px;height:13px}
#raport .div_select ul li, .roi .div_select ul li {height: 15px; width: 125px;}

/*RAPORT SEKCJA WSTĘP*/
#raport #wstep{position:relative;min-height: 100vh;}
#raport #wstep .tlo2{position:absolute;width:100%;height:100%;background-image: url(../img/tlo2_wstep_raport.svg);background-repeat: no-repeat; background-position: bottom; z-index: 9;opacity:0.4}
#raport #wstep .tlo3{position:absolute;width:100%;height:200px;bottom:0; z-index: 9;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,1) 100%);}
#raport.seo #wstep .lewa{min-height: 100vh;}
#raport #wstep .lewa img{position:absolute;bottom:0;max-height: calc( 100% - 100px )}
#raport.seo #wstep .prawa{z-index:9;margin-top: 130px;}
#raport #wstep .dark{font-size:35px;font-family: 'PoppinsSemiBold';color:#000;line-height:1.2}
#raport #wstep .domena{font-size:35px;font-family: 'PoppinsSemiBold';color:#FF5264}
#raport #wstep .chmurka{color:#000;font-size:12px;border:1px solid #FF5264; border-radius:5px;padding:27px 50px 44px 30px;z-index: 99;}
#raport #wstep .chmurka .header{font-size:18px;font-family: 'PoppinsSemiBold';}
#raport #wstep .chmurka .bold{font-family: 'PoppinsSemiBold';}
#raport #wstep .czytaj{position:absolute;width:100%;height:85px;overflow:hidden;top: calc( 100vh - 85px );z-index: 9;}
#raport #wstep .czytaj .kolko{position: fixed;width:170px;height:85px;overflow:hidden; margin: 0 auto;left: 0;right: 0;text-align:center;color:#fff;font-size:10px}
#raport #wstep .czytaj .kolko div{width:170px;height:170px;background:#FF5264;border-radius: 100%;}
#raport #wstep .czytaj .kolko div p.big{font-size:14px;color:#fff; margin: 0px;}

@media (max-width:576px){
	#raport #wstep .lewa{height: auto;order:2}
	#raport #wstep .lewa img{position:static;max-height:auto}
	#raport #wstep .prawa{margin-top:0px;order:1}
	#raport #wstep .dark{font-size:25px;}
	#raport #wstep .domena{font-size:25px;}
}

/*RAPORT SEKCJA SPIS TREŚCI*/
#raport #spis_tresci{z-index:99;background:#fff;position: relative;padding:60px 0px 85px 0px}
#raport #spis_tresci .tytul{font-size:28px;color:#000;font-family:'PoppinsSemiBold';margin-bottom:100px}
#raport #spis_tresci .tytul span{font-size:12px;font-family:'PoppinsRegular';width:100%;display:block;line-height:0.8}
#raport #spis_tresci .box1{background:#FF5264;color:#fff;padding:58px 75px 30px 75px;}
#raport #spis_tresci .box1 h4{color:#fff;font-size:28px;font-family:'PoppinsSemiBold';margin-top:0px}
#raport #spis_tresci .box1 p{color:#fff;font-size:18px;font-family: 'PoppinsSemiBold';margin-bottom:28px;}
#raport #spis_tresci .box1 p span{display:block;color:#000;font-size:12px;font-family: 'PoppinsRegular';}
#raport #spis_tresci .box2{background:#000;padding:34px 75px 40px 75px;color:#fff;font-size:18px;font-family: 'PoppinsSemiBold';}
#raport #spis_tresci .box2 .opiekun{display:block;color:#fff;font-size:12px;font-family: 'PoppinsRegular';}
#raport #spis_tresci .box2 .stanowisko{display:block;color:#FF5264;font-size:12px;font-family: 'PoppinsRegular';}
#raport #spis_tresci ul{list-style:none;font-size:18px;color:#000;font-family: 'PoppinsSemiBold';margin:0px; padding:0px;margin-bottom:100px}
#raport #spis_tresci ul li{margin-bottom:30px}
#raport #spis_tresci ul li a{color:#000;transition: all 0.5s ease; background-image: url(../img/arrow-right-ul.svg); background-repeat: no-repeat; background-position: right center;padding-right:26px}
#raport #spis_tresci ul li a:hover{color:#FF5264;padding-right:36px}
@media (max-width:576px){
	#raport #spis_tresci .box1 {padding: 58px 30px 30px 30px;}
	#raport #spis_tresci .box2 {padding:34px 30px 40px 30px;}

}

/*RAPORT SEKCJA GŁÓWNE DANE STATYSTYCZNE*/
#raport #glowne-dane-statystyczne .naglowek .tlo{background-image: url(../img/glowne-dane-statystyczne.jpg);}
#raport #glowne-dane-statystyczne{z-index:99;position: relative;}
#raport #glowne-dane-statystyczne .widocznosc{background:#fff;padding:90px 0px}
#raport #glowne-dane-statystyczne .uzytkownicy{background:#F6F8FC;padding:70px 0px}
#raport #glowne-dane-statystyczne .uzytkownicy .chmurka{background:#fff;padding:65px;position:relative}
#raport #glowne-dane-statystyczne .uzytkownicy .chmurka:after{content:"";width:0px;height:0px;border-top:32px solid #fff;border-left:32px solid #fff;
border-bottom:32px solid transparent;border-right:32px solid transparent;position: absolute;top: 100%;left: 0;}
#raport #glowne-dane-statystyczne .uzytkownicy .uzytkownicy-ruch{margin-top:100px}
#raport #glowne-dane-statystyczne .geo{background:#000;padding:95px 0px;}
#raport #glowne-dane-statystyczne .geo h3{color:#fff;margin-top:0px}
#raport #glowne-dane-statystyczne .geo p{color:#fff} 

#raport #glowne-dane-statystyczne .geo #mapa_polski .wojewodztwo, #raport #glowne-dane-statystyczne .geo #mapa_polski_ga4 .wojewodztwo {fill: #4B30AE;stroke: #000;}
#raport #glowne-dane-statystyczne .urzadzenia .container{background:#DDD;padding: 75px 0px 100px 0px;margin-bottom:100px}
#raport #glowne-dane-statystyczne .srednie{background:rgb(250,250,250);padding:90px 0px 70px 0px }
#raport #glowne-dane-statystyczne .srednie-raport{padding:90px 0px}
#raport #glowne-dane-statystyczne .sesje-raport{padding:90px 0px}
#raport #glowne-dane-statystyczne .sesjeurzadzenia-raport{padding:90px 0px}
#raport #glowne-dane-statystyczne .wiecej{padding:160px 0px 125px 0px;text-align:center}
#raport #glowne-dane-statystyczne .wiecej p.big{font-size:18px;font-family: 'PoppinsSemiBold';color:#000;margin:0px}
#raport #glowne-dane-statystyczne .wiecej p{font-size:12px;margin:0px}
#raport #glowne-dane-statystyczne .wiecej a{display:inline-block;margin-top:25px;background:#EDF0F9;font-family: 'PoppinsSemiBold';color:#000; padding:15px 135px;border-radius:10px}
#raport #glowne-dane-statystyczne .wiecej a:hover{background:#000;color:#fff;}
#raport #glowne-dane-statystyczne .top3 span,
#raport.widocznosc-gsc .top3 span{display:inline-block;width:10px;height:10px;background:#44AF30;border-radius:100%; position: absolute; top: 5px;}
#raport #glowne-dane-statystyczne .top10 span,
#raport.widocznosc-gsc .top10 span{display:inline-block;width:10px;height:10px;background:#FFBA00;border-radius:100%; position: absolute; top: 5px;}
#raport #glowne-dane-statystyczne .top50 span,
#raport.widocznosc-gsc .top50 span{display:inline-block;width:10px;height:10px;background:#A2C6FF;border-radius:100%; position: absolute; top: 5px;}
#raport #glowne-dane-statystyczne .top3 p,
#raport.widocznosc-gsc .top3 p{padding-left:20px;margin-top: 0;}
#raport #glowne-dane-statystyczne .top10 p,
#raport.widocznosc-gsc .top10 p{padding-left:20px;margin-top: 0;}
#raport #glowne-dane-statystyczne .top50 p,
#raport.widocznosc-gsc .top50 p{padding-left:20px;margin-top: 0;}
@media (max-width:576px){
	#raport #glowne-dane-statystyczne .uzytkownicy .chmurka{padding:35px}
}



/*RAPORT SEKCJA TO CO ZROBILIŚMY DLA CIEBIE*/
#raport #wazne-informacje .naglowek .tlo{background-image: url(../img/wazne-informacje.jpg);}
#raport #wazne-informacje{z-index:99;position: relative;}
#raport #wazne-informacje .linia-czasu{background:#000;color:#fff;padding:90px 0px}
#raport #wazne-informacje .linia-czasu .container{grid-row-gap: 0px; grid-column-gap: 0px;}
#raport #wazne-informacje .linia-czasu .col-12{text-align:center;}
#raport #wazne-informacje .linia-czasu .start-stop{padding:5px 50px; display:inline-block;margin:0 auto;border:1px solid #fff;font-size:24px;font-family: 'PoppinsSemiBold';color:#fff;text-transform: uppercase;}
#raport #wazne-informacje .linia-czasu .koniec{background-image: linear-gradient(to bottom, #fff 30%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 10px; background-repeat: repeat-y;height:140px;width:1px;margin:0 auto}
#raport #wazne-informacje .linia-czasu .koniec div{height:140px;width:1px;background: linear-gradient(to bottom, rgba(50, 38, 92,0) 0%,rgba(50, 38, 92,0.8) 60%,rgba(50, 38, 92,1) 100%);}
#raport #wazne-informacje .linia-czasu .kreska{border-right:1px solid #fff; min-height: 150px;}
#raport #wazne-informacje .linia-czasu .prawa{padding-bottom:50px}
#raport #wazne-informacje .linia-czasu .prawa.first{padding-top:130px;min-height:250px}
#raport #wazne-informacje .linia-czasu .last{padding-bottom:130px;}
#raport #wazne-informacje .linia-czasu .data{border:1px solid #fff;border-radius:100%;width:70px;height: 58px;padding-top: 12px;font-size:24px;font-family: 'PoppinsSemiBold';color:#fff;text-align:center;background:#000;position:absolute; z-index: 999;}
#raport #wazne-informacje .linia-czasu .data span{color:#FF5264;font-family:'PoppinsRegular';font-size:12px;display:block; margin-top: -10px;text-transform: uppercase;}
#raport #wazne-informacje .linia-czasu .lewa .data{bottom:-36px;right:-36px}
#raport #wazne-informacje .linia-czasu .prawa .data{bottom:-36px;left:-36px;}
#raport #wazne-informacje .linia-czasu .tytul{position:relative;border-bottom: 1px dotted #DDD;font-family: 'PoppinsSemiBold';font-size:18px;color:#fff;}
#raport #wazne-informacje .linia-czasu .linkowanie a{color:#FF5264;transition: all 1s ease;font-size:12px;position:relative}
#raport #wazne-informacje .linia-czasu .linkowanie a:hover{text-decoration:underline}
#raport #wazne-informacje .linia-czasu .linkowanie a svg {position:absolute;top:0;right:0;transition: all 1s ease;}
#raport #wazne-informacje .linia-czasu .linkowanie a svg .a{stroke:#FF5264}
#raport #wazne-informacje .linia-czasu .linkowanie a .arrow{position: absolute;display:inline-block; transition: all 1s ease; width:13px; height:13px; border-radius:5px; border-bottom: 1px solid #FF5264; border-left: 1px solid #FF5264;margin-left:6px;bottom:3px}
#raport #wazne-informacje .linia-czasu .linkowanie a:hover .arrow{width:14px; height:14px; margin-left:5px}
#raport #wazne-informacje .linia-czasu .linkowanie a:hover svg{top:-1px;right:-1px;}
#raport #wazne-informacje .linia-czasu .tresc{background:#271C4E;padding:20px 25px;color:#fff;font-size:12px;font-family:'PoppinsLightItalic';transition: all 1s ease;}
#raport #wazne-informacje .linia-czasu .tresc2{padding:20px 25px;color:#fff;font-size:12px;font-family:'PoppinsLightItalic';transition: all 1s ease;}
#raport #wazne-informacje .linia-czasu .tresc .top5,
#raport #wazne-informacje .linia-czasu .tresc2 .top5,
#raport #wazne-informacje .linia-czasu .tresc .top10,
#raport #wazne-informacje .linia-czasu .tresc2 .top10{font-family: 'PoppinsRegular';}

#raport #wazne-informacje .linia-czasu .tresc .wiecej{max-height: 200px;overflow: hidden;}
#raport #wazne-informacje .linia-czasu .tresc .cudzyslow{margin-top:18px}
#raport #wazne-informacje .linia-czasu .tresc .cudzyslow .a{fill:#FF5264;stroke:#FF5264;stroke-linecap:round;stroke-linejoin:round;}
#raport #wazne-informacje .linia-czasu .lewa .tytul{padding:8px 100px 8px 0px;}
#raport #wazne-informacje .linia-czasu .prawa .tytul{padding:8px 0px 8px 100px;}
#raport #wazne-informacje .linia-czasu .tytul .top5{background:#44AF30;padding: 2px 9px; display: inline-block;margin-bottom: 5px;}
#raport #wazne-informacje .linia-czasu .tytul .top3{background:#44AF30;padding: 2px 9px; display: inline-block;margin-bottom: 5px;}
#raport #wazne-informacje .linia-czasu .tytul .top10{background:#FFBA00;padding: 2px 9px; display: inline-block;color:#000;margin-bottom: 5px;}
#raport #wazne-informacje .linia-czasu .tytul .top50{background:#A2C6FF;padding: 2px 9px; display: inline-block;color:#000;margin-bottom: 5px;}
#raport #wazne-informacje .linia-czasu .top5 svg .a{stroke:#44AF30;}
#raport #wazne-informacje .linia-czasu .top5 svg{margin-right:10px;}
#raport #wazne-informacje .linia-czasu .top3 svg .a{stroke:#44AF30;}
#raport #wazne-informacje .linia-czasu .top3 svg{margin-right:10px;}
#raport #wazne-informacje .linia-czasu .top10 svg .a{stroke:#FFBA00;margin-right:5px;}
#raport #wazne-informacje .linia-czasu .top10 svg{margin-right:10px;}
#raport #wazne-informacje .linia-czasu .top50 svg .a{stroke:#A2C6FF;margin-right:5px;}
#raport #wazne-informacje .linia-czasu .top50 svg{margin-right:10px;}
#raport #wazne-informacje .linia-czasu .lewa .linkowanie{padding:20px 100px 20px 0px;}
#raport #wazne-informacje .linia-czasu .prawa .linkowanie{padding:20px 0px 20px 100px;}
#raport #wazne-informacje .linia-czasu .lewa .tresc{margin:0px 100px 100px 0px;}
#raport #wazne-informacje .linia-czasu .prawa .tresc{margin:0px 0px 100px 100px;}
#raport #wazne-informacje .linia-czasu .lewa .tresc2{margin:0px 100px 100px 0px;}
#raport #wazne-informacje .linia-czasu .prawa .tresc2{margin:0px 0px 100px 100px;}
#raport #wazne-informacje .linia-czasu table{color:#fff;width:100%}
#raport #wazne-informacje .linia-czasu table th{border-bottom:none;font-family:'PoppinsLightItalic';width:33.33%;color:#fff;font-weight: normal;padding:0px 15px}
#raport #wazne-informacje .linia-czasu table td{color:#fff;border-bottom:none;font-family: 'PoppinsRegular';padding-top:0px}
#raport #wazne-informacje .linia-czasu table td img{vertical-align: baseline;}
@media (max-width:576px){
	#raport #wazne-informacje .linia-czasu .prawa .data{left:0px}
	#raport #wazne-informacje .linia-czasu .lewa .data{left:0px}
	#raport #wazne-informacje .linia-czasu .lewa .tytul{padding: 8px 0px 8px 100px}
	#raport #wazne-informacje .linia-czasu .lewa .linkowanie {padding: 20px 0px 20px 100px;}
	#raport #wazne-informacje .linia-czasu .lewa .tresc {margin: 0px 0px 100px 100px;}
}

/*RAPORT SEKCJA POZYCJONOWANIE FRAZ*/
#raport #widocznosc-i-pozycje-fraz{z-index:99;position: relative;}
#raport #widocznosc-i-pozycje-fraz .naglowek .tlo{background-image: url(../img/pozycjonowane-frazy.jpg);}
#raport #widocznosc-i-pozycje-fraz{z-index:99;position: relative;}
#raport #widocznosc-i-pozycje-fraz table td{border-bottom:1px solid rgb(236,237,243)}

@media (max-width:992px){
	#raport #widocznosc-i-pozycje-fraz #widocznosc_miesiace{overflow-x: scroll;overflow-y: hidden;;}
	#raport #widocznosc-i-pozycje-fraz #miesieczny_monitoring{overflow-x: scroll;overflow-y: hidden;;}
}


/*RAPORT SEKCJA WYKONANE ELEMENTY PAKIETU*/
#raport #wykonane-elementy-pakietu {z-index:99;position: relative;}
#raport #wykonane-elementy-pakietu .naglowek .tlo{background-image: url(../img/wykonane-elementy-pakietu.jpg);}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa{background:#000;color:#fff;padding:90px 0px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .jednorazowa-padding{padding-bottom:90px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa h3{color:#fff;margin-bottom:90px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa h3 span{background:#FF5264}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs{display: grid;grid-template-columns: repeat(12, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li{position: relative;grid-column-start: span 4;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a{color:#fff;padding: 20px 43px 28px 43px;font-size:12px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .liczba{width:32px;height:32px;border-radius:100%;border:4px solid #FF5264;color:#FF5264;display:block;text-align:center;font-size: 21px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .tytul{display:block;font-size:18px;margin:20px 0px 10px 0px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .tytul img{margin-top: -4px;vertical-align: top;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .data{display:block;color:#A4B2E0;font-size:12px;font-family:'PoppinsRegular';margin-top:10px;height:18px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .kropki{display:block;color:#A4B2E0;position:relative;padding: 6px 41px 7px 10px;text-align:right;color:transparent;text-decoration:underline;transition: all 0.5s ease;margin-top:10px;font-family:'PoppinsRegular'}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .kropki .kropka{display:block;width: 5px;height: 5px;border-radius: 50%; background: #4B30AE;position: absolute;top: 12px;transition: all 0.5s ease;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .kropki .kropka1{right: 26px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .kropki .kropka2{right: 18px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li a .kropki .kropka3{right: 10px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li:hover a .kropki{color:#FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li:hover a .kropki .kropka1{top:9px;background: #FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li:hover a .kropki .kropka2{top:15px;background: #FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li:hover a .kropki .kropka3{top:9px;background: #FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li.active{background:#271C4E}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li.active.no-active{background:transparent}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .jednorazowa-margin{height:70px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane{background: #271C4E;padding:70px 0px 20px 0px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane.no-active{display:none}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane.none{padding:0px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .col-4{padding:0px 37px 30px 71px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .data{display: block; color: #A4B2E0; font-size: 12px; font-family: 'PoppinsRegular';height: 18px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .nazwa{font-size: 12px;position:relative}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .nazwa>span{position:absolute;top:0px;left:-30px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .nazwa>span .a{stroke:#fff}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .linkowanie a{color: #FF5264; transition: all 1s ease;font-size: 12px; position: relative;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .linkowanie a .arrow { position: absolute; display: inline-block; transition: all 1s ease; width: 13px; height: 13px; border-radius: 5px; border-bottom: 1px solid #FF5264; border-left: 1px solid #FF5264; margin-left: 6px;bottom: 3px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .linkowanie a:hover{text-decoration:underline}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .linkowanie a:hover .arrow{width:14px; height:14px; margin-left:5px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .tab_jednorazowa .tab-pane .linkowanie a:hover svg{top:-1px;right:-1px;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .ul_jednorazowa.nav-tabs1{margin-top:70px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .ul_jednorazowa li{border: 1px solid #271C4E;}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .ul_jednorazowa li a .tytul{display:block;color:#fff;margin-bottom:20px;font-size:18px;position:relative;font-family: 'PoppinsSemiBold';margin-top:0px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .ul_jednorazowa li a .tytul img{position:absolute;top:-4px;left:-30px}
#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .ul_jednorazowa li a{padding:29px 37px 29px 71px; font-size:12px; font-family: 'PoppinsRegular';color: #fff;}
#raport #wykonane-elementy-pakietu table.dane td{color:#fff}
#raport #wykonane-elementy-pakietu table.dane td span{color:#fff}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna{background:#fff;padding:72px 0px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna h3 span{background:#FF5264;color:#fff; padding: 0px 5px;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs{display: grid;grid-template-columns: repeat(12, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs1{margin-top:50px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li{position: relative;grid-column-start: span 4;border:1px solid #F6F8FC}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active{background:#F6F8FC}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active.no-active{background:transparent}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a{padding:29px 37px 29px 71px; font-size:12px; font-family: 'PoppinsRegular';color: #000;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .tytul{display:block;color:#000;margin-bottom:20px;font-size:18px;position:relative;font-family: 'PoppinsSemiBold';}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .tytul img{position:absolute;top:0px;left:-30px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .data{display:block;color:#A4B2E0;font-size:12px;font-family:'PoppinsRegular';margin-top:10px;height:18px;margin-top:10px;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .ilosc{display:block;font-size:12px;    margin-top: 10px;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .kropki{display:block;color:#A4B2E0;position:relative;padding: 6px 41px 7px 10px;text-align:right;color:transparent;text-decoration:underline;transition: all 0.5s ease;margin-top:10px;font-family:'PoppinsRegular'}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .kropki .kropka{display:block;width: 5px;height: 5px;border-radius: 50%; background: #4B30AE;position: absolute;top: 12px;transition: all 0.5s ease;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .kropki .kropka1{right: 26px;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .kropki .kropka2{right: 18px;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .kropki .kropka3{right: 10px;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li:hover a .kropki{color:#FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li:hover a .kropki .kropka1{top:9px;background: #FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li:hover a .kropki .kropka2{top:15px;background: #FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li:hover a .kropki .kropka3{top:9px;background: #FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active a .kropki{color:#FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active a .kropki .kropka1{background:#FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active a .kropki .kropka2{background:#FF5264;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active a .kropki .kropka3{background:#FF5264;}

#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active.no-active a .kropki{color:transparent;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active.no-active a .kropki .kropka1{background: #4B30AE;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active.no-active a .kropki .kropka2{background: #4B30AE;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active.no-active a .kropki .kropka3{background: #4B30AE;}

#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content{background:#F6F8FC;font-size:12px;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content>.tab-pane.active.no-active{display: none;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4{padding:35px 30px;font-size:12px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .data{color:#A4B2E0;margin-bottom:10px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .wiecej{height: 146px;overflow:hidden;position:relative}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .czytaj_calosc{float:right;margin:10px 0px;padding:0px;background:transparent;color:#000;width:auto; font-family: 'PoppinsSemiBold';cursor:pointer;font-size:12px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .czytaj_calosc span{text-decoration:underline}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .czytaj_calosc:hover span{text-decoration:underline;color:#FF5264}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .linkowanie{margin-top:10px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .linkowanie a{color:#FF5264;transition: all 1s ease;font-size:12px;position:relative}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .linkowanie a:hover{text-decoration:underline}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .linkowanie a svg {position:absolute;top:0;right:0;transition: all 1s ease;}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .linkowanie a svg .a{stroke:#FF5264}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .linkowanie a .arrow{position: absolute;display:inline-block; transition: all 1s ease; width:13px; height:13px; border-radius:5px; border-bottom: 1px solid #FF5264; border-left: 1px solid #FF5264;margin-left:6px;bottom:3px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .linkowanie a:hover .arrow{width:14px; height:14px; margin-left:5px}
#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .linkowanie a:hover svg{top:-1px;right:-1px;}
#raport #wykonane-elementy-pakietu .wynik_audytu{background:#271C4E;padding:60px 0px;color:#fff}
#raport #wykonane-elementy-pakietu .wynik_audytu h4{font-size:18px;color:#fff;font-family: 'PoppinsSemiBold';margin-bottom:10px}
#raport #wykonane-elementy-pakietu .wynik_audytu span{font-size:12px;color:#A4B2E0;font-family: 'PoppinsRegular';}
#raport #wykonane-elementy-pakietu .wynik_audytu p{font-size:12px;color:#A4B2E0;font-family: 'PoppinsLightItalic';}
#raport #wykonane-elementy-pakietu .wynik_audytu .bar2{background:#fff}
#raport #wykonane-elementy-pakietu .wynik_audytu .kolo .inner .img .procent{color:#fff}
#raport #wykonane-elementy-pakietu .wynik_audytu .kolo .inner{background:#271C4E}

@media (max-width:992px){
	#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li{grid-column-start: span 6;}
}
@media (max-width:576px){
	#raport #wykonane-elementy-pakietu #optymalizacja-jednorazowa .nav-tabs li {grid-column-start: span 12;}
	#raport #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li{grid-column-start: span 12;}
}

/*RAPORT SEKCJA KOMENTARZ EKSPERTA SEO*/
#raport #komentarz-eksperta-seo{padding-top:100px;position:relative;z-index:99}
#raport #komentarz-eksperta-seo .komentarz{position:relative;background:#000; padding: 22px 65px 42px 65px}
#raport #komentarz-eksperta-seo .komentarz h2{font-size:28px;color:#fff;font-family: 'PoppinsSemiBold';}
#raport #komentarz-eksperta-seo .komentarz h2 span{display:inline-block;color:rgba(50,38,92,0.95);font-size:80px;text-shadow: -1px 0 #FF5264, 0 1px #FF5264, 1px 0 #FF5264, 0 -1px #FF5264;font-family: 'PoppinsBlackItalic';margin-right:25px;z-index: 99;}
#raport #komentarz-eksperta-seo .komentarz p{color:#fff}
#raport #komentarz-eksperta-seo .komentarz:after{content: ""; width: 0px; height: 0px; border-top: 32px solid #000; border-right: 32px solid #000; border-bottom: 32px solid transparent; border-left: 32px solid transparent; position: absolute; top: 100%; right: 0;}
#raport #komentarz-eksperta-seo .tlo2{position:absolute;width:100%;height:100%;background-image: url(../img/tlo2_wstep_raport.svg);background-repeat: no-repeat; background-position: bottom; z-index: 9;opacity:0.4;bottom:0px}
#raport #komentarz-eksperta-seo .tlo3{position:absolute;width:100%;height:200px;bottom:0; z-index: 9;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,1) 100%);}

/*RAPORT SEKCJA REKLAMA*/
#reklama{z-index:9;position:relative;background-color:#FF5264;background-image:url(../img/tlo_lepiej_raport.svg);background-repeat:no-repeat;background-position:bottom;color:#fff;}
#reklama .reklama{font-size:12px;text-align:right;margin:0px;margin-top:35px;font-family:'PoppinsRegular'}
#reklama .slogan2{color:#fff;font-size:35px; font-family: 'PoppinsSemiBold';line-height: 1.3;}
#reklama .slogan2 span{font-size:80px;display:block;}
#reklama .lepsze{font-size:18px;color:#fff;font-family: 'PoppinsSemiBold';}
#reklama .produkt{font-family: 'PoppinsSemiBold';border:2px solid #fff;border-radius: 30px; padding:20px 30px;width: calc( 50% - 80px );font-size:18px;color:#fff;margin:15px 0px;float:left}
#reklama .produkt.lewa{margin-right:15px}
#reklama .produkt.prawa{margin-left:15px}
#reklama .produkt .cena{color:#000;font-size:12px;margin-top:10px}
#reklama .sprawdz{font-size:14px;color:#fff;background:#000;border-radius: 10px;display:inline-block;padding:15px 135px;margin-bottom:60px;margin-top:35px}
#reklama .sprawdz:hover{background:#FF5264}
#reklama .img{position:absolute;bottom:-20px}
#reklama .img .logo-reklama{position:absolute;top:70px}
#reklama .img .pan-reklama{z-index: 9;position: relative;}

/*RAPORT STOPKA*/
#stopka{z-index:9;position:relative;background-color:#000;background-image:url(../img/tlo_stopka_raport.svg);background-repeat:no-repeat;background-position:bottom;color:#fff;padding:140px 0px 270px 0px}
#stopka p{color:#fff}
#stopka .img{height:90px;}
#stopka .img img{vertical-align:middle}
#stopka h4{font-size:24px;font-family: 'PoppinsSemiBold';color:#fff;}
#stopka .col-4 p{font-size:12px;font-family: 'PoppinsSemiBold';color:#fff;}
#stopka .fala{position:absolute;bottom:0;left:0;width:100%;overflow:hidden}
#stopka .fala img{max-width:inherit;}
#stopka .naglowek2{font-size:28px;color:#fff;font-family: 'PoppinsSemiBold';margin-bottom:40px;background:none;padding:0px}
#stopka .fala>div{position:absolute;bottom:0;left:0;width:100%}
#stopka .fala hr{border: none;border-top:1px solid #fff}
#stopka .fala .lewa{padding:18px 0px 100px 0px;font-size:12px;font-family: 'PoppinsSemiBold';color:#fff}
#stopka .fala .prawa{text-align:right;padding:18px 0px 100px 0px;font-size:12px;font-family: 'PoppinsSemiBold';color:#fff}
#stopka .big{font-size:28px;font-family: 'PoppinsSemiBold';color:#fff;margin: 150px 0px 0px 0px;line-height: 1.2;}
#stopka .big.red{color:#FF5264;margin:0px}
#stopka .adres{font-size:18px;font-family: 'PoppinsSemiBold';color:#fff;margin:50px 0px 0px 0px}
#stopka a{font-size:24px;font-family: 'PoppinsSemiBold';color:#fff;}
#stopka a img{vertical-align:middle}
#stopka a.tel{display:block;margin-top:50px}
#stopka a.mail{display:block;margin-bottom:50px}
#stopka a.www{display:block;font-size:24px;font-family: 'PoppinsSemiBold';color:#FF5264;}
#stopka .logo-seo-konfigurator{margin-bottom:90px}
@media (max-width:576px){
	#stopka{padding: 50px 0px}
	#stopka .img{text-align:center}
	#stopka .hero .col-5{order:1}
	#stopka .hero .col-7{order:2}
	#stopka .logo-seo-konfigurator{margin-bottom:5px;width:190px}
	#stopka .fala .lewa{padding:0px 0px 15px 0px;grid-column-start: span 6;font-size: 10px;}
	#stopka .fala .prawa{padding:0px 0px 15px 0px;grid-column-start: span 6;font-size: 10px;}
	#stopka .fala img{max-width:100%;}
}

/*INNE*/
table .top3{background:#44AF30;color:#fff;padding:2px 9px;font-family: 'PoppinsSemiBold';display:inline-block}
table .top10{background:#FFBA00;color:#000;padding:2px 9px;font-family: 'PoppinsSemiBold';display:inline-block}
table .top50{background:#A2C6FF;color:#000;padding:2px 9px;font-family: 'PoppinsSemiBold';display:inline-block}
table .rok td{border-top:#FF5264 2px solid}
table .rok2{color:#FF5264;font-family: 'PoppinsSemiBold';}

h3 .top10{background:#FFBA00}
h3 .top50{background:#A2C6FF}

/*POPup*/
.modal{ position: fixed; top: 0; right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;outline: 0; background: rgba(50, 38, 92, 0.8);}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal.fade {opacity: 0;transition: opacity .15s linear;}
.modal.fade.in {opacity: 1;}
.modal-dialog {background:#fff; width:calc( 70% - 200px ); margin: auto;height:calc( 80% - 120px );margin-top: 5%; padding: 60px 100px;}
button.close { padding: 0; background: url(../img/close.svg) center center no-repeat; border: 0;-webkit-appearance: none;width:27px;height:27px;position:absolute;right:-60px;top:-20px;margin:0px;cursor:pointer}
.modal .data {color: #A4B2E0; margin-bottom: 10px;font-size: 12px;}
.modal-content{height:100%}
.modal-header{height:27px;position:relative}
.modal-body{font-size: 12px;overflow-y: auto;overflow-x: visible; height: calc( 100% - 100px );padding-right:20px}
.modal .linkowanie{margin-top:20px}
.modal .linkowanie a { color: #FF5264;transition: all 1s ease;font-size: 12px;position: relative;}
.modal .linkowanie a .arrow { position: absolute; display: inline-block; transition: all 1s ease;width: 13px;height: 13px;border-radius: 5px; border-bottom: 1px solid #FF5264; border-left: 1px solid #FF5264; margin-left: 6px; bottom: 3px;}
.modal ::-webkit-scrollbar {width: 5px;right:7px}
.modal ::-webkit-scrollbar-track {background: #4B30AE;border-radius:3px}
.modal ::-webkit-scrollbar-thumb {background: #271C4E;border-radius:3px}

a.pobierz-pdf{background-color: #fff;border: 1px solid #000;font-size: 12px;border-radius: 3px;display:inline-block;color:#000;text-decoration:none}
a.pobierz-pdf .kropki{display:block;color:#A4B2E0;position:relative;padding: 6px 41px 7px 10px;text-align:right;color:#000;transition: all 0.5s ease;margin-top:0px;font-family:'PoppinsRegular'}
a.pobierz-pdf .kropki .kropka{display:block;width: 5px;height: 5px;border-radius: 50%; background: #4B30AE;position: absolute;top: 12px;transition: all 0.5s ease;}
a.pobierz-pdf .kropki .kropka1{right: 26px;background:#FF5264}
a.pobierz-pdf .kropki .kropka2{right: 18px;background:#FF5264}
a.pobierz-pdf .kropki .kropka3{right: 10px;background:#FF5264}

a.pobierz-pdf:hover{color:#FF5264;background:#DDD}
a.pobierz-pdf:hover .kropki .kropka1{top:9px;}
a.pobierz-pdf:hover .kropki .kropka2{top:15px;}
a.pobierz-pdf:hover .kropki .kropka3{top:9px;}

.obiegi p.bold{font-size: 14px;font-weight:bold;margin-top: 0px;}

h2 a{color: #FF5264;font-weight:normal;font-size:18px;position:relative}
h2 a .arrow, .row-1 a .arrow{
  position: absolute;
  display: inline-block;
  transition: all 1s ease;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border-bottom: 1px solid #FF5264;
  border-left: 1px solid #FF5264;
  margin-left: 6px;
}

h2 a svg, .row-1 a svg{
  position: absolute;
  top: 0;
  right: 0;
  transition: all 1s ease;
}

h2 a svg .a,  .row-1 a svg .a{
  stroke: #FF5264;
}
.container-row{margin-top:20px}
.row-2 .nav-ocena{margin:0;list-style:none;padding:0px;text-align:center}
.row-2 .nav-ocena li.active a.ogolna{margin:0 auto}

.row-1{text-align:center}
.row-1 h2{font-size:16px;margin-top:0px}
.row-1 .chartdiv_wykres{margin-top: -20px;}
.row-1 a{color: #FF5264;}
.row-1 .excel{margin-bottom:10px}
.row-2 .excel{margin-bottom:10px}
.row-2 h2 a .arrow{}

.liczba{display:block;text-align:center;font-size:80px;color: #FF5264;}
.liczba.brak{font-size:40px;}
td.liczba{font-size:30px;}
.kartadomeny .excel{display:none}
.kartadomeny .container-row .row-1.padding20{padding-top:20px}

.roi2{font-size:16px}
.roi2 .zielony{font-weight:bold;font-size: 32px}
.roi2 .zielony img{height:20px}
.roi2 .czerwony{font-weight:bold;font-size: 32px}
.roi2 .czarny{font-weight:bold;font-size: 32px}
.roi2 .zielony img{height:20px}
.roi2 .excel{margin-bottom:0px}
.roi-nawigacja{border-bottom:1px solid #DDD;padding-bottom:50px}
.roi-nawigacja .col-8{font-weight:bold;}
.roi-nawigacja .col-4{font-size:14px;text-align: right;}
.roi-nawigacja .div_select > div{color:#FF5264;}
.roi-nawigacja a{margin-left:20px}
.sekcja-roi1{padding:100px 0px;border-bottom:4px solid #000;}
.sekcja-roi2{padding:100px 0px;position:relative}
.sekcja-roi2:after{content:"";height:0px;width:0px;border-top:23px solid #fff; border-left:23px solid transparent; border-right:23px solid transparent; position:absolute;top:100%;margin:0 auto;left:0;right:0}
.sekcja-roi3{background:#DDD;border-bottom:4px solid #000;padding:60px 0px}
.sekcja-roi4{padding:100px 0px;position:relative}
.sekcja-roi4:after{content:"";height:0px;width:0px;border-top:23px solid #fff; border-left:23px solid transparent; border-right:23px solid transparent; position:absolute;top:100%;margin:0 auto;left:0;right:0}
.sekcja-roi5{background:#DDD;border-bottom:4px solid #000;padding:60px 0px}
.sekcja-roi6{padding:100px 0px;position:relative}
.sekcja-roi6:after{content:"";height:0px;width:0px;border-top:23px solid #fff; border-left:23px solid transparent; border-right:23px solid transparent; position:absolute;top:100%;margin:0 auto;left:0;right:0}
.sekcja-roi7{background:#DDD;border-bottom:4px solid #000;padding:60px 0px}
.sekcja-roi8{padding:100px 0px;position:relative}

.roi2 h2{font-size:28px}
.roi2 h3{font-size:24px}
.roi2 h2 span{display:inline-block;width:22px;height:22px;font-size:14px;background:#000;color:#FFFFFF;border-radius:50%;text-align:center;vertical-align: middle;margin-right: 10px;}
.roi2 .chmurka{background:#000;color:#FFFFFF;padding: 30px; padding-bottom:58px;font-size:12px;position:relative;margin-top:95px}
.roi2 .chmurka:before{content:"";display:block;width:0px;height:0px;position:absolute;border-left:23px solid #000;border-bottom:23px solid #000;border-top: 23px solid transparent;position: absolute;top: -22px;left: 23px;}
.roi2 .liczba{font-size:50px;font-weight:bold;text-align:left}
.roi2 .legenda{display:inline-block;vertical-align:middle;height:2px;width:14px;margin-right:7px;}

.table-container-raporty{overflow-x: scroll;overflow-y: hidden;}
.dane-umowy label{color:rgba(255,255,255,0.5)}

.szczegoly-klienta .col-4{border:1px solid #DDD;border-radius:10px;color:#A4B2E0;font-size:12px;min-height:150px;}
.szczegoly-klienta .col-4:hover{box-shadow:-webkit-box-shadow: 0px 0px 20px 10px rgba(238, 241, 250, 1);
-moz-box-shadow: 0px 0px 20px 10px rgba(238, 241, 250, 1);
box-shadow: 0px 0px 20px 10px rgba(238, 241, 250, 1);}
.szczegoly-klienta .col-4 a{color:#A4B2E0;padding:20px;display:block;width:calc( 100% - 40px );height:calc( 100% - 40px )}
.szczegoly-klienta .col-4 h3{font-size:24px;color:#000;margin:0px;margin-bottom:10px}
.szczegoly-klienta .col-4 h3 span{display:inline-block;width:10px;height:10px;border-radius:50%;text-align:center;vertical-align: middle;margin-right: 10px;}
.szczegoly-klienta .col-4 .arrow{position:absolute;left:20px;bottom:20px}
.szczegoly-klienta .col-4 .arrow svg .a{stroke:#FF5264;bottom: 20px;left: 20px;}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
 cursor:pointer;
 *cursor:hand;
 background-repeat:no-repeat;
 background-position:center right
}
table.dataTable thead .sorting {
 background-image:url(../img/sort_both.png)
}
table.dataTable thead .sorting_asc {
 background-image:url(../img/sort_asc.png) !important
}
table.dataTable thead .sorting_desc {
 background-image:urlurl(../img/sort_desc.png) !important
}
table.dataTable thead .sorting_asc_disabled {
 background-image:urlurl(../img/sort_asc_disabled.png)
}
table.dataTable thead .sorting_desc_disabled {
 background-image:urlurl(../img/sort_desc_disabled.png)
}

/*faq*/
#myScrollspy ul li a{color:#000;font-size: 18px;}
#myScrollspy ul.container li.active:before, #myScrollspy ul.container li:hover:before {
    background: url(../img/arrow-right.svg) center center no-repeat transparent;
}

#myScrollspy ul.container li.active a, #myScrollspy ul.container li:hover a{
    color:#FF5264 !important
}

#myScrollspy ul.nav-pills {width: 280px;}
#myScrollspy .affix {top: 0px;position: fixed;}


.components-submenu ul.container{
	display: block;
	padding: 20px 0px;
	margin:0px;
	list-style: none;
}

.components-submenu ul.container li{
	position:relative;
}

.components-submenu ul.container li:before{
	content:"";
	display: block;
	width: 24px;
	height:24px;
	position: absolute;
	left:0px;
	top: 12px;
}

.components-submenu ul.container li.activ:before,.components-submenu ul.container li:hover:before{
	background: url(../img/arrow-right.svg) center center no-repeat transparent
}

.components-submenu ul.container li{
	padding: 10px 0 10px 30px;
	margin-left: 0px;
    margin-right: 0px;
}
ul.container li a{
	text-decoration: none;
}

.affix {top: 200px;position: fixed;}

.tableFixHead thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
}

.box-dane2>div{border-radius: 10px;padding:20px;width:calc( 100% - 40px );height:calc( 100% - 40px );position:relative}
.box-dane2>div h3{margin:0px; padding:0px}
.box-dane2>div table{font-weight:bold;margin:0px -10px;width:calc( 100% + 20px )}
.box-dane2>div table label{font-weight:normal}
.box-dane2>div table.dane td{padding:0px 10px;border-bottom:1px solid rgba(50, 38, 92, 0.1)}

.box-dane2>div table.dane tr:nth-child(1) td{padding-bottom:20px}
.box-dane2>div table.dane tr:nth-child(2) td{padding:20px 10px;border-bottom:none}
.box-dane2>div table.dane tr.bialy td{background:#fff;padding:10px;border-bottom:none}
.box-dane2>div table.dane tr.bialy td:nth-child(1){border-radius: 10px 0px 0px 10px;}
.box-dane2>div table.dane tr.bialy td:nth-child(2){border-radius: 0px 10px 10px 0px;}
.box-dane2>div.szary{background:#DDD;border:1px solid #DDD}


.box-dane2>div.zielony{background:#d4f4cd;border:1px solid #d4f4cd}
.box-dane2>div.zielony label{color:#000}
.box-dane2>div.bialy{border:1px solid #DDD}
.box-dane2>div.zielony tr.bialy td{color:#FF5264}
.box-dane2>div.zielony tr.bialy label{color:#FF5264}

.box-dane3>div{border-radius: 10px;padding:15px 20px 20px 20px;width:calc( 100% - 30px );height:calc( 100% - 30px );font-size:12px;}
.box-dane3>div .icon{width:40px;height:40px;background:#fff;border-radius:50px;position:absolute;top:10px;right:10px;text-align: center;}
.box-dane3>div .icon img{position:absolute;  margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
.box-dane3>div h3{margin:0px; padding:0px;font-size:24px;margin-bottom:10px}
.box-dane3>div .zielony{display: inline-block;background:#44AF30;color:#fff;padding:5px;font-size:12px;margin-bottom:5px;}
.box-dane3>div .czerwony{display: inline-block;background:#FF5264;color:#fff;padding:5px;font-size:12px;}
.box-dane3 > div table {margin: 0px -10px;width: calc( 100% + 20px );}
.box-dane3 strong{font-size:14px;display: inline-block;}
.box-dane3 .red{margin-bottom:10px;}
.box-dane3 .hr{background:rgba(50, 38, 92, 0.1);margin:5px 0px;height:1px}

.box-dane3.kat-5starweb>div{background:#F1E8FF}
.box-dane3.kat-iyp>div{background:#EEE6F0}
.box-dane3.kat-multibox-harm>div{background:#EEE6F0}
.box-dane3.kat-seo>div{background:#EEE6F0}
.box-dane3.kat-social-media>div{background:#FFD3E2}
.box-dane3.kat-list-sales>div{background:#FFD3E2}
.box-dane3.kat-czat>div{background:#FFD3E2}
.box-dane3.kat-e-commerce-5star>div{background:#FFD3E2}
.box-dane3.kat-e-commerce-prestashop>div{background:#FFD3E2}
.box-dane3.kat-gmb>div{background:#FFD3E2}
.box-dane3.kat-multibox>div{background:#FFD3E2}
.box-dane3.kat-multibox-cykl>div{background:#FFD3E2}
.box-dane3.kat-multibox-start-cykl>div{background:#FFD3E2}
.box-dane3.kat-multibox-start-harm>div{background:#FFD3E2}
.box-dane3.kat-pozostałe>div{background:#FFD3E2}
.box-dane3.kat-sem>div{background:#CEF2DF}
.box-dane3.kat-seo-lokal>div{background:#FFD3E2}
.box-dane3.kat-silverweb>div{background:#FFD3E2}
.box-dane3.kat-social-media>div{background:#FFD3E2}
.box-dane3.kat-thepoint>div{background:#FFD3E2}
.box-dane3.kat-webpack>div{background:#FFD3E2}

table .img img{max-width:inherit !important}

#tabelaReklamacjeWypowiedzenie td{font-size:12px}
#tabelaReklamacje td{font-size:12px}

.dodaj{    font-size: 18px;
    color: #fff;
    background: #FF5264;
    border: none;
    padding: 10px 50px 10px 70px;
    transition: all 1s ease;
    cursor: pointer;position:relative;display:inline-block;margin-bottom:20px}
.dodaj span{display:block;font-size:50px;position:absolute;top:-14px;left:30px}
	
.dodaj:hover{background: #000;color:#fff;}

#containerPytania{padding:0px;margin:0px;list-style:none}
#containerPytania tr {cursor: move;}

#raport.roi{background:none}
#raport.roi #wstep{background-image: url(../img/bg-roi-raport.svg);background-repeat: no-repeat;height:550px;min-height:550px}
#raport.roi .roi2 h2 span{display: inline-block;
    color: rgba(50,38,92,0.95);
    font-size: 80px;
    text-shadow: -1px 0 #FF5264, 0 1px #FF5264, 1px 0 #FF5264, 0 -1px #FF5264;
    font-family: 'PoppinsBlackItalic';}
	
#raport.roi .roi2 .chmurka{background:#FF5264}

#raport.roi .roi2 .chmurka:before {
    border-left: 23px solid #FF5264;
    border-bottom: 23px solid #FF5264;
}

#raport.roi .granatowa{background:#000;color:#fff}
#raport.roi .granatowa h3{color:#fff}

.umowaMenu{position:relative}
.umowaMenu ul{display:none;position:absolute;top:0px;background: #000;margin:0px;padding: 15px;color: #fff;font-size: 12px;list-style:none;z-index: 9999;right: 0px;}
.umowaMenu ul a{color: #fff; white-space: nowrap;}
.umowaMenu ul a:hover{color:#FF5264}
.umowaMenu:hover ul{display:block}

.hamburger{height:20px; width:20px;}
.hamburger span{display: block;
    width: 20px;
    height: 2px;
    background: #000;
    transition: all 1s ease;
    margin-top: 5px;}
	
body.web #livesearch tr:hover td .hamburger span{color:#FF5264}

.pozycje .fraza-kluczowa span{color: #FF5264;font-size:10px;font-weight:normal}
.miesieczny-monitoring .left span{color: #FF5264;font-size:10px;font-weight:normal}
#miesieczny_monitoring .miesieczny-monitoring .left span{color: #FF5264;font-size:10px;font-weight:normal}

#raport.raportfb{background:none}
#raport.raportfb .fix img{margin-top:0px;margin-right:10px}
#raport.raportfb .fix .logo{height:69px}
#raport.raportfb .fix .logo a{color:#000;font-size:10px;display:flex;align-items: center;height:69px}
#raport.raportfb .fix{padding:0px}
#raport.raportfb .fix .col-9{padding:15px 0px}
#raport.raportfb #wstep{background: url(../img/sociale-bg-top.png) no-repeat #6021CA;background-size: auto;background-position:center center;height:464px;  min-height: auto;}
#raport.raportfb #wstep .col-6{padding-top:150px;}
#raport.raportfb #wstep .lewa{min-height:auto;}
#raport.raportfb #wstep .prawa{margin-top:0px;font-size:18px;color:#000;font-family: 'PoppinsSemiBold';}
#raport.raportfb #wstep .prawa span{color:#fff;background: #FF5264;padding: 2px 9px;display: inline-block; border-radius:4px}
#raport.raportfb #wstep .prawa img{display:none}
#raport.raportfb #wstep p{margin:0px;}
#raport.raportfb #spis_tresci{background:#6021CA;color:#fff;padding: 0px 0px 45px 0px;}
#raport.raportfb #spis_tresci .tytul{color:#fff;margin-bottom:46px;}
#raport #spis_tresci .tytul span{color:#FF5264}

#raport.raportfb #spis_tresci ol{font-size:18px;color:#fff;font-family: 'PoppinsSemiBold';margin:0px; padding:0px;margin-left:20px}
#raport.raportfb #spis_tresci ol li{margin-bottom:30px}
#raport.raportfb #spis_tresci ol li a{color:#000;transition: all 0.5s ease; background-image: url(../img/arrow-right-ul.svg); background-repeat: no-repeat; background-position: right center;padding-right:26px}
#raport.raportfb #spis_tresci ol li a:hover{color:#FF5264;padding-right:36px}
#raport.raportfb #spis_tresci ol li a{color:#fff}
#raport.raportfb #spis_tresci .box1{padding:0px;background:none;margin-bottom:90px}
#raport.raportfb #spis_tresci .box1 .col-6{margin-bottom:30px}
#raport.raportfb #spis_tresci .box1 p{margin:0px;}
#raport.raportfb #spis_tresci .box1 p.fanpage{margin-bottom:30px}
#raport.raportfb #spis_tresci .box1 span{color:#FF5264}
#raport.raportfb #spis_tresci .box1 .fanpage span.fan{color:#fff;text-decoration:underline;font-size: 18px;display:inline-block}
#raport.raportfb #spis_tresci .pozwol{font-size:12px;border: 1px solid #FFFFFF;border-radius: 10px;padding:18px 0px}
#raport.raportfb #spis_tresci .pozwol img{margin-left:57px;margin-right:50px}
#raport.raportfb #podsumowanie-statystyk{background: transparent linear-gradient(0deg, #9538E5 0%, var(--unnamed-color-6021ca) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(0deg, #9538E5 0%, #6021CA 100%) 0% 0% no-repeat padding-box;padding-top:53px;padding-bottom:17px;}
#raport.raportfb .chmurka{font-size:12px; color:#fff;background-color: rgba(255,255,255,0.05); background-image: url(../img/cloud-icon.png); background-repeat: no-repeat; background-position: calc( 100% - 30px ) 20px;
border-radius: 5px;padding:20px 125px 20px 30px}
#raport.raportfb .chmurka.jasna{font-size:12px; color:#000;background-color: rgba(96, 33, 202,0.05); background-image: url(../img/cloud-icon.png); background-repeat: no-repeat; background-position: calc( 100% - 30px ) 20px;
border-radius: 5px;padding:20px 125px 20px 30px}

#raport.raportfb #podsumowanie-statystyk .col-3{color:#fff;font-size:18px;margin-bottom:50px}
#raport.raportfb #podsumowanie-statystyk .col-3 span{display:block;color:#fff;font-size:50px;}

#raport.raportfb .naglowek{background:none;padding:0px}
#raport.raportfb .naglowek .text::before{display:none}
#raport.raportfb .naglowek .text h2{font-size:30px;border-bottom:2px solid #fff;padding-left: 54px;padding-bottom:36px;  line-height: 1.2;
}
#raport.raportfb .naglowek .text h2 span{color:#6021CA;position: absolute;left:0px;top:22px;}

#raport.raportfb .naglowek .text h2.ciemny{border-bottom:2px solid #000;color:#000}
#raport.raportfb .naglowek .text h2.ciemny span{color:#fff;}

#raport.raportfb #spolecznosc-fanpagea{padding-top:87px}
#raport.raportfb #spolecznosc-fanpagea .naglowek .text h2 span{left:3px}
#raport.raportfb #spolecznosc-fanpagea .naglowek .text h2{padding-left:70px}
#raport.raportfb h4{font-size:24px;color:#FF5264}

#raport.raportfb #spolecznosc-fanpagea .przyrostfanow .row1 td{font-size:50px;font-weight:bold;color:#000;border-bottom:none;padding:0px}
#raport.raportfb #spolecznosc-fanpagea .przyrostfanow .row2 td{font-size:18px;font-weight:bold;color:#000;border-bottom:none;padding:0px}
#raport.raportfb #spolecznosc-fanpagea .przyrostfanow .row2 td img{vertical-align:middle}
#raport.raportfb #spolecznosc-fanpagea .przyrostfanow td.red{color:#FF5264}
#raport.raportfb #spolecznosc-fanpagea .przyrostfanow{margin-bottom:20px}

#raport.raportfb .nowi-obserwujacy{font-size:18px;color:#000;font-weight:bold;display:inline-block}
#raport.raportfb .rozeta{background-image: url(../img/rozeta.png); background-repeat: no-repeat;background-position:center center;width:137px;height:102px;padding-top:35px;color:#FF5264;font-size:50px;text-align:center;font-weight:bold;display: inline-block;position:relative;margin-left:65px}
#raport.raportfb .rozeta img{position:absolute;margin: auto;
    left: -25px;
    top: 0;
    bottom: 0;}

#raport.raportfb #spolecznosc-fanpagea .demogrfia{background:rgba(96, 33, 202, 0.05);padding:50px 0px}
#raport.raportfb #spolecznosc-fanpagea .demogrfia .chmurka{background-position: 20px 20px;padding-top:124px;padding-right:30px}
#raport.raportfb #spolecznosc-fanpagea #chartdiv_fani{margin-bottom:80px}

#raport.raportfb #dzialania-fanow-strony p{color:#fff}
#raport.raportfb #dzialania-fanow-strony .row1{background: transparent linear-gradient(0deg, #9538E5 0%, #6021CA 100%) 0% 0% no-repeat padding-box;padding-top:67px;padding-bottom:80px}
#raport.raportfb #dzialania-fanow-strony .row1 table td{color:#fff;font-size:18px;border:none;padding:0px;vertical-align:top}
#raport.raportfb #dzialania-fanow-strony .row1 table td span{font-size:35px;display:block;font-weight:bold}
#raport.raportfb #dzialania-fanow-strony .row2{background: #6021CA 0% 0% no-repeat padding-box;padding-top:50px}

#raport.raportfb #dzialania-fanow-strony .row2 table td{color:#fff;font-size:18px;border:none;padding:30px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2)}
#raport.raportfb #dzialania-fanow-strony .row2 table td:first-of-type{padding-left:0px;border-left:0px}
#raport.raportfb #dzialania-fanow-strony .row2 table .row-tr-2 td{font-size:35px;font-weight:bold;border-bottom:none}

#raport.raportfb #dzialania-fanow-strony .row2 .chmurka{background-color:transparent;background-position:0px 0px;padding-left:120px;padding-right:0px;padding-top:0px}
#raport.raportfb #dzialania-fanow-strony .row3{background: transparent linear-gradient(0deg, #9538E5 0%, #6021CA 100%) 0% 0% no-repeat padding-box;padding-bottom:80px}
#raport.raportfb #dzialania-fanow-strony .row3 .chmurka{background-color:transparent;background-position:0px 0px;padding-left:120px;padding-right:0px;padding-top:0px}

#raport.raportfb #dzialania-fanow-strony .row3 table td{color:#fff;font-size:35px;border:none;padding:30px;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2);font-weight:bold}
#raport.raportfb #dzialania-fanow-strony .row3 table td:first-of-type{padding-left:0px;border-left:0px;font-size:18px;font-weight:bold;   line-height: 2;font-weight:normal}
#raport.raportfb #dzialania-fanow-strony .row3 table tr:last-of-type td{border-bottom:none}
#raport.raportfb #dzialania-fanow-strony .row3 table td img{margin-right:20px}

#raport.raportfb #zasiegi{padding-top:80px}
#raport.raportfb #zasiegi #chartdiv_zasiegi{margin-bottom:50px}
#raport.raportfb #zasiegi h2{padding-top:20px;padding-left:70px;padding-bottom:50px;margin-bottom:83px}
#raport.raportfb #zasiegi .naglowek{padding-bottom:60px}
#raport.raportfb #zasiegi h4 span{color: #fff;
    background: #FF5264;
    padding: 2px 9px;
    display: inline-block;
    border-radius: 4px;font-size:18px}
#raport.raportfb #zasiegi .zasiegi{background:rgba(96, 33, 202, 0.05)}
#raport.raportfb #zasiegi .zasiegi.row{padding:60px 0px}
#raport.raportfb #zasiegi .zasiegi .zasiegi{background:#fff}
#raport.raportfb #zasiegi .tabelka{padding: 55px 100px 60px 100px}
#raport.raportfb #zasiegi .tabelka table{margin-top:30px}
#raport.raportfb #zasiegi .tabelka td{font-size:18px;color:#000;padding:0px;padding-bottom:30px;border:none}
#raport.raportfb #zasiegi .tabelka tr:last-of-type td{padding-top:30px;padding-bottom:0px;border-top:1px solid #000}
#raport.raportfb #zasiegi .tabelka td span{font-size:35px;color:#000;font-weight:bold;display:block;}
#raport.raportfb #zasiegi .tabelka.ostatni td span{color:#FF5264}

#raport.raportfb #wyswietlenia{background: transparent linear-gradient(0deg, #9538E5 0%, #6021CA 100%) 0% 0% no-repeat padding-box;padding-top:50px;padding-bottom:171px;color:#fff}
#raport.raportfb #wyswietlenia h2{padding-top:20px;padding-left:70px;padding-bottom:50px;margin-bottom:83px}
#raport.raportfb #wyswietlenia h4{margin-bottom:40px}
#raport.raportfb #wyswietlenia .chmurka {
    background-position: 20px 20px;
    padding-top: 124px;
    padding-right: 30px;
}
#raport.raportfb #wyswietlenia table td{color:#fff;font-size:18px;border:none;padding:0px;vertical-align:top}
#raport.raportfb #wyswietlenia table td span{font-size:35px;display:block;font-weight:bold}
#raport.raportfb #wyswietlenia .mezczyzni{font-size:12px;}
#raport.raportfb #wyswietlenia .mezczyzni span{display:inline-block;font-size:35px;font-weight:bold;padding-left:31px;padding-right:43px;    vertical-align: middle;}
#raport.raportfb #wyswietlenia .kobiety{font-size:12px;text-align: right;}
#raport.raportfb #wyswietlenia .kobiety span{display:inline-block;font-size:35px;font-weight:bold;padding-left:43px;padding-right:31px;    vertical-align: middle;}
#raport.raportfb #wyswietlenia .kobiety .chartdiv_wykres{margin-bottom:30px}
#raport.raportfb #wyswietlenia .mezczyzni .chartdiv_wykres{margin-bottom:30px}

#raport.raportfb footer{background:transparent linear-gradient(0deg, #9538E5 0%, #6021CA 100%) 0% 0% no-repeat padding-box;color:#fff;padding-top:83px;padding-bottom:65px}
#raport.raportfb footer .row1{padding-bottom:76px;border-bottom:1px solid #4B30AE;margin-bottom:33px}
#raport.raportfb footer .row1 .col-3{font-size:19px; font-weight:bold; display: flex;align-items: center;}
#raport.raportfb footer .row1 .col-3 img{margin-right:20px}
#raport.raportfb footer .row2 .prawa{text-align:right}
#raport.raportfb br.pdf{display:none}

#raport.raportfb #stopkapdf{display:none; position: fixed;width:100%;bottom: 122px;z-index:999}
#raport.raportfb #stopkapdf .container{border-top:1px solid #000;color:#000;font-size:15px;padding-top:43px;}
#raport.raportfb #stopkapdf .container .center{text-align:center}
#raport.raportfb #stopkapdf .container .right{text-align:right}

#raport.raportsem{background:#fff}
#raport.raportsem .zielony{background-image: url(../img/bg-sem-raport.svg);background-repeat: no-repeat;background-position: top;background-color:#2DAA66}

#raport.raportsem .zielony:before{content:"";display:none;width:100%;height:1354px;background-image: url(../img/sem-bg-top-glowna.svg);background-repeat: no-repeat;background-position: top;background-color:#2DAA66;position:absolute;left:0;top:0}
	

#raport.raportsem .fix img {height: 27px;}
#raport.raportsem .fix .logo a{height:auto;}
#raport.raportsem .fix .logo{height:auto;}
#raport.raportsem .fix{padding: 22px 0px}
#raport.raportsem #wstep{padding-top:131px;min-height:1px}
#raport.raportsem #wstep .lewa{color: #FFFFFF;font-size:35px;font-family: PoppinsSemiBold;min-height:1px}
#raport.raportsem #wstep .lewa .container{margin-top:38px;}

#raport.raportsem #wstep .lewa .container p{color:#fff;font-family: PoppinsSemiBold;font-size:18px; margin: 0px;margin-bottom:35px}
#raport.raportsem #wstep .lewa .container span{color:#A5EB98;font-size:12px;font-family: PoppinsRegular;display:block}

#raport.raportsem #wstep .prawa{color: #FFFFFF;font-size:28px;margin-top:0px;font-family: PoppinsSemiBold;min-height:1px}
#raport.raportsem #wstep .prawa .container{margin-top:38px;}

#raport.raportsem #wstep .prawa .container p{color:#fff;font-family: PoppinsSemiBold;font-size:18px; margin: 0px;margin-bottom:35px}
#raport.raportsem #wstep .prawa .container span{color:#A5EB98;font-size:12px;font-family: PoppinsRegular;display:block}

#raport.raportsem .naglowek{background:none;padding:0px}
#raport.raportsem .naglowek h2{color:#A5EB98;font-family: PoppinsSemiBold;font-size:28px;padding-bottom:30px;position:relative}
#raport.raportsem .naglowek h2:after{content:"";display:block;position:absolute;height:1px;width:40%;left:0px;top:100%;background-color:#A5EB98}
#raport.raportsem .naglowek h2 img{vertical-align: middle;}

#raport.raportsem table th{font-size:17px;font-family: PoppinsSemiBold;color:#000;border-bottom:1px solid rgba(50, 38, 92,0.1);vertical-align: top;white-space: nowrap;}
#raport.raportsem table td{font-size:12px;font-family: PoppinsRegular;color:#000;border-bottom:1px solid rgba(50, 38, 92,0.1)}
#raport.raportsem table tr:last-of-type td{border-bottom:none !important}
#raport.raportsem table .center{text-align:center}
#raport.raportsem table .color{background: rgba(238, 241, 250, 0.5)}
#raport.raportsem table span{display:inline-block;padding:0px 10px;font-size:17px;font-family: PoppinsSemiBold;white-space: nowrap;color:#fff !important}
#raport.raportsem table span.pdf{color:#000 !important;font-size:12px;font-family:'PoppinsRegular'}
#raport.raportsem #podsumowanie-kampanii2 span.pdf{color:#fff !important;}
#raport.raportsem table .legenda2{white-space: nowrap;}
#raport.raportsem table .legenda2 span.pdf{margin-right:30px;display:inline;padding:0px;}
#raport.raportsem table .legenda2 span:last-of-type{margin-right:0px;}
#raport.raportsem .info, .widocznoscai .info{display:inline-block;width:16px;height:16px;background-image: url(../img/info-button.svg);vertical-align: middle;cursor:pointer;position:relative}
#raport.raportsem .info2{display:inline-block;width:16px;height:16px;vertical-align: middle;}

#raport.raportsem{position: relative;}
#raport.raportsem #podsumowanie-kampanii{font-family: PoppinsSemiBold;padding-top:65px;color:#fff; position: relative;}
#raport.raportsem #podsumowanie-kampanii2{padding-bottom:65px;}
#raport.raportsem #podsumowanie-kampanii #podsumowanie{font-size:17px; color:#fff; margin-top: 50px;}
#raport.raportsem #podsumowanie-kampanii #podsumowanie .col-4{margin-bottom:50px}
#raport.raportsem #podsumowanie-kampanii #podsumowanie span{border-bottom:1px solid #fff}
#raport.raportsem #podsumowanie-kampanii #podsumowanie span.liczba{display:inline-block;padding:0px 10px;margin-bottom:20px;font-size:35px;color:#fff;border-bottom:none}

#raport.raportsem #raport-slow-kluczowych{padding:77px 0px;background:#fff}
#raport.raportsem #raport-slow-kluczowych .naglowek h2{color:#000}
#raport.raportsem #raport-slow-kluczowych .naglowek span{color:#FFFFFF;background-color:#6021CA;display: inline-block;padding: 6px 10px;}
#raport.raportsem #raport-slow-kluczowych .naglowek h2:after{background:#000}

#raport.raportsem #raport-dotyczacy-produktow{padding:75px 0px;background:#F6F8FC}
#raport.raportsem #raport-dotyczacy-produktow .naglowek h2{color:#000}
#raport.raportsem #raport-dotyczacy-produktow .naglowek span{color:#FFFFFF;background-color:#6021CA;display: inline-block;padding: 6px 10px;}
#raport.raportsem #raport-dotyczacy-produktow .naglowek h2:after{background:#000}

#raport.raportsem #raport-dotyczacy-video{padding:75px 0px;background:#FFFFFF}
#raport.raportsem #raport-dotyczacy-video .naglowek h2{color:#000}
#raport.raportsem #raport-dotyczacy-video .naglowek span{color:#FFFFFF;background-color:#6021CA;display: inline-block;padding: 6px 10px;}
#raport.raportsem #raport-dotyczacy-video .naglowek h2:after{background:#000}

#raport.raportsem #top50{padding:75px 0px;background:#FFCA3C}
#raport.raportsem #top50 .naglowek h2{color:#fff;font-size:229px;text-align:center;margin-top: 0px;margin-bottom: 50px; line-height: 229px;padding-bottom:10px}
#raport.raportsem #top50 .naglowek h2 div{font-size:28px; display:inline-block;color:#000;text-align:center;position:absolute;margin:auto;width: 100%;left: 0;line-height: 28px;bottom: 10%;}
#raport.raportsem #top50 .naglowek span{color:#FFFFFF;background-color:#6021CA;display: inline-block;padding: 6px 10px;}
#raport.raportsem #top50 .naglowek h2:after{background:#000;margin:auto;left:0px;right:0px;height:2px;}
#raport.raportsem #top50 .col-8{text-align:center}

#raport.raportsem #stopka{background:#000;padding:71px 0px; color:#fff; font-size:12px;position:static}
#raport.raportsem #stopka img{margin-top:58px;margin-bottom:80px;height:43px;}
#raport.raportsem #stopka hr{margin-bottom:35px;border: none; border-top: 1px solid #DDD;}
#raport.raportsem #stopka .prawa{text-align:right}

#raport.raportsem #podsumowanie-kampanii2 table th{color:#fff}
#raport.raportsem #podsumowanie-kampanii2 table td{color:#fff}
#raport.raportsem #podsumowanie-kampanii2 table .color{background: rgba(28, 147, 82, 0.5)}
#raport.raportsem #podsumowanie-kampanii2 table th{border-bottom:1px solid rgba(255,255,255,0.4)}
#raport.raportsem #podsumowanie-kampanii2 table td{border-bottom:1px solid rgba(255,255,255,0.4)}

#raport.raportsem #top50 table .color{background: rgba(255, 221, 131, 0.5)}
#raport.raportsem #top50 table th{border-bottom:1px solid rgba(255,255,255,0.4)}
#raport.raportsem #top50 table td{border-bottom:1px solid rgba(255,255,255,0.4)}

#raport.raportsem #raport-slow-kluczowych .info, .widocznoscai .info{background-image: url(../img/info-button-dark.png);}
#raport.raportsem #raport-dotyczacy-produktow .info{background-image: url(../img/info-button-dark.png);}
#raport.raportsem #raport-dotyczacy-video .info{background-image: url(../img/info-button-dark.png);}

#raport.raportsem .info .infotext h6, .widocznoscai .info .infotext h6{font-weight:bold;font-size: 12px; margin: 0px 0px 10px 0px;text-align:left}
#raport.raportsem .info .infotext, .widocznoscai .info .infotext {
    visibility: hidden;
    width: 155px;
    font-size: 10px;
	color: #000;
	background-color: #FFFFFF;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
	z-index: 1;
	bottom: calc( 100% + 10px );
    left: -84px;
}

#raport.raportsem .info .infotext:before, .widocznoscai .info .infotext:before{
	content:"";
	display:block;
	width:0px;
	height:0px;
	border-top: 10px solid #FFFFFF;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: -10px;
    margin: auto;
	left:0;
	right:0;
	z-index:2;
	position: absolute;
}

#raport.raportsem .info .infotext p, .widocznoscai .info .infotext p{margin:0px;font-size:10px;font-family: PoppinsRegular;white-space: normal;text-align:left;font-weight: normal;}
#raport.raportsem .info:hover .infotext, .widocznoscai .info:hover .infotext{visibility: visible;}
#raport.raportsem .fix .text a{margin-left:30px}
#raport.raportsem .fix .text a img{height:21px}

#raport .switch {position: relative;display: inline-block;width: 60px;height: 38px; vertical-align:top;margin-top: 0px;}
#raport .switch input {
  opacity: 0;
  width: 60px;
  height: 38px;
  position:static;
  margin:0px
}

#raport .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  -webkit-transition: .4s;
  transition: .4s;
}

#raport .slider:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#raport input:checked + .slider {
  background-color: #FF5264;
}

#raport input:focus + .slider {
  box-shadow: 0 0 1px #000;
}

#raport input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

/* Rounded sliders */
#raport .slider.round {
  border-radius: 38px;
}

#raport .slider.round:before {
  border-radius: 50%;
}

#raport.raportsem .stopkapdf{position:absolute;margin: auto;left: 0;right: 0;margin:auto;font-family:'PoppinsRegular';padding-top:33px;height:83px}
#raport.raportsem .stopkapdf img{height:50px}

#raport.raportsem .naglowekpdf{position:absolute;margin: auto;left: 0;right: 0;margin:auto;font-family:'PoppinsRegular';height:345px;z-index:9999;width:100%}
#raport.raportsem .naglowekpdf img{position:absolute;right:0px;top:0px}

#raport.raportsem .naglowekpdf img.ciemny{left: 205px; top:130px}
#raport.raportsem .naglowekpdf img.bialy{left: 205px; top:130px}
#raport.raportsem .naglowekpdf img.kolor{left: 205px; top:130px}

#raport.raportsem .naglowekpdf img{width:150px}

#raport.raportsem .stopka1{border-top: 1px solid #fff; color:#fff;top:2316px}
#raport.raportsem .stopkapdf.biala{border-top: 1px solid #fff; color:#fff;}
#raport.raportsem .stopkapdf.ciemna{border-top: 1px solid #4B30AE; color:#000;}

#raport.raportsem table span.pdf{display:none !important}
#raport.raportsem .stopkapdf{display:none}
#raport.raportsem .naglowekpdf{display:none}

#raport.raportsem .header{position:fixed;width:100%;display:none;left:0;top:0;height:345px;}
#raport.raportsem .header img{position:absolute;right:0px;top:0px}

#raport.raportml{background: none;color:#000}

#raport .fix .logo{height: 27px;}
#raport .fix .logo a{height: 27px;}
#raport.raportml .fix img {height: 27px; margin-top: 0px;}

#raport.raportml .fix .text a{margin-left:30px}
#raport.raportml .fix .text a img {
    height: 21px;
}

#raport #wstep .prawa{min-height: 1px;margin-top:0px}
#raport #wstep .lewa{min-height: 1px;margin-top:0px}

#raport.raportml .h1{color:#503C96 /*#000*/;font-size:35px;font-family:PoppinsSemiBold;margin:0px;margin-bottom:10px; line-height: 1.2;}
#raport.raportml .h2{color:#503C96 /*#000*/;font-size:28px;font-family:PoppinsSemiBold;margin:0px;margin-bottom:10px; line-height: 1.2;}
#raport.raportml .h3{color:#503C96 /*#000*/;font-size:24px;font-family:PoppinsSemiBold;margin:0px;margin-bottom:10px; line-height: 1.2;}
#raport.raportml .h4{color:#503C96 /*#000*/;font-size:18px;font-family:PoppinsSemiBold;margin:0px;margin-bottom:10px; line-height: 1.2;}
#raport.raportml div.h3{line-height: 1; margin-top:20px;line-height: 1.5;}

#raport.raportml #wstep {
    background: #4B30AE;
	color: #fff;
	min-height: 590px;
}

#raport.raportml #wstep>div{padding-top: 110px;padding-bottom: 130px;}

#raport.raportml #wstep .lewa .container p {
    color: #fff;
    font-family: PoppinsSemiBold;
    font-size: 18px;
    margin: 0px;
    margin-bottom: 35px;
}

#raport.raportml #wstep .lewa .container span {
    color: #fff;
    font-size: 12px;
    font-family: PoppinsRegular;
    display: block;
}

#raport.raportml #wstep p{color: #fff;}
#raport.raportml #wstep .h3{color: #fff;}

#raport.raportml .tip{font-size:18px;font-family:PoppinsSemiBold;padding:0px;}
#raport.raportml .tip .container{padding:40px 0px}
#raport.raportml .tip .container .col-2{text-align:center}
#raport.raportml .tip .label{font-size:28px;font-family:PoppinsSemiBold;margin:0px;margin-top:13px;margin-bottom:10px;}
#raport.raportml .tip .zrodlo{font-size:14px;font-family:PoppinsRegular;margin:0px;margin-top:10px}

#raport.raportml #tip-1{background:black;margin-top:73px}
#raport.raportml #tip-1, #raport.raportml #tip-1 p{color:#fff}
#raport.raportml #tip-2{background:#000;margin-top:70px}
#raport.raportml #tip-2, #raport.raportml #tip-2 p{color:#fff}
#raport.raportml #tip-3{background:#4B30AE;margin-top:71px}
#raport.raportml #tip-3, #raport.raportml #tip-3 p{color:#fff}
#raport.raportml #tip-4{background:#4B30AE;margin-top:100px}
#raport.raportml #tip-4, #raport.raportml #tip-4 p{color:#fff}

#raport.raportml #tip-5{background:#000;margin-top:70px}
#raport.raportml #tip-5, #raport.raportml #tip-5 p{color:#fff /*#000*/}

#raport.raportml #tip-6{background:rgb(247,244,252);margin-top:60px}
#raport.raportml #tip-6 .container{background: url(../img/ikona-tlo-5.svg) no-repeat right -60px;}
#raport.raportml #tip-6, #raport.raportml #tip-6 p{color:#503C96 /*#000*/}

#raport.raportml #tip-7{margin-top:30px;margin-bottom:30px;font-family:PoppinsRegular}
#raport.raportml #tip-7 .container{background: #4B30AE;border-radius:30px;}
#raport.raportml #tip-7 b{font-family:PoppinsSemiBold}
#raport.raportml #tip-7, #raport.raportml #tip-7 p{color:#FFFFFF /*#000*/}

#raport.raportml #wstep .lewa .container .oddo{margin-top: -20px;}
#raport.raportml #wstep .lewa .container .oddo span {display: inline-block;}

#raport.raportml #podsumowanie{background:#fff;padding-top:50px;color:#000}
#raport.raportml #zasieg-lokalny{background:#FFFFFF;padding-top:70px}



#raport.raportml .switch {position: relative;display: inline-block;width: 35px;height: 20px; vertical-align:top;margin-top: 0px;}
#raport.raportml .switch input {opacity: 0;width: 35px;height: 20px;position:static}

#raport.raportml .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: transparent;-webkit-transition: .4s;transition: .4s;border:1px solid #fff /*#000*/;border-radius:10px;width: 35px;height: 20px;}

#raport.raportml #wstep .lewa .container .switch-box{display: inline-block;padding-top:10px;margin-bottom:10px}
#raport.raportml #wstep .lewa .container .switch-box:hover .slider {background-color:#503C96 /*#000*/}
#raport.raportml #wstep .lewa .container .switch-box .switch-text{font-size:18px;font-family:PoppinsSemiBold;color:#fff;opacity:0.5;margin-left:10px;display: inline-block; margin-top: -2px;}
#raport.raportml #wstep .lewa .container .switch-box:hover .switch-text{opacity:1}

#raport.raportml #wstep .lewa .container .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#raport.raportml input:checked + .slider {
  background-color: #271C4E;
}

#raport.raportml input:focus + .slider {
  box-shadow: 0 0 1px #503C96 /*#000*/;
}

#raport.raportml input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(13px);
  background-color: #44AF30;
}

#raport.raportml .slider.round {border-radius: 20px;margin-right: 10px;}

#raport.raportml .slider.round:before {border-radius: 50%;}

#raport.raportml #wstep .lewa .container .div_select #okres{padding: 11px 0px 11px 20px; width: 251px;height: 33px;background:#fff;border:1px solid #DDD;color: #FF5264; font-size:24px}
#raport.raportml #wstep .lewa .container .div_select #okres span{color: #FF5264; font-size:24px;font-family:PoppinsSemiBold;}

#raport.raportml .div_select ul li{padding: 11px 0px 11px 20px; width: 251px;height: 33px;}
#raport.raportml .div_select span.arrow{top: 15px;height: 30px;}
#raport.raportml .div_select:hover span.arrow{top: 15px;height: 30px;}

#raport.raportml h2{font-size:28px;font-family:PoppinsSemiBold;padding-top:47px;padding-bottom:38px;border-bottom:2px solid #4B30AE /*#000*/;position:relative;margin-top:0px;color:#000}
#raport.raportml h2 img{position:absolute;top:0;left:0}
#raport.raportml #interakcje-klientow h2{color:#fff;border-bottom:1px solid #FFFFFF}
#raport.raportml p.bold{font-weight:bold}
#raport.raportml p{color:#000}

#raport.raportml #zasieg-lokalny{background-color: #FFFFFF;color:#503C96 /*#000*/;padding-top:70px;font-size:14px;}
#raport.raportml #wyswietlenia-wizytowki{background-color: #fff;padding-top:70px}
#raport.raportml #interakcje-klientow{background-color: #000;padding-top:70px;color:#FFFFFF}
#raport.raportml #opinie{padding-top:70px;}
#raport.raportml #opinie h4{font-size:24px;font-family: PoppinsSemiBold;}
#raport.raportml #opinie .liczba{display: inline-block; color:#4B30AE;font-size:35px;}
#raport.raportml #opinie .liczba-ocen{color:#000;font-size:18px;font-family:PoppinsSemiBold;margin-top:26px}
#raport.raportml #opinie .srednia-ocen{color:#32265C;font-size:14px;font-family:PoppinsRegular;margin-top:10px}
#raport.raportml #opinie .srednia{color:#4B30AE /*#000*/;font-size:50px;font-family:PoppinsSemiBold;margin:0px}
#raport.raportml #opinie .pozytwne .liczba{color:#44AF30}
#raport.raportml #opinie .neutralne .liczba{color:#FFBA00}
#raport.raportml #opinie .negatywne .liczba{color:#FF5264}

.srednia-gwiazdki {
  position: relative;
  appearance: none;
  color: transparent;
  height:36px;
  vertical-align: baseline;
  font-size: 36px;
  line-height: 1;
}

.srednia-gwiazdki::before {
  content: '★★★★★';
  position: absolute;
  top: 0;
  left: 0;
  color: rgba(0,0,0,0.2);
  background: linear-gradient(90deg, #FFBA00 var(--percent), rgba(0,0,0,0) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px #FFBA00;
  line-height: 1;
  letter-spacing: 3px;
}

#raport.raportml #opinie .opinie{font-size:18px;margin:0px;font-family:PoppinsSemiBold;margin-bottom:10px}
#raport.raportml #opinie .gwiazdki1{ -webkit-text-stroke: 1px #503C96 /*#000*/; font-size: 20px; line-height: 1; letter-spacing: 3px;color:#fff;margin:0px}
#raport.raportml #opinie .gwiazdki1 span{-webkit-text-stroke: 1px #503C96 /*#000*/;opacity:0.2}
#raport.raportml #opinie .gwiazdki{margin-top:10px;margin-bottom:20px}

#raport.raportml #kampania{background-color: #FFFFFF;padding-top:0px}
#raport.raportml #kampania>.container{padding-top:94px}
#raport.raportml #konkurencja{background-color: #000000;padding:70px 0px;color:#fff}
#raport.raportml #kontakt{background-color: #fff;padding-top:70px;padding-bottom:70px}
#raport.raportml #stopka{background-color: #000000;}

#raport.raportml #podsumowanie .col-4{font-size:24px;font-family:PoppinsSemiBold}
#raport.raportml #podsumowanie span.liczba{
    display: inline-block;
    margin-bottom: 20px;
    font-size: 50px;
    color: #4B30AE;
    border-bottom: none;
    font-family: PoppinsSemiBold;
}

#raport.raportml #roi-local-pulse{padding-top:70px;padding-bottom:70px;font-size:14px;position:relative}
#raport.raportml #roi-local-pulse p{font-size:14px;}
#raport.raportml #roi-local-pulse .container{z-index:9}
#raport.raportml #roi-local-pulse .napis{font-family:PoppinsSemiBold;font-size:199px;color:transparent;-webkit-text-stroke: 1px #fff;position:absolute;left:0px;bottom:0px;line-height:0.7}
#raport.raportml #roi-local-pulse h2{font-size:28px;padding-top:0px;border-bottom:2px solid transparent;position:relative}
#raport.raportml #roi-local-pulse h2:after{content:"";position:absolute;display:block;width:85%;height:2px;background:#503C96;left:0px;bottom:0px}
#raport.raportml #roi-local-pulse img{margin-bottom:10px}
#raport.raportml #roi-local-pulse .naglowek{font-family:PoppinsSemiBold;color:#503C96;font-size:35px;padding:0px;padding-left:86px;background:url(../img/Roi_local_pulse.png) no-repeat;margin:0px}
#raport.raportml #roi-local-pulse .naglowek span{font-size:50px}
#raport.raportml #roi-local-pulse .liczba{display:inline-block;color:#fff;font-size:30px;text-align:left;font-family:PoppinsSemiBold;}
#raport.raportml #roi-local-pulse .legenda{font-family:PoppinsSemiBold;font-size:24px}
#raport.raportml #roi-local-pulse .opis1{font-size:24px;font-family:PoppinsSemiBold;font-style:italic;line-height:35px}


#raport.raportml #roi-local-pulse.mocny-wzrost{background: transparent linear-gradient(180deg, #4B30AE 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
#raport.raportml #roi-local-pulse.mocny-wzrost .liczba{color:#4B30AE;}
#raport.raportml #roi-local-pulse.mocny-wzrost .legenda{color:#4B30AE;}
#raport.raportml #roi-local-pulse.mocny-wzrost .opis1{color:#4B30AE;}

#raport.raportml #roi-local-pulse.lokalny-lider{background: transparent linear-gradient(180deg, #2E7432 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
#raport.raportml #roi-local-pulse.lokalny-lider .liczba{color:#2E7432}
#raport.raportml #roi-local-pulse.lokalny-lider .legenda{color:#2E7432}
#raport.raportml #roi-local-pulse.lokalny-lider .opis1{color:#2E7432;}

#raport.raportml #roi-local-pulse.budowa-rozpoznawalnosci{background: transparent linear-gradient(180deg, #DC8C00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
#raport.raportml #roi-local-pulse.budowa-rozpoznawalnosci .liczba{color:#DC8C00}
#raport.raportml #roi-local-pulse.budowa-rozpoznawalnosci .legenda{color:#DC8C00}
#raport.raportml #roi-local-pulse.budowa-rozpoznawalnosci .opis1{color:#DC8C00}

#raport.raportml #roi-local-pulse.podstawy-obecnosci{background: transparent linear-gradient(180deg, #B43278 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
#raport.raportml #roi-local-pulse.podstawy-obecnosci .liczba{color:#B43278}
#raport.raportml #roi-local-pulse.podstawy-obecnosci .legenda{color:#B43278}
#raport.raportml #roi-local-pulse.podstawy-obecnosci .opis1{color:#B43278}

#raport.raportml #roi-local-pulse.rosnie-zainteresowanie{background: transparent linear-gradient(180deg, #2D8287 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
#raport.raportml #roi-local-pulse.rosnie-zainteresowanie .liczba{color:#2D8287}
#raport.raportml #roi-local-pulse.rosnie-zainteresowanie .legenda{color:#2D8287}
#raport.raportml #roi-local-pulse.rosnie-zainteresowanie .opis1{color:#2D8287}

#raport.raportml #roi-local-pulse-konkurencja{padding-top:70px;padding-bottom:100px;color:#000}

#raport.raportml #roi-local-pulse-konkurencja h2{font-size:28px;padding-top:0px;border-bottom:2px solid transparent;position:relative}
#raport.raportml #roi-local-pulse-konkurencja h2:after{content:"";position:absolute;display:block;width:40%;height:2px;background:#4B30AE;left:0px;bottom:0px}

#raport.raportml #roi-local-pulse-konkurencja .label{font-size:18px;font-family:PoppinsSemiBold;}
#raport.raportml #roi-local-pulse-konkurencja .liczba{font-family:PoppinsSemiBold;display:inline-block;font-size:35px;text-align:left;color:#4B30AE;margin-top:20px;margin-bottom:50px}
#raport.raportml #roi-local-pulse-konkurencja .opis2{font-family:PoppinsSemiBold;font-size:24px;color:#000;line-height:35px}
#raport.raportml #roi-local-pulse-konkurencja .opis3{font-family:PoppinsSemiBold;font-size:28px;}

#raport.raportml #roi-local-pulse-konkurencja .label2{font-family:PoppinsSemiBold;height:52px;}
#raport.raportml #roi-local-pulse-konkurencja .label2 span{vertical-align:bottom}
#raport.raportml #roi-local-pulse-konkurencja .slabsze .liczba{color:#FFBA00;margin-top:20px;margin-bottom:10px;padding:0px}
#raport.raportml #roi-local-pulse-konkurencja .porownywalne .liczba{color:#6021CA;margin-top:20px;margin-bottom:10px;padding:0px}
#raport.raportml #roi-local-pulse-konkurencja .lepsze .liczba{color:#44AF30;margin-top:20px;margin-bottom:10px;padding:0px}

#raport.raportml #roi-local-pulse-konkurencja .slabsze .nazwa{color:#FFBA00;font-family:PoppinsSemiBold;}
#raport.raportml #roi-local-pulse-konkurencja .porownywalne .nazwa{color:#6021CA;font-family:PoppinsSemiBold;}
#raport.raportml #roi-local-pulse-konkurencja .lepsze .nazwa{color:#44AF30;font-family:PoppinsSemiBold;}

.sekcjagsc{padding-bottom:0px}
.sekcjagsc span.liczba{display:inline-block;line-height:1;margin-bottom:20px;font-size:50px;color:#4B30AE;background-color:transparent !important;border-bottom:none;font-family:PoppinsSemiBold}
.sekcjagsc span.liczba{font-size:35px;}

.widocznoscai span.liczba{font-size:35px;color:#4B30AE;font-family:PoppinsSemiBold}

.sekcjagsc .urzadzenia{background:#F3F3F3;padding:100px 0px;color:#000;text-align:left}
.sekcjagsc .urzadzenia h3{color:#000;}
.sekcjagsc .urzadzenia h3>span{border-bottom:2px solid #000;padding-right:0px;position:relative}
.sekcjagsc .urzadzenia h3>span img{position:absolute;top:0px;}
.sekcjagsc .urzadzenia .gsc-najwazniejsze-dane{font-size:14px}
.sekcjagsc .urzadzenia .gsc-najwazniejsze-dane span.liczba{font-size:18px}

.sekcjagsc .urzadzenia .urzadzenie{font-size:24px;font-family:PoppinsSemiBold}
.sekcjagsc .urzadzenia .urzadzenie img{margin-top:18px}
.sekcjagsc .urzadzenia .urzadzenie .max{display: block;font-size:60px;font-family:PoppinsSemiBold}

.sekcjagsc .urzadzenia .urzadzenie1 .max{color:#2DAA66}
.sekcjagsc .urzadzenia .urzadzenie2 .max{color:#FF5264}
.sekcjagsc .urzadzenia .urzadzenie3 .max{color:#4B30AE}

.sekcjagsc .urzadzenia .urzadzenie .mini{display: block;font-size:12px;font-family:PoppinsRegular}
.sekcjagsc .urzadzenia hr{border-top: 2px solid #E6E6E6;}
.sekcjagsc .urzadzenia .info {background-image: url(../img/info-button-green.svg);}

.sekcjagsc .url{background:#000;padding:100px 0px;color:#FFFFFF}
.sekcjagsc .url h4{color:#404040;font-size:156px;text-align:center;position:relative;margin:0px; line-height: 1;margin-bottom:50px}
.sekcjagsc .url h4>span{position:absolute;margin:auto;top:85%;font-size:28px; left: 0; width:100%;color:#FFFFFF;}
.sekcjagsc .url h4>span>span{display: inline-block;padding: 7px 10px;}
.sekcjagsc .url hr{border-top: 2px solid #FFFFFF;margin:0px}
.sekcjagsc .url .center{text-align:center;color:#FFFFFF;font-size:14px;font-family:PoppinsRegular}
.sekcjagsc .url table{text-align:center;color:#FFFFFF}
.sekcjagsc .url table th,
.sekcjagsc .url table td{padding: 11px 15px 13px 15px;color:#FFFFFF}
.sekcjagsc .url table .wyswietlenia{background:#333333}
.sekcjagsc .url table th,
.sekcjagsc .url table td{text-align:center}
.sekcjagsc .url table th{font-size:17px;font-family:PoppinsSemiBold;border-bottom: 1px solid #3D3D3D; vertical-align: top;}
.sekcjagsc .url table td{font-size:12px;font-family:PoppinsSemiBold;border-bottom: 1px solid #3D3D3D;}
.sekcjagsc .url table td{text-align:center}
.sekcjagsc .url table .left{text-align:left}
.sekcjagsc .url table tr:hover td {background: rgba(115, 99, 171, 0.5);}
.sekcjagsc .url table tr:hover td.wyswietlenia {background: rgba(115, 99, 171,1);}
.sekcjagsc .url table tr:last-of-type td{border-bottom:none}

.sekcjagsc .frazy{background:#fff;padding:100px 0px;color:#000}
.sekcjagsc .frazy h4{color:#BFBFBF;font-size:156px;text-align:center;position:relative;margin:0px; line-height: 1;margin-bottom:50px}
.sekcjagsc .frazy h4>span{position:absolute;margin:auto;top:85%;font-size:28px; left: 0; width:100%;color:#000}
.sekcjagsc .frazy h4>span>span{display: inline-block;padding: 7px 10px;}
.sekcjagsc .frazy hr{border-top: 2px solid #000;margin:0px}
.sekcjagsc .frazy .center{text-align:center;color:#000;font-size:14px;font-family:PoppinsRegular}
.sekcjagsc .frazy table{text-align:center}
.sekcjagsc .frazy table th,
.sekcjagsc .frazy table td{padding: 11px 15px 13px 15px;}
.sekcjagsc .frazy table .pozycja{background:#E5E5E5}
.sekcjagsc .frazy table .wyswietlenia2{background:#D9D9D9}
.sekcjagsc .frazy table th,
.sekcjagsc .frazy table td{text-align:center;color:#000}
.sekcjagsc .frazy table th{font-size:17px;font-family:PoppinsSemiBold;border-bottom: 1px solid #fff; vertical-align: top;}
.sekcjagsc .frazy table td{font-size:12px;font-family:PoppinsSemiBold;border-bottom: 1px solid #fff;}
.sekcjagsc .frazy table td{text-align:center}
.sekcjagsc .frazy table .left{text-align:left}
.sekcjagsc .frazy table tr:hover td {background: rgba(255, 221, 131, 0.5);}
.sekcjagsc .frazy table tr:hover td.pozycja {background: rgba(255, 221, 131,1);}

.sekcjagsc hr{margin: 50px 0px}
.sekcjagsc .mini-all-device{text-align:right;color: #000;font-size:12px;font-family:PoppinsRegular}

.sekcjagsc .gsc-najwazniejsze-dane{margin-top:50px;font-family:PoppinsSemiBold;color: #000;font-size:17px;}

.sekcjagsc h2{color: #000;font-size:28px;font-family:PoppinsSemiBold}
.sekcjagsc h2>span{padding-bottom:30px;border-bottom:2px solid #000;padding-right:30px}

.sekcjagsc h3{color: #000;font-size:24px;font-family:PoppinsSemiBold;margin-bottom:30px}
.sekcjagsc h3>span{display: inline-block;padding-bottom:30px;border-bottom:2px solid #000;padding-right:30px}
.sekcjagsc h3>span>span{display: inline-block;padding: 0px 10px;}

#raport.raportml .info,
.sekcjagsc .info{display:inline-block;width:16px;height:16px;background-image: url(../img/info-button.svg);vertical-align: middle;cursor:pointer;position:relative}
.sekcjagsc .info{background-image: url(../img/info-button-dark.png);}
.sekcjagsc table .info{background-image: url(../img/info-button.svg);}
.sekcjagsc .frazy table .info,#raport.raportml .info{background-image: url(../img/info-button-dark.png);}

#raport.raportml .info .infotext h6,
.sekcjagsc .info .infotext h6{font-weight:bold;font-size: 14px; margin: 0px 0px 10px 0px;text-align:left}
#raport.raportml .info .infotext,
.sekcjagsc .info .infotext {
    visibility: hidden;
    width: 155px;
    font-size: 10px;
	color: #000;
	background-color: #FFFFFF;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
	z-index: 1;
	bottom: calc( 100% + 10px );
    left: -84px;
}

.sekcjagsc .info .infotext p,
#raport.widocznosc-gsc .sekcjagsc .info p{color: #000;}

#raport.raportml .info .infotext p{color: #503C96 /*#000*/;}

#raport.raportml .info .infotext p.pdf{display:none}

#raport.raportml .info .infotext:before,
.sekcjagsc .info .infotext:before{
	content:"";
	display:block;
	width:0px;
	height:0px;
	border-top: 10px solid #FFFFFF;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: -10px;
    margin: auto;
	left:0;
	right:0;
	z-index:2;
	position: absolute;
}

#raport.raportml .info .infotext p,
.sekcjagsc .info .infotext p{margin:0px;font-size:12px;font-family: PoppinsRegular;white-space: normal;text-align:left;font-weight: normal;}
#raport.raportml .info:hover .infotext,
.sekcjagsc .info:hover .infotext{visibility: visible;}
#raport.raportml #podsumowanie .big{font-size:17px;font-family:PoppinsSemiBold;color:#000;margin:50px 0px}

#raport.raportml .liczby{font-size:18px;font-family:PoppinsSemiBold;color:#000}

#raport.raportml #zasieg-lokalny .liczby span.liczba{display:inline-block;margin-bottom:20px;font-size:35px;color:#4B30AE;border-bottom:none;font-family:PoppinsSemiBold;}
#raport.raportml #wyswietlenia-wizytowki .liczby span.liczba{display:inline-block;margin-bottom:20px;font-size:35px;color:#fff;border-bottom:none;font-family:PoppinsSemiBold;color:#4B30AE}
#raport.raportml #interakcje-klientow .liczby span.liczba{display:inline-block;margin-bottom:20px;font-size:35px;color:#5D3FCA;border-bottom:none;font-family:PoppinsSemiBold;}
#raport.raportml #kampania .liczby span.liczba{display:inline-block;padding:0px 10px;margin-bottom:20px;font-size:35px;color:#fff;border-bottom:none;font-family:PoppinsSemiBold;background:#6021CA}
#raport.raportml .wykrestytul{font-size:17px;font-family:PoppinsSemiBold;color:#000;margin-top:50px;margin-bottom:40px}
#raport.raportml #interakcje-klientow p{color:#fff}
#raport.raportml #interakcje-klientow .liczby{color:#fff}

#raport.raportml #kampania h3{background:none;padding:0px;font-size:24px;margin-top:50px;margin-bottom:10px}
#raport.raportml #kampania h3:after{display:none}

#raport.raportml #konkurencja{color:#fff}
#raport.raportml #konkurencja h2{color:#fff;border-bottom:2px solid #5D3FCA}
#raport.raportml #konkurencja .liczby{color:#fff;font-size:24px}
#raport.raportml #konkurencja .liczba{color:#5D3FCA;display:inline-block;font-size:35px;margin-bottom: 20px;}
#raport.raportml #konkurencja .pomarancz{font-family:PoppinsSemiBold;color:#FF6178;font-size:28px;margin: 50px 0px }
#raport.raportml #konkurencja .bialy{font-family:PoppinsSemiBold;color:#fff;font-size:28px;margin:0px}
#raport.raportml #konkurencja .label{margin-top:20px;font-size:14px;font-family:PoppinsRegular;display:block;margin-bottom:0px}


#raport.raportml #stopka {
    background-image: url(../img/tlo_stopka_raportml.svg);
	padding-top:60px;
	
}

#raport.raportml #stopka .serwisy a{display:block;color:#000;font-size:18px;font-family:PoppinsSemiBold;padding: 20px 0px 45px 30px; border: 2px solid #fff; border-radius: 30px; position: relative;margin-bottom:10px;background-color:#fff;background-image:url("../img/arrow-right.svg");background-repeat: no-repeat;background-position: 30px 55px;}
#raport.raportml #stopka .serwisy a img{position:absolute;opacity:0;right:30px;margin: auto;bottom: 0;top: 50%;transition: all 1s ease;}

#raport.raportml #stopka .serwisy a:hover{background-color:#fff;color:#503C96 /*#000*/;background-position: 40px 55px;}
#raport.raportml #stopka .serwisy a:hover img{opacity:1;top:0}
#raport.raportml #stopka .fala>div{right:0;font-family:PoppinsRegular;font-size:12px}
#raport.raportml #stopka .fala hr{margin:40px 0px}
#raport.raportml #stopka .fala .lewa{padding:0px;padding-bottom:70px;}
#raport.raportml #stopka .fala .prawa{padding:0px;padding-bottom:70px;}
#raport.raportml #stopka .fala div img{margin-bottom:30px;max-width:200px}
#raport.raportml #stopka .big{margin-top:117px;color:#fff}
#raport.raportml #stopka .big.red{margin-top:0px;color: #FF5264;}

#raport.raportml #stopka .adres{color:#fff}

#raport.raportml #kontakt .big{font-size:28px;font-family:PoppinsSemiBold;margin-bottom:57px;line-height: 1.2;}
#raport.raportml #kontakt .liczba{color:#4B30AE;display:inline-block;font-size:35px;margin-bottom: 20px;}
#raport.raportml #kontakt .big2{font-size:18px;font-family:PoppinsSemiBold;margin-bottom:0px;}

#raport.raportml #interakcje-klientow table td{font-size:13px;vertical-align:middle;color:#fff;padding:20px 0px 20px 0px}
#raport.raportml #interakcje-klientow table td .big{font-size:24px;font-family:PoppinsSemiBold}
#raport.raportml #interakcje-klientow table td:last-of-type{background-color:#4B30AE;font-size:35px;text-align:center;width:270px;font-family:PoppinsSemiBold}
#raport.raportml #interakcje-klientow table tr:first-of-type td:last-of-type{font-size:17px;}
#raport.raportml #interakcje-klientow table tr td{border-bottom: 1px solid rgba(255,255,255,0.25)}

#raport.raportml .naglowekpdf,
#raport.widocznosc-gsc .naglowekpdf{display:none;position:absolute;width:100%;margin: auto;left: 0;right: 0;height:345px;z-index:9999;}
#raport.raportml .naglowekpdf img,
#raport.widocznosc-gsc .naglowekpdf img{position:absolute;right:0px;top:0px}
#raport.widocznosc-gsc .naglowekpdf img{top:25px}

#raport.raportml .naglowekpdf img.ciemny,
#raport.widocznosc-gsc .naglowekpdf img.ciemny{left: 205px; top:130px;}
#raport.raportml .naglowekpdf img:first-of-type{width:150px}
#raport.raportml .stopkapdf img{width:150px}

#raport.widocznosc-gsc .naglowekpdf img{width:150px}

#raport.raportml .stopkapdf,
#raport.widocznosc-gsc .stopkapdf{display:none;position:absolute;width:100%;margin: auto;left: 0;right: 0;height:230px;z-index:9999;color:#000}
#raport.raportml .stopkapdf .container{padding-top:33px}
#raport.raportml .stopkapdf img,
#raport.widocznosc-gsc .stopkapdf img{height:51px}
#raport.widocznosc-gsc .stopkapdf img{width:150px;height:auto;}

#raport.raportml .stopkapdf.fioletowa .container{border-top:1px solid #6021CA;}
#raport.raportml .stopkapdf.biala .container{border-top:1px solid #fff;color:#fff}
#raport.raportml .stopkapdf.biala2 .container{border-top:1px solid #4B30AE;color:#fff}

#raport.widocznosc-gsc .stopkapdf.fioletowa .container{color:#6021CA;}
#raport.widocznosc-gsc .stopkapdf.biala .container{color:#fff}

#raport.widocznosc-gsc .stopkapdf.fioletowa .container hr{margin-bottom:33px;border-top:1px solid #6021CA;}
#raport.widocznosc-gsc .stopkapdf.biala .container hr{margin-bottom:33px;border-top:1px solid #fff;}


.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#raport.raportml .pg-loading-screen .pg-loading-html {
    margin-top: 10px;
}


.naglowekpdf1{font-size:80px;color:#fff;font-family:PoppinsSemiBold;padding-top:200px;line-height: 1.2;}
#raport.raportml #stopka .raport-break2{display:none;}

body.logowanieklient .tlologowanie{background:#000}
body.logowanieklient .witaj{color:#fff}
body.logowanieklient label{color:#fff}
body.logowanieklient form a{color:#fff}
body.logowanieklient h4{color:#fff}
body.logowanieklient .stopka {color: #fff;border-top: 1px solid #fff;}

.umowyklienta .sekcja1{background: url(../img/bg-faq.svg) no-repeat #000 bottom center;color:#fff;padding-top:0px;padding-bottom:110px}

.umowyklienta .sekcja1 .lewa{color:#fff;}
.umowyklienta .sekcja1 .lewa p{margin:0px}
.umowyklienta .sekcja1 .lewa label{color:#fff;padding-top:32px;display: inline-block;margin: 0px;}
.umowyklienta .sekcja1 .prawa{text-align:right;}
.umowyklienta .sekcja1 .prawa p{margin:0px}
.umowyklienta .sekcja1 .prawa label{color:#fff;padding-top:32px;display: inline-block;margin: 0px;}
.umowyklienta p{color:#fff;font-size:14px;margin:0px;margin-top:30px}
.umowyklienta h2{color:#fff;font-size:35px;margin-bottom:30px;margin-top:0px}

.umowyklienta #seo-box{transition: all 1s ease; background: #fff; color: #000}
.umowyklienta #sem-box{transition: all 1s ease; background: #fff; color: #000}
.umowyklienta #fb-box{transition: all 1s ease; background: #fff; color: #000}
.umowyklienta #ml-box{transition: all 1s ease; background: #fff; color: #000}

.umowyklienta .box{border-radius: 10px;position:relative;border:1px solid #fff}
.umowyklienta .box a{position:relative;z-index:9;display:block;padding:30px; border-radius: 10px;}
.umowyklienta .box h3{color:#000;font-size:28px;margin:0px;min-height: 84px;}
.umowyklienta .box p{color:#000;font-size:12px;margin-top:10px;margin-bottom:93px;}
.umowyklienta .box div{display:inline-block}
.umowyklienta .box span{transition: all 1s ease; display:inline-block; color:#FF5264;font-size:12px;width:0px; padding-right:0px; overflow:hidden; white-space: nowrap;vertical-align: middle;}
.umowyklienta .box:hover span{width:118px; padding-right:10px}
.umowyklienta .box:hover{border:1px solid #FF5264}
.umowyklienta .box .raport img{height:15px;vertical-align: middle;}

.umowyklienta footer{background:#000}

.box-umowa{border:1px solid #fff; border-radius:10px;color:#fff;padding:30px}
.box-umowa h3{color:#fff;font-size:28px;margin:0px}
.umowyklienta .box-umowa p.domena{color:#fff;font-size:12px;margin-top:10px;margin-bottom:30px;}
.umowyklienta .box-umowa p.data{color:#fff;font-size:12px;margin-top:0px;margin-bottom:30px;}
.umowyklienta .box-umowa a.raport{color:#fff;background:#FF5264;padding:10px 20px;font-size:14px;border-radius:27px;border:1px solid #FF5264}
.umowyklienta .box-umowa a.raport:hover{background:#000;color:#FF5264}
.umowyklienta .box-umowa .status{display:inline-block;color:#fff;font-size:12px;padding: 0px 5px}
.umowyklienta .box-umowa .aktywna{background:#58D041}
.umowyklienta .box-umowa .zakonczona{background:#000}
.umowyklienta .powrot{color:#fff;background:#FF5264;padding:10px 20px;font-size:14px;border-radius:27px;border:1px solid #FF5264}
.umowyklienta .powrot:hover{background:#000;color:#FF5264}
.umowyklienta .prev{text-align:right;padding-top:40px}

.umowyklienta .co-daje{padding-top:60px; padding-bottom:40px}
.umowyklienta .co-daje h2{color:#000;font-size:28px;margin:0px;margin-bottom:20px;font-family:"PoppinsSemiBold"}
.umowyklienta .co-daje p{color:#000;font-size:12px;margin:0px;margin-bottom:20px}

.umowyklienta .opiekun{margin-bottom:20px}
.umowyklienta .opiekun p{font-size:18px;font-family:"PoppinsSemiBold";margin-bottom:20px;color:#000;}
.umowyklienta .opiekun .tel{font-size:28px;font-family:"PoppinsSemiBold";margin:0px;color:#000;}
.umowyklienta .opiekun .mail{font-size:18px;font-family:"PoppinsSemiBold";color:#000;}
.umowyklienta .opiekun .tel:hover{text-decoration:underline;color:#000;}
.umowyklienta .opiekun .mail:hover{text-decoration:underline;color:#000;}

.wielkie-promocje{background:#503C96;padding-bottom:100px}
.wielkie-promocje .robert{vertical-align:top;margin-top:-60px}
.wielkie-promocje .dostepne{color:#fff;font-size:12px;margin-bottom:23px;margin-top:0px}
.promocje h2{margin-top:30px;font-size:20px;margin-bottom:15px}
.promocje a{display:inline-block;background:#6021CA;padding: 10px 75px;font-size:14px;color:#fff;margin-bottom:69px}
.wielkie-promocje .promocje-ml{background:#E53885;color:#fff;border-radius:10px;padding:30px;margin-bottom:30px}
.wielkie-promocje .promocje-fb{background:#EFAE3D;color:#fff;border-radius:10px;padding:30px;margin-bottom:30px}
.wielkie-promocje .promocje-sem{background:#2DAA66;color:#fff;border-radius:10px;padding:30px;margin-bottom:30px}
.wielkie-promocje .promocje-seo{background:#551764;color:#fff;border-radius:10px;padding:30px;margin-bottom:30px}

.wielkie-promocje .promocje-box{font-size:12px;grid-row-gap: 0px;overflow: hidden;}
.wielkie-promocje .promocje-box .col-12{border-bottom: 1px dashed #fff;margin-bottom:20px}
.wielkie-promocje .promocje-box .col-12:before{content:"";width:20px;height:20px;border-radius:10px;background:#503C96;position:absolute;top: -11px;left: -40px;}
.wielkie-promocje .promocje-box .col-12:after{content:"";width:20px;height:20px;border-radius:10px;background:#503C96;position:absolute;top: -11px;right: -40px;}
.wielkie-promocje .promocje-box h3{font-size:24px;margin-top:20px;margin-bottom:17px}
.wielkie-promocje .promocje-box img{float: right;margin-right: -30px}
.wielkie-promocje .promocje-box a{display:inline-block;background:#6021CA;color:#fff;padding:20px 42px;font-size:14px;}
.wielkie-promocje .promocje-box a:hover{background:#000}
.wielkie-promocje .promocje-box .koniec{font-size:14px}
.wielkie-promocje .promocje-box .poznaj{text-align:right}
.wielkie-promocje .promocje-box .licznik{font-size:35px;font-family:'PoppinsSemiBold'}
.wielkie-promocje .promocje-box .licznik span{font-size:12px}


.wielkie-promocje-fb{background:#fff}
.wielkie-promocje-fb .promocje-box .col-12:before{background:#fff}
.wielkie-promocje-fb .promocje-box .col-12:after{background:#fff}

.wielkie-promocje-ml{background:#fff}
.wielkie-promocje-ml .promocje-box .col-12:before{background:#fff}
.wielkie-promocje-ml .promocje-box .col-12:after{background:#fff}

.wielkie-promocje-sem{background:#fff}
.wielkie-promocje-sem .promocje-box .col-12:before{background:#fff}
.wielkie-promocje-sem .promocje-box .col-12:after{background:#fff}

.wielkie-promocje-seo{background:#fff}
.wielkie-promocje-seo .promocje-box .col-12:before{background:#fff}
.wielkie-promocje-seo .promocje-box .col-12:after{background:#fff}

.licznik>div{display:table;border-spacing: 0;}
.licznik>div>div{display:table-row}
.licznik>div>div>div{display:table-cell;line-height: 1.2;}
.licznik>div>div:last-of-type{font-size:12px}

.wielkie-promocje .promocje-box .kolo{display:block;width:170px;height:170px;border-radius:50%;position:absolute;background:rgba(255,255,255,0.2);top:0;right: 0;}
.wielkie-promocje .text-promocja{position:absolute;top:40px;left:0px;text-align:right;line-height:1;padding-top: 40px;font-size:18px}
.wielkie-promocje .text-promocja .big{font-size:70px;font-family:'PoppinsSemiBold'}
.wielkie-promocje .text-promocja .box-cena{display:inline-block;font-size:12px;background:red;padding:3px;position:absolute;top: 20px;right: 0;}
.wielkie-promocje .text-promocja .box-cena:before{content:"";
width:calc( 100% - 4px );height:calc( 100% - 4px );background: linear-gradient(to bottom right, rgba(0,0,0,0) calc(50% - 1px), black , rgba(0,0,0,0) calc(50% + 1px) );position: absolute;top:2px;left:2px
}

.wielkie-promocje .text-promocja .mini{display:inline-block;margin-top:10px;font-size:12px;line-height:1.2}

#raport.widocznosc-gsc{background:#fff}
#raport.widocznosc-gsc>.zielony{padding-top:131px;padding-bottom:100px;font-size:18px;color:#000}
#raport.widocznosc-gsc>.zielony span{color:#000;font-size:12px;font-family:PoppinsRegular;display:block;background-position:0 -300px}
#raport.widocznosc-gsc>.zielony .nazwa{color:#000;font-size:35px;font-family:PoppinsSemiBold}
#raport.widocznosc-gsc>.zielony .nazwa-raport{font-size:28px;text-align:right;font-family:PoppinsSemiBold}
#raport.widocznosc-gsc>.zielony .right{text-align:right}

#raport.widocznosc-gsc .sekcjagsc .zielony{color:#000;padding-bottom:70px;}
#raport.widocznosc-gsc .sekcjagsc>.container{padding-top: 100px;padding-bottom: 100px}
#raport.widocznosc-gsc .sekcjagsc>.container h3>span{border-bottom: 2px solid #503C96;padding-right:0px}

#raport.widocznosc-gsc .sekcjagsc .zielony h3{color:#000;background:none}
#raport.widocznosc-gsc .sekcjagsc h3>span {border-bottom: 2px solid #000;}
#raport.widocznosc-gsc .sekcjagsc h2 {color: #fff;}
#raport.widocznosc-gsc .sekcjagsc h2>span {color: #000;border-bottom: 2px solid #000;padding-right:190px;padding-bottom:79px}
#raport.widocznosc-gsc .sekcjagsc .mini-all-device{color: #000}
#raport.widocznosc-gsc .sekcjagsc .mini-all-device img{margin-top:10px}
#raport.widocznosc-gsc .sekcjagsc p{color:#fff}
#raport.widocznosc-gsc h3{padding:0px;background:none}
#raport.widocznosc-gsc h3:after{display:none}

#raport.widocznosc-gsc .sekcjagsc .urzadzenia h3>span{color:#000}
#raport.widocznosc-gsc .sekcjagsc .urzadzenia .gsc-najwazniejsze-dane{color:#000;margin-top:0px}
#raport.widocznosc-gsc .sekcjagsc .zielony h3{margin-top:70px}

#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna{background:#503C96;color:#fff}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna h3{color:#fff}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna p{color:#fff}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li{border:1px solid #271C4E}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li:hover,
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li.active{background:#271C4E}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a .tytul{color:#fff}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .nav-tabs li a{color:#fff}

#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content{background:#271C4E}

#raport.widocznosc-gsc #stopka{background:#000;padding:71px 0px; color:#fff; font-size:12px;position:static}
#raport.widocznosc-gsc #stopka img{margin-top:58px;margin-bottom:80px;height:43px;}
#raport.widocznosc-gsc #stopka hr{margin-bottom:35px;border: none; border-top: 1px solid #DDD;}
#raport.widocznosc-gsc #stopka .prawa{text-align:right}
#raport.widocznosc-gsc .widocznosc{padding-top:100px;padding-bottom:100px}
#raport.widocznosc-gsc .widocznosc-miesiace{padding:90px 0px;background:#F6F8FC;}

#raport.widocznosc-gsc h3 img{vertical-align:top}
#raport.widocznosc-gsc .widocznosc h3,
#raport.widocznosc-gsc .widocznosc-miesiace h3{color: #000;}
#raport.widocznosc-gsc .widocznosc h3>span,
#raport.widocznosc-gsc .widocznosc-miesiace h3>span{
    border-bottom: 2px solid #000;
    padding-right: 0px;
	display: inline-block;
    padding-bottom: 30px;
}

#raport.widocznosc-gsc .widocznosc h3>span>span,
#raport.widocznosc-gsc .widocznosc-miesiace h3>span>span{
    display: inline-block;
    padding: 0px 10px;
}

#raport.widocznosc-gsc .widocznosc p,
#raport.widocznosc-gsc .widocznosc-miesiace p{color:#000}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna h3>span{background:none;border-bottom: 2px solid #fff;
    padding-right: 0px;
	display: inline-block;
    padding-bottom: 30px;padding-right:124px}
	#raport.widocznosc-gsc #widocznosc_miesiace p,
#raport.widocznosc-gsc #widocznosc_miesiace th,
#raport.widocznosc-gsc #widocznosc_miesiace td{color:#000}

#raport.widocznosc-gsc .widocznosc hr{border-top:1px solid rgba(80, 60, 150, 0.4);margin:70px 0px}

#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-12{display:none;position:absolute;grid-column-start: span 3;left:240px;padding-top:35px}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-12 .tytul img {
    position: absolute;
    top: 30px;
    left: -30px;
}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-12 .tytul {color: #fff;}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-12 .ilosc { display: block;font-size: 12px;margin-top: 10px;}
#raport.widocznosc-gsc #wykonane-elementy-pakietu #optymalizacja-cykliczna .tab-content .col-4 .czytaj_calosc{color:#FF5264}

#raport.widocznosc-gsc>.zielony .nazwa-raport .pdf1{display:none}

#raport.raportml .sembreak{padding:0px;height:0px}

/*Klient RWD*/
@media (max-width: 576px) {
	body.logowanieklient .container.logowaniekolumny{width:100%;padding:0px}
	body.logowanieklient .col-6{padding: 0px 49px;width: calc(100% - 98px);}
	body.logowanieklient .col-6:nth-child(2){background: rgba(80, 60, 150, 0.9);}
	
	.box-umowa{width: calc(100% - 60px);}
	
	.umowyklienta #fix .container{max-width: 100%;padding: 0px 20px;width: calc(100% - 40px);}
	body.web .menu.menu2{margin-top:10px;position:static}
	body.web .menu.menu2>li{padding-bottom:0px;position:static}
	body.web .menu .dropdown-menu>.submenu{top:100%;width:calc( 100% + 40px);margin-left:-20px;padding-bottom:20px}
}
#raport.starweb{color:#503C96}
#raport.starweb h2{color:#503C96}
#raport.starweb #wstep{padding-top:140px;min-height:1px;}
#raport.starweb #wstep .container{background: url(../img/pani.png) no-repeat;}
#raport.starweb #spis_tresci{padding:0px;background: transparent}
#raport.starweb #spis_tresci .box1{background: #000;padding: 50px 100px 22px 100px }
#raport.starweb #spis_tresci .box1 p span{color:#fff;}
#raport.starweb #spis_tresci .box1 p{margin-top:0px;margin-bottom:28px}
#raport.starweb #spis_tresci .box1 .container-max{max-width:100%}
#raport.starweb #spis_tresci .box2{background: transparent;padding: 50px 100px 0px 100px}
#raport.starweb #spis_tresci .domena{color:#fff;margin-bottom:24px}
#raport.starweb #spis_tresci .box1 h4{margin-bottom:12px}
#raport.starweb #spis_tresci .tytul{color:#000;margin-bottom:30px}
#raport.starweb #spis_tresci ul li a{color:#000;}
#raport.starweb #spis_tresci ul li{margin-bottom:24px}

#raport.starweb .naglowek{padding:0px;background: transparent;}
#raport.starweb .naglowek .text{padding:0px}
#raport.starweb .naglowek .text:before{display:none}
#raport.starweb .naglowek .text h2{color:#000;padding-left:5px;position:relative}
#raport.starweb .naglowek .text h2 span{color:#fff;margin-right:25px;display:inline-block}
#raport.starweb .naglowek .text h2:after{content:"";position:absolute;width:40%;height:2px;background:#000;left:0px;bottom:0px}

#raport.starweb #bezpieczenstwo{padding-top:30px;background: transparent linear-gradient(0deg, #FFFFFF00 0%, #FF52641A 100%) 0% 0% no-repeat padding-box;}
#raport.starweb .spokojnie{text-align:center;font-size:28px;color:#000;font-family:PoppinsSemiBold;paddint-top:50p;padding-bottom:150px}
#raport.starweb .ataki{background:#000;color:#fff;padding-top:50px;padding-bottom:100px}
#raport.starweb .ataki th, #raport.starweb .ataki td{color:#fff;font-size: 15px;}
#raport.starweb .ataki h3{color:#fff}
#raport.starweb .atakipochodzenie{background:#DDD;padding-top:60px;padding-bottom:60px}
#raport.starweb .atakipochodzenie th,#raport.starweb .atakipochodzenie td{font-size: 15px;}

#raport.starweb #bezpieczenstwo .container-max{max-width:100%;font-family:PoppinsSemiBold;font-size:17px;color:#000}
#raport.starweb #bezpieczenstwo .chmurka{background:#000;padding:45px 50px;position:relative;color:#fff;font-size:17px;margin-bottom:100px}
#raport.starweb #bezpieczenstwo .chmurka span{font-size:24px;margin-bottom:25px;display:block}
#raport.starweb #bezpieczenstwo .chmurka:after{content:"";width:0px;height:0px;border-top:32px solid #000;border-left:32px solid #000;border-bottom:32px solid transparent;border-right:32px solid transparent;position: absolute;top: 100%;left: 0;}

#raport.starweb span.liczba {
    display: inline-block;
    padding: 6px 10px 7px 10px;
    line-height: 1;
    margin-bottom: 20px;
    font-size: 50px;
    color: #fff;
    border-bottom: none;
    font-family: PoppinsSemiBold;
	background-color: #4B30AE !important
}

#raport.starweb .uzytkownicy-ruch{margin-bottom:90px;}
#raport.starweb div.sesje{margin-bottom:90px;}
#raport.starweb .urzadzenia{margin-bottom:107px;}
#raport.starweb .urzadzenia_container{border:1px solid #000;border-radius:27px; padding-top:75px;padding-bottom:95px}

#raport.starweb h3{font-size:24px;font-family:PoppinsSemiBold;color: #000;position:relative;padding-bottom:20px;margin-bottom:50px}
#raport.starweb h3:after{content:"";display:block;position: absolute;width: 50%;height: 1px;background: #000;left: 0px;bottom: 0px;opacity:0.4}

#raport.starweb .widocznosc h3>span, #raport.starweb .widocznosc-miesiace h3>span{border:none}
#raport.starweb .sekcjagsc .urzadzenia h3:after{display:none}
#raport.starweb .sekcjagsc .urzadzenia{margin-bottom:0px}

#raport.starweb .geo {
    background: #000;
	color:#fff;
    padding: 95px 0px;
}

#raport.starweb .geo h3{color:#fff;}
#raport.starweb .geo p{color:#fff;}
#raport.starweb h3:after{background:#000;opacity:0.4}

#raport.widocznosc-gsc.starweb .sekcjagsc .zielony{background:#fff;color:#000 !important}
#raport.widocznosc-gsc.starweb .sekcjagsc h2>span{color:#000;border-bottom: 2px solid #000;}
#raport.widocznosc-gsc.starweb .sekcjagsc .gsc-najwazniejsze-dane{color:#000}
#raport.widocznosc-gsc.starweb .sekcjagsc .zielony h3{color:#000}
#raport.widocznosc-gsc .sekcjagsc h3>span{border-bottom:2px solid #000}

.mojwenet{margin: 0px;border-radius: 27px;width:auto;padding:10px 30px}