body{font-family: "Poppins", sans-serif;;margin: 0px; padding: 0px;}

a{text-decoration: none;}

h1{margin:0px; padding: 0px; color: #3D464F; font-size: 48px; font-weight: 400;}

h2{font-size: 42px; font-weight: 700; color:  #1D3D3C;margin:0px; padding: 0px; }

h3{font-size: 36px;  line-height: 42px;margin:0px; padding: 0px; }

h4{font-size: 30px;margin:0px; padding: 0px; }

h5{font-size: 26px;margin:0px; padding: 0px; }

h6{font-size: 22px;margin:0px; padding: 0px; }

header{width: 100%; padding: 10px 0px; border-bottom: 4px solid #ad3df0;}

.meetme-dv{border-radius: 10px; overflow: hidden; padding: 0px 0px; margin: 20px  0px 40px;
    box-shadow: 1px 0px 4px #ebe5e5;}

.calendar-left{background:#472d8d; padding:30px 40px; height: 100%;     padding-right: 6%;}

.logodv img{width: 240px; max-width: 100%;}

.calendarimg{width:80px; height:80px; border: 4px solid #fff; border-radius: 50%; margin: 0px auto;
overflow: hidden;}

.calendarimg img{width: 100%;}

.calendarinfo{margin: 15px 0px;}

.calendarinfo h4{margin: 0px; font-weight: 200; color: #fff;}

.calendarinfo p{margin:5px 0px 0px; padding: 0px; font-size: 14px; color: #fff; font-weight: 300;}

.calendarinfo h6{margin: 20px 0px; color: #fff; font-size: 17px; font-weight: 500;
}

.calendar-right{padding: 30px 30px; height: 100%;}

.calendartext label{font-size: 16px; font-weight: 500;}

.calendar-time-btn{margin: 15px 0px 0px;}

.calendar-time-btn button {
    padding: 7px 15px;  width: 46%; border: 1px solid #cecece;
    border-radius: 5px;  background: #f9f9f9;  font-size: 13px; color: #928f8f;
}

.calendar-time-btn button.active{  background: #472d8d7a;  color: #fff;}

.calendar-time-btn button:nth-child(2){margin-left: 2%;}

.calendartext{margin-bottom:20px; }

.calendartext p{font-size: 14px; margin: 0px;}

.calendartext p span.standardtime{color: #2a5faa;}

.switch {
  display: inline-block; position: relative; float: left;
}

.switch input {
  display: none;
}

.switch label {
    display: block;
    width:55px;
    height: 23px;
    padding: 3px;
    border-radius: 15px;
    border: 2px solid #e4dada;
    cursor: pointer;
    transition: 0.3s;
    margin: 0px 10px;
}

.switch label::after {
  content: "";
  display: inherit;
  width: 23px;margin-left: -3px;
  height: 23px; position: absolute; top: 0;
  border-radius: 12px;
  background: #472d8d;
  transition: 0.3s;
}

.switch input:checked ~ label::after {
  translate: 30px 0;    margin-left: 2px;
}

.switch input:disabled ~ label {
  opacity: 0.5;
  cursor: not-allowed;
}

.standardmn{float: left;}

.inputslots input {
    padding: 10px 15px;
    text-align: center;
    width: 49%;
    margin: 10px 0px 0px;
    border: 1px solid #cecece;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
    font-size: 15px;
    outline: none;
    color: #928f8f;
}

.inputslots .time-slot {
  padding: 10px 15px;
  text-align: center;
  width: 47%;
  margin: 10px 2px 0px;
  border: 1px solid #cecece;
  border-radius: 5px;
  cursor: pointer;
  background: #fff;
  font-size: 15px;
  outline: none;
  color: #928f8f;
}

.inputslots input:hover {  background: #472d8d7a;  color: #fff;}

/**calendar-css**/

.calendar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.calendar .left {
  float: left;
}

.calendar .right {
  float: right;
}

.monthname {
  width: 18em;
}
.pointer {
  cursor: pointer;
  user-select: none;
}

.calendar .header {
  border-bottom: 1px solid #ddd;
  padding: .5em;
  margin-bottom: .5em;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

.calendar p {
  line-height: 1.5em;
    margin: 0;
    color: #fff;
}

.calendar {
    color: #777;
    padding: 0;
    max-width: 20em;
    min-height: 15em;background: #ffffff2e;
    border-radius: 15px;
    margin: .5em auto;
}

.calendar li {
    float: left; font-size: 15px;
    width: calc(100% / 7);
    text-align: center;
    padding: .35em 0;color: #e3f2fe;
    cursor: pointer;
}

.calendar li span{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}

.calendar li.empty {
  pointer-events: none;
}

.calendar li.active span,
.calendar li.active span:hover {
  background-color:#9b8dc1;
  color: #fff;
}

.calendar li:nth-child(-n+6) {
    color: #e3f2fe;
}
.center {
    text-align: center;
}

.hometext{margin: 70px 0px}

.hometext h2{font-size: 55px;}

.hometext p{margin: 20px 0px; font-size: 20px; color: #878787;}

.bookingwrap{box-shadow: 1px 0px 4px #ebe5e5; background: #fff; padding: 70px 0px; border-radius: 5px; 
overflow: hidden; margin-top: 40px;}

.bookingtext h5{margin: 0px 0px 20px; padding: 0px; font-weight: 500; font-size: 22px;}

.bookingtext ul{margin: 15px 0px; list-style: none; padding: 0px;}

.bookingtext ul li{margin: 10px 0px 0px; font-size: 16px; font-weight: 500; display: flex;}

.bookingtext ul li span{margin-right: 10px; color: #472d8d;}

.bookingfrm p{margin-top: 10px;}

.bookingfrm p label{font-size: 15px; font-weight: 600;}

.bookingfrm p input{
    padding: 10px 10px;
    text-align: left;
    width: 100%;
    margin: 5px 0px 0px;
    border: none;
    border-radius: 5px;
    background: #472d8d0a;
    font-size: 15px;
    outline: none;
    color: #7a7777;
}
.bookingfrm p select{
  padding: 10px 10px;
  text-align: left;
  width: 100%;
  margin: 5px 0px 0px;
  border: none;
  border-radius: 5px;
  background: #472d8d0a;
  font-size: 15px;
  outline: none;
  color: #7a7777;
}


.notedv p{
    font-size: 14px;
    color: #8d8b8b;
}

.guestblocks input{
    padding: 8px 10px;
    text-align: left;
    width: 93%;
    margin: 5px 0px 0px;
    border: 1px solid #cecece;
    border-radius: 5px;
    background: #fff;
    font-size: 15px;
    outline: none;
    color: #7a7777;
}

.bookingfrm .blcksnew{margin-bottom: 0px;}

.remove-extend-field {
    display: inline-flex;
    height: 100%;
    width: 7%; cursor: pointer;
    float: right;
    align-items: center;
    justify-content: right;
    margin-top: 12px;
}

.remove-extend-field span{color: #000;}

 .close-dv a{
    margin: 0px;
    padding: 0px;
    display: flex;
}

.addguest-btn{margin-top: 15px;}

.addguest-btn button, .guestbtn{
    padding: 9px 15px;
    border-radius: 5px;
    background: #472d8d7a;
    font-size: 13px;
    color: #fff; border: none;
}

.guestbtn{position: absolute; right: 12px; top: 2px; padding: 4px 15px;}

.confirm-btn{padding: 30px 0px 20px;}

.confirm-btn input {
    float: right;
    padding: 9px 30px;
    border: none;
    border-radius: 5px;
    /* background:#a79bc8; */
    background:#ad3df0;
    font-size: 15px;
    color: #ffffff;
}

.confirm-btn button {
  float: right;
  padding: 9px 30px;
  border: none;
  border-radius: 5px;
  /* background:#a79bc8; */
  background:#ad3df0;
  font-size: 15px;
  color: #ffffff;
}
.guestdata{display: none;}

#bckbtn input{float: left; background: #ecebeb; color: #000;}

.inputmain{box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
    display: flex;
border:1px solid #cecece; width: 450px; margin: 0px auto;border-radius: 40px; overflow: hidden}

.emailinput{ margin: 0px; padding:0px 20px; display: inline-block; border: none; outline: none;
height: 65px; line-height: 30px; width: 400px; font-size: 15px;}

.submitinput{display: inline-block; height: 65px; background: #472d8d; color: #fff; padding: 0px 30px;
border: none; font-weight: 600;}

.confrim-booktext  p{ margin: 10px 0px; font-size: 16px;  color: #878787;}

.confrim-booktext h6{color: #1D3D3C; margin:0px 0px 10px; padding: 0px; font-size:19px;}

.confirmthanks{margin: 10px 0px 20px;}

.confrimdate{display: flex; align-items: center; justify-content: center;
    margin: 20px 0px;
}

.confrimdate p{border-top: 1px dashed #cecece;border-bottom: 1px dashed #cecece; margin: 0px;
 padding: 15px 0px; display: flex; align-items: center;color: #472d8d; font-weight: 600;}

 .confrimdate p span{line-height: inherit; margin-right: 10px; }

.confirmthanks p{ margin: 20px 0px 0px; font-size: 19px;  color: #000; font-weight: 600;}


.checkmark {
    width: 50px;
    height:50px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    top: 5px;
    right: 5px;
   margin: 0 auto 30px;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
 
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

.inputslots{margin-top: 5px;}


/**css-end**/

/**menu-css**/

.menus {
    width: 100%; float: left; padding: 0px;margin-top: 0px; height: 100% ;
    display: flex; align-items: center; justify-content: center;
}

div#overlay { display: none; }

a#toggle {
  position:absolute;
  right:20px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #015182;
  display: none;
  transition: all ease-out 0.3s;
}

a#toggle i {
  position: relative;
  top: 42%;
  transform: translateY(-50%);
}

main#content { padding: 10px; }

#menu  {
    text-align: left;
    transition: all ease-out .3s;
    height: 100%;
    font-family: "Roboto", sans-serif;
    align-items: center;
    display: flex;
    justify-content: center;
}

#menu a { color:#343D43; text-decoration: none;}

#menu ul {
    margin: 0px;
    padding: 0px; text-align: right;
}

#menu ul li {
  display: inline-block;
  position: relative; margin: 0px 0px;
}

#menu ul li > a {
    display: inline-block;
    font-size: 14px;
    padding: 5px 35px; text-align: center;
    font-weight: 400;
    border-radius: 20px;
   position: relative;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

#menu ul li > a.active{font-weight: 600;}
/*
#menu ul li > a:after {
    content:"";
    background: #fff;
    display: block;
    height:3px; border-radius:0px;
    width: 100%;
    bottom: 0;
}

#menu ul li > a.active:after, #menu ul li > a:hover:after {
    content:"";
    background: linear-gradient(91.46deg, #B5277C 2.31%, #116EA8 34.66%, #0DB5E1 71.94%, #8DEBD7 109.4%);
    display: block;
    height:3px; border-radius:0px;
    width: 100%;
    bottom: 0;
}*/

#menu ul li ul li a:hover:after,#menu ul li ul li a:after{display: none;}

#menu ul li > a > i {
  margin-left: 5px; font-weight: bold;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.1s;
}

#menu ul li ul {
  display: none;
  position: absolute;
  top: 30px;
  z-index: 9;
  width: 150px;
  text-align: left;
  padding:0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  box-shadow: 0px 0px 4px #eeeeee;
}

#menu ul li ul li { display: block; }

#menu ul li ul li a {
    display: block; color: #000; font-size: 14px; padding: 8px 15px;
    font-weight: 300;  border-radius: 0px; position: relative;
}

#menu ul li > a:hover {
    background: transparent; color: #020305;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

#menu ul li ul li a:hover {
    color: #fff;
    background-color:#005283;
}

/*#menu ul li a.active:after{
    border-bottom: 4px solid #A5DB77;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}*/

/*#menu ul li a.active{font-weight: 600;}*/

#menu ul li:hover > a > i { transform: rotateZ(0deg); }

#menu ul li:hover ul { display: block; }



@media screen and (max-width: 767px) {

/*a#toggle { display: block; }*/

a#toggle i.timeicon{display: none;}

.open-menu a#toggle i.toggleicon{display: none;}

.open-menu a#toggle i.timeicon{display: block;}

#menu ul li > a::after{display: none;}

a#toggle {
  display: block;
  position: absolute; 
  z-index: 5;
}

main#content {
  margin-top: 65px;
  transition: all ease-out 0.3s;
}
#menu ul li a.active:after {
    display: none;
}
#menu{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0; 
    padding: 0px;
    right: 0;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    background-color:#F7FAFB;
    transform: translateX(600px); 
    z-index: 99;
}

#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top: 110px; padding-left: 30px; padding-right: 30px;
}
#menu ul li ul{
  padding-top:0px;
}

#menu ul li { display: block; }

#menu ul li a { display: block; color:#232628; padding:15px 0px; 
font-size: 20px}

#menu ul li a > i { float: right; }

#menu ul li ul {
  display: none;
  position: static;
  width: 100%;
  padding: 0px 20px;
  background-color:transparent;
}

#menu ul li:hover > ul { display: none; }

#menu ul li:hover > a > i { transform: rotateZ(0); }

#menu ul li.open > ul {
    display: block;
    background: #fff;
    padding: 0px 10px;
  }

div#overlay {
  display: block;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  opacity: 0;
}

html.open-menu { overflow: hidden; }

html.open-menu div#overlay {
  visibility: visible;
  opacity: 1;
  width: calc(-150%);
  left: 250px;
}

/*
html.open-menu a#toggle,
 html.open-menu main#content { transform: translateX(-250px); }
*/

html.open-menu a#toggle, html.open-menu main#content {
  transform: translateX(0px);
}

html.open-menu nav#menu {
  z-index: 3;
  transform: translateX(0);
}

html.open-menu a#toggle i{
  transform: rotate(90deg);
  margin-top: -22%;
}

}

/**menu-end**/


.bookingfrm p textarea {
  padding: 10px 10px;
  text-align: left;
  width: 100%;
  margin: 5px 0px 0px;
  border: none;
  border-radius: 5px;
  background: #472d8d0a;
  font-size: 15px;
  outline: none;
  color: #7a7777;
}

.mandatory
{
  color:red;
}
.in_persona_address_div
{
  display: none;
}