/*
 * Colors:
 * #B94 beige
 *
 */

@font-face {
    font-family: 'Dins Pl';
    src: url('../dins_pl.eot'); /* IE */
    src: local('Dins Pl'), url('../dins_pl.ttf');
}

body {
    font-family: "Roboto Condensed";
    font-size: 13px;
    background-color: #000;
    color: #EEE;
    font-weight: 400;
    line-height: 150%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust:none;

}

img {
    border: none;
    display: block;
}

a {
    outline: none !important;
}

input:focus,
textarea:focus,
select:focus {
    outline-color: #555;
}

.box {
    background-image: url('../images/box_bg.png') !important;
    padding: 0 0;
    border-radius: 10px !important;
    box-shadow: 0 0 20px black, 0 3px 10px black, inset 0 0 20px rgba(255, 255, 255, .07), inset 0 0 1px rgba(255, 255, 255, .3) !important;
    /*border: solid 1px rgba(255, 255, 255, .1);*/
}

.jumpers {
    position: absolute;
    top: 0;
    left: 0;
}

.jumpers a {
    display: block;
    position: absolute;
    left: -9999px;
    white-space: nowrap;
}

.jumpers a:focus {
    left: 5px;
    top: 5px;
    color: #FFF;
    opacity: 0.5;
}

.hidden {
    display: block;
    position: absolute;
    left: -9999px;
}

.dino {
    font-family: 'Dins Pl', Impact, 'Trebuchet Ms', sans-serif;
    font-size: 13px;
}

a:focus,
button:focus,
input[type=submit]:focus {
    outline: 1px dotted #FFF;
}

/* #bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
}
#bg_map {
	position: absolute;
	width: 100%;
	height: 100%;
} */

#bg_map {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.65;
}

#bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('../images/bg_map.jpg');
    transform:translate3d(0,0,0);
}

#bg .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(3, 2, 1, 0.5);
    background: -moz-linear-gradient(top, rgba(3, 2, 1, 0.3) 0%, rgba(3, 2, 1, 0.70) 40%, rgba(3, 2, 1, 0.95) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3, 2, 1, 0.3)), color-stop(40%, rgba(3, 2, 1, 0.70)), color-stop(100%, rgba(3, 2, 1, 0.95)));
    background: -webkit-linear-gradient(top, rgba(3, 2, 1, 0.3) 0%, rgba(3, 2, 1, 0.70) 40%, rgba(3, 2, 1, 0.95) 100%);
    background: -o-linear-gradient(top, rgba(3, 2, 1, 0.3) 0%, rgba(3, 2, 1, 0.70) 40%, rgba(3, 2, 1, 0.95) 100%);
    background: -ms-linear-gradient(top, rgba(3, 2, 1, 0.3) 0%, rgba(3, 2, 1, 0.70) 40%, rgba(3, 2, 1, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(3, 2, 1, 0.3) 0%, rgba(3, 2, 1, 0.70) 40%, rgba(3, 2, 1, 0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#030201', endColorstr='#030201', GradientType=0);
}

#fixin {
    position: relative;
    z-index: 10;
    width: 996px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

#logo {
    display: flex;
    margin: 40px 0 0;
    padding-left: 40px;
    z-index: 20;
    justify-content: space-between;
    position: relative;
    color: rgba(255, 255, 255, 0.75);
}

#logo img:hover {
    filter: brightness(115%);
    transition: all 200ms ease-in;
}

#logo .left {
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 48px;
}

#logo .spacer {
    width: 0;
    display: inline-block;
    height: 42px;
    border-left: solid 1px rgba(255, 255, 255, 0.45);
    box-shadow: 1px 0 1px black;
    margin: 0 15px 0 8px;
}

#logo .text {
    font-size: 18px;
    text-shadow: 1px 0 1px black;

}

#logo .right {
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    text-shadow: 1px 0 1px black;
    margin-right: 40px;
    font-size: 15px;
}

#logo .right .lang a,
#logo .right .lang a:visited {
    color: rgba(255, 255, 255, 0.75);
    margin: 0 5px;
    font-weight: bolder;
}

#logo .right .lang a.active {
    color: rgba(203, 179, 77, 0.75);
}

#logo .right .social {
    margin: 0 5px;
}

#logo .right > a img,
#logo .right > a:visited img,
a.social img,
a.social:visited img {
    opacity: 0.8;

}

#logo .right > a:hover img,
a.social:hover img {
    opacity: 1;
    transition: all 200ms ease-in;
}

#top {
    height: 493px;
    background: url('../images/top_3.png') no-repeat top left;
    margin-top: -52px;
    position: relative;
}

#top.light {
    height: 219px;
    background: url('../images/top_light_3.png') no-repeat top left;
    transition: all 500ms ease-out;
}

#top.light:hover {
    filter: brightness(120%);
    transition: all 300ms ease-in;
}

#top .texture {
    width: 970px;
    height: 373px;
    position: absolute;
    top: 92px;
    left: 12px;
    background: #555 url('../images/top_3b.jpg') no-repeat;
}

