/* @extend display-flex; */

display-flex {

  display: flex;

  display: -webkit-flex; }



/* @extend list-type-ulli; */

list-type-ulli, ul {

  list-style-type: none;

  margin: 0;

  padding: 0; }



/* roboto-slab-300 - latin */

@font-face {

  font-family: "Open Sans",sans-serif;

  font-style: normal;

  font-weight: 300;

  src: url("../fonts/roboto-slab/roboto-slab-v7-latin-300.eot");

  /* IE9 Compat Modes */

  src: local("Roboto Slab Light"), local("RobotoSlab-Light"), url("../fonts/roboto-slab/roboto-slab-v7-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-slab/roboto-slab-v7-latin-300.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-v7-latin-300.woff") format("woff"), url("../fonts/roboto-slab/roboto-slab-v7-latin-300.ttf") format("truetype"), url("../fonts/roboto-slab/roboto-slab-v7-latin-300.svg#RobotoSlab") format("svg");

  /* Legacy iOS */ }

/* roboto-slab-regular - latin */

@font-face {

  font-family: "Open Sans",sans-serif;

  font-style: normal;

  font-weight: 400;

  src: url("../fonts/roboto-slab/roboto-slab-v7-latin-regular.eot");

  /* IE9 Compat Modes */

  src: local("Roboto Slab Regular"), local("RobotoSlab-Regular"), url("../fonts/roboto-slab/roboto-slab-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-slab/roboto-slab-v7-latin-regular.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-v7-latin-regular.woff") format("woff"), url("../fonts/roboto-slab/roboto-slab-v7-latin-regular.ttf") format("truetype"), url("../fonts/roboto-slab/roboto-slab-v7-latin-regular.svg#RobotoSlab") format("svg");

  /* Legacy iOS */ }

/* roboto-slab-700 - latin */

@font-face {

  font-family: "Open Sans",sans-serif;

  font-style: normal;

  font-weight: 700;

  src: url("../fonts/roboto-slab/roboto-slab-v7-latin-700.eot");

  /* IE9 Compat Modes */

  src: local("Roboto Slab Bold"), local("RobotoSlab-Bold"), url("../fonts/roboto-slab/roboto-slab-v7-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-slab/roboto-slab-v7-latin-700.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-v7-latin-700.woff") format("woff"), url("../fonts/roboto-slab/roboto-slab-v7-latin-700.ttf") format("truetype"), url("../fonts/roboto-slab/roboto-slab-v7-latin-700.svg#RobotoSlab") format("svg");

  /* Legacy iOS */ }

a:focus, a:active {

  text-decoration: none;

  outline: none;

  transition: all 300ms ease 0s;

  -moz-transition: all 300ms ease 0s;

  -webkit-transition: all 300ms ease 0s;

  -o-transition: all 300ms ease 0s;

  -ms-transition: all 300ms ease 0s; }



input, select, textarea {

  outline: none;

  appearance: unset !important;

  -moz-appearance: unset !important;

  -webkit-appearance: unset !important;

  -o-appearance: unset !important;

  -ms-appearance: unset !important; }



input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {

  appearance: none !important;

  -moz-appearance: none !important;

  -webkit-appearance: none !important;

  -o-appearance: none !important;

  -ms-appearance: none !important;

  margin: 0; }



input:focus, select:focus, textarea:focus {

  outline: none;

  box-shadow: none !important;

  -moz-box-shadow: none !important;

  -webkit-box-shadow: none !important;

  -o-box-shadow: none !important;

  -ms-box-shadow: none !important; }



input[type=checkbox] {

  appearance: checkbox !important;

  -moz-appearance: checkbox !important;

  -webkit-appearance: checkbox !important;

  -o-appearance: checkbox !important;

  -ms-appearance: checkbox !important; }



input[type=radio] {

  appearance: radio !important;

  -moz-appearance: radio !important;

  -webkit-appearance: radio !important;

  -o-appearance: radio !important;

  -ms-appearance: radio !important; }



