/*
 * responsive.css — tablet and mobile (everything inside @media)
 * Built from the original theme/plugin stylesheets (only the rules the pages use, in their original order)
 * by maintenance-tools/ui-proof/build-assets.php. Layouts: layout-1, layout-2, layout-3, layout-4, layout-5, layout-6, layout-7, layout-8, layout-9, layout-10, layout-11, layout-12, layout-13, layout-14
 */

/* ---- blog post blocks (inline) ---- */
@media (min-resolution:192dpi){
  :root{--admin-border-width-focus:1.5px}
}

/* ---- contact forms ---- */
@media (prefers-reduced-motion: reduce){
  .form-spinner::before{
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

/* ---- theme: reset ---- */
@media print{
  *,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}
  a,a:visited{text-decoration:underline}
  a[href]:after{content:" (" attr(href) ")"}
  a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
  pre{white-space:pre-wrap!important}
  blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}
  img,tr{-moz-column-break-inside:avoid;break-inside:avoid}
  h2,h3,p{orphans:3;widows:3}
  h2,h3{-moz-column-break-after:avoid;break-after:avoid}
}

/* ---- theme ---- */
@media(max-width:991px){
  .post .post-image{max-height:400px}
}
@media(max-width:575px){
  .post .post-image{max-height:300px}
  .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=layout-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}
}
@media(min-width:576px){
  .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=layout-page-]) .site-main{max-width:500px}
}
@media(min-width:768px){
  .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=layout-page-]) .site-main{max-width:600px}
}
@media(min-width:992px){
  .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=layout-page-]) .site-main{max-width:800px}
}
@media(min-width:1200px){
  .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=layout-page-]) .site-main{max-width:1140px}
}

/* ---- layout: boxes, widgets, grid ---- */
@media (max-width:767px){
  .mobile-align-center{text-align:center}
  .mobile-align-center .btn,.mobile-align-left .btn,.mobile-align-right .btn{width:auto}
}
@media (max-width:1024px){
  .grid-tablet-2 .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .grid-mobile-1 .grid{grid-template-columns:repeat(1,1fr)}
}
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
}
@media (max-width:767px){
  :is(.box,.box>.box-inner)>.background-video-container.hide-mobile{display:none}
  .box.box-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}
}
@media (prefers-reduced-motion:reduce){
  .animated{animation:none}
}
@media (max-width:767px){
  .layout .hide-mobile,.layout .hide-phone{display:none}
}
@media (min-width:768px) and (max-width:1024px){
  .layout .hide-tablet{display:none}
}
@media (min-width:-1) and (max-width:-1){
  .layout .hide-mobile_extra, .layout .hide-laptop,.layout .hide-tablet_extra{display:none}
}
@media (min-width:1025px) and (max-width:99999px){
  .layout .hide-desktop{display:none}
}
@media (min-width:-1){
  .layout .hide-widescreen{display:none}
}

/* ---- design of layout 37 ---- */
@media(max-width:1024px){
  .box{--container-max-width:1024px;}
}
@media(max-width:767px){
  .box{--container-max-width:767px;}
}

/* ---- widget: icon-list ---- */
@media (min-width:-1){
  .widget:not(.widescreen-align-right) .icon-list-item:after{inset-inline-start:0}
  .widget:not(.widescreen-align-left) .icon-list-item:after{inset-inline-end:0}
}
@media (max-width:-1){
  .widget:not(.laptop-align-right) .icon-list-item:after{inset-inline-start:0}
  .widget:not(.laptop-align-left) .icon-list-item:after{inset-inline-end:0}
  .widget:not(.tablet_extra-align-right) .icon-list-item:after{inset-inline-start:0}
  .widget:not(.tablet_extra-align-left) .icon-list-item:after{inset-inline-end:0}
}
@media (max-width:1024px){
  .widget:not(.tablet-align-right) .icon-list-item:after{inset-inline-start:0}
  .widget:not(.tablet-align-left) .icon-list-item:after{inset-inline-end:0}
}
@media (max-width:-1){
  .widget:not(.mobile_extra-align-right) .icon-list-item:after{inset-inline-start:0}
  .widget:not(.mobile_extra-align-left) .icon-list-item:after{inset-inline-end:0}
}
@media (max-width:767px){
  .widget:not(.mobile-align-right) .icon-list-item:after{inset-inline-start:0}
  .widget:not(.mobile-align-left) .icon-list-item:after{inset-inline-end:0}
}

