/* Body - Google Font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
outline: none !important;
}

body {
margin: 0;
padding: 0;
background: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #84858B;
-webkit-font-smoothing: antialiased;
font-weight: 400;
}

html {
width: 100%;
height: 100%;
}



/* Main Sections */
section {
width: 100%;
float: left;
padding: 0px 0;
padding-top: 4px;
position: relative;
}

footer {
width: 100%;
}

header {
width: 100%;
}


/* Ensure all gallery images have the same width and height */



/* Spacing */
/* .no-padding {
padding: 10 !important;
} */

.no-margin {
margin: 0 !important;
}

.margin-bottom {
margin-bottom: 40px;
}

.padding-bottom {
margin-bottom: 40px;
}



/* Tools */
i {
font-size: 40px;
}

img {
max-width: 100%;
}

p {
line-height: 24px;
}

ul {
margin: 0;
padding: 0;
}

ul li {
margin: 0;
padding: 0;
list-style-position: inside;
}

.white-text {
color: #fff;
}

.white-bg {
background: #fff;
}

.turquaz {
color: #1dd2c8;
}



/* Overlay */
.overlay {
position: relative;
}

.overlay:after {
content: '';
width: 100%;
height: 100%;
float: left;
position: absolute;
left: 0;
top: 0;
opacity: 0.8;
background: #1dd2c8;
}

.queryloader__overlay {
font-weight: 800;
font-size: 0px;
background-image: url(../images/logo-white.html);
background-position: center;
background-repeat: no-repeat;
color: #1dd2c8;
}




/* Titles */
.title-bottom-line {
color: #1dd2c8;
font-weight: 300;
margin-bottom: 30px;
padding-bottom: 40px;
position: relative;
border-bottom: 1px solid #eee;
margin-top: 0;
}

.title-bottom-line:after {
content: '';
width: 80px;
height: 1px;
float: left;
background: #1dd2c8;
position: absolute;
left: 0;
bottom: -1px;
}



/* Site Links - Buttons */
a {
color: #1dd2c8;
}

