/**general**/
@import url(https://fonts.googleapis.com/css?family=Lato:400italic,
    700,400,700italic,300italic,100italic);

/**body**/
body{
    font-family: 'Lato', sans-serif;
}

/**container-fluid**/
.container-fluid {
    border-top: 8px solid #349BD1;
}

/**page.header**/
.page.header {
    height: 95px;
    overflow: hidden;
}

/**logo-left img**/
.logo-left img {
    height: 79px;
    margin: 7px 28px;
}

/**logo-center img**/
.logo-center img {
    /*width: 95%;
    height: 94px;*/
    margin: 10px 0px;
}

/**logo-right img**/
.logo-right img {
    height: 100px;
    float: right;
    margin: -4px 32px;
}

/**tab**/
.tab {
    background-color: #349BD1;
    color: #FFFFFF;
    margin-top: -4px;
    float: right;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

.list-inline {
    margin-left: 5px;
    list-style: none;
    margin-bottom: -1px;
    margin-right: 4px;
}

.list-inline>li>a {
    color: #FFFFFF !important;
    text-decoration: none;
}

.navbar-nav>li>a {
    color: #175677 !important;
}

.navbar-nav>li>a:hover {
    color: #349BD1 !important;
    background-color: transparent;
}

.navbar-nav>li>a {
    padding-top: 7px; 
    padding-bottom:10px; 
}

ul.nav.navbar-nav>li>a {
    padding: 8px 25px;
}

.navbar-default {
    background: rgba(255, 235, 59, 0.77);
    border-color: transparent;
    color: transparent;
    padding-bottom: 1px;
}

.navbar {
    min-height:40px !important;
    margin-bottom: 22px;
    border-top-right-radius: 50px;
}

section.banner {
    height: auto;
    background-color: #D2E3EC;
    margin-top: -23px;
    margin-left: -15px;
    margin-right: -15px;
}

.tp-banner-container {
    width: 100% !important;
    margin: 0px 105px;
}

.carousel-inner>.item>img {
    width: 100%;
    height: 300px;
}

/*.carousel-inner {
    margin: 1px -15px;
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
    border-width: 1px 5px 1px 0px;
    border-style: solid;
    border-color: rgb(109, 235, 255);
    transition: opacity 1s
}*/

.carousel-inner {
    margin: 1px -15px;
    border-top-right-radius: 10em;
    border-bottom-right-radius: 10em;
    border-right: 10px solid #fff068;
    transition: opacity 1s;
}

.carousel-inner>.item.active {
    transition: opacity 1s;
}
.carousel-inner>.item{
    transition: opacity 1s;
}

#slider-image {
    border-bottom-right-radius: 10em;
    border-top-right-radius: 10em;
}
a.left.carousel-control {
    margin-left: -15px;
}
a.left.carousel-control{
    margin-left: -15px;
}

a.right.carousel-control{
    margin-right: 15px;
}

i.fa.fa-chevron-left{
    margin-top: 140%;
}

i.fa.fa-chevron-right{
    margin-top: 140%;
}

/*.caption1 {
    color: #FBFF07;
    margin-left: -39px;
}

.caption2 {
    color: rgb(233, 30, 30);
    margin-top: -19px;
    margin-left: 90px;
}

.caption3 {
    color: #00AF05;
    margin-top: -50px;
    margin-left: 377px;
    margin-bottom: -36px;
}*/

.caption1 {
    color: #FBFF07;
    margin: 107px -11px 0px;
}

.caption2 {
    color: white;
    margin: -17px 12px;
}

.caption3 {
    color: #F9A71B;
    margin: -42px 19px;
    float: right;
}

.colmn {
    text-align: center;
    color: whitesmoke;
}

.caption1 h1 {
    font-size: 43px;
}
.col-sm-6.col-md-6.second {
    margin-top: -52px;
}
.col-sm-6.col-md-6.first {
    margin-top: -52px;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
    background-color: #3092CB;
    background-image: url("../images/bg1.jpg");
}

@media only screen and (max-width: 1122px) and (min-width: 992px){
textarea {
    width: 250px;
}
}
/* updated style sheet */
.block1 {
    display: block;
    border-radius: 10px;
    padding: 5px;
    border: 1px solid #EAB4B4;
  }

.block2 {
    display: block;
    margin-top: 15px;
    border-radius: 10px;
    padding:5px;
    border: 1px solid #EAB4B4;
}
.side-banner {
    /*background: rgb(204, 204, 204) none repeat scroll 0% 0%;*/
    padding: 15px;
    margin-top: 20px;
    border-radius: 10px;
}
/* updated style sheet ends */

