/******* TABLE OF CONTENT *******/
/********
 Imported styles
 Global styles
 Button style
 Sec title style
 Header-style
 Rev Slider style
 page title style
 latest-news style
 feature style
 google map Section style
 contact Section style
 Team Member styles
 latest-gallery styles 
 Checkout Area style
 page_pagination style
 footer style
 about style
 our-services style
 recent-project style
 call-to-action styles 
 Parallax Style One
 team Section style
 two-column style
 service-single Section style
 gallery Section
 Side Bar Style
 Blog Page Style
 blog grid page style
 feature-style-three
 contact_us style
 error page style

********/

/* 
==========================================
   Imported styles
==========================================
*/

/* Public-site typography is self-hosted in site-theme.css. */


@import url(bootstrap.min.css);
@import url(vendor.min.css);

@import url(font-awesome.css);

@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);

@import url(jquery-ui.css);

/* 
============================================
   Global styles
============================================
*/
.row {
    margin-right: 0px;
    margin-left: 0px;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2)
}


body {
    font-size: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.73;
    position: relative;
    visibility: visible;
    background: #fff;
    color: #555463
}

h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5 {
    font-family: Newsreader,serif;
    margin: 0;
    padding: 0
}

ul {
    list-style-type: none;
}

p {
    font-family: Roboto,sans-serif;
    font-weight: 400;
}

a {
    color: #741115;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    outline: 0
}

    a:hover, a:focus, a:visited {
        text-decoration: none;
        outline: none;
    }

img {
    /* width: 100%;*/
    display: inline-block;
}

button {
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    padding: 0;
    background: transparent;
}

