* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Jost', sans-serif;
    color: #333;
    background: #fff;
    font-size: 16px;
}

label {
    font-weight: 500!important;
}

.w_100 {width: 100px!important;}
.w_150 {width: 150px!important;}
.w_200 {width: 200px!important;}
.w_250 {width: 250px!important;}
.w_300 {width: 300px!important;}
.w_350 {width: 350px!important;}
.w_400 {width: 400px!important;}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
}

.tdu {
    text-decoration: underline;
}

.slider-video iframe {
    width: 100%;
    height: 600px;
}

.d_n {
    display: none!important;
}

.d_b {
    display: block!important;
}

a {
    -webkit-transition: all 0.4s ease!important;
    transition: all 0.4s ease!important;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.bg-lightblue {
    background: #f1f5f9;
}

.customer-dashboard-message {
    background: red;
    color: #fff;
    padding: 10px;
}

.limit {
    font-size: 14px;
    color: red;
}

.dashboard-box {
    color: #333;
    margin-bottom: 20px;
}

.dashboard-box table,
.dashboard-box table tr td {
    border: 1px solid #b4b4b4!important;
}

.dashboard-box .box-part {
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.dashboard-box .box-part h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff !important;
}
.dashboard-box .box-part h4 {
    font-size: 24px;
    margin-bottom: 0;
    color: #fff !important;
}

.dashboard-box .box-part-1 {
    background: #365bff;
}
.dashboard-box .box-part-2 {
    background: #f14f4f;
}
.dashboard-box .box-part-3 {
    background: #1eb56c;
}

.contact-page-map iframe {
    width: 100%;
    height: 500px;
    margin-bottom: 50px;
}

.w-400 {width: 400px!important;}
.w-300 {width: 300px!important;}
.w-200 {width: 200px!important;}
.w-150 {width: 150px!important;}
.w-100 {width: 100px!important;}
.w-150 {width: 150px!important;}
.w-100-p {width: 100%!important;}

.h-100 {height: 100px!important;}
.h-70 {height: 70px!important;}
.h-200 {height: 200px!important;}
.h-300 {height: 300px!important;}

.btn-arf {
    background: #3860e3!important;
    border: 0;
}

.btn-arf:hover {
    background: #333!important;
}

.existing-video iframe {
    width: 100%;
    height: 170px;
}

.psp_pagination .page-link {
    color: #3860e3;
    outline: none;
    width: 35px;
    text-align: center;
    height: 35px;
    font-size: 12px;
    padding: 0;
    line-height: 35px;
    font-weight: 700;
    border-top: none;
    border-bottom: none;
    border-color: #eee;
    transition: all linear .3s;
    -webkit-transition: all linear .3s ease;
    -moz-transition: all linear .3s ease;
    -ms-transition: all linear .3s ease;
    -o-transition: all linear .3s ease;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 4px;
    margin: 0px 5px;
    border-radius: 3px !important;
    background: #fff;
}

.psp_pagination .page-link:focus {
    box-shadow: none;
}

.psp_pagination .page-item.active .page-link,
.psp_pagination .page-item .page-link:hover {
    z-index: 3;
    color: #fff;
    background-color: #3860e3;
    border-color: #ddd;
}

.top {
    height: 36px;
    background: #3860e3;
}

.top ul.top-left {
    width: 100%;
}

.top ul.top-left li {
    list-style-type: none;
    float: left;
    padding-top: 6px;
    margin-right: 30px;
}

.top ul.top-left li,
.top ul.top-left li a {
    color: #fff;
    font-size: 14px;
}

.top ul.top-right {
    width: 100%;
}

.top ul.top-right li {
    list-style-type: none;
    float: right;
}

.top ul.top-right li,
.top ul.top-right li a {
    color: #fff;
    font-size: 14px;
}

.top ul.top-right select {
    background: transparent!important;
    color: #fff!important;
    border: 0!important;
    font-size: 14px;
    margin-top: 1px;
    padding-left: 10px;
    padding-right: 0;
}

.top ul.top-right select option {
    color: #000!important;
}
.top-user-panel {
    padding-top: 5px;
    height: auto;
}
.top-user-panel .top-user-left {
    padding-top: 5px;
}
.top-user-panel .top-user-left a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.top-user-panel .top-user-right {
    width: 100%;
    padding-top: 5px;
}
.top-user-panel .top-user-right ul {
    width: 100%;
    text-align: right;
}
.top-user-panel .top-user-right ul li {
    display: inline-block;
    font-weight: 600;
}
.top-user-panel .top-user-right ul li,
.top-user-panel .top-user-right ul li a {
    color: #fff;
}
.top-user-panel .top-user-right ul li {
    margin-right: 20px;
}
.top-user-panel .top-user-right ul li:last-child {
    margin-right: 0;
}
.top-user-panel .top-user-right .words_left {
    color: #ebe23f;
    font-weight: 600;
}
@media only screen and (max-width: 991px) {
    .top {
        height: auto;
    }
    .top ul.top-left li {
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    .top {
        height: auto;
    }
    .top ul.top-left {
        margin-top: 10px;
    }
    .top ul.top-left,
    .top ul.top-right {
        text-align: center;
    }
    .top ul.top-left li,
    .top ul.top-right li {
        float: none;
        display: inline-block;
    }
}

.home-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding-top: 165px;
    padding-bottom: 165px;
}
.home-banner .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d263b;
    opacity: 0.85;
}
.home-banner .small-text {
    text-align: center;
    margin-bottom: 20px;
}
.home-banner .small-text .text {
    display: inline-block;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 50px;
    border-radius: 20px;
}
.home-banner p {
    color: #fff;
    font-weight: 400;
    font-size: 26px;
    text-align: center;
    margin-bottom: 20px;
}
.home-banner .button {
    text-align: center;
    margin-top: 40px;
}
.home-banner .button a {
    background: #3860e3;
    border: 0;
    border-radius: 30px;
    padding: 10px 35px;
    font-size: 20px;
}
.home-banner #typed-text {
    text-align: center;
    font-weight: 700;
    height: auto;
    min-height: 100px;
    color: #fff;
    font-size: 60px;
}

