/* Theme Name: irebu.com Author: iREBU Interactive Agency Author URI: https://irebu.com Version: 1.0.187 */ /* 100 - Thin 200 - Extra Light (Ultra Light) 300 - Light 400 - Normal 500 - Medium 600 - Semi Bold (Demi Bold) 700 - Bold 800 - Extra Bold (Ultra Bold) 900 - Black (Heavy) */ HEADER,FOOTER,p,time{display:block} HEADER,FOOTER,hgroup{clear:both} form,input{margin:0} ul{padding:0;list-style-type:none} li{vertical-align:top} label{display:inline-block} input{padding:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0} th,td,form,label{vertical-align:top} article{position:relative} a{color:#000;vertical-align:top} a:link{text-decoration:none} figure{position:relative;display:inline-block;max-width:100%;margin:0} a > figure{display:block} img{display:inline-block;max-width:100%;height:auto;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} a img{display:block;cursor:pointer} video{display:inline-block;max-width:100%;height:auto;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} input,textarea,select{outline:none} input[type=submit]{line-height:normal !important} iframe{display:block;max-width:100%;border:none} abbr{cursor:pointer;position:relative} abbr .abbr-box{display:none} @-moz-keyframes delay { from {opacity:0} to {opacity:0} }@-webkit-keyframes delay { from {opacity:0} to {opacity:0} }@-o-keyframes delay { from {opacity:0} to {opacity:0} }@keyframes delay { from {opacity:0} to {opacity:0} } @-moz-keyframes fadein { from {opacity:0} to {opacity:1} }@-webkit-keyframes fadein { from {opacity:0} to {opacity:1} }@-o-keyframes fadein { from {opacity:0} to {opacity:1} }@keyframes fadein { from {opacity:0} to {opacity:1} } @-moz-keyframes fadeout { from {opacity:1} to {opacity:0} }@-webkit-keyframes fadeout { from {opacity:1} to {opacity:0} }@-o-keyframes fadeout { from {opacity:1} to {opacity:0} }@keyframes fadeout { from {opacity:1} to {opacity:0} } a,figure,figcaption,img,input[type=text],input[type=submit],textarea,.filebox-button,.TRANSITION{-moz-transition:color 0.1s ease-in-out,border-color 0.15s ease-in-out,background-color 0.15s ease-in-out,visibility 0.2s ease-in-out,opacity 0.2s ease-in-out,-moz-transform 0.3s ease-in-out;-webkit-transition:color 0.1s ease-in-out,border-color 0.15s ease-in-out,background-color 0.15s ease-in-out,visibility 0.2s ease-in-out,opacity 0.2s ease-in-out,-webkit-transform 0.3s ease-in-out;-o-transition:color 0.1s ease-in-out,border-color 0.15s ease-in-out,background-color 0.15s ease-in-out,visibility 0.2s ease-in-out,opacity 0.2s ease-in-out,-o-transform 0.3s ease-in-out;transition:color 0.1s ease-in-out,border-color 0.15s ease-in-out,background-color 0.15s ease-in-out,visibility 0.2s ease-in-out,opacity 0.2s ease-in-out,transform 0.3s ease-in-out} .gallery-item{display:inline;float:left;margin:20px 5px 20px 0} .alignleft{display:inline;float:left;margin:4px 24px 12px 0} .alignright{display:inline;float:right;margin:4px 0 12px 24px} .aligncenter{clear:both;display:block;margin:0 auto 12px auto} .inline-block{display:inline-block} .text-italic{font-style:italic} .wp-block-column:last-child{margin-left:0 !important} @media (max-width:1024px) { .wp-block-columns.has-2-columns{flex-wrap:wrap} .wp-block-columns.has-2-columns > .wp-block-column{flex-basis:100%} } .DISABLE{display:none} .HIDDEN{visibility:hidden} .RELATIVE{position:relative} .CLEAR{clear:both} .col-left{position:relative;float:left;padding:0 15px 10px 15px} .col-right{position:relative;float:right;padding:0 15px 10px 15px} .col-left-overflow{position:relative;overflow:hidden;width:auto;padding:0 15px 10px 15px} .col-right-overflow{position:relative;overflow:hidden;width:auto;padding:0 15px 10px 15px} /* http://brandcolors.net */ .bc-color-facebook{color:#3b5998} .bc-color-facebook:hover{color:#3b5998 !important} .bc-color-google-plus{color:#dc4e41} .bc-color-google-plus:hover{color:#dc4e41 !important} .bc-color-linkedin{color:#0077b5} .bc-color-linkedin:hover{color:#0077b5 !important} .bc-color-twitter{color:#55acee} .bc-color-twitter:hover{color:#55acee !important} .bc-color-youtube{color:#cd201f} .bc-color-youtube:hover{color:#cd201f !important} .bc-color-vimeo{color:#1ab7ea} .bc-color-vimeo:hover{color:#1ab7ea !important} .bc-flickr{background-color:#ff0084} .bc-flickr:hover{background-color:#ff0084 !important} .bc-color-pinterest{color:#bd081c} .bc-color-pinterest:hover{color:#bd081c !important} .bc-color-instagram{color:#3f729b} .bc-color-instagram:hover{color:#3f729b !important} .bc-color-rss{color:#f26522} .bc-color-rss:hover{color:#f26522 !important} @media only screen and (max-width:575px){ .text-right-xs{text-align:right} }@media only screen and (min-width:576px){ .text-right-sm{text-align:right} }@media only screen and (min-width:768px){ .text-right-md{text-align:right} }@media only screen and (min-width:992px){ .text-right-lg{text-align:right} }@media only screen and (min-width:1200px){ .text-right-lx{text-align:right} } *[animation-type]{opacity:0} .animated{opacity:1} #fancybox-overlay{z-index:10100 !important} #fancybox-wrap{z-index:10101 !important;box-sizing:content-box} #fancybox-wrap *{box-sizing:content-box} #fancybox-content{background:#000} #fancybox-right,#fancybox-left{visibility:visible;opacity:0.5} #fancybox-right:hover,#fancybox-left:hover{opacity:0.7} #fancybox-right span{left:auto;right:20px} #fancybox-left span{right:auto;left:20px} .plupload input[type=file]{cursor:pointer} #ui-datepicker-div{margin-top:-25px} .ui-dialog{z-index:10000 !important} a.EDIT{z-index:9999;display:inline-block !important;clear:both;margin-bottom:12px !important;padding:0 3px !important;font:bold 11px/13px arial !important;color:#eee !important;text-shadow:none !important;text-transform:none !important;background:#e94028 !important;border:1px solid #e94028 !important;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px} a.EDIT:hover{color:#fff !important;background:#d93018 !important;border-color:#d93018 !important} li > a.EDIT{margin-bottom:0 !important} div.CROP{position:absolute} div.CROP > div{z-index:1100;position:relative;top:10px;left:10px;padding:1px 4px;font:bold 14px/16px arial !important;color:#fff;background:#000;border:1px solid #fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px} #SITEMAP{margin:10px 0;padding:0 0 0 20px;line-height:20px} #SITEMAP > li > a{font-weight:bold} #SITEMAP ul{margin:5px 0;padding:0 0 0 20px} #SITEMAP a:hover{text-decoration:underline} *::selection{color:#fff;text-shadow:none;background:#3d333e} *::-moz-selection{color:#fff;text-shadow:none;background:#3d333e} BODY{overflow-x:hidden;position:relative;width:100%;min-width:304px;margin:0;padding:0;word-wrap:break-word} #BODY-content{overflow-x:hidden} .container-center{clear:both;position:relative;max-width:1754px;margin:0 auto;padding:0 15px} .COOKIE{padding-top:27px} #COOKIE{display:none;z-index:10000;position:absolute;top:0;left:0;width:100%;font:11px/11px arial;color:#bbb;background:#444} #COOKIE-center{padding:7px 0 9px 0} #COOKIE-text{padding:0 80px 0 20px} #COOKIE p{display:inline-block;margin:0} #COOKIE a{color:#5ac;text-decoration:none} #COOKIE a:hover{text-decoration:underline} #COOKIE-close{clear:both;cursor:pointer;position:absolute;top:6px;right:20px;height:13px;line-height:13px;padding:0 5px;color:#111;text-align:center;background:#eee;border:1px solid #ddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px} #COOKIE-close:hover{color:#000;background:#fff;border:1px solid #eee} @media only screen and (min-width:810px) and (max-width:869px){ #COOKIE{font-size:10px} }@media only screen and (max-width:809px){ #COOKIE{font-size:9px} }@media only screen and (max-width:599px){ #COOKIE-center{padding:2px 0 3px 0} #COOKIE p{display:block} }@media only screen and (max-width:479px){ .COOKIE{padding-top:38px} } FOOTER.fixed{position:fixed;bottom:0;width:100%} #AJAX-preload.active{z-index:10000;position:fixed;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;background:#eee url('img/ajax.gif') 50% 50% no-repeat;border:1px solid #ddd;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px} .top-5{padding-top:5px} .top-10{padding-top:10px} .top-15{padding-top:15px} .top-20{padding-top:20px} .top-25{padding-top:25px} .top-30{padding-top:30px} .top-40{padding-top:40px} .top-50{padding-top:50px} .top-60{padding-top:60px} article,aside{padding-bottom:20px} .TEXT{line-height:20px} @media only screen and (max-width:1024px){ .TEXT{font-size:14px} } .TEXT h2,.TEXT h3,.TEXT h4,.TEXT h5,.TEXT h6{margin-bottom:10px;font-weight:bold} .TEXT h2{font-size:16px} .TEXT h3{font-size:15px} .TEXT h4,.TEXT h5,.TEXT h6{font-size:14px} .TEXT p{margin-bottom:10px} .TEXT ul,.TEXT ol{margin:10px 0;padding-left:15px} .TEXT ul ul,.TEXT ol ol{margin:0 0 10px 0} .TEXT ul{list-style-type:disc;list-style-position:inside} .READ-MORE{display:inline-block;margin-bottom:15px;padding:7px 12px;font-size:10px;line-height:18px;font-weight:bold;color:#fff;background:#333;text-transform:uppercase} .READ-MORE:hover{color:#fff;background:#444} .SEPARATOR{margin-top:40px !important;margin-bottom:40px !important} .SEPARATOR.shadow-medium{margin-left:20px;margin-right:20px;border-top:1px solid #ddd;border-bottom:1px solid #fff;-moz-border-radius:50%/0 0 2px 2px;-webkit-border-radius:50%/0 0 2px 2px;border-radius:50%/0 0 2px 2px;-moz-box-shadow:0 2px 8px 0 #ccc;-webkit-box-shadow:0 2px 8px 0 #ccc;box-shadow:0 2px 8px 0 #ccc} .FORM input[type=text],.FORM input[type=password],.FORM textarea{margin:0 0 10px 0;font:13px/25px arial;color:#ddd;background:#3d333e;border:none} .FORM input[type=text]:focus,.FORM input[type=password]:focus,.FORM textarea:focus{color:#fff;background:#1d131e} .FORM input[type=text],.FORM input[type=password]{width:48%;height:25px;max-width:100%;padding:7px 2%} .FORM input[type=text]:first-child{margin-right:4%} .FORM textarea{overflow:auto;width:100%;height:102px;min-width:100%;min-height:102px;max-width:100%;max-height:102px;padding:7px 2%;line-height:18px} .FORM .checkbox{position:relative;padding:5px 0} .FORM .checkbox input{position:absolute;top:8px;left:0} .FORM .checkbox label{cursor:pointer;padding-left:20px;color:#8d8c8c} .FORM input[type=submit]{float:right;cursor:pointer;width:70px;height:28px;max-width:100%;margin:0 0 10px 0;padding:0 5px;font:bold 14px/28px arial;color:#eee;text-align:center;background:#3d333e;border:none} .FORM input[type=submit]:hover{color:#fff;background:#1d131e} .FORM input.validate,.FORM textarea.validate{color:#d09090 !important} .FORM label.validate{color:#d09090 !important} .TEXT table:not(.nostyle){white-space:nowrap;max-width:100%;margin:10px 0;text-align:center;border-collapse:collapse} .TEXT table:not(.nostyle) thead td{color:#fff;text-align:center;background:#222 !important} .TEXT table:not(.nostyle) thead tr:first-child{font-weight:bold} .TEXT table:not(.nostyle) tr:first-child td{color:#fff;background:#222 !important} .TEXT table:not(.nostyle) tr:nth-child(2n){background:#f8f8f8} .TEXT table:not(.nostyle) tr:nth-child(2n) td:first-child{color:#fff;background:#444} .TEXT table:not(.nostyle) tr:nth-child(2n+1){background:#eee} .TEXT table:not(.nostyle) tr:nth-child(2n+1) td:first-child{color:#fff;background:#383838} .TEXT table:not(.nostyle) td{padding:2px 15px;vertical-align:middle;border:none;border-bottom:1px solid #ccc} @media only screen and (max-width:1280px){ .TEXT table{overflow-x:auto} } @media only screen and (max-width:600px){ .TEXT table:not(.nostyle){display:block} } #POPUP-overlay{display:none;opacity:0;z-index:10000;position:absolute;width:100%;height:100%;background:#000} #POPUP-dialog, #POPUP-EXIT-dialog, #POPUP-IMAGEBOX-dialog{display:none;z-index:10001;position:fixed;top:10%;width:100%;text-align:center} #POPUP-dialog > div, #POPUP-EXIT-dialog > div, #POPUP-IMAGEBOX-dialog > div{position:relative;display:inline-block;padding:30px;text-align:left;background:#fff;border:1px solid #000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px} #POPUP-EXIT-dialog > div{width:1000px;max-width:100%} #POPUP-IMAGEBOX-dialog > div{padding:4px} #POPUP-dialog img{max-width:100%;width:auto} #POPUP-close, #POPUP-EXIT-close, #POPUP-IMAGEBOX-close{cursor:pointer;position:absolute;top:-5px;right:-5px;width:25px;height:25px;line-height:23px;text-align:center;background:#fff;border:1px solid #ddd;-moz-border-radius:90%;-webkit-border-radius:90%;border-radius:90%} @media only screen and (max-width:900px){ #POPUP-overlay{display:none !important} #POPUP-dialog{display:none !important} } HEADER{} #TOP-SOCIAL-MEDIA{z-index:19999;position:fixed} #TOP-SOCIAL-MEDIA .button{display:block;padding:5px 10px;font-weight:bold;color:#fff;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #TOP-SOCIAL-MEDIA .facebook{display:inline-block;width:110px;background:#00f} #TOP-SOCIAL-MEDIA .tiptop{display:inline-block;width:180px;background:#f00} @media only screen and (min-width:1201px){ #TOP-SOCIAL-MEDIA{top:250px;right:0;text-align:right} #TOP-SOCIAL-MEDIA .button{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)} #TOP-SOCIAL-MEDIA .facebook{position:absolute;top:0;right:-38px} #TOP-SOCIAL-MEDIA .tiptop{position:absolute;top:160px;right:-72px} } @media only screen and (max-width:1200px){ #TOP-SOCIAL-MEDIA{bottom:0;left:30px} #TOP-SOCIAL-MEDIA .facebook{position:absolute;bottom:0;left:-20px} #TOP-SOCIAL-MEDIA .tiptop{position:absolute;bottom:0;left:100px} } .TOPMENU{font-size:11px;background:#f1f0ea} .TOPMENU ul{margin-bottom:6px} .TOPMENU a:not(.EDIT){color:#666 !important} .TOPMENU a:not(.EDIT):hover{color:#444 !important} .TOPMENU svg{padding:0 6px 0 0;height:12px} .LOGOMENU{font-size:11px} .LOGOMENU .SOCIAL{margin-top:6px;font-size:16px} .LOGOMENU .SOCIAL .fa{font-size:18px;line-height:18px} .LOGOMENU .SOCIAL p a{padding:0 2px} #HEADER-LOGO{z-index:10000;display:inline-block;vertical-align:top;font:bold 36px/17px "Alegreya Sans SC";font-display:fallback;color:#222} #HEADER-LOGO svg{height:36px} #HEADER-LOGO small{font:bold 17px/17px "Alegreya Sans SC"} #BASEMENU > div{margin:0} @media only screen and (max-width:991px){ }@media only screen and (min-width:768px){ #BASEMENU{z-index:9999;position:relative} #BASEMENU li{display:inline-block} #BASEMENU li:not(.EDIT):before{content:'/';color:#fff} #BASEMENU li:first-child:before{content:''} #BASEMENU a{display:inline-block;padding:0 8px;font:500 12px/12px 'Alegreya Sans SC';color:#eee;font-display:fallback} #BASEMENU a:hover{color:#fff} #BASEMENU li.current-menu-item > a,#BASEMENU li.current_page_ancestor > a,#BASEMENU li.current_post_ancestor > a,#BASEMENU li.current-category-ancestor > a{color:#fff} } @media only screen and (min-width:801px){ #BASEMENU a{font:500 14px/14px 'Alegreya Sans SC'} }@media only screen and (min-width:1101px){ #BASEMENU a{font:500 17px/17px 'Alegreya Sans SC'} }@media only screen and (min-width:1401px){ #BASEMENU a{font:500 19px/19px 'Alegreya Sans SC'} }@media only screen and (max-width:767px){ #BASEMENU{padding:0} } .bg-dark{background:#222 !important} .bg-dark a{color:#ddd !important} .bg-dark a:hover{color:#fff !important} HEADER.separate #HEADER-LOGO{margin:20px 0 10px 0} HEADER.separate .LOGOMENU{margin:5px 0 0 0} @media only screen and (max-width:1250px){ HEADER.separate #BASEMENU{margin:40px 0 5px 0} }@media only screen and (max-width:991px){ HEADER.separate #HEADER-LOGO{margin:10px 0 20px 0} }@media only screen and (max-width:768px){ HEADER.separate #BASEMENU{margin:5px 0 0 0} } .BASEMENU-border-top{margin-top:6px} .BASEMENU-border-top li{display:inline-block} .BASEMENU-border-top li a{display:inline-block;padding:0 6px;color:#777;border-left:1px solid #777} .BASEMENU-border-top li:first-child a{border:none} .BASEMENU-border-top li:last-child a{padding:0 0 0 6px} .BASEMENU-border-top li a:hover{color:#888} .BASEMENU-border-top li.current-menu-item > a,.BASEMENU-border-top li.current_page_ancestor > a,.BASEMENU-border-top li.current_post_ancestor > a,.BASEMENU-border-top li.current-category-ancestor > a{} .BASEMENU-border-bottom{margin-top:6px} #BANNER-bg{position:relative;margin:0 auto;max-width:3840px} #BANNER-list{position:relative;top:0;left:0} #BANNER-list > *{display:none;opacity:0;position:absolute;top:0;left:0;width:100%} #BANNER-list > *:first-child{display:block !important;opacity:1;position:inherit} #BANNER-list a{display:block} #BANNER-list img{display:block;height:auto;-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none;-moz-border-radius:50%/0 0 5px 5px;-webkit-border-radius:50%/0 0 5px 5px;border-radius:50%/0 0 5px 5px} .BANNER-text{display:none;position:absolute;bottom:15%;left:5%;max-width:90%;padding:15px 30px;background:#221b24} .BANNER-text > *{-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none} .BANNER-text p{margin:0;font:22px/30px arial;color:#fff} #BANNER .EDIT{position:absolute;top:10px;right:10px} @media only screen and (max-width:1024px){ .BANNER-text{display:none !important} }@media only screen and (max-width:768px){ #BANNER-list{margin:0 -100px} } #INFO-bg{} #INFO{position:relative;padding:30px 0} #INFO .row{margin-bottom:30px;padding:0} #INFO.overflow .row{overflow:hidden;min-height:95px;max-height:95px} #INFO svg{height:54px} #INFO p{padding:0 15px} #INFO p:last-child{margin:0} #INFO .BUTTON{cursor:pointer;position:absolute;bottom:15px;left:50%;width:32px;height:22px;font-size:16px;line-height:22px;color:#333;margin-left:-16px;padding:0;text-align:center} #INFO .up{display:none} #INFO .EDIT{position:absolute;top:0;right:0} #INFO .SEPARATOR{margin:0 !important} #BREADCRUMB{margin-bottom:30px;font-size:11px;text-transform:lowercase;color:#777} #BREADCRUMB a{color:#777} #BREADCRUMB a:hover{text-decoration:underline} #CONTENT{position:relative;min-height:200px;margin-top:20px;padding-bottom:150px;background:#fff url('https://i0.wp.com/irebu.pl/wp-content/themes/irebu.com/img/content-bg.jpg') 50% 100% no-repeat;background-size:100% auto} #SIDEBAR-ajax{margin-top:8px;line-height:22px;padding-left:0} #SIDEBAR-ajax > div{padding:30px;background:#f8f8f8} #SIDEBAR-ajax > div:last-child{border-bottom:2px solid #ccc} .PAGINATE{margin-bottom:10px} .PAGINATE li{display:inline-block;margin:0 10px 10px 0} .PAGINATE a{display:inline-block;padding:7px 12px;font-size:12px;line-height:18px;font-weight:bold;color:#fff;background:#333;text-transform:uppercase} .PAGINATE a:hover{color:#fff;background:#444} .HOME .PAGINATE li{display:block;margin:5px 0 0 0} .GALLERY{} .GALLERY #CONTENT-ajax .IMAGE > *{display:inline-block;width:32.33%;margin:0 0.5% 10px 0.5%} @media only screen and (max-width:1024px){ .GALLERY #CONTENT-ajax .IMAGE > *{width:49%} }@media only screen and (max-width:600px){ .GALLERY #CONTENT-ajax .IMAGE > *{width:100%;margin:0 0 10px 0} } .CLIENTS #CONTENT-ajax .IMAGE > *{display:inline-block;width:16.66%;margin:0 0.5% 10px 0.5%;text-align:center} @media only screen and (max-width:1400px){ .CLIENTS #CONTENT-ajax .IMAGE > *{width:19.0%} }@media only screen and (max-width:1024px){ .CLIENTS #CONTENT-ajax .IMAGE > *{width:24%} }@media only screen and (max-width:600px){ .CLIENTS #CONTENT-ajax .IMAGE > *{width:32.33%} }@media only screen and (max-width:320px){ .CLIENTS #CONTENT-ajax .IMAGE > *{width:49%;margin:0 0 10px 0} } #LIST-ajax li{margin-top:30px} .SINGLE .TAGS{margin-bottom:25px} #COMMENTS{padding:15px 0;line-height:18px} .COMMENTS-paginate{padding:5px 15px;font-style:italic} .COMMENTS-paginate a{color:#ddd} .COMMENTS-paginate a:hover{color:#eee;text-decoration:underline} #COMMENTS-list{margin:5px 0;padding:0 20px;list-style-type:disc} #COMMENTS-list ul{margin:10px 0;padding:0 20px;list-style-type:circle} #COMMENTS .comment-reply-link,#COMMENTS #respond a{color:#b80000} #COMMENTS .comment-reply-link:hover,#COMMENTS #respond a:hover{text-decoration:underline} #COMMENTS-list h3{font-weight:normal} #COMMENTS-list time{font-size:11px} #COMMENTS p{margin:0 0 6px 0} .COMMENTS-moderation{font-weight:bold} #COMMENTS .comment-reply-link{font-size:11px} #COMMENTS #respond{padding:20px 0} #COMMENTS #respond h3{margin:0 0 2px 0;font:bold 16px/18px "OpenSans";color:#000} #COMMENTS label{display:none} #COMMENTS .required{display:none} #COMMENTS input[type=text],#COMMENTS textarea{display:block;margin:3px 0 12px 0;font:13px/21px arial;color:#43464d;background:#f2f2f3;border:1px solid #c9c9c9} #COMMENTS input[type=text]:focus,#COMMENTS textarea:focus{color:#23262d;background:#eee;border:1px solid #a9a9a9} #COMMENTS input[type=text]{width:160px;height:21px;margin-right:20px;padding:4px 5px} .comment-form-url{display:none} #COMMENTS textarea{overflow:auto;width:355px;height:218px;min-width:355px;min-height:218px;max-width:355px;max-height:218px;padding:5px 5px;line-height:18px} #COMMENTS input[type=submit]{float:right;cursor:pointer;margin:0 265px 0 0;width:64px;height:26px;font:bold 12px/23px arial;text-align:center;color:#b80000;border:none} #COMMENTS input[type=submit]:hover{color:#900;background-position:0 26px} #COMMENTS #Cerror{float:left;width:155px;padding-top:2px;font:bold 14px/16px arial} .CONTACT{} .CONTACT #error{float:left;width:80%;padding-top:5px;font:bold 14px/16px arial} .GOOGLEMAP{width:100%;margin:20px 0 50px 0;text-shadow:none} .GOOGLEMAP #googleapi{height:500px;width:100%;background:#e5e3df;border:1px solid #e7e7e7} .GOOGLEMAP #googleapi:hover{border-color:#e7e7e7} #GOOGLEMAP-direction{margin-top:10px} #GOOGLEMAP-direction p{margin-bottom:5px;font:bold 14px/16px arial;color:#252f5d} #GOOGLEMAP-direction input[type=text]{float:left;margin:6px 5px 6px 0} #GOOGLEMAP-button{float:left;float:right;cursor:pointer;width:125px;height:23px;max-width:100%;margin:6px 0 12px 0;padding:0 5px;font:bold 14px/23px arial;color:#eee;text-align:center;background:#3d333e} #GOOGLEMAP-button:hover{color:#fff;background:#1d131e} #GOOGLEMAP-direction > .LEFT{margin-right:3%} #HOMEPAGE-box{margin-top:75px;padding:80px 0 20px 0} #HOMEPAGE-box .row > div{position:relative;margin-bottom:60px;padding:20px;background:#fff;border-bottom:2px solid #222} #FOOTER-blog{margin-top:75px} #FOOTER-blog .TITLE{margin-bottom:20px} #FOOTER-blog .PAGINATE{text-align:right} #PARTNERS-bg{margin-top:50px} #PARTNERS{position:relative;padding:30px 0;background:#fff;border-bottom:2px solid #ccc} #PARTNERS-overflow{overflow:hidden;position:relative;height:139px;margin:0 35px} #PARTNERS-overflow:before{content:'';z-index:1;position:absolute;top:0;left:0;width:50px;max-width:10%;height:140px;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);} #PARTNERS-overflow:after{content:'';z-index:1;position:absolute;top:0;right:0;width:50px;max-width:10%;height:140px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);} #PARTNERS ul{position:absolute;top:0;left:0} #PARTNERS li{display:none;float:left;text-align:center} #PARTNERS li a{display:inline-block;margin:0 25px;background-repeat:no-repeat;background-position:50% 0} #PARTNERS img{width:139px;height:139px} .PARTNERS-button{cursor:pointer;position:absolute;top:50px;text-align:center} #PARTNERS-bg #PARTNERS img{background:#fff} #PARTNERS-bg .PARTNERS-button{height:30px;line-height:30px;padding:0 6px} #PARTNERS-bg #PARTNERS-previous{left:5px} #PARTNERS-bg #PARTNERS-next{right:5px} #PARTNERS-bg .PAGINATE{text-align:right} #PARTNERS-bg .PAGINATE li{margin:5px 0 0 0} FOOTER{} #FOOTER-bottom{font-size:10px} #FOOTER-bottom > .container-center{padding-top:15px} #FOOTER-bottom p a:hover{text-decoration:underline} #FOOTER-bottom > .container-center > .row:first-child nav ul{margin-bottom:20px} #FOOTER-bottom nav li{display:inline-block} #FOOTER-bottom nav li a{display:inline-block;padding:0 5px} #FOOTER-bottom nav li:first-child a{border:none} #FOOTER-bottom nav li:last-child a{padding:0 0 0 5px} #FOOTER-bottom nav.text-center a{margin-bottom:5px;padding:0 12px;font-size:14px} #FOOTER-LOGO{display:inline-block;vertical-align:top;margin-bottom:10px;font:bold 27px/13px "Alegreya Sans SC";font-display:fallback;color:#ddd3de} #FOOTER-LOGO small{font:bold 13px/13px "Alegreya Sans SC"} div > #FOOTER-LOGO{margin-right:40px} #WORDPRESS{margin-top:-5px} @media only screen and (max-width:599px){ #FOOTER-bottom nav li:first-child a{padding:0 5px 0 0} } /*BODY{font-size:14px;color:#222;background:#fff url('https://i0.wp.com/irebu.pl/wp-content/themes/irebu.com/img/header-bg.jpg') 50% 0 no-repeat;background-size:contain}*/ BODY{font-size:14px;color:#222;background:#fff} HEADER{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADwAAAAA8CAMAAADsFb8wAAAB1FBMVEUdEx5HT01ARkY5PT5MVlNLVFIiGyT///9OV1VNV1RLVVL7+/v8/Pzf4eH+/v6UmpjLzs2Znp2hpqV9hIL19fW6vr39/f2ssK+WnJqlqajg4uGHjozR1NNqcnC0uLdbZGLh4+Lv8PBUXVuQlpSJj428wL9rc3FVXlxsdHLx8vK4u7pmbmzk5uXz8/Pd397Aw8JgaWZnb21faGaNk5HW2Nh2fnzAxMPP0dFaY2BocG7t7u5SW1nm5+fQ09Lf4ODJzMt4f313f33BxcRxeHZiamido6Hn6ejv7+/n6OiAh4WOlJPKzcx5gH5jbGm8v767v76tsbD39/eXnZulqqmeo6Lo6enT1dSCiIaBiIbZ29uIjo3Ex8bS1NRdZmOnrKq1ubhkbGqusrH4+Pjw8fGRl5Xb3dzp6urMz856goDEyMdze3m9wcDMzs62urlXYF2hpqSvs7JPWVb5+fmorKvq6+tPWFaKkY/j5OSDioiRl5bN0M98g4Fmb2x1fHq/wsFtdXOwtLNQWlf6+vqTmZfr7OyMkpCEi4mSmJfO0dDc3t52fXuqr63z9PSip6be4N/s7e3l5uaFjIpvd3W5vbykqaeytrXu7+5TXFmrr6709fWjqKeGjYup/2c6AAADLElEQVR42u3d9U/UcRzHcbkTlTs6DBRREJSwFUSxu7u7u7u7u+ufVTY3RTZFp4JvHo+fb7fPvvtsrz333e669QQAAIAuoJtHAAAAgAAGAAAAAQwAvyV78Nlx+Q2H+xQW7Boyf9rM6roxEyqOp5I9OkLyi0QrGd/IbCX1ne4/kPVTvf6lrF/TvT1Sme2R8QOJtpJt9MBFdVG72A3tCvfGJf+j2v8QBTAA/8L7QY1VDwuGLCqbkClmAICOIYAB+IuK7+/vk1fU9NbgAgACGICYatYM7LtvjJ0FAAQwAGG9mXry+TYDCwAIYADiyh308ny1aQUABDAAkd26ktdkVQEAAQxAaE+WFfWyqACAAAYgtNJ3440pACCAAYitZulaf+oLAAhgAILLKVxsRQEAAQxAbNn3KieZUABAAAMQW+9D/c0nACCAAQgu98IG2wkACGAAohuRl7KcAIAABiC4if3KzSYAIIABCC4944DNBAAEMADRld41mACAAAYguhO1l8wlACCAAYguZ4GtBAAEMADRpUtGW0oAQAADEF39TTMJAAhgAKLLHnnVSAIAAhiA6FYXJEwkACCAAYj+8rfhhX0EAAQwANHV901aRwBAAAMQ3PKBfvYZABDAAIQ3+Y5dBAAEMADR5aw4bRUBAAEMQHB7Vm42iQCAAAYguDn9ZtlDAEAAAxDclMJRxhAAEMAAxJZeOPa6JQQABDAAsc07Nt4KAgACGIDY5i7pP8kEAgACGIDQmms/DjV/AIAABiCy4r2PHyRNHwAggAEIbGf+qyIvfgEAAQxAYMM3va4cljB4AAACGCCqR+sPHj1XZ+kAAAQwQEw3mgeUfLh9udzEAQAIYIBw0k9HNI68tmrsxbIjlg0AQAAD/Ldyc3tnp9M7iocPnnjqWc7ucQPyN1Zt3b5ldt6ZddOHjarww84AAO0K4IwWia9Sn2W2kdHa73/+73575zy9Z+X0Tv9Lp/+fj98imZCjAACdNIA9AgAAAAQwAAAACGAAAAAQwAAAACCAAQAAQAADAACAAAYAAAABDAAAAAIYAAAAAQwAAAACGAAAAAQwAAAACGAAAADoPD4BjpZvzIc1OsAAAAAASUVORK5CYII=') 50% 100% no-repeat;*background:url('https://i0.wp.com/irebu.pl/wp-content/themes/irebu.com/img/menu-bg.png') 10% 100% no-repeat} @media only screen and (max-width:1250px){ HEADER{background-position:100% 100%} }@media only screen and (max-width:767px){ HEADER{background:none} } .MENU li{display:inline-block} .MENU li a{color:#777} .MENU li a:hover{color:#888} .MENU li.current-menu-item > a,.MENU li.current_page_ancestor > a,.MENU li.current_post_ancestor > a,.MENU li.current-category-ancestor > a{color:#888} @-moz-keyframes bugfix { from {padding-right:1px} to {padding-right:0} } .MENU.underline{margin-top:6px} .MENU.underline li{display:inline-block} .MENU.underline li a{display:inline-block;padding:0 6px;text-decoration:underline} .MENU.underline li:last-child a{padding:0 0 0 6px} .MENU.underline li a:hover{text-decoration:none} .MENU.separator-left{padding-top:6px} .MENU.separator-left li a{display:inline-block;padding:0 6px;border-left:1px solid #777} .MENU.separator-left li:first-child a{border:none} .MENU.separator-left li:last-child a{padding:0 0 0 6px} .LOGOMENU .SOCIAL ul a{color:#444} .LOGOMENU .SOCIAL .COLOR a:hover{color:#555 !important;text-decoration:none} .LOGOMENU .SOCIAL ul.COLOR a:hover{text-decoration:underline} .LOGOMENU .SOCIAL .GRAY a{color:#444} .LOGOMENU .SOCIAL .GRAY a:hover{text-decoration:none} @media only screen and (max-width:480px){ .LOGOMENU .MENU li{display:block} .LOGOMENU .MENU li a{padding:2px 0} } #INFO-bg{} #INFO{font:18px/24px arial} #INFO-bg.gradient{background-image:-webkit-linear-gradient(top,#ddd 0,#fff 100%);background-image:-o-linear-gradient(top,#ddd 0,#fff 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#fff));background-image:linear-gradient(to bottom,#ddd 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffffffff', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)} .IMAGE{display:inline-block;max-width:100%;margin-bottom:15px} .IMAGE figure{position:relative;display:block;overflow:hidden;position:relative;border:1px solid #ccc} .IMAGE figcaption{z-index:1;position:absolute;bottom:0;left:0;right:0;padding:5px 10px;color:#fff;background:#333} .IMAGE.padding-1 figure{padding:1px} .IMAGE.title-bottom figure{padding-bottom:56px} .IMAGE.gray-hover a:hover figure:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,255,0.1)} .IMAGE.gray-hover img{position:relative;opacity:0.99;filter:alpha(opacity=99)} .IMAGE.gray-hover a:hover img{opacity:0.9;filter:alpha(opacity=90);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,#grayscale");filter:grayscale(100%);filter:gray} .IMAGE.zoom a:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .IMAGE.margin figure{margin-bottom:10px} .TITLE{margin:0 0 20px 0;color:#222;font:bold 24px/28px "Alegreya Sans SC";font-display:fallback} .TITLE.group{padding:10px 0} .TITLE.medium{margin-bottom:10px;font:bold 20px/24px "Alegreya Sans SC";font-display:fallback} .TITLE.small{margin-bottom:10px;font:italic bold 18px/22px "Alegreya Sans SC";font-display:fallback} .TITLE > a{display:inline-block;color:#222} .TITLE > a:hover{color:#111;text-decoration:none} .TITLE.first-letter:first-letter,.TITLE.first-letter a:first-letter{font-size:1.3em;color:#333} .TITLE.border-left{padding:0 0 0 15px;border-left:10px solid #222 !important} .TITLE svg{height:18px} .TEXT h2,.TEXT h3,.TEXT h4,.TEXT h5,.TEXT h6{color:#222} .TEXT a{color:#555;text-decoration:underline} .TEXT a:hover{color:#222} #FOOTER-bottom{color:#aaa;background:#222;border-top:10px solid #333} #FOOTER-bottom svg{height:27px} #FOOTER-bottom p a{color:#888} #FOOTER-bottom p a:hover{color:#666} #FOOTER-bottom nav li a{color:#999;border-left:1px solid #999} #FOOTER-bottom nav li a:hover{color:#888} #FOOTER-bottom nav li.current-menu-item > a,#FOOTER-bottom nav li.current_page_ancestor > a,#FOOTER-bottom nav li.current_post_ancestor > a,#FOOTER-bottom nav li.current-category-ancestor > a{color:#555} @media only screen and (max-width:991px){ #FOOTER-bottom nav li{display:block} #FOOTER-bottom nav li a{padding:2px 0 !important;border:none} }