/*!
Theme Name: DevWP
Theme URI: http://underscores.me/
Author: Seadog Lab
Author URI: https://seadog.com.co/
Description: Saniflo Specialists
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: devwp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

/* ========= UTILITIES ============*/
  @font-face {
    font-family: "Gilroy-Regular";
    src: url("https://saniflospecialists.co.uk/wp-content/uploads/2025/01/Gilroy-Regular.woff");
    font-weight: 400;
  }
  @font-face {
    font-family: "Gilroy-Medium";
    src: url("https://saniflospecialists.co.uk/wp-content/uploads/2025/01/Gilroy-Medium.woff");
    font-weight: 500;
  }
  @font-face {
    font-family: "Gilroy-Bold";
    src: url("https://saniflospecialists.co.uk/wp-content/uploads/2025/01/Gilroy-Bold.woff");
    font-weight: 700;
  }
html{ font-size: 16px;}	
body{
	    font-family: "Gilroy-Bold";
	font-style: normal;
	font-weight: 400;	
	color: #2c333a;
}
h1, h2, h3, h4, h5, h6{ font-weight: 700; }
h3, h4, h5, h6{ color: #00334e; }
h1{	font-size: 3.5rem; }
h2{	font-size: 2.5rem; }
h3{	font-size: 2rem; }
h4{	font-size: 1rem; }
h5{	font-size: 1.2rem; }
h6{	font-size: 1rem; }
a{
	color: #6FD9FD;
	transition: all 1s ease-out;
	    text-decoration: none;

}
.nav-link:hover {
    color: var(--bs-nav-link-hover-color)!important;
}

a:hover {
    color: #6FD9FD !important;
    text-decoration: none;
}
span.wpcf7-spinner {
    display: none;
}
p{	line-height: 1.4rem;}
.hoverimg img { transition: all 1s ease-out; }
.hoverimg img:hover { filter: saturate(180%); }

/* --- Colors ---*/ 
.bg-drak{
	background-color: #00334e;
}
.bg-grey{
	background-color: #ededed;
}
.bg-red{
	background-color: #ff2f1a;
	transition: all 1s ease-out;
}
a:hover .bg-red{
	background-color: #bb2111;
}
.bg-facebook{
	background-color: #374fa5;
	transition: all 1s ease-out;
}
.bg-whatsapp{
	background-color: #55b566;
	box-shadow: 2px 2px 3px #222222;
	transition: all 1s ease-out;
}
a:hover .bg-whatsapp{
	background-color: #25a03c;
}
.font-red{
	color: #ff2f1a;
}
.font-white{
	color: #ffffff;
}
.nav-link{
	color: #00334e ;
}
.nav-link.nav-link-white{
	color: #ffffff;
}
.border-bottom {
        border-bottom: 0.5px solid #555555 !important;
}

/* --- Fonts ---*/ 
.font-shadow{
	text-shadow: 3px 3px 3px #222222;
}
.icon-divider{
	color: #ff2f1a;
	font-size: 0.4rem;
	padding: 0 10px;
	vertical-align: middle;
}
.title-contact .icon-divider{
	font-size: 0.5rem;

}
.link-contact{
	color: #ff2f1a;
	text-decoration-line: none;
	font-weight: 700;
	transition: all 1s ease-out;
}
.link-contact:hover{
	color: #bb2111;
}
.link-contact.green{
	color: #25a03c;
	transition: all 1s ease-out;
}
.link-contact.green:hover{
	color: #55b566;
}

/* --- Size ---*/

.p-section{
	padding: 4rem 0;
}
.p-jumbotron{
	padding-top: 12rem;
}

.pe-inter{
	padding-right: 2rem;
}
.pe-60inter{
	padding-right: 3rem;
}
.icon-done {
    width: 50px;
/*     height: auto;
    padding-top: 8px; */
    width: 50px;
    height: 50px;
    padding-top: 0;
}
.top-1{
	top: -1rem;
}

/* --- Button ---*/ 
.btn-primary{
	background-color: #ff2f1a!important;
	border: 1px solid #ff2f1a!important;
	text-transform: uppercase;
	transition: all 1s ease-out;
	font-weight: 600;
	align-items: center;
    display: flex;
    justify-content: center;
    height: auto;
	color:#fff!important;
}
.btn-primary:hover{
	background-color: #bb2111;
	border: 1px solid #bb2111;
}
.btn-contact{
	background-color: #ff2f1a;
	color: #ffffff;
	transition: all 1s ease-out;
	font-weight: 600;
}
.btn-contact:hover{
	background-color: #bb2111;
	color: #ffffff;
}
.btn-xl{
	padding: 1rem 1rem;
}
/* --- Heder ---*/

.navbar-toggler:hover .navbar-toggler-icon {
    opacity: 0.7;
}
.brand-style, .bt-nav-style{
	z-index: 10;
}

.navbar-style .nav-link{
    font-size: 1.2rem;
    padding: 10px 0;
    color: #00334e;
    background-color: #ededed;
    text-align: center;
    margin-bottom: 4px;
}
.navbar-style .dropdown-item{
    font-size: 1.2rem;
    padding: 10px 0;
    color: #00334e;
    background-color: #dedede;
    text-align: center;
    margin-bottom: 4px;
}

.navbar-style .nav-link:hover, .navbar-style .dropdown-item:hover, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
    background-color: #cccccc;
    color: #00334e;
}

