.navbar-top {
    background-color: #0d7363;
    border-radius: 0px;
    border:none;
    min-height: 135px;
    margin-bottom: 0px;
}

.navbar-top .navbar-brand {
    padding-top: 44px;
    padding-bottom: 43px;
    height: 48px;
}

.navbar-top .navbar-nav {
    margin-top: 41px;
}

.navbar-top .navbar-nav > li > a {
    color: #fff;
    font-size: 20px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.navbar-top .navbar-nav > li > a:focus, .navbar-top .navbar-nav > li > a:hover {
    color: #c4ac99;
}

.navbar-top .navbar-nav > .open > a,
.navbar-top .navbar-nav > .open > a:focus,
.navbar-top .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #c4ac99;
}

.navbar-top .navbar-nav > li > .dropdown-menu {
    border-radius: 0px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.navbar-top .dropdown-menu a {
    font-family: 'IBM Plex Sans', sans-serif;
}

.navbar-top .navbar-toggle {
    margin-top:51px;
    margin-bottom: 50px;
}

.navbar-top .navbar-toggle:focus, .navbar-top .navbar-toggle:hover {
    background-color: #c4ac99;
}

.navbar-top .navbar-toggle:focus .icon-bar, .navbar-top .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}

.navbar-top .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-top .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #c4ac99;
}

.navbar-top .nav > li > a {
    padding-left: 24px;
    padding-right: 24px;
}

.navbar-default .navbar-nav > .active > a{
    background-color: transparent;
    color: #fff;
}

.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #c4ac99;
}

.social {
    padding-left: 20px;
    margin-top: 53px;
}

.social a {
    display: block;
    margin-left: 15px;
    float: left;
}

.slideshow .carousel-indicators li {
    width: 14px;
    height: 14px;
    border-radius: 0px;
    background-color: #fff;
    opacity: 0.5;
    margin:0px;
    border:none;
    margin-left: 10px;
    margin-right: 10px;
}

.slideshow .carousel-indicators .active {
    width: 14px;
    height: 14px;
    opacity: 0.9;
    margin-left: 10px;
    margin-right: 10px;
}

.slideshow .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}

.slideshow .carousel .item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.slideshow .carousel-caption h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 69px;
    color: #fffefe;
    margin-top: 0px;
    margin-bottom: 35px;
}

.slideshow .carousel-caption p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
}

#about-us {
    background:#ece8e0 url(../images/about-us-bg.jpg) center right no-repeat;
    padding-top: 86px;
    padding-bottom: 62px;
    background-size: auto 100%;
}

.page-title {
    font-family: 'Oswald', sans-serif;
    font-size: 38px;
    font-weight: normal;
    color: #0d7363;
    margin-top: 15px;
    margin-bottom: 40px;
}

.page-title:after {
    height: 3px;
    display: block;
    width: 73px;
    background: #c4ac99;
    content: '';
    margin-top: 54px;
}

.page-title.white {
    color: #fff;
}

.page-title.right {
    text-align: right;
    position: relative;
    padding-bottom: 56px;
}

.page-title.right:after {
    position: absolute;
    right: 0px;
}

.content {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #231f20;
    line-height: 36px;
}

.content p {
    margin-bottom: 48px;
}

#services {
    background:#0d7363 url(../images/services-bg.jpg) left center no-repeat;
    background-size: auto 100%;
}

.services-bg {
    background:transparent url(../images/services-bg-2.png) right center no-repeat;
    background-size: auto 100%;
    padding-top: 86px;
    padding-bottom: 62px;
}

.content.right {
    text-align: right;
}

.content.white {
    color: #fff;
}

.btn-transparent {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    border:solid 2px #c4ac99;
    color: #fff;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 43px;
}

.btn-transparent:hover {
    color: #c4ac99;
    text-decoration: none;
}

#contact {
    position: relative;
    height: 732px;
}

#map {
    position: absolute;
    width: 100%;
    height: 732px;
    background-color: grey;
}

