/*---- FONT FACES-----*/
/*#region*/
@font-face {
	font-family: Azo-regular;
	src: url('../fonts/AzoSans-Regular.otf');
}

@font-face {
	font-family: Azo-medium;
	src: url('../fonts/AzoSans-Medium.otf');
}

@font-face {
	font-family: Azo-light;
	src: url('../fonts/AzoSans-Light.otf');
}

@font-face {
	font-family: Azo-thin;
	src: url('../fonts/AzoSans_Thin.ttf');
}
@font-face {
	font-family: Azo-bold;
	src: url('../fonts/Azon_sans_BOLD.ttf');
}
@font-face {
	font-family: quicksand-light;
	src: url('../fonts/Quicksand-Light.ttf');
}
@font-face {
	font-family: quicksand-bold;
	src: url('../fonts/Quicksand-Bold.ttf');
}
@font-face {
	font-family: quicksand-medium;
	src: url('../fonts/Quicksand-Medium.ttf');
}
@font-face {
	font-family: gotham-book;
	src: url('../fonts/GothamBook.ttf');
}
@font-face {
	font-family: calibri;
	src: url('../fonts/Calibri.ttf');
}
/*#endregion*/



/*--------------------COLORS-------------------------*/
/* #1F2933   TEXT */
/* #1A3053   BUTTON */
/* #137496   FORM TITLE */
/* #856C2B   FORM SEND BUTTON */
/* #FFFFFF   FOOTER LINKS */
/* ------------------------------------Html-Body------------------------------- */




/*----- GENEERAL CLASSES----*/
/*#region*/
body {
	font-family: Azo-light;
	overflow-x: hidden;
}

.regular {
	font-family: Azo-regular;
}

.thin {
	font-family: Azo-thin;
}

.light {
	font-family: Azo-light;
}

p {
	font-family: Azo-light;
	color: #1F2933
}

html {
	-webkit-text-size-adjust: none;
}

html,
body {
	padding: 0;
	margin: 0;
}

a{
    color: #fff;
    transition: .4s;
}
a h2{
    transition: .4s;
}
a:hover{
	font-family: azo-bold;
	color: #fff;
}
a:hover h2{
    font-family: azo-light;
    text-shadow: 5px 0px 10px #fff, 0px 0px 20px #fff;
}
a:hover,
a:focus {
	text-decoration: none;
}
a.active{
    font-family: azo-bold;
}
ul{
    list-style: none;
    padding: 0;
}
/*#endregion*/





/*-------- NAVBAR CLASSES----------*/
/*#region*/
.nav{
    position: fixed;
    flex-wrap: nowrap;
    width: 100%;
    z-index: 2000;
}
.nav.scrolled{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(26,48,83,0.8) 0%, rgba(23,101,173,0.8) 100%);
	padding-top: 5px;
	padding-bottom: 5px;
}
.navbar{
    align-items: center;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(26,48,83,0.8) 0%, rgba(23,101,173,0.8) 100%);
}
.navbar.scrolled{
    background: none;
}
@media (max-width: 1100px){
    .navbar{
        background: none;
    }
}

.links-list{
    justify-content: space-between;
    padding: 0;
    margin-bottom: 0;
}

.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.container{
    padding: 0 20px 0 10px;
    margin: 0 auto;
    display: flex;
    position: relative;
}

.logo-container{
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.logo-container img{
    width: 300px;
    height: auto;
}
@media(max-width:420px){
    .logo-container img{
        width: 200px
    }
}

.nav-btn{
    flex: 3;
    display: flex;
}

.nav-links{
    flex: 2;
}

.log-sign{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.logo{
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 3rem;
}

.logo span{
    font-weight: 300;
}

.btn{
    display: inline-block;
    padding: .5rem 1.3rem;
    font-size: .8rem;
    border: 2px solid #fff;
    border-radius: 2rem;
    line-height: 1;
    margin: 0 .2rem;
    transition: .3s;
    text-transform: uppercase;
}

.btn.solid, .btn.transparent:hover{
    background-color: #fff;
    color: #69bde7;
}

.btn.transparent, .btn.solid:hover{
    background-color: transparent;
    color: #fff;
}

.nav-links > ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-link{
    position: relative;
    padding: 0 5px;
}

.nav-link > a{
    padding: 16px 0;
    height: 100%;
    font-size: .95rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .5s;
}
@media screen and (min-width: 1101px) and (max-width: 1230px){
    .nav-link > a{
        font-size: .75rem;
    }

}
.nav-link.signature{
    margin-right: 15%;
}
@media (max-width: 1382px){
    .nav-link.signature{
        margin-right: 0;
    }
}
@media (max-width: 1100px){
    .nav-link.nav-contact-link{
        margin: 0;
    }
}

.nav-link > a > i{
	display: none;
    margin-left: .2rem;
}
@media (max-width: 1100px){
	.nav-link > a > i{
		display: inline-block;
		margin-left: .2rem;
	}
}

.nav-link:hover > a{
    transform: scale(1.01);
}

.dropdown{
    position: absolute;
    top: 53px;
    left: -12px;
    width: 190px;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: .5s;
}
.dropdown ul{
    position: relative;
}

.dropdown-link > a{
    display: flex;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(26,48,83,0.8) 0%, rgba(23,101,173,0.8) 100%);
    color: #fff;
    padding: .5rem 1rem;
    font-size: .9rem;
    align-items: center;
    justify-content: space-between;
    transition: 1s;
}

.dropdown-link:hover > a{
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(26,48,83,0.8) 0%, rgba(23,101,173,0.8) 100%);
    color: #fff;
}