.navbar-style .dropdown-toggle::after {
    content: "";
    background-image: url('image/chevron-down.svg');
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border:none;
    color: #ff2f1a;
}
.navbar-style .dropdown-toggle.show::after {
    content: "";
    background-image: url('image/chevron-up.svg');
    width: 20px;
    height: 20px;
}
.navbar-toggler{
	transition: all 1s ease-out;
}
.navbar-toggler .navbar-toggler-icon {    
    background-image: url("image/navbar-toggler.png"); 
   
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {    
    background-image: url("image/navbar-toggler-cl.png"); 
}
.bt-nav-style.navbar-toggler:focus {
    box-shadow: initial;
}
.navbar-style .dropdown-menu{
	border: none;
	padding: 0;
	border-radius: 0;
	margin-top: 4px;
}
.container-nav {
    padding: 8rem 0 4rem 0;
    margin: 0 auto;
    width: 40%;
}
.navbar-style {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 96vh;
    z-index: 9;
}
.navbar-toggler{
	border: none;
	color: #00334e;
}
.navbar-brand img{
	height: 90px;
	width: auto;
}
.btn-var {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.item-chat {
    margin: 20px 10px 0;
    align-content: center;
}
.item-chat  .icon-chat {
    width: 90px;
}
.item-chat .qlwapp-toggle {
    border-radius: 66%;
}
.item-chat .qlwapp-bubble .qlwapp-toggle .qlwapp-icon {
    font-size: 32px!important;
}
.item-chat #qlwapp .qlwapp-toggle {
    margin: 0;
}

/* --- Footer ---*/
#footer .box-pay{
	background-color: #e3e4e5;
    padding: 1rem 1rem 2rem 1rem;
	border-radius: 4px;
}
#footer .footer-brand img{
	height: 90px;
	width: auto;
	margin-bottom: 1rem;
}
#footer .box-reviews{
	display: block;
	background-color: #ffffff;
	padding: 1rem;
	border-radius: 4px;
	transition: all 1s ease-out;
	text-decoration: none
}
#footer .box-reviews:hover{
	background-color: #e3e4e5;
}
.box-reviews p{
	color: #2c333a;
	margin-bottom: 0;
}
.circle-icon {
	display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 30px;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
}
.circle-icon i{
   font-size: 1.5rem;
   vertical-align: middle;
   color: #ffffff;
}
.box-pay, .box-reviews{
	margin-bottom: 1rem;
}
.widget-footer{
	margin-bottom: 0px;
}
.widget-footer .nav-link:hover{
	color: #00334e ;
	text-decoration: underline;
}
.btn-contact.pr-contact {
    margin-right: 2rem;
}


/* ========= HOME ============*/
/* --- Hero ---*/ 

#hero-home{
	height: 850px;
	position: relative;	
	background-size: cover;
	background-position-y: bottom;
}
.margin-reviews {
margin: 3.9rem auto 0rem;

}
.wrap-reviews{
    width: 50%;
    text-align: center;
}
img.icon-reviews {
    width: 100%;
    max-width: 270px;
}
.jumbotron .wp-gr .wp-google-powered {
    color: #ffffff!important;
}
.jumbotron .wp-gr .wp-google-powered img {
   display: none;
}
.overlay-hero{	
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	top: 0;
  	left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 10%, rgba(0, 51, 78, 0.5) 25%, rgba(0, 51, 78, 1) 90%);
}
.title-jumbotron{
	font-size: 2.2rem;
	color: #ffffff;
}
.box-fom{
	background-color: #ededed;
	border-radius: 4px;
    padding: 3rem 3rem 2rem 3rem;
}
.box-fom .d-flex.align-items-center.justify-content-center span {
    font-size: 15px;
}
.wpcf7-form p{
	margin: 0;
}
.wpcf7-form .form-label {
    margin-bottom: 0;
    line-height: 0;
}
/* .wpcf7-form .form-control {
    background-color: transparent;
    border: none;
    border-bottom: #6d757d 1.5px solid;
    border-radius: 0;
    padding: 0.6rem 0;
    margin-bottom: 6px;
    font-size: .9rem;
} */
.wpcf7-form .form-control {
       background-color: #fff;
    border: none;
    border-bottom: none;
    border-radius: 0;
    padding: 0.6rem 0.6rem;
    margin-bottom: 6px;
    font-size: .9rem;
}
input:-internal-autofill-selected {
    background-color: transparent!important;
}
.wpcf7-form .form-control:focus {
    border-color: #ff2f1a;
    box-shadow: none;
}
.wpcf7-form-control.wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
}
.wpcf7-list-item {
    width: 50%;
    margin: 0;
}
.wpcf7-not-valid-tip {
    font-size: .8em;
    line-height: 0.4rem;
    display: none;
}
.wpcf7-form-control-wrap .wpcf7-form-control.error {
	border-color: #ff2f1a;
	background-image: url('image/close.svg');
	background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 25px 25px;

}
.wpcf7-form-control-wrap .wpcf7-form-control.valid{
	border-color: #56b566;
	background-image: url('image/valid.svg') !important ;
	background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 25px 25px;

}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    background-color: #ffb900;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 0em;
    font-size: .9rem;
}
.box-features{
	border: 1px solid #ffffff;
	padding: 2rem ;
	border-radius: 4px;
}

/* --- Services ---*/ 
.card{
	border: none;
}
	
.card .label-position {
    position: absolute;
    left: -1px;
    top: -66px;
}

.card .label-title { 	
 	 text-align: left;
    padding: 2rem 1.5rem;
	position: relative;
	background-image: url("image/title-services.png"); 
	background-size: cover;
	width: 231px;
    height: 132px;
}
.card .pt-card {
    padding-top: 5rem !important;
}
.label-title .card-title {  
	color: #ffffff;
	margin-bottom: 0;
	font-size: 1.5rem;
}
.card-text{
	text-align: left;
	min-height: 10rem;
	overflow: hidden;
	min-height: 180px;
}
.expert-location .align-items-start , .Saniflo.Repairs .align-items-start{
    align-items: center!important;
}
.Saniflo.Repairs h3{
    margin-bottom: 0;!important;
}
/* --- Team ---*/ 

