/*
Theme Name: Media Street Customiser Child
Theme URI: https://www.media-street.co.uk/
Template:     mediastreetcustomiser
*/

h1,h2, h3, h4, h5{font-family: 'Raleway', sans-serif}
body,ul,li,ol, a,div,placeholder,fieldset,blockquote,p, input,select,textarea,span.full_width{font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4 {text-transform: uppercase;}
.btn {cursor: pointer;}
.nodesktop {display:none}
.inline-block{display:inline-block}
h1, h2, h3, h4{ letter-spacing: 5.5px;}
h1, .home h2, .widescreen h2, h3{position:relative;    line-height: 140%;}
.nodesktop{display:none}
.home h2, .widescreen h2{font-size:32px}
.main-content p:last-child{margin-bottom:0}
.main-content p a{text-decoration:underline}
.main-content p a:hover{text-decoration:none}
#menu-header-menu > li > a, #menu-header-menu-2 > li > a{ letter-spacing: 1px;font-size:15px}
.floatright{float:right}
.floatleft{float:left}
.center-title h1,  .blog h1{text-align:center}
.blog_article .news_home {text-align: left;}
.main-content h3{margin-bottom:15px}
.white-text{color:#fff}
.section_style_1 iframe{border:2px solid #969bcf}
.position-relative {position: relative;}
.text-grey {color: #899399 !important;}
/* Accordian Arrows */

.accordion-section-title.active:before {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(270deg);
    transform: rotateZ(180deg);
}

    .accordion-section-title:before {  content: "\e807"!important;     }


.glide_banner .glide__arrows {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 3; 
}

.header-background {
min-height: 475px;
background-size: cover;
background-position: 90%;
display: flex; 
justify-content: center; 
align-items: center;
position: relative; 
}



.content-wrapper {
text-align: left;
z-index: 2;
padding:0px 20px;
}

.content-wrapper .btn {padding: 10px 20px;}
.content-wrapper h2, .content-wrapper h3, .content-wrapper h4 {
color:#131134 !important;
padding:10px 0px;
}


.header-background:active {cursor: grabbing;}


.glide_reviews .glide__bullet {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #121E8E;
    margin: 5px 5px 0px 5px;
    transition: background-color 0.3s, border-color 0.3s;
    cursor:pointer;
}

.glide_reviews .glide__bullet.glide__bullet--active {
    background-color: #121E8E;
    border-color: #121E8E;
}
 



/* Sub Menu */
.sub-menu {    padding: 10px 0px;    width: 210px;    border-bottom: 3px solid #3231a6;}

#menu-header-menu li > ul > li > a {       padding: 8px 15px; }


#menu-header-menu li > ul > #menu-item-1078 a{border-bottom:0}


#menu-header-menu .sub-menu > li > .sub-menu {
    left: 200px;
    width: 300px;
    top: -10px;
    background: #dee0f1;
}


#menu-header-menu .sub-menu > li#menu-item-10522 > .sub-menu{top:87px}
#menu-header-menu .sub-menu > li#menu-item-947 > .sub-menu{top:57px}
#menu-header-menu .sub-menu > li#menu-item-946 > .sub-menu{top:27px}

#menu-header-menu .sub-menu > li#menu-item-10635 > .sub-menu{top:27px}


#menu-header-menu .sub-menu > li > .sub-menu > li > .sub-menu {
    /*top: 380px;*/
    left: 300px;
    background: #d1d4f1;}

#menu-header-menu .sub-menu:before {
    content: '';
    display: block;
    margin: auto;
    width: 0;
    height: 0;
    background: transparent !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--sub_menu_background_colour);
    position: absolute;
    left: 20px;
    top: -10px;
}

#menu-header-menu .sub-menu > li > .sub-menu:before {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #dee0f1;
    left: -20px;
    top: 13px;
}

#menu-header-menu .sub-menu > li > .sub-menu > li > .sub-menu:before {  border-right: 10px solid #d1d4f1;}
/*  Title Underlines  */
h1::after, .home h2:not::after, .widescreen h2::after, .main-treatments h2::after, .blog h1::after, .contact-form h2::after{
    content: '';
    position: absolute;
    width: 150px;
    height: 1px;
    background: #e5e4e4;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
.contact-form a:hover{color:#ccc}
 .home .textleft h2::after{right: unset;}

 .main-treatments h2,  .blog h1, .contact-form h2{position:relative}
.news-section h2::after, .noline h1::after, .noline h2::after{display:none}
.gallery_text_block h2::after{right:unset}


  
  /* Treatment highlights/usps */
  .highlights h4 {
    line-height: 1.75 !important;
  }
  
  .highlights {
    display: flow-root !important;
  }


/* Blog / News Pages */

.blog_article{text-align:center}

/* Formidable Forms - CYril's Lackluster Code*/
.frm_button_submit.frm_final_submit{
  float:right;
  outline: 0.1rem solid #323097 !important;
  outline-offset: -0.3rem !important;
  padding: 10px 20px !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  border-radius: none !important;
  background: linear-gradient(135deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 28%,rgba(204,204,204,1) 50%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 97%,rgba(241,241,241,1) 97%,rgba(238,238,238,1) 100%) !important;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(204, 204, 204) 28%, rgb(204, 204, 204) 50%, rgb(241, 241, 241) 89%, rgb(241, 241, 241) 89%, rgb(241, 241, 241) 97%, rgb(241, 241, 241) 97%, rgb(238, 238, 238) 100%);
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
}
.frm_button_submit.frm_final_submit:hover{
  background: linear-gradient(135deg, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 28%,rgba(238,238,238,1) 51%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 97%,rgba(238,238,238,1) 97%,rgba(238,238,238,1) 100%) !important;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: linear-gradient(135deg, rgb(204, 204, 204) 0%, rgb(238, 238, 238) 28%, rgb(238, 238, 238) 51%, rgb(241, 241, 241) 89%, rgb(241, 241, 241) 89%, rgb(241, 241, 241) 97%, rgb(238, 238, 238) 97%, rgb(238, 238, 238) 100%);
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
}

#frm_form_3_container .frm_fields_container{text-align:center!important;}
#frm_form_3_container .frm_button_submit{float: none!important;}

#frm_form_4_container .frm_fields_container{text-align:center!important;}
#frm_form_4_container .frm_button_submit{float: none!important;}

/* New Slider -  Charlie's Amazing Code!!!!!!!!!!!   :-)  */
 .slider{background: #FFF; width: 100%; overflow: hidden; position:relative}
.slider img{width: 100%; height: auto; float: right; min-width: 1400px}
.slider_text_box {	position: absolute;	top: 20%; 	left: 10%;	text-align: center;	width: 550px}
.slider_header {margin: 0; 	padding: 0;	line-height: 140%;	letter-spacing: 5.5px;	text-transform: uppercase;font-size: 32px}
.slider_text_box p{margin-top: 50px}
.slider_text_box a{position: relative; margin-top: 20px; display: inline-block}
.mob_slider .mobile_slider{display:none}




/* Faye's mediocre code to botch Smart Slider */

.smart-content .slider_text_box{position: unset;}

@media only screen and (max-width: 850px){
.smart-content .slider_text_box {position: relative;left: 0;width:100%}

}


/* End Faye's mediocre code to botch Smart Slider  */

@media only screen and (max-width: 1500px) {
.slider_text_box {	left: 5%}
} 
 
@media only screen and (max-width: 1300px) {
.slider_text_box {background: rgba(255,255,255, 0.7); padding: 20px 10px; top: 15%;}


.slider_text_box.blue {background: rgba(50,48,150, 0.8)}
} 


@media only screen and (max-width: 860px) {
.mob_slider .slider_text_box{display:none}
.mob_slider .mobile_slider {
	display: block;
	width: 100%;
	min-width: auto;
	float: none;
	height: auto;
}
.mob_slider .desktop_slider{display:none}

} 


.mobile-image {display:none;}
.mobile-image h4 {line-height:150%;}
@media only screen and (max-width: 850px) {
.content-wrapper { background:rgba(256,256,256,0.5);}
.desktop-image {display:none;}
.mobile-image {display:flex;}
.slider_text_box {	width: 90% ;  	top: 5%	 }
.slider_header {	font-size: 25px}
.slider img{margin-right: -25%}
}  
 
.slider_bottom_effect {display: block; width: 100%; height: 60px; max-height: 60px; margin: 0; z-index:5; bottom:0; position:absolute; left:0px; float:left;}

.parallax1 > use {
  animation: move-forever1 20s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax2 > use {
  animation: move-forever2 25s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax3 > use {
  animation: move-forever3 20s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax4 > use {
  animation: move-forever4 25s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }                
}
@keyframes move-forever3 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever4 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {    transform: translate(85px, 0%);
  }
}





 /* Smart Slider */
.smart-slider p{padding:0px 50px}   
 
  /* Faqs */
.faq-section iframe {
    max-width: 305px;
    height: 230px;
}



.qblock {
    background: #fff;
    padding:40px;
}


.postid-990 .faq-section .span_8_of_12{width:100%}

/* 
TEMP DISABLED
.faq-section .imgfix img {
	width: auto;
	height: 100%;
	max-width: 100%;
}       */

/* Contact Details */
.contact-details .checklist li {

    font-size: 20px;
    margin-right: 20px;
}

/* Team Page */



.team-sec .styled_promobox {
    position: absolute;
    top: 0;
      transition: 0.5s;
    background: #2c2a81d9;
    height: 90%;
    padding: 25px;
    opacity:0}
    


    
    
  .team-sec .col:hover .styled_promobox,   .products .col:hover .styled_promobox { opacity:1}

.team-sec .styled_promobox h3, .team-sec .styled_promobox h4, .team-sec .styled_promobox p{color:#fff}

.team-sec .styled_promobox h4{
margin-bottom: 20px;
    text-transform: none;
    letter-spacing: unset;}

/* Breadcrumbs */

.breadcrumbs_section{    background: #eee;
    font-size: 14px;
    padding: 5px;}
.breadcrumbs_section p{margin-bottom:0}
.breadcrumbs_section a{color:#666}
/* Widescreen */
.widescreen h3{    font-size: 17px;
    text-transform: none;
    letter-spacing: unset;}
    
    .widescreen h2, .widescreen h3{   }
  

  
/* Sub Header */
.subhead{background:var(--main_colour);border-bottom: 1px solid #4f569b;}
.subhead a, .subhead div{color:#fff;  font-size: 14px;}
.subhead a:hover {color: #ccc}
.subhead a.btn_2:hover{color:#444} 
.covid{border-left: 1px solid #6c76cd;  padding-left: 15px; margin-left: 5px;}    
.contact-details i{margin-left:10px}

/* Header */
.header-3{position:fixed;width:100%;z-index:99;}
.header-bg, .section_style_1{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#322f66+0,322f66+1,312e85+21,3231a6+45,3231a6+56,312e85+78,322f66+100 */
background: rgb(50,47,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(50,47,102,1) 0%, rgba(50,47,102,1) 1%, rgba(49,46,133,1) 21%, rgba(50,49,166,1) 45%, rgba(50,49,166,1) 56%, rgba(49,46,133,1) 78%, rgba(50,47,102,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(50,47,102,1) 0%,rgba(50,47,102,1) 1%,rgba(49,46,133,1) 21%,rgba(50,49,166,1) 45%,rgba(50,49,166,1) 56%,rgba(49,46,133,1) 78%,rgba(50,47,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(50,47,102,1) 0%,rgba(50,47,102,1) 1%,rgba(49,46,133,1) 21%,rgba(50,49,166,1) 45%,rgba(50,49,166,1) 56%,rgba(49,46,133,1) 78%,rgba(50,47,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322f66', endColorstr='#322f66',GradientType=0 ); /* IE6-9 */
}

.logo img{max-width:100%}
.header-splitter{width:100%}
.header-seperator {
    height: 192px;
}
.social-header a {  margin-right: 5px;}

/* Header Menu */
#menu-header-menu-2 > li > a, #menu-header-menu > li > a{display: block; padding: 10px 15px; text-transform: uppercase; color: var(--menu_font_colour);}    
#menu-header-menu-2 li {  display: inline-block;  position: relative;}
#menu-header-menu-2 > li:hover > a,#menu-header-menu-2 > li.current_page_item > a,#menu-header-menu-2 > li.current-menu-parent > a{background:var(--menu_hover_background_colour); color:var(--menu_font_hover_colour)}


#menu-sub-menu li {

    border-left: 1px solid #6c76cd;
    padding-left: 10px;
    padding-right: 10px;
      display: inline-block;
}
#menu-sub-menu li:last-child{ }
.menu-sub-menu-container{display:inline-block}
/* Buttons */
a.btn, .right_fixed_button{padding:10px 20px;text-transform:uppercase;text-decoration:none!important}
a.btn_2, .right_fixed_button{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background:/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+28,cccccc+50,f1f1f1+89,f1f1f1+89,f1f1f1+97,f1f1f1+97,eeeeee+100 */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 28%, rgba(204,204,204,1) 50%, rgba(241,241,241,1) 89%, rgba(241,241,241,1) 89%, rgba(241,241,241,1) 97%, rgba(241,241,241,1) 97%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 28%,rgba(204,204,204,1) 50%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 97%,rgba(241,241,241,1) 97%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 28%,rgba(204,204,204,1) 50%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 97%,rgba(241,241,241,1) 97%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 }
 

 
.overview a.btn_2 {
    display: block;
    padding: 4px 3px;
        
}
.overview .col{float:none;display:inline-block; margin: auto; vertical-align:top }
.overview a.btn_2:hover {


 
}


.news-section a.btn_1 {

    bottom: -25px;
}

.overview a.btn_2 > span {
    display: block;
    height: 70px;
    position: relative;
}

.text_middle {
	position: absolute;
	width: 80%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
top: 50%;
	line-height: 120%;
}


.btntab {right: -93px;}
/* Inner button borders */

 a.btn_1{
     outline: 0.1rem solid #fff !important;
    outline-offset: -0.3rem !important;}
    
     a.btn_1:hover, .promo-slider:hover a.btn_1{
     outline: 0.1rem solid #323097 !important;}
    
     
a.btn_2{
     outline: 0.1rem solid #323097 !important;
    outline-offset: -0.3rem !important;}
    
    
 

/* End Inner button borders */

a.btn_1 > span, a.btn_2 > span {padding: 10px 20px;position: relative;}

   .slider_text_box a.btn_1{    padding: 15px 3px;}
a.btn_1, a.btn_2{padding: 14px 3px;}     
.promo-boxes a.btn_1 {
    bottom: 8px;
    display: block;
    width: 72%;
    left: 14%;
    padding: 5px 6px;
}
.promo-boxes  a.btn_1 span, .a.btn_2 span {display:block;}
.button-height{height:32px}
.home .promo-boxes  a.btn_1 span {height:auto}
.col.center-last:last-child {display:inline-block;float:none}
a.btn_2:hover, .right_fixed_button:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,eeeeee+28,eeeeee+51,f1f1f1+89,f1f1f1+89,f1f1f1+97,eeeeee+97,eeeeee+100 */
background: rgb(204,204,204); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(204,204,204,1) 0%, rgba(238,238,238,1) 28%, rgba(238,238,238,1) 51%, rgba(241,241,241,1) 89%, rgba(241,241,241,1) 89%, rgba(241,241,241,1) 97%, rgba(238,238,238,1) 97%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(204,204,204,1) 0%,rgba(238,238,238,1) 28%,rgba(238,238,238,1) 51%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 97%,rgba(238,238,238,1) 97%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(204,204,204,1) 0%,rgba(238,238,238,1) 28%,rgba(238,238,238,1) 51%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 97%,rgba(238,238,238,1) 97%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/* Products */
.overview.products .styled_promobox {
    position: absolute;
    top: 0;
    transition: 0.5s;
    background: #2c2a81d9;
    color: #fff;
    height: 100%;
    padding: 20px 15px;
    opacity: 0;
}
    
    .overview.products .col {
    border: 1px solid #eee;
}



.overview.products h3{font-size:14px;color:#fff}
.overview.products p{color:#fff}
.overview.products img{max-width:220px;padding:10px}
.overview.products b{line-height:140%}
/* Pricing */
.accordion-section-title:before{float:right}
.accordion-section strong{float:right}
.pricingAccordion .accordion-section p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.pricing.section_style_3{border: 8px solid #33319e;
}

.pricing .qblock{background:#33319e;color:#fff}
.pricing .qblock a{color:#fff}
.pricing img{    padding: 10px 0px 7px 10px;}
/*  Blue Waves */

.wave {
    background: url(https://springwellclinic.co.uk/wp-content/uploads/2022/01/curve1-2-1.png);
    width: 100%;
    height: 125px;
    position: absolute;
    right: 0;
    top: -123px;
    left: 0;
        background-repeat: no-repeat;
}
.wave2 {
    background: url(https://springwellclinic.co.uk/wp-content/uploads/2022/01/curve-upsidedown-1-1.png);
    width: 100%;
    height: 165px;
    position: absolute;
    right: 0;
    bottom: -163px;
    left: 0;
        background-repeat: no-repeat;
}

.team .wave { top: -123px;}
.team .wave2 {
    bottom: -163px;
}
.clinic .wave {  top: -123px;-webkit-transform: scaleX(-1);  transform: scaleX(-1);}
.clinic .wave2 {  bottom: -163px;-webkit-transform: scaleX(-1);  transform: scaleX(-1);}

/* Home - Team Section */
.team img{border-radius: 50%;border: 7px solid #fff;  max-width: 500px;height:auto}
.team a{color:#eee}
.team a.btn_2 {    color: var(--button_2_text_colour);} 
.team .noborder{border-radius: 0; border: none}

/* Reviews */
.reviews .slick-list{width: 65%; display: inline-block;}


.container.review-container { width: 50%; min-width: 0;}
.reviews i{color:#FBCC28}
.glide_reviews i.icon-star{color:#FBCC28; font-size:20px;}
.slick-arrow i{color:var(--main_colour)}


/* Treatments */
.glide_treatments li img {
    width: 100%;
    object-fit: cover;
}

.wide .container {
    width: 90%;
    max-width: unset;
}



/* Logos */
.logos img{    display: inline-block;}
.obagi img, .whatclinic  img, .bacn-pink img, .lm img{   width: 115px;}
.observ img, .aqualax img, .revive img, .perfecte img, .profilo img, .emsella img, .merz img, .skinbetter img{margin-top:40px}
.dermaroller img{margin-bottom:20px}
.logos i{display:none}
.logos .btn{display:none}
.merz2 img{    height: 106px;
    width: auto;}
    .hydra img, .kleresca img{margin-top:15px}
    
    


/* Promo Boxes */
.promo-slider:hover a.btn_1{background:var(--button_1_hover_background_colour);color:var(--button_1_hover_text_colour)}
.treatment-promos .slick-list{width:92%;display:inline-block}
.treatment-promos i{color:#eee;cursor:pointer}

/* Contact Form */
.contact-form h2, .contact-form p, .contact-form a{color:#fff}

/* News Sign Up */
.news-form.container{width: 45%; min-width: 0;    background: #33319e;  padding: 40px 40px 20px 40px;border-radius:50px}
    .news-form.container h3{color:#fff}
 
/* Client Stories */
.stories img{}

/* Home - Is your clinic near me */

.clinic i{font-size: 236px;}
.clinic iframe{border: 7px solid;
    border-radius: 19px;
}


/* Bullets */

.main-content li,    .blog_article li{margin-bottom: 20px;text-align: justify;line-height: 120%;position: relative;padding-left: 30px;} 
.main-content li::before, .blog_article li:before {
    font-family: "fontello";
    content: '\f111';
    color: var(--second_colour);
    font-weight: 900;
    position: absolute;
    left: 13px;
    font-size: 6px;
    top: 1px;
}

.main-content.clinic li {
    display: inline-block;
    color: #fff;    margin-left: 5px;
}
 .main-content.clinic li::before{}
 
 
.main-content .container.center li{    text-align: center;}

.main-content .container.center li::before{    position: relative;
    left: -13px;
    top: -3px;}
  
  
  /* Pop ups*/
  
.hustle-title{letter-spacing: 5.5px!important;}

.hustle-ui.module_id_2 .hustle-form button.hustle-button-submit {
    border-color: #3b1aa2;
    background-color: #3e29b3;
    color: #FFFFFF;outline: 0.1rem solid #323097 !important;
}

.button-line a.btn{display: inline-block;margin: 20px 0px;}





/* Slider Dots */
.slick-dots li {display:inline-block}
.slick-dots button{background: transparent; 	border-radius: 50%;  	border: 2px solid var(--main_colour);	margin: 0px 5px; 	height: 13px; 	width: 13px; 	padding: 0   ;   overflow: hidden;  text-indent: -999px}
.slick-dots .slick-active button {background: var(--main_colour)}

 /* Footer */
.footer-3 li, .footer_address{line-height:150%}    
.opening_hours .day{line-height:unset;width:50%}
.opening_hours .time {
	float: right;
	width: 47%;
}
.opening_hours span {
    font-weight: 400;}

.footer-3 .col, .whitetext, .footer-3 .col span, .footer-3 li{color: var(--footer_link_colour);}   
#menu-sub-footer{display:inline-block}
#menu-sub-footer li{line-height:0}
   
   @media only screen and (max-width:1560px){
   .container{width:95%;min-width:unset}
   
   .nodesktop{display:block}
 
   .clinic iframe {

    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
}
   
   #responsive-menu-pro-header{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#322f66+0,322f66+1,312e85+21,3231a6+45,3231a6+56,312e85+78,322f66+100 */
background: rgb(50,47,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(50,47,102,1) 0%, rgba(50,47,102,1) 1%, rgba(49,46,133,1) 21%, rgba(50,49,166,1) 45%, rgba(50,49,166,1) 56%, rgba(49,46,133,1) 78%, rgba(50,47,102,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(50,47,102,1) 0%,rgba(50,47,102,1) 1%,rgba(49,46,133,1) 21%,rgba(50,49,166,1) 45%,rgba(50,49,166,1) 56%,rgba(49,46,133,1) 78%,rgba(50,47,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(50,47,102,1) 0%,rgba(50,47,102,1) 1%,rgba(49,46,133,1) 21%,rgba(50,49,166,1) 45%,rgba(50,49,166,1) 56%,rgba(49,46,133,1) 78%,rgba(50,47,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322f66', endColorstr='#322f66',GradientType=0 ); /* IE6-9 */
}

   
   
   
   }
   
   
   
   
   
   
   

   
   
   
   
   
   
   
   
   
   
   
   
       @media only screen and (min-width:900px) and (max-width:1500px){ 
   
   
       .noipad{display:none}
   
   
   }
      
      
      
    @media only screen and (min-width:1300px) and (max-width:1400px){    
 
    #menu-header-menu-2 > li > a, #menu-header-menu > li > a{padding:10px 15px;font-size:14px}    
    .logo img{max-height:110px}
    a.btn_1 > span, a.btn_2 > span{font-size:15px}

    footer h3{font-size:18px}
    
    .team img{max-width:410px}
    .footer h3{font-size:16px}
    footer a, footer, footer span{font-size:15px}
    
    
    
    /* Forms */
    
    .news-form.container {
    width: 60%;
}
    }
   
   
   

   
      
      
    @media only screen and (min-width:1200px) and (max-width:1300px){    
   
    #menu-header-menu-2 > li > a, #menu-header-menu > li > a{padding:10px 13px;font-size:13px}    
    .logo img{max-height:100px}
    a.btn_1 > span, a.btn_2 > span{font-size:14px}
    
    h1, .home h2, .widescreen h2{font-size: 30px;}
    footer h3{font-size:16px}
ÿ  
    .team img{max-width:370px}
    .footer h3{font-size:16px}
    footer a, footer, footer span{font-size:14px}
    
    
    
    /* Forms */
    
    .news-form.container {
    width: 60%;
}
    }
   
   
   
   
   
   
   
      
    @media only screen and (min-width:1000px) and (max-width:1200px){    
    
    #menu-header-menu-2 > li > a, #menu-header-menu > li > a{padding:10px 10px;font-size:12px}    
    .logo img{max-height:88px}
    a.btn_1 > span, a.btn_2 > span{font-size:14px}
    
    h1, .home h2, .widescreen h2{font-size: 24px;}
    footer h3{font-size:16px}
    
    .team img{max-width:370px}
    .footer h3{font-size:16px}
    footer a, footer, footer span{font-size:14px}
    
        /* Slider */
    
    .slider_header{font-size:26px}
    
    /* Forms */
    
    .news-form.container {
    width: 60%;
}

      /* Products */
  
  .overview.products .styled_promobox, .team-sec .styled_promobox{opacity:1;position:relative}
    

    }
   
   
   
   
   
   
   
   
    @media only screen and (min-width:900px) and (max-width:1000px){    
    
    #menu-header-menu-2 > li > a, #menu-header-menu > li > a{padding:10px 10px;font-size:12px}    
    .logo img{max-height:88px}
    a.btn_1 > span, a.btn_2 > span{font-size:14px}

    h1, .home h2, .widescreen h2, h3{font-size: 24px;}
    footer h3, .team-sec h3{font-size:16px}
    
    .team img{max-width:370px}
    .footer h3{font-size:16px}
    footer a, footer, footer span{font-size:14px}
    
    
    /* Slider */
    
    .slider_header{font-size:26px}
    
      /* Products */
  
  .overview.products .styled_promobox, .team-sec .styled_promobox{opacity:1;position:relative}
    
    }
   
 @media only screen and (max-width:900px){    
 #responsive-menu-pro-container{margin-top:140px!important}
 
.button-line a.btn{display:block!important;margin-bottom:10px!important; margin-right: 0!important;
    margin-left: 0!important;}

#responsive-menu-pro-header-bar-html {
    font-size: 21px;
    margin-top: 2px;
    text-align: left;
    float: left;
    margin-right: -35px!important;
}
 
 #responsive-menu-pro-header-bar-items-container{text-align:center}
 
.rmp-container {margin-top: 126px!important;}

.rmp-page-overlay {margin-top: 126px!important;}

.rmp-menu-subarrow {top: 20px!important;}
.rmp-submenu .rmp-menu-subarrow{top: 5px!important;}

.rmp-menu-wrap i{display:none}


/* Center Logo on Mobile */

#rmp-header-bar-6978 .rmp-header-bar-item {
  margin-right: 0px!important;
  width: 33%!important;
}

#rmp-header-bar-6978 .rmp-header-bar-logo{
  display: flex!important;
  justify-content: center!important;
}

body {margin-top: 126px;}
 
 
 
 
  .nomobile{display:none}
  .nodesktop {display:block}
.container {
    width: 90%;}
    
    .contact-details .checklist li {

    margin-bottom: 12px;
}


/* FAQ Section*/
  .faq-section iframe{width:100%;max-width:100%}
  
 /* Pricing */ 
  
   .pricing img{padding:0px}
  
  
  .accordion-section p{  }

    
    .accordion-section strong {
    float: none;display: block;
  
}
  /*Forms*/
  
  .news-form.container {
    width: 85%;

}

.news-form .forminator-ui.forminator-custom-form-1222.forminator-design--default .center-tickbox .forminator-field{
    display: block!important;
}

  
  
  /* Products */
  
  .overview.products .styled_promobox, .team-sec .styled_promobox{opacity:1;position:relative}

  
  /* Buttons */
  
.buttons a.btn_1{margin-bottom:20px;display: inline-block;
 
    margin-right: 0!important;
    margin-left: 0!important;
}


.news-section a.btn_1.floatright{float:left;margin-top:10px}

.news-section a.btn_1 {
    bottom: unset;
    position: unset;
}
  
  
  /* Videos */  
  
  .clinic iframe{height:auto}
    
 /* Homepage Team Section */   
    
  .team img { width: 100%; height: auto;}
  .team .tweakments {width:70px}
  .team .gallery_text_block { margin: 66px 0px 0px 0px;}
  
  
  
  

  
  
  
  /* Footer */
  footer .legal{text-align:center}
  .subfooter{    text-align: center;}
  
  
   }
   
   
/* Mobile Sizing */
@media only screen and (max-width: 800px) {
    .separator20  {
        height: 10px;
    }
    .separator40  {
        height: 20px;
    }
    .separator80  {
        height: 50px;
    }
    .separator100  {
        height: 60px;
    }
    .separator110  {
        height: 70px;
    }
    .separator120  {
        height: 80px;
    }
    .wave {
        height: 40px;
        top: -38px !important;
    }
    .wave2 {
    
    height: 100px;
    bottom: -98px !important;
}
    
}

.about #sbi_images {
    padding-top: 0px !important;
}



/* News */
.btn_1.active {
    background-color: #eeeeee;
    color: #33319e;
}

.news-promo-box .btn_1 {
    position: absolute; bottom:0; left:0; width: 100%;
}

.tab_filters .btn {
    display: inline-block !important;
    margin-bottom: 10px;
}
.inner_accordion .accordion-section-title {
background:/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+28,cccccc+50,f1f1f1+89,f1f1f1+89,f1f1f1+97,f1f1f1+97,eeeeee+100 */;
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 28%, rgba(204,204,204,1) 50%, rgba(241,241,241,1) 89%, rgba(241,241,241,1) 89%, rgba(241,241,241,1) 97%, rgba(241,241,241,1) 97%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 28%,rgba(204,204,204,1) 50%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 97%,rgba(241,241,241,1) 97%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 28%,rgba(204,204,204,1) 50%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 89%,rgba(241,241,241,1) 97%,rgba(241,241,241,1) 97%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #33319e;
}


.pricing th {
    background-color: #1d39c3;
    padding: 15px;
    color: white;
}



.pricing td {
    padding: 15px 10px;
}

.pricing.col{
margin-left: 25.5% !important;
}

@media only screen and (max-width:770px){
  
  /*Treatment Blog Promos */
  .blog-treatment-promo .section_style_2 {display: block !important;} 
.pricing.col{
margin-left: 0% !important;
}

}



/* Glide */
.glide_reviews .glide__arrows {
    position: absolute;
    top: 20%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-20%);
    z-index: 3; 
}


.glide__arrow {
    background-color: transparent;
    border: 0;
    font-size: 2rem; 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.glide_reviews .glide__arrow {color: #121e8e;}


.glide_reviews .glide__arrow--left {
    position: absolute;
    left: 0; 
}

.glide_reviews .glide__arrow--right {
    position: absolute;
    right: 0;
}
@media only screen and (max-width: 900px) {
.glide_reviews .glide__arrows, .glide__arrows.treatmentgroup-listing  { display:none !important;}
}

.glide__arrows.treatmentgroup-listing {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 10;
}

.treatmentgroup-listing .glide__arrow.glide__arrow--left,
.treatmentgroup-listing .glide__arrow.glide__arrow--right {
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 24px; 
    cursor: pointer;
    position: relative;
}
.treatmentgroup-listing .glide__arrow.glide__arrow--left {
    left: -70px;
}

.treatmentgroup-listing .glide__arrow.glide__arrow--right {
    right: -70px;
}

#popup-enquire {
	display: none;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed; 
	height: 100vh;
	width: 100%;
	top: 0;
	left: 0;
    z-index:1000000!important;
}

.popup-content {
	position: absolute;
	padding: 20px;
	background-color: white;
	width: 800px;
    max-width:100vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    max-height:80vh;
    overflow-y:auto;
    text-align:left;
}

.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-size:20px;
    color: var(--titles_colour);
}

.popup-header h5 {
    font-weight:100 !important;
    font-size:40px;
    letter-spacing: 3px;
}

#close-popup-enquire {cursor:pointer;}

.open-popup-enquire {cursor:pointer;}

/* Blog treatment */
.blog-treatment-promo .col.span_4_of_12 img {width: 100%;height: 100%;object-fit: cover;}
.blog-treatment-promo .treatment-content {line-height: 1.6;} 
.blog-treatment-promo .section_style_2 {display: flex;align-items: stretch;} 
.blog-treatment-promo .col.span_8_of_12 {text-align: left;padding: 20px;}