body {
    font-family: 'Rubik', sans-serif;
    color: #000000;
	background-color: #fff
}

h1, h2, h3, h4, h5, h6 {
    color: #000000;
    margin: 0 0 0.5rem 0;
    font-family: 'Rubik', sans-serif;
}

h2 {
    line-height: 1.5
}

p {
    font-size: 1.2rem;
    line-height: 1.7;
    margin-bottom: 1rem
}

p:last-of-type {
    margin-bottom: 0
}

label {
    text-transform: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: normal
}

.responsive-paddding {
    padding-left: 8%;
    padding-right: 8%;
}

.checkbox-style-2-label span{
    padding-left: 1rem
}

.checkbox-style-2-label:before {
    border-radius: 0.25rem;
    border-width: 1px
}

.checkbox-style, 
.radio-style, 
.checkbox-style-1-label, 
.radio-style-1-label, 
.checkbox-style-2-label, 
.radio-style-2-label, 
.checkbox-style-3-label, 
.radio-style-3-label {
    margin: 0;
    padding-left: 2.5rem
}

.checkbox-style-1-label::before, 
.radio-style-1-label::before, 
.checkbox-style-2-label::before, 
.radio-style-2-label::before, 
.checkbox-style-3-label::before, 
.radio-style-3-label::before {
    border: solid #ced4da 1px;
    border-radius: 0.25rem;
    position: absolute;
    left: 0;
    top: 0.25rem
}

.checkbox-style:checked + .checkbox-style-1-label::before {
    background-color: #e65300
}

.checkbox-style:checked + .checkbox-style-2-label::before {
    background-color: #e65300
}

.form-control {
 
}

.text-yellow {
    color: #ffa400
}

.bg-yellow {
    background-color: #fff6e6
}

.text-green {
    color: #61a60e
}

.bg-green {
    background-color: #eff6e6
}

.text-orange {
    color: #e65300
}

.bg-orange {
    background-color: #fdeee6
}

.container {
    max-width: 1440px
}

.btn {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-weight: 500;
}

.btn i.float-right {
    line-height: 1.3
}

.btn i {
    transition: transform 0.3s
}   

.btn:hover i {
    transition: transform 0.3s;
    transform: translatex(4px);  
}

#gotoTop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: solid 1px #1F1F1F;
    background: none;
    color: #1F1F1F;
    font-size: 1rem;
    line-height: 2.7rem;
    transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    
}

#gotoTop:hover {
    border-color: #e65300;
    background-color: #e65300;
    color: #ffffff;
    transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
}

header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    box-shadow: 0 0 0.3rem rgba(0,0,0,0.15);
    top: -5rem;
    -webkit-transition: top .3s ease; 
    -moz-transition: top .3s ease; 
    -o-transition: top .3s ease; 
    -ms-transition: top .3s ease; 
    transition: top .3s ease
}

header.slide-down {
    top: 0;
    -webkit-transition: top .3s ease; 
    -moz-transition: top .3s ease; 
    -o-transition: top .3s ease; 
    -ms-transition: top .3s ease; 
    transition: top .3s ease
}

header .logo {
    height: 2.2rem
}

#hero {
    position: relative;
    overflow: hidden;
    text-align: center
}

#hero h1 span {
    cursor: pointer;
    display: inline-block;
    -webkit-transition: transform .3s ease; 
    -moz-transition: transform .3s ease; 
    -o-transition: transform.3s ease; 
    -ms-transition: transform .3s ease; 
    transition: transform .3s ease
}

#hero h1 span:hover {
    transform: translateY(-0.75rem);
        -webkit-transition: transform .3s ease; 
    -moz-transition: transform .3s ease; 
    -o-transition: transform .3s ease; 
    -ms-transition: transform .3s ease; 
    transition: transform .3s ease
}

#hero h1 span:before {
    content: '';
    background-size: 100% auto;
    width: 4.5rem;
    height: 4.5rem;
    display: inline-block;
    position: relative;
    top: 1rem;
    margin-right: 1rem
}

