/* GLOBAL STYLES

-------------------------------------------------- */
/* body {
  background-color: #2d5e75;
} */



.tab { 
display:inline-block; 
margin-left: 40px; 
}

.relativediv {
position: relative;
}

.logo-txt {
  font-size: 24px;
  text-align: -webkit-center;
}

.header-txt {
  font-size: 40px;
  color: #ffffff;
  margin-left: 15px;
  text-align: -webkit-center;
  vertical-align: text-bottom;
}

.news-txt {
  font-size: 32px;
  text-align: -webkit-center;
}




.marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}
.marketing h2 {
    font-weight: normal;
}
.marketing .col-lg-4 p {
    margin-right: 10px;
    margin-left: 10px;
}
/* custom panel 
-------------------------------------------------- */
.panel {
  margin-bottom: 0px;
}

.panel-default {
  border: 0px;
}










.panel-mov {
  margin-bottom: 0px;
}
.panel-heading-mov {
  /* padding: 10px 15px; */
  border-bottom: 0px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 20px;
}
.panel-default-mov {
  border: 0px;
}



/* */
.panel-magazine {
  margin-bottom: 0px;
}


/* */
.panel-subscribe {
  margin-bottom: 0px;
}
.panel-heading-subscribe {
  /* padding: 10px 15px; */
  border-bottom: 0px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 20px;
}
.panel-default-subscribe {
  border: 0px;
}
.panel-default-subscribe > .panel-heading-subscribe {
    /* color: #ffffff; */
    background-color: #C0E2EB;
    /* border-color: #ddd; */
    color: #ffffff;
    
}

/*Address*/
.panel-address {
  margin-bottom: 0px;
}
.panel-heading-address {
  /* padding: 10px 15px; */
  border-bottom: 0px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 20px;
}
.panel-default-address {
  border: 0px;
}
.panel-default-address > .panel-heading-address {
    /* color: #ffffff; */
    background-color: #9FD1DE;
    /* border-color: #ddd; */
    color: #ffffff;
    
}


/**/
.panel-footer {
  margin-bottom: 0px;
}
.panel-heading-footer {
  /* padding: 10px 15px; */
  border-bottom: 0px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 20px;
}
.panel-default-footer {
  border: 0px;
}
.panel-default-footer > .panel-heading-footer {
    /* color: #ffffff; */
    background-color: #58595B;
    /* border-color: #ddd; */
    color: #ffffff;
}





/* */


.services {
  padding: 15px;
  background-color: #ABE0F9;
  text-align: center;
}

.jumbotron {
  background-color: #6FCAF2 !important; 
}

.jumbotron p {
  margin: 0 0 10px;
  text-align: center;
}

.jumbotron-text-align-center {
  margin:auto;
  text-align: center;
}

.jumbotron-crop-serv {
  background-color: #EEF8FD !important;
  margin-bottom: 0px;
}

.jumbotron-crop-serv p {
  margin: 0 0 10px;
  text-align: center;
  font-size: 24px;
}

.jumbotron-crop-serv div {
  margin: 0 0 10px;
  text-align: center;
}


.jumbotron > .jumbotron-text-align-center div {
  text-align: center !important;
}

/*vertical line*/
.vertical_bar {
  font-size: 72px;
  color: #ffffff;
}

/* button */
.boxed {
  margin: 40px auto 40px auto;
  padding-left: 4px;
  padding-right: 4px;
  border: 2px solid #ffffff ;
  font-weight: 200;
}

.boxed:hover {
  color: #FFF;
  border: 1px solid #000000;
  background: rgb(6, 86, 190);
  text-decoration: none;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

@media screen and (min-width: 768px)
{
  .jumbotronx {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .jumbotronx {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
  }
  .jumbotronx p {
    margin: 0 0 10px;
    text-align: center;
  }
  
  .jumbotronx div {
    margin: 0 0 10px;
    text-align: center;
  }
}
.services > div > .row > p > .boxed {
  margin: 40px auto 40px auto;
  padding-left: 4px;
  padding-right: 4px;
  border: 2px solid #ffffff ;
}

/* CUSTOMIZE THE NAVBAR
  -------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */


/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper>.container {
    padding-right: 0;
    padding-left: 0;
}

.navbar-wrapper .navbar {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-wrapper .navbar .container {
    width: auto;
}



/* iconmanarom Gylphions */
@font-face {
  font-family: 'icomanarom';
  src:  url('../fonts/icomanarom.eot?t40fj7');
  src:  url('../fonts/icomanarom.eot?t40fj7#iefix') format('embedded-opentype'),
    url('../fonts/icomanarom.ttf?t40fj7') format('truetype'),
    url('../fonts/icomanarom.woff?t40fj7') format('woff'),
    url('../fonts/icomanarom.svg?t40fj7#icomanarom') format('svg');
  font-weight: normal;
  font-style: normal;
}




.icon-avatar .path1:before {
  content: "\e903";
  color: rgb(255, 255, 255);
  font-size: 24px;
}
.icon-avatar .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(111, 202, 242);
  font-size: 24px;
}
.icon-avatar .path3:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(111, 202, 242);
  font-size: 24px;
}
.icon-chat:before {
  content: "\e907";
  color: #fff;
}

.icon-doctor:before {
  content: "\e909";
  color: #9fd1de;
}

.icon-email_1 .path1:before {
  content: "\e90a";
  color: rgb(255, 101, 85);
}
.icon-email_1 .path2:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-email_1 .path3:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-email_1 .path4:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-email_1 .path5:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}