#top.light .texture {
    height: 92px;
    width: 969px;
    top: 95px;
    left: 14px;
    background: #555 url('../images/top_light_3b.jpg') no-repeat;
}

/*------------------------------MENU--*/
#menu {
    position: absolute;
    top: 124px;
    left: 44px;
    list-style-type: none;
    font-family: "Roboto Condensed";
    font-size: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 575px;
    height: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

#menu a,
#menu a:visited {
    color: rgba(255, 241, 201, 1);
    text-shadow: 0 0 8px black, 0 0 10px black, 0 1px 1px black, 0 1px 5px black, 0 1px 5px black;
    padding: 2px 6px 0px 6px;
    transition: all 150ms ease-out;
}

#menu a:hover, #menu a:focus {
    color: white;
    border-radius: 3px;
    background: url('../images/mnu_bg_hov.png') repeat-x;
    box-shadow: 0 0 8px black, 0 0 10px black, 0 1px 1px black, 0 1px 5px black, 0 1px 5px black, inset 0px 2px 5px #f3f3f3, inset 0px 1px 2px rgba(255, 255, 255, .3);
    transition: all 150ms ease-in;
}

#menu a:link.active {
    color: rgba(255, 241, 201, 1);
    border-radius: 3px;
    background: url('../images/mnu_bg_act.png') repeat-x;
    box-shadow: 0 0 8px black, 0 0 10px black, 0 1px 1px black, 0 1px 5px black, 0 1px 5px black, inset 0px 2px 5px #ffde83, inset 0px 1px 2px rgba(255, 255, 255, .3);
}

#menu a>span {
    white-space: nowrap;
}

/*------------------------------MAP---*/

#top .map {
    height: 260px;
    width: 844px;
    position: absolute;
    top: 179px;
    left: 76px;
    overflow: hidden;
}

#top .map .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/top_map_cover.png') no-repeat;
}

#top.reports .map .cover {
    background: url('../images/top_map_cover_relacje.png') no-repeat;
}

#top .map .slider {
    position: absolute;
    top: 0;
    left: 0;
}

#top .map .active_area {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 243px;
}

#top .map .active_area .sheet {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#apln,
#apld,
#eur,
#azja,
#afr,
#aust {
    position: absolute;
    display: none;
}

#continents_map > .slider > img.hover {
    display: block;
}

#apln {
    left: 54px;
    top: 0px;
}

#apld {
    left: 252px;
    top: 162px;
}

#eur {
    left: 410px;
    top: 31px;
}

#afr {
    left: 396px;
    top: 106px;
}

#azja {
    right: 0;
    top: 16px;
}

#aust {
    right: 0;
    bottom: 34px;
}

/*----------------------------TYPES---*/

#top .types {
    position: absolute;
    top: 444px;
    left: 215px;
    width: 565px;
    list-style-type: none;
    text-align: center;
}

#top .types input {
    display: block;
    position: absolute;
    left: -9999px;
}

#top .types li {
    display: inline-block;
}

#top .types li label {
    display: inline-block;
    /*color: #BBB;*/
    cursor: pointer;
    padding: 5px 7px;
    text-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
}

#top .types label:hover,
#top .types input:focus + label {
    color: #EEE;
}

/* puste reguly powodowaly w moich przegladarkach, ze zaznaczenie bylo niewidoczne */
#top .types label::-moz-selection {
}

#top .types label::selection {
}

#top .types input:checked + label {
    color: #BA5;
}

#top .types_select .show {
    margin: 0;
}

#top .types_select .show button {
    position: absolute;
    top: 446px;
    right: 83px;
    border: none;
    padding: 0;
    background-color: transparent;
}

/*------------------------NEWSLETTER--*/

#top .newsletter fieldset {
    border: none;
}

#top .newsletter legend {
    display: none;
}

#top .newsletter input {
    display: block;
    position: absolute;
    border: none;
    top: 134px;
    left: 769px;
    padding: 0;
    width: 126px;
    font-size: 12px;
    /*color: #CA4;*/
    color: #CCC;
    background: transparent;
    margin: 0;
}

#top .newsletter button {
    border: none;
    padding: 0;
    position: absolute;
    top: 129px;
    right: 45px;
}

/*----------------------------BANNER--*/

#photo-default {
    background: url('../images/banner.png');
    width: 939px;
    height: 219px;
    margin: -5px auto 10px;
    padding: 23px 15px 0;
}

/*------------------------------BARS--*/

.bars {
    overflow: hidden;
    padding-top: 17px;
    margin: 0 auto;
}

.bars.narrow {
    width: 918px;
}

.bars.wide {
    width: 950px;
}

.bars.wide .box {
    margin-bottom: 77px; /*for footer*/
}

.bars.wide .box.footer_small {
    margin-bottom: 46px; /*for footer*/
}

.bars.narrow .box {
    margin-bottom: 45px; /*for footer*/
}