#team.owl-theme .owl-dots{
    position: absolute;
    top: 10px;
    width: 100%;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #55b566;
}
.owl-theme .owl-dots .owl-dot span {
    width: 1rem;
    height: 1rem;
    background: #fff;
}
.carousel-indicators [data-bs-target] {
   margin: 0 10px;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    opacity: 1;
  
}
.owl-carousel .owl-stage {
    display: flex;
}
.carousel-indicators .active {
    background-color: #55b566;
}
.owl-theme .owl-nav [class*=owl-] {
    margin: 1rem 1.5rem;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.item-team .label-team {
    position: absolute;
    left: -1px;
    bottom: 61px;
}
.item-team .label-title-team { 	
 	text-align: right;
    padding: 2rem 2rem;
    position: relative;
    background-image: url(image/title-services.png);
    background-size: cover;
    width: 191px;
    height: 110px;
}
.label-title-team  .team-title {  
	color: #ffffff;
	margin-bottom: 0;
	font-size: 1.8rem;
}

a.button.secondary.url.hoverimg {
    height: 100%;
}

/* --- Location ---*/ 
.w-location {
    width: 50%;
    color: #55b566;
    font-weight: 700;
    margin: 0.6rem 0;
    position: relative;  
    padding: 0 10px;
}
.l-location li a, .w-location  a{
	color: #55b566;	
	text-decoration: none;	
}
.l-location li a:hover, .w-location a:hover, .w-location a:hover i{
	color: #ffffff;		
}
.w-location i {
    font-size: 1.6rem;
    padding-left: 0.8rem;
    color: #387595;
    position: absolute;
    top: 0px;
    right: 0%;
    transition: all 1s ease-out;
}
.l-location{	
	list-style: none;
	padding-left: 0;
}
.l-location li {
	color: #55b566;		
	padding: 0.1rem 0;

}
 .label-position-map {
    position: absolute;
    left: 0px;
    top: 0px;
}

.label-title-map { 	
 	 text-align: left;
    padding: 2rem 1.5rem;
	position: relative;
	background-image: url("image/title-map.png"); 
	background-size: cover;
	width: 375px;
    height: 159px;
}
.label-title-map .map-title {  
	color: #ffffff;
	margin-bottom: 0;
	font-size: 1.8rem;
}
.w-location .accordion-item {
    background-color: transparent;
}
.w-location .accordion-button, .w-location .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #56b566;
    font-size: 18px;
    font-weight: 600;
    box-shadow: inset 0 calc(-1* 2px) 0 #56b566;
}
.w-location .item-location {
    position: relative;
    color: #56b566;
}
.w-location .accordion-button::after {    
    background-image: url("image/caret-down-fill.svg");   
}

.w-location .accordion-button:not(.collapsed)::after {
    background-image: url("image/caret-down-fill.svg"); 
}

/* --- Reviews ---*/
.card-body {
    padding: 3rem 2rem;
}
.starts-reviews{
	width: 120px!important;
	height: auto;
	margin-bottom: 30px;
}
.mh-500{
	min-height: 500px;
}

/* --- FAQ ---*/
.box-faq{
	padding: 2rem;
	border: 1px solid #dee2e6;
	border-radius: 4px;
}
.accordion-style .accordion-item{
	border-style: solid hidden solid hidden;
}
.accordion-style .accordion-item:first-of-type, .accordion-item:first-of-type>.accordion-header .accordion-button{
	border-radius: 0px;
}
.accordion-style .accordion-button:not(.collapsed){
	background-color: initial;
	box-shadow: initial;
}
.accordion-style .accordion-button{
	font-size: 1.3rem;
	font-weight: 600;
	padding: 2rem 1rem;
	color: #00334e;
}
.accordion-style .accordion-body {
    text-align: start;
}
.accordion-style .accordion-button::after {    
    background-image: url("image/dash.svg");   
}

.accordion-button:not(.collapsed)::after {
    background-image: url("image/plus.svg"); 
}

/* --- BTN contact Float ---*/
#wrap-contact-right .bg-body-contact{
    display: none;
    width: 100%;
    height: 100%;
    background: #000000a6;
    position: fixed;
    top: 0;
    transition: visibility 0s, opacity 0.5s linear;
     z-index: 90;
}
#wrap-contact-right.show .bg-body-contact {
    display: block;
}
.contact-float {
    position: fixed;
    top: 25%;
    right: 0;
    display: flex;
    z-index: 100;
}
.contact-float .btn-contact .vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    margin: auto;
    height: 100%;
    text-transform: uppercase;
}
.contact-float .content-btn {
    height: 500px;
    min-width: 45px;
    margin: auto;
}
.contact-float .btn-contact {
    height: 230px;
    padding-right: 15px;
    border-radius: 6px 0 0 6px;
    position: relative;
    top: 20%;
    width: 100%;
}
#wrap-contact-right .wrap-contact-float {
    display: flex;
    position: relative;
    display: none;
   
}
#wrap-contact-right.show .wrap-contact-float {
	display: flex;
	box-shadow: 0px 0px 7px #22222278;
}