.icon-facebook_2:before {
  content: "\e91a";
}
.icon-heart .path1:before {
  content: "\e91b";
  color: rgb(255, 255, 255);
}
.icon-heart .path2:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(111, 202, 242);
}




.icon-home:before {
  content: "\e91d";
  color: #9fd1de;
}




.icon-mhlogo .path1:before {
  content: "\e920";
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path2:before {
  content: "\e921";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path3:before {
  content: "\e922";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path4:before {
  content: "\e923";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path5:before {
  content: "\e924";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path6:before {
  content: "\e925";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path7:before {
  content: "\e926";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path8:before {
  content: "\e927";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path9:before {
  content: "\e928";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path10:before {
  content: "\e929";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path11:before {
  content: "\e92a";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path12:before {
  content: "\e92b";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path13:before {
  content: "\e92c";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path14:before {
  content: "\e92d";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path15:before {
  content: "\e92e";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path16:before {
  content: "\e92f";
  margin-left: -1.19140625em;
  color: rgb(0, 152, 216);
  font-size: 36px;
}
.icon-mhlogo .path17:before {
  content: "\e930";
  margin-left: -1.19140625em;
  color: rgb(0, 191, 242);
  font-size: 36px;
}
.icon-mhlogo .path18:before {
  content: "\e931";
  margin-left: -1.19140625em;
  color: rgb(0, 191, 242);
  font-size: 36px;
}
.icon-mhlogo .path19:before {
  content: "\e932";
  margin-left: -1.19140625em;
  color: rgb(126, 210, 246);
  font-size: 36px;
}


.icon-phone .path1:before {
  content: "\e93b";
  color: rgb(128, 221, 255);
}
.icon-phone .path2:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}


.icon-psychotest:before {
  content: "\e941";
  color: #9fd1de;
}


.icon-services-price:before {
  content: "\e943";
  color: #9fd1de;
}







.icon-youtube .path1:before {
  content: "\e947";
  color: rgb(126, 210, 246);
  font-size: 48px;
}
.icon-youtube .path2:before {
  content: "\e948";
  margin-left: -1.0009765625em;
  color: rgb(255, 255, 255);
  font-size: 48px;
}
.icon-youtube .path3:before {
  content: "\e949";
  margin-left: -1.0009765625em;
  color: rgb(255, 255, 255);
  font-size: 48px;
}
.icon-youtube .path4:before {
  content: "\e94a";
  margin-left: -1.0009765625em;
  color: rgb(126, 210, 246);
  font-size: 48px;
}


  
/* CUSTOMIZE THE CAROUSEL 
-------------------------------------------------- */
/* Carousel base class */
@media (min-width: 768px) {
 
}

@media screen and (max-width: 768px) {
  .carousel {
    height: 200px;
    margin-top: 50px;
    margin-bottom: 0px;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
      z-index: 10;
  }
  /* Declare heights because of positioning of img element */
  .carousel .item {
      height: 200px;
      background-color: #777;
  }
  .carousel-inner>.item>img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 200px;
  }
}

/* Featurettes
  ------------------------- */
.featurette-divider {
    margin: 80px 0;
    /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}
/* RESPONSIVE CSS
  -------------------------------------------------- */
@media (min-width: 768px) {
    /* Navbar positioning foo */
    .navbar-wrapper {
        margin-top: 0px;
    }
    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }
    /* The navbar becomes detached from the top, so we round the corners */

    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
}

/* Manarom MAP
-------------------------------------------------- */
/* 
.map {
  width: 500px;
  height: 400px;
  background: url(../images/map.svg) no-repeat;
  background-size: 500px 400px; 
} */

/* footer
-------------------------------------------------- */
.site-footer{
    padding: 0px 0;
    text-align:center;
  }
  
  @media (min-width:768px) {
    .site-footer h5{
      text-align:left;
    }
  }
  
  .site-footer h5{
    color:inherit;
    font-size:20px;
  }
  
  .site-footer .social-icons a:hover{
    opacity:1;
  }
  
  

  .blueconcolor {color: #31708f;}
  .nav > li {
    border-right: solid 1px #ccc;
  }