#map2 {
    position: absolute;
    width: 100%;
    height: 732px;
    background-color: grey;
}

.contact-block {
    margin-top: 131px;
    background: #fff;
    border-bottom: solid 5px #0b7b5f;
    padding-left: 38px;
    padding-right: 38px;
    padding-top: 32px;
    padding-bottom: 10px;
}

.contact-block h5 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #0b7b5f;
    margin:0px;
}

.contact-block p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #353535;
    line-height: 29px;
    margin-bottom: 18px;
}


#footer {
    background:url(../images/footer-bg.jpg) no-repeat;
    background-size: cover;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
}

.copyright {
    padding-top: 45px;
    padding-bottom: 45px;
}

.footer-menu {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: right;
}

.footer-menu a {
    text-align: right;
    margin-right: 41px;
    color: #fff;
}

.footer-menu a:hover {
    color: #0b7b5f;
    text-decoration: none;
}

.page-bg-content {
    background:#ece8e0 url(../images/page-bg-bottom.png) center bottom repeat-x;
}

.page-content {
    padding-top: 80px;
    padding-bottom: 80px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #231f20;
    line-height: 36px;
}

.page-content a {
    color: #c4ac99;
}

.header-cover {
    background:url(../images/header-image.jpg) center center no-repeat;
    background-size: cover;
    height: 435px;
}

.header-cover .column {
    display: table;
    height: 435px;
    width: 100%;
}

.header-cover .column-content {
    display: table-row;
    text-align: center;
}

.header-cover .column-content h1 {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 69px;
    color: #fffefe;
    text-transform: uppercase;
}

.product-item {
    margin-bottom: 10px;
    text-align: center;
}

.product-item .image {
    height: 275px;
    position: relative;
    padding:30px;
}

.product-item .image img {
    max-width: 100%;
    max-height: 100%;
}

.product-item .image-wrap {
    display: table;
    width: 100%;
    height: 215px;
}

.product-item .image-row {
    display: table-row;
}

.product-item .image-cell {
    display: table-cell;
    vertical-align: middle;
}

.product-item .name {
    text-align: center;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 34px;
    color: #0d7363;
    margin-top: 10px;
}

.product-item .subtitle {
    text-align: center;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 30px;
    color: #231f20;
    margin-top: 5px;
}

.product-item .line {
    background:url(../images/product-line.png) no-repeat;
    width: 211px;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
}

.product-item:hover {
    cursor: pointer;
    background:#0d7363;
}

.product-item:hover .name {
    color: #fff;
}

.product-item:hover .subtitle {
    color: #c4ac99;
}

.product-item:hover .line {
    visibility: hidden;
}

.product-popup {
    background:rgba(13, 115, 99, 0.9);
    padding-top: 60px;
    padding-bottom: 60px;
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 9999;
    width: 100%;
}

.nav .lang-item a {
    padding-left: 5px!important;
    padding-right: 5px!important;
}

.footer-menu .lang-item {
    display: none!important;
}

.product-popup .close-popup {
    font-family: 'Arial', sans-serif;
    color: #aca391;
    font-weight: bold;
    font-size: 30px;
    cursor: pointer;
    float: right;
    margin-bottom: 20px;
}

.product-info-block {
    text-align: right;
    border-bottom: dashed 2px #aca391;
    padding-bottom: 20px;
}

.product-info-block .name {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 34px;
    color: #fff;
}

.product-info-block .subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 30px;
    color: #c4ac99;
    margin-top: 5px;
}

.gallery-item {
    cursor: pointer;
    margin-bottom: 28px;
    position: relative;
    display: block;
}

.gallery-item img {
    max-width: 100%;
    max-height: 100%;
}

