﻿.section-visual{width:100%; margin:0 auto; background-size:cover; background-repeat:no-repeat}
.section-heading {position:absolute; top:0; bottom:0; left:0; right:0;}
.bg-visualmask {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: url(../images/bg-visual.png) repeat 50%;}
.bg-runner {background-image:url(../images/bg-shoe.png); background-repeat:no-repeat; background-position:left bottom; background-attachment:fixed}

.stats-slider .tp-parallax-wrap{}
.stats-bx .count, .stats-bx .count + span{font-size:3.5rem!important;  color:var(--bs-primary) !important;line-height:1!important;}
.stats-bx p{font-size:1rem!important; font-weight:800!important; line-height:1.3!important;}

@media (max-width:768px) {
#rev_slider2 *{position:relative!important; visibility:visible!important;}
#rev_slider2 img{max-width:100%!important; opacity:.8;}
.stats-bx .count, .stats-bx .count + span{font-size:140%!important;}
.stats-bx p{font-size:80%!important;}
.stats-bx p{margin-top:5px!important;}
#rev_slider2 .stats-bx{position:absolute!important;}
#rev_slider2 .stats-bx:nth-child(3){ top:10%; left:5%;}
#rev_slider2 .stats-bx:nth-child(5){ top:40%; left:5%;}
#rev_slider2 .stats-bx:nth-child(7){ bottom:10%; left:5%;}
}