.dropdown-link i{
    display: none;
    transform: rotate(-90deg);
}
@media (max-width: 1100px){
    .dropdown-link i{
        display: inline-block;
    }
}


.dropdown.second{
    top: 0;
    left: 100%;
    width: 210px;
    cursor: pointer;
    transform: translateX(10px);
}
.dropdown.third{
    width: 250px;
}

.dropdown.second .arrow{
    top: 10px;
    left: -5.5px;
}

.nav-link:hover > .dropdown,
.dropdown-link:hover > .dropdown{
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
}
@media(min-width:1100px){
    .dropdown.wide{
        width: 280px;
    }
}
.hamburger-menu-container{
    flex: 1;
    display: none;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu div{
    width: 1.6rem;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    z-index: 1001;
    transition: .5s;
}

.hamburger-menu div:before,
.hamburger-menu div:after{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: #fff;
    border-radius: 3px;
    transition: .5s;
}

.hamburger-menu div:before{
    transform: translateY(-7px);
}

.hamburger-menu div:after{
    transform: translateY(7px);
}

#check{
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    z-index: 90000;
    cursor: pointer;
    opacity: 0;
    display: none;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div{
    background-color: transparent;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:before{
    transform: translateY(0) rotate(-45deg);
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:after{
    transform: translateY(0) rotate(45deg);
}

@keyframes animation{
    from{
        opacity: 0;
        transform: translateY(15px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}

@media (max-width: 1100px){
    .hamburger-menu-container{
        display: flex;
    }

    #check{
        display: block;
    }

    .nav-btn{
        position: fixed;
        height: 100vh ;
        top: 0;
        left: 0;
        width: 100%;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(26,48,83,1) 0%, rgba(23,101,173,1) 100%);
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(100%);
        transition: .4s;
    }

    .nav .social-icons{
        opacity: 0;
    }

    #check:checked ~ .nav-btn{
        transform: translateX(0);
    }

    #check:checked ~ .nav-btn .nav-link,
    #check:checked ~ .nav-btn .social-icons{
        animation: animation .5s ease forwards var(--i);
    }

    .nav-links{
        flex: initial;
        width: 100%;
    }

    .nav-links > ul{
        flex-direction: column;
    }

    .nav-link{
        width: 100%;
        opacity: 0;
        transform: translateY(15px);
    }

    .nav-link > a{
        line-height: 1;
        padding: 1.6rem 2rem;
    }

    .nav-link:hover > a{
        transform: scale(1);
    }

    .dropdown, .dropdown.second{
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
        opacity: 1;
        pointer-events: auto;
        width: 100%;
        padding: 0;
        background-color: #3183ac;
        display: none;
    }
    .dropdown.third{
        
        background-color: #2caef0;
    }
    
    .nav-link:hover > .dropdown,
    .dropdown-link:hover > .dropdown{
        display: block;
    }

    .nav-link:hover > a > i,
    .dropdown-link:hover > a > i{
        transform: rotate(360deg);
    }

    .dropdown-link > a{
        background-color: transparent;
        color: #fff;
        padding: 1.2rem 2rem;
        line-height: 1;
    }

    .dropdown.second .dropdown-link > a{
        padding: 1.2rem 2rem 1.2rem 3rem;
    }

    .dropdown.second .dropdown.second .dropdown-link > a{
        padding: 1.2rem 2rem 1.2rem 4rem;
    }

    .dropdown-link:not(:nth-last-child(2)){
        border-bottom: none;
    }

    .dropdown .dropdown .arrow{
        display: none;
    }

    .nav-link > a > i{
        font-size: 1.1rem;
        transform: rotate(-90deg);
        transition: .7s;
    }

    .dropdown i{
        font-size: 1rem;
        transition: .7s;
    }

}
a.current{
    font-family: azo-medium;
    font-weight: lighter;
}
/*#endregion*/





/*----HOME PAGE HEADER AND BELOW IT*/
/*#region*/
.page-header{
	position: relative;
    background-image: url('../images/home_header_bg.jpg');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    text-align: end;
}
.page-header img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media(max-width:768px){
    .page-header{
        height: 70vh;
    }
}
@media(max-width:425px){
    .page-header{
        height: 45vh;
    }
}

.page-header p{
    display: none;
    width: 90%;
    margin: auto;
    color: #fff;
    font-family: quicksand-light;
    font-size: 2.15rem;
    line-height: 30px;
    text-align: start;
}
.page-header b{
    font-family: quicksand-bold;
}

@media(max-width:1000px){
    .page-header{
        background-image: url('../images/home_header_bg_mob.jpg');
        background-position: center;
    }
    .page-header p{
        display: inline-block;
        font-size: 2rem;
    }
}
@media(max-width:420px){
    .page-header p{
        font-size: 1.2rem;
        line-height: 25px;
    }
}

.below-header{
    margin: 0 auto;
    width: 78.5%;
    padding: 40px 0;
}
.below-header div{
    padding: 0 25px;
}
.below-header p{
    text-align: justify;
    line-height: 20px;
    font-size: 1rem;
    font-weight: 500;
}
.below-header a{
    display: inline-block;
    margin: 0 auto;
    text-transform: uppercase;
    font-family: azo-bold;
    text-align: center;
    font-size: 1.15rem;
    width: 100%;
    padding: 10px;
    outline: none;
    border: none;
    color: #9C9C9C;
    background-color: #1A3053;
    
}
@media (max-width: 600px){
    .below-header{
        width: 100%;
    }
}

.below-header a:hover{
    background: linear-gradient(90deg,rgba(26,48,83,1) 0%, rgba(23,101,173,1) 100%);
}
.form-section.home-page-form{
    background-image: none;
}
/*#endregion*/




/*---SPECIALITY CLASSES---*/
/*#region*/
.speciality{
    background-size: cover;
    padding: 40px 0 0 80px;
}
.speciality h2{
    color: #fff;
    text-transform: uppercase;
}
.speciality.first{
    display: inline-block;
    background-image: url('../images/ULTRASONIC_RHINOPLASTY.jpg');
    width: 100%;
    height: 460px;
}
.specialities .row{
    margin: 3px auto;
}
.specialities .row .speciality{
    width: 33.2%;
    height: 685px;
}
.speciality.second{
    background-image: url('../images/BREAST_SURGERY.jpg');
}
.speciality.third{
    background-image: url('../images/FACE_SURGERY.jpg');
}
.speciality.fourth{
    background-image: url('../images/BODY_SURGERY.jpg');
}
.speciality.fifth{
    display: inline-block;
    background-image: url('../images/SIGNATURE_TREATMENTS.jpg');
    width: 100%;
    height: 460px;
}

@media(max-width:1200px){
    .speciality{
        padding: 40px 0 0 40px;
    }
    .specialities .row .speciality{
        background-position: right;
    }
}
@media(max-width:1000px){
    .specialities .row .speciality{
        width: 49.8%;
    }
    .speciality.second{
        margin-bottom: 3px;
    }
}
@media(max-width:768px){
    .specialities .row .speciality{
        width: 100%;
    }
    .speciality.second{
        margin: 3px 0;
    }
    .speciality{
        margin: 3px 0;
    }
    .speciality.first{
        background-position: center;
    }
    .speciality.fifth{
        height: 350px;
    }
}
@media(max-width:420px){
    .specialities .row .speciality{
        height: 460px;;
    }
    .speciality.fifth{
        height: 200px;
    }
    .speciality{
        padding: 40px 20px;
    }
    .speciality h2{
        font-size: 1.3rem;
    }
}
/*#endregion*/



/*---- FORM CLASSES-----*/
/*#region*/
.form-section{
    background-image: url('../images/form_bg.jpg');
}
  .form-container {
    padding: 2em 0;
    /* position: relative; */
    margin: auto;
    width: 74%;
    text-align: center;
    color: #fff;
    z-index: 1024;
  }
  @media(max-width:900px){
      .form-container{
          width: 95%;
      }
  }
  .form-container h2{
      color: #137496;
      font-size: 2.3rem;
  }
  .form-container p{
      font-size: 1.05rem;
  }
  
  .form-container .contact-form input {
    color: #1A3053;
    width: 100%;
    margin: 0.42em 0;
    padding: .5em 1.2em;
    font-size: 1.4rem;
    border:1px solid #404047;
	font-family:calibri;
  }
  .form-container .contact-form input:focus{
    outline: none !important;
    border: 2px solid #1A3053;
  }
  
  .form-container .contact-form input::-webkit-input-placeholder {
    /*font-family: gotham-book;*/
    color: #1A3053;
    opacity: 1;
  }  
  .form-container .contact-form input:-ms-input-placeholder {
    font-family: gotham-book;
    color: #1A3053;
    opacity: 1;
  }
  .form-container .contact-form input::-webkit-input-placeholder:focus{
    border: 2px solid #1A3053;
  }
  
  .form-container .contact-form input:-ms-input-placeholder {
    font-family: gotham-book;
    color: #1A3053;
    opacity: 1;
  }
  
  .form-container .contact-form input::placeholder {
    /*font-family: gotham-book;*/
	  font-family:calibri;
    color: #1A3053;
    opacity: 1;
  }

  
  .form-container .contact-form textarea {
    width: 100%;
    margin: 0.5em 0 0.8em 0;
    padding: .5em 1.2em;
    font-size: 1.4rem;
    border:1px solid #404047;
	  font-family:calibri;
    resize: none;
  }
  @media (max-width:420px){
    .form-container .contact-form input,
    .form-container .contact-form textarea,
    .custom-select,.select-selected{
        font-size: 1.2rem;
    }
  }
  .form-container .contact-form textarea:focus{
    outline: none !important;
    
  }
  
  .form-container .contact-form textarea::-webkit-input-placeholder {
    color: #1A3053;
  }
  
  .form-container .contact-form textarea:-ms-input-placeholder {
    color: #1A3053;
  }
  
  .form-container .contact-form textarea::-ms-input-placeholder {
    color: #1A3053;
  }
  
  .form-container .contact-form textarea::placeholder {
    color: #1A3053;
    font-family: calibri;
  }
  
  .form-container .contact-form button,
.form-container .contact-form input[type=submit]{
    width: 100%;
    text-align: center;
    padding: 0.2em;
    background-color: #856C2B;
    font-family: azo-light;
    color: #fff;
    font-size: 2rem;
    outline: none;
    border: none;
  }
  .form-container .contact-form button:focus,
.form-container .contact-form input[type=submit]{
    outline: none;
  }




  /* The container must be positioned relative: */
.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 58px; 
    padding: 0; 
	  font-family:calibri;
    font-size: 1.4rem;
    text-align: start;
    background-color: #856C2B;
    margin: .42em 0;
	border: none;
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element: */
  }
  
  .select-selected {
    padding: .5em 1.2em;
    height: 58px;
    border:1px solid #404047;
	  font-family:calibri;
    color: #1A3053;
    background-color: #fff;
    cursor: pointer;
  }
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    right: 6px;
    width: 65px;
    height: 46px;
    background-image: url('../images/dropdown_arrow.png');
    background-size: cover;
    transition: .6s;
  }
  @media (max-width:420px){
      .custom-select{
          height: 50px;
      }
    .select-selected{
        height: 50px;
    }
    /*.select-selected:after{
        height: 40px;
        width: 55px;
        top: 5px;
        background-size: contain;
    }*/
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    transform:  scaley(-1);
  }
  
  /* style the items (options), including the selected item: */
  .select-items div{
    color: #ffffff;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }


  @keyframes dropdown {
    from {height: 0;}
    to {height: 166.4px;}
  }
  
  /* Style items (options): */
  .select-items {
    position: absolute;
    background-color: #856C2B;
	height: auto;
    top: 100%;
    left: 0;
    right: 0;
	  font-family:calibri;
    z-index: 99;
    animation-name: dropdown;
    animation-duration: .6s;
    transition: .6s;
  }
  
  
  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }




@media(max-width:520px){
	.select-selected{
		height: auto;
		padding-right: 75px;
	}
	.custom-select{
		height: auto;
	}
}
/*#endregion*/





/*------SLIDER CLASSES------*/
/*#region*/
.reviews-sec{
    background-image: url('../images/slider_bg.jpg');
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 525px;
    padding: 30px 0;
    text-align: center;
}
.reviews-sec h2{
    color: #fff;
    font-size: 2.3rem;
}
.reviews-sec .slider{
    width: 60%;
    margin: 55px 12% 0 auto;
    text-align: center;
}
@media(max-width:1320px){
    .reviews-sec .slider{
        width: 75%;
        margin: 55px 2% 0 auto;
    }
}
@media(max-width:1060px){
    .reviews-sec{
        height: auto;
        padding-bottom: 100px;
    }
    .reviews-sec .slider{
        width: 100%;
        margin: 55px 0 0 0;
        padding: 0 2%;
    }
}
.review:focus{
    outline: 0 !important;
}
.reviews-sec .slider .review .text{
    color: #fff;
    font-size: 1.75rem;
    line-height: 35px;
}
@media(max-width:450px){
    .reviews-sec .slider .review .text{
        font-size: 1.2rem;
    }
}
.reviews-sec .slider .reviewer{
    color: #fff;
}
/*#endregion*/