.bars .box > .header {
    font-family: 'Dins Pl', Impact, 'Trebuchet Ms', sans-serif;
    font-size: 14px;
    color: #CCC;
    font-weight: normal;
    text-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
    height: 63px;
    margin-bottom: -17px;
    position: relative;
    top: -17px;
    text-transform: uppercase;
    overflow: hidden;
}

.bars .box > .header .top_bg {
    display: block;
    padding: 25px 0 0 25px;
}

.bars .box > .body {
    margin: 0 5px;
}

.bars .box .box_body { /* for usage with boxes with plain text */
    padding: 5px 20px;
}

.bars .right .box .body {
    font-size: 11px;
}

.bars.wide > .right {
    float: right;
    width: 291px;
}

.bars.wide > .left {
    float: left;
    width: 659px;
}

.bars.wide > .right > .box {
    background: url('../images/right_wide_shadow.png') repeat-y;
}

.bars.wide > .left > .box {
    background: url('../images/left_wide_shadow.png') repeat-y;
}



.bars.wide > .left > .box > .header {
    background: url('../images/left_wide_header.jpg') no-repeat bottom center;
}

.bars.wide > .left > .box > .header .top_bg {
    background: url('../images/left_wide_header_top.png') no-repeat top left;
}

.bars.wide > .left > .box > .body {
    background: url('../images/left_wide_bg.jpg') repeat-y top center;
}

.bars.wide > .right > .box > .header {
    background: url('../images/right_wide_header.jpg') no-repeat bottom center;
}

.bars.wide > .right > .box > .header .top_bg {
    background: url('../images/right_wide_header_top.png') no-repeat top left;
}

.bars.wide > .right > .box > .body {
    background: url('../images/right_wide_bg.jpg') repeat-y top center;
}

.bars.narrow .box > .header {
    height: 59px;
    margin-bottom: -14px;
    top: -14px;
}

.bars.narrow .box > .header .top_bg {
    padding: 21px 0 0 25px;
}

.bars.narrow > .right {
    float: right;
    width: 261px;
}

.bars.narrow > .left {
    float: left;
    width: 624px;
}

.bars.narrow > .left > .box {
    background: url('../images/left_narrow_shadow.png') repeat-y;
}

.bars.narrow > .left > .box > .header {
    background: url('../images/left_narrow_header.jpg') no-repeat bottom center;
}

.bars.narrow > .left > .box > .header .top_bg {
    background: url('../images/left_narrow_header_top.png') no-repeat top left;
}

.bars.narrow > .left > .box > .body {
    background: url('../images/left_narrow_bg.jpg') repeat-y top center;
}

.bars.narrow > .right > .box {
    background: url('../images/right_narrow_shadow.png') repeat-y;
}

.bars.narrow > .right > .box > .header {
    background: url('../images/right_narrow_header.jpg') no-repeat bottom center;
}

.bars.narrow > .right > .box > .header .top_bg {
    background: url('../images/right_narrow_header_top.png') no-repeat top left;
}

.bars.narrow > .right > .box > .body {
    background: url('../images/right_narrow_bg.jpg') repeat-y top center;
}

.bars.wide .box > .footer {
    height: 62px;
    margin-top: -62px;
    position: relative;
    top: 62px;
}

.bars .box > .footer > .texture {
    height: 41px;
    padding: 21px 36px 0 36px;
}

.bars.wide > .left > .box > .footer {
    background: url('../images/left_wide_footer.png');
}

.bars.wide > .left > .box > .footer > .texture {
    background: url('../images/left_wide_footer_bg.gif') no-repeat 26px 15px;
}

.bars.wide > .right > .box > .footer {
    background: url('../images/right_wide_footer.png');
}

.bars.wide > .right > .box.small_footer > .footer {
    background: url('../images/right_wide_footer_small.png');
    height: 20px;
    margin-top: -20px;
    top: 20px;
}

.bars > .right > .box > .footer > .texture {
    background: url('../images/right_wide_footer_bg.gif') no-repeat 23px 15px;
}

.bars.narrow .box > .footer {
    height: 19px;
    margin-top: -19px;
    position: relative;
    top: 19px;
}

.bars.narrow > .left > .box > .footer {
    background: url('../images/left_narrow_footer.png');
}

.bars.narrow > .right > .box > .footer {
    background: url('../images/right_narrow_footer.png');
}

/*----------------------------FOOTER--*/

#above-footer {
    line-height: 10px;
    text-transform: uppercase;
    width: 900px;
    margin: 45px auto 0;
}

footer .sep {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, .13);
    padding-bottom: 20px;
}

#above-footer h4 {
    font-size: 16px;
    color: rgba(255, 255, 255, .65);
    font-weight: normal;
}

#above-footer .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 18px;
}

#above-footer .container a {
    display: block;
    text-indent: -9999px;
    margin: 0 10px;
    transition: all linear 200ms;
    opacity: .75;
}

#above-footer .container a:hover {
    opacity:1;
    filter:brightness(110%);
}

#above-footer #signal-partner {
    background: url(/images/signal-logo-hover.png) no-repeat;
    width: 215px;
    height: 53px;
}