@media only screen and (max-width: 767px) {
    .home-banner {
        padding-top: 100px!important;
        padding-bottom: 50px!important;
    }
}


/* Main Nav */
.main-nav {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
}
.main-nav .navbar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.main-nav nav .navbar-nav .nav-item {
    padding-top: 28px;
    padding-bottom: 28px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
    top: 80px!important;
    width: 200px!important;
    background: #ffffff!important;
    padding: 0!important;
    border: 2px solid #f5f5f5!important;
    border-radius: 0!important;
}
.main-nav nav .navbar-nav .nav-item a {
    color: #333;
    font-weight: 600;
    text-transform: none!important;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
    color: #444;
    border-bottom: 1px solid #dbdbdb;
}
.mobile-nav.mean-container .mean-nav ul li a.active,
.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a:focus,
.main-nav nav .navbar-nav .nav-item a.active,
.main-nav nav .navbar-nav .nav-item:hover a,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
    color: #3860e3;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
    color: #3860e3;
}
.main-nav img {
    height: 70px;
}


/* Sticky Nav */
.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 999;
}


/* Sidepanel */
.sidepanel {
    height: 250px;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}
.sidepanel a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.sidepanel a:hover {
    color: #f1f1f1;
}
.sidepanel .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}
.openbtn:hover {
    background-color: #444;
}


/* =============================================== */
/* ================= Mobile Menu ================= */
/* =============================================== */
.mobile-nav img {
    height: 40px;
}
.mean-container .mean-bar {
    background-color: #fff;
    height: 60px;
}
.mean-container .logo {
    top: 5px;
}
.mean-container img {
    height: 50px;
}
.mean-container a.meanmenu-reveal span {
    background: #3860e3;
}
.mean-container a.meanmenu-reveal {
    color: #3860e3;
}



/* Feature */
.feature {
    padding-top: 50px;
    padding-bottom: 20px;
    overflow: hidden;
}

.feature .heading {
    text-align: center;
    margin-bottom: 30px;
}