a {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:hover {
color: #1dd2c8;
text-decoration: underline;
}

.btn-turquaz-lg {
background: #1dd2c8;
line-height: 42px;
padding: 0 10px 0 15px;
color: #fff;
border-bottom: 1px solid #17a8a0;
text-shadow: 0 1px 1px rgba(-255, -255, -255, 0.3);
}

.btn-turquaz-lg {
font-weight: 800;
display: inline-block;
font-size: 20px;
letter-spacing: -1px;
border-radius: 2px;
}

.btn-turquaz-lg:hover {
text-decoration: none;
color: #fff;
background: #20c0b7;
}

.btn-turquaz-lg:after {
content: '+';
margin-left: 15px;
padding-left: 10px;
border-left: 1px solid #4adbd3;
}

.btn-turquaz-md {
background: #1dd2c8;
line-height: 32px;
padding: 0 10px 0 15px;
color: #fff;
border-bottom: 1px solid #17a8a0;
text-shadow: 0 1px 1px rgba(-255, -255, -255, 0.3);
}

.btn-turquaz-md {
font-weight: 800;
display: inline-block;
font-size: 16px;
letter-spacing: -1px;
border-radius: 2px;
}

.btn-turquaz-md:hover {
text-decoration: none;
color: #fff;
background: #20c0b7;
}

.btn-turquaz-md:after {
content: '+';
margin-left: 15px;
padding-left: 10px;
border-left: 1px solid #4adbd3;
}

.btn-ghost-md {
color: #fff;
border: 1px solid #fff;
padding: 5px 12px;
display: inline-block;
font-weight: 700;
border-radius: 2px;
}

.btn-ghost-md:hover {
text-decoration: none;
background: #fff;
color: #1dd2c8;
}

.btn-ghost-lg {
color: #fff;
border: 1px solid #fff;
padding: 10px 15px;
display: inline-block;
font-weight: 700;
font-size: 20px;
border-radius: 2px;
}

.btn-ghost-lg:hover {
text-decoration: none;
background: #fff;
color: #1dd2c8;
}




/* Form Elements */
input[type="text"],
input[type="radio"],
select,
textarea {
border: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
font-weight: 300;
border-radius: 2px;
}

input[type="submit"] {
max-width: 100%;
border: none;
border-radius: 2px;
padding: 0 20px;
font-weight: 700;
}

select {
max-width: 100%;
border-radius: 2px;
background: #fff;
font-size: 15px;
}

select option {
color: #1dd2c8;
}

input[type="radio"] {
width: 17px;
max-width: 100%;
height: 18px;
float: left;
margin-right: 6px;
border-radius: 17px;
}

textarea {
max-width: 100%;
}

/* Input Text Placeholder */
input[type="text"]::-webkit-input-placeholder {
color: #7a7b86;
}

input[type="text"],
input[type="date"],
select,
textarea::-webkit-input-placeholder {
color: #7a7b86;
}

input[type="text"],
input[type="date"],
select,
textarea::-moz-placeholder {
color: #7a7b86;
}

/* firefox 19+ */
input[type="text"],
input[type="date"],
select,
textarea:-ms-input-placeholder {
color: #7a7b86;
}

/* ie */
input[type="text"],
input[type="date"],
select,
textarea:-moz-placeholder {
color: #7a7b86;
}



/* Header */
header {
float: left;
}

header .top-bar {
min-width: 100%;
height: 50px;
float: left;
background: #1dd2c8;
}

header .navbar {
min-width: 100%;
height: 83px;
float: left;
margin: 0;
position: relative;
z-index: 99;
}


/* Top Bar */
.top-bar .phone {
float: left;
color: #fff;
line-height: 50px;
font-size: 24px;
font-weight: 700;
}

.top-bar .phone i {
float: left;
margin-right: 8px;
margin-top: 14px;
}

.top-bar .language {
float: right;
padding: 0;
}

.top-bar .language li {
float: left;
list-style: none;
line-height: 50px;
margin-left: 20px;
}

.top-bar .language li:first-child {
margin-left: 0;
}

.top-bar .language li img {
float: left;
margin-top: 12px;
margin-right: 6px;
}

.top-bar .language li a {
float: left;
color: #fff;
font-weight: 800;
font-size: 12px;
}

.top-bar form {
float: right;
}

.top-bar form input[type="text"] {
width: 350px;
height: 40px;
float: left;
border: none;
background: url(../images/search-icon.html) 7px 7px no-repeat #54e2da;
border-radius: 2px;
margin-top: 4px;
color: #fff;
padding: 0 10px;
padding-left: 40px;
}

.top-bar form input[type="submit"] {
background: none;
color: #fff;
padding: 12px 0 0 20px;
font-size: 18px;
padding-right: 0;
}

.top-bar form input[type="text"]::-webkit-input-placeholder {
color: #fff;
}

.top-bar form input[type="text"]::-moz-placeholder {
color: #fff;
}

/* firefox 19+ */
.top-bar form input[type="text"]:-ms-input-placeholder {
color: #fff;
}

/* ie */
.top-bar form input[type="text"]:-moz-placeholder {
color: #fff;
}


/* NAVBAR HEADER*/
.navbar-default .navbar-header {
float: left;
}

/* .navbar-default .navbar-brand {
height: auto;
line-height: normal;
padding: 0 15px;
padding-top: 20px;
} */

/* NAVBAR */
.navbar-default {
border: none;
border-radius: 0;
background: #fff;
}

.navbar-nav {
float: left;
margin: 0;
}

.navbar-nav li a {
font-size: 14px;
padding: 30px 0;
margin: 0 12px;
border-bottom: 3px solid #fff;
color: #4c4d53 !important;
font-weight: 600;
position: relative;
}

.navbar-nav li:last-child a {
margin-right: 0;
}

.navbar-nav li a:hover {
border-bottom: 3px solid #1dd2c8;
color: #1dd2c8 !important;
}

.navbar-nav li ul {
width: 350px;
padding: 10px 0;
position: absolute;
left: 0;
top: 83px;
background: #e3f6f5;
opacity: 0;
visibility: hidden;
}

.navbar-nav li ul li {
width: 100%;
float: left;
list-style: none;
padding: 0;
}

.navbar-nav li ul li a {
float: left;
border-bottom: none;
padding: 10px 0;
}

.navbar-nav li ul li a:hover {
border-bottom: none;
text-decoration: none;
}

.navbar-nav li:hover ul {
opacity: 1;
visibility: visible;
}

.nav>li {
float: left;
}

/* Social Media */
.navbar .social-media {
float: right;
height: 28px;
margin-top: 26px;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #eee;
position: relative;
}

.navbar .social-media:after {
content: '';
width: 65px;
height: 5px;
background: #1dd2c800;
position: absolute;
bottom: -33px;
right: 0;
}

.navbar .social-media li {
float: left;
list-style: none;
margin: 0 5px;
padding: 0;
}

.navbar .social-media li:last-child {
margin-right: 0;
}

.navbar .social-media li i {
font-size: 20px;
color: #1dd2c8;
}



/* Slider */
.slider {
padding: 0;
z-index: 1;
}

.slider .demo-2 {
width: 100%;
float: left;
}

.slider h2 {
font-size: 38px;
color: #7a7b86;
font-weight: 800;
}

.slider h2 u {
font-size: 60px;
color: #1dd2c8;
}


/* Appointment Form */
.appointment {
width: 100%;
margin-top: -50px;
padding: 0;
z-index: 9;
}

.appointment form {
width: 100%;
float: left;
background: #1dd2c8;
padding: 20px;
border-radius: 4px;
position: relative;
}

.appointment form:after {

width: 60px;
height: 68px;
position: absolute;
right: 0;
top: -60px;
background: #1dd2c8;
color: #fff;
border-radius: 4px;
text-align: center;
line-height: 60px;
font-family: Ionicons;
font-size: 40px;
}

.appointment .spacing {
margin: 0 25px;
}

.appointment hr {
opacity: 0.4;
}

.appointment label {
width: 100%;
float: left;
line-height: 40px;
font-size: 19px;
color: #fff;
}

.appointment h2 {
opacity: 0;
visibility: hidden;
display: none;
}

.appointment input[type="text"] {
width: 100%;
max-width: 360px;
height: 40px;
margin: 0;
margin-bottom: 5px;
padding: 0 10px;
}

.appointment input[type="text"]:focus {
box-shadow: 0 0 10px #fff;
}

.appointment .date {
float: left;
}

.appointment .date label {
width: auto;
margin-right: 14px;
}

.appointment .date input[type="text"] {
width: 150px;
padding-right: 40px;	
position: relative;
}

.appointment .department {
float: left;
}

.appointment .department label {
width: auto;
margin-right: 14px;
}

.appointment .department select {
width: 216px;
height: 40px;
border-radius: 2px;
background: url(../images/select-arrow.html) right no-repeat #fff;
padding-left: 10px;
color: #1dd2c8;
}

.appointment .gender {
float: left;
}

.appointment .gender label {
width: auto;
margin-right: 14px;
}

.appointment .gender input[type="radio"] {
margin-top: 11px;
background: #fff;
transition: none;
}

.appointment .gender input[type="radio"]:checked {
background: url(../images/radio-checked.html) center no-repeat #fff;
}

.appointment .gender input[type="submit"] {
height: 40px;
float: left;
margin-top: 40px;
padding: 0 20px;
padding-right: 48px;
background: url(../images/submit-arrow.html) right no-repeat #1dd2c8;
color: #fff;
border: 1px solid #fff;
}

/* Datepicker Elements */
.dropdown-menu.datepicker {
box-shadow: none;
padding: 5px 10px;
border-radius: 2px;
border: 1px solid #D7F0EF;
}

.dropdown-menu.datepicker {
transition: none;
}

.dropdown-menu.datepicker i {
font-style: normal;
}

.datepicker td.active,
.datepicker td.active:hover {
background: #1dd2c8 !important;
text-shadow: none;
}

.datepicker td,
.datepicker th {
border-radius: 2px;
}

.dropdown-menu.datepicker .dow {
border-bottom: 1px solid #ccc;
padding-top: 10px;
}

.datepicker .icon-arrow-right:after {
content: "\f109";
width: 16px;
height: 22px;
float: left;
font-family: Ionicons;
font-size: 17px;
}

.datepicker .icon-arrow-left:after {
content: "\f106";
width: 16px;
height: 22px;
float: left;
font-family: Ionicons;
font-size: 17px;
}

.title-box {
width: 100%;
float: left;
}

.title-box h2 {
font-size: 40px;
font-weight: 700;
color: #1dd2c8;
background: url(../images/title-bg.html) center bottom no-repeat;
margin: 0;
padding-bottom: 20px;
text-align: center;
}

.title-box h5 {
margin-bottom: 60px;
margin-top: 10px;
display: inline-block;

}

.icon-margin
{
    margin-top: 7px!important;
}



/* Home Services */
.home-services {
width: 100%;
}

.home-services * {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.home-services h3 {
    color: #1dd2c8;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 31px;
    position: relative;
    text-align: center;
}

.home-services h3:after {
content: '';
width: 50px;
height: 1px;
background: #1dd2c8;
position: absolute;
left: 50%;
margin-left: -25px;
bottom: 0px;
}

.home-services a {
margin-top: 30px;
}

.home-services .content {
width: 100%;
float: left;
}

.home-services .content:hover .icon {
border: 15px solid #1dd2c8;
}

.home-services .content:hover img {
margin-top: 19px;
}

.home-services .icon {
width: 132px;
height: 132px;
background: #1dd2c8;
border: 9px solid #d2f6f4;
border-radius: 132px;
}

.home-services .icon {
display: inline-block;
position: relative;
}

.home-services .icon:hover:after {
top: 40px;
}

.home-services .icon img {
margin-top: 23px;
}

.home-services .line {
width: 132px;
height: 132px;
position: relative;
display: inline-block;
}

.home-services .line:after {
content: '';
width: 30px;
height: 30px;
border-radius: 30px;
background: #1dd2c8;
position: absolute;
right: -96px;
top: 50px;
border: 10px solid #fff;
}

.home-services .line:before {
content: '';
width: 141px;
height: 1px;
border-top: 1px dotted #1dd2c8;
position: absolute;
top: 0;
right: -150px;
top: 64px;
}




/* Box Content */
.box-content {
padding-top: 0;
color: #fff;
}

.box-content .first-box {
background: #42b3e5;
width: 100%;
float: left;
padding: 20px;
}

.box-content .first-box a:hover {
color: #42b3e5;
}

.box-content .second-box {
background: #1dd2c8;
width: 100%;
float: left;
padding: 20px;
}

.box-content .third-box {
background: #4baabc;
width: 100%;
float: left;
padding: 20px;
}

.box-content .third-box a:hover {
color: #4baabc;
}

.box-content .icon {
width: 20%;
float: left;
padding: 6px 0;
border-right: 1px dotted #fff;
}

.box-content .content {
width: 80%;
float: left;
padding-left: 5%;
}

.box-content .content p {
color: #fff;
margin-bottom: 20px;
}

.box-content .content h3 {
width: 100%;
margin-bottom: 30px;
margin-top: 0;
position: relative;
font-weight: 700;
}

.box-content .content h3:after {
content: '';
width: 30px;
height: 1px;
float: left;
background: #fff;
position: absolute;
left: 0;
bottom: -15px;
}




/* Latest News */
.latest-news {
float: left;
padding-top: 32px;
}

.latest-news h2 {
font-size: 40px;
font-weight: 700;
color: #1dd2c8;
background: url(../images/title-bg-2.html) center bottom no-repeat;
padding-bottom: 20px;
}

.latest-news h3 {
color: #1dd2c8;
font-weight: 300;
margin-bottom: 0;
padding-bottom: 20px;
position: relative;
font-size: 30px;
}

.latest-news h3:after {
content: '';
width: 50px;
height: 1px;
float: left;
background: #1dd2c8;
position: absolute;
left: 0;
bottom: 0px;
}

.latest-news h5 {
margin-bottom: 60px;
margin-top: 10px;
display: inline-block;
}

.latest-news small {
color: #BDBDBD;
font-size: 13px;
margin-bottom: 25px;
margin-top: 10px;
display: inline-block;
}

.latest-news .left {
width: 100%;
max-width: 530px;
float: left;
position: relative;
}

.latest-news .rated-article {
width: auto;
position: absolute;
top: 0;
right: 10px;
z-index: 3;
}

.latest-news .right {
width: 100%;
max-width: 530px;
float: right;
position: relative;
}

.latest-news .article-image {
width: 100%;
margin: 10px 0 30px 0;
float: left;
position: relative;
}

.latest-news .article-image:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #1dd2c8;
z-index: 2;
opacity: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.latest-news .article-image img {
width: 100%;
}

.latest-news .left:hover .article-image:after {
opacity: 0.5;
}

.latest-news .right:hover .article-image:after {
opacity: 0.5;
}

.latest-news .btn-turquaz-md {
margin-top: 30px;
}



/* Frase */
.frase {
width: 100%;
height:auto;
float: left;
background: url(../images/about-bgg.webp);
background-size: 100%;
color: #fff;
}

.frase .container {
position: relative;
z-index: 2;
}

.frase h2 {
font-size: 44px;
font-weight: 800;
}

.frase h4 {
font-size: 20px;
margin-bottom: 40px;
}



/* Gallery */
.gallery {
width: 100%;
padding-bottom: 0;
padding-top: 26px;
}

.gallery h2 {
font-size: 40px;
font-weight: 700;
color: #1dd2c8;
background: url(../images/title-bg-2.html) center bottom no-repeat;
padding-bottom: 20px;
}

.gallery h5 {
margin-bottom: 0px;
margin-top: 10px;
display: inline-block;
}

.gallery .thumb {
/* width: 100%;
height: 100%; */
float: left;
overflow: hidden;
position: relative;
border: 1px solid #fff;
position: relative;
}
.gallery .thumb {
position: relative;
overflow: hidden;
width: 100%;
height: 250px; /* Adjust this height according to your needs */
}

.gallery .thumb img {
width: 100%;
height: 100%;
object-fit: cover; /* Ensures images cover the container area */
display: block;
}
.gallery .thumb .desc {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
background: rgba(29, 210, 200, 0);
opacity: 0;
padding-top: 10px;
color: #fff;
font-size: 20px;
text-align: center;
}

.gallery .thumb .desc {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.gallery .thumb .desc i {
width: 100%;
float: left;
margin-top: 10px;
}

.gallery .thumb img {
width: 100%;
float: left;
}

.gallery .thumb:hover .desc {
opacity: 1;
background: rgba(29, 210, 200, 0.8);
padding-top: 70px;
}

.gallery a {
width: 100%;
height: 100%;
float: left;
color: #fff;
text-decoration: none;
}



/* Departments */
.boxed-image-feature {
float: left;
padding-bottom: 0;
padding-top: 0px;
}

.boxed-image-feature .container {
position: relative;
z-index: 2;
}

.boxed-image-feature .content-box {
max-height: fit-content;
float: left;
position: relative;
background: #1dd2c8;
margin-bottom: 80px;
color: #fff;
}

.boxed-image-feature .content-box .thumb {
width: 278px;
height: 197px;
float: left;
margin-right: 16px;
background: #1dd2c8;
}

.boxed-image-feature .content-box:hover .thumb img {
opacity: 0.4;
}

.boxed-image-feature .content-box img {
width: 278px;
float: left;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.boxed-image-feature .content-box p {
line-height: 20px;
}

.boxed-image-feature .content-box .icon {
width: 50px;
height: 50px;
float: left;
background: #1dd2c8;
position: absolute;
left: 0;
bottom: -20px;
padding: 8px;
}

.boxed-image-feature .content-box .icon img {
width: 100%;
}

.boxed-image-feature .content-box h3 {
font-weight: 700;
color: #fff;
}

.boxed-image-feature .content-box a {
margin-top: 8px;
}


/* Sponsors */
.logos {
width: 100%;
padding: 50px 0 0;
border-top: 1px solid #eee;
}

.logos .container {
position: relative;
z-index: 2;
}

.logos h2 {
font-size: 40px;
font-weight: 700;
color: #1dd2c8;
background: url(../images/title-bg-2.html) center bottom no-repeat;
padding-bottom: 20px;
}

.logos h5 {
margin-bottom: 0px;
margin-top: 10px;
display: inline-block;
}

.logos .item {
border-right: 1px solid #eee;
}

.logos img {
width: 100%;
float: left;
}





/* Inner Header */
.inner-header {
min-width: 100%;
padding: 30px 0;
color: #fff;
background: #7a7b86;
}

.inner-header .container {
position: relative;
z-index: 2;
}

.inner-header .container h1 {
font-weight: 800;
font-size: 30px;
margin: 10px 0;
}



/* Inner Content */
.inner-content {
float: left;
}

.inner-content h3 {
font-size: 20px;
font-weight: 700;
color: #1dd2c8;
margin-top: 0;
margin-bottom: 5px;
}

.inner-content .side-bar {
width: 100%;
float: right;
}

.inner-content .side-bar img {
width: 100%;
float: left;
margin-bottom: 5px;
}

.inner-content .side-bar .panel-body {
background: #F5F5F5;
}


/* Doctors */
.specialists {
background: #fff;
}

.specialists a {
color: #999;
border-bottom: 2px solid #999;
padding: 6px 0;
font-weight: 700;
display: inline-block;
}

.specialists a:hover {
text-decoration: none;
color: #1dd2c8;
border-bottom: 2px solid #1dd2c8;
}

.specialists .members {
width: 100%;
float: left;
padding: 0 10px;
margin-bottom: 40px;
border: 1px solid #eee;
position: relative;
}

.specialists .members .desc {
width: 100%;
height: 100%;
float: left;
background: #1dd2c8;
color: #fff;
position: absolute;
left: 0;
top: 0;
opacity: 0;
padding: 20px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.specialists .members .desc h2 {
font-weight: 700;
font-size: 24px;
margin-bottom: 30px;
}

.specialists .members:hover .desc {
opacity: 1;
}

.specialists .members img {
width: 100%;
padding: 0 10px;
padding-top: 20px;
}

.specialists .members h4 {
width: 100%;
padding: 7px 8px;
display: inline-block;
font-weight: 700;
border-bottom: 1px solid #eee;
margin: 0;
font-size: 13px;
}

.specialists .members h6 {
width: 100%;
color: #1dd2c8;
padding: 10px 8px;
font-size: 14px;
display: inline-block;
margin: 0;
}



/* News */
.news-list {
width: 100%;
}

.news-list img {
width: 100%;
}

.news-list h3 {
margin-bottom: 10px;
font-size: 24px;
}

.news-list small {
margin-bottom: 30px;
display: block;
}

.news-list a {
margin-top: 20px;
}

.news-list hr {
margin: 60px 0;
}



/* Faq */
.faq .panel-default>.panel-heading {
background: #C2C2C2;
}

.faq .actives {
background: #1dd2c8 !important;
}

.faq .actives:before {
content: '\f123';
font-family: Ionicons;
color: #fff;
float: left;
margin-top: -2px;
margin-right: 10px;
}



/* Contact Form */
#contact-form {
width: 100%;
float: left;
margin:-13px 0;
}

#contact-form input[type="text"] {
width: -webkit-fill-available;
height: 40px;
margin: 0;
margin-bottom: 5px;
padding: 0 10px;
border: 1px solid #CFEFED;
}

#contact-form select {
width: 340px;
height: 40px;
margin-bottom: 5px;
padding: 0 10px;
border: 1px solid #CFEFED;
}

#contact-form select {
background: url(../images/select-arrow.html) right no-repeat #fff;
padding-left: 10px;
color: #7a7b86;
}

#contact-form textarea {
width: 684px;
max-width: 100%;
height: 100px;
padding: 10px;
border: 1px solid #CFEFED;
color: #7a7b86;
}

