/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.mobile{display:none}
.lang {
    margin: 0 15px 15px 15px;

    height: 20px;
    background-size: contain;
    width: 30px;
}


.* {-webkit-transition: width 2s, height 4s; /* Safari */
transition: width 2s, height 4s;}

.en {
    background-image: url("en.png");
}

.fr {
    background-image: url("fr.png");
}

.pl {
    background-image: url("pl.png");

    background-size: cover;
    background-repeat: no-repeat;
}

.logo {
    background-image: url("logo.png");
    margin-left:10px;
    background-size: contain;
    background-repeat: no-repeat;

    height: 100px;
    width: 180px;
    margin-top: 15px;
    /*position: fixed;*/
    /*top: 10px;*/
    /*left: 15%;*/
    /*z-index: 30;*/
    transition: 1s;

}

.navbar, .navbar-fixed-top {
    font-family: 'Avenir', 'Lucida Sans Unicode', sans-serif;
    background: rgba(50, 50, 50, 0.7);
    z-index: 1;
    /*background:black;*/
}

.navbar-collapse .collapse .in {

}

#bs-example-navbar-collapse-1[aria-expanded="true"] {
    background: rgba(50, 50, 50, 0.7);
}

.navbar-toggle {
    margin-top: 25px;
    margin-bottom: 22px;
}

.navbar-fixed-top {
    padding-top: 5px;
    height: 10%;
    min-height: 120px;
    z-index: 1;
}

#fullpage {
    padding: 0px;
}

.navbar-right {
    padding-top: 25px;
}

.navbar-default .navbar-nav > li > a {
    color: #ffbb00;
    font-size: 1.8em;
}

.home {
    background: url("home.jpg") no-repeat center center;
    background-size: cover;
}

.about {
    background-image: url("about.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.offer {
    background-image: url("offer.jpg");
    background-size: cover;
}

.contact {
    background-image: url("contact.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.textbox {
    /*border-radius:3px;*/
    padding: 2%;
    margin: auto 0 auto 0;
    background: rgba(255, 255, 255, 0.9);
    /*overflow: auto;*/
    box-shadow: 0 0 4px 3px rgba(255, 255, 255, 0.8);
    height: auto;
    /*max-height: calc(80vh - 120px);*/
    width: 100%;
    line-height: 150%;
}

.textbox > * {
    margin-left: auto;
    margin-right: auto;
    position: center;
    /*width: auto;*/
    max-width: 800px
}

@media screen and (min-width: 1000px) {
    .textbox {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        position: center;
    }
}

@media screen and (max-width: 1000px) {

    .navbar-default .navbar-nav > li > a {
        font-size: 1.3em;
        padding: 15px 5px;
    }
}

/*@media (max-width: 500px) {*/
/*.collapse {*/
/*display: none !important;*/
/*}*/
/*}*/

@media screen and (min-width: 1680px) {
    .logo {
        min-width: 30%;
    }

    .textbox > ul > li {
        font-size: 1.4em;
        line-height: 2em
    }
}

h1 {
    text-align: center
}

.whitebox {
    box-shadow: 0 0 4px 3px rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.7);
    font-family: 'Avenir', 'Lucida Sans Unicode', sans-serif;
    margin: 5px;
    padding: 10px;
    color: #ffbb00;

}

.countries_bs
{
    /*display: none;*/
    font-family: 'Avenir', 'Lucida Sans Unicode';
    width:95%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.country {
    font-family: 'Avenir', 'Lucida Sans Unicode';
    text-shadow: 0 0 0.1em #87F, 0 0 0.1em #87F, 0 0 0.1em #87F;
    color: #ffbb00;
    padding-bottom:10px;
    text-align: center;
}
.country-bigger{font-size:2.3em}
.country-big {font-size:2em}
.country-small {font-size:1.3em}

.moveLeft {left:-50px}
.moveRight{left:25px}

svg {
    position: absolute
}

g {
    position: absolute;
    bottom: 0px;
}

h1 {
    font-family: 'Avenir', 'Lucida Sans Unicode';
    font-size: 23px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 23px;
}

h3 {
    font-family: 'Avenir', 'Lucida Sans Unicode';
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 23px;
}

p, .textbox, body, .body {
    font-family: 'Avenir', 'Lucida Sans Unicode';
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 23px;
}

blockquote {
    font-family: 'Avenir', 'Lucida Sans Unicode';
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 23px;
}

pre {
    font-family: 'Avenir', 'Lucida Sans Unicode';
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 23px;
}

.fp-tableCell {
    max-height: 550px;
}



/*.row {*/
    /*min-height:40px;*/
    /*padding: 20px;*/
    /*!*position: absolute;*!*/
    /*!*bottom: 20%;*!*/
    /*!*display:block;*!*/
    /*!*text-align: center;*!*/
/*}*/

.offer {
    display: flex;
}

.pullBottom {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 3%;
}
/*and (min-width: 400px)*/
@media screen  and (max-width:767px){
    h2 {font-size:20px;}
    .navbar-toggle,
    .navbar-toggle:hover {
        background-color: #ddd;
        min-width: 100px;
        display: inline-block;
        vertical-align: middle;
        font-size: 1.1em;
    }
    .moveLeft {left:0px}
    .moveRight{left:0px}
    .navbar-right > li > * ,
    .navbar-right > li > * >*{
        margin:auto;
        text-align: center;
    }
    * {font-family: 'Avenir', 'Lucida Sans Unicode', Arial, 'Helvetica Neue', Helvetica,  sans-serif;}
    .fp-slidesNav {bottom:5px !important}
    .fp-controlArrow .fp-next {right:5px !important}
    .fp-controlArrow .fp-prev {left:5px !important}
    .fp-slide, .fp-slidesContainer {height:510px !important}
    .mobileFont{font-size:14px}
    ul {
    padding:0;}
    .countries_bs{max-width:95%;}
}

/*@media screen  and (max-width:500px){*/
    /*.pullBottom,*/
    /*.fp-slidesNav  {display:none}*/
    /*.mobile {display: block;*/
        /*z-index:0;}*/

/*}*/

@media screen  and (max-width:350px){
    .logo{
        height: 80px;
        width: 150px;
    }
    .navbar-header {
        margin-bottom:10px;
    }
}
@media screen and (orientation: portrait) {
    .country-bigger {font-size: 1.8em}

}
.navbar .navbar-default .navbar-fixed-top {max-width:100%}
.row {max-width:99%}

.footer {
    color:white;
    opacity:0.8;
    width:100%;
    position: absolute;
    bottom: 0px;
    text-align:center;
    background: rgba(50, 50, 50, 0.7);
}
.footer > a {color:orange}