/*
 * Copyright (c) 2020. By Igor Leszczyński
 */


body {
    font-family: 'Montserrat', sans-serif;
}

a {
    color: white;
    transition-duration: 250ms;
}

a.onwhite {
    color: #212529;
    transition-duration: 250ms;
}

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

a.onwhite:hover {
    color: #5f83a7;
    text-decoration: none;
}

.nav-item {
    height: 30px;
    font-weight: bold;
    min-height: 30px;
    min-width: 80px;
}

.menu-underline {
    height: 3px;
    border-bottom: 3px solid #fecc01;
    width: 50px;
    display: inline-block;
    transition-duration: 250ms;
}

.services > h1 {
    color: white;
    font-size: 70px;
}

.services > span {
    color: white;
    font-size: 25px;
}

.nomargin {
    padding: 0;
}

section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.services-list {
    list-style: none;
}

.arrow-right {
    position: relative;
    left: -40px;
}

#facebook {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

#about-us {
    background: url("../img/srvicesbg.jpg") no-repeat;
    padding: 80px 0;
    background-position: bottom;
    background-position-x: 0;
}

.btn-yellow {
    color: #333;
    font-weight: bold;
    background: #fdca00;
    border-radius: 0;
    padding: 10px 35px;
}

.arrow-right2 {
    margin-left: 15px;
    margin-top: -2px;
}

#contact {
    background: #fbb40a url("../img/shape.png") no-repeat;
}

.phone-icon {
    margin-left: 30px;
    margin-right: 30px;
}

.box {
    /*background: #333;*/
    color: white;
    padding: 10px;
    height: 350px;
    position: relative;
    margin-bottom: 30px;
}

.box > h5 {
    text-align: center;
    font-weight: bolder;
}

#boxes {
    padding-bottom: 0;
}

#gmap_canvas {
    height: 100%;
}

#contact2 {
    padding: 0;
}

.contact-table {
    /*width: 100%;*/
    margin-left: 8px;
}

.contact-table td:nth-child(1) {
    text-align: right;
    padding-right: 15px;
    display: block;
}

.contact-table td {
    padding: 5px 0;
}

#content {
    width: 80%;
}

.box1 {
    background: url("../img/box1.jpg") no-repeat;
    background-size: cover;
}

.box2 {
    background: url("../img/box2.jpg") no-repeat;
    background-size: cover;
}

.box3 {
    background: url("../img/box3.jpg") no-repeat;
    background-size: cover;
}

.box4 {
    background: url("../img/mapy-do-celow-projektowych.jpg") no-repeat;
    background-size: cover;
}

.box5 {
    background: url("../img/box5.jpg") no-repeat;
    background-size: cover;
}

.box6 {
    background: url("../img/wytyczenia-soeci-uzb-terenu.jpg") no-repeat;
    background-size: cover;
    background-position: 0px -260px;
}

.box7 {
    background: url("../img/box7.jpg") no-repeat;
    background-size: cover;
}

.box8 {
    background: url("../img/wytyczenia.jpg") no-repeat;
    background-size: cover;
}

.geo-form {
    border: 2px solid #cccccc;
    margin: 7px;
    padding: 10px;
}

.geo-form[type=text] {
    width: 400px;
}

.submit-form {
    margin-bottom: 60px;
}

.contact-box {
    padding-left: 70px;
}

#partners {
    background: #efefef;
    color: #626367;
    padding: 20px;
}

.flexslider {
    margin: 0;
    background: transparent;
}

#footer {
    background: url("../img/footer-bg.jpg") no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 20px;
}

#footer ul {
    font-weight: bold;
}

#footer table {
    color: white;
}

#footer p {
    color: white;
    margin-top: 20px;
    text-align: left;
    font-weight: bold;
}

.footer-separator {
    margin-top: 80px;
}
#header {
    background: white;
}
.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #00000085;
    z-index: 1;
    padding: 17px 10px;
    border-radius: 10px;
}
.greyscale {
    filter: grayscale(1);
    transition-duration: 250ms;
}
.greyscale:hover {
    filter: grayscale(0);
}
button {
    border:none;
    background: transparent;
}

@media (max-width: 992px) {
    .geo-form[type=text] {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    .box {
        height:200px;
    }
    .nav-item {
        height: unset;
    }
}
@media (max-width: 768px) {
    #about-us {
        font-size: 3vw;
        font-weight: 500;
    }
    #contact > div {
        max-width: 100% !important;
    }
    #contact > div > div > div > h2 > img {
        display: none;
    }
    #contact > div > div > div > h2 > strong:nth-child(3) {
        display: block;
    }
    #boxes > div > div > div > a > div > h5 {
        font-size: 7vw;
    }
    .contact-table {
        margin-left: auto;
        margin-right: auto;
    }
    .contact-box {
        padding:0;
    }
    .geo-form[type=text] {
        width:100%;
    }
    #content {
        width: 100%;
    }
    .contact-table {
        font-size: 3vw;
        text-align: center;
        position: relative;
        left: -20px;
    }
    #footer, p.font-weight-normal {
        font-size:3vw;
        text-align: center !important;
    }
    .footer-separator img {
        width:100%;
    }
    .footer-separator {
        margin:0;
    }
    .nav-link {
        font-size:3vw;
    }
    .services > h1 {
        font-size:50px;
    }
    #facebook {
        display: none;
    }
    #footer > div > div:nth-child(1) > div.col-md-3 > ul {
        margin:0;
        padding:0;
    }
}
.cookies-window h2 {
    font-weight: bold;
}
.cookies-window {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
}
.cookies-inside h2,
.cookies-inside h4 {
    text-shadow: 1px 1px 6px black;
}
.cookies-inside {
    backdrop-filter: blur(8px);
    z-index: 1500;
    color: white;
    padding: 100px;
    min-height: 300px;
    /* border: 2px solid #f1b41726; */
    box-shadow: 3px 9px 24px #00000087;
}
.img-cookie {
    width: 20%;
}