/*
Theme Name: Biotrem
Theme URI: http://biotrem.pl
Author: the 3GA / Korento
Author URI: http://korento.co.uk/
Description:
Version: 0.1
License: Commercial
License URI: http://korento.co.uk/
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: biotrem

/* overriding img-responsive to show thumbnails with that class by default */

img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* eo overrindingg */

*/
/* fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin-ext);
font-family: 'Open Sans', sans-serif;


body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
a:active {
    outline: none;
}


/* ==================== HEADINGS ==================== */
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    color: #525252;
    letter-spacing: 15px;
}
h2 {
    font: 21px;
    font-weight: 600;
    margin-top: 55px;
    text-align: center;
}
h3 {
    font-size: 16px;
    font-weight: 100;
    color: #c2c2c2;
    margin-bottom: 55px;
}

.content-a h1 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 3px;
}
.content-a h2 {
    font-size: 50px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 3px;
}
.content-a h3 {
    font-size: 21px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 3px;
}

/* lines on sides headers */
.content-a h1, h3 {
    overflow: hidden;
    text-align: center;
}
.content-a h1:before,
.content-a h1:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 3.5px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.content-a h1:before, .content-a h3:before {
    right: 0.5em;
    margin-left: -50%;
}
.content-a h1:after, .content-a h3:after {
    left: 0.5em;
    margin-right: -50%;
}
.content-a h3:before,
.content-a h3:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 3.5px;
    position: relative;
    vertical-align: middle;
    width: 20%;
}
/* eo lines on sides headers */

/* ==================== eo HEADINGS ==================== */




/* ==================== PARAGRAPHS ==================== */
p {
    font-size: 13px;
    color: #777777;
    font-weight: 100;
    letter-spacing: 4px;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
}
.side-header h2 {
    text-align:left;
    font-size: 23px;
}
.sub-header h2 {
    text-align:center;
    font-size: 23px;
}
#about-us p {
    font-size: 14px;
}
/* ==================== eo PARAGRAPHS ==================== */






/* ==================== BUTTONS ==================== */
.btn-primary {
    text-transform: uppercase;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    padding: 10px 85px 10px 85px;
    letter-spacing: 8px;
    border: 0px;

}
.btn-primary:hover {
    text-transform: uppercase;
    -webkit-transform:scale(1.0);
    transform:scale(1.0);

}
.btn-info {
    padding: 5px 45px 5px 45px;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    letter-spacing: 5px;
    font-weight: 100;

}
.btn-info:hover {
    background-color: #E8E8E8;
    color: #999999;
    border-color: #c2c2c2;
    text-transform: uppercase;
    -webkit-transform:scale(1.0);
    transform:scale(1.0);
}


.btn-xlg {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 12px 36px;
    text-transform: uppercase;
}
.btn-lg {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding-left: 25px;
    padding-right: 25px;
    letter-spacing: 5px;
    font-weight: 100;
    text-transform: uppercase;
}
.btn-lg {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.btn svg {
    padding-top: 5px;
}
.btn-emergency {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    border: 1px solid #D5D5D5;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    color: #D5D5D5;
    font-weight: 100;
    margin-top: 0;
    padding: 15px 25px;
    text-transform: uppercase;
    width: 100%;
    background-color: transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-emergency:hover {
    border: 1px solid #F15D22;
    background-color: #F15D22;
    color: #ffffff;
    -webkit-transform:scale(1.0);
    transform:scale(1.0);
}
.jumper svg {
/*    margin-bottom: 135px;*/
    margin: 0 auto;
    margin-bottom: -180%!important;
    text-align: center;
/*    margin-right: 390px;*/
}

/* ====================  eo BUTTONS ==================== */




/* ====================  EMERGENCY ==================== */
#emergency {
    background: transparent none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    height: 0;
    margin-top: 1%;
    opacity: 0.9;
    position: fixed;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 2;
}
#emergency.show {
    bottom: 57px;
/*    height: 15%;*/
    transition: all 0.5s ease-in-out 0s;
}
#emergency ul.navigation li {
    display: block;
    float: left;
    margin-right: 16px;
}

/* ====================  eo EMERGENCY ==================== */








