/* Theme Name: emtigodesign.pl Author: Emtigo Design Author URI: http://emtigodesign.pl Version: 1.0.97 */ /* 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} .DISABLE{display:none !important} .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} @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} 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:1204px;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} .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} .TITLE{margin:50px 0;color:#333;font:40px/44px "Playfair Display";text-align:center} .TITLE.group{padding:10px 0} .TITLE.medium{margin-bottom:10px;font:bold 30px/34px "PT Serif";text-align:left} .TITLE.small{width:90%;margin:0;font:20px/24px "Work Sans";text-align:center;text-transform:uppercase} .TITLE > a{display:inline-block;color:#333} .TITLE > a:hover{color:#111;text-decoration:none} .TITLE span{display:inline-block} .TEXT{font:16px/20px "Work Sans"} @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:0 0 0 25px} .TEXT ul ul,.TEXT ol ol{margin:0 0 10px 0;padding-left:15px} .TEXT ul{list-style-type:disc;list-style-position:inside} .TEXT a{color:#a24141;text-decoration:underline} .TEXT a:hover{color:#721111} .READ-MORE{display:inline-block;margin-bottom:15px;font-size:10px;line-height:10px;font-weight:bold;color:#333} .READ-MORE:hover{color:#111} .SEPARATOR{margin-top:0 !important;margin-bottom:2px !important;border-top:3px solid #a24141} .FORM input[type=text],.FORM input[type=password],.FORM textarea{margin:0 0 10px 0;font:14px/36px "Work Sans";color:#000;border:1px solid #000} .FORM input[type=text]:focus,.FORM input[type=password]:focus,.FORM textarea:focus{color:#a24141;border:1px solid #a24141} .FORM input[type=text],.FORM input[type=password]{width:300px;height:36px;max-width:47%;margin-right:2%;padding:4px 2%} .FORM textarea{overflow:auto;width:604px;height:109px;min-width:96%;min-height:109px;max-width:96%;max-height:109px;padding:10px 2%;line-height:18px} .FORM .checkbox{position:relative;padding:10px 0} .FORM .checkbox input{position:absolute;top:8px;left:0} .FORM .checkbox label{cursor:pointer;padding-left:55px;color:#8d8c8c} .FORM .checkbox-img{position:absolute;top:0;left:0;display:inline-block;width:36px;height:36px} .FORM .checkbox-img span{cursor:pointer;position:absolute;top:13px;left:0;display:block;width:36px;height:36px;border:1px solid #000} .FORM .checkbox-img .active{background:#000} .FORM .selectbox-img{position:relative;display:inline-block;height:27px;width:40%;font:12px/30px "Now";color:#161b1b;text-align:right;text-transform:uppercase} .FORM .selectbox-img span{cursor:pointer;position:absolute;top:0;left:0;display:inline-block;overflow:hidden;padding:0 35px 0 9px;width:100%;height:30px;background:url('img/form-select.png') 100% 50% no-repeat} .FORM .selectbox-img.active span{background-position:0 -35px} .FORM .selectbox-img ul{cursor:pointer;display:none;z-index:500;position:absolute;top:29px;right:4px;line-height:24px;background:#fafafa;border:1px solid #c2c2c2} .FORM .selectbox-img.active ul{display:block} .FORM .selectbox-img li{padding:0 10px} .FORM .selectbox-img li:hover{color:#414141;background:#ececec} .FORM input[type=submit]{display:block;cursor:pointer;width:195px;height:44px;max-width:100%;margin:0 auto;padding:0 5px;font:bold 20px/44px "Work Sans";color:#000;text-align:center;background:#fff;border:1px solid #000} .FORM input[type=submit]:hover{color:#fff;background:#000} .FORM input.validate,.FORM textarea.validate{color:#f00 !important;border:1px solid #f00 !important} .FORM label.validate{color:#f00 !important} #error{margin-top:20px;font:14px/18px "Now";color:#f00} #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:20%;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:500px} #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} } .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} @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} BODY{font-size:14px;color:#2d232e;background:#ffffff} #HEADER-LOGO{z-index:10000;display:inline-block;vertical-align:top} HEADER.separate #HEADER-LOGO{margin:20px 0} #LANGUAGE{z-index:9999;position:absolute;top:40px;right:0} #LANGUAGE li{display:inline-block} #LANGUAGE li.active a{font-weight:bold} #LANGUAGE a{padding:0 10px;font:22px/26px "Work Sans";color:#333;text-transform:uppercase} #LANGUAGE a:hover{color:#a24141} #BASEMENU > div{margin:40px 100px 0 0} @media only screen and (max-width:991px){ #BASEMENU > div{margin:0} }@media only screen and (min-width:768px){ #BASEMENU{z-index:9999;position:relative} #BASEMENU li{display:inline-block} #BASEMENU a{display:inline-block;padding:0 10px;font:22px/26px "Work Sans";color:#333;text-transform:uppercase} #BASEMENU li:first-child a{border:none} #BASEMENU a:hover{color:#a24141} #BASEMENU li.current-menu-item > a,#BASEMENU li.current_page_ancestor > a,#BASEMENU li.current_post_ancestor > a,#BASEMENU li.current-category-ancestor > a{font-weight:bold} }@media only screen and (max-width:767px){ #BASEMENU{padding:0} } #BANNER-bg{position:relative} #BANNER-list{position:relative;top:0;left:0} #BANNER-list > *{display:none;opacity:0;position:absolute;top:0;left:0;width:100%;background-color:#fff} #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} .BANNER-text{display:none;position:absolute;top:10%;bottom:10%;left:0;right:0;background:url('img/banner-logo.png') 50% 50% no-repeat;background-size:contain} #BANNER .EDIT{position:absolute;top:10px;right:10px} @media only screen and (max-width:768px){ #BANNER-list{margin:0 -100px} } #INFO .SEPARATOR{margin:0 !important} #CONTENT{min-height:200px} .TITLE.small .minus{display:inline-block;position:relative;width:64px;height:14px;margin:0 45px} .TITLE.small .minus > span{display:block;position:absolute;bottom:6px;width:64px;height:4px;background:#a24141} @media only screen and (max-width:991px){ .TITLE.small .minus{display:block;width:100%;margin:0;text-align:center} .TITLE.small .minus > span{display:inline-block;margin-left:-32px} } .TOP .TITLE{margin:80px 0 100px 0} .HOME .GALLERY{border-top:1px solid #a24141} .HOME .GALLERY section{cursor:pointer;position:relative;padding:0;border-bottom:1px solid #a24141} .BLOCK-image{position:relative;text-align:center} .BLOCK-image .TITLE{position:absolute;top:50%;left:10%;margin-top:-40px;font:300 25px/29px "Work Sans";color:#fff;text-align:left} .BLOCK-image .TITLE > span{display:inline-block;padding:3% 3.5%;background:rgba(0,0,0,0.7)} .BLOCK-image .TITLE .bottom{display:block;font-weight:bold} .BLOCK-image .TITLE .minus{margin-left:0} .BLOCK-image .TITLE .minus > span{background:#fff} .BLOCK-text{opacity:0;position:absolute;top:0;bottom:0;left:0;right:24%;padding:0 25% 0 10%;background:#fff;-moz-transition:color 100ms ease-in-out,border-color 150ms ease-in-out,background-color 150ms ease-in-out,visibility 200ms ease-in-out,opacity 200ms ease-in-out,-moz-transform 300ms ease-in-out;-webkit-transition:color 100ms ease-in-out,border-color 150ms ease-in-out,background-color 150ms ease-in-out,visibility 200ms ease-in-out,opacity 200ms ease-in-out,-webkit-transform 300ms ease-in-out;-o-transition:color 100ms ease-in-out,border-color 150ms ease-in-out,background-color 150ms ease-in-out,visibility 200ms ease-in-out,opacity 200ms ease-in-out,-o-transform 300ms ease-in-out;transition:color 100ms ease-in-out,border-color 150ms ease-in-out,background-color 150ms ease-in-out,visibility 200ms ease-in-out,opacity 200ms ease-in-out,transform 300ms ease-in-out} .BLOCK-text.active{opacity:1} .BLOCK-text .TITLE{text-align:left} @media only screen and (max-width:1400px){ .BLOCK-image .TITLE{left:5%} .BLOCK-text{padding:0 10%} .BLOCK-text .TITLE{margin:30px 0;font:30px/34px "Playfair Display"} }@media only screen and (max-width:1280px){ .BLOCK-image .TITLE{font:300 18px/22px "Work Sans"} .BLOCK-text .TITLE{margin:20px 0} .BLOCK-text{right:0;padding:0 8%} }@media only screen and (max-width:992px){ .BLOCK-image .TITLE{font:300 25px/29px "Work Sans"} .BLOCK-text{opacity:1 !important;position:inherit;padding:0 25% 0 10%} .BLOCK-text .TITLE{font:40px/44px "Playfair Display"} .BLOCK-text .TEXT{margin-bottom:50px} }@media only screen and (max-width:768px){ .BLOCK-image .TITLE{font:300 18px/22px "Work Sans"} .BLOCK-text{padding:0 10%} } .POWIERZCHNIA{} .POWIERZCHNIA .TEXT{margin-bottom:25px;padding-left:50px} .POWIERZCHNIA .TEXT strong{font:600 30px/34px "Work Sans";color:#a24141} .button-light{text-align:center} .button-light a{display:inline-block;margin:50px 0 40px 0;padding:10px 35px 15px 35px;font:bold 20px/24px "Work Sans";color:#a24141;text-transform:uppercase;border:1px solid #a24141} .button-light a:hover{color:#fff;background:#a24141} @media only screen and (min-width:575px){ .POWIERZCHNIA .offset-lg-3{border-right:1px solid #000} } @media only screen and (max-width:768px){ .POWIERZCHNIA .TEXT{padding-left:20px} } .INFO{background-size:cover !important} .INFO .TITLE, .INFO .TEXT{color:#fff} .INFO .TEXT{margin-bottom:25px;padding-left:90px;line-height:30px} .button-dark{text-align:center} .button-dark a{display:inline-block;margin:50px 0 40px 0;padding:10px 35px 15px 35px;font:bold 20px/24px "Work Sans";color:#fff;text-transform:uppercase;border:1px solid #fff} .button-dark a:hover{color:#000;background:#fff} @media only screen and (max-width:768px){ .INFO .TEXT{padding-left:20px} } .NEWS{} .NEWS section{display:inline-block} .NEWS li section{display:block} .NEWS section > div{max-width:593px;margin:0 auto 20px auto;padding:10px 0;background-size:cover !important} .NEWS section > div > div{position:relative;height:336px;margin:0 2% 0 50%;padding:35px 20px;padding:35px 20px;color:#fff;background:rgba(0,0,0,0.5)} .NEWS section > div a{color:#fff} .NEWS section > div a:hover{color:#a24141} .NEWS .READ-MORE{position:absolute;bottom:10px;right:20px} @media only screen and (max-width:600px){ .NEWS section > div > div{margin:0 2% 0 25%} } .SINGLE h1.TITLE{text-align:left} .SINGLE .GALLERY{text-align:center} .SINGLE .GALLERY > div{margin-bottom:10px} .SINGLE .GALLERY figure{display:inline-block} .LOKALIZACJA{} .LOKALIZACJA .TITLE{text-align:left} @media only screen and (min-width:992px){ .LOKALIZACJA .IMAGE{position:relative;min-height:600px} .LOKALIZACJA .IMAGE-left{z-index:-1;position:absolute;right:0;width:960px;height:100%;overflow:hidden} .LOKALIZACJA .IMAGE-right{z-index:-1;position:absolute;left:0;width:960px;height:100%;overflow:hidden} }@media only screen and (min-width:600px){ .LOKALIZACJA .TITLE, .LOKALIZACJA .TEXT{padding:0 110px} } .ico{width:102px;height:102px} .LOKALIZACJA .IMAGE-left + .ico{position:absolute;right:-51px;bottom:50%;margin-bottom:-51px} .LOKALIZACJA .IMAGE-right + .ico{position:absolute;left:-51px;bottom:50%;margin-bottom:-51px} @media only screen and (max-width:991px){ .LOKALIZACJA .TITLE{margin-top:100px} .LOKALIZACJA .IMAGE-left + .ico{position:absolute;right:50%;bottom:0;margin:0 -51px -51px 0} .LOKALIZACJA .IMAGE-right + .ico{position:absolute;left:50%;bottom:0;margin:0 0 -51px -51px} } .ico1{background:url('img/icon_location.png') 50% 50% no-repeat} .ico2{background:url('img/icon_people.png') 50% 50% no-repeat} .ico3{background:url('img/icon_handshake.png') 50% 50% no-repeat} .ico4{background:url('img/icon_plane.png') 50% 50% no-repeat} .ico5{background:url('img/icon_train.png') 50% 50% no-repeat} .BUILDING{} .BUILDING .TITLE{width:100%;margin:50px 0 20px 0;font:22px/26px "Work Sans"} .BUILDING #PAGINATE{font:22px/26px "Work Sans";text-align:center} .BUILDING #PAGINATE li{display:inline-block} .BUILDING #PAGINATE a{position:relative;display:inline-block;width:34px;color:#333;border-bottom:3px solid transparent} .BUILDING #PAGINATE a.active{color:#a24141;border-bottom:3px solid #a24141} .BUILDING #PAGINATE span{display:none;z-index:1;opacity:0.9;position:absolute;top:29px;left:-83px;width:200px;padding:25px 0 20px 0;font:300 22px/26px "Work Sans";text-transform:uppercase;background:#fff;border:1px solid #a24141} .BUILDING #PAGINATE a.active span{display:inline-block} .BUILDING #PAGINATE span h2{margin-bottom:25px;color:#a24141} .BUILDING #PAGINATE span p{margin-bottom:0;color:#333} .BUILDING #PAGINATE span .number{color:#a24141} .BUILDING .IMAGE{position:relative} .BUILDING .IMAGE > div:last-child{position:absolute;bottom:10.6%;left:-0.4%;right:0.4%} .BUILDING .IMAGE .TRANSITION{display:block;opacity:0} .BUILDING .IMAGE .TRANSITION.active{opacity:1} .BUILDING #stair-0{margin-bottom:1.6%} .STAIR{} .STAIR #PAGINATE{margin-top:15px;font:22px/26px "Work Sans";text-align:center} .STAIR #PAGINATE li{display:inline-block} .STAIR #PAGINATE a{padding:0 5px;color:#333} .STAIR #PAGINATE a:hover{color:#a24141} .STAIR #PAGINATE .TITLE, .STAIR #PAGINATE a.active{color:#a24141} .STAIR .IMAGE{position:relative} .STAIR .IMAGE > div:last-child{position:absolute;top:0;bottom:0;left:0;right:0} .STAIR .IMAGE .TRANSITION{opacity:0.33} .STAIR .IMAGE .TRANSITION:hover{opacity:1} .STAIR .IMAGE .TRANSITION + article{display:none;opacity:0;z-index:9999;position:absolute;width:400px;max-width:100%;padding:30px;border:1px solid #a24141;background:#fff} @media only screen and (min-width:1280px){ .STAIR .IMAGE .TRANSITION:hover + article{display:block;opacity:0.9} } .STAIR .IMAGE .BUSY{opacity:0.33;-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} .STAIR article table{border:none} .STAIR article td{border:none;height:28px} .STAIR article td:last-child{color:#a24141} .ROOM{} .ROOM .IMAGE{margin-top:50px;padding:250px 2% 2% 20%;position:relative;border:1px solid #a24141} .ROOM .IMAGE .top{display:block;position:absolute;top:-5px;right:-5px;width:30px;height:30px;border-top:5px solid #a24141;border-right:5px solid #a24141} .ROOM .IMAGE .close{z-index:1;display:block;position:absolute;top:15px;right:15px;width:17px;height:17px;background:url('img/room-close.png') no-repeat} .ROOM article{position:absolute;top:5%;left:5%;width:100%;max-width:400px} .ROOM article table{border:none} .ROOM article td{border:none;height:28px} .ROOM article td:last-child{color:#a24141} .ROOM .IMAGE .bottom{display:block;position:absolute;bottom:-5px;left:-5px;width:30px;height:30px;border-left:5px solid #a24141;border-bottom:5px solid #a24141} .INWESTOR{} .INWESTOR .TITLE{text-align:left} @media only screen and (min-width:992px){ .INWESTOR .IMAGE{position:relative;min-height:600px} .INWESTOR .IMAGE-left{z-index:-1;position:absolute;right:0;width:960px;height:100%;overflow:hidden} .INWESTOR .IMAGE-right{z-index:-1;position:absolute;left:0;width:960px;height:100%;overflow:hidden} }@media only screen and (min-width:600px){ .INWESTOR .TITLE, .INWESTOR .TEXT{padding:0 110px} } .CONTACT h1.TITLE{margin:30px 0} .CONTACT .TEXT{margin-top:50px} .CONTACT .IMAGE{text-align:center} .CONTACT + FOOTER > #FOOTER-bottom{margin-top:30px !important} @media only screen and (min-width:992px){ .CONTACT h1.TITLE{margin:60px 0 30px 0} .CONTACT .TEXT{margin-top:100px} } .CATEGORY .PAGINATE{font:22px/26px "Work Sans";text-align:center} .CATEGORY .PAGINATE li{display:inline-block} .CATEGORY .PAGINATE a{position:relative;display:inline-block;padding:0 10px;color:#333;border-bottom:3px solid transparent} .CATEGORY .PAGINATE a:hover, .CATEGORY .PAGINATE a.active{color:#a24141;border-bottom:3px solid #a24141} FOOTER{} #FOOTER-bottom{margin-top:100px;font:20px/24px "Work Sans";text-align:center;border-top:2px solid #a24141} #FOOTER-bottom > .container-center{padding:32px 0 42px 0} #FOOTER-LOGO{display:inline-block;vertical-align:top} #FOOTER-bottom .TEXT{padding:20px 20px 0 20px} #FOOTER-bottom p a:hover{text-decoration:underline}