/*Main color1 blue: #003099 */

/*Main color2 torqoise: #093b56 */



body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    background: #fff;
    color: #52606f;
/*    border-top: 5px solid #093b56;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
/*    text-transform: uppercase;*/
    letter-spacing: 4px;
    color: #4c5586;
}


h1, .h1 {font-size:  1.6rem}
h2, .h2 {font-size:  1.4rem}
h3, .h3 {font-size:  1.2rem}
h4, .h4 {font-size:  0.8rem}
h5, .h5 {font-size:  .6rem}

.row {
    margin: 0;
}

.spacer {
    margin: 20px;
}

.flex1 {
    flex-grow: 1;
/*    padding: 0 10px;*/
}

.margin-top {
    margin-top: 0px;
}


a {
    color: #003099;
}


.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.clearfix {
    clear: both;
}

video {
    width: 100%;
    padding: 20px;
}

.sectionTitle {
    text-transform: capitalize;
    padding: 20px 0 5px;
}

.section {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#main-content .section:first-child {
    margin-top: 0;
}

 #main-content .section:last-child {
    margin-bottom: 0px;
     padding-bottom: 100px;
} 


.article {
    color: #093b56;
    padding-top: 10px;
    padding-bottom: 40px;
}

.card-header>h2>a{
    font-size: 1rem;
    color: #093b56;
}

.card>a:hover {
    text-decoration: none;
}
.article span {
    font-size: 1.5rem;
}

.article h4 {
    margin-top: 50px;
    font-size: 1rem;
    color: #aa924e;
}
.article p {
    font-size: 1rem;
}

.article img {
    width: 100%;
/*    margin: 30px 0;*/
}

.article ul li, .article ol li{
    font-size: 1rem;
}

.table thead th {
    background: gainsboro;
}

.table {
    margin: 3rem 0;
}

.table .titleCol {
    width: 80%;
}

.table .priceCol {
    width: 20%;
}

.sticky {
    position: inherit;
}

/*** Header ***/

#header-container {
    text-align:center;
    padding: 10px;
}

#logo {
    max-width: 100%;
}

.navbar-light .navbar-nav .nav-link {
    color: #a5924e;
}


.sticky-top {
    background-color: #fff;
}

#mr_Nader_Henry {
    font-size: 1.1rem;
    font-family: serif;
    letter-spacing: 1.5px;
    text-transform: capitalize;
}

.nav-social {
    position: relative;
    font-size: 14px;
    justify-content: center;
}

.nav-social li {
    margin-right: 6px;
}

.nav-social li a {
    margin: 3px;
    font-size: 1.5rem;
    text-decoration: none;
    text-align: center;

}

.header-book-btn {
    font-size: 0.8rem;
    text-transform: uppercase;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
     border-radius: 0; 
    font-family: serif;
    background-color: #fff;
    border: 1px solid #ccc;
    letter-spacing: 1px;
    width: 100%;
}


#mr_Nader_Henry,
.nav-social li a,
.header-book-btn,  .header-book-btn>a{
    color: #555;
    text-decoration: none;
    
}

.header-book-btn:hover {
    background-color: #4c5586;
    text-decoration: none;
    color:#fff;
    cursor: pointer;
    
}

.header-book-btn>a:hover {
    color: #fff;
}

nav,
h1 {
    text-transform: uppercase;
}

.navbar,
.navbar-light,
.bg-light {
    font-weight: 300;
    font-family: serif;
    font-size: 15px;
/*    border-top: solid 1px #ccc;*/
/*    border-bottom: solid 1px #ccc;*/
    background-color: #fbfbfb!important;
    padding: 0;
}

.navbar li a {
    letter-spacing: 1px;
/*    border-right: 1px solid #ccc;*/
    text-align: center;
/*    border-bottom: 1px solid #ccc;*/

}

.navbar li a.dropdown-item{
    border-bottom: none;
/*    text-align: left;*/
}

.navbar li:nth-child(1) a {
/*    border-bottom: #636393 5px solid;*/
/*    border-bottom: grey 5px solid;*/
}

.navbar li:nth-child(2) a {
/*    border-bottom: #B5222D 5px solid;*/
/*    border-bottom: #003099 5px solid;*/
}

.navbar li:nth-child(3) a {
/*    border-bottom: #D4953C 5px solid;*/
/*    border-bottom: grey 5px solid;*/
}

.navbar li:nth-child(4) a {
/*    border-bottom: #609491 5px solid;*/
/*    border-bottom: #003099 5px solid;*/
}

.navbar li:nth-child(5) a {
/*    border-bottom: #87A248 5px solid;*/
/*    border-bottom: grey 5px solid;*/
}

.navbar li:nth-child(6) a {
/*    border-bottom: #003099 5px solid;*/
/*    border-right: none;*/
}

#main-navbar {
    width: -webkit-fill-available;
}

.navbar-toggler {
    margin: 8px;
}


/*** FOOTER ***/

footer {
    background-color: #343a40;
    color: #fff;
    text-align: center;
    padding: 10px 10px 0;
}

.flexItemsFooter{
    display: flex;
}

#callBackBtn{
    border: none;
    color: white;
    background: #b9974e;
    padding: 10px 20px;
    border-radius: 2px;
}

#callBackBtn:hover {
    cursor: pointer;
    background: #b7a04e;
}

footer a {
    color: white;
}

footer a:hover {
    text-decoration: none;
    color: #b9974e;;
}

#callBackBtn .fa-phone {
    padding-right: 10px;
}

.footer-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color: #495057;
    border-radius: 2px;

    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;

    margin-right: 3px;
    margin-bottom: 5px;
}

/* If you don't want the footer to be responsive, remove these media queries */