@media(max-width:769px) {
.search-panel .text-white{color:rgb(19,85,131)!important}
.search-panel{background:#EEE!important;}
.search-panel .bg-blur{background:#FFF !important; border-color:rgb(19,85,131)!important}
.search-panel .btn{border:#FFF 1px solid!important; background:rgb(19,85,131)!important}
.search-panel .btn:hover, .search-panel .btn:focus{background:#c5d661!important; color:rgb(19,85,131) !important;}
}
@media(min-width:768px) {
.search-panel { border-color:rgba(0, 0, 0, .9)!important;}
.search-panel  .form-col {background-color: rgba(0, 0, 0, .5);  border-color:rgba(255, 255, 255, .9) !important; _font-weight:700; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}
.search-panel .form-select{padding:13px 15px 10px!important; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); color:#fff}
.search-panel  .form-select optgroup,
.search-panel   .form-select option{color:#000!important;}

.search-panel .bg-blur .form-select:focus,
.search-panel .bg-blur .form-select:not(:placeholder-shown),
.search-panel .bg-blur .form-select{ color:#FFF!important;background-color: rgba(0, 0, 0, .5)!important; }

.search-panel .bg-blur .form-control:focus,
.search-panel .bg-blur .form-control{ color:#FFF!important;background-color: rgba(0, 0, 0, .5)!important; }
.search-panel .bg-blur .form-control::placeholder {color:#FFF!important;}

.search-panel .bg-blur .form-select-plaintext ~ label::after,
.search-panel .bg-blur .form-select:focus ~ label::after,
.search-panel .bg-blur .form-select:not(:placeholder-shown) ~ label::after,
.search-panel .bg-blur .form-select ~ label::after{background-color:transparent!important; }
.search-panel .bg-blur .form-select optgroup,
.search-panel .bg-blur .form-select option{color:#000!important;}
}
@media(min-width:1024px) {
.position-lg-absolute {position: absolute !important;}
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {color:#000}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {background:var(--bs-primary); color:#fff !important; border:1px solid var(--bs-primary)}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border:1px solid var(--bs-primary);}


@media (min-width:1601px) {
.bg-logo{background-position:center center;}
}
.bg-contact-form input.bg-transparent,
.bg-contact-form input.bg-transparent + label{color:#FFF!important; }
.bg-contact-form .form-control + label::after{display:none!important;}
.bg-contact-form input.bg-transparent:focus{border-color:#FFF!important;}
.bg-contact-form input.bg-transparent:hover{color:#FFF!important;}
.bg-contact-form input.bg-transparent:-webkit-autofill,
.bg-contact-form input.bg-transparent:-webkit-autofill:hover, 
.bg-contact-form input.bg-transparent:-webkit-autofill:focus, 
.bg-contact-form input.bg-transparent:-webkit-autofill:active{-webkit-background-clip: text; -webkit-text-fill-color: #FFF!important; transition: background-color 5000s ease-in-out 0s; box-shadow: inset 0 0 20px 20px #23232329;color:#FFF!important;}

.list-grid .rounded-4:hover {
    border-color: var(--bs-primary) !important
}

.testimonials-txt p:last-child{margin-bottom:0;}

/*Accordian*/
.accordion-flush > .accordion-item > .accordion-header .accordion-button:not(.collapsed) {color: var(--bs-black)!important;background-color: #eee !important;border-radius:0;box-shadow: none;}
.accordion-body {background: var(--bs-white);}
.accordion-flush > .accordion-item{margin-top:1rem;background: var(--bs-white);border:0px;border-radius:1.15rem;overflow:hidden}
.accordion-header .accordion-button {line-height:normal;font-weight:600;color:var(--bs-dark);padding: 0.8rem 1.25rem}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {_border-radius:36px;box-shadow: none;}
.accordion-button::after {width: 40px;height: 40px;border-radius: 50%;background-color: #eee;--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3e%3c/svg%3e");background-position: center;}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23c80000' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3e%3c/svg%3e");transform: rotate(225deg);}






.profile-grid a:hover{background:var(--bs-white)}
.profile-grid a{position:relative;border-color:#666!important}
.profile-grid .plus-icon{position:absolute; bottom:-13px; left:0; text-align:center; width:100%;}
.profile-grid .plus-icon svg{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:100%; background:var(--bs-white);padding:8px; fill:var(--bs-primary)}
.profile-grid a:hover .plus-icon svg{ background:var(--bs-primary);padding:8px; fill:var(--bs-white)}
.profile-grid a:hover{}

.testimonial-prev{left:calc(50% - 150px)!important;}
.testimonial-next{right:calc(50% - 150px)!important;}
.testimonial-prev:hover,.testimonial-next:hover{color:#FFF!important; border-color:var(--bs-primary) !important;}
.testimonial-prev, .testimonial-next{width:40px!important; height:40px!important; margin-top:3px!important; }


.flipper  svg.my-3{width:50px; height:50px;}
.why-product-icons .flip-container .front,.why-product-icons .flip-container .flipper img{display:none;}
.why-product-icons .flip-container .back{position:relative!important; -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);}
.dtl{margin-top:0px!important;}
}

.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;}
.flip-container:hover .back, .flip-container.hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);}
.flip-container:hover .front, .flip-container.hover .front{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.flip-container{display:inline-block;position:relative;}
.front, .back{width:100%;height:100%; position:absolute!important; display:flex; align-items:center; justify-content:center;}
.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;display:table;height:100%;width:100%;}
.flipper .fnt-dtl .hdr { opacity:1; left:0; right:0; bottom:0;margin:0px!important; -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}

.front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:0.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:0.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:0.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:0.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:relative;top:0;left:0;}
.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:0.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:0.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:0.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:0.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:absolute;top:0;left:0;}
.front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);z-index:2;}
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);color:#fff;padding:0px;}
.dtl{margin-top:10px;}
.fnt-dtl, .bck-dtl{left:0;right:0;text-align:center;}
.bck-dtl{height:100%;}
.fnt-dtl p{text-align:center}
.fnt-dtl .hdr,
.bck-dtl .hdr{color:#fff;line-height:normal;}
.fnt-dtl img,
.bck-dtl img{margin:0 auto;}

.tablebg-compare > div:nth-child(1){}
.tablebg-compare > div:nth-child(2){background-color:rgba(var(--bs-black-rgb),.07);}
.tablebg-compare > div:nth-child(3){background-color:rgba(var(--bs-secondary-rgb),.02);}


.tablebg-compare .tablebg-title,
.tablebg-compare .tablebg-title.text-dark{background-color:rgba(var(--bs-dark-rgb),.01);}


.offcanvas-form .btn-close-white {
    --bs-btn-close-color: #fff !important;
    --bs-btn-close-opacity: 1 !important;
    --bs-btn-close-hover-opacity: 1 !important;
}