body {
    color: #5e6774;
    /*font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.16;
    letter-spacing: 0px;
    background-color: white;
}

h1{
    font-weight: 300;
    line-height: 1.16;
    letter-spacing: 0px;
}

h2{
    font-size: 30px; line-height: 38px; font-weight: 100;
}

.surgerypoints{
    text-align: center;
    font-size: 16px; line-height: 26px;
}

.surgerypoints ul{
    list-style-position: inside;
    margin: 0px;
    padding: 5px;
}

.points{
     font-size: medium; line-height: normal;
     margin-left: 17px;
     margin-top: 30px;
}

.points li{
    padding: 3px;
    padding-right: 15px;
}


#hours  th, td{
    border: 1px solid #e7e7e7;
    padding: 20px;
    font-size: large;
}

#hours td{
    padding-left: 30px;
}

#hours{
    width: 100%;
    height: 450px;
}

.specheader{
    border-collapse: collapse;
    margin-top: 35px;
}

.specheader th, td{
    padding: 3px;
    margin: 0px;
}

.surgerytypes{
    font-weight: 300; 
    text-align: center; 
    margin-bottom: 20px;
    font-size: 36px;
    color: black;
}



.bluepoint .navbar-brand {
  height: 80px;
}

.bluepoint .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.bluepoint .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 20px;
    display:none;
}




.navbar-custom {
  background-color: #ffffff;
  border-color: #eeeeee;
  border: 0px;
  font-weight: 400;
}
.navbar-custom .navbar-brand {
  color: #000000;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #000000;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #000000;
}
.navbar-custom .navbar-nav > li > a {
  color: #000000;
}
    .navbar-custom .navbar-nav > li > a:hover,
    .navbar-custom .navbar-nav > li > a:focus {
        color: #790108;
        background-color: transparent;
    }
    .navbar-custom .navbar-nav > .active > a,
    .navbar-custom .navbar-nav > .active > a:hover,
    .navbar-custom .navbar-nav > .active > a:focus {
        color: white;
        background-color: #790108;
    }
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #ededed;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #35baf2;
  border-bottom-color: #35baf2;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #35baf2;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #35baf2;
  border-bottom-color: #35baf2;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
@media (max-width: 767px) {
      .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
      }
      .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
      .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #35baf2;
        background-color: transparent;
      }
      .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
      .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
      .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #35baf2;
        background-color: #eeeeee;
      }
      .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
      .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
      .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
      }

        .bluepoint .nav >li >a {
          padding-top: 15px !important;
          padding-bottom: 15px !important;
          color: white;
          border-bottom: 1px solid #262a30;
          font-size: 15px;
          text-shadow: none;
        }

        .bluepoint .nav > li:first-child {
            border-top: 3px solid black;
        }

        .bluepoint .nav > li{
            background-color: #3e4249;
        }

        #navbar3{
            border: 0px !important;
        }

        .overview-section{
            padding-top: 20px !important;
        }

        .drtext{
            padding-top: 20px !important;
        }

        .drtext h1{
            font-size: 30px !important;
            line-height: 38px !important;
        }

        .pioneerpre{
            margin-top: 50px !important;
        }

        .weightlossprogress{
            padding-top: 0px !important;
            margin-top: -60px;
        }

        h1{
            font-size: 40px !important;
            line-height: 48px !important;
        }

        h2{
            font-size: 30px !important;
            line-height: 38px !important;
        }

        #choosingdrtext{
            font-size: 18px !important;
            line-height: 24px !important;
        }

        #whywait{
            background-position: right center !important;
        }

        #trueexpertin{
            background-position: 28% center !important;
        }

        #hours{
            margin-top: 20px !important;
        }

        #weightloss{
            padding-top: 0px !important;
        }

        #surgeon{
            padding-top: 0px !important;
        }

        #testimonial{
            padding-top: 0px !important;
        }

        #contactus{
            padding-top: 50px !important;
        }

        #contactus h2{
            font-size: 20px !important;
        }

        #Drone{
            display: block !important;
            font-size: 25px !important;
            line-height: 25px !important;
            margin-top: 10px;
            margin-bottom: -30px;
            color: black !important;
            font-weight: bold;
        }

        #Drtwo{
            display: none;
        }

        /*stickyfooter*/
    footer.navbar-default.navbar-fixed-bottom {
        background: #35baf2;
        color: white;
        padding: 0.5em 0;
        display: block !important;
        text-align: center;
        font-weight: bold;
        text-align: center;
    }
         footer.navbar-default.navbar-fixed-bottom p
         {
              margin:0;
              display: block !important;
         }

         #ChoiceIsYours{
             font-size: 30px !important;
             line-height: 38px !important;
         }

         #mycarouselcon{
             margin-top: 50px !important;
         }

         #testimonial h1{
             font-size: 30px !important;
             line-height: 38px !important;
             margin-bottom: -10px !important;
         }

         #losingweight ul li{
             margin-left: -20px; padding: 0px;
         }

         #requestcallback{
             font-size: 30px !important;
         }

         #contactinfo{
             margin-top: 0px !important;
         }

    }


    .navbar-custom .navbar-link {
      color: #000000;
    }
    .navbar-custom .navbar-link:hover {
      color: #35baf2;
    }

