/* ================
    Header section
*   ================*/
header {
    position: relative;
    overflow: hidden;
}

nav {
    width: 100%;
    min-height: 70px;
    padding: 10px;
    position: fixed;
    z-index: 99999;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

nav ul {
    margin: 0;
    padding: 10px;
}
#lang-switcher {
  cursor: pointer;
}
nav select {
    border: none;
    background-color: transparent;
    color: #e0d0d0;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.header-menu {
    top: 30px;
    right: 15px;
    position: absolute;
}

nav #menu {
    display: none;
    border-radius: 3px;
    background-color: #ffffff;
}

nav #mobile-icon-menu {
    color: #cccccc;
    cursor: pointer;
    font-size: 26px;
    display: block;
}

.snip1217 {
    font-family: 'Roboto', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

.snip1217 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip1217 li {
    display: block;
    list-style: outside none none;
    margin: 0.1em 0.5em;
    padding: 0;
}

.snip1217 a {
    text-align: left;
    padding: 0.3em 0;
    color: rgba(0, 0, 0, 0.5);
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.snip1217 a:before,
.snip1217 a:after {
    height: 3px;
    position: absolute;
    content: '';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background-color: #c0392b;
    width: 0;
}

.snip1217 a:before {
    top: 0;
    left: 0;
}

.snip1217 a:after {
    bottom: 0;
    right: 0;
}

.snip1217 a:hover,
.snip1217 .current a {
    color: #000000;
    text-decoration: none;
}

.snip1217 a:hover:before,
.snip1217 .current a:before,
.snip1217 a:hover:after,
.snip1217 .current a:after {
    width: 100%;
}

.heroSlider {
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 85%, 53% 95%, 0 85%);
    clip-path: polygon(0% 0%, 100% 0, 100% 85%, 53% 95%, 0 85%);
    overflow: hidden;
}

/* Slider Content */
.hero-content {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.7))), url(../images/hero1.jpg);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)), url(../images/hero1.jpg);
    background-position: center;
    background-size: cover;
    height: 80vh;
    color: aliceblue;
    overflow: hidden;
    z-index: -1;
}

.kenburns-bottom-left {
    animation: kenburns-bottom-left 2s ease-out both;
    -webkit-animation: kenburns-bottom-left 2s ease-out both;
}

/**
 * ----------------------------------------
 * animation kenburns-bottom-left
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom-left {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 16% 84%;
        transform-origin: 16% 84%;
    }

    100% {
        -webkit-transform: scale(1.25) translate(-20px, 15px);
        transform: scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes kenburns-bottom-left {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 16% 84%;
        transform-origin: 16% 84%;
    }

    100% {
        -webkit-transform: scale(1.25) translate(-20px, 15px);
        transform: scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

/* ==============
    Header caption
*   =============== */

.intro-text {
    position: absolute;
    font-family: 'Roboto', sans-serif;
    top: 30%;
    left: 6%;
    -webkit-transform: translate(-2%, -50%);
    transform: translate(-2%, -50%);
}

.intro-text a:hover {
    color: #ffffff;
    text-decoration: none;
}

.intro-text h1 {
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 150%;
    margin: 0;
}

.intro-text h1::after {
    display: block;
    height: 2px;
    background-color: aliceblue;
    content: "";
    width: 125%;
    margin-top: 20px;
    -webkit-animation: lines-animation 3s ease-out both;
    animation: lines-animation 3s ease-out both;
}

@-webkit-keyframes lines-animation {
    0% {
        width: 0;
    }
}

@keyframes lines-animation {
    0% {
        width: 0;
    }
}

.intro-text p {
    font-size: 95%;
    width: 90%;
    padding-top: 5%;
    color: aliceblue;
}

.snip1582 {
    background-color: red;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin: 15px 0;
    outline: none;
    padding: 5px 30px 5px;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
}

.snip1582:before,
.snip1582:after {
    border-color: transparent;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 20px;
    position: absolute;
    width: 24px;
}

.snip1582:before {
    border-color: red;
    border-top-width: 2px;
    left: 0px;
    top: -5px;
}

.snip1582:after {
    border-bottom-width: 2px;
    border-color: red;
    bottom: -5px;
    right: 0px;
}

.snip1582:hover,
.snip1582.hover {
    background-color: red;
}