.contact-float .item-contact-float {
    width: 350px;
    padding: 40px 30px;
    background-color: #ededed;
    position: relative;
}
.contact-float .item-contact-float .content-info {
    text-align: center;
    margin: 50px 0 30px;
}
.contact-float .content-info .icon-reviews {
    width: 80%;
}
.contact-float .item-contact-float.bg-blue {
    background-color: #00334e;
}
.contact-float .btnclose {
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all 1s ease-out;
}
.contact-float .btnclose:hover {
    color: #ff2f1a;
}
.contact-float .content-social{
    margin-bottom: 10px;
}
.contact-float .content-social a {
    width: 50%;
    display: flex;
    margin: auto;
    font-size: 14px;
    line-height: 18px;
    align-items: center;
}
.btn-phone {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 1s ease-out;
}
.btn-massenger{
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    transition: all 1s ease-out; 
}
.btn-mail{
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    transition: all 1s ease-out;
}
.btn-massenger:hover, .btn-phone:hover, .btn-mail:hover {
    color: #ff2f1a;
}
.term {
    line-height: 18px;
}
/* --- Footer top ---*/
.what-s {
    height: 50px;
    width: auto;
}
.btn-whatsapp {
    position: absolute;
    top: -25px;
    right: 16px;
}
.call-action-footer {
    position: fixed;
    width: 100%;
    height: 108px;
    bottom: -35px;
    z-index: 99;
}
.call-action-footer .circle-icon {
    width: 4rem;
    height: 4rem;
}
.call-action-footer .circle-icon i{
   font-size: 2.5rem;
}


/* ========= PAGES ============*/
#hero-area{
	height: 740px;
	position: relative;	
	background-size: cover;
}
#hero-services{
	height: 740px;
	position: relative;	
	background-size: cover;
	background-position-y: center;
}
.bk-py-c{
	background-position-y: center !important;
}
/* --- Teams ---*/
#hero-page{
	height: 370px;
	position: relative;	
	background-size: cover;
}
#hero-page .overlay-hero {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 17%, rgba(0, 51, 78, 0.5) 70%);
}

.item-reviews, .card {
    height: 100%;
}
.item-thanks img {
    width: 80px;
    padding-bottom: 10px;
}
.content-social-footer a {
    width: 50%;
    display: flex;
    margin: auto;
    font-size: 20px;
    line-height: 22px;
    align-items: center;
}
.content-social-footer .text-massenger{
    padding-left: 10px;
}
.customer-review-trust .trustpilot-widget{
	margin: 0;
  	top: 33px;
}
.banner-review-trust .trustpilot-widget{
	margin: 0;
  	top: 33px;
}
/*05-11-2024 Start*/
.cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy{ font-size:17px!important}
.cky-notice-des *{font-size:17px!important  }

.cky-consent-container .cky-consent-bar{ padding: 10.5px 24px !important; }
.cky-notice .cky-title{ display:none !important }
.cky-notice-des a.cky-policy { margin-left: -2px !important; }
.gsb-buttons.left-side {
    left: 12px;
    bottom: 70px;
}
.gsb-buttons.right-side{
	bottom: 10px !important;
}
.cky-consent-container.cky-classic-bottom.cky-consent-bar-expand .cky-preference-wrapper {
    display: none !important;
}
.grecaptcha-badge {
  display: none !important;
}

a.button {
	display: flex; 
	width: fit-content; 
	justify-content: center; 
	align-items: center; 
	/* height: 40px;*/ 
	margin: 0 auto;
}
.position-relative {
    position: relative !important;
}
.hiro-sec {
    padding-bottom: 152.8px;
    /* overflow-x: hidden; */
}
.hiro-right-img {
    width: 100%;
    height: 100%;
    max-width: 891px;
    max-height: 884px;
    object-fit: contain;
    right: 0;
    position: absolute;
    z-index: 1;
}.macerator-img {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    max-width: 587.95px;
    height: 100%;
    max-height: 130.78px;
    z-index: 9;
}
.container {
    width: 100%;
    max-width: 1308px;
    margin: 0 auto;
    padding: 0 15px;
}

.hiro-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 9;
}
.main-title {
     color: #00334E;
    font-size: 66px;
    line-height: 74px;
    margin-bottom: 16px;
    width: 100%;
    max-width: 565px;
}
.hiro-sub-title {
    color: #00334E;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 43px;
    margin-top: 43px;
}
.primary-btn, .primary-btn:hover {
    color: #2C333A;
    font-size: 29px;
	    font-weight: bold;
    line-height: 44px;
    padding: 32px 61px;
    background: transparent linear-gradient(180deg, #E0FF4F 0%, #E0FF4F 52%, #C8E347 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 6px;
    position: relative;
    border: none;
    min-width: 444px;
    height: 108px;
    text-transform: uppercase;
    text-align: center;
	text-decoration: none;
}
.primary-btn::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: #C8E347 0% 0% no-repeat padding-box !important;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 0;
}
.primary-btn span {
    position: relative;
    z-index: 99;
}
.review-google-image-se {
    width: 23%;
    display: flex;
    align-items: center;
}

.review-title-five {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 13px;
}

.reivew-client-text-mode {
    width: 60%;
}

.review-title-five span {
    font-size: 21px;
    font-weight: 500;
}

.d-flex.client-review-footer {
    width: 72%;
    padding-top: 28px;
}
.hiro-sec-main {
    padding-top: 75px;
}