/*
@media (max-width: 880px) {

    .footer-distributed {
        font: bold 14px sans-serif;
    }

    .footer-distributed .footer-left,
    .footer-distributed .footer-center,
    .footer-distributed .footer-right {
        display: block;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .footer-distributed .footer-center i {
        margin-left: 0;
    }

}
*/


/**** carousel ***/

.invert-icon {
    color: #333;
    font-size: 2rem;
}

.invert-icon:hover {
    color: #093b56;
}

.carousel-padding {
    padding: 0 10%;
}

.carousel-item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}

#carouselReviewsContainer {
    color: #333;
}

.carousel-control-next, .carousel-control-prev {
    display: none;
}

.carousel-inner {
/*    max-height: 600px;*/
}

.carousel-caption {
    background-color: #0a3b553d;
    right: 0;
    bottom: 0;
    left: 0;
}

.carousel-caption h3 {
    font-size: 15px;
/*    color: #000;*/
}

.carousel-indicators {
    bottom: 0;
}

/*** Body ***/

#main-content {
    background: #fbfbfb;
}

#book-call-to-action, .btn-primary {
    background-color: #b9974e;
    border-color: #b9974e;
    color: #fff;
}

#book-call-to-action {
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
}

#book-call-to-action:hover, .btn-primary:hover {
    background: #b7a04e;
    border-color: #b7a04e;
    cursor: pointer;
}

#book-call-to-action>a {
    color: #fff;
}

#book-call-to-action>a:hover {
    text-decoration: none;
}

#book-call-to-action h2,
#book-call-to-action p {
    margin-bottom: 0;
}

#home-cards h2 {
    padding: 20px;
}

.card {
    margin-top: 20px;
    border: 0.5px solid rgba(0, 0, 0, 0.075);
}

.card-body h3 {
    font-size: 1rem;
    color: #a5924e;
/*    text-transform: uppercase;*/
}

.card-body a h3, .card-body a h3:hover {
    color: #333;
    text-decoration: none;
}

.card .fas {
    font-size: 50px;
    padding: 20px;
    color: #a5924e;
}

.card hr {
    border-top-color: #a5924e;
}


/*#naderPic,*/
/*#WelcomePic, */
.fullWidthPic {
    
/*    background-size: cover;*/
    color: white;
    position: relative;
    height: 80vh;
}

#WelcomePic {
    background: url('../img/stock/optimised/LadyOnSide.jpg') no-repeat #222 0% 70%;
    background-size: cover;
}

#consulationPic {
    background: url('../img/stock/handsInspectingFace.jpg') no-repeat #222 0% 50%;
    background-size: cover;
}

#doctorPic {
    background: url('../img/stock/drHoldingIpad.jpg') no-repeat #222 0% 50%;
    background-size: cover;
}

#treatmentPic {
    background: url('../img/stock/faceWithLines.jpg')  no-repeat #222 0% 50%;
    background-size: cover;
}

#antiWrinklePic {
    background: url('../img/stock/ladyForeheadBotox.jpg')  no-repeat #222 0% 30%;
    background-size: cover;
}

#dermalFillerPic {
    background: url('../img/stock/maleBotox.jpg')  no-repeat #222 0% 30%;
    background-size: cover;
}


#lipAugmentationPic {
    background: url('../img/stock/lipFiller.jpg') no-repeat #222 0% 30%;
    background-size: cover;
}

#followUpPic {
    background: url('../img/stock/beforeAfterColour.jpg') no-repeat #222 0% 30%;
    background-size: cover;
}


#pricesPic {
    background: url('../img/stock/BeforeAfterHalfFacePic.jpg') no-repeat #222 0% 30%;
    background-size: cover;
}

#WelcomePicOverlay {
    background-image: linear-gradient(60deg,rgba(0,0,0,.2),rgba(49,61,65,.3));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#WelcomePicText {
    text-align: center;
    padding: 25vh 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

#WelcomePicText p {
    font-size: 1.1rem;
    font-weight: 100;
}

#WelcomePicText h2 {
    font-weight: bold;
    padding: 40px;
    color: #fff;
}

#WelcomePicText button {
    border: none;
    background: #fff;
    color: #4c5586;
    font-size: 1.2rem;
    padding: 10px 25px;
    font-weight: 100;
    letter-spacing: inherit;
}

#WelcomePicText button:hover {
/*    background: #565656;*/
    background: #394b81;
    color: white;
    
}

#WelcomePicText a:hover {
    text-decoration: none;
    color: white;
}

#bio {
    max-width: 650px;
    margin: auto;
}

.thickHr {
    max-width: 150px;
    border: 1px solid #aa924e;
    margin-bottom: 40px
}

#bio p {
    font-size: 1.05rem;
    font-weight: lighter;
}

#naderPicBio {
    max-width: 270px;
    padding: 3.5%;
}


#naderPicBio h3 {
    font-size: 1rem;
    border-bottom: 1px solid;
}

#naderPicBio p {
    font-size: 0.9rem;
}

/* Cards */

.card:hover {
    background: #fafafa;
}
.offer {
    background-color:#a5924e;
}

.offer:hover {
    background-color:#b7a04e;
}

.offer>p {
    font-size: 3rem;
    color:#fff;
    padding-top: 20px;
    margin-bottom: 0;
}

.offer>.card-body>h3 {
    color:#fff;
}

.offer>.card-body>p{
    color:#a5924e;
    background-color:#fff;
    padding:10px;
}

.offer>.card-body>hr{
    border-top-color:#fff;
}

#ourDoctorBtn {
    background-color:#a5924e;
    padding:10px 20px;
    color:#fff;
    border:1px solid #fff;
    border-radius:5px;
    margin-top:20px;
    cursor:pointer;
}

#ourDoctorBtn:hover {
    background-color:#b7a04e;
}

.pricesDesc {
    margin: 50px;
}