/* Root
================================================== */
:root {
    --main-green: #06491f;
}


/* Super Form Reset
================================================== */
input, label, select, button, textarea {margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;appearance: none;-moz-appearance:none;-webkit-appearance:none;text-indent: 0.01px;text-overflow: '';border-radius: 0;width:100%;-webkit-border-radius: 0;-moz-border-radius:0}input:focus {outline:0;}button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {}input[type=checkbox], input[type=radio] {width:13px;height:13px;}input[type=search] {-webkit-appearance:textfield;-webkit-box-sizing:content-box;}::-webkit-search-decoration {display:none;}button, input[type="reset"], input[type="button"], input[type="submit"] {overflow:visible;width:auto;}::-webkit-file-upload-button {padding:0;border:0;background:none;}textarea {vertical-align:top;overflow:auto;resize: none }select[multiple] {vertical-align:top;} input[type=checkbox] {-moz-appearance: checkbox;-webkit-appearance: checkbox} button {cursor: pointer}

/* Nadpisz Bootstrap
================================================== */
body, html {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000;
    background:#fff
}
a:hover {text-decoration:none;color: inherit}
a:focus {outline: none}
:focus, button:focus {outline:none}
::-moz-focus-inner {border:0}
img {display:block;max-width: 100%;height: auto}
b, strong {font-weight: 600}
p {
    font-size: 16px;
    margin: 0;
    line-height: 24px;
}
.navbar {
    justify-content: flex-end;
    padding:0;
    flex-wrap: nowrap
}

@media (min-width: 1640px) {
    .container {
        max-width: 1640px;
    }
}

.bttn {
    font-size: 16px;
    display: inline-flex;
    min-width: 220px;
    padding: 14px 16px;
    color: var(--main-green);
    position: relative;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    text-align: center;
    background: white;
    line-height: normal;
    border:1px solid var(--main-green)
}
.bttn:hover {
    background: var(--main-green);
    color: white;
}
.bttn.bttn-gold {
    border:1px solid #dcc951;
    background: none;
    color: white;
}
section {
    position: relative;
}
.rotate {
    position: absolute
}
.rotate-gallery {
    left: -9px;
    top: -140px;
}
.atuty-location {
    left: -128px;
    top: -161px;
}
.rotate-about {
    left: -6px;
    top: -12px;
    z-index: 30;
}
.rotate-location {
    top: -37px;
    right: 0px
}

/* Informacja o ciasteczkach
================================================== */
#cookies {position:fixed;width:100%;bottom:0;background:white;z-index:9999;border-top:1px solid #ddd;display:none;padding:10px 0}  #cookies p {padding:0 5%;font-size:13px;line-height:normal;font-family:"Arial"}  #cookies a.closecookies {float:right;padding:5px 10px;color:white;background:#222;margin-top:4px;margin-left:60px}  #cookies a.closecookies:before {font-family:"FontAwesome";content:"\f00d";margin-right:8px}

/* Header
================================================== */
.header-holder,
.mainmenu li
{
    height: 170px;
}
header {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 400
}

#header {
    top: 0;
}
#header.fixed {
    top: -100px;
    background: #06491f;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.14);
    -moz-box-shadow:0 2px 2px 0 rgba(50, 50, 50, 0.14);
    box-shadow:0 2px 2px 0 rgba(50, 50, 50, 0.14)
}
#header.fixed .mainmenu li {
    height: 70px;
}
#header.fixed img {
    width: 80px;
}

.bttn-top-tel {
    min-width: 140px;
    background: none;
    border-color: white;
    justify-content: center;
    color: white;
    font-size: 12px;
}
.bttn-top-icon,
.bttn-top-tel
{
    margin-left: 30px
}
.hr {
    padding: 150px 0 80px;
    margin-top: 70px;
}
.hr:after {
    content: "";
    height: 1px;
    width: 525px;
    background: #dcc951;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

/* Menu
================================================== */
.mainmenu {
    display: flex;
}
.mainmenu li {
    display: flex;
    align-items: center;
    padding-right: 40px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
}
.mainmenu li:last-child {
    padding-right: 0
}
.mainmenu a {
    font-weight: normal;
    font-size: 16px;
    color: #fff
}

/* Popup
================================================== */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-close, .mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}button.mfp-close{overflow:visible;cursor:pointer;background:white;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-hide{display:none!important}.white-popup{position:relative;background:#FFF;padding:20px;width:auto;max-width:920px;margin:20px auto}.mfp-s-ready .mfp-preloader {display: none}.white-popup img {max-width:100%;height:auto}

/* Slider
================================================== */
#slider,
#slider img {
    width: 100%;
    position: relative;
}
#slider .apla {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: end;
    padding-bottom: 80px;
}
#slider h1,
#slider p {
    text-align: center;
    color: #fff
}
#slider h1 {
    font-weight: bold;
    font-size: 90px;
    position: relative;
    padding-bottom: 60px;
    margin: 0;
}
#slider h1:after {
    content:"";
    height: 1px;
    width: 525px;
    background: #dcc951;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 35px
}
#slider p {
    font-weight: 600;
    font-size: 28px
}

