@font-face {
    font-family: 'myFirstFont';
    src: url('/fonts/slimsansserif.ttf');
}
@font-face {
    font-family: 'headerh3';
    src: url('/fonts/new era casual bold italic.ttf');
}
body   
{
    font-family: "myFirstFont";
    font-weight: bold !important;
    letter-spacing: 0px;
}
p{ font-family: "myFirstFont";}

.top-buffer{margin-top:20px;}
.top-buffer25{margin-top:25px;}
.top-buffer35{margin-top:35px;}
.top-buffer45{margin-top:45px;}
.margin-bottom20{ margin-bottom: 20px;}
.margin-bottom35{ margin-bottom: 35px;}
.margin-bottom45{ margin-bottom: 45px;}
.margin-bottom55{ margin-bottom: 55px;}

.padding-top20{ padding-top:20px;}
.padding-top35{ padding-top:35px;}
.padding-top45{ padding-top:45px;}
.padding-top55{ padding-top:55px;}
.padding-top65{ padding-top:65px;}
.padding-bottom20{ padding-bottom: 20px;}
.padding-bottom35{ padding-bottom: 35px;}
.padding-bottom45{ padding-bottom: 45px;}
.padding-bottom55{ padding-bottom: 55px;}
.padding-bottom65{ padding-bottom: 65px;}
.top-buffer-desk{margin-top:100px;}
section.home {background: rgba(0, 0, 0, 0) url("../images/hair_transplant.jpg") no-repeat scroll 0 0 / 100% auto; height: 600px;}
@media only screen and (max-width: 1024px){ section.home {background: rgba(0, 0, 0, 0) url("../images/tab.jpg") no-repeat scroll 0 0 / 100% auto;}}
@media only screen and (max-width: 640px){ section.home {background: rgba(0, 0, 0, 0) url("../images/mobile.jpg") no-repeat scroll 0 0 / 100% auto;}}
@media (min-width: 250px) and (max-width: 650px) { section.def2{ height: 1000px;}}
@media (min-width: 750px) and (max-width: 950px) { section.def2{ height: 900px;}}
@media (min-width: 950px) and (max-width: 1200px) { section.def2{ height: 1050px;}}

