html, body {
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
}
.no-margin{ margin: 0; }
.container-fluid {max-width: 1920px;}
.navtopsection {width: 100%; height: auto;}
/*.navtopsection {background-image: url(../images/navtopsection.jpg);}*/
/*.navbar-default {background-color: transparent; opacity: 0.6;}*/
/*.navbar-default {background: rgba(0,0,0,0.6);}*/
.navbar-default .navbar-toggle {border: none;}
.logo {max-width: 200px;}
.navbar-fixed-top.scrolled {
  background-color: #fff !important; }
@media only screen and (max-width : 480px) {
.logo img { max-width: 80%;
    }
}
.navtopsection .navbar{
    /*background:#f8cbb8;*/
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0
}
/* img{
    width: 100%
} */
/* .navbar-nav{
  position: absolute;
  right: 20px;
  top: 25px
} */
.navbar-nav li{
    border:solid 2px #F20000;
    background:rgb(255,255,255);
    margin-right: 2px;
    border-radius:10px;
}
.navbar-nav li:hover{background:#E6AF28;color:#fff;}
.navbar-nav li.active {background: #E6AF28;}
.navbar-nav li.active a{background-color: transparent !important; color:#fff !important;}
.navbar-default{
    border:none;
}
.navbar-nav li:after{
    content: "";
    width: 4px;
    height: 3px;
    background-color: #c70b10;
    position: absolute;
    right:-4px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.navbar-nav li a {
    padding: 8px 
}
.navbar-right {margin-top: 10px;margin-right: 10px}
/*carousal code here*/
#carousel-1 .carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
#carousel-1 .carousel-fade .carousel-inner .active {
    opacity: 1;
}
#carousel-1 .carousel-fade .carousel-inner .active.left,
#carousel-1 .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
#carousel-1 .carousel-fade .carousel-inner .next.left,
#carousel-1 .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
#carousel-1 .carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
#carousel-1 .item {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* .item:nth-child(2) {
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(3) {
   
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} */
.carousel {
    z-index: -99;
}
.carousel .item {
    /*position: fixed;*/
    width: 100%;
    height: 700px;
    color: #fff;
}
.innerheader .carousel .item {
    /*position: fixed;*/
    width: 100%;
    height: 500px;
    color: #fff;
}
#carousel-1.carousel .item h3 {
    font-size: 50px;
    font-family: 'Great Vibes', cursive;
}
#carousel-1.carousel .item p {
    font-size: 25px;
}
.carousel{
    position: relative;
}
.carousel-control i{
    font-size: 30px
}
.carousel-control.left{
    position: absolute;
    left: 0;
    top: 50%
}
.carousel-control.right{
    position: absolute;
    right: 0;
    top: 50%
}
#carousel-1 .carousel-caption {padding-bottom: 350px;}
.innerheader .caption {padding-top: 250px; font-size: 20px; color: #000; text-align: center;}
.innerheader .caption h3 {font-size: 30px; font-weight: bold;}
.appointment-wrapper{
    width: 300px;
    height: auto;
    /*margin-bottom: 30px;*/
    color: #fff;
    display:block;
    background-color: rgba(255,255,255,.7);
    padding: 4px;
    border-radius: 5px;
    margin-top: -261px;
    position: relative;
    z-index: 999;
}
.appointment {background-image: url(../images/appointment.jpg);

}
.appointment .a1 {padding-top: 20px; font-weight: bold; color: #fff;font-size:1.2em;}
.appointment hr {margin-top: 0px; width: 50%;}
.appointment .a2 {padding-left: 60px; color: #fff;}
.appointment .a2 span{
    position: relative;
    display: block;
    
}
.appointment .a2 span:before{
    content: "";
    width: 15px;
    height: 2px;
    background-color: #fff799;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -22px;
    margin: auto;
}
.appointment .a3 {padding-left: 60px; color: #fff;}
.appointment .a4{padding: 8px 0; background-color: rgba(255,255,255,0.1);}
.appointment .a4 a{background-color: #F30C0C;font-weight:bold;color:#fff;font-weight:bold;font-size:1.1em;} 
.appointment .a4 a:hover{/*border: solid 2px #fff*/color:#000;}
.appointment .btn-sm {padding: 4px 20px; border-radius: 8px;}
.aboutus .btn-default {background-color: #c82226; color: #fff; font-weight: bold;}
.aboutus .btn-default:hover{background-color:#f2191e;}
.about {display: block; margin: auto; width: 90%;}
.bg1 {width: 49%; float: left; margin-right: 1%;position:relative;z-index: 20 }
.bg2 {width: 70%; float: right; margin-top: 10px; position:relative;z-index: 20}
.bg3 { width: 49%;  float: left; margin-left: 1%; margin-top: 20px;position:relative;z-index: 20}
.aboutus-bg{
    column-count: 2; 
    column-gap: 10px; 
    position: absolute; 
    width: 100%; 
    text-align: center; 
    z-index: 0; 
    top: -25%;
}
.aboutus {
    width: 300px;
    height: auto;
    /* margin-top: -600px; */
    background-color: #fff;
    position: relative;
    margin: 20% auto;
    /*z-index: 1;*/
}
@media (max-width: 768px){
    .aboutus {
        width: 80%;
        margin: 5% auto;
    }
}
.aboutus {padding: 0 2rem 1rem 2rem;z-index: 50;border:1px solid #F30C0C;}
.aboutus h3, a {text-align: center;}
.aboutus p {color: #000;}
.aboutus h3 {color: #771310;}
.aboutus hr{border-top: solid 1px #dd6d70; width: 50%}
.about hr {width: 50%; margin-top: 0; border-top: 1px solid #c70b10;}
.aboutus .btn-sm {padding: 4px 20px; border-radius: 8px;}
.aboutus .btn-default {/* background-color: #c82226; color: #fff; */ font-weight: bold;border:none;}


.navbar-nav li:last-child:after{
    background-color: transparent;

}
/* ---------------skew-------------- */
.skew-wrapper{
    z-index:0 !important;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
    margin-top: -59px;
    /* border: solid 1px red */
}
@media (max-width: 991px){
    .skew-wrapper{
        padding-top: 20px;
    }
}
@media (max-width: 768px){
    .skew-wrapper{
        padding-top: 60px;
    }
}
.skew-wrapper:after{
    content: "";
    width: 100%;
    background-color: #f5c48e;
    background: url(../images/pattern.jpg); 
    position: absolute;
    top: 0;
    height:100%;
}
.skew-wrapper img{
    width: 100%
}
.skew{
background-color: #f5c48e;
padding:450px 0;
transform: skew(0deg,10deg);
margin: 250px 0 200px
}
.skew-wrapper .container{
    position: relative;
    z-index: 999
}
.bg-images{
  text-align: center;
  position: relative;
  height: auto;
} 
.bg-images img{
    width: auto;
    margin-top: 10px;
    float: right;
}
.bg-images img:nth-child(3){
    float: left;
}
.boxes {
  display:table;
  width: 80%;
  height: 100%;
  background-color: #fff;
  padding: 0 40px;
  margin:100px  auto 0;
  position: relative;
  z-index: 999;
/* position: absolute;
bottom: 0;
left: 0;
right: 0; */
}
.box {
  display: table-cell;
 
 }
 .box1{
    width: 45%;
     vertical-align:middle;
     padding: 40px 40px 20px 0 
 }
 @media (min-width: 993px) and (max-width: 1100px) {.box2 {width: 300px}}
 .box2{
   /* width: 35%;*/
    background-color: #c82226;
    color: #fff;
    padding: 20px 20px;
 }
 .box2>div{
    margin-top: 25px
 }
 .boxes .box2 p{
    background-color: #fff;
    color: #c82226;
    text-align: center;
    padding: 10px 0;
    font-weight: 900
 }
.lounge-locations {
/*   display:table;
width: 90%;
height: 100%; */
  padding: 10px 0
}
.location {
  display: table-cell;
  vertical-align:middle;
  width: 40%
}
.location p{
    background-color: #c70b10;
    color: #fff;
    padding: 18px 0;
    text-align: center;
    font-weight: 300;
}
.boxes img{
    width: 100%
}
.f-lounge{
    color: #c82226;
    font-weight: 900;
    margin-top: 30px
}


/* ---enroll--- */
.enroll-wrapper{
background-color: rgba(247,209,197,.5);
background: url(../images/enroll.jpg);
background-size: cover;

}
.enroll{
    padding: 30px 0
}
.enroll .color-lr{
    color: #c70b10;
    font-weight: 900;
    font-size: 16px;
    margin: 0;
}
.enroll .color-br{
    color: #000000;
    font-size: 22px;
    font-weight: 500
}
.enroll .btn-lr{
    background: #f30000;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 5px 15px
}
.enroll .btn-lr:hover{
    background-color: #f30000;
    color:#000;
}
.enroll .color-red{
    color: #950d0d;
    font-weight: bold;
}
#carousel-2 .carousel-caption{
    padding-bottom: 150px 
}
.remarks-wrapper{
    /*background: url(../images/remarks2.jpg);*/
    background: #F7CE8E;
    background-size: cover;
    background-position: center;
   }
.remarks{
    /* padding: 100px; */
    color: #3a3634;
    text-shadow: none;
}
.remarks i{
    color: #f04848;
    font-size: 30px;
    padding: 30px 0
}

.remarks h3{
    padding-bottom: 30px;
}
.google-map{
-webkit-box-shadow:inset 0 30px 60px -10px #B5B5B5;
box-shadow:inset 0 30px 60px -10px #B5B5B5;
}
.google-map img{
    width: 100%;
   position: relative;
}
.google-map .address-wrapper{
    position: relative;
}
@media (max-width: 767px) { .google-map .address-wrapper {
    margin-top: 130px;}   
    .google-map img{display: none; }
}
.google-map .address{
    width: 300px;
    /*height: 400px;*/
    background: #c84c4c;
    display: inline-block;
    position: absolute;
    top:40%;
    left:50%;
    transform: translate(-50%,-50%);
    /* right: 0; 
    margin: 0 auto; */
    padding: 40px 10px;
    color: #ffffff;
}
.address h4{
    text-transform: uppercase;
}
.address hr{
    width: 50%
}
.address address{
  margin: 20px 0
}
.contact{
    padding: 60px 0;
/*     -webkit-box-shadow:inset 0 0 190px 2px #858585;
box-shadow:inset 0 0 190px 2px #858585; */
}
.footer{
    padding: 40px 0;
    background: #F7CE8E;
}
@media (max-width: 767px) { .footer{padding: 20px 0;} }
.footer .btn{
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0
}
.footer .btn:hover{
    background:  grey;
}
.contact p{
    font-weight: bold;
}
.btn-facebook{
    background: #1f69b3
}
.btn-twitter{
    background: #43b3e5
}
.btn-insta{
    background: #147394
}
.btn-google{
    background: #ea2011
}
/*.row{
    margin: 0
}*/
.footlounge {text-align: center; color: #771310; font-weight: bold; font-size: 30px; padding: 30px 0 50px 0;}
.skew-wrapper .well {
    background-color: #fff;
    border: 1px solid #fee;
padding-bottom: 20px;}
.wellleft {background: #c84c4c; padding: 10px; text-align: center; color: #fff;}
.wellright {background: #ecddaf; padding: 10px; text-align: center;}
.eqrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.eqrow > .wellright {
  display: flex;
  flex-direction: column;
}
.slick {margin: 30px 0;z-index: 9;}
.iframemap {padding-top: 20px; margin-bottom: -5px;}
.iframemap iframe {z-index: 99;}
@media screen and (min-width: 767px) {
    .innerheader .servicecaption {padding-top: 250px; font-size: 20px; color: #000; text-align: center; width: 40%; 
    opacity: 0.8 !important;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .innerheader .servicecaption {padding-top: 250px; font-size: 20px; color: #fff; text-align: center; width: 100%; 
    opacity: 0.8;}
}
.innerheader .servicecaption h3 {font-size: 30px; font-weight: bold;}
.innerheader .servicecaption p {max-width: 450px;}
.our-services {text-align: center; color: #771310; font-weight: bold; font-size: 30px;}
.servicepage hr {margin-top: 0; width: 20%; border-top: 1px solid  #771310;}
.servicepage .well {
    background-color: #fff;
    border: 1px solid #ffe;
padding-bottom: 20px;}
.servicepage .serviceleft1 {background: #F30C0C; padding: 30px 10px; text-align: center; color: #fff;font-size: 22px; 
    font-weight: bold; width: 100%;}
.servicepage .serviceright {background: #fff; padding: 40px 10px 40px 10px;}
.servicepage .serviceright .textleft {text-align: left; padding: 0 30px; text-transform: none;}
.servicepage .btn-default {background: #F30C0C; margin-bottom: 20px;color:#fff;border-radius:15px solid black;}
.servicepage .btn-default:hover {background: #F30C0C;color:#000;}
.servicepage .btn {padding: 7px 20px; color: #fff; border-radius: 15px; border: 2px solid #ccc; font-size: 20px;}
.servicebgcolor {background: #fff;}
.servicecontact {width: 100%; margin-top: 30px; background: url(../images/our-services/6.png); padding: 40px 0 70px 0;
text-align: center; color: #fff;}
.servicecontact h3 {font-weight: bold; font-size: 40px;}
.servicecontact p {font-weight: bold; font-size: 30px; max-width: 600px;}
.reflexologypage .well p {max-width: 667px; margin: 0 auto;text-align:justify;}
.reflexologypage .row .well {
    background-color: #fff;
    border: 1px solid #ffe;
padding-bottom: 0;
margin-bottom: 0;
border-radius: 0;}
.reflexologypage hr {margin-top: 0; width: 20%; border-top: 1px solid  #771310;}
.reflexologypage .wellleft p {padding: 30px 20px 0 20px; font-size: 25px;}
.reflexologypage .wellright p {padding: 10px 20px 10px 20px; font-size: 16px; text-align: left;}
.reflexologypage .wellright .collapse {padding: 0 20px 10px 20px; font-size: 16px; text-align: left; margin-top: -20px;}
.reflexologypage .wellright a {color: red;}
.contactpagelow .rowcolor {background: #ad3236; margin-bottom: 40px;}
.contactpagetop .office, .contactform {background: #c84c4c; padding-top:20px; padding-bottom: 20px;z-index: 99; color: #fff;}
.contactpagetop .office hr {width: 30%; margin-top: 0;}
.contactpagetop .contactform hr {width: 20%; margin-top: 0;}
.contactpagetop .contactform .btn-warning {padding: 7px 20px; 
    background: #f8b8a5; color: #000; font-weight: bold;letter-spacing: 2px;}
    .eqrow > .office, .contactform {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.contactpagelow .CunninghamContact {color: #fff; padding-left: 5%; padding-top: 20px;padding-bottom: 20px;}
.contactpagelow .CunninghamContact a {color: #fff;}
.contactpagelow .Cunningham {color: #fff; padding-left: 5%;padding-top: 20px;padding-bottom: 20px;}
.contactpagelow .Cunningham span {color: #fff; font-size: 25px;}
.contactpagelow .CunninghamLounge {margin: -10px 0;}
.contactpagelow .CunninghamLounge img {width: 100%;}
.contactpagelow .contactpagelowWHITEbg {background: #fff; z-index: 9;}
.enrollnow {width: 100%; background: url(../images/enroll.png); background-repeat: no-repeat; 
     padding: 30px 0; }
.enrollnow .fa-mobile {font-size: 25px; color: #000;}
.enrollnow .redcol {color: #c84c4c;font-weight: bold; padding-top: 5px;}
.enrollnow .btn-warning {padding: 7px 20px; 
    background: #F30C0C; color: #fff; font-weight: bold;letter-spacing: 1px;}
@media screen and (min-width: 768px) {
    .contactpagelow {background: #fff; padding: 30px 0 10px 0; margin: 10px 15px;box-shadow: 0 6px 6px -6px black !important;
    margin-bottom: 30px;}
    .innerheader .caption {width: 40%; opacity: 0.3;}
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .contactpagelow {box-shadow: 0 6px 6px -6px black !important; margin-bottom: 30px;}
    .innerheader .caption {width: 100%; opacity: 0.3;}
    .footer .copyright {padding-top: 5px;}
}
.lovetotalk {text-align: center; padding-top: 30px;}
.contactpagelow h3 {text-transform: uppercase; color: #ad3236; font-weight: bold; text-align: center;font-weight: bold;
padding-bottom: 30px;}
.mtop100 {margin-top: 450px;}
#fpTestimonials .item {height: 300px; margin-top: 150px;margin-bottom: -120px;}
@media (max-width: 767px){ #fpTestimonials .item {height: 300px; margin-top: 170px;margin-bottom: -120px;} }
.mb2rem .franchise {margin-bottom: 2rem;}
.slider img {overflow: hidden;}
.slider2 p {background-color: #fff;
text-align: center;
padding: 10px 0;
font-weight: 900;}