/*----- INSTAGRAM SECTION -----*/
/*#region*/
.follow-on-instragram{
    color: #137496;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 10px;
    font-size: 2.3rem;

}
#sb_instagram{
    margin-bottom: 45px;
}
/*#endregion*/



/*--------TAB CLASSES-----------*/
/*#region*/

.tab-head{
    width: 100%;
    padding: 15px 0 ;
    margin-bottom: 1px;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(26,48,83,0.8) 0%, rgba(23,101,173,0.8) 100%);
    position: relative;
}
.sp-easy-accordion .sp-ea-single{
	margin-bottom: 1px !important;
}
.sp-easy-accordion .sp-ea-single.ea-card{
    cursor: pointer;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(26,48,83,0.8) 0%, rgba(23,101,173,0.8) 100%) !important;
    position: relative;
}

.sp-easy-accordion .ea-header{
    text-align: center;
    font-family: quicksand-medium;
    font-size: 2.2rem !important;
    margin: auto auto .7em auto;
    color: #137496;
}
.sp-easy-accordion .sp-ea-single .ea-header a{
	font-family: azo-light;
	color: #fff !important;
    text-align: center;
    font-size: 23px;
	padding: 15px 65px !important;
	position: relative;
	display: flex !important;
	align-items : center;
	justify-content: center;
}
.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon.fa{
	position: absolute;
    height: 18px;
    width: 18px;
    background-image: url(../images/plus.png);
	background-size: contain;
	right: 40px;	
    transition: .5s ease-in-out;
}
@media(max-width: 768px){
	.sp-easy-accordion .sp-ea-single .ea-header a{
		padding: 15px 6% !important;
    	font-size: 20px;
	}
	.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon.fa{
		right: 3%;	
	}
}
@media(max-width: 426px){
	.sp-easy-accordion .sp-ea-single .ea-header a{
		padding: 15px 25px !important;
    	font-size: 20px;
	}
	.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon.fa{
		/*width: 15px;
		height: 15px,*/
		right: 3%;	
	}
}
.sp-easy-accordion .sp-ea-single.ea-expand .ea-header a .ea-expand-icon.fa{
    transform: rotate(45deg);
}
.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon.fa::before{
	display:none;
}
.sp-easy-accordion .sp-ea-single .ea-header a:hover{
	font-family: azo-light;
}
.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p{
    font-size: 1rem !important;
    line-height: 1.5;
	color:black!important;
}
.tabs .title{
    text-align: center;
    font-family: quicksand-medium;
    font-size: 2.2rem;
    margin: auto auto .7em auto;
    color: #137496;
}
.tab-btn{
    position: absolute;
    height: 18px;
    width: 18px;
    content: '';
    background-image: url('../images/plus.png');
    background-size: cover;
    right: 40px;
    transition: .5s ease-in-out;
}
@media (max-width:420px){
    .tab-btn{
        right: 20px;
    }
    .tab-head{
        justify-content: start !important;
        padding-left: 20px;
    }
    .tab-head .title{
        font-size: 1.5rem;
    }
}
.tab.active .tab-head .tab-btn{
    transform: rotate(45deg);
}
.question{
    margin: 0;
    color: #fff;
    font-size: 1.4rem;
}
@media (max-width:768px){
    .question{
        font-size: 1.1rem;
    }
}
.tab-content{
    padding: 0px;
    transform: scaleY(0);
    box-shadow:0px 0px 0px 2px #137496 inset;
    transition: .3s ease-in-out;
}
.tab.active .tab-content{
    transform: scaleY(1);
    padding: 20px;
}
.tab .tab-content .answer{
    margin: 0;
    transform: scaleY(0);
    /* padding: 20px; */
    font-size: 0;
    line-height: 0;
    transition: .3s ease-in-out;
}
.tab.active .tab-content .answer{
    transform: scaleY(1);
    font-size: 1rem;
    line-height: 1.5;
}
/*#endregion*/