#above-footer #brand24-partner {
    background: url(/images/brand24-hover.png) no-repeat;
    width: 128px;
    height: 53px;
    margin-left: -10px;
}

#above-footer #iconsulting-partner {
    background: url(/images/iconsulting_footer_logo.png) no-repeat;
    width:132px;
    height:35px;
}

#above-footer #phaseone-partner {
    background: url(/images/phaseone_footer_logo.png) no-repeat;
    width: 132px;
    height: 23px;
}

#above-footer #ydv-partner {
    background: url(/images/ydv-logo-hover.png) no-repeat;
    width: 69px;
    height: 59px;
}

#above-footer #wilderness-partner {
    background: url(/images/wilderness-logo-hover.png) no-repeat;
    width: 121px;
    height: 57px;
}

#footer {
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    width: 900px;
    margin: 22px auto 17px;
    color: #555;
    padding-bottom: 20px;
}

#footer a {
    text-decoration: none;
}

#footer a:hover {
    text-decoration: none;
    color: #FB0;
}

#footer .main_menu {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
}

#footer .main_menu a {
    /*color: rgba(165, 129, 43, 1); */
    margin-right: 10px;
    font-weight: bold;
}

#footer .bg-menu {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    color: rgba(142, 136, 129, 0.55);
    padding-top: 18px;
    align-items: center;
    margin-bottom: 20px;
}

#footer .bg-menu a {
    color: rgba(167, 167, 167, 1);
    margin: 0 0 0 7px;
}

#footer .bg-menu > div > span {
    margin-right: 0px;
}

#footer .bg-menu .google {
    font-weight: 400;
    text-transform: none;
    display: flex;
    align-items: center;
}

#footer .legal {
    text-align: center;
    text-transform: none;
}

#footer .copy > .waga {
    font-weight: bold;
    color: rgba(129, 123, 117, 1);
}

/*-------------------------------NEWSY--*/

.bars.narrow .right > .news_list {
    margin-bottom: 62px;
}

footer {
    width: 900px;
    margin: 0 48px; /* 996 - 950 */
    border-top: solid 1px rgba(255, 255, 255, .13);
    padding-top: 35px;
}

footer > .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}

footer > .row:nth-child(1) {
    margin-bottom: 18px;
}

footer h2 {
    font-weight: normal;
    font-size: 22px;
    color: rgba(255, 255, 255, .7);
}

a.btn {
    color: rgba(207, 167, 72, 1);
		text-shadow: 0 1px 1px black, 0 1px 5px black, 0 1px 5px black;
    background: rgba(255, 255, 255, .10);
    border-radius: 3px;
    border: solid 1px rgba(255, 255, 255, .1);
    padding: 6px 8px 5px 8px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    display:inline-block;
		transition: all 150ms ease-out;
}

main.expedition .card .buttons a.btn:hover,
a.btn:hover {
    color: #fb0;
    background: rgba(255, 255, 255, .15);;
    border: solid 1px rgba(255, 255, 255, .15);
    transition: all 150ms ease-in;
}

.footer-feeds,
.footer-trustus {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-feeds {
    margin-right: 20px;
}

.footer-trustus {
    margin-left: 20px;
}

.footer-trustus .bx-viewport {
    height: 140px !important;
}

.footer-feeds.news_list .list li {
    list-style: none;
    /* background: rgba(0, 0, 0, 0.15) url(../images/grad_2.png) repeat-x bottom left; */
    position: relative;
    padding: 20px 20px 15px 75px;
    cursor: pointer;
    font-size: 14px;
    min-height: 65px
}

.footer-feeds.news_list .list li:first-child {
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
}

.no-rgba .right > .news_list .list li {
    background: url('../images/grad_2.png') repeat-x bottom left; /* IE */
}

.footer-feeds.news_list .list li:hover {
    background-color: transparent;
}

.footer-feeds.news_list .list .source a {
    display: block;
    position: absolute;
}

.footer-feeds.news_list .list .source span {
    display: none;
}

.footer-feeds.news_list .list .twitt .source a {
    width: 31px;
    height: 39px;
    background: url('../images/twitter_1.png') no-repeat;
    top: 12px;
    left: 14px;
}

.footer-feeds.news_list .list .photo .source a {
    width: 38px;
    height: 38px;
    background: url('../images/gallery_1.png') no-repeat;
    top: 12px;
    left: 12px;
}

.footer-feeds.news_list .list .face .source a {
    width: 38px;
    height: 38px;
    background: url('../images/facebook_1.png') no-repeat;
    top: 17px;
    left: 19px;
}

.footer-feeds.news_list .list li:hover .source a {
    background-position: bottom left;
}

.footer-feeds.news_list .list .date {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    text-align: right;
}

.footer-feeds.news_list > .footer .archive {
    float: right;
}

.footer-feeds.news_list > .footer .twitter {
    float: left;
}

.footer-feeds.news_list > .footer .twitter span {
    padding-left: 4px;
    padding-right: 4px;
}

.footer-feeds.news_list > .footer .twitter img {
    position: relative;
    top: -1px;
}

.footer-inspired .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 50px 0 25px;
}