/* ==================== POSITIONING ==================== */
.mt-5 {
    margin-top:
}
.mt-10 {
    margin-top: 10px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-25 {
    margin-top: 25px;
}
.mt-35 {
    margin-top: 35px;
}
.mt-45 {
    margin-top: 45px;
}
.mt-55 {
    margin-top: 55px;
}
.mt-75 {
    margin-top: 55px;
}
.mt-15-p {
    margin-top: 15%;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-35 {
    margin-bottom: 35px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-45 {
    margin-bottom: 45px;
}
.mb-55 {
    margin-bottom: 55px;
}
.mb-75 {
    margin-bottom: 75px;
}

/* ==================== eo POSITIONING ==================== */







/* ==================== COLOURS ==================== */
.f-white {
    color: #ffffff;
}


/* ==================== eo COLOURS ==================== */





/* ==================== ORNAMENTS ==================== */
.subline:after {
    content:'';
    display:block;
    height:0.3em;
    width:15%;
    margin:auto;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: solid #F15D22;
}
.subline-left:after {
    content:'';
    display:block;
    height:0.3em;
    width:45%;
    margin:0 10px 0 0;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: solid #F15D22;
}
.subline-left-white:after {
    content:'';
    display:block;
    height:0.3em;
    width:45%;
    margin:0 10px 0 0;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: solid #ffffff;
}
.subline-left-light:after {
    content:'';
    display:block;
    height:0.1px;
    width:35%;
    margin:0 5px 0 0;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #F15D22;
}
svg {
    margin-bottom: 10px;
}
/* eo ORNAMENTS */


/* menu */

/* eo menu */


/* ==================== SECTIONS ==================== */

/* otreby */
.otreby-bg {
    background-color: #F15D22;
}
.otreby-bg p, .otreby-bg h2 {
    color: #ffffff;
}



/* addresses */
.address ul>li, .address ul>li a {
    font-size: 12px;
    color: #9c9c9c;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
}
.address ul>li a:hover {
    color: #F15D22;
    text-decoration: underline;
    transition: all 0.3s ease 0s;
}
.address h2 {
    font-size: 18px;
    letter-spacing: 6px;
}
.address h3 {
    color: #525252;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    margin:0;
    text-transform:
}



/* contact form */
#contact-form {
/*    background-color: #D5D5D5;*/
    background-color: #cccccc;
}

/* md contact form labels and elements */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search-md],
textarea.md-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1.0px solid #999999;
    font-family:  'Open Sans', sans-serif;
    letter-spacing: 3px;
    border-radius: 0;
    outline: none;
    /*  height: 2.1rem;*/
    width: 100%;
    font-size: 18px;
    font-weight: 100;
    box-shadow: none;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    transition: all .3s !important;
    text-transform: uppercase!important;
    font-size: 12px;
}


input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #6F6F6F;
    box-shadow: 0 1px 0 0 #6F6F6F;
}

input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search-md]:focus:not([readonly]) + label,
textarea.md-textarea:focus:not([readonly]) + label {
    color: #6F6F6F;
}

input[type=text].valid, input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search-md].valid,
input[type=search-md]:focus.valid,
textarea.md-textarea.valid,
textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #00C851;
    box-shadow: 0 1px 0 0 #00C851;
}

input[type=text].valid + label:after,
input[type=text]:focus.valid + label:after,
input[type=password].valid + label:after,
input[type=password]:focus.valid + label:after,
input[type=email].valid + label:after,
input[type=email]:focus.valid + label:after,
input[type=url].valid + label:after,
input[type=url]:focus.valid + label:after,
input[type=time].valid + label:after,
input[type=time]:focus.valid + label:after,
input[type=date].valid + label:after,
input[type=date]:focus.valid + label:after,
input[type=datetime-local].valid + label:after,
input[type=datetime-local]:focus.valid + label:after,
input[type=tel].valid + label:after,
input[type=tel]:focus.valid + label:after,
input[type=number].valid + label:after,
input[type=number]:focus.valid + label:after,
input[type=search-md].valid + label:after,
input[type=search-md]:focus.valid + label:after,
textarea.md-textarea.valid + label:after,
textarea.md-textarea:focus.valid + label:after {
    content: attr(data-success);
    color: #00C851;
    opacity: 1;
}