.feature .heading h2 {
    font-size: 30px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
}
.feature .heading h3 {
    font-size: 18px;
    font-weight: 400;
    color: #8c8c8c;
    margin-bottom: 40px;
}
.feature .item {
    box-shadow: 0px 0px 12px 0px #3860e359;
    padding: 20px;
    margin-bottom: 25px;
}
.feature .item .photo {
    text-align: center;
    margin-bottom: 25px;
}
.feature .item .photo img {
    width: 50px;
    height: auto;
}
.feature .item .text {
    text-align: center;
}
.feature .item .text h3 {
    font-size: 22px;
    font-weight: 700;
    color: #3860e3;
    margin-bottom: 15px;
}
.feature .item .text p {
    font-size: 16px;
    color: #303030;
}





/* Template */
.template {
    padding-top: 50px;
    padding-bottom: 20px;
    overflow: hidden;
}

.template .heading {
    text-align: center;
    margin-bottom: 30px;
}

.template .heading h2 {
    font-size: 30px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
}

.template .heading h3 {
    font-size: 18px;
    font-weight: 400;
    color: #8c8c8c;
    margin-bottom: 40px;
}

.template .item {
    box-shadow: 0px 0px 12px 0px #3860e359;
    padding: 20px;
    margin-bottom: 25px;
    transition: transform 0.3s ease-in-out;
}
.template .item:hover {
    transform: translateY(-10px);
}

.template .item .text {
    text-align: center;
}

.template .item .text .icon {
    font-size: 20px;
    margin-bottom: 20px;
}

.template .item .text .icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    background: #3860e3;
    color: #fff;
}

.template .item .text h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.template .item .text p {
    font-size: 16px;
    color: #303030;
}
.template .item .start {
    text-align: center;
}
.template .item .start a {
    font-weight: 700;
    color: #3860e3;
    font-size: 16px;
}
.template .more_template {
    text-align: center;
    margin-top: 30px;
}
.template .more_template a {
    font-size: 20px;
    background: #3860e3;
    border-color: #3860e3;
    border-radius: 30px;
    padding: 10px 40px;
}
.template .more_template a:hover {
    color: #3860e3;
    background: #fff;
    border-color: #3860e3;
}