/*----ABOUT PAGE CLASSES----*/
/*#region*/
.page-header h1{
	position: absolute;
    text-align: center;
    font-family: quicksand-medium;
    font-weight: 600;
    font-size: 2.2rem;
    text-transform: uppercase;
    width: 80%;
    margin: auto auto .3em auto;
	left: 0;
	right: 0;
    color: #137496;
    padding: 20px 0 15px 0;
    background-color: rgba(255, 255, 255, .6);
}
@media(max-width:768px){
    .page-header h1{
        font-size: 1.3rem;
    }
}/*
.about-header{
    background-image: url('../images/about.jpg');
}*/

.my-container{
    width: 83%;
    text-align: center;
    margin: 0 auto;
}
@media (max-width:1024px){
    .my-container{
        width: 85%;
    } 
}
@media (max-width:768px){
    .my-container{
        width: 90%;
    } 
}
@media (max-width:425px){
    .my-container{
        width: 95%;
    } 
}
.under-header{
    margin: 0 auto;
}
.under-header p{
    margin: 40px auto;
    font-size: 1.9rem;
}
@media(max-width:768px){
    .under-header p{
        font-size: 1.1rem;
    }
}
.content p{
    text-align: justify;
    line-height: 19px;
    font-size: 15.25px;
    margin: 20px 0;
}
.content .title{
    margin: 0;
    color: #137496;
    font-family: quicksand-medium;
    font-weight: bold;
    text-align: start;
    text-transform: uppercase;
}
.content .half{
    width: 50%;
}
.half.first{
    padding-right: 3.5%;
}
.half.second{
    padding-left: 3.5%;
}
.content img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.content .half img{
	margin-bottom: 24px ;
}

