html, body {height: 100%; overflow: hidden;}
body {font-family: bulldog, arial narrow, tahoma, sans-serif;  background: #fff;}
h1, h2, h3, h4, h5 {font-weight: normal;}

a {text-decoration: none;}
a:focus {outline: none;}

.fullscreen-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999;}
.fullscreen-overlay p {width: 255px; margin: -80px auto; padding: 80px 0 0; position: relative; top: 50%; left: 76px; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #616162; text-align: center;}
.fullscreen-overlay.stop p {background: url('../img/layout/overlay-hand.gif') no-repeat 50% 0;}
.fullscreen-overlay.load p {background: url('../img/layout/overlay-loader.gif') no-repeat 50% 0;}

.retina-images .fullscreen-overlay.stop p {background-image: url('../img/layout/retina/overlay-hand.gif'); background-size: 70px 62px;}
.retina-images .fullscreen-overlay.load p {background-image: url('../img/layout/retina/overlay-loader.gif'); background-size: 70px 70px;}

#menu {width: 153px; height: 100%; position: fixed; left: 0; top: 0; color: #fff; z-index: 1000;}
#menu > a {width: 153px; height: 49px; position: absolute; left: 0; top: 25px;}
#menu ul li {text-align: center;}
#menu ul li a {color: #fff; text-transform: uppercase; display: block;}
.device-desktop #menu ul li a:hover {color: #bdafd0;}
#menu ul li a:focus {outline: none;}

#menu nav {height: 100%; padding-top: 80px;}
#menu nav ul {width: 153px; height: 100%; background: rgba(72,34,124,.9); margin: 0; padding: 60px 8px 0 0;}
#menu nav ul li {line-height: 18px; padding-bottom: 12px;}
#menu nav ul li a {font-size: 16px;}
#menu nav ul li a.active {color: #bdafd0; text-decoration: underline;}

#menu footer {position: absolute; left: 0; bottom: 0; width: 153px;}
#menu footer ul {list-style: none; margin: 0; padding: 0 8px 15px 0;}
#menu footer ul li {padding-bottom: 8px;}
#menu footer ul li a.active {color: #bdafd0; text-decoration: underline;}
#menu footer ul li.flag {padding-top: 6px;}
#menu footer ul li.flag a {width: 18px; margin: 0 auto;}
#menu footer ul li.flag a img {opacity: .8;
    transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -webkit-transition: opacity .2s ease 0s;
}
#menu footer ul li.flag a:hover img {opacity: 1;}
#menu footer ul li a {font-size: 12px;}
#menu a {
    transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -webkit-transition: color .2s ease;
}

#content {height: 100%; padding-left: 152px; position: relative; z-index: 100; overflow: hidden; width: 99999px;}
#content section {height: 100%;
    transform: translate(0,0);
    -o-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);

    transition: transform .5s ease;
    -o-transition: -o-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
}

#content h2 {font: 31px/30px bulldogmedium, arial narrow, tahoma, sans-serif; margin: 0; color: #76599d; text-transform: uppercase;}
#content .boxes {margin: 0; padding: 0; list-style: none; height: 100%; display: inline-block; overflow: hidden; background: #f5f5f5;}
#content .boxes > li {float: left; border-right: 1px solid #ccc; height: 100%; padding: 0 40px; position: relative; overflow: hidden; background: #fff;
   transition: width .5s ease;
    -o-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -webkit-transition: width .5s ease;
}

#content .boxes > li.expandable {width: 290px;}
#content .boxes > li.expandable.expanded-anim {width: 720px;}
#content .boxes > li.expandable .loader {position: absolute; top: 50%; left: 570px;}

#content .boxes > li p {color: #616162; font-size: 16px; line-height: 19px; margin: 0;}
#content .boxes > li p + p {padding-top: 19px;}
#content .boxes > li p + .link-list {margin-top: 24px;}
#content .boxes > li h5 {margin: 0; font: 16px/19px bulldogmedium, arial narrow, tahoma, sans-serif; color: #616162; text-transform: uppercase; padding: 19px 0;}