/* Home Blog */
.home-blog {
    padding-top: 50px;
    padding-bottom: 20px;
    overflow: hidden;
}
.home-blog .heading {
    text-align: center;
    margin-bottom: 30px;
}
.home-blog .heading h2 {
    font-size: 30px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
}
.home-blog .heading h3 {
    font-size: 18px;
    font-weight: 400;
    color: #8c8c8c;
}
.home-blog .home-blog-item {
    color: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 3px #e2e2e2;
}
.home-blog .home-blog-item .icon {
    font-size: 30px;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
}
.home-blog .home-blog-item .photo {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.home-blog .home-blog-item .photo img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition-duration: .5s;
}
.home-blog .home-blog-item:hover .photo img {
    transform: scale(1.2) rotate(5deg);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.home-blog .home-blog-item .text {
    padding: 10px 20px;
}
.home-blog .home-blog-item .text h4 {
    color: #333;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}
.home-blog .home-blog-item:hover h4 {
    color: #385FDD;
}
.home-blog .home-blog-item .text p {
    color: #8c8c8c;
    font-size: 16px;
    margin-bottom: 10px;
}
.home-blog .home-blog-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-blog-carousel .owl-dots {
    text-align: center;
    margin-top: 5px;
}
.home-blog-carousel .owl-dots .owl-dot {
    width: 24px;
    height: 24px;
    background: #c7c7c7;
    border: 7px solid #c7c7c7;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
}
.home-blog-carousel .owl-dots .owl-dot.active {
    width: 24px;
    height: 24px;
    background: #000;
    border: 7px solid #c7c7c7;
}
@media only screen and (max-width: 1199px) {
    .home-blog .home-blog-item {
        height: auto;
    }
}

@media only screen and (max-width: 991px) {
    .home-blog .home-blog-item {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .home-blog .home-blog-item {
        height: auto;
    }
}

@media only screen and (max-width: 575px) {
    .home-blog-carousel .owl-nav .owl-prev {
        left: -10px;
    }
    .home-blog-carousel .owl-nav .owl-next {
        right: -10px;
    }
}



/* Pricing */
.pricing .card {
    border: none;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #ddd;
}

.pricing hr {
    margin: 1.5rem 0;
}

.pricing .card-title {
    font-size: 30px;
    font-weight: 700;
    color: #3860e3;
}

.pricing .card-price {
    font-size: 32px;
    margin: 0;
    font-weight: 700;
}

.pricing .card-price .period {
    font-size: 16px;
}

.pricing ul li {
    margin-bottom: 16px;
}

.pricing .pricing-button {
    background: #3860e3;
    font-size: 18px;
    border-radius: 6px;
    font-weight: 700;
    padding: 10px;
    border: 0;
}

.pricing .pricing-button:hover {
    background: #333;
}


/* Scroll to Top */
.scroll-top {
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 46px;
    bottom: 20px;
    right: 20px;
    background: #3860e3;
    color: #fff;
    opacity: 0.7;
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.scroll-top:hover {
    opacity: 1;
    color: #fff;
}


/* Footer */
.footer-area {
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../../uploads/footer_bg.jpg');
}

.footer-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d263b;
    opacity: 0.92;
}

.footer-item {
    margin-top: 30px;
}

.footer-item h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 30px;
    color: #fff!important;
}

.footer-item p {
    line-height: 1.7;
    margin: 0;
    color: #fff;
}

.footer-item ul li {
    margin-bottom: 5px;
    list-style-type: none;
}

.footer-item ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    transition: all 0.4s;
    padding-left: 5px;
}

.footer-item ul.fmain li {
    position: relative;
    padding-left: 10px;
}

.footer-item ul.fmain li:before {
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
}

.footer-item ul li a:hover {
    color: #e4e4e4;
}

.footer-social-link {
    margin-top: 30px;
}

.footer-social-link h2 {
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 20px;
}

.footer-social-link ul li {
    display: inline-block;
    margin-right: 5px;
}

.footer-social-link ul li a {
    text-align: center;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #3860e3;
    border: 1px solid #3860e3;
    color: #fff;
    transition: all 0.4s;
    padding-left: 0;
    border-radius: 3px;
}

.footer-social-link ul li a:hover {
    background-color: #fff;
    color: #385FDD;
    border-color: #fff;
}

.footer-contact ul li {
    position: relative;
    padding-left: 26px;
    font-size: 15px;
    margin-bottom: 8px;
    color: #fff;
}

.footer-contact ul li:before {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.footer-contact ul li:nth-child(1):before {
    content: '\f3c5';
}

.footer-contact ul li:nth-child(2):before {
    content: '\f0e0';
}

.footer-contact ul li:nth-child(3):before {
    content: '\f2a0';
}

.copyright {
    text-align: center;
    color: #fff;
    border-top: 1px solid #a8a8a8;
    margin-top: 20px;
    padding-top: 20px;
}

.copyright p {
    margin: 0;
}


/* Page Banner */

.page-banner {
    background: #3860e3;
    background-position: center center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.page-banner .page-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d263b;
    opacity: 0.5;
}

.page-banner h1 {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    padding-top: 30px;
    margin: 0;
    text-align: center;
    position: relative;
}

.page-banner nav {
    padding-bottom: 20px!important;
    position: relative;
}

.page-banner .breadcrumb {
    background-color: transparent;
    text-align: center;
    margin-bottom: 0;
}

.page-banner .breadcrumb-item {
    color: #e9e9e9;
    font-weight: 600;
    font-size: 16px;
}

.page-banner .breadcrumb-item a {
    color: #fff;
}

.page-banner .breadcrumb-item::before {
    color: #fff!important;
}

@media only screen and (max-width: 991px) {
    .page-banner {
        padding-top: 70px!important;
    }
}


/* Page Content */
.page-content {
    padding-top: 60px;
    padding-bottom: 0;
    overflow: hidden;
}


/* Blog Page */
.blog-item {
    margin-bottom: 50px;
}

.blog-item .text h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}

.blog-item .text h2 a {
    color: #333;
}

.blog-item .featured-photo {
    margin-bottom: 15px;
}

.blog-item .featured-photo img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 6px;
}