.snip1582:hover:before,
.snip1582.hover:before,
.snip1582:hover:after,
.snip1582.hover:after {
    height: 100%;
    width: 100%;
}

/*========================================Link to top============================*/
.link-top {
    display: none;
    position: fixed;
    z-index: 9999;
    bottom: 2%;
    right: 15px;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    opacity: .4;
}

.link-top i {
    font-size: 20px;
    color: #d0cdcd;
    background-color: red;
    padding: 15px;
    border-radius: 50%;
}

.link-top:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1;
}

.link-top button {
    background-color: transparent;
    border: none;
    outline: none;
}

/*  ==============
*   Sections
*   ============== */
.section {
    display: block;
    padding: 5% 10% 5% 10%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.section a:hover {
    color: #ffffff;
    text-decoration: none;
}

.section h2::after {
    display: block;
    content: "";
    height: 2px;
    background-color: #E64A19;
    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    -webkit-animation: lines-animation 3s ease-out both;
    animation: lines-animation 3s ease-out both;
}

.section-content {
    padding: 20px 0 20px 0;
}

.section-content .text {
    color: #000000;
    font-size: 16px;
    text-align: justify;
    padding: 20px 0 20px 0;
}

/****************************************************************Welcome**********************************************************************/
.certificate {
    display: block;
    text-align: justify;
    margin: 0 auto;
    padding-bottom: 5%;
}

.certificate-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.certificate-img img {
    margin: 0 auto;
}

.certificate-description p {
    padding-top: 20px;
    font-size: 90%;
}


/**************************************************************Who we are*********************************************************/
.who-we-are img {
    width: 100%;
    border: 10px solid #FDD835;
    margin-right: 1%;
    -webkit-box-shadow: 0 2px 2px #b7b5b5;
    box-shadow: 0 2px 2px #b7b5b5;
}

/*  =====================
* buildings intro section
*   =====================  */
.buildings-showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}

.buildings-showcase li {
    width: 25%;
    list-style: none;
}

.building-photo {
    margin: 0;
    overflow: hidden;
    background-color: #000;
}

.building-photo img {
    opacity: 0.7;
    width: 100%;
    height: auto;
    min-height: 70px;
    max-height: 350px;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.building-photo img:hover {
    opacity: 1;
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.what-we-do {
    background-color: #F5F5F5;
    -webkit-clip-path: polygon(0% 15%, 0 0, 15% 0%, 85% 0%, 100% 0, 100% 15%, 100% 95%, 84% 95%, 50% 100%, 16% 95%, 0 95%);
    clip-path: polygon(0% 15%, 0 0, 15% 0%, 85% 0%, 100% 0, 100% 15%, 100% 95%, 84% 95%, 50% 100%, 16% 95%, 0 95%);
}

.what-we-do img,
.paint img {
    width: 100%;
    margin: 5px auto;
    border: 10px solid #FDD835;
    -webkit-box-shadow: 0 2px 2px #b7b5b5;
    box-shadow: 0 2px 2px #b7b5b5;
}

.who-we-are h2,
.partners h2,
.what-we-do h2,
.social-media h2,
.paint h2,
.certif h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-size: 1em;
    color: #E64A19;
    letter-spacing: 1px;
}

.partners {
    background-color: #F5F5F5;
    padding: 5%;
}

.social-media {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5))), url(../images/social.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../images/social.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 40vh;
    border: none;
}

.social-media h2 {
    color: white;
    text-align: center;
    font-size: 90%;
}

.social-media .section-content i {
    font-size: 40px;
    color: #b7b5b5;
    -webkit-transition: font-size .5s, color .5s;
    transition: font-size .5s, color .5s;
}

.social-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.social-links i {
    font-size: 40px;
}

.social-media .social-links i:hover {
    color: #3C5A99;
    cursor: pointer;
}

.social-media .social-links {
    text-align: center;
}

.social-media a {
    color: #DEDEDD;
}

footer {
    padding: 15px;
    color: #ffffff;
    background-color: #444;
}

footer h5::after {
    display: block;
    content: "";
    height: 2px;
    background-color: #E64A19;
    width: 200px;
    margin: 5px 0 0 5px;
    -webkit-animation: lines-animation 3s ease-out both;
    animation: lines-animation 3s ease-out both;
}

footer table th {
    color: #ffffff;
    padding: 0 10px;
}