#contact-form .subject {
width: 684px !important;
max-width: 100%;
}

#contact-form input[type="submit"] {
color: #fff;
padding: 5px 20px;
font-size: 20px;
font-weight: 700;
background: #1dd2c8;
}

#success,
#error {
display: none;
color: color:rgb(236, 52, 52);
}

#success p,
#error p {
margin-top: 20px;
float: left;
color: #1dd2c8;
font-weight: 800;
}

label {
width: 100%;
float: left;
font-size: 13px;
color: #000;
}

#error p {
color: #c0392b
}

.mrgin-b
{
margin-bottom: 12px!important;
}

/* Footer Bar */
.footer-bar {
height: 80px;
float: left;
padding: 20px 0px;
background: #1dd2c8;
margin-top: 45px;
}

.footer-bar h2 {
float: left;
color: #fff;
margin: 0;
line-height: 40px;
font-weight: 700;
}

.footer-bar h2 i {
float: left;
margin-right: 12px;
margin-top: 8px;
}

.footer-bar h4 {
float: right;
color: #fff;
font-weight: 700;
margin-top: 11px;
}

.footer-bar ul {
float: right;
margin-top: 5px;
margin-left: 30px;
padding-left: 10px;
border-left: 1px solid #54e2da;
}

.footer-bar ul li {
float: left;
margin: 0 0 0 15px;
padding: 0;
list-style: none;
}