input[type=text].invalid, input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search-md].invalid,
input[type=search-md]:focus.invalid,
textarea.md-textarea.invalid,
textarea.md-textarea:focus.invalid {
    border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}

input[type=text].invalid + label:after,
input[type=text]:focus.invalid + label:after,
input[type=password].invalid + label:after,
input[type=password]:focus.invalid + label:after,
input[type=email].invalid + label:after,
input[type=email]:focus.invalid + label:after,
input[type=url].invalid + label:after,
input[type=url]:focus.invalid + label:after,
input[type=time].invalid + label:after,
input[type=time]:focus.invalid + label:after,
input[type=date].invalid + label:after,
input[type=date]:focus.invalid + label:after,
input[type=datetime-local].invalid + label:after,
input[type=datetime-local]:focus.invalid + label:after,
input[type=tel].invalid + label:after,
input[type=tel]:focus.invalid + label:after,
input[type=number].invalid + label:after,
input[type=number]:focus.invalid + label:after,
input[type=search-md].invalid + label:after,
input[type=search-md]:focus.invalid + label:after,
textarea.md-textarea.invalid + label:after,
textarea.md-textarea:focus.invalid + label:after {
    content: attr(data-error);
    color: #F44336;
    opacity: 1;
}

input[type=text] + label:after,
input[type=password] + label:after,
input[type=email] + label:after,
input[type=url] + label:after,
input[type=time] + label:after,
input[type=date] + label:after,
input[type=datetime-local] + label:after,
input[type=tel] + label:after,
input[type=number] + label:after,
input[type=search-md] + label:after,
textarea.md-textarea + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out;
}

label {
  font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    font-family:  'Open Sans', sans-serif;
    letter-spacing: 5px;
    color: #6F6F6F;
}

.newsletter label {
    color: #C1C1C1!important;
}
.smaller {
    font-size: 9px;
    color: #c2c2c2;
    line-height: 14px;
    letter-spacing: 2px;
}

.form-control {
    padding: 0;
    padding-bottom: 0.6rem;
    padding-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 100;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    margin-top: 0.1rem;
    margin-bottom: 0.5rem;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: transparent;
    border-bottom: 1px solid #e0e0e0;
}

.select-form {
    font-weight: 600;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    margin-top: 10px;;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family:  'Open Sans', sans-serif;
    letter-spacing: 8px;
    color: #6c6c6c;
    border: none;
    font-size: 25px;
    text-align: center;
    width: 300px;
}

.md-form {
    position: relative;
    margin-bottom: 1.5rem;
}

.md-form .btn {
    margin-bottom: 1.5rem;
}

.md-form label {
    color: #757575;
    position: absolute;
    top: 0.8rem;
    left: 0;
    font-size: 12px;
    cursor: text;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.md-form label.active {
    font-size: 0.8rem;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%);
}
/* eo md contact form labels and elements */




/* policies */

#policies ul, #policies ul a{
    text-transform: uppercase;
    color: #c2c2c2;
    font-weight: 100;
    letter-spacing: 3px;
    font-size: 12px;
    text-align: center;
}
#policies li {
    margin-left: 15px;
}

/* eo policies */






/* production */
#production {
    background-color: #373737;
    text-align: center;
}
#production h2, #production p {
    color: #ffffff;
}
#production p {
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 4px;
    font-family: 'Open Sans', sans-serif;
}
/* eo production */


/* offer */
#offer {
    text-align: center;
}
#offer p {
    font-size: 14px;
    letter-spacing: 4px;
}
/* eo offer */

/* products list */
#products-list {
    text-align: center;
}
#products-list h2, #products-list h2 a {
    font-size: 18px;
    font-weight: 600;
    color: #525252;
    letter-spacing: 6px;
}
#products-list p {
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 3px;
    color: #777777;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 18px;
}

/* eo products list */





/* product-details */


#product-details {
    text-align: left;
}
#product-details h2 {
    font-size: 15px;
    color: #666666;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    letter-spacing: 5px;
    margin-top: 5px;
    margin-bottom: 3px;
}
#product-details ul>li {
    font-size: 10px;
    color: #888888;
    letter-spacing: 2px;
    font-weight: 300;
    line-height: 19px;
}
#product-details p {
    font-size: 11px;
    color: #888888;
    letter-spacing: 3px;
    font-weight: 300;
    line-height: 18px;
}