.blog-item-single .featured-photo {
    margin-bottom: 15px;
}

.blog-item-single .featured-photo img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.blog-item-single .text h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}

.blog-item-single .text h2 a {
    color: #333;
}


/* Sidebar */

.sidebar .widget {
    padding: 20px;
    background: #f1f5f9;
    margin-bottom: 30px;
}

.sidebar .widget h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.sidebar .widget .type-1 ul li {
    list-style-type: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.sidebar .widget .type-1 ul li:before {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    top: 0;
    color: #3860e3;
    font-weight: 600;
}

.sidebar .widget .type-1 ul li a {
    color: #333;
}

.sidebar .widget .type-1 ul li a:hover {
    color: #3860e3;
}

.sidebar .widget .type-2 img {
    width: 70px;
    height: auto;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.sidebar .widget .type-2 ul li {
    list-style-type: none;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cacaca;
}

.sidebar .widget .type-2 ul li a {
    width: calc(100% - 86px);
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.sidebar .widget .type-2 ul li a:hover {
    color: #3860e3;
}

.sidebar .widget .search .input-group-append {
    width: 36px;
}

.sidebar .widget .search button {
    background: #3860e3;
    border: 0;
    width: 36px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.sidebar .widget .search button i {
    color: #fff;
}

.sidebar .widget .type-3 button {
    border: 0;
    background: #3860e3;
    border-radius: 50px;
    padding: 10px 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.sidebar .widget .type-3 button:hover {
    background: #333;
}

.sidebar .widget .project-detail .item {
    margin-bottom: 25px;
}

.sidebar .widget .project-detail .item h4 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.sidebar .widget .project-detail .item p {
    color: #555;
    font-size: 15px;
}


/* Portfolio Carousel */

.portfolio-carousel {
    overflow: hidden;
    margin-top: 30px;
}

.portfolio-photo-item {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 370px;
    position: relative;
}

.portfolio-carousel .owl-nav .owl-prev,
.portfolio-carousel .owl-nav .owl-next {
    text-align: center;
    font-size: 18px;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 50px;
    line-height: 48px;
    background: #3860e3;
    color: #fff;
    margin-top: -25px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.portfolio-carousel .owl-nav .owl-prev {
    left: 0;
}

.portfolio-carousel .owl-nav .owl-next {
    right: 0;
}

.portfolio-carousel .owl-nav .owl-prev:hover,
.portfolio-carousel .owl-nav .owl-next:hover {
    color: #fff;
    background: #313131;
}

.single-portfolio .iframe-container {
    overflow: hidden;
    clear: both;
}

.single-portfolio iframe {
    width: 100%;
    height: 400px;
}

.portfolio-carousel .p-item {
    position: relative;
}

.portfolio-carousel .p-item .p-item-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #333;
    z-index: 9;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.portfolio-carousel .p-item:hover .p-item-bg {
    opacity: 0.6;
}

.portfolio-carousel .p-item .plus-icon {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    z-index: 99;
    font-size: 30px;
    color: #fff;
}

.portfolio-carousel .p-item:hover .plus-icon {
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Comment */

.comment h2 {
    font-size: 28px;
    font-weight: 700;
}

.comment button {
    border: 0;
    background: #3860e3;
    border-radius: 8px;
    padding: 10px 30px;
    font-weight: 600;
    text-transform: none;
}

.comment button:hover {
    background: #333;
}

.comment-item {
    margin-bottom: 20px;
    display: flex;
}

.comment-item .photo {
    width: 70px;
    margin-right: 15px;
}

.comment-item .photo img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #ddd;
}

.comment-item .text h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.comment-item .text .date {
    font-size: 16px;
    color: #848484;
    margin-bottom: 10px;
}

.comment-item .text .des {
    font-size: 14px;
}


/* Career Detail */

.career-detail .item {
    margin-bottom: 30px;
}

.career-detail .item h3 {
    font-size: 22px;
    font-weight: 700;
}

.career-detail .item p {
    font-size: 16px;
}

.career-detail .item ul li {
    list-style-type: none;
    position: relative;
    padding-left: 25px;
}

.career-detail .item ul li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: 10px;
    top: 0;
}


/* FAQ */

.faq {
    background: #fff;
}

.faq .panel-body ol li,
.faq .panel-body ul li {
    list-style-position: inside;
}

.faq .panel {
    box-shadow: none!important;
    border-radius: 0!important;
    margin-bottom: 10px;
}

.faq .panel-default>.panel-heading {
    background: #eee;
    color: #333;
    padding: 0;
    border-radius: 0;
    border: 1px solid #eee;
    position: relative;
}

.faq .panel-group .panel-heading a:after {
    content: '\f068';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 600;
    right: 20px;
    top: 10px;
    font-size: 14px;
}

.faq .panel-group .panel-heading a.collapsed:after {
    content: '\f067';
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    font-weight: 600;
}

.faq h4.panel-title {
    margin-bottom: 0;
    border: 1px solid #ddd;
}

.faq h4.panel-title a {
    display: block;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 700;
    color: #3860e3;
}

.faq .panel-body {
    border-top: 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0;
}


/* Contact Form */

.contact-item {
    text-align: center;
    border: 1px solid #e1e1e1;
    padding: 30px 20px;
    margin-bottom: 20px;
}

.contact-icon {
    text-align: center;
    margin-bottom: 15px;
}

.contact-icon i {
    width: 40px;
    height: 40px;
    color: #3860e3;
}

.contact-icon i {
    font-size: 34px;
}

.contact-text {
    margin-top: 0px;
}

.contact-text h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.contact-text p {
    margin: 0;
}

.contact-form textarea {
    height: 190px
}

.contact-form .btn {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: 10px 20px;
    border: 1px solid #3860e3;
    background: #3860e3;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 8px;
    text-transform: none;
}

.contact-form .btn:hover {
    color: #fff;
    background: #313131;
    border: 1px solid #313131;
}

.map-area iframe {
    width: 100%;
    height: 450px;
    margin-bottom: -5px;
}

h4.contact-form-title {
    font-weight: 700;
    font-size: 24px;
}

.contact-form button {
    background: #3860e3;
    border: 2px solid #3860e3;
    border-radius: 50px;
    padding: 10px 30px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
    text-transform: uppercase;
}

.contact-form button:hover {
    background: transparent;
    border-color: #fff;
}


/* Photo Gallery */

.gallery-photo {
    margin-bottom: 30px;
}

.gallery-photo img {
    width: 100%;
    height: auto;
}

.gallery-photo .gallery-photo-bg {
    position: absolute;
    left: 15px;
    top: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    opacity: 0;
    background: #333;
    z-index: 9;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.gallery-photo:hover .gallery-photo-bg {
    opacity: 0.6;
}

.gallery-photo .plus-icon {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    z-index: 99;
    font-size: 30px;
    color: #fff;
}

.gallery-photo:hover .plus-icon {
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Video Gallery */

.video-item {
    margin-bottom: 30px;
}

.video-item iframe {
    width: 100%;
    height: 350px;
}


/* Product */

.product-item {
    margin-bottom: 50px;
}

.product-item .photo img {
    width: 100%;
    height: auto;
}

.product-item .text h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
}

.product-item .text h3 a {
    color: #333;
}

.product-item .text h3 a:hover {
    color: #3860e3;
}

.product-item .text .price {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 18px;
}

.product-item .text .price del {
    color: red;
}

.product-item .text .cart-button a {
    background: #3860e3;
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 14px;
}

.product-item .text .cart-button a:hover {
    background: #333;
}


/* Product Detail */

.product-detail .photo img {
    width: 100%;
}

.product-detail h2 {
    font-size: 22px;
    font-weight: 700;
}

.product-detail p {
    font-size: 16px;
}

.product-detail .price {
    font-size: 28px;
    font-weight: 600;
    color: #3860e3;
}

.product-detail .price del {
    color: red;
}

.product-detail .delivery-time {
    font-size: 18px;
}

.product-detail .qty {
    font-size: 18px;
}

.product-detail .qty input[type="number"] {
    width: 100px;
}

.product-detail button {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 30px;
    border: 0;
    border-radius: 50px;
    background: #3860e3;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-detail button:hover {
    background: #333;
}

.product-detail .nav-pills .nav-link.active {
    background: #3860e3;
    color: #fff;
}

.product-detail .nav-pills .nav-link {
    background: #f1f5f9;
    color: #3860e3;
}

.product-detail li.nav-item {
    margin-right: 10px;
}


/* Cart */

.cart table img {
    width: 100px;
    height: auto;
}

.cart input[type="number"] {
    width: 100px;
}

.cart .total {
    font-size: 18px;
    font-weight: 600;
}

.cart-buttons {
    display: flex;
    justify-content: flex-start;
}

.cart-buttons a {
    margin-right: 10px;
}

.checkout-login-form h2 {
    font-size: 24px;
    font-weight: 700;
}

.checkout-login-form .inner {
    display: flex;
    justify-content: center;
}

.checkout-login-form input {
    width: 400px;
}

.checkout-login-form .new-user {
    margin-top: 15px;
    font-weight: 600;
}

.checkout-login-form .new-user a {
    color: #3860e3;
}

.checkout-login-form .new-user a:hover {
    color: #333;
}

.checkout h2 {
    font-size: 24px;
    font-weight: 700;
}

.checkout-billing h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}


/* Login */
.reg-login-form h2 {
    font-size: 24px;
    font-weight: 700;
}

.reg-login-form .inner {
    display: flex;
    justify-content: center;
}

.reg-login-form input {
    width: 400px;
}

.reg-login-form .new-user {
    margin-top: 15px;
    font-weight: 600;
}

.reg-login-form .new-user a {
    color: #3860e3;
}

.reg-login-form .new-user a:hover {
    color: #333;
}

.reg-login-form button {
    background: #3860e3;
    border: 0;
}

.reg-login-form button:hover {
    background: #333;
}

.reg-login-form .link {
    color: #3860e3;
}


/* User Panel */
.user-sidebar .photo {
    text-align: center;
    margin-bottom: 10px;
    background: #e9e9e9;
    padding: 20px 10px 10px 10px;
    border-radius: 6px;
}
.user-sidebar .photo img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.user-sidebar .photo h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
}

.user-sidebar ul li {
    list-style-type: none;
    margin-bottom: 5px;
}

.user-sidebar ul li a {
    background: #505050!important;
    border: 0;
}

.user-sidebar ul li a:hover {
    background: #333!important;
}

.modal-table {
    font-size: 16px;
}
.modal-table tr th {
    width: 150px;
}
.chosen-drop {
    z-index: 999999 !important;
}



/* Invoice */
.invoice-area img {
    height: 90px;
}

.invoice-area .company-info {
    font-size: 16px;
}

.invoice-head {
    margin-bottom: 30px;
    border-bottom: 1px solid #efebeb;
    padding-bottom: 20px;
}

.invoice-head .iv-left span {
    color: #444;
}

.invoice-head span {
    font-size: 21px;
    font-weight: 700;
    color: #777;
}

.invoice-address h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.invoice-address h5 {
    font-size: 17px;
    margin-bottom: 10px;
}

.invoice-address p {
    font-size: 13px;
    color: #555;
    margin-bottom: 3px;
}

.invoice-date li {
    font-size: 15px;
    color: #555;
    font-weight: 700;
    margin-bottom: 5px;
}

.invoice-table .table-bordered td,
.invoice-table .table-bordered th {
    border: 1px solid rgba(120, 130, 140, 0.13) !important;
    border-left: none!important;
    border-right: none!important;
    font-size: 13px!important;
}

.invoice-table tr td {
    color: #666;
}

.invoice-table tfoot tr td {
    text-transform: uppercase;
    font-weight: 600;
    color: #444;
}

.invoice-buttons a {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    background: #815ef6;
    padding: 12px 19px;
    border-radius: 3px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-left: 6px;
}

.invoice-buttons a:hover {
    background: #574494;
}

@media print {
    .page-banner,
    .invoice-sidebar,
    .footer-area,
    .print-invoice-button {
        display: none!important;
    }
    .invoice-right {
        max-width: 100%!important;
        flex: 0 0 100%!important;
    }
}

.cke_dialog_ui_hbox_last,
a.cke_dialog_ui_button.cke_dialog_image_browse {
    display: none!important;
}

.ad-section {
    margin-top: 50px;
}

.ad-section .inner img {
    width: 100%;
    height: auto;
}


.testimonial {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    background: #33B836;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.testimonial-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0d263b;
    opacity: 0.65;
}

.testimonial .heading {
    text-align: center;
    margin-bottom: 40px;
}

.testimonial .heading h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-top: 0;
}

.testimonial .heading h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.testimonial .testimonial-item .photo {
    text-align: center;
}

.testimonial .testimonial-item .photo img {
    width: 80px;
    height: 80px;
    display: inline-block;
}

.testimonial .testimonial-item .text {
    padding: 20px 150px;
    text-align: center;
}

.testimonial .testimonial-item .text h3 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    position: relative;
    margin-top: 40px;
}

.testimonial .testimonial-item .text h3:before {
    content: '';
    position: absolute;
    left: calc(50% - 20px);
    top: -20px;
    width: 40px;
    height: 2px;
    background: #fff;
}

.testimonial .testimonial-item .text h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

.testimonial .testimonial-item .text p {
    font-size: 16px;
    color: #fff;
}

.testimonial .owl-dots {
    text-align: center;
    margin-top: 5px;
}

.testimonial .owl-dots .owl-dot {
    width: 24px;
    height: 24px;
    background: #fff;
    border: 7px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
}

.testimonial .owl-dots .owl-dot.active {
    width: 24px;
    height: 24px;
    background: #333;
    border: 7px solid #fff;
}

@media only screen and (max-width: 992px) {
    .testimonial .testimonial-item .text {
        padding-left: 10px;
        padding-right: 10px;
    }
}



.image-effect {
	position: relative;
	display: block;
	vertical-align: top;
	max-width: 100%;
}

.image-effect:before,
.image-effect:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .3);
	z-index: 6;
	-webkit-transition: transform .5s, opacity .2s ease-in-out 0s;
	-o-transition: transform .5s, opacity .2s ease-in-out 0s;
	transition: transform .5s, opacity .2s ease-in-out 0s;
	opacity: 0;
	filter: alpha(opacity=0);
}