.main-tas span {
    letter-spacing: 0px;
    color: #25A03C;
    opacity: 1;
    font-size: 31px;
    line-height: 54px;
    font-weight: bold;
}
.font-foter{
	    display: flex;
    align-items: center;
    justify-content: center;
}
img.new-card-klarana.card-img-top.img-fluid {
    width: 204px;
    /* margin: 0 auto; */
    text-align: center;
    padding-left: 13px;
}

}
/*05-11-2024 End*/
/* ========= RESPONSIVE ============*/
@media (max-width: 1200px) {
	.box-features h4{
		font-size: 1.2rem;
	}
	.icon-done{
		width: 2rem;
		height: auto;
	}
}
@media (max-width: 992px) {
	html{
		font-size: 14px;	
	}	
	.container-nav {
	    width: 80%;
	}
	.navbar-brand img{
		height: 60px;
		width: auto;
	}
/*   	#hero-home, #hero-services, #hero-area{
		height: 130vh;	
	} */
	.box-features{
		padding: 20px 10px;
	}
	.icon-done{
		width: 2rem;
		height: auto;
	}
	.box-features .item-features h5{
		font-size: .9rem;
	}
	.box-fom{
		padding: 20px;
	}
	.box-pay, .box-reviews{
		margin-bottom: 1rem;
	}
	.widget-footer{
		margin-bottom: 3rem;
	}
	.me-inter, .pe-60inter{
		padding-right: 10px;
	}
	.card .label-title {
	    width: 200px;
	    height: 114px;
	}
	.label-title-map {
	    width: 313px;
	    height: 135px;
	}
	.mt-r-8{
		margin-top: 8rem;
	}
	.w-location {
	    width: 50%;
	    font-size: 1.1rem;
	}
	.pe-inter {
	    padding-right: 0rem;
	}
}
.wrap_lylarea_logo img {
    width: 186px;
}
@media (max-width: 768px) {
	.wrap_lylarea_logo img {
        width: 80%;
	}
    .margin-reviews {
        max-width: 100%;
    }
    .widget-footer{
		margin-bottom: 2rem;
	}
    .p-jumbotron h1 {
	    font-size: 2.5rem;
	    
	}
	.p-jumbotron {
	    padding-top: 10rem;
	}
	
	.container-nav {
	    width: 90%;
	}
	.box-features{
		border: none;
		padding: 0px;
	}

	.me-inter, .pe-60inter{
		padding-right: 0px;
	}
	.title-jumbotron.font-shadow{
		color: #00334e;
		text-shadow: none;
	}	
	.box-faq{
		padding: 0px;
		border: none;
	}
	.mt-r-8{
		margin-top: 5rem;
	}
	.form-control {
        font-size: 1.2rem;
    }
	.box-fom p{
		font-size: 1rem;
		text-align: left;
		line-height: 1rem;
	}
	.box-fom .wpcf7-not-valid-tip{
	    color: #56b568;
        font-size: 0.8rem;
	}
	.margin-reviews {
        margin: 0rem auto 2rem;
    }
}

@media (max-width: 540px) {
	.customer-review-trust .trustpilot-widget{
		/* margin-left: -60px;
		top: 18px; */
	}
	#services a.btn.btn-primary {
    font-size: 1.3rem;
    padding: 13px 20px !important;
}
	.banner-review-trust .trustpilot-widget {
		margin-left: -60px;
		top: 18px;
	  }
    .p-section {
        padding: 3rem 0;
    }
    .p-jumbotron h1 {
	    font-size: 1.8rem;
	    text-shadow: none;
	    color: #00334e;
	}
    h2 {
        font-size: 2rem;
    }
    .wrap-reviews {
        width: 50%;
    }
  	.box-fom{
		padding: 20px;
	}	
	.box-fom h3{
		font-size: 2.5rem;
	}	
	.box-fom span{
		font-size: 1.2rem;
		
	}	
	.box-pay img{
		width: 70%;
	}
	.overlay-hero {
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 15%, rgba(0, 51, 78, 0.5) 30%, rgba(0, 51, 78, 1) 80%);
    }