.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
      background-color: #3d4148 !important;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}

.formitm{
    width: 80% !important;
    padding: 10px;
    color: black;
    font-weight: 300;
    margin-top: 8px;
    font-size: large;
}

    .formitm:focus {
        background-color: yellow !important;
    }

    .formitm:hover {
        background-color: yellow !important;
    }

.button{
    background-color: white;
    color: black;
    padding: 10px;
    text-align: right;
    letter-spacing: 3px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 5px;
    font-weight: bold !important;
    border-radius: 3px;
    border: 1px solid white;
}

    .button:hover {
        background-color: #005eec;
        color: white;
    }

.header{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: medium;
    font-weight: 300;
}

@media (min-width: 300px) {

    .mobileMeetSurgeon {
        display: block;
    }

    .desktopMeetSurgeon {
        display: none;
    }

    .over5k {
        font-size: 17pt !important;
        line-height: normal !important;
        margin-top: 15px !important;
    }

    .stylebox1outer{
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .speech-bubble{
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .mylogo {
        max-width: 180px;
        margin-top: -25px;
        padding: 10px;
        
    }

}

@media (min-width: 300px) and (max-width: 786px) {

    .overview-section {
        margin-top: -30px !important;
    }

    .consultation2 {
        margin-top: -90px !important;
    }

    #faqmain {
        margin-bottom: -50px;
    }

    .rowfaq1 {
        margin-top: 0px !important;
    }


    #mycarouselcon{margin-bottom: 10px !important;}
}

    @media (min-width: 768px) {
        .table-row {
            display: table;
            table-layout: fixed;
        }

            .table-row [class^="col-"] {
                display: table-cell;
                float: none;
            }

        .mobileMeetSurgeon {
            display: none;
        }

        .desktopMeetSurgeon {
            display: block;
        }

        #requestcallback {
            font-size: 24pt !important;
        }

        .MeetTheSurgeon {
            max-width: 650px;
            margin-left: auto;
            margin-right: auto;
            border-radius: 15px;
            -webkit-box-shadow: 0px 3px 9px 2px #D6D6D6;
            box-shadow: 0px 3px 9px 2px #D6D6D6;
        }

        .over5k {
            font-size: 19pt !important;
            margin-top: 15px !important;
        }

        .action1 {
            margin-top: 15px !important;
        }

        .mainboxes {
            text-align: center;
            font-size: 12pt;
            padding: 30px !important;
            background-color: #01a0fc;
            margin: 0px;
            color: white;
            border-radius: 3px;
            margin-left: auto;
            margin-right: auto;
            font-weight: bold;
        }

        .stylebox1outer {
            width: 25%;
        }
    }