.office ul {
    margin: 0;
    padding: 0;
}

.office li {
    list-style: none;
}

.office a {
    color: #ffffff;
    text-decoration: underline;
}

.office a:hover {
    color: #E64A19;
}
.base ul {
    margin: 0;
    padding: 0;
}

.base li {
    list-style: none;
}
.base a {
  color: #ffffff;
  text-decoration: underline;
}
.base a:hover {
    color: #E64A19;
}
.footer-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu a {
    color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer-menu a:hover {
    color: #E64A19;
    padding-left: 5px;
    text-decoration: none;
}

footer i {
    color: #E64A19;
    padding: 0 10px;
}

footer .site-info {
    margin-top: 10px;
    border-top: 1px solid #404040
}

footer .copy-right {
    padding: 0 20px;
}

footer .logo {
    height: 50px;
    width: 100px;
    margin: auto 0;
}

/* =============
* Media queries
* ============== */

@media (min-width: 992px) {
    .intro-text {
        left: 20%;
    }

    .header-menu {
        top: 0;
        right: 10px;
        position: relative;
    }

    nav #mobile-icon-menu {
        display: none;
    }

    nav #menu {
        display: block;
        background-color: transparent;
    }

    .snip1217 li {
        display: inline-block;
    }

    .snip1217 a {
        color: rgba(255, 255, 255, 0.8);
    }

    .snip1217 a:hover,
    .snip1217 .current a {
        color: #ffffff;
        text-decoration: none;
    }

    .snip1217 a:before,
    .snip1217 a:after {
        background-color: #c0392b;
    }
}

.breadcrumb {
    font-size: 20px;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.breadcrumb li i {
    padding: 5px 10px 0 10px;
}

/* ****************************************************************************Katalog*****************************************************************************************/

.catalog-section {
    font-family: 'Roboto', serif;
    border: none;
    margin-top: 50px;
    overflow: hidden;
}

.catalog-container {
    width: 100%;
    overflow: hidden;
}

.catalog-container img {
    opacity: 0.6;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.face2 {
    position: absolute;
    padding: 3%;
    bottom: 2%;
    left: 0;
    right: 0;
    height: 20%;
    width: 90%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .25)));
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .25));
    border-top: 5px solid #FDD835;
    overflow: hidden;
}

.face2 h3 {
    font-size: 100%;
    text-transform: uppercase;
    color: #DEDEDD;
}

.card-product:hover .face2 {
    opacity: 1;
}

.face1 {
    margin: 0;
    overflow: hidden;
    background-color: #000;
}

.card-product:hover img {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.card-product:hover .face2 {
    -webkit-animation: fade-right-animation 2s ease-in-out;
    animation: fade-right-animation 2s ease-in-out;
}

/*****************************************************************************Objects******************************************************************************************/

.objects {
    position: relative;
    padding: 0 !important;
    margin-bottom: 60px;
}

.objects img {
    width: 100%;
    height: 260px;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.8);
    border: 5px solid #c0392b;
}

.objects:hover .overlay {
    opacity: 1;
}

.inner-text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.content_objects {
    position: relative;
    margin: 20px 0 20px 0;
}

.pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pagination a {
    font-size: 20px;
    text-decoration: none;
    border: 1px solid #c0392b;
    padding: 0 10px;
}

.pagination a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #c0392b;
    border: 1px solid #c0392b;
    padding: 0 10px;
}

.object h3::after {
    display: block;
    content: "";
    height: 2px;
    background-color: #E64A19;
    width: 160px;
    margin: 5px 0 0 5px;
}
.object h6::after {
    display: block;
    content: "";
    height: 2px;
    background-color: #E64A19;
    width: auto;
    margin: 5px 0 0 0;
}

#facade,
#joinery,
#cladding,
#size {
    font-size: 18px;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#facade,
#joinery {
    background-color: #e9ecef;
}

.single-object {
    margin: 40px 0;
}

.column {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Style the images inside the grid */
.column img {
    width: 100%;
    height: 80px;
    opacity: 0.8;
    cursor: pointer;
}

.column img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.thumb_images:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.image_view {
    position: relative;
}

.image_view img {
    width: 100%;
    height: 400px;
}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

/****************************************************************************Product******************************************************************************************/
.reynaers-section {
    display: block;
    overflow: hidden;
}

.left img {
    border: 10px solid #FDD835;
}

.right {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
    height: auto;
    padding: 2%;
}

.description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5%;
}

