/* Minification failed. Returning unminified contents.
(2820,41): run-time error CSS1039: Token not allowed after unary operator: '-i'
(2870,49): run-time error CSS1046: Expect comma, found '1'
(2870,52): run-time error CSS1046: Expect comma, found ')'
(2870,67): run-time error CSS1046: Expect comma, found '123'
(2870,74): run-time error CSS1046: Expect comma, found ')'
(2885,53): run-time error CSS1046: Expect comma, found '1'
(2885,56): run-time error CSS1046: Expect comma, found ')'
(2885,71): run-time error CSS1046: Expect comma, found '123'
(2885,78): run-time error CSS1046: Expect comma, found ')'
 */

a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #f9a305; text-decoration: none !important; }
a, button, input { outline: medium none !important; color: #f9a305; }

*::-moz-selection { background: #f9a305; color: #fff; text-shadow: none; }
::-moz-selection { background: #f9a305; color: #fff; text-shadow: none; }
::selection { background: #f9a305; color: #fff; text-shadow: none; }


/* ------------------------
    Transition
------------------------*/
a, i, .btn, button, img, span, .navbar-nav .nav-link:before, .dropdown-item, .owl-item, .contact-bg, .service-item, .service-description,
.featured-item .featured-icon i, .featured-item, .featured-icon, .featured-item.bottom-icon span, .price-table,
.price-table:hover .price-value, .portfolio-filter button, .portfolio-item:before, .portfolio-item a.popup, .portfolio-hover, .portfolio-icon, .portfolio-title, .post, .post-date, .post .post-desc,
.sidebar-links li a, .footer-list li a:before, .team-member:hover .team-social-icon, .team-description
{-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
 

/* ------------------------
    Transform translate
------------------------*/

/*--translate-X--*/
.page-breadcrumb, .banner-1::before {transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%);}

/*--translate-Y--*/
.transform-y, .service-flip-desc .service-flip-text, .align-center, .clear-loader, .search-box button, .widget-searchbox .search-btn, .post-meta ul li::before, .ht-progress-bar .progress-parcent, .contact-media, .team-member .team-social-icon, .service-icon, .portfolio-desc, .counter.style-3 i, .accordion .card-header a span{transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}

/*--translate-XY--*/
.clear-loader, .testimonial.style-2 .testimonial-avatar,
.accordion .card-header a span:before{transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);}

/*--translate-X-5--*/
.navbar-nav .dropdown-menu .nav-link:focus, .navbar-nav .dropdown-menu .nav-link:hover{transform: translateX(5px); -webkit-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); -moz-transform: translateX(5px);}


/* ------------------------
    Custom Margin
------------------------*/
.custom-mt-5{z-index: 99; position: relative; margin-top: -50px;}
.custom-mt-7{z-index: 99; position: relative; margin-top: -70px;}
.custom-mt-10{z-index: 99; position: relative; margin-top: -100px;}
.custom-mt-12{z-index: 99; position: relative; margin-top: -120px;}
.custom-mt-15{z-index: 99; position: relative; margin-top: -150px;}
.custom-mt-20{z-index: 99; position: relative; margin-top: -200px;}
.custom-mt-25{z-index: 99; position: relative; margin-top: -250px;}


/* ------------------------
    Custom Padding
------------------------*/
.custom-pt-18{ padding-top: 180px;}
.custom-pb-18{ padding-bottom: 180px;}


/* ------------------------
    Box Shadow
------------------------*/
.navbar .dropdown-menu, .price-header, .price-header .price-month, .featured-item:hover, .featured-item.active, .testimonial.style-2 .testimonial-content, .testimonial.style-3,
.counter, .blog-details, .contact-main, .service-flip-back, .service-flip-front, .team-desc, .accordion .card, .featured-item.style-3:hover, .price-table:hover, .portfolio-item:hover, .box-shadow, .team-member, .tab.style-2 .nav-tabs, .post
{-webkit-box-shadow: 5px 8px 10px 0 rgba(31, 35, 37, 0.08); -moz-box-shadow: 5px 8px 10px 0 rgba(31, 35, 37, 0.08); box-shadow: 5px 8px 10px 0 rgba(31, 35, 37, 0.08);}


/* ------------------------
    Padding
------------------------*/
.px-10{padding-left: 100px !important; padding-right: 100px !important;}
.px-15{padding-left: 150px !important; padding-right: 150px !important;}
.px-20{padding-left: 200px !important; padding-right: 200px !important;}

.py-8{padding-top: 80px !important; padding-bottom: 80px !important;}
.py-10{padding-top: 100px !important; padding-bottom: 100px !important;}
.py-15{padding-top: 150px !important; padding-bottom: 150px !important;}
.py-20{padding-top: 200px !important; padding-bottom: 200px !important;}

.pr-10{padding-right: 100px !important;}
.pt-8{padding-top: 80px !important;}
.pt-10{padding-top: 100px !important;}
.pt-15{padding-top: 150px !important;}
.pt-20{padding-top: 200px !important;}
.pb-10{padding-bottom: 100px !important;}
.pb-15{padding-bottom: 150px !important;}
.pb-17{padding-bottom: 170px !important;}
.pb-20{padding-bottom: 200px !important;}


/* ------------------------
    Margin
------------------------*/
.mt-8{margin-top: 80px !important;}
.mt-10{margin-top: 100px !important;}
.mt-15{margin-top: 150px !important;}

.my-8{margin-top: 80px !important; margin-bottom: 80px !important;}
.my-10{margin-top: 100px !important; margin-bottom: 100px !important;}
.my-15{margin-top: 150px !important; margin-bottom: 150px !important;}
.my-20{margin-top: 200px !important; margin-bottom: 200px !important;}


/* ------------------------
    Pre Loader
------------------------*/
#ht-preloader {
    background: #00000036;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden !important;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999999 !important;
}
.clear-loader {
    z-index: 999;
    box-sizing: border-box;
    display: inline-block;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 48%;
    background: #fff;
    padding: 11px 21px;
    border-radius: 16px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
    .clear-loader img{
margin-bottom:3px;
    }
    /* ------------------------
    Row Eq Height
------------------------*/
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
.row-eq-height > [class*='col-'] > div{height: 100%;}
.row-eq-height .align-item-middle > div{height: auto;}


/* ------------------------
    Background Overlay
------------------------*/
[data-overlay] {position:relative; z-index:0;}
[data-overlay]:before, .slide-overlay:before {position: absolute;  content: '';  background-color: #000000;  width: 100%;  height: 100%;  top: 0;  left: 0; z-index:-1;}
[data-overlay].white-overlay:before{background-color:#fff;}
[data-overlay].theme-overlay:before{background-color:#f9a305;}
[data-overlay="1"]:before{opacity:0.1;}
[data-overlay="2"]:before{opacity:0.2;}
[data-overlay="3"]:before{opacity:0.3;}
[data-overlay="4"]:before{opacity:0.4;}
[data-overlay="5"]:before{opacity:0.5;}
[data-overlay="6"]:before{opacity:0.6;}
[data-overlay="7"]:before{opacity:0.7;}
[data-overlay="8"]:before{opacity:0.8;}
[data-overlay="9"]:before{opacity:0.9;}
[data-overlay="10"]:before{opacity:1;}
[data-overlay="0"]:before{opacity:0;}
.slide-overlay:before{background-color:rgba(0,0,0,0.6);}


/* ------------------------
    Scroll to Top
------------------------*/
.scroll-top {position: fixed; bottom: 30px; left: 30px; z-index: 600; opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0);}
.scroll-top a, .scroll-top a:visited {display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; -webkit-box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:22px; color: #ffffff; background: #f9a305;}
.scroll-top a:hover, .scroll-top a:focus {color: #f9a305; background: #ffffff;}
.scroll-top.scroll-visible {opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}



/* ------------------------
    Scroll video
------------------------*/
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 80%;
        margin: 1.75rem auto;
    }
}
.modal {
    z-index: 999999;
}
#modal_video {
    width: 100%;
    height: 100%;
}
.scroll-video {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 600;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: translate3d(0, 200%, 0);
    -ms-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
}
@media (max-width: 480px) {
    .scroll-video {
        bottom: 86px !important;
    }
}

    .scroll-video.scroll-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .scroll-video video {
        border-radius: 50%;
        position: relative;
        height: 140px;
        width: 140px;
        object-fit: contain;
        background: #fff;
        cursor: pointer;
        border: 6px solid #8ea1f9;
    }

    #modalbody {
        background: #f8f8f8;
        margin: 0;
        padding: 12px 14px 7px 14px;
        border-radius: 6px;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
    }

    .scroll-video a:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 4px;
        width: 100%;
        height: 95%;
        background: #3358ff;
        z-index: 1;
        border-radius: 50%;
        opacity: 30%;
        cursor: pointer;
    }

    .scroll-video a i {
        background: #3358ff;
        padding: 7px 9px;
        border-radius: 50%;
        font-size: larger;
        position: absolute;
        left: 18px;
        cursor: pointer;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
        z-index: 9;
        top: -2px;
    }

    .scroll-video a p {
        position: absolute;
        text-align: center;
        top: 47%;
        right: 50%;
        transform: translate(50%, -50%);
        z-index: 2;
        color: #f8f8f8;
        font-weight: 400;
        cursor: pointer;
        padding: 0;
        margin: 0;
        font-size: large;
    }

    .scroll-video a .progress-circle {
        transform: rotate(270deg) scaleX(-1);
        stroke-dasharray: 452; /* (2PI * 72px) */
        stroke-dashoffset: 0;
        z-index: 1;
        position: absolute;
        height: 100%;
        width: 100%;
        top: -2px
    }

        .scroll-video a .progress-circle circle {
            stroke: #d9ccff;
            stroke-width: 5px;
            fill: transparent;
            r: 64px;
            transform: translate(50%, 50%);
        }

    .scroll-video.scroll-visible .progress-circle {
        animation: offsettozero 20s linear forwards;
        /*animation: offsettozero 20s linear(1 -9.36%, -0 100.67%) forwards;*/
    }

    @keyframes offsettozero {
        to {
            stroke-dashoffset: 452;
        }
    }



    /* ------------------------
    Header
------------------------*/
    /*--logo--*/
    .logo img {
        height: 60px;
    }

    /*--navigation--*/
    .navbar {
        padding: 0;
    }

        .navbar .fullwidth > ul {
            width: 100% !important;
            min-width: inherit !important;
            max-width: inherit !important;
            right: 0;
            margin: 0 !important
        }

    .nav-item.fullwidth {
        position: static;
    }

    .navbar-nav {
        box-sizing: border-box;
        position: relative;
        z-index: 9999;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

        .navbar-nav, .navbar-nav ul, .navbar-nav li {
            list-style: none;
            margin: 0;
            padding: 0;
            line-height: normal;
        }

    .navbar-nav-rtl, .navbar-nav-rtl ul, .navbar-nav-rtl li {
        direction: rtl;
        text-align: right;
    }

    .navbar-nav li > ul {
        display: none;
    }

    .navbar-nav li, .navbar-nav a {
        position: relative;
    }

    .navbar-nav a {
        display: block;
    }

    .navbar-nav li > ul {
        position: absolute;
        background: #ffffff;
        right: 0;
        top: 37px !important;
        border: none;
        -webkit-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .navbar-nav ul a {
        padding: 10px 20px;
        white-space: nowrap;
        position: relative;
        background: none;
        color: #1c1d3e;
        font-size: 14px;
        font-weight: 400;
    }

        .navbar-nav ul a:hover {
            background: #f9a305;
            color: #ffffff;
            padding-right: 15px;
        }

    .navbar-nav .nav-link.highlighted {
        color: #f9a305;
    }

    .navbar-nav .nav-link .sub-arrow {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: .255em;
        vertical-align: middle;
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-left: .3em solid transparent;
    }

    .navbar-nav .nav-item {
        margin: 0 8px;
    }

    .navbar-nav .nav-link {
        color: #000000;
        font-weight: 500;
        padding: 0 !important;
        text-transform: capitalize;
        flex-direction: column;
        align-items: flex-start;
        overflow: hidden;
        position: relative;
    }

        .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .nav-item .nav-link.active {
            color: #f9a305;
        }

        .navbar-nav .nav-link:before {
            content: "";
            background: #f9a305;
            height: 2px;
            width: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

        .navbar-nav .nav-link:hover:before, .navbar-nav .nav-link:focus:before, .navbar-nav .nav-item .nav-link.active:before {
            width: 100%;
        }

    .header {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1200;
        padding: 1;
    }

    .top-bar {
        padding: 15px 0 10px;
        background-color: #4c4c4c;
    }

    .topbar-link li a {
        color: #ffffff
    }

        .topbar-link li a i {
            margin-left: 5px;
        }

        .topbar-link li a:hover {
            color: #f9a305
        }

    .list-inline-item:not(:last-child) {
        margin-right: 0;
        margin-left: .5rem;
    }

    .search-box {
        display: inline-block;
        position: relative;
    }

        .search-box input[type="text"], .search-box input[type="search"] {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50px;
            color: #ffffff;
            display: block;
            height: 40px;
            line-height: 25px;
            padding: 10px 20px 10px 50px;
            position: relative;
            width: 250px;
            border-color: transparent;
        }

        .search-box button {
            background: none;
            color: #ffffff;
            display: block;
            font-weight: normal;
            position: absolute;
            left: 10px;
            top: 50%;
            padding: 0;
            border-radius: 50px;
        }

            .search-box button:before, .search-box button:after {
                display: none;
            }

        .search-box .form-control::-moz-placeholder {
            color: #ffffff;
        }

    #header-wrap {
        padding: 30px 0;
        width: 100%;
        background: rgb(255, 255, 255);
    }

        #header-wrap.fixed-header {
            position: fixed;
            padding: 15px 0;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 999 !important;
            background: #212121;
        }

    .logo img {
        height: 50px;
    }

    #header-wrap.fixed-header .logo img {
        height: 45px;
    }

    .top-bar .top-social-list li a {
        color: #ffffff;
    }

    .header-2 #header-wrap .logo {
        display: none;
    }

    .header-2 #header-wrap.fixed-header .logo {
        display: block;
    }

    .header-2 #header-wrap .navbar-nav {
        margin-right: auto !important;
    }

    .header-2 #header-wrap.fixed-header .navbar-nav {
        margin-right: inherit !important;
    }


    .header-3 .top-bar {
        background: #ffffff;
        padding: 0;
    }

    .header-3 .topbar-link li a {
        color: #282925;
    }

    .header-3 .search-box input[type="text"], .header-3 .search-box input[type="search"] {
        background: #1b1b1b
    }

    .header-3 .topbar-link li a i {
        background: #f9a305;
        color: #ffffff;
        height: 30px;
        line-height: 30px;
        margin-right: 5px;
        text-align: center;
        width: 30px;
    }


    /* ------------------------
    Footer
------------------------*/
    .primary-footer {
        padding: 50px 0;
    }

    .secondary-footer {
        padding: 15px 0;
        background: #191919;
        color: #ffffff;
    }

    .footer-logo img {
        height: 50px;
    }

    .primary-footer, .primary-footer a {
        color: #ffffff;
    }

        .primary-footer h5 {
            color: #ffffff;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

    .media-icon li {
        position: relative;
        display: table;
        vertical-align: middle;
    }

    .media-icon.list-inline li {
        display: inline-block;
    }

    .media-icon li i {
        font-size: 22px;
        color: #f9a305;
        font-weight: normal;
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: rgba(255,255,255,0.1);
    }

    .theme-bg .media-icon li i {
        color: #ffffff
    }

    .media-icon li a, .media-icon li p {
        display: table-cell;
        vertical-align: middle;
        padding-right: 15px;
    }

        .media-icon li a:hover {
            color: #f9a305;
        }

    .theme-bg .media-icon li a:hover {
        color: #282925;
    }

    .contact-media {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .media-icon.style-2 {
        width: 100%;
        text-align: center;
    }

        .media-icon.style-2 li {
            display: inline-block;
            vertical-align: top;
            width: 33.04%;
            border-right: 1px dashed rgba(255,255,255,0.5);
            padding: 0 30px 30px;
        }

            .media-icon.style-2 li:last-child {
                border-right: none;
            }

            .media-icon.style-2 li span {
                color: #ffffff;
                font-weight: 600;
                font-size: 16px;
                display: block;
                margin-bottom: 10px;
            }

            .media-icon.style-2 li a, .media-icon.style-2 li p {
                color: #ffffff;
                padding: 0;
                display: inline-block;
            }

            .media-icon.style-2 li i {
                background: #1b1b1b;
                color: #ffffff;
                display: inline-block;
                width: 70px;
                height: 70px;
                line-height: 70px;
                font-size: 34px;
                margin-bottom: 20px;
            }

            .media-icon.style-2 li a:hover {
                color: #282925
            }

    footer.dark-bg .social-icons li a {
        color: rgba(255,255,255,0.6);
    }

    .footer-list li {
        margin-bottom: 15px;
        text-transform: capitalize;
    }

        .footer-list li:last-child {
            margin-bottom: 0;
        }

        .footer-list li a {
            position: relative;
            z-index: 99;
        }

        .footer-list li i {
            margin-right: 5px;
            font-size: 12px;
            vertical-align: middle;
        }

        .footer-list li a:before {
            content: "";
            z-index: -1;
            background: #f9a305;
            width: 0;
            height: 2px;
            position: absolute;
            right: 0;
            bottom: -2px;
        }

        .footer-list li a:hover {
            color: #ffffff;
        }

            .footer-list li a:hover:before {
                width: 50px;
            }

    footer .form-control {
        background: #303030;
        border: none;
    }

        footer .form-control:focus {
            background: #303030;
        }

    .footer.white-bg .primary-footer, .footer.white-bg .primary-footer a, .footer.white-bg .primary-footer h5 {
        color: #282925;
    }

    .footer.white-bg .footer-list li a:hover, .footer.white-bg .media-icon li a:hover {
        color: #f9a305
    }

    .footer.white-bg .secondary-footer {
        background: #f6f6f6;
        color: #282925
    }

    .footer-1 .secondary-footer {
        padding: 0 0 30px;
        background: none;
    }

        .footer-1 .secondary-footer span {
            background: #191919;
            border-radius: 5px;
            display: inline-block;
            padding: 15px;
            width: 100%;
        }

    .footer-2 .media-icon.style-2 li {
        border-right: none;
        padding: 30px 20px;
    }

        .footer-2 .media-icon.style-2 li.white-bg span {
            color: #f9a305
        }

        .footer-2 .media-icon.style-2 li.white-bg a {
            color: #282925;
        }

    footer .recent-post li {
        border-bottom: 1px dashed #3c3c3c;
        padding-bottom: 15px;
    }

        footer .recent-post li:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

    footer .widget .recent-post-thumb {
        width: 50px;
        vertical-align: top;
    }

    footer .widget .recent-post-desc a {
        color: #ffffff;
    }

    footer .widget .recent-post-desc span {
        color: #f9a305;
    }

    #newslatter .form-control {
        border: none;
        background: #ffffff;
    }

    .form-btn {
        box-shadow: none;
        border: none;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 16px;
        background: #f9a305;
        color: #ffffff;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
    }

    #newslatter label.error {
        position: absolute;
        left: 0;
        bottom: -25px;
        color: red;
        margin: 0;
        font-size: 12px;
    }

    .working-hours li {
        border-top: 1px dashed #3c3c3c;
        float: left;
        padding: 11px 0 12px;
        position: relative;
        text-align: right;
        width: 100%;
    }

        .working-hours li:first-child, .footer-menu li:first-child {
            border-top: none;
        }

        .working-hours li span {
            float: left;
            position: relative;
            text-align: left;
            text-transform: capitalize;
            width: auto;
        }

    .copyright .footer-list li {
        border-right: 1px dashed rgba(255,255,255,0.1);
        display: inline-block;
        margin-bottom: 0;
        padding: 0 12px;
    }

        .copyright .footer-list li:last-child {
            border-right: none;
            padding-right: 0;
        }

        .copyright .footer-list li a {
            color: rgba(255,255,255,0.9);
        }

            .copyright .footer-list li a:before {
                display: none;
            }

            .copyright .footer-list li a:hover {
                padding: 0;
                color: #f9a305
            }


    /* ------------------------
    Page Title
------------------------*/
    .page-title {
        display: block;
        padding-bottom: 130px;
        padding-top: 250px;
    }

        .page-title h1 {
            font-size: 40px;
            color: #ffffff;
            line-height: 40px;
            text-transform: uppercase;
            font-weight: 300;
        }

        .page-title p {
            margin-bottom: 0;
            color: #ffffff
        }

    .breadcrumb {
        padding: 15px;
        background: #ffffff;
        display: inline-block;
        border-radius: 0;
        margin: 0;
        text-transform: uppercase;
        color: #282925;
        font-weight: 600;
    }

    .breadcrumb-item {
        display: inline-block;
    }

        .breadcrumb-item a {
            color: #282925
        }

            .breadcrumb-item.active, .breadcrumb-item a:hover {
                color: #f9a305;
            }

    .page-breadcrumb {
        position: absolute;
        bottom: 0;
        left: 50%;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0;
        padding-right: .5rem;
    }

        .breadcrumb-item + .breadcrumb-item::before {
            padding-left: .5rem;
            padding-right: 0;
        }

    /* ------------------------
    Flat Icon
------------------------*/
    @font-face {
        font-family: "Flaticon";
        src: url("../Content/fonts/Flaticon.eot");
        src: url("../Content/fonts/Flaticon.eot@#iefix") format("embedded-opentype"), url("../Content/fonts/Flaticon.woff") format("woff"), url("../Content/fonts/Flaticon.ttf") format("truetype"), url("../Content/fonts/Flaticon.svg#Flaticon") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        @font-face {
            font-family: "Flaticon";
            src: url("../Content/fonts/Flaticon.svg#Flaticon") format("svg");
        }
    }

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-style: normal;
    }

    .flaticon-24-hours:before {
        content: "\f100";
    }

    .flaticon-drawing:before {
        content: "\f101";
    }

    .flaticon-innovation-1:before {
        content: "\f102";
    }

    .flaticon-idea:before {
        content: "\f103";
    }

    .flaticon-alarm-clock:before {
        content: "\f104";
    }

    .flaticon-broken-link-1:before {
        content: "\f105";
    }

    .flaticon-broken-link:before {
        content: "\f106";
    }

    .flaticon-search-1:before {
        content: "\f107";
    }

    .flaticon-search:before {
        content: "\f108";
    }

    .flaticon-magnifier:before {
        content: "\f109";
    }

    .flaticon-cancel:before {
        content: "\f10a";
    }

    .flaticon-home:before {
        content: "\f10b";
    }

    .flaticon-map:before {
        content: "\f10c";
    }

    .flaticon-employee:before {
        content: "\f10d";
    }

    .flaticon-coffee-cup:before {
        content: "\f10e";
    }

    .flaticon-pencil:before {
        content: "\f10f";
    }

    .flaticon-project:before {
        content: "\f110";
    }

    .flaticon-engine:before {
        content: "\f111";
    }

    .flaticon-fuel-station:before {
        content: "\f112";
    }

    .flaticon-factory:before {
        content: "\f113";
    }

    .flaticon-maintenance:before {
        content: "\f114";
    }

    .flaticon-industrial-robot:before {
        content: "\f115";
    }

    .flaticon-gear:before {
        content: "\f116";
    }

    .flaticon-motor:before {
        content: "\f117";
    }

    .flaticon-worker:before {
        content: "\f118";
    }

    .flaticon-oil:before {
        content: "\f119";
    }

    .flaticon-angle-arrow-down:before {
        content: "\f11a";
    }

    .flaticon-paper-plane:before {
        content: "\f11b";
    }

    .flaticon-message:before {
        content: "\f11c";
    }

    .flaticon-opened-email-envelope:before {
        content: "\f11d";
    }

    .flaticon-phone-call:before {
        content: "\f11e";
    }

    .flaticon-online-support:before {
        content: "\f11f";
    }

    .flaticon-settings:before {
        content: "\f120";
    }

    .flaticon-networking:before {
        content: "\f121";
    }

    .flaticon-browser:before {
        content: "\f122";
    }

    .flaticon-time-management:before {
        content: "\f123";
    }

    .flaticon-chat-bubble:before {
        content: "\f124";
    }

    .flaticon-trophy:before {
        content: "\f125";
    }

    .flaticon-growth:before {
        content: "\f126";
    }

    .flaticon-innovation:before {
        content: "\f127";
    }