input, textarea {
    display: block;
    /* font-size: 16px;*/
    line-height: 28px;
    outline: none;
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.boxed_wrapper {
    width: 100%;
    background: #fff;
    overflow-x: hidden;
}

.mt-30 {
    margin-top: 30px
}

.clear_fix {
    clear: both;
}

    .clear_fix:after {
        display: table;
        content: '';
        clear: both;
    }

.list_inline li {
    display: inline-block;
}

.social li {
    display: inline-block;
    font-size: 14px;
}

    .social li a {
        color: #fff;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

.default_link {
    font-size: 14px;
    text-transform: uppercase;
    color: #26cdff;
    font-weight: 600;
}

    .default_link:hover {
        color: #26cdff;
    }

    .default_link i {
        margin-left: 3px;
        font-weight: 700;
        font-size: 18px;
    }

.uppercase {
    text-transform: uppercase;
}

.padd-80 {
    padding-top: 80px;
}

.tran3s {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.center {
    text-align: center;
}


.row-5 {
    margin: 0 -5px;
}

.thm-color {
    color: #26cdff;
}

.bold {
    font-weight: 700;
}

.s-bold {
    font-weight: 600;
}

.m-bold {
    font-weight: 600;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

@media (min-width: 1200px) {
    .container {
        padding: 0;
    }
}
/*
===============================================
  button style
===============================================
*/
.thm-btn {
    position: relative;
    background: #741115;
    font-size: 16px;
    line-height: 42px;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 26px;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

    .thm-btn:hover {
        background: transparent;
        color: #ffffff;
        border: solid 1px #ab253c;
        -webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1);
        transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    }

.theme_menu .link_btn {
    margin-top: 24px;
    color: #222222;
}

.button-style-one {
    margin-top: 20px;
    color: #26cdff;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 12px;
}

    .button-style-one:before {
        content: "";
        position: absolute;
        bottom: 0px;
        width: 94px;
        height: 1px;
        background: #26cdff;
    }

    .button-style-one:hover {
        color: #26cdff;
    }

.button-style-two {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222222;
    padding: 11px 26px;
    border: 1px solid #26cdff;
    letter-spacing: 1px;
}

    .button-style-two:hover {
        color: #222222;
    }

.anim-3 {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.anim-5 {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*
--------------------------------------------
  sec title style
--------------------------------------------
*/
.sec-title {
    position: relative;
    margin-bottom: 20px;
}

    .sec-title h2 {
        position: relative;
        font-size: 40px;
        color: #000000;
        margin-bottom: 30px;
        text-transform: capitalize;
        
    }

        .sec-title h2.left:before {
            position: absolute;
            content: '';
            background: #af2d43;
            width: 50px;
            height: 3px;
            left: 0px;
            bottom: -15px;
        }

        .sec-title h2.center:before {
            position: absolute;
            content: '';
            background: #af2d43;
            width: 50px;
            height: 3px;
            left: 50%;
            transform: translateX(-50%);
            bottom: -15px;
        }

    .sec-title span {
        color: #26cdff;
    }


.scroll-top {
    width: 50px;
    height: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    display: none;
    color: #023a70;
    text-align: center;
    background: #9ac7ff;
}

    .scroll-top span:before {
        font-size: 27px;
    }

    .scroll-top:after {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 1;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    }

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


/*
=================================================
  header-style
=================================================
*/

.crypto-top-strip {
    position: relative;
    background-color: #5c0d10
}

.crypto-userinfo {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
}

    .crypto-userinfo li {
        list-style: none;
        color: #ffffff;
        font-size: 14px;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        border-radius: 4px; /* smooth corners */
    }

        .crypto-userinfo li:first-child {
            background-color: rgb(92 13 16);
        }

        .crypto-userinfo li i {
            margin-right: 8px;
            font-size: 14px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* Social icons inside the hidden <li> */
        .crypto-userinfo li a {
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border: 1px solid #fff;
            border-radius: 50%;
            margin-left: 8px;
            transition: .3s ease;
        }

            .crypto-userinfo li a:hover {
                color: #26cdff;
                border-color: #26cdff;
            }

.crypto-user-section {
    float: right;
}

    .crypto-user-section li {
        float: left;
        list-style: none;
    }

    .crypto-user-section > li {
        margin-left: 30px;
        padding: 14px 0px 14px 0px;
        font-size: 14px;
    }

        .crypto-user-section > li a i {
            float: left;
            margin: 3px 16px 0px 0px;
            font-size: 14px;
        }

    .crypto-user-section li a {
        color: #ffffff;
        transition: .3s all;
    }

        .crypto-user-section li a:hover i {
            color: #26cdff
        }
/* Language Switcher */
.crypto-language {
    float: left;
    margin: 0px 0px 0px 0px;
}

    .crypto-language ul {
        margin: 0px;
    }

        .crypto-language ul li {
            list-style: none;
            float: left;
            position: relative;
        }

    .crypto-language > ul > li > a {
        color: #ffffff;
    }

        .crypto-language > ul > li > a:after {
            content: "\f107";
            font-family: FontAwesome;
            display: inline-block;
            font-size: 11px;
            margin-left: 4px;
        }

    .crypto-language > ul > li > i {
        font-size: 11px;
        color: #ffffff;
        margin-right: 3px;
    }

    .crypto-language > ul > li:hover .crypto-language-menu {
        opacity: 1;
        visibility: visible;
    }

.crypto-language-menu {
    position: absolute;
    left: 0px;
    top: 100%;
    background-color: #ffffff;
    margin: 0px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

    .crypto-language-menu li {
        float: left;
        width: 100%;
        padding: 6px 10px;
        border-bottom: 1px solid #dddddd;
    }

        .crypto-language-menu li:last-child {
            border-bottom: none;
        }

        .crypto-language-menu li a {
            color: #000;
            font-size: 12px;
        }



/*logo*/

.main-logo {
    /*  margin: 19px 0px; */
    margin: 11px 0px;
}

.main-logo img {
    width:200px;
}

    @media (max-width: 480px) {
        .main-logo img {
            width: 75%;
            position: relative;
        }

        .crypto-userinfo li {
            font-size: 12px
        }

        .mainmenu-area .thm-btn {
            padding: 0 6px !important;
        }

        .mainmenu-area .right-area .link_btn {
            margin-top: 0 !important
        }

        .main-menu {
            margin-top: 21px !important;
        }
    }

    @media (max-width: 360px) {

        .crypto-userinfo li {
            font-size: 10px
        }
    }
    /*==============================================
    Mainmenu Area Css
===============================================*/
    .mainmenu-area {
    background: #741115;
    theme_menu

{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
}

box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

@media (max-width: 992px) {
    .main-menu {
        position: relative;
        margin-top: 12px !important;
        margin-bottom: 0px;
    }

    .mainmenu-area .menu-column {
        /*border-top: 1px solid #ccc*/
    }

    .mainmenu-area .right-area .link_btn {
        margin-top: 23px !important;
    }
}

@media (max-width: 767px) {
    .rev_slider_wrapper .slide-content-box .button a {
        line-height: 25px !important;
        font-size: 10px !important;
    }
}

.main-menu {
    position: relative;
    /*margin-top: 30px*/
    margin-top: 19px;
}

.navbar-collapse {
    padding: 0px
}

.navigation {
    position: relative;
    font-family: 'Roboto', sans-serif;
}

    .navigation li {
        display: inline-block;
    }

        .navigation li a {
            padding: 8px 13px 28px;
            /*text-transform: uppercase;*/
            color: #ffc33c;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            font-size: 22px;
            font-weight: 400;
            font-family: 'Roboto', sans-serif;
        }

    .navigation > li:hover > a {
        color: #ffffff;
    }

    /* Base Dropdown Container */
    .navigation > li > ul {
        position: absolute;
        left: 0;
        top: 100%;
        width: 260px;
        z-index: 999;
        display: none;
        background: linear-gradient(180deg, #a83b3f 0%, #8b1a1f 60%, #741115 100%);
        border-radius: 14px 0 14px 14px;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 500px;
        scrollbar-width: thin;
        scrollbar-color: #a83b3f #3b080a;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
        flex-direction: column;
    }

        /* Scrollbar for Chrome, Edge, Safari */
        .navigation > li > ul::-webkit-scrollbar {
            width: 6px;
        }

        .navigation > li > ul::-webkit-scrollbar-track {
            background: #3b080a;
        }

        .navigation > li > ul::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, #d25b5e, #a31d25);
            border-radius: 6px;
        }

        /* Dropdown list items */
        .navigation > li > ul > li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
            transition: all 0.4s ease;
            display: block;
            width: 100%;
        }

            /* Remove border from last item */
            .navigation > li > ul > li:last-child {
                border-bottom: none;
            }

            /* Menu links */
            .navigation > li > ul > li > a {
                position: relative;
                display: block;
                color: #fff;
                font-size: 15px;
                font-weight: 300;
                text-transform: capitalize;
                padding: 12px 22px;
                background: transparent;
                width: 100%;
                text-align: left;
                transition: all 0.4s ease;
                overflow: hidden;
            }

                /* === Shimmer effect overlay === */
                .navigation > li > ul > li > a::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: -100%;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100% );
                    transition: all 0.6s ease;
                }

                /* === Hover effect (same as thm-btn) === */
                .navigation > li > ul > li > a:hover {
                    background: linear-gradient(135deg, #741115 0%, #a31d25 100%);
                    transform: translateY(-4px) scale(1.03);
                    box-shadow: 0 10px 25px rgba(116, 17, 21, 0.5);
                    color: #fff;
                }

                    /* Move shimmer when hovered */
                    .navigation > li > ul > li > a:hover::after {
                        left: 100%;
                    }

/* === Optional smooth dropdown slide === */
@keyframes dropdown-slide {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* === Optional floating idle animation for hover === */
@keyframes floaty-btn {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }

    100% {
        transform: translateY(0);
    }
}

.lastmenuli {
    border-bottom: none !important;
}

    .lastmenuli > a {
        border-radius: 0px 0px 5px 5px;
    }

/*========= third-menu ===============*/

.navigation > li > ul > li.third-menu ul {
    position: absolute;
    left: 230px;
    top: 0px;
    background: #333;
    width: 200px;
    border-top: 2px solid #fff;
    padding: 12px 0px;
    z-index: 999;
    display: none;
}

.navigation > li > ul > li.third-menu {
    position: relative;
}

    .navigation > li > ul > li.third-menu ul a {
        color: #ffffff;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 12px 20px;
        margin: 0;
        text-transform: capitalize;
        transition: all 500ms ease 0s;
    }

        .navigation > li > ul > li.third-menu ul a:hover {
            color: #fdc716;
        }

    .navigation > li > ul > li.third-menu:after {
        position: absolute;
        content: "\f0de";
        font-family: FontAwesome;
        color: #fff;
        font-size: 20px;
        line-height: 40px;
        right: 14px;
        transform: rotate(90deg);
        top: 3px;
    }

/*========= mobile-menu ==============*/

.mobile-menu .dropdown-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 42px;
    border-left: #191d1e 1px inset;
    cursor: pointer;
    display: block;
    z-index: 5;
}

    .mobile-menu .dropdown-btn:after {
        position: absolute;
        content: "\f107";
        font-family: FontAwesome;
        color: #ffffff;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        width: 100%;
    }

.mobile-menu,
.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul {
    background: #000;
}

    .mobile-menu > li > ul,
    .mobile-menu > li > ul > li > ul {
        display: none;
    }

        .mobile-menu > li > a,
        .mobile-menu > li > ul > li > a,
        .mobile-menu > li > ul > li > ul > li > a {
            background: #6e050a;
            padding: 10px 20px;
            line-height: 22px;
            color: #fff;
            display: block;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 14px;
            border-top: #191d1e 1px inset;
        }

.mainmenu-area .right-area .link_btn {
    /*margin-top: 24px;*/
    margin-top: 23px;
}

.mainmenu-area .navigation > li.current > a {
    position: relative;
    color: #ffffff;
}

    .mainmenu-area .navigation > li.current > a:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0px;
        width: 100%;
        height: 3px;
        background: #ffffff;
    }


/*menu*/

.theme_menu {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
}

    .theme_menu .menu-column {
        padding: 0;
    }

.nav_side_content {
    margin-top: 33px;
    float: left;
    position: relative;
    left: -20px;
}

    .nav_side_content .cart_select {
        border-left: 1px solid #ececec;
        padding-left: 5px;
    }

/* Mainmenu fixed style */
@-webkit-keyframes menu_sticky {
    0% {
        margin-top: -100px;
    }

    50% {
        margin-top: -90px;
    }

    100% {
        margin-top: 0;
    }
}

@keyframes menu_sticky {
    0% {
        margin-top: -100px;
    }

    50% {
        margin-top: -90px;
    }

    100% {
        margin-top: 0;
    }
}

.mainmenu-area.stricky-fixed {
    margin: 0;
    position: fixed;
    background: #741115;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
   /* opacity:1;*/
    -webkit-animation-name: menu_sticky;
    animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
    animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/*** 
=============================================
    Rev Slider style
=============================================
***/



.newprint-home-hero {
    position: relative;
    background: #741115;
}

.newprint-home-banner {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 450px;
    background: transparent;
}

.newprint-home-banner .slotholder {
    top: 24px !important;
    left: 24px !important;
    width: calc(100% - 48px) !important;
    height: calc(100% - 48px) !important;
    background: transparent;
}

.newprint-home-banner .slotholder:before,
.newprint-home-banner .slotholder:after {
    content: none;
}

.newprint-home-banner .tp-bgimg {
    position: relative;
    z-index: 1;
}

@media (max-width: 959px) {
    .newprint-home-banner {
        height: auto;
        aspect-ratio: 960 / 450;
    }
}

@media (max-width: 599px) {
    .newprint-home-banner .slotholder {
        top: 12px !important;
        left: 12px !important;
        width: calc(100% - 24px) !important;
        height: calc(100% - 60px) !important;
    }
}

.rev_slider_wrapper .slide-content-box h1 {
    color: #fff;
    font-size: 45px;
    line-height: 62px;
    margin: 14px 0 9px;
    font-weight: 500;
    padding: 0px 25px;
    border-left: 7px solid #26cdff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.rev_slider_wrapper .slide-content-box h2 {
    font-size: 45px;
    color: #05536a;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.rev_slider_wrapper .slide-content-box p {
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 30px;
}

@media (max-width: 992px) {

    .rev_slider_wrapper .slide-content-box p {
        font-size: 14px !important;
    }
}

@media (max-width: 767px) {

    .rev_slider_wrapper .slide-content-box p {
        font-size: 12px !important;
        width: 60% !important;
        display: none;
    }
}

.rev_slider_wrapper .button .thm-btn:hover {
    background: #fff;
    color: #26cdff;
    border: 2px solid #26cdff;
    transition: .5s;
}

.rev_slider_wrapper .slide-content-box .button a {
    padding: 0px 22px;
    margin-right: 15px;
    transition: all 500ms ease !important;
    -moz-transition: all 500ms ease !important;
    -webkit-transition: all 500ms ease !important;
    -ms-transition: all 500ms ease !important;
    -o-transition: all 500ms ease !important;
}

    .rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution {
        background: #fff;
        padding: 0px 35px;
        color: #222;
        border-color: #fff;
    }

        .rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution:hover {
            background: #26cdff;
            color: #fff;
            border-color: #26cdff;
        }

.rev_slider_wrapper .slide-content-box.last-slide p {
    margin: 0;
}

.rev_slider_wrapper .slide-content-box.last-slide a {
    margin: 0 8px;
}

.rev_slider_wrapper .slotholder {
    position: relative;
}

.slotholder:after {
    /*background: rgba(0, 0, 0, 0.20);*/
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

.tp-bannertimer {
    display: none;
}

.rev_slider_wrapper .tparrows {
    /*background: transparent;*/
    background-color: rgb(65 104 153 / 50%);
    border: 2px solid #fff;
}

.newprint-home-banner .tparrows {
    width: 44px;
    height: 44px;
    border: 1px solid #741115;
    border-radius: 50%;
    background: #fff;
    color: #741115;
    transition: background-color .2s, color .2s;
}

.newprint-home-banner .tparrows:before {
    line-height: 42px;
    color: inherit;
}

.newprint-home-banner .tparrows:hover,
.newprint-home-banner .tparrows:focus-visible {
    background: #741115;
    color: #fff;
}

.newprint-home-banner .tparrows:focus-visible {
    outline: 2px solid #ffc33c;
    outline-offset: 3px;
}

@media (max-width: 599px) {
    .newprint-home-banner .tparrows {
        top: auto !important;
        bottom: 2px;
        transform: none !important;
    }

    .newprint-home-banner .tp-leftarrow {
        left: 12px !important;
    }

    .newprint-home-banner .tp-rightarrow {
        left: auto !important;
        right: 12px !important;
    }
}

.tp-revslider-mainul {
    width: 100% !important;
}


/*
=================================================================
  page title style
=================================================================
*/

.page-title {
    background: url(../images/banner.jpg)no-repeat;
    padding: 69px 0px 63px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

    .page-title .clearfix .pull-left {
        position: relative;
        z-index: 10;
    }

    .page-title .clearfix .pull-right {
        position: relative;
        z-index: 10;
    }

    .page-title .overlay:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(34, 34, 34, 0.53);
        opacity: 1;
        content: "";
    }

    .page-title h1 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        text-transform: uppercase;
        color: #ffffff;
    }

    .page-title p {
        color: #fff;
        margin-top: 14px;
        letter-spacing: 1px;
    }

    .page-title .path {
        font-size: 14px;
        color: #ffffff;
        font-weight: 600;
        line-height: 28px;
        padding: 18px 15px 0px;
    }

        .page-title .path a {
            position: relative;
            font-size: 14px;
            font-weight: 600;
            font-family: 'Roboto', sans-serif;
            display: inline-block;
            color: #ffffff;
            text-decoration: none;
            transition: .5s;
        }

            .page-title .path a:hover {
                color: #26cdff;
                transition: .5s;
            }


/*
====================================================================
   latest-news style
====================================================================
*/
.news {
    padding: 100px 0px 70px;
}

.blog-latest-news {
    padding: 100px 0 100px
}

.news .sec-title {
    margin: 0px 0px 66px;
}

    .news .sec-title p {
        max-width: 650px;
        color: #848484;
    }


.news .news-post {
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 20px #DFDFDF;
    -moz-box-shadow: 0px 0px 20px #DFDFDF;
    -ms-box-shadow: 0px 0px 20px #DFDFDF;
    -o-box-shadow: 0px 0px 20px #DFDFDF;
    box-shadow: 0px 0px 20px #DFDFDF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .news .news-post img {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .news .news-post:hover img, .news .news-post:focus img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .news .news-post .news-post-image {
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

        .news .news-post .news-post-image .news-overlay {
            z-index: 1;
            background: rgba(0, 0, 0, 0);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .news .news-post .news-post-image .news-category {
            margin: 20px 0 0 15px;
            float: left;
            z-index: 2;
            position: absolute;
        }

            .news .news-post .news-post-image .news-category > a {
                font-size: 12px;
                font-weight: 700;
                padding: 5px 15px;
                line-height: 1.5;
                font-family: 'Roboto', sans-serif;
                text-transform: uppercase;
                color: #fff;
                border: 1px solid #191d1e;
                margin: 0 4px 4px 0;
                background: #416899;
                display: -moz-inline-stack;
                display: inline-block;
                zoom: 1;
                *display: inline;
            }

                .news .news-post .news-post-image .news-category > a:hover {
                    background: transparent;
                    border: 1px solid #fff;
                }

                .news .news-post .news-post-image .news-category > a:hover,
                .news .news-post .news-post-image .news-category > a:active,
                .news .news-post .news-post-image .news-category > a:focus {
                    text-decoration: none;
                }

    .news .news-post .news-post-text {
        padding: 20px;
    }

        .news .news-post .news-post-text h3 {
            font-size: 20px;
            margin-top: 10px;
            margin-bottom: 15px;
            font-weight: 500;
        }

            .news .news-post .news-post-text h3 a {
                color: #222;
            }

                .news .news-post .news-post-text h3 a:hover {
                    color: #ffffff;
                }

                .news .news-post .news-post-text h3 a:hover, .news .news-post .news-post-text h3 a:active, .news .news-post .news-post-text h3 a:focus {
                    text-decoration: none;
                }

        .news .news-post .news-post-text p {
            font-size: 14px;
            margin-bottom: 0;
            color: #a6a6a6;
        }

            .news .news-post .news-post-text p:last-child {
                margin-bottom: 0 !important;
            }

    .news .news-post .news-post-meta {
        border-top: 1px solid #f0f0f0;
        padding: 10px 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    }

        .news .news-post .news-post-meta a {
            font-size: 13px;
            margin-right: 10px;
            margin-bottom: 20px;
            color: #b3b3b3;
        }

            .news .news-post .news-post-meta a i {
                display: inline-block;
                margin-right: 5px;
                color: #ffffff;
            }

            .news .news-post .news-post-meta a:hover, .news .news-post .news-post-meta a:active, .news .news-post .news-post-meta a:focus {
                text-decoration: none;
            }

            .news .news-post .news-post-meta a:hover {
                color: #ffffff;
            }


.news .owl-theme .owl-nav {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin: 0;
    margin-bottom: 70px;
}

    .news .owl-theme .owl-nav [class*=owl-] {
        color: #ffffff;
        font-size: 24px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        height: 40px;
        width: 40px;
        border: 2px solid #ab253c;
        line-height: 36px;
        text-align: center;
        margin-left: 10px;
        display: inline-block;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
    }

        .news .owl-theme .owl-nav [class*=owl-]:hover {
            color: #fff;
            border: 2px solid #191d1e;
            background: #416899;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

/*
==================================================
  feature style
==================================================
*/
.feature {
    margin-top: -80px;
}

    .feature .item-list .item {
        margin-bottom: 70px;
        position: relative;
        transition: all ease-in 400ms;
        -webkit-transition: all ease-in 400ms;
        -moz-transition: all ease-in 400ms;
    }

        .feature .item-list .item:hover .overlay {
            bottom: 0;
        }

        .feature .item-list .item .content-box {
            top: 50%;
            margin-top: -50px;
            display: inline-block;
            padding: 0px 24px;
            position: absolute;
            text-align: center;
            z-index: 1;
            color: #fff;
        }

            .feature .item-list .item .content-box h3 {
                margin-bottom: 10px;
                text-transform: uppercase;
                font-size: 20px;
                font-weight: 700;
            }

        .feature .item-list .item .overlay {
            background-color: #26cdff;
            display: inline-block;
            left: 0;
            padding: 50px 30px 30px;
            position: absolute;
            right: 0;
            text-align: center;
            bottom: -100%;
            height: 100%;
            transition: all ease-in 500ms;
            -webkit-transition: all ease-in 500ms;
            -moz-transition: all ease-in 500ms;
            z-index: 0;
        }

            .feature .item-list .item .overlay:before {
                background-color: rgb(122, 186, 30);
                top: -55px;
                content: "";
                height: 56px;
                left: -27px;
                position: absolute;
                transform: skewX(-40deg);
                -webkit-transform: skewX(-138deg);
                width: 52px;
            }

            .feature .item-list .item .overlay:after {
                background-color: rgb(122, 186, 30);
                top: -55px;
                content: "";
                height: 56px;
                right: -27px;
                position: absolute;
                transform: skewX(40deg);
                -webkit-transform: skewX(138deg);
                width: 52px;
            }

        .feature .item-list .item .image-box {
            position: relative;
            overflow: hidden;
        }

        .feature .item-list .item .icon-box {
            position: absolute;
            top: -45px;
            right: 50%;
            margin-right: -45px;
            width: 90px;
            height: 90px;
            border: 4px solid #26cdff;
            border-radius: 50%;
            background: #fff;
            text-align: center;
        }

            .feature .item-list .item .icon-box i {
                position: relative;
                top: 15px;
                color: #222222;
            }

                .feature .item-list .item .icon-box i:before {
                    font-size: 38px;
                    margin: 0px;
                }

.item-list .button-style-two {
    position: relative;
    top: -21px;
    background: #fff;
}

/* 
==============================================
  google map Section style
==============================================
*/
.home-google-map .google-map {
    width: 100%;
    height: 400px;
}

.home-google-map .gmnoprint {
    display: none;
}


/*** 
====================================================================
  contact Section style
====================================================================
***/


.default-cinfo .icon_box {
    width: 40px;
}

.default-cinfo li + li {
    margin-top: 10px;
    border-top: 1px solid #f1f1f1;
    padding-top: 12px;
}

.default-cinfo li .icon_box,
.default-cinfo li .text-box {
    display: table-cell;
    vertical-align: top;
}

    .default-cinfo li .icon_box i {
        font-size: 20px;
        color: #26cdff;
        position: relative;
        top: 7px;
    }

.default-cinfo .accordion .acc-btn {
    background: #f7f7f7;
    padding: 14px 30px;
    margin: 0;
}

.default-cinfo .accordion-box {
    border: none;
}

.default-cinfo .accordion {
    border: 1px solid #f7f7f7;
}

.default-cinfo .accordion-box .accordion .acc-content b {
    color: #222;
    font-weight: 600;
}

/*form*/

.default-form {
    position: relative;
}


    .default-form p {
        color: #fff;
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 20px;
    }

        .default-form p span {
            color: #ab7442;
            font-size: 20px;
            font-weight: 600;
        }


    .default-form .form-box {
        position: relative;
    }

.comment-form .form-box {
    padding: 25px 25px 0px 25px;
}

.default-form .form-group {
    position: relative;
}

.form-group.style-two {
    margin-bottom: 30px;
}

.default-form .comment-form .form-box .form-group {
    margin-bottom: 25px;
}

.default-form.form-box .row {
    margin-left: -10px;
    margin-right: -10px;
}

    .default-form.form-box .row .form-group {
        padding: 0px 0px;
    }

.default-form .form-group .field-label {
    display: block;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #232323;
    font-weight: 500;
    font-size: 13px;
}

    .default-form .form-group .field-label sup {
        color: #ff0000;
        font-size: 14px;
    }

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea {
    display: block;
    width: 100%;
    line-height: 24px;
    height: 55px;
    font-size: 16px;
    box-shadow: none;
    border: 1px solid #f4f4f4;
    padding: 12px 15px;
    border-radius: 0px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.default-form textarea {
    height: 120px;
}

.default-form .bootstrap-select {
    border: 1px solid #f4f4f4;
    background: #f7f7f7;
    color: #26cdff;
    padding: 10px 0;
    font-size: 16px;
}

.default-form .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

    .default-form .btn-group.open .dropdown-toggle:focus {
        border: none;
        outline: none;
    }

.default-form .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.default-form .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #26cdff;
    color: #fff;
}

.default-form .form-control:focus {
    border-color: #26cdff;
    box-shadow: none;
}

.default-form .thm-btn {
    width: 100%;
}


.default-form form input::-webkit-input-placeholder {
    color: #9e9e9e;
}

.default-form form input:-moz-placeholder {
    /* Firefox 18- */
    color: #9e9e9e;
}

.default-form form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #9e9e9e;
}

.default-form form input:-ms-input-placeholder {
    color: #9e9e9e;
}


.default-form .alert-success {
    color: #26cdff;
    background: none;
    border: none;
    font-size: 18px;
}

/*** 
====================================================================
  consultation Section
====================================================================
***/
.consultation .default-form-area {
    background: #fff;
    padding: 40px 30px 10px;
    border: 1px solid #f4f4f4;
    max-width: 690px;
    margin: 0 auto;
    margin-top: -40px;
    position: relative;
}


/***
==================================================
   Team Member styles
==================================================
***/


.testimonials {
    position: relative;
    padding-bottom: 30px;
}



.single-testimonial h3,
.single-testimonial p {
    margin: 0;
}

.single-testimonial h4 {
    font-size: 18px;
    color: #222;
    text-transform: capitalize;
    margin-top: 12px;
    margin-bottom: 6px;
}


.single-testimonial .img-box {
    position: relative;
}

    .single-testimonial .img-box img {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(1);
        transform: scale(1);
    }


.testimonials .single-testimonial {
    margin-bottom: 40px;
    border: 1px solid #f4f4f4;
    padding: 30px 10px 26px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

    .testimonials .single-testimonial:hover {
        box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0), 0 0px 82px 0 rgba(0, 0, 0, 0.05);
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }



.single-testimonial .author-info {
    overflow: hidden;
    border: 2px solid #f4f4f4;
    padding: 6px 0 9px;
    margin-top: 5px;
}

.single-testimonial p a {
    color: #26cdff;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.single-testimonial .text {
    margin-top: 15px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 22px;
    margin-bottom: 20px;
}

    .single-testimonial .text p {
        font-size: 16px;
    }

/*
========================================================
   latest-gallery styles 
========================================================
*/
.latest-gallery {
    padding: 95px 0px 70px;
}

    .latest-gallery .single-item {
        padding-bottom: 30px;
    }

        .latest-gallery .single-item .img-box {
            position: relative;
            overflow: hidden;
        }

            .latest-gallery .single-item .img-box img {
                width: 100%;
            }

        .latest-gallery .single-item .title h5 {
            color: #222;
            padding: 25px 0 0;
            font-size: 16px;
            font-weight: 400;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

        .latest-gallery .single-item:hover .title h5 {
            color: #26cdff;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

        .latest-gallery .single-item .img-box .overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(122, 186, 30, 0.77);
            text-align: center;
            opacity: 0;
            transition: all .3s ease;
        }

            .latest-gallery .single-item .img-box .overlay .social {
                display: table-cell;
                vertical-align: middle;
                position: relative;
            }

            .latest-gallery .single-item .img-box .overlay .inner {
                display: table;
                width: 100%;
                height: 100%;
                position: relative;
            }

        .latest-gallery .single-item .social a i:before {
            font-size: 30px;
            color: #fff;
            margin: 0px;
        }

        .latest-gallery .single-item .social h4 {
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            margin-top: 20px;
        }

        .latest-gallery .single-item .img-box .overlay .box {
            display: table;
            width: 100%;
            height: 100%;
        }

            .latest-gallery .single-item .img-box .overlay .box .content {
                display: table-cell;
                vertical-align: bottom;
            }

        .latest-gallery .single-item .img-box .overlay .top {
            text-align: center;
        }

            .latest-gallery .single-item .img-box .overlay .top ul {
                margin-bottom: 0;
                margin-bottom: 20%;
            }

            .latest-gallery .single-item .img-box .overlay .top li a {
                width: 45px;
                height: 45px;
                color: #fff;
                font-size: 16px;
                line-height: 48px;
                text-align: center;
                background: #222;
                display: block;
                border-radius: 50%;
                -webkit-transition: .4s ease;
                transition: .4s ease;
            }

                .latest-gallery .single-item .img-box .overlay .top li a:hover {
                    background: #1f1f1f;
                    color: #26cdff;
                }

        .latest-gallery .single-item .img-box .overlay .bottom {
            padding: 10px 0px;
            padding-right: 0;
            text-align: center;
        }

            .latest-gallery .single-item .img-box .overlay .bottom .title h3 {
                margin: 0;
                color: #fff;
                font-family: "Roboto Slab", serif;
                line-height: 30px;
                font-size: 15px;
            }

        .latest-gallery .single-item:hover .img-box .overlay {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible;
        }


.post-filter {
    display: inline-block;
    margin: 0;
    margin-bottom: 50px;
}

    .post-filter li {
        padding: 5px 5px;
    }

        .post-filter li span {
            padding: 7px 20px;
            color: #343434;
            font-size: 14px;
            border: 1px solid #e5e5e5;
            font-weight: 500;
            font-family: 'Roboto', sans-serif;
            line-height: 24px;
            display: block;
            padding-right: 16px;
            cursor: pointer;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

        .post-filter li:hover span,
        .post-filter li.active span {
            color: #fff;
            background: #26cdff;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

/*** 
=============================================
   Checkout Area style
=============================================
***/
.checkout-area {
    padding-bottom: 100px;
    padding-top: 80px;
}

    .checkout-area .exisitng-customer {
        border: 1px solid #f7f7f7;
        display: block;
        padding: 20px 28px 21px;
        position: relative;
        margin-bottom: 20px;
    }

        .checkout-area .exisitng-customer:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 2px;
            height: 100%;
            background: #26cdff;
            content: "";
        }

        .checkout-area .exisitng-customer h5 {
            color: #252525;
            font-size: 16px;
            font-weight: 300;
        }

            .checkout-area .exisitng-customer h5 a {
                color: #26cdff;
                display: inline-block;
                padding-left: 15px;
            }

    .checkout-area .coupon {
        border: 1px solid #f7f7f7;
        display: block;
        padding: 20px 28px 21px;
        position: relative;
        margin-bottom: 60px;
    }

        .checkout-area .coupon:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 2px;
            height: 100%;
            background: #26cdff;
            content: "";
        }

        .checkout-area .coupon h5 {
            color: #252525;
            font-size: 16px;
            font-weight: 300;
        }

            .checkout-area .coupon h5 a {
                color: #26cdff;
                display: inline-block;
                padding-left: 15px;
            }


    .checkout-area .form form .field-label {
        color: #222;
        text-transform: capitalize;
        font-weight: 400;
        margin-bottom: 8px;
    }

    .checkout-area .form form .field-input input[type="text"] {
        border: 2px solid #f7f7f7;
        color: #9a9a9a;
        display: block;
        font-size: 16px;
        height: 48px;
        margin-bottom: 25px;
        padding: 0 15px;
        width: 100%;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

        .checkout-area .form form .field-input input[type="text"]:focus {
            border: 2px solid #26cdff;
        }

    .checkout-area .create-acc .checkbox {
        margin: 7px 0 0;
    }

        .checkout-area .create-acc .checkbox label {
            color: #26cdff;
            font-weight: 300;
            font-size: 16px;
        }

        .checkout-area .create-acc .checkbox input {
            margin-top: 3px;
        }


    .checkout-area .shipping-info input[type="checkbox"] {
        cursor: pointer;
        display: inline-block;
        margin: 0 0 0 40px;
        position: relative;
        top: -2px;
        vertical-align: middle;
    }

    .checkout-area .form form .field-input textarea {
        border: 2px solid #f7f7f7;
        color: #9e9e9e;
        display: block;
        font-size: 16px;
        height: 124px;
        margin-bottom: 28px;
        padding: 10px 15px;
        width: 100%;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

        .checkout-area .form form .field-input textarea:focus {
            border-color: #26cdff;
        }

    .checkout-area .bottom {
        padding-top: 70px
    }

    .checkout-area .table .sec-title-two {
        padding-bottom: 32px;
    }

    .checkout-area .table {
        overflow-x: auto;
        position: relative;
        width: 100%;
        margin-bottom: 0;
    }

        .checkout-area .table .cart-table {
            min-width: auto;
            width: 100%;
        }

            .checkout-area .table .cart-table .cart-header {
                background: #f7f7f7;
                color: #252525;
                font-size: 14px;
                position: relative;
                text-transform: uppercase;
                width: 100%;
                font-weight: 400;
            }

            .checkout-area .table .cart-table thead tr th {
                font-weight: 400;
                line-height: 24px;
                min-width: 110px;
                padding: 19px 30px 17px;
            }

                .checkout-area .table .cart-table thead tr th.product-column {
                    padding-left: 30px;
                    text-align: left;
                }

            .checkout-area .table .cart-table tbody tr {
                border-bottom: 1px solid #f7f7f7;
            }

                .checkout-area .table .cart-table tbody tr td {
                    vertical-align: middle
                }

                .checkout-area .table .cart-table tbody tr td {
                    min-width: 110px;
                    padding: 25px 30px;
                }

                .checkout-area .table .cart-table tbody tr .product-column .column-box {
                    min-height: 70px;
                }

                    .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
                        width: 70px;
                    }

                        .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
                            display: block;
                            max-width: 100%;
                        }

                    .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb,
                    .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title {
                        display: table-cell;
                        vertical-align: middle;
                    }

                    .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title {
                        padding-left: 20px;
                    }

                        .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
                            color: #252525;
                            font-size: 14px;
                            font-weight: 400;
                            text-transform: uppercase;
                        }

                .checkout-area .table .cart-table tbody tr .qty {
                    padding-right: 30px;
                    width: 130px;
                }

                    .checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
                        float: right;
                        width: 70px;
                    }

                    .checkout-area .table .cart-table tbody tr .qty .form-control {
                        background-color: #fff;
                        background-image: none;
                        border: 1px solid #ccc;
                        border-radius: 0 !important;
                        box-shadow: none;
                        color: #252525;
                        display: block;
                        font-size: 18px;
                        font-weight: 400;
                        height: 34px;
                        padding: 6px 0;
                        text-align: center;
                    }

                    .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
                        border-radius: 0
                    }

                    .checkout-area .table .cart-table tbody tr .qty .btn-default {
                        background-color: #26cdff;
                        border-color: #26cdff;
                        color: #fff;
                    }

                    .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
                        border-radius: 0;
                        margin-top: -2px;
                    }

                .checkout-area .table .cart-table tbody tr td.price {
                    color: #26cdff;
                    font-size: 16px;
                    font-weight: 300;
                }

.cart-total .sec-title-two {
    padding-bottom: 32px;
}

.cart-total-table {
    border: 2px solid #ebebeb
}

    .cart-total-table li {
        border-bottom: 1px solid #ebebeb
    }

        .cart-total-table li:last-child {
            border-bottom: none
        }

        .cart-total-table li span.col.col-title {
            border-right: 1px solid #ebebeb;
            color: #272727;
            display: block;
            float: left;
            font-size: 16px;
            font-weight: 400;
            line-height: 28px;
            padding: 10px 18px;
            position: relative;
            width: 50%;
        }

        .cart-total-table li span.col {
            color: #9a9a9a;
            display: block;
            float: left;
            font-size: 16px;
            font-weight: 300;
            line-height: 28px;
            padding: 10px 18px;
            position: relative;
            width: 50%;
        }

            .cart-total-table li span.col b {
                color: #26cdff;
                font-weight: 300;
                text-decoration: underline;
            }

.cart-total .payment-options {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-top: 30px;
    overflow: hidden;
    padding: 23px 20px 35px;
}

    .cart-total .payment-options .option-block {
        margin-bottom: 14px
    }

        .cart-total .payment-options .option-block .checkbox {
            margin: 0 0 5px;
        }

            .cart-total .payment-options .option-block .checkbox label {
                font-weight: 300;
                min-height: 20px;
                padding-left: 20px;
            }

                .cart-total .payment-options .option-block .checkbox label input {
                    top: -1px;
                }

                .cart-total .payment-options .option-block .checkbox label span {
                    color: #252525;
                    padding-left: 10px;
                }

                    .cart-total .payment-options .option-block .checkbox label span b {
                        color: #26cdff;
                        display: inline-block;
                        font-size: 16px;
                        font-weight: 300;
                        padding-left: 25px;
                        text-decoration: underline;
                    }

        .cart-total .payment-options .option-block .text {
            padding-left: 30px;
        }

            .cart-total .payment-options .option-block .text p {
                margin: 0;
                line-height: 28px;
            }

.placeorder-button button {
}

    .placeorder-button button:hover {
    }

/*** 
=============================================
     shop style
=============================================
***/
.shop {
    position: relative;
    padding: 60px 0px 40px;
}

    .shop .hover-effect {
        margin-bottom: 15px;
        padding-top: 10px;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

        .shop .hover-effect:hover {
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            -webkit-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
        }

.single-shop-item .img-box {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background: #f7f7f7;
    text-align: center;
}

.single-shop-item:hover .img-box {
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.single-shop-item .img-box .offer-box {
    position: absolute;
    top: 10px;
    left: 10px;
}

    .single-shop-item .img-box .offer-box .inner {
        position: relative;
    }

        .single-shop-item .img-box .offer-box .inner:before {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            display: block;
            width: 0;
            height: 0;
            background-color: transparent;
            border-bottom: 35px solid transparent;
            border-bottom: 35px solid transparent;
            border-top: 35px solid #ab7442;
            border-left: 35px solid #ab7442;
            border-right: 35px solid transparent;
        }

        .single-shop-item .img-box .offer-box .inner span {
            display: block;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            line-height: 35px;
            -webkit-transform-origin: 70% 35%;
            transform-origin: 70% 35%;
        }

.single-shop-item .text-box h3,
.single-shop-item .text-box p {
    margin: 0;
}

.single-shop-item .text-box h3 {
    font-size: 18px;
    line-height: 50px;
    color: #1F1F1F;
    margin-top: 10px;
}

.single-shop-item .text-box p {
    font-size: 20px;
    line-height: 24px;
}

    .single-shop-item .text-box p i {
        font-size: 18px;
    }

    .single-shop-item .text-box p span {
        display: inline-block;
        vertical-align: top;
        color: #ab7442;
        font-size: 18px;
        font-weight: 400;
    }

    .single-shop-item .text-box p del {
        color: #9f9f9f;
        font-size: 14px;
        line-height: 24px;
        vertical-align: super;
        display: inline-block;
        font-weight: normal;
    }

        .single-shop-item .text-box p del i {
            font-size: 14px;
        }

.single-shop-item .thm-btn.thm-tran-bg {
    color: #ffffff;
    border-color: #fff;
}

.single-shop-item .thm-btn:hover {
    color: #26cdff;
    background: #ffffff;
}

.single-shop-item:hover .img-box .overlay {
    background-color: rgba(255, 255, 255, 0.9);
}

    .single-shop-item:hover .img-box .overlay .box .content ul li a {
        opacity: 1;
        -webkit-transform: translate3d(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
    }

.default-overlay-outer {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 10px;
    transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
}

    .default-overlay-outer .inner {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: table;
        vertical-align: middle;
        text-align: center;
    }

        .default-overlay-outer .inner .content-layer {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            color: #ffffff;
        }


.single-shop-item .default-overlay-outer {
    opacity: 0;
    top: -100%;
    background: rgba(72, 199, 236, 0.9);
}

.single-shop-item:hover .default-overlay-outer {
    top: 0;
    opacity: 1;
}

.single-shop-item .content-box {
    position: relative;
    padding: 20px 0px;
}

    .single-shop-item .content-box h4 {
        font-size: 14px;
        font-weight: 600;
        margin: 0px 0px;
        line-height: 1.4em;
        color: #252525;
        margin-bottom: 6px;
    }

    .single-shop-item .content-box a,
    .single-shop-item .content-boxa:hover {
        color: #b89b5e;
    }

    .single-shop-item .content-box h4 a {
        color: #252525;
        text-transform: uppercase;
    }

    .single-shop-item .content-box .rating {
        font-size: 13px;
        color: #26cdff;
        margin-bottom: 15px;
        position: absolute;
        right: 5px;
        top: 14px;
    }

    .single-shop-item .content-box .item-price {
        font-size: 16px;
        font-weight: 400;
        color: #26cdff;
        line-height: 24px;
    }

        .single-shop-item .content-box .item-price del {
            color: #a2a2a2;
            margin-left: 7px;
            font-size: 15px;
        }

        .single-shop-item .content-box .item-price .strike-through {
            color: #999999;
            font-weight: normal;
            font-size: 14px;
            padding-left: 10px;
            line-height: 20px;
            font-family: 'Lato',sans-serif;
        }


/*============================= Sidebar Style One ==================*/

.sidebar_styleOne .theme_title, .sidebar_styleTwo .theme_title {
    padding-bottom: 18px;
}

.sidebar_search {
    height: 54px;
    margin-bottom: 35px;
    position: relative;
}

    .sidebar_search input {
        width: 100%;
        height: 50px;
        border: none;
        border: 1px solid #f1f1f1;
        padding: 0 56px 0 12px;
        color: #9e9e9e;
    }

    .sidebar_search button {
        width: 54px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        color: #26cdff;
    }

.sidebar_categories {
    margin-top: 60px;
}

    .sidebar_categories ul {
        margin-top: 22px;
        margin-bottom: 35px;
    }

        .sidebar_categories ul li {
            line-height: 48px;
            border-bottom: 1px solid #f1f1f1;
        }

            .sidebar_categories ul li:last-child {
                border: none;
            }

            .sidebar_categories ul li a {
                font-weight: normal;
                color: #9e9e9e;
                position: relative;
            }

                .sidebar_categories ul li a:hover {
                    color: #ab7442;
                }

            .sidebar_categories ul li input[type="checkbox"] {
                float: right;
                position: relative;
                top: 14px;
            }

            .sidebar_categories ul li a:before {
                content: '\f114';
                font-family: 'FontAwesome';
                margin-right: 10px;
            }

    .sidebar_categories.archive ul li a:before {
        content: "\f00c";
    }

    .sidebar_categories ul li a:hover {
        color: #26cdff;
    }

.recent_news_sidebar .theme_title {
    margin-bottom: 40px;
}

.recent_news_sidebar {
    margin-bottom: 62px;
}

    .recent_news_sidebar .single_news_sidebar {
        margin-bottom: 29px;
    }

    .recent_news_sidebar .img_holder img {
        width: 75px;
        height: 75px;
        border-radius: 5px;
    }

    .recent_news_sidebar .post {
        padding-left: 26px;
        width: 72%;
        margin-top: -10px;
    }

        .recent_news_sidebar .post h6 a {
            font-size: 16px;
            color: #272727;
            line-height: 28px;
            font-weight: 900;
            margin-bottom: 2px;
        }

        .recent_news_sidebar .post p a {
            font-size: 14px;
        }

            .recent_news_sidebar .post p a i {
                margin-right: 4px;
                font-size: 16px;
            }

    .recent_news_sidebar .img_holder {
        position: relative;
    }

        .recent_news_sidebar .img_holder .opacity {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            border-radius: 5px;
            transform: scale(0.1);
            -webkit-transform: scale(0.1);
            -moz-transform: scale(0.1);
            -ms-transform: scale(0.1);
            -o-transform: scale(0.1);
        }

            .recent_news_sidebar .img_holder .opacity .icon {
                display: table;
                width: 100%;
                height: 100%;
            }

                .recent_news_sidebar .img_holder .opacity .icon span {
                    display: table-cell;
                    vertical-align: middle;
                }

                    .recent_news_sidebar .img_holder .opacity .icon span a {
                        display: block;
                        width: 45px;
                        height: 45px;
                        margin: 0 auto;
                        line-height: 45px;
                        border-radius: 50%;
                        color: #fff;
                        text-align: center;
                    }

    .recent_news_sidebar .single_news_sidebar:hover .opacity {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

.sidebar_tags {
    margin-bottom: 30px;
}

    .sidebar_tags ul {
        padding: 15px 0px;
    }

        .sidebar_tags ul li {
            display: inline-block;
            margin: 0 4px 8px 0;
        }

            .sidebar_tags ul li a {
                display: block;
                font-weight: normal;
                font-size: 15px;
                color: #9e9e9e;
                line-height: 32px;
                border: 1px solid #f1f1f1;
                background: #fff;
                border-radius: 2px;
                text-align: center;
                padding: 0 14px;
            }

                .sidebar_tags ul li a:hover {
                    color: #ffffff;
                    background: #26cdff;
                }

.single-sidebar.price-ranger .ui-widget-content {
    background: #f7f7f7;
    border: none;
    height: 2px;
}

.single-sidebar.price-ranger .ui-slider-handle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #222;
    margin-left: -4px;
    outline: none;
    background: #26cdff;
}

.single-sidebar.price-ranger .ui-slider .ui-slider-range {
    background: #252525;
}

.single-sidebar.price-ranger .ui-slider-horizontal .ui-slider-handle {
    top: -5px;
}

.single-sidebar.price-ranger #slider-range {
    margin-top: 25px;
}

.single-sidebar.price-ranger .ranger-min-max-block {
    margin-top: 20px;
    margin-bottom: 45px;
}

    .single-sidebar.price-ranger .ranger-min-max-block input {
        display: inline-block;
    }

        .single-sidebar.price-ranger .ranger-min-max-block input[type='submit'] {
            width: 80px;
            border: none;
            border-radius: 0px;
            text-align: center;
            outline: none;
            line-height: 35px;
            font-size: 14px;
            margin-right: 37px;
            color: #ffffff;
            font-weight: 700;
            background: #26cdff;
            text-transform: uppercase;
            border: 2px solid #26cdff;
        }

        .single-sidebar.price-ranger .ranger-min-max-block input[type='text'] {
            border: none;
            text-align: center;
            outline: none;
            width: 40px;
            color: #9c9c9c;
            font-weight: 400;
            text-align: right;
        }

            .single-sidebar.price-ranger .ranger-min-max-block input[type='text'].max {
            }

    .single-sidebar.price-ranger .ranger-min-max-block span {
        color: #9c9c9c;
        font-weight: 400;
    }

.best_sellers .theme_title {
    margin-bottom: 36px;
}

.best_sellers .best_selling_item .text {
    padding-left: 20px;
    margin-top: -3px;
}

    .best_sellers .best_selling_item .text h6 {
        font-size: 16px;
        font-weight: 700;
        color: #272727;
    }

    .best_sellers .best_selling_item .text ul li {
        display: inline-block;
        margin-right: 3px;
        font-size: 12px;
        margin-top: 10px;
        color: #26cdff;
    }

    .best_sellers .best_selling_item .text span {
        display: block;
        margin-top: 10px;
        color: #26cdff;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Roboto';
    }

.best_sellers .best_selling_item {
    margin: 20px 0 20px 0;
    padding-bottom: 17px;
}

    .best_sellers .best_selling_item.border {
        border-bottom: 1px solid #f7f7f7;
    }

.sidebar_styleTwo .sidebar_categories {
    margin-top: 30px;
}

.sidebar_styleTwo .sidebar_tags {
    margin: 19px 0 51px 0;
}
/*** 
=============================================
   page_pagination style
=============================================
***/
.page_pagination {
    text-align: center;
}

    .page_pagination li {
        display: inline-block;
        margin: 10px 4px 0;
    }

        .page_pagination li a {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 1px solid rgba(229, 229, 229, 0.57);
            text-align: center;
            color: #848484;
            font-size: 18px;
        }

            .page_pagination li a.active,
            .page_pagination li a:hover {
                color: #fff;
                background: #26cdff;
            }

/*
=================================================================
  page title style
=================================================================
*/
.bredcrumb {
    opacity: 1;
    position: relative;
}

.bg-image-holder, .bg-image {
    background-size: cover !important;
    background-position: top;
    transition: all 0.3s linear;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #404040;
    position: relative;
}

.bredcrumb .bg-image h1 {
    color: #ffffff;
    position: relative;
    font-weight: 700;
    margin-bottom: 0px;
}

.bredcrumb .bg-image:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15);
    opacity: 1;
    content: "";
}

.bredcrumb h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff;
}

.bredcrumb .middle {
    text-align: center;
    background-color: #f5f5f8;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px
}

    .bredcrumb .middle li {
        padding: 20px 10px;
        position: relative;
        display: inline-block;
        text-transform: capitalize;
        color: #222222;
        font-weight: 600;
    }

        .bredcrumb .middle li a {
            color: #191d1e;
        }

        .bredcrumb .middle li .inner {
            color: #ffffff
        }

        .bredcrumb .middle li:after {
            content: "\f105";
            right: -5px;
            top: 20px;
        }

        .bredcrumb .middle li:last-child:after {
            display: none;
            padding-left: 10px
        }

.bredcrumb ul li:after {
    position: absolute;
    content: '\f101';
    font-family: FontAwesome;
    top: 14px;
}


/*** 
=============================================
   Shop Single area  style
=============================================
***/
.shop-single-area {
    padding-bottom: 80px;
    padding-top: 80px;
}

.product-content-box {
    margin-bottom: 106px;
}

    .product-content-box .img-box {
        text-align: center;
    }

    .product-content-box .flexslider .slides img {
        width: auto;
        display: inline-block;
    }

    .product-content-box .flexslider {
        background: #f7f7f7 none repeat scroll 0 0;
        border: none;
        padding: 32px 0;
        border-radius: 0;
        margin: 0 50px 10px 0;
        position: relative;
        text-align: center;
    }

    .product-content-box .flex-viewport {
        border: none;
        max-height: 450px;
        -webkit-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
    }

    .product-content-box .flex-control-thumbs {
        margin: 10px 0 0;
        overflow: hidden;
        position: static;
        display: none;
    }

        .product-content-box .flex-control-thumbs li {
            float: left;
            margin: 0 3% 0 0;
            width: 25%;
        }

        .product-content-box .flex-control-thumbs img {
            border: medium none;
            cursor: pointer;
            display: block;
            height: auto;
            opacity: 0.6;
            -webkit-transition: all 1s ease 0s;
            transition: all 1s ease 0s;
            width: 100%;
            border: 3px solid #f7f7f7;
        }

        .product-content-box .flex-control-thumbs .flex-active {
            cursor: default;
            opacity: 1;
            border: 3px solid #ab7442;
        }

            .product-content-box .flex-control-thumbs .flex-active:focus {
                outline: none;
            }

    .product-content-box .content-box {
        margin-left: -50px;
    }

        .product-content-box .content-box h3 {
            color: #222;
            font-size: 24px;
            font-weight: 400;
            margin: 0 0 10px;
            text-transform: capitalize;
        }

        .product-content-box .content-box del {
            color: #a2a2a2;
            margin-left: 10px;
        }

        .product-content-box .content-box .review-box {
            margin: 0 0 10px;
        }

            .product-content-box .content-box .review-box ul li {
                display: inline-block;
                margin-right: 3px;
            }

            .product-content-box .content-box .review-box ul {
                display: inline-block;
                padding-right: 1px;
            }

                .product-content-box .content-box .review-box ul li i {
                    color: #26cdff;
                    font-size: 14px;
                }

        .product-content-box .content-box span.price {
            color: #26cdff;
            font-size: 22px;
        }

        .product-content-box .content-box .text {
            margin: 0px 0 0;
            overflow: hidden;
            padding: 24px 0 9px;
        }

        .product-content-box .content-box .location-box {
            margin: 4px 0 18px;
            position: relative;
        }

            .product-content-box .content-box .location-box p {
                color: #1f1f1f;
                margin: 0 0 12px;
            }

            .product-content-box .content-box .location-box form input {
                border: 2px solid #f7f7f7;
                height: 40px;
                padding-left: 10px;
                padding-right: 10px;
                width: 170px;
                -webkit-transition: all 500ms ease;
                transition: all 500ms ease;
            }

                .product-content-box .content-box .location-box form input:focus {
                    border-color: #26cdff;
                }

            .product-content-box .content-box .location-box form button {
                background: #f7f7f7 none repeat scroll 0 0;
                border: medium none;
                color: #292929;
                font-size: 14px;
                font-weight: 600;
                position: absolute;
                left: 178px;
                top: 37px;
                height: 40px;
                padding: 0;
                text-align: center;
                text-transform: uppercase;
                width: 95px;
                margin-left: 6px;
                -webkit-transition: all 500ms ease;
                transition: all 500ms ease;
            }

                .product-content-box .content-box .location-box form button:hover {
                    background: #26cdff;
                    color: #fff;
                }

            .product-content-box .content-box .location-box form span {
                color: #26cdff;
            }


        .product-content-box .content-box .addto-cart-box {
        }

            .product-content-box .content-box .addto-cart-box .input-group.bootstrap-touchspin {
                float: left;
                width: 70px;
                margin-right: 20px;
            }

            .product-content-box .content-box .addto-cart-box .form-control {
                background-color: #fff;
                background-image: none;
                border: 1px solid #eaeaea;
                border-radius: 0 !important;
                box-shadow: none;
                color: #272727;
                display: block;
                font-size: 18px;
                font-weight: 500;
                height: 50px;
                padding: 6px 0 8px;
                text-align: center;
            }

            .product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
                border-radius: 0
            }

            .product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
                border-radius: 0;
                margin-top: -2px;
            }

            .product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
                display: block;
                float: none;
                margin-left: -1px;
                max-width: 100%;
                padding: 12px 12px;
                position: relative;
                width: 100%;
            }

            .product-content-box .content-box .addto-cart-box .btn-default {
                background-color: #efefef;
                border-color: #efefef;
                color: #9e9e9e;
            }

            .product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
                color: #9e9e9e;
                font-weight: normal;
                left: 8px;
                position: absolute;
                top: 7px;
            }

            .product-content-box .content-box .addto-cart-box button.addtocart {
                margin-left: 25px;
            }