.footer-bar ul li a {
color: #fff;
}

.footer-bar ul li i {
font-size: 21px;
}



/* Footer */
footer {
float: left;
padding: 40px 0;
background: url(../images/world-map.html) center no-repeat #f0fffe;
color: #000;
}

footer .copyright {
float: right;
font-size: 12px;
text-align: right;
margin-top: 6px;
}

footer h4 {
font-size: 17px;
font-weight: 800;
margin-top: 6px;
position: relative;
margin-bottom: 40px;
}

footer h4:after {
content: '';
width: 50px;
height: 1px;
background: #1dd2c8;
position: absolute;
left: 0;
bottom: -20px;
}

footer form {
float: left;
padding-left: 30px;
}

footer form input[type="text"] {
width: 100%;
max-width: 300px;
height: 40px;
float: left;
border: none;
padding: 8px;
}

footer form input[type="submit"] {
height: 40px;
background: #1dd2c8;
color: #fff;
font-size: 16px;
margin-top: 6px;
}

footer ul {
width: 100%;
float: left;
margin: 0;
margin-right: 20px;
padding: 0;
}

footer ul li {
width: 100%;
float: left;
margin: 3px 0;
list-style: none;
}

footer ul li a {
float: left;
color: #000;
}

footer ul li a:hover {
color: #1dd2c8;
}



