body {    color: #1a1a1a;    background: #b6a178;    font-family: 'Open Sans', sans-serif;}
h1,h2, h3, h4,h5, h6 {    color: #1f2738;}
a {    color: #454545;    transition: .3s;}
a:hover,a:active,a:focus {    color: #D5B981;    outline: none;    text-decoration: none;}
.btn:focus,.form-control:focus {    box-shadow: none;}
.container-fluid {    max-width: 1366px;}
.back-to-top {    position: fixed;    display: none;    background: #D5B981;
    width: 44px;    height: 30px;    text-align: center;    line-height: 1;    font-size: 24px;
    right: 12px;    bottom: 15px;    transition: background 0.3s;      z-index: 10;
}
.back-to-top:hover {    background: #1f2738;}
.back-to-top:hover i {    color: #D5B981;}
.back-to-top i {    color: #1f2738;    padding-top: 5px;}

.top-bar {    position: relative;    height: 40px;    background: #1f2738;}
.top-bar  h2 {    color: #eeeeee;    font-weight: 600;    font-size: 16px;    letter-spacing: 1px;    padding-top: 10px;}
.top-bar .social {    display: flex;    height: 40px;    font-size: 0;    justify-content: flex-end;}
.top-bar .social a {    display: flex;    align-items: center;    justify-content: center;    width: 40px;    height: 100%;    font-size: 22px;
    color: #ffffff;    border-right: 1px solid rgba(255, 255, 255, .15);}
.top-bar .social a:hover {    color: #D5B981;    background: #ffffff;}

.navbar {    position: relative;    transition: .5s;    z-index: 999;}
.navbar.nav_up {    position: fixed;    top: 0;    width: 100%;    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);}
.navbar .navbar-brand {    margin: 0;    color: #ffffff;    font-size: 18px;    line-height: 22px;    font-weight: 500;}
.navbar .navbar-brand span {    font-weight: bold; }
.navbar .navbar-brand img {    max-width: 100%;    max-height: 40px;}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {    padding: 10px 10px 8px 10px;    color: #ffffff;}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {    background: rgba(256, 256, 256, .1);    transition: none;}

.navbar .dropdown-menu {    margin-top: 0;    border: 0;    border-radius: 0;    background: #f8f9fa;}

@media (min-width: 992px) {
    .navbar {        position: absolute;        width: 100%;        top: 60px;        padding: 2px 6px;        background: rgba(0, 0, 0, .1) !important;        z-index: 9;    }
    .navbar.nav_up {        padding: 10px 60px;        background: #1f2738 !important;    }
    .navbar a.nav-link {        padding: 8px 15px;        font-size: 14px;        letter-spacing: 1px;        text-transform: uppercase;    }
}

@media (max-width: 991.98px) {   
    .navbar {        padding: 15px;        background: #1f2738 !important;    }    
    .navbar a.nav-link {        padding: 5px;    }    
    .navbar .dropdown-menu {        box-shadow: none;    }
}

.page-header {    position: relative;    margin-bottom: 15px;    padding: 100px 0 90px 0;    text-align: center;    background: #D5B981;}
.page-header h1 {    position: relative;    color: #1f2738;    font-size: 40px;    font-weight: 600;}


@media (max-width: 767.98px) {   
     .page-header h1 {        font-size: 22px;    }    
}


.section-header {    position: relative;    margin: 0 auto;    margin-bottom: 35px;}
.section-header p {    margin-bottom: 5px;    position: relative;    font-size: 16px;    }
.section-header h2 {       position: relative;    font-size: 25px;    font-weight: 700;}

@media (max-width: 767.98px) {
    .section-header h2 {        font-size: 25px;    }
}



.about {    position: relative;    width: 100%;    padding: 40px 0;}
.about .section-header {    margin-bottom: 30px;    margin-left: 0;}
.about .about-img {    position: relative;    height: 100%;    margin:  0px;}
.about .about-img img {    position: relative;    width: 100%;    height: 100%;    object-fit: cover;    z-index: 1;}
.about .about-text p {    font-size: 16px;}

 a.btn {    position: relative;    margin-top: 15px;    padding: 12px 25px;    font-size: 16px;    font-weight: 600;    letter-spacing: 1px;
    color: #1f2738;    border: 2px solid #1f2738;    border-radius: 0;    background: none;    transition: .3s; }
 a.btn:hover {    color: #D5B981;    background: #1f2738;}

@media (max-width: 767.98px) {
    .about .about-img {        margin-bottom: 30px;        height: auto;    }
}

.service {    position: relative;    width: 100%;    padding: 35px 0 15px 0;}
.service .service-item {    position: relative;    width: 100%;    text-align: center;    margin-bottom: 30px;    background: rgba(27, 35, 51, 0.04);}
.service .service-img {    position: relative;    width: 100%;}
.service .service-img img {    position: relative;    width: 100%;    height: 100%;    object-fit: cover; padding:5px;}
.service .service-item h3 {    margin: 0;    padding: 25px 15px 15px 15px;    font-size: 25px;    font-weight: 700;}
.service .service-item p {    margin: 0;    padding: 0 25px 25px 25px;    font-size: 16px; text-align: left;}




.masini {    position: relative;    width: 100%;    padding: 45px 0 15px 0;}
.masini .masini-item {    margin-bottom: 30px;}
.masini .masini-img {    position: relative;}
.masini .masini-img img {    width: 100%;}
.masini .masini-text {    position: relative;    margin: -60px 15px 0 15px;    padding: 30px 15px;    text-align: center;    background: #f3e6d6;    transition: .3s;    z-index: 2;}
.masini .masini-text h2 {    font-size: 16px;    font-weight: 600;}
.masini .masini-text p {    margin: 0;    color: #333333;}
.masini .masini-item:hover .masini-text {    background: #D5B981;}
.masini .masini-item:hover .masini-img::after {    border-color: #D5B981;}



.longpic {    position: relative;    margin: 35px 0;    padding: 30px 0; color: bisque;
    background: linear-gradient(rgb(29, 36, 51), rgba(25, 31, 46, 0.5), rgb(22, 28, 41)), url(../img/testimonial-bg.jpg);
    background-position: center;    background-repeat: no-repeat;    background-size: cover;
}
.longpic .container {    max-width: 700px;}
.longpic  h2 {    color: #D5B981;    font-size: 18px;}





.contact {    position: relative;    width: 100%;    margin: 45px 0;    background: #1f2738;}
.contact .container-fluid {    background: url(../img/contact.jpg) left center no-repeat;    background-size: contain;}
.contact .contact-form {    position: relative;    padding: 90px 0 90px 45px;    background: #1f2738; color: #D5B981;}
.contact .contact-form h2{    color: #D5B981; font-size:20px; font-weight: 800;    letter-spacing: 1px;}
.contact .contact-form input {    padding: 15px 0;    background: none;    border-radius: 0;    border: none;    border-bottom: 1px solid #D5B981;}
.contact .contact-form textarea {    height: 90px;    padding: 15px 0;    background: none;    border-radius: 0;    border: none;    border-bottom: 1px solid #D5B981; }
.contact .contact-form .btn {    padding: 15px 30px;    font-size: 16px;    font-weight: 600;    letter-spacing: 1px;
   color: #D5B981;    background: none;    border: 2px solid #D5B981;    border-radius: 0;    transition: .3s;
}
.contact .contact-form .btn:hover {    color: #1f2738;    background: #D5B981;}
.contact .help-block ul {    margin: 0;    padding: 0;    list-style-type: none;}

@media (max-width: 767.98px) {
    .contact .container-fluid {        background: none;    }
    
    .contact .contact-form {        padding: 90px 0;    }
}

.footer {    position: relative;    margin-top: 45px;    padding-top: 90px;    background: #1f2738;}
.footer .footer-contact,.footer .footer-link {    position: relative;    margin-bottom: 45px;    color: #999999;}
.footer h3{color:none;}
.footer .footer-contact h2, .footer .footer-link h2 {    position: relative;    margin-bottom: 30px;    font-size: 22px;    font-weight: 700;    color: #D5B981;}
.footer .footer-link a {    display: block;    margin-bottom: 10px;    color: #999999;    transition: .3s;}
.footer .footer-link a::before {    position: relative;      font-family: "Font Awesome 5 Free";    font-weight: 900;    margin-right: 10px;}
.footer .footer-link a:hover {    color: #D5B981;    letter-spacing: 1px;}
.footer .footer-contact p i {    width: 25px;}
.footer .footer-social {    position: relative;    margin-top: 20px;}
.footer .footer-social a {    display: inline-block;}
.footer .footer-social a i {    margin-right: 15px;    font-size: 18px;    color: #D5B981;}
.footer .footer-social a:last-child i {    margin: 0;}
.footer .footer-social a:hover i {    color: #999999;}