/* 	#hero-home, #hero-services, #hero-area{
		height: 120vh;	
	} */
	#hero-page{
		height: 210px;
		background-position-y: top;
	}
	#hero-page .overlay-hero {
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.6) 80%, rgba(0, 51, 78, 0.3) 100%);
    }
	.p-jumbotron {
	    padding-top: 8rem;
	}
	.home .title-jumbotron{
		font-size: 1.2rem;
	}	
	.icon-done{
		width: 21px;
		height: 21px;
	}
	.box-features .item-features h4{
		font-size: 1rem;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 95%;
    }
    .item-features h4.mx-3{
        margin-right: 0rem !important;
        margin-left: 0.2rem !important;
        font-size: 1rem;
    }
    
    .font-shadow {
        text-shadow: 2px 1px 2px #222222;
    }
    .btn-contact.pr-contact {
        margin-left: 2rem;
        margin-bottom:20px;
    }
    .widget-footer{
		margin-bottom: 1rem;
	}
	.margin-reviews {
        margin: 0rem auto .8rem;
    }
    
	.me-inter, .pe-60inter{
		padding-right: 10px;
	}
	.accordion-body {
		padding: 14px 0;
	}
	img.icon-reviews {
		width: 100%;
	}
	.wrap-reviews.text-end, .wrap-review.text-start{
		text-align: center!important; 
	}
	.hiro-sec-main {
    padding-top: 175px;
}
	.main-title {
    color: #00334E;
    font-size: 44px;
    line-height: 51px;
    margin-bottom: 0;
    width: 100%;
    max-width: 565px;
    text-align: center;
}
	.hiro-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 9;
}
	.primary-btn, .primary-btn:hover {
    color: #2C333A;
    font-size: 25px;
    font-weight: bold;
    line-height: 33px;
    padding: 20px 30px;
    background: transparent linear-gradient(180deg, #E0FF4F 0%, #E0FF4F 52%, #C8E347 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 6px;
    position: relative;
    border: none;
    min-width: auto;
    height: auto;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
	.hiro-right-img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: initial;
    object-fit: contain;
    right: 0;
    position: absolute;
    z-index: 1;
    top: 160px;
}
	.d-flex.client-review-footer {
    width: 72%;
    padding-top: 0;
    margin-top: 420px;
}
	.d-flex.client-review-footer {
    width: 100%;
    padding-top: 0;
    margin-top: 308px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
	.review-google-image-se {
    width: 100%;
    display: flex;
    justify-content: center;
}
	.main-tas {
    text-align: center;
}
	.reivew-client-text-mode {
    width: 100%;
}
	.main-tas span {
    letter-spacing: 0px;
    color: #25A03C;
    opacity: 1;
    font-size: 23px;
    line-height: 31px;
    font-weight: bold;
}
	.macerator-img {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    max-width: 397.95px;
    height: 100%;
    max-height: 130.78px;
    z-index: 9;
    object-fit: contain;
}
	.hiro-sec {
    padding-bottom: 80px;
}
}

.banner-review-trust,
.customer-review-trust,
.side_bar-review-trust,
.service-inner-review-trust
{
  display: flex;
  flex-direction: column-reverse;
  gap: 14px;
  align-items: center;
}

.side_bar-review-trust{
	gap: 0 !important;
}

.rating-text{
	font-size: 14px;
	font-family: arial;
}

.trustpilot-widget{
	/* max-width: 100%;
    margin: 0 auto !important; */
  /*   padding: 0 10px; */
}

.box-reviews .trustpilot-widget{
	padding: 0 20px;
}

.side_bar-review-trust .rating-text{
	font-size: 12px;
	font-family: arial;
	margin-top: 8px;
}

.trustpilot-widget iframe{
    /* max-width: 100%; */
}

.margin-reviews .trustpilot-widget iframe{
	height: 38px !important;
}

.box-reviews .trustpilot-widget iframe{
	height: 38px !important;
}

@media (min-width: 485px) and (max-width: 768px) {
	.margin-reviews .trustpilot-widget iframe{
		height: 38px !important;
	}
}

@media (min-width: 431px) and (max-width: 1023px) {
	.box-reviews .trustpilot-widget iframe{
		height: 38px !important;
		
	}
}

@media (min-width: 992px) {
	.box-reviews .trustpilot-widget iframe{
		height: 40px !important;
		min-width: 220px;
	}
}


/* @media (min-width: 576px) and (max-width: 541px) {
	.margin-reviews .trustpilot-widget iframe{
		height: 51px !important;
	}
} */


@media (max-width: 991px) {
	.rating-text{
		font-size: 12px;
	}
	.banner-review-trust,
	.customer-review-trust,
	.side_bar-review-trust
	{
		gap: 0px;
	}
	.customer-review-trust
	{
		gap: 20px;
	}
	.trustpilot-widget {
		/* padding: 0px 20px; */
	  
	}
	.trustpilot-widget iframe{
		height: 45px;
	}

	.margin-reviews .customer-review-trust .trustpilot-widget{
		display: flex;
    justify-content: center;
	}

}


@media (min-width: 541px) and (max-width: 767px) {
	.rating-text{
		font-size: 10px;
	}

	.banner-review-trust,
	.customer-review-trust,
	.side_bar-review-trust,
	.service-inner-review-trust
	{
		gap: 0px;
		overflow: hidden;
  		width: 55%;
	}

	.trustpilot-widget iframe{
		height: 52px !important;
	}

}


@media (max-width: 540px) {
		.rating-text{
		font-size: 10px;
		}
		element {
		position: relative;
		}

		.banner-review-trust,
		.customer-review-trust,
		.side_bar-review-trust{
			overflow: hidden;
  			width: 80%;
		}

		.banner-review-trust .trustpilot-widget {
		margin: 0;
		top: 33px;
		}
		
		.trustpilot-widget {
		/* padding: 0px 20px; */
		}

		.customer-review-trust,
		.service-inner-review-trust{
			gap: 0px;
			overflow: hidden;
			width: 65%;
		}
		.trustpilot-widget iframe{
			height: 45px !important;
		}
}

/* @media (max-width: 460px) {
	.customer-review-trust .trustpilot-widget{

		top: 10px;
	}
	.banner-review-trust .trustpilot-widget {
		top: 10px;
	  }
	  .rating-text{
		font-size: 10px;
	}
} */


@media (max-width: 430px) {
	.trustpilot-widget iframe{
		height: 38px !important;
	}

	.trustpilot-widget {
		padding: 0px 10px;
	  
	}

	  .rating-text{
		font-size: 8px;
	}
}
.wrap-reviews.banner-klarna {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* @media (min-width: 567px) and (max-width: 767px) {
	.trustpilot-widget iframe{
		height: 51px !important;
	}
} */

/* .button {
	display: flex; 
	width: fit-content; 
	justify-content: center; 
	align-items: center; 
	height: 40px; 
	margin: 0 auto;
}
 */


/* Klarna Website Css */

.woocommerce-page {
    font-family: 'Mundial', sans-serif !important;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 51, 78, 1) 100%);
    background-attachment: fixed;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
    background: #fff !important;
    padding: 10px;
    border-radius: 10px;
	    border-collapse: separate;
}
.woocommerce-page div#hero-page {
    display: none;
}
div#page {
    position: relative;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -ms-flex-direction: column;
    flex-direction: column;
}