.footer-inspired>.inspired {
    display:grid;
    grid-template-columns: 225px 225px 225px 225px;
    template-columns: 225px 225px 225px 225px 225px;
    border:none !important;
    border-radius:0 !important;
    background:rgba(255, 234, 187, .05);
}

.footer-inspired img {
    box-sizing:border-box;
    width: 225px;
    height: auto;
    border: solid 0 rgba(135, 118, 118, 0.25);
    border-left-width: 1px;
    border-bottom-width: 1px;
    /*background-color: rgba(187, 174, 169, 0.35);*/
    -webkit-filter: grayscale(100%) invert(1) sepia(.5);
    filter: grayscale(100%) invert(1) sepia(.5);
    opacity: 0.6;
    transition: opacity linear 100ms;
    position:relative;
}

.footer-inspired a:nth-child(1) img,
.footer-inspired a:nth-child(2) img,
.footer-inspired a:nth-child(3) img,
.footer-inspired a:nth-child(4) img{
    border-top-width: 1px;
}

.footer-inspired a:nth-child(4) img,
.footer-inspired a:nth-child(8) img {
    border-right-width: 1px;
}

.footer-inspired a:hover img {
    opacity: 0.7;
}

.bars.narrow > .right > .news_list > .footer {
    background-image: url('../images/right_narrow_footer_big.png');
    height: 62px;
    margin-top: -62px;
    top: 62px;
}

.bars.narrow > .right > .news_list > .footer > .texture {
    background-image: url('../images/right_narrow_footer_bg.gif');
}

.flash {
    font-family: 'Dins Pl';
    text-transform: uppercase;
    font-size: 14px;
    height: 60px;
    line-height: 67px;
    color: #ccc;
    text-shadow: #000 0 0 4px;
    background: url('../images/flash_bg.png') top center no-repeat;
    padding-left: 55px;
}

.flash img {
    display: inline-block;
    vertical-align: middle;
    margin: -6px 8px 0 0;
}

.bx-viewport {
    height: 100px !important;
}

/* div#fixin { display :none; } */
.ie8 #bg {
    background: #000 url(/images/africa_ie8.jpg) top center no-repeat !important;
}

.header_top h2 {
    margin: 20px 48px;
    font-weight: 700;
    font-size: 22px;
    color: rgba(255, 255, 255, .8);
    text-shadow: 1px 0 1px black;
}

.header_top h2 small {
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
}

/** ADVENTURES **/
/*Wygrywane obrazy kart powinny miec opt: 860x400px, min: 430x200px*/
.expeditions {
    padding: 0 -10px;
    margin-bottom: 25px;
    width: 940px;
    margin-left: 28px;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
    align-items:stretch;
}

main .card {
    box-sizing: border-box;
    padding: 20px;
    transition: opacity linear 500ms;
    opacity: 1;
}

.card-container .card {
    width: 50%;
}

.card.card-hidden {
    height: 0;
    opacity: 0;
}

main .card .box {
    display: block;
}

main .card .box img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    display: block;
    /*border-bottom: solid 1px rgba(255,255,255,.1);*/
    transition: filter linear 200ms, transform linear 200ms;
}

.card-container .card .box img {
    height: 200px; /*Wygrywane obrazy kart powinny miec opt: 860x400px, min: 430x200px*/
}

main .card .box .card_image {
    position: relative;
    max-width: 100%;
    overflow:hidden;
}

main .card .box .card_image::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 10px 10px 0 0;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.15), inset 0 0 1px rgba(255, 255, 255, .45);
}

main .card a.box:hover img,
main .card a.box:focus img {
    filter: brightness(130%);
}

main .card .box .card-content,
main .box-sticky .card-content {
    padding: 15px;
    color: rgba(129, 123, 117, 1);
    text-transform: uppercase;
}