/* Error Pages */
.error-pages {
width: 100%;
padding-bottom: 0;
}

.error-pages h2 {
font-size: 100px;
font-weight: 800;
color: #1dd2c8;
}



/* Acordeon */
#accordion {
width: 100%;
float: left;
}

.panel-group .panel {
border: none;
border-radius: 0;
}

.panel-default>.panel-heading {
background: #1dd2c8;
border-radius: 0;
padding: 15px 10px;
}

.panel-default>.panel-heading img {
width: 20px;
float: left;
margin: -4px 6px 0 0;
}

.panel-default>.panel-heading a {
width: 100%;
display: block;
color: #fff;
font-weight: 700;
}

.panel-default>.panel-heading a:hover {
text-decoration: none;
}

.panel-default>.panel-heading a:focus {
text-decoration: none;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
border: none;
}

.panel {
box-shadow: none;
}

.panel-body a {
color: #1dd2c8;
text-decoration: underline;
margin-top: 12px;
font-weight: 700;
}


@media only screen and (max-width: 1199px),
only screen and (max-device-width: 1199px) {
.appointment label {
font-size: 15px;
}

.appointment .department select {
width: 174px;
}

.appointment .gender input[type="submit"] {
padding: 0 12px;
padding-right: 40px;
}

.box-content .icon {
width: 23%;
}

.box-content .content {
width: 77%;
}

.boxed-image-feature .content-box h3 {
margin-top: 15px;
font-size: 20px;
}

.boxed-image-feature .content-box p {
line-height: 18px;
}

footer h4 {
font-size: 15px;
}

}

