body

{

   background-image: linear-gradient(#2B8D72, #221E50);

}



/* Fonts  */



@font-face {

 

    font-family: Lato-Bold;

    src: url('../fonts/Lato-Bold.otf');

}



@font-face {

 

    font-family: Lato-Regular;

    src: url('../fonts/Lato-Regular.otf');

}



@font-face {

 

    font-family: Lato-Black;

    src: url('../fonts/Lato-Black.otf');

}





ul li, ol li

{

	padding: 5px 0px;

}



p, ul li, ol li

{

	font-size: 16px;

	color: #fff;

	font-family: Lato-Regular;

}



.section_pad

{

	padding: 52px 0px;

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6

{

	font-family: Lato-Bold;

}



/* navbar*/



.main_menu

{

	margin-top: 12px;

	margin-bottom: 12px;

	background-color: transparent !important; 

}



.navbar-nav {

    float: unset;

    text-align: center;

}



.navbar-light .navbar-nav .nav-link, .dropdown-item

{

	letter-spacing: 0px;

	padding: 0px 15px;

	color: #fff;

} 



.navbar-nav .dropdown-menu

{

	background-color: #fff;

	margin-top: 15px;

	margin-bottom: 15px;

}



.dropdown-divider

{

	border-top: 2px solid #2B8D72;

}



.navbar-nav .dropdown-menu li

{

	padding: 0px;

}



.navbar-nav .dropdown-menu li a

{

	color: #2B8D72;

	font-size: 12px;

}



.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover

{

	background-color: transparent;

}



.navbar-light .navbar-nav .nav-item

{

	border-right: 1px solid #fff;

	padding: 0px;

	font-size: 14px;

}



.navbar-light .navbar-nav .nav-item:last-child

{

	border-right: unset;

}



.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

    color: #fff;

}



.navbar-light .navbar-toggler {

    color: transparent;

}



.navbar-light .navbar-toggler-icon

{

   filter: brightness(0) invert(1);	

}



.dropdown-toggle1::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid transparent;

    border-right: 0;

    border-bottom: 0.3em solid transparent;

    border-left: 0.3em solid;

}





.top_btns

{

	border: 1px solid #ffffff2b;

	background-color: transparent;

	padding: 5px;

	margin: 0px 5px;

	color: #fff;

	border-radius: 6px;

	font-size: 20px;

}



.top_btns .fa-calendar

{

	color: #fff;

}

.top_btns .fa-phone

{

	color: #91e191;

}



.topicons_list

{

	list-style-type: none;

}



.topicons_list a, .top_btns a

{

	color: #fff;

	text-decoration: none;

}



.topicons_list li

{

	display: inline;

	padding: 5px;

	font-size: 20px;
	/*font-size: 14px;*/

}



.topicons_list .fa-whatsapp

{

	background-color: #278127;

	padding: 2px;

	border-radius:50%;

}



.topicons_list .fa-envelope

{

    color: yellow;

}



.topicons_list .fa-map-marker

{

    color: #FB1807;

}



.top_btns:hover

{

    background-color: #38a385a3;	

}



.top_btns:hover a

{

	color: #fff;

}



.dropdown-menu li {

  position: relative;

} 



.dropdown-menu .dropdown-submenu {

  display: none;

  position: absolute;

  left: 100%;

  top: -7px;

}



.dropdown-menu .dropdown-submenu-left {

  right: 100%;

  left: auto;

}



.dropdown-menu>li:hover>.dropdown-submenu {

  display: block;

}



.header_logo

{

	width: 150px;

	height: auto;

}



.mob_number a

{

	text-decoration: none;

	color: #fff;

}



.mob_number

{

	text-align: center;

	vertical-align: middle;

	margin: 0px;

}



#inner_banner

{

	cursor: pointer;

}


/*  call me back button */

.call_btn
{
	background-color: #fff !important;
    border: 1px solid #fff;
    padding: 6px 34px;
    font-size: 18px;
    font-family: Lato-Regular;
    letter-spacing: 2px;
    color: #2b8d72;
    border-radius: 25px;
    font-weight: 700;
    margin-top: 16px;
}


/*  Form banner  */



.form_list

{

	padding-left: 0px;

}



.form_list li

{

    list-style-type: none;

    display: inline-grid;

    width: 18%;

	margin: 8px;

}