/* ---- Safari fixes ---- */
@media (max-width:1024px){
  .ua-appleWebkit .share-buttons-tablet--align-right,.ua-appleWebkit .w-social-icons.grid-align-tablet-right{--justify-content:var(--flex-right,flex-end)}
  .ua-appleWebkit .share-buttons-tablet--align-center,.ua-appleWebkit .w-social-icons.grid-align-tablet-center{--justify-content:center}
  .ua-appleWebkit .grid-0.share-buttons--align-tablet-center .grid,.ua-appleWebkit .grid-0.share-buttons--align-tablet-justify .grid,.ua-appleWebkit .grid-0.share-buttons--align-tablet-right .grid,.ua-appleWebkit .grid-0.w-social-icons.grid-align-tablet-center .grid,.ua-appleWebkit .grid-0.w-social-icons.grid-align-tablet-right .grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap));width:auto}
  .ua-appleWebkit .grid-0.share-buttons--align-tablet-center .grid-item,.ua-appleWebkit .grid-0.share-buttons--align-tablet-justify .grid-item,.ua-appleWebkit .grid-0.share-buttons--align-tablet-right .grid-item,.ua-appleWebkit .grid-0.w-social-icons.grid-align-tablet-center .grid-item,.ua-appleWebkit .grid-0.w-social-icons.grid-align-tablet-right .grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}
  .ua-appleWebkit .grid-0.share-buttons-tablet--align-left .grid,.ua-appleWebkit .grid-0.w-social-icons.grid-align-tablet-left .grid{display:inline-block}
  .ua-appleWebkit .grid-0.share-buttons-tablet--align-left .grid,.ua-appleWebkit .grid-0.share-buttons-tablet--align-left .grid-item,.ua-appleWebkit .grid-0.w-social-icons.grid-align-tablet-left .grid,.ua-appleWebkit .grid-0.w-social-icons.grid-align-tablet-left .grid-item{margin-left:0;margin-right:0}
}
@media (max-width:767px){
  .ua-appleWebkit .share-buttons-mobile--align-right,.ua-appleWebkit .w-social-icons.grid-align-mobile-right{--justify-content:var(--flex-right,flex-end)}
  .ua-appleWebkit .share-buttons-mobile--align-center,.ua-appleWebkit .w-social-icons.grid-align-mobile-center{--justify-content:center}
  .ua-appleWebkit .grid-0.share-buttons--align-mobile-center .grid,.ua-appleWebkit .grid-0.share-buttons--align-mobile-justify .grid,.ua-appleWebkit .grid-0.share-buttons--align-mobile-right .grid,.ua-appleWebkit .grid-0.w-social-icons.grid-align-mobile-center .grid,.ua-appleWebkit .grid-0.w-social-icons.grid-align-mobile-right .grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap));width:auto}
  .ua-appleWebkit .grid-0.share-buttons--align-mobile-center .grid-item,.ua-appleWebkit .grid-0.share-buttons--align-mobile-justify .grid-item,.ua-appleWebkit .grid-0.share-buttons--align-mobile-right .grid-item,.ua-appleWebkit .grid-0.w-social-icons.grid-align-mobile-center .grid-item,.ua-appleWebkit .grid-0.w-social-icons.grid-align-mobile-right .grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}
  .ua-appleWebkit .grid-0.share-buttons-mobile--align-left .grid,.ua-appleWebkit .grid-0.w-social-icons.grid-align-mobile-left .grid{display:inline-block}
  .ua-appleWebkit .grid-0.share-buttons-mobile--align-left .grid,.ua-appleWebkit .grid-0.share-buttons-mobile--align-left .grid-item,.ua-appleWebkit .grid-0.w-social-icons.grid-align-mobile-left .grid,.ua-appleWebkit .grid-0.w-social-icons.grid-align-mobile-left .grid-item{margin-left:0;margin-right:0}
}

/* ---- widget: image-box ---- */
@media (min-width:768px){
  .w-image-box.position-top .image-box-img{margin:auto}
}
@media (max-width:767px){
  .w-image-box .image-box-img{margin-bottom:15px;margin-left:auto!important;margin-right:auto!important}
}

/* ---- design of layout 46 ---- */
@media(max-width:1024px){
  .layout-46 .el.el-67a4b32 .nav-identity-panel{padding:10px 0px 10px 0px;}
  .layout-46 .el.el-67a4b32 .menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}
  .layout-46 .el.el-67a4b32 .navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}
  .layout-46 .el.el-67a4b32 .navbar-nav .submenu-panel > li > a{padding:15px 15px 15px 15px;}
  .layout-46 .el.el-67a4b32 .navbar-nav .submenu-panel{border-radius:0px 0px 0px 0px;}
  .layout-46 .el.el-67a4b32 .menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}
  .layout-46 .el.el-67a4b32 .menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}
}
@media(min-width:768px){
  .layout-46 .el.el-5403178{--width:20%;}
  .layout-46 .el.el-8585fa4{--width:60%;}
}
@media(max-width:767px){
  .layout-46 .el.el-5403178{--width:70%;}
  .layout-46 .el.el-8585fa4{--width:20%;--justify-content:center;}
}