#content .boxes > li .cnt h2 {padding-bottom: 10px;}
#content .boxes > li .cnt .image + p {padding-top: 10px;}
#content .boxes > li .cnt p + .image {padding-top: 36px;}
#content .boxes > li .cnt h4 {font: 75px/27px bulldogbold, arial narrow, tahoma, sans-serif; color: #76599d; letter-spacing: -1px; text-transform: uppercase; position: relative; margin: 0; padding: 19px 0;}
#content .boxes > li .cnt h4 small {font-size: 30px;}
#content .boxes > li .cnt h4 span {font-size: 31px; color: #6e6e6e; font-family: bulldogmedium, arial narrow, tahoma, sans-serif; letter-spacing: 0; display: inline-block; padding-bottom: 16px;}
#content .boxes > li .cnt h5 {padding: 0;}
#content .boxes > li .cnt h5 + p {padding-top: 10px;}
#content .boxes > li .cnt h5 + .download-list {padding-top: 20px;}
#content .boxes > li .cnt .download-list + h5 {padding-top: 36px;}

#content .boxes > li .cnt h4.bulb {padding: 46px 0 40px;}
#content .boxes > li .cnt h4.bulb img {position: absolute; top: 0; right: 44px;}

#content .boxes > li .cnt .ir-block span {color: #616162;}
#content .boxes > li .cnt .ir-block .link-list {margin-bottom: 14px;}

.popup .popup-content .cnt ul, #content .boxes ul.bullets {margin: 0; padding: 0 0 16px 0; list-style: none; color: #616162;}
.popup .popup-content .cnt ul li, #content .boxes ul.bullets li {background: url('../img/layout/cnt-bullet.png') no-repeat 0 7px; padding-left: 7px;}

#content .boxes ul.bullets {padding: 19px 0;}
#content .boxes h2 + ul.bullets, #content .boxes ul.bullets:first-child {padding-top: 0;}
#content .boxes ul.bullets li {line-height: 19px;}

#content .boxes .image {padding-bottom: 26px; background: url('../img/layout/content-box-shadow.png') no-repeat 50% 100%; position: relative; display: inline-block;}
#content .boxes .image.flat {padding-bottom: 36px; background: none;}
#content .boxes .image.full-width {width: 100%; height: 233px; position: relative; background: none;}
#content .boxes .image.full-width img {position: absolute; left: -40px; bottom: 26px;}
#content .boxes .box > .image:first-child {margin-top: -10px;}
#content .boxes .image .play {position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -40px;}

#content .boxes .image.wave {width: 290px; height: 233px;}
#content .boxes .image.wave img {position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0);
    
    transition: opacity .85s ease;
    -o-transition: opacity .85s ease;
    -moz-transition: opacity .85s ease;
    -webkit-transition: opacity .85s ease;
}
#content .boxes .image.wave img.show {opacity: 1; filter: alpha(opacity=100);}

#content .boxes .box {height: 500px; position: relative; float: left;}
#content .boxes .box.content-box {width: 290px; position: relative; z-index: 10;}
#content .boxes .box.content-box h2 {padding: 10px 0;}

#content .boxes .box.content-box .year {display: inline-block; font-size: 24px; line-height: 34px; width: 57px; height: 33px; text-align: center; margin-bottom: 16px; background: #76599d; color: #fff;}
#content .boxes .box.content-box .user-counter {font-size: 31px; line-height: 28px; letter-spacing: -1px; color: #76599d; text-transform: uppercase; padding-top: 30px;}
#content .boxes .box.content-box .user-counter span {font-size: 36px; color: #6e6e6e; display: block; padding-top: 2px; letter-spacing: -2px;}

#content .boxes .box.content-box.ir-box .block + .block {padding-top: 24px;}
#content .boxes .box.content-box.ir-box .link-list {margin: 0;}

#content .boxes .more {position: absolute; top: 600px; right: 0; width: 47px; height: 48px; background: url('../img/layout/content-box-more.png'); z-index: 10; font-size: 16px; line-height: 48px; color: #5a3889; text-transform: uppercase; text-indent: 47px;}
#content .boxes .more:focus {outline: none;}
#content .boxes .more.less {background-position: 0 -48px; right: -1px;}

