@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&family=Rubik&display=swap);
:root {
    --primary: #236eaa;
    --primary-dark: #0b5ed7;
    --secondary: #6c757d;
    --success: #198754;
    --danger: #dc3545;
    --warning: #ffc107;
    --info: #0dcaf0;

    --text-dark: #212529;
    --text-light: #6c757d;

    --bg-light: #f8f9fa;
    --border-color: #e5e7eb;

    --white: #ffffff;
    --black: #000000;
}
*,ul {margin: 0;padding: 0}
a {text-decoration: none}
html {width: 100%;position: relative;overflow: visible;height: 100%}
body {font-family: Poppins, sans-serif !important;font-weight: 400;line-height: 26px;overflow-x: hidden;color: #161616;}

h1, h2, h3, h4, h5, h6 {color: #1e1e1e;font-weight: 600;line-height: 1.2;font-family: Rubik, sans-serif;letter-spacing: 0;margin: 0 0 15px}

label {display: inline-block;margin-bottom: 5px;max-width: 100%}
p {text-transform: none;font-size: 15px}

input:focus, select:focus, textarea:focus {outline: 0;box-shadow: inherit}
ul {list-style-type: none}
a, a:active, a:focus, a:hover {outline: 0;text-decoration: none;color: #0e2b3d}
.banner-area .appoinment-box p,
a:hover {color: #0e2b3d}
.mb-20 {margin-bottom: 20px}
.shadow, button, button:focus {box-shadow: inherit !important}
.btn.focus, .btn:active:focus, .btn:active:hover, .btn:focus, .btn:hover, .rate-input[type=submit]:focus {outline: 0}
input {border: 1px solid #e7e7e7;border-radius: inherit;box-shadow: inherit;min-height: 50px}
.bg-theme{background:#0171ad;}
.modal-body .nice-select {height: 40px;line-height: 40px;font-size: 14px;border-left: unset;border-right: unset;border-top: unset}
.container-full,
.container-medium {padding: 0 15px;margin: auto;max-width: 1400px}
.container-fill {padding: 0 15px;margin: auto;max-width: 100%}
section iframe {width: 100%;padding: 10px}
ul.dropdown_child li a {color: #0271ad}
.fas.fa-phone {transform: rotate(100deg)}
.about-area .thumb, .blog-area .sidebar form, .blog-area .thumb, .contact, .error-page-area .error-box, .feature-area .feature-box .thumb, .search-row form, .team-area .team-items .thumb, .work-process-area .work-pro-items .item .icon, header, input[type=date], input[type=time] {position: relative}
header nav.navbar.border.bootsnav.navbar-fixed.no-background {border-bottom: 1px solid rgba(255, 255, 255, .1)}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {position: relative;z-index: 1;margin-left: 3px}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {background: #fff;bottom: -2px;content: "";height: 3px;left: 0;position: absolute;width: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;-ms-transition: .35s ease-in-out;-o-transition: .35s ease-in-out;transition: .35s ease-in-out}
.error-box .search .input-group,
.fixed-shape-bottom img,
.nice-select.wide,
.services-details-area .sidebar-item.link li a.active::before,
.services-details-area .sidebar-item.link li a:hover::before,
.sidebar-item.recent-post .thumb img,
.sm-sec,
.thumb img,
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
  width: 100%
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
  width: 0
}
.attr-nav .social.right li,
.comp-detsec .det-acc .faq-sec #accordion .acc-cont,
.section-csk table ol,
.section-csk table ul,
.top-bar-area .info a {
  margin-left: 20px
}
.blog-area .item .info .meta ul li:last-child::after,
.breadcrumb-area .breadcrumb li:first-child::after,
.case-details-area .content ul.project-info li::after,
.case-studies-area .item .info .info-items ul li:last-child::after,
.no-csspointerevents .nice-select .list,
.no-js #loader,
.rating>input,
.top-bar-area .social ul li::after,
.top-bar-area li:first-child::after,
nav.bootsnav.navbar-default.info-topbar .navbar-header {display: none}

nav.bootsnav.navbar-default.info-topbar ul li a,
nav.bootsnav.navbar-default.info-topbar.sticked ul li a {margin-right: 30px;padding: 35px 0}

nav.bootsnav.navbar-default.info-topbar.active-full ul li a {margin-right: 0;padding: 35px 20px}

.attr-nav>a.btn-theme.effect,
.attr-nav>a.btn-theme.effect:focus,
.attr-nav>a.btn-theme.effect:hover {background: #0171ad;border: 2px solid #0171ad;color: #fff !important}

.attr-nav.social li {display: inline-block;padding: 25px 0 !important;transition: .35s ease-in-out;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;-ms-transition: .35s ease-in-out;-o-transition: .35s ease-in-out}

.attr-nav.social li a {border: 1px solid #f4f4f4;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;color: #0171ad;display: inline-block;font-size: 14px;height: 40px;line-height: 40px;margin-left: 10px;padding: 0 !important;text-align: center;width: 40px}

nav.navbar.bootsnav.sticked .attr-nav.social li {display: inline-block;padding: 20px 0 !important}

.features-blog-sec h2 {font-size: 32px;display: inline-block;font-weight: 600;padding-bottom: 20px;margin-bottom: 0;position: relative;letter-spacing: 1px;line-height: 46px}

.site-heading h4 {color: #0171ad;font-weight: 600;font-size: 32px}

.site-heading.clean h2,
.team-single-area .about-area.reverse .info {padding-bottom: 0}

.site-heading.barber h2 span {color: #bc9355}

.site-heading p {margin: 20px 0 0;padding: 0 7%}

.bg-theme .site-heading h2::before,
.contact-area.bg-gray form input,
.contact-area.bg-gray form textarea,
.shadow .site-heading h2::before {background: #fff}

.site-heading {margin-bottom: 10px;overflow: hidden;margin-top: 0}
.carousel-shadow .owl-stage-outer {margin: -15px;padding: 15px}
.heading-left {margin-bottom: 60px}
.heading-left .left-info {padding-right: 50px;border-right: 1px solid #ddd}

.common-error .accordion>.card>.card-header,
.heading-left .right-info {padding-left: 50px}

.about-area .info>h5,
.heading-left h5,
.works-about-items .info>h5 {text-transform: uppercase;font-weight: 600;margin-bottom: 25px;display: inline-block;position: relative;z-index: 1;padding-left: 45px;color: #0171ad}

.about-area .info>h5::after,
.heading-left h5::after,
.works-about-items .info>h5::after {position: absolute;left: 0;top: 50%;content: "";height: 2px;width: 30px;background: #0171ad;margin-top: -1px}
.heading-left p {margin-top: -5px;margin-bottom: 0}
.heading-left h2 {font-weight: 700;line-height: 1.3;margin-bottom: 0}
.blog-area .blog-items.content-less .item .info>a,
.heading-left a {margin-top: 10px}
.area-title {font-size: 40px;line-height: 1.2}
.fixed-shape-bottom {position: absolute;left: 0;bottom: 0;width: 100%}
.language-switcher .dropdown-toggle {background: 0 0;border: none;color: #666;font-weight: 500;font-size: 14px;letter-spacing: 1px;padding: 15px;text-transform: capitalize}
.nice-select,
.nice-select .option {font-weight: 400;cursor: pointer;outline: 0}
.language-switcher img {padding: 3px;box-shadow: 0 0 10px #ccc;border-radius: 50%;height: 45px;width: 45px}

.blog-area .sidebar .title,
.language-switcher .dropdown-toggle li,
.no-csspointerevents .nice-select.open .list,
.services-details-area .sidebar-item.link li {display: block}

.language-switcher .dropdown-menu li {display: block;padding: 0;border-bottom: 1px solid #e7e7e7}
.top-bar-area {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

.banner-area.auto-height .content,
.breadcrumb-area {padding: 150px 0}
.breadcrumb-area .breadcrumb {background: #0171ad;display: inline-block;margin: 0;padding: 15px;position: relative;z-index: 1}
.breadcrumb-area .breadcrumb::after {background: #000;content: "";height: 100%;left: 0;opacity: .7;position: absolute;top: 0;width: 100%;z-index: -1}
.breadcrumb-area h2 {display: block;font-weight: 600;text-transform: capitalize;font-size: 40px;margin-top: -10px;margin-bottom: 0}
.breadcrumb>li+li::before {content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 600;padding: 0 5px;color: #fff;display: none}
.breadcrumb-area .breadcrumb li {padding: 0 15px;position: relative;z-index: 1;display: inline-block}
.breadcrumb-area .breadcrumb li::after {border: 2px solid #fff;content: "";height: 10px;left: -7px;margin-top: -5px;position: absolute;top: 50%;width: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.breadcrumb-area .breadcrumb a,
.breadcrumb-area .breadcrumb li {font-family: Poppins, sans-serif;font-weight: 500;text-transform: uppercase;color: #fff}
.breadcrumb-area .breadcrumb li.active {color: #fff;text-decoration: underline}
@keyframes rotate-animation {
  0% {transform: rotate(0)}
  50% {transform: rotate(180deg)}
  100% {transform: rotate(360deg)}
}

 .free-consultation-close-btn{
    background-color: #00000000;
    color: #0000008c;
    border: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
 }
.banner-area .appoinment-box,
.banner-area .appoinment-box div,
.banner-area .box-cell,
.banner-area .box-cell div,
.banner-area .item-box .item .row div,
.banner-area .row.align-center div,
.banner-area.auto-height,
.banner-area.auto-height div,
.banner-area.center-item .row>div,
.double-items>.row div {
  height: auto
}
.banner-area.auto-height.circle-shape .content {padding: 200px 0}
.banner-area .box-cell {display: table-cell;vertical-align: middle;width: 100%}
.banner-area .box-table {display: table;width: 100%}
.banner-area {position: relative;background-size: cover;background-position: center}
.banner-area .wavesshape {bottom: -2px;left: 0;position: absolute;right: 0;top: auto;width: 100%}
.banner-area .wavesshape.shape {bottom: -50px;height: auto}
.banner-area .content {position: relative;z-index: 9}
.banner-area.triangle-shadow::before {border-bottom: 0 solid transparent;border-right: 100vw solid #fff;border-top: 80px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 100%;z-index: 101}
.banner-area.shadow-inner .content {padding: 30px;position: relative;z-index: 1;overflow: hidden}
.banner-area.content-double .double-items {align-items: center;align-self: center;display: flex;justify-content: center;vertical-align: middle}
.banner-area .banner-carousel .owl-item.center img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1)}
.banner-area .banner-carousel .owl-item img {transform: scale(.9);-webkit-transform: scale(.9);-moz-transform: scale(.9);-ms-transform: scale(.9);-o-transform: scale(.9)}
.banner-area .item h1:first-child,
.banner-area .item h2:first-child,
.banner-area .item h3:first-child,
.banner-area .item h4:first-child,
.banner-area .item h5:first-child,
.banner-area .item h6:first-child,
.banner-area .item p {
  animation-delay: .5s
}
.banner-area .item a,
.banner-area .item button,
.banner-area .item h1:nth-child(2),
.banner-area .item h2:nth-child(2),
.banner-area .item h3:nth-child(2),
.banner-area .item h4:nth-child(2),
.banner-area .item h5:nth-child(2),
.banner-area .item h6:nth-child(2) {
  animation-delay: .7s
}
.carousel-caption h1:nth-child(3),
.carousel-caption h2:nth-child(3),
.carousel-caption h3:nth-child(3),
.carousel-caption h4:nth-child(3),
.carousel-caption h5:nth-child(3),
.carousel-caption h6:nth-child(3) {
  animation-delay: .9s
}
.banner-area .item ul {animation-delay: .6s}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,
.carousel-fade .carousel-inner .item {
  opacity: 0
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev {left: 0;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0)}
.carousel-fade .carousel-control {z-index: 2}
@-webkit-keyframes zoom {
  from {-webkit-transform: scale(1, 1)}
  to {-webkit-transform: scale(1.2, 1.2)}
}
@-moz-keyframes zoom {
  from {-moz-transform: scale(1, 1)}
  to {-moz-transform: scale(1.2, 1.2)}
}
@-o-keyframes zoom {
  from {-o-transform: scale(1, 1)}
  to {-o-transform: scale(1.2, 1.2)}
}
@keyframes zoom {
  from {transform: scale(1, 1)}
  to {transform: scale(1.2, 1.2)}
}
.carousel-inner .item>.slider-thumb {-webkit-animation: 20s zoom;animation: 20s zoom}
.banner-area .carousel-zoom .slider-thumb {height: 100%;position: absolute;width: 100%}
.banner-area .carousel-control,
.banner-area .carousel-control.shadow {height: 50px;margin-top: -25px;opacity: 1;padding: 0;position: absolute;background: 0 0;top: 50%;display: inline-block;line-height: 50px;z-index: 1}
#particles-js,
#ripple {height: 100%;left: 0;position: absolute;top: 0;width: 100%}
.banner-area .carousel-control {font-size: 30px;width: 70px;text-transform: uppercase;text-align: center;color: #0171ad}
.banner-area .carousel-control.shadow {color: #fff;font-size: 20px;text-shadow: inherit;width: 50px}
.banner-area .carousel-control.shadow::after {background: #1e2726;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;content: "";height: 100%;left: 0;opacity: .5;position: absolute;top: 0;width: 100%;z-index: -1}

.banner-area.border-shadow .box-cell::before,
.banner-area.inc-shape .thumb::after {position: absolute;content: "";height: 100%;background-repeat: no-repeat;background-size: contain}
.banner-area .carousel-control.left {left: -80px}
.banner-area:hover .carousel-control.left {left: 10px}
.banner-area:hover .carousel-control.shadow.left {left: 20px}
.banner-area .carousel-control.right {right: -80px}
.banner-area:hover .carousel-control.right {right: 10px}
.banner-area:hover .carousel-control.shadow.right {right: 20px}
.banner-area .carousel-indicator {position: absolute;left: 10px;bottom: 0;width: 100%}
.banner-area .carousel-indicators {position: absolute;right: 40px;left: auto;width: auto;height: auto;top: 50%;transform: translate(10px, -50%);-webkit-transform: translate(10px, -50%);-moz-transform: translate(10px, -50%);-ms-transform: translate(10px, -50%);-o-transform: translate(10px, -50%);bottom: auto;margin: 0;display: block}
.banner-area .carousel-indicators li {display: block;height: 20px;width: 20px;margin: 10px 0;border: 2px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: 0 0;position: relative;z-index: 1}
.banner-area .carousel-indicators li::after {position: absolute;left: 50%;top: 50%;content: "";height: 5px;width: 5px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.banner-area.video-bg-live .mbYTP_wrapper {z-index: 1 !important}
.banner-area .thumb {position: relative;top: 120px}
.banner-area.inc-shape .thumb::after {right: 0;bottom: 0;width: 100%;background-position: top;z-index: -1}
.banner-area .content h2 {font-size: 60px;margin-bottom: 25px}
.banner-area.text-color .content h2 strong {font-weight: 800;color: #0171ad}
.banner-area .content h2 strong {font-weight: 800;display: block}
.banner-area .content h4,
.services-details-area .content p {margin-bottom: 25px}

.banner-area .content a,
.blog-area .contact-comments .comments,
.custom-card,
.services-area .services-items.services-carousel.owl-carousel .owl-dots,
.top-features-area .item>a,
footer .item {margin-top: 20px}

.banner-area .text-center .content a,
.banner-area.text-center .content a {margin-left: 15px;margin-right: 15px}

.banner-area.top-pad-60 .content {padding-top: 60px}

.banner-area.border-shadow .box-cell::before {left: 0;bottom: 0;width: 100%;background-position: left bottom}

.banner-area.text-large .content h2 {font-size: 50px}

.banner-area .appoinment-box {padding: 60px 37px;background: #fff;border-radius: 10px;position: relative;z-index: 1}

.banner-area .banner,
.banner-area.bg-gradient {background-position: bottom left}

.banner-area .appoinment-box h4 {color: #0e2b3d;font-weight: 600}

.banner-area .appoinment-box .heading,
.blog-area .single-item,
.contact-area .content .heading,
.cst-search h1,
.demo-area .site-heading,
.featured-services-area .single-item,
.features-area .single-item,
.service-area .service-box .single-item,
.service-area .service-items .single-item,
.services-details-area .content img,
.team-area .team-items .single-item,
.top-features-area .single-item,
.work-process-area .single-item {margin-bottom: 30px}


.banner-area .appoinment-box .nice-select,
.banner-area .appoinment-box input {border: none;border-radius: inherit;box-shadow: inherit;background: rgba(255, 255, 255, .6);border-bottom: 1px solid #e6e6e6;padding-left: 0}

.banner-area.circle-shape .content::after,
.banner-area.circle-shape .content::before {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #fff;border-radius: 50%;content: "";z-index: -1}

.banner-area .appoinment-box button {background: #0171ad;padding: 10px 25px;border-radius: 30px;color: #fff;font-weight: 600;margin-top: 10px;width: 100%}

.banner-area.heading-border .content h4 {display: inline-block;position: relative;z-index: 1;padding-left: 45px}

.banner-area.heading-border .content h4::after {position: absolute;left: 0;top: 50%;content: "";height: 2px;width: 30px;background: #fff}

.banner-area.circle-shape .content::after {height: 450px;width: 450px}
.banner-area.circle-shape .content::before {height: 550px;width: 550px;opacity: .3}
.banner-area.center-item .thumb {position: inherit;top: 0}
.banner-area.shape::after {position: absolute;right: -20%;top: -20%;content: "";height: 700px;width: 700px;background: #f3f7fd;z-index: -1;border-radius: 30px;transform: rotate(45deg)}
.banner-area .fixed-shape.right.top {position: absolute;right: 0;top: 0;z-index: -1}
.banner-area .content .bottom,
.choose-us-area .item .call,
.testimonials-area .item .provider {
  display: flex;
  align-items: center
}

.banner-area .content .bottom a {margin-right: 30px}
.banner-area .content .bottom .call-us h5 {font-weight: 700;margin-bottom: 5px;color: #0171ad}
.banner-area .content .bottom .call-us {margin-top: 20px;display: flex;align-items: center;text-align: left}

.banner-area .content .bottom .call-us span,
.buy-support p {font-weight: 600;color: #000}

.banner-area .content .bottom .call-us i {height: 50px;width: 50px;background: #0171ad;line-height: 50px;text-align: center;border-radius: 50%;position: relative;color: #fff;margin-right: 15px}
.banner-area .content .bottom .call-us i::after {position: absolute;left: -10%;top: -10%;content: "";height: 120%;width: 120%;background: #0171ad;z-index: -1;border-radius: 50%;opacity: .2}
.banner-area .banner {position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;background-size: cover}
.banner-area .fixed-shape {position: absolute;left: 0;bottom: -1px;width: 100%;height: 100%;z-index: -1}

.video-play-button:after,
.video-play-button:before {content: "";position: absolute;top: 50%;width: 80px;height: 80px;background: #fff;display: block;left: 50%}

.banner-area .fixed-shape img {position: absolute;bottom: 0;left: 0;width: 100%}
.banner-area .fixed-shape-bottom {z-index: -1;opacity: .1}
.banner-area .thumbs::after {position: absolute;left: 50%;top: 50%;content: "";height: 100%;width: 100%;z-index: -1;transform: translate(-50%, -50%);border-radius: 50%;background-position: center;background-size: contain;background-repeat: no-repeat;opacity: .1}
.item-animated {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);-webkit-animation-name: infiUpDown;animation-name: infiUpDown;-webkit-animation-duration: 2s;animation-duration: 2s}

@keyframes infiUpDown {
  0%,
  100% {-webkit-transform: translateY(0);transform: translateY(0)}
  50% {-webkit-transform: translateY(-35px);transform: translateY(-35px)}
}

@-webkit-keyframes infiUpDown {
  0%,
  100% {-webkit-transform: translateY(0);transform: translateY(0)}
  50% {-webkit-transform: translateY(-35px);transform: translateY(-35px)}
}

@-webkit-keyframes infinite-move {
  to {-webkit-transform: translateX(88px)}
  from {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}
  to {-ms-transform: translateX(88px);transform: translateX(88px)}
}

@keyframes infinite-move {
  from {-webkit-transform: translateX(0);transform: translateX(0)}
  to {-webkit-transform: translateX(88px);transform: translateX(88px)}
}

.video-play-button {color: #0171ad;font-size: 30px;left: 50%;padding-left: 7px;position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);z-index: 1}
.video-play-button:before {z-index: 0;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: 1.5s ease-out infinite pulse-border;animation: 1.5s ease-out infinite pulse-border}

.bg-grey,
.blog-area .sidebar input[type=submit]:hover,
.video-play-button.theme:after,
.video-play-button.theme:before {background: #0171ad}

.orange .video-play-button.theme:after,
.orange .video-play-button.theme:before {background: #ff5621}

.video-play-button:after {z-index: 1;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;transition: .2s;-webkit-transition: .2s;-moz-transition: .2s;-ms-transition: .2s;-o-transition: .2s}

.video-play-button.relative,
.video-play-button.relative::after,
.video-play-button.relative::before {height: 60px;width: 60px;line-height: 60px}

@-webkit-keyframes pulse-border {
  0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1}
  100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0}
}

@keyframes pulse-border {
  0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1}
  100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0}
}

.video-play-button i {display: block;position: relative;z-index: 3;color: #0171ad}

.video-play-button.relative {position: relative;display: inline-block;left: 30px;text-align: center;margin-top: 0 !important;top: 43px;margin-left: 10px}

.video-play-button.relative i {line-height: 63px;font-size: 20px}

.video-play-button.relative span {position: absolute;right: 0;top: 50%;font-size: 14px;line-height: 20px;width: 100%;left: 100%;min-width: 300%;text-transform: uppercase;margin-top: -7px;margin-left: 20px;text-align: left}

.nice-select {-webkit-tap-highlight-color: transparent;background-color: #fff;border: 1px solid #e8e8e8;box-sizing: border-box;clear: both;display: block;float: left;font-family: inherit;height: 50px;line-height: 30px;padding-left: 10px;padding-right: 30px;position: relative;text-align: left !important;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;width: 100%;margin-bottom: 15px;color: #0e2b3d}

.nice-select .current {color: #666}

.nice-select:hover {border-color: #dbdbdb}

.nice-select.open,
.nice-select:active,
.nice-select:focus {border-color: #999}

.nice-select:after {border-bottom: 2px solid #999;border-right: 2px solid #999;content: '';display: block;height: 5px;margin-top: -4px;pointer-events: none;position: absolute;right: 12px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: .15s ease-in-out;transition: .15s ease-in-out;width: 5px}
.nice-select.open:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)}
.nice-select.open .list {opacity: 1;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0)}
.nice-select.disabled {border-color: #ededed;color: #999;pointer-events: none}
.nice-select.disabled:after {border-color: #ccc}
.nice-select.wide .list {left: 0 !important;right: 0 !important}

.blog-area.left-sidebar .blog-content,
.blog-area.single .post-pagi-area a:last-child,
.nice-select.right {float: right}

.nice-select.right .list {left: auto;right: 0}
.nice-select.small {font-size: 12px;height: 36px;line-height: 34px}
.nice-select.small:after {height: 4px;width: 4px}
.nice-select.small .option {line-height: 34px;min-height: 34px}
.nice-select .list {background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);-o-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);box-sizing: border-box;margin-top: 4px;opacity: 0;overflow: hidden;padding: 0;pointer-events: none;position: absolute;top: 100%;left: 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(.75) translateY(-21px);-ms-transform: scale(.75) translateY(-21px);transform: scale(.75) translateY(-21px);-webkit-transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;z-index: 9;width: 100%}
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important}
.nice-select .option {line-height: 40px;list-style: none;min-height: 40px;padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: .2s;transition: .2s;display: block;margin: 0}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {background-color: #f6f6f6}

.feature-area .feature-box .item h5 a,
.featured-services-area .item h5,
.nice-select .option.selected {font-weight: 700}
.nice-select .option.disabled {background-color: transparent;color: #999;cursor: default}
.faq-area .info>h5 {text-transform: uppercase;font-weight: 600;margin-bottom: 25px;display: inline-block;position: relative;z-index: 1;padding-left: 45px;color: #000}
.accordion .card-header h4:after {font-family: "Font Awesome 5 Free";content: "\f107";position: absolute;right: 0;top: 0;font-weight: 600}
.accordion .card-header h4.collapsed:after {content: "\f105";font-weight: 600;color: #999}
.faq-area .faq-content .card {border: none;margin-bottom: 31px;overflow: inherit;background: 0 0;border-radius: 5px;padding: 0}
.faq-area .faq-content .card .card-header {border: none;background: 0 0;padding: 0}
.faq-area .faq-content .card .card-header h4 {margin: 0;font-size: 18px;font-weight: 600;padding: 0 50px 0 0;cursor: pointer;position: relative;z-index: 1;display: flex;align-items: center}
.faq-area .faq-content .card .card-body {padding: 15px 0 0;border-top: 1px solid #e7e7e7;margin-top: 20px}
.faq-area .faq-content .card .card-header h4 strong {display: inline-block;height: 40px;width: 40px;text-align: center;line-height: 40px;background: #0171ad;color: #fff;border-radius: 50%;margin-right: 20px;position: relative;min-width: 40px}
.faq-area .faq-content .card .card-header h4 strong::after {position: absolute;left: -10%;top: -10%;content: "";height: 120%;width: 120%;z-index: -1;border-radius: 50%;opacity: .3}
.faq-area .appoinment-form {padding: 50px;background: linear-gradient(90deg, #09468b 0, #1e84f6 100%);position: relative;border-radius: 8px;text-align: center;z-index: 1}
.faq-area .appoinment-form::before {position: absolute;left: 0;top: 0;content: "";height: 100%;width: 100%;background: url(public/assets/img/shape/17.png) 0 0/cover no-repeat;opacity: .15}
.faq-area .appoinment-form h4 {color: #fff;font-weight: 600}
.faq-area .appoinment-form p {color: #fff;margin-bottom: 30px}

.faq-area .appoinment-form .nice-select,
.faq-area .appoinment-form input {background: rgba(255, 255, 255, .1);border: 1px dashed rgba(255, 255, 255, .5);color: #fff;border-radius: 5px}
.faq-area .appoinment-form .nice-select::after {border-color: #fff}
.faq-area .appoinment-form button {width: 100%;background: #fff;border-radius: 30px;padding: 10px;font-weight: 600}
.faq-area .appoinment-form input::-webkit-input-placeholder {color: #fff}
.faq-area .appoinment-form input::-moz-placeholder {color: #fff}
.faq-area .appoinment-form input:-ms-input-placeholder {color: #fff}
.faq-area .appoinment-form input:-moz-placeholder {color: #fff}
.blog-area .blog-items .item {background: #fff;box-shadow: 0 0 10px #ccc}

.blog-area .item .info,
.owl-carousel .owl-stage-outer {padding: 20px}
.blog-area .info .cats {position: relative;z-index: 1;padding-left: 25px;margin-bottom: 15px}
.blog-area .info .cats::after {position: absolute;left: 0;top: 50%;content: "";height: 1px;width: 15px;background: #666}
.blog-area .item .info .meta {margin-bottom: 15px;margin-top:10px;}
.blog-area .item .info .meta ul li {display: inline-block;margin-right: 0;position: relative;z-index: 1;padding-right: 5px;font-size: 14px}
.blog-area .item .info ul li i {color: #0171ad;margin-right: 5px;font-weight: 500}
.blog-area .item .info h4 {font-weight: 600;line-height: 1.4}
.blog-area .item .info a.read-more {position: relative;z-index: 1;text-transform: uppercase;font-weight: 600;padding-bottom: 10px;padding-right: 35px}
.btn-more {position: relative;z-index: 1;display: inline-block;text-transform: uppercase;padding-right: 40px}
.btn-more::after {position: absolute;right: 0;top: 50%;content: "";height: 1px;width: 30px;transition: .35s ease-in-out;border-top: 2px solid}
.btn-more:hover::after {border-color: #0171ad}
.blog-area .thumb .cats {position: absolute;left: 30px;bottom: -20px;z-index: 9}
.blog-area .thumb .cats a {display: inline-block;background: #0171ad;padding: 6px 20px;margin-right: 5px;color: #fff}
.blog-area .thumb .post-type {background: rgba(8, 106, 216, .7);bottom: 35px;color: #fff;font-size: 20px;height: 50px;right: 35px;line-height: 50px;position: absolute;text-align: center;width: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;z-index: 1}

.blog-area .item .info a.btn,
.xzoom-thumbs {margin-top: 5px}
.blog-area.left-sidebar .sidebar {padding-right: 35px}
.blog-area .sidebar .title h4 {font-weight: 800;margin-bottom: 30px;margin-top: -5px;position: relative;text-transform: capitalize;z-index: 1;font-size: 20px;display: inline-block;padding-left: 15px}
.blog-area .sidebar .title h4::after {position: absolute;left: 0;top: 4px;content: "";height: 18px;width: 2px;border-left: 3px solid #0171ad}
.blog-area .sidebar input[type=text] {border: 1px solid #e7e7e7;border-radius: inherit;box-shadow: inherit;min-height: 60px}
.blog-area .sidebar button[type=submit] {background: #0171ad;border: none;color: #fff;font-weight: 500;letter-spacing: 1px;min-height: 50px;width: 50px;position: absolute;right: 5px;text-transform: uppercase;top: 5px;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;-ms-transition: .35s ease-in-out;-o-transition: .35s ease-in-out;transition: .35s ease-in-out;border-radius: 50%}
.blog-area .sidebar .sidebar-item {float: left;margin-bottom: 50px;width: 100%;background: #fff}

.blog-area .sidebar .sidebar-item.archives .sidebar-info,
.blog-area .sidebar .sidebar-item.category .sidebar-info {margin-top: -5px}
.blog-area .sidebar .sidebar-item.category li {display: block;position: relative;margin-top: 13px}
.blog-area .sidebar .sidebar-item.category li a {display: inline-block;text-transform: capitalize;font-weight: 700;color: #666}
.blog-area .sidebar .sidebar-item.category li a span {color: #b5b5b5;font-size: 14px;margin-left: 5px}

.blog-area .sidebar .sidebar-item.category li:first-child a span,
.blog-area .sidebar .sidebar-item.category li:first-child a::after {top: 0}
.blog-area .sidebar .sidebar-item.category li:first-child {margin-top: 0;padding-top: 0}
.blog-area .sidebar .sidebar-item.category li:last-child {border: none;margin-bottom: 0;padding-bottom: 0}
.sidebar-item.recent-post li a {color: #333;display: block;font-size: 14px;font-weight: 500;line-height: 20px}
.sidebar-item.recent-post .meta-title {margin-top: 5px;font-weight: 600;text-transform: capitalize;font-size: 13px}
.sidebar-item.recent-post .meta-title i {margin-right: 3px;font-weight: 500;color: #0171ad}
.sidebar-item.recent-post li a span {display: inline-block;color: #002359}
.sidebar-item.recent-post li span {display: inline-block;text-transform: capitalize;font-size: 10px;color: #0171ad;font-weight: 500;font-style: italic;}
.sidebar-item.recent-post .meta-title a {color: #999}
.sidebar-item.recent-post li {color: #cdd0d3;border-bottom: 1px solid #e7e7e7;margin-bottom: 10px;padding-bottom: 10px}
.sidebar-item.recent-post li:last-child {border: none;margin: 0;padding: 0}
.sidebar-item.recent-post li .thumb {display: table-cell;padding-top: 5px;vertical-align: top;width: 80px}
.sidebar-item.recent-post li .info {box-shadow: inherit;color: #837f7e;display: table-cell;line-height: 26px;padding: 0 0 0 25px;vertical-align: top}
.blog-area .sidebar-item.gallery ul {margin: -7px;overflow: hidden}
.sidebar-item.gallery ul li {box-sizing: border-box;float: left;padding: 7px;width: 33.333%}
.sidebar-item.gallery ul li img {min-height: 70px;width: 100%}
.sidebar-item.archives ul li {display: block;margin-bottom: 20px;position: relative}
.sidebar-item.archives ul li a {display: inline-block;font-weight: 800;text-transform: capitalize;z-index: 1;padding-left: 25px;font-size: 14px;color: #666}
.sidebar-item.archives ul li a::after {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;content: "\f07b";font-family: "Font Awesome 5 Free";height: 8px;left: 0;position: absolute;width: 8px;font-weight: 500}
.sidebar-item.social-sidebar ul {margin-bottom: -10px;overflow: hidden}
.sidebar-item.social-sidebar li {display: inline-block;float: left;margin-right: 10px;margin-bottom: 10px}
.sidebar-item.social-sidebar li a {background: #002359;border: none;color: #fff;display: inline-block;height: 50px;line-height: 54px;margin-bottom: 5px;text-align: center;width: 50px;font-size: 14px}
.sidebar-item.tags ul {margin-top: -8px}
.sidebar-item.tags ul li a {border: 1px solid #e7e7e7;display: inline-block;font-weight: 800;margin-top: 8px;margin-right: 5px;padding: 5px 25px;text-transform: capitalize;font-size: 13px;border-radius: 30px;color: #666;background: #fafafa}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {background-size: cover;background-repeat: no-repeat;background-position: center;padding: 80px 50px;text-align: center;position: relative;z-index: 1}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info::after {position: absolute;left: 0;top: 0;content: "";height: 100%;width: 100%;background: #0171ad;z-index: -1;opacity: .7}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info h4 {color: #fff;font-weight: 700;line-height: 1.4}

.blog-area .sidebar .sidebar-item.add-banner .sidebar-info p,
.btn1-c a:hover,
.footer-bottom a,
.fotsect p,
.fotsect p a,
.product-det .btn1-c:hover a,
footer .bottoms li a,
footer .bottoms p a,
footer .f-item.link li a:hover,
footer ol li,
footer ul li,
footer.bg-dark .f-item .address li strong,
footer.bg-dark .f-item.link li a:hover {color: #fff}

.blog-area .sidebar .sidebar-item.add-banner .sidebar-info a {display: inline-block;color: #fff;border: 1px dashed rgba(255, 255, 255, .7);padding: 10px 25px;margin-top: 9px}
.blog-area.single .item .content-box span {background: #0171ad;color: #fff;display: inline-block;font-weight: 600;letter-spacing: 1px;padding: 3px 20px;text-transform: uppercase}
.blog-area.single .content-box .cats {float: left;margin-right: 5px}
.blog-area.single .content-box .meta .date {float: right;letter-spacing: 1px;text-transform: uppercase}
.blog-area.single .content-box .meta {overflow: hidden;width: 100%;border: none;margin: 0;padding: 0}
.blog-area .blog-items .info>ul li {margin-bottom: 15px;color: #000;position: relative;z-index: 1;padding-left: 25px;display: block}
.blog-area .blog-items .info>ul {margin-bottom: 25px;margin-top: 25px}
.blog-area .blog-items .info>ul li::after {position: absolute;left: 0;top: 0;content: "\f00c";height: 100%;width: 100%;font-family: "Font Awesome 5 Free";color: #0171ad;font-weight: 600;font-size: 14px}
.blog-area .item blockquote {position: relative;z-index: 1;border: none;font-size: 20px;margin-top: 30px;margin-bottom: 30px;padding-left: 85px;color: #000;font-weight: 600;line-height: 37px}
.blog-area .item blockquote cite {display: block;margin-top: 15px;color: #999;font-weight: 500}
.blog-area .item blockquote::before {position: absolute;left: 0;top: 5%;content: "";height: 90%;width: 3px;background: #0171ad}
.blog-area .item blockquote::after {position: absolute;left: 30px;content: "\f10d";font-family: "Font Awesome 5 Free";color: #0171ad;font-size: 30px;top: 5px;font-weight: 600}
.blog-area .item blockquote p {margin: 0;position: relative;z-index: 1;line-height: 34px;font-size: 16px;font-style: italic;font-weight: 500}
.blog-area .blog-content .post-tags,
.blog-area .blog-content .share {margin-top: 40px;display: flex;align-items: center;justify-content: space-between}
.blog-area .blog-content .share li {display: inline-block;margin-left: 15px}
.blog-area .blog-content .share li a {display: inline-block;color: #0171ad}
.blog-area .blog-content .share li.facebook a {color: #3b5998}
.blog-area .blog-content .share li.twitter a {color: #1da1f2}
.blog-area .blog-content .share li.pinterest a {color: #bd081c}
.blog-area .blog-content .share li.g-plus a {color: #db4437}
.blog-area .blog-content .share li.linkedin a {color: #0077b5}
.blog-area .blog-content .post-tags .tags a {background: #f7f7f7;padding: 10px 15px;font-size: 14px;margin-right: 3px;margin-bottom: 5px;display: inline-block}
.blog-area.single .post-pagi-area {margin-top: 50px;overflow: hidden}
.blog-area.single .post-pagi-area a {display: inline-block;font-weight: 800;text-transform: capitalize;color: #0171ad;border-radius: 30px}
.blog-area.single .post-pagi-area h5 {margin: 5px 0 0}
.blog-area.single.color-yellow .post-pagi-area a:hover {color: #ff9800}
.blog-area.single .post-pagi-area a:first-child i {margin-right: 3px}
.comments-area .commen-item .comments-info p {display: block;margin: 0}
.responsive-video {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0}
.responsive-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.blog-area .blog-comments .comments-list,
.comments-list .commen-item,
.demo-area .item {margin-bottom: 50px}

.comments-list .commen-item .avatar {float: left;height: 105px;width: 105px}
.comments-list .commen-item .content {display: table-cell;vertical-align: top}
.comments-list .commen-item .avatar img {height: 80px;width: 80px}
.comments-list .commen-item.reply {padding-left: 80px}
.comments-area {margin-top: 40px}

.comments-area .comments-title h2,
.comments-area .comments-title h3,
.comments-area .comments-title h4 {border-bottom: 1px solid #e2e2e2;font-weight: 700;margin-bottom: 30px;padding-bottom: 25px;text-transform: capitalize}

.comments-list .commen-item .content h3,
.comments-list .commen-item .content h4,
.comments-list .commen-item .content h5 {font-size: 16px;font-weight: 600;text-transform: capitalize;margin-bottom: 0}
.comments-list .commen-item .content .title {display: flex;align-items: center;margin-bottom: 15px;font-weight: 700}
.comments-list .commen-item .content .title span {border-left: 1px solid #e7e7e7;padding-left: 15px;margin-left: 15px}
.comments-info a {border: 1px solid #e7e7e7;color: #002359;display: inline-block;font-size: 12px;margin-top: 5px;padding: 1px 10px;text-transform: uppercase;font-weight: 600}
.comments-form input,
.comments-form textarea {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #e7e7e7;border-image: none;border-radius: inherit;border-style: none none solid;border-width: medium medium 1px;box-shadow: inherit}
.comments-form textarea {min-height: 180px;padding: 15px}
.comments-form button {background: #0171ad;border: 1px solid transparent;color: #fff;display: inline-block;font-size: 14px;font-weight: 700;line-height: 25px;margin-top: 20px;padding: 15px 45px;text-transform: uppercase;transition: .35s ease-in-out;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;-ms-transition: .35s ease-in-out;-o-transition: .35s ease-in-out;border-radius: 30px}
.comments-form button:hover {color: #fff;background-color: #0171ad;border: 1px solid transparent}

.comments-form .title h2,
.comments-form .title h3,
.comments-form .title h4 {border-bottom: 1px solid #e7e7e7;font-weight: 700;margin-bottom: 30px;padding-bottom: 25px;text-transform: capitalize}
.blog-area.single .blog-items .item .contact-comments .col-md-6 {float: left;padding: 0 15px}
.pagination li {display: inline-block;margin-top: 7px}
ul.pagination {display: block;margin: 15px 0}
.pagination li a {display: inline-block;padding: 15px 20px;border-radius: 5px;margin: 0 2px;color: #0171ad;font-weight: 800}
.pagination li.page-item.active a {background: #0171ad;border-color: #0171ad}

footer {position: relative;z-index: 1;padding: 15px 0}
footer .fixed-shape {position: absolute;left: 0;top: 0;height: 100%;width: 100%;text-align: center}

.demo-area .comming-soon.item img,
footer .fixed-shape img {opacity: .3}

footer.bg-dark .fixed-shape img {opacity: .1}

footer .widget-title,
footer img {color: #fff;font-weight: 500;font-size: 20px}
footer.bg-dark .f-item.about {background: rgba(255, 255, 255, .05);box-shadow: inherit}
footer .f-items.default-padding {padding-top: 20px;padding-bottom: 10px}
footer form {position: relative;margin-top: 30px}
footer form button {position: absolute;right: 5px;top: 5px;height: 50px;width: 50px;border-radius: 50%;background: #0171ad;color: #fff}
footer .item .f-item form input {border-radius: 30px !important;padding: 30px;border: 1px solid #e7e7e7}
footer .f-item.link li {margin-bottom: 10px}
footer .f-item.link li a {color: #fff;font-family: inherit;font-size: 13px;text-transform: unset;font-weight: 400}

footer.bg-dark .f-item .address li,
footer.bg-dark .f-item .address li a,
footer.bg-dark .f-item .download a,
footer.bg-dark .f-item .download a i,
footer.bg-dark .f-item.link li a,
footer.bg-dark .footer-bottom a,
footer.bg-dark p {color: #c2d1e2}

footer .f-item .address li strong {display: block;text-transform: uppercase;font-weight: 600;color: #fff}
footer .f-item .address li {margin-bottom: 20px;color: #fff}
footer .f-item .address li a {color: #fff;font-size: 14px !important}
footer .f-item .download h5 {font-weight: 600;margin: 0;color: #fff}
footer .f-item .download a {display: inline-block;margin-right: 25px;margin-top: 15px;color: #fff}
footer .f-item .download a:last-child {margin-right: 0}
footer .f-item .download a i {font-size: 25px;margin-right: 5px;position: relative;top: 3px;color: #0171ad}
footer.bg-dark .footer-bottom {border-top: 1px solid rgba(255, 255, 255, .1)}
.footer-bottom li {display: inline-block;margin: 0 0 0 15px}
.footer-bottom p {margin: 0;color: #fff}
footer.bg-dark .footer-bottom p {margin: 0;color: #ccc}
.footer-bottom {padding: 20px 0;border-top: 1px solid #e7e7e7}
.js #loader {display: block;position: absolute;left: 100px;top: 0}
.se-pre-con {left: 0;top: 0;width: 100%;height: 100%;z-index: 999999;background: center no-repeat #fff;text-align: center}
.demo-area.demo-conten.default-padding {padding-bottom: 30px}
.demo-area .single-item .info {padding: 15px 10px;text-align: center}

#back2Top,
.comp-detsec .hist-sec .cdet-cont-m {padding: 15px}
.banner-area .demo-banner h1 {font-weight: 700;margin-bottom: 30px;font-size: 60px}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator {display: block;top: 0;right: 0;height: 100%;width: 100%;position: absolute;background: 0 0}

.padd-top-40,
.pt-20 {padding-top: 20px}
.cst-sec1 {max-height: 300px;height: 100% !important}
.cst-search {top: 50% !important;max-width: 900px}

.blog-list-img,
.blog-list-img img {width: 55px;max-width: 55px;height: 55px}
.cst-search .form-control {width: 100%;border-radius: 20px !important;height: 50px;padding-left: 30px}


.brandsh-item {text-align: center;background:#F8FAFF;transition-duration: 500ms;    padding: 10px 20px;border-radius: 5px;}
/*.brandsh-item {border:0.094rem solid #0171AD;text-align: center;background:#F8FAFF;transition-duration: 500ms;    padding: 10px 20px;border-radius: 10px;transition-duration: 0.5s;}*/
.brandsh-item:hover{background:#0171ad24; padding: 10px 20px;}
.brandsh-item>img{border-radius:20px !important;}
.brand-sec .brand-list li:hover {transform: translateY(0) scale(1.1);transition-duration: 500ms;}
.sec-cat-4 h4 {font-weight: 600;font-size: 20px;margin-bottom: 25px}
.sec-cat-4 .h2 {font-weight: 600;font-size: 20px;margin-bottom: 10px}
.features-blog-sec .more a {font-size: 13px;color: #0171ad}
.features-blog-sec .more a:hover i.fa {transform: translateX(8px);transition: .4s ease-in-out}
.section-csk .bg-light {margin-top: 20px;background: #f7fbfc}
.mt-80 {margin-top: 70px}
.section-csk .list-cl p {font-size: 23px;line-height: 25px;color: #0e5299}
.section-csk .img-4 {max-width: 260px;width: 100%}
.faq-sec {background: #f6f6f6}

.faq-sec #accordion .panel-title a,
.faq-sec #accordion2 .panel-title a {padding: 50px 35px}
.btn1-c {margin: 15px 15px 20px;padding: 10px;background: #3c99dc;border-radius: 25px;text-align: center}
.chat-sec, aside {position: sticky}
.bg-custom-danger {background: #b11522}
.f-pt-50 {padding: 40px 70px}
.csk-fq .card-header {padding: 50px 35px;background: #fff}
.list-cl {padding: 20px 10px}
.pl-pr {padding: 50px 70px}
.brand-sec {list-style: none;padding-bottom: 0}
.stats>div:first-of-type {border-top: 1px solid #ccc}

.card .tile-fl-half-bld,
.stats>div,
.tile-fl-half-bld,
.tile-fluid-half {display: flex;flex-wrap: wrap}
.stats>div>small {flex: 0 0 50%;max-width: 50%;font-size: 100%}
.stats>div {border-bottom: 1px solid #ccc;padding: .5em 0}
.custom-card h1 {font-size: 40px;font-weight: 600}
.custom-card h6 {margin-top: -5px;color: #999;font-weight: 600}
.custom-card .btn-sm {padding: 10px 35px;font-size: 20px;font-weight: 500}
.custom-card .card {background-color: #fff !important;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%) !important;border-radius: 5px;margin-bottom: 1rem;overflow: hidden;position: relative}
.custom-card .link {color: #00a9ea}
.card .tile-fl-half-bld a {font-size: 15px;font-family: Segoe UI bold, sans-serif;color: #00a9ea;flex: 0 0 50%;font-weight: 600;max-width: 50%}
.tile-fl-half-bld>a {display: block;padding: .25rem 0;margin-bottom: .25rem}
.custom-card ol,
.custom-card ul {padding-left: 5%}
.custom-card ul {margin-top: 20px;margin-bottom: 10px;list-style: disc}
.custom-card .info h4 {margin-bottom: 4px;font-size: 20px;margin-top: 10px}
.support .div1 {text-align: center;padding: 20px}

.blog-item-box h3,
.support .div1,
.support .div1 i.fas {font-size: 25px}

.callss h1,
.mainform form h3 {font-size: 32px;text-transform: uppercase}
.custom-card .btn-theme {cursor: pointer;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;font-weight: 600;text-align: center;white-space: nowrap;vertical-align: middle;border: 1px solid transparent;font-size: inherit;transition: .2s ease-in-out;line-height: 1.5em;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);border-radius: .25em;color: #fff;background-color: #00a9ea}
.product-details .table td {padding: .15rem .75rem}
.product-details .table-responsive>.table-bordered {max-width: 100%;border: 0;background: #fff}
.product-details .price {color: #0e5daa;font-size: 20px;font-weight: 600}
.txt-blue {color: #00a9ea !important}
.div1 p {margin: 0 0 5px}
.info .navbar-brand {float: unset;padding: 0 15px}
footer .bottoms ul {display: flex;flex-direction: row-reverse;flex-wrap: wrap;margin: 0}
footer .bottoms ul li {padding-right: 20px;font-size: 14px}
.section-csk .bgblue {margin-bottom: 0;background: #0070c0}
.padd-bot-40 {padding-bottom: 20px}
.section-csk .border-lft {padding-top: 0;border-left: 2px solid #ebebeb}

#back2Top,
.colorpic {position: fixed;z-index: 999}
ul.brand-list.hp img {max-width: 136px}
.section-csk .img-boder {border: 2px solid #0070c0 !important}
.product .list-ul {padding-top: 10px;padding-bottom: 10px}
.product .list-ul ul li {padding-left: 20px;position: relative}
.product .list-ul ul li::before {margin-right: 5px;content: "\27A2";position: absolute;left: 0}
.product .lsb {padding-left: 30px;padding-right: 30px;border-left: 2px solid #0070c0}
.product .section-csk .border-lft {padding-top: 15px;border-left: 2px solid #ebebeb}
.colorpic {top: 50%;transform: translate(0, -100px);right: 0;cursor: pointer}
.showset {padding: 5px;background: #0171ad;color: #fff}

.customNextBtn,
.customPreviousBtn {color: #d0cece;font-size: 90px;top: 42%;position: absolute}
@keyframes rotate {
  0% {transform: rotate(0)}
  100% {transform: rotate(360deg)}
}
.showset i.fa {animation: 2.5s linear .8s infinite rotate;font-size: 30px}
.maincolor {background: #fff;padding: 10px;display: none}

.bgcan,
.maincolor li.red {background: #b11522}
.maincolor li {border: 1px solid #000;margin: 5px;padding: 4px}
.maincolor li.blue {background: #0171ad}
.fotsect1 ul {padding: 10px;margin: 0}

.manual-list a,
.manual-list a:hover,
.manual-list1 a,
.manual-list1 a:hover {padding: 5px;list-style: none;cursor: pointer;margin: 0}
.fotsect1 ul li {color: #000}
.fotsect ul li {color: #fff}

.group a button,
ul#ui-id-1,
ul#ui-id-2 {padding: 5px 10px}

nav.navbar .thesearch {visibility: hidden}
nav.navbar.sticked .thesearch {visibility: visible !important}

.calls,
.callss {background: #f9f9f9}
#back2Top {color: #fff;background: #0d4b6d;line-height: 0;overflow: hidden;display: none;cursor: pointer;bottom: 10px;left: 20px;text-align: center;font-size: 15px;border-radius: 5px}
.callss {text-align: center;margin: 0 15px;padding: 40px 0}
.calls {border-top: 2px solid #d0cece;text-align: center;margin: 0 1px;padding: 20px 0}

.cta,
.divider-6 {background: #0070c0;width: 100%}
.brd {border-left: 2px solid #ced4da}
.mainform form h3 {font-weight: 600;text-align: center}
.mainform .calls h3 {font-size: 40px;text-transform: uppercase;font-weight: 600;text-align: center}
.divider-6 {height: 5px;opacity: 1;max-width: 100%}

.case-studies-area .item,
.case-studies-area .item .thumb {overflow: hidden;transition: .35s ease-in-out;margin: 5px 2px}
.printer-sst .setup {background: #f9f9f9;padding: 10px;margin: 20px 5px 5px;border-radius: 4px;box-shadow: 0 0 8px #6e6e6e;min-height: 70px}
.printer-sst .setup:hover {border: 1px solid #0171ad}
.printer-sst .setup h2 {font-weight: 600;font-size: 14px}

.btnst-2 .customNextBtn,
.btnst-2 .customPreviousBtn {top: 10%}
.customNextBtn {float: left;left: -8%;z-index: 999}
.customPreviousBtn {float: right;right: -8%;z-index: 99}

.btn-light,
.pagination.a li a {font-size: 14px;display: inline-block}
ul.brand-list .owl-stage .owl-item:nth-child(2n) li a.brandsh.item {color: #bf0505}
.owl-carousel2 .item .item-inner {height: 100%;display: flex;flex-direction: column;justify-content: start;gap: 1rem;background: #fff;padding: 15px;margin: 10px;border-radius: 15px;box-shadow: 0 2px 3px #000;min-height: auto}
.services-area .icon {display: flex;flex-wrap: wrap;padding: 10px 0;align-items: center;gap: 1rem;}
.services-area .item {direction: ltr !important}
.services-area i#tuser {font-size: 30px;margin-right: 11px;color: #0171ad}
.close {float: unset;margin-left: 10px}
.table tbody tr td {vertical-align: inherit}
.cta {padding-top: 10px;padding-bottom: 10px;margin-right: -30px;margin-left: 0}

.blog-items.first .card,
.btn-light {position: relative;background-color: #fff}
.btn-light {line-height: 17px;color: #000;padding: 10px 40px;font-weight: 600;overflow: hidden;border-radius: 10px;text-transform: capitalize;box-shadow: 0 8px 15px rgb(126 113 113 / 50%);border: 1px solid #ccc}
.buy-support {padding: 20px 60px 20px 20px;clip-path: polygon(0% 0%, 84% 0, 100% 50%, 83% 100%, 0% 100%);box-shadow: 0 0 0 1px #d0cece inset;background: #d0cece;transition: 1s}
.csk-bg-sec {margin-top: 25px;border: 1.5px solid #0070c0;padding: 20px 30px;background: #f2f2f2;border-radius: 50px}
.owl-carousel2 .item p {text-align: left !important}

.blog-item-box .accordion .card-header h4:after,
.common-error .accordion .card-header h4:after {font-family: "Font Awesome 5 Free";content: "\f068";position: absolute;left: 15px;top: 15px;font-size: 15px;font-weight: 600}
.common-error .accordion .card-header h4.collapsed:after {content: "\f067";font-weight: 600;color: #999;left: 15px;top: 15px;font-size: 15px}

.blog-item-box h5,
.common-error .accordion .card-header h4 {font-size: 18px}
a.ui-datepicker-prev.ui-corner-all {background: #003957;clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%)}
a.ui-datepicker-next.ui-corner-all {background: #003957;clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%)}
footer ol {padding-left: 20px}
.banner {box-shadow: 0 2px 3px;padding: 20px 0;margin: 0 0 50px}

.manual-list,
.manual-list1 {position: absolute;background: #fff;box-shadow: 0 2px 3px #000;z-index: 9;transform: translate(111px, 0)}
.pagination.a li a {padding: 8px 10px;border-radius: 5px;margin: 0 2px;color: #000;font-weight: 500}
span.tname {color: #b11522;font-weight: 700;font-size: 16px}

.list-unstyled,
.manual-list1 .list-unstyled {display: grid;text-align: left;padding: 0 5px}

.npbox .thumb,
.npbox .title {display: table-cell}
.manual-list {display: none;width: 95%;right: 9em;overflow-y: scroll;min-height: auto;max-height: 50vh !important;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px}

.manual-list a:hover,
.manual-list1 a:hover {box-shadow: 0 1px 5px}
.manual-list1 {display: none;width: 678px;right: 11em;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;top: 80px}
.fix-social {background: rgba(255, 255, 255, .9);width: 45px;padding: 10px;position: fixed;top: 50%;left: 0;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;-ms-border-radius: 0 10px 10px 0;-o-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;-webkit-transform: translatey(-50%);-moz-transform: translatey(-50%);-ms-transform: translatey(-50%);-o-transform: translatey(-50%);transform: translatey(-50%);-webkit-box-shadow: rgba(0, 0, 0, .5) 0 0 5px;-moz-box-shadow: rgba(0, 0, 0, .5) 0 0 5px;-ms-box-shadow: rgba(0, 0, 0, .5) 0 0 5px;-o-box-shadow: rgba(0, 0, 0, .5) 0 0 5px;box-shadow: rgba(0, 0, 0, .5) 0 0 5px;z-index: 11}
.fix-social .social-box {padding-left: 0 !important;margin-bottom: 0 !important}
.fix-social .social-box li {display: inline-block;margin: 4px 0}
.fix-social .social-box a {background: #0171ad;width: 30px;height: 30px;font-size: 16px;color: #fff;text-align: center;line-height: 21px;display: block;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.social-media li {display: flex;text-align: center;width: 36px;height: 36px;color: #0c71a7;margin-right: 5px;border-radius: 50%;background: white;justify-content: center;align-content: center;align-items: center;}
.social-media li a {color: #0c71a7;}
.blog-link .social-media li {font-size: 15px;margin: 0 5px 0 0}
.social-media li i {font-size: 20px;}
.blog-item-box .accordion .card-header h4.collapsed:after {content: "\f067";font-weight: 600;color: #000;left: 15px;top: 15px;font-size: 15px}
.blog-item-box .accordion h4 {font-weight: 600;line-height: 1.4;margin-left: 20px}
.cookieConsentContainer .cookieDesc p,
.cookieConsentContainer .cookieTitle a {line-height: 20px;font-family: OpenSans, arial, sans-serif;display: block;color: #fff}
.blog-item-box .accordion>.card>.card-header {border-radius: 0;margin-bottom: 0}

.blog-item-box ul li,
.drop-mine,
ul.tphd li.contact a {font-size: 15px}
.blog-items.first div#accordionExample h4 {font-size: 16px !important;font-weight: 700 !important}
.blog-items.first .card {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border: 1px solid rgba(0, 0, 0, .125);border-radius: .25rem}

.blog-item-box .desc ul,
.blog-items.first ol {padding-left: 15px}
.blog-items.first ol li {padding-bottom: 5px}
ul.tphd li.contact i.fa {font-size: 17px;margin-right: 0;margin-top: 7px;padding-right: 8px;border-right: none;color: #fff;top:0px;}
ul.tphd li.contact a.himg {color: #fff;font-size: 10px;border-radius: 10px 30px 30px 10px;background: #b11522}
a#btns {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%);width: 70%}
a#btns:hover {transform: translate(-50%, -50%) translateY(0) scale(1.1)}
.owl-brand .owl-next {position: absolute;top: 25px;right: -40px;width: 30px;height: 37px}
.owl-brand .owl-prev {position: absolute;left: -40px;top: 25px;width: 30px;height: 37px}

.irror-sucess .card,
div#blog-details .thumb img {height: 100%;width: 100%}
.blog-items .bbtn {background: linear-gradient(45deg, #0171ad, #000000e3);padding: 30px}
div#blog-details .Tags span.tagselement {border: 1px solid #dfdfdf;margin: 5px 2px;padding: 2px 10px;border-radius: 4px;display: inline-block;color: #343434;background: #f7f7f7;font-size: 12px}
div#blog-details .blog-link {margin: 25px 0}
.branddtls {border: 1px solid;padding: 25px;width: 350px;margin: auto;background: #fff}
.irror-sucess .thesucess {background-color: #efefef;margin: 0 auto;font-family: Raleway;padding: 40px;box-shadow: 0 2px 3px #fff7f7;border-radius: 20px;border: 2px solid #e1e1e1}
.irror-sucess .card {border-top: 0;box-shadow: 1px 3px 7px 3px #27b5ef}
.card-details .img-wrap img {width: 100px;height: 100px;border-radius: 50%;border: 2px solid #0085c1}

.accordion .card-body ol,
.accordion .card-body ul,
.faq-content ul {margin-left: 15px;padding-left: 15px}

.blog-item-box .desc ul li,
.description .card-block ul li,
.faq-content ul li {list-style: disc}
#theicone {max-width: 40px}
.info .desc img {display: block;margin: auto;padding: 20px 20px 10px}
.border-5 {border-bottom: 2px solid #ebebeb !important;border-top: 0 solid #ebebeb !important}

.owl-theme .owl-dots,
.owl-theme .owl-nav {margin: auto}
.cookieConsentContainer {z-index: 999;width: 580px;min-height: 20px;box-sizing: border-box;padding: 30px;background: #232323;overflow: hidden;position: fixed;bottom: 0;left: 1%;display: none;border-radius: 10px}
.cookieConsentContainer .cookieTitle a {font-size: 22px;text-align: center}
.cookieConsentContainer .cookieDesc p {margin: 10px 0 0;padding: 0;font-size: 13px}
.cookieConsentContainer .cookieDesc a {font-family: OpenSans, arial, sans-serif;color: #fff;text-decoration: underline}
.cookieConsentContainer .cookieButton a {display: inline-block;font-family: OpenSans, arial, sans-serif;color: #fff;font-size: 14px;font-weight: 700;margin-top: 14px;background: #000;box-sizing: border-box;padding: 10px 24px;text-align: center;transition: background .3s}
.cookieConsentContainer .cookieButton a:hover {cursor: pointer;background: #0f5298}
.cookieConsentContainer .cookieTitle a:before {content: '';background: url(https://printertales.com/public/storage/site/62678ce36245d_52499-favicon.png) no-repeat;width: 200px;height: 200px;position: absolute;left: 30%;top: 23px}
.section-csk table p {font-size: 16px !important;color: #212529 !important}
.section-csk table ul li {list-style-type: initial}
.printerinfo p {line-height: 30px !important}
.description .card-block h4 {background: #f7f7f7;padding: 8px 15px;font-size: 20px}
.description .card-block ul {padding-left: 30px;margin-bottom: 15px}
.features-blog-sec .thumb img {height: 160px;width: 100%}
.blog-content iframe {width: 100%;max-height: 480px}
#callus-box {position: fixed;top: 35%;right: -3px;z-index: 99;background-color: #0271ad;border: 3px solid #fff;border-radius: 20px 0 0 20px}

.rate-p,
.text-danger {font-size: 14px}
#callus-btn {color: #fff;background-color: transparent;border: none;font-size: 30px;font-weight: 600;display: block;width: 100%;text-align: center}
.call-rotate {transform: rotate(90deg);height: 3px;color: #fff;font-weight: 600}
.callus-innerbox {line-height: 10px}
#callus-num a {color: #fff;font-weight: 600;transition: .2s}
#callus-num a:hover {color: #f7ceaf}

.blog-item-box h4,
.fa-star {font-size: 22px}
.panel {background-color: #fff;border-radius: 5px;font-size: 90%;text-align: center;padding: 15px 0}
.panel form {display: flex;align-items: center;justify-content: center;flex-direction: column}
fieldset {margin: 20px 0 40px}
.rating {border: none;float: left}
.rating>label:before {margin: 5px;font-size: 21px;font-family: FontAwesome;display: inline-block;content: "\f005"}
.rating>.half:before {content: "\f089";position: absolute}
.rating>label {color: #ddd;float: right}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label {color: gold}

.rating>input:checked:hover~label,
.rating>input:not(:checked):hover~label {color: #f97b1a}

.rate-input,
label {cursor: pointer}


.rate-people {font-size: 18px;font-weight: 500;color: #000;width: 180px;margin-left: 10px;text-align: left !important}
.rate-input[type=submit] {margin-top: 5px;background-color: #302d2b;color: #fff;border: none;border-radius: 5px;padding: 12px 30px}
.rate-input[type=submit]:active {transform: scale(.98)}
.rate-input[type=submit]:disabled {background-color: #ddd;cursor: not-allowed}
.bg-222 {background-color: #f8f9fa}
.border-rating {border-top: 1px solid #b7b7b7}
.m-my-margin {margin-bottom: -20px}
.heading-rate {font-size: 18px;color: #183153;font-weight: 600;margin-bottom: 0}
.rating-text {color: #000;font-size: 22px}
aside {top: 6em}
ul.pagination {display: flex;justify-content: space-between}
.nextprev {margin: 10px 0}
.npbox .title {padding: 0 10px;vertical-align: middle;color: #333}
.npbox .thumb img {width: 180px !important;height: 80px !important}

.blog-item-box h2,
.blog-item-box h3,
.blog-item-box h4,
.blog-item-box h5 {margin-bottom: 10px;color: #1e1e1e}

.blog-item-box h1 {color: #003a58;font-weight: 700 !important;font-family: sans-serif}
.blog-item-box h2 {font-size: 30px}
.blog-item-box ul {margin-left: 20px;margin-bottom: 10px}

.blog-area .item .info .meta ul,
ul.social-media.d-flex {margin-left: 0 !important}

.fixbtn {padding: 3px 9px 3px 9px;font-size: 15px;font-weight: 500;border: 1px solid #fd2929 !important;border-radius: 4px;box-shadow: 0 0 3px #6e6e6e;background: red;color: #fff;display: inline-block;transition-duration: .4s}
.fixbtn:hover {color: red;background: #ffefcc}
.table-cont {background-color: #fff;border-radius: 10px;box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0}
.table-cont ul li {font-size: 15px;margin-bottom: 10px;transition: .1s}
.table-cont ul li a:hover {color: #00bfff}
.table-cont h4 {font-size: 23px !important;color: #0271ad}
.active1 {background-color: #0271ad;padding: 7px 10px;color: #fff;display: block;border-radius: 6px}
.banner-area {overflow: initial}
.prsearch {text-align: -webkit-center;padding: 0 20px}
.group {padding: 20px 0}
.group a button {border-radius: 10px;background: #ffff;font-size: 14px;margin-bottom: 4px;box-shadow: 0 1px 3px #000 !important}
.dnt {margin-top: -13px;margin-bottom: 25px}
.content-modal {border: 10px solid #0171ad !important;border-radius: 25px !important;padding: 50px 100px}
.title-modal {font-size: 19px !important;color: #302828 !important;font-weight: 700 !important}
.cou {margin-bottom: 19px !important;margin-top: -10px !important;border: 1px solid #c1c1c1 !important}
#proceed {padding: 10px 33px !important;letter-spacing: 2px !important}
.consult-form i {color: gray}
/*.modal-content {padding: 50px}*/
.modal-dialog {position: relative;width: 67%}

.close {position: absolute;top: -49px;right: -25px;font-size: 45px}
.modal-body .form-control {font-size: 14px !important;padding-left:32px; border-color: #1A71AD; color: #000;}
.modal-body .form-control:focus { color: #495057; background-color: #fff; border-color: #025c8e; background-color:#0171ad24; outline: 0; box-shadow: none;}
#consult-checklabel{font-size:14px;}


#cookiePopup {position: fixed;width: 444px;z-index: 99;padding: 27px;border-radius: 9px;left: 5px;bottom: 0;background: #242323f2}
#cookiePopup p {text-align: left !important;font-size: 15px !important;color: #fff !important}
#cookiePopup button {width: 40% !important;border: #ffdead !important;background: #097fb7 !important;padding: 5px !important;border-radius: 10px !important;color: #fff !important}


.btn-modal-submit {
    background-color: #0271ad;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    font-weight: 500;
    transition: transform 0.3s ease, top 0.3s ease;
    position: relative;
    display: inline-block;
    padding:10px 30px;
    letter-spacing:1px;
}

.btn-modal-submit:hover {transform: translateY(-3px);background-color: #025c8e; }

.fa-xmark-my,
.left-contactbox i {width: 50px;height: 50px;line-height: 50px;text-align: center}
.index img {border-radius: 0;box-shadow: 0 1px 0 #3e3e3e;box-shadow:none;}
svg.w-5.h-5 {width: 20px;    margin-top: -4px;}
.flex.justify-between.flex-1.sm:hidden {display: none}
nav.flex.items-center.justify-between {justify-content: center;display: flex;margin: auto auto 20px;text-align: center}
.brand-sec {background: 0 0}
/*.brand-sec .brand-list {margin-bottom: -5px;justify-content: center}*/
.side-call-btn {position: fixed;top: 30%;background-color: #0271ad;border-radius: 100px 0 0 100px;z-index: 999;padding: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, .5);transition: .3s}
.fa-phone-my {color: #fff;cursor: pointer;font-size: 30px;background-color: #52af45;padding: 10px;border-radius: 100%;animation: 2s infinite ring}
.fa-xmark-my,
.input-sets,
.issues-dropdown {background-color: #fff}
@keyframes ring {
  0%, 100%, 43% {-webkit-transform: rotate(0)}
  1%, 9% {-webkit-transform: rotate(30deg)} 
  11%, 3% { -webkit-transform: rotate(-28deg)}
  5% {-webkit-transform: rotate(34deg)}
  7% {-webkit-transform: rotate(-32deg)}
  13% {-webkit-transform: rotate(26deg)}
  15% {-webkit-transform: rotate(-24deg); box-shadow: 0 0 0 4px rgba(255, 255, 255, .5)}
  17% {-webkit-transform: rotate(22deg)}
  19% {-webkit-transform: rotate(-20deg)}
  21% {-webkit-transform: rotate(18deg)}
  23% {-webkit-transform: rotate(-16deg)}
  25% {-webkit-transform: rotate(14deg);box-shadow: 0 0 0 8px rgba(255, 255, 255, .5), 0 0 0 16px rgba(255, 255, 255, .3)}
  27% {-webkit-transform: rotate(-12deg)}
  29% {-webkit-transform: rotate(10deg)}
  31% {-webkit-transform: rotate(-8deg)}
  33% {-webkit-transform: rotate(6deg)}
  35% {-webkit-transform: rotate(-4deg)}
  37% {-webkit-transform: rotate(2deg)}
  39% {-webkit-transform: rotate(-1deg)}
  41% {-webkit-transform: rotate(1deg)}
  30% {box-shadow: 0 0 0 12px rgba(255, 255, 255, .5), 0 0 0 24px rgba(255, 255, 255, .3)}
}
#listhomesearch, .homesearch-mine, .issues-dropdown {left: 50%;transform: translateX(-50%)}
.fa-xmark-my {color: #0271ad;cursor: pointer;font-size: 40px;border-radius: 100%}
.issues-dropdown {position: absolute;top: 75px;width: 300px;border-radius: 16px;color: #0f6456;padding: 15px;cursor: pointer;box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0}
.issues-dropdown li {border-bottom: 1px solid #0f6456;margin-bottom: 7px}
.callbox-bottom {border-top: 2px solid #161616}
.left-contactbox p {font-size: 18px;color: gray}
.left-contactbox i {font-size: 28px;background-color: #0271ad;color: #fff;border-radius: 100%}
.left-contactbox a {font-size: 20px;font-weight: 600}
.input-sets {width: 100%;border: 2px solid #d3d3d3;box-shadow: 0;outline: 0;padding: 12px 20px;border-radius: 8px;font-size: 17px;color: #000}
.bottom-btn-submit {border-radius: 8px;margin: 9px 0;font-size: 22px;font-weight: 500;padding: 15px 20px;background-color: #0271ad}
.right-contactbox {background-color: #cbcbcb;padding: 40px;border-radius: 16px}
.textareainpbox {height: 140px;resize: none}
.errInp {color: red;font-size: 15px}
.bg-searchbtn {background-color: transparent;color: #000;margin-left: -35px;z-index: 99;font-size: 20px;border:none;}
.bg-searchbtn:focus{outline: none;}
.homesearch-mine {background-color: #fff;position: fixed;top: 0;width: 100%;padding: 40px 0;z-index: 9999;border-radius: 8px}
.mineinput {width: 100%;border: 0;border-bottom: 2px solid #0c70a4;border-radius: 0;outline: 0;padding: 10px 20px}
.rounded-mine {border-radius: 7px}
#closehomesearch {position: absolute;top: 10px;right: 10px;font-size: 24px;cursor: pointer;color: gray}
#clearhomesearch {position: absolute;top: 50%;transform: translateY(-50%);right: 60px;font-size: 18px;cursor: pointer;color: #0c70a4}
#listhomesearch {position: absolute;top: 60px;width: 100%;max-height: 80vh;overflow-y: auto;margin: 0;padding: 0 30px 30px;border-radius: 12px;background-color: #fff}
#listhomesearch li {font-size: 15px;margin: 0;padding: 10px 0;border-bottom: 1px solid #d3d3d3}
@media(max-width:400px) {
.left-contactbox a {font-size: 16px;font-weight: 600}
.right-contactbox {padding: 30px 20px}
}
.footer-contact-icons {font-size: 18px;width: 38px;height: 38px;line-height: 38px;text-align: center;border-radius: 100%;background-color: #fff;color: #47718e}
.bg-custom-grey {background: #f9f9f9;}
.bg-main {background: #0171ad;}
.txt-main-clr {color: #0171ad;}

/*Navbar CSS*/
/* Navbar Bootstrap */
@media (min-width:768px) {
  .nav-box .container, .nav-box .container-lg, .nav-box .container-md, .nav-box .container-sm, .nav-box .container-xl {max-width: 720px;width: 720px;}
}
@media (min-width:992px) {
  .nav-box .container, .nav-box .container-lg, .nav-box .container-md, .nav-box .container-sm, .nav-box .container-xl {   max-width: 960px;   width: 960px; }
}
@media (min-width:1200px) { .nav-box .container, .nav-box .container-lg, .nav-box .container-md, .nav-box .container-sm, .nav-box .container-xl {   max-width: 1140px;   width: 1140px; }
}
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {   display: block; }
@media (min-width: 768px) {
  .navbar .navbar-right .dropdown-menu {right: 0;left: auto;}
  .navbar .navbar-right .dropdown-menu-left {right: auto;left: 0;  }
}
header .container-full {position: relative;padding: 0;}
nav.navbar.bootsnav.nav-box .navbar-brand {padding-left: 0;}
.navbar {display: block;position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;padding: 0;}
.navbar-nav .dropdown-menu {padding: 20px ;position: absolute;top: 100%;left: -30em;z-index: 1000;display: none;display: flex;min-width: 160px;padding: 5px 0;margin-top: 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.navbar .navbar-collapse.collapse {display: flex !important;height: auto !important;padding-bottom: 0;overflow: visible !important;flex: inherit;}
.dropdown-toggle::after {display: inline;margin: 0;border: none;vertical-align: inherit;}
.nav {padding-left: 0;margin-bottom: 0;list-style: none;display: block;}
.nav > li {position: relative;display: block;}
.nav > li > a {position: relative;display: block;padding: 10px 15px;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;background-color: #eee;}
.nav > li.disabled > a {color: #777;}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {color: #777;text-decoration: none;cursor: not-allowed;background-color: transparent;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {   background-color: #eee;   border-color: #337ab7; }
.nav .nav-divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.nav > li > a > img {max-width: none;}
.nav-tabs .dropdown-menu {margin-top: -1px;border-top-left-radius: 0;border-top-right-radius: 0;}
.navbar {position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}
@media (min-width: 768px) {
  .navbar {border-radius: 4px;}
  .navbar-header {float: left;}
}
.navbar .attr-nav form {border: 1px solid #e7e7e7;position: relative;margin: 14px 0;margin-left: 10px;min-width: 250px;border-radius: 30px;}
.navbar .attr-nav form button {position: absolute;right: 2px;top: 2px;height: 46px;width: 46px;background: #0171ad;color: #ffffff;border-radius: 50%;}
.navbar .attr-nav .contact {display: flex;align-items: center;}
.navbar .attr-nav .contact strong {display: block;color: #0e2b3d;font-weight: 700;}
.navbar.bg-theme .attr-nav .contact strong {color: #ffffff;}
.navbar .attr-nav .contact i {font-size: 40px;margin-right: 15px;padding-right: 15px;border-right: 1px solid #e7e7e7;}
.navbar.bg-theme .attr-nav .contact i {border-right: 1px solid rgba(255, 255, 255, 0.4);}
.navbar .attr-nav .contact p {margin: 0;font-size: 15px;line-height: 25px;}
.navbar.bg-theme .attr-nav .contact p {color: #ffffff;}
.navbar .attr-nav form input {border: none;box-shadow: inherit;border-radius: 30px;padding-left: 20px;}
.navbar-brand {float: left;height: 50px;padding: 15px 15px;font-size: 18px;line-height: 20px;}
.navbar-brand:hover, .navbar-brand:focus {   text-decoration: none; }
.navbar-brand > img {display: block;}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {margin-left: -17px;}
}
@media only screen and (max-width: 1023px) {
  .navbar .attr-nav .contact {display: none;}
  .features-blog-sec .thumb img{height:auto;}
}
.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle:focus {outline: 0;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
@media (min-width: 768px) {
  .navbar-toggle {display: none;}
}
.navbar-nav {margin: 7.5px -15px;}
.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;line-height: 20px;}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {   padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {line-height: 20px;}
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {   background-image: none; }
}
@media (min-width: 768px) {
  .navbar-nav {float: left;margin: 0;}
  .navbar-nav > li {float: left;}
  .navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}
}
@media (min-width: 768px) {
  .navbar-left {float: left !important;}
  .navbar-right {float: right !important;margin-right: -15px;}
  .navbar-right ~ .navbar-right {margin-right: 0;}
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {top: auto;bottom: 100%;margin-bottom: 2px;}
.nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after {display: table;content: " ";} .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after {clear: both;}

/* * Navbar Main Css * v1.0 */
nav.bootsnav .dropdown.megamenu-fw {position: static;}
nav.bootsnav .container {position: relative;}
nav.bootsnav .megamenu-fw .dropdown-menu {left: auto;}
nav.bootsnav .megamenu-content {padding: 15px;width: 100% !important;}
nav.bootsnav.nav-box .container {position: relative;padding: 0 30px;}
nav.bootsnav.nav-box .dropdown-menu {left: -15px;}
nav.bootsnav .megamenu-content .title {color: #333333;font-weight: 600;margin-top: 0;text-transform: uppercase;margin-bottom: 10px;font-size: 14px;}
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {left: 0;right: 0;}
.navbar .side .widget > a {border-radius: 30px;}
.navbar .side .widget .contact li {display: flex;margin-bottom: 25px;}
.navbar .side .widget .contact li:last-child {margin-bottom: 0;}
.navbar .side .widget .contact li .icon {padding-right: 15px;}
.navbar .side .widget .contact li .icon, .navbar .side .widget .contact li .info {   display: table-cell;   vertical-align: middle; }
.navbar .side .widget .contact li .icon i {color: #0171ad;font-size: 30px;display: inline-block;text-align: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-weight: 500;}
.navbar .side .widget .contact li .icon i.fa-phone {font-weight: 600;}
.navbar .side .widget .contact li .info span {display: block;font-family: 'Inter', sans-serif;font-weight: 900;line-height: 20px;text-transform: uppercase;font-size: 14px;width: 100%;margin-bottom: 5px;color: #0e2b3d;}
.navbar-collapse {padding: 0;}
nav.navbar .quote-btn a {color: #0e2b3d;display: inline-block;font-size: 12px;font-weight: 600;border: 2px solid #0171ad;text-transform: uppercase;top: -2px;letter-spacing: 0.6px;}
nav.navbar .quote-btn {margin-top: -4px;}

/* Navbar Default */
nav.navbar .navbar-brand {height: auto !important;}
nav.navbar.bootsnav.logo-less .navbar-brand {display: none;}
nav.navbar.navbar-default.logo-less .navbar-collapse {margin-left: -15px;}
nav.navbar.bootsnav.navbar-default.navbar-fixed.navbar-transparent.inc-topbar {margin-top: 63px;transition: all 0.35s ease-in-out 0s;}
nav.navbar.bootsnav.navbar-default.navbar-fixed.inc-topbar {margin-top: 0;}
.navbar-default.navbar.navbar-sidebar.bg-dark .social-share {padding: 0 30px;}
nav.bootsnav.navbar-sidebar.bg-dark ul.nav li.dropdown ul.dropdown-menu li a, nav.bootsnav.navbar-sidebar.bg-dark ul.nav li.dropdown a, nav.bootsnav.navbar-sidebar.bg-dark ul.nav li.dropdown h6 {   color: #cccccc; }
.attr-nav ul.cart-list li.total a {background: #0171ad none repeat scroll 0 0;display: inline-block;font-weight: 600 !important;padding: 12px 15px;color: #ffffff !important;}
.attr-nav ul.cart-list li.total a:hover {background: #0171ad none repeat scroll 0 0 !important;color: #ffffff !important;}
nav.navbar.bootsnav {background-color: #0171ad;border-radius: 0;border: none;box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);-moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);-o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);margin: 0;}
nav.bg-dark.navbar.bootsnav {background-color: #1c1c1c;border: medium none !important;margin: 0;}
nav.navbar.bootsnav.bg-theme .logo.responsive {display: none;}
nav.navbar.bootsnav ul.nav > li > a {color: #fff;background-color: transparent !important;text-transform: uppercase;font-weight: 500;font-size: 14px;}
nav.navbar.bootsnav.bg-dark ul.nav > li > a {color: #ffffff;}
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a { background-color: transparent; }
nav.navbar.bootsnav .navbar-toggle {background-color: transparent !important;border: none;padding: 0;font-size: 18px;position: relative;top: 5px;}
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {top: 0;left: 100%;}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
  white-space: normal;
}
ul.menu-col {padding: 0;margin: 0;list-style: none;}
ul.menu-col li a {color: #333333;}
ul.menu-col li a:hover, ul.menu-col li a:focus {text-decoration: none;}
#navbar-menu {-webkit-animation-duration: .3s;animation-duration: .3s;}
nav.bootsnav.navbar-full {padding-bottom: 10px;padding-top: 10px;}
nav.bootsnav.navbar-full .navbar-header {display: block;width: 100%;}
nav.bootsnav.navbar-full .navbar-toggle {display: inline-block;margin-right: 0;position: relative;top: 20px;font-size: 24px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
nav.bootsnav.navbar-full .navbar-collapse {position: fixed;width: 100%;height: 100% !important;top: 0;left: 0;padding: 0;display: none !important;z-index: 9;}
nav.bootsnav.navbar-full .navbar-collapse.in,
nav.bootsnav.navbar-full .navbar-collapse.show {display: block !important;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full {overflow: auto;}
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {display: table-cell;vertical-align: middle;background-color: #fff;overflow: auto;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {width: 0;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {width: 0;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {width: 0;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {width: 0;}
nav.bootsnav.navbar-full .navbar-collapse ul.nav {display: block;width: 100%;overflow: auto;}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a {   background-color: transparent; }
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {float: none;display: block;text-align: center;}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {display: table;margin: auto;text-transform: uppercase;font-weight: bold;letter-spacing: normal;font-size: 14px;padding: 15px 15px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a .badge {padding: 3px 10px;font-weight: 600;margin-left: 4px;background: #0171ad;color: #ffffff;border-radius: 5px;}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a:hover {letter-spacing: 7px;}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li.close-full-menu > a:hover {letter-spacing: normal;}
li.close-full-menu > a {padding-top: 0px !important;padding-bottom: 0px !important;}
li.close-full-menu > a i {font-size: 32px;}
li.close-full-menu {padding-top: 30px !important;padding-bottom: 30px !important;}
.attr-nav {display: inline-block;float: right;margin-left: 30px;}
nav.navbar.attr-border .attr-nav {margin-left: 30px;padding-left: 15px;min-height: 90px;}
.bootsnav .side .widget.social li.facebook a {background: #3b5998 none repeat scroll 0 0;}
.bootsnav .side .widget.social li.twitter a {background: #1da1f2 none repeat scroll 0 0;}
.bootsnav .side .widget.social li.pinterest a {background: #bd081c none repeat scroll 0 0;}
.bootsnav .side .widget.social li.g-plus a {background: #db4437 none repeat scroll 0 0;}
.bootsnav .side .widget.social li.linkedin a {background: #0077b5 none repeat scroll 0 0;}
.bootsnav .side .widget.social li.dribbble a {background: #ea4c89 none repeat scroll 0 0;}
nav.navbar.attr-border.bootsnav.sticked .attr-nav {min-height: 80px;}
.attr-nav > ul {padding: 0;margin: 0 0 -17px 0;list-style: none;display: inline-block;}
nav.navbar.attr-border .attr-nav {margin-left: 15px;min-height: 90px;padding-left: 10px;position: relative;z-index: 1;}
nav.navbar.attr-border .attr-nav::before {background: #e7e7e7 none repeat scroll 0 0;content: "";height: 30px;left: 0;margin-top: -15px;position: absolute;top: 50%;width: 1px;}
.attr-nav > ul li.dropdown ul.dropdown-menu {margin-top: 0;}
.attr-nav > ul > li {float: left;display: block;}
.attr-nav > ul > li > a {color: #fff;display: block;padding: 32px 0 !important;position: relative;}
.attr-nav > a {margin-top: 25px;}
.attr-nav > ul > li > a span.badge {background-color: #0171ad;color: #ffffff;height: 20px;line-height: 20px;margin-top: -5px;padding: 0;position: absolute;right: 0;text-align: center;top: 0;width: 20px;}
.color-yellow .attr-nav > ul > li > a span.badge {background-color: #ff9800;}
.attr-nav > ul > li.dropdown ul.dropdown-menu {-moz-border-radius: 0px;-webkit-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;-moz-box-shadow: 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px;-o-box-shadow: 0px 0px 0px;box-shadow: 0px 0px 0px;border: solid 1px #e0e0e0;}
ul.cart-list {padding: 0 !important;width: 250px !important;}
ul.cart-list > li {position: relative;border-bottom: solid 1px #efefef;padding: 15px 15px 23px 15px !important;}
ul.cart-list > li > a.photo {padding: 0 !important;margin-right: 15px;float: left;display: block;width: 50px;height: 50px;left: 15px;top: 15px;}
ul.cart-list > li img {border: 1px solid #e7e7e7;height: 50px;padding: 3px;width: 50px;}
ul.cart-list > li > h6 {margin: 0;font-size: 14px;}
ul.cart-list > li > h6 > a.photo {padding: 0 !important;display: block;}
ul.cart-list > li > p {margin-bottom: 0;}
ul.cart-list > li.total {background-color: #f5f5f5;padding-bottom: 15px !important;font-family: 'Inter', sans-serif;}
ul.cart-list > li.total > .btn {display: inline-block;border: none !important;height: auto !important;}
ul.cart-list > li .price {font-family: 'Inter', sans-serif;font-weight: bold;}
ul.cart-list > li .price:hover {box-shadow: inherit;}
ul.cart-list > li.total > span {padding-top: 8px;}
.navbar.bg-dark .top-search {background: #0171ad none repeat scroll 0 0;}
.top-search form {overflow: hidden;position: relative;}
.top-search form button {background: transparent none repeat scroll 0 0;border: medium none;box-shadow: inherit;color: #666666;height: 50px;position: absolute;right: 0;text-align: center;top: 0;width: 50px;z-index: 9;}
.top-search {background-color: #ffffff;border: medium none;border-radius: 30px;box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.5);display: none;height: 50px;position: absolute;right: 10px;top: 90px;z-index: 99;border: 1px solid #e7e7e7;}
nav.bootsnav.navbar-default.small-pad .top-search {top: 90px;}
nav.bootsnav.navbar-default.small-pad.logo-less .top-search {top: 75px;}
nav.bootsnav.navbar-default.nav-box .top-search {right: 30px;}
.top-search input.form-control {background-color: transparent;border: medium none !important;box-shadow: inherit;color: #1c1c1c;min-width: 300px;padding: 0 20px;}
.top-search .input-group-addon {background-color: transparent;border: medium none;color: #666666;padding-left: 0;padding-right: 0;position: absolute;right: 20px;top: 10px;z-index: 9;}
.top-search .input-group-addon.close-search {cursor: pointer;}

.side {position: fixed;overflow-y: auto;top: 0;right: -400px;width: 350px;padding: 30px;height: 100%;display: block;background-color: #ffffff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 9;box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.1);}
.side.on {right: -16px;}
.body-overlay {background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;bottom: 0;height: 0;left: 0;opacity: 0;position: fixed;right: 0;transition: opacity 0.4s ease 0.8s, height 0s ease 1.2s;z-index: 490;}
body.on-side .body-overlay {height: 100%;transition: height 0s ease 0s, opacity 0.4s ease 0s;}
body.on-side .body-overlay {opacity: 1;top: 0;}
.side .close-side {border-radius: 50%;color: #f44336;float: right;font-size: 20px;font-weight: 400;height: 40px;line-height: 38px;position: relative;text-align: center;top: -10px;width: 40px;z-index: 2;}
.color-yellow .side .close-side {color: #ff9800;}
.side.barber .close-side {border-color: #bc9355;color: #bc9355;}
.navbar .side .widget.social li {display: inline-block;}
.navbar .side .widget li a {color: #0e2b3d;}
.navbar .side .widget li a:hover {color: #0171ad;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:hover::after {content: "\f106";}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after {content: "\f107";font-family: "Font Awesome 5 Free";margin-left: 5px;margin-top: 2px;border: none;font-weight: 900;transition: all 0.35s ease-in-out;}
.navbar .side .widget.social li a {color: #ffffff;display: inline-block;font-weight: 600;height: 40px;line-height: 42px;margin-right: 5px;margin-top: 5px;padding: 0;text-align: center;width: 40px;border-radius: 5px;font-size: 13px;}
.navbar .side .widget.social li a:hover {background: #0171ad none repeat scroll 0 0;color: #ffffff;}
.navbar.color-yellow .side .widget.social li a:hover {background: #ff9800 none repeat scroll 0 0;}
.navbar .side .widget li {display: block;font-family: 'Inter', sans-serif;font-size: 15px;margin-bottom: 15px;}
.navbar .side .widget.opening-hours li {border-bottom: 1px solid #e7e7e7;font-size: 14px;font-weight: 600;margin-bottom: 10px;padding-bottom: 10px;text-transform: uppercase;}
.navbar .side .widget.opening-hours li:last-child {border: medium none;margin: 0;padding: 0;}
.navbar .side .widget li span {float: right;}
.navbar .side.barber .widget li i {background: #bc9355 none repeat scroll 0 0;}
.bootsnav .side .widget.search input {border: 1px solid #e7e7e7;box-shadow: inherit;width: 100%;}
.navbar .side .widget li:last-child {margin: 0;}
.navbar .side .widget h4 {display: block;font-weight: 800;margin-bottom: 25px;padding-bottom: 15px;position: relative;text-transform: capitalize;z-index: 1;border-bottom: 1px dashed #dddddd;}
.navbar .widget .address {padding-top: 5px;}
.navbar .side .address li {display: block;}
.navbar .side .address li .icon, .navbar .side .address li .info {   display: table-cell;   vertical-align: middle; }
.navbar .side .address li .icon i {background: #f4f4f4 none repeat scroll 0 0;border: 1px solid #e7e7e7;border-radius: 5px;color: #0171ad;font-size: 20px;height: 50px;line-height: 48px;text-align: center;width: 50px;}
.navbar .side .address li .info span {color: #0e2b3d;display: block;float: none;font-weight: 600;text-transform: uppercase;}
.navbar .side .address li .info {padding-left: 15px;}
.navbar .side .widget .profile-thumb img {border: 2px solid #e7e7e7;height: 150px;margin-top: 10px;padding: 3px;width: 150px;}
.side .widget {position: relative;z-index: 1;margin-bottom: 50px;}
.side .widget:last-child {margin-bottom: 0;}
.side img {margin-bottom: 20px;}
.side .widget .title {margin-bottom: 15px;}
.side .widget ul.link {padding: 0;margin: 0;list-style: none;}
.side .widget ul.link li a {color: #0171ad;display: block;font-weight: bold;letter-spacing: 1px;padding: 5px 0;text-transform: uppercase;}
.color-yellow .side .widget ul.link li a {color: #ff9800;}
.side .widget ul.link li a:focus, .side .widget ul.link li a:hover {   color: #fff;   text-decoration: none; }
nav.navbar.bootsnav .share {padding: 0 30px;margin-bottom: 30px;}
nav.navbar.bootsnav .share ul {display: inline-block;padding: 0;margin: 0 0 -7px 0;list-style: none;}
nav.navbar.bootsnav .share ul > li {float: left;display: block;margin-right: 5px;}
nav.navbar.bootsnav .share ul > li > a {border-radius: 3px;display: inline-block;margin-right: 20px;text-align: center;vertical-align: middle;}
nav.navbar.bootsnav .share.dark ul > li > a {background-color: #0171ad;color: #ffffff;}
nav.navbar.bootsnav.color-yellow .share.dark ul > li > a {background-color: #ff9800;}
nav.navbar.bootsnav .share ul > li > a:hover {color: #0171ad;}
nav.navbar.bootsnav.color-yellow .share ul > li > a:hover {color: #ff9800;}
nav.navbar.bootsnav.navbar-fixed {display: block;position: fixed;width: 100%;z-index: 100;box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);-moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);-o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);top: 0;}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background {top: 50px;width: auto;left: auto;}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background.inc-top-bar {top: 90px;}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background .navbar-collapse {background: #ffffff;}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background ul.nav > li > a, nav.navbar.bootsnav.navbar-fixed.nav-box.no-background .attr-nav > ul > li > a {   color: #333333; }
nav.navbar.bootsnav.navbar-fixed.nav-box {left: 0;top: 0;width: 100%;}
nav.navbar.bootsnav.navbar-fixed.no-background {display: block;position: fixed;z-index: 100;box-shadow: 0 0 0;-moz-box-shadow: 0 0 0;-webkit-box-shadow: 0 0 0;-o-box-shadow: 0 0 0;}
nav.navbar.bootsnav {z-index: 100;}
.wrap-sticky {position: relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.wrap-sticky nav.navbar.bootsnav.sticked {position: fixed;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;top: 0;}
@media (min-width: 1024px) and (max-width: 1400px) {
  body.wrap-nav-sidebar .wrapper .container {width: 100%;padding-left: 30px;padding-right: 30px; }
}
@media (min-width: 1024px) and (max-width: 1200px) {

  nav.navbar.bootsnav.sticked ul.nav > li > a {padding: 20px 12px !important;}
  .navbar-nav .dropdown-menu {left: -46em;}
}
@media (min-width: 1024px) {
  .navbar .container > .nav-box {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
  .navbar.dark .container > .nav-box {border-bottom: 1px solid #e7e7e7;}
  .navbar.no-background .attr-nav i {color: #ffffff;}
  .navbar.no-background.dark .attr-nav i {color: #fff;}
  .navbar.no-background .attr-nav p {color: #ffffff;}
  .navbar.no-background .attr-nav p strong {color: #ffffff;}
  nav.navbar.bootsnav.bg-theme {background: #0171ad;}
  .attr-nav.extra-color > ul > li {margin-left: 15px;padding: 20px 0;}
  .navbar.no-background .attr-nav.extra-color > ul > li > a {color: #ffffff;}
  .attr-nav.extra-color > ul > li.side-menu > a {display: inline-block;padding: 0 !important;background: #ffffff;color: #0171ad !important;border-radius: 50%;height: 50px;width: 50px;text-align: center;line-height: 50px;box-shadow: 0 0 10px #cccccc;}
  nav.navbar.bootsnav.navbar-fixed.nav-box .attr-nav {padding-right: 30px;}
  nav.navbar.bootsnav.navbar-fixed.nav-box.no-background .navbar-collapse {padding-left: 15px;}
/* Custom */
  nav.navbar.navbar-default.bootsnav.navbar-fixed-light.no-background {background: #ffffff;box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);}
  nav.navbar.navbar-default.bootsnav.navbar-fixed-light::after {position: absolute;left: 0;top: 0;content: "";height: 100%;width: 15%;background: #0171ad;z-index: -1;}
  nav.navbar.navbar-default.bootsnav.navbar-fixed-light .logo-responsive {display: none;}
  nav.navbar.navbar-default.bootsnav.navbar-fixed-light a.navbar-brand {position: relative;z-index: 1;padding-left: 0;padding-right: 30px;}
  nav.navbar.navbar-default.bootsnav.navbar-fixed-light a.navbar-brand::before {position: absolute;right: 0;top: 0;content: "";height: 93px;width: 500%;background: #0171ad;z-index: -1;  }
  nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {margin-top: -2px;}
  nav.navbar.bootsnav ul.nav.navbar-right .dropdown-left .dropdown-menu .dropdown-menu {left: -200px;}
  nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu {right: auto;}
  nav.navbar.bootsnav ul.nav.navbar-right .dropdown-left .dropdown-menu {right: 0;left: auto;}
  nav.navbar.bootsnav ul.nav > li > a {font-size: 14px;letter-spacing: 0.06em;padding: 30px 8px;text-transform: uppercase;font-family: inherit;}
  nav.navbar.bootsnav ul.nav > li > a.active {color: #fff;}
  .eastern-blue nav.navbar.bootsnav ul.nav > li > a.active {color: #1baaa0;}
  .orange nav.navbar.bootsnav ul.nav > li > a.active {color: #FF5621;}
  nav.navbar.bootsnav.active-bg ul.nav > li > a.active {background: #0171ad !important;}
  nav.navbar.bootsnav.active-border ul.nav > li > a.active {position: relative;z-index: 1;}
  nav.navbar.bootsnav.small-pad ul.nav > li > a {padding: 35px 15px !important;}
  nav.navbar.bootsnav.small-pad.logo-less ul.nav > li > a {padding: 30px 15px !important;}
  nav.navbar.bootsnav.bg-theme ul.nav > li > a {color: #ffffff;}
  nav.navbar.bootsnav.bg-theme ul.nav > li > a:hover {color: #ffffff;}
  nav.bootsnav.small-pad .attr-nav > ul > li {padding: 25px 0;}
  nav.bootsnav.bg-theme .attr-nav > ul > li, nav.bootsnav.bg-theme .attr-nav > ul > li a {   color: #ffffff; }
  nav.bootsnav.small-pad.logo-less .attr-nav > ul > li {padding: 17px 0;}
  .navbar.bootsnav.bg-theme .attr-nav li.quote-btn a {background: #ffffff;padding: 10px 35px !important;color: #0171ad;position: relative;top: 0;}
  .navbar.bootsnav.bg-theme .attr-nav li.quote-btn {padding: 13px 0;margin: 0;}
  nav.navbar.small-pad .attr-nav {min-height: inherit;}
  nav.navbar.bootsnav .navbar-brand {padding: 10px 5px;}
  .container-full a.navbar-brand {padding-left: 0 !important;}
  nav.navbar.bootsnav ul.nav > li.active > a {color: #0171ad;}
  nav.navbar.bootsnav.color-yellow ul.nav > li.active > a {color: #ff9800;}
  nav.navbar.bootsnav.barber ul.nav > li.active > a {color: #bc9355;}
  nav.navbar.bootsnav.active-full ul.nav > li > a.active, nav.navbar.bootsnav.active-full ul.nav > li > a:hover { background: #0171ad none repeat scroll 0 0 !important; color: #ffffff;}
  nav.navbar.bootsnav.active-full.color-yellow ul.nav > li > a.active, nav.navbar.bootsnav.active-full.color-yellow ul.nav > li > a:hover {   background: #ff9800 none repeat scroll 0 0 !important; }
  nav.navbar.bootsnav.active-full ul.nav > li.active > a:hover {color: #ffffff;}
  nav.navbar.bootsnav ul.nav > li > a:hover {color: #fff;}
  .eastern-blue nav.navbar.bootsnav ul.nav > li > a:hover {color: #1baaa0;}
  .orange nav.navbar.bootsnav ul.nav > li > a:hover {color: #FF5621;}
  .cornflower-blue nav.navbar.bootsnav ul.nav > li > a:hover {color: #634ded;}
  nav.navbar.bootsnav.color-yellow ul.nav > li > a:hover {color: #ff9800;}
  nav.navbar.bootsnav.barber ul.nav > li > a:hover {color: #bc9355;}
  nav.op-nav.bootsnav ul.nav.navbar-nav li a {text-transform: uppercase;}
  .social-links.sl-default a {border: 1px solid #ffffff;color: #ffffff;display: inline-block;float: left;height: 30px;line-height: 30px;margin-bottom: 5px;margin-right: 5px;text-align: center;width: 30px;  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu.child {background: #f9f9f9 none repeat scroll 0 0;border: 1px solid transparent;border-radius: 2px;box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);padding:10px 40px 40px 40px;width: 1000px;  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu.cart-list {left: auto;min-width: 300px;right: 0;border: none !important;margin-top: -5px;box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);}
  nav.navbar.bootsnav.navbar-sticky.sticked li.dropdown ul.dropdown-menu.cart-list {margin-top: -8px;}
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {   background-color: transparent; }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {padding: 12px 15px;color: #333333;font-weight: 600;text-transform: capitalize;display: block;}
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {border-bottom: none;}
  nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {color: #333333;display: block;font-size: 14px;margin-bottom: 0;padding: 10px 15px;text-align: left;text-transform: capitalize;width: 100%;}
  nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover {color: #0171ad;  }
  nav.navbar.bootsnav.color-yellow ul.navbar-right li.dropdown ul.dropdown-menu li a:hover {color: #ff9800;  }
  nav.navbar.bootsnav ul.navbar-left li.dropdown ul.dropdown-menu li a:hover {    color: #0171ad;  }
  nav.navbar.bootsnav.color-yellow ul.navbar-left li.dropdown ul.dropdown-menu li a:hover {    color: #ff9800;  }
  nav.navbar.bootsnav ul.navbar-right li.dropdown.dropdown-left ul.dropdown-menu li a {    text-align: right;  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {font-family: 'Font Awesome 5 Free';font-weight: 900;float: right;content: "\f105";margin-top: 0;  }
  nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {font-family: 'Font Awesome 5 Free';font-weight: 900;float: right;content: "\f105";margin-top: 0;}
  nav.navbar.bootsnav ul.navbar-right li.dropdown.dropdown-left ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {font-family: 'Font Awesome 5 Free';font-weight: 900;float: left;content: "\f104";margin-top: 0;}
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {    top: 60px;    left: 0px;  }nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {  padding: 0 15px !important;}
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {    padding: 25px 0 20px;  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {  padding: 0;}
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {    padding: 0;  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {    padding: 0 30px;    margin: 0 -0.5px;    border-left: solid 1px #f0f0f0;    border-right: solid 1px #f0f0f0;  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {    border-left: none;  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {    border-right: none;  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {    display: none;  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {border-bottom: medium none;color: #333333;display: block;font-size: 14px;font-weight: 600;margin-bottom: 0;padding: 8px 0;text-align: left;text-transform: capitalize;width: 100%;  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {    padding-left: 10px;  }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {    color: #0171ad;  }
  nav.navbar.bootsnav.color-yellow ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {    color: #ff9800;  }
  nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {    display: block !important;    height: auto !important;  }
  nav.navbar.bootsnav.no-background {    background-color: #0171ad3d;    border: none;  }
  nav.navbar.navbar-default.inc-border.navbar-fixed.no-background.bootsnav {    border-bottom: 1px solid #e7e7e7;  }
  nav.navbar.bootsnav.navbar-transparent .attr-nav {padding-left: 15px;margin-left: 30px;  }
  nav.navbar.bootsnav.navbar-transparent.white {background-color: rgba(255, 255, 255, 0.3);border-bottom: solid 1px #bbb;  }
  nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark {   background-color: rgba(0, 0, 0, 0.3);   border-bottom: solid 1px #555; }
  nav.navbar.bootsnav.navbar-transparent.white .attr-nav {border-left: solid 1px #bbb;  }
  nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {   border-left: solid 1px #555; }
  nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a {   color: #fff; }
  nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {color: #eee;  }
  nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {   display: none; }
  nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {   display: block; }
  nav.navbar.bootsnav.navbar-fixed .logo-display {    display: none;  }
  nav.navbar.bootsnav.navbar-fixed .logo-scrolled {  display: block;}
  .attr-nav > ul > li.dropdown ul.dropdown-menu {margin-top: 0;margin-left: 55px;width: 250px;left: -250px;}
  .eastern-blue .attr-nav.attr-bg {position: relative;z-index: 1;padding-left: 25px;}
  .eastern-blue .attr-nav.attr-bg::after {top: 0;left: 0;content: "";position: absolute;height: 100%;width: 400px;background: #1baaa0;z-index: -1;  }
  .eastern-blue .attr-nav.attr-bg a {color: #ffffff;  }
  nav.navbar.bootsnav.menu-center .container {  position: relative;}
  nav.navbar .container-full {  padding: 0;}
  nav.navbar.bootsnav.menu-center ul.nav.navbar-center {float: none;margin: 0 auto;display: table;table-layout: fixed;  }
  nav.navbar.bootsnav.menu-center .attr-nav {    right: -3px;  }
  nav.bootsnav.navbar-brand-top .navbar-header {    display: block;    width: 100%;    text-align: center;  }
  nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {    margin-top: 0px;  }
  nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {    margin-top: 0;  }
  nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand { display: inline-block; float: none; margin: 0;}
  nav.bootsnav.navbar-brand-top .navbar-collapse {    text-align: center;  }
  nav.bootsnav.navbar-brand-top ul.nav {    display: inline-block;    float: none;    margin: 0 0 -5px 0;  }
  nav.bootsnav.brand-center .navbar-header {display: block;width: 100%;position: absolute;text-align: center;top: 0;left: 0;  }
  nav.bootsnav.brand-center .navbar-brand {display: inline-block;float: none;  }
  nav.bootsnav.brand-center.center-side .navbar-brand {display: inline-block;float: none;padding: 15px 0;  }
  nav.bootsnav.brand-center .navbar-collapse {text-align: center;display: inline-block;padding-left: 0;padding-right: 0;}
  nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {    margin-top: 0px;  }
  nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {    margin-top: 0;  }
  nav.bootsnav.brand-center .navbar-collapse .col-half {    width: 50%;    float: left;    display: block;  }
  nav.bootsnav.brand-center .navbar-collapse .col-half.left {    text-align: right;    padding-right: 100px;  }
  nav.bootsnav.brand-center .navbar-collapse .col-half.right {    text-align: left;    padding-left: 100px;  }
  nav.bootsnav.brand-center ul.nav {    float: none !important;    margin-bottom: -5px !important;    display: inline-block !important;  }
  nav.bootsnav.brand-center ul.nav.navbar-right {    margin: 0;  }
  nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {    text-align: left;    padding-right: 100px;  }
  nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {    text-align: right;    padding-left: 100px;  }
  body.wrap-nav-sidebar .wrapper {    padding-left: 260px;    overflow-x: hidden;  }
  nav.bootsnav.navbar-sidebar {position: fixed;width: 260px;overflow: hidden;left: 0;padding: 0 0 0 0 !important;background: #fff;-moz-box-shadow: 1px 0px 1px 0px #eee;-webkit-box-shadow: 1px 0px 1px 0px #eee;-o-box-shadow: 1px 0px 1px 0px #eee;box-shadow: 1px 0px 1px 0px #eee;  }
  nav.bootsnav.navbar-sidebar.bg-dark {background: #fff none repeat scroll 0 0;-moz-box-shadow: 1px 0 6px 0 #040914;-webkit-box-shadow: 1px 0 6px 0 #040914;-o-box-shadow: 1px 0 6px 0 #040914;box-shadow: 1px 0 6px 0 #040914;left: 0;overflow: hidden;padding: 0 !important;position: fixed;width: 260px;}
  nav.bootsnav.navbar-sidebar.bg-dark {    background-color: #1c1c1c;  }
  nav.bootsnav.navbar-sidebar .scroller {    width: 280px;    overflow-y: auto;    overflow-x: hidden;  }
  nav.bootsnav.navbar-sidebar .container-fluid,
  nav.bootsnav.navbar-sidebar .container {    padding: 0 !important;  }
  nav.bootsnav.navbar-sidebar .navbar-header {  float: none;  display: block;  width: 260px;  padding: 10px 15px;  margin: 10px 0 0 0 !important;}nav.bootsnav.navbar-sidebar .navbar-collapse {  padding: 0 !important;  width: 260px;}nav.bootsnav.navbar-sidebar ul.nav {  float: none;  display: block;  width: 100%;  padding: 0 15px !important;  margin: 0 0 30px 0;}
  nav.bootsnav.navbar-sidebar ul.nav li {  float: none !important;}
  nav.bootsnav.navbar-sidebar ul.nav > li {  border-bottom: 1px solid #eeeeee;}
  nav.bootsnav.navbar-sidebar.bg-dark ul.nav > li {  border-bottom: 1px solid #0f1a20;}
  nav.bootsnav.navbar-sidebar ul.nav > li > a {  padding: 10px 15px;}
  nav.bootsnav.navbar-sidebar.bg-dark ul.nav > li > a {  color: #ffffff;}
  nav.bootsnav.navbar-sidebar ul.nav > li > a:hover {    color: #0171ad;  }
  nav.bootsnav.navbar-sidebar.color-yellow ul.nav > li > a:hover {    color: #ff9800;  }
  nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {    float: right;  }
  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {  left: 100%;  top: 0;  position: relative !important;  left: 0 !important;  width: 100% !important;  height: auto !important;  background-color: transparent;  border: none !important;  padding: 0;  -moz-box-shadow: 0px 0px 0px;  -webkit-box-shadow: 0px 0px 0px;  -o-box-shadow: 0px 0px 0px;  box-shadow: 0px 0px 0px;}
  nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {  border: none !important;}
  nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {  margin-bottom: 15px;}
  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {  padding-left: 15px;  float: none;  margin-bottom: 0;}
  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {  padding: 10px 15px;  color: #333333;  border: none;}
  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {    padding-left: 15px;    margin-top: 0;  }
  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {    font-family: 'FontAwesome';    content: "\f105";    float: right;  }
  nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {    content: "\f107";  }
  nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {    padding: 0 !important;  }
  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {    display: block;    float: none !important;    padding: 0;    margin: 0;    width: 100%;  }
  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {    padding: 7px 0;    text-transform: none;    font-weight: 400;    letter-spacing: 0px;    margin-bottom: 0;    cursor: pointer;    color: #333333;    text-transform: uppercase;  }
  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {  font-family: 'FontAwesome';  content: "\f105";  float: right;}
  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {  content: "\f107";}
  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {    border: none;  }
  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {    padding: 0 0 0 15px;  }
  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {    padding: 3px 0 !important;  }
}
@media (max-width: 1023px) {
  .attr-nav {    margin-right: 0;  }
  .attr-nav > ul > li.button {  padding: 8px 0 !important;}
  .attr-nav > ul > li.button a {  padding: 12px 40px !important;}
  .top-bar-area .item-flex.border-less > div.social {    display: none;  }
  nav.bootsnav.navbar-default.small-pad .top-search {    top: 70px;  }
  nav.navbar.bootsnav .navbar-brand {    display: inline-block;    float: none !important;    margin: 0 !important;  }
  nav.navbar.bootsnav.bg-theme .logo.desktop {    display: none;  }
  nav.navbar.bootsnav.bg-theme .logo.responsive {    display: inline-block;  }
  nav.navbar.bootsnav .navbar-header {    float: none;    display: block;    text-align: center;    padding-left: 30px;    padding-right: 30px;  }
  nav.navbar.bootsnav .navbar-toggle {    display: inline-block;    float: left;    margin-top: 12px;  }
  nav.navbar.bootsnav.navbar-fixed.no-background {    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);  }
  nav.navbar.bootsnav.navbar-fixed .navbar-toggle {    margin-top: 20px;  }
  nav.navbar.bootsnav.navbar-fixed img {  position: relative;  top: 0;}
  nav.navbar.nav-box.bootsnav.navbar-fixed img {    top: 0;  }
  nav.navbar.bootsnav.small-pad {    min-height: 60px;  }
  nav.navbar.bootsnav.attr-border .navbar-header {    min-height: 60px;  }
  nav.navbar.bootsnav.logo-less .navbar-brand {    display: inline-block;  }
  nav.navbar.bootsnav.navbar-default.navbar-fixed.navbar-transparent.inc-topbar {    margin-top: 47px;  }
  .navbar-brand > img {    height: 50px !important;  }
  nav.navbar.bootsnav.navbar-transparent.pad-top {    background: #ffffff none repeat scroll 0 0 !important;    border-bottom: none !important;    margin-top: 0 !important;  }
  nav.navbar.bootsnav.attr-border .navbar-header {    border-bottom: 1px solid #e7e7e7;  }
  nav.navbar.attr-border .attr-nav, nav.navbar.bootsnav.sticked.attr-border .attr-nav {   height: 60px;   min-height: 60px; }
  nav.navbar .quote-btn {    margin-top: 0;  }
  .top-search {  top: 80px;}
  nav.bootsnav.navbar-default.small-pad.logo-less .top-search {    top: 80px;  }
  .navbar.navbar-fixed .top-search {    top: 78px;  }
  nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after {    display: none;  }
  .attr-nav > ul > li {    padding: 13px 0 !important;  }
  .attr-nav > ul > li.search {    padding: 8px 0 !important;    margin-left: 10px;  }
  .attr-nav > ul > li.side-menu {    padding: 8px 0 !important;    margin-left: 15px;  }
  nav.navbar.attr-border .attr-nav::before {   margin-top: -12px; }
  .language-switcher .dropdown-toggle {   padding: 0 !important;   margin-right: 10px; }
  .language-switcher .dropdown-menu {    margin-top: 10px;  }
  .navbar.navbar-fixed.transparent .attr-nav > ul > li {    padding: 20px 0 !important;  }
  nav.navbar-transparent .attr-nav > ul > li.contact {    color: #0e2b3d !important;  }
  nav.navbar.navbar-default.bootsnav.navbar-fixed-light .logo.default {  display: none;}
  nav.navbar-transparent .attr-nav > ul > li.contact i {    color: #0e2b3d !important;  }
  header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {    margin-left: 0;  }
  nav.bootsnav.navbar-default.info-topbar .navbar-header {    display: block !important;  }
  nav.bootsnav.navbar-default.info-topbar ul li a.active::after {  display: none;}
  nav.bootsnav.navbar-default.info-topbar ul li a::after {    display: none;  }
  .attr-nav > ul > li > a {  padding: 17px 0 !important;}
  .top-bar-area .logo {    display: none;  }
  .top-bar-area.shadow::after {    display: none;  }
  .top-bar-area .info {  text-align: center;}
  nav.navbar.shadow.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.shadow.bootsnav.navbar-transparent.dark {   background-color: #ffffff !important;   border-bottom: medium none navy; }
  .navbar-default.bootsnav.navbar-sidebar.bg-dark .social-share {    padding: 20px 0;  }
  .attr-nav > ul li.dropdown ul.dropdown-menu {  margin-top: -8px !important;}
  nav.navbar.bootsnav.no-background.wt-bar {    background-color: #ffffff;    margin: 0;    position: relative;    top: 0 !important;  }
  .topbar-area.com.bg-transparent {  border-bottom: 1px solid #e7e7e7 !important;  position: relative !important;}
  .topbar-area.com.bg-transparent.text-light a {    color: #333333 !important;  }
  nav.bg-dark.navbar.bootsnav .navbar-toggle {   color: #ffffff; }
  nav.bg-dark.navbar.bootsnav ul.nav > li > a {  background-color: transparent;  color: #333333 !important;}
  nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu {    box-shadow: inherit !important;  }
  nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li > a {    border-bottom: 1px solid #e7e7e7 !important;    font-weight: 600;  }
  nav.bootsnav.nav-box .dropdown-menu {    left: 0;  }
  nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li:hover > a {  background-color: transparent !important;  color: #fff !important;}
  nav.navbar.bootsnav.color-yellow ul.nav li.dropdown > ul.dropdown-menu li:hover > a {    color: #ff9800 !important;  }
  nav.bg-dark.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li a {    background: transparent none repeat scroll 0 0 !important;    border-bottom: 1px solid #e7e7e7;    color: #333333 !important;  }
  nav.bg-dark.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li a:hover {    color: #5cb85c !important;  }
  nav.navbar.bootsnav .navbar-collapse.collapse.in, nav.navbar.bootsnav .navbar-collapse.collapse.show {   background: #0171ad none repeat scroll 0 0;   display: block; }
  nav.bg-dark.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {    border-bottom: 1px solid #e0e0e0;    font-size: 14px;  }
  nav.navbar.bootsnav .navbar-collapse {    border: none;    margin-bottom: 0;  }
  nav.navbar.bootsnav.no-full .navbar-collapse {  max-height: 350px;}
  nav.navbar.bootsnav .navbar-collapse.collapse {  display: none !important;}
  nav.navbar.bootsnav .navbar-collapse.collapse.in,
  nav.navbar.bootsnav .navbar-collapse.collapse.show {    display: block !important;  }
  nav.navbar.bootsnav .navbar-nav {    float: none !important;    padding-left: 30px;    padding-right: 30px;    margin: 0px;  }
  nav.navbar.bootsnav .navbar-nav > li {    float: none;  }
  nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {   font-family: 'Font Awesome 5 Free';   font-weight: 900;   content: "\f105";   float: right;   font-size: 16px;   margin-left: 10px; }
  nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {  content: "\f107";}
  nav.navbar.bootsnav .navbar-nav > li > a {  display: block;  width: 100%;  border-bottom: solid 1px #e0e0e0;  padding: 13px 0 !important;  border-top: solid 1px #e0e0e0;  margin-bottom: -1px;}
  nav.navbar.bootsnav .navbar-nav > li:first-child > a {  border-top: none;}
  nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {    border-bottom: solid 1px #e0e0e0;  }
  nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {  float: none !important;  position: relative;  display: block;  width: 100%;}
.navbar-nav .dropdown-menu{      left: 0em;}
li.dropdown.list a.dropdown{color: #fff;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {width: 100%;position: relative !important;background-color: transparent;float: none;border: none;padding: 0 0 0 15px !important;margin: 0 0 -1px 0 !important;-moz-box-shadow: 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px;-o-box-shadow: 0px 0px 0px;box-shadow: 0px 0px 0px;-moz-border-radius: 0px 0px 0px;-webkit-border-radius: 0px 0px 0px;-o-border-radius: 0px 0px 0px;border-radius: 0px 0px 0px;  }
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {  border-bottom: 1px solid #e0e0e0;  color: #fff;  display: block;  font-size: 14px;  font-weight: 600;  padding: 10px 0;  text-transform: capitalize;  width: 100%;}
li.dropdown.list .dropdown_child{  display: none;}
  nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {   background-color: transparent; }
  nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {    float: none !important;    left: 0;    padding: 0 0 0 15px;    position: relative;    background: transparent;    width: 100%;  }
  nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {    display: inline-block;    margin-top: -10px;  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {    display: none;  }
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {  padding: 13px 15px 13px 0;  line-height: 24px;  text-transform: none;  font-weight: 400;  letter-spacing: 0px;  margin-bottom: 0;  cursor: pointer;  border-bottom: solid 1px #e0e0e0;  color: #333333;  font-size: 14px;  font-weight: 600;  text-transform: uppercase;}
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {  display: block;  width: 100%;  border-bottom: solid 1px #e0e0e0;  padding: 10px 0;}
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title::before {    content: "\f105";    float: right;    font-family: "Font Awesome 5 Free";    font-size: 16px;    font-weight: 900;    margin-left: 10px;    position: relative;    right: -15px;  }
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {   border-bottom: none; }
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {    border-bottom: solid 1px #e0e0e0;  }
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {    border-bottom: none;  }
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {    content: "\f107";  }
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {    padding: 0 0 0 15px;  }
  nav.bootsnav.brand-center .navbar-collapse {    display: block;  }
  nav.bootsnav.brand-center ul.nav {    margin-bottom: 0px !important;  }
  nav.bootsnav.brand-center .navbar-collapse .col-half {    width: 100%;    float: none;    display: block;  }
  nav.bootsnav.brand-center .navbar-collapse .col-half.left {   margin-bottom: 0; }
  nav.bootsnav .megamenu-content {    padding: 0;  }
  nav.bootsnav .megamenu-content .col-menu {   padding-bottom: 0; }
  nav.bootsnav .megamenu-content .title {    cursor: pointer;    display: block;    padding: 10px 15px;    margin-bottom: 0;    font-weight: normal;  }
  nav.bootsnav .megamenu-content .content {  display: none;}
  .attr-nav {  position: absolute;  right: 60px;}
  .attr-nav > ul {    padding: 0;    margin: 0 -15px -7px 0;  }
  .attr-nav > ul > li > a {    padding: 16px 15px 15px;  }
  .attr-nav > ul > li.dropdown > a.dropdown-toggle:before {    display: none;  }
  .attr-nav > ul > li.dropdown ul.dropdown-menu {    margin-top: 2px;    margin-left: 55px;    width: 250px;    left: -250px;    border-top: none;    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);  }
  .top-search .container {    padding: 0 45px;  }
  nav.bootsnav.navbar-full ul.nav {    margin-left: 0;  }
  nav.bootsnav.navbar-full ul.nav > li > a {    border: none;  }
  nav.bootsnav.navbar-full .navbar-brand {    float: left !important;    padding-left: 0;  }
  nav.bootsnav.navbar-full .navbar-toggle {    display: inline-block;    float: right;    margin-right: 0;    margin-top: 10px;    top: 0;  }
  nav.bootsnav.navbar-full .navbar-header {    padding-left: 15px;    padding-right: 15px;  }
  nav.navbar.bootsnav.navbar-sidebar .share {    padding: 30px 15px;    margin-bottom: 0;  }
  nav.navbar.bootsnav .megamenu-content.tabbed {    padding-left: 0 !important;  }
  nav.navbar.bootsnav .tabbed > li {  padding: 25px 0;  margin-left: -15px !important;}
  body > .wrapper {    -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;  }
  body.side-right > .wrapper {  margin-left: 280px;  margin-right: -280px !important;}
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position: fixed;overflow-y: auto !important;overflow-x: hidden !important;display: block;background: #fff;z-index: 99;width: 280px;height: 100% !important;left: -280px;top: 0;padding: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;  }
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in,   nav.navbar.bootsnav.navbar-mobile .navbar-collapse.show {     left: 0;   }
  nav.navbar.bootsnav.navbar-mobile ul.nav {    width: 293px;    padding-right: 0;    padding-left: 15px;  }
  nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {  padding: 15px 15px;}
  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {  padding-right: 15px !important;  padding-top: 15px !important;  padding-bottom: 15px !important;}
  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {    padding-right: 30px !important;    padding-top: 13px !important;    padding-bottom: 13px !important;  }
  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {    padding-top: 13px !important;    padding-bottom: 13px !important;  }
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {    width: 100%;  }
  nav.navbar.bootsnav.navbar-fixed .logo-scrolled {    display: inline-block !important;  }
  nav.navbar.bootsnav.navbar-fixed .logo-display {  display: none !important;}
  nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content {   width: 100%;   display: block; }
}
@media (max-width: 767px) {
  nav.navbar.bootsnav .navbar-header { padding-left: 15px; padding-right: 15px;}
  nav.navbar.bootsnav .navbar-nav {  padding-left: 15px;  padding-right: 15px;  margin: 0;}
  .attr-nav {    right: 30px;  }
  .attr-nav > ul > li > a {    padding: 16px 10px 15px;    padding-left: 0 !important;  }
  .attr-nav > ul > li.dropdown ul.dropdown-menu {    left: -275px;    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);  }
  .top-search .container {    padding: 0 15px;  }
  nav.bootsnav.navbar-full .navbar-collapse {    left: 15px;  }
  nav.bootsnav.navbar-full .navbar-header {   padding-right: 0; }
  nav.bootsnav.navbar-full .navbar-toggle {    margin-right: -15px;  }
  nav.bootsnav.navbar-full ul.nav > li > a {    font-size: 18px !important;    line-height: 14px !important;    padding: 10px 10px !important;  }
  nav.navbar.bootsnav.navbar-sidebar .share {    padding: 30px 15px !important;  }
  nav.navbar.bootsnav.navbar-sidebar .share {    padding: 30px 0 !important;    margin-bottom: 0;  }
  nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {  padding: 30px 15px !important;  margin-bottom: 0;}
  body.side-right > .wrapper {    margin-left: 280px;    margin-right: -280px !important;  }
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {    margin-left: 0;  }
  nav.navbar.bootsnav.navbar-mobile ul.nav {  margin-left: -15px;}
  nav.navbar.bootsnav.navbar-mobile ul.nav {  border-top: solid 1px #fff;}
  li.close-full-menu {  padding-top: 15px !important;  padding-bottom: 15px !important;}
}
@media (min-width: 480px) and (max-width: 640px) {
  nav.bootsnav.navbar-full ul.nav {    padding-top: 30px;    padding-bottom: 30px;  }
}
.navbar-brand>img { display: initial; height: auto;}
nav.bootsnav.navbar-default.info-topbar .attr-nav ul li a { font-size: 16px; margin-left: 25px; margin-right: 0;}
nav.bootsnav.navbar-default.info-topbar.sticked .attr-nav ul li a {  margin-right: 0;}
nav.navbar.bootsnav.bg-dark .attr-nav > ul > li > a {  color: #ffffff;}
ul.cart-list > li.total > .btn {  color: #0e2b3d;  padding: 10px 25px !important;}
@media (min-width: 1024px) {
  .attr-nav > ul > li {  font-size: 18px;}
  .attr-nav > ul.button > li {    padding: 0;    margin-top: 10px;  }
  .attr-nav > ul > li.language-switcher {    padding: 10px 0;  }
  nav .attr-nav > ul > li.contact {    margin-left: 5px;  }
  nav.navbar-transparent .attr-nav > ul > li.contact {  color: #ffffff;  margin-left: 0;}
  .attr-nav > ul > li.contact i {    margin-right: 10px;    font-size: 25px;    position: relative;    float: left;    color: #0171ad;    top: 3px;  }
  .bootsnav.bg-theme .attr-nav > ul > li.contact i {    color: #ffffff;  }
  nav.navbar-transparent .attr-nav > ul > li.contact i {  color: #ffffff;}
  .attr-nav > ul > li > a {    font-size: 13px;    padding: 0px 10px !important;    font-family: inherit;    text-transform: uppercase;  }
  .attr-nav > ul.button > li > a { margin-left: 5px; padding: 20px 40px !important; font-size: 14px; text-transform: uppercase; font-weight: 800; background: #0171ad; color: #ffffff;}
  .attr-nav > ul.button > li > a i {    font-weight: 500;    margin-right: 3px;  }
  .attr-nav > ul > li.button a {  background: #0171ad;  padding: 20px 40px !important;  font-size: 14px;  text-transform: uppercase;  font-weight: 800;  color: #ffffff;}
  .attr-nav > ul > li.button {    padding: 10px 0;    margin-left: 10px;  }
  .attr-nav > ul > li.button a i {    font-weight: 500;    margin-right: 5px;  }
  .attr-nav > ul > li.side-menu > a {    padding-right: 0 !important;  }
  .attr-nav > ul > li.quote-btn > a {    padding: 8px 35px !important;    margin-left: 5px;    border-radius: 30px;  }
  .attr-nav.menu li a {  font-size: 14px;  font-weight: 600;  text-transform: uppercase;}
  .attr-nav.menu li {  margin-left: 10px;}
  .attr-nav.menu li:last-child a {  background: #0171ad none repeat scroll 0 0;  border-radius: 30px;  color: #ffffff !important;  padding: 5px 20px !important;}
  .color-yellow .attr-nav.menu li:last-child a {    background: #ff9800 none repeat scroll 0 0;  }
  nav.navbar ul.nav > li > a {    padding: 30px 15px;    font-weight: 300;  }
  nav.navbar .navbar-brand {  margin-top: 0;}
  nav.navbar .navbar-brand {   margin-top: 0; }
  nav.navbar li.dropdown ul.dropdown-menu {  border-top: solid 5px;}
  nav.navbar-center .navbar-brand {  margin: 0 !important;}
  nav.navbar-brand-top .navbar-brand {    margin: 10px !important;  }
  nav.navbar-full .navbar-brand {    position: relative;  }
  nav.navbar-sidebar ul.nav, nav.navbar-sidebar .navbar-brand {   margin-bottom: 50px; }
  nav.navbar-sidebar ul.nav > li > a {    padding: 10px 15px;    font-weight: bold;  }
  nav.navbar.bootsnav.navbar-transparent.white {  background: transparent none repeat scroll 0 0;  border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
  nav.navbar.bootsnav.navbar-transparent.white.barber {    border-bottom: 1px solid rgba(255, 255, 255, 0.1);    background-color: rgba(35, 35, 35, 0.3);  }
  nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark {   background-color: rgba(0, 0, 0, 0.3);   border: none;   box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset; }
  nav.navbar.bootsnav.navbar-transparent.white .attr-nav {    border-left: 1px solid rgba(255, 255, 255, 0.1);    min-height: 90px;  }
  nav.navbar.bootsnav.navbar-transparent.white .attr-nav.border-less {  border: none;}
  nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {   border-left: solid 1px rgba(255, 255, 255, 0.1);   min-height: 90px; }
  nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a {   color: #fff; }
  nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
  nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {   color: #eee; }
}
@media (max-width: 992px) {
  nav.navbar .navbar-brand {    margin-top: 0;    position: relative;  }
  nav.navbar.navbar-sticky .navbar-brand {  top: 0;}
  nav.navbar.navbar-sidebar .navbar-brand {   top: 0; }
  nav.navbar .navbar-brand img.logo {  height: 30px;}
  .attr-nav > ul > li > a {    padding: 20px 15px 15px;  }
  nav.navbar.navbar-mobile ul.nav > li > a {    padding: 15px 15px;  }
  nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a {padding-right: 15px !important;padding-top: 15px !important;padding-bottom: 15px !important;  }
  nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {    padding-right: 30px !important;    padding-top: 13px !important;    padding-bottom: 13px !important;  }
  nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {  padding-top: 13px !important;  padding-bottom: 13px !important;}
  nav.navbar-full .navbar-brand {  top: 0;  padding-top: 10px;}
}
nav.navbar.navbar-inverse {background-color: #222;border-bottom: solid 1px #303030;}
nav.navbar.navbar-inverse ul.cart-list > li.total > .btn {  border-bottom: solid 1px #222 !important;}
nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right {  color: #fff;}
nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a {  color: #eee;}
nav.navbar.navbar-inverse ul.nav > li.dropdown > a {  background-color: #222;}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a {  color: #999;}
nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 {   color: #fff; }
nav.navbar.navbar-inverse .form-control {  background-color: #333;  border-color: #303030;  color: #fff;}
nav.navbar.navbar-inverse .attr-nav > ul > li > a {  color: #eee;}
nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu {  background-color: #222;  border-left: solid 1px #303030;  border-bottom: solid 1px #303030;  border-right: solid 1px #303030;}
nav.navbar.navbar-inverse ul.cart-list > li {  border-bottom: solid 1px #303030;  color: #eee;}
nav.navbar.navbar-inverse ul.cart-list > li img {  border: solid 1px #303030;}
nav.navbar.navbar-inverse ul.cart-list > li.total {  background-color: #333;}
nav.navbar.navbar-inverse .share ul > li > a {  background-color: #555;}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu {  border-right: solid 1px #303030;}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a {  border-bottom: solid 1px #303030;}
nav.navbar.navbar-inverse .dropdown-tabs .tab-content {  border-left: solid 1px #303030;}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a {   background-color: #333 !important; }
nav.navbar-inverse.navbar-full ul.nav > li > a {  border: none;}
nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu {  background-color: #222;}
nav.navbar-inverse.navbar-full .navbar-toggle {  background-color: #222 !important;  color: #333333;}
@media (min-width: 1024px) {
  nav.navbar.navbar-inverse ul.nav .dropdown-menu {  background-color: #222 !important;  border-left: solid 1px #303030 !important;  border-bottom: solid 1px #303030 !important;  border-right: solid 1px #303030 !important;}
  nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a {    border-bottom: solid 1px #303030;  }
  nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu {    border-left: solid 1px #303030;    border-right: solid 1px #303030;  }
  nav.navbar.navbar-inverse.navbar-transparent.dark {    background-color: rgba(0, 0, 0, 0.3);    border-bottom: solid 1px #999;  }
  nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav {    border-left: solid 1px #999;  }
  nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.white ul.nav > li > a {   color: #fff; }
  nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a {   color: #3f3f3f; }
}
@media (max-width: 992px) {
  nav.navbar.navbar-inverse .navbar-toggle {  color: #eee;  background-color: #222 !important;}
  nav.navbar.navbar-inverse .navbar-nav > li > a {  border-top: solid 1px #303030;  border-bottom: solid 1px #303030;}
  nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a {    color: #999;    border-bottom: solid 1px #303030;  }
  nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title {    border-bottom: solid 1px #303030;    color: #eee;  }
  nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a {    border-bottom: solid 1px #303030;    color: #999 !important;  }
  nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title {    border-bottom: solid 1px #303030;  }
  nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul {  border-top: solid 1px #303030;}
  nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse {  background-color: #222;}
}
@media (max-width: 767px) {
  nav.navbar.navbar-inverse.navbar-mobile ul.nav {  border-top: solid 1px #222;}
}
@media (min-width: 1024px) {
  .bootsnav.navbar-full.no-background .navbar-toggle {  color: #fff;}
}
nav.bootsnav.navbar-full .navbar-toggle i {  font-size: 18px;  color: #9a9a9a;  font-weight: bold;  transition: .3s ease;}
.navbar-toggle-txt {  font-size: 13px;  position: relative;  top: -3px;  font-weight: bold;  color: #9a9a9a;  transition: .3s ease;}
nav.bootsnav.navbar-full .navbar-toggle:hover i,
nav.bootsnav.navbar-full .navbar-toggle:hover span {  color: #222;  transition: .3s ease;}
.top-search .input-group .form-control::-webkit-input-placeholder {  color: #666666;  opacity: 1;}
.top-search .input-group .form-control::-moz-placeholder {  color: #666666;  opacity: 1;}
.top-search .input-group .form-control::-ms-input-placeholder {  color: #666666;  opacity: 1;}
.top-search .input-group .form-control::-moz-placeholder {  color: #666666;  opacity: 1;}
@media only screen and (max-width: 767px) {
  nav.navbar.bootsnav.navbar-fixed.nav-box.no-background {  left: 0;  top: 0 !important;  width: 100%;}
  
}
body.wrap-nav-sidebar {  height: auto !important;}
.attr-nav.button li a {  padding: 4px 20px !important;  margin-left: 7px;  text-transform: uppercase;  font-size: 13px;  letter-spacing: 0.06em;  color: #0e2b3d;  box-shadow: 0 0 10px #cccccc;  border-radius: 30px;}
.attr-nav.button li a i {  margin-right: 3px;  color: #0171ad;}
.attr-nav.button li a i.fa-user {  font-weight: 500;}
.attr-nav > ul > li.button a {  background: #0171ad;  color: #ffffff;}
.attr-nav > ul > li.button a i {  font-weight: 500;  margin-right: 5px;}
ul.dropdown_child li a{color:#0e2b3d9e ;}
li.dropdown.list {    margin: 0 20px;    width: 100%;}
ul.dropdown_child li a:hover {    color: #0e2b3d9e;    text-decoration: underline;}
@media(min-width:769px) and (max-width:1024px){
    ul.tphd li.contact a.himg {padding: 5px 20px !important;}
}
/*Support CSS*/
    h1.main-head {    padding-bottom: 20px;    position: relative;    display: inline-block;    padding-left: 40px;    text-transform: uppercase;}
    .main-head:before {    content: '';    background: #27b5ef;    height: 5px;    width: 20%;    position: absolute;    bottom: 0;}
    h1.main-head span {    font-weight: 700;    color: #27b5ef;}
    .live-chat-m {    position: absolute;    right: 0;    top: 0;    display: flex;    max-width: 180px;    justify-content: end;    align-items: center;    background: #ffc107;    padding: 10px 15px;    border-radius: 10px 0 0 10px;}
    .live-chat-m img {    margin-right: 10px;    width: 30px;}
    .live-chat-m h4 {    color: #000;    margin-bottom: 0;    font-weight: 600;}
    #regForm {    background-color: transparent;    width: 100%;    border-radius: 5px;}
    #regForm .tab {    display: none;    padding: 30px;    border-radius: 6px;    margin-bottom: 20px;}
    #regForm .tab::-webkit-scrollbar {    display: none;}
    #regForm .tab .head-f {    margin-bottom: 10px;}
    #regForm .tab .head-f h2 {    font-size: 30px;    font-weight: 600;    color: #000;    margin-bottom: 0;}
    #regForm .check-box-sec .form-check {    padding: 10px;    border: 2px solid transparent;    background: white;    border-radius: 10px;    cursor: pointer;    box-shadow: 0px 5px 9px #e4e4e473;    position: relative;}
    .fs-input-font{    font-size:18px;}
    .err{    color:red;    font-size:14px;}
    #regForm .check-box-sec .form-check:hover{    border: 2px solid #236eaa;}
    input[type="radio"]:checked + .check-support-icon {    color: #0271AD;}
    .check-support-icon {    color: white;    position: absolute;    top: 10px;    right: 20px;    font-size: 25px;}
    #regForm .check-box-sec .form-check label {    display: block;    font-size: 19px;    color: #000;    font-weight: 400;    display: block;    cursor: pointer;}
    #regForm .check-box-sec .form-check label img {    width: 50%;    cursor: pointer;    box-shadow: none;}
    #regForm .check-box-sec .form-check input[type="radio"], .modal-body .form-check.check-model input[type="radio"] {     position: absolute;     min-height: 0px;     margin-left: 0;     cursor: pointer;     top: 0;     left: 0;     width: 100%;     height: 100%;     opacity: 0; }
    #regForm .btn {    margin-top: 0px;    display: inline-block;    background-color: #0271AD;    padding: 10px 30px;    border-radius: 5px;    color: #ffffff;    text-transform: capitalize;    font-size: 16px;}
    #regForm .form-steps {    position: absolute;    top: 50%;    transform: translateY(-50%);    right: 70px;    visibility: hidden;}
    #regForm .step.finish {    background-color: #37c1ef;}
    #regForm .step.active {    background: #27b5ef;}
    #regForm .form-steps li:before {    content: '';    position: absolute;    height: 40px;    width: 2px;    background: #bbb;    top: 100%;    left: 6px;}
    #regForm .form-steps li.step.last:before {    content: '';    position: absolute;    height: 0px;    width: 0px;    background: #bbb;    top: 100%;    left: 6px;}
    #regForm .form-steps li {    margin-bottom: 40px;    list-style: none;    position: relative;}
    #regForm .step {    height: 15px;    width: 15px;    margin: 0 2px;    background-color: #bbbbbb;    border: none;    border-radius: 50%;    opacity: 1;}
    input {    border: 1px solid #e7e7e7;    border-radius: inherit;    box-shadow: inherit;    min-height: 35px;}
    .main-answer {    margin-right: 10px;    background: #efefef;    padding: 30px;    height: 100%;}
    .main-answer h3 {    font-size: 30px;    font-weight: 600;    text-transform: uppercase;}
    .answer-sec {    padding: 0 50px 0 0px;    margin-top: 45px;}
    .answer-sec .anstab h5 {    margin-bottom: 8px;    padding: 8px 10px;    background: #27b5ef;    border-radius: 6px;    color: #fff;    font-size: 19px;}
    .answer-sec .anstab p {    padding-left: 20px;    color: #000;    font-size: 16px;    font-weight: 600;    position: relative;}
    .main-head {    font-size: 22px !important;}
    @media (max-width:1024px) {
        h1 {    font-size: 24px;}
        .answer-sec .anstab h5 {    font-size: 16px;}
        #regForm {    padding: 0;}
        #regForm .tab .head-f h2,
        .main-answer h3 {    font-size: 22px;}
        #regForm .check-box-sec .form-check label {    font-size: 16px;}
    }
    @media (max-width:768px) {
        .main-head:before {    height: 0px;    width: 0%;    bottom: 0px;}
        .blog-area .item .info {    min-height: auto;}
        #regForm {    margin-top: 0;    background-color: transparent;    padding: 0;    width: 100%;    min-width: 100% !important;    border-radius: 5px;    padding-top: 0;    padding-bottom: 0;    padding-right: 0;}
        h1.main-head, #regForm .tab .head-f h2 {     font-size: 20px;     padding: 0px; }
        .live-chat-m {    display: none;}
        #contact.default-padding {    padding-top: 0;}
    }
    .chat-box1 {    overflow: hidden;    border: 4px solid #28B5EF;    border-radius: 6px;}
    .chat-top-box {    background: #28B5EF;    display: flex;    align-items: center;}
    .chat-top-box p {    margin-bottom: 0;    color: white;    font-size: 20px;}
    .chat-top-box img {    border-radius: 100%;}
    .chat-heading1 {    font-size: 25px !important;}
    .main-box-form{    background-color:rgba(0,0,0,0.1);    height: 487px;    border-radius:6px;}
    .chat-resolved {    font-size: 18px !important;    color: gray;}
    .chat-mainheading {    font-size: 26px !important;}
    .font-size-sm {    font-size: 20px !important;}
    label.form-check-label .check-icon {    width: 20px;    height: 20px;    display: inline-block;    border: solid 2px #e3e3e3;    border-radius: 50%;    transition: 200ms linear;    position: relative;}
    @media(max-width:600px){
        .main-box-form{    height: auto;}
    }
/*Responsive CSS*/
        /* Tablet Layout: 768px.*/
        @media only screen and (min-width: 768px) and (max-width: 991px) {
        a#btns {    font-size: 14px;}
        /* Topbar */
        .top-bar-area .text-right {    text-align: center !important;    justify-content: center;    margin-top: 10px;    display: flex;}
        .top-bar-area.inc-logo {    border-bottom: 1px solid #e7e7e7;}
        .top-bar-area.inc-logo .text-right {    margin-top: 0;}
        .navbar .attr-nav form {    margin: 14px 0;    min-width: 210px;    width: 210px;}
        /* Breadcrumb */
        .breadcrumb-area {    text-align: center;}
        .breadcrumb-area h2 {    margin-bottom: 25px;}
        .breadcrumb-area .text-right {    text-align: center !important;}
        /* Banner */
        .banner-area .thumb, .banner-area .thumbs {     top: 0;     display: none; }
        .banner-area .appoinment {    display: none;}
        /* About */
        .about-area .thumb .overlay {    right: 50px;    transform: translate(0, -50%);}
        .about-area.reverse .info {    padding-right: 15px;    padding-bottom: 30px;}
        .about-area .thumb {    margin-bottom: 50px;}
        .about-area.reverse .thumbs img {    max-width: 100%;}
        /* Features */
        .features-area .features-box {    padding-left: 15px;    margin-top: 80px;}
        .features-area .item-grid:first-child {    margin-top: 0;}
        .feature-area .features-box .single-item {    margin-top: 30px;}
        .feature-area .features-box .single-item:first-child, .feature-area .features-box .single-item:nth-child(2) {     margin-top: 0; }
        .feature-area .heading-left {    margin-bottom: 40px;}
        /* Features Version Three */
        .top-features-area .item {    text-align: center;}
        .top-features-area .item .more {    text-align: center !important;}
        .top-features-area .item .more a {    padding: 0;}
        .top-features-area .item .more a::after {    display: none;}
        .feature-area .feature-box .thumb img {    max-width: 100%;}
        .feature-area .feature-box .content .content-box {    position: inherit;    top: 0;    transform: inherit;    margin-top: 30px;}
        .feature-area .feature-box .content {    padding-left: 15px;}
        /* Works About */
        .works-about-items::before {    right: -20%;}
        .works-about-area .works-about-items .info, .works-about-area.reverse .works-about-items .info {     padding-right: 15px;     padding-left: 15px; }
        .works-about-area .works-about-items .thumb {    margin-top: 50px;}
        .works-about-area.reverse .works-about-items .thumb {    margin-top: 0;    margin-bottom: 110px;}
        .works-about-area .works-about-items .thumb .fun-fact, .works-about-area.reverse .works-about-items .thumb .fun-fact {     left: 50%;     transform: translateX(-50%);     width: 80%; }
        /* Case Area  */
        .case-studies-area.grid-items .case-items.colums-2 .pf-item, .case-studies-area.grid-items .case-items.colums-3 .pf-item, .case-studies-area.grid-items .case-items.colums-4 .pf-item {     width: 50%; }
        /* Case Detials*/
        .case-details-area .content ul.project-info {    display: block;    overflow: hidden;}
        .case-details-area .content ul.project-info li {    float: left;    width: 50%;    margin-bottom: 0;    margin-top: 30px;    text-align: center;}
        .case-details-area .content ul.project-info li .title {    justify-content: center;}
        .case-details-area .content ul.project-info li:first-child, .case-details-area .content ul.project-info li:nth-child(2) {     margin-top: 0; }
        /* Quick Contact  */
        .quick-contact-area {    text-align: center;}
        .quick-contact-area .text-right {    text-align: center !important;    margin-top: 30px;}
        /* Fun Facto r*/
        .fun-factor-area .fun-fact-items .item {    margin-top: 50px;}
        .fun-factor-area .fun-fact-items .item:first-child, .fun-factor-area .fun-fact-items .item:nth-child(2) {     margin-top: 0; }
        /* Services */
        .services-area .services-tabs .row {    margin-left: -15px;    overflow: hidden;}
        .services-area .services-tabs .tab-pane {    margin-bottom: 0;    overflow: hidden;}
        .services-area .services-tabs .tab-pane::after {    display: none;}
        .services-area .services-tabs .thumb {    min-height: 350px;}
        .services-area .services-tabs .info .content {    padding-left: 40px;}
        .service-area .service-box .item {    text-align: center;    display: block;    padding: 50px 30px;}
        .service-area .service-box .item .icon {    display: inline-block;}
        .service-area .service-box .item i {    margin-right: 0;    margin-bottom: 25px;}
        .services-details-area .sidebar {    margin-top: 50px;}
        /* Team Single */
        .team-single-area .top-info .thumb {    margin-bottom: 30px;}
        .team-single-area .basic-info::after {    width: 100%;}
        .team-single-area .basic-info {    margin-left: 0;    margin-right: 0;    padding: 30px;}
        .team-single-area .bottom-info {    margin-top: 30px;}
        .team-single-area .skill-items {    margin-top: 30px;}
        /* Testimonials */
        .testimonials-area {    text-align: center;}
        .testimonials-area .testimonial-items .owl-stage-outer {    margin: -15px -15px;    padding: 15px;}
        .testimonials-area .item::before {    display: none;}
        .testimonials-area .thumb {    position: relative;    z-index: 1;    height: 200px;    width: 200px;    margin: auto auto 25px;}
        .testimonials-area .thumb i {    right: 15px;}
        .testimonials-area .item .provider {    justify-content: center;}
        /* Faq Area */
        .faq-area .faq-content {    margin-top: 50px;}
        .about-area.faq-area .faq-content {    margin-top: 25px;}
        .faq-area .appoinment-form {    margin-top: 30px;}
        /* Why Choos Us Area */
        .video-area.extra-padding {    padding-bottom: 215px;}
        .choose-us-area .single-item {    text-align: center;}
        .choose-us-area .single-item:last-child {    margin-bottom: 0;}
        .choose-us-area .item {    padding: 50px 30px;    display: block;}
        .choose-us-area .item .call {    text-align: left;    justify-content: center;}
        .choose-us-area .item .icon i {    margin-right: 0;    margin-bottom: 25px;}
        /* Blog */
        .blog-area.left-sidebar .blog-content {    float: none;}
        .blog-area .blog-thin-colums .thumb {    margin-bottom: 30px;}
        .blog-area.left-sidebar .sidebar, .blog-area.right-sidebar .sidebar {     margin-top: 50px; }
        .blog-area .blog-items .blog-thin-colums .item {    padding: 0;    border: none;}
        .blog-area.right-sidebar .sidebar {    padding-left: 15px;}
        .blog-area.left-sidebar .sidebar {    padding-right: 15px;}
        .blog-area .item .thumb img {    width: 100%;}
        /* Contact */
        .contact-area .contact-tabs {    margin-top: 50px;}
        .contact-area .info {    padding-left: 15px;}
    }
    /* Mobile Layout: 320px. */
    @media only screen and (max-width: 767px) {
        /* Heading */
        h4 {    font-size: 20px;    line-height: 1.4;}
        h5 {    line-height: 1.4;}
        h6 {    line-height: 1.4;}
        .container-medium {    width: 100%;}
        .default-padding {    padding-top: 50px;    padding-bottom: 50px;}
        .padding-xl {    padding-bottom: 50px;    padding-top: 50px;}
        .default-padding.bottom-less {    padding-bottom: 20px;    padding-top: 50px;}
        .default-padding-bottom {    padding-bottom: 50px;}
        .default-padding-top {    padding-top: 50px;}
        .site-heading {    margin-bottom: 40px;}
        .breadcrumb-area h1 {    font-size: 36px;}
        .breadcrumb-area {    padding: 80px 0;    position: relative;    text-align: center;}
        .breadcrumb-area h2 {    font-size: 36px;    margin-bottom: 25px;}
        .breadcrumb-area .text-right {    text-align: center !important;}
        .top-bar-area .info a {    margin-left: 0px;    display: inline-flex;}
        .attr-nav>ul>li.button {    display: none;}
        nav.navbar .quote-btn, .navbar .attr-nav form {     display: none; }
        .navbar.navbar-fixed.transparent .attr-nav>ul>li.contact, .navbar .attr-nav.button {     display: none; }
        .side {     padding: 50px 50px 50px 35px;     width: 320px; }
        .heading-left .right-info {    padding-left: 15px;}
        .heading-left h5 {    margin-bottom: 15px;}
        .heading-left h2 {    font-size: 25px;    margin-bottom: 25px;}
        .heading-left {    margin-bottom: 40px;}
        .site-heading h2 {    font-size: 36px;}
        /* Banner Area */
        .banner-area {    text-align: center;}
        .banner-area h2 {    font-size: 36px;}
        .banner-area h3 {    line-height: 1.4;}
        .banner-area p {    padding: 0;}
        body, .banner-area, .banner-area div {     height: auto; }
        .banner-area .content {    padding: 60px 0;}
        .banner-area.bottom-shape .content {    padding-top: 120px;}
        .banner-area .content p, .banner-area.text-center p {     padding: 0; }
        .banner-area .carousel-indicators {    right: auto;    left: auto;    width: 100%;    height: auto;    top: auto;    transform: inherit;    bottom: 15px;    position: inherit;}
        .banner-area .carousel-indicators li {    display: inline-block;    margin: 0 5px;}
        .banner-area.auto-height .content {    padding: 60px 0;}
        .banner-area .thumb {    top: 0;}
        .banner-area .thumbs {    margin-bottom: 50px;}
        .banner-area .content h2 {    font-size: 36px;}
        .banner-area.text-large .content h2 {    font-size: 36px;}
        .banner-area .appoinment-box {    margin-bottom: 60px;}
        .banner-area.shape .content {    padding-top: 120px;}
        .banner-area .content .bottom {    display: block;}
        .banner-area .content .bottom a {    margin-right: 15px;    margin-left: 15px;}
        .banner-area .content .bottom .call-us {    margin-top: 25px;    justify-content: center;}
        .banner-area.auto-height.circle-shape .content {    padding: 50px 0;}
        .banner-area.circle-shape .content::after {    display: none;}
        .banner-area.circle-shape .content::before {    height: 140%;    width: 200%;    border-radius: inherit;}
        /* About Area */
        .about-area.inc-shape::after {    display: none;}
        .about-area .thumb {    margin-bottom: 30px;}
        .about-area .thumb img:first-child {    width: 100%;}
        .about-area .thumb img:nth-child(2) {    position: inherit;    left: 0;    width: 100%;    top: 0;    margin-bottom: 0;    margin-top: 30px;    display: none;}
        .about-area .thumb .overlay .content {    position: inherit;    left: 0;    top: 0;    transform: inherit;    width: auto;    padding: 0;}
        .about-area .thumb .overlay {    position: inherit;    right: 0;    top: 0;    height: 100%;    width: 100%;    background: #ffffff;    transform: inherit;    display: inline-block;    padding: 60px;    margin-top: 30px;    display: none;}
        .about-area .info {    text-align: center;}
        .about-area.faq-area .info {    text-align: left;}
        .about-area .info ul li {    display: block;}
        .about-area .info ul li i {    margin-right: 0;    margin-bottom: 25px;}
        .about-area .author {    justify-content: center;}
        .about-area .author .intro {    text-align: left;}
        .about-area.reverse .info {    padding-right: 15px;    padding-bottom: 30px;}
        .about-area.reverse .thumbs img {    max-width: 100%;}
        /* Who We Are */
        .who-we-area-area {    text-align: center;}
        .who-we-area-area .thumb {    min-height: 350px;    display: none;}
        .who-we-area-box .item:first-child {    margin-top: 30px;    padding-bottom: 30px;}
        .who-we-area-box .item {    padding: 50px 30px;    border: none;    position: relative;}
        .who-we-area-box .item .text-blur {    top: 10px;    left: 50%;    transform: translateX(-50%);}
        .who-we-area-box .item h4 {    margin-bottom: 15px;}
        /* Features */
        .features-area .features-box {    padding-left: 15px;    margin-top: 30px;}
        .features-area .features-box .item-grid {    margin-top: 30px;}
        .features-area .features-box .item-grid .item {    background: #ffffff !important;}
        .features-area .features-box .item-grid .item a, .features-area .features-box .item-grid .item p {     color: #232323 !important; }
        .features-area .features-box .item-grid .item i {    color: #086AD8 !important;}
        .features-area .item-grid .item:hover {    background: linear-gradient(90deg, rgba(8, 106, 216, 1) 0%, rgba(10, 60, 116, 1) 100%) !important;}
        .features-area .features-box .item-grid .item:hover a, .features-area .features-box .item-grid .item:hover p, .features-area .features-box .item-grid .item:hover i {     color: #ffffff !important; }
        /* Features Version Two */
        .feature-area .features-box .single-item {    margin-top: 30px;}
        .feature-area .features-box .single-item:first-child {margin-top: 0;}
        /* Features Version Three */
        .top-features-area .item {    text-align: center;}
        .top-features-area .item .more {    text-align: center !important;}
        .top-features-area .item .more a {    padding: 0;}
        .top-features-area .item .more a::after {    display: none;}
        .feature-area .feature-box .thumb img {    max-width: 100%;}
        .feature-area .feature-box .content .content-box {    position: inherit;    top: 0;    transform: inherit;    margin-top: 30px;    background: transparent;    border: none;    padding: 0;}
        .feature-area .feature-box .content {    padding-left: 15px;}
        .feature-area .feature-box .item {    display: block;    text-align: center;    background: #ffffff;    padding: 50px 30px;    margin-top: 30px;    border-radius: 5px;    box-shadow: 0 0 10px #cccccc;}
        .feature-area .feature-box .item i {    margin-right: 0;    margin-bottom: 25px;}
        /* Work Process */
        .work-process-area .work-pro-items .item {    text-align: center;}
        .work-process-area .work-pro-items .item .icon span {    left: 50%;    transform: translateX(-50%);}
        /* Works About */
        .works-about-items::before {    right: -20%;}
        .works-about-area .works-about-items .info, .works-about-area.reverse .works-about-items .info {     padding-right: 15px;     padding-left: 15px; }
        .works-about-area .works-about-items .thumb {    margin-top: 50px;}
        .works-about-area.reverse .works-about-items .thumb {    margin-top: 0;    margin-bottom: 80px;}
        .works-about-area .works-about-items .thumb .fun-fact, .works-about-area.reverse .works-about-items .thumb .fun-fact {     left: 50%;     transform: translateX(-50%);     width: 80%; }
        /* Quick Contact  */
        .quick-contact-area .text-right {    text-align: left !important;    margin-top: 30px;}
        /* Fun Facto r*/
        .fun-factor-area .fun-fact-items .item {     margin-top: 50px; }
        .fun-factor-area .fun-fact-items .item:first-child {    margin-top: 0;}
        /* Faq Area */
        .faq-area .faq-content {    margin-top: 40px;}
        .about-area.faq-area .faq-content {    margin-top: 25px;}
        .faq-area .appoinment-form {    margin-top: 30px;    padding: 50px 30px;}
        /* Testimonials */
        .testimonials-area {    text-align: center;}
        .testimonials-area .testimonial-items .owl-stage-outer {    margin: -15px -15px;    padding: 15px;}
        .testimonials-area .item::before {    display: none;}
        .testimonials-area .thumb {    position: relative;    z-index: 1;    height: 200px;    width: 200px;    margin: auto auto 25px;}
        .testimonials-area .thumb i {    right: 15px;}
        .testimonials-area .item .provider {    justify-content: center;}
        /* Case Area  */
        .case-studies-area.grid-items .case-items.colums-2 .pf-item, .case-studies-area.grid-items .case-items.colums-3 .pf-item, .case-studies-area.grid-items .case-items.colums-4 .pf-item {     width: 100% !important; }
        /* Case Detials*/
        .case-details-area .content {    padding: 0 15px;}
        .case-details-area .content ul.project-info {    display: block;    overflow: hidden;    top: 0;    margin-bottom: 30px;    margin-top: 30px;}
        .case-details-area .content ul.project-info li {    float: left;    width: 100%;    margin-bottom: 0;    margin-top: 30px;    text-align: center;}
        .case-details-area .content ul.project-info li .title {    justify-content: center;}
        .case-details-area .content ul.project-info li:first-child {    margin-top: 0;}
        /* Why Choos Us Area */
        .video-area.extra-padding {    padding-bottom: 205px;}
        .choose-us-area .single-item {    margin-bottom: 30px;    text-align: center;}
        .choose-us-area .single-item:last-child {    margin-bottom: 0;}
        .choose-us-area .item {    padding: 50px 30px;    display: block;}
        .choose-us-area .item .call {    text-align: left;    justify-content: center;}
        .choose-us-area .item .icon i {    margin-right: 0;    margin-bottom: 25px;}
        /* Services Area */
        .services-area .services-tabs .row {    margin-left: -15px;}
        .services-area .services-tabs ul li {    display: block;    margin-bottom: 25px;}
        .services-area .services-tabs ul li:last-child {    margin-bottom: 0;}
        .services-area .services-tabs ul li a {    margin: 0;}
        .services-area .services-tabs .tab-pane {    margin-bottom: 0;    overflow: hidden;}
        .services-area .services-tabs .tab-pane::after {    display: none;}
        .services-area .services-tabs .info {    padding-left: 15px;}
        .services-area .services-tabs .info .content {    padding: 50px 30px;}
        .services-area .services-tabs .thumb {    min-height: 300px;}
        .featured-services-area {    padding-top: 50px;}
        .service-area .service-box .item {    text-align: center;    display: block;    padding: 50px 30px;}
        .service-area .service-box .item .icon {    display: inline-block;}
        .service-area .service-box .item i {    margin-right: 0;    margin-bottom: 25px;}
        .services-details-area .sidebar {    margin-top: 50px;}
        /* Team Single */
        .team-single-area .top-info .thumb {    margin-bottom: 30px;}
        .team-single-area .basic-info::after {    width: 100%;}
        .team-single-area .basic-info {    margin-left: 0;    margin-right: 0;    padding: 30px;}
        .team-single-area .bottom-info {    margin-top: 30px;}
        .team-single-area .skill-items {    margin-top: 30px;}
        .team-single-area .basic-info li {    width: 100%;}
        /* Blog */
        .blog-area .blog-thin-colums .thumb {    margin-bottom: 30px;}
        .blog-area .blog-items .footer-meta ul {    border-top: none;    padding-top: 0;}
        .blog-area .blog-items .footer-meta ul li:first-child {    display: none;}
        .blog-area .pagi-area .pagination {    display: block;}
        .blog-area .pagi-area .pagination li {    display: inline-block;    margin-top: 5px;}
        .blog-area .blog-content .post-tags,
        .blog-area .blog-content .share {    display: block;    text-align: center;}
        .blog-area .blog-content .share .social {    margin-top: 10px;}
        .blog-area.left-sidebar .blog-content {    float: none;}
        .blog-area .sidebar .sidebar-item.add-banner .sidebar-info {    padding: 50px 30px;}
        .blog-area.left-sidebar .sidebar, .blog-area.right-sidebar .sidebar {     margin-top: 50px;     overflow: hidden; }
        .blog-area.right-sidebar .sidebar {    padding-left: 15px;}
        .blog-area.left-sidebar .sidebar {    padding-right: 15px;}
        .blog-area.single .post-pagi-area {    text-align: center;}
        .blog-area.single .post-pagi-area a {    margin: 5px;}
        .blog-area.single .post-pagi-area a:last-child {    float: none;}
        .comments-list .commen-item.reply {    margin-left: 0;    padding-left: 0;}
        .comments-list .commen-item .content, .comments-list .commen-item .avatar {     display: block;     text-align: center; }
        .comments-list .commen-item .content {    width: 100%;}
        .comments-list .commen-item .avatar {    float: none;    height: 80px;    width: 80px;    margin: auto;}
        .comments-list .commen-item .content .title {    display: block;    margin-top: 20px;    margin-bottom: 10px;}
        .comments-list .commen-item .content .title span {    margin: 0;    padding: 0;    border: none;    display: block;    margin-top: 15px;}
        .comments-list .commen-item {    margin-bottom: 50px;}
        .comments-list .commen-item:last-child {    margin-bottom: 0;    padding: 0;    border: none;}
        .blog-area .comments-form {    margin-top: 50px;}
        /* Contact */
        .contact-area .info {    padding-left: 15px;    margin-top: 30px;}
        .contact-area .contact-tabs>ul {    border: none;    margin-top: 0;    text-align: center;}
        .contact-area .contact-tabs>ul li {    display: block;    margin-bottom: 15px;}
        .contact-area .contact-tabs>ul li:last-child {    margin-bottom: 0;}
        .contact-area .contact-tabs>ul li a {    margin-right: 0;    border: 1px solid #e7e7e7;    background: #ffffff;    font-size: 20px;}
        .contact-area .contact-tabs>ul li a.active {    background: #ffffff;}
        .contact-tabs .tab-content iframe {    height: 300px;}
        /* Error Page */
        .error-page-area .error-box h1 {    display: none;}
        /* Footer */
        footer .f-items.default-padding {    padding-top: 0;}
        footer .f-item.about {    margin-right: 0;}
        footer.bg-dark .footer-bottom {    text-align: center;}
        footer .footer-bottom .text-right {    text-align: center !important;    margin-top: 10px;}
        .buy-support {    clip-path: none;    padding: 10px 0;}
         .info .desc img {    width:100%;}
    }
    /* Wide Mobile Layout: 480px. */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .side {    padding: 50px;    width: 400px;}
        /* Blog */
        .comments-list .commen-item .content,
        .comments-list .commen-item .avatar {    display: table-cell;    text-align: left;}
        .comments-list .commen-item .content {    width: auto;}
        .comments-list .commen-item .avatar {    float: none;    height: 80px;    width: 80px;    margin: inherit;}
        .comments-list .commen-item .content .title {    margin-top: 0;}
        .comments-list .commen-item .content {    padding-left: 25px;}
        .comments-list .commen-item .content .title {    margin-top: 0;}
        .blog-area.single .post-pagi-area {    text-align: inherit;}
        .blog-area.single .post-pagi-area a:last-child {    float: right;}
    }
    @media screen and (max-width: 991px) {
        /* global reset - start */
        .order-last {    order: 0;}
    }
    @media only screen and (max-width: 350px) {
        .banner-area .popup-youtube.relative.video-play-button {    display: none;}
        .banner-area .nice-select .option {    font-size: 12px;}
        .banner-area .appoinment-box {    margin-bottom: 60px;    padding: 50px 30px;}
        .faq-area .faq-content .card .card-header h4 {    align-items: inherit;}
    }
    @media only screen and (max-width: 550px) {
        .video-area .fixed-shape-bottom {    display: none;}
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        /* Testimonials */
        .testimonials-area .testimonial-items .owl-stage-outer {    margin: -15px -15px;    padding: 15px;}
        .testimonials-area .item::before {    display: none;}
        .testimonials-area .thumb i {    right: 45px;}
        .testimonial-items .item>.row {    align-items: center;}
    }
    @media only screen and (max-width: 1199px) {
        .team-single-area .row.align-center {    align-items: inherit;}
    }
    @media only screen and (max-width: 1199px) {
        /* Case Area  */
        .case-studies-area.grid-items .case-items.colums-2 .pf-item,
        .case-studies-area.grid-items .case-items.colums-3 .pf-item,
        .case-studies-area.grid-items .case-items.colums-4 .pf-item {
            width: 50%;
        }
    }
    .navbar-header button i {    color: #fff;}
    /*Mobile Responsive */
    @media (max-width:480px) {
        .sec-cat-4 h4 {    font-family: Segoe UI bold, sans-serif;    font-weight: 600;    color: #1e1e1e;    font-size: 14px;    margin-bottom: 15px;    margin-top: 15px;}
        .padd-bot-40 {    padding-bottom: 15px;}
        .padd-top-40 {    padding-top: 15px;}
        a.brandsh {    font-size: 18px;}
        .default-padding {    padding-top: 10px;    padding-bottom: 10px;}
    }
    @media (max-width:1024px) {
        /*slider*/
        .owl-brand .owl-dots {    position: absolute;    bottom: -30px;    left: 50%;    transform: translate(-50%, -50%);}
        .custom-card .item {    min-height: 220px;}
        h1, h2, h3, h4, h5, h6 {    margin-bottom: 5px;}
        h1 {    font-size: 26px;}
        h2, h2 strong {    font-size: 24px;}
        h3 {    font-size: 22px;}
        h4, h4 strong {     font-size: 20px; }
        h5, h6 {     font-size: 18px; }
        .blog-area .item .info .meta ul li {    padding-right: 0px;}
        .mainform input {    width: fit-content !important;}
        .services-items .owl-item {    margin-right: 25px !important;}
        .section-csk .bg-light {    margin-top: 20px;}
        .custom-card .info h4 {    font-size: 16px;}
    }
    @media (max-width:991px) {
        header#home .attr-nav>ul {    margin: -15px -90px -7px 0;}
        .btn-light {    padding: 10px 20px;}
        .brd, .section-csk .border-lft {    border: none;}
        .buy-support a {    font-size: 18px}
        h4 strong {    font-size: 18px;}
        .sm-sec {    display: flex;    justify-content: center;}
        .btn1-c {    min-width: 175px;}
        .custom-card .item {    min-height: fit-content;}
        .faq-area .info h2 {    margin-bottom: 6px;}
        .faq-area.default-padding {    padding-top: 0;}
        .branddtls {    width: fit-content;}
        .mainform input {    width: 100% !important;}
    }
    @media (min-width:991px) and (max-width:1024px) {
        nav.navbar.bootsnav.sticked ul.nav>li>a {    padding: 0 12px 16px 12px !important;}
        nav.navbar.bootsnav ul.nav>li>a {    padding: 0px 12px 30px 12px !important;}
    }
    @media (max-width:768px) {
        .mainbtn {    top: auto !important;    right: 6em !important;}
        .pimgage {    top: 29% !important;    right: 6% !important;}
        li.dropdown.list {    margin: 0 0px;    width: 100%;}
        .section-csk {    margin-top: 10px;}
        .brd {    border: none;}
        .callss h2, .calls h2 {     font-size: 24px; }
        .owl-carousel .owl-stage-outer {    padding: 10px;    margin: 10px 0px;}
        .btn-light {    padding: 10px 20px;}
        .buy-support a {    font-size: 18px}
        h4 strong {    font-size: 18px;}
        .custom-card .item {    min-height: 220px;}
    }
    @media (max-width:480px) {
        a.cons {    padding: 0px 10px;}
        .product .lsb {    padding-left: 15px;    padding-right: 0px;    border-left: none;}
        div#blog-details .Tags span.tagselement {    line-height: 3;}
        h1 {    font-size: 24px;}
        h2, h2 strong {    font-size: 22px;}
        h3 {    font-size: 20px;}
        h4, h4 strong {    font-size: 18px;}
        h5 {    font-size: 17px;}
        .blog-content p {    line-height: 1.8;}
        .mainform button {    margin-top: 10px;}
        label {    font-weight: bold;}
        .sm-sec {    display: flex;    flex-wrap: wrap;    justify-content: center;}
        .btn1-c {    min-width: 175px;}
        .common-error .accordion .card-header h4, .faq-area .faq-content .card .card-header h4 {     font-size: 17px; }
        footer .bottoms ul {    display: flex;    justify-content: center;}
        .bottoms {    text-align: center;}
    }
    @media (min-width:320px) and (max-width:767px) {
        .pimgage {    top: 38% !important;    right: 3% !important;}
    }
    @media(min-width:1025px) {
        .services-items .item .icon {    min-height: 200px;}
    }
    @media (min-width:576px) {
        .container-medium {    max-width: 540px;}
    }
    @media (min-width:768px) {
        .container-medium {    max-width: 720px;}
    }
    @media (min-width:992px) {
        .container-medium {    max-width: 960px;}
    }
    @media (min-width:1200px) {
        .container-medium {    max-width: 1400px;    width: 80%;}
    }
    @media (min-width:576px) {
        .container-full {    max-width: 100%;}
    }
    @media (min-width:768px) {
        .container-full {    max-width: 850px;}
    }
    @media (min-width:992px) {
        .container-full {    max-width: 960px;}
    }
    @media (min-width:1200px) {
        .container-full {    max-width: 1400px;    width: 90%;}
    }
    @media (min-width:576px) {
        .container-fill {    max-width: 540px;}
    }
    @media (min-width:768px) {
        .container-fill {    max-width: 720px;}
    }
    @media (min-width:992px) {
        .container-fill {    max-width: 960px;}
    }
    @media (min-width:1200px) {
        .container-fill {    width: 100%;    max-width: 100%;    padding: 0;}
    }
    @media (min-width: 1024px) {
        .nav-box .language-switcher .dropdown-menu {    top: 80px;}
    }
    @media (min-width:1300px) {
        .banner-box {    padding: 50px;    padding-top: 95px;    border-radius: 8px;}
    }
    @media only screen and (min-width: 1400px) {
        .fun-factor-area .fun-fact-items::after {    left: 0;    height: 100%;    width: 400%;}
    }
    @media (max-width:768px) {
        .banner-search .form-control {    width: 80%;    margin-bottom: 10px;    min-height: 40px;}
        .banner-search .input-group-append {    width: 100%;    height: 40px;}
    }
    @media (max-width:767px) {
        a#btns {    font-size: 14px !important;}
        .xzoom-gallery4 {    max-width: 50px !important;}
        .xzoom4 {    width: 100% !important;}
        .navbar-brand {    padding: 5px 15px;}
        .comp-detsec .det-acc .faq-sec #accordion .panel-title a {    padding: 10px 5px;    font-size: 18px;    font-weight: 600;    color: #0f5298;    text-transform: uppercase;}
        .comp-detsec .det-acc .faq-sec #accordion .panel-title a:after {    right: 10px !important;}
        .cst-sec1.banner-area {    height: 350px !important;}
        .f-pt-50 {    padding: 40px 10px;}
    }
    @media (max-width:1200px) {
        .comp-detsec .sidebar .widget-boxed .widget-boxed-header h4 {    text-transform: uppercase;    color: #fff;    font-size: 18px;}
        .comp-detsec .sidebar .widget-boxed .widget-boxed-body .side-blog-list .blog-list-info h5 a {    font-size: 14px;}
        .blog-post-meta .updated {    font-size: 12px;}
        .f-pt-50 {    padding: 20px 0px;}
        .features-blog-sec h2 {    font-size: 30px;}
        .brand-sec {    list-style: none;    padding-bottom: 0px;}
        .brand-sec .brand-list li {    margin: 0 0px;    padding: 5px;}
        .btn1-c a {    font-size: 16px;}
        .section-csk .list-cl p {    font-size: 18px;    line-height: 22px;    color: #0e5299;}
        .section-csk .bg-light {    margin-top: 70px;    background: #F7FBFC;    border-radius: 10px;}
        .btn1-c {    margin: 10px;    padding: 8px;    background: #3C99DC;    border-radius: 25px;    margin-bottom: 10px;    text-align: center;}
    }
    @media (max-width: 559px) {
        .banner-search .form-control {    width: 100%;}
    }
    @media (max-width: 1600px) {
        .category-box-content {    bottom: 95px;}
        .category-box-btn {    left: 32px;    right: auto;}
    }
    @media (max-width: 992px) {
        nav.navbar .navbar-brand {    margin-top: 0;    position: relative;    padding: 5px 15px;}
    }
    @media (min-width: 1024px) {
        .mins ul.nav.navbar-center {    float: left !important;}
    }
    @media (max-width: 768px) {
        nav.navbar .thesearch {    display: none;}
    }
    @media (min-width: 576px) {
        .manual-list ul.list-unstyled a:focus {    color: #0e2b3d;}
    }
    @media(max-width:768px) {
        .manual-list {    width: 75%;    right: 12em;}
    }
    @media(max-width:480px) {
        .manual-list {    width: 280px;    left: -7em;}
    }
    @media (max-width:980px) {
        .cookieConsentContainer {    bottom: 0 !important;    left: 0 !important;    width: 100% !important}
    }
    @media(max-width:778px) {}
    @media(max-width:600px) {
        .rate-input[type="submit"] {    padding: 8px 24px;}
        .rating>label:before {    font-size: 20px;}
    }
    @media(max-width:370px) {
        .rate-input[type="submit"] {    padding: 5px 10px;}
        .rating>label:before {    font-size: 16px;}
        .heading-rate {    font-size: 17px;    margin-right: 7px;}
        .panel {    padding: 20px 0px;}
    }
    @media(max-width:992px) {
        .rate-people {    width: 100%;    margin: 0;    text-align: center !important;}
        .logo-width {    width: 150px;}
    }
    @media(min-width:992px) {
        div#navbar-menu {    display: none !important;}
    }
    @media(max-width:1100px) {
        .modal-dialog {width: 90% !important}
        .modal-content {padding: 50px 35px;}
        .close {top: -57px;right: 0px;font-size: 45px;}
        .free-consultation-close-btn{top:-40px;right:-8px ;}
    }
    @media(max-width:778px) {
        .close {    top: -62px;    right: 0px;    font-size: 40px;}
    }
    @media(max-width:778px) {
        .fix-social {    display: none;}
    }
.service-card-2 {    height: 150px;    display: flex;    align-items: center;    justify-content: center;    background:#f0f0f2;    border-radius: 15px;    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    cursor: pointer;    transition-duration: 500ms;    flex-direction: column;    justify-content: center;    gap: 0.5rem;}
        .service-card-2:hover {    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
        .issue-name {    font-size: 17px;    font-weight: 500;}
        .issue-discription {    font-size: 12px;    line-height: normal;}
        .bottom-area {    background-color: #0171ad;    padding: 5px 20px;    font-weight: 500;    color: #fff;    font-size: 14px;    text-align: center;}
        .blur {    transition: 700ms;    filter: blur(2px);}
        .blur>.bottom-area {    transition: 700ms;}
        .active {    filter: none !important;}
        /* Printer Card Area */
        .printer-card-area {    display: none;}
        .printer-card {    border-radius: 15px;    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;    cursor: pointer;    margin: auto;    margin-bottom: 2rem;    width: 100%;    background: #f0f0f2;    transition-duration: 500ms;    height: 0;}
        .printer-card:hover {    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
        .printer-card.open {    height: 150px;    display: flex;}
        .printer-img-area {    display: flex;}
        .printer-img-area>img {    margin: auto;}
        /* Loader CSS */
        .lds-ripple,
        .lds-ripple div {    box-sizing: border-box;}
        .lds-ripple {    display: inline-block;    position: relative;    width: 80px;    height: 80px;}
        .lds-ripple div {    position: absolute;    border: 4px solid #0171ad;    opacity: 1;    border-radius: 50%;    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
        .lds-ripple div:nth-child(2) {    animation-delay: -0.5s;}
        @keyframes lds-ripple {
            0% {    top: 36px;    left: 36px;    width: 8px;    height: 8px;    opacity: 0;}
            4.9% {    top: 36px;    left: 36px;    width: 8px;    height: 8px;    opacity: 0;}
            5% {    top: 36px;    left: 36px;    width: 8px;    height: 8px;    opacity: 1;}
            100% {    top: 0;    left: 0;    width: 80px;    height: 80px;    opacity: 0;}
        }
        .section {background-color: #f8faff;padding: 50px 0px 50px 0px;}
        .profileinfo{    width: 90%;   text-align: start;}
        @media only screen and (max-width: 768px){
            .issue-name{    font-size:15px;}
            .service-card-2{    min-height:110px;    padding-top: 14px;    padding-bottom: 15px;}
            .printer-card.open{    height:110px;}
        }
        .brandsh{    background-color:#F8FAFF;}
          .brandsh-img{    width:auto !important;    margin:0px auto;}
         @media only screen and (max-width: 1472px){
              .brandsh-img{    width:100% !important;    margin:0px auto;}
         }
.back-service-btn{    background: #0171AD;    color: #fff;    padding: 5px 30px;    border-radius: 5px;    gap:20px;}
.back-service-btn:hover{    background: #3685ae;}
/*Added CSS*/

.box-i {  position: absolute;  top: 0px;  left: 22px;  font-size: 14px;  padding: 4px}
.f-item>p{    color:#fff;    font-size: 13px;}
.banner-area{    background-image:url(https://printertales.com/public/upload/image/667beb56b6aa3_home-banner.webp);}

/*Services page*/

.plans-section-1 {background: linear-gradient(to bottom right, #0992e9, #1ac4f6);}
.plan-heading {font-size: 40px;letter-spacing: -1.15px;color: #fff;}
.plan-h-text {font-size: 18px;letter-spacing: -.2px;line-height: 1.3333;font-weight: 400;color: #fff;}
.plan-h-text>a {font-weight: 550;color: #fff;line-height: 15px;}
.plans-text-carosel {background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0));}
.fa-star {color: #FACB71;}
.most-popular {background-color: rgb(19, 48, 97);padding: 10px 0px;border-radius: 4px 4px 0px 0px;text-align: center;color: #fff;}
.plan_table {background-color: #fff;border-radius: 10px;}
input {min-height: 25px;}
.selectplanradio_savingsLabel__0OrDy {    background: linear-gradient(to right bottom, rgb(9, 146, 233), rgb(26, 196, 246)) text;    -webkit-text-fill-color: rgba(0, 0, 0, 0);    color: rgba(0, 0, 0, 0);    font-size: 16px !important;    font-weight: 500;}
.plan-small-text {color: #32a4ee;font-size: 12px;letter-spacing: -.08px;line-height: 1.3333;}
.fa-circle-question {color: rgb(204, 212, 221);font-size: 16px;}
.plan-card-1 {background-color: #EBF3FC;color: #263746;}
.plan-card-2:hover{background-color: #F2F2F2;}
.p0 {font-size: 20px;letter-spacing: -.25px;line-height: 1.4;}
.plan-price-number {font-size: 44px;letter-spacing: -1.6px;line-height: 1.091;}
.plan-price-number>span {vertical-align: super;}
.plan-select-btn {    height: 48px;    font-size: 16px;    letter-spacing: -0.4px;    line-height: 1.25;    background: #00c9bc;    border: 1px solid #00c9bc;    color: #fff;    padding: 0px 20px;    border-radius: 5px;}
.plan-select-btn:hover {background: #32a4ee;border-color: #32a4ee;color: #fff;}
.price-check-icon {    font-size: 16px;    background: linear-gradient(to right bottom, rgb(9, 146, 233), rgb(26, 196, 246)) text;    -webkit-text-fill-color: rgba(0, 0, 0, 0);    color: rgba(0, 0, 0, 0);}
.price-check-icon~span{font-weight: 500;}
.plansPage_guaranteeContainer__P96lA {background-color: rgb(19, 48, 97);color: #fff;}
.plan-3-title {background: linear-gradient(to right bottom, rgb(9, 146, 233), rgb(26, 196, 246)) text;-webkit-text-fill-color: rgba(0, 0, 0, 0);color: rgba(0, 0, 0, 0);}
.plan-3-title-text {    font-size: 20px;    letter-spacing: -.25px;    line-height: 1.4;    color: #263746;    font-weight: 400;}
.see-membership {    background: transparent;    border: 2px solid #00c9bc;    color: #00c9bc;    font-size: 16px;    letter-spacing: -0.4px;    width: 188px;}
.see-membership:hover {border: 2px solid #32a4ee;color: #32a4ee;}
.plan-section-4 {background: linear-gradient(to right bottom, rgb(9, 146, 233), rgb(26, 196, 246));}
.plan-4-text>h3 {color: #fff;}
.plan-4-membership-btn {    font-size: 16px;    letter-spacing: -0.4px;    background-color: transparent;    border: 2px solid #fff;    color: #fff;    width: 188px;}
.plan-4-membership-btn:hover {background-color: rgba(255, 255, 255, 0.1);}
.plan-section-6 {background: linear-gradient(to right bottom, rgb(9, 146, 233), rgb(26, 196, 246));padding: 96px;text-align: center;}
.plan-section-6-btn{    background-color: white;    border: 2px solid #fff;    color: #0992e9;    padding: 0px 20px;    height: 48px;}
.plan-section-6-btn:hover{border-color: transparent;background-color: rgba(255, 255, 255, 0.2);color: #fff;}
.plan-section-9 {background-color: rgb(244, 248, 252);padding: 96px;text-align: center;}
.ps-7-s-2{background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(9, 146, 233, 0.1), rgba(0, 0, 0, 0));color: #32a4ee;}
.plan-section-7{text-align: center;}
.plan-section-10{background-color: #F4F8FC;padding: 5rem;}
.review_verified__WU4kp {    color: #0992e9;    display: flex;    flex-direction: row;    align-items: center;    font-size: 16px;    font-weight: 600;}


/* FAQ CSS */

.faq-section {background: #fdfdfd;min-height: 100vh;padding: 10vh 0 0;}
.faq-title h2 {position: relative;margin-bottom: 45px;display: inline-block;font-weight: 600;line-height: 1;}
.faq-title h2::before {    content: "";    position: absolute;    left: 50%;    width: 60px;    height: 2px;    background: #E91E63;    bottom: -25px;    margin-left: -30px;}
.faq-title p {padding: 0 190px;margin-bottom: 10px;}
.faq {background: #FFFFFF;box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);border-radius: 4px;}
.faq .card {border: none;background: none;border-bottom: 1px dashed #CEE1F8;}
.faq .card .card-header {  padding: 0px;  border: none;  background: none;  -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
.faq .card .card-header:hover {background: #ceeeff;padding-left: 10px;}
.faq .card .card-header .faq-title {  width: 100%;  text-align: left;  padding: 0px;  padding-left: 30px;  padding-right: 30px;  color: #3B566E;  text-decoration: none !important;  -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  cursor: pointer;  padding-top: 20px;  padding-bottom: 20px;  margin-top: 0;    margin-bottom: 0;    font-size: 20px;    line-height: 28px;    font-weight: 600;    letter-spacing: -.5px;    display: flex;}
.faq .card .card-header .faq-title .badge {  display: inline-block;  width: 24px;  height: 24px;  line-height: 14px;  float: left;  -webkit-border-radius: 100px;  -moz-border-radius: 100px;  border-radius: 100px;  text-align: center;  background: #0271ad;  color: #fff;  font-size: 12px;  margin-right: 20px;  margin-top: auto;  margin-bottom: auto;}
.faq .card .card-body {  padding: 30px;  padding-left: 35px;  padding-bottom: 16px;  font-weight: 400;  font-size: 16px;  color: #6F8BA4;  line-height: 28px;  letter-spacing: 1px;  border-top: 1px solid #F3F8FF;  text-align: start;}
.faq .card .card-body p {margin-bottom: 14px;}

@media (max-width: 991px) {
  .faq {margin-bottom: 30px;}
  .faq .card .card-header .faq-title {line-height: 26px;margin-top: 10px;}
}

/* New Package card */
.pricing-card-mb {margin-bottom: 20px;}
.pricing-card-border {border-radius: 8px;border: 1px solid #707070;}
.pricing-recommended-area {width: 70%;}
.price-card-logo {width: 18px;}
.blog-card-heading {    color: var(--Gray-900, #101828);    font-family: "Work Sans";    font-size: 20px;    font-style: normal;    font-weight: 600;    line-height: 32px;}
.price-card-feature {    border-radius: 4px;    background: var(--Faded-White, #F3F5F9);    padding: 8px 12px;    color: var(--Black, #131313);    font-family: "Work Sans";    font-size: 14px;    font-style: normal;    font-weight: 500;    line-height: normal;    letter-spacing: -0.5px;    width: fit-content;}
.pricing-card-text {    color: #161718;    text-align: justify;    font-family: "Work Sans";    font-size: 14px;    font-style: normal;    font-weight: 400;    line-height: 20px;}
.product-d-price {    color: var(--Label-Color-Light-Primary, #000);    font-family: "Work Sans";    font-size: 22px;    font-style: normal;    font-weight: 600;    line-height: normal;    letter-spacing: -0.5px;}
.pc-call-btn {    border-radius: 6px;    background: #0A78AA;    padding: 8px 12px;    border: none;}
.pc-call-btn:hover {    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--Blue, #24419B);}

/* Plan Card CSS */

.plan-new-card-1{    background-color: #fff;    position: relative;    border: 4px solid #133061;    border-radius: 10px;    transition-duration: 0.5s;    border-top-left-radius: 0px;    border-bottom-left-radius: 0px;}
.plan-new-card-2{background-color: #fff;position: relative;border: 4px solid #133061;border-radius: 10px;transition-duration: 0.5s;}
.plan-new-card-1:hover{border-color:#00c9bc;}
.plan-new-card-2:hover{border-color:#00c9bc;}
.package-identifier{background-color: #133061;position: absolute;height: 102%;top: -4px;left: -54px;text-align: center;display: flex;flex-direction: column-reverse;justify-content: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;transition-duration: 0.5s;color: #fff;
}
.package-identifier-2{background-color: #133061;position: absolute;height: 102%;top: -4px;left: -48px;text-align: center;display: flex;flex-direction: column-reverse;justify-content: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;transition-duration: 0.5s;color: #fff;
}
.package-identifier>span{display: block;rotate: 271deg;line-height: 16px;padding: 0px 16px;font-size: 25px;font-weight: 500;letter-spacing: 0px;
}
.package-identifier-2>span{display: block;rotate: 271deg;line-height: 16px;padding: 0px 16px;font-size: 25px;font-weight: 500;letter-spacing: 0px;
}
.plan-new-card-1:hover .package-identifier{background-color:#00c9bc;color: #000;}
.plan-new-card-1:hover .package-identifier-d{background-color:#00c9bc;color: #000;}
.plan-new-card-2:hover .package-identifier-2{background-color:#00c9bc;color: #000;}
.price-new-card-box{box-shadow: #00000005 0px 1px 3px 0px, #1b1f2326 0px 0px 0px 1px;border-radius: 10px;height: 100%;}
.plan-new-card-1-area.recommended{position: relative;}
.plan-new-card-1-area.recommended>div{background-color: #e1f4ff;}
.plan-new-card-1-area.recommended::after{content: "RECOMMENDED";position: absolute;border-radius: 4px;background: #FED317;padding: 0px 4px;font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 2px;left: -48px;top: 89px;rotate: 270deg;
}

.plan-new-card-1-area.limited::after{content: "LIMITED TIME OFFER";position: absolute;border-radius: 4px;background: #FED317;padding: 0px 4px;font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 2px;left: -64px;top: 89px;rotate: 270deg;
}

.price-new-card-box-child-1{height: 195px;display: flex;flex-direction: column;justify-content: space-between;}
.price-new-card-box-features{transition: all 0.5s ease-in;opacity: 0 !important;height: 0px;overflow: hidden;}
.price-new-card-box-features.active{opacity: 1 !important;height: 480px;overflow: hidden;}
.price-new-card-box-features-2{transition: all 0.5s ease-in;opacity: 0 !important;height: 0px;overflow: hidden;}
.price-new-card-box-features-2.active{opacity: 1 !important;height: 480px;overflow: hidden;}
.price-new-card-box:hover{box-shadow: #00c9bc 0px 1px 3px 0px, #00c9bc 0px 0px 0px 1px;}
.price-new-card-box-features>div>span{font-size: 14px;}
.price-new-card-box-features-2>div>span{font-size: 14px;}
.price-new-card-box-features.d-block{transition-duration: 1s;}
.blog-area .item .info, .owl-carousel .owl-stage-outer{padding-left: 1px;}
.heading-text{width: 55%;}
.plans-text-carosel{width: 55%;}
.plans-text-carosel>a>div{transition-duration: 1s;}
.plans-text-carosel:hover>a>div{transform: scale(1.1);}
.plansPage_image__tcrNX{top: -45px;left: 10px;position: absolute;}
.plansPage_guaranteeContainer__P96lA{height: 100px;}
.discription-text>p {color: var(--Label-Color-Light-Primary, #000);text-align: justify;font-family: "Work Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: -0.5px;}
.discription-text>h2 {font-family: "Work Sans";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.5px;}
.package-identifier-d {display:none;}
.feature-down{transition-duration:0.5s;}
.feature-down.active{rotate:-180deg;transition-duration:0.5s;}
.feature-down-2{transition-duration:0.5s;}
.feature-down-2.active{rotate:-180deg;transition-duration:0.5s;}
.banner-area{height: 380px;}
@media only screen and (max-width: 1500px){.price-new-card-box-features.active{height: 600px;}.price-new-card-box-features-2.active{height: 600px;}}
@media only screen and (max-width: 1200px){.heading-text{width: 75%;}
.package-identifier>span {display: none;}
.package-identifier-d>span {display: block;rotate: 0deg;line-height: 16px;padding: 0px 0px;font-size: 25px;font-weight: 500;letter-spacing: 0px;color:#fff;}
.package-identifier {display:none;}
.package-identifier-d {background-color: #133061;position: absolute;height: auto;width: 100%;top: -42px;left: 0px;display: block;justify-content: center;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 0px;padding: 15px 0px;display: flex;flex-direction: row;}
.plan-new-card-1 {margin-top: 4.5rem !important;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.plansPage_image__tcrNX{top: 0px;position: relative;width: 100px !important;padding-bottom: 20px;}
.plansPage_guaranteeContainer__P96lA{height: auto;padding: 20px 0px;}
.plan-section-6 , .plan-section-9{padding:40px 20px;}
.plan-section-10{padding: 3rem}
.price-new-card-box-features.active{height: 700px;}
.price-new-card-box-features-2.active{height: 700px;}
}
@media only screen and (max-width: 992px){
    .plan-new-card-1-area{margin-bottom: 1rem;}
    .package-identifier-2>span {display: contents;rotate: 0deg;line-height: 16px;padding: 0px 16px;font-size: 25px;font-weight: 500;letter-spacing: 0px;}
    .package-identifier-2 {height: auto;width: 100%;top: -46px;left: 0px;display: block;justify-content: center;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius:0px;padding: 10px 0px;rotate: 360deg;}
    .plan-new-card-2 {margin-top: 4.5rem !important;border-radius: 0px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
    .infoGenericBlock_contentText__yOS79{text-align: center;}
    .infoGenericBlock_customRow___Z8tr{text-align: center;}
    .plan-section-10{padding: 2rem;}
    .price-new-card-box-features.active{height: 500px;}
    .price-new-card-box-features-2.active{height: 500px;}
}
@media only screen and (max-width: 768px){
    .heading-text{width: 90%;}
    .plans-text-carosel{width: 90%;}
    .plan-section-10{padding: 2rem;}
    .owl-nav{display: flex;justify-content: end;width: 100%;gap: 1rem;}
    .owl-prev{font-size: 51px;color: #fff;padding: 8px 6px;border-radius: 50%;font-weight: 900;display: flex;justify-content: center;text-align: center;}
    .owl-next{font-size: 51px;color: #fff;padding: 8px 6px;border-radius: 50%;font-weight: 900;}
    .affilate-dicloser{padding:0rem !important;}
    .banner-area, .banner-search {height: 250px !important;}
}
@media only screen and (max-width: 576px){
    .plan-heading {font-size: 30px;}
    .ps-7-s-2{font-size: 12px;}
    .plan-section-6 , .plan-section-9{padding:50px 10px;}
    .plan-section-10{padding: 0.5rem;}
}
.w-100.client.card.p-4.rounded-2{min-height:320px;}
.sub-new-nav{display:block;}
@media (max-width: 1424px) and (min-width: 1024px) {
 .sub-new-nav{display:none;}
}


/* Cart & Chekout Page */
.cart-left-card-1 {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 10px;padding: 1rem;}
.cart-left-card-2 {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 10px;padding: 1rem;margin-top: 5px;}
.cart-right-card-1 {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 10px;padding: 1rem;}
.cart-right-card-2 {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 10px;padding: 1rem;margin-top: 5px;}
.cart-heading {color: var(--Label-Color-Light-Primary, #000);font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;text-align: left;}
.cart-service-heading-1 {color: var(--Label-Color-Light-Primary, #000);font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;}
.cart-para {color: var(--Label-Color-Light-Primary, #6A7383);font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.5px;}
.cart-product-cart {box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;border-radius: 5px;padding: 1rem;}
.cart-price {color: var(--Label-Color-Light-Primary, #000);text-align: right;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;white-space: nowrap;}
.cart-item {color: var(--Label-Color-Light-Primary, #000);font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;}
.cart-subtotal-text {color: #0271AD;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;}
.cart-price-divider {height: 1px;align-self: stretch;opacity: 0.4;background: var(--Black, #131313);}
.billing-label {color: #414141;font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;letter-spacing: 0.5px;}
.billing-input {height: 45px;padding: 4px 12px;border-radius: 4px;border: 1px solid var(--Border-Neutral, #D5DBE1);background: #f7f7f7;font-size: 15px;font-style: normal;font-weight: 500;line-height: 20px;}
.billing-input:focus {color: #212529;border-color: #D5DBE1;outline: 0;box-shadow: none}
.billing-select {color: #454545;font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;width: 100%;height: 45px;border-radius: 5px; border: 1px solid var(--Border-Neutral, #D5DBE1);background: #f7f7f7;padding: 4px 12px;}
.billing-input:hover,.billing-select:hover{border-color:black;}
.billing-input:focus-within{border-color:#0271ad;}
.billing-input::placeholder {
    color: #a5a5a5; /* Change this to your desired color */
    opacity: 1; font-weight:300;text-transform: capitalize;/* Ensures the placeholder has full opacity */
}
.invalid-feedback{margin:0;font-size:12px}
.form-check-input:focus {box-shadow: none;}
.billing-select:focus {border-color: #A3ACBA;outline: 0;box-shadow: none;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.card-styling {padding: 40px 30px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.img-file {padding: 0;}
.styling h5 {font-size: 22px;}
.styling p {font-size: 18px;}
.btn-styling {color: #0271AD;border-radius: 10px;padding: 15px 30px;border: 2px solid #0271AD;font-size: 18px;font-weight: 500;}
.btn-styling:hover {color: #0069d9;border: 2px solid #0069d9;}
.font-styling {font-size: 20px;font-weight: 500;color: #0271AD;}
.font-styling:hover {color: #0069d9;text-decoration: underline;}
.text-styling {font-size: 24px;font-weight: 500;}

#blogModal .modal-content, #blogModal .modal-dialog{position:static !important;}
#blogModal .modal-dialog{width: 100% !important;}
@media screen and (max-width:630px) {
    .img-file {display: none;}
    .card-styling {padding: 40px 10px;}
}
@media screen and (max-width:590px) {
    .text-styling {display: none;}
}
@media screen and (max-width:560px) {
    .styling p {font-size: 14px;}
    .styling h5 {font-size: 18px;}
}

.loader-box{width: 100%;height: 100vh;background: #000000cc;position: fixed;top: 0;z-index: 9999;}
/* Loading */
.loader {margin: auto;display: flex;column-gap:3px;}
.loader .dot {font-weight: 600;font-size: 40px;color: #0FA8F0;animation: loading 1.05s infinite alternate;}
.loader .dot:nth-child(1) {animation-delay: -1.05s;}
.loader .dot:nth-child(2) {animation-delay: -0.90s;}
.loader .dot:nth-child(3) {animation-delay: -0.75s;}
.loader .dot:nth-child(4) {animation-delay: -0.60s;}
.loader .dot:nth-child(5) {animation-delay: -0.45s;}
.loader .dot:nth-child(6) {animation-delay: -0.30s;}
.loader .dot:nth-child(7) {animation-delay: -0.15s;}
@keyframes loading {
    0% {transform: translateY(-15px);}
    100% {transform: translateY(5px);}
}

.affilate-dicloser{padding:4rem;}
.affilate-dicloser>p{text-align:left !important}
.fix-now-allert-area{
    position: sticky !important;
    top: 209px;
    z-index: 200;
}
.fix-now-close-button:focus{
   outline: none
}

    .pagination>nav>div>div>span>a:hover{
        background-color:#0271AD !important;
        color:#fff !important;
    }
    .pagination>nav>div>div>span span[aria-current="page"]>span{
            background-color:#0271AD !important;
            color:#fff !important;
             padding:5px 18px !important;
        }
        
    .pagination>nav>div>div>span>a{
        padding:5px 15px !important;
        text-align: center;
        font-size: 14px;
    }
    .pagination>nav>div>div>span a[rel="prev"] , a[rel="next"]{
        padding:5px 10px !important;
        text-align: center;
    }
    .pagination>nav>div>div>span a[rel="next"]{
        padding:5px 10px !important;
        text-align: center;
    }
    .pagination>nav>div>div>span span[aria-label="« Previous"]>span{
        padding:5px 10px !important;
        text-align: center;
    }
    .pagination>nav>div>div>span>span>span{
        padding:5px 15px !important;
        text-align: center;
        font-size: 14px;
    }
    
        
@media (max-width: 1200px) {
     .pagination>nav>div>div>span span[aria-current="page"]>span{
            background-color:#0271AD !important;
            color:#fff !important;
             padding:0px 10px !important;
        }
  .pagination>nav>div>div>span>a{
        padding:0px 10px !important;
        text-align: center;
        font-size: 14px;
    }
    .pagination>nav>div>div>span a[rel="prev"] , a[rel="next"]{
        padding:0px 0px !important;
        text-align: center;
    }
    .pagination>nav>div>div>span a[rel="next"]{
        padding:0px 0px !important;
        text-align: center;
    }
    .pagination>nav>div>div>span span[aria-label="« Previous"]>span{
        padding:0px 0px !important;
        text-align: center;
    }
    .pagination>nav>div>div>span>span>span{
         padding:0px 10px !important;
        text-align: center;
        font-size: 14px;
    }
    
 }