/* Theme Name: irebu.com Author: iREBU Interactive Agency Author URI: https://irebu.com Version: 1.0.98 */ /* 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} 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} 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} .DISABLE{display:none} .HIDDEN{visibility:hidden} .RELATIVE{position:relative} .CLEAR{clear:both} *[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} 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} *::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} } #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} article,aside{padding-bottom:20px} .TITLE{margin:0 0 20px 0;color:#3b3a38;font:bold 22px/24px "Cormorant Infant";text-transform:uppercase} .TITLE.group{padding:10px 0} .TITLE.medium{margin-bottom:20px;font:bold 18px/20px "Cormorant Infant"} .TITLE.small{margin-bottom:10px;font:italic bold 16px/18px "Cormorant Infant"} .TITLE > a{display:inline-block;color:#3b3a38} .TITLE > a:hover{color:#1b1a18;text-decoration:none} .TITLE.border-top-bottom span{position:relative;display:inline-block;padding:4px 12px 8px 12px;border-left:4px solid #3b3a38;border-right:4px solid #3b3a38;-moz-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;-webkit-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;border-radius:6px 6px 6px 6px/3px 3px 3px 3px} .TITLE.border-top-bottom span:before{content:'';position:absolute;bottom:0;left:-5px;width:20px;border-bottom:4px solid #3b3a38} .TITLE.border-top-bottom span:after{content:'';position:absolute;bottom:0;right:-5px;width:20px;border-bottom:4px solid #3b3a38} .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{font-weight:bold;color:#2d232e} .TEXT h2{font-size:16px} .TEXT h3{font-size:15px} .TEXT h4,.TEXT h5,.TEXT h6{font-size:14px} .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} .TEXT a{color:#252;text-decoration:underline} .TEXT a:hover{color:#141} .READ-MORE{display:inline-block;margin-bottom:15px;font-size:10px;line-height:10px;font-weight:bold;color:#333} .READ-MORE:hover{color:#111} .GALLERY{margin:0 -0.5%} .GALLERY li{display:inline-block;width:19%;margin:0 0.5% 10px 0.5%} .GALLERY a{overflow:hidden;display:block;position:relative;padding:2px;border:2px solid #3b3a38;-moz-border-radius:3px 3px 3px 3px/6px 6px 6px 6px;-webkit-border-radius:3px 3px 3px 3px/6px 6px 6px 6px;border-radius:3px 3px 3px 3px/6px 6px 6px 6px} @media only screen and (max-width:1600px){ .GALLERY li{width:24%} }@media only screen and (max-width:1200px){ .GALLERY li{width:32.33%} }@media only screen and (max-width:800px){ .GALLERY li{width:49%} }@media only screen and (max-width:400px){ .GALLERY li{width:99%} } .GALLERY.gray-hover img{opacity:0.99;filter:alpha(opacity=99)} .GALLERY.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} .GALLERY-CLIENTS li{display:inline-block;width:49%;margin:0 0.5% 10px 0.5%} .IMAGE{overflow:hidden;display:inline-block;position:relative;max-width:100%;margin-bottom:15px;padding:2px;border:2px solid #3b3a38;-moz-border-radius:3px 3px 3px 3px/6px 6px 6px 6px;-webkit-border-radius:3px 3px 3px 3px/6px 6px 6px 6px;border-radius:3px 3px 3px 3px/6px 6px 6px 6px} .IMAGES{display:inline-block;max-width:100%;margin-bottom:15px} .IMAGES a{display:block;overflow:hidden} .FORM input[type=text],.FORM input[type=password],.FORM textarea{margin:0 0 10px 0;font:13px/25px arial;color:#ddd;background:#252;border:none;-moz-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;-webkit-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;border-radius:6px 6px 6px 6px/3px 3px 3px 3px} .FORM input[type=text]:focus,.FORM input[type=password]:focus,.FORM textarea:focus{color:#fff;background:#141} .FORM input[type=text],.FORM input[type=password]{width:48%;height:25px;max-width:100%;padding:6px 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:5px 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:23px;max-width:100%;margin:0 0 10px 0;padding:0 5px;font:bold 14px/23px arial;color:#eee;text-align:center;background:#252;border:none;-moz-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;-webkit-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;border-radius:6px 6px 6px 6px/3px 3px 3px 3px} .FORM input[type=submit]:hover{color:#fff;background:#141} .FORM input.validate,.FORM textarea.validate{color:#d09090 !important} .FORM label.validate{color:#d09090 !important} .TEXT table:not(.nostyle){overflow:hidden;max-width:100%;margin:10px 0;text-align:center;-moz-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;-webkit-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;border-radius:6px 6px 6px 6px/3px 3px 3px 3px} .TEXT table:not(.nostyle) thead td{color:#fff;text-align:center;background:#3b3a38 !important} .TEXT table:not(.nostyle) thead tr:first-child{font-weight:bold} .TEXT table:not(.nostyle) tr:first-child td{color:#fff;background:#3b3a38 !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 30px;vertical-align:middle;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} .TEXT table:not(.nostyle) td{padding:2px 15px} } .MENU li{display:inline-block} .MENU li a{color:#ddd} .MENU li a:hover{color:#eee} .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:#444} @media only screen and (min-width:600px){ .MENU.info{margin-top:6px} .MENU.info .phone{font-size:18px} .MENU.info .email{font-size:14px} }@media only screen and (max-width:599px){ .MENU.info{margin-top:6px} .MENU.info li a{display:inline-block;padding:0 6px;border-left:1px solid #777} .MENU.info li:first-child a{border:none} .MENU.info li:last-child a{padding:0 0 0 6px} } .MENU.simple{margin-top:6px} .MENU.simple li a{display:inline-block;padding:0 6px} .MENU.simple li:last-child a{padding:0 0 0 6px} .MENU.info .facebook{font-size:20px} BODY{font-size:14px;color:#2d232e;background:#eee} #TOP-SOCIAL-MEDIA{z-index:19999;position:fixed;top:250px;right:0;text-align:right} #TOP-SOCIAL-MEDIA .button{display:block;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)} #TOP-SOCIAL-MEDIA .fb-like{position:relative;top:0;right:-31px} @media only screen and (max-width:1250px){ #TOP-SOCIAL-MEDIA{top:295px} } HEADER{background:#141;border-top:10px solid #252} #HEADER-LOGO{z-index:10000;display:inline-block;vertical-align:top} HEADER.separate #HEADER-LOGO{margin:15px 0} .TOPMENU{font-size:11px} .TOPMENU span.fa{padding:0 6px 0 0} #BASEMENU > div{margin:0} @media only screen and (min-width:768px){ #BASEMENU{z-index:9999;position:relative} #BASEMENU ul{margin:0 0 20px 0} #BASEMENU li{display:inline-block} #BASEMENU a{display:inline-block;margin-left:5px;padding:2px 8px 6px 8px;font:bold 16px/18px "Cormorant Infant";color:#ddd;text-transform:uppercase;border-left:4px solid transparent;border-right:4px solid transparent;-moz-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;-webkit-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;border-radius:6px 6px 6px 6px/3px 3px 3px 3px} #BASEMENU a:not(.EDIT):hover{position:relative;color:#fff;border-left:4px solid #fff;border-right:4px solid #fff} #BASEMENU a:not(.EDIT):hover:before{content:'';position:absolute;bottom:0;left:-5px;width:15px;border-bottom:4px solid #fff} #BASEMENU a:not(.EDIT):hover:after{content:'';position:absolute;bottom:0;right:-5px;width:15px;border-bottom:4px solid #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{position:relative;color:#fff;border-left:4px solid #fff;border-right:4px solid #fff} #BASEMENU li.current-menu-item > a:before,#BASEMENU li.current_page_ancestor > a:before,#BASEMENU li.current_post_ancestor > a:before,#BASEMENU li.current-category-ancestor > a:before{content:'';position:absolute;bottom:0;left:-5px;width:15px;border-bottom:4px solid #fff} #BASEMENU li.current-menu-item > a:after,#BASEMENU li.current_page_ancestor > a:after,#BASEMENU li.current_post_ancestor > a:after,#BASEMENU li.current-category-ancestor > a:after{content:'';position:absolute;bottom:0;right:-5px;width:15px;border-bottom:4px solid #fff} }@media only screen and (max-width:767px){ #BASEMENU{padding:0} } @media only screen and (min-width:1024px){ #BASEMENU ul{margin:-45px 0 20px 0} #BASEMENU a{font:bold 20px/24px "Cormorant Infant"} } .bg-dark{background:#0b6528 !important} .bg-dark a{color:#ddd !important} .bg-dark a:hover{color:#fff !important} #BANNER-bg{position:relative;margin:0 auto 40px 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 .EDIT{position:absolute;top:10px;right:10px} @media only screen and (max-width:768px){ #BANNER-list{margin:0 -100px} }@media only screen and (max-width:767px){ #BANNER-list img{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0} } #BREADCRUMB{margin-bottom:30px;font-size:11px;text-transform:lowercase;color:#777} #BREADCRUMB a{color:#777} #BREADCRUMB a:hover{text-decoration:underline} #CONTENT{min-height:200px;margin-top:10px;padding-bottom:150px;background:#eee url('https://i0.wp.com/lednickiewrota.pl/de/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} #SIDEBAR-ajax > div{margin-bottom:30px} #SIDEBAR-ajax iframe{padding:2px;border:2px solid #3b3a38;-moz-border-radius:3px 3px 3px 3px/6px 6px 6px 6px;-webkit-border-radius:3px 3px 3px 3px/6px 6px 6px 6px;border-radius:3px 3px 3px 3px/6px 6px 6px 6px} #SUBMENU-menu{text-transform:uppercase} #SUBMENU-menu a{color:#3b3a38} #SUBMENU-menu a:hover{color:#1b1a18} .HOME article{margin-bottom:25px} .GOOGLEMAP{width:100%;margin:20px 0 50px 0;text-shadow:none} .GOOGLEMAP #googleapi{height:400px;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:#252;-moz-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;-webkit-border-radius:6px 6px 6px 6px/3px 3px 3px 3px;border-radius:6px 6px 6px 6px/3px 3px 3px 3px} #GOOGLEMAP-button:hover{color:#fff;background:#141} #GOOGLEMAP-direction > .LEFT{margin-right:3%} FOOTER{} #FOOTER-bottom{font-size:10px;color:#ddd;background:#141;border-top:10px solid #252} #FOOTER-bottom > .container-center{padding-top:15px} #FOOTER-bottom p a{color:#eee} #FOOTER-bottom p a:hover{color:#fff;text-decoration:underline} #FOOTER-bottom > .container-center > .row:first-child nav ul{margin-bottom:5px} #FOOTER-LOGO{display:inline-block;vertical-align:top;margin:0 40px 10px 0}