#content .boxes .action-buttons {position: absolute; left: 0; bottom: -47px;}
#content .boxes .action-buttons .button {margin-top: 4px;}

.device-desktop #content .boxes .more {
    transition: width .3s ease;
    -o-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -webkit-transition: width .3s ease;
}
.device-desktop #content .boxes .more:after {content: "rozwiń";}
.device-desktop #content .boxes .more:hover {width: 113px;}
.device-desktop #content .boxes .expanded .more:after {content: "zwiń";}
.device-desktop #content .boxes .expanded .more:hover {width: 102px;}

#content .boxes .content-more {position: absolute; top: 0; right: 0; width: 410px; height: 100%; z-index: 8;}
#content .boxes .content-more .image {position: static;}
#content .boxes .content-more .content-more-overflow {height: 100%; /* overflow: hidden;  */opacity: 0; filter: alpha(opacity=0);
    transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -webkit-transition: opacity .2s ease 0s;
}
#content .boxes .content-more .content-more-overflow.expanded {opacity: 1;
    transition-delay: .25s;
    -o-transition-delay: .25s;
    -moz-transition-delay: .25s;
    -webkit-transition-delay: .25s;
}
.lt-ie9 #content .boxes .content-more .content-more-overflow {filter: none !important; display: none;}

#content .boxes .content-more .mask {width: 120%; height: 99px; background: url('../img/layout/content-box-mask.png'); position: absolute; right: 0; z-index: 20;}
#content .boxes .content-more .mask.top {top: 0;}
#content .boxes .content-more .mask.bottom {bottom: 0; background-position: 0 100%;}
.touch #content .boxes .content-more .mask.bottom { display:none!important;height:0!important; }

#content .boxes .content-more .content-more-inside {height: 100%; margin-right: 60px;}
#content .boxes .content-more .mCSB_container .content-more-inside {margin-right: 0;}

#content .boxes .tabs {position: absolute; top: 0; right: 0; background: url('../img/layout/content-tabs-bg.png'); width: 410px; height: 52px; padding: 0 0 0 23px; margin: 0; list-style: none; z-index: 8000;}
#content .boxes .tabs li {float: left; padding: 16px 18px 0 0;}
#content .boxes .tabs li a {color: #5a3889; font-size: 16px; line-height: 20px; text-transform: uppercase; display: block;
    transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -webkit-transition: color .2s ease;
}
#content .boxes .tabs li a:hover {color: #8a72ab;}
#content .boxes .tabs li a.active {color: #8a72ab; border-bottom: 1px solid #8a72ab;}
#content .boxes .tabs-content > div {display: none; opacity: 0;
    transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -webkit-transition: opacity .2s ease 0s;
}
.lt-ie9 #content .boxes .tabs-content > div {filter: none !important;}
#content .boxes .tabs-content > div:first-child {}

#content .boxes .awards-main .award {padding-bottom: 44px;}
#content .boxes .awards-main .award img {margin-bottom: 20px;}
#content .boxes .awards-main .award h4 {margin: 0; color: #76599d; font: 51px/25px bulldogbold, arial narrow, tahoma, sans-serif; letter-spacing: -1px; text-transform: uppercase;}
#content .boxes .awards-main .award h4 span {font-size: 31px; font-family: bulldogmedium, arial narrow, tahoma, sans-serif;}
#content .boxes .awards-main .award h4 small {font-size: 20px; color: #7c7c7c; line-height: 0;}
#content .boxes .awards-main .award h4:first-child {margin-top: 14px;}
#content .boxes .awards-main .award p {padding-top: 11px;}

#content .boxes .awards-misc .award + .award {padding-top: 20px;}
#content .boxes .awards-misc .award > a {display: block; padding-left: 32px; padding-top: 4px; background: url('../img/layout/award-ribbon.gif') no-repeat;}
#content .boxes .awards-misc .award > div {padding: 30px 0 10px 34px;}
#content .boxes .awards-misc .award > div img + p {padding-top: 12px;}
#content .boxes .awards-misc .award:last-child > div {padding-bottom: 0;}

