div.mainbox h2 {margin-top:0;font-size:16px;font-weight:bold}
div.mainbox figure~* {margin-left:405px}
div.mainbox p:before, div.mainbox p:after {content:'';display:block;clear:both}
div.mainbox p.mn-1 {background:url('https://cdn.webreklama.pl/img/mn-1.jpg') no-repeat;padding-left:85px;min-height:60px}
div.mainbox p.mn-2 {background:url('https://cdn.webreklama.pl/img/mn-2.jpg') no-repeat;padding-left:85px;min-height:60px}
div.mainbox p.mn-3 {background:url('https://cdn.webreklama.pl/img/mn-3.jpg') no-repeat;padding-left:85px;min-height:60px}
div.mainbox p.mn-4 {background:url('https://cdn.webreklama.pl/img/mn-4.jpg') no-repeat;padding-left:85px;min-height:60px}
div.mainbox div.text {margin-bottom:0;position:relative;min-height:278px}
div.mainbox figure {margin-bottom:0;position:absolute;bottom:0}
div.mainbox figure img {vertical-align:top}

span.button {float:right;width:200px;display:table;margin:0 50px 0 40px}
span.button a {vertical-align:middle;display:table-cell;text-decoration:none;transition:background-color .2s, border-color .2s;color:#737373;height:62px;font:normal 11px Verdana,​Arial,​Helvetica,​sans-serif;border:1px solid #ababab;padding:0 10px;background-color:#fff;cursor:pointer;text-transform:uppercase;text-align:center;outline-style:none}
span.button a:hover {color:#fff;background-color:#307eb6;border-color:#307eb6}

div.mainPortfolio {background:url('../img/portfolio-main.gif') repeat-x;margin-bottom:50px}
div.mainBlockInfo+div.mainPortfolio {margin-top:-50px}
div.mainPortfolio>div {max-width:1700px;margin:0 auto;background:url('../img/mPortf.jpg') no-repeat 50% 0;padding:20px 0}
div.mainPortfolio div.inner {width:1200px;margin:0 auto;height:404px;overflow:hidden}
div.mainPortfolio div.present {float:left;width:636px;padding-left:5px;position:relative}
div.mainPortfolio div.present p {z-index:3;position:absolute;bottom:0;text-align:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 70px 0 20px;width:100%}
div.mainPortfolio div.present p a.e {transition:color 0.32s, background-color 0.32s;display:inline-block;padding:10px;color:#fff;text-decoration:none;font-weight:bold;border:1px solid #fff;text-transform:uppercase}
div.mainPortfolio div.present p a.e:hover {color:#018ad2;background-color:#fff}
div.mainPortfolio div.present p a.p, div.mainPortfolio div.present p a.n {float:left;width:36px;height:35px;background:url('../img/mPortfNP-Hor.png') no-repeat;display:none}
div.mainPortfolio div.present p a.p:hover {background-position:0 -35px}
div.mainPortfolio div.present p a.n {background-position:-36px 0;margin-left:4px}
div.mainPortfolio div.present p a.n:hover {background-position:-36px -35px}
div.mainPortfolio div.present div.img {overflow:hidden;width:600px;height:400px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAOCAYAAABNaxCaAAABwklEQVR42uxYi22EMAxNqy5AR6AjcCOkI+RG4EYII8AI3AgwAjcCHeFuhGME6kiOZFmmBJVv1Sc9ISU+xzjOMznV973uZdyBEVDNSEv8tzP4S4i/ZOZYF+Or+sfqeHGZR0TAJ/ALeFpwzbXW2S2GKr0Eut0wwpwFNjjv2QzYxsCK2LXAlNnweYec+ae+UzZHaQfibdkadsukvwljCbIDPoR5g/MUGnnCCvZ+Gqxs7nstVEIx+BhcQVw2yTppSA1pStXE5tDi71Iydhd8GWLbCg2RN9cKx83I+jnaWTKW4ljDmix9V7NVI/XHT+M+uEo9C8fZkEqp2LFOiF4rUkncVw3MVqonTZ5cXjSzWV3TI5SSoWTE5OlfwAT674Sxx456WrRV0l2y34HXAHvfBAv35YOkOq7Iaelwk3K2gWVgEvIJmyvBx3QDfpB4Kc9bafrQ5YjDEu38CS3T1DFovIQ9R+zSiZquWJ+SUAq+fD5cPHHgZS/koudjKadejjJBhgqsJo4rVtKNVV82IEMXIj0d+q1/WVOfuN5DkLgi8HQvejk6KiL8NE1wk+u9B3zEpBv8epI0/BA33L/y30uNUnIIfAswAIY7/ED7UQnMAAAAAElFTkSuQmCC') no-repeat -200px -200px}
div.mainPortfolio div.present img {z-index:1;position:relative;vertical-align:top;max-width:100%;height:auto}
div.mainPortfolio div.np {z-index:2;width:36px;height:404px;background:url('../img/mPortfNP.png') repeat-y -144px 0;position:absolute;right:15px}
div.mainPortfolio div.np a {outline-style:none;width:36px;height:35px;background:url('../img/mPortfNP.png') no-repeat -36px 0;position:absolute;top:140px}
div.mainPortfolio div.np a:hover {background-position:0 0}
div.mainPortfolio div.np a.n {background-position:-108px 0;top:215px}
div.mainPortfolio div.np a.n:hover {background-position:-72px 0}
div.mainPortfolio div.items {margin-left:645px;color:#fff;height:402px;overflow:hidden}
div.mainPortfolio div.item {padding:20px 0 0 105px;height:113px;background:url('../img/mPortfIcon.png') no-repeat 0 20px;opacity:0.7;border-bottom:1px solid #3ab2e5}
div.mainPortfolio div.item.p2 {background-position:0 -180px}
div.mainPortfolio div.item.p3 {background-position:0 -380px}
div.mainPortfolio div.item.sel {opacity:1}
div.mainPortfolio h2 {font-size:19px;font-weight:normal;margin-bottom:10px}
div.mainPortfolio div.item div {font-size:11px}

div.mainBlockInfo{background-color:#f9f9f9;padding:20px 0;border-top:1px solid #e4e4e4;margin-bottom:50px}
div.mainBlockInfo>div {max-width:1238px;margin:0 auto;text-align:center}
div.mainBlockInfo>div:after {content:'';display:block;clear:both}
div.mainBlockInfo div.items {text-align:left;box-shadow:0 0 4px #c9c9c9;position:relative;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:50% 0;border:2px solid #fff;border-radius:1px;width:402px;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
div.mainBlockInfo div.items>div {overflow:hidden;background:url('../img/latest-news.png') no-repeat;height:181px;padding:0 20px;margin-top:95px}
div.mainBlockInfo div.items h2 {white-space:nowrap;overflow:hidden;color:#ffe595;font-size:19px;padding-top:25px;font-weight:normal;margin-left:90px;padding-bottom:13px;border-bottom:1px solid #b77300}
div.mainBlockInfo h2 a {color:#ffe595;text-decoration:none;font-weight:bold}
div.mainBlockInfo h2 a:hover {color:#fff}
div.mainBlockInfo div.items h3 {font-size:12px;color:#fff;margin-left:90px;padding:10px 0;border-top:1px solid #ecaa08}
div.mainBlockInfo h3 a {color:#fff;text-decoration:none}
div.mainBlockInfo a.more {position:absolute;width:100%;height:51px;background:url('../img/latest-news-more.png') no-repeat 100% 0;bottom:0;right:0}
div.mainBlockInfo a.more:hover {background-position:100% -51px}
div.mainBlockInfo div.desc {font-size:11px;color:#fff}

div.mainBlockInfo div.items a.moretop {display:block;height:95px;overflow:hidden}
div.mainBlockInfo div.items a.moretop img {vertical-align:top;width:100%;height:auto}
div.mainBlockInfo div.items a.moretop+div {margin-top:0}

/*div.mainBlockInfo div.items.nws:hover>div {margin-top:180px;height:96px}*/

div.mainBlockInfo div.domain {padding-top:0}
div.mainBlockInfo div.domain form {background:url('../img/search-domain.jpg') no-repeat;height:156px;padding:120px 20px 0}
div.mainBlockInfo div.domain h2 {padding-top:0;color:#bce8ff;border-bottom-color:#055f9a;margin-left:90px;white-space:nowrap;overflow:hidden}
div.domain h2  a {color:#bce8ff}
div.domain div.desc {color:#fff;font-size:11px;padding:10px 0;margin-left:90px} 
div.domain div.desc:first-line {font-weight:bold;font-size:14px}
div.domain input[type="submit"] {vertical-align:middle;overflow:hidden;text-indent:-999px;cursor:pointer;width:52px;height:40px;border:1px solid #4eb6ff;background:#009bec url('data:image/gif;base64,R0lGODlhGwAZAOYAAASd7AGb7BOj7rrn/w2g7bnm/wee7bzo/wad7bPk/lO99JHW+yyt8Ayg7S2t8bjm/rvn/1rA9bDj/qzh/Rqm75/c/Lzn/6Dc/Cqs8HnM+BGi7oXR+S+u8XbL+KTe/K/i/iSp8AWd7a7i/jOw8bLj/mrG927I92LD9gmf7R2n70679Fm/9ZXY+63i/XvN+Diy8iut8Krg/US385LW+23H9x+o71K99COp8Eq5813B9TWw8RSj7gOc7BWj7iWq8DCv8TKw8aHd/IrT+g+h7XHJ94fS+pPX+5za/IjT+n3O+Q6h7VS99Em584vT+mTE9rfm/hek7ky69CGp7zqz8ojS+pra+6ff/Y7V+qXe/YLQ+Vi/9Rum76ng/QKc7Jva/GfF9kO28zyz8nrN+Cer8HLK92nG9xak7lG89DGv8Z7b/LTk/n/P+Va+9R6n73TK+E269D+18kC18pTX+ySq8GPD9r3o/wCb7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAbABkAAAf/gHaCg3ZmKkkudBEpBISOj4IoZB8WdZaWRwoNkJBhA5YDEyQeLZdeNZyECpZqJiCCAARTC5YQPql2cJYXGJAGX5YTApwEEnXCuDIHdVQBkDaWaLiCSJZSjwEidTPTgluWJ48CBXVR3YLGV48/lil2CN1rdRdDjm/LFAAKIdMndRKNCMWp8wBIgAQOpomx5IyQBkta7EAoEhBSACt15DQklKCOBzsZ6mRAwQkKuTKQSlh6ISDGgTRMQjQAQKiJpR0bB/WwJMLAGFp1BjiBJ0iFpQ0IIkBaYekDAzsGHLTpMiiCpQI8llgoYcARADeWHnTQYQcATQ4VLD1xIACCpSzDThyd+VSHHIu0l7BgQEDiUh0jFB6BEELX7wMaShj4vRREA6QbYDpsMJFjBE07I7gstoTjnKM5VTaz8eyIAlBQm0gTAkBkWQIOqiHBeCooEAA7') no-repeat 50% 50%}
div.domain input[type="search"],div.domain input[type="text"] {vertical-align:middle;width:295px;width:calc(100% - 52px);color:#fff;height:40px;padding:5px;border-width:1px 0 1px 1px;border-style:solid;border-color:#1e7fbf;background-color:#055e9a;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

div.mainBlockInfo div.help {background-image:url('../img/help.jpg')}
div.mainBlockInfo div.help>div {background-image:url('../img/help-widget.png')}
div.mainBlockInfo div.help a.more {background-image:url('../img/help-widget-more.png')}
div.mainBlockInfo div.help h2 {color:#a7ffd9;border-bottom-color:#0c955b}
div.mainBlockInfo div.help h2 a {color:#a7ffd9}
div.mainBlockInfo div.help h2 a:hover {color:#fff}
div.mainBlockInfo div.help h3 {border-top-color:#24c280}

div.mainBlockInfo div.items+div.items {margin-left:10px}

div.otherLinks {margin-bottom:20px !important;overflow:hidden}
div.otherLinks>div {float:left;width:75%}
div.otherLinks>div+div {width:25%}
div.otherLinks ul {table-layout:fixed;text-align:center;list-style:none;background-color:#f9f9f9;display:table;width:100%;padding:20px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-width:1px 0 1px 1px;border-style:solid;border-color:#e4e4e4}
div.otherLinks>div+div ul {border-width:1px 1px 1px 0}
div.otherLinks li {display:table-cell;vertical-align:top;padding:0 5px}
div.otherLinks a {transition:color .2s;display:table;width:100%;color:#737373;text-decoration:none}
div.otherLinks span {transition:background-color .2s,border-color .2s;font-size:11px;display:table-cell;background-color:#fff;vertical-align:top;height:62px;border:1px solid #ababab;text-transform:uppercase;vertical-align:middle;text-align:center}
div.otherLinks a:hover {color:#fff}
div.otherLinks a:hover span {background-color:#307eb6;border-color:#307eb6}
div.otherLinks div.tlt {font-size:16px;color:#757575;text-align:center;padding:4px 0}

div.logsArea {background:#fafafa;border-top:1px solid #e4e4e4;padding:0 0 30px;margin-bottom:-20px}
div.logsArea div.tlt {padding:10px 0;text-align:center;font-size:20px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
div.logsArea img {vertical-align:top;max-width:100%;height:auto;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);-webkit-transition:all .6s ease;-webkit-backface-visibility:hidden}
div.logsArea img:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%)}
div.logsArea span.img {vertical-align:middle;display:inline-block;position:relative;width:220px;height:115px}
div.logsArea span.img+span.img {margin-left:22px}
div.logsArea span.img span {transition:all .4s;display:inline-block;width:218px;min-height:113px;border:1px solid #cbcbcb;border-radius:3px;overflow:hidden;position:absolute;top:0;left:0}
div.logsArea span.img:hover span {width:257px;left:-20px;top:-10px}

div.logsArea a {outline-style:none;width:20px;height:135px;background:url('data:image/gif;base64,R0lGODlhKAAdANUAAPj4+P7+/vz8/MnJydra2uzs7PHx8ff398vLy/Pz89bW1vT09MjIyM7OzvDw8MrKys/Pz+bm5uLi4v///97e3tXV1erq6tfX1+Hh4eTk5Ofn5+3t7ejo6M3NzdjY2Pb29tvb2/Ly8uPj48zMzO7u7vX19dLS0tTU1NHR0dnZ2dDQ0P39/fv7+9PT0/r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAoAB0AAAb/QJdwSBSyVpPJquhCKlnMqFQoYGlMrQgL6tpGWiYNSzAtC1cHAuPxGFC4LMqAzSAcluboCqCGtFoNDRwrKxyBfxB1AHh5Q3sEAygnfycNGAEBGA2TLScoAwSLjWdpkZxgJhGEESZYlJ92jGVoKaZ/fyoECQICCQQqt52fKXdmtLa3KgoFZC4CBQrAt54DxLJFe7WSwSjLW0Ys0CjB1CmiTI8MJqctKBUF30NbBRXj0yaK14/If+7wXETm1SMH65yzA9rYdfsnZZ4Ce6+qHSDDAgAGdQq9AYziEGInfBgAjCHRYdstExcYmpl3wdWrDiR4bUDAzoQCC9eMWVDgshOC0A28HKDo2UKFhwQBRgVI4EHaSRQOqnyg4CdYixEmFiQ1E2CBiRFWW0Cg8AEKixApnN5CYAJpmaUmEIRVkSIEQBYG0oaVq1VK1xZyrdI1sLFLXrV/+G4l8jdwsMGFjTjQa1Ux4wWA56ZwEFne4b0tEuBZkSCz4BSEV362+uACAF4ALjzQnDoPXsonG2TAlKEBUcijDONGJAKTiKrJUHcuc9vpOpwrLJxwCTy4vMnSVIAosaUEiOyblzdikUDCJAkJ4JTvhF58cAAHDgBgAl9+oyAAOw==') no-repeat 0 50%}
div.logsArea a.p {float:left;margin-right:5px}
div.logsArea a.n {background-position:100% 50%;float:right;margin-left:5px}
div.logsArea div.logs {overflow:hidden;margin:0 auto;position:relative}
div.outline {position:relative}
div.outline>span {position:absolute;width:32px;height:135px;left:25px;top:0;background:url('../img/rollLogsGrd.png')}
div.outline>span+span {left:auto;right:25px;background-position:100% 0}
div.logsArea div.outline {margin:0 auto}
div.logsArea div.roll {height:115px;white-space:nowrap;float:left;padding:10px 0}

article.reportaz {margin-bottom:40px;background:url('data:image/gif;base64,R0lGODlhAQABAIAAAObm5gAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==') repeat-y 50% 0}
article.reportaz:after {clear:both;display:block}
article.reportaz h2 {margin-top:0}
article.reportaz div.left {float:left;width:48%}
article.reportaz div.left+div {margin-left:52%}
article.reportaz img {width:210px;max-width:100%;height:auto;float:right;margin-left:10px}

div.addInfo {background:url('../img/addInfoBkg.jpg') no-repeat 50% 0}
div.addInfo article {margin:0 auto;max-width:1200px;min-height:344px;padding-top:50px}
div.addInfo h2 {color:#6d6d6d;font-size:24px;font-weight:normal;margin-bottom:65px}
div.addInfo p {line-height:2em}
div.addInfo figure~*, div.addInfo h2 {margin-left:300px}
div.addInfo figure {margin-top:-65px}

@media screen and (max-width:1238px){
    div.mainBlockInfo div.items {width:calc(33% - 4px)}
}

@media screen and (max-width:1200px){
    div.mainBlockInfo {margin-right:-10px;margin-left:-10px;padding-left:10px;padding-right:10px}
    div.mainPortfolio div.inner {width:auto}
    div.mainPortfolio {margin-left:-10px;margin-right:-10px}
    span.button {margin-right:0}
}
@media screen and (max-width:1100px){
    div.mainPortfolio div.item {background-size:50px auto;background-position:0 34px;padding-left:70px}
    div.mainPortfolio div.items {margin-left:600px}
    div.mainPortfolio h2 {font-size:15px}
    div.mainPortfolio div.present div.img {width:500px;height:auto;margin:0 auto}
    div.mainPortfolio div.present {width:580px}
}

@media screen and (max-width:980px){
    article.reportaz {background:none}
    article.reportaz div.left {float:none;width:auto;background:url('../img/dashed.gif') repeat-x 0 100%;padding-bottom:10px}
    article.reportaz div.left+div {margin-left:0}
}

@media screen and (max-width:960px){
    div.mainbox figure {display:none}
    div.mainbox figure~* {margin-left:0}
    div.mainBlockInfo div.items {width:402px;margin-bottom:10px}
    div.mainBlockInfo div.items+div.items {margin-left:auto}
    div.mainBlockInfo div.items:first-child {margin-right:10px}
    div.mainPortfolio div.items {display:none}
    div.mainPortfolio div.present {width:auto;float:none}
    div.mainPortfolio div.present div.img {margin:0 auto 20px;width:auto;max-width:600px}  
    div.mainPortfolio div.np {display:none}
    div.mainPortfolio div.present p {margin:0 auto;padding:0 10px}
    div.mainPortfolio div.present p a.p, div.mainPortfolio div.present p a.n {display:block}
    div.mainPortfolio div.inner {height:auto}
    span.button {margin:0;float:none;width:150px}
}

@media screen and (max-width:833px){
    div.mainBlockInfo div.items {width:calc(50% - 5px)}
    div.addInfo img {width:150px;height:auto}  
    div.addInfo h2 {font-size:20px;margin-bottom:20px}
    div.addInfo figure~*, div.addInfo h2 {margin-left:180px}
    div.addInfo figure {margin-top:-15px;width:150px}
}

@media screen and (max-width:800px){
    div.otherLinks>div,div.otherLinks>div+div {width:auto;float:none} 
}

@media screen and (max-width:690px){
    div.logsArea {margin-left:-10px;margin-right:-10px}
    div.otherLinks div.tlt {height:81px;line-height:81px;background:#306faa;text-align:center;font-size:18px;color:#aeddff;text-transform:uppercase;white-space:nowrap}
    div.otherLinks ul {display:block;background:#f9f9f9 url("data:image/gif;base64,R0lGODlhAQACAIAAAOTk5P///yH5BAAAAAAALAAAAAABAAIAAAICDAoAOw==") repeat-x 0 100%;padding:0;border:none}
    div.otherLinks li {display:block;border-bottom:1px solid #ebebeb;padding:0}
    div.otherLinks a {text-align:left;height:auto;line-height:normal;font-size:13px;padding:10px 10px 10px 25px;text-decoration:none;color:#737373;border:none;border-top:1px solid #fff;background:none;margin:auto}
    div.otherLinks a:hover, div.otherLinks li.s a {background-color:#f8aa30;color:#fff}
    div.otherLinks span, div.otherLinks a:hover span {display:inline;border:none;background:none}
    div.mainBlockInfo div.domain {display:none !important}
}

@media screen and (max-width:630px){
    div.mainBlockInfo div.items {width:auto;max-width:402px;margin:0 auto 10px;display:block}
    div.mainBlockInfo div.items:first-child {margin-right:auto}
}

@media screen and (max-width:600px){
  div.addInfo article {min-height:0;padding-top:0}
  div.addInfo figure~*, div.addInfo h2 {margin-left:0}
  div.addInfo figure {margin-top:0;float:none;text-align:center}
  div.addInfo h2 {font-size:1.2em}
}