/********Form Section****************/
/*span{font-family: "Playfair Display", serif;}*/
/*.form_register, section.main .thank-you-container {background: rgba(255, 255, 255, 0) none repeat scroll 0 0;box-shadow: 0 0 4px #7e7e7e;margin-top: -307px;padding: 20px;border-radius: 5px;}*/
.form_register, section.main .thank-you-container {background-color: #16a086 ; margin-top: -340px; padding: 20px;}
.form_register .form-control {border: 1px solid #ddd; border-radius: 10px; height: 33px; margin-bottom: 10px;}
.form_register textarea {min-height: 96px;}
.form_register h3 {color: #fff; font-weight: 800;font-size: 40px; line-height: 40px; margin-bottom: 20px; text-align: center;}
.spnPrivacy {color: #fff;}
@media(max-width: 1150px){.spnPrivacy {color: #000;}}
@media (max-width: 767px)
{
    .form_register, section.main .thank-you-container{margin-top: 25px; margin-bottom: 10px;}
}
@media (min-width: 750px) and (max-width: 950px){ .form_register{ margin-top: 80px;}}
@media (min-width: 950px) and (max-width: 1200px){ .form_register{ margin-top: 200px;}}
/**.wf-button
{ color: #fff;
    background-color:#DE5185;
    margin-top:12px;}**/
    .wf-button
{ font-size: 25px; background-color: #1c1f24; font-weight: 600; color: #fff; padding: 10px 25px !important;}
.home ul{ list-style-type: none; color: #000; font-size: 20px; margin-left: 130px;}
.home ul li{ line-height: 45px; }
.home ul li i{ margin-right: 10px; color: #16a086;}
.home h1 { color: #000; font-size: 50px; font-weight: bolder; text-align: right; line-height: 40px; margin: 0px;}
.home p { color: #000; font-size: 20px; font-weight: bolder; text-align: right; letter-spacing: 0px; margin-top: 20px;}
@media (min-width: 750px) and (max-width: 950px){ .home h1, .home p{ text-align: right !important;} .home ul{ margin-left: 110px;} .list_item, .tab{ margin-top: 20px;} }
/********Form Section Ends****************/
/*.top-section { background-color: #16a086; color: #fff; text-align: right;}*/
.top-section { text-align: center;}
.top-section-tag { color: #000; text-align: center;}
.top-section-tag h3{ margin-top: 25px; margin-bottom: 25px; font-size: 30px; color: #444;}
@media (min-width: 250px) and (max-width: 650px) { .top-section { text-align: center;}} 
.section3, .section6{ background-color: #1c1f24; color: #fff;}
.section4, .section8{ background-color: #f1f1f1; color: #000;}
.section6 img { margin: 0 auto; display: block; }
.section7{ background-color: #16a086; color: #fff;}
.btn-green{ font-size: 25px; background-color: #16a086; font-weight: 600; color: #fff; padding: 10px 15px !important;}
.btn-black{ font-size: 25px; background-color: #1c1f24; font-weight: 600; color: #fff; padding: 10px 15px !important;}
.btn:hover, .btn:focus { color: #fff;}

.list_item li {
    border-bottom: 1px solid #f1f2f2;
    color: #fff;
    font-size: 13px;
    line-height: 4.5em;
    list-style-type: none;
    /*padding-left: 35px;*/
    transition: all 0.5s ease 0s;
}
.list_item li .about-list-arrows {
    border: 1px solid;
    border-radius: 50%;
    color: #16a086;
    float: left;
    font-size: 15px;
    height: 20px;
    line-height: 18px;
    margin: 19px 0 0 -35px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 20px;
}
.list_item li:hover {
    color: #16a086;
    transition: all 200ms ease-in 0s;
}
.list_item li:hover .about-list-arrows {
    background: #16a086 none repeat scroll 0 0;
    border: 1px solid #16a086;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.panel-icon {
    background: #16a086 url("../images/icon-img-fold-alll.png") no-repeat scroll -214px 36px;
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
}
.c-form {
    color: #fff;
}
.dept-icon {
    color: #fff;
    float: left;
    font-size: 24px;
    line-height: 1.9em;
    text-align: center;
    width: 46px;
}
.adv h3{ color: #16a086;}
.adv p 
{ 
    color: #404040;
    font-family: "Verdana";
    font-size: 14px;
    text-align: justify;
    margin: 0 0 10px;
}
#carousel{ background: url("../images/testi-bg.jpg") no-repeat fixed; text-align: center; width: 100%; background-size: 100%; padding: 30px 30px;}
.testi{ width: 100%; }
.testi .title{ margin: 0 0 50px;}
.testi .title h2{ color: #16a086; font-family: "Raleway","sans-serif" !important; font-size: 50px; font-weight: 900;}
.testi .title h2 span{ font-weight: 100; color: #fff;}
.quote { color: rgba(0,0,0,0.1); margin-bottom: 30px;}
.fa-quote-left{ color: #16a086;}
#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .item h2{
    color: #16a086;
}

#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #16a086;
  border: none;
}
#fade-quote-carousel blockquote
{
    border: none;
    color: #fff;
    font-family: "Raleway","sans-serif" !important;
    padding: 10px 0px;
}
#fade-quote-carousel blockquote p
{
    font-size: 22px;
    font-family: "Raleway","sans-serif" !important;
    font-style: italic;
    font-weight: 400;
}
.profile-circle{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.profile-circle img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.btn-service { -moz-user-select: none; background-color: #16a086; border: 1px solid transparent; cursor: pointer; display: inline-block; font-size: 18px; color: #fff; font-weight: 400; line-height: 1.42857; margin-top: 20px; padding: 10px 22px; text-align: center;}
a:hover.btn-service,.contact form input[type="submit"]:hover  { background-color: #fff; border: 1px solid #16a086; font-size: 18px; color: #16a086; }
/*.........model-req start......*/
.modal-req .modal-dialog { margin: 150px auto; width: 400px;}
.modal-req .modal-header{ padding: 10px;}
.modal-req .modal-header h4 { margin: 0px;}
.modal-req .modal-head { padding-bottom: 0px;}
.modal-req .form-control{ border-radius: 0px;}
.modal-req .form-control::-moz-placeholder { font-size: 16px;}
.modal-req select { font-size: 16px;}
.modal-req select option { padding-left: 10px; } 
.modal-req .modal-footer { text-align: left !important; margin-top: 0px;}
.modal-req .modal-footer a { margin-top: 0px;}
.modal-req .modal-footer button { text-align: right !important; }
.modal-req .modal-footer .btn:hover{ color: #000;}
.modal-req .modal-dialog{
position: absolute;
left: 60%;
/*now you must set a margin left under zero - value is a half width your window*/
margin-left: -312px;
/* this same situation is with height - example*/
height: 500px;
top: 60%;
margin-top: -250px;
} 
.modal-open {
    overflow: hidden !important;
}
.close {
        float: right;
        margin-top: -47px;
        margin-right: 15px;
        width: 17px;
        height: 17px;
        display: block;
        padding: 10px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        font-family: "futura_ltcn_btlight";
    }
    
@media (max-width: 992px) {
    #carousel { background-size: 216% auto;} .tab{ margin-top: 20px;} 
}
@media (max-width: 768px) 
{ #carousel { background-size: 200% auto;}
}
@media (min-width: 500px) and (max-width: 650px)
{ .main-footer ul, .main-footer h4 { margin-left: 15px;}
  .modal-req .modal-dialog { top: 50%; left: 68%;}
}
@media (max-width: 650px)
{ #carousel { background-size: 260% auto;}
  .main-footer .title { text-align: center !important;}
}
@media (max-width: 480px)
{ #carousel { background-size: 400% auto;}
  .modal-req .modal-dialog { left: 72%;}
    }
@media (max-width: 360px)   
{ .modal-req .modal-dialog { width: 300px; left: 94%; top: 65%;}
  .modal-req h3 { font-size: 20px;}
  .modal-header { padding-bottom: 0px;}
  .modal-footer { padding-top: 5px;}
  .top-section-tag h3{ font-size: 25px;}
}
@media (max-width: 650px)
{ .top-buffer-desk{ margin-top: 350px;} .home h1, .home p{ text-align: center !important;} .home h1{font-size: 52px;} .home ul{ margin-left: 40px;} .list_item, .tab, .mob{ margin-top: 20px;} 
    }
@media only screen and (max-width: 400px)   
{ .top-buffer-desk{ margin-top: 270px;}  .home ul{ margin-left: -40px;}
}
@media (max-width: 320px)   
{ .top-buffer-desk{ margin-top: 220px;} .home h1 { font-size: 45px; } .home p { font-size: 23px; }
}

#contact_footer {
    background: #262626;
    bottom: 0px;
    display: block;
    height: 30px;
    position: fixed;
    text-align: center;

    z-index: 9999;
}
#contact {display:none;}
#contact_footer {
    display: none;
}
.contact_holder ul {
    margin: 0;
    padding: 0;
}
.contact_holder ul li {
    border-right: 1px solid #fff;
    display: inline-flex;
    list-style: outside none none;
}
.contact_holder ul li a {
    color: #fff;
    padding: 4px 13px;
}
.contact_holder span {
    display: flex;
    font-size: 11px;
    text-align: center;
}


#contact_footer {
    background: #262626;
    bottom: 0px;
    display: block;
    height: 30px;
    position: fixed;
    text-align: center;

    z-index: 9999;
}