#form_banner

{

    cursor: pointer;

}



.form_list .form-control

{

	border: 1px solid #fff;

	border-radius: 25px;

	background-color: transparent;

}



.call-btn {

    background-color: #fff;

    border: 1px solid #fff;

    padding: 6px 34px;

    font-size: 18px;

    font-family: Lato-Regular;

    letter-spacing: 2px;

    color: #2b8d72;

	

	border-radius: 25px;

	font-weight: 700;

	

}



#form_banner optgroup

{

	background-color: #000;

}



.form-select

{

	color: #fff;

	opacity: 0.6;

}



#form_banner h5

{

	color: #fff;

	font-size: 28px;

	font-weight: 600;

}



.form-control:focus

{

	color: #fff;

}



.modal-body .form-control:focus

{

	color:black !important;

}







#modal_form .form-control

{

	margin: 24px 0px;

	border-radius: 0px;

	padding: 8px 12px;

}



.form-select

{

	filter: brightness(0) invert(1);

}



.form-select option

{

	background-color: #000;

}



::placeholder 

{

   color: #fff !important;

   opacity: 0.6 !important; 

}





#modal_form .modal_submitbttn

{

    background-color: #221e50;

    border: 1px solid #221e50;

    color: #fff;

    padding: 5px 12px;

    font-size: 14px;

    font-family: Lato-Regular;

    letter-spacing: 2px;

    border-radius: 4px;

    font-weight: 200;

    /*margin: 16px 12px;*/

    float: left;

}



#modal_form ::placeholder, #modal_form .form-select

{

	opacity: 1 !important; 

	color: #000 !important;

}



#modal_form .form-select

{

	filter: unset;

}





#modal_form .form-select option

{

	background-color: #fff;

}



/*  headings */



.w_color {

    color: #fff;

}



.section_heading p

{

	color: #727272;

	padding: 0px;

	margin: 0px;

	letter-spacing: 1.1px;

}



.section_heading h2

{

	color: #fff;

	padding: 0px;

	margin: 0px;

	letter-spacing: 1.1px;

    font-size: 45px;

	padding-bottom: 25px;

}



.green_color

{

	color: #72D3B5;

}



.blue_color

{

	color: #221E50;

}





/* footer  */



#footer

{

	background-color: #d7d7d7;

	padding-top: 52px;

	padding-bottom: 24px;

}



.footer_logo

{

	width: 204px;

	height: auto;

    padding-bottom: 45px;

}

  

#footer h5

{

	font-size: 14px;

	font-weight: 600;

	font-family: Lato-Bold;

	color: #2b8d72;

}



.Quick_links

{

	padding-left: 0px;

}



.Quick_links li

{

	list-style-type: none;

	padding: 2px 2px;

	color: #221e50;

}



#footer a, #footer p

{

	text-decoration: none;

	color: #221e50;

	font-size: 13px;

}



#footer .form-control

{

	background-color: transparent;

	border: 1px solid #fff;

	color: #fff;

}



#footer .footerhr

{

	width: 25%;

    margin-top: 2px;

	border: 1.6px solid #2b8d72;

	opacity: 1;

}



.footer_logo

{

	margin: 25px 0px 0px;

}



.footer_links

{

	padding-left: 0px;

	margin-top: 12px;

}



.footer_links li

{

	list-style-type: none;

	display: inline-block;

	border-right: 1px solid #2b8d72;

	padding: 0px 14px;

}



.footer_links li:last-child

{

	border-right: unset;

}



.footer_links a

{

	color: #2b8d72 !important;

	font-size: 15px;

}



.footer_socials

{

	padding-left: 0px;

}



.footer_socials li

{

	list-style-type: none;

	padding: 5px;

	display: inline;

}



.footer_phone
{
	font-size: 18px !important;
}


/*  Copyright  */



  

#copyright

{

    background-color: #b3b3b3;

    padding-top:15px;

	padding-bottom:15px;

}



#copyright p {

	font-size: 14px;

	color: #000;

	padding: 0px;

	margin: 0px;

	padding-left: 12px;

}



.copyright_links

{

	padding-left: 0px;

	margin-bottom: 0px;

}



.copyright_links li

{

	list-style-type: none;

	display: inline;

	border-right: 1px solid #221e50;

	padding: 0px 6px;

}



.copyright_links li:last-child