/*.block1 {
    display: block;
    background-color: rgb(255, 239, 103);
    /* padding: 10px 16px 15px; */
    /*margin-top: 60px;
     border: 1px solid #eeeeee; 
     border-radius: 15px; 
    padding: 8px;
    border-radius: 10px;
    margin-right: -15px;
  }*/

/*.block2 {
    display: block;
    background-color: rgb(241, 147, 38);
    padding: 8px;
    margin-top: 20px;
    border-radius: 10px;
    margin-right: -15px;
}*/*/

.block1 img.img-responsive {
    border-bottom-right-radius: 0%;
    border-top-right-radius: 0%;
}

.carousel-control.right{
  background-image: none;
}

.carousel-control.left{
  background-image: none;
}

.content1 h3 {
   color: #349BD1;
   margin:20px 0px;
   font-weight: 200;
}

.content1 p {
  text-align: justify;
  line-height: 25px;
}

/*.content2 h3 {
    color: #349BD1;
    font-size: 23px;
}*/

.content1 {
    margin-left: -15px;
    text-align: justify;
}
.block1 p{
  text-align: justify;
  line-height: 25px;
}
.block2 p{
  text-align: justify;
  line-height: 25px;
}
/*.content2 {
    margin-left: 15px;
    margin-top: 6px;
    padding: 0px;
    text-align: justify;
}*/

form.form-horizontal {
    margin-left: 100px;
    padding-left: 30px;
    margin-right: 85px;
    margin-bottom: 16px;
}

.form-group {
    margin-bottom: 0px;
}

button.btn.btn-default {
    margin-bottom: -32px;
}

.form-control {
    height: 23px;
    background: #DEDEDE;
}

button.btn.btn-default {
    padding: 4px 6px;
    background: #FF8D00;
    color: white;
    border-color: #FF9800;
}
.form-group label {
  color: white;
}
textarea.form-control {
    height: auto;
    padding: 0px 15px;
}

.footer {
    background-color:#FFEF67;
    margin: 26px -15px 0px;
    clear: both;
    text-align: center;
}
.footer  p {
    color: #333333;
    font-weight: 500;
    margin: 10px;
}
.banner-inner {
    background: #349BD1;
    height: 120px;
    margin: -22px -15px;
}
/**banners**/
.banner-aboutus {
    background: url("http://www.estrellalaboratory.com/wp-content/uploads/2015/08/laboratory-banner-img.jpg");
    height: 120px;
    margin: -22px -15px;
}

.banner-rotary {
    background: url("http://img.wezhan.cn/content/sitefiles/12899/images/3200551_Banner_349629c8-baf6-48a7-b1d7-9bd184084fdb_resize_picture.jpeg");
    height: 120px;
    margin: -22px -15px;
}
.banner-diagnostic {
    background: url("http://www.estrellalaboratory.com/wp-content/uploads/2015/08/laboratory-banner-img.jpg");
    height: 120px;
    margin: -22px -15px;
}
.banner-donor {
    background: url("http://www.estrellalaboratory.com/wp-content/uploads/2015/08/laboratory-banner-img.jpg");
    height: 120px;
    margin: -22px -15px;
}
.banner-visitors {
    background: url("http://www.estrellalaboratory.com/wp-content/uploads/2015/08/laboratory-banner-img.jpg");
    height: 120px;
    margin: -22px -15px;
}
.banner-facility {
    background: url("http://www.estrellalaboratory.com/wp-content/uploads/2015/08/laboratory-banner-img.jpg");
    height: 120px;
    margin: -22px -15px;
}
.banner-contactus {
    background: url("http://www.estrellalaboratory.com/wp-content/uploads/2015/08/laboratory-banner-img.jpg");
    height: 120px;
    margin: -22px -15px;
}

h1#aboutus {
    color: #A77B10;
    font-weight: 200;
}
h1#about-rotary {
    color: #29257F;
}
h3#about-phone {
    color: white;
    background: rgba(19, 18, 18, 0.31);
    padding: 5px;
    margin: -113px 56px 0px;
    font-weight: 200;
}
h3#rotary-phone {
    color: black;
}


/**banners**/
.grid {
    background: #A77B10;
    border-bottom-right-radius: 26px;
    height: auto;
    padding: 34px 0px 31px;
    margin: -172px -15px 0px;
    box-shadow: 0 4px 4px rgba(50,50,50,.75);
}

/*.grid h2 {
    margin: -12px 32px 40px;
    color: #FFFFFF;
    text-align: center;
}*/