.product-tab-box {
    padding: 30px;
    padding-top: 0;
    border: 1px solid #f4f4f4;
}

    .product-tab-box .tab-menu {
        border-bottom: 1px solid #f7f7f7;
        margin-top: -50px;
        margin-bottom: 33px;
        position: relative;
        left: -31px;
    }

        .product-tab-box .tab-menu li {
            display: block;
            float: left;
            margin-bottom: -1px;
        }

            .product-tab-box .tab-menu li a {
                border: 1px solid transparent;
                border-radius: 0;
                display: block;
                margin-right: 10px;
                padding: 13px 35px;
                color: #1f1f1f;
                font-size: 16px;
                font-weight: 600;
                text-transform: capitalize;
                font-family: 'Newreader', serif;
                background: #f7f7f7;
                -webkit-transition: all 500ms ease;
                transition: all 500ms ease;
            }

            .product-tab-box .tab-menu li.active a, .product-tab-box .tab-menu li:hover a {
                background: #26cdff;
                color: #fff;
                border-color: #26cdff;
            }

    .product-tab-box .tab-content {
    }

        .product-tab-box .tab-content .review-box .single-review-box {
            margin-bottom: 10px;
            padding-bottom: 32px;
            padding-left: 80px;
            position: relative;
        }

            .product-tab-box .tab-content .review-box .single-review-box .img-holder {
                left: 0;
                position: absolute;
                top: 0;
            }

            .product-tab-box .tab-content .review-box .single-review-box .text-holder {
                border: 1px solid #f4f4f4;
                padding: 20px;
            }

                .product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
                    margin: 0 0 8px;
                    overflow: hidden;
                }


                    .product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
                        margin-top: -4px;
                        padding-left: 20px;
                    }

                        .product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
                            display: inline-block;
                            margin-right: 3px;
                        }

                            .product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
                                color: #26cdff;
                                font-size: 14px;
                            }

                    .product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-date {
                        color: #ab7442;
                        margin-top: -5px;
                    }

                .product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
                    margin: 0 0 15px;
                }

                .product-tab-box .tab-content .review-box .single-review-box .text-holder .text a.reply {
                    color: #ab7442;
                    font-size: 14px;
                    font-weight: 600;
                    text-transform: uppercase;
                    font-family: 'Newsreader', serif;
                }

        .product-tab-box .tab-content .product-details-content {
            margin-top: -5px;
        }

            .product-tab-box .tab-content .product-details-content .highlight {
                margin: 42px 0 0;
            }

                .product-tab-box .tab-content .product-details-content .highlight .highlight-title {
                    color: #292929;
                    font-size: 24px;
                    font-weight: 600;
                    text-transform: uppercase;
                    margin: 0 0 28px;
                }

                .product-tab-box .tab-content .product-details-content .highlight li {
                    position: relative;
                    padding-bottom: 12px;
                    padding-left: 25px;
                }

                    .product-tab-box .tab-content .product-details-content .highlight li:before {
                        content: "\f00c";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        color: #ab7442;
                        font-size: 14px;
                        position: absolute;
                        top: 0px;
                        left: 0;
                    }

        .product-tab-box .tab-content .review-form {
            padding-top: 16px;
        }

            .product-tab-box .tab-content .review-form .sec-title-two {
                padding-bottom: 34px;
            }

            .product-tab-box .tab-content .review-form .add-rating-box {
                margin: 0 0 23px;
            }

                .product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
                    color: #292929;
                    font-size: 14px;
                    font-weight: 400;
                    margin: 0 0 10px;
                    text-transform: none;
                }

                .product-tab-box .tab-content .review-form .add-rating-box ul li {
                    display: inline-block;
                    margin: 0 0px;
                    border-right: 1px solid #e5e5e5;
                    padding: 0 11px;
                }

                    .product-tab-box .tab-content .review-form .add-rating-box ul li:last-child {
                        margin-right: 0;
                    }

                    .product-tab-box .tab-content .review-form .add-rating-box ul li a i {
                        color: #ddd;
                        margin-right: 3px;
                        -webkit-transition: all 500ms ease;
                        transition: all 500ms ease;
                        font-size: 14px;
                    }

                    .product-tab-box .tab-content .review-form .add-rating-box ul li.active a i,
                    .product-tab-box .tab-content .review-form .add-rating-box ul li a:hover i {
                        color: #26cdff;
                    }

            .product-tab-box .tab-content .review-form form input[type="text"], .product-tab-box .tab-content .review-form form textarea {
                height: 50px;
                width: 100%;
                border: 1px solid #eaeaea;
                color: #9e9e9e;
                font-size: 14px;
                padding: 0 15px;
                margin-bottom: 30px;
                -webkit-transition: all 500ms ease;
                transition: all 500ms ease;
            }

            .product-tab-box .tab-content .review-form form textarea {
                height: 110px;
                padding: 10px 15px;
                margin-bottom: 32px;
            }

            .product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i {
                opacity: 1;
            }

            .product-tab-box .tab-content .review-form form input[type="text"]:focus {
                border-color: #26cdff;
            }

            .product-tab-box .tab-content .review-form form textarea:focus {
                border-color: #26cdff;
            }

.related-product {
    border-top: 1px solid #f7f7f7;
    margin-top: 60px;
    padding-top: 56px;
}

    .related-product .single-product-item {
        margin-bottom: 0;
    }

    .related-product .owl-controls {
        position: absolute;
        right: 0px;
        top: -90px;
    }

    .related-product .owl-theme .owl-nav [class*="owl-"] {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 2px solid #f7f7f7;
        border-radius: 50%;
        color: #cccbcb;
        font-size: 20px;
        height: 45px;
        line-height: 42px;
        margin: 0;
        padding: 0;
        text-align: center;
        -webkit-transition: all 700ms ease 0s;
        transition: all 700ms ease 0s;
        width: 45px;
        font-weight: 900;
    }

        .related-product .owl-theme .owl-nav [class*="owl-"] i {
            font-size: 20px;
            font-weight: 900;
        }

    .related-product .owl-theme .owl-nav .owl-next {
        margin-left: 10px
    }

    .related-product .owl-theme .owl-nav [class*="owl-"]:hover {
        color: #fff;
        background: #ab7442;
        border: 2px solid #ab7442;
    }

.product-review-tab .add_your_review .review-title h3 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    color: #252525;
}

.tab-title-h4 h4 {
    color: #3d3d3d;
    font-size: 20px;
    margin-bottom: 40px;
}

/*
===================================================
  footer style
===================================================
*/
footer {
   /* position: relative;
    padding-top: 100px;
    padding-bottom: 20px;
    background: #191d1e;
    width: 100%;*/
}


.footer .footer-text a .footer-logo {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .footer .footer-text a .footer-logo {
        margin-bottom: 30px;
    }
}

.footer .single-sidebar .popular-post li .title-holder a .post-title {
    color: #fff !important
}

.footer .single-sidebar .popular-post li {
    border-bottom-color: rgba(204, 204, 204, .5);
}

.footer .sidebar-wrapper .single-sidebar .wedgit-title {
    padding-bottom: 20px !important
}

.footer .footer-text p {
    color: #ffffff;
    font-size: 14px;
    margin-top: 30px
}

.footer .wedgit-title h3 {
    color: #fff !important;
    font-size: 24px !important;
    text-transform: capitalize !important;
}

@media (min-width: 768px) {
    .footer .footer-text p {
        font-size: 13px;
        line-height: 24px;
    }
}

@media (min-width: 992px) {
    .footer .footer-text p {
        font-size: 14px;
        line-height: 26px;
    }
}

.footer h3 {
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .footer h3 {
        margin-top: 0px;
    }
}

.footer .social-icons {
    margin-top: 20px;
    margin-left: -10px;
}

    .footer .social-icons .btn-social-o {
        background-color: transparent !important;
        color: #ffffff;
        font-size: 14px;
    }

@media (min-width: 768px) {
    .footer .social-icons .btn-social-o {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 992px) {
    .footer .social-icons .btn-social-o {
        width: 30px;
        height: 30px;
    }
}

.footer .social-icons .btn-social-o:hover {
    color: #26cdff;
}

.footer .instagram ul {
    padding: 0 10px;
    margin-top: 20px;
}

.footer .instagram li {
    width: auto;
    overflow: hidden;
    padding: 10px 5px 0;
}

    .footer .instagram li img {
        width: 100%;
        height: 100%;
    }

.links {
    padding-left: 0px;
}

@media (min-width: 992px) {
    .links {
        padding-left: 10px;
    }
}

.links ul {
    margin-top: 25px;
}

.links li a {
    display: block;
    position: relative;
    color: #ffffff;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .links li a {
        font-size: 13px;
        margin-top: 15px;
    }
}

@media (min-width: 992px) {
    .links li a {
        font-size: 14px;
        margin-top: 20px;
    }
}

.links li a:before {
    position: absolute;
    content: "\f101";
    font-family: 'FontAwesome';
    left: 0;
    transition: color 0.3s ease;
}

.links li a:hover {
    color: #26cdff;
    opacity: 1 !important;
}

    .links li a:hover:before {
        color: #26cdff;
    }

.location ul {
    margin-top: 25px;
}

    .location ul li {
        color: #ffffff;
        margin-top: 15px;
        font-size: 14px;
        padding-left: 25px;
    }

