body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
  margin:0;
  padding:0; background: #e7e0d6;
}
.bi-x:before {
    content: "\f00d";
}
a {
  color: #b9873e;
  text-decoration: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
}
@font-face {
    font-family: 'MADE Canvas';
    src: url('MADECanvas-Black.woff2') format('woff2'),
        url('MADECanvas-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE Canvas';
    src: url('MADECanvas-Light.woff2') format('woff2'),
        url('MADECanvas-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE Canvas';
    src: url('MADECanvas.woff2') format('woff2'),
        url('MADECanvas.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Italic.woff2') format('woff2'),
        url('OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.woff2') format('woff2'),
        url('OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #e7e0d6;
  transition: all 0.5s;
  z-index: 997;
  padding-top: 30px;
}

#header.header-scrolled {
  padding: 12px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

#header .logo a {
  color: #111111;
}

#header .logo a span {
  color: #e03a3c;
}

#header .logo img {
  max-height: 40px;
}

/*--------------------------------------------------------------
# Get Startet Button
--------------------------------------------------------------*/
.get-started-btn {
	
  margin-left: 30px;
  background: #e03a3c;
  color: #fff;
  border-radius: 4px;
  padding: 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}

.get-started-btn:hover {
  background: #111111;
  color: #fff;
}

@media (max-width: 992px) {
  .get-started-btn {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;  
   

}
.dropdown { margin-right: 30px;}

.navbar a,
.navbar a:focus {
display: flex;
    align-items: center;
    padding: 6px 10px 6px 10px;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #111111;
    transition: 0.3s;
    border: 1px solid #fff;
    border-radius: 8px;
}
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #b9873e;
      border: 1px solid #b9873e;
}
.navul li:hover>a {}
.navbar .dropdown ul {
	width: 75vh;
    border-radius: 10px;
  display: block;
  position: absolute;
  left: 0px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  padding-top: 50px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 13px;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #b9873e;
  border: 1px solid transparent!important;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 170%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
input[disabled]{
  background-color: ##e7e0d6;
  color: #fff;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #111111;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  /* transition: 0.5s; */
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}
/* .loginform .form-group{padding-right: 0px;} */
@media (max-width: 991px) {
	
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
 top: 30px;
  right: 4px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #111111;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #e03a3c;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #e03a3c;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}
.navul{ columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;}
.navul li{}
.navul li a{}
.navul li img{          margin-right: 15px;
    width: 30px;
}
.navul h2{    position: absolute;
    top: 5px;
    left: 20px;
    font-size: 18px;
    font-weight: 600;
   border-bottom: 1px solid gray;
    width: 69vh;
    line-height: 40px; color: #000;}
.top{}
/* .navul h2:before {content: ''; border-bottom: 1px solid gray;} */
.top:before {
content: '';
    border-bottom: 20px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    top: -20px;
    position: absolute;
    left: 30px;
}
.containers .checkmark:hover{background:red;}
.logoo img{width: 85px;
    }
.logoo:before{
	content: '';
    border-right: 1px solid #6c757d;
    right: 0px;
    position: relative;
    z-index: 999999;
    height: 45px;
    left: 125px;
    top: 14px;
    display: inline-block;
}
.phone:before{
content: '';
    border-right: 1px solid #6c757d;
    right: 0px;
    position: relative;
    z-index: 999999;
    height: 45px;
    left: 65px;
    top: 0px;
    display: inline-block;
}
.iconimg img{   
    vertical-align: super;
 }
.iconimg{    text-align: right;
}
.phone{    margin-right: 70px;}
.phone img{    width: 30px;}
.avatar img{    width: 30px;}
.mainpage:hover{    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);}
.servic{}
.servic img{    width: 100%;
    height: 185px;
    object-fit: cover;}
.servic h3{    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;}
.mainpage{   
    background: #e7e0d6;
    height: 100vh;
    padding-top: 151px;
}

.planul li a {
    color: gray;
    font-size: 16px;
    font-weight: 600;
}
.planul .active {
    color: #000;
    border-bottom: 3px solid #8f7f65;
    font-size: 16px;
    font-weight: 600;
}
.planul{}
.planul{    padding-left: 0px;
    margin-top: 20px;}
.planul  li{display: initial;
    margin-right: 25px;}
.planul a{}
	/* wizard */
	.loginheader{}
	.loginheader img{}
	.loginheader p{}
	.loginheader a{}
	
.mainpage h2{font-family: 'MADE Canvas';
    font-weight: 400;
    font-size: 42px;
    text-align: center;
    margin-bottom: 40px;}
.nav-pills .active {    color: #000;
    border-bottom: 3px solid #8f7f65;
    font-size: 16px;
    font-weight: 600;}
	.nav-pills li{    margin-right: 40px;
    margin-bottom: 20px;
    margin-top: 25px;}
	.nav-pills li a{    color: gray;
    font-size: 16px;
    font-weight: 600;
}
.savemoth h2{    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'Open Sans';}
	.wiznew li a{
    list-style-type: none;
    font-size: 14px;
    font-weight: 600;
    color: #000!important;
}
.datepicker table {
   border: 2px solid gray !important;
    background-color: #fff!important;
    padding: 10px;
    display: block;
    width: 105%;
}
.selectsdate{}
.selectsdate h2{    margin-top: 80px;}
.selectsdate div{}
 .mainpage a{ color:#000;}
 .mainpage a:hover{     color: #b9873e;}
	 .divcen{    position: absolute;
    top: 50%;
    transform: translate(0, -50%);}
.mobilearrow{display:none;}
.owl-carousel1 .item img{
    height: 210px;
    object-fit: cover;
}
.containers .error {
    border: 1px solid transparent;
    color: red;
    font-size: 14px;     position: absolute;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: transparent!important;
}
.controls input{      border-radius: 0px;  background-color: transparent; border: 1px solid gray;}
.controls textarea{      border-radius: 0px;  background-color: transparent; border: 1px solid gray;}
.controls select {
    height: 48px;
    width: -webkit-fill-available;
    padding-left: 9px;
    border-radius: 0px;
    background-color: #ffffff5c;
    border: 1px solid gray;
    font-size: 15px;
    color: #45494c;
    font-weight: 400;
    letter-spacing: 0.2px;
}
	.form-control:focus {
	border: 1px solid gray;
}
.controls input:focus {
    color: #212529;
    background-color: transparent!important;
    /* border-color: transparent!important; */
    outline: 0; 
    box-shadow: none!important;
}
.controls select:focus {
    color: #212529;
    background-color: transparent!important;
    /* border-color: transparent!important; */
    outline: 0; border: 1px solid gray;
    box-shadow: none!important;
}
.controls input{}
.controls span{   position: absolute;
    left: 2px;
    top: 2px;
    color: red;
    font-size: 12px;}
.errcol{ position: absolute;
    color: red!important;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: -10px;     left: 12px}
.controls .error {
   border: 1px solid red; 
}
    .error label{
    /* border: 0px solid transform !important; */
}  
  #nameoncard-error{
       border: 1px solid transparent;
	       margin-top: 6px;
    left: -12px;
}
#cardnumber-error {
        border: 1px solid transparent;
		    margin-top: 6px;
    left: -12px;
}  
#expirydate-error {
      border: 1px solid transparent;
	      margin-top: 6px;
    left: -12px;
}   
#cvv-error {
       border: 1px solid transparent;
	       margin-top: 6px;
    left: -12px;
}  
.wiznew button{    border: none;}
.wiznew button:focus{    border: none;}
.controls h6{    position: absolute;
    font-size: 14px;
    font-weight: 400;
    left: 12px;
       top: 16px;
    color: #262728;  z-index: -99;}
	/* .posabs{    position: absolute;} */
	/* .posabs select{    position: absolute;} */
		#button_1{border:2px solid #8f7f65;
		 border-top-right-radius: 25px;
		 border-bottom-left-radius: 25px;
		}
		#button_2{
		 border-top-right-radius: 25px;
		 border-bottom-left-radius: 25px;
		}
		#button_3{
		 border-top-right-radius: 25px;
		 border-bottom-left-radius: 25px;
		}