main .card .box h3,
main .box-sticky h3 {
    font-size: 20px;
    color: rgba(207, 167, 72, .9);
    text-transform: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

main .card a.box:hover h3 {
    color: #FB0;
    display: block;
}

main .card .box .detail,
main .box-sticky .detail {
    margin: 7px 0 10px;
    font-weight: bold;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
}

main .card .box .detail .spacer,
main .box-sticky .detail .spacer {
    width: 0;
    border-left: solid 1px rgba(129, 123, 117, 1); /* Kolor tekstu */
    margin: 0 10px;
}

main .card .box .pricing .price,
main .box-sticky .pricing .price {
    font-size: 18px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin: 0 10px 0 5px;
}

main .card .box .pricing .price.flight,
main .box-sticky .pricing .price.flight {
    font-size: 16px;
    color: rgba(255, 255, 255, .7);
}

main .card.portfolio {
    align-self: stretch;
    display:flex;
}

main .card.portfolio a.box {
    display:flex;
    flex-grow:1;
    flex-direction:column;
    justify-content: center;
    padding: 40px;
    color: rgba(129, 123, 117, 1);
    text-transform: uppercase;

    font-size: 17pt;
    background-image:url("/images/box_bg_next.png") !important;
}

main .card.portfolio div {
    color: rgba(207, 167, 72, .9)
}

main .card.portfolio .p {
    font-weight: 500;
    margin-bottom: 35pt;
}

main .card.portfolio .a {
    font-size: 48pt;
    line-height: 48pt;
    text-align:right;
}

main .card.portfolio .a>img {
    width: 50pt;
    height: 50pt;
    border:none;
    float:right;
}

main .card.portfolio .m {
    color: rgb(166, 161, 151);
    line-height: 21pt;
    width: 50%;
}
main .card.portfolio a.box:hover div {
    color: #FB0;
}

main .card.portfolio a.box:hover .m {
    color: rgb(187, 182, 172);
}


main.expedition {
    margin:0 28px;
}

main.expedition .card_image a.gallery {
    display: block;
    position: absolute;
    bottom:15px;
    right:15px;
    background-image:url(../images/gal_icon.png);
    background-position:center right;
    background-repeat: no-repeat;
    padding-right: 45px;
    line-height:40px;
    z-index:20;
    cursor:pointer;
    color:rgba(255,255,255,.9);
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
    text-shadow: 0 0 8px black, 0 0 10px black, 0 1px 1px black, 0 1px 5px black, 0 1px 5px black;
		opacity: .8;
}

main.expedition .card_image a.gallery:hover {
		opacity: 1;
}

main.expedition .card .buttons,
main.expedition .box-sticky .buttons {
    float:right;
    text-align:right;
}

main.expedition .card .buttons a.btn,
main.expedition .box-sticky .buttons a.btn,
.form .form-buttons .btn {
    font-weight: 700;
    font-family: "Roboto Condensed";
    margin:6px;
    font-size: 19px;
    padding: 6px 15px;
    color: rgba(255, 241, 201, 1);
    cursor: pointer;
    border-radius: 3px;
    background: url(../images/mnu_bg_act.png) repeat-x;
    box-shadow: 0 0 8px black, 0 0 10px black, 0 1px 1px black, 0 1px 5px black, 0 1px 5px black, inset 0px 2px 5px #ffde83, inset 0px 1px 2px rgba(255, 255, 255, .3);
    text-shadow: 0 0 8px black, 0 0 10px black, 0 1px 1px black, 0 1px 5px black, 0 1px 5px black;
    border: none !important;
    text-transform: uppercase;
}

main.expedition .card .buttons a.btn:hover,
main.expedition .box-sticky .buttons a.btn:hover,
.form .form-buttons .btn:hover,
.form .form-buttons .btn:focus {
		color: white;
		background: url(../images/mnu_bg_hov.png) repeat-x;
		box-shadow: 0 0 8px black, 0 0 10px black, 0 1px 1px black, 0 1px 5px black, 0 1px 5px black, inset 0px 2px 5px #f3f3f3, inset 0px 1px 2px rgba(255, 255, 255, .3);
}

main.expedition .card .buttons a.btn:not(:first-child),
main.expedition .box-sticky .buttons a.btn:not(:first-child){
		color: rgba(207, 167, 72, .9);
		text-shadow: 0 1px 1px black, 0 1px 5px black, 0 1px 5px black;
		background: rgba(255, 255, 255, .10);
		border-radius: 3px;
		border: solid 1px rgba(255, 255, 255, .1);
		box-shadow: none;
    font-size: 15px;
		padding: 6px 12px 4px 12px;
}

main.expedition .card .buttons a.btn:not(:first-child):hover,
main.expedition .box-sticky .buttons a.btn:not(:first-child):hover{
		color: #fb0;
		background: rgba(255, 255, 255, .15);
		border: solid 1px rgba(255, 255, 255, .15);
}

main.expedition .content-container {
    display:flex;
}

main.expedition .content-container .content .box {
    margin-right:30px;
    font-size: 16px;
    color: rgba(255,255,255,.75);
}

main.expedition .card .box h3 {
    font-weight:700;
}

main.expedition header.box h3.name {
    font-size: 18px;
		margin-bottom: 15px;
}

main.expedition header.box h3.name:not(:first-child) {
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 2px;
}


main.expedition header.box .detail {
		font-size: 15px;
}


main.expedition .content-container aside {
    min-width: 35%;
}

main.expedition .content-container aside .box {
    margin-bottom: 30px;
    padding: 30px;
    font-size: 16px;
    color: rgba(207, 167, 72, .9);
}

main.expedition .content-container aside ul {
    list-style-image: url('../images/dot_1.png');
    padding:0 20px 0;
		color: rgba(249, 213, 127, 0.9);
		margin-top: -10px;
}

main.expedition .content-container aside ul li {
    padding-bottom: 10px;
}

main.expedition .content-container aside h3:not(:first-child) {
    margin-top: 30px;
    margin-bottom: 10px;
}

main.expedition .content-container h3 {
    text-transform: uppercase;
    font-weight:normal;
}

main.expedition .content-container .box h3 {
    font-size: 18px;
}

main.expedition .content .section {
    opacity:1;
    transition: opacity linear 300ms;
    border-bottom: solid 1px rgba(255,255,255,.1);
    padding: 30px;
}

main.expedition .content .section.section-hidden {
    height: 0;
    opacity: 0;
    padding: 0;
    overflow:hidden;
}

main.expedition .content-container .content .box .section div {
    padding: 5px;
}

main.expedition .content-container .morebtn {
    text-align:center;
    padding:20px;
    z-index:200;
}

main.expedition .content-container .morebtn a.btn {
    padding:15px 30px;
		font-size: 19px;
}

main.expedition .similar {
    margin: 40px 0;
}

main.expedition .similar .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}
main.expedition .similar .row h3 {
    font-weight: normal;
    font-size: 22px;
    color: rgba(255, 255, 255, .7);
    text-transform: uppercase;
}