/* ---- design of layout 296 ---- */
@media(max-width:767px){
  .layout-296 .el.el-a75d6f7{--icon-size:22px;}
}
@media(min-width:768px){
  .layout-46 .el.el-db64f93, .layout-296 .el.el-d8627f3{--width:20%;}
  .layout-296 .el.el-9755693, .layout-296 .el.el-26581b2{--width:25%;}
}

/* ---- design of layout 1269 ---- */
@media(min-width:768px){
  .layout-1269 .el.el-ed00a96{--width:70%;}
  .layout-296 .el.el-f6b88fa, .layout-1269 .el.el-f6b1132{--width:30%;}
}
@media(max-width:767px){
  .layout-1269 .el.el-73efaee{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}
  .layout-1269 .el.el-ed00a96{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
  .layout-1269 .el.el-3500460{margin:0px 0px calc(var(--widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}
}

/* ---- menu, accordion, testimonials, info box ---- */
@media (min-width:768px){
  .widget-body .col-md-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
}
@media (max-width:1024px){
  .navbar-nav-default .dropdown-has>a .submenu-indicator.spinner{padding:4px 4px;margin-right:10px}
  .navbar-nav-default .dropdown-has>a .submenu-indicator{padding:4px 15px}
  .navbar-nav-default .dropdown-has>a svg.submenu-indicator{width:auto;height:auto;max-width:42px;max-height:42px}
}
@media (min-width:767px){
  .navbar-nav-default.nav-dropdown-click .megamenu-has .submenu-panel{display:none}
}
@media (max-width:1024px){
  .menu-responsive_tablet>.navbar-nav-default{background-color:#f7f7f7}
  .navbar-nav-default.menu-offcanvas-elements{width:100%;position:fixed;top:0;left:-100vw;height:100%;-webkit-box-shadow:0 10px 30px 0 rgba(255,165,0,0);box-shadow:0 10px 30px 0 rgba(255,165,0,0);overflow-y:auto;overflow-x:hidden;padding-top:0;padding-left:0;padding-right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:left .6s cubic-bezier(.6,.1,.68,.53);transition:left .6s cubic-bezier(.6,.1,.68,.53)}
  .navbar-nav-default .nav-identity-panel{display:block;position:relative;z-index:5;width:100%}
  .navbar-nav-default .nav-identity-panel .menu-site-title{float:left}
  .navbar-nav-default .nav-identity-panel .menu-close{float:right}
  .navbar-nav-default .navbar-nav>li>a{color:#000;font-size:12px;-webkit-transition:all .4s ease;transition:all .4s ease;padding-top:5px;padding-left:10px;padding-right:5px;padding-bottom:5px}
  .navbar-nav-default .navbar-nav>li>a:hover, .navbar-nav-default .navbar-nav>li:hover>a{color:#0d3a4f}
  .navbar-nav-default .submenu-panel>li>a{color:#000;font-size:12px;padding-top:7px;padding-left:7px;padding-right:7px;padding-bottom:7px}
  .navbar-nav-default .dropdown{display:block;border:0;margin-left:0}
  .navbar-nav-default .navbar-nav>.dropdown-has>.dropdown li a{padding-left:15px}
}
@media (min-width:1025px){
  .navbar-nav-default .dropdown, .nav-dropdown-hover .dropdown-has .dropdown{-webkit-box-shadow:0 10px 30px 0 rgba(45,45,45,.2);box-shadow:0 10px 30px 0 rgba(45,45,45,.2);position:absolute;top:100%;left:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);pointer-events:none;max-height:none;z-index:999}
  .navbar-nav-default.nav-dropdown-hover .megamenu-has:hover>.megamenu-panel, .nav-dropdown-hover .dropdown-has:hover>.dropdown{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}
}
@media only screen and (max-width:1023px) and (min-width:768px){
  .menu-responsive_mobile .navbar-nav-default.nav-dropdown-hover .dropdown-has:hover>.dropdown,.menu-responsive_mobile .navbar-nav-default.nav-dropdown-hover .dropdown-has:hover>.megamenu-panel,.menu-responsive_tablet .navbar-nav-default.nav-dropdown-hover .dropdown-has:hover>.dropdown,.menu-responsive_tablet .navbar-nav-default.nav-dropdown-hover .dropdown-has:hover>.megamenu-panel{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}
}
@media only screen and (max-width:1024px) and (min-width:766px){
  .menu-responsive_tablet .navbar-nav-default .megamenu-has.mobile-builder-content .megamenu-panel.dropdown-open, .menu-responsive_tablet .navbar-nav-default .megamenu-panel.dropdown-open{display:block}
  .menu-responsive_tablet .navbar-nav-default .dropdown{display:none}
  .menu-responsive_tablet .navbar-nav-default .dropdown.dropdown-open{display:block;max-height:2500px;opacity:1;visibility:visible;-webkit-transition:max-height 5s ease-out;transition:max-height 5s ease-out}
  .menu-responsive_tablet .navbar-nav-default .navbar-nav{overflow-y:auto}
}
@media (max-width:1024px){
  .menu-overlay{display:block;position:fixed;z-index:14;top:0;left:-100%;height:100%;width:100%;background-color:rgba(51,51,51,.5);-webkit-transition:all .4s ease;transition:all .4s ease;opacity:1;visibility:visible;-webkit-transition:all .6s cubic-bezier(.6,.1,.68,.53) .4s;transition:all .6s cubic-bezier(.6,.1,.68,.53) .4s}
  .element-edit-mode .menu-overlay{left:100%}
  .menu-hamburger{border:1px solid rgba(0,0,0,.2);float:right}
  .menu-hamburger .menu-hamburger-icon{background-color:rgba(0,0,0,.5)}
  .menu-close,.menu-hamburger{padding:8px;background-color:transparent;border-radius:.25rem;position:relative;z-index:10;cursor:pointer;width:45px;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}
  .menu-close .menu-hamburger-icon,.menu-hamburger .menu-hamburger-icon{height:1px;width:100%;display:block;margin-bottom:4px}
  .menu-close .menu-hamburger-icon:last-child,.menu-hamburger .menu-hamburger-icon:last-child{margin-bottom:0}
  .w-nav-menu{-webkit-animation:none!important;animation:none!important}
  .menu-container{max-width:350px}
  .menu-overlay.active{left:0;-webkit-transition:all .6s cubic-bezier(.22,.61,.24,1) 0s;transition:all .6s cubic-bezier(.22,.61,.24,1) 0s}
  .menu-offcanvas-elements{height:100%!important;padding-bottom:10px}
  .menu-offcanvas-elements.active{left:0}
  .dropdown{position:relative;max-height:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:max-height 2s cubic-bezier(0,1,0,1);transition:max-height 2s cubic-bezier(0,1,0,1)}
  .menu-responsive_tablet .navbar-nav-default .dropdown-has>a .submenu-indicator{margin-left:auto}
  .menu-responsive_tablet .submenu-indicator{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;border:1px solid;border-radius:30px}
}
@media screen and (min-width:766px) and (max-width:1024px){
  .menu-responsive_mobile .menu-offcanvas-elements{position:static}
  .menu-responsive_mobile .nav-identity-panel, .menu-responsive_mobile .menu-hamburger{display:none}
}
@media (max-width:767px){
  .menu-responsive_mobile .navbar-nav-default .dropdown-has>a .submenu-indicator{margin-left:auto}
  .menu-responsive_mobile .submenu-indicator{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;border:1px solid;border-radius:30px}
  .menu-responsive_mobile .navbar-nav-default .megamenu-has.mobile-builder-content .megamenu-panel.dropdown-open,.menu-responsive_tablet .navbar-nav-default .megamenu-has.mobile-builder-content .megamenu-panel.dropdown-open, .menu-responsive_mobile .navbar-nav-default .megamenu-panel.dropdown-open,.menu-responsive_tablet .navbar-nav-default .megamenu-panel.dropdown-open{display:block}
  .menu-responsive_mobile .navbar-nav-default .dropdown.dropdown-open,.menu-responsive_tablet .navbar-nav-default .dropdown.dropdown-open{display:block;max-height:2500px;opacity:1;visibility:visible;-webkit-transition:max-height 5s ease-out;transition:max-height 5s ease-out}
  .menu-responsive_mobile .navbar-nav-default .navbar-nav,.menu-responsive_tablet .navbar-nav-default .navbar-nav{overflow-y:auto}
  .sticky-header .menu-container.menu-offcanvas-elements{height:120vh!important}
  .menu-responsive_mobile .navbar-nav-default .dropdown,.menu-responsive_tablet .navbar-nav-default .dropdown, .sticky-header .menu-overlay{display:none}
  .sticky-header .menu-offcanvas-elements::before{position:fixed;content:"";top:0;left:-110%;height:100%;width:100%;background-color:rgba(51,51,51,.5);-webkit-transition:left .5s ease;transition:left .5s ease}
  .sticky-header .menu-offcanvas-elements::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background:inherit}
  .sticky-header .menu-offcanvas-elements.active::before{left:0}
}
@media (min-width:1025px){
  .w-nav-menu .dropdown-menu-full_width .megamenu-panel{width:100vw}
  .w-nav-menu .navbar-nav>li.megamenu-has.relative_position{position:relative}
}
@media (min-width:766px){
  .menu-responsive_mobile .nav-menu--empty-fallback,.menu-responsive_mobile .nav-menu--overlay{display:none}
}
@media (min-width:1025px){
  .menu-responsive_tablet .nav-menu--empty-fallback,.menu-responsive_tablet .nav-menu--overlay{display:none}
}
@media (max-width:1024px){
  .widget-body:not(.menu-responsive_mobile) .navbar-nav, .menu-close,.menu-hamburger, .vertical-navbar-nav .mobile-builder-content .megamenu-panel.dropdown-open, .vertical-navbar-nav .dropdown-has .dropdown.dropdown-open{display:block}
  .widget-body .vertical-navbar-nav .submenu-indicator{padding:3px 10px;border:1px solid;border-radius:30px}
}

/* ---- menu, accordion, testimonials, info box: tablet and mobile ---- */
@media (min-width:992px) and (max-width:1199px){
  .widget-body .single-testimonial-slider{-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.1)}
}
@media (max-width:991px){
  .widget-body .single-testimonial-slider{-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.1);padding:30px}
  .widget-body .commentor-content{padding-right:0;margin-bottom:30px}
}
@media (max-width:767px){
  .widget-body .testimonial-slider .slider-button-next,.widget-body .testimonial-slider .slider-button-prev{display:none!important}
}

/* ---- inline: e13b03c58631 ---- */
@media screen and (max-height: 1024px){
  .box.box-parent:nth-of-type(n+3):not(.bg-loaded):not(.bg-no-lazyload),
					.box.box-parent:nth-of-type(n+3):not(.bg-loaded):not(.bg-no-lazyload) *{
						background-image: none !important;
					}
}
@media screen and (max-height: 640px){
  .box.box-parent:nth-of-type(n+2):not(.bg-loaded):not(.bg-no-lazyload),
					.box.box-parent:nth-of-type(n+2):not(.bg-loaded):not(.bg-no-lazyload) *{
						background-image: none !important;
					}
}

/* ---- design of layout 1276 ---- */
@media(min-width:768px){
  .layout-1276 .el.el-d846e79{--content-width:100%;}
}

/* ---- design of layout 450 ---- */
@media(min-width:768px){
  .layout-450 .el.el-1621229{--width:100%;}
}

/* ---- design of layout 661 ---- */
@media(max-width:1024px){
  .layout-661 .el.el-83d1e8f{--carousel-slider-slides-to-display:2;}
}
@media(max-width:767px){
  .layout-661 .el.el-83d1e8f{--carousel-slider-slides-to-display:1;}
}

/* ---- widget: image-gallery ---- */
@media (min-width:768px){
  .image-gallery .gallery-columns-3 .gallery-item{max-width:33.33%}
}
@media (min-width:480px) and (max-width:767px){
  .image-gallery .gallery.gallery-columns-10 .gallery-item,.image-gallery .gallery.gallery-columns-2 .gallery-item,.image-gallery .gallery.gallery-columns-3 .gallery-item,.image-gallery .gallery.gallery-columns-4 .gallery-item,.image-gallery .gallery.gallery-columns-5 .gallery-item,.image-gallery .gallery.gallery-columns-6 .gallery-item,.image-gallery .gallery.gallery-columns-7 .gallery-item,.image-gallery .gallery.gallery-columns-8 .gallery-item,.image-gallery .gallery.gallery-columns-9 .gallery-item{max-width:50%}
}
@media (max-width:479px){
  .image-gallery .gallery.gallery-columns-10 .gallery-item,.image-gallery .gallery.gallery-columns-2 .gallery-item,.image-gallery .gallery.gallery-columns-3 .gallery-item,.image-gallery .gallery.gallery-columns-4 .gallery-item,.image-gallery .gallery.gallery-columns-5 .gallery-item,.image-gallery .gallery.gallery-columns-6 .gallery-item,.image-gallery .gallery.gallery-columns-7 .gallery-item,.image-gallery .gallery.gallery-columns-8 .gallery-item,.image-gallery .gallery.gallery-columns-9 .gallery-item{max-width:100%}
}

/* ---- widget: icon-box ---- */
@media (max-width:767px){
  .w-icon-box.mobile-position-left .icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}
  .w-icon-box.mobile-position-top .icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}
  .w-icon-box.position-left .icon-box-icon,.w-icon-box.position-right .icon-box-icon{flex-direction:column}
}

/* ---- photo lightbox ---- */
@media (max-width:767px){
  .lightbox .lightbox-item{padding:70px 0}
}
@media (min-width:1025px){
  .lightbox .video-container .video-landscape{max-height:85vh;width:85vw}
  .lightbox .video-container .video-portrait{height:85vh;max-width:85vw}
}
@media (max-width:1024px){
  .lightbox .video-container .video-landscape{max-height:95vh;width:95vw}
  .lightbox .video-container .video-portrait{height:95vh;max-width:95vw}
  .lightbox .slider-arrow-next:active,.lightbox .slider-arrow-prev:active{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}
  .lightbox .slider-arrow-next i,.lightbox .slider-arrow-next svg,.lightbox .slider-arrow-prev i,.lightbox .slider-arrow-prev svg{cursor:pointer}
  .lightbox .slider-arrow-next i:active,.lightbox .slider-arrow-next svg:active,.lightbox .slider-arrow-prev i:active,.lightbox .slider-arrow-prev svg:active{background-color:rgba(0,0,0,.5);outline:none}
}
@media (max-width:767px){
  .lightbox .slider-arrow:focus{outline:none}
  .lightbox .slider-arrow-next,.lightbox .slider-arrow-prev{width:20%}
  .lightbox .slider-arrow-next:active,.lightbox .slider-arrow-prev:active{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}
  .lightbox .slider-arrow-next i,.lightbox .slider-arrow-prev i{background-color:rgba(0,0,0,.5);padding:10px}
  .lightbox .slider-arrow-next i,.lightbox .slider-arrow-next svg,.lightbox .slider-arrow-prev i,.lightbox .slider-arrow-prev svg{cursor:pointer}
  .lightbox .slider-arrow-next i:active,.lightbox .slider-arrow-next svg:active,.lightbox .slider-arrow-prev i:active,.lightbox .slider-arrow-prev svg:active{background-color:rgba(0,0,0,.5);outline:none}
  .lightbox .slider-arrow-prev{justify-content:flex-start;left:0}
  .lightbox .slider-arrow-next{justify-content:flex-end;right:0}
}

/* ---- mobile & tablet menu (the slide-in panel; the desktop menu is not affected) ----
   The desktop header is black, so its menu links are white — also for the current page and a tapped (focused) link.
   In the light slide-in panel that made those links invisible. Here every state has a readable colour, and the panel,
   close button, drop-down button and hamburger get a cleaner look in the website's colours (#443056 purple, #E99894 pink). */
@media(max-width:1024px){
  html.menu-is-open{overflow:hidden;}
  /* the round Call / WhatsApp buttons at the side are in the menu already while it is open */
  html.menu-is-open .w-social-icons.pos-fixed{visibility:hidden;}
  .layout-46 .el.el-67a4b32 .menu-container{background:#fff;max-width:320px;box-shadow:8px 0 30px rgba(27,17,36,.18);padding-bottom:0;flex-direction:column;justify-content:flex-start;}
  /* top: the logo on the website's purple, and the close button */
  .layout-46 .el.el-67a4b32 .menu-container .nav-identity-panel{order:1;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 18px;background:#443056;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-logo{display:block;line-height:0;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-logo img{width:auto;height:auto;max-width:190px;max-height:52px;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-close{float:none;flex:none;margin:0;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:0;transition:background-color .2s,border-color .2s;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-close::before{content:"\2715";font-size:17px;line-height:1;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-close:hover,
  .layout-46 .el.el-67a4b32 .menu-container .menu-close:focus-visible{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55);color:#fff;outline:none;}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav{order:2;flex:none;padding:6px 0;}
  /* a small arrow on links that open a page (the drop-down has its round button instead) */
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li:not(.dropdown-has) > a::after{content:"";flex:none;width:7px;height:7px;margin-left:auto;border-top:2px solid #cbbfd4;border-right:2px solid #cbbfd4;transform:rotate(45deg);}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li.current-menu-item:not(.dropdown-has) > a::after{border-color:#E99894;}
  /* bottom, always in view: appointment, call, WhatsApp */
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-actions{order:3;margin-top:auto;position:sticky;bottom:0;display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px;background:#fff;border-top:1px solid #efeaf2;box-shadow:0 -8px 20px rgba(27,17,36,.06);}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-book{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 16px;border-radius:12px;background:#E99894;color:#fff;font:600 16px/1.2 "Onest",sans-serif;text-decoration:none;box-shadow:0 6px 16px rgba(233,152,148,.4);transition:background-color .2s;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-book:hover,
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-book:focus-visible{background:#df827d;color:#fff;outline:none;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-row a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:12px;font:600 15px/1 "Onest",sans-serif;text-decoration:none;transition:background-color .2s;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-row svg{width:17px;height:17px;fill:currentColor;flex:none;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-call{color:#443056;border:1px solid #ddd2e4;background:#fff;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-call:hover{background:#f7f2fa;color:#443056;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-whatsapp{color:#128c4b;border:1px solid #bfe8cf;background:#effaf3;}
  .layout-46 .el.el-67a4b32 .menu-container .menu-panel-whatsapp:hover{background:#dff5e8;color:#0e7a40;}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li{border-bottom:1px solid #f2eef5;}
  /* main links: purple in every state; the current page and a tapped link are pink with a pink bar */
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li > a,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li > a:focus,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li > a:active,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li:hover > a{color:#443056;font:600 15px/1.3 "Onest",sans-serif;padding:14px 16px 14px 20px;min-height:52px;background:transparent;box-shadow:inset 3px 0 0 transparent;outline:none;}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li > a:hover,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li > a:focus-visible{color:#d9746f;background:#fdf6f5;}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li.current-menu-item > a,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li.current-menu-ancestor > a,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li > a.active{color:#d9746f;background:#fdf1f0;box-shadow:inset 3px 0 0 #E99894;}
  /* the drop-down button: a clear round button that turns when its list is open */
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li > a .submenu-indicator,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li:hover > a .submenu-indicator,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li > a:focus .submenu-indicator,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li.current-menu-ancestor > a .submenu-indicator{color:#443056;fill:#443056;width:32px;height:32px;padding:0;margin-left:auto;display:flex;align-items:center;justify-content:center;border:1px solid #e6dfeb;border-radius:50%;background:#fff;font-size:11px;transition:transform .25s ease,background-color .2s;}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav > li:has(> .dropdown-open) > a .submenu-indicator{transform:rotate(180deg);background:#f7f2fa;}
  /* sub-links: indented on a soft background, readable in every state */
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav .submenu-panel{padding:6px 0;background:#faf8fb;min-width:0;}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav .submenu-panel > li > a,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav .submenu-panel > li > a:focus,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav .submenu-panel > li > a:active,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav .submenu-panel > li:hover > a{color:#5b5163;font:400 14px/1.35 "Onest",sans-serif;padding:11px 16px 11px 34px;background:transparent;outline:none;}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav .submenu-panel > li > a:hover,
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav .submenu-panel > li > a:focus-visible{color:#d9746f;background:#fdf6f5;}
  .layout-46 .el.el-67a4b32 .menu-container .navbar-nav .submenu-panel > li.current-menu-item > a{color:#d9746f !important;font-weight:600;}
  /* the hamburger in the black header */
  .layout-46 .el.el-67a4b32 .menu-hamburger{width:44px;height:44px;padding:0 11px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.06);transition:background-color .2s,border-color .2s;}
  .layout-46 .el.el-67a4b32 .menu-hamburger .menu-hamburger-icon{height:2px;margin:0;border-radius:2px;background-color:#fff;}
  .layout-46 .el.el-67a4b32 .menu-hamburger:hover,
  .layout-46 .el.el-67a4b32 .menu-hamburger:focus-visible{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);outline:none;}
  .layout-46 .el.el-67a4b32 .menu-overlay{background-color:rgba(20,12,28,.55);}
}

/* ---- page banner on phones (frontend/code/Banner.php) ---- */
@media(max-width:767px){
  .layout .el.page-banner-title .heading{font-size:30px;}
  .layout .page-banner--small-mobile .el.page-banner-title .heading{font-size:28px;line-height:30px;}
  .layout .el.page-banner.page-banner--post{--min-height:250px;}
  .layout .page-banner--post .el.page-banner-title .heading{font-size:21px;line-height:30px;}
  .layout .page-banner--post .el.page-banner-crumbs .icon-list-item > .elementor-icon-list-text, .layout .page-banner--post .el.page-banner-crumbs .icon-list-item > a{font-size:15px;}
}

/* ---- moved from admin → Advanced code → Extra design rules (15 Sep 2026): contact CTA buttons, service article
   headings and lists, form corners, the appointment pop-up, home badges. These rules must stay at the end of this file. ---- */
.ne1e3d a {color:#fff;}
.ne1e3d a:hover {color:#fff;}

.how-it-icon-box-gold .badge { height: 26px; width: 26px; display: flex ; align-items: center; justify-content: center; }

.ser1c2o3ntent h2, .ser1c2o3ntent h3 {color: #e99894; font-weight:500}
.ser1c2o3ntent h3{font-size:25px;}

blockquote { font-size: 1.15em; line-height: 1.6; font-style: italic; color: #4a4a4a; margin: 20px 0; padding: 10px 20px; border-left: 5px solid #e99894; background-color: #f8f9fa;}
.ser1c2o3ntent ul{
	margin-bottom: 15px;
}
.conta12form input, .conta12form textarea { border-radius: 20px !important; }

.conta12form input.wpcf7-form-control.wpcf7-submit.has-spinner { background:#E99894; }
.spbtn{text-align: center;
    margin: 30px 0px;}
.spbtn a{background: #443056; color: #fff; padding: 10px 15px; border-radius: 5px;}

@media(max-width:767px){
	.ser1c2o3ntent h2{font-size:25px !important;}
	.ser1c2o3ntent h3{font-size:22px !important;}
.spbtn{text-align: center;
    margin: 20px 0px;}
.ser1c2o3ntent ul {
    margin-bottom: 15px;
    padding-left: 20px !important;
}
	.serc233ta a{display:block;}
}

#cf7-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#cf7-popup {
  background: #fff;
  padding: 10px 30px 0px 20px;
  max-width: 500px;
  width: 90%;
  border-radius: 10px;
  position: relative;
  animation: fadeIn 0.3s ease-in-out;
	background-image: linear-gradient(180deg, #F8F0FF 0%, #FFD6D480 100%);
}

#cf7-close {
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 25px;
  cursor: pointer;
}

@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.8);}
  to {opacity: 1; transform: scale(1);}
}

.pop123up input.wpcf7-form-control.wpcf7-submit.has-spinner { background: #E99894; color: #fff; }

.serc233ta { 
    text-align: center; 
    margin: 25px 15px;
}
.serc233ta a { 
    background: #e99894; 
    color: #ffffff; 
    padding: 10px 30px; 
    border-radius: 50px; 
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(233, 152, 148, 0.4);
    border: 2px solid transparent;
}

.serc233ta a:hover { 
    background: #df827d; 
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(233, 152, 148, 0.6);
}

@media (max-width: 768px) {
    .serc233ta {
        margin: 20px 10px;
    }  
    .serc233ta a {
        display: inline-block;
        padding: 10px;
        font-size: 12px;
        max-width: 100%;
        margin: 0 auto;
    }
    }

/* ------------------------------------------------------------------------- */
/* Sideways scroll on narrow phones (fixed 2026-10-12)                        */
/*                                                                            */
/* At 320px the page could be dragged 10-15px to the right. Two causes, both  */
/* elements that were wider than their container and had no max-width to stop */
/* them. Nothing here changes the design above 480px.                         */
/* ------------------------------------------------------------------------- */

/* 1. The sidebar/footer enquiry button. style.css gives it padding:12px 72px
      with white-space:nowrap, so its natural width is the label plus 144px of
      padding - about 280px, which does not fit a 320px screen once the column
      padding is taken off. It never had a max-width, so it simply stuck out. */
.widget-body .contact-form-widget form input[type=submit],
input.wpcf7-form-control.wpcf7-submit {
    max-width: 100%;
}

@media (max-width: 480px) {
    .widget-body .contact-form-widget form input[type=submit],
    input.wpcf7-form-control.wpcf7-submit {
        display: block;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        white-space: normal;
    }
}

/* 2. Tables inside article text. The comparison table in the endometriosis
      post is wider than a phone screen, so it pushed the whole page out.
      It now scrolls on its own instead of dragging the page with it. */
.w-post-content table,
.widget.w-post-content table {
    max-width: 100%;
}

@media (max-width: 600px) {
    .w-post-content table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* 3. Belt and braces for anything else that renders a hair too wide: media and
      embeds in article text can never be the reason the page scrolls. */
.w-post-content img,
.w-post-content iframe,
.w-post-content video,
.w-post-content pre,
.post-byline {
    max-width: 100%;
}