#content .boxes .values .value {padding-bottom: 44px;}
#content .boxes .values .value h4 {margin: 0; color: #76599d; font: 60px/26px bulldogbold, arial narrow, tahoma, sans-serif; letter-spacing: -1px; text-transform: uppercase; position: relative; padding: 40px 0 0 120px;}
#content .boxes .values .value h4 img {position: absolute; top: 0; left: 0;}
#content .boxes .values .value h4 span {font-size: 31px; font-family: bulldogmedium, arial narrow, tahoma, sans-serif; position: absolute; top: 24px; left: 0; text-align: right; width: 115px;}
#content .boxes .values.noIcons .value h4 span { top:-17px;}
#content .boxes .values.noIcons .value h4 { padding-top:0; }
#content .boxes .values .value.singleGrey { padding-bottom:20px; }
#content .boxes .values .value.singleGrey h4 { padding:0; }
#content .boxes .values .value.singleGrey h4 span { text-align: left; position:relative; top:0; left:0; }
#content .boxes .values .value.singleGrey ul { padding:0; }
#content .boxes .values .value.singleGrey h5 { padding:0;  }
#content .boxes .values .value.singleGrey h5 strong { font-family:bulldogbold, Arial Narrow, Helvetica; font-weight:normal; }
#content .boxes .values .value h4 span small {font-size: 18px; color: #7c7c7c; line-height: 0;}
#content .boxes .values .value p {padding-top: 26px;}
#content .boxes .values.eng .value h4 span { width: auto; }

#content .boxes .recruitments {padding-top: 42px;}
#content .boxes .recruitments .recruitment + .recruitment {padding-top: 10px;}
#content .boxes .recruitments .recruitment a {white-space: pre; letter-spacing: -0.5px;}
#content .boxes .recruitments .recruitment a img {margin-right: 6px;}
#content .boxes .recruitments .recruitment > div {padding: 3px 0 6px 52px;}

#content .boxes .box.board-box ul {margin: -10px 0 0 -17px; padding: 0; list-style: none; width: 734px;}
#content .boxes .box.board-box ul li {float: left; width: 350px; height: 163px; margin-left: 17px; position: relative; background: url('../img/layout/board-box-bg.png') no-repeat;}
#content .boxes .box.board-box ul li .member {height: 136px;}
#content .boxes .box.board-box ul li img {position: absolute; bottom: 27px; left: 0;}
#content .boxes .box.board-box ul li h4 {padding: 19px 0px 8px 150px; margin: 0; font-size: 24px; line-height: 22px; color: #76599d; text-transform: uppercase;}
#content .boxes .box.board-box ul li p {padding-left: 150px; font-size: 15px; line-height: 16px;}
#content .boxes .box.board-box ul li blockquote {position: absolute; top: 0; left: 0; background: #76599d url('../img/layout/board-box-quote-bg.gif') no-repeat 100% 100%; color: #e4deeb; font-size: 16px; line-height: 18px; margin: 0; padding: 30px 30px 0; height: 106px; cursor: default; opacity: 0; filter: alpha(opacity=0);
    transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
}
#content .boxes .box.board-box ul li .member:hover blockquote {opacity: 1; filter: alpha(opacity=100);}

#content .boxes .box.career-offers {width: 660px;
   /* transition: width .5s ease;
    -o-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -webkit-transition: width .5s ease;*/
}
#content .boxes .box.career-offers h2 {padding-bottom: 38px;}
#content .boxes .box.career-offers .offers {width: 330px; list-style: none; margin: 0; padding: 0 20px 0 0; float: left;}
#content .boxes .box.career-offers .offers li + li {padding-top: 19px;}
#content .boxes .box.career-offers .offers a {font-size: 16px; line-height: 19px; color: #76599d; text-transform: uppercase; display: inline-block;}