main.expedition section ul {
		list-style-image: url(../images/dot_1.png);
    padding: 0px 20px 30px 20px;
}

main.expedition section ol {
		list-style-image: url(../images/dot_1.png);
    padding: 0px 20px 30px 20px;
}

main.expedition section ul li{
    padding-bottom: 10px;
}

main.expedition .content section h4 {
    padding-top: 20px;
		padding-bottom: 10px;
    color: rgba(207, 167, 72, .9);
    text-decoration: none;
}

main.expedition .content section h4 u {
    text-decoration: none;
}

main.expedition .content section p {
    padding-bottom: 10px;
}

main.expedition iframe {
		width: 485px!important;
		height: 275px!important;
}

main.expedition .card h3 {
    margin-bottom: 20px;
}

.card h3 {
    margin-bottom: 13px;
    font-weight: 700;
    font-size: 22px;
    color: rgba(255, 255, 255, .8);
    text-shadow: 1px 0 1px black;
}

.bx-wrapper {
    width: 100%; /* Głupieje z fleksem */
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

main.incentive {
		width: 900px;
  	margin: 0 48px;
		margin-bottom: 50px
}

main.incentive .container {
    display: flex;
}

main.incentive .content {
    margin-right: 40px;
}

main.incentive aside {
    min-width: 30%;
}

main.incentive aside .card {
		box-sizing: border-box;
		padding: 0px;
	  transition: opacity linear 500ms;
	  opacity: 1;
}

main.incentive aside .card li {
    border-bottom: solid 1px rgba(255,255,255,.1);
}

main.incentive aside .card li:last-child {
    border-bottom: none;
}

main.incentive aside .card a {
		display: block;
    padding: 17px 20px 17px 20px;
		font-size: 15px;
    font-weight: 700;
		text-transform: uppercase;
}

main.incentive aside .card a:active,
main.incentive aside .card a:hover,
main.incentive aside .card a:focus {
		background: rgba(0,0,0,.2);
}

main.incentive section {
		padding: 0px;
		border-bottom: solid 1px rgba(255,255,255,.1);
}

main.incentive section:last-child {
		border-bottom: none;
}

main.incentive article {
		padding: 30px;
		font-size: 16px;
		text-align: justify;
}
main.incentive article h3 {
		color: rgba(207, 167, 72, .75);
		font-size: 19px;
    font-weight: 700;
		text-transform: uppercase;
		padding-left: 10px;
}

main.incentive article h4 {
		color: rgba(207, 167, 72, .75);
		font-size: 16px;
    font-weight: 700;
		text-transform: uppercase;
		padding-left: 15px;
		padding-bottom: 5px;
}

main.incentive article img {
		display: inline;
		margin-left: 20px;
		border-radius: 5px;
}

main.incentive article ul {
		list-style-image: url(../images/dot_1.png);
    padding: 0px 45px 30px 45px;
}

main.incentive article ol {
		list-style-image: url(../images/dot_1.png);
    padding: 0px 45px 30px 45px;
}


main.incentive article p {
		margin-bottom: 20px;
		font-size: 16px;
		padding-left: 15px;
		padding-right: 15px;
}

main.incentive article div.about {
		display: inline-block;
}

main.incentive header {
		margin-bottom: -30px;
		padding: 0 30px 30px;
}

main.incentive header h3 {
		color: rgba(207, 167, 72, .9);
		font-size: 21px;
    font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 0;
		padding-top: 30px
}

main.relation > .gallery-container{
    margin: 45px 48px;
}

main.relations .card .box .detail,
.relations.other .card .box .detail {
    margin: 7px 0 0;
}

main.relations .card .box h3 {
    font-size: 17px;
}

.relations {
    margin: 30px 28px;
}

.relations .container {
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
}

.relations .card {
    width: 33.3333333333%;
}

.relations.other>h3 {
    font-weight: normal;
    font-size: 22px;
    color: rgba(255, 255, 255, .7);
    text-transform: uppercase;
    margin: 0 20px;
}

#banner {
    margin: -50px auto 10px!important;
}

/*#sticky-wrapper nav {
	top:40px!important;
}*/