#main {
    justify-content: center;
    /* top: 250px;
    position: relative; */
}
#yellow-button {
    background-color: #ff2f1a;
    border: 1px solid #ff2f1a;
    text-transform: uppercase;
    transition: all 1s ease-out;
    font-weight: 700;
    width: 100%;
    border-radius: 5px;
	font-size: 0.9375rem;
    line-height: 1.4;
    color: #fff;
}
.page-title {
    font-weight: 700;
    text-align: center;
}
.home header#masthead {
    position: absolute;
    margin: 0 auto;
    width: 100%;
}
.widget-area, .site-footer{
	display: none;
}
#sinatra-header-inner {
    border: 0 !important;
    background: transparent !important;
}
.user-login {
    text-align: center;
    width: 350px;
    padding: 40px 30px;
    position: relative;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
img.custom-logo {
    margin-top: 25px;
    margin-bottom: 25px;
}
 #site-navigation{
display:none;
}
.page-header.si-has-page-title.si-has-breadcrumbs {
    display: none !important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .entry-content, article header {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}
.item-reviews, .card {
    height: 100%;
}
.card {
    border: none;
}
.card-img, .card-img-top {
    border-top-left-radius: calc(0.375rem - 1px);
    border-top-right-radius: calc(0.375rem - 1px);
}
.card .pt-card {
    padding-top: 5rem !important;
}
.wp-block-woocommerce-checkout-order-summary-block {
    background: #ffff;
    border-radius: 10px !important;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained {
    background-color: #ff2f1a;
    color: #fff;
    border-radius: 10px;
}
.card-body {
    padding: 3rem 2rem!important;
}
.position-relative {
    position: relative !important;
}
.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
    background: #fff;
    padding: 16px;
    border-radius: 10px;
}
.d-grid {
    display: grid !important;
}
.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}
.card .label-position {
    position: absolute;
    left: -1px;
    top: -66px;
}
.product-des{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.card .label-title {
    text-align: left;
    padding: 2rem 1.5rem;
    position: relative;
    background-image: url('https://saniflospecialists.co.uk/wp-content/themes/devwp/image/title-services.png');
    background-size: cover;
    width: 231px;
    height: 132px;
	display: flex;
}
.woocommerce-shop .card-body .label-title .card-title {
	color: #ffffff;
    margin-bottom: 0;
    font-size: 1.3rem;
    margin: 0;
	padding: 0;
    display: flex;
    align-items: center;
}
input#product-search-field {
    width: auto;
    float: right;
    margin: 0 0 20px 19px;
}
.woocommerce .woocommerce-ordering select{
	height: 42px;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
    background: #fff!important;
    padding: 10px;
    border-radius: 10px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background-color: #ff2f1a;
    border: 1px solid #ff2f1a;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    padding: 12px;
    width: auto;
    margin: 0 auto;
    text-align: center;
}
a.wc-block-components-product-name {
    color: #ff2f1a;
    text-decoration: none;
}
.wc-block-cart__submit-container {
    text-align: center;
    margin: 20px 0 0  0;
}
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
    background: #fff !important;
    padding: 10px;
    border-radius: 10px;
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.card-text {
    text-align: left;
    min-height: 10rem;
    overflow: hidden;
    min-height: auto;
}
section.woocommerce-customer-details {
    background: #ffff;
    padding: 14px;
    border-radius: 10px;
}
section.woocommerce-order-details {
    background: #fff;
    padding: 4px 21px 27px 21px;
    border-radius: 10px;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    background: #fff;
    padding: 18px;
    border-radius: 10px;
}
.btn-primary {
    background-color: #ff2f1a;
    border: 1px solid #ff2f1a;
    text-transform: uppercase;
    transition: all 1s ease-out;
    font-weight: 600;
color:#fff;
text-decoration:none;
height: auto;
    padding: 20px!important;	
border-radius: 10px !important;

}
.woocommerce-shop article header {
    display: none;
}

a.btn.btn-primary {
	--bs-btn-padding-x: 0.75rem;
		--bs-btn-padding-y: 0.375rem;
		--bs-btn-font-family: ;
		--bs-btn-font-size: 0.9rem;
		--bs-btn-font-weight: 400;
		--bs-btn-line-height: 1.5;
		--bs-btn-color: #212529;
		--bs-btn-bg: transparent;
		--bs-btn-border-width: 1px;
		--bs-btn-border-color: transparent;
		--bs-btn-border-radius: 0.375rem;
		--bs-btn-hover-border-color: transparent;
		--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
		--bs-btn-disabled-opacity: 0.65;
		--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
		display: inline-block;
		padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
		border-radius: var(--bs-btn-border-radius);
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
#main {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    word-break: break-word;
}
#main {
    justify-content: center;
}
.woocommerce-MyAccount-navigation ul li {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    text-align: center;
}

.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
    text-decoration: none;
    color: #000;
}
.woocommerce-MyAccount-content {
    background: #fff;
    padding: 13px;
    border-radius: 10px;
}
li.woocommerce-MyAccount-navigation-link.is-active {
    background: #ff2f1a;
    color: #fff;
}

li.woocommerce-MyAccount-navigation-link.is-active a {
    color: #fff;
}
.d-flex-header {
    display: flex;
}
.quantity {
    margin-bottom: 23px;
}
span.count {
    background: #000;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -10px;
    left: -5px;
    font-size: 15px;
    text-decoration: none;
    border: 0;
}
.cart-icon a {
    display: flex;
	text-decoration: none;
}
.cart-icon {
    width: 80%;
    display: flex;
    justify-content: end;
    align-items: center;
}
span.woocommerce-Price-amount.amount {
    color: #11334c;
    font-size: 24px;
    margin: 0 0 10px !important;
    display: block;
}
.cart-image img {
    width: 37px;
}
form.woocommerce-ordering {
    display: none;
}
form#custom-filter {
    float: right;
    height: 42px;
    margin-left: 20px;
}
select#product_tag_filter {
    height: 42px;
}
.input-group {
    display: flex;
    text-align: center;
	    flex-wrap: nowrap;
}
.quantity-input {
    text-align: center;
}
@media (max-width:767px){
/* 	img.card-img-top {
		display: none !important;
	} */
#hero-home {
    height: 900px;
	}
	.margin-reviews .d-flex{
		    flex-wrap: wrap;
	}
	.margin-reviews .wrap-reviews.text-start.banner-review-trust {
    padding-top: 22px;
}
	td.wc-block-cart-item__image {display: none !important;}

	tr.wc-block-cart-items__row {
		display: flex !important;
		flex-direction: column;
	}	
	