@media only screen and (max-width: 989px),
only screen and (max-device-width: 989px) {
.top-bar form input[type="text"] {
width: 250px;
}

.top-bar .phone {
font-size: 13px;
}

.top-bar form input[type="submit"] {
padding-left: 10px;
font-size: 14px;
}

.top-bar form input[type="text"] {
width: 210px;
}

.navbar-default .navbar-brand img {
height: 47px;
}

.navbar-nav li a {
margin: 0 10px;
font-size: 11px;
}

.demo-2 .sl-slider .content {
padding-left: 10px;
}

.appointment .gender {
margin-top: 20px;
padding-bottom: 13px;
}

.appointment .gender:before {
content: '';
width: 100%;
height: 1px;
float: left;
background: #eee;
opacity: 0.4;
margin-bottom: 20px;
}

.appointment .gender input[type="submit"] {
float: left;
margin-left: 20px;
}

.home-services .line:after {
display: none;
}

.home-services .line:before {
display: none;
}

.home-services .content {
margin-bottom: 30px;
}

.box-content .icon {
width: 100%;
border-right: 0;
}

.box-content .icon img {
height: 40px;
}

.box-content .content {
width: 100%;
padding: 0;
}

.box-content .content h3 {
font-size: 20px;
}

.boxed-image-feature .content-box {
width: 100%;
max-height: inherit;
float: left;
}

.boxed-image-feature .content-box .thumb {
width: 100%;
height: auto;
margin: 0;
margin-bottom: 15px;
}

.boxed-image-feature .content-box img {
width: 100%;
}

.boxed-image-feature .content-box h3 {
padding-left: 15px;
}

.boxed-image-feature .content-box p {
padding-left: 15px;
}

.boxed-image-feature .content-box a {
margin-left: 15px;
margin-bottom: 15px;
}

.boxed-image-feature .content-box .icon {
left: auto;
right: 0;
background: #55EAE2;
}

footer .copyright {
width: 100%;
float: left;
text-align: left;
}

footer form {
width: 100%;
float: left;
padding: 0;
margin-top: 30px;
margin-bottom: 50px;
}

footer form input[type="submit"] {
margin-top: 0;
margin-left: 8px;
}
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
.navbar-nav li a {
font-size: 9px;
}
}
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
} 
.otherhead {
font-size: 25px;
}
}