#hero h1 .sightseeing:before {
    background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' fill='%23ffa400' version='1.1' x='0px' y='0px' viewBox='0 0 80 80' style='enable-background:new 0 0 80 80;' xml:space='preserve' height='100' width='100'><path class='st0' d='M79.1,47.9l-47-47c-1.1-1.1-3-1.1-4.1,0l-8,7.9c3.1,3.1,3.1,8,0.1,11.1C17,23,12,23,8.9,20c0,0-0.1-0.1-0.1-0.1 l-8,8c-1.1,1.1-1.1,3,0,4.1c0,0,0,0,0,0L48,79.1c1.1,1.1,3,1.1,4.1,0c0,0,0,0,0,0l8-8.1c-1.4-1.4-2.3-3.4-2.3-5.5 c0-4.3,3.5-7.8,7.8-7.8c2.1,0,4.1,0.9,5.5,2.3l8-8C80.3,50.9,80.3,49,79.1,47.9z'/></svg>");
}

#hero h1 .relax:before {
    background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' fill='%2361a60e' version='1.1' x='0px' y='0px' viewBox='0 0 80 80' style='enable-background:new 0 0 80 80;' xml:space='preserve' height='100' width='100'><path class='st0' d='M79.1,47.9l-47-47c-1.1-1.1-3-1.1-4.1,0l-8,7.9c3.1,3.1,3.1,8,0.1,11.1C17,23,12,23,8.9,20c0,0-0.1-0.1-0.1-0.1 l-8,8c-1.1,1.1-1.1,3,0,4.1c0,0,0,0,0,0L48,79.1c1.1,1.1,3,1.1,4.1,0c0,0,0,0,0,0l8-8.1c-1.4-1.4-2.3-3.4-2.3-5.5 c0-4.3,3.5-7.8,7.8-7.8c2.1,0,4.1,0.9,5.5,2.3l8-8C80.3,50.9,80.3,49,79.1,47.9z'/></svg>");
}

#hero h1 .activity:before {
    background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' fill='%23e65300' version='1.1' x='0px' y='0px' viewBox='0 0 80 80' style='enable-background:new 0 0 80 80;' xml:space='preserve' height='100' width='100'><path class='st0' d='M79.1,47.9l-47-47c-1.1-1.1-3-1.1-4.1,0l-8,7.9c3.1,3.1,3.1,8,0.1,11.1C17,23,12,23,8.9,20c0,0-0.1-0.1-0.1-0.1 l-8,8c-1.1,1.1-1.1,3,0,4.1c0,0,0,0,0,0L48,79.1c1.1,1.1,3,1.1,4.1,0c0,0,0,0,0,0l8-8.1c-1.4-1.4-2.3-3.4-2.3-5.5 c0-4.3,3.5-7.8,7.8-7.8c2.1,0,4.1,0.9,5.5,2.3l8-8C80.3,50.9,80.3,49,79.1,47.9z'/></svg>");
}

#hero .logo {
    width: 30rem;
}

#hero .img-desktop {
    width: 106vw;
    max-width: none;
    margin-left: -3vw;
}

#hero .img-mobile {
    width: 120vw;
    max-width: none;
    margin-left: -13vw;
}


#o-projekcie {
    background: #f4f4f4
}

#o-projekcie .content h1 {
    margin-bottom: 3rem
}


.icon {
    background-color: #f4f4f4;
    max-width: 12rem;
    border-radius: 50%;
    padding: 2.5rem
}

.icon img {
    margin-bottom: 0
}

.slogan img {
    max-width: 700px
}

.standard-section {
    min-height: 45vw
}

.standard-section .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: bottom right
}

#zwiedzanie .content {
    background-image: url(../images/sightseeing-bg.svg); 
    background-size: 60% auto;
}

#relaks .content {
    background-image: url(../images/relax-bg.svg);
    background-size: 150% auto;
    background-position: bottom center
}

#aktywnosc .content {
    background-image: url(../images/activity-bg.svg); 
    background-size: 110% auto;
    background-position: bottom left
}

.standard-section .img {
    background-size: cover;
    background-position: center;
    min-height: 15rem
}

#dla-partnerow {
    background-image: url(../images/partners-img.jpg);
    background-size: cover;
    background-position: center;
    position: relative
}

#dla-partnerow:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.66)
}

.partners-form {
    border-radius: 0.25rem
}

.partners-header h2 {
    max-width: 800px
}

#newsletter {
    background-image: url(../images/newsletter-bg.svg);
    background-size: 1920px auto;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #f4f4f4
}

.partners-form {
    max-width: 800px
}

.newsletter-form {
    max-width: 650px
}