.grid h2 {
    color: #FFFFFF;
    text-align: center;
    line-height: 48px;
    margin: -8px 0px 5px;
    font-weight: 200;
}

.left-grid {
    background-color: #eeeeee;
    margin-top: -98px;
    padding-top: 172px;
}

.col-sm-4.col-md-4.col-lg-3 {
    background-color: #eeeeee;
}

.inside h2 {
    color: #349BD1;
    padding: 9px 0px 12px;
    font-weight: 200;
}

.insidelist>ul> li {
    padding: 10px;
    color: #574945;
    font-size: 16px;
}

.heading {
    margin-left: 18px;
}

.heading h1 {
    color: #FFFFFF;
}

.heading h3 {
    float: right;
    color: white;
    background: rgba(19, 18, 18, 0.31);
    padding: 5px;
    margin: -64px 56px 0px;
    font-weight: 200;
}

.right-grid {
    margin-top: 50px;
}

.data {
    margin-top: 25px;
    text-align: justify;
    margin-left: 17px;
    margin-right: -12px;
}
.data  p {
  line-height: 25px;
}
.row-inner {
    margin-right: -15px;
    margin-left: 0px;
    width: 100%;
}

.contactform h2 {
    text-align: center;
    color: #349BD1;
    margin: 21px;
}

.form-group.contact {
    margin: -14px 40px 20px;
}

input#inputname3 {
    height: 43px;
}

input#inputcontact3 {
    height: 43px;
}

input#inputEmail3 {
    height: 43px;
}

textarea#inputaddress3 {
    height: 43px;
}

h2.address {
    color: #349BD1;
}

.street {
    margin-top: 13px;
    line-height: 25px;
}

h2.mapp {
    color: #349BD1;
    margin-top: 108px;
}

.gmap {
    margin-top: 21px;
}

.gmap iframe {
    margin-top: -28px;
}

.account-login {
    margin: 126px 229px;
}

span.star {
    color: red;
}

.username {
    margin: 7px 9px;
    padding: 0px 5px;
}

input#user {
    padding: 17px;
}

input#pass {
    padding: 17px;
}

.username {
    margin: 7px 9px;
    padding: 0px 5px;
}

.password {
    margin: 10px 0px;
}

label.radio-inline {
    margin: 2px -3px;
    padding: 0px 22px;
}

.modal-content {
    width: 480px;
    margin: 0px auto;
}

input#email {
    height: 41px;
}

input#resize {
    height: 35px;
}

table.table.table-bordered {
    margin-top: 86px;
    background-color: #349BD1;
    color: #FFFFFF;
}

.testnames h4 {
    color: #349BD1;
    font-size: 23px;
    font-weight: 600;
}

.testnames {
    margin-top: 82px;
}

.testname h4 {
    color: #349BD1;
    font-size: 23px;
    font-weight: 600;
}

.testname {
    margin-top: 36px;
}

th {
    text-align: center;
}

.table {
    border: 1px solid gainsboro;
}

#test-table>tbody>tr>td:first-child {
    width: 255px;
}

.row.donors_list {
    background-color: transparent;
    margin-top: 106px;
}

.donors-list h3 {
    color: #349BD1;
}

div#accordion {
    margin-top: 34px;
    margin-left: 17px;
    margin-right: -11px;
}
.contactform{
  height:400px;
}
.form-group.contact label {
  color: black;
}
h4.panel-title {
    font-weight: bold;
    color: #349BD1;
}

.photos {
    margin-top: 30px;
    margin-left: 8px;
    margin-right: -25px;
}

.img-thumbnail {
    height: 200px !important;
    max-width: 100% !important;
}

div#fancybox-title-inside {
    font-size: 18px;
    font-weight: bold;
    color: #349BD1;
}

div#fancybox-title {
    margin-left: 0px !important;
}

.image1 {
    margin-top: 36px;
}

img.fancybox.img-responsive.img-thumbnail {
    border: none;
    box-shadow: 0 3px 7px rgba(0,0,0,0.6);
}

.image2 {
    margin-top: 36px;
}

.image h4 {
    text-align: center;
    color: #349BD1;
}

.image1 h4 {
    text-align: center;
    color: #349BD1;
}

.image2 h4 {
    text-align: center;
    color: #349BD1;
}

.panel-title h2 {
    color: #A77B10;
    text-align: center;
}

.panel.panel-default {
    margin-top: 23px;
}

/*.left-grid1 {
    background-color: white;
    margin-top: -98px;
    padding-top: 172px;
}*/