@media (min-width: 768px) {
    .location ul li {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    .location ul li {
        font-size: 14px;
    }
}

.location ul li:first-child {
    padding-left: 0px;
}

.location ul li a {
    color: #ffffff;
}

    .location ul li a:hover {
        color: #26cdff;
        opacity: !important;
    }

.location ul li i {
    display: inline-block;
    position: absolute;
    left: 15px;
    margin-top: 4px;
}

.copyright {
    margin-top: 50px;
}

    .copyright hr {
        background-color: #ffffff;
        opacity: 0.2;
        margin-top: 0px;
    }

    .copyright p {
        color: #ffffff;
    }

        .copyright p a {
            color: #ccc;
        }

            .copyright p a:hover {
                color: #26cdff !important;
            }

/*
================================================
   business features style
================================================
*/
.min-features {
    padding: 50px 0 70px
}

.single-features {
    background: #191d1e;
    padding: 30px 15px;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

    .single-features:hover {
        background: #ab253c
    }

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.single-features .media img {
    max-height: 64px;
    max-width: 64px;
    margin-right: 20px;
    object-fit: cover;
}

.single-features .media-body h5 {
    font-size: 20px;
    color: #f1f1f1;
    margin-top: 0;
    padding-top: 12px;
}
/*
================================================
   about style
================================================
*/
.about {
    padding: 100px 0px 100px;
}

    .about .item-list .item.clearfix {
        margin-top: 20px;
    }

@media (max-width: 992px) {
    .about .item .image-box img {
        margin-bottom: 30px
    }

    .about.more .item .image-box img {
        margin-top: 30px;
        margin-bottom: 0 !important
    }
}

.about .item-list .item .content-box {
}

    .about .item-list .item .content-box h4 {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        font-weight: 400;
        /* color:#222222;*/
        line-height: 27px;
    }

.about.about-2 .item-list .item.clearfix {
    margin-top: 20px
}

.about.about-2 .item-list .item .content-box p {
    padding-bottom: 30px;
    border-bottom: 0px solid #ededed;
}

.about .item-list .item .content-box p {
    max-width: 720px;
    /*color:#666666;*/
    margin-top: 26px;
    padding-bottom: 28px;
}

.about .item .image-box img {
    width: auto;
    max-width: 100%;
}

.s-list {
    margin-top: 30px
}

    .s-list li {
        margin-bottom: 10px;
        color: #777;
        font-size: 15px
    }

    .s-list span.fa {
        font-size: 16px;
        color: #26cdff;
        margin-right: 10px;
    }

.about.style-two {
    padding-top: 100px;
}

@media (max-width: 992px) {
    .about .bity img {
        margin-top: 30px
    }
}

.about .about-links li {
    display: inline-block;
    margin: 30px 10px 0px 0px;
}

    .about .about-links li a {
        letter-spacing: 1px;
    }
/*
------------------------------------------------
  Fact Counter 
------------------------------------------------
*/
.countup-section {
    background-position: top center !important
}

    .countup-section.bg-image:before {
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: linear-gradient( rgba(116, 17, 21, 0.95), rgba(116, 17, 21, 0.75) );
    }

    .countup-section .single_block {
        position: relative;
    }

    .countup-section .counter,
    .countup-section span.count {
        font-weight: 700;
        padding-bottom: 10px;
        font-size: 40px;
        z-index: 555;
        color: #26cdff;
        display: inline-block;
    }

@media (min-width: 768px) {
    .countup-section .counter,
    .countup-section span.count {
        font-size: 40px;
    }
}

@media (min-width: 992px) {
    .countup-section .counter,
    .countup-section span.count {
        font-size: 50px;
    }
}

.countup-section .icon-box {
    margin: 0 auto 20px;
}

    .countup-section .icon-box img {
        position: relative;
        max-width: 64px;
        margin-top: 9px;
    }

@media (min-width: 768px) {
    .countup-section .single_block {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .countup-section {
        padding: 80px 0
    }

        .countup-section .single_block {
            margin: 20px 0;
        }
}

.countup-section h3 {
    color: #ffffff;
    font-size: 18px;
    padding-top: 10px
}

/*
------------------------------------------------
  Ask Question 
------------------------------------------------
*/
.ask-question {
    position: relative;
    padding: 100px 0;
    background: url(../images/ask-bg.jpg) bottom center no-repeat;
    background-size: cover
}

    .ask-question .ask-box {
        background: #555;
        padding: 35px 0 35px 30px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

        .ask-question .ask-box:hover,
        .ask-question .ask-box.active {
            background: #191d1e
        }

            .ask-question .ask-box.active:hover {
                background: #ab253c;
            }

                .ask-question .ask-box.active:hover .ask-circle {
                    border-color: #191d1e;
                }

    .ask-question .ask-circle {
        float: left;
        width: 70px;
        height: 70px;
        border: 2px solid #76ccde;
        border-radius: 100%;
        text-align: center;
        margin-right: 15px;
    }

        .ask-question .ask-circle span {
            vertical-align: middle;
            font-size: 32px;
            margin-top: 15px;
            line-height: 1;
            color: #fff
        }

    .ask-question .ask-info {
        margin: 0 65px 0 85px;
        color: #fff
    }

        .ask-question .ask-info h3 {
            font-size: 20px;
            margin-bottom: 10px
        }

    .ask-question .ask-arrow {
        top: 0;
        position: absolute;
        right: 0;
        width: 60px;
        height: 100%;
        text-align: center;
        float: right;
        background: rgba(255,255,255,0.2);
    }

        .ask-question .ask-arrow span {
            border-radius: 100%;
            background: #fff;
            display: inline-block;
            padding: 4px;
            font-size: 20px;
            width: 30px;
            height: 30px;
            font-weight: normal;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

/*
===========================================================
  how-it-work
===========================================================
*/
.how-it-work {
    padding: 100px 0 70px
}

    .how-it-work .how-one-container {
        margin-top: 66px
    }

    .how-it-work .sec-title p {
        max-width: 650px;
        margin: 0 auto;
        /*  color: #848484; */
        margin-top: 20px;
    }

.how-box-one {
    position: relative;
    padding: 40px 20px;
    margin-bottom: 30px;
    transition: all .3s;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

    .how-box-one:hover,
    .how-box-one.active {
        box-shadow: 0 0 35px rgba(0,0,0,.1);
    }

    .how-box-one:after {
        content: '';
        position: absolute;
        top: 0;
        right: -100px;
        width: 200px;
        height: 120px;
        background: url(../images/arrow-big.png) center center no-repeat;
    }

    .how-box-one:last-child:after {
        display: none
    }

@media (max-width:991px) {
    .how-box-one:after {
        display: none
    }
}

.how-box-one .icon-box {
    position: relative;
    font-size: 32px;
    width: 64px;
    height: 64px;
    line-height: 80px;
    margin: 0 auto 30px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.how-box-one h4 {
    position: relative;
    line-height: 1.6em;
    text-transform: capitalize;
    margin-bottom: 7px;
    color: #222;
    font-weight: 500;
}

    .how-box-one h4 a {
        color: #26cdff;
        font-size: 22px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

.how-box-one .text {
    position: relative;
    line-height: 1.8em;
    padding: 0px;
    color: #fff
}

.how-box-one h3 a {
    position: relative;
    color: #2a2a2a;
}


/*
===========================================================
  get-quote-section style
===========================================================
*/
.get-quote-section {
    position: relative;
    padding: 0px 0px;
    overflow: visible;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

    .get-quote-section .sec-title {
        color: #fff
    }

    .get-quote-section:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(28,28,28,0.50);
    }

    .get-quote-section .auto-container {
        position: relative;
        z-index: 1;
    }

    .get-quote-section .form-column {
        position: relative;
        padding-top: 90px;
        /*padding-bottom: 80px*/
    }

    .get-quote-section .form-box .field-label {
        color: #fff;
    }

    .get-quote-section .form-box .check-box label {
        color: #fff;
    }

    .get-quote-section .form-box .row {
        margin: 0px -10px;
    }

        .get-quote-section .form-box .row .form-group {
            padding: 0px 10px;
        }

    .get-quote-section .image-column .image {
        position: relative;
        right: -70px;
        margin-top: -85px;
    }

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="tel"],
.default-form input[type="url"],
.default-form select,
.default-form textarea {
    display: block;
    width: 100%;
    line-height: 24px;
    height: 52px;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    padding: 13px 20px;
    background-color: #ffffff;
    color: #333333;
    border-radius: 0px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.default-form select {
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/icon-select.png) right center no-repeat;
}

.default-form textarea {
    height: 140px;
    resize: none;
}

.default-form select option {
    text-indent: 20px;
    color: #222222;
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus {
    border-color: #3ba5ea;
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error {
    border-color: #ff0000 !important;
}

.default-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ff0000;
    font-weight: 500;
}

/*
===========================================================
   our-services style
===========================================================
*/
.our-services {
    overflow: hidden;
    position: relative;
    padding: 100px 0 70px;
    background: #f8f8f8;
}

    .our-services.rotated-bg:before {
        content: '';
        position: absolute;
        width: 1000px;
        transform: translate(-50%, -50%) rotate(45deg);
        height: 886px;
        left: 10%;
        top: 58%;
        background: #416899;
    }

    .our-services .sec-title {
        text-align: center;
    }

        .our-services .sec-title p {
            max-width: 650px;
            margin: 0 auto;
            /*color: #848484;*/
            margin-top: 20px;
        }

    .our-services .clearfix {
        margin-top: 66px;
    }

.single-service-item {
    margin-bottom: 26px;
    position: relative;
    padding: 38px 20px 38px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 35px rgba(0,0,0,.1);
    -webkit-transition: .5s;
    transition: .5s;
    border: 2px solid #eee;
}

    .single-service-item:hover {
        border-color: #af2d43;
        -webkit-transition: .5s;
        transition: .5s;
    }


.our-services .single-service-item .service-icon {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}


    .our-services .single-service-item .service-icon img {
        max-height: 64px
    }

.single-service-item:hover .service-icon {
    background: #fff;
    border-radius: 50px;
    -webkit-transition: .5s;
    transition: .5s;
}

.service-text {
    overflow: hidden;
}

    .service-text h4 {
        text-transform: capitalize;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 10px;
    }

        .service-text h4 a {
            color: #191d1e;
            transition: .5s;
        }

            .service-text h4 a:hover {
                color: #26cdff;
                transition: .5s;
            }

    .service-text p {
        /*color: #777777;*/
        font-family: 'Newsreader', serif;
        font-size: 14px;
        line-height: 22px;
    }

/*
====================================================================
    currency-exchange style
====================================================================
*/
.prices {
    position: relative;
    padding: 100px 0;
    text-align: center;
}

    .prices .sec-title p {
        max-width: 650px;
        margin: 0 auto;
        color: #848484;
        margin-top: 20px;
    }

    .prices .table {
        margin-top: 46px;
        margin-bottom: 0
    }

    .prices .currency-icon {
        max-width: 25px;
        margin-right: 15px
    }

    .prices .up {
        color: #43c443
    }

    .prices .down {
        color: red
    }

    .prices .chart {
        margin-top: 46px
    }

.tv-embed-widget-wrapper__heade {
    display: none;
}

.tv-screener__symbol {
    color: #26cdff
}
/*
====================================================================
    currency-exchange style
====================================================================
*/
.currency-exchange {
    position: relative;
    padding: 100px 0;
}

    .currency-exchange .sec-title p {
        max-width: 650px;
        margin: 0 auto;
        color: #848484;
        margin-top: 20px;
    }
/*
====================================================================
    recent-project style
====================================================================
*/
.recent-project {
    position: relative;
    padding: 100px 0 100px;
    background: #f9f9f9;
}

.style-3.recent-project,
.style-2.recent-project {
    padding: 109px 0 121px;
    background: #fff;
}

.recent-project .sec-title {
    color: #fff;
}

.recent-project .single-item .img-holder {
    position: relative;
    overflow: hidden;
}

    .recent-project .single-item .img-holder img {
        width: 100%;
    }


.style-2.recent-project .single-item .img-holder img {
    width: 100%;
}

.recent-project .single-item .img-holder .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(40,47,57, .67);
    text-align: center;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.recent-project .single-item:hover .img-holder .overlay {
    opacity: 1;
}

.recent-project .single-item .img-holder .overlay .inner {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.recent-project .link_btn {
    margin-bottom: 30px;
}

.recent-project .single-item .img-holder .overlay .social {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 30px;
    position: relative;
}

    .recent-project .single-item .img-holder .overlay .social li {
        display: inline;
        margin-right: 4px;
    }

        .recent-project .single-item .img-holder .overlay .social li a {
            display: inline-block;
            text-align: center;
            line-height: 30px;
            color: #fff;
            -webkit-transition: .5s ease-in;
            transition: .5s ease-in;
        }

    .recent-project .single-item .img-holder .overlay .social a i:before {
        font-size: 30px;
        color: #fff;
        margin: 0px;
    }

.recent-project .single-item .content-holder {
    text-align: left;
    background: #fff;
    display: block;
    overflow: hidden;
    padding: 20px 11px 20px 24px;
}

.style-3.recent-project .single-item .content-holder:before {
    background: transparent;
}

.style-3.recent-project .single-item .content-holder {
    background: transparent;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.style-2.recent-project .single-item .content-holder {
    border: 1px solid #f4f4f4;
    border-top: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.style-3.recent-project .single-item .content-holder h4 a {
    color: #fff;
}

.style-2.recent-project .single-item .content-holder h4 {
    margin-top: 25px;
}

.recent-project .single-item .content-holder:before {
    background: #26cdff;
}

.recent-project .single-item:hover .content-holder {
    border-top-color: #282F39;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.style-2.recent-project .single-item:hover .content-holder {
    border-color: #08c1d7;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.style-3.recent-project .single-item:hover .content-holder {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: inherit;
    transition: inherit;
}

.recent-project .single-item:hover .content-holder:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.recent-project .single-item:hover .content-holder h4 a {
    color: #fff;
}

.recent-project .single-item:hover .content-holder p {
    color: #fff;
}

.recent-project .single-item .content-holder h4 {
    text-transform: capitalize;
    color: #222222;
    font-weight: 500;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .recent-project .single-item .content-holder h4 a {
        color: #222222;
    }

        .recent-project .single-item .content-holder h4 a:hover {
            color: #fff;
        }

.recent-project .single-item .content-holder p {
    margin: 0;
}

.recent-project .content-box {
    color: #fff;
    position: relative;
}

.recent-project .owl-controls {
    position: absolute;
    bottom: 106px;
    left: -210px;
}

    .recent-project .owl-controls .owl-next {
        position: absolute;
        right: 0px;
        top: 0px;
        background: #4f4d4d;
        color: #fff;
        width: 40px;
        height: 40px;
        font-size: 0px;
        overflow: hidden;
        margin: 0px !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

    .recent-project .owl-controls .owl-prev {
        position: absolute;
        right: 48px;
        top: 0px;
        background: #4f4d4d;
        color: #fff;
        width: 40px;
        height: 40px;
        font-size: 0px;
        overflow: hidden;
        margin: 0px !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

        .recent-project .owl-controls .owl-next:hover,
        .recent-project .owl-controls .owl-prev:hover {
            background-color: #26cdff;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

.recent-project .owl-theme .owl-next:after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: 2px;
    display: block;
    font-size: 24px;
    text-align: center;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.recent-project .owl-theme .owl-prev:after {
    content: '\f104';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: 2px;
    display: block;
    font-size: 24px;
    text-align: center;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* 
=======================================================
  20. call-to-action styles 
=======================================================
*/

.promotion {
    padding: 100px 0
}

    .promotion .inner_promotion {
        background: linear-gradient(rgba(3, 61, 117, 0.9),rgba(3, 61, 117, 0.9)),url(../images/bg-2.jpg);
        padding: 50px 30px 30px;
        background-size: cover;
        border-radius: 5px;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

        .promotion .inner_promotion h2 {
            color: #fff
        }

    .promotion .sec-title h2.center:before {
        background: #fff
    }

    .promotion .sec-title p {
        max-width: 650px;
        color: #fff;
        margin-top: 20px;
    }

    .promotion .inner_promotion span {
        font-size: 18px;
        color: #fff;
        margin-right: 30px;
        display: inline-block;
    }

        .promotion .inner_promotion span i {
            width: 45px;
            height: 45px;
            font-size: 18px;
            line-height: 45px;
            border: 1px solid #fff;
            border-radius: 50%;
            margin-right: 15px
        }

    .promotion .inner_promotion strong {
        font-weight: bold;
        margin-right: 40px;
    }

    .promotion .inner_promotion .button {
        display: inline-block;
    }

.thm-btn.inverse:hover {
    color: #26cdff;
    border-color: #222
}

.promotion a.thm-btn {
    padding: 4px 26px;
    margin: 7px 0;
    background: #fff;
    color: #222222;
    letter-spacing: 1px;
}
/*
================================================
    22. team Section
================================================
*/
.our-team {
    position: relative;
    padding: 100px 0 100px;
    background: #f8f8f8;
}

    .our-team.style-two {
        padding: 70px 0px 100px;
    }

        .our-team.style-two .single-team {
            margin-top: 30px;
        }

.style-3.our-team,
.style-2.our-team {
    padding: 109px 0 121px;
    background: #fff;
}

.our-team .sec-title p {
    max-width: 650px;
    /*color:#848484;*/
}

.our-team .single-team {
    margin-top: 15px;
    position: relative;
    overflow: hidden;
}

.our-team .brands {
    margin-top: 10px !important;
    position: relative;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 3px;
}

    .our-team .single-team img, .our-team .brands img {
        width: 100%;
        height: auto;
    }

.our-team .team-content {
    width: 100%;
    height: auto;
    background: #191d1e;
    padding: 16px 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease 0s;
}

.our-team .single-team:hover .team-content {
    background: #ab253c;
    /*border:2px solid #af2d43;*/
}

.our-team .single-team .title {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    transition: all 0.5s ease 0s;
}

.our-team .single-team:hover .title {
    color: #fff;
    margin-bottom: 10px;
}

.our-team .post {
    display: block;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    line-height: 15px;
    height: 0;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease 0s;
}

.our-team .single-team:hover .post {
    height: 18px;
    opacity: 1;
    transform: scale(1);
}

.our-team .owl-controls .owl-nav {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin: 0;
    margin-bottom: 60px;
}

.our-team .owl-controls .owl-next {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #416899;
    border: 2px solid #191d1e;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 0px;
    overflow: hidden;
    margin: 0px !important;
}

.our-team .owl-controls .owl-prev {
    position: absolute;
    right: 48px;
    top: 0px;
    background: #416899;
    border: 2px solid #191d1e;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 0px;
    overflow: hidden;
    margin: 0px !important;
}

    .our-team .owl-controls .owl-next:hover,
    .our-team .owl-controls .owl-prev:hover {
        background: #fff;
        color: #ffffff;
        border: 2px solid #ab253c;
    }

.our-team .owl-theme .owl-next:after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: 2px;
    display: block;
    font-size: 24px;
    text-align: center;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}

.our-team .owl-theme .owl-prev:after {
    content: '\f104';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: 2px;
    display: block;
    font-size: 24px;
    text-align: center;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}

.newprint-brand-section .brands {
    margin-top: 0 !important;
    padding: 20px;
    background: #fff;
}

.newprint-brand-section .brands img {
    height: 120px;
    object-fit: contain;
}

.newprint-brand-section .brand-name {
    display: block;
    margin-top: 12px;
    color: #741115;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

.newprint-brand-section .brands a:focus-visible {
    outline: 2px solid #741115;
    outline-offset: 4px;
}

.newprint-brand-section .sec-title h2.left:before {
    background: #741115;
}

.newprint-brand-section .owl-controls .owl-nav {
    position: static;
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 20px 0 0;
}

.newprint-brand-section .owl-controls .owl-nav .owl-prev,
.newprint-brand-section .owl-controls .owl-nav .owl-next {
    position: relative;
    top: auto;
    right: auto;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #741115;
    border-radius: 50%;
    background: #fff;
    color: #741115;
    font-size: 0;
    cursor: pointer;
}

.newprint-brand-section .owl-controls .owl-nav .owl-prev:hover,
.newprint-brand-section .owl-controls .owl-nav .owl-next:hover,
.newprint-brand-section .owl-controls .owl-nav .owl-prev:focus-visible,
.newprint-brand-section .owl-controls .owl-nav .owl-next:focus-visible {
    border-color: #741115;
    background: #741115;
    color: #fff;
}

.newprint-brand-section .owl-controls .owl-nav .owl-prev:focus-visible,
.newprint-brand-section .owl-controls .owl-nav .owl-next:focus-visible {
    outline: 2px solid #741115;
    outline-offset: 3px;
}

.newprint-brand-section .owl-theme .owl-prev:after,
.newprint-brand-section .owl-theme .owl-next:after {
    top: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: inherit;
    transition: none;
}

@media (max-width: 599px) {
    .newprint-brand-section .brands {
        padding: 16px;
    }

    .newprint-brand-section .brands img {
        height: 112px;
    }
}

/*** 

====================================================================
    FAQ
====================================================================

 ***/
.freq-ask {
    padding: 100px 0
}

    .freq-ask .faqs {
        margin-top: 46px
    }

.accordion-box {
    position: relative;
    padding: 0px 30px;
    margin-bottom: 0;
    background: #fafafa;
}

    .accordion-box .block {
        position: relative;
        margin-bottom: 0px;
        border-bottom: 1px solid #e0e0e0;
    }

        .accordion-box .block:last-child {
            border-bottom: none;
        }

        .accordion-box .block .acc-btn {
            position: relative;
            font-size: 16px;
            margin-bottom: 0px;
            cursor: pointer;
            line-height: 30px;
            text-transform: capitalize;
            font-weight: 600;
            padding: 20px 40px 20px 0px;
            overflow: hidden;
            color: #2a2a2a;
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            z-index: 1;
        }

            .accordion-box .block .acc-btn .icon-outer {
                position: absolute;
                display: block;
                right: 0px;
                top: 20px;
                width: 30px;
                height: 30px;
                line-height: 28px;
                font-weight: normal;
                text-align: center;
                color: #1a1a1a;
                background: #ffffff;
                border: 1px solid #1a1a1a;
                border-radius: 0px;
            }

                .accordion-box .block .acc-btn .icon-outer .icon {
                    position: absolute;
                    display: block;
                    left: 0px;
                    top: 50%;
                    background: #26cdff;
                    margin-top: -15px;
                    width: 100%;
                    height: 30px;
                    line-height: 30px;
                    font-size: 12px;
                    transition: all 500ms ease;
                    -moz-transition: all 500ms ease;
                    -webkit-transition: all 500ms ease;
                    -ms-transition: all 500ms ease;
                    -o-transition: all 500ms ease;
                }

            .accordion-box .block .acc-btn.active .icon-outer {
                color: #fff
            }

                .accordion-box .block .acc-btn.active .icon-outer .fa-plus:before {
                    content: '\f068';
                }

        .accordion-box .block .acc-content {
            position: relative;
            display: none;
        }

            .accordion-box .block .acc-content.current {
                display: block;
            }

        .accordion-box .block .content {
            position: relative;
            font-size: 14px;
            color: #666666;
            padding: 3px 0px 23px;
        }

    .accordion-box.style-two .block .content {
        background: #fafafa;
    }

    .accordion-box .block .content p {
        margin-bottom: 15px;
        line-height: 1.9em;
    }

        .accordion-box .block .content p:last-child {
            margin-bottom: 0px;
        }

/*
=================================================
  Status style
=================================================
*/
.status {
    position: relative;
    padding: 100px 0
}

.cryptocompare-logo {
    display: none;
}

.amcharts-graph-column-front.amcharts-graph-column-element,
.amcharts-legend-marker {
    fill: #26cdff;
    stroke: #26cdff;
}

.amcharts-graph-fill {
    fill: #26cdff;
}

/*
==================================================
  23. two-column style
==================================================
*/
.two-column {
    padding: 100px 0px 0px;
}

    .two-column .sec-title {
        margin-bottom: 30px;
    }

        .two-column .sec-title h2 {
        }

        .two-column .sec-title p {
            max-width: 650px;
            margin: 0 auto;
            color: #848484;
            margin-top: 15px;
        }

    .two-column .content-box {
        padding: 130px 0px 50px;
        position: relative;
    }

        .two-column .content-box p {
            color: #666666;
        }

        .two-column .content-box .clearfix {
            margin-top: 30px;
        }

    .two-column .inner-box .image-box {
        position: relative;
        text-align: center;
    }

        .two-column .inner-box .image-box img {
            width: auto;
            max-width: 100%;
            display: inline-block;
        }

.single-choose-item {
    margin-bottom: 30px;
    position: relative;
    background: #fff;
    border: 1px solid #26cdff;
    -webkit-transition: .5s;
    transition: .5s;
}

.choose-left-bg {
    float: left;
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 60px;
    -webkit-transition: .5s;
    transition: .5s;
}

.choose-icon {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    margin-top: 20px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-align: center;
}

    .choose-icon i, .choose-icon i:before {
        font-size: 36px;
        color: #26cdff;
        position: relative;
        top: 1px;
        margin: 0;
    }

        .choose-icon i, .choose-icon i:before {
            font-size: 36px;
            color: #26cdff;
            position: relative;
            top: 1px;
            margin: 0;
        }

.choose-text {
    overflow: hidden;
    padding: 26px 0px 26px;
}

    .choose-text h3 {
        font-size: 20px;
        font-weight: 500;
        padding-right: 10px;
        margin-bottom: 13px;
        margin-top: 0;
        text-transform: capitalize;
    }

        .choose-text h3 a {
            color: #222222;
            transition: .5s;
        }

            .choose-text h3 a:hover {
                color: #26cdff;
                transition: .5s;
            }

    .choose-text p {
        color: #777777;
        font-family: 'Newsreader', serif;
        padding-right: 10px;
        font-size: 14px;
        line-height: 22px;
    }


/*** 

====================================================================
    service-single Section style
====================================================================

***/
.service-single {
    padding: 100px 0px 70px;
}

@media (min-width: 768px) {
    .sidebar .list-group {
        margin-bottom: 0;
    }
}

.outer-box {
    margin-bottom: 50px;
}

.service-single .heading_s {
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

    .service-single .heading_s:after {
        content: '';
        width: 30px;
        height: 2px;
        background: #26cdff;
        display: block;
        margin-top: 15px;
    }

.service-single .list-group .list-group-item {
    margin-top: 8px;
}

    .service-single .list-group .list-group-item a {
        padding-bottom: 5px;
        padding-top: 5px
    }

    .service-single .list-group .list-group-item:hover {
        background: #26cdff;
        cursor: pointer;
    }

        .service-single .list-group .list-group-item:hover a {
            color: #fff
        }

    .service-single .list-group .list-group-item:first-child {
        margin-top: 0px;
        background: #26cdff
    }

    .service-single .list-group .list-group-item a {
        font-size: 14px;
        font-weight: 600;
        position: relative;
        color: #222222;
        padding-left: 20px;
    }

        .service-single .list-group .list-group-item a:before {
            position: absolute;
            content: '\f0da';
            font-family: 'FontAwesome';
            left: 0;
        }

    .service-single .list-group .list-group-item.active a {
        color: #ffffff;
    }

.question {
    position: relative;
    margin-right: 20px;
    margin-top: 30px;
}

    .question .img-box {
        position: relative;
    }

        .question .img-box:before {
            position: absolute;
            content: '';
            background: #000;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            opacity: .2;
        }

.side_widget {
    margin-top: 30px;
    margin-right: 20px
}

    .side_widget .heading_c {
        text-transform: none;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .side_widget .inner_widgets {
        text-align: center;
        border: 1px solid #cccccc;
        padding: 30px 20px;
    }

    .side_widget .heading_c:after {
        content: '';
        width: 30px;
        height: 2px;
        background: #26cdff;
        display: block;
        margin-top: 15px;
    }

    .side_widget .inner_widgets blockquote {
        background: none;
        line-height: 1.7;
        padding: 0px;
        color: #666666;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 30px;
        border-left: 0
    }

    .side_widget .inner_widgets span {
        font-size: 16px;
        font-weight: 600;
        position: relative;
        display: block;
        color: #222222;
        background-size: 20px;
    }

        .side_widget .inner_widgets span i {
            content: '';
            position: absolute;
            width: 30px;
            height: 30px;
            font-size: 26px;
            color: #26cdff;
            right: 0;
            top: 10px
        }

        .side_widget .inner_widgets span cite {
            font-size: 12px;
            display: block;
            font-style: inherit;
            color: #666666;
            text-transform: uppercase;
            font-weight: normal;
        }

.question .content {
    position: absolute;
    left: 30px;
    bottom: 0px;
}

    .question .content h3 {
        color: #fff;
        margin-bottom: 0px;
        line-height: 28px;
    }

    .question .content .call {
        position: relative;
        padding: 7px 10px 5px 30px;
        background: #26cdff;
        margin-bottom: 20px;
        margin-left: -10px;
        margin-top: 10px;
    }

        .question .content .call i {
            position: absolute;
            left: 10px;
            top: 13px;
            font-size: 18px;
            color: #fff
        }

        .question .content .call h4 {
            line-height: 28px;
            color: #fff
        }

.service-catergory li {
    list-style: none;
    position: relative;
    background: #fff;
    padding: 10px 0;
    margin-bottom: 10px;
}

    .service-catergory li:last-child {
        margin-bottom: 0px;
    }

    .service-catergory li .view-all-icon {
    }

    .service-catergory li.active {
        background: #26cdff;
    }

        .service-catergory li.active a {
            color: #fff;
        }

    .service-catergory li a {
        display: block;
        font-size: 14px;
        color: #848484;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 30px;
        font-weight: 700;
        padding-left: 20px;
        transition: all 0.5s ease;
        position: relative;
        font-family: 'Roboto', sans-serif;
    }

.service-catergory span {
    margin-right: 8px;
    font-size: 12px;
}

.service-catergory li a:hover {
    color: #26cdff;
}

.service-catergory li.active a:hover {
    color: #fff;
}

.service-single .outer-box .content-box {
    margin-top: 48px;
}

    .service-single .outer-box .content-box .sec-title {
        margin-bottom: 20px;
    }

        .service-single .outer-box .content-box .sec-title h4 {
            font-weight: 500;
            font-size: 20px;
            color: #222222;
        }

    .service-single .outer-box .content-box .text p {
        color: #848484;
    }

    .service-single .outer-box .content-box .text.style-two {
        margin-top: 25px;
    }

    .service-single .outer-box .content-box .clearfix {
        margin-top: 25px;
    }

        .service-single .outer-box .content-box .clearfix h4 {
            font-weight: 500;
            font-size: 20px;
            color: #222222;
            margin: 15px 0px 20px;
        }

        .service-single .outer-box .content-box .clearfix p {
            color: #848484;
        }

/*
================================================
    Shop Section
================================================
*/

.our-gallery {
    position: relative;
    /*    padding: 70px 0px 100px;*/
    padding: 25px 0px 100px;
    background: #fff;
}

.style-3.our-gallery,
.style-2.our-gallery {
    padding: 109px 0 121px;
    background: #fff;
}

.our-gallery .single-item .img-holder {
    /*margin-top: 30px;*/
    background: #f2f2f2;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    ;
}

    .our-gallery .single-item .img-holder img {
        width: 100%;
        transition: all 0.2s ease-in-out 0s;
        background: #f2f2f2;
        padding: 10px;
        border-radius: 20px;
    }

    .our-gallery .single-item .img-holder:hover img {
        opacity: 0.8;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        border-radius: 20px 20px 0px 0px;
    }

.style-2.our-gallery .single-item .img-holder img {
    width: 100%;
}


.our-gallery .single-item .social a i:before {
    font-size: 30px;
    color: #fff;
    margin: 0px;
}

.our-gallery .single-item .cart {
    height: 60px;
    width: 70px;
    background: #5e94d8;
    color: #000;
    font-size: 26px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    bottom: 4px;
    left: 2px;
    box-shadow: 3px -3px 4px 1px #444444;
}

    .our-gallery .single-item .cart:hover {
        background: #fff;
        cursor: pointer;
    }

        .our-gallery .single-item .cart:hover i {
            color: #ffffff
        }

    .our-gallery .single-item .cart i {
        color: #fff
    }



.star-rating, p.stars a {
    font-weight: 400;
    height: 1em;
}

    .star-rating:before,
    .star-rating span:before {
        content: "\f006\f006\f006\f006\f006";
        top: 0;
        left: 0;
        letter-spacing: 0.3em;
        font-size: 16px;
    }

    .star-rating span:before {
        content: "\f006\f006\f006\f006\f006";
    }

.star-rating {
    overflow: hidden;
    position: relative;
    line-height: 1;
    font-size: 16px;
    width: 5.95em;
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: middle;
}

    .star-rating:before {
        float: left;
        position: absolute;
    }

    .star-rating span {
        overflow: hidden;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
    }

        .star-rating span:before {
            color: #fab915;
        }

.product .star-rating span:before {
    color: #bf3654;
}

.star-rating:before {
    position: absolute;
    color: #808080;
}


.our-gallery .single-item .price {
    display: inline-block;
    float: right;
}

.our-gallery .single-item .review {
    padding: 20px 0;
    border-bottom: 1px solid #ededed;
}

.our-gallery .single-item h4 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    margin-top: 20px;
}

    .our-gallery .single-item h4 a {
        color: #222;
    }

        .our-gallery .single-item h4 a:hover {
            color: #ffffff;
        }

.our-gallery .single-item p {
    margin-top: 14px;
    color: #555463;
}

.our-gallery .link_btn .thm-btn {
    margin-top: 70px;
}


/*** 

====================================================================
  26. Side Bar Style
====================================================================

 ***/
.sidebar-page .sidebar {
    position: relative;
    padding-left: 40px;
}

.sidebar .widget {
    position: relative;
    margin-bottom: 35px;
}


.sidebar .sidebar-title {
    position: relative;
    margin-top: 0px;
    margin-bottom: 15px;
}

    .sidebar .sidebar-title h3 {
        font-size: 20px;
        color: #222222;
        font-weight: 500;
    }

    .sidebar .sidebar-title:before {
        content: '';
    }

    .sidebar .sidebar-title:after {
        content: '';
    }

.sidebar-page .contact-info {
    position: relative;
    font-size: 14px;
    margin-bottom: 30px;
}

    .sidebar-page .contact-info .text {
        position: relative;
        font-size: 13px;
        font-family: 'Newsreader',serif;
        margin-bottom: 10px;
        color: #7f7f7f;
    }

    .sidebar-page .contact-info li {
        position: relative;
        margin-bottom: 5px;
        line-height: 1.8em;
        color: #7f7f7f;
    }

        .sidebar-page .contact-info li strong {
            position: relative;
            padding-right: 10px;
            font-weight: 600;
            color: #292929;
        }

    .sidebar-page .contact-info a {
        color: #f17338;
        transition: all 300ms ease-in;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
    }

        .sidebar-page .contact-info a:hover {
            color: #3d3d3d;
        }

.sidebar .popular-categories .list {
    position: relative;
}

    .sidebar .popular-categories .list li {
        position: relative;
        margin-bottom: 10px;
        line-height: 27px;
    }

        .sidebar .popular-categories .list li .count {
            position: relative;
            color: #f9ad0a;
        }

        .sidebar .popular-categories .list li a {
            position: relative;
            display: block;
            color: #848484;
            font-size: 14px;
            font-weight: 400;
            font-family: 'open sans';
            transition: .5s;
        }

            .sidebar .popular-categories .list li a:hover {
                color: #26cdff;
                transition: .5s;
            }

    .sidebar .popular-categories .list span {
        margin-right: 7px;
        font-size: 11px;
    }

.sidebar .call {
    max-width: 330px;
    margin-bottom: 50px;
}

    .sidebar .call .content-box {
        padding: 45px 3px 45px 30px;
        color: #fff;
        position: relative;
    }

        .sidebar .call .content-box p {
            position: relative;
        }

        .sidebar .call .content-box h2 {
            position: relative;
            font-size: 24px;
            margin-top: 14px;
            font-weight: 700;
            font-family: 'Open Sans', sans-serif;
        }

        .sidebar .call .content-box .overlay:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(240, 181, 22, 0.8);
            opacity: 1;
            content: "";
        }

.sidebar-page .sidebar-wrapper {
    padding-left: 30px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.sidebar-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}

    .sidebar-wrapper .single-sidebar {
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }

        .sidebar-wrapper .single-sidebar .wedgit-title {
            overflow: hidden;
            padding-bottom: 25px;
            margin-top: 0 !important;
        }

            .sidebar-wrapper .single-sidebar .wedgit-title h3 {
                color: #222222;
                font-size: 18px;
                font-weight: 600;
                font-family: 'Poppins', sans-serif;
                text-transform: uppercase;
            }

        .sidebar-wrapper .single-sidebar form.search-form {
            position: relative
        }

        .sidebar-wrapper .single-sidebar .search-form input[type="text"] {
            background: #fff;
            border: 1px solid #f4f4f4;
            color: #ababab;
            display: block;
            font-size: 14px;
            font-weight: 500;
            height: 50px;
            letter-spacing: 1px;
            padding-left: 15px;
            padding-right: 55px;
            position: relative;
            -webkit-transition: all 500ms ease 0s;
            transition: all 500ms ease 0s;
            width: 100%;
        }

        .sidebar-wrapper .single-sidebar .search-form button {
            background: #26cdff none repeat scroll 0 0;
            color: #fff;
            display: block;
            height: 50px;
            padding: 12px 0;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            -webkit-transition: all 500ms ease 0s;
            transition: all 500ms ease 0s;
            width: 50px;
        }

            .sidebar-wrapper .single-sidebar .search-form button i {
                font-size: 14px
            }

        .sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
            border: 1px solid #26cdff;
            background: #fff;
            color: #000;
        }

            .sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button,
            .sidebar-wrapper .single-sidebar .search-form button:hover {
                background: #26cdff none repeat scroll 0 0;
                color: #ddd;
            }


.single-sidebar .categories {
    background: #ffffff;
    display: block;
    border: 1px solid #f5f4f3;
    padding: 24px 30px 24px;
}

    .single-sidebar .categories li {
        border-bottom: 1px solid #ededed;
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

        .single-sidebar .categories li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .single-sidebar .categories li a {
            color: #888888;
            transition: all 500ms ease;
            font-size: 14px;
            width: 100%;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
            position: relative;
        }

            .single-sidebar .categories li a span {
                float: right;
            }

            .single-sidebar .categories li a:hover {
                color: #26cdff;
            }


.single-sidebar .popular-post {
}

    .single-sidebar .popular-post li {
        margin-bottom: 25px;
        padding-left: 70px;
        position: relative;
        border-bottom: 1px solid #f4f4f4;
        padding-bottom: 25px;
    }

        .single-sidebar .popular-post li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .single-sidebar .popular-post li .img-holder {
            display: block;
            left: 0;
            overflow: hidden;
            position: absolute;
            background: #f2f2f2;
            top: 0px;
            width: 70px;
            height: 70px;
        }

            .single-sidebar .popular-post li .img-holder img {
                -webkit-transition: all 0.7s ease;
                transition: all 0.7s ease;
                max-width: 100px
            }

            .single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i {
                color: #fff;
                font-size: 16px;
                transition: all 500ms ease;
            }

        .single-sidebar .popular-post li:hover .img-holder .overlay-style-one {
            opacity: 1;
            -webkit-transform: perspective(400px) rotateX(0deg);
            -moz-transform: perspective(400px) rotateX(0deg);
            -ms-transform: perspective(400px) rotateX(0deg);
            -o-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
        }

        .single-sidebar .popular-post li:hover .img-holder img {
            transform: scale(1.1);
        }

        .single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i {
            color: #26cdff;
        }

        .single-sidebar .popular-post li .title-holder {
            padding-left: 20px;
        }

            .single-sidebar .popular-post li .title-holder a .post-title {
                color: #404040;
                font-size: 15px;
                line-height: 24px;
                position: relative;
                font-weight: 500;
                margin: 0 0 7px;
                transition: all 500ms ease;
            }

            .single-sidebar .popular-post li .title-holder a:hover .post-title {
                color: #26cdff;
            }

            .single-sidebar .popular-post li .title-holder .post-date {
                color: #26cdff;
                display: block;
                transition: all 500ms ease;
                font-weight: 400;
                font-size: 14px;
                font-family: 'Open Sans', sans-serif;
            }

.single-sidebar .follow-us {
    color: #ababab;
    font-size: 14px;
    margin-top: 0px;
}

.single-sidebar .instagram {
    overflow: hidden;
    display: block;
    margin-left: -6px;
    margin-right: -6px;
}

    .single-sidebar .instagram li {
        display: inline-block;
        float: left;
        margin: 0 5px 10px;
    }

        .single-sidebar .instagram li .img-holder {
            overflow: hidden;
            position: relative;
            display: block;
        }

            .single-sidebar .instagram li .img-holder img {
                transform: scale(1.1, 1.1);
                transition: all 0.5s ease 0s;
                width: 100%;
            }

            .single-sidebar .instagram li .img-holder .overlay-style-one .box .content a i {
                color: #fff;
                font-size: 15px;
            }

        .single-sidebar .instagram li:hover .img-holder .overlay-style-one {
            opacity: 1;
            -webkit-transform: perspective(400px) rotateX(0deg);
            -moz-transform: perspective(400px) rotateX(0deg);
            -ms-transform: perspective(400px) rotateX(0deg);
            -o-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
        }

        .single-sidebar .instagram li:hover .img-holder img {
            transform: scale(1, 1);
        }

.popular-tag {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;
}

    .popular-tag li {
        display: inline-block;
        margin: 0 3px 10px;
    }

        .popular-tag li a {
            border: 1px solid #f4f4f4;
            color: #888888;
            display: block;
            font-size: 14px;
            font-weight: 400;
            padding: 10px 12px;
            font-family: 'Open Sans', sans-serif;
            transition: all 500ms ease 0s;
        }

            .popular-tag li a:hover {
                background: #26cdff;
                border-color: #26cdff;
                color: #fff;
            }

.tag-share {
    padding: 10px 20px
}

    .tag-share .icon {
        padding: 10px 20px
    }

        .tag-share .icon ul li a {
            color: #3f3e3e;
        }
/*
    Image credits:
    uifaces.com (http://uifaces.com/authorized)
*/

#login {
    display: none;
}

.login,
.logout {
    position: absolute;
    top: -3px;
    right: 0;
}

.page-header {
    position: relative;
}

.reviews {
    color: #555;
    font-weight: bold;
    margin: 10px auto 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-radius: 25px 25px 0px 0px;
}

.nav > li > a {
    padding: 10px 25px 0px 25px;
}

    .nav > li > a:focus, .nav > li > a:hover {
        border-radius: 25px 25px 0px 0px;
    }

    .notes {
        color: #999;
        font-size: 12px;
    }

.media .media-object {
    max-width: 100px;
    width: 64px
}

.media-body {
    position: relative;
}

.media-date {
    position: absolute;
    right: 25px;
    top: 25px;
}

    .media-date li {
        padding: 0;
    }

        .media-date li:first-child:before {
            content: '';
        }

        .media-date li:before {
            content: '.';
            margin-left: -2px;
            margin-right: 2px;
        }

.media-comment {
    margin-bottom: 20px;
}

.media-replied {
    margin: 0 0 20px 50px;
}

    .media-replied .media-heading {
        padding-left: 6px;
    }

.btn-circle {
    font-weight: bold;
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 20px;
}

    .btn-circle span {
        padding-right: 6px;
    }

.embed-responsive {
    margin-bottom: 20px;
}

.tab-content {
    padding: 30px 15px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.custom-input-file {
    overflow: hidden;
    position: relative;
    width: 120px;
    height: 120px;
    background: #eee url('https://s3.amazonaws.com/uifaces/faces/twitter/walterstephanie/128.jpg');
    background-size: 120px;
    border-radius: 120px;
}

input[type="file"] {
    z-index: 999;
    line-height: 0;
    font-size: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "alpha(opacity=0)";
    margin: 0;
    padding: 0;
    left: 0;
}

.uploadPhoto {
    position: absolute;
    top: 25%;
    left: 25%;
    display: none;
    width: 50%;
    height: 50%;
    color: #fff;
    text-align: center;
    line-height: 60px;
    text-transform: uppercase;
    background-color: rgba(0,0,0,.3);
    border-radius: 50px;
    cursor: pointer;
}

.custom-input-file:hover .uploadPhoto {
    display: block;
}





/*** 

====================================================================
  Cart Style
====================================================================

 ***/
#order-detail-content {
    margin-bottom: 100px;
    margin-top: 30px
}

    #order-detail-content .table.table-bordered {
        border-color: #ebebeb;
    }

    #order-detail-content .table tbody > tr > td {
        vertical-align: top;
        padding-top: 20px;
        text-align: center;
        position: relative;
    }

        #order-detail-content .table tbody > tr > td:before {
            font-size: 14px, Arial, Helvetica, sans-serif;
        }

    #order-detail-content .table tbody > tr {
        position: relative;
    }

        #order-detail-content .table tbody > tr a.close-btn.ddr {
            display: inline-block;
            position: absolute;
            top: 20px;
            width: 25px;
            height: 25px;
            line-height: 25px;
            background: #26cdff;
            right: 12px;
            margin: 0;
        }

.no-p-l {
    padding-left: 0 !important
}

.no-m-b {
    margin-bottom: 0 !important
}

.no-m-t {
    margin-top: 0 !important
}

#order-detail-content .table tbody > tr a.close-btn.ddr i {
    color: #fff
}

@media all and (max-width: 767px) {
    #order-detail-content .table tbody > tr a.close-btn.ddr {
        top: auto;
        bottom: 20px;
    }
}

#order-detail-content .subtotal {
    padding-left: 20px;
    padding-right: 60px;
    text-align: left;
}

@media all and (max-width: 767px) {
    #order-detail-content .subtotal {
        padding: 0;
    }

        #order-detail-content .subtotal p {
            text-align: center;
        }
}

#order-detail-content .subtotal p {
    font-size: 14px;
}

#order-detail-content .subtotal.no-cls-btn {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 120px;
}

#order-detail-content .table tbody > tr > td.default {
    width: 100px;
}

    #order-detail-content .table tbody > tr > td.default span {
        font-size: 14px;
    }

#order-detail-content .table tbody > tr > td.date {
    width: 130px;
}

    #order-detail-content .table tbody > tr > td.date span {
        font-size: 14px;
    }