{

	border-right: unset;

}





.copyright_links li a

{

	text-decoration: none;

	color: #221e50;

	font-size: 13px;

}



/*  <!-------   Slimming Page  --------!>  */



#Slimming_content .big_h2

{

	font-size: 47px;

}



#Slimming_content .section_heading h2

{

	font-size: 35px;

}



.step

{

	background-color: #72d3b5;

	padding: 12px 5px;

}



.h3_heading

{

	text-align: center;

	font-size: 20px;

	color: #221e50;

}



.content_section

{

	padding: 25px;

	border: 2px solid #fff;

	border-top: unset;

	height: 285px;

}



.h3-heading

{

	font-size: 25px;

	color: #fff;

	font-weight: 700;

}



.h4_green

{

	color: #72D3B5;

	font-size: 22px;

}





/* #About_content p, .content_section p, .content_section ul li, #Highlights ul li

{

	color: #fff;

}*/



.pad4

{

	padding: 0px;

	margin: 0px;

}



#Treatment_centres .big_h2

{

	font-size: 50px;

}



#Treatment_centres .section_heading h2

{

	font-size: 42px;

}



#Treatment_centres .nav-tabs, #kolors_Services .nav-tabs

{

	border-bottom: unset;

}



#Treatment_centres .nav-tabs .nav-item.show .nav-link, #Treatment_centres .nav-tabs .nav-link.active, #kolors_Services .nav-tabs .nav-item.show .nav-link, #kolors_Services .nav-tabs .nav-link.active

{

    color: #ffffff;

    background-color: #2b8d72;

    border-color: #2b8d72;

	border-radius: 6px;

}



#Treatment_centres .nav-tabs .nav-link, #kolors_Services .nav-tabs .nav-link

{

	border: unset;

	color: #fff;

	text-transform: uppercase;

}





.centre_locations li

{

	list-style-type: none;

}



.centre_locations li a

{

	color: #fff;

	text-decoration: none;

	cursor: pointer;

}



.centre_locations li i

{

	padding-right: 6px;

}





#Faq .accordion-button:not(.collapsed)

{

	color: #fff;

}



#Faq .accordion-item, #Faq .accordion-button:not(.collapsed), #Faq [type=button]:not(:disabled), #Faq [type=reset]:not(:disabled), #Faq [type=submit]:not(:disabled), #Faq button:not(:disabled)

{

	background-color: transparent;

}



#Faq .accordion-item p, #Faq .accordion-button

{

	color: #fff !important;

}



#Faq .accordion-item

{

	border-bottom: 1px solid #ffffff !important;

	border: none;

}



#Faq .accordion-button:focus, #Faq .accordion-item:focus, #Faq .accordion-item:hover

{

	border-color: #fff;

	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);

}



#Faq .accordion-button::after

{

    filter: brightness(0) invert(1);

}

 

#Faq .accordion-button

{

	font-size: 20px;

	font-weight: 500;

}	

 

 

@media only screen and (max-width: 768px)