div#contact-page {
    background-color: WHITE;
}

/*.grid1 {
    background: #A77B10;
    border-bottom-right-radius: 26px;
    height: auto;
    padding: 34px 0px 31px;
    margin: -172px -15px 0px;
    box-shadow: 0 4px 4px rgba(50,50,50,.75);
}*/

.grid1 {
    background: #A77B10;
    height: 120px;
    margin: 0px -15px 0px;
}

.grid1 h2 {
    margin: -98px 0px 0px;
    color: #FFFFFF;
    text-align: center;
    padding: 37px 0px 0px;
    line-height: 40px;
}

h2.map1 {
    color: #349BD1;
    margin-top: 90px;
}

.row-contactus {
    margin-top: 20px;
}

.contact-form h2 {
    color: #349BD1;
    margin: 10px 14px 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

input#form-contact {
    height: 38px;
    margin-bottom: 20px;
}

textarea#form-contact {
    margin-left: 15px;
    margin-bottom: 20px;
}

button.btn.btn-default {
    background: #FF8D00;
    color: white;
    border-color: #FF9800;
    margin: 0 0px 0px 15px;
}

i.fa.fa-phone {
    color: #04FF0F;
}
i.fa.fa-home {
    color: #FF8D00;
}
i#phn {
    color: #4CAF50;
}
i.fa.fa-envelope {
    color: #795548;
}
.phone-no {
    float: right;
    margin: 70px 0px 0px;
    color: #04FF0F;
    font-size: 20px;
}


/**media queries screen=768px**/
/**home screen**/
@media only screen and (max-width: 1020px) and (min-width: 992px){
section.banner {
    padding: 0px 15px;
}
}

@media only screen and (max-width: 800px) and (min-width: 768px){
section.banner {
    padding: 0px 15px;
}
}

@media only screen and (max-width: 1130px) and (min-width: 992px){
form.form-horizontal {
    padding: 0px;
}
}


@media only screen and (max-width: 991px) and (min-width: 768px){
form.form-horizontal {
    margin: 0px 45px;
}
}
/**home screen**/

/**inner screen**/
@media only screen and (max-width: 992px) and (min-width: 768px){
.inside {
   margin: 0px -15px;
}
}

@media only screen and (max-width: 992px){
.inside h2 {
    margin-left: 24px;
}
}

@media only screen and (max-width: 1130px) and (min-width: 992px){
#test-table>tbody>tr>td:first-child {
    width: 204px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
#test-table>tbody>tr>td:first-child {
    width: 136px;
}
}

@media only screen and (max-width: 767px) and (min-width: 650px){
#test-table>tbody>tr>td:first-child {
    width: 423px;
}
}

@media only screen and (max-width: 649px) and (min-width: 540px){
#test-table>tbody>tr>td:first-child {
    width: 348px;
}
}

@media only screen and (max-width: 539px) and (min-width: 147px){
#test-table>tbody>tr>td:first-child {
    width: auto;
}
}