@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
.top-bar .phone {
font-size: 13px;
}


.top-bar .phone i {
font-size: 30px;
}

.top-bar .language li img {
height: 20px;
margin-top: 15px;
}

.top-bar .language li a {
font-size: 11px;
}

.navbar-default .navbar-header {
float: none;
}

.navbar-toggle {
margin-top: 14px;
border: none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background: none;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: none;
background: #fff;
}

.navbar-default form {
width: 100%;
float: left;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}

.navbar-default form input[type="text"] {
height: 40px;
padding: 0 10px;
border: 1px solid #eee;
float: left;
margin-right: 8px;
}

.navbar-default form input[type="submit"] {
height: 40px;
background: #1dd2c8;
color: #fff;
font-size: 16px;
padding: 0 10px;
}

.navbar-nav {
width: 100%;
margin-bottom: 20px;
}

.navbar .social-media {
width: 100%;
float: left;
border-left: none;
margin: 10px 0;
padding: 0;
}

.navbar .social-media:after {
display: none;
}

.navbar .social-media li {
margin: 0;
margin-right: 10px;
}

.navbar-nav li {
width: 100%;
float: left;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #eee;
}

.navbar-nav li:last-child {
border-bottom: none;
}

.navbar-nav li a {
width: 100%;
float: left;
margin: 0;
padding: 0;
border: none;
}