{

	iframe#youtube	

	{		

	height:200px !important;	

	}

	.main_menu

	{

		margin: 15px 0px;

	}

	

	.navbar-collapse

	{

		border: none;

	}



	.navbar-nav

	{

	   text-align: left;

	}

	

	.navbar-light .navbar-toggler

	{

		border-color: transparent;

	}

	

	.navbar-light .navbar-nav .nav-link, .dropdown-item

	{

		 padding: 5px;

	}

	

	.navbar-nav .dropdown-menu

	{

		margin-left: 12px;

	}

	

	.navbar-light .navbar-nav .nav-item

	{

		border-right: unset;

	}

	

	.top_btns

	{

		margin: 6px;

	}     		

	.body_form .form-group, .body_form .submit_btn	

	{		

		width: 100% !important;

	}			

	.clients_next, .reviews_next, .arrow_prev1, .arrow_next1, .clients_prev, .reviews_prev	

	{		

		display: none !important;	

	}

	

	.banner-arrow

	{

		display: none;

	}



	.banner_gap, #Contactus .banner_gap

	{

		padding: 0% 10%;

        margin-top: -155%;

	}



	.form_list li

	{

		width: 100%;

		margin: 0px;

		padding: 0px;

	}

	

	.client_box

	{

		height: auto;

	}

	

	.form_list .call-btn

	{

		margin: 15px 0px 0px;

	}

	

	#footer h5

	{

	   padding-bottom: 0px;

       padding-top: 15px;	   

	}	

	

	.navbar-collapse

    {

	  border-top: 1px solid #e7e7e7;

	  padding: 5px 0px;

    }

	

	.section_heading h2

	{

		padding-top: 0px;

		text-align: left;

	}

	

	.section_heading h2, .big_h2

	{

		font-size: 25px;

	}

	

	#Slimming_content .mobh2, #Slimming_content .big_h2, #Treatment_centres .mobh2, #Treatment_centres .big_h2  

	{

		font-size: 25px !important;

	}

	

	/* .toppad

	{

		padding-top: 25px;

	} */

	

	.client_box .cname

	{

		padding: unset;

		position: relative;

		bottom: 0px;

	}

	

	.h1_heading

	{

		font-size: 35px;

	}



	.banner_btn

	{

		margin-top: 15px;

	}

	

	.section_pad

	{

		padding: 45px 15px;

	}

	

	.sidepad

	{

		padding: 0px 15px;

	}

		

	/*#copyright,  #footer

	{

	   padding: 12px 15px;

	}*/



	.servicecare_box

	{

		margin-top: 45px;

	}

	

	#Servicebox .section_heading

	{

		padding: 0px;

	}

	

	.content_section

	{

		height: auto;

	}

	

	.mleft

	{

		padding-left: 12px;

	}

	

	.group_btn

	{

		font-size: 15px;

	}

	

	.group_btnlist

	{

		text-align: center;

	}

	

	

	.slim_lists

	{

		margin: 0px !important;

	}

	

	.sideh2

	{

		padding-top: 0px;

		text-align: center;

		font-size: 25px;

	}

	

	.h3_heading

	{

		font-size: 20px;

	}

	

	.best_p

	{

		font-size: 18px;

        margin-top: 15px;		

	}

	

	.group_btnlist li

	{

		width: 50%;

	}

	

	.group_btnlist

	{

		margin-top: 6px;

	}

	

	.b_right

	{

		border-right: 1px solid transparent;

	}

	

	.centre_locations

	{

		margin-top: 34px;

	}

	

	.big_h1

	{

		font-size: 28px;

	}

	

	.header_logo 

	{

       width: 100px;

       height: auto; 

    }

	

	.call-btn 

	{

		width: 100%;

	}

	

	.copyright_links

	{

		margin-top: 14px;

	}



}





@media only screen and (min-width: 900px) and (max-width: 1200px)

{

	.navbar-light .navbar-nav .nav-link, .dropdown-item

	{

		padding: 5px;

	}

	

}



@media only screen and (min-width: 760px) and (max-width: 1200px)

{

		

	.navbar-light .navbar-nav .nav-link, .dropdown-item

	{

		padding: 5px 9px;

	}

	

	.navbar-light .navbar-nav .nav-item

	{

		border-right: none;

	}

	

	.call-btn

	{

		padding: 10px 14px;

		font-size: 14px;

	}

	

	.form_list li

	{

        width: 18%;

        margin: 5px;

	}

	

	.treatment_lists li

	{

		font-size: 12px;

	}

	

	.client_box

	{

		height: auto;

		position: relative;

	}

	

	.client_box .cname

	{

		position: unset;

	}

	

	#kolors_founder h2, .big_h2, .section_heading h2, .banner_heading1

	{

		font-size: 25px !important;

	}

	

	

	.navbar-light .navbar-nav .nav-link, .dropdown-item

	{

	   text-align: left;	

	}

	

	.content_section

	{

		height: 400px;

	}

	

	.h3_heading

	{

		font-size: 16px;

	}

	

	.best_p

	{

		font-size: 20px;

	}

	

	.group_btnlist li

	{

	   width: 100%;	

	}

	



	

	#Contact_locations .nav-tabs .nav-item

	{

		padding: 5px 0px;

	}

	



	

}



@media only screen and (min-width: 760px) and (max-width: 1000px)

{

	iframe#youtube	

	{		

	height:350px !important;	

	}

	.h3_heading

	{

		font-size: 13px;

	}

	

} 

 

 

 

 

 /* Slick Slider */



.slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}

.banner-container

{

	position:relative;

	cursor:pointer;

}



#textscroll