.box-sticky {
    z-index: 1000;
    display: block;
    position: fixed;
    left:0;
    top:0;
    right:0;
    transform: translate3d(0,-300px,0);
    transition: linear .3s;
    border-radius: 0;
}

.box-sticky.is-sticky {
    transform:translate3d(0, 0, 0);
}

.box-sticky>.card-content {
    width:900px;
    margin:0 auto;
    padding:0 10px;
}

/* jquery.modal custom layout */
.blocker {
    z-index:10 !important;
}

.modal {
    background:none !important;
    box-shadow:none !important;
}

.modal .close-modal {
    display:none !important;
}

.modal .box {
    padding: 30px 25px;
}

.modal > h2 {
    font-size: 22px;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, .8);
}

.form > h3 {
    color: #B94;
    font-size: 18px;
    margin-bottom: 30px;
}

.form > h3 + p {
    font-size: 14px;
    margin-bottom: 30px;
}

.form > .body > h3 {
    color: #B94;
    font-size: 15px;
    line-height: 22px;
    margin: 1em 0;
}

.form > .body > p {
    margin: 1em 0;
    color: #BBB;
}

.form > .body > form {
    margin: 15px 22px 15px 0;
}

.form form > fieldset > legend {
    display: none;
}

.form input,
.form textarea,
.form select {
    width: 100%;
    padding: 0 7px;
    box-sizing: border-box;
}
.form .select > select {
    padding: 10px 0;
    line-height: 15px;
    height: 35px;
}
.form .select > select > option {
    background: #333;
    color: #BBB;
}

.form .select {
    padding: 0 7px;
    width: 100%;
    margin-bottom: 15px;
}
.form .input_text {
    height: 35px;
    line-height: 35px;
    margin-bottom: 20px;
}

.form .textarea {
    resize: none;
    padding-top: 8px;
    height: 200px;
}

.form .label {
    display: block;
    margin: 10px 0 10px;
    line-height: 15px;
    height: 15px;
    font-size:15px!important;
}


.form fieldset > button {
    margin: 10px -22px 0 auto;
}
.form div {
    /* overflow: hidden; */
    clear: both;
}

.form .form-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:30px 0 0;
    font-size: 18px;
}

.form .form-buttons a:not(.btn) {
    color: #878383
}

.form .form-footer {
    border-top: solid 1px rgba(255,255,255,.2);
    padding: 25px 25px 0;
    margin:30px -25px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form input.checkbox[type=checkbox] {
    width: 24px;
    height: 24px;
    opacity: 0;
    margin: 0;
    position: relative;
    z-index:1;
}

.form input.checkbox[type=checkbox] + div {
    z-index:0;
    display:inline-block;
    position:relative;
    width:20px;
    height:20px;
    left:-28px;
    border: solid #000;
    border-width: 4px 4px 1px;
    /* background: transparent !important; */
    background: rgba(0, 0, 0, 0.4);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px;
}

.form input.checkbox[type=checkbox] + div:after {
    border: 3px solid #B94;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
    width: 12px;
    transition:opacity linear .2s;
}

.form input.checkbox[type=checkbox]:checked + div:after {
    opacity: 1;
}

.form input.checkbox ~ label {
    display:inline-block;
    margin-left: 40px;
    text-align: justify;
    margin-top: -28px;
    color: #BBB;
    text-transform:none;
    font-size: 12px !important;
}

.form input.checkbox ~ label>p:first-child {
    font-weight: 700;
    font-size: 15px !important;
    margin-bottom: 10px;
}

#bp_container > img {
    border-radius: 10px;
}

main.expeditions {
    margin-bottom: 0;
}

main.main .header_top h2 {
    font-size: 24px;
}

main.main .header_top h2>small {
    margin-left: .3em;
    text-transform: uppercase;
}

main.main .sec-adventures::before,
main.main .sec-incentive::before {
    display:block;
    content:'';
    height:1px;
    background: rgba(255,255,255,.13);
    width:100%;
    margin-bottom:48px;
}

main.main .sec-adventures .btn {
    font-size: 19px;
}

main.main .sec-incentive {
    margin: 0 48px 48px;
    display:flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 12pt;
    color: rgb(118, 116, 110);
}

main.main .sec-incentive>div {
    display:flex;
}

main.main .sec-incentive a {
    margin-top: 30pt;
    margin-left: 20pt;
}

main.main .sec-incentive a>img,
main.incentive aside a>img {
    opacity:.75;
    transition: opacity 100ms linear;
}

main.main .sec-incentive a:hover>img,
main.main .sec-incentive a:active>img,
main.incentive aside a:hover>img,
main.incentive aside a:active>img {
    opacity:.9;
}

main.main .more {
    text-align:right;
    margin: 20px 48px 35px;
}

main.main .more .btn {
    padding:10pt;
}

main.incentive aside .projects a>img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 17px 20px 0;
}

main.incentive aside .projects a {
    margin: 20px 0;
    display: block;
}

a.arrow {
    padding-right: 1.4em;
    background-image: url(/images/arrow.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
}