* {box-sizing:border-box}

.preload * {transition:none !important}
.container {width:320px;margin:auto}
body {font:14px/22px 'Source Sans Pro';color:#3c3c3c}
a {color:#f68c36}
.clear:after {clear:both;display:table;content:""}



/* header */

.head {height:60px;background:#FFF;position:fixed;left:0;right:0;background-clip:padding-box;z-index:10}
.head:after {position:absolute;bottom:-4px;height:4px;left:0;right:0;background:rgba(0,0,0,0.3);content:"";display:block}
.head .logo {width:148px;height:40px;float:left;margin:10px 0 11px 11px}
.mainsocial {display:none}

.head .nav {float:right;padding:16px}
.head .mobilemenu {width:36px;height:28px;float:right}
.head .mobilemenu.open {background:url('../gfx/open.png') no-repeat 6px 2px}
.head .mobilemenu.closed {background:url('../gfx/closed.png') no-repeat 0 0}
.head .mainmenu {transition:0.25s all ease-in-out;opacity:1;font:bold 12px 'Novecento';text-transform:uppercase;position:absolute;left:0;right:0;top:60px;padding-top:4px;background:#FFF}
.head .mainmenu .menu {position:relative}
.head .mainmenu .menu:before, .head .cta-container:before {content:"";display:block;position:absolute;z-index:1;top:0;width:20px;left:50%;margin-left:-10px;height:1px;background:#c6c6c6}
.head .mainmenu .menu:first-child:before {display:none}
.head .mainmenu .menu a {color:#3c3c3c;width:100%;display:block;line-height:58px;text-align:center;position:relative;z-index:2}
.head .mainmenu .menu a:hover {background:#f68c36;color:#FFF;padding-bottom:1px;margin-bottom:-1px}
.head .mainmenu.mobilehidden {opacity:0;visibility:hidden}

.head .cta-container {padding:10px 20px;position:relative;width:280px;margin:auto}
.head .audyt-cta {transition:0.3s all;position:relative; border-radius:3px;padding:5px;line-height:15px;text-align:center;background:#F68C36;color:#FFF;display:block;margin:auto}
.head .audyt-cta span {font:bold 9px/11px 'Source Sans Pro'}
.head .audyt-cta:hover {background:#f8ac6d}

/*
style="border-radius:3px;float:right;padding:5px;line-height:15px;width:174px;text-align:center;margin:10px 0 10px 10px;background:#f68c36;color:#FFF;display:block;height:38px"
 style="font:bold 9px/11px 'Source Sans Pro'"
*/
.head .mainmenu .menu .children {display:none}
.head .lang {line-height:58px;text-align:center;background:#FFF;font-size:16px}
.head .lang a {color:#c6c6c6;margin:0 10px}
.head .lang .active {color:#3c3c3c}
/* endheader */


/* INTRO */

.main-intro {position:relative;text-align:center;overflow:hidden}
.main-intro .hotline {width:830px;height:161px;background:url('../gfx/top-triangle.png') 0 0 no-repeat;position:absolute;top:0;left:50%;margin-left:-415px;z-index:9}
.main-intro .hotline .txt {display:block;font:200 12px/16px 'Novecento';margin:75px 0 0 0;text-align:center;text-transform:uppercase;color:#FFF;letter-spacing:0.4em}
.main-intro .hotline .txt span {display:block;font-weight:bold;font-size:14px}
.main-intro .hotline:after {background:url('../gfx/whitearr.png');position:absolute;content:"";display:block;width:21px;height:8px;bottom:32px;left:50%;margin-left:-10.5px}
.main-intro .headgrp {margin:43px 0 37px;text-shadow:0 0 5px #FFF}
.main-intro .headgrp .headsm {font:300 16px/24px 'Novecento';letter-spacing:0.4em;text-transform:lowercase;margin:0 -0.4em 5px 0}
.main-intro .headgrp .headbig {font:bold 22px/24px 'Novecento';letter-spacing:0.2em;text-transform:uppercase;margin:0 -0.2em 5px 0}
.main-intro .headgrp .headtxt {font:400 14px/24px 'Source Sans Pro';margin:0 30px}
.main-intro .offerbtn {letter-spacing:0.2em;padding-right:0.2em}

.main-intro .slider {height:100%}
.main-intro .slideimgs {height:100%;position:absolute;left:0;right:0;transition:0.5s all}
.main-intro .dots {background:url('../gfx/dots2.png') no-repeat center 0;position:absolute;left:0;right:0;top:185px;bottom:0;z-index:3;opacity:0.6}
.main-intro .slideimg {position:absolute;left:0;top:0;right:0;height:100%;opacity:0;transition:0.5s all;background-size:cover}
.main-intro .slideimg.active {opacity:1}
.main-intro .slide_0 {background:url('../gfx/slajd_0_6.jpg') no-repeat center 0}
/*
.main-intro .slide_0 {position:relative}
.main-intro .slide_0:before {background:url('https://dir.suns.pl/103/2016_08_18_zrzut_ekranu_google.jpg') no-repeat 54% 30%;left:0;right:0;top:0;bottom:0;display:block;content:"";position:absolute;filter:blur(2px)}
*/

.main-intro .slide_1 {background:url('../gfx/slide_1.jpg') no-repeat center 0}
.main-intro .slide_2 {background:url('../gfx/slajd_22.jpg') no-repeat center 0}
.main-intro .slide_3 {background:url('../gfx/slajd_3.jpg') no-repeat center 60%}
/*.main-intro .slider .mainnav-wrap {position:absolute;bottom:55px;width:153px;margin-left:-75px;left:50%;z-index:7}*/
.main-intro .slider .mainnav-wrap {position:absolute;bottom:35px;width:204px;margin-left:-102px;left:50%;z-index:7}
.main-intro .slider .mainnav-wrap li {width:39px;float:left;margin:0 6px}
.main-intro .slider .mainnav-wrap a {padding:10px 0;display:block;cursor:pointer}
.main-intro .slider .mainnav-wrap a span {display:block;background:#3c3c3c;height:3px}
.main-intro .slider .mainnav-wrap a.active span {background-color:#f68c36}
.main-intro .slides {height:100%;position:relative;transition:0.5s opacity;height:592px}
.main-intro .slides .slide {position:absolute;left:50%;width:320px;margin-left:-160px;z-index:5;padding:185px 0 158px}
.main-intro .slides .slideimg.active {opacity:1}
.main-intro .slides .slideimg.active .slide {z-index:6}
.main-intro .mainhead {font:300 14px/24px 'Novecento';letter-spacing:0.4em;text-transform:uppercase;position:relative;margin:0 -0.4em 20px 0}
.main-intro .mainhead:after {position:absolute;content:"";display:block;width:21px;height:8px;bottom:-24px;left:50%;margin-left:-10.5px;background:url('../gfx/blackarr.png')}

/* END INTRO */



.main-about {background:#3c3c3c;color:#FFF;text-align:center;padding:33px 0 75px 0}
.main-about .headgrp .headsm {font:200 14px 'Novecento';letter-spacing:0.2em;text-transform:uppercase}
.main-about .headgrp .headbig {font:bold 22px/24px 'Novecento';letter-spacing:0.2em;text-transform:uppercase}
.main-about .mabouttxt {margin:38px 12px;font:12px/20px 'Source Sans Pro'}
.main-about .aboutlearn {display:none;color:#FFF;width:120px;margin:auto}



.main-services {background:url('../gfx/main_services_top_mob.png') no-repeat center 0;overflow:hidden;margin-top:-212px;padding:259px 0 250px 0;position:relative}
.main-services:after {content:"";display:block;position:absolute;bottom:0;width:1000px;height:226px;background:url('../gfx/main_services_mob.png') no-repeat 0 0;left:50%;margin-left:-500px}
.main-services .promote {display:none}
.main-services .sbox-note {display:none}


.main-services .headgrp {text-align:center;padding:0 0 60px}
.main-services .headgrp h1 {color:#F68c36;font:bold 24px/36px 'Novecento';text-transform:uppercase}



.main-services .box {margin:0 auto 13px;width:215px;text-align:center;position:relative;z-index:3;display:block}
.main-services .box .title {font:bold 48px/67px 'Novecento';color:#f68c36}
.main-services .box .subtitle {font:16px/20px 'Source Sans Pro';transition:0.3s all;color:#3c3c3c}
.main-services .box .subtitle span {display:block}
.main-services .box .icons {margin:10px auto 15px;position:relative;width:52px;height:51px}
.main-services .box .content {display:none;transition:0.3s all}

.main-services .box:hover .subtitle {color:#f68c36}
.main-services .box:hover .btn {color:#f68c36;border-color:#f68c36}
.main-services .box .btn {line-height:17px}
.main-services .box:hover .boxiconc {opacity:1}



.boxicon {margin:auto;display:block;width:100%;height:100%;transition:0.3s all;background-image:url('../gfx/iconsgr.png')}
.boxicon.seo {background-position:0 0}
.boxicon.pmv {background-position:52px 0}
.boxicon.sem {background-position:104px 0}
.boxicon.ppc {background-position:156px 0}
.boxiconc {opacity:0;position:absolute;top:0;left:0;z-index:2}
.boxiconc.seo {background-position:0 51px}
.boxiconc.pmv {background-position:52px 51px}
.boxiconc.sem {background-position:104px 51px}
.boxiconc.ppc {background-position:156px 51px}

.main-strength {margin-top:-220px;background:url('../gfx/pattern.png') repeat;background-color:#424242;padding:124px 0 45px 0;text-align:center}
.main-strength .headgrp {position:relative;margin:0 5px 40px;color:#FFF}
.main-strength .headgrp .headbig {line-height:28px;margin:10px 0 15px}
.main-strength .headgrp .headsm {line-height:24px}
.main-strength .boxbs {margin-bottom:56px}
.main-strength .box {margin:0 40px 16px;text-align:center}
.main-strength .box .title {font:bold 14px 'Novecento';text-transform:uppercase;color:#FFF}
.main-strength .box .title span {display:block}
.main-strength .box .content {display:none}
.boxbicon {width:90px;height:104px;margin:13px auto;display:block;background:url('../gfx/icons.png')}
.boxbicon.special {background-position:182px 0}
.boxbicon.clients {background-position: 91px 0}
.boxbicon.center {background-position:0 0}
.main-strength .bauer {background:url('../gfx/bauer_small.png') no-repeat center bottom;width:320px;height:300px;padding-top:9px;font:bold 16px/22px 'Novecento';color:#FFF;text-transform:uppercase;position:relative}
.main-strength .bauer .l1 {display:block}
.main-strength .bauer .l2 {display:block}
.main-strength .bauer .cert2 {background:url('../gfx/google_premier.png') no-repeat 0 0;height:65px;width:173px;display:inline-block;margin:auto}

.main-strength .bauer .certbox {position:absolute;width:320px;white-space:nowrap;left:50%;margin-left:-160px;bottom:-25px}


.main-career {padding:50px 0 26px;text-align:center;overflow:hidden;position:relative}
.main-career .header {position:relative;margin-bottom:34px}
.main-career .header .main {line-height:36px;color:#3c3c3c}
.main-career .header .main span {display:block}
.main-career .header .sub {line-height:24px;color:#3c3c3c}
.main-career .img {background:url('../gfx/start.png') no-repeat center bottom;border-bottom:2px #3c3c3c solid;height:186px;background-size:320px;}
.main-career .content {margin:25px 0 44px;text-transform:uppercase;font:normal 18px/21px 'Novecento';letter-spacing:0.2em}
.main-career .content span {display:block}

.main-blog {position:relative;background:url('../gfx/main_blog_mob.png') no-repeat center 0;padding:142px 0 33px;text-align:center}
.main-blog .header {position:relative;margin:0 30px 28px;color:#3c3c3c}
.main-blog .header .main {line-height:36px;margin:10px 0 4px}
.main-blog .header .sub {line-height:28px}

.blogentry .blog.entry {margin: 0}
.blog.entry {text-align:left;margin:0 0 38px}
.blog .title {font:bold 16px/24px 'Novecento';text-transform:uppercase;margin:0 10px;display:block;color:#3c3c3c}
.blog .datetime {margin:12px 10px 22px;font:bold 16px/20px 'Source Sans Pro'}
.blog .datetime .label {color:#c6c6c6;font-weight:normal}
.blog .img {height:197px;margin:26px 0 18px;display:block}
.blog .img img {width:100%;height:100%}
.blog .content {color:#7d7d7d;font:normal 14px/20px 'Source Sans Pro';margin:0 10px}
.blog .content p {text-align:justify;clear: both}
.blog .content em {font-style:italic}
.blog .content.old p {margin:8px 0}
.blog .content img {max-width:100%; height: auto;}
.blog .preview {margin:0 10px}
.blog .author {margin:24px 10px}
.blog .author .photo {width:80px;height:80px;border-radius:40px;float:right;background:#eee;margin-top:2px}
.blog .author .name  {/*margin-right:97px;*/text-align:right}
.blog .author .label {font:bold 12px 'Novecento';text-transform:uppercase;padding:8px 0 16px}
.blog .bottom .author {margin:0}
.blog .bottom {margin:24px 10px 0}
.blog .bottom .author .label {padding-top:0}
.blog .author .value {font:16px/14px 'Source Sans Pro';color:#3c3c3c;height:14px}
.blog .author .from {color:#3c3c3c;font-size:12px}
.blog .intro {margin:0 0 22px}

.blog .info {margin:38px 10px 0}
.blog .social {text-align:right}
.blog .social .label, .blog .sharebig .label {font:bold 12px 'Novecento';text-transform:uppercase}
.rating .label {font:bold 12px 'Novecento';text-transform:uppercase}
.rating .stars {height:17px;margin:8px 0;width:90px}
.rating .stars.canvote a {cursor:pointer}
.rating .value {font-size:16px;color:#7d7d7d}
.rating .value span {font-size:20px}

.rating .star {background: url('../gfx/stars2.png') no-repeat 0 0;width:18px;height:17px;display:block;float:right}
.rating .star.full {background-position:-18px 0}
.rating .star.half {background-position:-36px 0}
.rating .star.empty {background-position:-54px 0}

.rating .stars.canvote .star:hover {background-position:0 0}
.rating .stars.canvote .star:hover ~ .star {background-position:0 0}
.rating .stars.voted .star {background-position:-54px 0}
.rating .stars.voted .star.vote {background-position:0 0}
.rating .stars.voted .star.vote ~ .star {background-position:0 0}

.blog .img-entry {width:300px;/*max-height:210px;*/margin: 22px auto 27px}
.blog .img-entry img {max-width:100%}


.socialic {float:right;margin:12px 0 0}
.socialic:after {clear:both;display:table;content:""}
.socialic a {float:left;display:block;height:34px;width:34px;background-image:url('../gfx/social2.png');transition:0.2s all}

.socialic .facebook {background-position:68px 0}
.socialic .twitter {background-position:0 0}
.socialic .googleplus, .socialic .linkedin {background-position:34px 0}
.socialic .facebook:hover {background-position:68px 34px}
.socialic .twitter:hover {background-position:0 34px}
.socialic .googleplus:hover, .socialic .linkedin:hover {background-position:34px 34px}

.main-blog .datetime {display:none}
.main-blog .bottom {display:none}
.main-blog .info {display:none}

.bloglist .entry{padding:0 0 30px;border-bottom:1px #bdbdbd solid}

.footer {background:#242424;text-align:center}
.footer .top {padding:10px 60px}
.footer .arr {background:url('../gfx/whitearr.png');display:block;width:21px;height:8px;margin:0 auto}
.footer .phone {font-weight:200;letter-spacing:0.2em;font-size:12px;padding:11px 0 16px;margin:17px 0px;line-height:13px}
.footer .phone span {display:block;font-weight:bold;font-size:16px;letter-spacing:0.2em}
.footer .actions {margin:45px 0}
.footer .actions .btn {margin:11px 0;color:#FFF;padding:11px;letter-spacing:0.1em}
.footer .actions .career {background:#F68C36}
.footer .actions .policy {background:#660099}
.footer .actions .charity {background:#FF0084}
.footer .actions .blog {background:#FF4800}
.footer .bottom {/*background:#373737;*/padding:4px 0 60px;color:#FFF}
.footer .bottom a {color:#a2a2a2}
.footer .bottom .copy {line-height:20px}
.footer .bottom .copy span {display:block}
/*.footer .menus {display:none}*/

.footer .menus li {display:none}
.footer .menus li.rating {display:block;text-align:center}
.footer .menus li.rating .stars {margin:4px auto}

.main-trusted, .main-clients {display:none}



/* DOTĄD WYCZYSZCZONE */




/*.subpage{position:relative;text-align:center;background:url('../gfx/sub_header.png') no-repeat center 0;background-color:#E5E5E5;padding-top:166px;overflow:hidden}
*/
.subpage {background-color:#e5e5e5;overflow:hidden;position:relative;text-align:center}
.subpage .inner {background: url('../gfx/dots.png') no-repeat center 172px, url('../gfx/sub_header.png') no-repeat center 60px;background-clip: content-box, padding-box;padding:166px 0 80px;z-index:2;position:relative}
.subpage .header {padding: 110px 0 19px;font-size:26px;margin:0;line-height:22px}
.subpage .slogan {text-transform:uppercase;letter-spacing:0.4em;font: 300 16px 'Novecento'}
.subpage .trianglebg {background: url('../gfx/headtriangle.png') no-repeat 0 0; width: 788px;height:153px;position: absolute;top: 0;left:50%;margin-left:-394px;z-index:3}
.subpage:after {position:absolute;content:"";display:block;height:14px;width:39px;left:50%;margin-left:-19.5px;background:url('../gfx/blackarrl.png');bottom:58px;z-index:3}

.subpagenav {text-align:center;background:#e5e5e5}
.subpagenav li {margin:1px 0}
.subpagenav .tabs {background:#FFF}
.subpagenav .tabs .tab {background:#d8d8d8;display:block;color:#464646;padding: 14px 0;font:bold 12px/22px 'Novecento';letter-spacing:0.2em;text-transform:uppercase}
.subpagenav .tabs .formularzTab {background:#f68c36;color:#fff;}
.subpagenav .tabs .tab.active {background:#F5F5F5;color:#f68c36}
.subpagenav .tab:hover {color:#f68c36}


.headline {text-align:center;padding: 20px 0;background:#F5F5F5}
.headline h1 {padding: 20px 20px 36px;line-height:23px;margin:0}
.headline .content {color:#7f7f7f;font-size:14px; padding: 0 20px;line-height:24px}
/*#headline .content {padding: 25px 0 0;text-align:center}*/


.standard {padding:40px 0}
.standard .header {padding:25px 40px}

.standard .txt  {padding:10px;font:14px/24px 'Source Sans Pro';text-align:justify}
.standard .section {margin:0 0 40px}
/*.ch {padding: 29px 40px 24px;line-height:24px}
.ctxt {padding: 10px;font:14px/24px 'Source Sans Pro';text-align:left}*/


.parl {margin-bottom: 7px}
.parr {margin: 0}
.andersia {height:120px;background:url('../gfx/andersia.png') no-repeat 0 0 /auto 120px;margin:6px 0 11px}

.people li {margin: 5px 0}
.people a {color: #3c3c3c;text-align:left;padding:10px;display:block;background:#f6f6f6}
.people a:hover {background:#f68c36;color:#FFF}
.people .name {font: bold 18px 'Source Sans Pro'}
.people .title {font-size:14px}

.people-small {/*margin-right:40px*/margin:0 0 40px}
.people-small li {margin:5px 0}
.people-small a {color:#3c3c3c;text-align:left;padding:10px;display:block;background:#f6f6f6}
.people-small a:hover, .people-small a.active {background:#f68c36;color:#FFF}
.people-small .name {font:bold 18px 'Source Sans Pro'}
.people-small .title {font-size:14px}




.rule {margin-bottom:7px}
.rule:last-child {margin-bottom:34px}
.rule .header {padding: 29px 40px 24px;line-height:24px}
.rule .img {height:100px;margin:0 0 16px}
.rule.ruleblock1 .img {background: url('../gfx/blok1_m.jpg') no-repeat 0 0}
.rule.ruleblock2 .img {background: url('../gfx/blok2_m.jpg') no-repeat 0 0}
.rule.ruleblock3 .img {background: url('../gfx/blok3_m.jpg') no-repeat 0 0}
.rule.ruleblock4 .img {background: url('../gfx/blok4_m.jpg') no-repeat 0 0}
.rule.ruleblock5 .img {background: url('../gfx/blok1_m.jpg') no-repeat 0 0}
.rule .content {padding: 10px;font:16px/24px 'Source Sans Pro';text-align:justify}



.ajax-indicator {position:absolute;z-index:50;left:0;right:0;top:0;height:250px}
.ajax-indicator:before {display:block;content:"";border-style:solid;border-width:11px;border-color:rgba(127,127,127,0.4) rgba(127,127,127,0.4) rgba(127,127,127,0.4) #7F7F7F;animation: load8 1.1s infinite linear}
.ajax-indicator:before, .ajax-indicator:after {position:absolute;z-index:101;margin:-36px 0 0 -36px;top:50%;left:50%;border-radius:50%;width:50px;height:50px}



.history .motto {display:none}
.history .timeline {display:none}
.history .event {padding:40px 9px 9px}
.history .event .year {font:700 60px/60px 'Novecento';text-transform:uppercase;color:#f68c36;letter-spacing:0.1em}
.history .event .month {font:bold 18px 'Novecento';letter-spacing:0.2em;text-transform:uppercase;padding:0 0 17px;margin:0 0 8px;position:relative}
.history .event .month:after {content:"";display:block;position:absolute;bottom:0;left:0;width:70px;background:#cacaca;height:1px}
.history .event .content {color:#7d7d7d;font: 14px/24px 'Source Sans Pro';text-align:justify}
.history .event .btn {margin:19px 0 0}
.history .event .img {display:none}

.references {text-align:center;margin-bottom:40px}

.references .refwrap {position:relative;text-align:left;margin:8px auto;width:280px}
.references .refselect {background: url('../gfx/ref_mob.png') no-repeat center 0; height:192px;padding:17px 0 0}
.references .refinput {line-height:33px;font-size:14px;border: 1px #c6c6c6 solid;background:#F5F5F5;padding:0 18px;position:relative;cursor:pointer}
.references .refinput:after {position:absolute;content:"";display:block;width:16px;height:13px;right:12px;top:10px;background:url('../gfx/selectcl.png') no-repeat 0 0;transition:0.3s all}
.references .refinput.open:after {background-image: url('../gfx/selectop.png')}
.references .refmenu {display:none;position:absolute;top:35px;left:0;right:0;border-right:1px #c6c6c6 solid;border-left:1px #c6c6c6 solid;z-index:3}
.references .refmenu li {}
.references .refmenu a {display:block;font: 14px/33px 'Source Sans Pro'; background:#F5F5F5;color:#3c3c3c;padding: 0 18px;border-bottom:1px #c6c6c6 solid}
.references .refmenu a:hover {background:#EEE}
.references .refinput.open + .refmenu {display:block}


.references .refh {padding:20px 0 20px 0} 
.references .refs {padding: 0 20px;margin:16px 0}
.references .refs:after {content:"";display:table;clear:both}
.references .ref {border: 1px #c6c6c6 solid;padding: 20px;margin:0 auto 20px;width:280px;display:block;height:370px}


.references .ref .img {margin: 0 20px 6px;height:112px;position:relative}
.references .ref .img img {max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;clip:rect(0px, 188px, 89px, 0px)}

.references .ref .img-new {height:92px;position:relative;margin:10px 0}
.references .ref .img-new img {max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}

.references .ref .content {color:#7d7d7d;font: 14px/24px 'Source Sans Pro';position:relative;margin: 0 0 40px;height:72px;overflow:hidden}
.references .ref .author:after {position:absolute;content:"";display:block;height:1px;width:22px;left:50%;margin-left:-11px;background:#d8d8d8;top:-20px}
.references .ref .author {font:bold 20px/24px 'Source Sans Pro';margin:0 0 16px;color:#3c3c3c;position:relative}
.references .ref .title {color:#F68C36;font: 14px/18px 'Source Sans Pro';margin:0 0 30px}

.reference {padding:50px 0}
.reference .img {margin: 20px 0 16px;position:relative;height:89px}
.reference .img img {max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto auto auto 0;}

.reference .img-new {margin:20px 0 16px;position:relative;height:160px}
.reference .img-new img {max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto auto auto 0}
.reference .header {font:bold 30px/36px 'Novecento';letter-spacing:0.2em;text-transform:lowercase}
.reference .header span {font:bold 12px/12px 'Novecento';text-transform:uppercase;display:block}
.reference .inner {margin:0 10px}
.reference .content {color:#7d7d7d;margin:0 0 30px}
.reference .author:before {width:22px;height:1px;left:0;position:absolute;display:block;content:"";top:0;background:#d8d8d8}
.reference .author {position:relative;padding:20px 0}
.reference .author .name {font:bold 20px/24px 'Source Sans Pro';margin:0 0 16px;color:#3c3c3c}
.reference .author .title {width:220px;color:#f68c36}
.references .service-input {padding:20px 0} 
.references .service-input .refinput {background:#FFF}
.references .service-input .refmenu a {background:#FFF}

.offerlist {text-align:center;padding: 38px 0 0;background:#e5e5e5}
.offerlist .offer {padding:10px 0 30px}
.offerlist .offer .title {font: bold 100px/128px 'Novecento';padding: 0 16px;color:#f68c36;letter-spacing:0.2em;margin-right:-0.2em}
.offerlist .offer .title.wltitle {font-size: 54px;line-height: 70px;letter-spacing:0;}
.offerlist .offer .subtitle {font:bold 18px/24px 'Novecento';text-transform:uppercase;letter-spacing:0.2em;margin:12px 0 20px;padding:0 10px}
.offerlist .offer .subtitle span {display:block}
.offerlist .offer .content {font:16px/24px 'Source Sans Pro';padding:0 10px;margin:0 0 38px}
.offerseo, .offersem {background:#3c3c3c;color:#FFF}

.subnav {text-align:center;padding:32px 0 48px}

.subnav a {font-size:12px;line-height:24px;padding:12px 0;border-bottom: 1px #c6c6c6 solid;display:block;color:#3c3c3c}
.subnav a.active, .subnav a:hover {color:#f68c36}

.blognav {padding:32px 0 48px}
.blognav a {font: 13px/18px 'Source Sans Pro'}


#pagenav:after {clear:both;display:table;content:""}



.faq .item {position:relative;text-align:left;border-top:1px #c6c6c6 solid;overflow:hidden;transition:0.3s all ease-in}
.faq .title {padding:20px 80px 20px 12px;display:block;color:#7d7d7d;font:bold 16px/24px 'Source Sans Pro';cursor:pointer}
.faq .item.open {background:#f68c36}
.faq .item.open .title {color:#FFF}
.faq .item.closed:hover {background:#f8f8f8}
.faq .item.closed:hover a {color: #f68c36}
.faq .item .title:after {display:block;content:"";position:absolute;right:9px;top:32px;height:20px;width:20px;transition:0.3s top}
.faq .item.closed .title:after, .faq .item.closed:hover .title:after {background: url('../gfx/selectcl.png') no-repeat 2px 3.5px}
.faq .item.open .title:after {background:url('../gfx/x.png') no-repeat 0 0}

.faq .item .content {padding:12px;color:#FFF}
.faq .inner {padding:0!important;transition:0.3s all ease-in}
.faq .item.closed .inner {max-height:0;opacity:0}
.faq .item.open .inner {max-height:none;opacity:1}





.compimg {height:119px;background: url('../gfx/compimg_mob.png') no-repeat 0 0;margin:17px 0 14px}
.comptxt {margin:0 0 14px}




.highlight {color:#FFF;text-align:center;line-height:30px}
.highlight .title {font:bold 22px/28px 'Source Sans Pro';padding:16px 0 2px}
.highlight .br {display:block}
.seo-prices .highlight {background:url('../gfx/decyzja_mob.jpg');height:260px;margin:0 0 38px;padding:40px}

.compbox {text-align:center;border:1px #d0d0d0 solid;margin:10px 10px 40px}
.compbox .title {font:bold 18px/129px 'Novecento';letter-spacing:0.2em}
.compbox .content {background:#f68c36;color:#fff;padding:27px 25px;font:12px/20px 'Source Sans Pro'}
.compbox .list .row {font:14px/50px 'Source Sans Pro'; color:#7d7d7d;position:relative}
.compbox .list .row:after {position:absolute;width:245px;height:1px;bottom:0;left:50%;margin-left:-122.5px;content:"";display:block;background:#d0d0d0}
.compbox .list .row:last-child:after{display:none}
.compbox .list .row.price {font-size:20px;color:#f68c36;font-weight:bold}

.aboutp .iconlist .row {padding:0}
.iconlist {padding: 0 8px;color:#7d7d7d;line-height:24px;margin:0 0 40px}
.iconlist .title {font:bold 14px/28px 'Source Sans Pro';margin:0 0 5px}
.iconlist .title.bigger {font-size:20px}
.iconlist .row {margin:0 0 20px;padding:0}
.seo-about .iconlist {margin:0}
.seo-about .iconlist .wrap {height:142px}

.aboutimg {width:105px;height:90px;margin:17px auto 7px;background:url('../gfx/aboutimg_mob.png') no-repeat 0 0 /105px}
.abouttxt {text-align:center;padding: 0 10px;margin:0 0 9px}

.list .light {font-weight:normal}


.seo-about .highlight {background:url('../gfx/abouthl_mob.jpg'); height:260px;line-height:28px}
.seo-about .highlight .inner {padding:15px}
.seo-about .highlight .title span {display:block}









.refcontrol {background:url('../gfx/refnav.png') no-repeat center 0; }
.refcontrol.wide {height: 80px}
.refcontrol .inner {text-align:center;padding:0 10px}
.refcontrol a {color:#FFF;font:bold 12px/20px 'Novecento';text-transform:uppercase;letter-spacing:0.2em;padding:29px 0 31px;position:relative}
.refcontrol .refnext, .refcontrol .refprev {text-indent:100%;overflow:hidden;white-space:nowrap;display:block}
.refcontrol .refprev{float:left;width:100px}
.refcontrol .refnext{float:right;width:100px}
.refcontrol .refback {width:100px;display:inline-block;color:#FFF}
.refcontrol .refback:after {background:url("../gfx/selectop.png") no-repeat 0 0;position:absolute;display:block;content:"";width:16px;height:13px;left:50%;margin:0 0 0 -8px;bottom:8px;transition:0.3s all}
.refcontrol .refprev:after {background:url('../gfx/arrl.png') no-repeat 0 0;top:50%;margin:-8px 0 0 -6.5px;left:50%}
.refcontrol .refnext:after {background:url('../gfx/arrr.png') no-repeat 0 0;top:50%;margin:-8px -6.5px 0 0;right:50%}
.refcontrol .refprev:after, .refcontrol .refnext:after {position:absolute;content:"";display:block;width:13px;height:16px;transition:0.3s all}
.refcontrol .refprev:hover:after {margin-left:-13px}
.refcontrol .refnext:hover:after {margin-right:-13px}
.refcontrol .refback:hover:after {bottom:12px}



.blogcontrol {background:url('../gfx/refnav.png') no-repeat center 0;height:40px} 
.blogcontrol .inner {text-align:center;padding:0 10px;position:relative}
.blogcontrol a {color:#FFF;font:bold 12px/20px 'Novecento';text-transform:uppercase;letter-spacing:0.2em;position:relative}
.blogcontrol .blognext, .blogcontrol .blogprev {text-indent:100%;overflow:hidden;white-space:nowrap;display:block;width:100px;padding:10px 0}
.blogcontrol .blognext {float:right}
.blogcontrol .blogprev {float:left}
.blogcontrol .blogprev:after, .blogcontrol .blognext:after {position:absolute;content:"";display:block;width:13px;height:16px;transition:0.3s all}
.blogcontrol .blogprev:after {background:url('../gfx/arrl.png') no-repeat 0 0;top:50%;margin:-8px 0 0 -6.5px;left:50%}
.blogcontrol .blognext:after {background:url('../gfx/arrr.png') no-repeat 0 0;top:50%;margin:-8px -6.5px 0 0;right:50%}
.blogcontrol .blogprev:hover:after {margin-left:-13px}
.blogcontrol .blognext:hover:after {margin-right:-13px}

.blogcontrol .blogback {position:absolute;left:50%;margin-left:-50px;padding:10px 0;width:100px}
/*.blognav .blogback:after {background:url("../gfx/selectop.png") no-repeat 0 0;position:absolute;display:block;content:"";width:16px;height:13px;left:50%;margin:0 0 0 -8px;bottom:6px;transition:0.3s all}
.blognav .blogback:hover:after {bottom:12px}
*/
.form {margin:0 0 40px}
.captcha {width:304px;margin: 13px auto;text-align:center}
.formh {text-align:center}
.formcont {margin:30px 0 0}
.form label, .semform label {color:#f68c36}
.input {width:100%;font: 14px/28px 'Source Sans Pro'; border: 1px #c6c6c6 solid;padding: 15px}
.inputsm {width:100%;font: 14px/28px 'Source Sans Pro'; border: 1px #c6c6c6 solid;padding: 10px}
.input:hover, .input:focus, .areabig:hover, .areabig:focus {border: 1px #f68c36 solid}
.form .required:after, .semform .required:after {content:"*"}

.form .row {margin:0 0 23px}
.areabig {width:100%;font: 14px/28px 'Source Sans Pro'; border: 1px #c6c6c6 solid;padding: 15px;height:375px;margin:0}
.areasmall {width:100%;font: 14px/28px 'Source Sans Pro'; border: 1px #c6c6c6 solid;padding: 7px;height:175px;margin:0}



.place {padding: 0 20px;margin:0 0 45px}
.place .img {height:210px;width:280px}
.place .img.pozandersia {background-image:url('../gfx/filia_andersia.jpg')}
.place .img.pozdelta {background-image:url('../gfx/filia_delta.jpg')}
.place .img.warszawa {background-image:url('../gfx/filia_warszawa.jpg')}
.place .img.bydgoszcz {background-image:url('../gfx/filia_bydgoszcz.jpg')}       
.place .img.torun {background-image:url('../gfx/filia_torun.jpg')}  
.place .img.wroclaw {background-image:url('../gfx/filia_wroclaw.jpg')}
.cicon {padding-left:33px;color:#7d7d7d;position:relative;margin:8px 0;font-size:16px}
.cicon a {color:#7d7d7d}
.cicon:before {width:21px;height:20px;position:absolute;left:0;top:0;background-image:url('../gfx/cicons.png');display:block;content:""}
.cicon.infoline:before {background-position:0 0}
.cicon.phone:before {background-position:0 -20px}
.cicon.fax:before {background-position:0 -40px}
.cicon.mail:before {background-position:0 -60px}

/*.placesh {text-align:center;margin:0 0 29px}*/
.place .name {margin:12px 0 10px;font:bold 16px/20px 'Source Sans Pro'}
.place .address {font:14px/20px 'Source Sans Pro';color:#f68c36}

.place .info {position:relative;margin: 5px 0}
.place .info:before {width:50px;height:1px;content:"";display:block;background:#d8d8d8}


.personname {font:20px/32px 'Source Sans Pro'}
.contact {margin:0 60px 20px;text-align:left}
.contactinfo .header {text-transform:uppercase;font:bold 18px 'Novecento';letter-spacing:0.2em;text-align:center;margin:0 0 40px}


.personcontact {position:relative;margin:15px 0;padding:10px 0}
.personcontact:before {width:22px;height:1px;content:"";display:block;background:#d8d8d8;position:absolute;top:0}


.semform {margin: 0 0 40px}
.article .semform .subheader {margin:0 0 30px}
.semform .row {margin:0 0 23px}
.semformcont {margin:0 10px}


.consent {border: 1px #c6c6c6 solid;padding:15px;width:300px;margin: 20px auto;font:12px/16px 'Source Sans Pro';color:#7d7d7d;position:relative}
.consent input[type="checkbox"] {display:none}
.consent .content:before {position:absolute;top:50%;margin:-12px 0 0;left:0;width:24px;height:24px;background:url('../gfx/checkbox4.png') no-repeat 0 0;content:""}

.consent input[type="checkbox"]:checked + .content:before {background-position:0 -48px}
.consent .content {padding:0 0 0 40px;position:relative;cursor:pointer;display:block;color:#7d7d7d}



.blogheader {position:relative;z-index:2;text-align:center;color:#FFF;background:url('../gfx/dots.png') no-repeat center 172px, url('../gfx/blogheader.png') no-repeat center 0;background-clip: content-box, padding-box;height:399px;padding:166px 0 63px}
.blogheader .slogan {text-transform:uppercase;letter-spacing:0.4em;font: 300 16px 'Novecento'}

.tags {border-top: 18px #3c3c3c solid;margin:-63px 0 0; padding: 45px 0 0;text-align:center;background:#F5F5F5}

.blogh {font-size:60px;line-height:60px;margin: 20px -0.4em 20px 0;letter-spacing:0.4em}

.blogheader:after {position:absolute;content:"";display:block;height:14px;width:39px;left:50%;margin-left:-19.5px;background:url('../gfx/whitearrl.png');bottom:24px;z-index:3}

.tagsh {margin:20px 20px 24px 20px;line-height:28px}
.tagschoose {color:#c6c6c6;font-size:14px}

/*
.tag {margin: 0 auto}
*/


/*.btn2 {cursor:pointer;height:60px;color:#3c3c3c;border:3px #3c3c3c solid;transition:0.3s all;display:table-cell;width:154px;font:bold 14px/18px 'Novecento';text-transform:uppercase;vertical-align:middle;padding: 0 10px}
.btn2:hover {border:3px #f68c36 solid;color:#f68c36}*/



.blogmedia {margin:0 10px}
.blogmedia .header {position:relative;margin:30px 0 15px;border-bottom: 1px #c6c6c6 solid}
.blogmedia .header.press{margin-top:7px}
.blogmedia .header.newsletter {margin:67px 0 15px}
.blogmedia .header:after {position:absolute;display:block;content:"";background-image:url('../gfx/blogicons.png');background-repeat: no-repeat}

.blogmedia .header.press {padding:28px 0 20px 64px}
.blogmedia .header.press:after {background-position:0 -48px;width:54px;height:51px;left:0;top:0}
.blogmedia .header.publications {padding:23px 0 20px 50px}
.blogmedia .header.publications:after {background-position:0 0;width:39px;height:44px;left:0;top:0}
.blogmedia .header.newsletter {padding:22px 0 20px 50px}
.blogmedia .header.newsletter:after {background-position:0 -104px;width:39px;height:43px;left:0;top:0}

.blogmedia .block{margin-bottom:30px}

.media.entry {padding:20px 0;position:relative}
.media.entry:after {width:36px;height:1px;background:#c6c6c6;position:absolute;bottom:0;left:0;display:block;content:""}
.media .title {font:bold 16px/24px 'Novecento';text-transform:uppercase;color:#3c3c3c;margin:0 0 16px;display:block}
.media .content {color:#7d7d7d}

.block .inputsm {margin:0 0 10px}
.fullpage {display:none}
.important {font: bold 24px/32px 'Source Sans Pro';color:#f68c36}



.sem-about .img {margin:40px auto 10px;width:200px;height:160px;background: url('../gfx/sem.png') no-repeat 0 0 /200px}
.sem-about .imgtxt {padding:0 10px;margin:0 0 9px;text-align:center}
.sem-about .bottomtxt {margin:60px 0 80px;text-align:center}

.sem-about .highlight {background:url('../gfx/abouthl_mob.jpg'); height:260px;line-height:28px}
.sem-about .inner {padding:25px}
.sem-about .highlight .title span {display:block}


.ppc-about .img {width:285px;height:290px;background:url('../gfx/pl2.png') no-repeat 40px 38px;padding:50px 40px;position:relative;margin:30px 0}
.ppc-about .imgtxt {position:absolute;left:0;top:0}
.ppc-about .graph img {width:320px}
.ppcicon {padding-left:65px;position:relative;line-height:30px;font-size:30px;margin: 0 0 18px}
.ppcicon:before {position:absolute;left:0;top:0;display:block;background-image:url('../gfx/ppcicons.png');width:56px;height:56px;content:""}
.ppcicon.search:before {background-position:0 0}
.ppcicon.mail:before {background-position:0 -76px}
.ppcicon.shop:before {background-position:0 -152px}
.ppcicon.news:before {background-position:0 -227px}
.ppcicon span {display:block;font-size:14px;line-height:20px}

.ppc-about .note {font-size:12px;color:#b4b4b4}
.ppc-about .important {font-size:30px}
.ppc-about .standout {margin:10px 0;font:bold 20px/30px 'Source Sans Pro';color:#3c3c3c}

.ppc-about .videobg {background: #414141;padding: 15px 0}
.ppc-about .video {height:180px;background:#aaa}
.ppc-about .video-fake {cursor:pointer;overflow:hidden;position:relative;height:100%;background:url('../gfx/youtube.jpg') no-repeat center center; background-size:100%;padding:20px;color:#FFF;text-shadow:1px 1px #888;font:20px/24px 'Source Sans Pro'}
.ppc-about .video-fake:before {height:50px;width:70px;border-radius:10px;content:"";display:block;position:absolute;left:50%;top:50%;margin:-25px 0 0 -35px;background:rgba(0,0,0,0.8);}
.ppc-about .video-fake:hover:before {background:rgba(192,0,0,0.8)}
.ppc-about .video-fake:after {position:absolute;content:"";display:block;width:0;height:0;left:50%;top:50%;border-width:10px 15px 10px 15px;border-style:solid;border-color:transparent transparent transparent #FFF;margin:-10px 0 0 -6.5px}
.ppc-about .video-fake .title {position:absolute;top:0;left:0;right:0;padding:10px 0 0 15px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==");height:98px}
.ppc-about .video iframe {width:100%;height:100%}
.ppc-about .ppcgraph {width:300px;height:333px;background: url('../gfx/ppc_wykres.png') no-repeat 0 0 /300px;margin:20px 0;display:block}


/*.ppc-about .ppcnew {position:relative;width:400px;height:400px;margin:80px 35px;border:3px #f68c36 solid;border-radius:50%}
.ppc-about .ppcnew:after {left:20px;top:20px;right:20px;bottom:20px;border-radius:50%;border:3px #f68c36 solid;position:absolute;display:block;content:""}

*/

.ppc-about .ppcnew {position:relative;width:320px;height:354px;margin:20px -10px}
.ppc-about .ppcnew:before {display:block;content:"";position:absolute;left:35px;right:35px;top:60px;bottom:60px;border-radius:50%;border:3px #f68c36 solid}
.ppc-about .ppcnew:after {display:block;content:"";position:absolute;left:55px;top:80px;bottom:80px;right:55px;border-radius:50%;border:3px #f68c36 solid}

.ppc-about .ppcnew .circle {padding:8px 10px;border:3px #f68c36 solid;z-index:2;position:absolute;border-radius:50%;width:100px;height:100px;background:#FFF;text-align:center;font:12px/14px 'Source Sans Pro'}
.ppc-about .ppcnew .circle.big {padding:10px 15px;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;font:14px/18px 'Source Sans Pro'}
.ppc-about .ppcnew .circle span {font-weight:bold}
.ppc-about .ppcnew .circle .content {display:table-cell;vertical-align:middle;height:78px;width:74px}
.ppc-about .ppcnew .circle.big .content {height:84px;width:94px}


.ppc-about .ppcnew .circle0 {left:50%;top:0;margin-left:-50px}
.ppc-about .ppcnew .circle60 {right:0;top:18.8%}
.ppc-about .ppcnew .circle120 {right:0;bottom:18.8%}
.ppc-about .ppcnew .circle180 {left:50%;bottom:0;margin-left:-50px}
.ppc-about .ppcnew .circle240 {left:0;bottom:18.8%}
.ppc-about .ppcnew .circle300 {left:0;top:18.8%}


.ppc-about .summary {color:#f68c36;font-weight:bold;font-size:16px}


.cert {width:145px;height:145px;margin:30px auto}

.cert.gmsp {background:url('../gfx/gmsp.jpg') no-repeat 6.5px 6.5px}
.cert.gadwords {background:url('../gfx/gadwords.png') no-repeat 0 0}
.cert.ganalytics {background:url('../gfx/gmp_300.png') no-repeat 50% 50%;width:320px}
.cert.gpremium {background:url('../gfx/google_premier_300.png') no-repeat 50% 50%;width:240px}

.section {margin:8px 0 30px}


.header {text-transform:uppercase;font:bold 18px 'Novecento';letter-spacing:0.2em;margin: 0 0 15px}
.article {padding:20px 10px}
.article .header {/*text-transform:uppercase;font:bold 18px 'Novecento';letter-spacing:0.2em;*/text-align:center;margin:0 0 40px}
.article .txt {padding:3px 0;text-align:justify}
.article .subheader {margin:10px 0;text-align:left;text-transform:uppercase;font:bold 18px 'Novecento';letter-spacing:0.2em}
.article .subheader-orange {margin:10px 0;text-align:left;text-transform:uppercase;color: #f68c36;font: bold 14px 'Novecento';letter-spacing:0.2em}   
.article .subheader.narrow {letter-spacing:0.1em}
.article .txti {font-style:italic}
.article .txt.nopadd {padding:0}





.pages {text-align:center;margin:0 0 5px}
.pages li {display:inline-block}
.pages li a {font:bold 14px/50px 'Source Sans Pro';color:#3c3c3c;text-align:center;display:block;width:50px}
.pages li a:hover {color:#f68c36}
.pages li a.dots:hover {color:#3c3c3c}

.pages li a.active {color:#FFF;background:#f68c36}








.pricetbl {border-collapse:collapse;color:#7d7d7d;width:100%;margin:20px 0}




.zip .image {margin:0 10px 10px;padding:10px;border:1px #c3c3c3 solid;width:300px}
.zip .image img {display:block;width:100%;height:100%}
.zip .content {margin: 0 10px}
.zip .content p {margin:0 0 10px;text-align:justify}
.zip .content .orange {font-weight:bold;color:#f68c36}
.zip .ziplist {margin:6px 0}
.zip .ziplist li {padding:0 0 3px 25px;text-indent:0;overflow:hidden;position:relative}
.zip .ziplist li:before {background:#f68c36;border-radius:50%;height:8px;width:8px;position:absolute;display:block;content:"";top:8px;left:2px}


.comments {margin:40px 10px}
.comments .label {font:bold 12px 'Novecento';text-transform:uppercase} 
.comment {margin:20px 0}
.comment .id {font:bold 12px 'Source Sans Pro'}
.comment .name {font:bold 12px 'Novecento';text-transform:uppercase;margin:0 10px;padding:0 10px;border-left:1px #bdbdbd solid;border-right:1px #bdbdbd solid}
.comment .name.nolink {}
.comment .time {font:bold 12px 'Source Sans Pro'}

.comments .btnsmall {margin:40px auto 0}

.comment-form {height:0;overflow:hidden;transition:height 0.3s}
.comment-form.open {height:631px}
.comment-form .row {margin:7px 0;padding-right:20px}
.comments .captcha {margin:10px 0 20px}

.anchor {height:1px;width:1px;margin:-70px 0 70px}

.input.small {display:block;width:100%;padding:7px;font:14px/24px 'Source Sans Pro'}

.error {color:#FF6961;background:rgba(255,105,97,0.1) ;padding:10px;border:3px #FF6961 solid;margin:10px 0}
.success {color:#03C03C;background:rgba(3,192,60,0.1) ;padding:10px;border:3px #03C03C solid;margin:10px 0}

.comments .success, .comments .error {margin-right:20px}

.price-form .captcha {margin:20px 0}
.price-form .consent {margin:20px 0}
.price-form .submit .btn {margin:0}

.new-google-cert {width:220px;height:82px;position:absolute;top:50%;left:50%;margin:-41px 0 0 -110px}

@media only screen and (max-width:639px) {

  .mcontainer {width:320px;margin:auto}
  .article .mcontainer {width:300px}
  [class*="mcol-"] { float:left}
  .mcol-1 {width:8.33%}
  .mcol-2 {width:16.66%}
  .mcol-3 {width:25%}
  .mcol-4 {width:33.33%}
  .mcol-5 {width:41.66%}
  .mcol-6 {width:50%}
  .mcol-7 {width:58.33%}
  .mcol-8 {width:66.66%}
  .mcol-9 {width:75%}
  .mcol-10 {width:83.33%}
  .mcol-11 {width:91.66%}
  .mcol-12 {width:100%}
  
  [class*="mcol-"].rcol2 {float:right}
  .pricetbl .title {background:#f68c36;font:bold 14px/60px 'Source Sans Pro';color:#FFF;border: 0 none;padding:0 15px}
  .pricetbl thead tr {position:absolute;left:-9999px}
  .pricetbl, .pricetbl tbody, .pricetbl th, .pricetbl tr, .pricetbl td {display:block}
  .pricetbl .full {display:none}
  .pricetbl td {border-left: 1px #DDD solid;border-right: 1px #DDD solid;border-bottom: 1px #DDD solid;text-align:center;padding:15px}
  .pricetbl td span {display:block;font-weight:bold}
  .pricetbl tr {margin:0 0 20px}
}











.tab, .pc, .dummy {display:none}

.rcol {float:right}


strong {font-weight:bold}
strong.or {color:#f68c36}

.txt {color:#7d7d7d;font: normal 14px/24px 'Source Sans Pro';padding: 3px 0}
.txt.orange {color:#f68c36}
.txtb {font-weight:bold}
.seo-local .txtb {margin-top:8px}
.txt.c {text-align:center}

.orangelist {margin:6px 0}
.orangelist li {position:relative;padding:0 0 3px 25px;text-indent:0}
.orangelist li:before{position:absolute;left:0;display:block;content:"";width:8px;height:8px;top:9px;left:2px;border-radius:4px;background:#f68c36}

img.grayscale {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;transition: 0.2s filter}
img.grayscale:hover {filter:none;-webkit-filter:none;-ms-filter:none;-o-filter:none}


.h {text-transform:uppercase;font-family:'Novecento';letter-spacing:0.2em}
.hb {text-transform:uppercase;font-family:'Novecento';font-weight:bold;letter-spacing:0.2em;margin-right:-0.2em}
.hxl {font-size:28px}
.hll {font-size:26px}
.hl {font-size:18px}
.hm {font-size:18px}
.hs {font-size:16px}
.hxs {font-size:12px}

.btn {cursor:pointer;letter-spacing:0.1em;text-align:center;display:block;font:bold 14px/20px 'Novecento';text-transform:uppercase;padding:15px 0;padding:15px 0 15px 0.1em ;margin:0 auto;width:200px}
.btn.black {color:#FFF;background:#3c3c3c}
.btn.black:hover {background:#f68c36}
.btn.blackb {color:#3c3c3c;border:3px #3c3c3c solid;transition:0.3s all;line-height:17px;background:transparent}
.btn.blackb:hover, .btn.white:hover {border:3px #f68c36 solid;color:#f68c36}
.btn.white {border:3px #FFF solid;color:#FFF;transition:0.3s all;line-height:17px}
.btn.orangeb {color:#3c3c3c;border:3px #3c3c3c solid;line-height:17px;background:#f68c36;transition:0.3s all}
.btn.orangeb:hover {color:#FFF}
.btnsmall {background:#FFF;cursor:pointer;letter-spacing:0.1em;text-align:center;display:block;font:bold 12px/20px 'Novecento';padding:10px 0;width:185px;text-transform:uppercase;margin:20px auto}
.btnsmall.blackb {color:#3c3c3c;border:3px #3c3c3c solid;transition:0.3s all;line-height:17px}
.btnsmall.blackb:hover {border:3px #f68c36 solid;color:#f68c36}

.remind {margin:24px 0 44px;padding:0 10px}
.olist {list-style-type:none;list-style-position:inside;padding:0;color:#7d7d7d;font: 14px/24px 'Source Sans Pro'}
.olist > li {counter-increment: item;margin: 0 0 6px}
.olist > li:before {content:counter(item) ". ";display:inline-block;width:20px;font-weight:bold}

.quot{font:bold 18px/28px 'Source Sans Pro';color:#f68c36;text-indent: 40px;padding: 0 5px;position:relative;margin: 20px 0}
.quot:before, .quot:after{display:block;content:"";background:url('../gfx/quot.png') no-repeat 0 0; width:15px;height:13px;position:absolute}
.quot:before {top:0;left:0}
.quot:after {right:0;bottom:0}
.att {padding:20px 10px;color:#b4b4b4}
.att a {color:#b4b4b4}
.note span {color:#b4b4b4;font-size:12px;display:inline-block;width:35px}
.note {font:12px/16px 'Source Sans Pro'}
.rules {padding:50px 0}
.rules .txt {margin:0 0 20px}
ol.policy, .policy ol {counter-reset:item}
.policy {text-align:justify;list-style-position:outside}
.policy li {counter-increment:item;position:relative;padding:0 0 0 25px;margin:0 0 10px}
.policy li:before { content: counters(item, ".")". "; width:10px;display:inline-block;font-weight:bold;position:absolute;left:0}
.policy .sub li {padding-left:35px}

.letters li {counter-increment:item2;position:relative;padding:0 0 0 25px;margin:0 0 5px}
.letters li:before {content: counter(item2, lower-alpha) ") ";width:10px;display:inline-block;font-weight:bold;position:absolute;left:0}

.policy-text {text-align:justify}
.policy-text .policy {margin:0 0 20px}
.policy-text .policy li {margin:0 0 5px}
.policy-text .policy-info {font-weight:bold;margin:0 auto 20px}
.policy-text .policy.bracket {counter-reset:item;counter-reset:item3;margin-bottom:0}
.policy-text .policy.bracket li:not(.circle) {counter-increment:item3;counter-reset:item}
.policy-text .policy.bracket li:not(.circle):before {content:counters(item3, ".")") "}
.policy-text ul {list-style-type:circle;margin:0 0 0 15px}
.policy-text ul li, .policy-text .policy.bracket ul li {content:unset;padding:0 0 0 5px}
.policy-text ul li:before, .policy-text .policy.bracket ul li:before {content:unset}

.squares li {list-style-type:square;margin:0 0 0 15px}
.reset {counter-reset:item;}

.form-policy {font-size:12px;line-height:14px;text-align:justify;margin-top:20px;color:#7d7d7d}


.tcontainer {min-width:320px}

/*
.title {color:#f68c36}*/
.bicon {width:90px;height:104px;background-image:url('../gfx/iconsbig.png');background-repeat:no-repeat;margin: 19px auto}

.bicon.tradition {background-position:0 0}
.bicon.flex {background-position:0 -105px}
.bicon.transp {background-position:0 -210px}
.bicon.smile {background-position:0 -315px}
.bicon.changes {background-position:0 -420px}
.bicon.invest {background-position:0 -525px}
.bicon.develop {background-position:0 -630px}
.bicon.knowledge {background-position:0 -735px}
.bicon.manage {background-position:0 -840px}
.bicon.support {background-position:0 -945px}
.bicon.road{background-position:0 -1155px}


.bicon.team {background-position:-91px 0}
.bicon.backend {background-position:-91px -105px}
.bicon.check {background-position:-91px -210px}
.bicon.advance {background-position:-91px -315px}
.bicon.world {background-position:-91px -420px}
.bicon.season {background-position:-91px -525px}
.bicon.sales {background-position:-91px -630px}
.bicon.quality {background-position:-91px -735px}
.bicon.seoppc {background-position:-91px -840px}
.bicon.others {background-position:-91px -945px}
.bicon.ok {background-position:-91px -1050px}

.bicon.deseo {background-position:-182px 0}
.bicon.plusprofile {background-position:-182px -105px}
.bicon.ecommerce {background-position:-182px -210px}
.bicon.cmarketing {background-position:-182px -315px}
.bicon.pmarketing {background-position:-182px -420px}
.bicon.cleaner {background-position:-182px -525px}
.bicon.msite {background-position:-182px -630px}
.bicon.analytics {background-position:-182px -735px}
.bicon.seopr {background-position:-182px -840px}




@keyframes swap {
  0% {opacity:1}
  49% {opacity:0}
  50% {opacity:0;background-position:0 -48px}
  100% {opacity:1}

}


@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media all and (max-width:1279px) and (max-height: 520px) {
  .head {position:absolute}
}

/*
.zipitem {display:block;margin:25px;background:#f6f6f6 url('../gfx/zip/p-rybak.jpg') no-repeat -80px 0;height:200px;filter:grayscale(100%)}
.zipitem .inner {background:linear-gradient(to right, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0.2) 15%, rgba(245,245,245,1) 60%);height:200px}
.zipitem:hover {filter:none}*/
.zipcont {margin:40px auto}
.zipitem {background:#F6F6F6;margin:5px;padding:10px;display:block;text-align:center;color:#3c3c3c}
.zipitem .name {font:bold 20px/24px 'Source Sans Pro'}
.zipitem:hover {background:#f68c36;color:#FFF}
.sidremove {margin:-10px 0 20px;display:block}



.footer-address {background:#373737;text-align:center;color:#FFF}
.footer-address .inner {padding:20px 11px}
.footer-address .name {font-weight:bold}
.footer-address .address {line-height:18px;margin:0 0 15px}

.place .map {padding-top:10px;clear:both}





.searchicon {width:48px;height:48px;display:block;background:url('../gfx/search-icon3.png') no-repeat 0 0}



.tagscont {padding:35px 10px 40px;display:flex;flex-flow:row wrap}



.tag {cursor:pointer;overflow:hidden;transition:0.3s all;display:flex;height:54px;text-align:center;font:bold 14px/18px 'Novecento';color:#3c3c3c;text-transform:uppercase;padding:0 10px;border:3px #3c3c3c solid;margin:5px 10px;width:100%;align-items:center;justify-content:center}


.stag .sform {text-align:left}
.stag .sform input[type="text"] {padding:7px;margin:0 20px;border:2px #c3c3c3 solid;width:calc(100% - 20px)}
.stag .sform input[type="submit"] {display:none}

.tag {display:none}
.stag {display:flex}
.showall .tag {display:flex}
.tag.active {display:flex}
.btag, .showall .btag {display:none}
.tag:hover, .tag.active {border:3px #f68c36 solid;color:#f68c36}
.blogmain {padding:40px 0}
.blogmain .header {text-align:center}

@keyframes hideLeft {
  0% {width:auto;opacity:1}
  90% {width:0;padding:0;opacity:0;display:block}
  
  100% {display:none}

}


.ppcslider {position:relative;height:250px;background:#fcfcfc;margin:0 0 60px}
.pslide {opacity:0;transition:0.3s all;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2}
.pslide.active{opacity:1;z-index:3}

.pslide img {max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}

.pnav {position:absolute;bottom:-40px;left:0;right:0;text-align:center;white-space:nowrap;z-index:4;background:#fcfcfc;padding:10px 0}
.pnav li {display:inline-block}
.pnav .ppcnav {background-color:#3c3c3c;width:16px;height:16px;border-radius:50%;display:block;margin:0 4px;box-shadow:1px 1px 2px #999;cursor:pointer}
.pnav .ppcnav.active {background-color:#f68c36}
.section .wrap {position:relative}

.seo-about .seogif {margin:20px 0;position:relative}
/*.seo-about .seogif:after {position:absolute;content:"GIF";display:block;width:100px;height:100px;border:10px #DDD solid;color:#DDD;font:bold 36px/100px 'Novecento';text-align:center;border-radius:50%;left:50%;top:50%;margin:-55px 0 0 -55px;cursor:pointer}*/
.seo-about .seogif img {width:100%;cursor:pointer;box-shadow:1px 1px 2px #c3c3c3}

.notenr {font-size:0.8em;font-style:italic}

/*
.cookies {position:fixed;bottom:30px;right:30px;padding:5px;border-radius:10px;background:rgba(0,0,0,0.5);max-width:300px}
.cookies .content {background:#f68c36;border-radius:5px;padding:10px;color:#FFF}
.cookies .content .title {font:bold 16px/20px 'Source Sans Pro'}
.cookies .content .txt {color:#FFF;font:12px/16px 'Source Sans Pro'}
.cookies .content .close {border:3px #FFF solid;color:#FFF;padding:5px 15px;font:bold 12px/20px 'Novecento';margin:5px 0 0;display:inline-block;text-transform:uppercase}
.cookies a {color:#FFF}
*/
/*
.messages {position:fixed;bottom:0;left:0;right:0;z-index:15}

.messages .cookies {padding:10px 30px;background:#f8f8f8;border-top:1px #c3c3c3 solid;position:relative}
.messages .cookies .title {font:bold 14px/20px 'Novecento';text-transform:uppercase}
.messages .cookies .close {border:3px #3c3c3c solid; color:#3c3c3c;padding:5px 15px;font:bold 12px/20px 'Novecento';text-transform:uppercase;margin:10px 0;transition:0.3s all}
.messages .cookies .txt {font:12px/16px 'Source Sans Pro';margin:0 0 10px}
.messages .cookies .close:hover {border:3px #F68C36 solid;color:#F68C36}
*/

.notice {width:300px;height:300px;position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px}
.notice .logo {background:url('../gfx/ss.png') no-repeat 0 0;width:174px;height:29px;margin:0 auto 15px;display:block}
.notice .content {text-align:center;color:#f68c36;font:18px/24px 'Source Sans Pro'}

/*
.footer .warning {border:1px #FFF solid;padding:10px;text-align:left;color:#c3c3c3;margin:0 -50px 20px}
.footer .warning .title {font:bold 14px/20px 'Novecento';color:#FFF}
.footer .warning .content {font:12px/16px 'Source Sans Pro'}

.footer .cookies {position:relative;border: 1px #FFF solid;padding:10px;margin:10px}
.footer .static {margin:0 10px}

.footer .cookies .title {font-weight:bold;line-height:18px}
.footer .cookies .content {font:12px/14px 'Source Sans Pro';padding-right:260px;text-align:justify}
.footer .cookies .close {position:absolute;right:10px;border:3px #FFF solid;color:#FFF;font:bold 12px/20px 'Novecento';text-transform:uppercase;padding:5px 15px;margin:-18px 0 0;top:50%}
*/

.messages {position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex}
.messages .msg {min-width:50%;flex-grow: 1;padding:5px 10px;border-top:1px #c3c3c3 solid;background:#f8f8f8;font:12px/14px 'Source Sans Pro';color:#3c3c3c;position:relative}
.messages .msg .close {font:bold 10px/16px 'Novecento';text-transform:uppercase;padding:2px 10px;color:#FFF;background:#F68c36;display:inline-block;margin-top:3px}


.messages .msg:nth-child(2) {border-left:1px #c3c3c3 solid}



.warning {position:absolute;left:11px;top:124px;z-index:12;display:block;width:34px;height:39px;background:url('../gfx/warning.png')}


.cta {position:fixed;bottom:30px;right:30px;z-index:9}
.cta .button {cursor:pointer;position:relative;display:block;opacity:0.7;transition:0.3s all;height:74px;width:282px}
.cta .button .icon {z-index:3;display:block;background:url('../gfx/b1b.png') no-repeat 0 0;position:absolute;right:0;bottom:0;width:74px;height:74px}
.cta .button .content {display:block;z-index:2;width:0;height:64px;overflow:hidden;top:5px;right:20px;position:absolute;background:url('../gfx/b1a.png') no-repeat 0 0;transition:width 0.5s ease-out 0.2s}
.cta .button .content span, .cta .button .content a {white-space:nowrap;display:block;position:absolute;left:36px;top:25px;font:bold 12px/18px 'Novecento';text-transform:uppercase;color:#FFF;letter-spacing:0.2em}

.cta .button:before {background:url('../gfx/b1e.png') no-repeat 0 0;height:0;width:234px;left:20px;display:block;content:"";position:absolute;bottom:50%;transition:height .5s ease-out 0}
.cta .button:after {background:url('../gfx/b1d.png') no-repeat 0 bottom;height:0;width:234px;left:20px;display:block;content:"";position:absolute;top:50%;transition:height .5s ease-out 0}

.cta .button.focus {opacity:1}
.cta .button.focus .content {width:263px;transition:width 0.5s ease-out 0}
.cta .button.focus:after,.cta .button.focus:before {height:46px;transition:height 0.5s ease-out 0.5s}

.cta.desktoponly {display:none}

.err404 {padding:20px 0 80px;text-align:center}

.err404 .code {font:bold 192px/224px 'Novecento';color:#F68c36}
.err404 .title {font:bold 30px/72px 'Novecento';color:#3c3c3c;text-transform:uppercase}

.err404 .text {text-align:justify;padding:70px 0 20px;font:18px/22px 'Source Sans Pro'}
.err404 a {color:#F68C36;font-weight:bold}
.err404 .orangelist {margin:35px 0 0;font: 32px/40px 'Novecento'}
.err404 .orangelist li:before {background:#3c3c3c;top:18px}

.justify {text-align:justify}

.blog .content ol {list-style-type:decimal}
.blog .content ol li {}
.blog .content ul, .blog .content ol {margin:6px 14px}
.blog .content ul li, .blog .content ol li {padding:0px 0px 3px 5px}

.cleader {display:none}

.headline .seo-cloud-logo {width:280px;margin:-40px auto 0}
.headline .seo-cloud-btn {background:#ED5624;color:#FFF;border-radius:10px;font-size:16px}
.cloud-menu {width:24px}
.seo-cloud .cloud-list {list-style-type:circle;padding:0 0 0 20px}
.seo-cloud .cloud-right {width:200px;margin:0 50px}
.seo-cloud .reviews {margin:30px 0 50px}
.seo-cloud .review {color:#7d7d7d;font-size:12px;margin-bottom:30px}
.seo-cloud .review .content {font-style:italic;padding:0 20px 20px 0}
.seo-cloud .review a {color:#7d7d7d}
.seo-cloud .review a:hover {color:#f68c36}
.seo-cloud .review .author {font-weight:bold}

.pre-compbox {color:#7d7d7d;font:bold 18px/24px 'Source Sans Pro';text-align:center;margin-top:20px}
.compbox .title.title-img {line-height:0;height:129px;position:relative}
.compbox .title.title-img img {width:200px;position:absolute;top:50%;left:50%;margin:-33.5px 0 0 -100px}
.compbox .most-used {background:#FFF;color:#f68c36;font-size:12px;border-radius:5px;font-weight:bold;padding:2px 5px;margin-top:20px;display:block;position:absolute;left:50%;width:210px;text-align:center;margin-left:-105px;bottom:25px}
.compbox .content.n {width:280px;position:relative}

.graph .note {margin:-12px 0 20px}

.seo-local .icons {position:relative;width:52px;height:51px;float:left;margin:5px 10px 0 0}
.seo-local .icons .boxiconc {opacity:1}
.seo-local .txti {line-height:16px;padding-top:0;margin:2px 0 8px;font-style: italic}
.seo-local .brow {margin:20px -10px}
.seo-local .graph img {margin:20px 0}
.seo-local .graph .note {text-align:center}
.btn-cta {transition:all 0.3s ease-in;background:#F68c36;width:calc(100% - 20px);border-radius:8px;font-weight:bold;color:#FFF;display:block;text-align:center;margin:10px;height:50px;position:relative;padding:0 10px;line-height:46px;box-shadow:2px 2px 4px #888}
.btn-cta:hover {background:#f8ac6d}
.btn-cta span {line-height:normal;display:inline-block;vertical-align:middle}

.seo-head-image {margin-top:15px}
.seo-head-image img {width:300px}

.anchor-off {padding-top:64px;margin-top:-64px}
.zebra-table {margin-top:20px}
.zebra-table td {display:block;padding:10px 15px}
.zebra-table tr:first-child {display:none}
.zebra-table tr:nth-child(even) {background:#e8e8e8 !important}
.zebra-table tr {background:#FFF !important}

.zebra-table tr td:first-child {vertical-align:middle}
.zebra-table-menu {display:none}

.popup_overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:2147483646;transition:0.5s all}
  .popup_content {width:350px;height:350px;background:#FFF;position:absolute;left:50%;top:50%;margin:-175px 0 0 -175px}
  .popup_content img {width:100%;height:100%}
  .popup_link {display:block}
  .popup_close {position:absolute;right:-30px;top:-30px;color:#999;font-size:30px;padding:10px}


.form-small .input {font:14px/20px 'Source Sans Pro';padding:5px 15px}
.form-small .row {margin:0 0 5px}
.form-small .areabig {font:14px/20px 'Source Sans Pro';padding:5px 10px;height:120px}
.form-small .submit .btn {padding-top:8px;padding-bottom:7px;width:100%}

a.ctform {color:#7d7d7d;text-decoration:underline}


.blog-floater {display:none}











.sunb {position:relative;font-style:italic;font-size:13px;padding:0 6px 65px;height:42px;display:table-cell;vertical-align:middle}


.sunb:before {content:"";display:block;position:absolute;background:#F07120;background:linear-gradient(to bottom, #F07120, #F18D38);height:3px;right:0;bottom:50px;left:0}
.sunb:after {content:"";display:block;position:absolute;right:0;bottom:0}

.sunb.sunb-curiosity:after,
.sunb.sunb-warning:after, 
.sunb.sunb-example:after,
.sunb.sunb-benefit:after {width:47px;height:42px;background-repeat:no-repeat}


.sunb.sunb-curiosity:after {background-position:0 0}
.sunb.sunb-warning:after {background-position:0 -42px}
.sunb.sunb-example:after {background-position:0 -84px}
.sunb.sunb-benefit:after {background-position:0 -126px}

.sunb.sunb-standard {padding-bottom:25px}
.sunb.sunb-standard:before {bottom:10px}

.mcemargin {border:1px #ddd dotted;margin:0 80px}

.menu-blog-container {margin:20px 0;position:relative}
.menu-blog-header {text-transform:uppercase;font-size:18px;font-weight:bold;color:#000;margin-bottom:-10px;position:relative;z-index:3}
.blog ul.menu-blog, ul.menu-blog {list-style-type:none;background:#F5F5F5;padding:30px 50px 30px 1000px;margin:0 0 0 -1000px;display:inline-block;font-size:12px;line-height:15px}

.blog ul.menu-blog li, ul.menu-blog li {padding-left:0}
a.menu-line {display:inline-block}
a.menu-line .menu-line-number {color:#000;font-weight:bold;display:inline-block;margin-right:2px}
a.menu-line.menu-level-1 {font-weight:bold}
a.menu-line.menu-level-2 {padding-left:1em}
a.menu-line.menu-level-3 {padding-left:2em}
a.menu-line.menu-level-4 {padding-left:3em}

.blog a.navigate  {color:inherit;cursor:pointer} 

#tinymce .bh {padding:0 !important}



.side-image {background:#F5F5F5}

.side-image > div {padding:10px}

.image-offset {width:100%;height:290px;display:flex;align-items:center;justify-content:center;padding:30px}








.bh1 {font:bold 26px/36px 'Source Sans Pro';padding:10px 0 16px}
.bh2 {font:bold 22px/30px 'Source Sans Pro';padding:10px 0 16px}
.bh3 {font:bold 18px/28px 'Source Sans Pro';padding:10px 0 16px}
.bh4 {font:bold 14px/24px 'Source Sans Pro';padding:10px 0 16px}
.bhs {color:rgb(240,113,32)}









.graph-container {margin-bottom:40px;position:relative}
.graph:after, .graph-container:after {clear:both;content:"";display:table}

.graph {position:relative;width:100%;border:5px #eee solid;border-radius:6px;padding:5px 0 20px}

.graph-container .box-full {width:100%}
.graph-container .box-left {width:49%;margin-left:7%;float:left}
.graph-container .box-right {width:44%;float:right}

.graph-container .box {transition:0.3s all;position:relative;cursor:pointer}

.graph-container .box.hover, .graph-container .box:hover {box-shadow:0 0 10px #F68C36;z-index:5}
.graph-container img {display:block;width:100%}




.graph-menu-container {position:relative}
.graph-menu-sticky {margin-bottom:20px}
.graph-menu-sticky.sticky {}
ul.graph-menu {padding:5px 0;margin:0}
.graph-menu a {color:#666}

.graph-menu > li {padding:0}
.graph-menu .graph-menu-block {padding-top:0;padding-bottom:0;max-height:0;overflow:hidden;transition:0.3s all}
.graph-menu-block > li {border-bottom:1px dotted #ddd;position:relative}
.graph-menu-block > li:before {content:"";display:block;position:absolute;border:1px #888 solid;width:14px;height:14px;border-radius:50%;left:5px;top:6px}
.graph-menu-block > li.checked:after {content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background:#F68C36;left:8px;top:9px}
.graph-menu-block > li > a {display:block;padding:3px 10px 3px 30px;position:relative;z-index:2}

.graph-menu-block > li > a.hover, .graph-menu-block > li.checked > a:hover {background:#F68C36;color:#FFF}

.graph-menu-block > li.checked > a {font-weight:bold}
.graph-menu .menu-head {color:#666;text-transform:uppercase;background:#eee;padding:5px;border-bottom:1px #888 solid;position:relative;cursor:pointer}
.graph-menu .menu-head.checked {font-weight:bold}
.graph-menu .menu-head.hover {color:#FFF;background:#F68C36}
.graph-menu .menu-head.expand:after {content:"+";display:block;position:absolute;right:10px;top:5px}
.graph-menu .menu-head.expand.expanded:after {content:"-";right:11px}

.graph-menu .graph-link {cursor:pointer}

.graph-overlay {position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:none;opacity:0;background:rgba(255,255,255,0.7)/*;transition:0.2s all*/}

.comparison-table {display:block;color:#3C3C3D}

.comparison-table > div {width:100%;background:#F5F5F5}
.comparison-table .th {text-align:center;font-size:2em;line-height:1.1em;text-transform:uppercase;font-weight:bold;color:#FFF;flex-grow:1;margin-top:20px}
.comparison-table .th.th-color {background:#F07120}
.comparison-table .th.th-black {background:#3C3C3D}
.comparison-table .td.td-full {text-align:center;font-weight:bold;font-size:1.2em;padding-top:20px;font-style:normal}
.comparison-table .td {padding:10px;font-style:italic;text-align:justify;hyphens: auto}
.comparison-table strong {font-weight:bold}
.comparison-table .td.td-wide {padding:10px 40px 10px}

.blog-blue .comparison-table .th.th-color {background:#3E66E6}
.blog-blue .sunb.sunb-curiosity:after,
.blog-blue .sunb.sunb-warning:after, 
.blog-blue .sunb.sunb-example:after,
.blog-blue .sunb.sunb-benefit:after {background-image:url('../gfx/blog/sprite-blog-blue.png')}
.blog-blue .sunb:before {background:#3C5AE0;background:linear-gradient(to bottom, #3C5AE0, #4285F4)}
.blog-blue .bhs {color:#3C5AE0}


.mce-content-body .comparison-table .th.th-color {background:#3E66E6}
.mce-content-body .sunb.sunb-curiosity:after,
.mce-content-body .sunb.sunb-warning:after, 
.mce-content-body .sunb.sunb-example:after,
.mce-content-body .sunb.sunb-benefit:after {background-image:url('../gfx/blog/sprite-blog-blue.png')}
.mce-content-body .sunb:before {background:#3C5AE0;background:linear-gradient(to bottom, #3C5AE0, #4285F4)}
.mce-content-body .bhs {color:#3C5AE0}


.blog-dark-green .comparison-table .th.th-color {background:#00A782}
.blog-dark-green .sunb.sunb-curiosity:after,
.blog-dark-green .sunb.sunb-warning:after, 
.blog-dark-green .sunb.sunb-example:after,
.blog-dark-green .sunb.sunb-benefit:after {background-image:url('../gfx/blog/sprite-blog-dark-green.png')}
.blog-dark-green .sunb:before {background:#00A782;background:linear-gradient(to bottom, #00A782, #00A981)}
.blog-dark-green .bhs {color:#00A782}


.blog-green .comparison-table .th.th-color {background:#38D3A0}
.blog-green .sunb.sunb-curiosity:after,
.blog-green .sunb.sunb-warning:after, 
.blog-green .sunb.sunb-example:after,
.blog-green .sunb.sunb-benefit:after {background-image:url('../gfx/blog/sprite-blog-green.png')}
.blog-green .sunb:before {background:#38D3A0;background:linear-gradient(to bottom, #38D3A0, #38D39F)}
.blog-green .bhs {color:#38D3A0}


.blog-red .comparison-table .th.th-color {background:#D2041A}
.blog-red .sunb.sunb-curiosity:after,
.blog-red .sunb.sunb-warning:after, 
.blog-red .sunb.sunb-example:after,
.blog-red .sunb.sunb-benefit:after {background-image:url('../gfx/blog/sprite-blog-red.png')}
.blog-red .sunb:before {background:#D2041A;background:linear-gradient(to bottom, #D2041A, #FE391A)}
.blog-red .bhs {color:#D2041A}


.blog-yellow .comparison-table .th.th-color {background:#FFC505}
.blog-yellow .sunb.sunb-curiosity:after,
.blog-yellow .sunb.sunb-warning:after, 
.blog-yellow .sunb.sunb-example:after,
.blog-yellow .sunb.sunb-benefit:after {background-image:url('../gfx/blog/sprite-blog-yellow.png')}
.blog-yellow .sunb:before {background:#FFC505;background:linear-gradient(to bottom, #FFC505, #FFE205)}
.blog-yellow .bhs {color:#FFC505}


.yellow-table {display:flex;margin:0 -1.5px;flex-wrap:wrap}
.yellow-table .table-row {display:flex;flex-wrap:nowrap;width:100%}
.yellow-table .table-headers.header-full {display:none}
.yellow-table .table-cell.table-header {flex:1 31%;min-height:70px;margin:0 0 -1.5px;display:flex;align-items: center;justify-content: center;font-weight:bold}
.yellow-table .table-cell.table-header:nth-child(1) {background-color:#FFC105;color:#FFF}
.yellow-table .table-cell.table-header:nth-child(2) {background-color:#FFE205;color:#FFF}
.yellow-table .table-cell.table-header:nth-child(3) {background-color:#252525;color:#FFF}

.yellow-table .table-cell {flex:1 31%;padding:5px;background:#F5F5F5;margin:1.5px;line-height:23px}
.yellow-table .table-cell.align-right {text-align:right}

.yellow-table .table-cell:nth-child(3n+1) {margin-left:0;flex: 1 1 25%}
.yellow-table .table-cell:nth-child(3n+2) {flex: 0 0 40%}
.yellow-table .table-cell:nth-child(3n) {margin-right:0;flex: 1 1 25%}


.yellow-table2 {display:flex}


.yellow-table2 .table-col {flex: 1 31%}
.yellow-table2 .table-header {display:flex;align-items: center;justify-content: center;font-weight:bold;font-size:1.4em;height:70px;margin-bottom:-3px}
.yellow-table2 .table-col:nth-child(1) .table-header {background-color:#FFC105;color:#FFF}
.yellow-table2 .table-col:nth-child(2) .table-header {background-color:#FFE205;color:#FFF}
.yellow-table2 .table-col:nth-child(3) .table-header {background-color:#252525;color:#FFF}

.yellow-table2 .table-cell {padding:5px 30px;margin:3px 1.5px;line-height:23px;background-color:#F5F5F5}
.yellow-table2 .table-col:first-child .table-cell {margin-left:0}
.yellow-table2 .table-col:last-child .table-cell {margin-right:0}


.blog .content .fancy-list {padding:20px 110px 20px 130px;margin:10px -110px;background:url('../gfx/blog/background.png') no-repeat center center}
.blog .content .fancy-list li {position:relative;margin:8px 0;background:#FFF;padding:10px 20px 10px 40px;border-radius:35px;box-shadow:inset 0 0 8px #BBB;color:#3E4454;font-weight:bold;font-size:1em}
.fancy-list li:before {position:absolute;left:-20px;top:50%;margin-top:-20px;content:"";display:block;background:#FFF;border-radius:20px;width:40px;height:40px;box-shadow:0 0 8px #BBB}
.fancy-list li:after {position:absolute;left:-12px;top:50%;margin-top:-12px;content:"";display:block;background:#FFF7CD;border-radius:20px;width:24px;height:24px;box-shadow:inset 0 0 4px #BBB}
.fancy-list div {}

.fancy-list li:nth-child(1):after {background:#FFDB05}
.fancy-list li:nth-child(2):after {background:#FFD705}
.fancy-list li:nth-child(3):after {background:#FFE550}
.fancy-list li:nth-child(4):after {background:#FFE969}
.fancy-list li:nth-child(5):after {background:#FFEE8F}
.fancy-list li:nth-child(6):after {background:#FFF2A8}

.sns-boxes {}
.sns-box {position:relative;padding:40px 20px 50px;background:#FFF;box-shadow:inset 0 0 8px #BBB;margin-top:39px;border-radius:20px}
.sns-box:before{position:absolute;left:50%;top:-29px;width:58px;margin-left:-29px;height:58px;display:block;content:"";background-image:url('../gfx/blog/icons-sns-robots.png')}
.sns-box-header {color:#3E4454;font-size:1.3em;font-weight:bold}

.sns-box.sns-box-robots:before {background-position:0 0}
.sns-box.sns-box-noindex:before {background-position:-58px 0}
.sns-box.sns-box-gsc:before {background-position:-116px 0}

.sns-box-header span {color:#FFCB05}
.sns-box-text {color:#3E4454;margin-top:20px}

.sns-box:after {position:absolute;bottom:30px;height:3px;background:url('../gfx/blog/yellow-line.png') repeat-x;left:20px;right:20px;display:block;content:""}

/*
.fancy-list 
.fancy-list li {border:1px #ddd solid}
.fancy-list li > div {display:table-cell;line-height:28px;height:84px;vertical-align:middle;padding:0 10px}
*/
#cta {background: #f68c36;padding: 10px 20px 30px;margin: 30px 0;}
#cta h2 {letter-spacing: 0.1em;text-align: center;display: block;font: bold 14px/20px 'Novecento';text-transform: uppercase;padding: 20px 0 20px 0.1em;margin: 0 auto;color:#fff;}
#cta .btn {color: #fff;letter-spacing: 0.1em;padding: 11px;background: #660099;font-size: 12px;margin: 0 auto;text-align: center;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#cta .btn:hover {background: #fff;color: #f68c36;}
                                                     
#cta-loc {background: #f68c36;padding: 10px 20px 30px;min-height: 60px;margin-top: 10px;margin-bottom: 10px;}
#cta-loc h2 {letter-spacing: 0.1em;text-align: center;display: block;font: bold 14px/20px 'Novecento';text-transform: uppercase;padding: 0px 0px 0px 0px;margin:10px 0px;color:#fff;}
#cta-loc .btn {color: #fff;letter-spacing: 0.1em;padding: 11px;background: #660099;font-size: 12px;margin: 0 auto;text-align: center;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;text-align:center;}
#cta-loc .btn:hover {background: #fff;color: #f68c36;}

/*nowy-cennik*/
.thumbnailcennik{ position: relative; z-index: 0; }
.thumbnailcennik img{ border-radius:10px;box-shadow: inset 0 0 25px 25px #fff;border: 1px solid gray;}
.thumbnailcennik:hover{ background-color: transparent;z-index: 50;}
.thumbnailcennik span{position: absolute;background-color: lightyellow;padding: 5px;left: -1000px;border: 1px dashed gray;visibility: hidden;color: black;text-decoration: none;}
.thumbnailcennik span img{ border-width: 0;padding: 2px;max-width:450px;}
.thumbnailcennik:hover span{ visibility: visible;top: -200px;left: 0px; }
.content-box-nn {color: #7d7d7d;padding: 27px 25px;font: 12px/20px 'Source Sans Pro';}
.casebox {font-size: 20px!important;color: #ffffff;font-weight: bold;}
.casebox::after { margin: 10px 0px 15px 0px;height: 1px;content: "";display: block;background: #ffffff;}
.img-cennik {float:right;margin-left:10px;width:400px;}
.remember {border: 2px solid #f68c36;padding: 10px!important;margin:15px 0;border-radius:5px; color:black;}
.history .timeline2 {position:absolute;display:block; border-left:1px #3c3c3c dotted;top:41px;left:50%;bottom:0}
.history .timeline2:after {position:absolute;bottom:0; background:url('../gfx/tip2.png') no-repeat 0 0;width:13px;height:4px;margin-left:-7px;left:50%;display:block;content:""}
.padding-0-0-5 {padding: 0 0 5px;}
.step-number {font: 700 40px/40px 'Novecento'!important;}
.step-step {color:black!important; font-size: 20px!important;}
.step-month {font: bold 15px 'Novecento'!important;}
.step-one {padding:35px 16px 0px!important;}
.step-one2 {width:50%!important; padding-right:20px}
.step-two {padding: 227px 16px 0px!important;}
.step-two2 {width:50%!important; padding-left:20px!important;text-align:left!important;}
.step-three {padding: -0px 16px 30px!important;}
.step-three2 {width:50%!important; padding-right:20px!important;margin-top:-100px}
.step-four {padding: 107px 16px 5px!important;}
@media (max-width: 640px) {
.step-one2 {width:100%!important; padding-right:0px!important;}
.step-two2 {width:100%!important; padding-left:0px!important;}
.step-three2 {width:100%!important; padding-right:0px!important;margin-top:0px}
.step-two {padding: 27px 16px 0px!important;}
.step-four {padding: 27px 16px 5px!important;}
}
.last-step {text-align-last: left!important;} 
.mu-static {position: static!important; margin-left: 0px!important;}
.table-h {height: 334px!important;}
@media (max-width: 1280px) {
.history .timeline2 {display:none!important;}
}
/*nowy-lokalne*/
.korzysci {font: 700 18px/18px 'Novecento'; text-transform: uppercase; color: #f68c36; letter-spacing: 0.1em;}
.korzysci span {color: #7d7d7d;font-size: 14px;}
.pb10-txt {padding-bottom:10px!important}
.pb10-txt span {font-style:italic;font-weight:bold;}
.mblack {color:#000000!important;}
.mgrey {color:#7d7d7d!important;}
.morange {color:#f68c36!important;};
.smaller {font: bold 14px 'Novecento'!important;}
.three-pack {border-radius:10px;background-color:#f68c36;display:table;  width: 100%;}
.tp-left {display: table-cell;   width: 50%;}
.tp-left img {max-width:100%;padding:20px 10px 20px 20px;}
.tp-right {display: table-cell;   width: 50%;}
.tp-right img {max-width:100%;padding:20px 20px 20px 10px;}
.cta-mod {background:#FFF0E0!important;border:15px solid #f68c36;border-radius:5px;}
.seoloc {padding: 2px 45px 2px 45px; display: table-cell;height: 128px;margin-left: 135px;padding: 0 20px 0 35px;vertical-align: middle;color:#7d7d7d;}
.img-gmf {padding:10px 0px 50px 15px;width:320px;float:right;}