body {
      font: 20px Montserrat, sans-serif;
      line-height: 1.8;
  }
  footer
  {
    padding-top: 15px !important;
    padding-bottom: 10px !important;
  }
  p {font-size: 16px;}
  .margin {margin-bottom: 45px;}
  .bg-1 { 
      background-color: #00a78c; /* Green */
      color: #ffffff;
  }
  .bg-2 { 
      background-color: #474e5d; /* Dark Blue */
      color: #ffffff;
  }
  .bg-3 { 
      background-color: #ffffff; /* White */
      color: #555555;
  }
  .bg-4 { 
      background-color: #2f2f2f; /* Black Gray */
      color: #fff;
  }

  .bg-5 { 
      background-color: #3371b8; /* Black blue */
      color: #fff;
  }
  .bg-6 { 
      background-color:rgba(21, 68, 118, 0.4);
      color: #fff;
  }
  .bg-7 { 
      background-color: #00a78c;
      color: #fff;
  }

  .container-fluid {
      padding-top: 70px;
      padding-bottom: 70px;
      padding-left: auto;
      padding-right: auto;
  }
.text-shadow 
{
    text-shadow: 1px 1px #000;
}
  .navbar {
      border: 0;
      border-radius: 0;
      margin-bottom: 0;
      font-size: 12px;
      letter-spacing: 5px;
      z-index: 1000;
      background-color: #F2F2F2;
  }
  .navbar .container-fluid 
  {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .navbar  li a {
      color : #000 !important; 
      letter-spacing: 0px;
      font-size: 16px;
      padding-left: 20px; 
      padding-right: 20px; 
    }
  .navbar  li a:hover {
      color: #00a78c !important;
  }
  .navbar .active a
  {
    background-color: #F2F2F2 !important;
    color: #00a78c !important;
  }
  .navbar .dropdown-toggle
  {
    background-color: #F2F2F2 !important;
  }

  @media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
  .divBR
  {
    border-right : 1px solid gray;
  }
  .dvtpx2
  {
    visibility: hidden;
  }
  .h1smcon
  {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
    
    #hovCent
  {
    margin-top: 30px !important;
  }
  #bookCnt
  {
    display: none !important;
  }
  #bookCnt2
  {
    display: none !important;
  }
   .dvtpx
  {
    visibility: hidden;
  }

}

.navbar-toggle
{
  background-color: gray !important;
  border-color: gray !important;
}

  .affix {
      top: 0;
      width: 100%;
  }

  .affix + .container-fluid {
      padding-top: 100px;
  }
  .imgCr
  {
    width: 100%;
    /*height: 500px !important;*/
  }
  #headCnt
  {
    color : #3371b8;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  #headCnt h4
  {
    padding-top: 25px;
  }
  #topCnt
  {
    padding : 0px;
  }
   #topCnt div
  {
    padding : 5px;
  }
  #about,
  #dentists
  {
    font-size: 15px;
  }
 h1
  {
    font-weight: bold;
    font-size: 45px;
    /*line-height: 15px;*/
  }


  #about h1, #dentists h1, #patient h1
  {
    color: #00a78c;
  }
  
   
  @media (max-width: 500px) {
    
    .h1sm
  {
    font-size: 30px;
  }
}

  #dentists img
  {
    border-bottom: 10px solid;
  }
   #dentists .img1
  {
    border-color: #00a78c;
  }

   #dentists .img2
  {
    border-color: #3371b8;
  }

   #dentists .img3
  {
    border-color: #07BC83;
  }
#patient h3
  {
    padding-bottom: 20px;
  }
  #patient h4
  {
    padding: 0px;
  }
   #patient h5
  {
    padding-top: 20px;
  }





  #patient .divPat
  {
    margin: 20px 10px;
    padding: 0px 5px;
    height: 140px;
  }












  #patient h5
  {
    font-size: 16px;
    line-height: 20px;
  }
   #patient .divBack
  {
    background-color: #F2F2F2;
    padding: 10px 0px;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
   #patient .divBack button
  {
    border-radius: 0px;
    padding: 10px 20px;
  }
  .divBtn button
  {
    border-radius: 0px;
    padding: 10px 20px;
    width: 100%;
  }


  #services
  {
    
  }
  #hpAft
  {

   background: url('../img/IMAGE ARRIRE PLAN 1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
    #hpAft2
  {

   background: url('../img/pouce2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  #clients .hpH1
  {
    font-size: 130px;
    font-family: arial;
  }
  #services h3
  {
    padding-bottom: 30px;
  }
  #services .dvCol
  {
    background-color:rgba(60, 110, 166, 0.5);
    padding: 15px;
    margin: 10px 0px;
  }


 .carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.divup
{
      margin: 0px !important;
      padding: 0px !important;
      position: fixed;
      right: 20px;
      bottom: 20px;
      text-align: center;
      z-index: 1000;
}
.divup a span { 
      margin: 0px;
      font-size: 20px;
      color: #fff;
      text-align: left;
      padding: 10px !important;
      background-color: #00456F;
      border-radius : 5px !important;
  }
  .divup a:hover span { 
      background-color: #00a78c;
  }
  #hovCent
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -108px;
  }
  #hovCent a
  {
    text-decoration: none;
  }
  #hovCent h4
  {
    color : #fff;
	font-weight: bold;
  text-shadow: 1px 1px #000;
  font-size: 15px;
	
  }

  #hovCent .bldh2
  {
    font-weight: bold;
  }
    #hovCent .dvhov1, #hovCent .dvhov2, #hovCent .dvhov3
  {
padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 10px gray solid;
  }
#hovCent .dvhov1
{
   background-color:rgba(7, 188, 131, 0.8);
  border-color: #00a78c;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#hovCent .dvhov2
{
  background-color:rgba(21, 68, 118, 0.8);
  border-color: #3371b8;
}
#hovCent .dvhov3
{
   background-color:rgba(7, 188, 131, 0.8);
  border-color: #00a78c;
}
#centCnt .hx
{
  color: #00a78c;
  font-size: 70px;
}
#centCnt .hx2
{
  color: #fff;
    /*-webkit-animation-name: centCentH1; 
    -webkit-animation-duration: 2s; 
    animation-name: centCentH1;
    animation-duration: 2s;*/
}
/*@-webkit-keyframes centCentH1 {
    from {color: #07BC83;}
    to {color: #fff;}
}*/

/* Standard syntax */
@keyframes centCentH1 {
    from {color: #07BC83;}
    to {color: #fff;}
}
#bookCnt
{
  padding-top: 10px;
  padding-bottom: 10px;
    display: none !important;
}

#bookCnt h4
{
  color : #fff;
}
#bookCnt a
{
  text-decoration : none;
}
#bookCnt a:hover h4
{
  color : #3371b8;
}

#bookCnt2
{
  padding-top: 6px;
  padding-bottom: 6px;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 1000;
  border-bottom-left-radius: 15px;
}

#bookCnt2 h4
{
  color : #fff;
}
#bookCnt2 a
{
  text-decoration : none;
}
#bookCnt2 a:hover h4
{
  color : #3371b8;
}


#bookCnt3
{
  padding-top: 6px;
  padding-bottom: 6px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  border-bottom-right-radius: 15px;
}

#bookCnt3 .glyphicon
{
  color : green;
}
#bookCnt3 h4
{
  color : #fff;
}
#bookCnt3 a
{
  text-decoration : none;
}
#bookCnt3 a:hover h4
{
  color : #3371b8;
}


.slideanim {visibility:hidden;}
  .slides {
      animation-name: slides;
      -webkit-animation-name: slides;  
      animation-duration: 1s; 
      -webkit-animation-duration: 1s;
      visibility: visible;      
  }
  @keyframes slides {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    } 
  }
  @-webkit-keyframes slides {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  
  .modal-content
  {
    border-radius: 0px;
  }
 .modal-header
  {
    background-color: #3371b8;
    color: #fff;
  }
    .modal-footer
  {
    border-color: #fff;
  }
  .modal-body, .modal-footer
{
  background-color: #F2F2F2;
}


    .alert
  {
    font-size: 14px !important;
  }
  .divRot
  {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
  }

.divRt
{
   padding: 10px 40px; 
   border: 1px #F2F2F2 solid;
}
  #divHeure
  {
    margin-left: -40px !important;
  }
      #divHeure li
  {
    list-style: none;
    display: inline-block;
    margin: 5px;
    padding: 10px;
    height: auto;
    width: 100%;
    font-size: 16px;
  }
  #divHeure .norm
  {
    border: 1px #F2F2F2 solid;
    cursor:pointer;
  }
    #divHeure .norm:hover
  {
    background-color: #00a78c;
    color : #fff;
  }  
  #divHeure .selected
  {
    background-color: #00a78c;
    color : #fff;
      box-shadow: 0 2px 6px rgba(0, 0, 0, .5) inset;
  }
  #divHeure .topper
  {
    border: 1px #2f2f2f solid;
  }
  .dvRh5
  {
    padding: 0px !important;
    margin: 0px !important;
  }
  .gphL
  {
    color : #00a78c;
    font-size: 30px;
    padding-top: 20px;
  }

  .glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    color: #00a78c;
    font-size: 8vw;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


#divPAT
{

    position: relative;
}
.modalx {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 200px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255,0.6); /* Black w/ opacity */
}
.apass
{
  text-decoration: underline;
  font-size: 16px;
}
/*.respTable {
      border-collapse: collapse;
      width: 100%;
    }

    .respTable td , .respTable th {
      border: 1px solid #fff;
      text-align: left;
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
       max-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 13px;
      color : #000;

    }
.respTable th {
  background-color: #3371b8;
  color : #fff;
}
.respTable td {
  background-color: rgba(2, 184, 191, 0.1);
  color : #000;
}
.trBg
{
  background-color: rgba(2, 184, 191, 0.3);
  color : #000;
}*/
  
.respTable, .resT
{
  font-size: 14px;
  color: #000;
}
.respTable .trBg
{
  cursor: pointer;
}
.divRRDV
{
  text-align: right;
}
.resT tr td:first-child
{
  text-align: right;
}
#dentists h3
{
  font-size: 20px !important;
}





#divPAT .dvtpx
{
  background-color: #F2F2F2;
  position: absolute;
  top :0px;
  width: 100%;
  padding: 10px;
  text-align: center;
  padding: 0px;
  border-top: 1px #E6E6E6 solid;
}
.dvtpx table
{
  
  width: 100%;
}
.dvtpx table td
{
  margin: auto;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  border-bottom: 1px #E6E6E6 solid;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;



}
.dvtpx .glyphicon
{
  padding: 13px;
  margin: 10px;
  font-size: 15px;
  border : 2px gray solid;
  border-radius: 27px;
  color : gray;

}

.dvtpx .ligreen
{

  color : #7eb712;
}
@-webkit-keyframes examplee {
    from {background-color: #fff;}
    to { background-color: #7eb712;}
}

/* Standard syntax */
@keyframes examplee {
    from {background-color: #fff;}
    to { background-color: #7eb712;}
}
.dvtpx .ligreen .glyphicon
{
  color : #fff;
  border-color: #7eb712;
  background-color : #7eb712;
  -webkit-animation-name: examplee; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: examplee;
    animation-duration: 0.5s;
}
.dvtpx .lihidden
{

  opacity: 0.4;
}
.dvtpx .lion
{

  background-color: #fff;
  border: 1px #E6E6E6 solid;
  border-bottom-color: #fff;

}
.dvtpx .lion, .dvtpx .lihidden
{
  height: auto;
  min-height: 100px;
}





.dvtpx2
{
  background-color: #F2F2F2;
  position: absolute;
  top :0px;
  
  width: 100%;
  padding: 10px;
  text-align: center;
  border-bottom: 1px #E6E6E6 solid;
}
.dvtpx2 li
{
  color : gray;
  font-weight: bold;
  display: inline;
  padding:  0px;
  padding-top: 15px;
  padding-bottom: 17px;
}
.dvtpx2 .spn
{
  padding: 7px 10px;
  margin: 5px;
  font-size: 15px;
  border : 2px gray solid;
  border-radius: 50%;
  color : gray;
}

.dvtpx2 .ligreen
{

  color : #7eb712;
}
.dvtpx2 .ligreen .spn
{
  background-color : #7eb712;
  color : #fff;
  border-color: #7eb712;
}
.dvtpx2 .lihidden
{

  opacity: 0.4;
}
.dvtpx2 .lion
{

  background-color: #fff;
  border: 1px #E6E6E6 solid;
  border-bottom-color: #fff;

}


#divMeeting .table-responsive
{
  margin: auto;
}
#divMeeting .table-responsive tr td:first-child
{
  text-align: right;
}
#divMeeting .table-responsive tr td:last-child
{
  text-align: left;
}

.imgicon
{
  height: 50px;
  padding: 0px;
  margin-top: -20px;
}
.checkbox
{
  font-size: 16px;
  line-height: 22px;
}
/* --------------- */
.fa-social {
	padding: 10px 0px;
    font-size: 16px;
    width: 37px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-social:hover {
    opacity: 0.7;
}

.fa-social.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-social.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-social.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-social.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-social.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-social.fa-instagram {
  background: #125688;
  color: white;
}

.fa-social.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-social.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-social.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-social.fa-android {
  background: #a4c639;
  color: white;
}

.fa-social.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-social.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-social.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-social.fa-vine {
  background: #00b489;
  color: white;
}

.fa-social.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-social.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-social.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-social.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-social.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-social.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-social.fa-rss {
  background: #ff6600;
  color: white;
}
.site-logo
{
	width: 100%;
}
@media (min-width: 768px)
{
	.site-logo
	{
		max-width: 260px;
	}
}