#order-detail-content .table tbody > tr > td.cart_quantity {
    text-align: center;
    width: 140px;
    vertical-align: top;
    padding-top: 20px;
}

    #order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button {
        white-space: nowrap;
        vertical-align: middle;
        display: inline-block;
        clear: both;
    }

        #order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a {
            float: left;
            display: block;
            margin: 0;
            height: 30px;
            line-height: 25px;
            vertical-align: middle;
            padding: 0;
            width: 30px;
            font-size: 20px;
            border: 1px solid #d7d9db;
            color: #8c929b;
            text-align: center;
        }

            #order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a:hover {
                color: #212224;
            }

            #order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a:focus:not(:hover) {
                background: none;
            }

#order-detail-content .cart_quantity .cart_quantity_input {
    padding: 0;
    text-align: center;
    float: left;
    display: block;
    margin: 0;
    width: auto;
    min-width: 30px;
    text-indent: 0;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #212224;
    font-family: "Open Sans", sans-serif;
    border-left: none;
    border-right: none;
}

    #order-detail-content .cart_quantity .cart_quantity_input:disabled {
        background-color: transparent;
        cursor: default;
    }

#order-detail-content .table tbody > tr > td.cart_delete {
    padding: 0;
    width: 170px;
    vertical-align: top;
    padding-top: 20px;
}

    #order-detail-content .table tbody > tr > td.cart_delete .btn {
        width: 120px;
        padding-left: 0;
        padding-right: 0;
    }

    #order-detail-content .table tbody > tr > td.cart_delete .remove {
        text-transform: none;
        font-size: 13px;
        color: #81878f;
        vertical-align: middle;
        text-align: left;
    }

        #order-detail-content .table tbody > tr > td.cart_delete .remove:hover {
            color: #212224;
        }

        #order-detail-content .table tbody > tr > td.cart_delete .remove i {
            font-size: 18px;
            vertical-align: -3px;
        }

#order-detail-content .table tfoot > tr > td {
    vertical-align: middle;
}

#order-detail-content #cart_summary tbody td.cart_product {
    width: 131px;
    background: #f2f2f2;
    text-align: center;
    vertical-align: middle;
}

    #order-detail-content #cart_summary tbody td.cart_product img {
        border: none;
        vertical-align: middle;
    }

#order-detail-content #cart_summary tbody td.cart_unit {
    text-align: center;
    vertical-align: top;
    padding-top: 20px;
    width: 120px;
    font-size: 14px;
    font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
}

    #order-detail-content #cart_summary tbody td.cart_unit .old-price {
        text-decoration: line-through;
        color: #a3a3a3;
    }

#order-detail-content #cart_summary tbody td.cart_description small {
    display: block;
    padding: 0;
    color: #36383b;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
}

    #order-detail-content #cart_summary tbody td.cart_description small span {
        color: #9198a1;
    }

#order-detail-content #cart_summary tbody td.cart_description {
    vertical-align: top;
    text-align: left;
}

#order-detail-content #cart_summary tfoot td.text-right {
    color: #333333;
    font-weight: bold;
}

#order-detail-content #cart_summary tfoot td.price {
    text-align: right;
}

#order-detail-content #cart_summary tfoot td.total_price_container span {
    color: #555454;
    font: 600 18px/22px "Open Sans",sans-serif;
    text-transform: uppercase;
}

#order-detail-content #cart_summary tfoot td#total_price_container {
    background: none repeat scroll 0 0 white;
    color: #333333;
    font: 600 21px/25px "Open Sans",sans-serif;
}

#order-detail-content .table > tbody > tr > td.cart_description {
    padding: 20px;
}

#order-detail-content tfoot.dd-list-empty tr td {
    border: none;
}

#order-detail-content #cart_summary {
    margin-bottom: 0;
}

#order-detail-content .info {
    border: 1px solid #d7d9db;
    margin-bottom: 0;
    border-top: none;
    font: 14px/50px HelveticaNeue, Arial, Helvetica, sans-serif;
    color: black;
    height: 50px;
    vertical-align: middle;
    font-weight: 600;
    white-space: nowrap;
}

    #order-detail-content .info.total span {
        color: #212224;
    }

        #order-detail-content .info.total span + span {
            color: #26cdff;
        }

@media (max-width: 767px) {
    #order-detail-content {
        border-bottom: none;
    }

        #order-detail-content .info {
            border-left: none;
            border-right: none;
        }

        #order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr {
            display: block;
        }

            #order-detail-content #cart_summary tbody td.cart_product {
                width: 100%;
            }

            #order-detail-content #cart_summary thead tr {
                left: -9999px;
                position: absolute;
                top: -9999px;
            }

        #order-detail-content #cart_summary tr {
            border-bottom: 1px solid #cccccc;
            overflow: hidden;
        }

        #order-detail-content #cart_summary td {
            border: medium none;
            float: left;
            position: relative;
            white-space: normal;
            width: 100%;
            display: block;
            text-align: center;
        }

            #order-detail-content #cart_summary td.cart_avail {
                clear: both;
            }

            #order-detail-content #cart_summary td.cart_quantity {
                clear: both;
                text-align: center;
            }

            #order-detail-content #cart_summary td.cart_delete {
                clear: both;
                float: right;
                width: 100%;
            }

        #order-detail-content #cart_summary tbody td.cart_unit {
            width: 100%;
            max-width: 100%;
        }

            #order-detail-content #cart_summary tbody td.cart_unit .old-price {
                display: block;
            }

        #order-detail-content #cart_summary td.cart_delete:before {
            display: inline-block;
            padding-right: 0.5em;
            position: relative;
            top: -3px;
        }

        #order-detail-content #cart_summary td:before {
            content: attr(data-title);
            display: block;
        }

        #order-detail-content #cart_summary tfoot td {
            float: none;
            width: 100%;
        }

            #order-detail-content #cart_summary tfoot td:before {
                display: inline;
            }

        #order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr .price {
            display: block;
            float: left;
            width: 100%;
        }

        #order-detail-content .table {
            border-bottom: none;
        }
}

#order-detail-content .table > thead > tr > th {
    background: none repeat scroll 0 0 #26cdff;
    border-bottom-width: 1px;
    border-color: #26cdff;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    height: 46px;
    line-height: 46px;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#order-detail-content .product-name {
    color: #212224;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 0;
    height: 35px;
    margin-bottom: 15px;
}

    #order-detail-content .product-name a {
        color: #212224;
        line-height: 23px;
    }

        #order-detail-content .product-name a:hover {
            color: #26cdff;
        }

#order-detail-content .table .price, #order-detail-content .subtotal p {
    color: #000;
    font-weight: 600;
    white-space: nowrap;
}

.h4, .h5, .h6, h4, h5, h6{
    font-size:18px;
}

h6.gold-header {
    background-color: #26cdff;
    padding: 2px 0 0 15px;
    margin: 0;
    color: white;
    vertical-align: middle;
    font: 16px/46px HelveticaNeue, Arial, Helvetica, sans-serif;
    height: 46px;
}

.coupon .checkbox {
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.4px;
    font-weight: 500;
    color: #776d6d;
}

.coupon .radio {
    display: inline-block;
    padding-left: 20px;
    font-size: 14px;
    width: 100%;
    line-height: 1.71;
    letter-spacing: 0.4px;
    font-weight: 500;
    color: #776d6d;
}

    .coupon .radio.last {
        margin-bottom: 30px;
    }

.cart-detail {
    margin-bottom: 40px;
    margin-top: 30px
}

.coupon {
    padding: 20px 20px 50px;
    border: 1px solid #d7d9db;
    overflow: hidden;
}

@media (max-width: 767px) {
    .coupon .thm-btn {
        margin-bottom: 20px
    }
}

.info {
    height: 55px;
    font: 13px/55px "Open Sans", sans-serif;
    color: black;
    border-left: 1px solid #d7d9db;
    border-right: 1px solid #d7d9db;
    border-bottom: 1px solid #d7d9db;
    margin-top: 0;
    margin-bottom: 0;
}

    .info span + span {
        font-size: 15px;
    }

    .info.total {
        font: 600 15px/60px "Open Sans", sans-serif;
        text-transform: uppercase;
        height: 60px;
    }

        .info.total span {
            vertical-align: middle;
        }

            .info.total span + span {
                color: #26cdff;
                font-size: 18px;
            }

    .info .gray {
        color: #9198a1;
        font-size: 13px;
    }

.calc-shipping {
    padding-top: 15px;
    border: 1px solid #d7d9db;
    margin-bottom: 40px;
    overflow: hidden;
}

.bottom-buttons input[type=text] {
    height: 46px;
    width: 100%;
    margin-bottom: 20px;
}

.bottom-buttons .btn {
    display: inline-block;
    height: 46px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    min-width: 0;
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px !important;
}

#order-detail-content span.count {
    color: #212224;
    font: 16px "Open Sans", sans-serif;
}

#order-detail-content .subtotal p {
    text-align: center;
}

#order-detail-content .subtotal .close-btn + p {
    text-align: left;
}

@media all and (max-width: 767px) {
    #order-detail-content .subtotal .close-btn + p {
        text-align: center;
    }
}

.form-control {
    border: 1px solid #d7d9db;
    -webkit-border-radius: 0 !important;
    color: #B2B7C9 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    color: inherit;
    font-size: 14px;
    line-height: 24px;
    height: 52px;
    vertical-align: middle;
    padding: 13px 15px;
    transition: border-color .15s ease-in-out 0 box-shadow .15s ease-in-out 0;
    -webkit-writing-mode: horizontal-tb;
    background: none;
}

    .form-control:focus {
        border-color: #26cdff;
        box-shadow: none;
        outline: 0 none;
    }

    .form-control::-webkit-input-placeholder {
        color: #B2B7C9;
    }

    .form-control:-moz-placeholder {
        color: #B2B7C9;
    }

    .form-control::-moz-placeholder {
        color: #B2B7C9;
    }

    .form-control:-ms-input-placeholder {
        color: #B2B7C9;
    }

.customSelect:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 18px;
    z-index: 9;
    float: right;
    margin: -22px -5px 0 0;
}

/*** 

====================================================================
  26. single Product Style
====================================================================

 ***/
.entry-summary {
    overflow: hidden;
    margin-bottom: 30px;
}

.product-info-main {
    margin-top: 55px;
    z-index: 10;
    background: #fff;
    overflow: hidden;
}

    .product-info-main .review {
        font-size: 13px;
        margin-left: 5px;
        color: #adadad;
    }

    .product-info-main .product-name a {
        font-size: 20px;
        padding-bottom: 12px;
        color: #222;
        display: inline-block;
        font-weight: 600
    }

    .product-info-main .review {
        font-size: 13px;
        margin-left: 5px;
        color: #adadad;
    }

    .product-info-main .price {
        font-size: 20px;
        color: #26cdff;
        width: 50%;
        position: relative;
        display: block !important;
        padding-top: 20px;
        margin-bottom: 27px;
        font-weight: 600;
        display: inline-block;
    }

.price ins {
    text-decoration: none;
    margin-right: 7px;
}

.product-info-main .price del {
    font-size: 20px;
    color: #c7c7c7;
    font-weight: normal;
    text-decoration: line-through
}

.product-info-main .stock.available {
    float: right;
    width: 50%;
    color: #ff7f00;
    margin-top: 20px;
}

.product-info-main .label-stock {
    color: #8e8e8e;
}

.product-info-main .product-des {
    color: #747474;
    padding: 30px 0;
    border-top: 1px dotted #e6e6e6;
    border-bottom: 1px dotted #e6e6e6;
}

.quantity-cart {
    width: 100%;
    max-width: 501px;
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 16px;
}

.quantity {
    display: inline-block;
}

    .quantity .quantity-title {
        float: left;
        margin-top: 17px;
        margin-right: 15px;
        font-size: 16px;
        color: #5b5b5b;
        min-width: 43px;
    }

.note-impor {
    color: #f46657;
}

.buttons-added {
    border-radius: 3px;
    max-width: 250px;
    display: table;
}

    .buttons-added .sign {
        width: 50px;
        height: 50px;
        border: 1px solid #e6e6e6;
        display: inline-block;
        text-align: center;
        color: #b2b2b2;
        line-height: 50px;
        margin-bottom: 4px;
        background: #f9f9f9;
        float: left;
    }

    .buttons-added input {
        border: 1px solid #e6e6e6;
        font-size: 14px;
        color: #2a2a2a;
        text-align: center;
        padding: 12px 42px 10px 42px;
        line-height: 26px;
        height: 50px;
        border-left: none;
        border-right: none;
        float: left;
        border-radius: 0;
    }

    .buttons-added .sign:hover {
        background: #26cdff;
        color: #fff
    }

.product-info-main .inner {
    display: inline-block;
}

.wishlist:hover, .compare:hover, .gmail:hover {
    color: #fff;
    background: #26cdff;
    border: 1px solid #ff7f00;
}

.product-info-main .compare {
    margin-right: 15px;
}