.mylogo {
    max-width: 180px;
    margin-top: -25px;
    padding: 10px;
}



    /*.mainboxes {
    text-align: center;
    font-size: 12pt;
    padding: 10px;
    background-color: #01a0fc;
    margin: 0px;
    color: white;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    -webkit-box-shadow: 0px 3px 9px 2px #D6D6D6;
    box-shadow: 0px 3px 9px 2px #D6D6D6;
    cursor: pointer;
}

    .mainboxes:hover {
        background-color: #1473ce;
    }*/



    .mainboxes {
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
        box-shadow: inset 0px 1px 0px 0px #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        background-color: #ffffff;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #dcdcdc;
        display: inline-block;
        cursor: pointer;
        color: #666666;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        padding: 6px 24px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #ffffff;
        -webkit-box-shadow: 0px 3px 9px 2px #D6D6D6;
        box-shadow: 0px 3px 9px 2px #D6D6D6;
        width: 100%;
        color: black !important;
        padding: 15px;
    }

        .mainboxes:hover {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8fdeff), color-stop(1, #ffffff));
            background: -moz-linear-gradient(top, #8fdeff 5%, #ffffff 100%);
            background: -webkit-linear-gradient(top, #8fdeff 5%, #ffffff 100%);
            background: -o-linear-gradient(top, #8fdeff 5%, #ffffff 100%);
            background: -ms-linear-gradient(top, #8fdeff 5%, #ffffff 100%);
            background: linear-gradient(to bottom, #8fdeff 5%, #ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fdeff', endColorstr='#35baf2',GradientType=0);
            background-color: #8fdeff;
        }

        .mainboxes:active {
            position: relative;
            top: 1px;
        }





    .speech-bubble {
        position: relative;
        background: #e7e7e7;
        border-radius: .4em;
        padding: 15px;
        text-align: justify;
    }

        .speech-bubble:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 0;
            border: 22px solid transparent;
            border-top-color: #e7e7e7;
            border-bottom: 0;
            border-left: 0;
            margin-left: -11px;
            margin-bottom: -22px;
        }


.stylebox1 {
    -webkit-box-shadow: 0px 14px 18px 4px #790108;
    box-shadow: 0px 14px 18px 4px #790108;
    height: 175px !important;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    width: 50% !important;
    border-radius: 10px;
    border: 1px solid #d6dce1;
    background-color: white;
    background-image: url('../img/ui-box.jpg');
    color: black !important;
    padding-left: 65px;
    background-repeat: no-repeat;
    background-size: cover
}

        .stylebox1:hover {
        }

    .mainboxeshover {
        background-color: #000 !important;
        background: none !important;
    }

    .learnmore {
        display: none;
    }


.mainformx {
    background-color: #ffbc37;
    color: white;
    padding: 5px;
    width: 100%;
    border-radius: 10px;
    margin-top: 0px;
    -webkit-box-shadow: 0px 14px 18px 4px #790108;
    box-shadow: 0px 14px 18px 4px #790108;
    padding-bottom: 60px;
}

.btn-secondary {
    box-shadow:rgba(0, 0, 0, 0.13) 11px 10px 24px 3px
}

        .btn-secondary:hover {
            background-color: #a2080d !important;
        }


    .faq {
    }

    .faqquestion {
        font-weight: bold;
        text-align: left;
        font-size: medium;
        background-color: #f6f6f6;
        padding: 10px;
        cursor: pointer;
        margin-top: 30px;
        border-radius: 5px;
    }

    .faqanswer {
        font-weight: normal;
        text-align: left;
        font-size: medium;
        padding-top: 10px;
        padding: 25px;
        padding-bottom: 50px;
        line-height: 42px;
        display: none;
    }

.hfaqactive {
    background-color: #54bd62 !important;
    color: white;
}

.hotpoints {
    list-style: square;
    margin-top: 30px;
}

.hotpoints li{
    border-bottom: 1px solid yellow;
    font-weight: bold;
    padding: 10px;
    float: left;
    width: 250px; max-width: 100%;

}