{

	padding: 0px !important;

}



#textscroll .slick-slide

{

	margin-left: 0px !important;

}



.info {

     color: white;

    position: absolute;

    top: 90px;

    left: 7%;

    text-align: left;

    z-index: 10;

  }



.info > div {

    display: inline-block !important;

    vertical-align: middle;

  }



.slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;

    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}









.arrow_next1 {

    right: -55px;

    text-align: right;

    position: absolute;

	vertical-align: middle;

    top: 32vh;

    border: none;

    padding: 2px 10px;

    z-index: 9999;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

}



.arrow_prev1 {

    left: -55px;

    text-align: left;

    position: absolute;

    vertical-align: middle;

    top: 32vh;

    border: none;

    padding: 2px 10px;

    z-index: 9999;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

}



.arrow_prev, .arrow_next

{

	top: 25vh !important;

}



.arrow_prev, .dtp_prev {

    left: -55px;

    text-align: left;

    position: absolute;

    vertical-align: middle;

    top: 42vh;

    border: none;

    padding: 2px 10px;

    z-index: 9999;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

}



.arrow_next, .dtp_next {

    right: -55px;

    text-align: right;

    position: absolute;

	vertical-align: middle;

    top: 42vh;

    border: none;

    padding: 2px 10px;

    z-index: 9999;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

}



.clients_prev, .reviews_prev

{

	left: -55px;

    text-align: left;

    position: absolute;

    vertical-align: middle;

    top: 25vh;

    border: none;

    padding: 2px 10px;

    z-index: 9999;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

}





.clients_next, .reviews_next

{

	right: -55px;

    text-align: right;

    position: absolute;

	vertical-align: middle;

    top: 25vh;

    border: none;

    padding: 2px 10px;

    z-index: 9999;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

}



.expert_prev

{

	left: -55px;

    text-align: left;

    position: absolute;

    vertical-align: middle;

    top: 24vh;

    border: none;

    padding: 2px 10px;

    z-index: 9999;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;	

}



.expert_next

{

	right: -55px;

    text-align: right;

    position: absolute;

	vertical-align: middle;

    top: 24vh;

    border: none;

    padding: 2px 10px;

    z-index: 9999;

    background: #fff;

    border: 1px solid #fff;

    border-radius: 50%;

}





.slick-dots li button:before

{

	color: #fff !important;

	font-size: 12px !important;

}



.blockquote_icon {

    width: 45px!important;

    height: auto;

    margin: 5px 0 15px;

}



.body_form .form-group

{	

	width: 19%;	

	display: inline-grid;

}



.body_form .form-control

{	

	border-radius: 25px;    

	background-color: transparent;    

	border: 1px solid #fff;    

	padding: 8px 10px;    

	width: 100%;    

	color: #fff;

	margin: 12px 0px;

}



.body_form .submit_btn

{	

	background-color: #fff;    

	border: 1px solid #fff;    

	padding: 6px 34px;    

	font-size: 18px;    

	font-family: Lato-Regular;    

	letter-spacing: 2px;    

	color: #2b8d72;    

	border-radius: 25px;    

	font-weight: 700;    

	margin-top: 40px;

}



.body_form .form-select option

{	

	background-color: #fff;	

	color: #000;

}



.error

{

    color: #d73d3d;

	font-size: 14px;

	font-weight: 500;

	text-align: left;

}







.fixedcall_icon

{

	position:fixed;

	top: 25vh;

	right:5px;

	z-index:9999999999999;

	margin-top: 10px; 

	font-size: 18px;

}



.fixedcall_icon a

{

	color: #fff;

	text-decoration: none;

}



.fixedcall_icon i

{

	background-color: #221E51;

	padding: 12px;

	border-radius: 6px;

	color: #fff;

	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}




#exitModal .form-control, #exitModal .modal_submitbttn {
    border-radius: 15px;
	margin: 14px 0px;
}

.modal_submitbttn {
    background-color: #221e50;
    border: 1px solid #221e50;
    color: #fff;
    padding: 5px 12px;
}

#exitModal .form-select {
    filter: unset !important;
    color: #000 !important;
}

#exitModal .form-select option {
    background-color: #fff;
    color: #000;
}

#exitModal ::placeholder, #exitModal .form-select

{

	opacity: 1 !important; 

	color: #000 !important;

}