.single-product .woocommerce-product-gallery {
	display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link {
	pointer-events: none; /* Prevents hover and click events */
}

.woocommerce ul.products li.product .woocommerce-loop-product__link img {
	display: none !important;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
	width: 100%!important;
}
.btn-primary {
    height: auto;
	display: flex !important;
	justify-content: center;
	align-items: center;
}
p.woocommerce-result-count {
    width: 100%;
}
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block, .wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block{
	padding: 16px !important;
}
form.woocommerce-ordering {
    width: 47%;
}
input#product-search-field {
    width: 48%;
}
.entry-content {
    position: relative;
}
form#custom-filter{
	margin-left: 0;
    position: absolute;
	margin-top: 42px;
}
select#product_tag_filter {
	width: 191px;
	height: 40px;
	border: 2px solid rgba(0, 0, 0, .085);
}
}
@media (min-width: 576px) {
    .container, .container-sm, .entry-content, article header {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm, .entry-content, article header  {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm, .entry-content, article header {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .entry-content, article header {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .entry-content, article header {
        max-width: 1320px;
    }
}
.page-numbers {
    color: #fff;
}
.products.columns-4 {
    display: inline-block;
    margin: 100px 0 0 !important; 
}
.woocommerce-cart header.entry-header {
    display: none;
}
footer.entry-footer .edit-link {
    display: none;
}
.woocommerce-checkout h1.entry-title {
    display: none;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 2em;
    margin: 0.67em 0;
    font-weight: 700;
}
.woocommerce-cart .wc-block-grid__product-image {
    display: none !important;
}

.woocommerce-cart a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
    background-color: #ff2f1a;
    border: 1px solid #ff2f1a;
    text-transform: uppercase;
    transition: all 1s ease-out;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    height: 38px;
    border-radius: 10px !important;
}

.woocommerce-cart span.woocommerce-Price-currencySymbol {
    color: #fff;
}

.woocommerce-cart span.woocommerce-Price-amount.amount {
    color: #fff;
}

.woocommerce-cart .wc-block-grid__product-title {
    color: #fff;
    font-size: 20px;
}

.woocommerce-cart a.wc-block-grid__product-link {
    text-decoration: none;
}

.woocommerce-cart 
 li.wc-block-grid__product {
    border: 1px solid #f5f5f5;
    margin: 0 10px 0 0;
    flex: 0 0 23% !important;
    padding: 30px 30px 20px;
    max-width: 23% !important;
}

header#masthead {
    display: none;
}

.woocommerce-page header#masthead {
    display: block;
}
.woocommerce-page nav.navbar{
    display:none;
}
.woocommerce-page footer#footer {
    display: none;
}
.woocommerce-page section.p-section {
padding: 30px 0 0 0;	
}

.woocommerce-page .col-lg-10.mx-auto {
    width: 100%;
    padding: 0;
}
.woocommerce-page button,
.woocommerce-page input[type="button"],
.woocommerce-page input[type="reset"],
.woocommerce-page input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

.woocommerce-page button:hover,
.woocommerce-page input[type="button"]:hover,
.woocommerce-page input[type="reset"]:hover,
.woocommerce-page input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

.woocommerce-page button:active,
.woocommerce-page button:focus,
.woocommerce-page input[type="button"]:active,
.woocommerce-page input[type="button"]:focus,
.woocommerce-page input[type="reset"]:active,
.woocommerce-page input[type="reset"]:focus,
.woocommerce-page input[type="submit"]:active,
.woocommerce-page input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="url"],
.woocommerce-page input[type="password"],
.woocommerce-page input[type="search"],
.woocommerce-page input[type="number"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="range"],
.woocommerce-page input[type="date"],
.woocommerce-page input[type="month"],
.woocommerce-page input[type="week"],
.woocommerce-page input[type="time"],
.woocommerce-page input[type="datetime"],
.woocommerce-page input[type="datetime-local"],
.woocommerce-page input[type="color"],
.woocommerce-page textarea {
    font-size: inherit;
    font-weight: 400;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    border: 2px solid rgba(0, 0, 0, .085);
    background-color: #fff;
    padding: .5625rem 1rem;
    color: #66717f;
    width: 100%;
    border-radius: 2px;
    line-height: 1 !important;
    min-height: 42px;
}

.woocommerce-page input[type="text"]:focus,
.woocommerce-page input[type="email"]:focus,
.woocommerce-page input[type="url"]:focus,
.woocommerce-page input[type="password"]:focus,
.woocommerce-page input[type="search"]:focus,
.woocommerce-page input[type="number"]:focus,
.woocommerce-page input[type="tel"]:focus,
.woocommerce-page input[type="range"]:focus,
.woocommerce-page input[type="date"]:focus,
.woocommerce-page input[type="month"]:focus,
.woocommerce-page input[type="week"]:focus,
.woocommerce-page input[type="time"]:focus,
.woocommerce-page input[type="datetime"]:focus,
.woocommerce-page input[type="datetime-local"]:focus,
.woocommerce-page input[type="color"]:focus,
.woocommerce-page textarea:focus {
	color: #111;
}

.woocommerce select {
	border: 1px solid #ccc;
}

.woocommerce textarea {
	width: 100%;
}
button.wc-block-components-panel__button {
    background: none;
    border: none;
}
.page-template-login main {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    word-break: break-word;
}
.page-template-login main {
    justify-content: center;
}
.page-template-login .navbar{
	display:none;
}
.page-template-login header#masthead{
	display:block;
}
.page-template-login input[type="password"]{
	    font-size: inherit;
    font-weight: 400;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    border: 2px solid rgba(0, 0, 0, .085);
    background-color: #fff;
    padding: .5625rem 1rem;
    color: #66717f;
    width: 100%;
    border-radius: 2px;
    line-height: 1 !important;
    min-height: 42px;
}
.page-template-login{
	font-family: 'Mundial', sans-serif !important;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 51, 78, 1) 100%);
}
.page-template-login #yellow-button{
	    padding: 0.6em 1em 0.4em;
}