/*

 @Author: Themezinho
 @URL: http://acrocapoeira.com/medicina
 @Theme : Medicina Medical HTML5 Template


 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.

 This files contents are outlined below.
 
  

// Table of contents //

	1. Body
		1.1 Main section 
		1.2 Spacing
		1.3 Tools
		1.4 Overlay
		1.5 Titles
		1.6 Links - Buttons
		1.7 Form Elements
		1.8 Form Placeholders
		
		
	2. Header 
		2.1 Top Bar 
		2.1.1 Top Bar - Phone
		2.1.2 Top Bar - Language
		2.1.3 Top Bar - Search
		
		2.2 Nav Bar
		2.2.1 Navbar Nav
		2.2.2 Social Media
		
		
	3. Slider
		3.1 Element of Slider
		
		
	4. Appointment Form
		4.1 Elements of form
		4.2 Datepicker
		
	
	5. Home Services
		5.1 Elements of services
		5.2 Content
		5.3 Icons
		5.4 Lines
		
		
	6. Box Content
		6.1 Elements of box content
		6.2 First Box
		6.3 Second Box
		6.4 Third Box
		6.5 Icon
		6.6 Content
		
		
	7.Latest News
		7.1 Elements of news
		7.2 Headlines
		7.3 Rated article ribbon
		
		
	8.Frase
		8.1 Elements of frase
		8.2 Headlines
		
		
	9.Gallery
		9.1 Elements of gallery
		9.2 Headlines
		9.3 Thumb
		
		
	10.Departments
		10.1 Elements of departments
		10.2 Content Box
		10.3 Headlines
		
		
	11.Logos
		11.1 Elements of logos
		11.2 Headlines
		11.3 Item
		
		
	12.Inner Header
		12.1 Elements of inner header
		
	
	13.Inner Content
		13.1 Elements of inner content
		13.2 Headlines
		13.3 Side Bar
			
	
	14. News List
		14.1 Elements of news list
		14.2 Headlines
		14.3 HR
		
		
	15. FAQ
		15.1 Elements of FAQ
		
		
	16. Contact Form
		16.1 Elements of contact form
		16.2 Success
		16.3 Error
		
		
	17. Footer Bar
		17.1 Elements of footer bar
		17.2 Headlines
		17.3 Social Media
		
		
	18. Footer
		18.1 Elements of footer
		18.2 Headlines
		18.3 Newsletter
		18.4 Footer menu
		
		
	19. Error Pages
		19.1 Elements of Error Pages
		
	
	20. Acordeon
		20.1 Elements of acordeon 
		
		
*/
	
	


/* Body - Google Font */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
*{ 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:80px 0; position:relative;}
footer{ width:100%;}
header {width:100%;}