#content .boxes .box.career-offers .pagination {padding-bottom: 10px;}
#content .boxes .box.career-offers .pagination .pagination-overflow {padding-bottom: 10px;}
#content .boxes .box.career-offers .pager {list-style: none; margin: 0; padding: 10px 0 0; float: right;}
#content .boxes .box.career-offers .pager li {float: left;}
#content .boxes .box.career-offers .pager li + li {margin-left: 2px;}
#content .boxes .box.career-offers .pager li a {display: block; width: 32px; height: 34px; background: url('../img/layout/offers-pager.png'); font: 16px/30px bulldogmedium, arial narrow, tahoma, sans-serif; color: #616162; text-align: center;}
#content .boxes .box.career-offers .pager li a:hover, #content .boxes .box.career-offers .pager li a.active {color: #5a3889;}

#content .boxes .box.career-offers .career-summary {padding-top: 19px; border-top: 1px solid #ccc;}
#content .boxes .box.career-offers .no-matches {color: #76599d; text-transform: uppercase; display: none;}
#content .boxes .box.career-offers .select {position: absolute; top: 0;}
#content .boxes .box.career-offers .select.departament {left: 430px;}
#content .boxes .box.career-offers .select.location {left: 210px;}

#content .boxes .history dt {float: left; clear: both; width: 200px; font-size: 23px; line-height: 24px; color: #76599d;}
#content .boxes .history dd {float: left; width: 287px; font-size: 16px; line-height: 21px; color: #616162; margin: 0; padding-bottom: 21px;}
#content .boxes .history dd img {padding: 20px 0 10px;}

#content .boxes .box.gallery-box {width: 360px;}
#content .boxes .box.gallery-box h2 {margin-top: -10px; padding-bottom: 10px;}

#content .boxes .gallery-list {margin-top: -10px; padding-bottom: 20px; background: url('../img/layout/gallery-bg-bottom.png') no-repeat 0 100%;}
#content .boxes .gallery-list ul {margin: 0; padding: 0; list-style: none; background: url('../img/layout/gallery-bg.png'); width: 360px;}
#content .boxes .gallery-list ul li {float: left; padding-bottom: 20px;}
#content .boxes .gallery-list ul li a {display: block; width: 120px; height: 120px; position: relative;}
#content .boxes .gallery-list ul li a .zoom {position: absolute; top: 0; left: 0; background: url('../img/layout/gallery-zoom.png') no-repeat 50% 50%; height: 120px; width: 120px; opacity: 0; filter: alpha(opacity=0);
    transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
}
#content .boxes .gallery-list ul li a:hover .zoom {opacity: 1; filter: alpha(opacity=100);}

#content .boxes .brand-color {padding: 30px 0;}
#content .boxes .brand-color .color {width: 49px; height: 49px; display: block; background-color: #48227c;}
#content .boxes .brand-color dl {line-height: 19px; margin: 0; padding-top: 20px;}
#content .boxes .brand-color dl dt {width: 68px; color: #616162; float: left; clear: both;}
#content .boxes .brand-color dl dd {font-family: bulldogmedium, arial narrow, tahoma, sans-serif; color: #616162; margin: 0; float: left;}

#content .boxes .brand-font {padding: 30px 0;}
#content .boxes .brand-font p {font-size: 21px; line-height: 26px; color: #fff; background: #5b3978; padding: 26px 20px;}
#content .boxes .brand-font p + p {margin-top: 10px;}

#content .boxes .from-blog {position: absolute; bottom: 100%; right: -18px; border-left: 1px solid #a6a6a6; height: 100%;}
#content .boxes .from-blog .sticker {width: 22px; height: 99px; position: absolute; left: -12px; bottom: -81px; background: url('../img/layout/from-blog.png');}

#content .boxes .quotes {margin-left: -40px;}
#content .boxes .quotes blockquote {background: url('../img/layout/blockquote.gif') no-repeat -12px 0; padding: 40px 0 0 40px; line-height: 19px; color: #616162; margin: 12px 0 0 0;}
#content .boxes .quotes blockquote:first-child {margin-top: 6px;}
#content .boxes .quotes blockquote .author {display: block; color: #7c7c7c; padding-top: 8px; font-size: 12px;}

