body{ background:#fff} /*body #bn * { font-family: 'Titillium Web', sans-serif; font-weight:300 }*/ /*body #bn * {font-family: 'Roboto', sans-serif; font-weight:300}*/ b {font-weight:700; color:inherit} /*header {background: url(../../img/bg-header.jpg) no-repeat center top;}*/ #bn header b{font-weight: bold} input, map, #advisor-transparent, textarea {outline: none} ::-webkit-input-placeholder {color:#fff} ::-moz-placeholder {color:#fff} :-ms-input-placeholder {color:#fff} input:-moz-placeholder {color:#fff} #bn .grid {color:#333} #bn .container .logo {position:absolute;display:block;width:104px;height:169px;top:0;left:0;background: url(../../img/psb.png) no-repeat 0 -3px;z-index: 1} /*#bn .container .superbrands {position:absolute;display:block;width:90px;height:89px;top:130px;left:118px;background: url(../../img/sb-pol2013.png) no-repeat 0;z-index: 2}*/ #bn .container .superbrands {clear:both;padding:10px 0;display:block;width:90px;height:89px;background: url(../../img/sb-pol2013.png) no-repeat 0; float: left} #bn .container .laurkonsumenta {margin-left: 15px;padding: 10px 0;display: block;width: 90px;height: 90px;background: url(../../img/lk-pol2015.png) no-repeat 0;float: left;} #bn .container .laurkonsumenta2016 {margin-left: 15px;padding: 10px 0;display: block;width: 90px;height: 90px;background: url(../../img/lk-pol2016.png) no-repeat 0;float: left;} #bn .container .klj2016 {margin-left: 15px;padding: 10px 0;display: block;float: left;} #bn .HomeNew .superbrands {position:absolute;top:85px;/*left:235px;*/width:80px;height:79px;background: url(../../img/sb-pol2013-small.png) no-repeat 0;opacity:0.0} #bn .HomeNew .laurkonsumenta {position:absolute;top:85px;/*left:135px;*/width:80px;height:80px;background: url(../../img/lk-pol2015-small.png) no-repeat 0;opacity:0.0} #bn .HomeNew .laurkonsumenta2016 {position:absolute;top:85px;/*left:135px;*/width:80px;height:80px;background: url(../../img/lk-pol2016-small.png) no-repeat 0;opacity:0.0} #bn .HomeNew .klj2016 {position:absolute;top:85px;/*left:135px;*/width:80px;height:80px;background: url(../../img/klj-2016-small.png) no-repeat 0;opacity:0.0} #bn .container.blue {background: #F4C600/*#FFD728*/ /*#006999*/ 10px 0; height:40px} #bn .container.blue ul, #bn .container.submenu ul:first-child { margin-left:10px } #bn .container.submenu .grid.g18 select, #bn .container.blue .grid.g18 select {float: left;margin-left: 10px;border: 1px solid #005d87;color: #fff;text-transform: uppercase;height: 41px;line-height: 41px;width: 400px;background: #005d87;padding-left: 10px;} #bn .container.submenu .grid.g18 select { margin-top:2px; height:35px; line-height:35px; } #bn .container.blue ul li, #bn .container.submenu ul li { float:left;line-height: 40px;margin-right:18px; } #bn .container.blue ul li a, #bn .container.submenu ul li a { color: #fff;font-size: 17px } #bn .container.blue ul.black li a, #bn .container.submenu ul.black li a { color: #000; } #bn .container.blue ul li a:hover, #bn .container.submenu ul li a:hover { opacity:0.35 } #bn .container.blue form, #bn .container.blue .grid > div { float:right } #bn .container.blue form input { float: left } #bn .container.blue form input[type=text] { height:40px; line-height:40px; width: 140px; padding:0 16px; border-right: 1px solid #CFA900/*#006694*/; border-left: 1px solid #006694; background:#FFD728/*#005d87*/; color:#fff; font-weight:400; font-size:14px } #bn .container.blue form input[type=submit] { height:40px; width:42px; background: url(../../img/search.png?v2) no-repeat 0 0; text-indent: -9999px; } #bn .container.blue form input[type=submit]:hover { background-position: 0 -41px } #bn .container.submenu { height:41px; } #bn .container.submenu ul li { line-height: 39px;margin-right:22px; } #bn .container.submenu ul li a { font-size: 15px } #bn .container.submenu ul.right { float:right } #bn .container.submenu ul.right li{ padding: 0 0 0 15px; margin:2px 15px 2px 0; line-height: 34px; } #bn .container.submenu ul.right li:first-child { border-right:1px solid #1c4977;padding: 0 15px 0 0; margin-right:0 } #bn .page .container p{ color:#000 } #bn .page .container b { font-weight:600; color:inherit } /* Header */ #bn .gray { background: #ccc; height:52px; } #bn .gray h5 { color: #666;line-height:52px; font-size:13px; margin-left:10px; float:left; } #bn .gray ul { float:left; margin-top:7px;} #bn .gray ul li { float:left; margin-left: 8px } /*#bn .gray ul li a.Ant {display:block; height:30px; width:156px;} #bn .gray ul li a.Ant:hover { background-position: 0 -30px; }*/ /*#bn .gray ul.Sites {width:900px;}*/ /*905px-but not in IE*/ #bn .gray.logos {height:60px;} #bn .gray ul.Sites li a{background: url(../../img/header_logo.png) no-repeat 0 0;height:40px;display:block;width:150px;margin-top:5px;} #bn .gray ul li a.Magazine {background-position: 0px 0;width:140px;} #bn .gray ul li a.Ant {background-position: -200px 0;width:153px;} #bn .gray ul li a.Profi {background-position: -400px 0;width:119px;} #bn .gray ul li a.Sunshine {background-position: -600px 0;width:138px;} #bn .gray ul li a.Gallery {background-position: -800px 0;/*width:164px;*/width:140px;} #bn .gray ul li a.Energy {background-position: -1000px 0;width:131px;} #bn .gray ul li a.AntBlog {background-position: -1631px 0;width:215px;} #bn .gray ul li a.RecipeBlog {background-position: -1872px 0;width:160px;} #bn .gray ul li a.DomNowoczesny {background-position: -2095px 0;width:155px;margin-top:0} #bn .gray ul li a.Magazine:hover {background-position: 0px -40px;} #bn .gray ul li a.Ant:hover {background-position: -200px -40px;} #bn .gray ul li a.Profi:hover {background-position: -400px -40px;} #bn .gray ul li a.Sunshine:hover {background-position: -600px -40px;} #bn .gray ul li a.Gallery:hover {background-position: -800px -40px;} #bn .gray ul li a.Energy:hover {background-position: -1000px -40px;} #bn .gray ul li a.AntBlog:hover {background-position: -1631px -40px;} #bn .gray ul li a.RecipeBlog:hover {background-position: -1872px -40px;} #bn .gray ul li a.DomNowoczesny:hover {background-position: -2095px -40px;} #bn .slider {min-height: 17px;border-bottom:2px solid #fff;background: url(../../img/bg-slider.png) repeat-x left bottom;position:relative} #bn .slider a.roll {display:block;width:74px;height:96px;background: url(../../img/slider-roll.png?v2) no-repeat 0 28px;margin-left: 50%;position: absolute;bottom: -36px;left: -37px;text-align:center;text-transform:uppercase;z-index: 1} #bn .slider a.roll:hover {background-position: -148px 28px} #bn .slider a.roll.close {background-position: -74px 28px} #bn .slider a.roll.close:hover { background-position: -222px 28px; } #bn .slider a.roll span {color:#fff} #bn .slider a.roll-small {display:block;width:48px;height:74px;background: url(../../img/slider-roll-small.png?v2) no-repeat 0 22px;margin-left: 50%;position: absolute;bottom: -32px;left: -37px;text-align:center;text-transform:uppercase;z-index: 1} #bn .slider a.roll-small:hover {background-position: -96px 22px} #bn .slider a.roll-small.close {background-position: -48px 22px} #bn .slider a.roll-small.close:hover { background-position: -144px 22px; } #bn .slider a.roll-small span {font-size:14px;color:#fff} #bn .slider .container {margin-top:46px;padding-bottom: 0;height:470px;overflow: hidden} #bn .slider .container h1 {text-transform:uppercase;color:#fff;font-size:24px;border-bottom: 2px solid #F4C600/*#66ccff*/;padding-bottom:9px} #bn .slider .container h1 b { color:#fff } #bn .slider .container h1.right {border-bottom: 2px solid #F4C600/*#4da6ff*/;padding-left: 2px;text-align:right;} #bn .slider .container .slider3 h1 {color:#004896;border:0} #bn .slider.advices .container .slider3 a.selector { border:1px solid #CCC; padding:3px;color:#004896 } #bn .slider.advices .container .slider3 h1 { color:#004896;border:0;width: auto;display: inline-block;line-height: 20px;/*float: left;*/padding:0;margin:10px 0 0 10px } #bn .slider.advices .container .slider3 a.switch-down { display:inline-block;float:left;width:40px;height:40px;background: url(../../img/icons.png?v2) no-repeat -40px 0 } #bn .slider.advices .container .slider3 a.switch-down:hover { background-position: -40px -40px } #bn .slider.advices .container .slider3 a.switch-up { display:inline-block;float:left;width:40px;height:40px;background: url(../../img/icons.png?v2) no-repeat -80px 0 } #bn .slider.advices .container .slider3 a.switch-up:hover { background-position: -80px -40px } #bn .slider .container .slider3 h1.right { color:#004896;border:0;float:right;line-height:40px;margin-right:5px; } #bn .slider .container .slider3 a.next { text-indent: -9999px;width: 40px;height: 40px;float: right;display: block;background: url(../../img/icons.png?v2) no-repeat -200px -40px;float:right;} #bn .slider .container .slider3 a.next:hover { background-position: -200px 0 } #bn .slider-border { height:376px;width:100%;margin-top:8px;position: relative;overflow: hidden; } #bn .slider.advices .slider-border { height:230px;border-top: 1px solid #CCC;margin:0 } #bn .slider.advices .slider-border.margin-left { border-left: 2px solid #FFF } #bn .slider.advices .slider-border.margin-right { border-right: 1px solid #FFF } #bn .slider-container {position:absolute;top:0;left:0;width:295px;height:376px} #bn .slider-container2 {position:absolute;top:0;left:0;width:1180px;height:230px} #bn .slider1 .slider-container .one {float:left;width:590px;height:376px;} #bn .slider2 .slider-container .one { float:left;width:590px;height:376px; } #bn .slidernav.up { position:absolute;bottom:5px;right:5px;width:40px;height:84px;} #bn .slidernav.up li { margin-top:2px } #bn .slidernav.up li a { display:block;width:40px;height:40px;background: url(../../img/icons.png?v2) no-repeat -80px 0 } #bn .slidernav.up li a#slidernav-down {background-position: -40px 0} #bn .slidernav.up li a:hover { background-position: -80px -40px } #bn .slidernav.up li a#slidernav-down:hover { background-position: -40px -40px } #bn .slidernav.next { position:absolute;right:5px;bottom:5px;width:84px;height:40px; } #bn .slidernav.next li { float:left;margin-right:2px } #bn .slidernav.next li a { display:block;width:40px;height:40px;background: url(../../img/icons.png?v2) no-repeat -120px 0 } #bn .slidernav.next li a#slidernav-next {background-position: -160px 0} #bn .slidernav.next li a:hover { background-position: -120px -40px } #bn .slidernav.next li a#slidernav-next:hover { background-position: -160px -40px } #bn .slider .grid.slider1, #bn .slider .grid.slider2 { position:relative; } #bn .slider-container .one li { float:left; position:relative; } #bn .slider-container li.border { border:10px solid transparent } #bn .slider-container li.border .producer { top:5px;right:5px;width:auto;height:auto;border:1px #888 solid } #bn .slider-container .one li img { float:left } #bn .slider-container .one li > div { position:absolute; height:40px;background: rgb(0,0,0);background: rgba(0,0,0, .8); } #bn .slider-container .one li h2 { line-height:40px; padding: 0 40px 0 10px; text-transform:uppercase; color:#fff; font-size:17px } #bn .slider-container .one li div.lt { top:0; left:0 } #bn .slider-container .one li div.rt { top:0; right:0 } #bn .slider-container .one li div.lb { bottom:0; left:0; overflow:hidden } #bn .slider-container .one li > div.lb { height:auto } #bn .slider-container .one li > div.lb > h2 { line-height:40px; padding: 0 40px 0 10px; text-transform:uppercase; color:#fff; font-size:17px } #bn .slider-container .one li.Product > div.lb { height:80px } #bn .slider-container .one li.Product > div.lb.Bottom { bottom:0 } #bn .slider-container .one li.Product > div.lb.Top { bottom:none; top:0 } #bn .slider-container .one li.Product > div.lb > h2 { line-height:17px; padding: 10px 40px 0 10px;} #bn .slider-container .one li > div.lb > div.price { /*position:absolute; bottom:12px; left:22px;*/margin-left:10px } #bn .slider-container .one li > div.lb > div.price > div { float:left; position:relative;margin-right:16px} #bn .slider-container .one li > div.lb > div.price > div > span:first-child { line-height:35px;font-weight:bold;font-family:"Open Sans"; font-size:18px; font-style:italic; color:#fff} #bn .slider-container .one li > div.lb > div.price > div > span.strike { padding: 0 9px;left: -9px;display:block;background:#3f67c0;height:2px; width:100%;position:absolute;top:17px } #bn .slider-container .one li > div.lb > div.price > a { margin-right:10px; line-height:30px; font-weight:bold;float:left; font-family:"Open Sans"; font-size:18px; font-style:italic; color:#fff } #bn .slider-container .one li.border div.producer.TopLeft { top:5px;left:5px;bottom:auto;right:auto } #bn .slider-container .one li.border div.producer.TopRight { top:5px;right:5px;bottom:auto;left:auto } #bn .slider-container .one li.border div.producer.BottomLeft { top:auto;right:auto;bottom:5px;left:5px; } #bn .slider-container .one li div.rb { bottom:0; right:0 } #bn .slider-container .one li div.show{ overflow:hidden; display:none; height:100%; width:100%; cursor:pointer; background: rgba(0,0,0, 0.8) /*height:0; width:0;*/ } #bn .slider-container .one li div.show p {color: #fff; font-size:13px; padding: 0 14px;line-height:15px } #bn .slider-container .one li div.show h2 { line-height:20px; padding: 10px 40px 0 10px; } #bn .slider-container .one li div.show p b {color: #fff; font-size:13px } #bn .slider-container .one li div.show a.more { text-indent:-9999px;width:26px;height:20px;background: url(../../img/more.png) no-repeat 0 0;position:absolute;top:13px;right:16px; } #bn .slider-container .one li > div.show > div.price { position:absolute; bottom:0; /*left:22px;*/margin-left:10px } #bn .slider-container .one li > div.show > div.price > div { float:left; position:relative;margin-right:16px} #bn .slider-container .one li > div.show > div.price > div > span:first-child { line-height:35px;font-weight:bold;font-family:"Open Sans"; font-size:18px; font-style:italic; color:#fff} #bn .slider-container .one li > div.show > div.price > div > span.strike { padding: 0 9px;left: -9px;display:block;background:#3f67c0;height:2px; width:100%;position:absolute;top:17px } #bn .slider-container .one li > div.show > div.price > a { line-height:30px; font-weight:bold;float:left; font-family:"Open Sans"; font-size:18px; font-style:italic; color:#fff } #bn .slidernav.next { position:absolute;right:5px;bottom:5px;width:84px;height:40px; } #bn .slidernav.next li { float:left;margin-right:2px } #bn .slidernav.next li a { display:block;width:40px;height:40px;background: url(../../img/icons.png?v2) no-repeat -120px 0 } #bn .slidernav.next li a.slidernav-next2 {background-position: -160px 0} #bn .slidernav.next li a:hover { background-position: -120px -40px } #bn .slidernav.next li a.slidernav-next2:hover { background-position: -160px -40px } #bn .slider-container2 .one li { float:left; position:relative; } #bn .slider-container2 li.border { border:10px solid transparent } #bn .slider-container2 .one li img { float:left } #bn .slider-container2 .one li > div { position:absolute; height:40px;background: rgb(255,215,40);/*background: rgba(0,0,0, .8); */} #bn .slider-container2 .one li h2 { line-height:40px; padding: 0 15px; text-transform:uppercase; color:#000/*#fff*/ ;font-size:17px } #bn .slider-container2 .one li div.lt { top:0; left:0 } #bn .slider-container2 .one li div.rt { top:0; right:0 } #bn .slider-container2 .one li div.lb { bottom:0; left:0;overflow:hidden } #bn .slider-container2 .one li div.rb { bottom:0; right:0 } #bn .slider-container2 .one li div.show{ overflow:hidden; display:none; height:100%; width:100%; background: rgba(255,215,40, 0.8); text-align:center /*height:0; width:0;*/ } #bn .slider-container2 .one li div.show p {color: #fff; font-size:13px; padding: 0 14px;line-height:15px } #bn .slider-container2 .one li div.show p b {color: #fff; font-size:13px } #bn .slider-container2 .one li div.show a.more{ font-size: 14px;margin-top: 54px;color: #000/*#fff*/;border: 1px solid #000/*#fff*/;display: inline-block;padding: 0 10px;height: 32px;line-height: 32px;font-weight: 400; } #bn .slider-container2 .one li div.show a.more:hover{ background:#fff;color:#000; } #bn .slider-container2 .one li > div.show > div.price { position:absolute; bottom:12px; right:22px;margin-left:10px } #bn .slider-container2 .one li > div.show > div.price > div { float:left; position:relative;margin-right:16px} #bn .slider-container2 .one li > div.show > div.price > div > span:first-child { line-height:35px;font-weight:bold;font-family:"Open Sans"; font-size:18px; font-style:italic; color:#fff} #bn .slider-container2 .one li > div.show > div.price > div > span.strike { padding: 0 9px;left: -9px;display:block;background:#3f67c0;height:2px; width:100%;position:absolute;top:17px } #bn .slider-container2 .one li > div.show > div.price > a { line-height:30px; font-weight:bold;float:left; font-family:"Open Sans"; font-size:18px; font-style:italic; color:#fff } #bn .main-bg { background: url(../../img/bg-main.jpg) no-repeat center top;} #main { padding-top:24px} #searchbar { float:left } #searchbar ul.searchfull li { float:left } #searchbar ul.searchfull li a { display:block; width:40px; height:40px; text-indent:-9999px } #searchbar ul.searchfull li a.search { background: url(../../img/icons.png?v2) no-repeat 0 0 } #searchbar ul.searchfull li a.search:hover { background-position: 0 -40px } #searchbar ul.searchfull li a.more { background: url(../../img/icons.png?v2) no-repeat -160px 0; margin-left:2px } #searchbar ul.searchfull li a.more:hover {background-position: -160px -40px} #searchbar ul.searchfull form {width: 214px;} #searchbar ul.searchfull form input { float: left } #searchbar ul.searchfull form input[type=text] { height:40px;line-height:40px;width: 140px;padding:0 16px;border-right: 1px solid #eee;border-left: 1px solid #eee;background:#ddd;color:#666;font-weight:400;font-size:14px } #searchbar ul.searchfull form input[type=submit] { height:40px;width:40px;background: url(../../img/icons.png?v2) no-repeat 0 0;text-indent: -9999px; } #searchbar ul.searchfull form input[type=submit]:hover { background-position: 0 -40px } #bn .grid.search h1 { padding:6px 0 15px 10px;clear:both; text-align:center; font-weight:400;text-transform:uppercase; color:#004896;text-shadow: 1px 1px #fff; font-size:27px; } #bn .grid.search h2 { clear:both; color:#666; font-size:17px; line-height:23px; text-shadow: 1px 1px #fff;text-align:center } #searchbar ::-webkit-input-placeholder { color:#666; } #searchbar ::-moz-placeholder { color:#666; } #searchbar :-ms-input-placeholder { color:#666; } #searchbar input:-moz-placeholder { color:#666; } /*#searchbar li.show { width:0px; overflow: hidden }*/ #searchbar ul.searchfull li.show { width:212px; overflow: hidden } /*#searchbar { float: left;clear: both;}*/ #searchbar ul.searchfull { float: left;clear: both; /*display:none;*/} #searchbar ul.top { float:left; /*width:100%;*/ height:40px;background:#F4C600 } #searchbar ul.top li { height:40px; line-height:40px; font-size:15px; color:#000; float:left; padding: 0 12px; } #searchbar ul.top li.active, #multisearch ul.top li:hover { background: #f0f0f0 } #searchbar ul.top li a { color:#000 } #searchbar ul.top li.active a, #multisearch ul.top li:hover a { color:#004896 } /*#main .container .grid.search { background: url(../../img/search-arrows.png) no-repeat 11px 13px;border-bottom: 1px solid #dfdfdf;padding-bottom:35px;margin-bottom:0}*/ #main .container .grid.search {border-bottom: 1px solid #dfdfdf;padding-bottom:10px;margin-bottom:0} #bn .clear { clear:both } #bn .seemore { float:right; display:block; width:20px; height:20px; background: url(../../img/seemore.png) no-repeat 0 0; text-indent: -9999px;margin-bottom:3px; } #bn .seemore:hover { opacity:0.65 } #bn .container.top { margin-top:40px } #bn .articlelast {position:relative} #bn .articlelast .bluebg { display:table-cell;vertical-align:middle;width:165px; height:150px; padding-left: 55px; background: #004896; color: #fff; text-transform:uppercase; font-size:24px } #bn .articlelast .bluebg b { font-weight:normal; font-weight:400; } #bn .articlelast .articlemore { display:none;width:220px; height:150px; background: #004896; position:absolute; top:0; left:0; text-align:center } #bn .articlelast .articlemore A { font-size:14px;margin-top:54px;color: #fff; border:1px solid #fff; display:inline-block; padding:0 10px; height:32px; line-height:32px; font-weight:400 } #bn .articlelast:hover .articlemore { display:block } #bn .articlelast:hover .articlemore A:hover { background:#fff; color:#004896 } #bn ul.list { } #bn ul.list li { margin-bottom:6px; float:left; clear:left } #bn ul.list li span, #bn .g6.topic span { float:left; font-size: 12px;font-weight:400; margin:12px 0 3px } #bn ul.list li a, #bn .g6.topic a.title { float:left; clear:left; line-height: 17px;font-size: 14px;color:#000/*#004896*/; padding-right:5px } #bn ul.list li a:hover, #bn .g6.topic a.title:hover { opacity:0.65 } #bn .g6.topic a.title {margin: 1px 0 4px;font-size:18px; line-height:24px;font-weight:400;font-weight:bold;} #bn .g6.topic p {line-height:17px; font-size:13px; color:#000/*#666*/; float:left; clear:left;text-align:justify } #bn .g6.topic img { float: left; } #bn .grid.bg { background: url(../../img/bg.jpg) no-repeat 8px 23px; min-height:362px } /*#bn .grid.bg { background: url(../../img/bg.jpg) no-repeat 8px 3px; min-height:362px } - zmiana tła bg.jpg*/ #bn .grid.bg ul.movies { clear:both; float:right; width:138px; } #bn .grid.bg ul.movies li { float:left; clear:both; position:relative; } #bn .grid.bg ul.movies li.title { width:100%; height:60px; background:#004896; line-height:60px; text-align:center;text-transform:uppercase;color:#fff;font-size:24px; } #bn .grid.bg div.title { width:100%; height:53px; background:#004896; line-height:24px; text-align:center;text-transform:uppercase;color:#fff;font-size:19px;margin:23px 0 0 9px;width:270px;padding-top:7px;} #bn .grid.bg ul.movies li img { float:left;height: 87px;width: 137px } #bn .grid.bg ul.movies li a { display:none; width:100%; height:100%; position: absolute;left: 0;top: 0;background: rgb(0,0,0);background: rgba(0,0,0, .8); color:#fff;text-shadow: 1px 1px #000; text-transform:uppercase; font-size:14px; line-height:17px; text-align:center} #bn .grid.bg ul.movies li:hover a { display:block } #bn .grid.bg ul.movies li a span { display: table-cell;height: 87px;width: 137px; vertical-align: middle; } #house {overflow: hidden; margin-top:23px; width: 280px; position:relative; min-height:320px } #houses { width:10000px; position:absolute;left:0 } #house > h1 { height:38px; line-height:38px; font-size:19px; color:#fff; text-transform:uppercase;position:absolute;top:0;left:0;z-index:1; background:#004896;padding:0 15px } #house > ul.nav { position:absolute; top:147px; left:0; z-index: 1 } #house > ul.nav li { float:left; clear:left; margin-bottom:1px } #house > ul.nav li a { display:block; width:40px; height:40px; text-indent:-9999px; background: url(../../img/icons.png?v2) no-repeat -200px 0 } #house > ul.nav li a.prev { background-position: -240px 0 } #house > ul.nav li a.add { background-position: -280px 0 } #house > ul.nav li a.next:hover { background-position: -200px -40px } #house > ul.nav li a.prev:hover { background-position: -240px -40px } #house > ul.nav li a.add:hover { background-position: -280px -40px } #houses li { width: 280px;float:left } #houses li a img { float:left } #houses li h2 { font-weight:400; color:#004896; text-transform:uppercase; font-size:16px; margin: 11px 0 0 54px; float:left } #houses li h2 span { font-weight:700; color:#4ca5ff } #houses li p { font-size:13px; line-height:21px; float:left; margin: 8px 0 0 54px } #houses li h3 { font-size:15px; font-weight:400; line-height:21px; float:left; margin: 8px 0 0 54px; color:#004896} #houses li h3 b { margin-left: 2px;font-weight:700 } #movie { position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;width:100%; margin-bottom:40px} #movie iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #bn ul.inspirations { width:280px; height:280px; position:relative } #bn ul.inspirations li { width:140px; height:140px; position:relative } #bn ul.inspirations li, ul.inspirations li img { float:left } #bn ul.inspirations li.bg { background: url(../../img/inspirations.gif) no-repeat 0 0 } #bn ul.inspirations li ul.stars { background: rgb(0,0,0);background: rgba(0,0,0, .5); position:absolute; right:0; bottom:0; padding: 10px 8px 10px 6px } #bn ul.inspirations li ul.stars li { float:left; width:12px; height:12px; background: url(../../img/stars.png) no-repeat 0 0; margin-left:2px; } #bn ul.inspirations li ul.stars li.ok { background-position: -12px 0 } #bn ul.inspirations li.register {display:none;width:280px; height:140px; background:#FFD728/*#004896*/; position:absolute; bottom:0; left:0; text-align:center} #bn ul.inspirations li.register a { font-size:14px;margin-top:54px;color:#000/*#fff*/; border:1px solid #000/*#fff*/; display:inline-block; padding:0 10px; height:32px; line-height:32px; font-weight:400 } #bn ul.inspirations:hover li.register {display:block} #bn ul.inspirations:hover li.bg {background-position: 0 -140px} #bn ul.inspirations:hover li.register a:hover {background:#fff; color:#004896} #bn ul.inspirations .title { float:left; clear:left; position:absolute;bottom:0 } #bn ul.inspirations .title h2 { display:table-cell; height:104px; width:190px;font-weight:400;font-size:20px;line-height: 22px; padding: 0 45px; vertical-align:middle; text-align:center; color:#000; text-transform:uppercase; background:#FFD728 } #bn footer { padding:63px 0 25px; min-height: 164px; background: url(../../img/bg-footer.jpg) no-repeat center top} #bn footer .container:first-child { border-bottom:1px solid #ccc;padding-bottom:22px } #bn footer .grid.g4 a img { float:left;margin-top: 5px; } #bn footer .scrolltop { display: block;width: 74px;height: 73px;background: url(../../img/up.png) no-repeat 0 0;position: absolute;top: -100px;left: 50%;margin-left: -37px;z-index: 20; } #bn footer .scrolltop:hover { background-position: 0 -73px } #bn ul.socials { float:left; clear:left;margin-top:13px } #bn ul.socials li { float:left; margin-right:4px } #bn ul.socials li a { width:40px; height:40px; display:block; background: url(../../img/icons.png?v2) no-repeat -320px 0 } #bn ul.socials li a:hover { background-position: -320px -40px } #bn ul.socials li.gp a { background-position: -360px 0 } #bn ul.socials li.gp a:hover { background-position: -360px -40px } #bn ul.socials li.tw a { background-position: -400px 0 } #bn ul.socials li.tw a:hover { background-position: -400px -40px } #bn ul.socials li.yt a { background-position: -440px 0 } #bn ul.socials li.yt a:hover { background-position: -440px -40px } #bn ul.socials-top { /*float:left; clear:left;margin-top:13px*/ position:absolute;right:216px } #bn .container.blue ul.socials-top li { float:left; margin-right:0;/*margin-right:4px*/ } #bn ul.socials-top li a { width:40px; height:40px; display:block; background: url(../../img/icons.png?v2) no-repeat -320px 0 } #bn .container.blue ul.socials-top li a:hover { /*background-position: -320px -40px;*/ opacity:1 } #bn ul.socials-top li.fb a { background-position: -320px 0 } #bn ul.socials-top li.fb a:hover { background-position: -320px -40px } #bn ul.socials-top li.gp a { background-position: -360px 0 } #bn ul.socials-top li.gp a:hover { background-position: -360px -40px } #bn ul.socials-top li.tw a { background-position: -400px 0 } #bn ul.socials-top li.tw a:hover { background-position: -400px -40px } #bn ul.socials-top li.yt a { background-position: -440px 0 } #bn ul.socials-top li.yt a:hover { background-position: -440px -40px } #bn ul.socials-top li.pt a { background-position: -760px -40px } #bn ul.socials-top li.pt a:hover { /*background-position: -760px -40px*/ opacity: 0.75 } #bn .container.blue ul.socials-top li.pt a:hover { opacity: 0.75 } #bn .submenu ul.socials { float:right; clear:none; margin-top:1px; padding-right:43px } #bn .submenu ul.socials li { margin-right:4px } #bn .submenu ul.socials li a:hover { opacity:1.0 } #bn footer .footermenu { float:left;} #bn footer .footermenu.pages { width: 50% } #bn footer .footermenu li { float:left; clear:left; background: url(../../img/arrow.png) no-repeat 0 7px; padding-left:7px;margin-bottom:6px } #bn footer .footermenu li a { color:#333; text-shadow: 1px 1px #fff; font-size:13px } #bn footer .footermenu li a:hover, #whizcreate:hover/*, #impactmedia:hover*/ { opacity:0.65 } /*#bn footer .footermenu+.footermenu { margin-left:53px }*/ #bn footer h2, #bn .sidebar h2 {color:#004896; font-weight:700; text-transform:uppercase; text-shadow: 1px 1px #fff; font-size:14px;margin-bottom:6px;float:left} #bn .sidebar h2 {font-size: 18px; margin-top: 10px} #bn footer .calendar, #bn .sidebar .calendar {float:left;clear:left; width:43px; margin: 4px 10px 0 0;} #bn footer .calendar h5, #bn .sidebar .calendar h5 { width:43px; text-align:center; height:36px; line-height:36px;border-bottom:1px solid #d9e6ed; background:#96d7f7; font-size:29px; font-weight:700;color:#fff } #bn footer .calendar h6, #bn .sidebar .calendar h6 { height:18px; line-height:18px; background:#ccc; color:#fff; font-weight:700; text-transform:uppercase; font-size:9px;text-align:center } #bn footer .description, #bn .sidebar .description { padding: 0;clear: none;float:left; width:227px; margin-top:1px; margin-bottom:5px } #bn footer .description h3, #bn .sidebar .description h3 { text-shadow: 1px 1px #fff;color:#333; font-weight:400; font-size:16px; line-height:15px;margin-bottom: 0;text-transform: none } #bn .sidebar .description h3 {font-size:14px; margin-top: 4px;} #bn footer .description p, #bn .sidebar .description p { text-shadow: 1px 1px #fff;color:#333; font-size:13px; line-height:16px;margin-top:9px } #bn footer .news a:hover .description h3, #bn .sidebar .news a:hover .description h3 { opacity:0.65 } #bn footer .news a:hover .description p, #bn .sidebar .news a:hover .description p { opacity:0.65 } #bn footer .g15m h6, #bn .sidebar .g15m h6 { color:#004896; font-size:14px; margin:25px 0 7px;} #bn footer .g15m p, #bn .sidebar .g15m p { font-size:13px; line-height:18px } #whizcreate { width:48px; height:24px; float:right; background: url(../../img/createdby.gif) no-repeat -97px 0; text-indent: -9999px; margin: 25px 3px 0 20px } /*#impactmedia { width:77px; height:24px; float:right; background: url(../../img/createdby.gif) no-repeat 0 0; text-indent: -9999px; margin: 25px 3px 0 0 }*/ #multisearch { float: left;/*clear: both; width:100%; display:none;*/} #multisearch fieldset.bright, #multisearch div.bright { width:100%; background: #f2f2f2; padding: 23px 0 17px } #multisearch fieldset.dark { padding: 20px 60px 20px; width:1060px; background:#e8e8e8 } #multisearch fieldset.dark .changer h3,#multisearch fieldset.dark .changer label { text-transform:uppercase; font-size:14px; color:#004896;font-weight:400;margin-bottom:10px;display: block; } #multisearch ul.tabs {float: left;clear: both;width: 100%;} #multisearch ul.tabs > li { display:none } #multisearch ul.tabs > li.active { display:block } #multisearch div.bright.web { width:100% } #multisearch div.bright.web form { padding: 25px 60px 20px } #multisearch div.bright.web fieldset { float:left; margin-right: 10px; } #multisearch div.bright.web fieldset input[type=text] { width: 250px;height: 42px;line-height: 42px;border:0;color: #666;font-weight: 400;font-size: 13px;padding: 0 15px;margin-bottom: 11px; } #multisearch div.bright.web fieldset input[type=submit] { margin-top: 0;height: 42px;line-height: 42px;} #bn .window { background:#fff; width:306px; height:175px; position:relative; overflow:hidden } #bn .window.Disabled { background:#eee;} #bn .window.image { height: auto; } #bn .window label { width:305px; background:#fff;border-left:3px solid #fff; cursor:pointer;white-space: nowrap;display: block;height:25px; line-height:25px; font-size:12px; color:#333; padding: 0 14px 0 18px } #bn .window h6 { width:310px; background:#fff;border-left:3px solid #fff; font-weight:700;white-space: nowrap;display: block;height:25px; line-height:25px; font-size:12px; color:#333; padding: 0 14px 0 13px } #bn .window input:checked+label {border-left:3px solid #66ccff; background:#e7e7e7 } #bn .window input { display:none } #multisearch fieldset.dark .changer { float:left; margin-left:20px } p.info { text-shadow: 1px 1px #fff; clear:both; color:#333; font-size:14px; margin:15px 0;float:left } #multisearch fieldset.dark .changer:first-child { margin-left:0 } #multisearch fieldset.dark .changer .nav { width:340px; height:40px; background:#d3d3d3 } #multisearch fieldset.dark .changer .nav li { float:left; } #multisearch fieldset.dark .changer .nav li a { display:block; width: 170px; height:40px; background:url(../../img/nav-multisearch.gif) no-repeat center 0 } #multisearch fieldset.dark .changer .nav li.up a { background:url(../../img/nav-multisearchup.gif) no-repeat center 0 } #multisearch fieldset.dark .changer .nav li a:hover { background-position: center -40px } #multisearch fieldset.dark .changer .nav li.up a:hover { background-position: center -40px } .window .windowlist { position: absolute;top: 0;left: 0;} #multisearch fieldset input[type=text] { float:left; height:40px; width:208px; padding: 0 15px; line-height:40px; border:1px solid #ccc;color:#999; font-weight:400; font-size:14px } #multisearch ::-webkit-input-placeholder { color:#999; } #multisearch ::-moz-placeholder { color:#999; } #multisearch :-ms-input-placeholder { color:#999; } #multisearch input:-moz-placeholder { color:#999; } #multisearch div.dropdown { position:relative; margin-left:20px; float:left; height:40px; width:323px; background:#fff; padding: 0 0 0 15px; line-height:40px; border:1px solid #ccc;color:#999; font-weight:400; font-size:14px } #multisearch div.dropdown span { float:left } #multisearch div.dropdown a { float:right; display:block; width:31px;height:31px;background:url(../../img/dropdown.png) no-repeat 0 0; margin-top:4px; margin-right:4px } #multisearch div.first a { margin:4px 4px 0 0 } #multisearch div.dropdown a:hover, #multisearch div.dropdown a.active { background-position: 0 -31px } #multisearch div.dropdown input { float:right; margin: 4px 5px 0 3px; height:31px; width:66px; text-transform:uppercase; line-height:31px; font-size:15px; background:#66ccff; color:#fff; font-weight:700 } #multisearch div.dropdown input:hover { background:#003265 } #bn .dropdown-show { position:absolute; top: 35px;right: 74px; background:#666;z-index: 1; display:none } #bn .dropdown-show label { border-left:3px solid #666; cursor:pointer;white-space: nowrap;display: block;height:25px; line-height:25px; font-size:12px; color:#fff; padding: 0 14px 0 18px } #bn .dropdown-show input:checked+label {border-left:3px solid #66ccff; background:#717171 } #bn .dropdown-show input { display:none } #bn input.first { margin-left:60px } #bn fieldset > div.first { margin-left:60px;margin-right:20px } #sliders { position:relative } #bn .indexslider { height:280px } #bn .indexslider .jshowoff-controls { position:absolute; bottom:0; right:0; z-index:10 } #bn .indexslider .jshowoff-controls a { display:none} #sliders > div { position:absolute;top:0;left:0; z-index:0} #sliders > div.active { z-index:2} #slider div.bg { width:170px; height:280px; background:#004896; display:table-cell; vertical-align:middle;padding: 0 55px } #slider div.bg h1 { line-height: 26px;text-transform: uppercase;font-size: 24px; font-weight:400; color:#fff;margin-bottom:10px;} #slider div.bg p { color:#fff; line-height:17px; font-size:15px } #slider div.bg p+p { margin-top:15px } #slider .image, #slider div.left { float:left;position:relative } #slider .image { width:300px } #slider div.left { width:280px } #slider .image img { float:right } #slider .image > div { position:absolute; bottom:0;right:0; background: rgb(0,0,0);background: rgba(0,0,0, .8); } #slider .image > div h2 { float: left;line-height:40px; height:40px; font-size:17px; color:#fff;font-weight:400;text-transform:uppercase; text-shadow: 1px 1px #757672; padding: 0 15px 0 25px } #bn .indexslider .jshowoff-controls a.jshowoff-next, #slider .image > div a { text-indent:-9999px;width:40px; height:40px; float:right; display:block; background:url(../../img/icons.png?v2) no-repeat -200px -40px } #bn .indexslider .jshowoff-controls a.jshowoff-next:hover, #slider .image > div a:hover { background-position: -160px 0} #bn .g5.inspiration { clear:both} #bn .advslide { display:none; opacity:0 } #bn .advslide.active { display:block; opacity:1 } #advisors, #advisors2 { overflow: hidden;width:100%; position:relative; height:260px} #bn .advisors .container .jshowoff { display:none } #bn .advisors .container .jshowoff:first-child { display:block;height:260px } #bn .advisors .container .jshowoff-controls { position:absolute; top:120px; left:25px; z-index:4 } #bn .advisors .container .jshowoff-controls a { text-indent: -9999px; height:51px; width:51px; display:block; background: url(../../img/nav-advisors.png) no-repeat 0 0 } #bn .advisors .container .jshowoff-play { display:none!important } #bn .advisors .container .jshowoff-controls a:hover {background-position: 0 -51px } #bn .advisors .container .jshowoff-controls a.jshowoff-next{margin-top:12px; background-position: -51px 0 } #bn .advisors .container .jshowoff-controls a.jshowoff-next:hover {background-position: -51px -51px } #bn .advisors .container .hints {position:absolute; right:20px; top:60px; z-index:4 } #bn .advisors .container .hints li {width: 175px;margin-bottom:12px;min-height: 22px; padding: 2px 0 0 34px} #bn .advisors .container .hints li.ask { background: url(../../img/ask.gif) no-repeat 0 0;} #bn .advisors .container .hints li.all { background: url(../../img/all.gif) no-repeat 0 0} #bn .advisors .container .hints li a h1 { color:#004896; font-weight:700; text-transform:uppercase; font-size:18px; margin-bottom:2px; } #bn .advisors .container .hints li a p { color:#333; font-size:12px; line-height:14px; } #bn .advisors .container .hints li a:hover h1,.advisors .container .hints li a:hover p { opacity:0.65 } #bn .advisors .container .close { position:absolute; top:0; right:0; display:none; width:20px; height:20px; background: url(../../img/close.gif) no-repeat 0 0; z-index:10 } #person1 { position:absolute; left:115px; bottom:0 } #person2 { position:absolute; left:150px; bottom:0; z-index:2 } #person3 { position:absolute; left:290px; bottom:0; z-index:1 } #person4 { position:absolute; left:390px; bottom:0 } #person5 { position:absolute; left:500px; bottom:0; z-index:1 } #person6 { position:absolute; left:580px; bottom:0 } #person7 { position:absolute; left:700px; bottom:0; z-index:1 } #person8 { position:absolute; left:790px; bottom:0; z-index:2 } #bn .person { cursor:pointer } #bn .person.active { z-index:10!important } #advisors-text { display:none; position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(255,255,255);background: rgba(255,255,255, .9);z-index: 5; } #bn .text { display:none; position:absolute; bottom:30px; right:-430px; width:400px; font-size:16px } #bn .text.left { right:auto; left:-430px } #bn .text p { font-weight:400; } #bn .advisor-transparent { position:absolute;top:0;left:0;width:100%;height:100%; z-index:3 } #mapcloser { position:absolute;top:-60px;left:0; display:block; width:40px; height:40px; background: url(../../img/icons.png?v2) no-repeat -480px 0 } #mapcloser.closed { background-position: -480px -40px; top: -62px } #bn .mapcloser { position:absolute;top:-60px;left:0; display:block; width:40px; height:40px; background: url(../../img/icons.png?v2) no-repeat -480px 0 } #bn .mapcloser.closed { background-position: -480px -40px; top: -62px } #bn .bgnone { background:transparent!important} #bn .bordernone { border:0!important } #bn .mbnone { margin-bottom:0!important } #bn .button { float:right; margin-top:12px; margin-right: 15px; height:38px; width:76px; text-transform:uppercase; line-height:38px; font-size:15px; background:#66ccff; color:#fff; font-weight:700 } #bn .button:hover { background:#003265 } #bn .sidebar .menu { background-color:#f2f2f2; padding:5px } #bn .sidebar .menu h5 { margin-bottom:10px;font-weight: 300;font-size: 22px;color: #004896;text-align:center } #bn .sidebar .menu ul li { float:left; clear:both;font-size: 14px;line-height: 22px;/*background: url(../../img/da.gif) no-repeat 0 11px;*/padding-left: 12px; } #bn .sidebar .menu ul li a { color: #333; float:left;} #bn .sidebar .menu ul li a:hover { opacity:0.35 } #bn .sidebar .menu ul li a.active { font-weight:bold } #bn .sidebar .menu ul li a+ul { clear:both } #bn .sidebar .menu ul li ul.w50 { width:134px} #bn .sidebar .menu ul li ul { margin-bottom:10px; float:left } #bn .hover .left { float:left; clear:left } #bn .hover.single .left { position:absolute;bottom:0 } #bn .top .grid .hover.single .on { bottom:0;top:auto;height:auto } #bn .custom h1 { height:60px; line-height:60px; width:370px; padding-left:40px; background:#4da6ff; color:#fff; text-transform:uppercase; font-size:18px } #bn .custom form { background:#fff; padding: 23px 36px; width:338px} #bn .custom form fieldset { position:relative;width: 100%;float:left; clear:left } #bn .custom form fieldset label { float:left; clear:left; color:#999; font-size:14px;margin-bottom:8px } #bn .custom form fieldset input[type=text],#bn .custom form fieldset input[type=password] {margin-bottom:18px;float:left; clear:left; color:#999; font-size:14px; height:40px; line-height:40px; border:1px solid #ccc; width:280px; padding: 0 16px 0 16px } #bn .custom form fieldset textarea {margin-bottom:18px;float:left; clear:left; color:#999; font-size:14px; border:1px solid #ccc; padding: 0 16px 0 16px;resize: none;} #bn .custom form fieldset input[type=text]:focus,.custom form fieldset input[type=password]:focus {border: 1px solid #4da6ff } #bn .custom form fieldset div.field-border{border: 1px solid #ccc;clear:left;} #bn .custom form fieldset input.icon { background: url(../../img/bg-form.gif) no-repeat 266px -40px #fff;padding: 0 40px 0 16px;} #bn .custom form fieldset input.icon:focus {background-position: 91px -240px; } #bn .custom form fieldset input[type=submit] { height:38px; line-height:36px; padding:0 12px;text-transform: uppercase;font-size: 15px;background: #4da6ff;color: #fff;font-weight: 700; border:1px solid #4da6ff } #bn input.loginpassword,#bn input.registerpassword,#bn input.registerpassword2 { background-position: 190px -120px !important; } #bn input.loginpassword:focus, #bn input.registerpassword:focus, #bn input.registerpassword2:focus { background-position: 157px -160px !important; } #bn input.registeremail { background-position: 299px 0 !important; } #bn input.registeremail:focus { background-position: 124px -200px !important; } #bn .custom form fieldset p { line-height: 36px;margin:0!important;color:#999; float:left } #bn .custom form fieldset p a { font-size:13px; color:#999; text-transform:uppercase } #bn .custom form fieldset input[type=submit] { float:right } #bn .custom form#resetpass { background: #efefef; display:none } #bn .custom form#resetpass fieldset { float:left; clear:left;width:338px;height:42px;position:relative; margin-bottom:8px} #bn .custom form#resetpass fieldset input[type=submit] {position: absolute;top: 5px;right: 4px;height: 33px;text-transform: uppercase;line-height: 31px;font-size: 15px;background: #4da6ff;color: #fff;font-weight: 700;border:1px solid #4da6ff} #bn .custom form fieldset input[type=submit]:hover { background: #fff!important; border:1px solid #4da6ff!important; color:#4da6ff!important } #bn .custom form#resetpass p { float:left; clear:left;font-size:11px; line-height:14px; } #bn .custom ::-webkit-input-placeholder { color:#999; } #bn .custom ::-moz-placeholder { color:#999; } #bn .custom :-ms-input-placeholder { color:#999; } #bn .custom input:-moz-placeholder { color:#999; } #bn .custom .ppt, #bn .custom .pp_gallery, #bn .custom .pp_top, #bn .custom .pp_nav, #bn .custom .pp_bottom { display:none!important } #bn .pp_close { top:24px!important; left:386px!important; width:19px; height:9px; background: url(../../img/box-close.png) no-repeat 0 0 } #bn label.checkbox { margin-top: 12px;color:#999; font-size:12px; line-height:14px; height:14px; padding-left:22px; background: url(../../img/checkbox.gif) no-repeat 0 0 } #bn label.checkbox a { color:#999; text-decoration:underline; font-weight:700 } #bn .custom form fieldset input[type=checkbox] { left: 0;position: absolute;top: 12px;opacity: 0; } #bn .custom form fieldset input[type=checkbox]:checked+label { background-position: 0 -14px } #bn .newsletter fieldset input.mail:focus { background-position: 32px -200px; } #bn .contactselect ul.peoplelist { margin-top:10px;margin-left:20px } #bn .contactselect ul.peoplelist > li { float:left; clear:left;margin-top:80px } #bn .contactselect ul.peoplelist > li:first-child { margin-top:0 } #bn .contactselect ul.peoplelist li img { float:left } #bn .contactselect ul.peoplelist li foto { float:left } #bn .contactselect ul.peoplelist li div.desc { float:left; width:410px; padding:10px 0 0 40px } #bn .contactselect ul.peoplelist li div.desc h1 { color:#333; font-size:27px;margin-bottom:6px } #bn .contactselect ul.peoplelist li div.desc h2 { color:#333; font-size:16px; text-transform:uppercase; margin-bottom:18px } #bn .contactselect ul.peoplelist li div.desc div.data { border-top:1px solid #cecece; border-bottom:1px solid #cecece; font-size:14px; padding:15px 10px 9px } #bn .contactselect ul.peoplelist li div.desc div.data span { float:left; clear:both; color:#333; width: 180px;margin-bottom:6px } #bn .contactselect ul.peoplelist li div.desc div.data a { float: left; color:#333; font-weight:400 } #bn .contactselect .g15.breadcrumbs ul.views li.people > div ul li a:hover, .contactselect ul.peoplelist li div.desc div.data a:hover { opacity:0.65 } #bn .contactselect ul.peoplelist li div.desc h3 { font-weight:700; color:#333; font-size:16px; margin: 15px 0 } #bn .contactselect ul.peoplelist li div.desc > ul li { font-size:13px; line-height:22px; color:#333; background: url(../../img/da.gif) no-repeat 0 11px; padding-left:12px } #bn .top .grid .hover { position:relative; width:280px; height:280px;/*margin:0 0 20px 20px */} #bn .top .grid .hover h2 { display:table-cell; height:104px; width:190px;font-weight:400;font-size:20px;line-height: 22px; padding: 0 45px; vertical-align:middle; text-align:center; color:#fff; text-transform:uppercase; background:#004896 } #bn .top .grid .hover .on { width:280px; height:280px; position:absolute; top:0; left:0;display:none; } #bn .top .grid .hover img { float:left; clear:left } #bn .top .grid .hover .on .bg { float:left; clear:left;text-align: center;width:244px; padding:18px 18px 0; height:158px; background: #004896 } #bn .top .grid .hover .on .bg p {font-size:14px; line-height:16px; color:#fff; text-align:center; color:#fff; margin-bottom:12px } #bn .top .grid .hover .on .bg a { margin-top:13px;font-size:14px;color:#fff; border:1px solid #fff; display:inline-block; padding:0 10px; height:32px; line-height:32px; font-weight:400 } #bn .top .grid .hover .on .bg a:hover { background:#fff; color:#004896 } #bn .top .grid .hover:hover .on { display:block } #bn .ad a:hover{ opacity:0.75 } #bn .ad.margin { width:280px; min-height:380px; margin-top:20px } #bn .ad.margin.iframe {margin-left:-10px} #bn .sidebar.left .ad.margin, #bn .sidebar.left .ad.margin.iframe {margin-left:-35px} #bn .ad.wide { /*width:1180px; height:120px;*/ margin-top:20px } #bn TABLE.iRichTable{border: 1px solid #D5D5D5;border-top:none;border-right:none;border-left:none;padding:0;width:100%;} #bn TABLE.iRichTable TD{padding:6px;/*font:12px/16px Arial,sans-serif;*/border:1px solid #D5D5D5;border-bottom:none;background:#F6F6F6} #bn TABLE.iRichTable TD P{padding:0;margin:0;/*font:12px/16px Arial,sans-serif*/} #bn TABLE.iRichTable THEAD TR{background:transparent} #bn TABLE.iRichTable THEAD TD{background: #004896;font-weight: bold;color: #fff;} @-webkit-keyframes animateLoader { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(220deg); } } @-moz-keyframes animateLoader { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(220deg); } } @keyframes animateLoader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); transform: rotate(220deg); } } @-webkit-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(140deg); } } @-moz-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; -moz-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -moz-transform: rotate(140deg); } } @keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 6px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg); } } @-webkit-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 6px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(140deg); } } @-moz-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #fff inset; -moz-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 6px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -moz-transform: rotate(140deg); } } @keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 6px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg); } } .loading-overlay-showing { /*overflow: hidden*/ } .loading-overlay-showing > .loading-overlay { background-color: #004896; opacity: .85; visibility: visible; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .loading-overlay { -webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; -moz-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #004896; } .loading-overlay .loader { -webkit-animation: animateLoader 1s linear infinite; -moz-animation: animateLoader 1s linear infinite; animation: animateLoader 1s linear infinite; clip: rect(0, 30px, 30px, 15px); height: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; text-align: left; top: 50%; width: 30px; } .loading-overlay .loader:after { border-radius: 50%; clip: rect(0, 30px, 30px, 15px); content: ''; height: 30px; position: absolute; width: 30px; } html:not(.dark) .loading-overlay .loader:after { -webkit-animation: animateLoaderAfterBlack 1s ease-in-out infinite; -moz-animation: animateLoaderAfterBlack 1s ease-in-out infinite; animation: animateLoaderAfterBlack 1s ease-in-out infinite; } body > .loading-overlay { position: fixed; z-index: 999999; } /********************************************************************************************* 1. Default / for Grid 1200px *********************************************************************************************/ body{ font-family:sans-serif;} /********************************************************************************************* 2. 960px *********************************************************************************************/ @media only screen and (min-width: 960px) and (max-width: 1199px) { } /********************************************************************************************* 3. 720px *********************************************************************************************/ @media only screen and (min-width: 720px) and (max-width: 959px) { } /********************************************************************************************* 4. lt 720px *********************************************************************************************/ @media only screen and (max-width: 719px) { }