/* Spacing */
.no-padding{ padding:0 !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:#1c9f98;}



/* Overlay */
.overlay{position:relative;}
.overlay:after{content:''; width:100%; height:100%; float:left; position:absolute; left:0; top:0; opacity:0.8; background:#1c9f98;}
.queryloader__overlay{font-weight:800; font-size:0px; background-image:url(../images/q-white-1.png); background-position:center; background-repeat:no-repeat; color:#1c9f98;}




/* Titles */
.title-bottom-line{ color:#1c9f98; 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:#1c9f98; position:absolute; left:0; bottom:-1px;}



/* Site Links - Buttons */
a{color:#1c9f98;}
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:#1c9f98; text-decoration:underline;}

.btn-turquaz-lg{ background:#1c9f98; 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:#1c9f98; 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; display: none !important; }
.btn-ghost-md:hover{text-decoration:none; background:#fff; color:#1c9f98;  display: none !important;}

.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:#1c9f98;}




/* 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:#1c9f98;}
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:50%; float:left; background:#1c9f98;}
header .navbar{ min-width:100%; height:83px; float:left; margin:0; position:relative; z-index:99;}

.top-bar .email { 
    display: flex; /* استخدام flex لعرض الأيقونة والنص جنبًا إلى جنب */
    align-items: center; /* لضمان توسيط الأيقونة بالنسبة للنص عموديًا */
    justify-content: center; /* توسيط البريد الإلكتروني بأكمله */
    color: #fff; 
    line-height: 50px; 
    font-size: 16px; /* حجم أصغر ليناسب الجوال */
    font-weight: 700;
	position: relative; /* تأكيد أن العنصر لديه سياق موضعي */
    z-index: 10; /* تأكيد أن البريد الإلكتروني فوق أي عنصر آخر */
}
.top-bar .email i { 
    font-size: 18px; /* حجم الأيقونة */
    margin-right: 5px; /* تعديل المسافة بين الأيقونة والنص */
}
.top-bar .email a {
    color: #fff; /* تأكد من أن لون الرابط أبيض */
    text-decoration: none; /* إزالة الخط السفلي */
}
/* تأكد من أن top-bar تستخدم flex لتوزيع العناصر بشكل أفقي */
/* تعديل خصائص .language */
.top-bar .language {
    display: flex; /* توزيع العناصر بشكل أفقي */
    align-items: center; /* توسيط العناصر عموديًا */
    margin: 0; /* إزالة أي مسافات إضافية */
    padding: 10px; 
	margin-left: 20px;
}
/* CSS خاص بقسم اللغة في صفحة الاتصال فقط */
#contact-language {
    display: flex !important; /* توزيع العناصر بشكل أفقي */
    align-items: center !important; /* توسيط العناصر عموديًا */
    margin: 0 !important; /* إزالة أي مسافات إضافية */
    padding: 10px !important; 
    margin-left: 710px !important; /* تعديل المسافة من اليسار */
}

#contact-language .language li {
    margin: 0 10px !important; /* إضافة مسافة بين العناصر داخل القائمة */
}

#contact-language .language li a {
    display: flex !important; /* توزيع النص والصورة بشكل أفقي */
    align-items: center !important; /* توسيط النص والصورة عموديًا */
    letter-spacing: 1px !important; /* إضافة مسافة بين الأحرف */
    word-spacing: 3px !important; /* إضافة مسافة بين الكلمات */
    padding: 0 15px !important; /* إضافة مسافة داخلية بين النص والعناصر */
}

#contact-language .language li img {
    margin-right: 15px !important; /* إضافة مسافة بين الصورة والنص */
}
.top-bar .language li {
    list-style: none;
    margin-left: 10px; /* المسافة بين عناصر اللغة */
}

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

.top-bar .language li img {
    margin: 0; /* إزالة أي مسافة حول الصورة */
    padding: 0;
    margin-right: 4px; /* مسافة صغيرة بين الصورة والنص */
}

.top-bar .language li a {
    display: flex; /* توزيع العناصر بشكل أفقي */
    align-items: center; /* توسيط النص والصورة عموديًا */
    color: #fff; 
    font-weight: 800; 
    font-size: 12px;
    padding: 0; /* إزالة أي مسافات إضافية */
}

.top-bar form { 
    float: right;
}
/*! .top-bar form input[type="text"] { 
    width: 350px; 
    height: 40px; 
    float: left; 
    border: none; 
    background: url(../images/search-icon.png) 7px 7px no-repeat #2bb5ae; 
    border-radius: 2px; 
    margin-top: 4px; 
    color: #fff; 
    padding: 0 10px; 
    padding-left: 40px;
}*/ 
/* Styles for CTA Container */
.cta-container {
    display: flex;
    align-items: center;
	width: 340px;
    background: #2bb5ae; 
    border-radius: 8px;
    padding: 5px 8px; /* قلل من padding أكثر */
    height: auto; /* اجعل الارتفاع تلقائي */
    margin-top: 7px;
    margin-left: 0px;
	

}
.cta-message {
    color: #fff;
    font-size: 15px; /* تقليل حجم الخط */
    font-weight: 600;
    margin: 0;
    padding: 0 9px; /* أضف padding قليل جداً لتجنب التلاصق */
}

.cta-button {
    background: #fff;
    color: #2bb5ae;
    padding: 3px 8px; /* قلل padding للزر */
    border-radius: 7px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px; /* قلل حجم الخط */
    transition: background 0.3s ease, color 0.3s ease;
}

.cta-button:hover {
    background: #2bb5ae;
    color: #fff;
}
.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;
    padding-bottom: 20px; /* أضف هذا السطر لضبط المسافة أسفل الشعار */
}
.navbar-default .navbar-brand{ height:auto; line-height:normal; padding:0 15px; padding-top:10px;}

/* NAVBAR */
.navbar-default{ border:none; border-radius:0; background:#fff;}
.navbar-nav{ float:right; 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 #1c9f98; color:#1c9f98 !important;}
.navbar-nav li ul{ width:160px; padding:10px 0; position:absolute; left:0; top:83px; background:#fff; 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:#1c9f98; 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:#1c9f98;}



/* Slider */
.slider{ padding:0; z-index:1;}
.slider .demo-2{ width:100%; float:left;}
.slider h2{ font-size:38px; color:#ffffff; font-weight:800;}
.slider h2 u{ font-size:50px; color:#1c9f98;}


/* Appointment Form */
/*.appointment{ width:100%; margin-top:-50px; padding:0; z-index:9;}
.appointment form{ width:100%; float:left; background:#1c9f98; padding:20px; border-radius:4px; position:relative;}
.appointment form:after{content:'\f127'; width:60px; height:68px; position:absolute; right:0; top:-60px; background:#1c9f98; 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; background:url(../images/icon-date.jpg) 120px 9px no-repeat #fff; 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.jpg) right no-repeat #fff; padding-left:10px; color:#1c9f98;}
.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.png) center no-repeat #fff;}
.appointment .gender input[type="submit"]{ height:40px; float:right; padding:0 20px; padding-right:48px; background:url(../images/submit-arrow.png) right no-repeat #1c9f98; 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:#1c9f98 !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:#1c9f98; background:url(../images/title-bg.jpg) center bottom no-repeat; margin:0; padding-bottom:20px;}
.title-box h5{ margin-bottom:60px; margin-top:10px; display:inline-block;}




/* 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:#1c9f98; font-weight:700; font-size:20px; margin-bottom:40px; position:relative;}
.home-services h3:after{content:''; width:50px; height:1px; background:#1c9f98; position:absolute; left:50%; margin-left:-25px; bottom:-25px;}
.home-services a{ margin-top:30px;}
.home-services .content{width:100%; float:left;}
.home-services .content:hover .icon{ border:15px solid #1c9f98;}
.home-services .content:hover img{ margin-top:19px;}
.home-services .icon{ width:132px; height:132px; background:#1c9f98; 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:25px;}
.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:#1c9f98; position:absolute; right:-96px; top:50px; border:10px  solid #fff;}
.home-services .line:before{content:''; width:141px; height:1px; border-top:1px dotted #1c9f98; position:absolute; top:0; right:-150px; top:64px;}



	
/* Box Content */	
.box-content {
    display: flex; /* استخدام flexbox */
    justify-content: center; /* لتوسيط العناصر أفقيًا */
    align-items: center; /* لتوسيط العناصر عموديًا */
    text-align: center; /* ضبط النص ليكون في المنتصف */
    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:#1c9f98; 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;} */
.third-box { display: none !important; }
.third-box { display: none; }
.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;} */
box-content .content h3:after { display: none; }



/* Latest News */
/* .latest-news{ float:left; padding-top:0;}
.latest-news h2{ font-size:40px; font-weight:700; color:#1c9f98; background:url(../images/title-bg.jpg) center bottom no-repeat; padding-bottom:20px;}
.latest-news h3{ color:#1c9f98; 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:#1c9f98; 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:#1c9f98; 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%;  float:left; background:url(../images/hero1.jpg); 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;}	
.gallery h2{ font-size:40px; font-weight:700; color:#1c9f98; background:url(../images/title-bg.jpg) center bottom no-repeat; padding-bottom:20px;}
.gallery h5{ margin-bottom:60px; 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 .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;}
.boxed-image-feature .container{ position:relative; z-index:2;}
.boxed-image-feature .content-box{ max-height:210px; float:left; position:relative; background:#1c9f98; margin-bottom:80px; color:#fff;}
.boxed-image-feature .content-box .thumb{ width:278px; height:197px; float:left; margin-right:16px; background:#1c9f98;}
.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:#1c9f98; 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; border-top:1px solid #eee;}
.logos .container {position:relative; z-index:2;}
.logos h2{ font-size:40px; font-weight:700; color:#1c9f98; background:url(../images/title-bg.jpg) center bottom no-repeat; padding-bottom:20px;}
.logos h5{ margin-bottom:60px; 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:#1c9f98; 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:#1c9f98; border-bottom:2px solid #1c9f98;}
.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:#1c9f98; 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:#1c9f98; 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:#1c9f98 !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:20px 0;}
#contact-form input[type="text"]{ width:340px; 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.jpg) 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:10px 20px; font-size:20px; font-weight:700; background:#1c9f98;}
#success, #error {display:none; color: rgb(236, 52, 52);;}
#success p, #error p {margin-top:20px; float:left; color:#1c9f98; font-weight:800;}
label{ width:100%; float:left; font-size:13px; color:rgb(236, 52, 52);}
#error p {color:#c0392b}



/* Footer Bar */
.footer-bar{ height:80px; float:left; padding:20px 0; background:#1c9f98;} 
.footer-bar h2{ float:left; color:#fff; margin:0; line-height:40px; font-weight:700;}
.footer-bar h2 i{ float:left; margin-right:12px;}
.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; color: white;}
.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.png) center no-repeat #7a7b86; color:#fff;}
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:#fff; 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:#1c9f98; 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:#fff;}
footer ul li a:hover{ color:#1c9f98;}



/* Error Pages */
.error-pages{ width:100%; padding-bottom:0;}
.error-pages h2{ font-size:45px; font-weight:800; color:#1c9f98;}



/* Acordeon */
#accordion { width:100%; float:left;}
.panel-group .panel{ border:none; border-radius:0;}
.panel-default>.panel-heading{ background:#1c9f98; 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:#1c9f98; 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:18px;}
.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:36px;}
.navbar-nav li a{margin:0 10px;}
.demo-2 .sl-slider .content{ padding-left:10px;}
.appointment .gender{ margin-top:20px;}
.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: 767px), only screen and (max-device-width: 767px) {
.top-bar .email { font-size: 14px; display: flex; align-items: center; justify-content: center; color: #fff; height: 50px;}
.top-bar .email i { font-size: 18px; margin-right: 5px;}
.top-bar .language li img{ height:15px; margin-top:1px;}
.top-bar .language li a{ font-size:11px; }
.cta-container {
	display: flex;
	align-items: center; /* توسيط العناصر عموديًا */
	justify-content: center; /* توسيط المحتوى بالكامل */
	background: #2bb5ae;
	border-radius: 7px;
	padding: 4px 5px; /* تقليص المسافة الداخلية */
	margin: 2px;
	margin-left: 190px;
	width: 181px;
	text-align: center;
}

.cta-message {
	color: #fff;
	font-size: 8px; /* تقليص حجم النص */
	margin: 0;
	padding-right: 3px; /* إضافة مسافة صغيرة بين النص والزر */
}

.cta-button { display: inline-block; background: #fff; color: #2bb5ae; padding: 2px 5px; /* تقليص الحشو */ border-radius: 2px; text-decoration: none; font-weight: 600; font-size: 8px; /* حجم النص أصغر */ transition: background 0.3s ease, color 0.3s ease; }
.cta-button:hover { background: #2bb5ae; color: #fff; }
.navbar-default .navbar-header{ float:none;}
.navbar-toggle{ margin-top:22px; 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:#1c9f98; 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;}
.demo-2 .sl-slider-wrapper{ height:400px;}
.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{ padding-top:60px;}
.demo-2 .sl-slider .content img{ width:200px;}
.slider h2{font-size:28px;}
.slider h2 u{ font-size:40px;}
.slider .nav-dots{ bottom:20px;}
.slider .nav-arrows{ display:none;}
.latest-news .left{ margin-bottom:40px;}
.frase{ padding:80px 15px;}
.frase h2{ font-size:33px;}
.footer-bar h4{ display:none;}
.footer-bar h2{ font-size:24px;}
footer form input[type="text"]{ max-width:220px;}
footer ul{ margin-bottom:40px;}}