input[type="email"]::placeholder {
    font-size: 13px;
    font-weight: 400;
	    color: #2e3235;
        }
        .controls input[type="text"]::placeholder {
       font-size: 13px;
    font-weight: 400;
	    color: #2e3235;
        }
        .controls input[type="tel"]::placeholder {
    font-size: 13px;
    font-weight: 400;
	    color: #2e3235;
        }
        .controls input[type="email"]:-ms-input-placeholder {
           font-size: 13px;
    font-weight: 400;
	    color: #2e3235;
        }
        .controls input[type="email"]::-ms-input-placeholder {
      font-size: 13px;
    font-weight: 400;
	    color: #2e3235;;
        }
.controls{    position: relative;     margin-bottom: 20px;}
.owl-carousel1{    position: absolute;
    bottom: 0px;}
	/* left side sticky */
	.left-side {height:250px; display:inline-block; float:right; position:sticky; top:0px;}
	.personaldetail {}
	.personaldetail  h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}
	.personaldetail p {
    font-size: 13px;
    color: gray;
    font-weight: 600;
}
	/* left side sticky */
	/* checkbox */
	.containercheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
     font-size: 13px;
    font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmarkcheckc {
    position: absolute;
    top: 0px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid gray;
}
/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmarkcheckc {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmarkcheckc {
  background-color: #8f7f65;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkcheckc:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmarkcheckc:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmarkcheckc:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#set-error{border: 0px solid transparent!important;}
#by-error{border: 0px solid transparent!important;}
.errcolset {
    position: relative;
    color: red;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: -15px;
    left: 12px;
}
.termscls{}
.termscls a{ color:red}
.termscls span{color:red; font-size:13px;}
	/* checkbox */
	/* placeholderform */
	.form-label-group {
  position: relative;
  margin-bottom: 1rem;
  
}

.form-label-group > input,
.form-label-group > label {
  padding-left: 10px;
}

.form-label-group > label {
  position: absolute;
  top: 5px;
  left: 10px;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}
	.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}

	/* placeholderform */
	
.ulorder {
  display: flex;
  flex-direction: column;
  
    list-style-type: none;
    padding-left: 0px;

}
.ulorder li:first-child {
  order: 5;
}
.ulorder li:nth-child(2) {
  order: 4;
}
.ulorder li:nth-child(3) {
  order: 3;
}
	/* plan new */

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
     padding: 0.375rem 0.75rem;
  border-radius: 0px;
    background-color: #ffffff5c;
    border: 1px solid gray;
	    cursor: text;
}
.form-label-group > input:focus,
.form-label-group > label {
     padding: 0.375rem 0.75rem;
  border-radius: 0px;
    background-color: transparent;
    border: 1px solid gray;     box-shadow: none;
}
.form-label-group span {
    position: absolute;
    left: 2px;
    top: 2px;
    color: red;
    font-size: 12px;
}
.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
  font-size: 14px;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  /* padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)); */
  /* padding-bottom: calc(var(--input-padding-y) / 3); */