img {

  max-width: 100%;

  height: auto; }



figure {

  margin: 0; }



p {

  margin-bottom: 0px;

  color: black; }



input:-webkit-autofill {

  box-shadow: 0 0 0 30px white inset;

  -moz-box-shadow: 0 0 0 30px white inset;

  -webkit-box-shadow: 0 0 0 30px white inset;

  -o-box-shadow: 0 0 0 30px white inset;

  -ms-box-shadow: 0 0 0 30px white inset; }

h1 {

  line-height: 1.8;

  margin: 0;

  padding: 0;

  font-weight: bold;

  color: #222;

  font-family: 'Playfair Display', serif;

  font-size: 22px;

  margin-bottom: 30px;

  text-transform: uppercase; }



h2 {

  line-height: 1.8;

  margin: 0;

  padding: 0;

  font-weight: bold;

  color: #222;

  font-family: 'Playfair Display', serif;
  font-size: 18px;

  margin-bottom: 30px;

  text-transform: uppercase; }



h3 {

  font-weight: bold;

  color: black;

  font-size: 15px;

  margin: 0px;

  margin-bottom: 35px; }



.clear {

  clear: both; }



body {

  font-size: 13px;

  line-height: 1.8;

  color: #fff;

  /* background-image: url("../images/body-bg.jpg"); */

  /* background-repeat: no-repeat; */

  /* background-size: cover; */

  -moz-background-size: cover;

  -webkit-background-size: cover;

  -o-background-size: cover;

  -ms-background-size: cover;

  background-position: center center;

  font-weight: 400;

  font-family: "Open Sans",sans-serif;

  margin: 0px; }



.main {

  padding: 60px 0;

  position: relative; }



.container {

/*  width: 586px;*/

  background: #fff;

  margin-left: 5%;

  margin-right: 5%;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  -o-border-radius: 10px;

  -ms-border-radius: 10px; }



.appointment-form {

  padding: 50px 60px 70px 60px; }



