/* ----------------------------------------------------------------
	Custom CSS

	 
-----------------------------------------------------------------*/


    @import url('https://fonts.cdnfonts.com/css/palatino');

    @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');



.hb .divider {
    position: relative;
    display: -ms-flexbox;
    display: block;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: 0;
    color: #cea34d;
    width: 100%;
    width: 90%;
    margin-left: 5%;
    margin-top: -4px;
    z-index: 0;
}

.divider::after, .divider::before {
    content: '';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    height: 1px;
    background-color: #575757;
}

#slider .heading-block h1 {
    font-size: 76px;
}

#slider .heading-block h2 span {
    font-size: 62px !important;
    color: #cea34d;
}

#slider .heading-block span {
    font-size: 2rem !important; 
}

#slider .heading-block p {
    font-size: 1.25rem !important; 
}

#about a{
    /*font-weight: 700;*/
    font-family: 'Anton', serif !important;
}

#about .abt-bg{
    background-color: #575757;
    color: #fff;
    padding: 1.5rem;
    left: 51% !important;
    width: 290px !important;
    top: 52% !important;
}

#about .abt-bg h3{ 
    font-size: 16px;
    color: #cea34d; 
    letter-spacing: 1.1px;
}

#about .abt-bg p{
    line-height: 1;
} 

.promo .button.button-border {
    border: 2px solid #fff;
    background-color: white;
    color: #cea34d !important;
    font-weight: 700;
    text-shadow: none !important;
}

.dark#services .entry-title h2 a, .dark#services .entry-title h3 a, .dark#services .entry-title h4 a {
    color: #cea34d;
    padding: 1rem;
}

#services .posts-md .entry-meta, #services .posts-md .entry-meta a, #services .posts-sm .entry-meta, #services .posts-sm .entry-meta a {
    font-size: 17px;
    min-height: 180px;
    padding: 1rem;
}

#services .entry{
    background-color: #575757;
}

@media (min-width: 992px) {

        #gallery {
                overflow: visible !important;
                /*transform: translateY(-32%);*/
                margin-top: -360px;
                z-index: 0;
        }
     
    }


#oc-products.owl-carousel .owl-item img { 
    height: 400px;
    object-fit: fill;
}

#oc-products .product-desc { 
    background: #575757; 
    margin: 10px;
    transition: top 0.3s ease;
    top: -25px;
    position: relative;
}

#oc-products .product-desc h3 a { 
    color: #fff; 
}

#oc-products .product:hover .product-desc{
    top: 5px;
}

#project h1{
    font-size: 56px;
    margin-bottom: -20px;
    text-transform: uppercase;
}

#project p{
    font-size: 22px; 
}

#footer .social-icon{
    border: 1 !important;
}

#footer .social-icon i{
    /*font-size: 32px;*/
}

#footer .widget h6{
    color: #bbb;
    font-family: 'Palatino', serif !important;
    margin-bottom: 0;
    font-size: 18px;
}

#footer .widget h1{
    color: #cea34d;
    
}

#footer.dark .social-icon {

    border-color: #fff !important;
}

.footer-widgets-wrap a{
    font-size: 20px;
}

.footer-team{
    background-color: #cea34d;
}

.footer-team address strong{
    color: #222;
    font-size: 18px;
}

.widget_links:not(.widget-li-noicon) li::before{
    font-size: 6px;
    padding: 6px 0;
    color: #cea34d;
}

.widget_links li{
    padding: 10px 0;
    border-bottom: .5px solid #cea34d;
    /*border-top: 1px solid #ccc;*/
}

.subscribe-widget .button.button-border{
    border: 1px solid #cea34d !important;
}

.header-row .order-lg-3,
.header-row .order-lg-1 {
    border-bottom: 4px double #f2f2f2;
    padding-bottom: 10px;
}

#gallery #oc-portfolio .gallery-title{
    border: 1px solid #cea34d;
    color: #cea34d;
    width: fit-content;
    padding: 10px;
}

.gallery-maintitle{
    font-family: 'Anton', serif !important;
}

.contact-page .team-desc a{
    margin-bottom: unset;
    color: #575757;
}

.contact-page .team-desc a:hover{ 
    color: #cea34d;
}

#gallery-page .fslider, #gallery-page .fslider .flexslider, #gallery-page .fslider .slider-wrap, #gallery-page .fslider .slide, #gallery-page .fslider .slide > a, #gallery-page .fslider .slide > img, #gallery-page .fslider .slide > a > img {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    object-fit: cover;
}

.left-right-animation {
    animation: left_right 2s ease-in infinite alternate-reverse;
}

@keyframes left_right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}



.product-page .fslider, .product-page .fslider .slide > a > img {
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    object-fit: cover;
}

.product-page .portfolio-desc {
    background: #575757;
    margin: 10px;
    transition: top 0.3s ease;
    top: -25px;
    position: relative;
    min-height: 100px;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
}


.product-page .portfolio-item:hover .portfolio-desc{
    top: 5px;
}

.product-page .portfolio-desc h3 a {
    color: #fff;te
}

.product-page .portfolio-desc h3 {
    text-align: center;
}

.modal-header h2{
    margin-bottom: unset;
}

.button-theme{
    background: #cea34d;
}

.icon-animation {
    animation: icon-animation 1.5s ease-in-out infinite;
}

@keyframes icon-animation{
    0% {
    transform: rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0, 0, 1, -15deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}


.project-page .fslider, .project-page .fslider .flexslider, .project-page .fslider .slider-wrap, .project-page .fslider .slide, .project-page .fslider .slide > a, .project-page .fslider .slide > img, .project-page .fslider .slide > a > img {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    object-fit: cover;
}

.social-icons button {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
    line-height: 24px !important;
    margin-bottom: 0;
    border-radius: 50%;
    margin: 0 5px 5px 0;
    
    color: #555;
    text-shadow: none;
    border: 1px solid #AAA; 
    overflow: hidden;
}

.sub-hb h2{
    font-weight: 400;
    font-size: 32px;
    color: #575757;
}


.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    /* background-image: url(../img/preloader.gif); */
    background-image: url(../images/preloader.gif);
    /* background-size: 25%; */
    bottom: 0;
}


.project-detail-page .fslider, .project-detail-page .fslider .flexslider, .project-detail-page .fslider .slider-wrap, .project-detail-page .fslider .slide, .project-detail-page .fslider .slide > a, .project-detail-page .fslider .slide > img, .project-detail-page .fslider .slide > a > img {
    position: relative;
    display: block;
    width: 100%;
    height: 700px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    object-fit: cover;
}

.project-page .portfolio-item .grid-inner.gi1{
    border: 1px solid #ccc; 
    padding: 1rem;
}

.project-page .portfolio-item .portfolio-desc{
    min-height: 165px;
}

.products-footer-links li a{
    /*text-transform: lowercase;*/
    font-size: 14px;
}

#footer .footer-team .social-icon{
    margin-top: 6px;
}

#footer address {
    color: #fff !important;
    margin-bottom: 10px;
}

#footer address a{
    color: #fff !important;
}

#footer address a:hover{
    color: #f2f2f2 !important;
    cursor: pointer;
}

#footer .widget .footer-team p {
    line-height: 1.2;
    margin-top: revert-layer;
    margin-bottom: 0px;
}