/* padding-top: 6px; */
/* position:relative; */
}
.form-label-group > input, .form-label-group > label {
    height: 48px;
}
.form-label-group > label {
    top: 5px;
}
.form-label-group input:not(:placeholder-shown) ~ label {
  /* padding-top: calc(var(--input-padding-y) / 3); */
  /* padding-bottom: calc(var(--input-padding-y) / 3); */
  font-size: 11px;
  color: #777;
  top: 0px;
}
.form-label-group .errcol {
    position: absolute;
    color: red!important;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: -10px;
    left: 12px; 
	/* transition: all 0.1s ease-out; */
}
.form-label-group .error {
    border: 1px solid red;
    height: 48px;
    border-radius: 0px;
    /* transition: all 0.35s ease-out; */
    top: 0px;
}
	/* plan new */
.planheadimg {
    width: 41px;
    height: 41px;
    object-fit: cover;
    margin-bottom: 10px;
}
	.plancontent{background: #ffffff4d;
        border: 1px solid gray;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 60px;
    height: 85vh;     position: relative;}
	.sub-heading{font-size: 18px;
    font-weight: 600;
    margin-top: 10px;}
	.plancoul {    padding-left: 0px;
    margin-top: 20px;
    border-bottom: 1px solid #808080a6;}
	.plancoul li {
       padding-left: 0px;
    list-style-type: none;
    margin-bottom: 13px;
    font-size: 13px;
    font-weight: 600;
}
	.plancoul li img{
    
    margin-right: 10px;
}
.priceval{    font-size: 14px;
    font-weight: 600;
    color: #8F7F65;}
.priceval span{color: #8F7F65;
    font-size: 15px;
    margin-right: 5px;}
	#button_3{}
.priceval i{    color: #6c757d;
    font-size: 12px;}
.priceval b{    font-size: 12px;
    font-weight: 600;
    color: #6c757d;}
.priceval input[type='radio'] {
	accent-color: #8F7F65;
	    float: right;
    margin-top: -12px;height: 20px;
  width: 20px;
}
.laernmore{position: relative;}
.laernmore a{position: absolute;
    color: #8F7F65;
    bottom: 9px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;}
	.laernmore{position: absolute;
    color: #8F7F65;
    bottom: 9px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;}
.priceval[type=radio]:checked+label::before {
	 content: "";
  display: block;
  position: absolute;
  text-align: center;
  height: 20px;
  width: 20px;
  left: 0;
  top: 5px;
  background-color: #8F7F65;

  border-radius: 2px;
  border: 1px solid rgb(150 150 150 / 30%);
}

	/* selectk */
	/* wizard */
	.loginpage{}
	.loginpage h2{text-align: center;
    font-family: 'MADE Canvas';
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 40px;
    margin-top: 10px;}
	.loginform{}
	.loginform label{   font-size: 14px;
    color: #000;
    font-weight: 600;
}
.justify-content-between {
    justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
}
.otp h3{font-size: 28px;
    font-weight: 500;
    text-align: center;
    font-family: 'MADE Canvas';
    margin-bottom: 40px;}
	.loginform  input:focus{     color: #212529;
    background-color: transparent!important;
    border-color: transparent!important;
    outline: 0;
    border: 1px solid gray!important;
    box-shadow: none!important; }
	.loginform  input{      height: 34px;
    background: #e7e0d6;
    border-radius: 6px;}
	.loginform  a{    text-decoration: underline;
    font-size: 14px;
    color: #000!important;  font-weight: 600;}
	.loginform a:hover{color:fff!important}
	.retinfo:hover{background:#e7e0d6; color:#000;}
	.bglogin{background:#fff;    padding: 20px 30px;
    border-radius: 10px;}
	.retinfo{    background: #8f7f65;
    border: none; color:#fff;
    outline: none;
    padding: 5px 30px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;}
	.regheader{  background: #fff;
    padding: 10px 10px;
    border-radius: 6px;}
	.regheader p{    text-align: right;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 20px;
}
	.relogo{    width: 80px;}
	.rephone{    width: 20px;}
	.loginform button{}
	.loginform .group01{    margin-bottom: 15px;}
	.loginform .group02{        margin-top: 0px;
    margin-bottom: 0px;}
	.group02 .form-group{margin-bottom: 0px;}
	.loginheader{    padding: 10px;}
	.loginheader img{width: 80px;}
	.loginheader p{    margin-bottom: 0px;
    text-align: left;
    margin-top: 24px;
    font-size: 14px;
    color: #000;
    font-weight: 600;}
	.loginheader a{color: #000;    text-decoration: underline;}
	.loginheader a:hover{    color: #b9873e;}
	/* plan type */
	.plantype {
     display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 0px;
    margin-bottom: 18px;
    padding-bottom: 33px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.plantype input {
  position: absolute;
  opacity: 1;
  cursor: pointer;
}
.plcheckmark {    font-weight: 400;
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
border: 1px solid #999ca0;
    text-align: left;
    margin-bottom: 50px;
    font-size: 16px;
    padding: 10px;

}

.plantype:hover input ~ .plcheckmark {
  background-color: #ccc;
}

.plantype input:checked ~ .plcheckmark img{    filter: invert(1);}
.plantype input:checked ~ .plcheckmark:after{
	/*    content: "";
    background-image: url(../img/icon/calendar2.png);
    background-repeat: no-repeat;
   width: 20px;
    height: 20px;
    z-index: 999999;
    top: 14px;
    left: 10px;*/
}
.plantype input:checked ~ .plcheckmark img{
	/* display:none */
	}
.plantype  img{    width: 20px;}
.plantype  h3{    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;}
.plantype  h5{    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;}
.plantype  h6{color: #000;
    font-size: 13px;
    font-weight: 600;}
.plantype input:checked ~ .plcheckmark h3{color:#fff}
.plantype input:checked ~ .plcheckmark h5{color:#fff}
.plantype input:checked ~ .plcheckmark h6{color:#fff}
.plantype input:checked ~ .plcheckmark {
    background-color: transparent;
    font-weight: 600;
    border: 3px solid #8f7f65;
    border-top-left-radius: 32px;
    border-bottom-right-radius: 32px;
}

.plcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

.containers input:checked ~ .plcheckmark:after {
  display: block;
}

	/* plan type */
	/* plan check */
	
	.planprice{}
	.plancheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.plancheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmarkcheck {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.plancheck:hover input ~ .checkmarkcheck {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.plancheck input:checked ~ .checkmarkcheck {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkcheck:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.plancheck input:checked ~ .checkmarkcheck:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.plancheck .checkmarkcheck:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
	/* plancheck */
	/* continers */
	.containers {
     display: inline-block;
    width: 20%;
    position: relative;
    padding-left: 0px;
    margin-bottom: 18px;
    padding-bottom: 33px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.containers input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {    font-weight: 400;
position: absolute;
    top: 0;
    left: 0;
    width: 128px;
       border: 2px solid gray;
    text-align: left;
    margin-bottom: 50px;
    font-size: 16px;
    padding: 10px;

}

/* On mouse-over, add a grey background color */
.containers:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containers input:checked ~ .checkmark img{    filter: invert(1);}
.containers input:checked ~ .checkmark:after{
	/*    content: "";
    background-image: url(../img/icon/calendar2.png);
    background-repeat: no-repeat;
   width: 20px;
    height: 20px;
    z-index: 999999;
    top: 14px;
    left: 10px;*/
}
.containers input:checked ~ .checkmark img{
	/* display:none */
	}
.containers  img{    width: 20px;}
.containers  h3{    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;}
.containers  h5{    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;}
.containers  h6{color: #000;
    font-size: 13px;
    font-weight: 600;}
.containers input:checked ~ .checkmark h3{color:#fff}
.containers input:checked ~ .checkmark h5{color:#fff}
.containers input:checked ~ .checkmark h6{color:#fff}
.containers input:checked ~ .checkmark {
     background-color: #8f7f65;
    font-weight: 600;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containers input:checked ~ .checkmark:after {
  display: block;
}

	/* continers */
	#datetimepicker1 .prev {
    background-image: url(../img/icon/prev.png)!important;
    background-repeat: no-repeat!important;
    font-size: 0px!important;
    position: absolute!important;
   
    left: 30px;

    z-index: 99999!important;
    height: 40px!important;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
    color: #fff;
    background-color: gray!important;
    border-color: gray!important;
}
.datepicker table tr td.today {
    color: #fff;
    background-color: #8f7f65!important;
    border-color: #8f7f65!important;
}
.previous  a{    margin-top: 20px;
    display: block;
    margin-bottom: 40px;}
#datetimepicker1 .next {
background-image: url(../img/icon/next.png)!important;
    background-repeat: no-repeat!important;
    font-size: 0px!important;
    background-position: right right;
    position: relative;
    right: -6%;
    width: 18px!important;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: transparent!important;
}
.summarypage{}
.summarypage h2{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}
.wiznew{    padding-left: 0px;}
.wiznew li{    list-style-type: none;}
.Continuecl{     border: none;
  background: #e5e0d8;
    color: #000;
    padding: 10px 30px;
    border-radius: 0px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;}
.sumtext{    background-color: #8f7f65;
    padding: 10px; border: 1px solid gray;}
.sumtext h3{    color: #fff;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 600;}
	.Continuecl{}
.sumtext p{color: #fff;
    font-size: 14px;}
	/* select option */
	
	/* select option */
	@media only screen and (max-width: 479px) {

			.navbar {
	padding: 0;
	float: right;
}
.logoo img {
	width: 54px; margin-top: -50px;
}
#header.header-scrolled {
	padding: 0px 0;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.logoo::before {
	content: '';
	border-right: 1px solid #6c757d;
	right: 0px;
	position: relative;
	z-index: 99;
	height: 45px;
	left: 90px;
	top: 14px;
	display: inline-block;
}
.phone::before {
	content: '';
	border-right: 1px solid #6c757d;
	right: 0px;
	position: relative;
	z-index: 99;
	height: 45px;
	left: 65px;
	top: 0px;
	display: inline-block;
}
.navbar-mobile ul {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	padding: 10px 0;
	background-color: #fff;
	overflow-y: auto;
	transition: 0.3s;
}
.mobile-nav-toggle.bi-x {
	color: #000;
	margin-top: 10px;
	margin-right: 10px;
}
.mainpage {
	background: #e7e0d6;
	height: 100%;
	padding-top: 151px;
}
.mainpage h2 {
	font-family: 'MADE Canvas';
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	margin-bottom: 40px;
}
.mainpage {
	background: #e7e0d6;
	height: 100%;
	padding-top: 100px;
}
		.mobilearrow{display:block; margin-left: 5px;}
		  #first {
        order: 1;
    }
    #second {
        order: 2;
    }
    #third {
        order: 3;
    }
	.navbar-mobile .dropdown ul {
	position: static;
	display: none;
	margin: 10px 20px;
	padding: 10px 0;
	z-index: 99;
	opacity: 1;
	visibility: visible;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	padding-top: 45px;
}
.navul h2 {
	position: absolute;
	top: 57px;
	left: 40px;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid gray;
width: 90%;
	line-height: 40px;
	color: #000;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
	color: #b9873e;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
	color: #b9873e;
	border: 0px solid #b9873e;
}
.navbar .dropdown ul {
	width: 100%;
}
.navul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}
.top::before {
	content: '';
	border-bottom: 20px solid #fff;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	top: 36px;
	position: absolute;
	left: 45px;
}
.servic {
	margin-bottom: 30px;
}
.owl-carousel1 {
    position: inherit;
    bottom: 0px;
}
.loginform .group02 {
    margin-top: 15px;
    margin-bottom: 40px;
}
.containers {
	display: inline-block;
	width: 49%;
	position: relative;
	padding-left: 0px;
	margin-bottom: 134px;
	padding-bottom: 0px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.savemoth h2 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
	font-family: 'Open Sans';
}
.selectsdate h2 {
	margin-top: 0px;
}
.nav-pills li {
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top: 0px;
}
.nav-pills{margin-top: 30px;}
#datetimepicker1 .prev {
	left: 25px;
}

	}
	@media only screen and (min-width: 480px) and (max-width: 699px) {}
	@media only screen and (min-width: 700px) and (max-width: 767px) {}
	@media only screen and (min-width: 768px) and (max-width: 991px) {}
	@media only screen and (min-width: 992px) and (max-width: 1199px) {}
@media only screen and (min-width: 992px) and (max-width: 1349px) {
	/* .hig77{    height: 27vh;} */
}