.description p {
    width: 50%;
    font-size: 90%;
    text-align: justify;
    margin-right: 5%;
}

.description img {
    width: 300px;
    height: 340px;
}

.intro-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 30%;
}

.intro-section h5 {
    color: red;
}

/************************************************************************************Location********************************************************************/
.location-section {
    overflow: hidden;
    background-color: #444;
}

.hero-location-section {
    display: block;
    height: 130vh;
    width: 100%;
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
    background-color: #444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5))), url(../images/parallaxLocations/par1.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../images/parallaxLocations/par1.jpg);
    overflow: hidden;
}

.point-container {
    position: absolute;
    top: 20%;
    left: 10%;
    width: auto;
}

.point-container h3 {
    color: #DEDEDD;
    font-size: 1.5em;
    margin: 30px 0;
    width: 100%;
    text-transform: uppercase;
}

.location-point {
    width: 100%;
    padding: 10px 0;
}

.location-point i {
    color: #FDD835;
    padding: 6px;
    -webkit-transition: color 1s, -webkit-transform 1s;
    transition: color 1s, -webkit-transform 1s;
    transition: color 1s, transform 1s;
    transition: color 1s, transform 1s, -webkit-transform 1s;
}

.location-point a {
    width: 100%;
    color: #DEDEDD;
    font-size: 1.3em;
    -webkit-transition: color 1s, -webkit-transform 1s;
    transition: color 1s, -webkit-transform 1s;
    transition: color 1s, transform 1s;
    transition: color 1s, transform 1s, -webkit-transform 1s;
}

.location-point:hover a {
    text-decoration: none;
    color: #FDD835;
}

.location-point:hover i {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #DEDEDD;
}

#contact {
    padding: 20px 10px 0 10px;
    position: absolute;
    top: 50%;
    left: 0;
}

.captcha {
    font-size: 20px;
    color: #ffffff;
    padding-bottom: 20px;
}

.location-description {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5))), url(../images/parallaxLocations/par2.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../images/parallaxLocations/par2.jpg);
    background-attachment: fixed;
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}

.location-description ul {
    display: block;
    text-decoration: none;
    text-align: justify;
    list-style: none;
    color: #FDD835;
    width: 90%;
}

.location-description ul li {
    padding-bottom: 1%;
    text-transform: uppercase;
}

.location-description h3 {
    color: #DEDEDD;
}

.location-description ul li i {
    color: #DEDEDD;
    padding: 5px 5px;
    font-size: 1.1rem;
}

.captcha {
    position: relative;
    text-align: center;
}

#privacy-policy-link {
    color: red;
}

.captcha::after {
    content: "";
    margin: 5%;
    border-radius: 5px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/* Form */
/*----------------------------------------------------------------------------------------------------------------------------*/
form {

    max-width: 420px;
    margin: 10px auto;
    color: #fff;
}

.feedback-input {
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    border-radius: 5px;
    line-height: 22px;
    background-color: transparent;
    border: 2px solid red;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 13px;
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

.feedback-input:focus {
    border: 2px solid #CC4949;
}

textarea {
    height: 50px;
    line-height: 150%;
    resize: vertical;
}

[type="submit"] {
    width: 100%;
    background: red;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    color: #ffffff;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: -4px;
    font-weight: 700;
}

[type="submit"]:hover {
    color: red;
    background: #F5F5F5;
}

/************************************************************************************About Us********************************************************************/
.aboutUs {
    overflow: hidden;
}

.aboutUs-section-intro,
.carriers-section-intro,
.paint-section-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2%;
}

.aboutUs-section-intro h3,
.paint-section-intro h3,
.carriers-section-intro h3,
.who-we-are h2,
.partners h2 {
    text-transform: uppercase;
    font-family: 'DM Serif Text', serif;
}

.aboutUs-section-intro h3::after,
.paint-section-intro h3::after,
.carriers-section-intro h3::after,
.who-we-are h2::after,
.partners h2::after {
    display: block;
    content: "";
    height: 2px;
    background-color: red;
    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    -webkit-animation: lines-animation 3s ease-out both;
    animation: lines-animation 3s ease-out both;
}

.default-work {
    text-align: justify;
}

.default-work p {
    width: 100%;
    font-size: 65%;
    font-weight: bold;
    margin: 0 auto;
}

.aboutUs-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    overflow: hidden;
}