@media only screen and (max-width: 1130px) and (min-width: 992px){
iframe {
    width: 100%;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
iframe {
    width: 100%;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px){
iframe {
    width: 100%;
}
}

@media only screen and (max-width: 479px) and (min-width: 150px){
iframe {
    width: 100%;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px){
.contact-form {
    width: 211%;
}
}

@media only screen and (max-width: 992px) and (min-width: 768px){
.contactform {
   margin: 0px -15px;
}
}

@media only screen and (max-width: 992px) and (min-width: 768px){
.col-sm-6.col-md-6.map {
   margin: 34px -4px;
}
}

@media only screen and (max-width: 992px) and (min-width: 768px){
.col-sm-6.col-md-6.office {
   margin: 33px 4px;
   padding: 0;
}
}

@media only screen and (max-width: 1130px) and (min-width: 992px){
.account-login {
    margin: 126px 159px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
.account-login {
    margin: 163px 85px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
.logo-left img {
    width: 37%;
    margin: 5px 20px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
.logo-center img {
    height: 87px;
    margin: 5px -13px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
.logo-right img {
    width: 77%;
    margin: 0px 8px;   
}
}

/*@media only screen and (max-width: 1200px) and (min-width: 992px){
.logo-left img {
    width: 31%;
    margin: 4px 25px;
}
}*/

@media only screen and (max-width: 1200px) and (min-width: 992px){
.logo-center img {
    height: 84px;
    margin: 4px -26px;
}
}

/*@media only screen and (max-width: 1200px) and (min-width: 992px){
.logo-right img {
    width: 59%;
    margin: 0px 28px;    
}
}*/

@media only screen and (max-width: 992px) and (min-width: 768px){
ul.nav.navbar-nav>li>a {
    padding: 8px 10px;   
}
}
/**screen=768px**/

@media only screen and (max-width: 767px) and (min-width: 480px){
.logo-left img {
    width: 47%;
    height: 82px;
    margin: 11px;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px){
.logo-center img {
    width: 100%;
    height: 90px;
    margin: 5px -1px;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px){
.logo-right img {
    width: 72%;
    height: 100px;
    margin: 2px 5px;
}
}

@media only screen and (max-width: 480px){
.logo-left img {
    width: 70%;
    height: 70px;
    margin: 20px -10px;
}
}

@media only screen and (max-width: 480px){
.logo-center img {
    width: 100%;
    height: 90px;
    margin: 4px -9px;
}
}

@media only screen and (max-width: 480px){
.logo-right img {
    width: 100%;
    height: 100px;
    margin: 4px -7px;
}
}

@media only screen and (max-width: 480px){
.tab{
    font-size: 11px;
    margin-top: 0px;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.row {
    margin-right: 15px !important;
    margin-left: 15px !important;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.content2 {
    margin: 0px 0px;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.heading h1 {
    margin-top: 158px;
    color: #349BD1;
    text-align: center;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.data {
    margin-top: 26px;
    margin-left: -15px;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
button.navbar-toggle {
    margin: 2px 4px 0px;
}
}

@media only screen and (max-width: 767px) and (min-width: 146px){
.navbar-default {
    background-color: transparent;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.account-login {
    margin: 55px 0px;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.contactform {
    height: 392px;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.col-sm-6.col-md-6.first {
    margin-top: -72px;
    margin-left: -29px;
    margin-right: -29px;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.col-sm-6.col-md-6.map {
    margin-top: -62px;
}
}

@media only screen and (max-width: 767px) and (min-width: 150px){
.col-sm-6.col-md-6.office {
    margin-top: -62px;
}
}

@media only screen and (max-width: 768px){
div#accordion{
    margin-top: 60px;
    margin-left: -13px;
}
}

@media only screen and (max-width: 768px){
form.form-horizontal{
    padding: 6px 0px 20px;
}
}

@media only screen and (max-width: 768px){
img.fancybox.img-responsive.img-thumbnail{
    width: 100%;
}
}

@media only screen and (max-width: 1200px) and (min-width: 992px){
.caption3 {
    margin-top: -8px;   
}
}

@media only screen and (max-width: 992px) and (min-width: 768px){
.caption1{
    margin-left: -28px;
}
}
@media only screen and (max-width: 992px) and (min-width: 768px){
.caption2{
    margin-left: -27px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.caption3{
    float: left;
    margin: -9px 19px; 
}
}

@media only screen and (max-width: 767px) and (min-width: 480px){
.caption1{
    text-align: center;
    margin-left: -128px;
    margin-top: 20px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.caption2{
    text-align: center;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.caption3{
    text-align: center;
    margin: -6px 172px;
}
}

@media only screen and (max-width: 480px){
.caption1{
    text-align: center;
    margin-left: -128px;
    margin-top: 20px;
}
}
@media only screen and (max-width: 480px){
.caption2{
    text-align: center;
}
}
@media only screen and (max-width: 480px){
.caption3{
    text-align: center;
    margin: -6px 51px;
}
}

@media only screen and (max-width: 768px){
.block1 img.img-responsive{
    width: 100%;
}
}

@media only screen and (max-width: 768px){
.block2 img.img-responsive{
    width: 100%;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
i.fa.fa-chevron-left{
    margin-top: 140px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
i.fa.fa-chevron-right{
    margin-top: 140px;
}
}

@media only screen and (max-width: 768px){
i.fa.fa-chevron-left{
    margin-top: 140px;
}
}

@media only screen and (max-width: 768px){
i.fa.fa-chevron-right{
    margin-top: 140px;
}
}

@media only screen and (max-width: 768px){
.row-pics {
    margin-left: -40px;
}
}

@media only screen and (max-width: 767px){
.phone-no {
    margin: 35px -4px 0px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
.phone-no {
    margin: 35px -8px 0px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 992px){
.phone-no {
    margin: 35px -4px 0px;
}
}

@media only screen and (max-width: 767px){
.heading h3 {
    margin: -86px 31px 0px;
}
}

@media only screen and (max-width: 767px){
.gmap iframe {
    margin-top: -72px;
}
}