#content .boxes .content-more .quotes {margin-left: -30px;}
#content .boxes .content-more .quotes blockquote {background-position: 0 0; padding-left: 50px; width: 300px;}
#content .boxes .content-more .quotes blockquote:first-child {margin-top: 26px;}

#content .share {position: absolute; top: 600px; left: 38px;}
#content .share ul {padding: 0; margin: 0; list-style: none;}
#content .share ul li {float: left; margin-right: 1px;}
#content .share ul li a {display: block; width: 49px; height: 49px; background: url('../img/layout/share-bg.png'); position: relative;}
#content .share ul li a img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

.gallery-overflow {width: 100%; overflow: hidden;}
.gallery {padding: 0; margin: 0; list-style: none; width: 99999px; position: relative;
    transform: translate(0,0);
    -o-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);

    transition: transform .5s ease;
    -o-transition: -o-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
}
.gallery-overflow  aside {position: fixed; top: 46%; right: 0; margin-top: -55px; z-index: 999;}
.gallery-overflow  aside nav ul {margin: 0; padding: 0; list-style: none;}
.gallery-overflow  aside nav ul li {margin-top: 1px; background: rgba(77,39,128,.9);
    transition: background .3s ease;
    -o-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -webkit-transition: background .3s ease;
}
.gallery-overflow  aside nav ul li:hover {background: rgba(105,64,158,.9);}
.gallery-overflow  aside nav ul li a {display: block; width: 50px; height: 54px; background: url('../img/layout/subsection-navi-arrows.png') no-repeat;}
.gallery-overflow  aside nav ul li:first-child {border-radius: 4px 0 0 0;}
.gallery-overflow  aside nav ul li:first-child + li {border-radius: 0 0 0 4px;}
.gallery-overflow  aside nav ul li:first-child a {background-position: 0 0;}
.gallery-overflow  aside nav ul li:first-child + li a {background-position: 0 -46px;}

.gallery li {float: left; padding: 0 10px;}
.gallery + .bullets {margin: 0; padding: 60px 0 0 213px; list-style: none; font-size: 0; text-align: center;}
.gallery + .bullets li {display: inline-block; padding: 0 4px;}
.gallery + .bullets li a {display: block; width: 11px; height: 11px; background: url('../img/layout/gallery-bullets.png');}
.gallery + .bullets li a.active, .gallery + .bullets li a.active:hover {background-position: 0 -11px;}
.gallery + .bullets li a:hover {background-position: 0 -22px;}

.popup.gallery-modal .mCSB_container {margin-right: 0;}