input, select {

  width: 100%;

  display: block;

  border: none;

  border-bottom: 2px solid #332419;

  padding: 5px 0;

  color: #222;

  margin-bottom: 31px;

  font-family: "Open Sans",sans-serif; }

  input:focus, select:focus {

    color: #222;

    border-bottom: 2px solid #4966b1; }



input[type=checkbox]:not(old) {

  width: 2em;

  margin: 0;

  padding: 0;

  font-size: 1em;

  display: none; }



input[type=checkbox]:not(old) + label {

  display: inline-block;

  margin-top: 7px;

  margin-bottom: 25px; }



input[type=checkbox]:not(old) + label > span {

  display: inline-block;

  width: 13px;

  height: 13px;

  margin-right: 15px;

  margin-bottom: 3px;

  border: 1px solid #ebebeb;

  background: white;

  background-image: -moz-linear-gradient(white, white);

  background-image: -ms-linear-gradient(white, white);

  background-image: -o-linear-gradient(white, white);

  background-image: -webkit-linear-gradient(white, white);

  background-image: linear-gradient(white, white);

  vertical-align: bottom; }



input[type=checkbox]:not(old):checked + label > span {

  background-image: -moz-linear-gradient(white, white);

  background-image: -ms-linear-gradient(white, white);

  background-image: -o-linear-gradient(white, white);

  background-image: -webkit-linear-gradient(white, white);

  background-image: linear-gradient(white, white); }



input[type=checkbox]:not(old):checked + label > span:before {

  content: '\f26b';

  display: block;

  color: #222;

  font-size: 11px;

  line-height: 1.2;

  text-align: center;

  font-family: 'Material-Design-Iconic-Font';

  font-weight: bold; }



.label-agree-term {

  color: #999; }



/*.term-service {

  color: #222; }*/



.submit {

  width: auto;

  background: #002b54;

  color: #fff;

  padding: 20px 25px 20px 25px;

  font-size: 13px;

  border: none;

/*  border-radius: 5px;

  -moz-border-radius: 5px;*/

 /* -webkit-border-radius: 5px;*/

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  cursor: pointer;

/*  box-shadow: 0px 1px 15px 0px rgba(73, 102, 177, 0.7);*/

/*  -moz-box-shadow: 0px 1px 15px 0px rgba(73, 102, 177, 0.7);

  -webkit-box-shadow: 0px 1px 15px 0px rgba(73, 102, 177, 0.7);

  -o-box-shadow: 0px 1px 15px 0px rgba(73, 102, 177, 0.7);

  -ms-box-shadow: 0px 1px 15px 0px rgba(73, 102, 177, 0.7); */}

  .submit:hover {

    background: #3a518d;
    color: white;
    text-decoration: none; }



/*ul {

  background: 0 0;

  z-index: 9; }



ul li {

  padding: 3px 0px;

  z-index: 2;

  color: #999; }

  ul li:last-child {

    border-bottom: 1px solid #ebebeb; }*/



/*ul li:not(.init) {

  display: none;

  background: #fff;

  color: #222;

  padding: 5px 10px;

  border-left: 1px solid #ebebeb;

  border-right: 1px solid #ebebeb;

  border-top: 1px solid #ebebeb; }*/



/*ul li:not(.init):hover, ul li.selected:not(.init) {

  background: #4966b1;

  color: #fff; }*/



/*li.init {

  cursor: pointer;

  position: relative;

  border-bottom: 2px solid #ebebeb; }

  li.init:after {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    font-size: 20px;

    color: #999;

    font-family: 'Material-Design-Iconic-Font';

    content: '\f2f9'; }*/



#confirm_type {

  margin-bottom: 30px; }



.form-group-2 {

  margin-top: 15px;

  margin-bottom: 30px; }



.form-check {

  margin-bottom: 20px; }



.select-list {

  position: relative;

  display: inline-block;

  width: 100%;

  /*margin-bottom: 55px; */}



.list-item {

  position: absolute;

  width: 100%; }



#confirm_type {

  z-index: 99; }



#hour_appointment {

  z-index: 9; }



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

  .container {

    margin: 0 auto; } }

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

  .container {

    width: calc( 100% - 30px);

    max-width: 100%; } }

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

  .appointment-form {

    padding: 50px 30px 70px 30px; } }



/*# sourceMappingURL=style.css.map */



.toposition{

  display: -webkit-inline-box;

}

.col-5{

  width: 50%;

}

.col-2{

  width: 20%;

}

.centre{

  text-align:center;

}



.form1{



}

.forminput{

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 2px solid black;

    border-radius: 0px;

}

.forminput:focus {

  border-color: #4966b1;

}



/*radio button stuff*/





/*.form {

  padding: 0 16px;

  max-width: 550px;

  margin: 50px auto;

  font-size: 18px;

  font-weight: 600;

  line-height: 36px;*/

.mycontainer{

    width: 586px; 

    background: #fff;

    /* margin-left: 5%; */

    /* margin-right: 5%; */

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -o-border-radius: 10px;

    -ms-border-radius: 10px;

}

		/*.grecaptcha-badge {
			visibility: hidden;
		}*/
    
    


.myhide{

  display: none;

}

.textstyle{

  color:black;

}

/*checkbox theme*/

.cbx {

  position: relative;

  display: block;

  float: left;

  width: 18px;

  height: 18px;

  border-radius: 4px;

  background-color: #606062;

  background-image: linear-gradient(#474749, #606062);

  box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.15);

  transition: all 0.15s ease;

}

.cbx svg {

  position: absolute;

  top: 3px;

  left: 3px;

  fill: none;

  stroke-linecap: round;

  stroke-linejoin: round;

  stroke: #fff;

  stroke-width: 2;

  stroke-dasharray: 17;

  stroke-dashoffset: 17;

  transform: translate3d(0, 0, 0);

}