/* Wyszukiwarka
================================================== */
#mainsearch {
    border:1px solid white;
    margin-top: 60px;
    padding:40px
}
#mainsearch p {
    margin-bottom: 60px;
}
#mainsearch label,
#mainsearch select,
#mainsearch button {
    color: #fff
}
#mainsearch select,
#mainsearch button {
    font-size: 16px
}
#mainsearch label {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}
#mainsearch select {
    padding: 10px;
    border-bottom: 1px solid white;
}
#mainsearch button {
    width: 100%;
    border: 1px solid white;
    padding: 20px 0;
    color: white;
    margin-top: 19px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#mainsearch button:hover {
    background: white;
    color: var(--main-green);
}
/* Sections
================================================== */
.container-fluid .row,
.container-fluid .col-top-offset,
.container-fluid .col-green
{
    margin:0;
    padding:0
}
.container-fluid .col-top-offset {
    margin-top: -460px
}
.section-title {
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    color: #06491f;
    margin-bottom: 90px;
}
.green-apla {
    background: var(--main-green);
    padding: 100px 100px 0;
}
.green-apla.green-apla-big {
    padding: 200px 100px
}
.green-apla.green-apla-big .bttn-gold {
    margin-top: 100px
}
.green-apla .small-section-title {
    color: white;
    font-size: 28px;
    line-height: 42px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 90px
}
.green-apla .section-title {
    color: white;
    text-align: left;
    margin-bottom: 35px
}
.green-apla h3,
.green-apla p {
    text-align: left;
    color: #fff
}
.green-apla h3 {
    font-weight: 600;
    font-size: 20px;
}
.green-apla p {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px
}
.green-apla .property {
    padding-left: 75px;
    margin-bottom: 100px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.green-apla-text {
    width: 700px;
    background: var(--main-green);
    padding: 45px 35px 45px 0;
}
.green-apla-text,
.bttn-gold {
    position: relative;
    z-index: 300;
}

#mainlocation,
#mainlocation-2
{
    position: relative;
}
.container-absolute {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-left: 660px !important;
}
.container-absolute.container-absolute-reverse {
    justify-content: start;
    align-items: center;
    padding-left: 0 !important;
    padding-right: 900px !important
}
.col-padding-right {
    padding-right: 140px !important
}
.container-absolute.container-absolute-reverse .col-padding-right {
    padding-right: 0 !important
}
.flex-row-reverse .green-apla.green-apla-big {
    padding: 200px 0;
    display: flex;
    justify-content: end;
}
.flex-row-reverse .green-apla-text {
    width: 100%;
    padding: 45px 0
}
.green-apla-right {
    width: 900px;
    padding: 0 140px;
}

/* Slick
================================================== */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px;padding:0}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}div[class*='col-'].slick-slide {padding-left:15px;padding-right:15px}

#gallerycarousel,
#aboutcarousel
{
    padding-left: 140px;
    padding-bottom: 100px;
}
.carousel-item {
    padding-right: 30px;
}
.carousel-item img {
    width: 100%;
}
.slick-list {
    padding:0 20% 0 0 !important;
}


/* Main about investment
================================================== */
#aboutcarousel {
    position: relative;
    z-index: 30;
}
.overflow-hidden {
    overflow: hidden;
    padding-top: 40px;
}
.mainabout .green-apla {
    background: var(--main-green);
    padding: 1210px 100px 100px 200px;
}
.mainabout .green-apla .property {
    padding-left: 0;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.mainabout.container-fluid .col-top-offset {
    margin-top: -1240px;
}
.mainabout .green-apla .small-section-title {
    margin-bottom: 35px;
}

/* Main rooms
================================================== */
#mainnews,
#mainrooms,
#mainproperties,
#mainlocation
{
    padding: 100px 0
}
.rooms-list-item {
    border: 1px solid rgba(6, 73, 31, 0.3);
    padding: 60px 0;
    position: relative;
}
.rooms-list-item span {
    position: absolute;
    font-size: 160px;
    font-weight: bold;
    color: rgba(6, 73, 31, 0.2);
    line-height: normal;
    bottom: -40px;
    right: 10px;
}
.rooms-list-content {
    padding: 0 60px
}
.rooms-list-content h3 {
    margin: 40px 0
}
.rooms-list-content h3,
.rooms-list-content h3 a
{
    font-weight: bold;
    font-size: 20px;
    color: #06491f
}
.rooms-list-content p {
    font-size: 16px;
    color: #06491f;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}
.rooms-list-content p img {
    margin-right: 25px;
}

/* Main news
================================================== */
#mainnews {
    padding-bottom: 0
}
.news-list-content {
    border: 1px solid rgba(6, 73, 31, 0.3);
    border-top: 0;
    padding: 40px;
}
.news-list-content h3 {
    margin: 0 0 40px;
}
.news-list-content h3,
.news-list-content h3 a
{
    font-weight: bold;
    font-size: 20px;
    color: #06491f;
}
.news-list-content p {
    font-size: 16px;
    color: #06491f;
    margin-bottom: 40px;
}


/* Stopka
================================================== */
#footer {
    margin-top: 100px;
    padding: 100px 0;
    background: var(--main-green);
}
#footer a,
#footer p,
#footer .section-title
{
    color: white;
}
#footer img {
    margin:0 auto 25px
}
#footer p {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}
#footer .section-title {
    font-weight: bold;
    font-size: 40px;
    text-align: left;
    margin: 0 0 15px
}
#footer li,
.col-f-menu p
{
    margin-top: 30px;
}
.col-f-menu p {
    padding-left: 45px;
}