@media (max-width:1000px){
    .content .half{
        width: 100%;
    }
    .half.first, .half.second{
        padding: 0;
    }
}

/*#endregion*/



/*------ NON SERGICAL PRECEDURES PAGES --------*/
/*#region*//*
.page-header.non-surgical-header{
    background-image: url('../images/non-surgical-header.jpg');
}*/
.general-header{
    background-position: center !important;
}

@media (max-width:768px){
    h2.title, .form-container h2{
        font-size: 1.6rem !important;
    }
}
.botolinum-toxin{
    background-image: url('../images/BOTOLINUM_TOXIN.jpg');
}
.dermal-fillers{
    background-image: url('../images/DERMAL_FILLERS.jpg');
}
.stem-cell-treatments{
    background-image: url('../images/steam-cell-treatments.jpg');
}


.procedure{
    background-size: cover;
    height: 465px;
    width: 33.33%;
    padding: 40px 0 0 0;
    margin: 0;
}
.procedure h2{
    font-size: 2.3rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
@media (max-width:1024px){
    .procedure{
        width: 50%;
    }
}
@media (max-width:600px){
    .procedure{
        width: 100%;
    }
    .procedure h2{
        font-size: 1.5rem;
    }
}
/*
.botolinum-header{
    background-image: url('../images/botolinum_header.jpg');
}
.dermal-fillers-header{
    background-image: url('../images/dermal_fillers_header.jpg');

}
.stem-cell-treatments-header{
    background-image: url('../images/stem_cell_header.jpg');
    
}*/
/*#endregion*/




/*------ FACE SURGERYIES CLASSES -------*/
/*#region*/
/*
.face-surgery-header{
    background-image: url('../images/face_surger_header.jpg');
}*/
.rhinoplasty{
    background-image: url('../images/rhinoplasty.jpg');
}
.revision-rhinoplasty{
    background-image: url('../images/revision_rhinoplasty.jpg');
}
.eyelid-surgery{
    background-image: url('../images/eyelid_surgery.jpg');
}
.facelift{
    background-image: url('../images/facelift.jpg');

}
.facial-liposculpture{
    background-image: url('../images/facial_liposculpture.jpg');
}
.forehead-lift{
    background-image: url('../images/forehead_lift.jpg');
}
.ear-correction{
    background-image: url('../images/ear_correction.jpg');
}
/*
.rhinoplasty-header{
    background-image: url('../images/rhinoplasty_header.jpg');
}
.revision-rhinoplasty-header{
    background-image: url('../images/revision_rhinoplasty_header.jpg');
}
.eyelid-surgery-header{
    background-image: url('../images/eyelid_surgery_header.jpg');
}
.facelift-header{
    background-image: url('../images/facelift_header.jpg');
}
.facial-liposculpture-header{
    background-image: url('../images/facial_liposculpture_header.jpg');
}
.forehead-lift-header{
    background-image: url('../images/forehead_lift_header.jpg');
}
.ear-correction-header{
    background-image: url('../images/ear_correction_header.jpg');
}*/
/*#endregion*/




/*------ BREAST SURGERYIES CLASSES -------*/
/*#region*/
/*
.breast-surgery-header{
    background-image: url('../images/breast_surgery_header.jpg');
}*/
.breast-augmentation{
    background-image: url('../images/breast_agmentation.jpg');
}
.breast-lift{
    background-image: url('../images/breast_lift.jpg');
}
.breast-reduction{
    background-image: url('../images/breast_reduction.jpg');
}
.male-breast-reduction{
    background-image: url('../images/male_breast_reduction.jpg');
}
/*
.breast-augmentation-header{
    background-image: url('../images/breast_augmentation_header.jpg');
}
.breast-lift-header{
    background-image: url('../images/breast_lift_header.jpg');
}
.breast-reduction-header{
    background-image: url('../images/breast_reduction_header.jpg');
}
.male-breast-reduction-header{
    background-image: url('../images/male_breast_reduction_header.jpg');
}*/
/*#endregion*/





/*------ BODY SURGERYIES CLASSES -------*/
/*#region*/
/*
.body-surgery-header{
    background-image: url('../images/body_surgery_header.jpg');
}*/
.abdomenoplasity{
    background-image: url('../images/abdomenoplasity.jpg');
}
.minitummytuck{
    background-image: url('../images/mini-tummy-tuck-dubai-main.jpg');
}
.tummytuck{
    background-image: url('../images/tummy_tuck_body.jpg');
}
.liposuction{
    background-image: url('../images/liposuction.jpg');
}
.body-contouring-surgery{
    background-image: url('../images/body_contouring_surgery.jpg');
}
.arm-lift{
    background-image: url('../images/arm_lift.jpg');
}
.upper-body-lift{
    background-image: url('../images/upper_body_lift.jpg');
}
.lower-body-lift{
    background-image: url('../images/lower_body_lift.jpg');

}
/*
.abdomenoplasity-header{
    background-image: url('../images/abdomenoplasity_header.jpg');
}
.liposuction-header{
    background-image: url('../images/liposuction_header.jpg');
}
.body-contouring-surgery-header{
    background-image: url('../images/body_contouring_header.jpg');
}
.arm-lift-header{
    background-image: url('../images/arm_lift_header.jpg');
}
.upper-body-lift-header{
    background-image: url('../images/upper_body_lift_header.jpg');
}
.lower-body-lift-header{
    background-image: url('../images/lower_body_lift_header.jpg');
}*/
/*#endregion*/







/*------ SIGNATURE TREATMENTS CLASSES -------*/
/*#region*/
/*
.signature-treatments-header{
    background-image: url('../images/signature_treatments_header.jpg');
}

.ultrasonic-rhinoplasty-header{
    background-image: url('../images/ultrasonic-rhinoplasty-header.jpg');
}
.periorbital-rejuvenation-header{
    background-image: url('../images/periorbital-rejuvenation-header.jpg');

}
.scarless-breast-lift-header{
    background-image: url('../images/scarless_breast_lift_header.jpg');
}
.neck-sling-header{
    background-image: url('../images/neck_sling_header.jpg');
}*/
/*#endregion*/



/*---- GUIDES, BOLG, NEWS AND CONTACT CLASSES ----*/
/*#region*/

.guides-header{
    background-image: url('../images/guides_header.jpg');
}

.articles{
    width: 93%;
    margin: 75px auto;
}
.article{
    width: 31%;
    margin-bottom: 60px;
}
.img-container{
    width: 100%;
	height: 290px;
    overflow: hidden;
    box-shadow: 4px 4px 5px gray;
}

.article-img{
    width: 100%;
    height: auto;
    transition: .5s;
}
.article-img:hover{
    transform: rotate(2deg) scale(1.1);
}
.article-title{
    color: #137496;
    text-transform: uppercase;
    font-family: quicksand-medium;
    font-weight: 600;
    margin-top: 40px;
}
.article-date{
    margin: 15px 0;
}
.article .content{
    text-align: justify;
    line-height: 19px;
    font-size: .94rem;
}
a.read-more{
    color: #137496;
    text-transform: uppercase;
    font-family: quicksand-medium;
    font-weight: 600;
    margin-top: 20px;
    text-decoration: underline;
}
@media (max-width:1024px){
    .article{
        width: 47%;
    }
}
@media (max-width:768px){
    .articles{
        justify-content: center !important;
    }
    .article{
        width: 90%;
        margin-bottom: 80px;
    }
}
@media (max-width:350px){
    .article{
        width: 100%;
    }
}

/*
.news-header{
    background-image: url('../images/news_header.jpg');
}*/
.news-article-header{
    background-image: url('../images/article_header.jpg');
}

.blog-header{
    background-image: url('../images/blog_header.jpg');
}
.blog-article-header{
    background-image: url('../images/article_header.jpg');
}


.contact-header{
    background-image: url('../images/contact_header.jpg');
}
.form-section.contact-section{
    background: none;
}
p.contact-form-title{
    font-size: 2rem;
    margin: 40px auto 0 auto;
    font-weight: 500;
}



/*#endregion*/




/*-------- ARTICLE CONTENT CLASSES --------*/
/*#region*/


.content .article-content{
    column-count: 2;
    column-gap: 7%;
}

.content .article-content p{
    margin-top: 0;
}
.content .article-content a{
	color: #1F2933;
	font-weight: 600;
}
@media (max-width:1000px){
    .content .article-content{
        column-count: 1;
    }
}


/*#endregion*/








/*#region*/
/*-------- FOOTER CLASSES --------*/
footer{
	background-image: url('../images/footer-bg.jpg');
	background-size: cover;
	padding: 40px 2.2% 20px 2.2%;
}
footer p{
    color: #fff;
    font-size: .9rem;
}
footer .locations{
	width: 85%;
	margin-right: 0;
	height: max-content;
}
footer .location .name{
	line-height: 16px;
}
footer .divider{
	width: 0.5px;
	margin: 0 15px;
	height: 185px;
	background-color: #fff;
}
footer .links{
	width: 15%;
	text-align: end;
	margin-bottom: 110px;
}

footer .links a{
    font-size: .9rem;
	opacity: 0.66;
    text-transform: uppercase;
    transition: .5s;
    
	/* display: block; */
}
footer .links a:hover{
    text-shadow: 0 0 20px #fff, -5px 0 10px #fff, 10px 0 10px #fff;
    font-family: azo-light;
    opacity: 1;
}
@media (max-width: 1000px) {
	footer .locations{
		justify-content: space-between;
	}
	footer .divider.third{
		display: none;
	}
	footer .location.first{
		margin-right: 87.5px;
	}
	footer .location{
		margin-bottom: 30px;
	}
    footer .links{
        width: 20%;
    }
}
@media (max-width: 1000px) {
	footer{
		background-image: none;
		background-color: #1A3053;
	}
	footer .my-footer{
		flex-direction: column;
	}
	footer .locations{
		margin: 0;
	}
    footer .links{
        width: 100%;
    }
	footer .links a{
		text-align: start;
	}

}
@media (max-width: 676px){
	footer{
		padding: 20px 5%;
	}
	footer .pair{
		flex-direction: column;
	}
	footer .divider{
		width: 100%;
		height: 0.5px;
		margin: 0 auto 30px auto;
	}
	footer .divider.third{
		display: inline-block;
	}
	footer .lower{
		direction: ltr;
		flex-direction: column;
		align-items: center !important;
		text-align: center;
	}
	footer .social{
        margin-bottom: 30px;
        flex-direction: column;
    }
    footer .social p{
        margin-right: 0 !important;
    }
}


footer .lower p{
	direction: ltr;
	opacity: 66%;
}
footer .social{
	direction: ltr;
}
.social-icons a{
	opacity: 80%;
	font-size: 1.4rem;
	height: 40px;
	width: 40px;
	margin: 0 2px;
	border: 0.5px solid #fff;
}
.social-icons a:hover{
	background-color: #fff;
	color: #2261c5;
}
/*#endregion*/