.rdo {

  position: relative;

  display: block;

  float: left;

  width: 18px;

  height: 18px;

  border-radius: 10px;

  background-color: #606062;

  background-image: linear-gradient(#474749, #606062);

  box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.15);

  transition: all 0.15s ease;

}

.rdo:after {

  content: "";

  position: absolute;

  display: block;

  top: 6px;

  left: 6px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #fff;

  opacity: 0;

  transform: scale(0);

}

.cbx + span,

.rdo + span {

  float: left;

  margin-left: 6px;

  color: black;

  font-size: 120%;

  margin-top: -5px;

  font-family: "Open Sans",sans-serif;

}

.forms {

/*  margin: auto;*/

  user-select: none;

      padding: 10px 0px 10px 0px;

}

.forms label {

  display: inline-block;

  margin: 10px;

  cursor: pointer;

}

.forms input[type="checkbox"],

.forms input[type="radio"] {

  position: absolute;

  opacity: 0;

}

.forms input[type="radio"]:checked + .rdo {

  background-color: #606062;

  background-image: linear-gradient(#002b54, #1d52c1);

}

.forms input[type="radio"]:checked + .rdo:after {

  opacity: 1;

  transform: scale(1);

  transition: all 0.15s ease;

}

.forms input[type="checkbox"]:checked + .cbx {

  background-color: #606062;

  background-image: linear-gradient(#002b54, #1d52c1);

}

.forms input[type="checkbox"]:checked + .cbx svg {

  stroke-dashoffset: 0;

  transition: all 0.15s ease;

}



/****************************************************************/

.overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  transition: opacity 500ms;

  visibility: hidden;

  opacity: 0;

  overflow-y: scroll;

}


.overlay:target {

  visibility: visible;

  opacity: 1;

}



.popup {

  margin: 130px auto;

  padding: 20px;

  background: #fff;

  border-radius: 5px;

  width: 70%;

  position: relative;

  transition: all 5s ease-in-out;



}



.popup h2 {

  margin-top: 0;

  color: #333;

  font-family: Tahoma, Arial, sans-serif;

}

.popup .close {

  position: absolute;

  top: 20px;

  right: 30px;

  transition: all 200ms;

  font-size: 30px;

  font-weight: bold;

  text-decoration: none;

  color: #333;

}

.popup .close:hover {

  color: #06D85F;

}

.popup .content {

  max-height: 30%;

  overflow: auto;

  color:black;

}

.error{

  color: red;

}

.navlogo{

  width: 50%;

}

.hide{
  display: none;
}

.navul{

  left: 41%;

  position: absolute;

}



.navtext{

    font-size: 14px;

    color: rgba(0, 0, 0, 0.8);

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    letter-spacing: 0;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

}

.dropdown-menu{

  box-shadow: 0 2px 5px rgba(0,0,0,0.1);

  border: none;

}
.dropdown:hover .dropdown-menu {display: block;}


.navbar-light .navbar-nav .nav-link {

  color: rgba(0, 0, 0, 0.8);
    font-family: "Open Sans",sans-serif;
    letter-spacing: 0.3px;
        font-weight: 400;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}



.main{

  background-color: white;

}

.mynav{

  padding: 20px 10% 20px 10%;

  background-color: white;

}




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

  .navlogo{

    width:35%;

  }

  .navul{

  left: 45%;

  position: relative;

  }

  .navtext{

    font-size: 17px;

    color: black;

    font-family: "Open Sans",sans-serif;

  }

  .popup {

  margin: 15% auto;

  padding: 10px;

  background: #fff;

  border-radius: 5px;

  width: 95%;

  position: relative;

  transition: all 5s ease-in-out;

  }

}

.arrow1{
    content: '\e902';
    font-size: 0.85rem;
    right: -17px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    margin-top: 2px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}



.confirmation{

  width: 60%;
      padding-top: 3rem;
    padding-bottom: 3rem;

        display: block;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    z-index: 1;
}



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

  .box{

    width: 70%;

  }

}

.error {
  position: absolute;
  top: 45px;
  padding-left: 12px;
}