.wishlist, .compare, .gmail {
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 4px;
    float: left;
    color: #b0b0b0;
    margin-right: 15px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.single-sidebar .popular-post li .title-holder a .post-title.related {
    margin-bottom: 0
}

.single-sidebar .popular-post li .title-holder .price {
    font-size: 16px;
    font-weight: 600;
    color: #26cdff;
}

    .single-sidebar .popular-post li .title-holder .price del {
        font-size: 16px;
        color: #c7c7c7;
        font-weight: normal;
        text-decoration: line-through;
    }
/*** 

====================================================================
   Blog Page Style
====================================================================

***/

.sidebar-page {
    position: relative;
}

    .sidebar-page .single-blog-item .img-holder .categories {
        bottom: 40px
    }

.blog-container {
    position: relative;
    padding: 100px 0px 50px;
    margin-bottom: 20px;
}

.blog-post.style-two {
    padding: 0px;
}

.sidebar-page .blog-post {
    position: relative;
    background: #ffffff;
    margin-bottom: 2px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

    .sidebar-page .blog-post .post-header {
        position: relative;
        padding: 18px 0px 0px;
        background: #ffffff;
    }

        .sidebar-page .blog-post .post-header h2 {
            position: relative;
            font-size: 18px;
            font-weight: 500;
            margin: 5px 0px 8px;
            color: #222222;
        }

            .sidebar-page .blog-post .post-header h2 a {
                position: relative;
                display: block;
                color: #222222;
                transition: .5s;
            }

        .sidebar-page .blog-post .post-header a:hover {
            color: #26cdff;
            transition: .5s;
        }

        .sidebar-page .blog-post .post-header h4 {
            color: #f9ad0a;
            font-size: 14px;
            font-family: 'raleway' font-weight:500;
        }

    .sidebar-page .blog-post .post-info {
        position: relative;
        margin-bottom: 18px;
        font-family: 'open sans',sans-serif;
    }

        .sidebar-page .blog-post .post-info li {
            position: relative;
            display: inline-block;
            margin: 0px 25px 0px 0px;
            color: #848484;
            font-size: 14px;
            font-weight: 400;
        }

            .sidebar-page .blog-post .post-info li span {
            }

                .sidebar-page .blog-post .post-info li span:before {
                    color: #26cdff;
                    margin: 0;
                    font-size: 14px;
                }

    .sidebar-page .blog-post .image-box {
        position: relative;
    }

        .sidebar-page .blog-post .image-box .date {
            height: 60px;
            width: 70px;
            background: #26cdff;
            color: #fff;
            text-align: center;
            padding-top: 8px;
            position: absolute;
            top: 20px;
            left: 0px;
        }

            .sidebar-page .blog-post .image-box .date h5 {
                font-size: 22px;
                font-weight: 700;
                font-family: 'Open Sans', sans-serif;
            }

            .sidebar-page .blog-post .image-box .date p {
                margin: 0;
                font-size: 12px;
                line-height: 20px;
                text-transform: uppercase;
                color: #fff;
                position: relative;
            }

        .sidebar-page .blog-post .image-box img {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
        }

.sidebar-page .image-slider .owl-controls {
    margin: 0px !important;
}

.sidebar-page .image-slider .owl-nav .owl-prev {
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    text-align: center;
    background: none !important;
    font-size: 0px !important;
}

.sidebar-page .image-slider .owl-nav .owl-next {
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    text-align: center;
    background: none !important;
    font-size: 0px !important;
}

.sidebar-page .image-slider .owl-nav .owl-prev:after {
    content: '\f104';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 50px;
    display: block;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    width: 50px;
    height: 50px;
    opacity: 0.50;
    background: rgba(0,0,0,0.30);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.sidebar-page .image-slider .owl-nav .owl-next:after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 50px;
    display: block;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    width: 50px;
    height: 50px;
    opacity: 0.50;
    background: rgba(0,0,0,0.30);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.sidebar-page .image-slider .owl-nav .owl-prev:hover:after,
.sidebar-page .image-slider .owl-nav .owl-next:hover:after {
    background: #f9ad0a;
    opacity: 1;
}

.sidebar-page .image-slider .owl-dots {
    display: none !important;
}

.sidebar-page .blog-post .post-desc {
    position: relative;
    padding: 20px 0px;
    background: #ffffff;
    border-top: 1px solid #ededed;
}

.sidebar-page .blog-post .text {
    position: relative;
    margin-bottom: 33px;
    color: #848484;
}

    .sidebar-page .blog-post .text.style-two {
        margin-bottom: 10px;
    }

.sidebar-page .blog-post .post-header .post-options {
    position: relative;
    float: right;
}

    .sidebar-page .blog-post .post-header .post-options a {
        position: relative;
        display: inline-block;
        font-size: 18px;
        display: inline-block;
        margin-left: 10px;
        color: #777777;
    }

        .sidebar-page .blog-post .post-header .post-options a:hover {
            color: #00bff5;
        }

.news-post blockquote {
    position: relative;
    margin-left: 54px;
    padding: 0px 20px 0px 26px;
    line-height: 2em;
    font-size: 14px;
    color: #848484;
    font-style: italic;
    border-left: 2px solid #e7e7e7;
    font-family: 'Open Sans', sans-serif;
}

.news-post .quate {
    position: absolute;
    top: 24px;
    left: -50px;
    font-size: 30px;
    color: #26cdff;
}

.sidebar-page .blog-detail .post-desc h2 {
    font-size: 20px;
    font-family: 'Montserrat',sans-serif;
    margin-bottom: 22px;
    color: #1a1a1a;
}

.sidebar-page .blog-detail .post-desc h3 {
    font-size: 18px;
    font-family: 'Montserrat',sans-serif;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.sidebar-page .blog-detail h4 {
    font-size: 16px;
    margin-bottom: 20px;
}

.check-list li .fa {
    position: relative;
    color: #cbda37;
}

.remove-list li .fa {
    position: relative;
    color: #ff0000;
}

.sidebar-page .blog-detail .post-tags {
    position: relative;
    padding: 15px;
    font-size: 16px;
    background: #f5f5f5;
    color: #999999;
    margin-bottom: 50px;
}

    .sidebar-page .blog-detail .post-tags a {
        position: relative;
        color: #777777;
        font-size: 15px;
    }

        .sidebar-page .blog-detail .post-tags a:hover {
            color: #f7a34a;
        }

.sidebar-page .post-author {
    position: relative;
    background: #ccedf9;
    padding: 25px;
    color: #555555;
    border-bottom: 3px solid #f7a34a;
    margin-bottom: 50px;
}

    .sidebar-page .post-author:before {
        content: '';
        position: absolute;
        left: 50px;
        top: -28px;
        border: 15px solid transparent;
        border-bottom-color: #ccedf9;
    }

    .sidebar-page .post-author .inner-box {
        position: relative;
        padding: 15px 0px 0px 100px;
        min-height: 80px;
    }

        .sidebar-page .post-author .inner-box .author-thumb {
            position: absolute;
            left: 0px;
            top: 10px;
            width: 80px;
            height: 80px;
            border: 2px solid transparent;
            box-shadow: 0px 0px 2px 0px #f7a34a;
            -moz-box-shadow: 0px 0px 2px 0px #f7a34a;
            -ms-box-shadow: 0px 0px 2px 0px #f7a34a;
            -o-box-shadow: 0px 0px 2px 0px #f7a34a;
            -webkit-box-shadow: 0px 0px 2px 0px #f7a34a;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            -moz-border-radius: 50%;
        }

            .sidebar-page .post-author .inner-box .author-thumb img {
                display: block;
                width: 76px;
            }

    .sidebar-page .post-author h4 {
        margin-bottom: 10px;
        color: #1a1a1a;
    }

        .sidebar-page .post-author h4 .author-occ {
            position: relative;
            left: 10px;
            padding: 5px 10px;
            font-size: 10px;
            background: #f7a34a;
            border-radius: 5px;
            color: #ffffff;
        }

.leave-comment .section-title {
    margin-bottom: 20px;
}

    .leave-comment .section-title h3 {
        position: relative;
        display: block;
        margin: 67px 0px 25px;
        color: #222222;
        transition: .5s;
        font-size: 20px;
        font-weight: 500;
    }

.sidebar-page .form-control:focus {
    border-color: #26cdff;
}


/*
===================================================
  29. feature-style-three
===================================================
*/
.feature-style-three {
    padding: 40px 0px 40px;
    background: #9ac7ff;
}

    .feature-style-three .item-list .row {
        margin: 0px;
    }

    .feature-style-three .item-list .item .inner-box {
        position: relative;
        padding-left: 94px;
        padding: 30px 12px 30px 94px;
        border: 1px solid #ededed;
        background: #fff;
    }

        .feature-style-three .item-list .item .inner-box h3 {
            font-size: 18px;
            color: #222222;
            margin-bottom: 10px;
            font-weight: 500;
            text-transform: capitalize;
        }

        .feature-style-three .item-list .item .inner-box .icon-box {
            position: absolute;
            left: 22px;
        }

            .feature-style-three .item-list .item .inner-box .icon-box .icon {
                color: #9ac7ff;
                line-height: 47px;
                margin-left: -11px;
            }

                .feature-style-three .item-list .item .inner-box .icon-box .icon:before {
                    font-size: 36px;
                }

        .feature-style-three .item-list .item .inner-box .text {
            position: relative;
            line-height: 27px;
            color: #848484;
            font-family: 'roboto', sans-serif;
            font-size: 14px;
            font-weight: 400;
        }
/*
================================================
   contact_us style
================================================
*/
.contact_us {
    padding: 100px 0px 70px;
}

    .contact_us .sec-title {
    }

        .contact_us .sec-title p {
            max-width: 650px;
            margin: 0 auto;
            color: #848484;
            margin-bottom: 60px;
        }

    .contact_us .link_btn.style-four {
        margin-top: 30px;
    }
/*
=================================================
  31. error page style
=================================================
*/

.error-page {
    padding: 100px 0px;
}

    .error-page .content-box h1 {
        font-size: 150px;
        font-weight: 700;
        color: #26cdff;
    }

    .error-page .content-box h2 {
        margin-bottom: 16px;
    }

    .error-page .content-box p {
        margin-bottom: 40px;
        color: #848484;
    }

    .error-page .content-box .sidebar_search {
        max-width: 475px;
        margin-bottom: 50px;
    }

    .error-page .content-box {
    }

/*** 

====================================================================
  Comments Area
====================================================================

 ***/

.sidebar-page .comments-area {
    position: relative;
}

.sidebar-page .group-title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

    .sidebar-page .group-title h2 {
        position: relative;
        display: block;
        margin: 50px 0px 10px;
        color: #222222;
        transition: .5s;
        font-size: 20px;
        font-weight: 500;
    }

    .sidebar-page .group-title:before {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 2px;
        background: #f1f1f1;
    }

    .sidebar-page .group-title:after {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 50px;
        height: 2px;
        background: #26cdff;
    }
/*======== comments ==========*/



.news-details .comments .comment {
    margin-top: 50px;
}

.news-details .comments .comment-reply {
    margin-top: 30px;
    background: #f8f9f9;
    padding: 20px 30px;
    margin-left: 62px;
}

.news-details .comments .article .author-pic {
    width: 10%;
    float: left;
}

    .news-details .comments .article .author-pic img {
        max-width: 50px
    }

.news-details .comments .article .details {
    width: 90%;
    float: left;
}

.news-details .comments .article .author-meta {
    overflow: hidden;
    margin-bottom: 5px;
}

    .news-details .comments .article .author-meta > div {
        display: inline-block;
    }

.news-details .comments .article h4 {
    font-size: 16px;
    margin: 0;
    text-transform: capitalize;
    color: #000;
}

.news-details .comments .article .author-meta > div:last-child {
    font-size: 13px;
    color: gray;
    padding-left: 5px;
}

.news-details .comments .article p {
    font-size: 14px;
    margin-bottom: 5px;
}

.news-details .comments .article .replay {
    border: 1px solid #d0d0d0;
    width: 95px;
    height: 32px;
    position: relative;
    border-radius: 20px;
    text-align: center;
    margin: 20px 0 0;
    transition: .5s ease;
}

    .news-details .comments .article .replay:hover {
        background: #203364;
        border-color: 203364;
        transition: .5s ease;
    }

    .news-details .comments .article .replay button {
        height: 28px;
        font-size: 16px;
        font-weight: 400;
        color: #203364;
        font-family: 'Montserrat', sans-serif;
        padding: 0;
        border: 0;
        display: inline-block;
        outline: 0;
        z-index: 10;
        transition: .5s ease;
    }

    .news-details .comments .article .replay:hover button {
        color: #fff;
        transition: .5s ease;
    }

.news-details .all-comment a {
    color: #203364;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 45px;
}

.custom-table {
    padding: 10%;
    margin: 5%;
}

    .custom-table tbody tr td {
        padding: 1.75%;
    }

    .custom-table tbody tr th {
        padding: 1.5%;
    }

    .custom-table tbody tr {
        border-bottom: 1px solid #bdbdbd;
    }
/* ======================================================== */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    #myImg:hover {
        opacity: 0.7;
    }

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}


/* Shop Single Custom Components */
.shop-single-content .left-section .sp-wrap {
    max-width: none;
    width: 100%;
    background: none;
    border: 0px;
}

    .shop-single-content .left-section .sp-wrap .sp-current-big img {
        max-width: none;
        width: 100%;
    }

    .shop-single-content .left-section .sp-wrap a:hover:after {
        width: 0%;
    }

.shop-single-content .left-section .sp-thumbs {
    padding: 0px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

    .shop-single-content .left-section .sp-thumbs a {
        margin: 8px;
        width: 70px;
        height: 70px;
        border: 1px solid #eee;
    }

.shop-single-content .right-section {
    /* padding-left: 40px; */
}

    .shop-single-content .right-section .rating i {
        font-size: 20px;
    }

    .shop-single-content .right-section .rating .colored {
        color: #ffd800;
    }

    .shop-single-content .right-section .price-wrap .price {
        font-size: 22px;
        
    }

        .shop-single-content .right-section .price-wrap .price.text-striked {
            color: #ccc;
            text-decoration: line-through;
        }

    .shop-single-content .right-section .color-pallete, .shop-single-content .right-section .size-tag {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .shop-single-content .right-section .size-tag {
        border: 2px solid #ccc;
        color: #ccc;
        text-align: center;
        padding: 4px 0px;
        margin-bottom: 15px;
        font-weight: bold;
    }

        .shop-single-content .right-section .size-tag:hover {
            color: #fff;
        }

    .shop-single-content .right-section .quantity-wrap .def-select {
        display: inline-block;
        margin-right: 20px;
    }

    .shop-single-content .right-section .wishlist-wrap i {
        vertical-align: middle;
        font-size: 22px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        color: inherit;
    }

    .shop-single-content .right-section .wishlist-wrap span {
        color: inherit;
    }

    .shop-single-content .right-section .wishlist-wrap a:hover i {
        color: inherit;
        
    }

.icon-image::before {
    content: ""; /* ▶ Unicode play symbol */
    display: inline-block;
    font-size: 2.5rem;
    color: #000;
    position: relative;
    left: 5px;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}


/* ----------------------------------------------------------------
	Side Push Panel
-----------------------------------------------------------------*/

body.side-push-panel {
    overflow-x: hidden;
}

#side-panel {
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 399999;
    width: 300px;
    height: 100%;
    background-color: #F5F5F5;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

body.side-panel-left #side-panel {
    left: -300px;
    right: auto;
}

body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header.sticky-header .container {
    right: 0;
}

body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header.sticky-header .container {
    left: 0;
    right: auto;
}

#side-panel .side-panel-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 350px;
    height: 100%;
    overflow: auto;
    padding: 50px 70px 50px 40px;
}

body.device-touch #side-panel .side-panel-wrap {
    overflow-y: scroll;
}

#side-panel .widget {
    margin-top: 40px;
    padding-top: 40px;
    width: 220px;
    border-top: 1px solid #E5E5E5;
}

    #side-panel .widget:first-child {
        padding-top: 0;
        border-top: 0;
        margin: 0;
    }

body.side-panel-open #side-panel {
    right: 0;
}

body.side-panel-left.side-panel-open #side-panel {
    left: 0;
    right: auto;
}

body.side-push-panel.side-panel-open.stretched #wrapper,
body.side-push-panel.side-panel-open.stretched #header.sticky-header .container {
    right: 300px;
}

body.side-push-panel.side-panel-open.stretched .slider-parallax-inner {
    left: -300px;
}

body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,
body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container,
body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner {
    left: 300px;
    right: auto;
}

#side-panel-trigger {
    display: block;
    cursor: pointer;
    z-index: 11;
    margin-right: 5px;
}

#side-panel-trigger-close a {
    display: none;
}

#side-panel,
body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header .container {
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
}

body.side-panel-left #side-panel,
body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header .container,
body.side-push-panel.stretched .slider-parallax-inner {
    -webkit-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
}

