/* start Fonts */
@font-face {
  font-family: 'font1';
  src:  url(../fonts/AlegreyaSC-BoldItalic.ttf);
}

@font-face {
  font-family: 'font2';
  src:  url(../fonts/Amiri-BoldSlanted.ttf);
}

.top-menu{font-weight: 600;}
.nav>li {display: inline-block}

/*  Fonts   */
.navbar-inverse .navbar-nav>li>a,.jumbotron h1,.hospital h2.h1,.management .management-post p,
.bookings .description h1,#team h4,.contact h2,#ff label,.footer h3,.done form h1,.done .dear,.done .intro,.done .card
{ font-family: font1}

.jumbotron p,.hospital .hospital_box ul,.servce .servce-post p,.bookings .description p,#team h3,.contact p,.footer p,.done form .waiting{ font-family: font2}


/*  Colors  */
/*body,.jumbotron{background-color: black}*/

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.active>a
{background-color: #d60000}
.navbar-inverse .navbar-nav>li>a i{margin-left: 5px;}

.done form,.bookings .description,.bookings .book .bookForm,#team,.signup .signup-group
{background-color: white}

.hospital .hospital_box,#team .icon,textarea
{background:#FFF}

.login form .btn-primary:hover, .login form .btn-primary:active {
  background:#eb3b60;
}

.hospital .hospital_box ul,#ff input,textarea,.management,.done form
{color: black}

#Logo,.jumbotron h1,.hospital .hospital_box p,.management .management-post i.fa,.servce .servce-post span i,.bookings .book .bookForm > span,.bookings .book .bookForm .form-logo,.footer h3,.footer .copyright span
{color: #d60000}

body,.servce,.done,.done form .waiting,#team h4,.contact,#ff .my-buttton,.signup h3,.hospital h2.h1,.footer a:hover
{color: white}

.done .card label,.done .icon,.signup .form-icon
{color: green}

.footer,.footer a,.footer .copyright {color:#AAA}

/*  end color   */

/*body{background: url(../img/bg1.jpg) no-repeat center center fixed; background-size: cover}*/

.container-fluid {padding-right: 0px; padding-left: 0px;}

#Logo{margin-top: 10px; margin-left: 60px;}

hr{width: 100%; border-top: 1px solid gold;}

/*  Start classes bootstrap */
.navbar-inverse .navbar-nav>li>a{font-weight: 800;font-size: 13pt;}

.input-group{margin: 10px auto}

.form-horizontal .control-label{text-align: right;
    top: 0px;
    right: 0px;
}
/*  End classes bootstrap   */

/*  Start Home  */
/*//jumbotron  */
.jumbotron{margin-top: 0px;padding-top: 25px;padding-bottom: 35px;}
    
.jumbotron h1{font-size:32pt;}

.jumbotron p{color: #ffd700;padding: 25px;text-align: justify;}
   
.jumbotron img{width:300px;height:300px;padding:20px 30px 10px 0px;border-radius:10px;display:block;margin:65px auto}

/*//Management  */
.management {margin: 0px auto 0px auto;padding: 30px 0px 50px; background: rgba(238, 238, 238, 0.90)}

.management h2{margin-bottom: 30px;font-weight: bold}

.management .management-post {margin-bottom:40px}

.management .management-post h4{font-weight: bold;color: #0060b3}

.management .management-post p {line-height:1.5em}

.management .management-post i.fa {font-size: 45px;margin-bottom: 10px;}

/*//Hospitl */
.hospital { background: rgba(107, 103, 103, 0.83); padding: 30px 0px 50px;}

.hospital h2.h1{margin-bottom: 25px;}

.hospital .hospital_box {padding:10px;border:1px solid #DDD; margin-bottom:15px;}

.hospital .hospital_box h2 {margin:5px 0 15px}

.hospital .hospital_box:hover p {
    -webkit-transform:scale(1.1,1.1) rotate(360deg);
    -moz-transform:scale(1.1,1.1) rotate(360deg);
    -o-transform:scale(1.1,1.1) rotate(360deg);
    transform:scale(1.1,1.1) rotate(360deg);
    border:2px solid #DFDFDF
}

.hospital .hospital_box p {
    font-size:35px;
    font-weight:bold;
    width:100px;
    height:100px;
    background:#F3F3F3;
    border-radius:50%;
    line-height:100px;
    border:2px solid #FFF;
    -webkit-transition:all .7s ease-in-out;
    -moz-transition:all .7s ease-in-out;
    -o-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;
}

.hospital .hospital_box ul {line-height:250%;font-size:18px;}

.hospital .hospital_box a {margin-bottom:5px}

/*//Servces */
.servce{background-color: rgba(23, 22, 22, 0.74);padding: 30px 0px 50px 0px;}

.servce h2{color: #42fdc9}

.servce .servce-post{
    border-radius: 20px 0px 20px 0px;
    padding: 20px;
    font-size: 13pt;
    height: 450px;
    margin-bottom: 15px;
    background-color: rgba(0, 0, 0, 0.37);
    visibility: visible; 
    animation-duration: 1s; 
    animation-name: none;
}

.servce .servce-post span{display: block;margin-bottom: 40px}

.servce .servce-post span i{    font-size: 60pt;}

.servce .servce-post p{ text-align: justify;padding: 15px;
}
/*  Emd Home    */

/* Start Info   */

.content-info{color: #a50707}

.content-info h2{text-align: center}

.content-info h3{color: red}

/* Start Info   */

/*  Start Team  */
#team h4{background-color: #5195d0ad;padding: 4px;font-size: 16pt;}

#team .caption p{padding: 5px;font-size: 12pt;color: #3c763d;font-weight: 600;min-height: 54px}

#team .caption span{display: block;direction: ltr;text-align: left}

.thumbnail>img, .thumbnail a>img{height: 250px;}

#team .thumbnail {border:0px;transition:none;box-shadow:none !important}

#team .glyphicon, #team .icon {
  font-size:16px;
  display:inline-block;
  color:#666;
  margin:0 10px;
  width:30px;
  height:30px;
  border:1px solid #c8ced7;
  text-align:center;
  border-radius:50%;
  line-height:30px;
}

#team .icon {color: #18189e;}
/*  End Team    */

/*  Strt Contact    */
.contact-us {width: 100%;background-color: #54a36c;padding-top: 100px;padding-bottom: 60px}

.contact {
    background-color: rgba(0,0,0,0.6);
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    width: 70%;
    display: block;
    margin: 1px auto;
    border-radius: 10px;
}

.contact p{padding: 30px 10px 30px 10px;font-size: 14pt;background-color: #0000003b;text-shadow: 1px 1px 10px red}

#contact{font-size: 39pt;color: #f0f8ff}

.contact h2 {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 3px;
    padding-top: 70px;
    text-align: center;
    color: #d6e9c6;
}

#contact_form {padding: 25px}

#ff label {cursor: pointer;margin: 5px 0;display: block;font-weight: bold}

#ff input {
    display: block;
    width: 90%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #5f5f5f;
    padding: 10px;
    margin: 5px 0 25px 0;
}

textarea {
    display: block;
    width: 90%;
    height: 200px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #5f5f5f;
    padding: 10px;
    margin: 5px 0 25px 0;
}

#ff .my-buttton {
    border: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 150px;
font-weight: bold;
}
/*  End Contact */

/*  Star Login  */
.login {background:#DDD;padding:80px 0}

.login form {
    margin: 0 auto;
    padding:  40px 15px 30px 15px;
    border-radius: 12px;
    color: #505e6c;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    background-color: rgb(255,255,255);
}

.login .show h4, .login .show i{color:#e92c20;}

.login .illustration {
    text-align:center;
    padding:0 0 20px;
    font-size:100px;
    color:rgb(96,17,17);
    background-color:rgb(255,255,255);
}

.login form .form-control {
  background:#f7f9fc;
  border:none;
  border-bottom:1px solid #dfe7f1;
  border-radius:0;
  box-shadow:none;
  outline:none;
  color:inherit;
  text-indent:8px;
  height:42px;
}

.login form .btn-primary:active {transform:translateY(1px);}

.login form .forgot {
  display:block;
  text-align:center;
  font-size:12px;
  color:#6f7a85;
  opacity:0.9;
  text-decoration:none;
}

.login form .forgot:hover, .login form .forgot:active {opacity:1;text-decoration:none}
/*  End Login   */

/*  Strat Footer    */
/*.footer {background:#f5b550;color:#fff;padding-top:10px}*/

.footer h3 {letter-spacing:1px;margin:30px 0 20px;font-weight: 600;    padding-right: 20px;}

#logo{width: 163px;height: 170px;padding-right: 20px}

.footer .social-list {overflow:hidden;margin:20px 0 10px}

.footer .social-list li {float:left;margin-right:3px;opacity:0.7;height: 50px;width: 50px}

.footer .social-list li:hover {opacity:1}

.footer .img-thumbnail {background:rgba(0,0,0,0.2);border:1px solid #444;margin-bottom:5px}

.footer p{font-size: 12pt;font-weight: 600;text-align: justify;padding-right: 20px}

.footer .copyright {background:#333;color:#AAA;padding:15px 0;margin-top:30px;font-size:18px}
/*  End Footer    */


.content-info span{
    color: #9c0808;
    font-weight: bold;
    font-size: 14pt;
        
}

.content-info p{
    color: #333333;
    text-align: justify;
    font-weight: bold;
}

.content-info .type{
  color: #008bd0  
}

.content-info ul li{
 color: #333333;
 font-weight: bold;   
}
.content-info  .continue{
    border: 1px solid gold;
    padding: 10px;
    background: #4141de0d;
} 

.content-info  .continue .title{
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    display: block;
    color: #fd0000;
    font-size: 13pt;
}

.btn-block {
    font-weight: bold;}

a:hover {
    color: #428bca;
    text-decoration: none;
}

.forma{color: black; margin-top: 40px}


.regester{
    margin-top: 65px;
    color: black;
}

.regester .myRadio{
    font-size: 14pt;
    color: #000a8b;
    margin-right: 5px;
    text-shadow: 0px 1px deeppink;
}

.regester .myRadio input{
    margin-right: 20px;
}

.error{
    display: block;
    text-align: center;
    background-color: rgba(255, 2, 2, 0.1803921568627451);
    color: #ff0f0f;
    padding: 10px;
    font-size: 14pt;
}

.success {
    display: block;
    text-align: center;
    background-color: rgba(20, 159, 7, 0.28);
    color: #05411b;
    padding: 10px;
    font-size: 14pt;
}

/*   Mmedia Query   */
@media (max-width: 768px) {
    .bookings .book .bookForm,.contact,.login form{width: 90%}
    .navbar-inverse .navbar-nav>li>a{text-align: center}
    #ff input,textarea,.signup form,.done form{width: 100%}
    #logo{ margin: 1px auto;display: block;} 
    .content-info h2 {
        font-size: 14pt;}
    .regester .myRadio input{
    margin-right: 2px;
}
}

@media (min-width: 768px){
  .form-inline .form-group {
    margin-bottom: 12px;
    margin-left: 10px;}
    
    .form-inline .form-control {
        width: 100%;}
}