.navbar-nav li a:hover {
border: none;
}

.navbar-nav li ul {
width: 100%;
float: left;
position: static;
display: none;
}

.navbar-nav li ul li {
padding: 5px 0;
}

.navbar-nav li ul li a {
padding: 0;
}

.navbar-nav li:hover ul {
display: block;
padding: 10px;
}

.demo-2 .sl-slider-wrapper {
height: 383px;
}

.appointment {
margin-top: 0;
}

.appointment .date label {
width: 100%;
}

.appointment .department label {
width: 100%;
}

.demo-2 .bg-img-1 {
background-size: auto 100%;
}

.demo-2 .bg-img-2 {
background-size: auto 100%;
}

.demo-2 .bg-img-3 {
background-size: auto 100%;
}

.demo-2 .bg-img-4 {
background-size: auto 100%;
}

.demo-2 .sl-slider .content a {
margin-top: -8px;
}
header .navbar {
min-width: 100%;
height: 58px;
float: left;
margin: 0;
position: relative;
z-index: 99;
}
.demo-2 .sl-slider .content {
padding-top: 40px;
}

.demo-2 .sl-slider .content img {
width: 200px;
}

.slider h2 {
font-size: 28px;
}

.slider h2 u {
font-size: 40px;
}

.slider .nav-dots {
bottom:15px;
}

.slider .nav-arrows {
display: none;
}

.latest-news .left {
margin-bottom: 40px;
}

.frase {
padding: 80px 15px;
margin: 68px 0px 0px 0px;
}

.frase h2 {
font-size: 33px;
}

.footer-bar h4 {
display: none;
}

.footer-bar h2 {
font-size: 20px;
}

footer form input[type="text"] {
max-width: 220px;
}

footer ul {
margin-bottom: 40px;
}
}
.makeit_btn
{
color: #fff;
padding: 5px 20px;
font-size: 20px;
font-weight: 700;
background: #1dd2c8;
border: 1px solid;
margin-top: 43px;
}

.makeit_btn1
{
color: #fff;
padding: 5px 20px;
font-size: 20px;
font-weight: 700;
background: #1dd2c8;
border: 1px solid;

}


.row {
margin-right: 0px;
margin-left: 0px!important;
}

.postion
{
position:sticky;
top: 50px;
background:#d0e8fd;
padding:13px;
height: 80vh;
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
.postion
{
position: static;
top: 50px;
padding: 13px;
background: none;
height: 0vh;
}

.navbar-nav li a {
font-size: 14px!important;
}
.slider h2 {
font-size: 12px!important;
}
.btn-turquaz-lg {
background: #1dd2c8;
line-height: 30px;
padding: 0 7px 0 8px;
color: #fff;
border-bottom: 1px solid #17a8a0;
text-shadow: 0 1px 1px rgba(-255, -255, -255, 0.3);
}
.btn-turquaz-lg {
font-weight: 800;
display: inline-block;
font-size: 14px;
letter-spacing: -1px;
border-radius: 2px;
}
header .top-bar {
min-width: 100%;
height: 50px;
float: left;
display: none!important;
background: #1dd2c8;
}
}


@media only screen and (max-width: 767px), only screen and (max-device-width: 667px) {
.demo-2 .sl-slider-wrapper {
height: 296px;
}
#contact-form {
width: 100%;
float: left;
margin: 0px 0;
}
.container {
padding-right: 12px;
padding-left: 11px;
margin-right: auto;
margin-left: auto;
}
.appointment form {
width: 100%;
float: left;
background: linear-gradient(45deg, #0ec5bb, #0fa59d);
padding: 4px;
border-radius: 0px;
position: relative;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 3px;
padding-left: 7px;
}
.appointment label {
width: 100%;
float: left;
line-height: 26px;
font-size: 16px;
color: #fff;
}

}


@media only screen and (max-width: 667px), only screen and (max-device-width: 667px) {
.demo-2 .bg-img-1, .demo-2 .bg-img-2, .demo-2 .bg-img-3, .demo-2 .bg-img-4 {
background-size: cover;
left: 0px;
height: 37vh;
padding: 192px 12px 14px 0px;
background-repeat: no-repeat;
background-position: center;
}
.footer-bar ul {
    float: right;
    margin-top: -38px;
    margin-left: 30px;
    padding-left: 10px;
    border-left: 1px solid #54e2da;
}
.footer-bar {
    height: 80px;
    float: left;
    padding: 20px 0px;
    background: #1dd2c8;
    margin-top: 71px;
}
.home-services .icon img {
    margin-top: 22px !important;
}
.icon-margin {
    margin-top: 7px !important;
}
}