.body-overlay {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: -1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

body.side-panel-open .body-overlay {
    opacity: 1;
    z-index: 298;
    pointer-events: auto;
}

body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover {
    cursor: url('../img/close.png') 15 15, default;
}

/* ----------------------------------------------------------------
	33. Widgets
-----------------------------------------------------------------*/


.widget {
    position: relative;
    margin-top: 50px;
}

    .widget p {
        line-height: 1.7;
    }

.sidebar-widgets-wrap .widget {
    padding-top: 50px;
    border-top: 1px solid #EEE;
}

.widget:first-child {
    margin-top: 0;
}

.sidebar-widgets-wrap .widget:first-child {
    padding-top: 0;
    border-top: 0;
}

.widget > h4 {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sidebar-widgets-wrap .widget > h4 {
    letter-spacing: 1px;
}

.widget p:not(.lead) {
    font-size: 14px;
}

/* Navigation Tree
-----------------------------------------------------------------*/


.nav-tree {
    position: relative;
    margin-bottom: 40px;
}

    .nav-tree ul {
        margin-bottom: 0;
        list-style: none;
    }

    .nav-tree > ul {
        margin: -8px 0;
    }

    .nav-tree li {
        position: relative;
    }

        .nav-tree li a {
            display: block;
            padding: 8px 0;
            color: #333;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 2px;
            font-family: 'Raleway', sans-serif;
        }

        .nav-tree li i {
            font-size: 14px;
            width: 16px;
            text-align: center;
        }

            .nav-tree li i:not(.icon-angle-down) {
                margin-right: 8px;
                position: relative;
                top: 1px;
            }

        .nav-tree li a i.icon-angle-down {
            width: auto;
            font-size: 12px;
            margin-left: 2px;
        }

        .nav-tree li:hover > a,
        .nav-tree li.current > a,
        .nav-tree li.active > a {
            color: #1ABC9C !important;
        }

    .nav-tree ul ul {
        display: none;
    }

    .nav-tree li.current > ul {
        display: block;
    }

    .nav-tree ul ul a {
        font-size: 12px;
        padding: 6px 0;
        letter-spacing: 1px;
        font-family: 'Lato', sans-serif;
    }

        .nav-tree ul ul a i.icon-angle-down {
            font-size: 12px;
        }

    .nav-tree ul ul a {
        padding-left: 20px;
    }

    .nav-tree ul ul ul a {
        padding-left: 40px;
    }

    .nav-tree ul ul ul ul a {
        padding-left: 60px;
    }

    .nav-tree ul ul ul ul ul a {
        padding-left: 80px;
    }


/* Widget - Quick Contact Form
-----------------------------------------------------------------*/

.quick-contact-widget .form-control,
.quick-contact-widget .input-group,
.quick-contact-widget .sm-form-control {
    margin-bottom: 10px;
}

    .quick-contact-widget .input-group .form-control {
        margin-bottom: 0;
    }

.quick-contact-widget form,
#template-contactform {
    position: relative;
}


/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/


.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #1ABC9C;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

body:not(.device-touch) .button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.button-dark {
    background-color: #444;
}

.button-light {
    background-color: #EEE;
    color: #333;
    text-shadow: none !important;
}

.button:hover {
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-dark:hover {
    background-color: #1ABC9C;
}

.button.button-mini {
    padding: 0 14px;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
}

.button.button-small {
    padding: 0 17px;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
}

.button.button-large {
    padding: 0 26px;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
}

.button.button-xlarge {
    padding: 0 32px;
    font-size: 18px;
    letter-spacing: 2px;
    height: 52px;
    line-height: 52px;
}

.button.button-desc {
    text-align: left;
    padding: 24px 34px;
    font-size: 22px;
    height: auto;
    line-height: 1;
    font-family: 'Raleway', sans-serif;
}

    .button.button-desc span {
        display: block;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: 'Crete Round', serif;
        font-style: italic;
        text-transform: none;
    }

.button i {
    position: relative;
    top: 1px;
    line-height: 1;
    margin-right: 5px;
}

.button.tright i {
    margin: 0 0 0 5px;
}

.button-mini i {
    margin-right: 3px;
}

.button-mini.tright i {
    margin: 0 0 0 3px;
}

.button-small i {
    margin-right: 4px;
}

.button-small.tright i {
    margin: 0 0 0 4px;
}

.button-xlarge i {
    top: 2px;
    margin-right: 8px;
}

.button-xlarge.tright i {
    margin: 0 0 0 8px;
}

.button.button-desc i {
    top: 1px;
    font-size: 48px;
    width: 48px;
    text-align: center;
    margin-right: 12px;
}

.button.button-desc.tright i {
    margin: 0 0 0 12px;
}

.button.button-desc div {
    display: inline-block;
}

.button.button-rounded {
    border-radius: 3px;
}


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-border {
    border: 2px solid #444;
    background-color: transparent;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    text-shadow: none;
}

    .button.button-border.button-mini {
        line-height: 24px;
    }

    .button.button-border.button-small {
        line-height: 30px;
    }

    .button.button-border.button-large {
        line-height: 42px;
    }

    .button.button-border.button-xlarge {
        line-height: 48px;
    }

    .button.button-border.button-desc {
        line-height: 1;
    }

    .button.button-border:hover {
        background-color: #444;
        color: #FFF;
        border-color: transparent !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    }

    .button.button-border.button-light {
        border-color: #EEE;
        color: #EEE;
    }

        .button.button-border.button-light:hover {
            background-color: #EEE;
            color: #333;
            text-shadow: none;
        }


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-3d {
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

    .button.button-3d:hover {
        background-color: #1ABC9C !important;
        opacity: 0.9;
    }

    .button.button-3d.button-light:hover,
    .button.button-reveal.button-light:hover {
        text-shadow: none;
        color: #333;
    }


/* Buttons - Icon Reveal
-----------------------------------------------------------------*/

.button.button-reveal {
    padding: 0 28px;
    overflow: hidden;
}

    .button.button-reveal i {
        display: block;
        position: absolute;
        top: 0;
        left: -32px;
        width: 32px;
        height: 40px;
        line-height: 40px;
        margin: 0;
        text-align: center;
        background-color: rgba(0,0,0,0.1);
    }

    .button.button-reveal.button-border i {
        top: -2px;
    }

    .button.button-reveal.tright i {
        left: auto;
        right: -32px;
    }

    .button.button-reveal.button-3d i,
    .button.button-reveal.button-rounded i {
        border-radius: 3px 0 0 3px;
    }

    .button.button-reveal.button-3d.tright i,
    .button.button-reveal.button-rounded.tright i {
        border-radius: 0 3px 3px 0;
    }

    .button.button-reveal span {
        display: inline-block;
        position: relative;
        left: 0;
    }

body:not(.device-touch) .button.button-reveal i,
body:not(.device-touch) .button.button-reveal span {
    -webkit-transition: left 0.3s ease, right 0.3s ease;
    -o-transition: left 0.3s ease, right 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease;
}

.button.button-reveal.button-mini {
    padding: 0 17px;
}

    .button.button-reveal.button-mini i {
        left: -22px;
        width: 22px;
        height: 28px;
        line-height: 28px;
    }

    .button.button-reveal.button-mini.tright i {
        left: auto;
        right: -22px;
    }

.button.button-reveal.button-small {
    padding: 0 22px;
}

    .button.button-reveal.button-small i {
        left: -26px;
        width: 26px;
        height: 34px;
        line-height: 34px;
    }

    .button.button-reveal.button-small.tright i {
        left: auto;
        right: -26px;
    }

.button.button-reveal.button-large {
    padding: 0 32px;
}

    .button.button-reveal.button-large i {
        left: -38px;
        width: 38px;
        height: 46px;
        line-height: 46px;
    }

    .button.button-reveal.button-large.tright i {
        left: auto;
        right: -38px;
    }

.button.button-reveal.button-xlarge {
    padding: 0 40px;
}

    .button.button-reveal.button-xlarge i {
        left: -44px;
        width: 44px;
        height: 52px;
        line-height: 52px;
    }

    .button.button-reveal.button-xlarge.tright i {
        left: auto;
        right: -44px;
    }

.button.button-reveal:hover i {
    left: 0;
}

.button.button-reveal.tright:hover i {
    left: auto;
    right: 0;
}

.button.button-reveal:hover span {
    left: 16px;
}

.button.button-reveal.button-mini:hover span {
    left: 11px;
}

.button.button-reveal.button-small:hover span {
    left: 13px;
}

.button.button-reveal.button-large:hover span {
    left: 19px;
}

.button.button-reveal.button-xlarge:hover span {
    left: 22px;
}

.button.button-reveal.tright:hover span {
    left: -16px;
}

.button.button-reveal.button-mini.tright:hover span {
    left: -11px;
}

.button.button-reveal.button-small.tright:hover span {
    left: -13px;
}

.button.button-reveal.button-large.tright:hover span {
    left: -19px;
}

.button.button-reveal.button-xlarge.tright:hover span {
    left: -22px;
}


/* ===========================
   HERO SHAPE STYLES
   =========================== */
.hero-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

/* Outline circles */
.hero-shape-outline {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

/* Filled circles */
.hero-shape-fill {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
}

/* Outline Circle 1 */
.hero-shape-outline-1 {
    height: 768px;
    width: 768px;
    top: -457px;
    left: -588px;
}

@media (min-width: 1200px) {
    .hero-shape-outline-1 {
        top: -273px;
        left: -340px;
    }
}

@media (min-width: 1400px) {
    .hero-shape-outline-1 {
        top: -193px;
        left: -340px;
    }
}

@media (min-width: 1800px) {
    .hero-shape-outline-1 {
        height: 973px;
        width: 973px;
        top: -373px;
        left: -183px;
    }
}

/* Outline Circle 2 */
.hero-shape-outline-2 {
    height: 768px;
    width: 768px;
    top: -120px;
    left: -700px;
}

@media (min-width: 1200px) {
    .hero-shape-outline-2 {
        top: -90px;
        left: -645px;
    }
}

@media (min-width: 1400px) {
    .hero-shape-outline-2 {
        top: -30px;
        left: -650px;
    }
}

@media (min-width: 1800px) {
    .hero-shape-outline-2 {
        top: -120px;
        left: -788px;
    }
}

/* Filled Circle 1 */
.hero-shape-fill-1 {
    height: 60px;
    width: 60px;
    left: 5px;
    top: 455px;
}

@media (min-width: 576px) {
    .hero-shape-fill-1 {
        height: 80px;
        width: 80px;
        left: 20px;
        top: 580px;
    }
}

@media (min-width: 768px) {
    .hero-shape-fill-1 {
        height: 100px;
        width: 100px;
        left: 20px;
        top: 145px;
    }
}

@media (min-width: 1200px) {
    .hero-shape-fill-1 {
        height: 127px;
        width: 127px;
        left: 10px;
        top: 244px;
    }
}

@media (min-width: 1400px) {
    .hero-shape-fill-1 {
        left: 75px;
        top: 268px;
    }
}

@media (min-width: 1800px) {
    .hero-shape-fill-1 {
        left: 334px;
        top: 300px;
    }
}

/* Filled Circle 2 */
.hero-shape-fill-2 {
    height: 320px;
    width: 320px;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
}

@media (min-width: 768px) {
    .hero-shape-fill-2 {
        height: 500px;
        width: 500px;
        left: initial;
        transform: translateX(0);
        right: 20px;
        top: -100px;
    }
}

@media (min-width: 1800px) {
    .hero-shape-fill-2 {
        height: 912px;
        width: 912px;
        right: 100px;
        top: -252px;
    }
}


.social-link {
    /*background: rgba(255,255,255,.05);*/
    padding: 3px 5px;
    position: absolute;
    top: 0;
    right: 0;
    /*border-radius: 70px 0 0 70px*/
}

@media (min-width: 1400px) {
    .social-link {
        padding: 7px 5px
    }
}

.social-link a {
    width: 28px;
    height: 28px;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffffdb;
    border: 2px solid #ffffffdb;
    border-radius: 50%;
    margin-right: 10px;
    box-sizing: border-box;
    transition: all .5s ease;
}

.social-link a i {
    line-height: 0 !important;
}

@media (min-width: 1400px) {
    .social-link a {
        width: 28px;
        height: 28px;
        margin-right: 10px
    }
}

.social-link a:hover {
    border-color: #ffb40c;
    color: #ffb40c
}

/* ===========================
   ANIMATION KEYFRAMES
   =========================== */

/* Vertical floating motion */
@keyframes animate-top-bottom {
    0% {
        transform: translateY(30px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-30px);
    }
}

/* Horizontal floating motion */
@keyframes animate-left-right {
    0% {
        transform: translateX(30px);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-30px);
    }
}

/* Pulse zoom in/out motion */
@keyframes animate-zoom-in-out {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

/* ===========================
   ANIMATION UTILITY CLASSES
   =========================== */
.animate-top-bottom {
    animation: animate-top-bottom 6s ease-in-out infinite alternate;
}

.animate-left-right {
    animation: animate-left-right 7s ease-in-out infinite alternate;
}

.animate-zoom-in-out {
    animation: animate-zoom-in-out 8s linear infinite alternate;
}

/* Combo floating (zoom + drift) */
.animate-float {
    animation: animate-top-bottom 6s ease-in-out infinite alternate, animate-zoom-in-out 10s linear infinite alternate;
}


/* Base button style */
.thm-btn.side-panel-trigger {
    position: relative;
    display: inline-block;
    background: #741115;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 25px;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0 6px 14px rgba(116, 17, 21, 0.3);
}

    /* Hover effect – smooth lift + glow + background shift */
    .thm-btn.side-panel-trigger:hover {
        background: linear-gradient(135deg, #741115 0%, #a31d25 100%);
        transform: translateY(-4px) scale(1.03);
        box-shadow: 0 10px 25px rgba(116, 17, 21, 0.5);
        color: #fff;
    }

    /* ✨ Animated underline shimmer */
    .thm-btn.side-panel-trigger::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100% );
        transition: all 0.6s ease;
    }

    /* Move shimmer on hover */
    .thm-btn.side-panel-trigger:hover::after {
        left: 100%;
    }

/* Optional subtle idle floating animation (matches service list) */
@keyframes floaty-btn {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }

    100% {
        transform: translateY(0);
    }
}

.link_btn.float_right {
    animation: floaty-btn 6s ease-in-out infinite;
}

.about-display-section {
    position: relative;
    background: linear-gradient(135deg, #fafafa, #fff);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.about-display-img img {
    border-radius: 20px;
    transition: transform 0.6s ease, box-shadow 0.6s ease;
}

    .about-display-img img:hover {
        transform: scale(1.05);
        box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    }

/* Optional float animation */
@keyframes animate-top-bottom {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

.animate-top-bottom {
    animation: animate-top-bottom 6s ease-in-out infinite;
}

/* Section text styling */

.section-title {
    font-size: 1.8rem;
    line-height: 1.4;
}

.about-content h5 {
    font-size: 1.05rem;
    line-height: 1.6;
}

/* Smooth transition for content */
.about-content {
    transition: all 0.5s ease;
}

    .about-content:hover {
        transform: translateY(-3px);
    }

.col-12 {
    flex: 0 0 auto;
    width: 100%;
    z-index:1;
}

.align-items-center {
    align-items: center !important
}

.about-display-img {
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .about-display-img {
        margin-right: 50px
    }
}

@media (min-width: 992px) {
    .about-display-img {
        margin-right: 80px
    }
}

@media (min-width: 1400px) {
    .about-display-img {
        margin-right: 110px
    }
}

@media (min-width: 1800px) {
    .about-display-img {
        margin-right: 135px
    }
}

@media (min-width: 1800px) {
    .about-display-img {
        width: 605px
    }
}

.img-fluid {
    max-width: 100%;
    height: auto
}

@-webkit-keyframes animate-top-bottom {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@keyframes animate-top-bottom {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@media (min-width: 992px) {
    .animate-top-bottom {
        -webkit-animation-name: animate-top-bottom;
        animation-name: animate-top-bottom;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }
}

.about-content {
    width: 100%;
    margin-top: 60px
}

@media (min-width: 768px) {
    .about-content {
        margin-top: 0
    }
}

@media (min-width: 1800px) {
    .about-content {
        width: 565px
    }
}

.about-content h5 {
    font-family: Roboto,sans-serif;
    font-size: 22px;
    line-height: 1.75;
    margin-top: 35px;
    font-weight: 400;
    color: #191d1e
}

@media (min-width: 992px) {
    .about-content h5 {
        font-size: 20px
    }
}

.about-content p {
    margin-top: 23px
}

.about-content .btn {
    margin-top: 18px
}


.secton-content .section-title {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: -18px
}

@media (min-width: 576px) {
    .secton-content .section-title {
        font-size: 30px
    }
}

@media (min-width: 768px) {
    .secton-content .section-title {
        font-size: 36px
    }
}

@media (min-width: 1200px) {
    .secton-content .section-title {
        font-size: 40px
    }
}

@media (min-width: 1200px) {
    .secton-content .section-title {
        font-size: 44px
    }
}

@media (min-width: 1400px) {
    .secton-content .section-title {
        font-size: 48px
    }
}

@media (min-width: 1800px) {
    .secton-content .section-title {
        font-size: 54px
    }
}

.secton-content .section-title .title-bold {
    color: #191d1e;
    font-weight: 600
}

.secton-content .section-title .title-normal {
    color: #4f4f61;
    font-weight: 300
}

.secton-content .btn {
    margin-top: 50px
}

@media (min-width: 992px) {
    .secton-content .btn {
        margin-top: 40px
    }
}

@media (min-width: 1400px) {
    .secton-content .btn {
        margin-top: 60px
    }
}

.secton-content p {
    margin-top: 35px
}

.cases-display-section .secton-content {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .cases-display-section .secton-content {
        margin-bottom: 50px
    }
}

.support-display-section .secton-content {
    width: 100%;
    text-align: center
}

@media (min-width: 1200px) {
    .support-display-section .secton-content {
        text-align: left
    }
}

@media (min-width: 1800px) {
    .support-display-section .secton-content {
        width: 875px
    }
}

.blog-feed-display-section .box-wrapper .secton-content {
    margin-bottom: 40px
}

@media (min-width: 992px) {
    .blog-feed-display-section .box-wrapper .secton-content {
        margin-bottom: 0
    }
}


.secton-content .section-title {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: -18px
}

@media (min-width: 576px) {
    .secton-content .section-title {
        font-size: 30px
    }
}

@media (min-width: 768px) {
    .secton-content .section-title {
        font-size: 36px
    }
}

@media (min-width: 1200px) {
    .secton-content .section-title {
        font-size: 40px
    }
}

@media (min-width: 1200px) {
    .secton-content .section-title {
        font-size: 44px
    }
}

@media (min-width: 1400px) {
    .secton-content .section-title {
        font-size: 48px
    }
}

@media (min-width: 1800px) {
    .secton-content .section-title {
        font-size: 54px
    }
}

.secton-content .section-title .title-bold {
    color: #191d1e;
    font-weight: 600
}

.secton-content .section-title .title-normal {
    color: #4f4f61;
    font-weight: 300
}

.secton-content .section-title .title-bold {
    color: #191d1e;
    font-weight: 600
}

.secton-content .section-title .title-normal {
    color: #4f4f61;
    font-weight: 300
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca
    }

.btn {
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    overflow: hidden
}

    .btn:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.btn-sm {
    border-radius: 18px;
    padding: 10px 20px
}

@media (min-width: 1200px) {
    .btn-sm {
        padding: 18px 40px
    }
}

.btn-md {
    padding: 10px 18px
}

@media (min-width: 576px) {
    .btn-md {
        padding: 18px 25px
    }
}

@media (min-width: 768px) {
    .btn-md {
        padding: 18px 30px
    }
}

@media (min-width: 992px) {
    .btn-md {
        padding: 18px 35px
    }
}

@media (min-width: 1200px) {
    .btn-md {
        padding: 22px 43px
    }
}

.btn-lg {
    padding: 10px 18px
}

@media (min-width: 576px) {
    .btn-lg {
        padding: 18px 25px
    }
}

@media (min-width: 768px) {
    .btn-lg {
        padding: 18px 30px
    }
}

@media (min-width: 992px) {
    .btn-lg {
        padding: 18px 35px
    }
}

@media (min-width: 1200px) {
    .btn-lg {
        padding: 22px 43px
    }
}

.btn-default-outline {
    border-radius: 18px;
    border: 2px solid #741115;
    color: #741115 !important;
}

    .btn-default-outline::before {
        background: #741115 !important;
    }

    .btn-default-outline::after {
        background: #741115 !important;
    }

    .btn-default-outline:hover {
        color: #fff !important;
    }

.btn-default-outline-alt {
    border-radius: 18px;
    border: 2px solid #fff;
    color: #fff;
    z-index: 1
}

    .btn-default-outline-alt::before {
        background: #fff;
        z-index: -1
    }

    .btn-default-outline-alt::after {
        background: #fff;
        z-index: -1
    }

    .btn-default-outline-alt:hover {
        color: #741115 !important
    }

.btn-default-alt {
    background: #741115;
    color: #fff;
    border-radius: 15px;
    border: 2px solid #741115
}

    .btn-default-alt::before {
        background: #fff
    }

    .btn-default-alt::after {
        background: #fff
    }

    .btn-default-alt:hover {
        border-color: #741115;
        color: #741115;
        background: #fff
    }

.btn-default-outline {
    border-radius: 15px;
    border: 2px solid #741115;
    color: #741115
}

    .btn-default-outline::before {
        background: #741115
    }

    .btn-default-outline::after {
        background: #741115
    }

    .btn-default-outline:hover {
        color: #fff
    }

.btn-default-outline-alt {
    border-radius: 15px;
    border: 2px solid #fff;
    color: #fff;
    z-index: 1
}

    .btn-default-outline-alt::before {
        background: #fff;
        z-index: -1
    }

    .btn-default-outline-alt::after {
        background: #fff;
        z-index: -1
    }

    .btn-default-outline-alt:hover {
        color: #741115 !important
    }

.btn-default {
    background: #fff;
    color: #741115;
    border-radius: 18px;
    border: 2px solid #fff
}

    .btn-default::before {
        background: #741115
    }

    .btn-default::after {
        background: #741115
    }

    .btn-default:hover {
        color: #fff;
        background: #741115
    }

@-webkit-keyframes wave-animate {
    0% {
        opacity: 1;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes wave-animate {
    0% {
        opacity: 1;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.wave-animate {
    -webkit-animation-name: wave-animate;
    animation-name: wave-animate;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes MoveScaleUpInitial {
    to {
        -webkit-transform: translate3d(0,-105%,0) scale3d(1,2,1);
        transform: translate3d(0,-105%,0) scale3d(1,2,1);
        opacity: 0
    }
}

@keyframes MoveScaleUpInitial {
    to {
        -webkit-transform: translate3d(0,-105%,0) scale3d(1,2,1);
        transform: translate3d(0,-105%,0) scale3d(1,2,1);
        opacity: 0
    }
}

@-webkit-keyframes MoveScaleUpEnd {
    from {
        -webkit-transform: translate3d(0,100%,0) scale3d(1,2,1);
        transform: translate3d(0,100%,0) scale3d(1,2,1);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes MoveScaleUpEnd {
    from {
        -webkit-transform: translate3d(0,100%,0) scale3d(1,2,1);
        transform: translate3d(0,100%,0) scale3d(1,2,1);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.btn {
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    overflow: hidden
}

    .btn:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.btn-sm {
    border-radius: 18px;
    padding: 10px 20px
}

@media (min-width: 1200px) {
    .btn-sm {
        padding: 18px 40px
    }
}

.btn-md {
    padding: 10px 18px
}

@media (min-width: 576px) {
    .btn-md {
        padding: 18px 25px
    }
}

@media (min-width: 768px) {
    .btn-md {
        padding: 18px 30px
    }
}

@media (min-width: 992px) {
    .btn-md {
        padding: 18px 35px
    }
}

@media (min-width: 1200px) {
    .btn-md {
        padding: 22px 43px
    }
}

.btn-lg {
    padding: 10px 18px
}

@media (min-width: 576px) {
    .btn-lg {
        padding: 18px 25px
    }
}

@media (min-width: 768px) {
    .btn-lg {
        padding: 18px 30px
    }
}

@media (min-width: 992px) {
    .btn-lg {
        padding: 18px 35px
    }
}

@media (min-width: 1200px) {
    .btn-lg {
        padding: 22px 43px
    }
}

.btn-animate::before {
    position: absolute;
    content: "";
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -110%;
    left: -10%;
    border-radius: 50%;
    -webkit-transform: translate3d(0,68%,0) scale3d(0,0,0);
    transform: translate3d(0,68%,0) scale3d(0,0,0)
}

.btn-animate::after {
    position: absolute;
    content: "";
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.1,0,.3,1);
    transition: -webkit-transform .4s cubic-bezier(.1,0,.3,1);
    transition: transform .4s cubic-bezier(.1,0,.3,1);
    transition: transform .4s cubic-bezier(.1,0,.3,1),-webkit-transform .4s cubic-bezier(.1,0,.3,1)
}

.btn-animate span {
    display: block;
    position: relative;
    z-index: 10
}

.btn-animate:hover::before {
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.1,0,.3,1);
    transition: -webkit-transform .4s cubic-bezier(.1,0,.3,1);
    transition: transform .4s cubic-bezier(.1,0,.3,1);
    transition: transform .4s cubic-bezier(.1,0,.3,1),-webkit-transform .4s cubic-bezier(.1,0,.3,1)
}

.btn-animate:hover::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.btn-animate:hover span {
    -webkit-animation: MoveScaleUpInitial .3s forwards,MoveScaleUpEnd .3s forwards .3s;
    animation: MoveScaleUpInitial .3s forwards,MoveScaleUpEnd .3s forwards .3s
}

.promo-video .video-link .wave-btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    border-radius: 50%;
    z-index: -1;
    border: 2px solid #741115;
    -webkit-animation-name: wave-animate;
    animation-name: wave-animate;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.promo-video .video-link .wave-btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    border-radius: 50%;
    z-index: -1;
    border: 2px solid #741115;
    -webkit-animation-name: wave-animate;
    animation-name: wave-animate;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.promo-video .video-link .wave-btn .ripple {
    background: #fff;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%
}

.icon-space-left i {
    padding-left: 7.5px
}

@media (min-width: 1200px) {
    .icon-space-left i {
        padding-left: 18px
    }
}

.icon-space-right i {
    padding-right: 7.5px
}

@media (min-width: 1200px) {
    .icon-space-right i {
        padding-right: 18px
    }
}

.icofont-double-right:before {
    content: "\ea7c"
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
}

/*service display section
*/

.service-display-list {
    background: #fff;
    border-radius: 25px;
    margin-top: 60px
}

@media (min-width: 992px) {
    .service-display-list {
        margin-top: 0
    }
}

.service-display-list .list-item {
    padding: 30px 25px
}

@media (min-width: 576px) {
    .service-display-list .list-item {
        padding: 55px 40px
    }
}

@media (min-width: 1800px) {
    .service-display-list .list-item {
        padding: 85px 80px
    }
}

.service-display-list .list-item li {
    background: #f5f5fc;
    border-radius: 10px;
    padding: 25px 30px;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    overflow: hidden
}

@media (min-width: 576px) {
    .service-display-list .list-item li {
        padding: 26px 45px
    }
}

.service-display-list .list-item li:last-child {
    margin-bottom: 0
}

.service-display-list .list-item li .icon-image {
    position: absolute;
    height: 60px;
    width: 60px;
    background: #fff;
    border-radius: 50%;
    visibility: visible;
    opacity: 1;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center;
    line-height: 60px
}

@media (min-width: 576px) {
    .service-display-list .list-item li .icon-image {
        height: 70px;
        width: 70px;
        line-height: 70px;
        left: 30px
    }
}

.service-display-list .list-item li .icon-image img {
    max-width: 100%
}

.service-display-list .list-item li a {
    font-size: 22px;
    font-family: Newsreader,serif;
    font-weight: 500
}

@media (min-width: 576px) {
    .service-display-list .list-item li a {
        font-size: 25px
    }
}

.service-display-list .list-item li .text {
    display: inline-block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding-left: 55px;
    color: #191d1e
}

@media (min-width: 576px) {
    .service-display-list .list-item li .text {
        padding-left: 85px
    }
}

.service-display-list .list-item li .text::after {
    position: absolute;
    content: "";
    font-family: IcoFont;
    font-size: 22px;
    right: 35px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #fff;
    display: inline-block;
    -webkit-transform: translateY(-50%) translateX(45px);
    transform: translateY(-50%) translateX(45px);
    top: 50%
}

@media (min-width: 576px) {
    .service-display-list .list-item li .text::after {
        right: 55px;
        width: 55px;
        height: 55px;
        line-height: 53px
    }
}

.service-display-list .list-item li:hover {
    background: #741115
}

    .service-display-list .list-item li:hover .icon-image {
        left: 0;
        visibility: hidden;
        opacity: 0
    }

    .service-display-list .list-item li:hover a {
        color: #fff
    }

    .service-display-list .list-item li:hover .text {
        padding-left: 0;
        color: #fff
    }

        .service-display-list .list-item li:hover .text::after {
            visibility: visible;
            opacity: 1;
            right: 75px
        }

@media (min-width: 576px) {
    .service-display-list .list-item li:hover .text::after {
        right: 85px
    }
}

.section-top-gap-200 {
    margin-top: 80px
}

@media (min-width: 300px) {
    .section-top-gap-200 {
        margin-top: 100px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .section-top-gap-200 {
        margin-top: 100px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 992px) {
    .section-top-gap-200 {
        margin-top: 125px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 1200px) {
    .section-top-gap-200 {
        margin-top: 80px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 1400px) {
    .section-top-gap-200 {
        margin-top: 90px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 1800px) {
    .section-top-gap-200 {
        margin-top: 100px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 992px) {
    .section-fluid-185 {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width: 1200px) {
    .section-fluid-185 {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width: 1400px) {
    .section-fluid-185 {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 1800px) {
    .section-fluid-185 {
        padding-left: 185px;
        padding-right: 185px
    }
}


.section-inner-padding-145 {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width: 992px) {
    .section-inner-padding-145 {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .section-inner-padding-145 {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media (min-width: 1800px) {
    .section-inner-padding-145 {
        padding-top: 145px;
        padding-bottom: 145px
    }
}

.section-inner-bg {
    background: #f5f5fc
}


.secton-content {
    margin-top: -10px
}

    .secton-content .section-tag {
        font-size: 22px;
        color: #741115;
        font-weight: 500;
        padding-left: 60px;
        position: relative;
        margin-bottom: 18px;
        display: inline-block
    }

        .secton-content .section-tag::after {
            position: absolute;
            content: "";
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            width: 40px;
            height: 2px;
            background: #741115
        }
    .only-section-tag {
    }

.only-section-tag::after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 40px;
    height: 2px;
    background: #741115
}

    .secton-content .section-title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: -18px
    }

@media (min-width: 576px) {
    .secton-content .section-title {
        font-size: 30px
    }
}

@media (min-width: 768px) {
    .secton-content .section-title {
        font-size: 36px
    }
}

@media (min-width: 1200px) {
    .secton-content .section-title {
        font-size: 40px
    }
}

@media (min-width: 1200px) {
    .secton-content .section-title {
        font-size: 44px
    }
}

@media (min-width: 1400px) {
    .secton-content .section-title {
        font-size: 48px
    }
}

@media (min-width: 1800px) {
    .secton-content .section-title {
        font-size: 54px
    }
}

.secton-content .section-title .title-bold {
    color: #191d1e;
    font-weight: 600
}

.secton-content .section-title .title-normal {
    color: #4f4f61;
    font-weight: 300
}

.secton-content .btn {
    margin-top: 50px
}

@media (min-width: 992px) {
    .secton-content .btn {
        margin-top: 40px
    }
}

@media (min-width: 1400px) {
    .secton-content .btn {
        margin-top: 60px
    }
}

.secton-content p {
    margin-top: 35px;
    color: #4f4f61;
}

.section-content-gap {
    margin-bottom: 60px
}

@media (min-width: 992px) {
    .section-content-gap {
        margin-bottom: 40px
    }
}

.container-border-radius {
    border-radius: 18px
}


.section-fluid-70 {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 1200px) {
    .section-fluid-70 {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1400px) {
    .section-fluid-70 {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width: 1800px) {
    .section-fluid-70 {
        padding-left: 70px;
        padding-right: 70px
    }
}

.section-fluid-100 {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 1200px) {
    .section-fluid-100 {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1400px) {
    .section-fluid-100 {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width: 1800px) {
    .section-fluid-100 {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 992px) {
    .section-fluid-185 {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width: 1200px) {
    .section-fluid-185 {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width: 1400px) {
    .section-fluid-185 {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 1800px) {
    .section-fluid-185 {
        padding-left: 185px;
        padding-right: 185px
    }
}


.default-form-group-single-item input, .default-form-group-single-item textarea {
    width: 100%;
    padding: 18px 25px;
    border-radius: 18px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 400
}

.default-form-group-single-item.border-white input, .default-form-group-single-item.border-white textarea {
    color: #fff;
    border: 1px solid #fff
}

    .default-form-group-single-item.border-white input::-webkit-input-placeholder, .default-form-group-single-item.border-white textarea::-webkit-input-placeholder {
        color: #fff
    }

    .default-form-group-single-item.border-white input::-moz-placeholder, .default-form-group-single-item.border-white textarea::-moz-placeholder {
        color: #fff
    }

    .default-form-group-single-item.border-white input:-ms-input-placeholder, .default-form-group-single-item.border-white textarea:-ms-input-placeholder {
        color: #fff
    }

    .default-form-group-single-item.border-white input::-ms-input-placeholder, .default-form-group-single-item.border-white textarea::-ms-input-placeholder {
        color: #fff
    }

    .default-form-group-single-item.border-white input::placeholder, .default-form-group-single-item.border-white textarea::placeholder {
        color: #fff
    }

.default-form-group-single-item.border-gray input, .default-form-group-single-item.border-gray textarea {
    border: 1px solid rgba(33,31,70,.2)
}

    .default-form-group-single-item.border-gray input::-webkit-input-placeholder, .default-form-group-single-item.border-gray textarea::-webkit-input-placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-gray input::-moz-placeholder, .default-form-group-single-item.border-gray textarea::-moz-placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-gray input:-ms-input-placeholder, .default-form-group-single-item.border-gray textarea:-ms-input-placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-gray input::-ms-input-placeholder, .default-form-group-single-item.border-gray textarea::-ms-input-placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-gray input::placeholder, .default-form-group-single-item.border-gray textarea::placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-gray input:focus, .default-form-group-single-item.border-gray textarea:focus {
        border-color: #741115e0
    }

.default-form-group-single-item.border-dark-gray input, .default-form-group-single-item.border-dark-gray textarea {
    border: 1px solid #c4c4d2;
    color: #555463
}

    .default-form-group-single-item.border-dark-gray input::-webkit-input-placeholder, .default-form-group-single-item.border-dark-gray textarea::-webkit-input-placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-dark-gray input::-moz-placeholder, .default-form-group-single-item.border-dark-gray textarea::-moz-placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-dark-gray input:-ms-input-placeholder, .default-form-group-single-item.border-dark-gray textarea:-ms-input-placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-dark-gray input::-ms-input-placeholder, .default-form-group-single-item.border-dark-gray textarea::-ms-input-placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-dark-gray input::placeholder, .default-form-group-single-item.border-dark-gray textarea::placeholder {
        color: #555463
    }

    .default-form-group-single-item.border-dark-gray input:focus, .default-form-group-single-item.border-dark-gray textarea:focus {
        border-color: #741115
    }

.default-search-form {
    position: relative
}

    .default-search-form input {
        background: #f5f5fc;
        color: #191d1e;
        padding-right: 70px;
        border-radius: 10px
    }

        .default-search-form input::-webkit-input-placeholder {
            color: #555463
        }

        .default-search-form input::-moz-placeholder {
            color: #555463
        }

        .default-search-form input:-ms-input-placeholder {
            color: #555463
        }

        .default-search-form input::-ms-input-placeholder {
            color: #555463
        }

        .default-search-form input::placeholder {
            color: #555463
        }

    .default-search-form button {
        position: absolute;
        height: 100%;
        padding: 22px;
        color: #fff;
        right: 0;
        background: #741115;
        border-radius: 10px;
        line-height: 18px
    }

.book-form {
    background: #741115;
}

    .book-form .title {
        font-size: 25px;
        color: #fff;
        font-weight: 600;
        text-align: center;
        margin-top: -18px;
        margin-bottom: 18px;
        line-height: 1.45
    }

@media (min-width: 576px) {
    .book-form .title {
        font-size: 36px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .book-form .title {
        font-size: 30px
    }
}

@media (min-width: 992px) {
    .book-form .title {
        font-size: 34px
    }
}

@media (min-width: 1200px) {
    .book-form .title {
        font-size: 39px
    }
}

.book-form .title span {
    display: block;
    font-weight: 300
}

.book-form input, .book-form textarea {
    background: 0 0;
    color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

    .book-form input:focus, .book-form textarea:focus {
        border-color: #ffb40c
    }

.book-form .submit-btn {
    margin-top: 25px
}

.book-form-1 {
    width: 100%;
    padding: 90px 30px 80px;
    border-radius: 35px;
    margin-top: 50px;
    width: 100%
}

@media (min-width: 576px) {
    .book-form-1 {
        border-radius: 50px
    }
}

@media (min-width: 992px) {
    .book-form-1 {
        /*width: calc(60% - 80px);*/
        margin-top: 0;
        padding: 65px 45px 60px
    }
}

@media (min-width: 1400px) {
    .book-form-1 {
        /*width: calc(50% - 110px);*/
        padding: 65px 50px 60px
    }
}

@media (min-width: 1800px) {
    .book-form-1 {
        /*width: calc(50% - 135px)*/
    }
}

@media (min-width: 768px) {
    .book-form-1.mr-135 {
        margin-right: 50px
    }
}

@media (min-width: 992px) {
    .book-form-1.mr-135 {
        margin-right: 80px
    }
}

@media (min-width: 1400px) {
    .book-form-1.mr-135 {
        margin-right: 110px
    }
}

@media (min-width: 1800px) {
    .book-form-1.mr-135 {
        margin-right: 135px
    }
}

@media (min-width: 768px) {
    .book-form-1.ml-135 {
        margin-left: 50px
    }
}

@media (min-width: 992px) {
    .book-form-1.ml-135 {
        margin-left: 80px
    }
}

@media (min-width: 1400px) {
    .book-form-1.ml-135 {
        margin-left: 110px
    }
}

@media (min-width: 1800px) {
    .book-form-1.ml-135 {
        margin-left: 135px
    }
}

.book-form-3 {
    width: 100%;
    padding: 30px;
    border-radius: 35px;
    margin-top: 60px;
    width: 100%;
    background: #f6f6fc
}

@media (min-width: 576px) {
    .book-form-3 {
        border-radius: 50px;
        padding: 70px
    }
}

@media (min-width: 768px) {
    .book-form-3 {
        padding: 80px 80px 80px
    }
}

@media (min-width: 1200px) {
    .book-form-3 {
        width: 50%
    }
}

@media (min-width: 1400px) {
    .book-form-3 {
        position: absolute;
        width: 570px;
        left: calc(50% - 83px);
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin-top: 0
    }
}

.book-form-3 .title {
    color: #211f46
}

    .book-form-3 .title span {
        color: #58575f
    }

.book-image {
    max-width: 100%
}

@media (min-width: 992px) {
    .book-image {
        width: 40%
    }
}

@media (min-width: 1200px) {
    .book-image {
        width: 50%
    }
}

.progress-circle canvas {
    vertical-align: top;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.circle-single-progress-bar {
    text-align: center
}

    .circle-single-progress-bar .outer-text {
        display: block;
        margin-top: 30px;
        font-size: 22px;
        line-height: 1.2
    }

    .circle-single-progress-bar .radial-progress {
        height: auto;
        max-width: 193px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        width: 100%
    }

        .circle-single-progress-bar .radial-progress circle {
            fill: transparent;
            stroke: #fff;
            stroke-dashoffset: 219.9114857513;
            stroke-width: 5
        }

            .circle-single-progress-bar .radial-progress circle.complete {
                stroke-dasharray: 219.9114857513
            }

        .circle-single-progress-bar .radial-progress text {
            fill: #fff;
            text-anchor: middle;
            font-size: 19px;
            font-family: Newsreader,serif;
            font-weight: 600
        }

    .circle-single-progress-bar.orange .radial-progress circle.complete {
        stroke: #ffb40c
    }

    .circle-single-progress-bar.orange .radial-progress text {
        fill: #ffb40c
    }

    .circle-single-progress-bar.cyan .radial-progress circle.complete {
        stroke: #00b8a9
    }

    .circle-single-progress-bar.cyan .radial-progress text {
        fill: #00b8a9
    }

    .circle-single-progress-bar.blue .radial-progress circle.complete {
        stroke: #741115
    }

    .circle-single-progress-bar.blue .radial-progress text {
        fill: #e16065
    }

    .circle-single-progress-bar.pink .radial-progress circle.complete {
        stroke: #ffb999
    }

    .circle-single-progress-bar.pink .radial-progress text {
        fill: #ffb999
    }

.progress-circle {
    position: relative;
    text-align: center
}

    .progress-circle .counter-inner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-size: 38px;
        font-family: Newsreader,serif;
        font-weight: 600;
    }

    .progress-circle .counter-inner-text-orange {
        color: #ffb40c
    }

    .progress-circle .counter-inner-text-cyan {
        color: #00b8a9
    }

    .progress-circle .counter-inner-text-blue {
        color: #741115
    }

    .progress-circle .counter-inner-text-pink {
        color: #ffb999
    }

.mb-n40 {
    margin-bottom: -40px
}

.justify-content-between {
    justify-content: space-between !important;
}

.circle-single-progress-bar .outer-text {
    color: #ffffff;
}

.footer-top-area {
    background: #191d1e;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.footer-top-shape {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    top: -375px;
    z-index: -1
}

@media (min-width: 992px) {
    .footer-top-shape {
        top: -500px
    }
}

@media (min-width: 1200px) {
    .footer-top-shape {
        top: -410px
    }
}

@media (min-width: 1200px) {
    .footer-top-shape {
        top: -355px
    }
}

@media (min-width: 1800px) {
    .footer-top-shape {
        top: -375px
    }
}

.footer-top-box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 576px) {
    .footer-top-box-wrapper {
        margin-bottom: -60px
    }
}

@media (min-width: 992px) {
    .footer-top-box-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.footer-top-single-item {
    margin-bottom: 60px
}

    .footer-top-single-item:last-child {
        margin-bottom: 0
    }

.footer-about {
    width: 100%
}

@media (min-width: 576px) {
    .footer-about {
        width: calc(50% - 40px);
        margin-right: 80px
    }
}

@media (min-width: 768px) {
    .footer-about {
        width: calc(50% - 75px);
        margin-right: 75px
    }
}

@media (min-width: 992px) {
    .footer-about {
        width: 31%;
        margin-right: 80px
    }
}

@media (min-width: 1200px) {
    .footer-about {
        width: 31%;
        margin-right: 100px
    }
}

.footer-about .logo {
    display: block;
    margin-bottom: 40px
}

.footer-about p {
    color: #fff
}

.footer-about .footer-form input {
    width: 100%;
    background: #fff;
    border: none;
    padding: 10px 22px;
    color: #191d1e;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid #fff
}

    .footer-about .footer-form input::-webkit-input-placeholder {
        color: #191d1e
    }

    .footer-about .footer-form input::-moz-placeholder {
        color: #191d1e
    }

    .footer-about .footer-form input:-ms-input-placeholder {
        color: #191d1e
    }

    .footer-about .footer-form input::-ms-input-placeholder {
        color: #191d1e
    }

    .footer-about .footer-form input::placeholder {
        color: #191d1e
    }

    .footer-about .footer-form input:focus {
        border-color: #029488
    }

.footer-about .footer-form button {
    margin-top: 18px;
    font-weight: 300;
    background: #00b8a9;
    color: #fff;
    padding: 10px 26px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid #00b8a9
}

    .footer-about .footer-form button:hover {
        border-color: #029488
    }

@media (min-width: 576px) {
    .footer-menu {
        width: calc(50% - 40px)
    }
}

@media (min-width: 768px) {
    .footer-menu {
        width: calc(50% - 75px);
        margin-right: 75px
    }
}

@media (min-width: 992px) {
    .footer-menu {
        width: 28%;
        margin-right: 80px
    }
}

@media (min-width: 1200px) {
    .footer-menu {
        width: 18%;
        margin-right: 100px
    }
}

.footer-social {
    width: 100%
}

@media (min-width: 576px) {
    .footer-social {
        width: calc(50% - 40px);
        margin-right: 80px
    }
}

@media (min-width: 768px) {
    .footer-social {
        width: calc(50% - 75px);
        margin-right: 75px
    }
}

@media (min-width: 992px) {
    .footer-social {
        width: 24%;
        margin-right: 80px
    }
}

@media (min-width: 1200px) {
    .footer-social {
        width: 24%;
        margin-right: 100px
    }
}

.footer-contact {
    width: 100%
}

@media (min-width: 576px) {
    .footer-contact {
        width: calc(50% - 40px)
    }
}

@media (min-width: 768px) {
    .footer-contact {
        width: calc(50% - 75px)
    }
}

@media (min-width: 992px) {
    .footer-contact {
        width: 20%
    }
}

@media (min-width: 1200px) {
    .footer-contact {
        width: 20%
    }
}

.footer-widget .title {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .footer-widget .title {
        margin-bottom: 40px
    }
}

.footer-nav li {
    margin-bottom: 18px
}

    .footer-nav li:last-child {
        margin-bottom: 0
    }

.footer-nav a {
    color: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: block
}

    .footer-nav a:hover {
        color: #ffb40c;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

.social-link-2 li {
    margin-bottom: 20px
}

    .social-link-2 li:last-child {
        margin-bottom: 0
    }

    .social-link-2 li::after {
        margin-bottom: 0
    }

.social-link-2 a {
    border: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 45px;
    color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

    .social-link-2 a .icon {
        padding-right: 18px;
        padding-left: 18px;
        position: relative
    }

        .social-link-2 a .icon::after {
            position: absolute;
            content: "";
            width: 1px;
            height: 100%;
            background: #fff;
            right: 0;
            -webkit-transition: all .5s ease;
            transition: all .5s ease
        }

    .social-link-2 a .text {
        padding-left: 25px;
        padding-right: 25px;
        display: inline-block
    }

    .social-link-2 a:hover {
        border-color: #cf0000;
        color: #cf0000;
    }

        .social-link-2 a:hover .icon::after {
            background: #cf0000;
        }

.footer-single-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px
}

    .footer-single-info:last-child {
        margin-bottom: 0
    }

    .footer-single-info .icon {
        color: #ffc33c;
    }

    .footer-single-info .text {
        color: #fff;
        margin-left: 30px
    }

.footer-bottom-area {
    background: #74111517;
    padding: 25px 0
}

.copyright-text {
    color: #000
}

    .copyright-text a {
        color: #000
    }

    .copyright-text .mark-color {
        color: #00b8a9
    }

    .copyright-text .company-site {
        font-weight: 700
    }

.material-scrolltop {
    z-index: 999;
    display: block;
    position: fixed;
    width: 0;
    height: 0;
    bottom: 23px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: 0;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.5);
    box-shadow: 0 3px 10px rgba(0,0,0,.5);
    cursor: hand;
    border-radius: 50%;
    background: #741115;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all .3s cubic-bezier(.25,.25,0,1);
    transition: all .3s cubic-bezier(.25,.25,0,1)
}

    .material-scrolltop:hover {
        background-color: #741115;
        text-decoration: none;
        -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.5),0 3px 18px rgba(0,0,0,.5);
        box-shadow: 0 3px 10px rgba(0,0,0,.5),0 3px 18px rgba(0,0,0,.5)
    }

    .material-scrolltop::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        content: "";
        width: 0;
        border-radius: 100%;
        background: #5151b8
    }

    .material-scrolltop:active::before {
        width: 120%;
        padding-top: 120%;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .material-scrolltop.reveal {
        width: 56px;
        height: 56px;
        border: 1px solid rgba(255,255,255,.1)
    }

    .material-scrolltop span {
        display: block;
        font-size: 25px;
        color: #fff
    }

    .material-scrolltop, .material-scrolltop::before {
        background-image: url(../images/top-arrow.svg);
        background-position: center 50%;
        background-repeat: no-repeat
    }

.section-inner-padding-145 {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width: 992px) {
    .section-inner-padding-145 {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .section-inner-padding-145 {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media (min-width: 1800px) {
    .section-inner-padding-145 {
        padding-top: 145px;
        padding-bottom: 145px
    }
}

.section-inner-padding-200 {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width: 768px) {
    .section-inner-padding-200 {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 992px) {
    .section-inner-padding-200 {
        padding-top: 125px;
        padding-bottom: 125px
    }
}

@media (min-width: 1200px) {
    .section-inner-padding-200 {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

@media (min-width: 1400px) {
    .section-inner-padding-200 {
        padding-top: 175px;
        padding-bottom: 175px
    }
}

@media (min-width: 1800px) {
    .section-inner-padding-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

@media (max-width: 991px) {
    .crypto-top-strip {
        display: none !important;
    }
    img {
        width: 75%;
        display: inline-block;
    }
}

@media (max-width: 991px) {
    .main-logo {
        position: absolute;
        z-index: 4 ;
        top: 10px !important;
        left: 0px !important;
        margin: 0px 0 0px !important;
        text-align: left !important;
    }
}

@media only screen and (max-width: 991px) {
    .main-menu .navbar-header {
        padding: 14px 6px;
        float: none;
        background: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .main-menu .navbar-toggle .icon-bar {
        background: #ffffff !important;
        width: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .main-menu .navbar-header {
        padding: 20px 6px !important;
        float: none;
        background: #f7f7f7;
    }
}

.breadcrumb {
    background-color:transparent;
}

.breadcrumb-bg-head {
   
    position: relative;
}

.breadcrumb-bg {
    background: #741115;
    padding-top: 20px;
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    .breadcrumb-bg {
        padding-top: 20px;
        padding-bottom: 60px;
    }
}

@media (min-width: 992px) {
    .breadcrumb-bg {
/*        padding-top: 180px;
        padding-bottom: 150px;*/
        padding-top: 40px;
        padding-bottom: 110px;
    }
}

@media (min-width: 1200px) {
    .breadcrumb-bg {
/*      padding-top: 200px;
        padding-bottom: 150px;
*/        
        padding-top: 60px;
        padding-bottom: 110px;
    }
}

@media (min-width: 1800px) {
    .breadcrumb-bg {
/*        padding-top: 235px;
        padding-bottom: 150px; */
        padding-top: 95px;
        padding-bottom: 110px
    }
}

.breadcrumb-bg .container .title {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .breadcrumb-bg .container .title {
        font-size: 40px
    }
}

@media (min-width: 768px) {
    .breadcrumb-bg .container .title {
        font-size: 45px
    }
}

@media (min-width: 992px) {
    .breadcrumb-bg .container .title {
        font-size: 50px
    }
}

@media (min-width: 1200px) {
    .breadcrumb-bg .container .title {
        font-size: 55px
    }
}

@media (min-width: 1400px) {
    .breadcrumb-bg .container .title {
        font-size: 60px
    }
}

@media (min-width: 1800px) {
    .breadcrumb-bg .container .title {
        font-size: 65px
    }
}

.breadcrumb .breadcrumb-item {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
}

    .breadcrumb .breadcrumb-item::before {
        color: #dfdfe7
    }

    .breadcrumb .breadcrumb-item a {
        color: #ffb40c;
    }

    .breadcrumb .breadcrumb-item a:hover {
        color: #ffffff;
    }

.breadcrumb-shape {
    position: absolute;
    border-radius: 50%
}

.breadcrumb-shape-outline {
    border: 1px solid rgba(255,255,255,.1);
    width: 973px;
    height: 973px
}

.breadcrumb-shape-outline-1 {
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(0% - 788px)
}

.breadcrumb-shape-outline-2 {
    top: -380px;
    left: calc(0% - 178px)
}

.breadcrumb-shape-outline-3 {
    top: -140px;
    right: calc(0% - 261px)
}

.breadcrumb-shape-outline-4 {
    top: -375px;
    right: calc(0% - 863px)
}

.breadcrumb-shape-fill {
    background: rgba(255,255,255,.05)
}

.breadcrumb-shape-fill-1 {
    top: 275px;
    left: 325px;
    width: 127px;
    height: 127px
}

.breadcrumb-shape-fill-2 {
    top: 185px;
    right: 500px;
    width: 37px;
    height: 37px
}

.justify-content-center {
    justify-content: center !important;
}


.experience-display-list {
    background: #fff;
    border-radius: 25px;
    margin-top: 60px;
    padding: 35px 30px
}

@media (min-width: 576px) {
    .experience-display-list {
        padding: 55px 50px
    }
}

@media (min-width: 992px) {
    .experience-display-list {
        margin-top: 0
    }
}

@media (min-width: 1800px) {
    .experience-display-list {
        padding: 85px 80px
    }
}

.experience-display-list .top-content {
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    .experience-display-list .top-content {
        margin-bottom: 50px
    }
}

.experience-display-list .top-content span {
    display: block;
    line-height: 1;
    font-family: Newsreader,serif
}

.experience-display-list .top-content .number {
    font-size: 48px;
    font-weight: 600;
    color: #741115;
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .experience-display-list .top-content .number {
        font-size: 65px;
        margin-bottom: 30px
    }
}

.experience-display-list .top-content .text {
    font-size: 25px
}

.experience-display-list .list-item li {
    background: #f5f5fc;
    border-radius: 10px;
    padding: 25px 30px;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    overflow: hidden;
    font-family: Newsreader,serif;
    font-weight: 500
}

@media (min-width: 576px) {
    .experience-display-list .list-item li {
        padding: 20px 45px
    }
}

.experience-display-list .list-item li:last-child {
    margin-bottom: 0
}

.experience-display-list .list-item li .text {
    display: inline-block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #211f46;
    padding-left: 55px;
    font-size: 18px
}

@media (min-width: 576px) {
    .experience-display-list .list-item li .text {
        padding-left: 85px;
        font-size: 25px
    }
}

.experience-display-list .list-item li .text::before {
    position: absolute;
    content: "";
    font-family: IcoFont;
    right: 35px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    color: #741115;
    border-radius: 50%;
    visibility: visible;
    opacity: 1;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center;
    font-size: 18px
}

@media (min-width: 576px) {
    .experience-display-list .list-item li .text::before {
        right: 55px;
        width: 55px;
        height: 55px;
        line-height: 55px;
        left: 30px
    }
}

.experience-display-list .list-item li .text::after {
    position: absolute;
    content: "";
    font-family: IcoFont;
    right: 35px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #fff;
    display: inline-block;
    -webkit-transform: translateY(-50%) translateX(45px);
    transform: translateY(-50%) translateX(45px);
    top: 50%;
    font-size: 18px
}

@media (min-width: 576px) {
    .experience-display-list .list-item li .text::after {
        right: 55px;
        width: 55px;
        height: 55px;
        line-height: 55px
    }
}

.experience-display-list .list-item li:hover {
    background: #741115;
    color: #fff
}

    .experience-display-list .list-item li:hover .text {
        padding-left: 0;
        color: #fff
    }

        .experience-display-list .list-item li:hover .text::before {
            left: 0;
            visibility: hidden;
            opacity: 0
        }

        .experience-display-list .list-item li:hover .text::after {
            visibility: visible;
            opacity: 1;
            right: 75px
        }

@media (min-width: 576px) {
    .experience-display-list .list-item li:hover .text::after {
        right: 85px
    }
}



.testimonial-display-section-custome-margin-top {
    margin-top: 80px
}

@media (min-width: 768px) {
    .testimonial-display-section-custome-margin-top {
        margin-top: 100px
    }
}

@media (min-width: 992px) {
    .testimonial-display-section-custome-margin-top {
        margin-top: 125px
    }
}

@media (min-width: 1200px) {
    .testimonial-display-section-custome-margin-top {
        margin-top: 650px
    }
}

@media (min-width: 1400px) {
    .testimonial-display-section-custome-margin-top {
        margin-top: 590px
    }
}

.tesimonial-slider-single-item-style-1 {
    padding-left: 3px;
    padding-right: 3px
}

@media (min-width: 768px) {
    .tesimonial-slider-single-item-style-1 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1800px) {
    .tesimonial-slider-single-item-style-1 {
        padding-left: 22.5px;
        padding-right: 22.5px
    }
}

.tesimonial-slider-single-item-style-1 .testimonial-box {
    border-radius: 30px;
    padding: 45px 30px 50px 65px;
    background: #f5f5fc;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-start;
    margin-left: 40px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    min-height: 400px !important;
}

@media (min-width: 1800px) {
    .tesimonial-slider-single-item-style-1 .testimonial-box {
        padding: 45px 30px 50px 90px
    }
}

.tesimonial-slider-single-item-style-1 .testimonial-box .image {
    position: absolute;
    width: 90px;
    height: 90px;
    overflow: hidden;
    top: 40px;
    left: calc(0% - 40px);
    -webkit-box-shadow: 0 0 5px rgba(10,1,95,.2);
    box-shadow: 0 0 5px rgba(10,1,95,.2);
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #fff;
    border: 4px solid #fff
}

    .tesimonial-slider-single-item-style-1 .testimonial-box .image img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }

.tesimonial-slider-single-item-style-1 .testimonial-box .content p {
    font-family: Newsreader,serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    position: relative;
    display: block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

    .tesimonial-slider-single-item-style-1 .testimonial-box .content p::after {
        position: absolute;
        content: "";
        background: url(../assets/img/testimonial-quote-icon.svg);
        width: 90px;
        height: 65px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.tesimonial-slider-single-item-style-1 .testimonial-box .content .name {
    margin-top: 15px;
    font-size: 23px;
    font-weight: 600;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #211f46;
    text-transform: capitalize
}

.tesimonial-slider-single-item-style-1 .testimonial-box .content .profession {
    margin-top: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-transform: capitalize;
    margin-bottom: 10px
}

.tesimonial-slider-single-item-style-1 .testimonial-box:hover {
    background: #741115
}

    .tesimonial-slider-single-item-style-1 .testimonial-box:hover p {
        color: #fff
    }

    .tesimonial-slider-single-item-style-1 .testimonial-box:hover .name {
        color: #fff
    }

    .tesimonial-slider-single-item-style-1 .testimonial-box:hover .profession {
        color: #ffa80d
    }

.testimonial-slider-style-2 {
    position: relative
}

    .testimonial-slider-style-2 .swiper-pagination {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 70px
    }

@media (min-width: 768px) {
    .testimonial-slider-style-2 .swiper-pagination {
        bottom: -40px
    }
}

@media (min-width: 1200px) {
    .testimonial-slider-style-2 .swiper-pagination {
        bottom: 70px
    }
}

.testimonial-slider-style-2 .swiper-pagination .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    outline: 0;
    margin-right: 10px
}

    .testimonial-slider-style-2 .swiper-pagination .swiper-pagination-bullet:last-child {
        margin-right: 10px
    }

.testimonial-slider-style-2 .swiper-pagination .swiper-pagination-bullet-active {
    background: #741115
}

.tesimonial-slider-single-item-style-2 .testimonial-box {
    padding: 100px 40px 140px;
    border-radius: 30px;
    background: #f5f5fc;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .tesimonial-slider-single-item-style-2 .testimonial-box {
        padding: 60px 40px 60px
    }
}

@media (min-width: 1200px) {
    .tesimonial-slider-single-item-style-2 .testimonial-box {
        padding: 100px 40px 140px
    }
}

.tesimonial-slider-single-item-style-2 .testimonial-box .image {
    width: 90px;
    height: 90px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(10,1,95,.2);
    box-shadow: 0 0 5px rgba(10,1,95,.2);
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #fff;
    text-align: center;
    margin-bottom: 27px;
    border: 4px solid #fff
}

    .tesimonial-slider-single-item-style-2 .testimonial-box .image img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }

.tesimonial-slider-single-item-style-2 .testimonial-box .content {
    margin-top: 20px
}

    .tesimonial-slider-single-item-style-2 .testimonial-box .content p {
        font-family: Newsreader,serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.75;
        position: relative;
        display: block;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

        .tesimonial-slider-single-item-style-2 .testimonial-box .content p::after {
            position: absolute;
            content: "";
            background: url(../assets/img/testimonial-quote-icon.svg);
            width: 90px;
            height: 65px;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

    .tesimonial-slider-single-item-style-2 .testimonial-box .content .name {
        margin-top: 15px;
        font-size: 23px;
        font-weight: 600;
        color: #211f46;
        text-transform: capitalize
    }

    .tesimonial-slider-single-item-style-2 .testimonial-box .content .profession {
        margin-top: 15px;
        font-family: Roboto,sans-serif;
        font-weight: 400;
        color: #741115;
        text-transform: capitalize
    }


.section-top-gap-150 {
    margin-top: 50px
}

@media (min-width: 992px) {
    .section-top-gap-150 {
        margin-top: 80px
    }
}

@media (min-width: 1200px) {
    .section-top-gap-150 {
        margin-top: 100px
    }
}

@media (min-width: 1400px) {
    .section-top-gap-150 {
        margin-top: 120px
    }
}

@media (min-width: 1800px) {
    .section-top-gap-150 {
        margin-top: 145px
    }
}



.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

    .swiper-container-pointer-events.swiper-container-vertical {
        touch-action: pan-x
    }

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-container-3d {
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: 'prev'
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        content: 'next'
    }

    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
        --swiper-navigation-color: #ffffff
    }

    .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
        --swiper-navigation-color: #000000
    }

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-container-cube .swiper-cube-shadow:before {
            content: '';
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            filter: blur(50px)
        }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

/*!
 @charset "UTF-8";
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
    : root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animate__animated.animate__infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2;
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
        animation-iteration-count: calc(var(--animate-repeat) * 2)
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: 3;
        animation-iteration-count: 3;
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
        animation-iteration-count: calc(var(--animate-repeat) * 3)
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-delay: calc(var(--animate-delay) * 2);
        animation-delay: calc(var(--animate-delay) * 2)
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-delay: calc(var(--animate-delay) * 3);
        animation-delay: calc(var(--animate-delay) * 3)
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
        -webkit-animation-delay: calc(var(--animate-delay) * 4);
        animation-delay: calc(var(--animate-delay) * 4)
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
        -webkit-animation-delay: calc(var(--animate-delay) * 5);
        animation-delay: calc(var(--animate-delay) * 5)
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-duration: calc(var(--animate-duration)/ 2);
        animation-duration: calc(var(--animate-duration)/ 2)
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-duration: calc(var(--animate-duration) * .8);
        animation-duration: calc(var(--animate-duration) * .8)
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-duration: calc(var(--animate-duration) * 2);
        animation-duration: calc(var(--animate-duration) * 2)
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-duration: calc(var(--animate-duration) * 3);
        animation-duration: calc(var(--animate-duration) * 3)
    }

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

        .animate__animated[class*=Out] {
            opacity: 0
        }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}


.justify-content-lg-evenly {
    justify-content: space-evenly !important
}

.align-items-lg-start {
    align-items: flex-start !important
}

.align-items-lg-end {
    align-items: flex-end !important
}

.align-items-lg-center {
    align-items: center !important
}

.align-items-lg-baseline {
    align-items: baseline !important
}

.align-items-lg-stretch {
    align-items: stretch !important
}

.align-content-lg-start {
    align-content: flex-start !important
}

.align-content-lg-end {
    align-content: flex-end !important
}

.align-content-lg-center {
    align-content: center !important
}

.align-content-lg-between {
    align-content: space-between !important
}

.align-content-lg-around {
    align-content: space-around !important
}

.align-content-lg-stretch {
    align-content: stretch !important
}

.align-self-lg-auto {
    align-self: auto !important
}

.align-self-lg-start {
    align-self: flex-start !important
}

.align-self-lg-end {
    align-self: flex-end !important
}

.align-self-lg-center {
    align-self: center !important
}

.align-self-lg-baseline {
    align-self: baseline !important
}

.align-self-lg-stretch {
    align-self: stretch !important
}


.review-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px
}

    .review-star .fill {
        color: #ffa80d
    }

    .review-star .blank {
        color: #b8b8b8
    }

@-webkit-keyframes MoveScaleUpInitial {
    to {
        -webkit-transform: translate3d(0,-105%,0) scale3d(1,2,1);
        transform: translate3d(0,-105%,0) scale3d(1,2,1);
        opacity: 0
    }
}

@keyframes MoveScaleUpInitial {
    to {
        -webkit-transform: translate3d(0,-105%,0) scale3d(1,2,1);
        transform: translate3d(0,-105%,0) scale3d(1,2,1);
        opacity: 0
    }
}

@-webkit-keyframes MoveScaleUpEnd {
    from {
        -webkit-transform: translate3d(0,100%,0) scale3d(1,2,1);
        transform: translate3d(0,100%,0) scale3d(1,2,1);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes MoveScaleUpEnd {
    from {
        -webkit-transform: translate3d(0,100%,0) scale3d(1,2,1);
        transform: translate3d(0,100%,0) scale3d(1,2,1);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}


.review-star li {
    display: inline-block;
    font-size: 15px;
    letter-spacing: .15em
}

    .review-star li.empty {
        color: #e1e1e1
    }

.img-responsive img {
    width: 100%
}

.pos-relative {
    position: relative
}

.pos-absolute {
    position: absolute
}

.img-hover-zoom {
    overflow: hidden
}

    .img-hover-zoom img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

        .img-hover-zoom img:hover {
            -webkit-transform: scale(1.03);
            transform: scale(1.03)
        }

.director-badge {
    width: 85px;
    height: 85px;
    border: 2px solid #a91218c9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .director-badge::after {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        border: 2px solid #a91218c9;
        border-radius: 50%;
    }

    .director-badge i {
        font-size: 62px;
        color: #fdc03b;
    }

.cases-slider-single-item .content .title {
    margin-top: 40px;
    font-size: 26px;
    font-weight: 600;
    color: #211f46
}

@media (min-width: 768px) {
    .cases-slider-single-item .content .title {
        font-size: 28px
    }
}

@media (min-width: 1200px) {
    .cases-slider-single-item .content .title {
        font-size: 32px;
    }
}

.single-item h4 {
    font-size: 22px !important;
    font-weight: 600 !important;
}

    .single-item h4 a {
        color: #000000 !important;
    }

.single-item h4 a:hover {
    color: red !important;
}

.single-item p {
    font-size: 15px !important;
}

.smooth-input {
    width: 100%;
    padding: 14px 22px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 12px; /* smaller = smoother */
    border: 1px solid rgba(33,31,70,.2);
    box-sizing: border-box;
    outline: none;
    background-clip: padding-box;
    -webkit-appearance: none;
    appearance: none;
}


.contact-box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 80px 20px
}

@media (min-width: 992px) {
    .contact-box-wrapper {
        padding: 100px 30px
    }
}

@media (min-width: 1200px) {
    .contact-box-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 1400px) {
    .contact-box-wrapper {
        padding: 0
    }
}

.map-box {
    width: 100%
}

    .map-box iframe {
        width: 100%;
        height: 360px
    }

@media (min-width: 576px) {
    .map-box iframe {
        height: 480px
    }
}

@media (min-width: 768px) {
    .map-box iframe {
        height: 500px
    }
}

@media (min-width: 992px) {
    .map-box iframe {
        height: 600px
    }
}

@media (min-width: 1400px) {
    .map-box {
        width: 100%;
        width: 50%
    }

        .map-box iframe {
            height: 1220px
        }
}

.contact-info {
    width: 100%;
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 576px) {
    .contact-info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width: 1200px) {
    .contact-info {
        width: calc(50% - 100px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 100px
    }
}

@media (min-width: 1400px) {
    .contact-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(50% - 340px);
        margin-left: 300px;
        margin-right: 40px
    }
}

@media (min-width: 1800px) {
    .contact-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(50% - 675px);
        margin-left: 300px;
        margin-right: 375px
    }
}

.contact-info-single-item {
    margin-bottom: 50px
}

    .contact-info-single-item:last-child {
        margin-bottom: 0
    }

@media (min-width: 576px) {
    .contact-info-single-item {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .contact-info-single-item {
        margin-bottom: 50px
    }
}

.contact-info-single-item .title {
    font-size: 36px;
    color: #211f46;
    font-weight: 600;
    margin-bottom: 30px
}

.contact-info-single-item .social-link-2 li:nth-child(1) > a {
    color: #741115
}

.contact-info-single-item .social-link-2 li:nth-child(2) > a {
    color: #00b8a9
}

.contact-info-single-item .social-link-2 li:nth-child(3) > a {
    color: #ff5400
}

.contact-info-single-item .social-link-2 a {
    font-weight: 600;
    border-color: #ebeaf1
}

    .contact-info-single-item .social-link-2 a .icon::after {
        background: #ebeaf1
    }

    .contact-info-single-item .social-link-2 a:hover {
        border-color: #ebeaf1
    }

        .contact-info-single-item .social-link-2 a:hover .icon::after {
            background: #ebeaf1
        }

.contact-address {
    border-top: 1px solid #ebeaf1;
    border-bottom: 1px solid #ebeaf1;
    padding: 35px 0
}

.contact-address-single-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px
}

    .contact-address-single-item:last-child {
        margin-bottom: 0
    }

    .contact-address-single-item .icon {
        color: #741115
    }

    .contact-address-single-item .text {
        color: #555463;
        margin-left: 30px
    }