.effect-item:hover .image-effect:before {
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	opacity: 1;
	filter: alpha(opacity=100);
}

.effect-item:hover .image-effect:after {
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	opacity: 1;
	filter: alpha(opacity=100);
}


/* Home Video */
.home-video {
    margin-top: 40px;
	padding-top: 120px;
	padding-bottom: 100px;
	background: #4ab04d;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
}

.home-video .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0d263b;
	opacity: 0.75;
}

.home-video h2 {
	color: #fff;
	text-align: center;
	margin-top: 0;
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 20px;
}

.home-video p {
	color: #fff;
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
    font-size: 20px;
}

.home-video .video-section {
	text-align: center;
}

.home-video .video-section a {
	font-size: 100px;
	color: #fff;
}

.user-right h2 {
    font-size: 30px;
    font-weight: 600;
}
.user-right h3 {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 500;
    color: #808080;
}
.user-right .template-item {
    background: #e9e9e9;
    color: #797979;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    border: 1px solid #cfcfcf;
}
.user-right .template-item .icon {
    font-size: 30px;
}
.user-right .template-item h4 {
    color: #414141;
    font-weight: 700;
    font-size: 20px;
}
.user-right .template-item p {
    line-height: 18px;
}
.user-right .template-item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75) url(../../uploads/loading.gif) no-repeat center center;
    z-index: 10000;
}

img.ai-photo {
    width: 100%;
    height: auto;
}