ul.download-list {margin: 0; padding: 0; list-style: none;}
ul.download-list li {padding-left: 46px !important; position: relative; line-height: 21px;}
ul.download-list li + li {margin-top: 20px;}
ul.download-list li .file {width: 33px; height: 23px; background: url('../img/layout/file-icon.png'); color: #bdafd0; font: 14px/16px bulldogmedium, arial narrow, tahoma, sans-serif; position: absolute; top: 2px; left: 0; text-align: center; padding-top: 16px; text-transform: uppercase;}
ul.download-list li .text {display: block; color: #6e6e6e; font-family: bulldogmedium, arial narrow, tahoma, sans-serif;}

#content ul.link-list {margin: 0; padding: 0; list-style: none;}
#content ul.link-list li + li {padding-top: 6px;}

#content section#kontakt {background: #fff url('../img/layout/bg-contact.jpg') no-repeat 355px 7%;}
#content section#wspolpraca {background: #fff url('../img/layout/bg-cooperation.jpg') no-repeat 330px 0;}
#content .contact {padding: 113px 40px 0; font-size: 16px; width: 300px;}
#content .contact h3 {font: 16px/20px bulldogmedium, arial narrow, tahoma, sans-serif; margin: 0; padding: 0 0 12px; color: #616162;}
#content .contact .block {padding-top: 40px;}
#content .contact .block p {line-height: 19px; margin: 0; padding: 0; color: #616162;}
#content .contact .block .link-list {padding-top: 8px;}
#content .contact .block .link-list + p {padding-top: 18px;}

#content > aside {position: fixed; top: 46%; right: 0; margin-top: -55px; opacity: 1; z-index: 999;
    transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
#content > aside nav ul {margin: 0; padding: 0; list-style: none;}
#content > aside nav ul li {margin-top: 1px; background: rgba(77,39,128,.9); position: relative; z-index: 10; right: 0;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
#content > aside nav ul li:hover {margin-top: 1px; background: rgba(105,64,158,.9); position: relative; z-index: 10; right: 0;}
#content > aside nav ul li a {display: block; width: 50px; height: 54px; background: url('../img/layout/subsection-navi-arrows.png') no-repeat; opacity: 1;
    transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}
#content > aside nav ul li:first-child {border-radius: 4px 0 0 0;}
#content > aside nav ul li:first-child + li {border-radius: 0 0 0 4px;}
#content > aside nav ul li:first-child a {background-position: 0 0;}
#content > aside nav ul li:first-child + li a {background-position: 0 -46px;}
#content > aside.hide {opacity: 0;}
#content > aside.hide a {cursor: default;}

#content > aside.single nav ul li {border-radius: 4px 0 0 4px !important;}
/* #content > aside.single nav ul #next-box {margin-top: 28px;}
#content > aside.single nav ul #prev-box {margin-top: -54px;} */
#content > aside.single.start nav ul #next-box {z-index: 20;}
#content > aside.single.start nav ul #prev-box {opacity: 0; right: -50px;}
#content > aside.single.end nav ul #next-box {opacity: 0; right: -50px;}
#content > aside.single.end nav ul #prev-box {z-index: 20;}

.offers-link {position: fixed; top: 0; right: 0; background: rgba(77,39,128,.9); border-radius: 0 0 0 4px; z-index: 999;
    transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.offers-link:hover {background: rgba(105,64,158,.9);}
.offers-link.hide {right: -50px;}
.offers-link a {display: block; width: 50px; height: 210px; background: url('../img/layout/practice-link.png');}
.retina-images .offers-link a {display: block; width: 50px; height: 210px; background: url('../img/layout/retina/practice-link.png'); background-size: 50px 210px;}

form {}
form input, form textarea {font-family: bulldog, arial narrow, tahoma, sans-serif; -webkit-appearance:none; border-radius: 0;}
form ul {margin: 0; padding: 0; list-style: none;}
form ul li {padding: 0; background: none;}
form ul li + li {margin-top: 3px;}
form ul li.gap {margin-top: 40px;}
form ul li.gap label {padding-top: 0;}
form ul li.gap label.gap {padding-top: 6px;}
form ul li:before, form ul li:after {content: " "; display: table;}
form ul li:after {clear: both;}
form ul li label {float: left; width: 170px; padding: 6px 30px 0 0; font-size: 16px; line-height: 18px; color: #616162;}
form ul li input[type=text], form ul li input[type=phone] {float: left; width: 270px; height: 28px; padding: 0 8px; font-size: 16px; line-height: 28px; color: #616162; border: 1px solid #ccc;}
form ul li textarea {resize: none; float: left; width: 270px; height: 72px; padding: 4px 8px 8px !important; font-size: 16px; line-height: 18px; color: #616162; border: 1px solid #ccc;}
form ul li .options {float: left;}

form ul li .underInputErr {padding: 4px 0px 10px 200px !important;}
form ul li .select .underInputErr {padding-left: 0 !important;}
form ul li .custom-field .underInputErr, form ul li .custom-file .underInputErr {padding: 8px 0px 10px 0 !important;}
form ul li .captcha .underInputErr {padding: 4px 0px 10px 0 !important;}
form ul li.title-valid .underInputErr {margin-left: -65px !important;}

form ul li > label + div {float: left;}

form ul li .custom-file .custom-file-button {float: left; height: 30px; width: 110px; margin-left: 10px; position: relative; overflow: hidden;}
form ul li .custom-file .custom-file-button a {margin-top: 4px;}
form ul li .custom-file .custom-file-button input {font-size: 100px; position: absolute; top: 0; right: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}

form ul li .captcha img {display: block;}
form ul li .captcha input {display: block; float: none;}
form ul li .captcha .pointer {margin: 5px 0 18px;}

form ul li.full .custom-field {line-height: 20px;}
form ul li.full .custom-field .customCheckbox, form ul li.full .custom-field .customRadio {top: 3px;}

form ul li.inline-radio ul {min-height: 30px;}
form ul li.inline-radio ul li {float: left; margin: 7px 20px 0 0;}

form .actions {text-align: right; padding-top: 40px;}

.popup .popup-content .cnt form ul li {padding: 0; background: none;}
.popup .popup-content .cnt form ul li .options {max-width: 460px;}
.popup .popup-content .cnt form ul li .custom-file {width: 460px;}

/* html.device-tablet body {overflow-x: scroll; overflow-y: hidden;} */

.lt-ie9 #content .boxes .content-more .content-more-overflow * {filter: inherit;}
.lt-ie9 .popup .popup-content * {filter: inherit;}

.lt-ie9 #menu nav ul, .lt-ie9 #content > aside nav ul li, .lt-ie9 .gallery-overflow aside nav ul li, .lt-ie9 .offers-link {background: url('../img/layout/opacity-bg.png');}

.lt-ie10 .boxes .tabs {opacity: 0;}

.filter {filter: alpha(opacity=0);}
/*
#content .boxes .image.wave img, #content .boxes .content-more .content-more-overflow, #content .boxes .tabs-content > div, #content .boxes .box.board-box ul li blockquote, #content .boxes .gallery-list ul li a .zoom, #content > aside, #content > aside nav ul li a, #content section, #content .boxes > li, .gallery, .gallery li, #content .boxes .more {-webkit-backface-visibility: hidden;}

.device-desktop section .boxes *, .device-desktop section .mCSB_draggerContainer * {-webkit-backface-visibility: hidden;}
*/
.device-desktop #content {width: 100%;}
.device-desktop #content section > .mCustomScrollBox {overflow: visible !important;}

.no-js .js {display: block !important;}
.js .js {display: none !important;}

@media (max-height: 600px) {
    #content .boxes .content-more .mask.bottom {display: none;}
}
@media (max-height: 700px) {
    #content .boxes .content-more .mask.top {display: none;}
}
@media (max-height: 480px) {
    #menu footer {bottom: auto; top: 392px;}
}

#content .boxes .special { width:330px; overflow:visible; border-left:none; border-right:none; }/* prev 310px*/
.lt-ie8 #content .boxes .special  { z-index:1; }
#content .boxes .newPag { border-left:none; border-right:none; }
#content .boxes .newPag .box.career-offers { width:310px; }
#content .boxes .newPag.last { border-right: 1px solid #ccc; }
/*ksy*/
#content #praktyki-letnie-main .boxes .newPag.last { width:454px; background: url("../img/layout/play-way-logo.jpg") no-repeat scroll 95% 80% rgba(255, 255, 255, 1); }
.play-way-tag { 
	padding:7px; 
	height:33px; 
	width:453px; 
	background:none repeat scroll 0 0 rgba(72, 35, 124, 0.9); 
	color:#FFFFFF; 
	position:absolute; 
	top:90%; 
	font-size:30px; 
	text-align:center; 
}
.play-way-details {
	width:713px; 
	height: 492px;
	background: url("../img/layout/play-way-details.jpg") no-repeat scroll 0 0 rgba(255, 255, 255, 1);
}

.custom-select .mCustomScrollBox  { overflow:hidden!important; height:200px !important; }
.custom-select .mCustomScrollBox > .mCSB_scrollTools { height:200px; }
.custom-select .mCSB_scrollTools { width:10px; right:10px; }
.device-desktop .custom-select .mCSB_scrollTools .mCSB_dragger:after, .device-desktop .custom-select  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:none; height:auto; }
.custom-select .mCSB_scrollTools .mCSB_dragger { background:#dedede; border-radius:5px; }
.custom-select .mCSB_container { margin-right:20px;}
.select .custom-select ul li a { padding-right:5px;}