/* eo product-details */



/* where2buy */
#where2buy {
    background-color: #EEEEEE;
}
#where2buy h4 {
    font-size: 11px;
    letter-spacing: 3px;
}
#where2buy ul li {
    font-size: 11px;
    color: #BABABA;
    font-weight: 100;
    letter-spacing: 2px;
}
/* eo where2buy */




/* experiments */





/* eo experiments */



/* news */

#news h4 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5px;
}
#news h5 {
    font-size: 12px;
    font-weight: 100;
    color: #AEAEAE;
    letter-spacing: 5px;
}
#news p {
    font-size: 12px;
    letter-spacing: 3px;
}
/* eo news */



/* social media */
.social-media-icons a {
    font-size: 55px;
    color: #c2c2c2;
    transition: all 0.5s ease 0s;
    margin-right: 30px;
    margin-left: 30px;
}
.social-media-icons a:hover{
    font-size: 55px;
    transition: all 0.5s ease 0s;
    color: #F26832;
}

/* eo social media */



/* footer */

.copyrights small, .copyrights a {
    color: #c2c2c2;
    font-size: 11px;
    font-weight: 100;
}
.copyrights {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* eo footer */



/* pagination */

.pagination {
}


/* eo pagination */

/* ==================== eo SECTIONS ==================== */



/* ==================== ELEMENTS ==================== */


.lang-item {
	display: inline;
/*	float: right;*/
	padding:0px 5px 0px 5px;
}


/* ==================== eo ELEMENTS ==================== */




/* ==================== PARALLAXES ==================== */

.second-parallax {
    background-image: url("../img/second-parallax.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 550px;
}

.third-parallax {
    background-image: url("../img/third-parallax.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 550px;
}

.fourth-parallax {
    background-image: url("../img/fourth-parallax.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 550px;
}
.products-gallery {
background-image: url("../img/galeria-placeholder.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 850px;
}
.fifth-parallax {
    background-image: url("../img/fifth-parallax.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 550px;
}
.sixth-parallax {
    background-image: url("../img/sixth-parallax.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 550px;
}
.seventh-parallax {
    background-image: url("../img/seventh-parallax.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 750px;
}
.about-parallax {
    background-image: url("../img/jerzy-wysocki-tasma-produkcyjna.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 443px;
}

/* ==================== eo PARALLAXES ==================== */


hr {
    border-color: gainsboro;
    margin-bottom: 38px;
    border: 2px solid #ffffff;
    width: 20%;
}
.background {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

html, body {
    height: 100%;
}
.fullscreen, .content-a {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.fullscreen.overflow, .fullscreen.overflow .content-a {
    height: auto;
    min-height: 100%;
}
.content-a {
    display: table;
}
.content-b {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.fullscreen-sub {
    height: 40%;
    overflow: hidden;
    width: 100%;
}
/*
.fullscreen-sub {
    height: auto;
    min-height: 50%;
}
*/
.fullscreen-medium {
    height: 28%;
    overflow: hidden;
    width: 100%;
}
.fullscreen-small {
    height: 8%;
    overflow: hidden;
    width: 100%;
}
.fullscreen-small {
    height: auto;
    min-height: 8%;
}
.hero h1 {
    color: #ffffff;
}
.hero h2 {
    color: #ffffff;
    font-size: 64px;
    margin-bottom: 10px;
    margin-top: 3px;
}
.hero p {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.shadow {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}


.hero-sub h1 {
    color: #ffffff;
}
.hero-sub h2 {
    color: #ffffff;
    font-size: 64px;
    margin-bottom: 10px;
    margin-top: 3px;
}
.hero-sub h3 {
    margin-bottom: -55px;
}
.hero-sub p {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.hero-small h1 {
    color: #ffffff;
}
.hero-small h2 {
    color: #ffffff;
    font-size: 64px;
    margin-bottom: 10px;
    margin-top: 3px;
}
.hero-small p {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}




.fa-m {
    font-size: 35px !important;
    transition: all 0.5s ease 0s;
}



.t-60 {
    opacity: 0.6;
/*    width: 30%;*/
}



.close, .close a {
    color: #000000;
    font-family: "Avenir Next LT Pro Ultra Light Condensed";
    font-size: 38px;
    font-weight: 100;
    margin: 0 5px 0 0;
    z-index: 3;
    position: absolute;
    right:1px;
}
.modal-content {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dbdbdb 0%, #efefef 43%, #efefef 67%, #d8d8d8 100%) repeat scroll 0 0;
}
.modal-content {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    padding-bottom: 10px;
}
.modal-content p {
    font-size: 32px;
}
.modal-content h2 {
    margin-top: 15px;
    font-size: 21px;
}
.modal-content h3 {
    margin-bottom: -5px;
    margin-top: 35px;
}
.modal-content h4 {
    margin-bottom: 15px;
    margin-top: 25px;
}
.modal-content address {
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;;
}
.cd-header {
    -moz-osx-font-smoothing: grayscale;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}





@media only screen and (min-width: 768px) {
    .cd-header {
        background: transparent none repeat scroll 0 0;
        box-shadow: none;
        height: 80px;
    }
}




@media only screen and (min-width: 1170px) {
    .cd-header {
        backface-visibility: hidden;
        transform: translate3d(0px, 0px, 0px);
        transition: background-color 0.3s ease 0s;
    }
    .cd-header.is-fixed {
        position: fixed;
        top: -80px;
        transition: transform 0.3s ease 0s;
    }
    .cd-header.is-visible {
        transform: translate3d(0px, 100%, 0px);
    }
    .cd-header.menu-is-open {
    }
}




.cd-logo {
    bottom: auto;
    display: block;
    left: 0.875em;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
}
.cd-logo img {
    display: block;
}



@media only screen and (min-width: 768px) {
    .cd-logo {
        left: 2.6em;
    }
}



.cd-secondary-nav {
    bottom: auto;
    display: none;
    position: absolute;
    right: 10em;
    top: 50%;
    transform: translateY(-50%);
}
.cd-secondary-nav li {
    display: inline-block;
    margin-left: 2.2em;
}
.cd-secondary-nav a {
    color: white;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
}



@media only screen and (min-width: 768px) {
    .cd-secondary-nav {
        display: block;
    }
}



.cd-primary-nav-trigger {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.cd-primary-nav-trigger .cd-menu-text {
    color: white;
    display: none;
    font-weight: 700;
    text-transform: uppercase;
}
.cd-primary-nav-trigger .cd-menu-icon {
    background-color: #c2c2c2;
    bottom: auto;
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: background-color 0.3s ease 0s;
    width: 21px;
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon::after {
    background-color: #c2c2c2;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    transition: transform 0.3s ease 0s, top 0.3s ease 0s, background-color 0s ease 0s;
    width: 100%;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
    top: -5px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
    top: 5px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
    background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
    background-color: white;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
    top: 0;
    transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
    top: 0;
    transform: rotate(225deg);
}







@media only screen and (min-width: 768px) {
    .cd-primary-nav-trigger {
        background-color: transparent;
        bottom: auto;
        height: 30px;
        line-height: 30px;
        padding-left: 1em;
        right: 2.2em;
        top: 50%;
        transform: translateY(-50%);
        width: 100px;
    }
    .cd-primary-nav-trigger .cd-menu-text {
        display: inline-block;
    }
    .cd-primary-nav-trigger .cd-menu-icon {
        left: auto;
        right: 1em;
        transform: translateX(0px) translateY(-50%);
    }
}



.cd-primary-nav {
    backface-visibility: hidden;
    background: rgba(241, 93, 34, 0.95) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 80px 0;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateY(-100%);
    transition-duration: 0.4s;
    transition-property: transform;
    width: 100%;
    z-index: 2;
}
.cd-primary-nav li {
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 6px;
    margin: 0.4em 0;
    text-transform: uppercase;
}
.cd-primary-nav a {
    color: #ffffff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    padding: 0.4em 1em;
    transition: background 0.2s ease 0s;
}
.cd-primary-nav a:hover {
    color: #000000;
    text-decoration: none;
    transition: color 0.5s ease 0s;
}

.cd-primary-nav-languages a {
    font-size: 12px;
    font-weight: 100;
    margin: 0 0.5em;
}





.f-normal {
    color: #ffffff !important;
    font-family: 'Open Sans', sans-serif;
}
.no-touch .cd-primary-nav a:hover {
    background-color: #e36767;
}
.cd-primary-nav .cd-label {
    color: #ff0000;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 2.4em 0 0.8em;
    text-transform: uppercase;
}
.cd-primary-nav .cd-social {
    display: inline-block;
    margin: 0 -0.5em;
    font-size: 35px;
}
.cd-primary-nav .cd-social a {
/*
    overflow: hidden;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 40px;
*/
}
.cd-primary-nav .cd-facebook a {
    background-position: 0 0;
}
.cd-primary-nav .cd-instagram a {
    background-position: -30px 0;
}
.cd-primary-nav .cd-dribbble a {
    background-position: -88px 0;
}
.cd-primary-nav .cd-twitter a {
    background-position: -132px 0;
}
.cd-primary-nav.is-visible {
    transform: translateY(0px);
}




@media only screen and (min-width: 768px) {
    .cd-primary-nav {
        padding: 80px 0;
    }
}






@media only screen and (min-width: 1170px) {
    .cd-primary-nav li {
        font-size: 1.575rem;
    }
    .cd-primary-nav .cd-label {
        font-size: 1rem;
    }
}

@media (max-width: 450px) {
    .cd-logo svg {
        width: 60%;
    }
    .cd-logo {
        text-align: left;
    }
/*
    .background {
        -webkit-filter: blur(1px);
        -moz-filter: blur(1px);
        -o-filter: blur(1px);
        -ms-filter: blur(1px);
        filter: blur(1px);
    }
*/
}


@media (max-width: 750px) {
    .background {
        background-position: 25% 50%;
        background-repeat: no-repeat;
        }

    /*
    .diagnostyka-komputerowa {
        background-position: 75% 50% !important;
    }
    .wymiana-silnikow {
        background-position: 55% 50% !important;
    }
    .wycinanie-filtra-dpf {
        background-position: 15% 50% !important;
    }
    .wymiana-rozrzadu {
        background-position: 53% 50% !important;
    }
    .wymiana-oleju {
        background-position: 30% 50% !important;
    }
    .remont-silnika {
        background-position: 32% 50% !important;
    }
    .uklad-kierowniczy {
        background-position: 45% 50% !important;
    }
    .uklad-napedowy {
        background-position: 57% 50% !important;
    }
    */
    .hero, .hero-sub {
        text-align: center;
    }
    .min-size {
        min-height: 125px;
    }
    .mt-30-p {
        margin-top: -5%;
    }
    .mt-15-p {
        margin-top: 45%;
    }
    .mt-10-p {
        margin-top: 10%;
    }
    .mt-5 {
        margin-top: 5px;
    }
    .mt-5-p {
        margin-top: 5%;
    }
    .ml-15 {
        margin-left: 15px;
    }
    .mr-15 {
        margin-right: 15px;
    }
    .hero h1 {
        color: #ffffff;
        font-size: 19px;
    }
    .hero h2 {
        color: #ffffff;
        font-size: 35px;
        margin-bottom: 10px;
        margin-top: 3px;
    }
    .hero p {
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 300;
    }
    .hero-sub h1 {
        color: #ffffff;
        font-size: 19px;
    }
    .hero-sub h2 {
        color: #ffffff;
        font-size: 50px;
        margin-bottom: 10px;
        margin-top: 3px;
    }
    .hero-sub p {
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 300;
    }

    .fa-m {
        text-align: center;
    }


    .hero-message {
        background-position: 50% 90%;
        background-repeat: no-repeat;
    }
    .hero-message h1 {
        font-size: 13px;
    }
    .hero-message h2 {
        font-size: 18px;
    }
    .hero-message h3 {
        font-size: 13px;
    }



}
@media (min-width: 400px) {
}
@media (min-width: 550px) {
    .jumper svg {
/*    margin-bottom: 135px;*/
    margin: 0 auto;
    margin-bottom: -150%!important;
    text-align: center;
/*    margin-right: 390px;*/
}
}
@media (min-width: 750px) {
    .jumper svg {
/*    margin-bottom: 135px;*/
    margin: 0 auto;
    margin-bottom: -100%!important;
    text-align: center;
/*    margin-right: 390px;*/
}
}
@media (min-width: 1000px) {
}
@media (min-width: 1200px) {
}