@font-face {
  font-family: 'themify';
  src: url('../Content/fonts/themify.eot');
  src: url('../Content/fonts/themify.eot') format('embedded-opentype'), 
      url('../Content/fonts/themify.woff') format('woff'), 
      url('../Content/fonts/themify.ttf') format('truetype'), 
      url('../Content/fonts/themify.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.accordion .card {border: none; border-radius: 5px; margin-bottom: 20px; overflow: inherit;}
.accordion .card:last-child{margin-bottom: 0;}
.accordion .card-header {background: none; border:none;}
.accordion .card-header a{font-weight: 500; font-size: 15px; color: #282925; text-transform: capitalize; display: inline-block; width: 100%;}
.accordion .card.active .card-header {border-bottom: 1px solid #efefef;}
.accordion .card.active a, .accordion .card a:hover{color: #f9a305}
.accordion .card-header {padding: 15px 30px 15px 80px; position: relative;}
.accordion .card-body {padding: 30px;}
.accordion .card-header a span {position: absolute; left: 30px; top: 50%;}
.accordion .card-header a span:before{font-family: 'themify'; color: #282925; font-weight: bold; content: "\e64b"; position: absolute; left: 50%; top: 50%;}
.accordion .card-header a[aria-expanded="true"] span:before {color: #f9a305; transform: translateX(-50%) translateY(-50%) rotate(-180deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-180deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-180deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-180deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-180deg);}

.dark-bg .accordion .card{background: rgba(0,0,0,0.2);}
.dark-bg .accordion .card-header a{color: rgba(255,255,255,0.5);}
.dark-bg .accordion .card.active a, .dark-bg .accordion .card a:hover{color: #f9a305;}

.accordion.style-2 .card{box-shadow: none; border:1px solid #ededed !important;}
.accordion.style-2 .card.active .card-header {border-bottom: 1px dashed #dddddd;}
.accordion.style-2 .card-header a small{font-size: 22px; margin-right: 10px; font-style: italic; font-weight: bold;}
.accordion.style-2 .card-body{padding: 30px;}


/* ------------------------
    Social Icons
------------------------*/
.social-icons ul{padding:0; margin: 0; line-height: 0;}
.text-center.social-icons ul{display:inline-block;}
.social-icons li{display: inline-block; list-style:none; padding:0; margin:0 8px 0 0;}
.social-icons li a {display: inline-block; height: 40px; width: 40px; line-height: 40px; font-size: 14px; text-align: center; margin:0; border-radius: 4px; border: 0; background: transparent; color: #282925; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.text-white .social-icons li a{color:#ffffff;}

/*** Colored ***/
.social-icons.social-colored a,
.social-icons.social-hover a:hover{color:#fff; border:0;}

.social-icons.social-colored .social-rss a,
.social-icons.social-hover .social-rss a:hover {background-color: #faa33d;}

.social-icons.social-colored .social-facebook a,
.social-icons.social-hover .social-facebook a:hover{background-color:#5d82d1;}

.social-icons.social-colored .social-twitter a,
.social-icons.social-hover .social-twitter a:hover{background-color:#40bff5;}

.social-icons.social-colored .social-vimeo a,
.social-icons.social-hover .social-vimeo a:hover{background-color:#35c6ea;}

.social-icons.social-colored .social-myspace a,
.social-icons.social-hover .social-myspace a:hover{background-color:#008dde;}

.social-icons.social-colored .social-youtube a,
.social-icons.social-hover .social-youtube a:hover{background-color:#ef4e41;}

.social-icons.social-colored .social-instagram a,
.social-icons.social-hover .social-instagram a:hover{background-color:#548bb6;}

.social-icons.social-colored .social-gplus a,
.social-icons.social-hover .social-gplus a:hover{background-color:#db5442;}

.social-icons.social-colored .social-stumbleupon a,
.social-icons.social-hover .social-stumbleupon a:hover{background-color:#ff5c30;}

.social-icons.social-colored .social-lastfm a,
.social-icons.social-hover .social-lastfm a:hover{background-color:#f34320;}

.social-icons.social-colored .social-pinterest a,
.social-icons.social-hover .social-pinterest a:hover{background-color:#e13138;}

.social-icons.social-colored .social-google a,
.social-icons.social-hover .social-google a:hover{background-color:#eb5e4c;}

.social-icons.social-colored .social-evernote a,
.social-icons.social-hover .social-evernote a:hover{background-color:#9acf4f;}

.social-icons.social-colored .social-dribbble a,
.social-icons.social-hover .social-dribbble a:hover{background-color:#f7659c;}

.social-icons.social-colored .social-skype a,
.social-icons.social-hover .social-skype a:hover{background-color:#13c1f3;}

.social-icons.social-colored .social-forrst a,
.social-icons.social-hover .social-forrst a:hover{background-color:#45ad76;}

.social-icons.social-colored .social-linkedin a,
.social-icons.social-hover .social-linkedin a:hover{background-color:#238cc8;}

.social-icons.social-colored .social-wordpress a,
.social-icons.social-hover .social-wordpress a:hover{background-color:#2592c3;}

.social-icons.social-colored .social-grooveshark a,
.social-icons.social-hover .social-grooveshark a:hover{background-color:#ffb21d;}

.social-icons.social-colored .social-delicious a,
.social-icons.social-hover .social-delicious a:hover{background-color:#377bda;}

.social-icons.social-colored .social-behance a,
.social-icons.social-hover .social-behance a:hover{background-color:#1879fd;}

.social-icons.social-colored .social-dropbox a,
.social-icons.social-hover .social-dropbox a:hover{background-color:#17a3eb;}

.social-icons.social-colored .social-soundcloud a,
.social-icons.social-hover .social-soundcloud a:hover{background-color:#ff7e30;}

.social-icons.social-colored .social-deviantart a,
.social-icons.social-hover .social-deviantart a:hover{background-color:#6a8a7b;}

.social-icons.social-colored .social-yahoo a,
.social-icons.social-hover .social-yahoo a:hover{background-color:#ab47ac;}

.social-icons.social-colored .social-flickr a,
.social-icons.social-hover .social-flickr a:hover{background-color:#ff48a3;}

.social-icons.social-colored .social-digg a,
.social-icons.social-hover .social-digg a:hover{background-color:#75788d;}

.social-icons.social-colored .social-blogger a,
.social-icons.social-hover .social-blogger a:hover{background-color:#ff9233;}

.social-icons.social-colored .social-tumblr a,
.social-icons.social-hover .social-tumblr a:hover{background-color:#426d9b;}

.social-icons.social-colored .social-quora a,
.social-icons.social-hover .social-quora a:hover{background-color:#ea3d23;}

.social-icons.social-colored .social-github a,
.social-icons.social-hover .social-github a:hover{background-color:#3f91cb;}

.social-icons.social-colored .social-amazon a,
.social-icons.social-hover .social-amazon a:hover{background-color:#ff8e2e;}

.social-icons.social-colored .social-xing a,
.social-icons.social-hover .social-xing a:hover{background-color:#1a8e8c;}

.social-icons.social-colored .social-wikipedia a,
.social-icons.social-hover .social-wikipedia a:hover{background-color:#b3b5b8;}

.social-icons.social-colored .social-android a,
.social-icons.social-hover .social-android a:hover{background-color:#A4C639;}

.social-icons.social-colored .social-apple a,
.social-icons.social-hover .social-apple a:hover{background-color:#999999;}

/*** Border ***/
.social-icons.social-border li a{border:1px solid #efefef; background:transparent;}

/*** Circle ***/
.social-icons.circle li a{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}


/* ------------------------
    Team
------------------------*/
.team-member{overflow: hidden; position: relative;}
.team-images{position: relative; overflow: hidden;}
.team-member .team-description {width: 100%; padding: 30px; background: #1b1b1b;}
.team-member .team-description span{color: #ffffff;}
.team-member .team-description h5{ margin: 0; text-transform: uppercase; font-weight: 500; letter-spacing: 0.2px; color: #f9a305;}
.team-member h5 a:hover{color: #282925;}
.team-member .team-social-icon {border-radius: 30px; display: inline-block; overflow: hidden; left: -10%; position: absolute; top: 50%; opacity: 0; z-index:999;}
.team-member .team-social-icon ul {display: inline-block;}
.team-member .team-social-icon ul li {margin: 0; display: block; position: relative; }
.team-member .team-social-icon ul li a {background: #f9a305; height: 50px; width: 50px; line-height: 50px; border-bottom: 1px solid rgba(255,255,255,0.2); color: #ffffff; display: inline-block; text-align: center;}
.team-member .team-social-icon ul li a:hover {background: #ffffff; color: #282925;}
.team-member:hover .team-social-icon { opacity: 1; left: 10%;}
.team-member img{width: 100%;}
.team-member:hover .team-description{background: #f9a305; color: #ffffff;}
.team-member:hover .team-description h5, .team-member:hover .team-description span{color: #ffffff}
.team-member p{margin-bottom: 0;}

.team-images:before {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.6);}
.team-images::before, .team-images::after {position: absolute; top: 30px; right: 30px; bottom: 0; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.90s, -webkit-transform 0.90s;
transition: opacity 0.90s, transform 0.90s; z-index: 99;}
.team-images::before {border-top: 10px solid rgba(255,255,255,0.05); -webkit-transform: scale(0,1); transform: scale(0,1);}
.team-images::after { border-right: 10px solid rgba(255,255,255,0.05); -webkit-transform: scale(1,0); transform: scale(1,0);}
.team-member:hover .team-images::before,
.team-member:hover .team-images::after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.team-member.style-2 h5{margin: 10px 0 15px;}
.team-member.style-2 .team-social-icon,
.team-member.style-3 .team-social-icon {opacity: 1; position: relative; transform: inherit; left: inherit; border-radius: 0; top: inherit;}
.team-member.style-2 .team-social-icon ul li, 
.team-member.style-3 .team-social-icon ul li{display: inline-block;}
.team-member.style-2 .team-social-icon ul li a {background: rgba(0,0,0,0.2); border-bottom: none; display: inline-block; height: 40px; line-height: 40px; text-align: center; width: 40px;}
.team-member.style-2 .team-social-icon ul li a:hover, 
.team-member.style-3 .team-social-icon ul li a:hover {background: #ffffff;}
.team-member.style-2 .team-images:before, .team-member.style-2 .team-images:after{display: none;}

.team-member.style-3 .team-description {background: none !important; display: inline-block; width: auto; bottom: -100%; position: absolute; z-index: 99; padding: 0; right: 30px;}
.team-member.style-3:hover .team-description {bottom: 30px;}
.team-member.style-3 .team-social-icon{margin-top: 15px;}
.team-member.style-3 .team-images::before, .team-member.style-3 .team-images::after{right: 0; left: 0; top: 0; bottom: 0;}
.team-member.style-3 .team-social-icon ul li a{width: 40px; height: 40px; line-height: 40px;}
.team-member.style-3 .team-description span{color: #f9a305;}
.team-member.style-3 h5 a:hover{color: #f9a305;}

.team-desc {background: #ffffff; padding: 30px;}
.team-desc .media-icon li a{color: #282925;}
.team-desc .media-icon li a:hover{color: #f9a305;}
.team-desc .media-icon li i{width: auto; height: auto; line-height: inherit;}


/* ------------------------
    Tab
------------------------*/
.tab .nav-tabs{border:none; background: #f7f7f7; border-radius: 30px; display: inline-block;}
.tab .nav-tabs .nav-link{color: #282925; font-weight: bold; float: left; border-radius: 30px; position: relative; display: inline-block; border:none; margin: 0; background:transparent; padding:15px 40px;}
.tab .nav-tabs .nav-link.active, .tab .nav-tabs .nav-link:hover, .tab .nav-tabs.active > a:focus, .tab .nav-tabs > a:hover{background: #f9a305; color: #ffffff; border: none;}
.tab .tab-content{padding: 30px;}

.grey-bg .tab .tab-content{background: #ffffff;}
.tab.style-2 .nav-tabs{margin-bottom: 15px; border-radius: 0; background: #ffffff}
.tab.style-2 .nav-tabs .nav-link{background: #ffffff; color: #f9a305; border-radius: 0; border-right: 1px solid #efefef;}
.tab.style-2 .nav-tabs .nav-link:last-child{border-right: none;}
.tab.style-2 .nav-tabs .nav-link.active, .tab.style-2 .nav-tabs .nav-link.active:hover, .tab.style-2 .nav-tabs .nav-link.active:focus, .tab.style-2 .nav-tabs .nav-link:hover{background: #f9a305; color: #ffffff;}


/* ------------------------
    Counter
------------------------*/
.counter{background: #ffffff; padding: 0 20px 30px; position: relative; text-align: center;}
.counter i{font-size:30px; text-align: center; line-height:60px; width: 60px; height: 60px; background: #f9a305; color: #ffffff; display:inline-block;}
.counter .count-number{display:block; font-size:40px; font-weight:600; margin:20px 0 0; line-height:40px; position: relative; color:#282925;}
.counter label{font-weight:500; color:#282925; text-transform: uppercase; font-size:15px; position:relative; margin:15px 0; margin-bottom:0; padding-top: 15px;}
.counter label:before{position: absolute; content: ""; background: #f9a305; width: 30px; height: 2px; top: 0; left: 50%; transform: translateX(-50%);}
.theme-bg .counter label:before{background: #ffffff}
.text-white .counter .count-number, .text-white .counter label{color: #ffffff}

.counter.style-2 {padding: 30px 20px 60px; margin-bottom: 30px;}
.counter.style-2 i {bottom: -30px; right: 0; position: absolute;}
.counter.style-2 .count-number, .counter.style-3 .count-number{margin-top: 0;}

.counter.style-3 .count-number{color: #ffffff;}
.counter.style-3 {padding: 30px 80px 30px 20px; text-align: right; background: #f9a305;}
.counter.style-3 i {bottom: inherit; right: 0; position: absolute; top: 50%; background: #ffffff; color: #f9a305;}
.counter.style-3 label{color: #ffffff;}
.counter.style-3 label:before{right: 0; transform: inherit; background: #ffffff}

.counter.style-4{box-shadow: none; background: none; padding: 0;}
.counter.style-4 .count-number{margin-top: 0;}

/* ------------------------
    Blog - Post
------------------------*/
.post{position:relative; border-radius: 2px; overflow: hidden;}
.post-meta{float: right;}
.post-meta ul li{color: #282925; font-size: 12px; display: inline-block; margin: 0 0 0 15px; list-style-type: none; position: relative; text-transform: uppercase;}
.post-meta ul li:last-child{margin-right: 0;}
.post-meta ul li:before{content: ""; background: #f9a305; height: 50%; width: 1px; left: -10px; top: 50%; position: absolute;}
.post-meta ul li:last-child:before{display: none;}
.post .post-desc {
    padding: 30px;
    background: #ffffff;
    width: 100%;
    display: inline-block;
    padding: 16px 18px !important;
}
.post .post-desc h5 a{text-transform: capitalize; font-weight: 500; color: #282925}
.post .post-desc h5 a:hover{color: #f9a305}
.post .post-desc p{margin: 15px 0 0;}
.post-image{overflow: hidden;}
.post-image img{transform: translate3d(5px, 0px, 0px); width: calc(100% + 10px);}
.post:hover img{transform: translate3d(0px, 0px, 0px);}
.post-image:before {opacity: 0; content: ''; display: inline-block; width: 100%; /*height: 55%;*/ position: absolute; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.6);
-webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.post:hover .post-image:before{opacity: 1;}
.post-btn{text-transform: uppercase; float: left; display: inline-block;}
.post .post-btn:hover{color: #282925;}
.post-image{position: relative;}
.post-date {background: #f9a305; display: inline-block; color: #fff; padding: 10px 20px;}
.post .post-date {bottom: 0; position: absolute; left: -50%; opacity: 0; z-index: 99;}
.post:hover .post-date{opacity: 1; left: 0;}
.post-bottom{padding:15px 30px; background: #ffffff; width: 100%; display: inline-table; border-top: 1px solid #efefef}

.post.style-2 .post-meta{float: none; margin-bottom: 15px;}
.post.style-2 .post-btn {
    float: none;
    margin-top: 20px;
}
    .post.style-2 .post-btn i {
        color: #3358ff !important;
    }
.post.style-2 .post-date {top: 0; opacity: 1; right: inherit; left: 0; bottom: inherit; top: 0;}
.post.style-2:hover .post-date{right: inherit;}

.post.style-3 .post-image:before{display: none;}
.post.style-3 .post-date{position: inherit; right: inherit; opacity: 1; margin-bottom: 15px;}

.blog-classic {margin-bottom: 50px;}
.video-post {padding-top: 56.9444%; position: relative; width: 100%;}
.video-post iframe, .video-post object, .video-post embed {pointer-events: auto; border: medium none; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

.left-side .post{box-shadow: none; margin-top: -50px; padding:0 30px 30px;}
.blog-details {background: #fff; padding: 30px;}
blockquote {background: #f6f6f6; padding: 30px; border-right: 5px solid #1b1b1b; margin-right: 50px; font-style: italic; line-height: 30px;}
.media-holder .media{position: relative; padding: 30px 0;} 
.media-holder .media.inner {background: #f6f6f6; border-left: 5px solid #f9a305; margin: 15px 0 15px; padding: 30px;}
.media-holder .media-body h6{color: #282925; font-size: 20px; text-transform: capitalize; display: inline-block; vertical-align: middle;}
.comment-date {display: inline-block; margin-left: 10px; color: #f9a305; vertical-align: middle;}
.reply {position: absolute; left: 30px; top: 30px;}
.reply a{color: #282925; font-weight: 500; border: 1px solid #efefef; padding:5px;}
.reply a:hover{color: #f9a305; border-color: #f9a305}
.media-body p{margin: 15px 0 0;}

.page-item:first-child .page-link{border-radius: 5px;}
.pagination > li{margin: 0 6px;}
.pagination > li > a, .pagination > li > span{border-radius: 5px; color: #f9a305; border-color: #efefef}
.pagination > li.active .page-link, .page-link:hover, .page-link:focus{box-shadow: none; background: #f9a305; color: #ffffff; border-color: #f9a305}

/*Widget-Title*/
.widget-title {background: #f6f6f6; border-right: 3px solid #f9a305; color: #282925; display: inline-block; margin: 25px 0; padding: 7px 15px 7px 7px; position: relative; width: 100%;}

/*Widget-Search*/
.widget-searchbox{position: relative; width: 100%;}
.form-inline .form-control {display: inline-block; vertical-align: middle; width: 100%;}
.widget-searchbox .search-btn {background: none; border: none; color: #f9a305; font-size: 14px; outline: medium none; overflow: hidden; position: absolute; left: 1px; top: 50%; cursor: pointer;}

/*Recent Post*/
.widget .recent-post {margin-bottom: 20px; }
.widget .recent-post-thumb{display: table-cell; vertical-align: middle; height: auto; width: 75px;}
.widget .recent-post-desc{display: table-cell; vertical-align: middle; padding-right: 15px;}
.widget .recent-post-desc a{ display: block; margin-bottom: 5px; color: #282925; }
.widget .recent-post-desc a:hover { color: #f9a305; }
.widget .recent-post-desc span {font-style: italic; font-size: 12px; }

/*widget-Categories*/ 
.widget .widget-categories li {display: block; margin-bottom: 6px; /*border-bottom: 1px dashed #efefef*/}
.widget .widget-categories li a {font-size: 14px; color: #282925; line-height: 32px; display: block; font-weight: 500;}
.widget .widget-categories li a:hover {color: #f9a305; padding-left: 5px;}

/*widget-tags*/ 
.widget .widget-tags li {display: inline-block; margin: 5px 5px 15px 0;}
.widget .widget-tags li a {border: 1px solid #efefef; color: #282925; padding: 10px 18px; display: inline-block; text-align: center; font-weight: normal;}
.widget .widget-tags li a:hover{background: #f9a305; color: #ffffff;}


/* ------------------------
    Progress Bar
------------------------*/
.ht-progress-bar {margin: 20px 0;}
.ht-progress-bar h4 {color: #282925; font-weight: 500; font-size: 14px;}
.ht-progress-bar .progress {height: 7px; border-radius: 0px; background: #eceff8; overflow: visible; border-radius: 0;}
.ht-progress-bar .progress .progress-bar {background-color: #f9a305; position: relative; overflow: visible;}
.ht-progress-bar .progress-parcent {background: #f9a305; border: 2px solid; border-radius: 50%; color: #ffffff; font-size: 14px; height: 50px; line-height: 50px; position: absolute; left: -1px; top: 50%; width: 50px;}

.ht-progress-bar.style-2 .progress .progress-bar{background: #f9a305; /* Old browsers */
background: -moz-linear-gradient(left, #f9a305 0%, #2989d8 50%, #207cca 50%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f9a305 0%,#2989d8 50%,#207cca 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f9a305 0%,#2989d8 50%,#207cca 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a305', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */}

.theme-bg .ht-progress-bar .progress{background: rgba(255,255,255,0.2);}
.theme-bg .ht-progress-bar .progress .progress-bar{background: #ffffff}
.theme-bg .ht-progress-bar h4, .theme-bg .ht-progress-bar .progress-parcent,
.dark-bg .ht-progress-bar h4, .dark-bg .ht-progress-bar .progress-parcent{color: #ffffff}

.ht-progress-bar.style-3 .progress-bar .progress-parcent{background: #f9a305; border-radius: 5px; color: #fff; display: inline-block; padding: 0 8px; position: absolute; right: -5px; text-align: center; top: -35px;}
.ht-progress-bar.style-3 .progress-bar .progress-parcent::before {background: #f9a305; bottom: -2px; content: ""; display: block; height: 5px; left: 50%; margin-left: -2px; position: absolute; transform: rotate(45deg); width: 5px;}


/* ------------------------
    Testimonials
------------------------*/
.testimonial {position: relative;}
.testimonial-content{display: table-cell; vertical-align: middle; font-size: 16px; line-height: 30px; font-weight: 400; font-style: italic; position: relative;}
.testimonial .testimonial-avatar {display: table-cell; margin-top: 0; vertical-align: middle; width: 30%; padding-left: 5%;}
.testimonial .testimonial-avatar img{border:10px solid #f6f6f6; border-radius: 50%;}
.dark-bg .testimonial .testimonial-avatar img,
.theme-bg .testimonial .testimonial-avatar img{border-color: rgba(255, 255, 255, 0.1);}
.testimonial .testimonial-content span {font-size: 40px; line-height: 40px; display: inline-block; color: #f9a305; margin-bottom: 15px;}
.testimonial .testimonial-content label{margin-bottom: 0;}
.testimonial h6{color: #f9a305; text-transform: uppercase; display: inline-block;}
.theme-bg .testimonial .testimonial-content span{color: #ffffff;}
.theme-bg .testimonial h6 {color: #282925;}
.theme-bg .testimonial .testimonial-content {color: rgba(255,255,255,0.9);}
.dark-bg .testimonial .testimonial-content{ color: #ffffff;}
.dark-bg .testimonial .testimonial-caption label, .theme-bg .testimonial .testimonial-caption label{ color: #ffffff;}

.testimonial.style-2 {margin-top: 50px;}
.testimonial.style-2 .testimonial-avatar {left: 50%; margin-top: 0; padding-right: 0; position: absolute; width: 100px; height: 100px; z-index: 9;}
.testimonial.style-2 .testimonial-avatar img{border-color: #ffffff}
.testimonial.style-2 .testimonial-content {background: #ffffff; display: inline-block; font-size: 16px; font-style: italic; font-weight: 400; line-height: 30px; padding: 30px; position: relative; vertical-align: middle;}
.testimonial.style-3 {padding: 30px; margin-top: 50px;}
.testimonial.style-3 .testimonial-avatar {left: inherit; padding-right: 0; margin-bottom: 20px; width: 20%; position: inherit; transform: inherit; display: inline-block;}
.testimonial.style-3 .testimonial-avatar img{border:none;}
.testimonial.style-3 .testimonial-content span {bottom: 0; color: rgba(0,0,0,0.3); font-size: 90px; font-weight: bold; right: 0; line-height: 40px; margin-bottom: 0; opacity: 0.1; position: absolute;}


/* ------------------------
    Featured Box
------------------------*/
.featured-item{padding: 40px 30px; position: relative;}
.featured-item .featured-icon {margin-bottom: 20px; display: inline-block; text-align: center;}
.featured-item .featured-icon i {font-size: 60px; line-height: 60px; display: inline-block;}
.featured-desc p{margin-bottom: 0;}
.featured-title h5{margin-bottom: 15px; font-weight: 500; text-transform: capitalize;}
.dark-bg .featured-title h5, .theme-bg .featured-title h5{color: #ffffff}

.featured-item.p-0:hover{box-shadow: none;}

.grey-bg .featured-item.text-right{background: #ffffff;}

.featured-item.left-icon{padding: 0 80px 0 0; position: relative; background: none}
.featured-item.left-icon .featured-icon {right: 0; position: absolute; top: 0; display: inline-block; margin: 0;}
.featured-item.left-icon:hover{box-shadow: none; transform: inherit;}
.grey-bg .featured-item.left-icon{padding: 30px 30px 30px 90px; background: #ffffff;}
.theme-bg .featured-item.left-icon, .white-bg .featured-item.left-icon{padding: 50px 30px 50px 90px;}
.grey-bg .featured-item.left-icon .featured-icon, .theme-bg .featured-item.left-icon .featured-icon, .white-bg .featured-item.left-icon .featured-icon{left: 25px; top: 50px;}

.feuture-main .featured-item:hover{box-shadow: none; background: #f9a305;}
.feuture-main .featured-item .featured-icon{color: #f9a305;}
.feuture-main .featured-item:hover .featured-icon, .feuture-main .featured-item:hover h5, .feuture-main .featured-item:hover p, .feuture-main .featured-item:hover a{color: #ffffff;}
.feuture-main .featured-item::before {border-right: 1px dashed #dddddd; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1px; z-index: -1;}
.feuture-main .featured-item::after {border-bottom: 1px dashed #dddddd; content: ""; height: 100%; position: absolute; left: 0; bottom: 0; width: 100%; z-index: -1;}
.feuture-main [class*='col-']:nth-child(3n+3) .featured-item::before{border-right: none;}
.feuture-main [class*='col-']:nth-child(3) .featured-item::before{top: inherit; bottom: 0;}
.feuture-main [class*='col-']:nth-child(n+4) .featured-item::after{border-bottom: none;}

.featured-item.bottom-icon {border: 1px solid #f9f9f9; background: #ffffff; overflow: hidden;}
.feuture-bottom .row:first-child .featured-item.bottom-icon{border-bottom: none;}
.feuture-bottom .row:nth-child(2) .featured-item.bottom-icon{border-left: none;}
.feuture-bottom .row:nth-child(2) [class*='col-']:last-child .featured-item.bottom-icon{border-right: none;}

.featured-item.bottom-icon:hover{background: #f9a305; box-shadow: none; border-color: transparent;}
.featured-item.bottom-icon .featured-icon {background:none; height: auto; line-height: inherit; width: auto; margin-top: 30px; margin-bottom: 0;}
.featured-item.bottom-icon span{color: rgba(255,255,255,0.2); position: absolute; top: 0; left: -100%; font-size: 150px; line-height: 150px;}
.featured-item.bottom-icon:hover span{left: 0;}
.featured-item.bottom-icon h5{font-weight: 600;}
.featured-item.bottom-icon p{line-height: 28px;}
.featured-item.bottom-icon:hover h5, .featured-item.bottom-icon:hover p{color: #ffffff;}
.featured-item.bottom-icon .featured-icon i {font-size: 80px; line-height: 80px; color: #f9a305;}
.featured-item.bottom-icon:hover .featured-icon i{color: #ffffff;}


/* ------------------------
    Button
------------------------*/
.btn{padding: 12px 30px; font-weight: 500; background: none; color: #282925; -webkit-transition: color 0.3s; transition: color 0.3s; border-radius: 0; border: 1px solid transparent; position: relative; overflow: hidden; z-index: 9; text-transform: uppercase;}
.dark-bg .btn, .theme-bg .btn{color: #ffffff;}
.btn.focus, .btn:focus{box-shadow: none;}
.btn::before,
.btn::after {content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -9;
-webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn::before {background: rgba(0,0,0,0.2);}
.btn::after {background: #f9a305;}
.btn:hover {color: #fff;}
.btn:hover::before,
.btn:hover::after {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.btn:hover::after {-webkit-transition-delay: 0.175s; transition-delay: 0.175s;}
.btn.btn-theme{background: #f9a305; color: #ffffff;}
.btn.btn-theme:hover{border-color: #f9a305;}
.btn.btn-theme:hover:after{background: #1b1b1b;}
.btn.btn-border{border:1px solid #f9a305;}
.btn.btn-radius{border-radius: 5px;}
.btn.btn-circle{border-radius: 30px;}
.btn.btn-white{background: #ffffff; color: #282925}
.btn.btn-white:after{background: #ffffff;}
.btn.btn-white.btn-border{border-color: #ffffff; background: none; color: #ffffff;}
.btn.btn-white:hover{color: #f9a305;}
.btn.btn-white.btn-border:hover{color: #f9a305;}
.btn + .btn{margin-left: 10px;}
.btn-simple{color: #282925; padding: 0 !important; background: none;}
.dark-bg .btn-simple, .theme-bg .btn-simple{color: #ffffff;}
.btn-simple:hover{color: #f9a305;}
.btn-simple:before, .btn-simple:after{display: none;}
.theme-bg .btn-simple:hover{color: #282925;}


/* ------------------------
    Price Table
------------------------*/
.price-table{padding-bottom: 30px; overflow: hidden; background: #ffffff; text-align: center; -webkit-box-shadow: 0 0 13px 18px rgba(0,0,0,0.02); -moz-box-shadow: 0 0 13px 18px rgba(0,0,0,0.02); box-shadow: 0 0 13px 18px rgba(0,0,0,0.02);}
.price-header {position: relative; padding: 0 0 50px;}
.price-title {background: #f9a305; color: #fff; display: inline-block; font-weight: 700;  margin-bottom: 0; padding: 10px 25px; text-transform: capitalize;}
.price-value {color: #ffffff; display: inline-block; width: 100%; padding: 30px 0 0;}
.price-value h2 {font-size: 54px; line-height: 54px; margin-bottom: 0; font-weight: bold; color: #282925; display: inline-block;}
.price-value h2 span.price-dollar{font-size: 24px; color: #f9a305; line-height: 30px; font-weight: normal; font-style: italic; position: absolute; left: -20px; top: 0;}
.price-list{text-align: right; padding: 50px 30px 0;}
.price-list ul li{margin: 20px 0; position: relative;}
.price-iconic ul li{padding-right: 30px;}
.price-list li i {right: 0; line-height: inherit; position: absolute; top: 0; color: #f9a305;}
.price-header .price-month {border-radius: 30px; background: #ffffff; bottom: 0; color: #f9a305; display: inline-block; left: 50%; padding: 10px 25px; position: absolute;
transform: translateX(-50%); -webkit-transform: translateX(-50%) translateY(50%); -o-transform: translateX(-50%) translateY(50%); -ms-transform: translateX(-50%) translateY(50%); -moz-transform: translateX(-50%) translateY(50%);}

.dark-bg .price-table{background: none; border:1px solid rgba(255,255,255,0.1);}
.dark-bg .price-table:hover{border-color: #f9a305;}
.dark-bg .price-table h2{color: #ffffff;}
.dark-bg .price-list ul li{color: rgba(255,255,255,0.8);}

.price-table.style-2 .price-header.theme-bg .price-title{background: #ffffff; color: #f9a305;}
.price-table.style-2 .price-list ul li{padding-left: 0;}


/* ------------------------
    Section Title
------------------------*/
.title {padding-bottom: 15px; margin-bottom: 20px; position: relative; color: #282925;}
.dark-bg .title{color: #ffffff}
.title span{position: relative; color: #f9a305}
.title:before, .title:after{content: ""; background: #d30505; width: 27px; right: 0; height: 3px; position: absolute; bottom: 0;}
.title:after{background: #f9a305;right: 30px;}
.text-center .title:before, .text-center .title:after{right: 50%; margin-right: -30px;}
.text-center .title:after{margin-right: 0;}
.text-left .title:before, .text-left .title:after{right: inherit; left: 30px;}
.text-left .title:after{ left: 0;}
.theme-bg .title span{color: #ffffff}
.theme-bg .title:after{background: #1b1b1b;}

/* ------------------------
    Portfolio
------------------------*/
.portfolio-filter {overflow: hidden; display: inline-block; margin:0 auto 50px; text-align: center;}
.portfolio-filter button {position: relative; cursor: pointer; padding: 8px 10px; border:none; border-bottom: 2px solid transparent; font-size: 16px; font-weight: 600; background: transparent; color: #282925; float: left; text-transform: uppercase;}
.portfolio-filter button:focus {outline: none; outline-style: none; outline-offset:0; }
.portfolio-filter button.is-checked, .portfolio-filter button:hover {color: #f9a305; border-color: #f9a305}
.portfolio-filter button + button {margin-left: 20px;} 
.isotope .grid-item img {width: 100%;}
.theme-bg .portfolio-filter button{color: #ffffff;}
.theme-bg .portfolio-filter button.is-checked, .theme-bg .portfolio-filter button:hover{background: #ffffff; color: #f9a305;}

.grid .grid-item{padding: 10px;}
.grid.columns-2 .grid-item, .masonry.columns-2 .masonry-brick { width: 50%;}
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick{ width: 33.333333%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick { width: 25%;}
.masonry .masonry-brick {float: left; margin-bottom: 30px; padding: 0 15px; position: relative;}
.grid.no-gutters .grid-item{padding: 0;}
.masonry.no-gutters .masonry-brick{padding: 0; margin: 0;}

.portfolio-item {overflow: hidden; position: relative;}
.portfolio-item img{transform: translate3d(5px, 0px, 0px); width: calc(100% + 10px);}
.portfolio-item:hover img{transform: translate3d(0px, 0px, 0px);}
.portfolio-item{position: relative;}
.portfolio-item .portfolio-hover {top: 50%; opacity: 0; height: 100%; left: 0; position: absolute; right: 0; transform: translateY(-50%); z-index: 99;}
.portfolio-item:before{background: rgba(0,0,0,0.5); content: ""; transform: translateX(110%); position: absolute; left: 0; right: 0; bottom: 0; height: 90%; width: 90%; margin: 5%; z-index: 9;}
.portfolio-item:hover .portfolio-hover{top: 50%; transform: translateY(-50%); opacity: 1}
.portfolio-item:hover:before{transform: translateX(0);}
.portfolio-hover span {color: #f9a305;}
.portfolio-hover h4 {color: #ffffff; margin-bottom: 0;}
.portfolio-item a.popup{z-index: 9; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #f9a305; display: inline-block; margin: 0 5px; color: #ffffff; font-size: 20px;}
.portfolio-item a.popup:hover{background: #ffffff; color: #151515;}
.portfolio-icon{position: absolute; bottom: -15%; right: 10%; z-index: 99;}
.portfolio-item:hover .portfolio-icon{bottom: 15%;}
.portfolio-title{position: absolute; top: -15%; right: 10%; z-index: 99;}
.portfolio-item:hover .portfolio-title{top: 15%;}
.portfolio-meta li{position: relative; padding-right: 50px; color: #ffffff;}
.portfolio-meta li i{position: absolute; right: 0; top: 0; color: #ffffff; font-size: 30px;}
.portfolio-meta li span{color: #f9a305; display: block; text-transform: uppercase; margin-bottom: 7px;}
.portfolio-details .social-icons ul{display: inline-block; vertical-align: middle;}


/* ------------------------
    Services
------------------------*/
.service-description{padding: 20px;}
.theme-bg .service-description, .dark-bg .service-description{background: rgba(255,255,255,0.03);}
.service-description h4{color: #282925; text-transform: capitalize; font-size: 18px; font-weight: 600}
.service-item:hover .service-description h4, .service-item:hover .service-description p, .service-item:hover .service-description a{color: #ffffff}
.service-item .service-description a:hover{color: #282925}
.dark-bg .service-description h4{color: #f9a305;}
.dark-bg .service-description p, .theme-bg .service-description p{color: #ffffff;}
.dark-bg .service-item:hover .service-description h4{color: #f9a305}
.dark-bg .service-description a{color: #f9a305}
.dark-bg .service-description a:hover i{color: #f9a305; padding-left: 5px;}
.service-item:hover .service-description{background: #f9a305}
.dark-bg .service-item:hover .service-description, .theme-bg .service-item:hover .service-description{background: #ffffff}
.dark-bg .service-item:hover .service-description a, .theme-bg .service-item:hover .service-description h4, .theme-bg .service-item:hover .service-description a, .theme-bg .service-item .service-description a,
.dark-bg .service-item:hover p, .theme-bg .service-item:hover p{color: #282925}
.service-icon{position: absolute; top: 50%; width: 100%; padding: 15px; left: 0; z-index: 99;}
.service-icon i{z-index: 9; width: 60px; height: 60px; line-height: 60px; background: #f9a305; display: inline-block;
 margin: 0 5px; color: #ffffff; font-size: 30px; border-radius: 50%; opacity: 0; -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg);
-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;}
.service-icon i:hover{color: rgba(255,255,255,0.8);}
.service-item:hover .service-icon i{opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg);}
.service-images {overflow: hidden; position: relative;}
.service-images img{transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05);}
.service-item:hover img {transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1);}
.service-images:before {opacity: 0; content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.6);
-webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.service-item:hover .service-images:before{opacity: 1;}

/*flip box*/ 
.service-box {position: relative;/* perspective: 1000px; */height: 280px;}
.service-flip-images::after {background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(39, 40, 44, 0) 0px, #27282c 100%);
bottom: 0; content: ""; height: 100%; left: 0; opacity: 0.8; position: absolute; width: 100%;}
.service-flip-back, .service-flip-front, .service-flip-images::after {border-radius: 2px;}
.service-flip-images {background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.service-flip-desc {background: #f9a305; color: #fff; position: relative; text-align: center;}
.service-flip {width: 100%;height: 100%;transform-style: preserve-3d;transition: all .4s linear;}
.service-box:hover .service-flip{transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg);}
.service-flip-back, .service-flip-front{position: absolute; width: 100%; height: 100%; backface-visibility: hidden;}
.service-flip-back {display: block; z-index: 1000; box-sizing: border-box; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(180deg);}
.service-flip-title {display: block;/* position: absolute; *//* top: 40px; *//* left: 30px; *//* right: 30px; */z-index: 1;}
.service-flip-title h5{color: #ffffff}
.service-flip-desc .service-flip-text {left: 30px; position: absolute; right: 30px; top: 50%; z-index: 2;}

.flip-icon {background: #fff; bottom: 0; height: 60px; line-height: 60px; position: absolute; left: 0; text-align: center; width: 60px; z-index: 9;}
.flip-icon i{font-weight: bold; color: #f9a305; font-size: 42px;}
.service-flip-desc .service-flip-text > i{font-size: 42px; line-height: 42px; display: inline-block; margin-bottom: 15px; font-weight: bold;}

.sidebar-links li{margin-bottom: 2px;}
.sidebar-links li:last-child{margin-bottom: 0;}
.sidebar-links li a {background-color: #f8f8f8; color: #282925; display: block; font-size: 15px; padding: 15px 20px; font-weight: 600; position: relative; text-transform: uppercase; border-right: 3px solid #f9a305;}
.sidebar-links li.active a, .sidebar-links li a:hover {background: #f9a305; color: #ffffff; padding-right: 25px; border-right: 3px solid #1b1b1b;}
.sidebar-links li a i {margin-right: 5px; vertical-align: middle;}
.brochure {background: #f9a305; border: 1px solid #efefef; color: #ffffff; display: block; font-size: 18px; font-weight: 400; padding: 10px 80px 10px 20px; position: relative;}
.brochure:hover{color: #ffffff;}
.brochure i {background: #ffffff; border-right: 1px solid #f2f2f2; color: #f9a305; font-size: 28px; font-weight: 400; height: 100%; right: 0; line-height: 68px; position: absolute; text-align: center; top: 0; width: 60px;}
.brochure span {color: #282925; font-size: 14px; display: block; font-weight: 400;}

/*@import url('../../../../../https@fonts.googleapis.com/css@family=Poppins_3A300,400,400i,500,600,700,800,900');*/

body {font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.5; color:#282929; direction: rtl; text-align: right;}


/* ------------------------
    Typography
------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin-top: 0px; margin-bottom: 0px; text-transform: capitalize;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 54px; font-style: normal; line-height: 60px; font-weight: 700; text-transform: capitalize; color: #f9a305;}
h2 { font-size: 40px; font-style: normal; line-height: 46px; font-weight: 500; color: #282925; text-transform: capitalize; margin-bottom: 10px; position: relative;}
h3 { font-size: 30px; font-style: normal; line-height: 36px; }
h4 { font-size: 24px; font-style: normal; text-transform: uppercase; margin-bottom: 10px; font-weight: 500; line-height: 30px; color: #282925;}
h5 { font-size: 18px; font-style: normal; text-transform: uppercase; margin-bottom: 10px; font-weight: 500; line-height: 25px; color: #282925;}
h6 { font-size: 16px; font-style: normal; line-height: 24px; }
ul { margin: 0px; padding: 0px; }


/* ------------------------
    Helper class
------------------------*/

.lead{font-weight: normal; font-size: 16px; line-height: 30px;width:fit-content;}
.o-hidden{overflow: hidden;}
.img-center{display: inline-block !important; max-width: 100%;}
.pos-r{position: relative;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}
section{padding: 80px 0;}
.section-title{margin-bottom:50px;}
.section-title p{font-size: 16px;}
.theme-bg .section-title p, .dark-bg .section-title p{color: rgba(255,255,255,0.8)}
.align-item-middle{display: -webkit-flex; /* Safari */  -webkit-align-items: center; /* Safari 7.0+ */  display: flex; align-items: center;}
.align-item-middle > div{width: 100%;}

.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}


/* ------------------------
    Text color
------------------------*/
.text-theme{color:#f9a305;}
.text-black{color:#282925 !important;}
.text-grey{color:#aaaaaa;}
.text-yellow{color:#f9a305;}
.text-rgba{color: rgba(255,255,255,0.8);}


/* ------------------------
    Background color
------------------------*/
.white-bg{background-color:#ffffff !important;}
.dark-bg{background-color:#1b1b1b;}
.grey-bg{background-color:#f8f8f8;}
.theme-bg{background-color:#f9a305;}
.transparent-bg{background-color: inherit !important;}


/* ------------------------
    Pattern
------------------------*/
.pattern{width: 100%; background-size: inherit !important; background-position: 0px 0px; background-repeat: repeat !important; animation: animatedBackground 20s linear infinite;
-ms-animation: animatedBackground 20s linear infinite; -moz-animation: animatedBackground 20s linear infinite; -webkit-animation: animatedBackground 20s linear infinite;}


/* ------------------------
    Border Radius
------------------------*/
.radius{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.radius-0{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.radius-1{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.radius-2{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.radius-3{-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.radius-4{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/* ------------------------
    Banner
------------------------*/
.fullscreen-banner{position: relative;}
[data-bg-img]{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.align-center{position: absolute; top: 50%; width: 100%; z-index: 9;}
.align-end{position: absolute; bottom: 0; width: 100%; z-index: 9;}
.banner-text {padding-right: 170px; position: relative;}
.banner-text img{ right: 0; position: absolute; top: 0;}
.fullscreen-banner .btn{color: #ffffff;}
.banner-1::before {border: 10px solid rgba(255,255,255,0.1); content: ""; height: 120%; left: 50%; position: absolute;
  top: -10%; width: 80%; z-index: -1;}
.slider-2 .nav-dots{display: none;}

/* ------------------------
    Countdown
------------------------*/
.countdown{text-align: center; width: 100%}
.countdown > li{margin-bottom: 50px; font-weight: bold; display: block; text-align: center; list-style-type: none;}
.countdown > li:last-child{margin-bottom: 0;}
.countdown > li span{font-size:70px; font-weight:600; line-height:60px; margin-bottom: 20px; display: inline-block;}
.countdown > li p{font-size:20px; text-transform: uppercase; line-height:30px; margin-bottom: 0; color: #f9a305;}
.dark-bg .countdown > li{border-color:rgba(255,255,255,0.2) }

/* ------------------------
    Terms and Conditions
------------------------*/
.terms-and-conditions .title{margin-bottom:10px;} 
.terms-and-conditions p{margin-bottom:25px;}
.terms-and-conditions ul.list{margin-bottom:20px; display:block;}
.terms-and-conditions ul.list li i{padding-right:12px; font-size:15px;}

/* ------------------------
    Privacy Policy
------------------------*/
.privacy-policy .title{margin-bottom:10px;} 
.privacy-policy p{margin-bottom:25px;}
.privacy-policy ul.list{margin-bottom:20px; display:block;}
.privacy-policy ul.list li i{padding-right:12px; font-size:15px;}

/* ------------------------
    Contact
------------------------*/
.contact-main {background: #fff; padding: 30px; border-bottom: 2px solid #f9a305;}
.contact-info li {padding-right: 50px; position: relative;}
.contact-info li i{position: absolute; right: 0; top: 0; line-height: 24px; font-size: 30px; color: #f9a305; text-align: center;}
.contact-info li span{font-size: 16px; color: #282925; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 8px;}
.contact-info li p{margin-bottom: 0; line-height: 24px;}
.contact-info li a{color: #555;}
.dark-bg .contact-info li a{color: #ffffff;}
.contact-info li a:hover{color: #f9a305;}
.theme-bg .contact-info span, .dark-bg .contact-info span{color: #ffffff}
.theme-bg .contact-info li i{color: #ffffff;}
.theme-bg .contact-info li a{color: #ffffff;}
.theme-bg .contact-info li a:hover{color: #282925;}
.contact-2 .form-info {right: 0; padding: 30px; position: absolute; top: 50%; transform: translateY(-50%); width: 40%;}
.contact-2 .contact-main{padding-right: 100px; border-bottom: none;}
.contact-box {position: absolute; top: 50%; z-index: 99; transform: translateY(-50%); width: 100%;}
.contact-3 .contact-main{border-bottom: none; box-shadow: none;}

.form-group{margin-bottom: 20px; position: relative;}
 label{font-size: 14px; color: #333}
.form-control{height: 50px; border-radius: 0; font-size: 13px; background: none; border: none; border-bottom: 2px solid #f5f5f5; box-shadow: none;}
.grey-bg .form-control{background: #ffffff}
textarea.form-control{height: 150px;}
.form-control:focus{box-shadow: none; border-color: #f9a305;}
select.form-control {/*-moz-appearance: none; -webkit-appearance: none; appearance: none;*/ height: 50px !important;}
#map {width: 100%; height: 100%;}
iframe{width: 100%; border: none; pointer-events: none;}
.iframe-h{height: 500px !important;}
.iframe-h-2{height: 900px !important;}
.help-block.with-errors {position: absolute; color: red; right: 0; font-size: 10px; line-height: 14px;}
.form-control::-moz-placeholder{color: #555}

.contact-btn {cursor: pointer; display: inline-block; position: fixed; left: -39px; top: 50%; z-index: 99; 
transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg);}
.contact-bg { background: #ffffff; color: #f9a305; text-transform: uppercase; position: relative; display: block; padding: 10px; font-weight: 600; z-index: 10; -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1); box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);}
.contact-btn:hover .contact-bg{background: #f9a305; color: #ffffff}
.contact-form {background: #ffffff; height: 100%; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); padding: 80px 30px 30px; width: 450px; position: fixed; left:-600px; top: 0; z-index: 2000;}
.close-btn {background: #f9a305; color: #fff !important; cursor: pointer; font-weight: bold; padding: 7px 15px; position: absolute; left: 20px; top: 10px;}
.header-3 .contact-btn{position: inherit; transform: inherit; top: inherit; left: inherit;}
.header-3 .contact-bg {background: #f9a305; box-shadow: none; color: #fff; padding: 25px 40px;}

/* ------------------------
    About Us
------------------------*/
.about-img{position: relative;}
.about-img::before {border:5px solid rgba(255, 255, 255, 0.2); bottom: 14px; content: ""; left: 14px; position: absolute;
  right: 14px; top: 14px;}


/* ------------------------
    Video
------------------------*/
.video-btn {display: inline-block;}
.video-btn-pos {left: 50%; position: absolute; top: 50%; margin-top: -22.5px; margin-left: -50px;}
.video-btn .btn-play {background: #f9a305; color: #fff; height: 45px; width: 100px; line-height: 45px; -webkit-border-radius: 50px;
 border-radius: 5px; text-align: center; font-size: 26px; cursor: pointer; display: inline-block;}
.video-btn .btn-play i{line-height: inherit;} 
.theme-bg .video-btn .btn-play, .dark-bg .video-btn .btn-play{background: #ffffff; border-color: #ffffff; color: #f9a305;}
.html5-video {height: 100%; left: 0; opacity: 1; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -2;}
.html5-video video {width: 100%;}


/* ------------------------
    Side Background
------------------------*/
.img-side img{max-width: 100%}
.img-side.img-right {right: 0;}
.img-side.img-left {left: 0;}
.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 9;}
.img-side .owl-carousel, .img-side .owl-stage-outer, .img-side .owl-stage, .img-side .owl-stage, .img-side .owl-item, .img-side .owl-item .item{height: 100%}

@media (max-width: 1200px){
h1{font-size: 50px; line-height: 56px;}
h2{font-size: 34px; line-height: 40px;}
h3 {font-size: 28px; line-height: 38px;}
h4 {font-size: 20px; line-height: 30px;}
h5 {font-size: 17px; line-height: 24px;}
h6 {font-size: 16px; line-height: 22px;}

/*Padding*/
.lg-pr-5 {padding-right: 50px !important;}

/*Margin*/
.lg-mt-3{margin-top: 30px !important;}
.lg-mt-5{margin-top: 50px !important;}
.lg-mt-7{margin-top: 70px !important;}

/*Header*/
.logo img {height: 45px;}
#header-wrap.fixed-header .logo img {height: 40px;}

/*Feature Box*/
.featured-item {padding: 30px 20px;}
.featured-item.bottom-icon p {line-height: 24px;}

/*Service*/
.service-description h4 {font-size: 16px; font-weight: 600;}

/*Counter*/
.counter.style-3 {padding: 30px 10px 30px 70px;}
.counter.style-3 label {font-size: 13px;}

/*Accordion*/
.accordion .card-header {padding: 15px 15px 15px 80px;}

/*Blog*/
.post .post-desc {padding: 20px;}
.post-bottom {padding: 15px 20px;}

/*Team*/
.team-member .team-description {padding: 15px;}

/*Sidebar*/
.sidebar-links li a {font-size: 14px; padding: 15px 10px;}
.sidebar-links li.active a, .sidebar-links li a:hover {padding-right: 15px;}

/*Portfolio*/
.portfolio-filter button {font-size: 14px; padding: 10px 25px;}
.side-navbar .masonry.columns-3 .masonry-brick{width: 50%;}

/*Contact*/
.contact-main {padding: 20px;}

/*Social Icons*/
.social-icons li {margin: 0 0 0 4px;}
.social-icons li a {height: 35px; line-height: 35px; width: 35px;}

/*Footer*/
footer .media-icon.style-2 li {min-height: 200px;}
.footer-list li a{font-size: 13px;}

}


@media (max-width: 992px){
h1{font-size: 50px; line-height: 60px;}
h2{font-size: 36px; line-height: 46px;}
h3 {font-size: 24px; line-height: 30px;}
h4 {font-size: 18px; line-height: 26px;}
h5 {font-size: 16px; line-height: 24px;}
h6 {font-size: 15px; line-height: 22px;}
.lead {font-size: 14px; line-height: 26px;}

/*Margin*/
.md-mt-0{margin-top: 0 !important;}
.md-mt-1{margin-top: 10px !important;}
.md-mt-3{margin-top: 30px !important;}
.md-mt-5{margin-top: 50px !important;}
.md-mt-7{margin-top: 70px !important;}
.md-mb-3{margin-bottom: 30px !important;}
.md-mb-5{margin-bottom: 50px !important;}
.md-mb-7{margin-bottom: 70px !important;}
.md-px-2 {padding-left: 20px !important; padding-right: 20px !important;}
.md-px-3 {padding-left: 30px !important; padding-right: 30px !important;}
.md-py-3 {padding-top: 30px !important; padding-bottom: 30px !important;}
.md-py-5 {padding-top: 50px !important; padding-bottom: 50px !important;}
.md-py-15 {padding-top: 150px !important; padding-bottom: 150px !important;}
.md-pt-8{padding-top: 80px !important;}

.md-text-left{text-align: left !important;}


/*Header*/
.logo img {height: 35px;}
.navbar {justify-content: flex-end; width: 100%; border-radius: 0 !important;}
.navbar-brand {right: 10px; margin-right: 0; position: absolute; top: 50%; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.navbar-toggler {background: #ffffff; border-radius: 0; -webkit-box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15); -moz-box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15); box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15);}
.navbar-toggler-icon {height: inherit; width: inherit;}
.navbar-toggler-icon::before {color: #f9a305; content: ""; font-family: "themify"; font-size: 21px; font-style: normal; font-weight: normal; text-decoration: inherit;}
.navbar-nav li > ul{position: static;}
.navbar-nav .nav-item{margin: 0;}
.navbar-nav .nav-link{padding: 10px !important; font-size: 16px; color: #282925;}
.navbar-nav .nav-link::before{display: none;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active,
#header-wrap.fixed-header .navbar-nav .nav-link:hover, #header-wrap.fixed-header .navbar-nav .nav-link.active{background: #f9a305; color: #ffffff !important;}
.navbar-nav.sm-collapsible .has-submenu{padding-top: 10px; padding-bottom: 10px;}
.navbar-collapse {background:#ffffff; max-height: 400px; overflow: auto; border: medium none; left: 0; padding: 0; position: absolute; top: 50px; width: 100%; -webkit-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08); -moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08); box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);}

.fullwidth ul li{overflow: hidden;}

.navbar-nav .nav-link .sub-arrow {position: absolute; border:none; top: 50%; left: 0; margin: -0.7em 0.5em 0 0; border-radius: .25rem; padding: 0; width: 2em; height: 1.4em; font-size: 1.25rem; line-height: 1.2em; text-align: center;}
.navbar-nav .nav-link .sub-arrow::before {content: '+';}
.navbar-nav .highlighted .sub-arrow::before {content: '-';}

/*Side Image*/
.side-image{display: none;}
.img-side.img-right {left: auto; position: relative !important; right: 0;}
.img-side.img-left {left: 0; position: relative !important; right: auto;}

/*Counter*/
.counter label {font-size: 13px;}
.counter.style-3 {padding: 30px 80px 30px 20px;}

/*Featured*/
.feuture-bottom .row:nth-child(2) [class*='col-']:nth-child(2n+2) .featured-item.bottom-icon{border-right: 1px solid #f9f9f9;}
.feuture-bottom .row:nth-child(2) [class*='col-']:nth-child(-n+2) .featured-item.bottom-icon{border-bottom: none;}
.feuture-main [class*='col-']:nth-child(2n+2) .featured-item::before{border-right: none;}
.feuture-main [class*='col-']:nth-child(3) .featured-item::before{border-right: 1px dashed #dddddd;}
.feuture-main [class*='col-']:nth-child(4) .featured-item::after{border-bottom: 1px dashed #dddddd;}


/*Masonry*/
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {width: 50%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick {width: 33.333333%;}

/*Footer*/
.media-icon.style-2 li{width: 32.9%;}
.copyright span{font-size: 12px;}
.footer-2 .media-icon.style-2 li{min-height: 140px;}

/*Contact*/
.contact-2 .form-info {right: inherit; position: inherit; top: inherit; transform: inherit; width: 100%;}
.contact-2 .contact-main {padding-right: 20px;}
.contact-box {position: inherit; top: inherit; transform: inherit;}
.contact-3 .iframe-h-2{height: 300px !important;}
.contact-3 .form-info{padding: 20px !important}

.sidebar{margin-top: 50px;}
.testimonial.style-3 .testimonial-avatar{width: 30%;}

}

@media (max-width: 767px){
h1{font-size: 36px; line-height: 42px;}
h2{font-size: 28px;}
h3 {font-size: 22px; line-height: 30px;}
.hidden-sm{display: none !important;}
.section-title h2{font-size: 32px; line-height: 32px;}
.section-title p {font-size: 16px;}
.page-title h1 {font-size: 30px; line-height: 30px;}

/*Margin*/
.sm-mt-0{margin-top: 0 !important;}
.sm-mt-3{margin-top: 30px !important;}
.sm-mt-5{margin-top: 50px !important;}
.sm-mb-3{margin-bottom: 30px !important;}
.sm-mb-5{margin-bottom: 50px !important;}

/*Padding*/
.sm-pt-0{padding-top: 0 !important;}
.sm-pt-5{padding-top: 50px !important;}
.sm-pt-8{padding-top: 80px !important;}
.sm-pt-10{padding-top: 100px !important;}
.sm-pb-5{padding-bottom: 50px !important;}
.sm-pb-8{padding-bottom: 80px !important;}
.sm-pb-10{padding-bottom: 100px !important;}
.sm-px-3{padding-left: 30px !important; padding-right: 30px !important;}
.sm-py-3{padding-top: 30px !important; padding-bottom: 30px !important;}
.sm-py-8{padding-top: 80px !important; padding-bottom: 80px !important;}

/*Header*/
.topbar-link{display: none;}
.header-2 .top-bar {display: none;}
.header-2 #header-wrap .logo {display: block;}

/*Banner*/
.banner-text {padding-right: 0;}
.banner-text img {position: inherit; margin-bottom: 30px;}
.fullscreen-banner .align-center{padding-top: 0 !important;}

/*Featured*/
.feuture-main .featured-item::before{display: none;}
.feuture-main [class*="col-"]:nth-child(5) .featured-item::after{border-bottom: 1px dashed #dddddd;}
.feuture-bottom .featured-item.bottom-icon{border-right: none;}
.feuture-bottom .row:nth-child(2) [class*='col-']:last-child .featured-item.bottom-icon{border-top: none;}

/*Accordion*/
.accordion .card-header {padding: 15px 20px 15px 80px;}
.accordion .card-body {padding: 20px;}

/*Counter*/
.counter {margin: 15px 0 !important;}
.counter.style-2 {margin-bottom: 40px !important;}

/*Tab*/
.tab.style-3 .nav-tabs .nav-link {padding: 8px 20px;}
.tab.style-3 .nav-tabs a i {font-size: 30px; line-height: 30px;}

/*Portfolio*/
.grid.columns-2 .grid-item, .masonry.columns-2 .masonry-brick {width: 100%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick {width: 50%;}
.portfolio-filter button {font-size: 13px; padding: 5px 7px;}
.portfolio-filter button + button {margin-right: 10px;}

/*Countdown*/
.countdown{display: table;}
.countdown > li{display: table-cell; vertical-align: middle; width: auto;}
.countdown > li span {font-size: 60px; line-height: 50px;}

.iframe-h{height: 300px !important;}
.html5-video video {width: auto;}

/*Footer*/
.contact-media{position: inherit; transform: inherit;}
.media-icon.style-2 li{width: 100%; border-right: none;}
.copyright span{font-size: 13px;}
.footer-list li a{font-size: 14px;}
footer .media-icon.style-2 li {min-height: inherit; padding: 30px; border-bottom: 1px dashed rgba(255, 255, 255, 0.5);}
footer .media-icon.style-2 li:last-child {border-bottom: none;}
.footer-2 .media-icon.style-2 li{min-height: inherit; border:none;}

.media-holder .media-body h6{font-size: 18px;}

}

@media (max-width: 576px){
.col-xx-12{width: 100% !important;}
h1{font-size: 28px; line-height: 36px;}
h2{font-size: 26px; line-height: 34px; margin-bottom: 10px;}
h3 {font-size: 20px; line-height: 28px;}
.section-title h2{font-size: 28px;}
.page-title h1 {font-size: 24px;}

/*Margin*/
.xs-mt-0{}
.xs-mt-3{margin-top: 30px !important;}
.xs-mt-5{margin-top: 50px !important;}
.xs-mb-3{margin-bottom: 30px !important;}
.xs-mb-5{margin-bottom: 50px !important;}

/*Padding*/
.xs-pt-5{padding-top: 50px !important;}
.xs-pb-5{padding-bottom: 50px !important;}
.xs-px-1{padding-left: 10px !important; padding-right: 10px !important;}
.xs-px-2{padding-left: 20px !important; padding-right: 20px !important;}
.xs-px-3{padding-left: 30px !important; padding-right: 30px !important;}
.xs-py-2{padding-top: 20px !important; padding-bottom: 20px !important;}
.xs-py-10{padding-top: 100px !important; padding-bottom: 100px !important;}

.xs-text-center{text-align: center;}

.top-bar{display: none;}

/*Banner*/
.fullscreen-banner p br{display: none;}
.sl-slide h1 {letter-spacing: 6px;}
.sl-slide h5{font-size: 15px;} 
.fullscreen-banner .nav-dots{display: block;}
.fullscreen-banner .nav-arrows{display: none;}
.slider-2 .nav-dots{display: block;}
.page-title {padding-top: 180px;}
.page-breadcrumb {min-width: 260px;}
.breadcrumb {padding: 10px; font-size: 13px; line-height: 26px;}

/*Button*/
.btn {padding: 10px 20px; font-size: 13px;}
.btn + .btn {margin-left: 5px;}

/*Masonry*/
.portfolio-filter button{width: 100%; margin-bottom: 5px; font-size: 14px; padding: 10px 7px;}
.portfolio-filter button + button {margin-right: 0;}
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {width: 100%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick {width: 100%;}

/*Tab*/
.tab .nav-tabs .nav-link {padding: 10px 20px; width: 100%;}
.tab .tab-content {padding: 20px;}

/*Blog*/
.blog-details {padding: 20px;}
blockquote {line-height: 25px; margin-right: 10px; padding: 20px;}
.media-holder .media {display: block;}
.media-holder .media.inner {padding: 20px;}
.media-body{margin-top: 15px;}
.media-holder .media-body h6{font-size: 16px;}
.comment-date {display: block; margin-right: 0; margin-top: 8px;}
.reply {margin-top: 20px; position: inherit; right: inherit; top: inherit;}

/*Countdown*/
.countdown > li{padding: 0 10px;}
.countdown > li span{font-size:30px; line-height: 30px;}
.countdown > li p{font-size:13px; line-height: 24px;}

/*Testimonial*/
.testimonial .testimonial-avatar {display: block; padding-left: 0; width: 40%; margin-bottom: 30px;}
.testimonial-content {font-size: 15px; line-height: 25px}
.testimonial.style-3 .testimonial-avatar {width: 40%;}

.owl-carousel.owl-theme .owl-dots .owl-dot span{margin: 0 4px}
.contact-form{width: 100%; padding: 60px 20px 20px;}
.contact-form h2 {margin-bottom: 15px !important;}
.contact-form .form-group{margin-bottom: 10px;}
.accordion .card-header a {font-size: 14px;}

}

 .owl-carousel .owl-dots{
        top:100px
    }




/*@font-face {
    font-family: 'iranyekan';
    src: url('../../fonts/iranyekanwebextraboldfanum.eot');
    src: url('../../fonts/iranyekanwebextraboldfanum.eot') format('embedded-opentype'),url('../../fonts/iranyekanwebextraboldfanum.woff') format('woff'),url('../../fonts/iranyekanwebextraboldfanum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

*:not(i):not(.fas):not(.fa):not(.fab):not(.far) {
    font-family: iranyekan !important;
}

.fixed-header .navbar-nav li > ul {
    top: 50px !important;
}

.fixed-header .navbar-nav .nav-link {
    color: white;
}

.copyright {
    line-height: 30px;
}

.management-text {
    z-index: 1;
    background-image: url(/Areas/Admin/FileManager/Uploads/fixedimages/ManagerBG.jpg);
    background-attachment: fixed;
    background-position: top;
}

    .management-text:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: #000000bd;
    }

    .management-text .section-title {
        z-index: 2;
    }

/*.btn.btn-border{
    border-color:red;
   
}*/

.social-icons.social-colored .social-linkedin a,
.social-icons.social-hover .social-linkedin a:hover {
    background-color: red;
}

.footer::selection {
    background: red;
}


.fas {
    color: red;
}

.service-box h5 {
    color: white;
}

.footer-list li a:hover:before {
    width: 100%;
}

.portfolio-filter {
    display: -webkit-inline-box;
}

.baner {
    padding-right: 220px;
}

p {
    text-align: justify;
}

.post-image {
    height: 65%;
}

.portfolio-title span {
    color: white;
}

.mrg {
    margin-right: -600px;
}

.post .post-desc {
    padding: 0px 15px 15px 5px;
}

.post-title h5 {
    font-size: 18px;
}

.post .post-desc h5 a {
    font-weight: bold;
    color: cornflowerblue;
}

.ftpd {
    padding-right: 30px;
    padding-top: 25px;
}

.txtcntr {
    text-align: center;
}

/*.ftpd h5{
    padding-right:120px;
    text-align:center;  
}*/

.ftpd1 {
    padding-right: 30px;
    padding-top: 25px;
}


/*.ftpd1 h5{
    padding-right:90px;
    text-align:center;
    
}*/
.prg1 {
    text-align: center;
}

.lead {
    font-weight: 600;
}

#form_message {
    height: 60px;
}

/***************************
/***************************/
#header-wrap {
    padding: 15px 0;
}

.service-flip-title {
    padding: 1em;
}

.service-flip-images.service-flip-front {
    transition: all ease 1s;
}

    .service-flip-images.service-flip-front:hover {
    }

.service-flip-title h5 {
    color: black;
}

.service-flip-front {
    transform: scale(1);
    transition: all ease 1s;
}

    .service-flip-front:hover {
        cursor: pointer;
        transform: scale(1.1);
    }

.service-box {
    overflow: hidden;
}

    .service-box:hover {
        /*transform: scale(1.1);*/
    }
/***************************
/***************************/

/* start Map*/
#contact_map {
    max-height: 500px;
}

.map-outer {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 160px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.contact-map-section {
    position: relative;
}

    .contact-map-section .map-canvas {
        position: relative;
        height: 550px;
    }
/* end Map*/

.btn-radius.animated6 {
    border-color: #3358ff !important;
}

.fas {
    color: white;
}

.navbar-nav li > ul {
    min-width: 15em !important;
}

.portfolio-filter button + button {
    margin-left: unset;
    margin-right: 20px;
}

#pagination .paginationjs .paginationjs-pages ul {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}


.post-btn {
    border: 1px solid;
    border-radius: 50px;
    padding: 6px 14px;
    float: left !important;
}


#pagination .paginationjs .paginationjs-pages ul li {
    margin: 0 6px;
}

        #pagination .paginationjs .paginationjs-pages ul li a {
            position: relative;
            display: block;
            padding: .5rem .75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #71a2d8;
            background-color: #fff;
            border: 1px solid #dee2e6;
        }

    #pagination .paginationjs .paginationjs-pages ul .active a {
        background-color: #3358ff;
    }

ul li .drop-down-multilevel /*ul li*/ {
    /*list-style-type: "→" ;*/
    list-style-type: circle !important;
}

.portfolio-filter a {
    position: relative;
    cursor: pointer;
    padding: 8px 10px;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    /* color: #282925; */
    float: left;
    text-transform: uppercase;
}

.grid222.columns-4 .grid-item, .masonry.columns-4 .masonry-brick {
    width: 25%;
}

.grid222 .grid-item {
    padding: 10px;
}

.portfolio-filter222 {
    display: -webkit-inline-box !important;
}

.portfolio-filter222 {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto 50px;
    text-align: center;
}

    .portfolio-filter222 a {
        position: relative;
        cursor: pointer;
        padding: 8px 10px;
        border: none;
        border-bottom: 2px solid transparent;
        font-size: 16px;
        font-weight: 600;
        background: transparent;
        color: #282925;
        float: left;
        text-transform: uppercase;
    }

.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#CaptchaImage {
    height: 45px;
    border: 1px solid #cccccc;
    border-left: none;
    border-bottom-right-radius: 90px;
    border-top-right-radius: 90px;
}

#CaptchaInputText {
    height: 45px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

div#parent2-captcha > a {
    display: block !important;
    position: absolute;
    bottom: -15px;
    right: 6%;
    color: #1b0e3d;
    margin: -8px;
}


.home-slider-wrapper {
    position: relative;
    height: auto!important;
}

.home-slider-wrapper .owl-carousel.owl-rtl .owl-item img {
    width: 100%!important;
}

.add-overlay {
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index:1;
}

@media(max-width: 620px) {
    .add-overlay {
        display: none;
    }

    .home-slider-wrapper {
        padding-top: 65px!important;
    }
}



#slider.owl-carousel .owl-stage-outer {
    padding-bottom: 0 !important;
}


.card-text{
    text-align: center;
}



.pulse a:active {
    color: #f8f8f8 !important;
}
.pulse a:focus {
    color: #f8f8f8 !important;
}
.pulse a:focus-visible {
    color: #f8f8f8 !important;
}
    .pulse {
    margin: 1% auto 1% auto;
    width: fit-content !important;
    padding: 14px 35px;
    font-size: medium;
    font-weight: 500;
    color: #f8f8f8 !important;
    text-align: center;
    background: #3358ff;
    border-radius: 20px;
    animation: shadow-pulse 1.5s infinite;
}
    .pulse a {
        color: #f8f8f8;
    }
    .pulse a:hover {
        color: #fff;
    }
@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 112, 244, 0.4);
    }

    100% {
        box-shadow: 0 0 7px 25px rgba(0, 112, 244, 0);
    }
}





.navigation {
    position: fixed;
    display: flex;
    justify-content: left;
    align-items:flex-start;
    left: 10px;
    z-index: 9;
    bottom: 20px;
}

.menuToggle {
    position: relative;
    width: fit-content;
    height: 48px;
    padding: 20px;
    background: #3358ff;
    border-radius: 70px;
    color: #f8f8f8;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

@media (max-width:480px) {
    .menuToggle {
        width: 100%;
    }
}

/* Extra Small Devices, Phones */

        .menuToggle::before {
            content: "";
            position: absolute;
            font-size: 3em;
            font-weight: 200;
            color: #ff216d;
            transition: 1.5s;
        }

        .menuToggle.active::before {
            transform: rotate(225deg);
        }

.menu {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 70px;
    z-index: -1;
    bottom: 9px;
    transition: transform 0.2s, width 0.2s, height 0.5s;
    transition-delay: 1s, 0.5s, 0.5s;
    transition-timing-function: cubic-bezier(0.075,0.82, 0.165, 1);
    left: 20px;
}

.menuToggle.active ~ .menu {
    width: fit-content;
    height: fit-content;
    z-index: 1;
    transform: translateY(-56px);
    transition-delay: 0s, 0.2s, 0.2s;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    padding: 14px 38px 5px 50px;
}

.menu::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    left: calc(20% - 8px);
    bottom: 4px;
    transform: rotate(45deg);
    border-radius: 2px;
    transition: 0.5s;
}

    .menuToggle.active ~ .menu::before {
        transition-delay: 0.5s;
        bottom: -6px;
    }

    .menu ul {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: start;
        height: fit-content;
        gap: 40px;
        padding: 0;
    }

        .menu ul li {
            list-style: none;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            /*        transform: translateY(-30px);
        transition: 0.25s;
        transition-delay: calc(0s + var(--i));*/
        }

.menuToggle.active ~ .menu ul li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition-delay: calc(0.01s + var(--i));
    z-index: 9999999 !important;
}

    .menu ul li a {
        display: block;
        font-size: 2em;
        text-decoration: none;
        color: #555;
    }

        .menu ul li a:hover {
            /* color: #6495ed !important; */ 
            cursor: pointer;
            filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(246deg) brightness(102%) contrast(143%);
        }

    .iconeita {
        width: 28px;
        height: 28px;
        padding: 0;
        margin: 0;
        position: absolute;
        left: -15px;
        top: 3px;
    }


.feature--Book {
    font-size: 31px;
    color: #FCFFE7 !important;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid;
    padding: 24px;
    cursor: pointer;
    width: fit-content;
}

    .feature--Book:hover {
        background: #f8f8f8;
        color: #007bff !important;
    }

.bottonhome {
    color: #f8f8f8;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 8px 25px;
    font-size: medium;
    background: linear-gradient(252deg, rgb(253 1 8) 10.6%, rgb(0 123 255) 97.7%);
}
    .bottonhome:hover {
        background: #f8f8f8;
        border: 1px solid #007bff;
        color: #007bff;
    }

@media (max-width:480px) {
    .bottonhome {
        color: #f8f8f8;
        border-radius: 50px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 8px 13px;
        font-size: x-large;
        background: linear-gradient(252deg, rgb(253 1 8) 10.6%, rgb(0 123 255) 97.7%);
    }
    .countertitle {

        font-size: small!important;
    }
}
.countertitle {
    line-height: initial;
}



nav.table-of-content {
    clear: both;
}

nav.table-of-content {
    clear: both;
}

nav.table-of-content {
    background: #f0efef;
    width: 100%;
    margin: 50px auto;
    border-radius: 15px;
}

div.table__of__content__head {
    border-bottom: 2px solid blue;
    padding: 5px 20px;
    background: #e0e0e0;
    border-radius: 8px 10px 0 0;
    display: flex;
    justify-content: space-between;
}

p.table__of__content__title,
p.table__of__content__icon {
    margin-bottom: 0 !important;
}

p.table__of__content__icon {
    cursor: pointer;
}

    p.table__of__content__icon i.fa.clicked {
        transform: rotateZ(180deg);
    }

    p.table__of__content__icon i.fa {
        transition: transform .5s;
    }

nav.table-of-content ul {
    padding: 15px 20px 20px;
}

    nav.table-of-content ul li {
        border-right: 2px solid;
        padding: 0 10px;
    }

#gtx-trans{
    display:none !important;
}


form.search-form {
    max-width: 250px;
    display: flex;
    align-items: stretch;
    justify-content: end;
    margin-left: 17px;
}

    form.search-form input[type=text] {
        padding: 10px;
        font-size: 17px;
        border: 1px solid #3358ff;
        width: 80%;
        background: #f1f1f1;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        color: #000;
        text-align: center;
        transition: all .3s linear;
    }
    form.search-form button {
        padding: 10px 15px;
        background: #3358ff;
        font-size: 17px;
        border: 1px solid #3358ff;
        cursor: pointer;
        border-radius: 8px 0 0 8px;
    }
    form.search-form button span {
        color:#f8f8f8;
    }
.line-height{
    line-height:2.2;
}