.gallery-item .hover {
    display: none;
    background:rgba(196,172,153,0.7) url(../images/zoom.png) center center no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.gallery-item:hover .hover {
    display: block;
}


.mfp-arrow-left { background:url(../images/left.png) no-repeat top left !important; width:35px; height:53px; margin-left: 30px; }
.mfp-arrow-right { background:url(../images/right.png) no-repeat top left !important; width:35px; height:53px; margin-right: 30px; }
.mfp-arrow-left::before, .mfp-arrow-right::before { display: none; }
.mfp-arrow-left::after, .mfp-arrow-right::after { display: none; }

.mfp-close {
    background:url(../images/close-img.png) no-repeat top right!important;
    right: 0px!important;
}

.fb-icon {
    display: inline-block;
    width: 29px;
    height: 29px;
    background:url(../images/fb-2.png) no-repeat;
    vertical-align: bottom;
}

.fb-icon:hover {
    background:url(../images/fb-hover.png) no-repeat;
}

.instagram-icon {
    display: inline-block;
    width: 29px;
    height: 29px;
    background:url(../images/instagram-2.png) no-repeat;
    vertical-align: bottom;
}

.instagram-icon:hover {
    background:url(../images/instagram-hover.png) no-repeat;
}

.fb-icon-2 {
    display: inline-block;
    width: 29px;
    height: 29px;
    background:url(../images/fb-2.png) no-repeat;
    vertical-align: bottom;
}

.fb-icon-2:hover {
    background:url(../images/fb-2-hover.png) no-repeat;
}

.instagram-icon-2 {
    display: inline-block;
    width: 29px;
    height: 29px;
    background:url(../images/instagram-2.png) no-repeat;
    vertical-align: bottom;
}

.instagram-icon-2:hover {
    background:url(../images/instagram-2-hover.png) no-repeat;
}

.slide-fill {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.navbar-toggle {
    border:none!important;
}

.navbar-top .navbar-toggle .icon-bar {
    background-color: #c4ac99;
}

@media (min-width: 768px) {
    .slideshow .carousel-indicators {
        bottom: 58px;
    }

    .product-popup .row {
        display: table;
        width: 100%;
    }

    .product-popup [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }

}

@media (max-width: 767px) {

    .navbar-top {
        min-height: 80px!important;
    }

    .navbar-top .navbar-brand {
        padding-top: 28px;
        padding-bottom: 29px;
        height: 24px;
    }

    .navbar-top .navbar-brand img {
        max-width: 136px;
    }

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

    .navbar-top .navbar-nav {
        margin-top: 0px;
    }

    .navbar-top .navbar-nav .open .dropdown-menu > li > a {
        font-family: 'IBM Plex Sans', sans-serif;
        color: #fff;
    }

    .social {
        float: none!important;
        padding-left: 0px;
        margin-top: 15px;
        margin-left: -5px;
    }

    .slideshow .carousel-caption h3 {
        font-size: 26px;
    }

    .slideshow .carousel-caption p {
        font-size: 14px;
    }

    .carousel-caption {
        left: 15px;
        right: 15px;
    }

    #about-us {
        background:#ece8e0;
    }

    .services-bg {
        background:transparent;
    }

    .footer-menu {
        display: none;
    }

    .nav .lang-item a {
        padding-left: 24px!important;
        padding-right: 24px!important;
    }

    .product-info-block {
        text-align: center;
    }

    .page-title {
        text-align: center;
    }

    .page-title::after {
        margin-left: auto;
        margin-right: auto;
    }

    .content {
        text-align: center;
    }

    .header-cover {
        height: 200px;
    }

    .header-cover .column {
        height: 200px;
    }

    .header-cover .column-content h1 {
        font-size: 44px;
    }

    #map {
        position: static;
        height: 250px;
    }

    .contact-block {
        margin-top: 10px;
        border-bottom: none!important;
        text-align: center;
    }

    #contact {
        height: auto!important;
    }

    .navbar-top .lang-item {
        display: inline-block;
    }

    .navbar-top .lang-item a {
        padding-right: 5px!important;
    }

    .product-popup {
        padding-top: 5px;
        padding-bottom: 20px;
    }
}