.aboutUs-content p {
    width: 90%;
    margin: 0 1%;
    padding: 35px;
    text-align: justify;
}

.center p {
    width: 90%;
}

.rekar-quote {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.6))), url(../images/parallaxLocations/quote1.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url(../images/parallaxLocations/quote1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 40vh;
}

.rekar-quote span {
    font-size: 3rem;
    margin-left: 25%;
    color: #F5F5F5;
    opacity: .4;
}

.rekar-quote h3 {
    font-size: 130%;
    width: 50%;
    margin-left: 25%;
    color: #F5F5F5;
    letter-spacing: 2px;
}

.back-gr {
    background-color: rgb(247, 247, 247);
}

.back-gr img {
    margin: 0;
    padding: 0;
    -webkit-clip-path: polygon(40% 0%, 40% 0, 100% 0, 100% 100%, 40% 100%, 40% 100%, 0% 50%);
    clip-path: polygon(40% 0%, 40% 0, 100% 0, 100% 100%, 40% 100%, 40% 100%, 0% 50%);
}

.aboutUs-footer {
    height: auto;
    width: 100%;
    text-align: center;
    padding: 20px;
}

.aboutUs-footer p {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'DM Serif Text', serif;
    font-size: 100%;
}

.aboutUs-footer a {
    display: block;
    font-weight: 900;
    max-width: 200px;
    margin:auto auto;
    font-size: 95%;
    color: #FDD835;
    padding: 20px;
    border: 5px solid #FDD835;
    -webkit-transition: color .5s, background-color .5s, border-radius 1s;
    transition: color .5s, background-color .5s, border-radius 1s;
}

.aboutUs-footer:hover a {
    text-decoration: none;
    color: #DEDEDD;
    border-radius: 50px;
    background-color: red;
    padding: 20px;
    border: 5px solid red;
}

/*********************************************************************Carriers*******************************************************************************/
.modal-cv {
    color: #000000 !important;
}

.modal {
    z-index: 999;
}

.carriers {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.carriers-section-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2%;
}

.default-work {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 2%;
    font-size: 150%;
}

.why-rekar {
    text-align: center;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
}

.why-rekar ul {
    padding: 30px;
    margin: 0;
}

.why-rekar li {
    list-style: none;
    padding: 20px;
    font-size: 150%;
}

.open-positions {
    display: block;
    width: 100%;
    background-color: #F5F5F5;
    padding: 0;
    margin: 0;
    clip: rect(0, auto, auto, 0);
}

.constr,
.painters,
.ceh {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50vh;
    border: none;
    color: #DEDEDD;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    overflow: hidden;
}

.constr i,
.painters i,
.ceh i {
    padding-top: 2em;
    padding-bottom: 2%;
    font-size: 60px;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}

.constr i:hover,
.painters i:hover,
.ceh i:hover {
    cursor: pointer;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

.constr {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7))), url(../images/carriers/constr.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url(../images/carriers/constr.jpg);
}

.painters {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7))), url(../images/carriers/powder.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url(../images/carriers/powder.jpg);
}

.ceh {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7))), url(../images/carriers/ceh.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url(../images/carriers/ceh.jpg);
}

.conection {
    height: 50vh;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0));
}

.conection h3 {
    padding-bottom: 20px;
}

.conection a {
    margin: 0 auto;
    width: 200px;
}

.conection a:hover {
    text-decoration: none;
    color: #F5F5F5;
}

/*********************************************************************PAint*******************************************************************************/
.paint {
    overflow: hidden;
}

.paint .location-description p {
    color: #FDD835;
}

.paint-3 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5))), url(../images/powderSection3.png);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../images/powderSection3.png);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50vh;
    border: none;
    color: #DEDEDD;
}

.paint-2 img,
.aboutUs-content img {
    height: 300;
    width: 350;
}

/*********************************************************************Ral*******************************************************************************/
.ral {
    display: block;
    width: 100%;
    padding: 0;
}

.colors-container {
    display: block;
    width: 100%;
}

.line-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.colors:first-child {
    margin-left: 0;
}

.colors:last-child {
    margin-right: 0;
}

.colors {
    width: 8.5%;
    margin: 1%;
}

.colors p {
    font-size: 100%;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    padding: 1%;
}