/*! project-name v0.0.1 | (c) 2021 YOUR NAME | MIT #754290License | http://link-to-your-git-repo.com */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.mail_btn{
  background: #494eea;
  color: #fff;
  border: 0;
  outline: 0;
  border-radius: 5px;
  cursor: pointer;
  margin: 20px 0;
  font-weight: 500;
}
.relative01{position: relative !important;}
.main_title001{
    color: #fff !important;
    font-family: 'Cormorant Garamond', sans-serif;
    position: absolute;
    font-size: 35px;
    font-weight: 500;
    top: 50%;
    left: 50%;
    background: none;
    transform: translate(-50%, -50%);
}
.bottom_img{
  position: relative;
  margin-top: 40px;
  background-image: url(../spaplus/img/bottom_bg.jpg);                                                               
  height: 20vh;
  background-size: cover;
}

.bottom_cover{
  position: absolute;
  height: 200px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);                                                                 
  z-index:10000;
}
.bottom_img .bottom_content{
  width: 100%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);                                                                   
  font-size:5rem;
  color: #fff !important;
  z-index: 20000;
  text-align: center;
}
.bottom_content H1{
  color: #fff !important; 
  font-size: 30px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 35px;
}

.bottom_add{margin: 0 auto; width: 70%;}
.bottom_add li{
  font-size: 22px;
  width:25%;
  padding:3px 0 ;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  color: #fff !important;
  font-family: 'Cormorant Garamond', sans-serif; 
}

.bottom_add li:nth-child(1){font-size: 29px;}

@media (max-width:764px){
  .bottom_add{margin: 0 auto; width: 70%;}
  .bottom_content H1{ font-size: 20px;}
  .bottom_add li{font-size: 15px; width: 100%;
    display: inline-block;}
  .bottom_add li:nth-child(1){font-size: 17px;}

}
@media (max-width:1220px){
  .bottom_add{margin: 0 auto; width: 90%;}
  .bottom_content H1{ font-size: 25px;}
  .bottom_add li{font-size: 20px; text-align: left; }
  .bottom_add li:nth-child(1){font-size: 22px;}

}


.sub_line{display: block; height: 1px; background: #debd92; margin: 20px 0;}
.Description, .Policies{
  font-size: 24px;
  font-weight: 900;
  font-family: 'Cormorant Garamond', sans-serif; 
}
.Policies{margin-top: 25px;}
.Description span{ font-family: 'Poppins', sans-serif; font-weight: 500; padding: 5px 0;}
.Policies p{ font-family: 'Poppins', sans-serif; font-weight: 500; padding: 5px 0;}





* {
  margin:0;
  padding:0;
  font-family:'Poppins', sans-serif;
  letter-spacing:.3px;
  font-size:14px;
  color:#3e5c5b;
  line-height:1.5rem ;

}
.backbg{background-color: #fff8ef !important;}
 
*,:after,:before {
  -webkit-box-sizing:border-box;
  box-sizing:border-box 
}
html {
  scroll-behavior:smooth;
  height:100% 
}
body,html {
  overflow-x:hidden;
}
body {
   background-color: #fff8ef;
   font-family:'Cormorant Garamond', 'Poppins', sans-serif;
}
button {
  background-color:transparent;
  border:0;
  cursor:pointer 
}
button:focus {
  outline:0 
}
a {
  cursor:pointer;
  text-decoration:none 
}
h2 {
  line-height:1.8rem 
}
li,ul {
  list-style:none 
}
.z-101 {
  z-index:101 
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0 
}
input[type=number] {
  -moz-appearance:textfield 
}
input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline-style:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:3px;
  background-color:#f4f4f4;
  min-height:40px;
  border:1px solid #ddd;
  padding:0 .5rem 
}
input[type=email]:disabled,input[type=number]:disabled,input[type=text]:disabled,textarea:disabled {
  background-color:#ddd;
  color:#888 
}
textarea {
  border:1px solid #ddd;
  resize:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  min-height:100px;
  border-radius:3px;
  width:100%;
  background-color:#f4f4f4;
  padding:0 .5rem 
}
button.main {
  padding:0 2rem;
  margin-top:4rem;
  height:40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:#ef4b24;
  border-radius:5px;
  color:#fff 
}
#topbutton {
  display:none;
  position:fixed;
  bottom:2rem;
  right:2rem;
  z-index:99;
  background-color:#43a047;
  opacity:.8;
  color:#fff;
  font-weight:800;
  font-size:13px;
  letter-spacing:1px;
  cursor:pointer;
  padding:15px;
  border-radius:50px;
  width:4rem;
  height:4rem 
}
@media screen and (max-width:768px){
 #topbutton {
      bottom:1.5rem;
      right:1.5rem 
 }
}
#homeButton {
  position:fixed;
  bottom:2rem;
  left:2rem;
  z-index:99;
  background-color:#289117;
  opacity:.8;
  color:#fff;
  font-weight:800;
  font-size:13px;
  letter-spacing:1px;
  cursor:pointer;
  padding:15px;
  border-radius:50px;
  height:4rem 
}
@media screen and (max-width:768px){
  #homeButton {
      bottom:1.5rem;
      left:1.5rem 
 }
}
#showThemeBtn {
  position:fixed;
  bottom:2rem;
  left:9rem;
  z-index:99;
  background-color:#fff;
  opacity:.8;
  border:1px solid #888;
  font-weight:800;
  font-size:13px;
  letter-spacing:1px;
  cursor:pointer;
  padding:15px;
  border-radius:50px;
  height:4rem;
  color:#333 
}
@media screen and (max-width:768px){
 #showThemeBtn {
      bottom:1.5rem;
      left:9rem 
 }
}
#topbutton:hover {
  background-color:#555 
}
.disabled {
  cursor:not-allowed 
}
::-webkit-scrollbar {
  height:20px;
  width:10px;
  background:#eee;
  border-radius:10px 
}
::-webkit-scrollbar-thumb:horizontal {
  background:#ccc;
  border-radius:10px 
}
@media screen and (max-width:500px){
  ::-webkit-scrollbar, ::-webkit-scrollbar-thumb:horizontal {
      border-radius:0 
 }
}
.justify-center {
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important 
}
main {
  background-color:#fff 
}
@media screen and (max-width:500px) {
  input[type],textarea {
      font-size:16px 
 }
}
.main-font {
  color:#494949!important 
}
.p-unset {
  padding:unset 
}
.p-0 {
  padding:0 
}
.p-02 {
  padding:.2rem 
}
.p-03 {
  padding:.3rem 
}
.p-05 {
  padding:.5rem 
}
.p-07 {
  padding:.7rem 
}
.p-1 {
  padding:1rem 
}
.p-2 {
  padding:2rem 
}
.p-3 {
  padding:3rem 
}
.p-4 {
  padding:4rem 
}
.p-5 {
  padding:5rem 
}
.p-6 {
  padding:6rem 
}
.p-7 {
  padding:7rem 
}
.p-8 {
  padding:8rem 
}
.p-9 {
  padding:9rem 
}
.p-10 {
  padding:10rem 
}
.p-15 {
  padding:15rem 
}
.p-20 {
  padding:20rem 
}
.p-25 {
  padding:25rem 
}
.p-30 {
  padding:30rem 
}
.p-40 {
  padding:40rem 
}
.p-50 {
  padding:50rem 
}
.p-60 {
  padding:60rem 
}
.p-70 {
  padding:70rem 
}
.p-80 {
  padding:80rem 
}
.p-90 {
  padding:90rem 
}
.p-100 {
  padding:100rem 
}
.pl-0 {
  padding-left:0 
}
.pl-03 {
  padding-left:.3rem 
}
.pl-05 {
  padding-left:.5rem 
}
.pl-1 {
  padding-left:1rem 
}
.pl-2 {
  padding-left:2rem 
}
.pl-3 {
  padding-left:3rem 
}
.pl-4 {
  padding-left:4rem 
}
.pl-5 {
  padding-left:5rem 
}
.pl-6 {
  padding-left:6rem 
}
.pl-7 {
  padding-left:7rem 
}
.pl-8 {
  padding-left:8rem 
}
.pl-9 {
  padding-left:9rem 
}
.pl-10 {
  padding-left:10rem 
}
.pl-15 {
  padding-left:15rem 
}
.pl-20 {
  padding-left:20rem 
}
.pl-25 {
  padding-left:25rem 
}
.pl-30 {
  padding-left:30rem 
}
.pr-0 {
  padding-right:0!important 
}
.pr-03 {
  padding-right:.3rem 
}
.pr-05 {
  padding-right:.5rem 
}
.pr-1 {
  padding-right:1rem 
}
.pr-2 {
  padding-right:2rem 
}
.pr-3 {
  padding-right:3rem 
}
.pr-4 {
  padding-right:4rem 
}
.pr-5 {
  padding-right:5rem 
}
.pr-6 {
  padding-right:6rem 
}
.pr-7 {
  padding-right:7rem 
}
.pr-8 {
  padding-right:8rem 
}
.pr-9 {
  padding-right:9rem 
}
.pr-10 {
  padding-right:10rem 
}
.pr-15 {
  padding-right:15rem 
}
.pr-20 {
  padding-right:20rem 
}
.pr-25 {
  padding-right:25rem 
}
.pr-30 {
  padding-right:30rem 
}
.pt-0 {
  padding-top:0 
}
.pt-03 {
  padding-top:.3rem 
}
.pt-05 {
  padding-top:.5rem 
}
.pt-75 {
  padding-top:7.5rem 
}
.pt-1 {
  padding-top:1rem 
}
.pt-2 {
  padding-top:2rem 
}
.pt-3 {
  padding-top:3rem 
}
.pt-4 {
  padding-top:4rem 
}
.pt-5 {
  padding-top:5rem 
}
.pt-6 {
  padding-top:6rem 
}
.pt-7 {
  padding-top:7rem 
}
.pt-8 {
  padding-top:8rem 
}
.pt-9 {
  padding-top:9rem 
}
.pt-10 {
  padding-top:10rem 
}
.pt-15 {
  padding-top:15rem 
}
.pt-20 {
  padding-top:20rem 
}
.pt-25 {
  padding-top:25rem 
}
.pt-30 {
  padding-top:30rem 
}
.pt-40 {
  padding-top:40rem 
}
.pt-50 {
  padding-top:50rem 
}
.pt-60 {
  padding-top:60rem 
}
.pt-70 {
  padding-top:70rem 
}
.pt-80 {
  padding-top:80rem 
}
.pt-90 {
  padding-top:90rem 
}
.pt-100 {
  padding-top:100rem 
}
.pb-0 {
  padding-bottom:0 
}
.pb-03 {
  padding-bottom:.3rem 
}
.pb-05 {
  padding-bottom:.5rem 
}
.pb-1 {
  padding-bottom:1rem 
}
.pb-2 {
  padding-bottom:2rem 
}
.pb-3 {
  padding-bottom:3rem 
}
.pb-4 {
  padding-bottom:4rem 
}
.pb-5 {
  padding-bottom:5rem 
}
.pb-6 {
  padding-bottom:6rem 
}
.pb-7 {
  padding-bottom:7rem 
}
.pb-8 {
  padding-bottom:8rem 
}
.pb-9 {
  padding-bottom:9rem 
}
.pb-10 {
  padding-bottom:10rem 
}
.pb-15 {
  padding-bottom:15rem 
}
.pb-20 {
  padding-bottom:20rem 
}
.pb-25 {
  padding-bottom:25rem 
}
.pb-30 {
  padding-bottom:30rem 
}
.pb-40 {
  padding-bottom:40rem 
}
.pb-50 {
  padding-bottom:50rem 
}
.pb-60 {
  padding-bottom:60rem 
}
.pb-70 {
  padding-bottom:70rem 
}
.pb-80 {
  padding-bottom:80rem 
}
.pb-90 {
  padding-bottom:90rem 
}
.pb-100 {
  padding-bottom:100rem 
}
.p-side-03 {
  padding-left:.3rem;
  padding-right:.3rem 
}
.p-side-05 {
  padding-left:.5rem;
  padding-right:.5rem 
}
.p-side-1 {
  padding-left:1rem;
  padding-right:1rem 
}
.p-side-2 {
  padding-left:2rem;
  padding-right:2rem 
}
.m-auto {
  margin:auto 
}
.m-0 {
  margin:0 
}
.m-05 {
  margin:.5rem 
}
.m-1 {
  margin:1rem 
}
.m-2 {
  margin:2rem 
}
.m-3 {
  margin:3rem 
}
.m-4 {
  margin:4rem 
}
.m-5 {
  margin:5rem 
}
.m-6 {
  margin:6rem 
}
.m-7 {
  margin:7rem 
}
.m-8 {
  margin:8rem 
}
.m-9 {
  margin:9rem 
}
.m-10 {
  margin:10rem 
}
.m-15 {
  margin:15rem 
}
.m-20 {
  margin:20rem 
}
.m-25 {
  margin:25rem 
}
.m-30 {
  margin:30rem 
}
.m-40 {
  margin:40rem 
}
.m-50 {
  margin:50rem 
}
.m-60 {
  margin:60rem 
}
.m-70 {
  margin:70rem 
}
.m-80 {
  margin:80rem 
}
.m-90 {
  margin:90rem 
}
.m-100 {
  margin:100rem 
}
.ml-0 {
  margin-left:0 
}
.ml-03 {
  margin-left:.3rem 
}
.ml-05 {
  margin-left:.5rem 
}
.ml-1 {
  margin-left:1rem 
}
.ml-2 {
  margin-left:2rem 
}
.ml-3 {
  margin-left:3rem 
}
.ml-4 {
  margin-left:4rem 
}
.ml-5 {
  margin-left:5rem 
}
.ml-6 {
  margin-left:6rem 
}
.ml-7 {
  margin-left:7rem 
}
.ml-8 {
  margin-left:8rem 
}
.ml-9 {
  margin-left:9rem 
}
.ml-10 {
  margin-left:10rem 
}
.ml-15 {
  margin-left:15rem 
}
.ml-20 {
  margin-left:20rem 
}
.ml-25 {
  margin-left:25rem 
}
.ml-30 {
  margin-left:30rem 
}
.mr-0 {
  margin-right:0 
}
.mr-03 {
  margin-right:.3rem 
}
.mr-05 {
  margin-right:.5rem 
}
.mr-1 {
  margin-right:1rem 
}
.mr-2 {
  margin-right:2rem 
}
.mr-3 {
  margin-right:3rem 
}
.mr-4 {
  margin-right:4rem 
}
.mr-5 {
  margin-right:5rem 
}
.mr-6 {
  margin-right:6rem 
}
.mr-7 {
  margin-right:7rem 
}
.mr-8 {
  margin-right:8rem 
}
.mr-9 {
  margin-right:9rem 
}
.mr-10 {
  margin-right:10rem 
}
.mr-15 {
  margin-right:15rem 
}
.mr-20 {
  margin-right:20rem 
}
.mr-25 {
  margin-right:25rem 
}
.mr-30 {
  margin-right:30rem 
}
.mt-0 {
  margin-top:0 
}
.mt-03 {
  margin-top:.3rem 
}
.mt-05 {
  margin-top:.5rem 
}
.mt-1 {
  margin-top:1rem 
}
.mt-2 {
  margin-top:2rem 
}
.mt-3 {
  margin-top:3rem 
}
.mt-4 {
  margin-top:4rem 
}
.mt-5 {
  margin-top:5rem 
}
.mt-6 {
  margin-top:6rem 
}
.mt-7 {
  margin-top:7rem 
}
.mt-8 {
  margin-top:8rem 
}
.mt-9 {
  margin-top:9rem 
}
.mt-10 {
  margin-top:10rem 
}
.mt-15 {
  margin-top:15rem 
}
.mt-20 {
  margin-top:20rem 
}
.mt-25 {
  margin-top:25rem 
}
.mt-30 {
  margin-top:30rem 
}
.mt-40 {
  margin-top:40rem 
}
.mt-50 {
  margin-top:50rem 
}
.mt-60 {
  margin-top:60rem 
}
.mt-70 {
  margin-top:70rem 
}
.mt-80 {
  margin-top:80rem 
}
.mt-90 {
  margin-top:90rem 
}
.mt-100 {
  margin-top:100rem 
}
.mb-0 {
  margin-bottom:0 
}
.mb-05 {
  margin-bottom:.5rem 
}
.mb-1 {
  margin-bottom:1rem 
}
.mb-2 {
  margin-bottom:2rem 
}
.mb-3 {
  margin-bottom:3rem 
}
.mb-4 {
  margin-bottom:4rem 
}
.mb-5 {
  margin-bottom:5rem 
}
.mb-6 {
  margin-bottom:6rem 
}
.mb-7 {
  margin-bottom:7rem 
}
.mb-8 {
  margin-bottom:8rem 
}
.mb-9 {
  margin-bottom:9rem 
}
.mb-10 {
  margin-bottom:10rem 
}
.mb-15 {
  margin-bottom:15rem 
}
.mb-20 {
  margin-bottom:20rem 
}
.mb-25 {
  margin-bottom:25rem 
}
.mb-30 {
  margin-bottom:30rem 
}
.mb-40 {
  margin-bottom:40rem 
}
.mb-50 {
  margin-bottom:50rem 
}
.mb-60 {
  margin-bottom:60rem 
}
.mb-70 {
  margin-bottom:70rem 
}
.mb-80 {
  margin-bottom:80rem 
}
.mb-90 {
  margin-bottom:90rem 
}
.mb-100 {
  margin-bottom:100rem 
}
.h-20 {
  height:20px 
}
.h-30 {
  height:30px 
}
.h-32 {
  height:32px 
}
.h-33 {
  height:33px 
}
.h-35 {
  height:35px 
}
.h-40 {
  height:40px 
}
.h-50 {
  height:50px 
}
.h-60 {
  height:60px 
}
.h-70 {
  height:70px 
}
.h-80 {
  height:80px 
}
.h-90 {
  height:90px 
}
.h-100 {
  height:100px 
}
.h-110 {
  height:110px 
}
.h-120 {
  height:120px 
}
.h-160 {
  height:160px 
}
.h-170 {
  height:170px 
}
.h-200 {
  height:200px 
}
.h-350 {
  height:350px 
}
.min-h-unset {
  min-height:unset 
}
.min-h-10 {
  min-height:10px 
}
.min-h-15 {
  min-height:15px 
}
.min-h-20 {
  min-height:20px 
}
.min-h-30 {
  min-height:30px 
}
.min-h-33 {
  min-height:33px 
}
.min-h-35 {
  min-height:35px 
}
.min-h-40 {
  min-height:40px 
}
.min-h-50 {
  min-height:50px 
}
.min-h-55 {
  min-height:55px 
}
.min-h-60 {
  min-height:60px 
}
.min-h-70 {
  min-height:70px 
}
.min-h-80 {
  min-height:80px 
}
.min-h-90 {
  min-height:90px 
}
.min-h-100 {
  min-height:100px 
}
.min-h-110 {
  min-height:110px 
}
.min-h-120 {
  min-height:120px 
}
.min-h-130 {
  min-height:130px 
}
.min-h-149 {
  min-height:149px 
}
.min-h-150 {
  min-height:150px 
}
.min-h-160 {
  min-height:160px 
}
.min-h-170 {
  min-height:170px 
}
.min-h-190 {
  min-height:190px 
}
.min-h-200 {
  min-height:200px 
}
.min-h-250 {
  min-height:250px 
}
.min-h-300 {
  min-height:300px 
}
.min-h-320 {
  min-height:320px 
}
.min-h-350 {
  min-height:350px 
}
.min-h-400 {
  min-height:400px 
}
.min-h-450 {
  min-height:450px 
}
.min-h-500 {
  min-height:500px 
}
.max-h-20 {
  max-height:20px 
}
.max-h-30 {
  max-height:30px 
}
.max-h-33 {
  max-height:33px 
}
.max-h-35 {
  max-height:35px 
}
.max-h-40 {
  max-height:40px 
}
.max-h-50 {
  max-height:50px 
}
.max-h-60 {
  max-height:60px 
}
.max-h-70 {
  max-height:70px 
}
.max-h-80 {
  max-height:80px 
}
.max-h-90 {
  max-height:90px 
}
.max-h-100 {
  max-height:100px 
}
.max-h-110 {
  max-height:110px 
}
.max-h-120 {
  max-height:120px 
}
.max-h-130 {
  max-height:130px 
}
.max-h-149 {
  max-height:149px 
}
.max-h-150 {
  max-height:150px 
}
.max-h-160 {
  max-height:160px 
}
.max-h-170 {
  max-height:170px 
}
.max-h-190 {
  max-height:190px 
}
.max-h-200 {
  max-height:200px 
}
.max-h-250 {
  max-height:250px 
}
.max-h-300 {
  max-height:300px 
}
.max-h-320 {
  max-height:320px 
}
.max-h-350 {
  max-height:350px 
}
.max-h-400 {
  max-height:400px 
}
.max-h-450 {
  max-height:450px 
}
.max-h-500 {
  max-height:500px 
}
.w-auto {
  width:auto 
}
.w-fitcontent {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content 
}
.min-w-10 {
  min-width:10px 
}
.min-w-15 {
  min-width:15px 
}
.min-w-20 {
  min-width:20px 
}
.min-w-30 {
  min-width:30px 
}
.min-w-40 {
  min-width:40px 
}
.min-w-50 {
  min-width:50px 
}
.min-w-60 {
  min-width:60px 
}
.min-w-70 {
  min-width:70px 
}
.min-w-80 {
  min-width:80px 
}
.min-w-90 {
  min-width:90px 
}
.min-w-100 {
  min-width:100px 
}
.min-w-110 {
  min-width:110px 
}
.min-w-120 {
  min-width:120px 
}
.min-w-130 {
  min-width:130px 
}
.min-w-150 {
  min-width:150px 
}
.min-w-200 {
  min-width:200px 
}
.min-w-300 {
  min-width:300px 
}
.max-w-15 {
  max-width:15px 
}
.max-w-20 {
  max-width:20px 
}
.max-w-30 {
  max-width:30px 
}
.max-w-40 {
  max-width:40px 
}
.max-w-50 {
  max-width:50px 
}
.max-w-60 {
  max-width:60px 
}
.max-w-70 {
  max-width:70px 
}
.max-w-80 {
  max-width:80px 
}
.max-w-90 {
  max-width:90px 
}
.max-w-100 {
  max-width:100px 
}
.max-w-110 {
  max-width:110px 
}
.max-w-120 {
  max-width:120px 
}
.max-w-150 {
  max-width:150px 
}
.max-w-180 {
  max-width:180px 
}
.max-w-200 {
  max-width:200px 
}
.max-w-250 {
  max-width:250px 
}
.max-w-300 {
  max-width:300px 
}
.min-wh-70 {
  min-height:70px;
  min-width:70px 
}
.min-wh-80 {
  min-height:80px;
  min-width:80px 
}
.min-wh-100 {
  min-height:100px;
  min-width:100px 
}
.w-5 {
  width:5% 
}
.w-10 {
  width:10% 
}
.w-16 {
  width:16.667% 
}
.w-15 {
  width:15% 
}
.w-20 {
  width:20% 
}
.w-25 {
  width:25% 
}
.w-30 {
  width:30% 
}
.w-33 {
  width:33.333% 
}
.w-40 {
  width:40% 
}
.w-45 {
  width:45% 
}
.w-50 {
  width:50% 
}
.w-60 {
  width:60% 
}
.w-70 {
  width:70% 
}
.w-80 {
  width:80% 
}
.w-100 {
  width:100% 
}
.w-100vw {
  width:100vw 
}
.w-inherit {
  width:inherit 
}
.h-100 {
  height:100% 
}
.display-block {
  display:block!important 
}
.display-flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.display-inlineblock {
  display:inline-block 
}
.display-inlinegrid {
  display:inline-grid 
}
.display-inlineflex {
  display:-webkit-inline-box!important;
  display:-ms-inline-flexbox!important;
  display:inline-flex!important 
}
.display-none {
  display:none 
}
.display-inherit {
  display:inherit 
}
.align-center {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
.justify-center {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.justify-spacebetween {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
.justify-left {
  -webkit-box-pack:left;
  -ms-flex-pack:left;
  justify-content:left 
}
.justify-right {
  -webkit-box-pack:right;
  -ms-flex-pack:right;
  justify-content:right 
}
.justify-flexend {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end 
}
.flex-1 {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1 
}
.flex-2 {
  -webkit-box-flex:2;
  -ms-flex:2;
  flex:2 
}
.position-relative {
  position:relative 
}
.position-absolute {
  position:absolute 
}
.position-fixed {
  position:fixed 
}
.position-sticky {
  position:-webkit-sticky;
  position:sticky 
}
.top-0 {
  top:0!important 
}
.left-0 {
  left:0!important 
}
.right-0 {
  right:0!important 
}
.bottom-0 {
  bottom:0!important 
}
.bottom-120 {
  bottom:120px!important 
}
.top-100 {
  top:100%!important 
}
.centering-child {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%) 
}
.centering-itself {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.centering-child-vertical {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%) 
}
.centering-child-horizental {
  position:absolute;
  left:50%;
  -webkit-transform:translate(-50%);
  transform:translate(-50%) 
}
.bottom-0 {
  bottom:0 
}
.top-30 {
  top:30% 
}
.flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.space-between {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
.bg-color-white {
  background-color:#fff 
}
.bg-color-1 {
  background-color:#f4f4f4 
}
.bg-color-333 {
  background-color:#333 
}
.color-white {
  color:#fff 
}
.text-center {
  text-align:center 
}
.color-main {
  color:#3e5c5b;
}
.color-red {
  color:red 
}
.font13 {
  font-size:13px 
}
.font1-25 {
  font-size:1.25rem 
}
.font-weight-bold {
  font-weight:800 
}
.text-uppercase {
  text-transform:uppercase 
}
.overflow-auto {
  overflow:auto 
}
.border-radius-10 {
  border-radius:10px 
}
.border-radius-0 {
  border-radius:0 
}
.border-unset {
  border:unset 
}
.border-1 {
  border:1px solid #ddd 
}
.border-main-1 {
  border:1px solid #debd92;
}
.border-top-0 {
  border-top-width:0 
}
.border-right-0 {
  border-right-width:0 
}
.border-left-0 {
  border-left-width:0 
}
.hover-to-lightbg:hover {
  background-color:#f4f4f4 
}
.pointer {
  cursor:pointer 
}
@media screen and (min-width:1501px){
  .desktop-lg-w-5 {
      width:5% 
 }
  .desktop-lg-w-10 {
      width:10% 
 }
  .desktop-lg-w-16 {
      width:16.667% 
 }
  .desktop-lg-w-15 {
      width:15% 
 }
  .desktop-lg-w-20 {
      width:20% 
 }
  .desktop-lg-w-25 {
      width:25% 
 }
  .desktop-lg-w-30 {
      width:30% 
 }
  .desktop-lg-w-33 {
      width:33.333% 
 }
  .desktop-lg-w-40 {
      width:40% 
 }
  .desktop-lg-w-45 {
      width:45% 
 }
  .desktop-lg-w-50 {
      width:50% 
 }
  .desktop-lg-w-60 {
      width:60% 
 }
  .desktop-lg-w-70 {
      width:70% 
 }
  .desktop-lg-w-80 {
      width:80% 
 }
  .desktop-lg-w-100 {
      width:100% 
 }
}
@media screen and (max-width:1500px){
  .desktop-md-w-5 {
      width:5% 
 }
  .desktop-md-w-10 {
      width:10% 
 }
  .desktop-md-w-16 {
      width:16.667% 
 }
  .desktop-md-w-15 {
      width:15% 
 }
  .desktop-md-w-20 {
      width:20% 
 }
  .desktop-md-w-25 {
      width:25% 
 }
  .desktop-md-w-30 {
      width:30% 
 }
  .desktop-md-w-33 {
      width:33.333% 
 }
  .desktop-md-w-40 {
      width:40% 
 }
  .desktop-md-w-45 {
      width:45% 
 }
  .desktop-md-w-50 {
      width:50% 
 }
  .desktop-md-w-60 {
      width:60% 
 }
  .desktop-md-w-70 {
      width:70% 
 }
  .desktop-md-w-80 {
      width:80% 
 }
  .desktop-md-w-100 {
      width:100% 
 }
}
@media screen and (max-width:1200px){
  .desktop-sm-w-5 {
      width:5% 
 }
  .desktop-sm-w-10 {
      width:10% 
 }
  .desktop-sm-w-16 {
      width:16.667% 
 }
  .desktop-sm-w-15 {
      width:15% 
 }
  .desktop-sm-w-20 {
      width:20% 
 }
  .desktop-sm-w-25 {
      width:25% 
 }
  .desktop-sm-w-30 {
      width:30% 
 }
  .desktop-sm-w-33 {
      width:33.333% 
 }
  .desktop-sm-w-40 {
      width:40% 
 }
  .desktop-sm-w-45 {
      width:45% 
 }
  .desktop-sm-w-50 {
      width:50% 
 }
  .desktop-sm-w-60 {
      width:60% 
 }
  .desktop-sm-w-70 {
      width:70% 
 }
  .desktop-sm-w-80 {
      width:80% 
 }
  .desktop-sm-w-100 {
      width:100% 
 }
}
@media screen and (max-width:1024px){
  .tablet-lg-w-5 {
      width:5% 
 }
  .tablet-lg-w-10 {
      width:10% 
 }
  .tablet-lg-w-16 {
      width:16.667% 
 }
  .tablet-lg-w-15 {
      width:15% 
 }
  .tablet-lg-w-20 {
      width:20% 
 }
  .tablet-lg-w-25 {
      width:25% 
 }
  .tablet-lg-w-30 {
      width:30% 
 }
  .tablet-lg-w-33 {
      width:33.333% 
 }
  .tablet-lg-w-40 {
      width:40% 
 }
  .tablet-lg-w-45 {
      width:45% 
 }
  .tablet-lg-w-50 {
      width:50% 
 }
  .tablet-lg-w-60 {
      width:60% 
 }
  .tablet-lg-w-70 {
      width:70% 
 }
  .tablet-lg-w-80 {
      width:80% 
 }
  .tablet-lg-w-100 {
      width:100% 
 }
}
@media screen and (max-width:991px){
  .tablet-sm-w-5 {
      width:5% 
 }
  .tablet-sm-w-10 {
      width:10% 
 }
  .tablet-sm-w-16 {
      width:16.667% 
 }
  .tablet-sm-w-15 {
      width:15% 
 }
  .tablet-sm-w-20 {
      width:20% 
 }
  .tablet-sm-w-25 {
      width:25% 
 }
  .tablet-sm-w-30 {
      width:30% 
 }
  .tablet-sm-w-33 {
      width:33.333% 
 }
  .tablet-sm-w-40 {
      width:40% 
 }
  .tablet-sm-w-45 {
      width:45% 
 }
  .tablet-sm-w-50 {
      width:50% 
 }
  .tablet-sm-w-60 {
      width:60% 
 }
  .tablet-sm-w-70 {
      width:70% 
 }
  .tablet-sm-w-80 {
      width:80% 
 }
  .tablet-sm-w-90 {
      width:90% 
 }
  .tablet-sm-w-100 {
      width:100% 
 }
}
@media screen and (max-width:500px){
  .mobile-w-5 {
      width:5% 
 }
  .mobile-w-10 {
      width:10% 
 }
  .mobile-w-16 {
      width:16.667% 
 }
  .mobile-w-15 {
      width:15% 
 }
  .mobile-w-20 {
      width:20% 
 }
  .mobile-w-25 {
      width:25% 
 }
  .mobile-w-30 {
      width:30% 
 }
  .mobile-w-33 {
      width:33.333% 
 }
  .mobile-w-40 {
      width:40% 
 }
  .mobile-w-45 {
      width:45% 
 }
  .mobile-w-50 {
      width:50% 
 }
  .mobile-w-60 {
      width:60% 
 }
  .mobile-w-70 {
      width:70% 
 }
  .mobile-w-80 {
      width:80% 
 }
  .mobile-w-90 {
      width:90% 
 }
  .mobile-w-100 {
      width:100% 
 }
}
main.table {
  background: none;
  padding-top:7rem;
  min-height:75vh;
  display:block 
}
.topImg-outer {
  padding-top:70px 
}
@media screen and (max-width:991px){
  .topImg-outer {
      padding-top:60px 
 }
}
@media screen and (max-width:500px){
  .topImg-outer {
      padding-top:50px 
 }
}
.topImg .next,.topImg .prev {
  z-index: 9999999999;
  cursor:pointer;
  position:absolute;
  top:50%;
  width:auto;
  padding:16px;
  margin-top:-22px;
  color:#fff;
  font-weight:700;
  -webkit-transition:.6s ease;
  transition:.6s ease;
  border-radius:0 3px 3px 0;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:rgba(0,0,0,.19) 
}
.topImg .next {
  right:0;
  border-radius:3px 0 0 3px 
}
.topImg .next:hover,.topImg .prev:hover {
  background-color:rgba(0,0,0,.8) 
}
.topImg .fade {
  -webkit-animation-name:fade;
  -webkit-animation-duration:1.5s;
  animation-name:fade;
  animation-duration:1.5s 
}
@-webkit-keyframes fade {
  0% {
      opacity:.4 
 }
  to {
      opacity:1 
 }
}
@keyframes fade {
  0% {
      opacity:.4 
 }
  to {
      opacity:1 
 }
}
@media only screen and (max-width:300px){
  .topImg .next,.topImg .prev {
      font-size:11px 
 }
}
.topImg-outer .topImg,.topImg-outer .topImg .mySlidesTop {
  width:100vw;
  height:15vw;
  position:relative;
  background-color:#ddd 
}
@media screen and (max-width:1200px){
  .topImg-outer .topImg,.topImg-outer .topImg .mySlidesTop {
      height:20vw 
 }
}
@media screen and (max-width:500px){
  .topImg-outer .topImg,.topImg-outer .topImg .mySlidesTop {
      height:60vw 
 }
}
.topImg-outer .topImg .mySlidesTop {
  background-repeat:no-repeat;
  background-color:#ddd;
  background-position:50%;
  background-size:cover;
  position:relative;
  display:none;
  z-index: 3;
}
.topImg-outer .topImg .mySlidesTop .slideshow-img,.topImg-outer .topImg .mySlidesTop a {
  width:100%;
  height:100%;
  display:block 
}
.topImg-outer .topImg .mySlidesTop .slideshow-img {
  background-position:50%;
  background-size:cover;
  background-repeat:no-repeat;
  position: relative;
}
.topImg-outer .topImg .img-overlay {
  position:absolute;
  top:70px;
  background-color:rgba(0,0,0,.31);
  width:100vw;
  padding:1rem 0;
  text-align:center 
}
.topImg-outer .topImg .img-overlay p {
  color:#fff;
  font-weight:600;
  padding-right:.5rem 
}
.topImg-outer .topImg .img-overlay a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.topImg-outer .topImg .img-overlay a button {
  background-color:green;
  padding:.1rem .5rem;
  border-radius:5px;
  color:#fff;
  font-size:13px 
}
.topImg-outer .topImg .img-overlay .ordertype-buttons-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.topImg-outer .topImg .img-overlay .ordertype-buttons-wrapper button {
  min-width:20vw;
  min-height:50px;
  font-size:15px;
  font-weight:800 
}
.topImg-outer .topImg .img-overlay .ordertype-buttons-wrapper a:first-of-type button {
  border-radius:5px 0 0 5px;
  background-color:#43a047 
}
.topImg-outer .topImg .img-overlay .ordertype-buttons-wrapper a:last-of-type button {
  border-radius:0 5px 5px 0;
  background-color:#1e1f21 
}
.topImg-outer .border {
  border-bottom:1px solid #ddd 
}
.category-inner li {
  float:left 
}
.category-inner li,.category-inner li a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.category-inner li a {
  min-width:80px;
  min-height:40px;
  font-weight:700;
  border-radius:5px;
  padding:.2rem .5rem;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-sizing:unset;
  box-sizing:unset;
  white-space:nowrap;
  background-color:#f4f4f4;
  margin:1.5rem .5rem .5rem;
  text-align:center;
  line-height:normal 
}
.category-inner li a:first-of-type {
  margin-left:0 
}
.category-inner li a.active {
  background-color:#3e5c5b;
  color:#fff 
}
.category-inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-sizing:unset;
  box-sizing:unset;
}
.category-inner.noscroll {
  display:block!important;
  text-align:center;
  padding:1rem 0;
}
.category-inner.noscroll li {
  display:inline-block!important;
  float:none 
}
.category-inner.noscroll li a {
 /* min-width: 60px; */
  padding: 1px 20px;
  /* min-height: 35px; */
  margin: 0.2rem;
}
.category-outer {
  overflow-y:auto 
}
.item-outer {
  min-height:40vh 
}
.item-outer .item-inner {
  /* border: 1px solid; */
  /* width:100%; */
  display: inline-flex;
  position: relative;
  padding: 10px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.item-outer .item-group,.item-outer .item-list-group {
 /*float:left;
 * width:14vw;
 */
 /* flex-grow: 1; */
  padding-top:2rem;
  padding:1vw;
  display: inline-block;
}
.soldout {
  background-color:#b71c1c;
  z-index:10 
}
.soldout,.special {
  position:absolute;
  width:60px;
  height:21px;
  top:5px;
  left:5px;
  border-radius:5px;
  text-align:center;
  color:#fff;
  font-size:12px 
}
.special {
  background-color:#3700b3 
}
.modal .soldout,.modal .special {
  border-radius:6px 
}
.item-outer .item-inner .item-group .add-cart-btn,.item-outer .item-inner .item-list-group .add-cart-btn {
  position:absolute;
  right:0;
  bottom:0;
  background-color:#303030;
  background-image:url(../order_svg/add_cart.svg);
  background-position:50%;
  border-radius:5px 0 5px 0;
  width:50px;
  height:50px;
  cursor:pointer 
}
.item-outer .item-group .item-img {
  cursor:pointer 
}
.item-img {
  background-color:#f4f4f4;
  height:180px;
  width:180px;
  margin: 0 auto;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  position:relative 
}
.item-outer .item-inner .item-group p,.item-outer .item-inner .item-list-group p {
  text-align:center;
  font-weight:700 
}
.item-outer .item-inner .item-group .item-price,.item-outer .item-inner .item-list-group p:last-of-type {
  color:#43a047 
}
.item-outer .item-inner .item-group .item-price-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.item-outer .item-inner .item-list-group .item-price-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.item-outer .item-inner .item-group .item-price.wasprice,.item-outer .item-inner .item-list-group .item-price.wasprice {
  color:#aaa;
  font-style:italic;
  text-decoration:line-through;
  font-weight:600;
  padding-right:.5rem;
  font-size:small 
}
.item-outer .item-inner .item-group .item-name,.item-outer .item-inner .item-list-group .item-name {
 /*min-height:55px;
  */
 overflow:hidden;
  line-height:18px;
  margin:1rem .5rem .5rem;
  max-height:55px;
  color:#494949 
}
.item-outer .item-inner .no-item {
  text-align:center;
  padding:6rem 0;
  background-color:#f4f4f4;
  border-radius:5px;
  margin-top:1rem;
  color:rgba(0,0,0,.38);
  font-weight:600 
}
.menu-outer .menu-flag {
  display:none 
}
main.table .menu-outer {
  min-height:65vh 
}
.item-inner .item-list-group {
  position:relative;
  padding-right:0;
  width:20% 
}
.item-inner .item-list-group form {
  padding-right:1rem 
}
.item-inner .item-list-group .item-info {
  padding:.5rem;
  background-color:#fff;
  border-radius:5px;
  position:relative;
  border:1px solid #ddd;
  cursor:pointer 
}
.item-inner .item-list-group .item-info .item-name,.item-inner .item-list-group .item-info .item-price {
  text-align:left;
  margin:0 
}
.item-outer .item-inner .item-list-group .add-cart-btn {
  margin-right:1rem 
}
.item-outer .item-inner .item-list-group .item-name {
  max-height:38px;
  min-height:38px 
}
.item-outer .item-inner .item-list-group .soldout,.item-outer .item-inner .item-list-group .special {
  right:0;
  top:0;
  left:unset;
  border-radius:0 5px 0 5px 
}
.select-ordertype-wrapper {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,.58);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  z-index:1001 
}
.select-ordertype-wrapper .select-ordertype-inner {
  padding:2rem;
  border-radius:5px;
  background-color:#fff 
}
.select-ordertype-wrapper .select-ordertype-inner .select-ordertype-logo {
  background-repeat:no-repeat;
  background-size:contain;
  background-position:50%;
  width:30%;
  margin:auto auto 2rem;
  min-height:70px 
}
.select-ordertype-wrapper .select-ordertype-buttons {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
.select-ordertype-wrapper .select-ordertype-buttons button {
  min-width:20vw;
  padding:1rem;
  min-height:10vh;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  color:#fff;
  border-radius:5px 
}
.select-ordertype-wrapper .select-ordertype-buttons a:first-of-type button {
  background-color:#1e1f21;
  margin-right:1rem 
}
.select-ordertype-wrapper .select-ordertype-buttons a:last-of-type button {
  background-color:#43a047 
}
@media screen and (max-width:1200px){
  .topImg-outer .topImg {
      height:20vw;
 }
  .item-outer .item-inner {
      width:90vw;
      text-align: center;
 }
  .item-outer .item-group {
      width:26.5vw 
 }
  .item-outer .item-inner {
      width:100%;
      text-align: center;
 }
}
@media screen and (max-width:1024px){
  .item-outer .item-inner {
      width:94.5vw 
 }
  .item-outer {
      margin:0 3vw 
 }
  .item-outer .item-group {
      width:26.5vw 
 }
  .item-outer .item-inner .item-list-group {
      width:25% 
 }
  .item-outer .item-inner {
      width:100% 
 }
}
@media screen and (max-width:991px){
  .item-outer .item-inner {
      width:94.5vw 
 }
 .item-outer {
      margin:0 3vw!important 
 }
  .item-outer .item-group {
      width:30.5vw 
 }
  .item-outer .item-inner .item-list-group {
      width:33.333% 
 }
  .menu-outer .menu-flag {
      display:block;
      background-color:#f4f4f4;
      color:#636363;
      font-size:13px;
      text-align:center;
      font-weight:700;
      letter-spacing:1px;
      padding:.2rem 0 
 }
  main.table {
      padding-top:7rem 
 }
  .topImg-outer .topImg .img-overlay {
      top:60px 
 }
}
  @media screen and (max-width:780px){
      .item-outer {margin:0 3vw!important }
      .item-outer .item-group {
          width:32.5vw 
     }
      .item-outer .item-inner .item-list-group {
          width:33.333% 
     }
      .menu-outer .menu-flag {
          display:block;
          background-color:#f4f4f4;
          color:#636363;
          font-size:13px;
          text-align:center;
          font-weight:700;
          letter-spacing:1px;
          padding:.2rem 0 
     }
      main.table {
          padding-top:7rem 
     }
      .topImg-outer .topImg .img-overlay {
          top:60px 
     }
 }

@media screen and (max-width:767px){
  .item-outer .item-inner {
     
      /* width:100% ; */
      /* top: -110px; */
 }
  .item-outer .item-group {
      width:100%;
      padding-top:1.5rem ;

 }
  .item-outer .item-inner .item-list-group {
      width:50% 
 }
  .topImg-outer .topImg .img-overlay a {
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      padding:0 1rem 
 }
  .topImg-outer .topImg .img-overlay a:first-of-type {
      margin-bottom:.75rem 
 }
  .topImg-outer .topImg .img-overlay .ordertype-buttons-wrapper a:first-of-type {
      margin-bottom:0 
 }
  .topImg-outer .topImg .img-overlay .ordertype-buttons-wrapper a {
      padding:0 
 }
  .topImg-outer .topImg .img-overlay .ordertype-buttons-wrapper button {
      min-width:30vw 
 }
  .topImg-outer .topImg .img-overlay p {
      width:70vw;
      text-align:left;
      line-height:normal 
 }
}
@media screen and (max-width:500px){
  .topImg-outer .topImg {
      height:60vw 
 }
  .item-outer .item-inner .item-group .item-img {
      height: 220px;
      width: 220px;
      /* left: 10px; */
 }
  .modal .soldout,.modal .special {
      border-radius:unset 
 }
  .select-ordertype-wrapper .select-ordertype-inner {
      width:90vw;
      padding:1rem 
 }
  .select-ordertype-wrapper .select-ordertype-buttons a {
      -webkit-box-flex:1;
      -ms-flex:1;
      flex:1 
 }
  .select-ordertype-wrapper .select-ordertype-buttons button {
      width:100% 
 }
  .select-ordertype-wrapper .select-ordertype-buttons a:first-of-type button {
      border-radius:5px 0 0 5px 
 }
  .select-ordertype-wrapper .select-ordertype-buttons a:last-of-type button {
      border-radius:0 5px 5px 0 
 }
  .select-ordertype-wrapper .select-ordertype-inner .select-ordertype-logo {
      margin-bottom:1rem 
 }
  .topImg-outer .topImg .img-overlay .ordertype-buttons-wrapper button {
      min-width:40vw 
 }
  .topImg-outer .topImg .img-overlay {
      top:50px 
 }
}
@media screen and (max-width:360px){
  .topImg-outer .topImg {
      height:60vw 
 }
  .item-outer .item-inner .item-group .item-img {
      height: 180px;
      width: 180px;
      /* left: -11px; */
 }
}
@media screen and (min-width:992px){
  .container {
      margin:0 5vw 
 }
}
@media screen and (min-width:1024px){
  .container {
      margin:0 15vw 
 }
}
@media screen and (min-width:1200px){
  .container {
      margin:0 25vw 
 }
}
@media screen and (max-width:991px){
  .container {
      margin:0 
 }
}
.sticky {
  position:fixed;
  top:0;
  width:100vw;
  z-index:100 
}
nav {
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:1000 
}
#header,nav {
  background-color:#FFF8EF;
}
#header {
  -webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);
  box-shadow:0 4px 4px rgba(0,0,0,.25) 
}
header .header-outer {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  height:70px 
}
header .header-outer,header .header-outer .header-inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
header .header-inner li{display: inline-flex; margin: 0px 20px; 
  font-size: 17px;
  color: #3E5C5B;
  font-weight: 600;
  display: inline-flex;
  margin: 0px 20px;}
@media screen and (max-width:724px) {header .header-inner li{display: none; }}

header .header-outer .header-inner.left .logo {
  border:unset;
  border-radius:unset;
  height:50px;
  width:auto 
}
header .header-outer .header-inner a {
  padding:.5rem 
}
header .header-outer .header-inner.right .logout,header .header-outer .header-inner a {
  display:-webkit-box;
  display:-ms-flexbox;
  font-size: 13px;
  font-weight: 500;
  display:flex;
  -webkit-box-align:center;
  color:#3e5c5b;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
header .header-outer .header-inner.right .logout {
  padding: 1rem; */
  border: 1px solid #cd9e62;
  height: 30px;
  background: #c59e64;
  /* border-radius: 50px; */
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}
header .header-outer .header-inner.left .external-link-btn,header .header-outer .header-inner.left .external-link-btn-m,header .header-outer .header-inner.left .full-menu-btn,header .header-outer .header-inner.left .store-info-btn {
  border:1px solid #e5e5e5;
  border-radius:50px;
  margin-right:.5rem 
}
header .header-outer .header-inner.left .external-link-btn-m {
  display:none 
}
header .header-outer .header-inner.left .external-link-btn,header .header-outer .header-inner.left .external-link-btn-m {
  background-color:#fff79d;
  color:#494949 
}
header .header-outer .header-inner.left .full-menu-btn:hover,header .header-outer .header-inner.left .store-info-btn:hover {
  background-color:#f4f4f4 
}
header .header-outer .header-inner.left .header-logo {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-left:unset 
}
header .header-outer .header-inner.right button {
  background-color:#3e5c5b;
  border-radius:0px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:.3rem .7rem;
  -webkit-border-radius;
  -moz-border-radius;
  -ms-border-radius;
  -o-border-radius;
}
header .header-outer .header-inner.right button p {
  color:rgb(255, 255, 255) 
}
header .header-outer .header-inner.right span {
  background-color:#ffffff;
  color:#3e5c5b;
  border-radius:50px;
  width:20px;
  height:20px;
  padding:.3rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-weight:800 
}
header .header-outer .header-inner.right .cart {
  position:relative;
  display:inline-block;
  padding-right:unset 
}
header .header-outer .header-inner.right .cart .added {
  width:120px;
  background-color:#289117;
  color:#fff;
  text-align:center;
  border-radius:6px;
  padding:1.5rem 0;
  position:absolute;
  z-index:101;
  top:5rem;
  left:50%;
  margin-left:-60px;
  opacity:1;
  -webkit-transition:opacity .3s;
  transition:opacity .3s;
  -webkit-animation:added 1.8s forwards;
  animation:added 1.8s forwards 
}
@-webkit-keyframes added {
  0% {
      -webkit-transform:translateY(-45px);
      transform:translateY(-45px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      opacity:1 
 }
  24% {
      opacity:1 
 }
  40% {
      -webkit-transform:translateY(-24px);
      transform:translateY(-24px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  65% {
      -webkit-transform:translateY(-12px);
      transform:translateY(-12px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  82% {
      -webkit-transform:translateY(-6px);
      transform:translateY(-6px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  93% {
      -webkit-transform:translateY(-4px);
      transform:translateY(-4px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  25%,55%,75%,87% {
      -webkit-transform:translateY(0);
      transform:translateY(0);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:1 
 }
  to {
      -webkit-transform:translateY(0);
      transform:translateY(0);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:0 
 }
}
@keyframes added {
  0% {
      -webkit-transform:translateY(-45px);
      transform:translateY(-45px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      opacity:1 
 }
  24% {
      opacity:1 
 }
  40% {
      -webkit-transform:translateY(-24px);
      transform:translateY(-24px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  65% {
      -webkit-transform:translateY(-12px);
      transform:translateY(-12px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  82% {
      -webkit-transform:translateY(-6px);
      transform:translateY(-6px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  93% {
      -webkit-transform:translateY(-4px);
      transform:translateY(-4px);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  25%,55%,75%,87% {
      -webkit-transform:translateY(0);
      transform:translateY(0);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:1 
 }
  to {
      -webkit-transform:translateY(0);
      transform:translateY(0);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:0 
 }
}
header .header-outer .header-inner.right .cart .added:after {
  content:"";
  position:absolute;
  bottom:100%;
  left:50%;
  margin-left:-5px;
  border:5px solid transparent;
  border-bottom-color:#289117 
}
header .header-outer .header-inner.right .cart button p:last-of-type {
  background-color: #3e5c5b;
  min-width:80px;
  text-align:right;
  margin-right:.5rem;

}
header .header-outer .header-inner.right .cart button p:first-of-type {
  padding-left:.3rem; font-size: 12px; background-color: #3e5c5b;
}
header .header-outer .header-inner.left .icon,header .header-outer .header-inner.right .basket-icon {
  display:none 
}
@media screen and (max-width:991px) {
  header .header-outer .header-inner.left .icon {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center 
 }
  header .header-outer .header-inner.left .icon img {
      -webkit-filter:invert(0);
      filter:invert(0) 
 }
}
header .header-outer .header-inner.m_menu {
  display:none 
}
header .header-outer .header-inner.m_menu .active,header .header-outer .header-inner.right .active {
  color:#43a047;
  font-weight:600 
}
header .header-outer .header-inner.right .username-m {
  display:none 
}
header .ghost-bg {
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,.56);
  position:Absolute;
  top:0;
  left:0;
  z-index:-1 
}
header .table-number {
  background-color:#00873f;
  border-radius:5px;
  color:#fff;
  padding:.5rem;
  font-weight:700;
  font-size:25px;
}
@media screen and (max-width:991px) {
  header .header-outer .header-inner.left .external-link-btn,header .header-outer .header-inner.left .full-menu-btn,header .header-outer .header-inner.left .store-info-btn,header .header-outer .header-inner.right .booking-btn,header .header-outer .header-inner.right .gallery-btn,header .header-outer .header-inner.right .login-btn,header .header-outer .header-inner.right .menu-btn,header .header-outer .header-inner.right .mypage-btn {
      display:none 
 }
  header .header-outer .header-inner.left .external-link-btn-m {
      display:block 
 }
  header .table-number {
      padding:.3rem 
 }
  header .header-outer.table .header-inner.right .menu-btn {
      display:block 
 }
  header .header-outer .header-inner.left .header-logo {
      padding:.5rem 0 
 }
  header .header-outer .header-inner.m_menu {
      position:absolute;
      right:0;
      top:60px;
      background-color:#f4f4f4;
      min-width:100vw;
      z-index:10;
      -webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);
      box-shadow:0 4px 4px rgba(0,0,0,.25) 
 }
  header .header-outer .header-inner.m_menu a {
      display:block;
      padding:.5rem;
      text-align:center 
 }
  header .header-outer .header-inner.m_menu .external-link-btn-m {
      background-color:#fff79d 
 }
  header .header-outer .header-inner.m_menu .store-info {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      width:100vw;
      border-top:1px solid #ddd 
 }
  header .header-outer .header-inner.m_menu .customer {
      padheaderding:1rem 0 2rem 
 }
  header .header-outer .header-inner.m_menu .login-m,header .header-outer .header-inner.m_menu .logout-m,header .header-outer .header-inner.m_menu .menu,header .header-outer .header-inner.m_menu .mypage-m {
      /* background-color:#f4f4f4; */
      color:#494949 
 }
  header .header-outer .header-inner.m_menu .login-m {
      padding:1rem 
 }
  header .header-outer .header-inner.m_menu a.active {
      color:#ac92ad;
 }
  header .header-outer .header-inner.m_menu .store-info img {
      width:20px;
      -webkit-filter:invert(0);
      filter:invert(0);
      height:20px;
      opacity:.5 
 }
  header .header-outer .header-inner.m_menu .store-info p {
      font-size:13px;
      line-height:normal 
 }
  header .header-outer .header-inner.m_menu .store-info a {
      -webkit-box-flex:1;
      -ms-flex:1;
      flex:1 
 }
  header .header-outer .header-inner.m_menu .store-info a:not(:first-child) {
      border-left:1px solid #ddd 
 }
  header .header-outer .header-inner.right a:hover {
      color:#3e5c5b;
 }
  header .header-outer {
      height:60px 
 }
  header .header-outer .header-inner.right button {
      height: 30px;
      /* border-radius: 30px; */
      background-color: #3e5c5b;
      padding: unset;
      margin-right: 10px;
 }
  header .header-outer .header-inner.right .cart {
      padding:0 
 }
  header .header-outer .header-inner.right .cart button p:first-of-type {
      display:none 
 }
  header .header-outer .header-inner.right .basket-icon {
      display:block;
      background-color: #3e5c5b;
      width: 18px;
      height: 18px;
      color:#fff;
      margin-left:1rem 
 }
  header .header-outer .header-inner.right .cart button p:last-of-type {
      min-width:70px ; font-weight: 500;
 }
  header .header-outer .header-inner.right span {
      background-color:#ffffff;
      margin-right:1rem;
      padding:.3rem 
 }
  header .header-outer .header-inner.right .logout {
      display:none 
 }
  header .header-outer .header-inner.right .username-m {
      background-color:transparent;
      color:inherit;
      display:block;
      line-height:normal;
      text-align:right;
      width:25vw;
      margin-right:.5rem;
      text-overflow:ellipsis;
      overflow:hidden;
      white-space:nowrap 
 }
}
@media screen and (max-width:500px) {
  header .header-outer .header-inner.m_menu {
      top:61px 
 }
  header .header-outer {
      height:60px 
 }
  header .header-outer .header-inner.right button {
      height:40px;
      min-width:90px 
 }
  header .header-outer .header-inner.right .cart button p:last-of-type {
      display:none 
 }
  header .header-outer .header-inner.right span {
      width:25px;
      height:25px 
 }
  header .header-outer .header-inner.right .cart .added {
      width:70px;
      top:4rem;
      left:80%; 
 }
  header .header-outer .header-inner.left .logo {
      height:40px; 
 }
  header .header-outer .header-inner.left .external-link-btn-m {
      padding:.3rem;
      margin-right:0;
      font-size:12px; 
 }
  header .header-outer .header-inner a {
      padding:.5rem; 
 }
}
@media screen and (max-width:350px) {
  header .table-number {
      font-size:20px ;
 }
}
footer {
  margin-top:3rem;
  padding-bottom:5rem;
  /* background-color:#754290; */
  -webkit-clip-path:polygon(0 0,100% 20%,100% 100%,0 100%);
  clip-path:polygon(0 0,100% 20%,100% 100%,0 100%);
  padding-top:5rem 
}
footer .footer-logo {
  max-height:5rem;
  background-image:url(../spaplus/img/logo_bottom.png);
  background-repeat:no-repeat;
  background-size:contain;
  width:100px;
  background-position:50%;
  height:80px;
  /* opacity:.5  */
}
footer .container {
  padding-top:2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
#m_footer {

  padding:0rem 0 2.5rem;
  text-align:center;
  -webkit-clip-path:polygon(0 0,100% 40%,100% 100%,0 100%);
  clip-path:polygon(0 0,100% 40%,100% 100%,0 100%) 
}
footer .footer-outer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
.footer-outer .footer-inner.left img {
  width:10rem;
  opacity:.3;
  height:auto;
  display:block 
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){
  .footer-outer .footer-inner.left img {
      width:100% 
 }
}
.footer-outer .footer-inner.right a,.footer-outer .footer-inner.right div,.footer-outer .footer-inner.right span {
  /* color:#fff; */
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin: 1px;
  padding:.3rem .0rem ;
  margin: 0 3px;
}
.footer-outer .footer-inner.right .copyright {
  text-align:right; font-weight: 800;
}
.footer-outer .footer-inner.right .copyright span {
  /* opacity:.6  */ font-weight: 800;
}
.footer-outer .footer-inner.right .copyright a {
  color:#43a047;
  font-weight:800;
  opacity:1;
  text-decoration:underline;
  letter-spacing:1px 
}
@media screen and (max-width:991px) {
  footer .footer-outer {
      display:block 
 }
  .footer-outer .footer-inner.left {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center;
      margin-bottom:2rem 
 }
  .footer-outer .footer-inner.right,.footer-outer .footer-inner.right .copyright {
      text-align:center 
 }
  #m_footer {
      padding:3rem 0 2rem;
      -webkit-clip-path:polygon(0 0,100% 20%,100% 100%,0 100%);
      clip-path:polygon(0 0,100% 20%,100% 100%,0 100%) 
 }
  .footer-outer .footer-inner.right a,.footer-outer .footer-inner.right div,.footer-outer .footer-inner.right span {
      padding:.2rem 
 }
}
@media screen and (max-width:767px) {
  footer .container {
      display:block 
 }
}
.modal {
  display:none;
  position:fixed;
  z-index:1011;
  padding-top:3rem;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  overflow:auto;
  background-color:#000;
  background-color:rgba(0,0,0,.6) 
}
.modal-body,.modal-content {
  position:relative 
}
.modal-content {
  background-color:#fff;
  margin:auto;
  width:50vw;
  border-radius:10px 
}
.modal .close-icon {
  font-weight:700;
  position:absolute;
  top:0;
  width:40px;
  right:-50px 
}
.modal .close-icon span {
  font-size:2rem;
  color:#fff;
  display:block;
  background-image:url(../order_svg/close.svg);
  background-repeat:no-repeat;
  background-position:50%;
  width:40px;
  height:40px;
  -webkit-filter:invert(1);
  filter:invert(1);
  border-radius:5px 
}
.modal .close-icon:focus,.modal .close-icon:hover {
  color:#000;
  text-decoration:none;
  cursor:pointer 
}
.modal h2 {
  font-size:1.75rem;
  text-transform:uppercase;
  padding:1rem 1rem 1.5rem;
  font-weight:800 
}
.modal .btn {
  background-color:#e7e7e7;
  /* border-radius:5px; */
  padding:.5rem 1rem;
  text-align:center;
  min-width:3rem;
  float:right;
  margin-left:.5rem;
  min-height:40px;
  color:#636363;
  min-width:6rem 
}
.modal .btn-primary {
  background-color:#3E5C5B;
  color:#fff 
}
.modal-footer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  padding:0 20px 20px 
}
.modal-content.login,.modal-content.noiteminCart,.modal-content.payConfirm,.modal-content.store-info {
  width:40vw 
}
.modal .store-info .store-img {
  border-radius:10px 10px 0 0;
  height:280px;
  background-color:#e5e5e5;
  width:100%;
  background-size:cover;
  background-image:url(../img/cafe.jpg);
  background-position:50%;
  background-repeat:no-repeat 
}
.modal .store-info .content-group {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-bottom:1rem 
}
.modal .store-info .content-group a {
  color:#40a737;
  font-weight:700;
  background-color:#e6ffe2;
  padding:.5rem;
  display:inline-block 
}
.modal .store-info .content-group .divide {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1 
}
.modal .store-info .content-group p:first-of-type {
  min-width:30%;
  opacity:.7 
}
.modal .store-info .content-group ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-bottom:.5rem 
}
.modal .store-info .content-group ul li:first-of-type {
  min-width:30% 
}
.modal .store-info .modal-body {
  padding:0 1rem 
}
.modal-content.full-menu {
  position:relative;
  background-color:rgba(0,0,0,.56);
  margin:auto;
  padding:0;
  width:90%;
  max-width:1200px 
}
.modal-content.full-menu .modal-body {
  position:relative;
  max-height:100vh;
  background-color:rgba(0,0,0,.44) 
}
.full-menu-slides {
  display:none;
  text-align:center 
}
.modal-content.full-menu img {
  max-height:100vh;
  min-height:100vh;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:50% 
}
.full-menu .cursor {
  cursor:pointer 
}
.full-menu .full-menu-next,.full-menu .full-menu-prev,.gallery .gallery-next,.gallery .gallery-prev {
  cursor:pointer;
  position:absolute;
  top:50%;
  width:auto;
  padding:16px;
  margin-top:-25px;
  color:#fff;
  background-color:rgba(0,0,0,.8);
  font-weight:700;
  font-size:20px;
  border-radius:0 3px 3px 0;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-user-select:none 
}
.full-menu .full-menu-next,.gallery .gallery-next {
  right:0;
  border-radius:3px 0 0 3px; 
}
.full-menu .full-menu-next:hover,.full-menu .full-menu-prev:hover,.gallery .gallery-next:hover,.gallery .gallery-prev:hover {
  background-color:#000 ;
}
.full-menu .numbertext {
  color:#f2f2f2;
  font-size:12px;
  padding:8px 12px;
  position:absolute;
  top:0 
}
.full-menu .row {
  border-top:1px solid #e5e5e5 
}
.full-menu .row:after {
  content:"";
  display:table;
  clear:both 
}
.full-menu .column {
  float:left;
  width:16.66% 
}
.full-menu .demo {
  opacity:.6 
}
.full-menu .active,.full-menu .demo:hover {
  opacity:1 
}
#itemDetailsModal.modal {
  padding-top:10vh;
  z-index:1001 
}
#itemDetailsModal.modal.block {
  display:block;
  overflow-x:hidden 
}
#itemDetailsModal.modal h2 {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  padding:2rem 1rem .5rem 
}
#itemDetailsModal.modal .modal-footer .buttons {
  width:100%;
  display:inline-block 
}
#itemDetailsModal .summary {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:.5rem 1rem 0 
}
#itemDetailsModal .summary,#itemDetailsModal .summary div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
#itemDetailsModal .summary div {
  width:70%;
  overflow:hidden;
  max-height:50px;
  min-height:50px 
}
#itemDetailsModal .summary p {
  line-height:normal;
  word-break:break-all;
  width:70% 
}
#itemDetailsModal .summary input {
  width:30%;
  background-color:transparent;
  border:0;
  text-align:right;
  height:0;
  font-size:1.8rem;
  font-weight:800;
  color:#43a047 
}
#itemDetailsModal .modal-footer .ghost-item,#itemDetailsModal .modal-footer .ghost-name,#itemDetailsModal .modal-footer .ghost-names,#itemDetailsModal .modal-footer .ghost-option {
  display:none ;
}
.modal-content.item-details .item-exp {
  padding:0 1rem;
  height:75px;
  overflow:auto;
  line-height:19px;
  font-size:.9rem ;
}
.content-group form {
  width:50% ;
}
.modal-content.item-details {
  width:60vw ;
}
.modal-content.item-details span {
  cursor:pointer 
}
.modal-content.item-details .number {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center ;
}
.modal-content.item-details .number input {
  background-color:#fff!important ;
}
.modal-content.item-details .minus,.modal-content.item-details .plus {
  width:40px;
  height:40px;
  background:#fff;
  border-radius:4px;
  border:solid #ddd;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  position:relative ;
}
.modal-content.item-details .minus {
  border-width:1px 0 1px 1px;
  border-radius:4px 0 0 4px ;
}
.modal-content.item-details .plus {
  border-width:1px 1px 1px 0;
  border-radius:0 4px 4px 0 ;
}
.modal-content.item-details .minus:after,.modal-content.item-details .plus:after {
  content:"";
  width:40px;
  height:40px;
  position:absolute;
  top:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-repeat:no-repeat;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-position:50%;
  color:#000;
  opacity:.7 ;
}
.modal-content.item-details .minus:after {
  background-image:url(../order_svg/remove.svg) 
}
.modal-content.item-details .plus:after {
  background-image:url(../order_svg/add.svg) 
}
.modal-content.item-details input {
  height:40px;
  width:80px;
  text-align:center;
  font-size:15px;
  border:1px solid #ddd;
  display:inline-block;
  vertical-align:middle;
  border-radius:0; 
}
.modal-content.item-details .content-group {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  position:relative 
}
.modal-content.item-details .content-group .item-img {
  width:50%;
  height:450px;
  border-radius:10px 0 0 10px;
  border-right:1px solid #ddd;
  height:inherit 
}
.modal-content.item-details .options-outer {
  padding:0 .5rem;
  height:190px;
  overflow:auto;
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;
  background-color:#f4f4f4 
}
.modal-content.item-details .options-outer .options-inner {
  position:relative;
  float:left;
  width:100%;
  display:table;
  padding-bottom:1rem 
}
.modal-content.item-details .options-outer .options-group {
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:5px;
  width:23.5%;
  float:left;
  min-height:4rem;
  margin-right:.5rem;
  margin-top:.5rem;
  padding:.3rem;
  cursor:pointer;
  min-height:70px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  position:relative 
}
.modal-content.item-details .options-outer .options-group input:first-of-type {
  display:none 
}
.modal-content.item-details .options-outer .options-group:nth-child(4n) {
  margin-right:0 
}
.modal-content.item-details .options-outer .options-group p {
  color:inherit;
  text-align:center 
}
.modal-content.item-details .options-outer .options-group .name {
  max-height:35px;
  min-height:35px;
  overflow:hidden;
  line-height:16px;
  font-size:.9rem 
}
.modal-content.item-details .options-outer .options-group .amount {
  font-weight:800;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  font-size:inherit;
  border:0;
  background-color:transparent;
  height:auto;
  min-height:auto;
  cursor:pointer 
}
.modal-content.item-details .contents-wrap input:disabled {
  background-color:unset;
  color:#262939;
  opacity:1 
}
.modal-content.item-details .options-outer .options-group.active {
  background-color:#262939 
}
.modal-content.item-details .options-outer .options-group.active input,.modal-content.item-details .options-outer .options-group.active p {
  color:#fff 
}
.modal-content.item-details .modal-footer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:10px 1rem 
}
#noItemModal .modal-body {
  padding:3rem 2rem 
}
#noItemModal .modal-body p {
  text-align:center 
}
.modal-content.form {
  width: 30%;
  position: relative;
  background: #fff;
  margin: 0 auto 100px;
  text-align: center;
  padding: 5rem;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}

.modal-dialog {
  display: flex;
  /* position: relative; */
  /* width: 100%; */
  height: 80vh;

  justify-content: center;
  align-items: center;
}

.modal-content.form h1 {
  font-size:1.75rem;
  font-family: 'Cormorant Garamond', sans-serif;
  /* text-transform:uppercase; */
  font-weight:500;
  padding-bottom:2rem;
  text-align:left 
}
.modal-content.form input {
  width: 100%;
  margin: 0 0 15px;
  padding: 12px;
  border: 0;
  border-radius: 0;
  background: #e9e9e9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}
.modal-content.form .button-group a,.modal-content.form button {
  min-height:40px;
  -webkit-transition:all .3 ease;
  transition:all .3 ease;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.modal-content.form button .btn-primary {
  background-color:#43a047;
  color:#fff 
}
.modal-content.form .button-group {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end 
}
.modal-content.form .message {
  color:#636363;
  margin:15px 0 2rem;
  text-align:left 
}
.modal-content.form .login-form .message:first-of-type {
  margin-bottom:0 
}
.modal-content.form .login-form .message:last-of-type {
  margin-top:.5rem 
}
.modal-content.form .message a {
  color: #3E5C5B;
  font-weight: 500;
  text-decoration: none;
  padding-left: 0.5rem;
}
.modal-content.form .forgot-form,.modal-content.form .register-form {
  display:none 
}
.modal-content.gallery .gallery-slides img {
  margin-bottom:-10px;
  border-radius:10px 
}
@media screen and (max-width:1500px){
  .modal-content.item-details {
      width:80vw 
 }
}
@media screen and (max-width:1200px){
  .modal-content.login,.modal-content.noiteminCart,.modal-content.payConfirm,.modal-content.store-info {
      width:50vw 
 }
  .modal {
      padding-top:3rem 
 }
  .modal-content.item-details {
      width:90vw 
 }
}
@media screen and (max-width:1024px){
  .modal-content.item-details .minus,.modal-content.item-details .plus {
      width:20% 
 }
  .modal-content.item-details input {
      width:60% 
 }
  .modal-content.item-details .modal-footer {
      display:block 
 }
  .modal-content.item-details .buttons {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:end;
      -ms-flex-pack:end;
      justify-content:flex-end;
      padding:10px 0;
      padding:20px 0 0 
 }
  .modal-content.item-details .minus:after,.modal-content.item-details .plus:after {
      width:100% 
 }
  .modal-content.item-details .options-outer {
      height:153px 
 }
}
@media screen and (max-width:991px){
  .modal-content.full-menu,.modal-content.gallery,.modal-content.login,.modal-content.noiteminCart,.modal-content.payConfirm,.modal-content.store-info {
      width:90vw 
 }
  .modal {
      padding-top:2rem 
 }
  .modal .close-icon {
      height:40px;
      z-index:1;
      background-color:rgba(0,0,0,.31);
      border-radius:6px;
      top:1rem;
      right:1rem 
 }
  .modal .close-icon span {
      color:#fff;
      -webkit-filter:invert(1);
      filter:invert(1) 
 }
  .modal h2 {
      text-align:center;
      font-size:1.5rem 
 }
  .modal-content.item-details .content-group {
      display:block 
 }
  .modal-content.item-details .content-group .item-img {
      width:100%;
      height:300px;
      border-radius:10px 10px 0 0;
      border-right:unset 
 }
  .content-group form {
      width:100% 
 }
  .modal-content.item-details .modal-footer {
      padding:1rem 
 }
  #itemDetailsModal.modal {
      padding-top:2rem 
 }
  #itemDetailsModal.modal h2 {
      padding:1rem 
 }
  .modal-content.item-details .item-exp {
      text-align:center 
 }
  .modal-content.item-details .options-outer {
      height:140px 
 }
  .options-outer {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center 
 }
  .modal-content.item-details .options-outer .options-group {
      min-width:100px 
 }
  .modal-content.item-details .options-outer .options-inner {
      margin:0 auto;
      min-width:80%;
      padding-bottom:.5rem 
 }
}
@media screen and (max-width:500px){
  .modal {
      padding-top:1rem 
 }
  #storeInfoModal {
      padding-top:0 
 }
  #storeInfoModal .modal-header {
      padding-top:1rem 
 }
  .modal .store-info {
      margin-top:2rem;
      height:90vh;
      width:90% 
 }
  .modal .store-info .store-img {
      height:130px;
      border-radius:0 
 }
  .modal .store-info .modal-footer {
      position:absolute;
      bottom:0;
      width:100%;
      right:0 
 }
  .modal .store-info .content-group {
      display:block;
      padding-bottom:1rem 
 }
  .modal .store-info .content-group .content,.modal h2 {
      padding-bottom:1rem 
 }
  .modal h2 {
      font-size:1.5rem;
      text-align:left;
      padding-left:2rem;
      padding-top:0 
 }
  .modal .store-info .content-group p:first-of-type {
      padding-bottom:.3rem;
      font-weight:900;
      opacity:1 
 }
  .modal .store-info .content-group ul li:first-of-type {
      min-width:20% 
 }
  .modal .store-info .content-group ul {
      padding-bottom:.2rem;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between 
 }
  .modal .store-info .modal-body {
      padding:0 2rem;
      min-height:70vh;
      max-height:70vh;
      overflow:scroll 
 }
  .modal-content.item-details .content-group .item-img {
      height:25vh;
      border-radius:0;
      background-size:cover 
 }
  .modal-content.item-details .options-outer .options-group {
      width:23%;
      min-height:65px;
      margin-right:.5rem;
      min-width:unset 
 }
  .modal-content.item-details .options-outer .options-group:nth-child(5n) {
      margin-right:.5rem 
 }
  .modal-content.item-details .options-outer .options-group:nth-child(4n) {
      margin-right:unset 
 }
  .modal-content.item-details .options-outer {
      height:25vh;
      padding:0 .5rem 
 }
  #itemDetailsModal.modal {
      padding-top:0 
 }
  #itemDetailsModal.modal h2 {
      padding-bottom:0;
      padding-top:.5rem 
 }
  .modal-content.item-details .item-exp {
      line-height:18px;
      height:73px 
 }
  .modal-content.item-details .buttons {
      padding-top:1rem 
 }
  .modal-content.item-details .modal-footer {
      padding:5px 1rem 1rem;
      position:fixed;
      bottom:0;
      width:100vw;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      height:10vh;
      background-color:#fff 
 }
  .modal-content.item-details .modal-footer .close {
      display:none 
 }
  .full-menu .full-menu-next,.full-menu .full-menu-prev,.gallery .gallery-next,.gallery .gallery-prev {
      top:50% 
 }
  .modal-content.item-details {
      width:100vw;
      height:100vh;
      border-radius:0 
 }
  .modal-content.item-details .options-outer .options-group {
      padding:.3rem 
 }
  #itemDetailsModal .summary {
      display:block;
      height:15vh;
      position:relative 
 }
  #itemDetailsModal .summary div,#itemDetailsModal .summary input {
      width:100% 
 }
  #itemDetailsModal .summary input,#itemDetailsModal .summary p {
      text-align:center 
 }
  #itemDetailsModal .summary input {
      position:absolute;
      bottom:0;
      left:0 ;
 }
  #itemDetailsModal .summary p {
      width:100% ;
 }
  #itemDetailsModal.modal .modal-footer .buttons {
      width:50%;
      padding-top:0 ;
 }
  #itemDetailsModal.modal .modal-footer .buttons .btn-primary {
      min-width:35vw ;
 }
  .modal-content.item-details .number {
      width:50% ;
 }
  .modal-content.item-details .minus,.modal-content.item-details .plus {
      width:40% 
 }
  .modal-content.item-details .options-outer .options-group .name {
      max-height:33px;
      min-height:33px; 
 }
  #itemDetailsModal .modal-content.table .modal-header button {
      position:fixed ;
 }
  #itemDetailsModal .modal-content.table .modal-body .item-img {
      height:47vh ;
 }
  #itemDetailsModal .modal-content.table .modal-footer {
      height:10vh;
      background-color:#fff 
 }
  #itemDetailsModal .modal-content.table .summary {
      margin-bottom:15vh;
      background-color:#fff;
      border-top:1px solid #ddd 
 }
  #itemDetailsModal.modal.block {
      background-color:#fff 
 }
}
#fullMenuModal {
  position:fixed;
  z-index:1000;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgba(0,0,0,.8);
  padding:0;
  display:none ;
}
#fullMenuModal .modal-content {
  position:relative;
  background-color:rgba(0,0,0,.5);
  margin:auto;
  padding:0;
  width:90%;
  max-width:1200px;
  height:100vh ;
}
#fullMenuModal .close {
  color:#fff;
  position:absolute;
  top:10px;
  right:25px;
  font-size:35px;
  font-weight:700;
  background-color:rgba(0,0,0,.8);
  padding:.5rem;
  border-radius:5px ;
}
#fullMenuModal .cursor {
  cursor:pointer; 
}
#fullMenuModal .mySlides {
  display:none;
  max-height:100vh ;
}
#fullMenuModal .img {
  margin-bottom:-4px;
  max-height:100vh;
  min-height:100vh;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:50% ;
}
#fullMenuModal .next,#fullMenuModal .prev {
  cursor:pointer;
  position:absolute;
  top:50%;
  width:auto;
  padding:16px;
  margin-top:-50px;
  color:#fff;
  font-weight:700;
  font-size:20px;
  -webkit-transition:.6s ease;
  transition:.6s ease;
  border-radius:0 3px 3px 0;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-user-select:none;
  background-color:rgba(0,0,0,.8) ;
}
#fullMenuModal .next {
  right:0;
  border-radius:3px 0 0 3px 
}
.modal-content.payConfirm h2 {
  padding-top:1rem;
  text-align:center ;
}
#sub {
  background: none;
  padding-top: 8rem;
  /* min-height: 70vh; */
  display: block;
}
.cart-outer {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between ;
}
.cart-outer,.cart-outer .paused-message {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex; 
}
.cart-outer .paused-message {
  text-align:center;
  width:100%;
  background-color:rgba(239,75,36,.18);
  border-radius:5px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:#e6350b;
  padding:1.5rem 0;
  border:1px solid #43a047;
  font-size:1.2rem;
  font-weight:800;
  letter-spacing:.5px ;
}
.cart-outer .cart-inner.left {
  width:70%;
  padding-right:2vw; 
}
.cart-outer .cart-inner.right {
  width:30%;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content ;
}
.cart-outer .cart-inner h2 {
  font-family: 'Cormorant Garamond', sans-serif;
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 1rem;
  /* text-transform: uppercase; */
  letter-spacing: .5px;
}
.cart-outer .cart-inner .order-type,.cart-outer .cart-inner .order-type-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.cart-outer .cart-inner .order-type {
  border:2px solid #ddd;
  border-radius:5px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:6rem;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:#aaa 
}
.cart-outer .order-type-btn {
  width:50% 
}
.cart-outer .order-type-btn:first-child {
  padding-right:.5rem 
}
.cart-outer .order-type-btn:last-child {
  padding-left:.5rem 
}
.cart-outer .cart-inner .order-type-wrap a {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1 
}
.cart-outer .cart-inner .order-type-wrap a button {
  padding:0 1rem;
  width:100% 
}
.cart-outer .cart-inner .order-type.active {
  border:2px solid #43a047;
  color:#43a047;
  font-weight:800 
}
.order-type-outer {
  padding-bottom:2rem 
}
.section-header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
.cart-list-outer .section-header p span {
  font-size:1.5rem;
  font-weight:800;
  padding-right:.5rem 
}
.cart-list-header {
  border-color:#debd92;
  border-style:solid;
  border-width:1px 0;
  padding:.5rem 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
.cart-list-header p {
  font-weight:700 
}
.cart-list-header p:first-child {
  width:26vw 
}
.cart-list-header p:nth-child(2) {
  width:5vw 
}
.cart-list-header p:nth-child(3) {
  width:7vw;
  text-align:right 
}
.cart-list-header p:nth-child(4) {
  width:5vw 
}
.cart-list-header p:nth-child(2) {
  text-align:center 
}
.cart-items-outer {
  min-height:23rem 
}
.cart-items-outer .cart-item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:.5rem 0;
  border-bottom:1px solid #debd92;
}
.cart-items-outer .cart-item .cart-item-img {
  border-radius:5px;
  background-size:cover;
  background-position:50%;
  border:1px solid #ddd;
  width:2vw;
  height:40px ;
}
.cart-items-outer .cart-item .cart-item-name-wrap p {
  padding-left:1rem 
}
.cart-items-outer .cart-item .cart-item-name-wrap p:first-of-type {
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 135px !important;
  color: #494949;
  font-size: 12px;
}
.cart-items-outer .cart-item .cart-item-name-wrap .cart-note {
  font-style:italic 
}
.cart-items-outer .cart-item .cart-item-qty,.cart-items-outer .cart-item .delete {
  width:5vw 
}
.cart-items-outer .cart-item .cart-item-qty {
  text-align:center 
}
.cart-items-outer .cart-item .cart-item-amount-wrap {
  text-align:right 
}
.cart-items-outer .cart-item .cart-item-amount-wrap p {
  color:#aaa;
  text-decoration:line-through 
}
.cart-items-outer .cart-item .cart-item-amount-wrap p:first-of-type {
  color:#494949;
  font-weight:800;
  font-size:1rem;
  text-decoration:none 
}
.cart-items-outer .cart-item .cart-item-amount-wrap {
  width:7vw 
}
.cart-items-outer .cart-item .delete {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  cursor:pointer;
  opacity:.7 
}
.cart-items-outer .cart-item .delete img {
  -webkit-filter:invert(0);
  filter:invert(0) 
}
.cart-items-outer .cart-item-product {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.cart-items-outer a {
  float:right;
  min-height:40px;
  margin-top:1rem 
}
.cart-items-outer a button {
  background-color:#fff;
  border:1px solid #3E5C5B;
  /* border-radius:5px; */
  color:#3E5C5B;
  font-weight: 600;
  padding:.5rem 1rem ;
}
.cart-inner.right .cart-wrap {
  border:1px solid #3E5C5B;;
  /* border-radius: 5px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff8ef;
}
.cart-inner.right .section-header h2 {
  border-bottom: 1px solid #3E5C5B;
  text-transform: none;
  width: 100%;
  padding: 0.5rem;
  font-size: 22px;
  font-family: 'Cormorant Garamond', sans-serif;
  font-weight: 800;
}
.cart-inner.right .payment-info {
  padding:1rem;
  border-bottom:1px solid #ddd 
}
.cart-inner.right .payment-info p {
  font-weight: 500;
  font-size: 12px;
  padding-bottom: 1rem;
}
.cart-inner.right .payment-info .payments-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.cart-inner.right .payment-info .payments-wrap .payment-img {
  width: 3vw;
  border-radius: 3px;
  background: #fff;
  /* border: 1px solid #ddd; */
  margin-right: 0.6rem;
  height: 40px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.cart-inner.right .payment-info .payments-wrap .payment-img.img1 {
  background-image:url(../order_svg/visa.svg) 
}
.cart-inner.right .payment-info .payments-wrap .payment-img.img2 {
  background-image:url(../order_svg/mastercard.svg) 
}
.cart-inner.right .payment-info .payments-wrap .payment-img.img3 {
  background-image:url(../order_svg/amex.svg) 
}
.cart-inner.right .payment-info .payments-wrap .payment-img.img4 {
  background-image:url(../order_svg/jcb.svg) 
}
.cart-inner.right .payment-info .payments-wrap .payment-img.img5 {
  background-image:url(../order_svg/applepay.svg) 
}
.cart-inner.right .payment-info .payments-wrap .payment-img.img6 {
  background-image:url(../order_svg/googlepay.svg) 
}
.cart-inner.right .payments-summary {
  padding:.5rem 
}
.cart-inner.right .payments-summary .promotion,.cart-inner.right .payments-summary .subtotal,.cart-inner.right .payments-summary .total {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:.1rem .2rem; 
}
.cart-inner.right .payments-summary .promotion p:last-of-type {
  color:#3E5C5B;
}
.cart-inner.right .payments-summary .total {
  /* padding-bottom:1rem;
  padding-top:.5rem  */
}
.cart-inner.right .payments-summary .total input,.cart-inner.right .payments-summary .total p {
  font-size: 1.2rem;
  font-weight: 700;
  padding:0;
  text-align:right;
  background-color:transparent;
  border:transparent 
}
.cart-inner.right .payments-summary .total input {
  width:30% 
}
.cart-inner.right .payments-summary .total span {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
.cart-inner.right .payments-summary .total span p {
  color:#1e1f21;
  opacity:.9 
}
.cart-inner.right .actions .btn-primary {
  width: 100%;padding: 9px;
  background-color: #3E5C5B;
  /* display: -webkit-box; */
  display: -ms-flexbox;
  /* display: flex; */
  /* -webkit-box-align: center; */
  -ms-flex-align: center;
  /* align-items: center; */
  /* -webkit-box-pack: center; */
  -ms-flex-pack: center;
  /* justify-content: center; */
  color: #fff;
  /* min-height: 40px; */
  /* border-radius: 0 0 5px 5px;*/
}
.cart-inner.right .actions .btn-primary.inactive {
  background-color:#aaa;
  cursor:no-drop 
}
.cart-inner.right .actions.two-buttons button {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-width:50%;
  border-radius:0 
}
.cart-inner.right .actions.two-buttons button,.cart-inner.right .actions.two-buttons form {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.cart-inner.right .actions.two-buttons button:first-of-type {
  background-color:#1e1f21;
  color:#fff 
}
.cart-inner.right .actions.two-forms button {
  border-radius:0!important 
}
.cart-inner.right .actions.two-forms,.cart-inner.right .actions.two-forms form {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.cart-inner.right .actions.two-forms form {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.cart-inner.right .actions.two-forms form:first-of-type {
  background-color:#1e1f21 
}
.cart-inner.right .actions.two-forms form:first-of-type button {
  color:#fff 
}
.cart-inner.right .actions.btn-amount-show button {
  display:block!important 
}
.cart-inner.right .actions.btn-amount-show button p {
  color:#fff 
}
.cart-inner.right .actions.btn-amount-show button p:last-of-type {
  font-weight:900 
}
.cart-inner.right .general-info,.cart-inner.right .order-time-info {
  background-color:#fff;
  border-radius:5px;
  margin-top:1rem;
  position:relative 
}
.cart-inner.right .order-time-info {
  border:1px solid #80deea 
}
.cart-inner.right .general-info {
  border:1px solid #e1bee7 
}
.cart-inner.right .general-info .info-wrap,.cart-inner.right .order-time-info .info-wrap {
  padding:1rem 
}
.cart-inner.right .order-time-info ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.cart-inner.right .order-time-info li:first-of-type {
  padding-right:.5rem 
}
.cart-inner.right .delivery-require h5,.cart-inner.right .general-info h5,.cart-inner.right .order-time-info h5 {
  width:100%;
  text-align:center;
  font-weight:800;
  border-radius:5px 5px 0 0;
  font-size:13px 
}
.cart-inner.right .order-time-info h5 {
  background-color:#b2ebf2;
  border-bottom:1px solid #80deea;
  color:#222 
}
.cart-inner.right .general-info h5 {
  background-color:#f3e5f5;
  border-bottom:1px solid #e1bee7;
  color:#222 
}
.cart-inner.right .delivery-require h5 {
  background-color:#e0f2f1;
  border-bottom:1px solid #b2dfdb;
  color:#222 
}
.cart-inner.right .general-info div {
  text-align:center;
  padding:1rem;
  line-height:normal 
}
.cart-inner.right .general-info div strong {
  font-weight:800;
  color:#4a148c 
}
.cart-inner.right .pay-by-cash button {
  width:100%;
  height:50px;
  background-color:#1d79ab;
  border-radius:5px;
  margin-top:1rem;
  color:#fff 
}
.cart-inner.right .delivery-require {
  border-radius:5px;
  background-color:#fff;
  border:1px solid #b2dfdb;
  margin-top:1rem 
}
.cart-inner.right .delivery-require span {
  color:inherit;
  text-align:center 
}
.cart-inner.right .delivery-require p {
  text-align:center 
}
.cart-inner.right .delivery-require p strong {
  font-weight:800 
}
.cart-inner.right .delivery-require .requirement {
  padding:.5rem 1rem 
}
.cart-inner.right .delivery-require .deliavilble,.cart-inner.right .order-time-info .info {
  padding:.5rem 1rem;
  border-top:1px solid #ddd;
  background-color:#fff;
  border-radius:0 0 5px 5px;
  text-align:center 
}
.cart-inner.right .delivery-require .deliavilble {
  border-top:1px solid #b2dfdb 
}
.cart-inner.right .delivery-require .deliavilble strong {
  color:#00796b 
}
.cart-inner.right .delivery-require .info,.cart-inner.right .order-time-info .info {
  border-top:0;
  font-size:13px;
  padding:0 0 1rem 
}
.cart-inner.right .delivery-require .info a {
  background-color:green;
  padding:.1rem .5rem;
  border-radius:5px;
  color:#fff;
  font-size:13px 
}
@media screen and (max-width:1200px){
  #sub {
      padding-top:6rem 
 }
  .cart-outer .cart-inner.left {
      width:58vw 
 }
  .cart-outer .cart-inner .order-type {
      width:29vw 
 }
  .cart-items-outer .cart-item .cart-item-img {
      width:6vw 
 }
  .cart-items-outer .cart-item .cart-item-name-wrap p:first-of-type {
      width:30vw 
 }
  .cart-items-outer .cart-item .cart-item-amount-wrap {
      width:8vw 
 }
  .cart-list-header p:first-child {
      width:36vw 
 }
  .cart-list-header p:nth-child(3) {
      width:8vw 
 }
  .cart-inner.right .payment-info .payments-wrap .payment-img {
      margin-right:.5rem;
      height:25px 
 }
  .cart-outer .cart-inner.right {
      width:26vw 
 }
}
@media screen and (max-width:1024px){
  .cart-outer .cart-inner.left {
      width:60vw 
 }
  .cart-outer .cart-inner.right {
      width:33vw 
 }
}
@media screen and (max-width:991px){
  .cart-outer {
      display:block;
      margin:0 3vw 
 }
  .cart-outer .cart-inner.left {
      width:100%;
      padding-right:unset 
 }
  .cart-outer .cart-inner .order-type {
      width:50% 
 }
  .cart-outer .cart-inner.right {
      width:100%!important;
      margin-top:5rem 
 }
  .cart-items-outer {
      min-height:unset 
 }
  .cart-items-outer .cart-item .cart-item-img {
      width:10vw 
 }
  .cart-items-outer .cart-item .cart-item-name-wrap p {
      width:50vw 
 }
  .cart-list-header p:first-child {
      width:60vw 
 }
  .cart-inner.right .payment-info .payments-wrap .payment-img {
      width:10vw;
      height:60px 
 }
  .cart-outer .cart-inner .order-type {
      width:46vw 
 }
}
@media screen and (max-width:767px){
  #sub {
      padding-top:6rem 
 }
  .cart-outer {
      margin:0 5vw 
 }
  .cart-items-outer .cart-item .cart-item-amount-wrap {
      width:20vw 
 }
  .cart-items-outer .cart-item .cart-item-name-wrap p {
      padding-left:.5rem 
 }
  .cart-list-header p:first-child {
      padding:unset 
 }
  .cart-list-header p:nth-child(2) {
      width:8vw 
 }
  .cart-list-header p:nth-child(2),.cart-list-header p:nth-child(3) {
      width:25vw 
 }
  .cart-inner.right .payment-info .payments-wrap .payment-img {
      height:40px 
 }
  .cart-outer .cart-inner .order-type {
      width:44vw 
 }
}
@media screen and (max-width:500px){
  .cart-items-outer .cart-item-product {
      display:block 
 }
  .cart-items-outer .cart-item .cart-item-img {
      width:20vw 
 }
  .cart-items-outer .cart-item .cart-item-name-wrap p {
      padding-left:0 
 }
  .cart-list-header p:first-child {
      width:50vw 
 }
  .cart-list-header p:nth-child(3) {
      width:20vw 
 }
  .cart-items-outer .cart-item .cart-item-name-wrap p:first-of-type {
      padding-top:.5rem;
      width:50vw 
 }
  .cart-inner.right .payment-info .payments-wrap .payment-img {
      height:30px 
 }
  .cart-list-header p:nth-child(2),.cart-list-header p:nth-child(3) {
      width:25vw 
 }
  .cart-list-header p:nth-child(4) {
      width:10vw 
 }
}
.cart-outer .details-outer .section-header {
  -webkit-box-pack:inherit;
  -ms-flex-pack:inherit;
  justify-content:inherit 
}
.cart-outer .details-outer .discount-inner .section-header,.cart-outer .details-outer .payment-inner .section-header {
  padding-top:3rem 
}
.cart-outer .details-outer .section-header div {
  color:#fff;
  width:30px;
  height:30px;
  background-color:#3e5c5b;
  border-radius:50px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.cart-outer .details-outer .section-header h2,.cart-outer .details-outer .section-header h2 span {
  color:#3e5c5b;
  font-size:1.25rem 
}
.cart-outer .details-outer .section-header h2 {
  padding-bottom:0;
  padding-left:1rem 
}
.cart-outer .details-outer .section-header {
  padding-bottom:1rem 
}
.cart-outer .details-outer p {
  font-weight:800;
  padding-bottom:.5rem 
}
.cart-outer .details-outer .row .info p {
  padding:.5rem;
  text-align:center;
  font-weight:500;
  background-color:#ffe4de;
  border-radius:5px;
  color:#494949 
}
.cart-outer .details-outer .row .info p:last-of-type {
  margin-top:.5rem 
}
.cart-outer .details-outer .row .info span {
  font-weight:700;
  color:#494949 
}
.cart-outer .details-outer .method-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  border-bottom:1px solid #ddd;
  padding-bottom:1rem 
}
.cart-outer .details-outer .current-time span {
  color:#cb0000;
}
.cart-outer .details-outer .current-time #datepicker span {
  color:inherit 
}
.cart-outer .details-outer .current-time p:last-of-type {
  font-weight:500 
}
.cart-outer .details-outer .method-wrap select {
  width:50%;
  min-height:40px;
  border-radius:5px;
  border-color:#ddd;
  color:inherit;
  padding-left:.5rem 
}
.cart-outer .details-outer .method-wrap select:first-of-type {
  margin-right:1rem 
}
.cart-outer .details-outer .method-wrap select option {
  min-height:40px 
}
.custom-select {
  position:relative;
  font-family:Arial;
  width:50% 
}
.custom-select:first-of-type {
  margin-right:1rem 
}
.custom-select select {
  display:none 
}
.select-selected {
  background-color:#fff 
}
.select-selected:after {
  position:absolute;
  content:"";
  top:17px;
  right:20px;
  width:0;
  height:0;
  border:6px solid transparent;
  border-top-color:#1e1f21 
}
.select-selected.select-arrow-active:after {
  border-color:transparent transparent #1e1f21;
  top:10px 
}
.select-items div,.select-selected {
  color:inherit;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  border-radius:5px;
  border:1px solid #ddd;
  min-height:40px;
  padding:0 16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
.select-items {
  position:absolute;
  background-color:#1e90ff;
  top:100%;
  left:0;
  right:0;
  z-index:99;
  border-radius:5px 
}
.select-hide {
  display:none 
}
.same-as-selected,.select-items div:hover {
  color:#43a047;
  font-weight:600 
}
.select-items div {
  background-color:#fff;
  border-radius:0;
  color:#aaa;
  border:solid #ddd;
  border-width:1px 1px 0 
}
.select-items div:last-of-type {
  border-width:1px ;
}
.order-details-wrap {
  padding-top:1rem 
}
.discount-wrap .row,.order-details-wrap .row,.payment-wrap .row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-right:-5px;
  margin-left:-5px ;
}
.order-details-wrap .row div {
  font-weight:800;
  font-size:13px;
  color:red ;
}
.discount-wrap .row div,.order-details-wrap .row div,.payment-wrap .row div {
  width:100%;
  display:block;
  padding-right:5px;
  padding-left:5px;
  position:relative;
  padding-bottom:.75rem 
}
.payment-wrap .row .md-3:last-of-type {
  margin:auto;
  padding:unset 
}
.payment-wrap .row .md-3:last-of-type img {
  max-width:10rem 
}
.discount-inner label,.order-details-wrap div label,.payment-inner label {
  display:inline-block;
  padding-bottom:.3rem;
  font-weight:600 ;
}
.discount-inner .row input,.order-details-wrap .row input,.payment-inner .row input {
  width:100%;
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box ;
}
.discount-wrap .row form {
  width:100% 
}
.discount-wrap .row:last-of-type small,.discount-wrap .row:last-of-type span {
  color:#cb0000;
}
.discount-wrap .row:last-of-type span {
  padding-left:1rem 
}
.discount-wrap .row .apply-button:after {
  content:"Apply";
  position:absolute;
  right:5px;
  top:26px;
  background-color:#3e5c5b;
  color:#fff;
  height:40px;
  min-width:80px;
  /* border-radius:0 5px 5px 0; */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  cursor:pointer 
}
.discount-wrap .row .apply-button.disabled:after {
  cursor:not-allowed 
}
.discount-wrap h5 {
  color:#289117;
  font-size:13px;
  font-weight:600;
  float:right;
  padding:0 1rem 0 0;
  -webkit-transition:opacity .3s;
  transition:opacity .3s;
  -webkit-animation:shake-horizontal 2s forwards;
  animation:shake-horizontal 2s forwards 
}
#details .cart-list-inner .cart-list-header {
  background-color:#f4f4f4;padding: 10px;
  color:#636363;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  border-top:unset;
  border-bottom:1px solid #ddd 
}
#details .cart-item-name-wrap p {
  /* width:100%;
  width:11vw; */
  padding-left:.5rem 
}
#details .cart-items-outer .cart-item .cart-item-name-wrap p:first-of-type {
  /* width:11vw; */
  padding-left:.5rem 
}
#details .cart-items-outer {
  min-height:0; padding: 10px;
}
#details .cart-items-outer .cart-item .cart-item-amount-wrap {
  padding-right:.5rem; 
}
#details .cart-list-header p:first-child {
  width:14vw;
  padding-left:.5rem ;
}
#details .cart-items-outer .cart-item .cart-item-qty,#details .cart-list-header p:nth-child(2) {
  width:3vw ;
}
#details .cart-items-outer .cart-item .cart-item-amount-wrap,#details .cart-list-header p:nth-child(3) {
  width:5vw; 
}
#details .cart-list-header p:nth-child(3) {
  padding-right:.5rem ;
}
#details .cart-items-outer .cart-item-product {
  padding-left:.5rem ;
}
#details .cart-list-header {
  padding:.3rem 0 ;
}
#details .cart-inner.right .actions {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
#details .cart-inner.right .actions .btn {
  width:100% 
}
.cart-inner.right .actions .btn-secondary {
  /* border-radius:0 0 0 5px;
  min-height:50px; */
  padding: 8px;
  background-color: #f4f4f4;
  border-top: 1px solid #949494;
}
.cart-inner.right .actions .btn-primary {}
  /* border-radius:0 0 5px 0 
} */
.cart-inner .right .actions .btn-primary .confirm {
  border-radius:0 0 5px 5px;
  background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
  background-size:400% 400%;
  -webkit-animation:gradient 15s ease infinite;
  animation:gradient 15s ease infinite 
}
.cart-inner.right .info-payment {
  text-align:center;
  margin-top:1rem;
  background-color:rgba(239,75,36,.15);
  padding:1rem;
  font-size:13px;
  border:1px solid #43a047;
  border-radius:5px;
  color:#d82900;
  font-weight:700 
}
.cart-inner.right .info-payment strong {
  font-size:inherit;
  color:#d82900;
  font-weight:800 
}
@-webkit-keyframes gradient {
  0% {
      background-position:0 50% 
 }
  50% {
      background-position:100% 50% 
 }
  to {
      background-position:0 50% 
 }
}
@keyframes gradient {
  0% {
      background-position:0 50% 
 }
  50% {
      background-position:100% 50% 
 }
  to {
      background-position:0 50% 
 }
}
.cart-inner.right .actions a {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.cart-inner.right .actions .cash {
  background-color:#43a047;
  color:#fff;
  border-radius:0;
  border-top:1px solid #43a047;
  border-right:1px solid #ddd 
}
.cart-inner.right .actions form {
  width:100% 
}
.order-details-wrap .row .md-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75% 
}
.order-details-wrap .row .md-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25% 
}
.cart-inner.right.confirm .actions {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
.cart-inner.right.confirm .actions .btn-wrap {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex 
}
.cart-inner.right.confirm .actions button {
  width:50% 
}
.cart-inner.right.confirm .actions .cancel {
  /* border-radius:0 0 0 5px; */
  background: #ececec;
    border-top: 1px solid #a2a2a2;
}
#payConfirmModal button.btn-primary,.cart-inner.right.confirm .actions a.cancel,.cart-inner.right.confirm .actions button:last-of-type {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:50% 
}
#payConfirmModal button.btn-primary,.cart-inner.right.confirm .actions button:last-of-type {
  background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
  background-size:400% 400%;
  -webkit-animation:gradientBG 10s ease infinite;
  animation:gradientBG 10s ease infinite;
  height:50px;
  /* border-radius:0 0 5px 0  */
}
#payConfirmModal button {
  height:50px 
}
#payConfirmModal button:first-child {
  margin-left:0 
}
#payConfirmModal button.btn-primary {
  border-radius:5px 
}
@-webkit-keyframes gradientBG {
  0% {
      background-position:0 50% 
 }
  50% {
      background-position:100% 50% 
 }
  to {
      background-position:0 50% 
 }
}
@keyframes gradientBG {
  0% {
      background-position:0 50% 
 }
  50% {
      background-position:100% 50% 
 }
  to {
      background-position:0 50% 
 }
}
.cart-inner.right.confirm .actions button:last-of-type span {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  background:0;
  -webkit-box-shadow:unset;
  box-shadow:unset;
  text-shadow:none;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:#fff;
  font-weight:600 
}
.Checkout.is-desktop .Header-purchaseDescription {
  color:red!important;
  font-weight:700!important 
}
.cart-outer .details-outer .method-wrap .input-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  width:100% 
}
.cart-outer .details-outer .method-wrap .input-wrap input {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1 
}
.cart-outer .details-outer .method-wrap .input-wrap input:first-of-type {
  margin-right:.5rem 
}
@media screen and (min-width:991px) and (max-width:1024px){
  #details .cart-items-outer .cart-item .cart-item-amount-wrap,#details .cart-list-header p:nth-child(3) {
      width:8vw 
 }
}
@media screen and (max-width:1200px){
  #details .cart-items-outer .cart-item .cart-item-img {
      width:3vw;
      height:30px 
 }
}
@media screen and (min-width:992px){
  .order-details-wrap .row .md-6,.payment-wrap .row .md-6 {
      -webkit-box-flex:0;
      -ms-flex:0 0 50%;
      flex:0 0 50%;
      max-width:50% 
 }
}
@media screen and (max-width:991px){
  #details .cart-items-outer .cart-item .cart-item-img {
      width:10vw;
      height:65px 
 }
  #details .cart-item-name-wrap p,#details .cart-items-outer .cart-item .cart-item-name-wrap p:first-of-type {
      width:50vw 
 }
  #details .cart-items-outer .cart-item .cart-item-qty,#details .cart-list-header p:nth-child(2) {
      width:10vw 
 }
  #details .cart-items-outer .cart-item .cart-item-amount-wrap,#details .cart-list-header p:nth-child(3) {
      width:15vw 
 }
  #details .cart-list-header p:first-child {
      width:50vw 
 }
  #details .cart-items-outer {
      padding-bottom:unset 
 }
  .order-details-wrap .row,.payment-wrap .row {
      display:block 
 }
  .order-details-wrap .row .md-2,.order-details-wrap .row .md-10 {
      max-width:unset;
      -webkit-box-flex:0;
      -ms-flex:0;
      flex:0 
 }
  .cart-inner.left.confirm {
      display:none 
 }
  .cart-inner.right.confirm {
      margin-top:0;
      min-height:60vh 
 }
}
@media screen and (max-width:767px){
  #details .cart-list-header p:first-child {
      padding-left:.5rem 
 }
}
@media screen and (max-width:500px){
  #details .cart-items-outer .cart-item .cart-item-img {
      /* height:40px ;*/ display: none; 
 }
  #details .cart-list-header p:first-child {
      width:40vw 
 }
  #details .cart-items-outer .cart-item .cart-item-amount-wrap,#details .cart-list-header p:nth-child(3) {
      width:25vw 
 }
  .cart-outer .details-outer .method-wrap .input-wrap {
      display:block 
 }
  .cart-outer .details-outer .method-wrap .input-wrap input {
      width:100% 
 }
  .cart-outer .details-outer .method-wrap .input-wrap input:first-of-type {
      margin-bottom:.5rem 
 }
}
.pickup-store {
  border-radius:3px;
  min-height:40px;
  border:1px solid #ddd;
  padding:0 .5rem 
}
.confirmation-outer,.pickup-store {
  background-color:#f4f4f4;
  width:100% 
}
.confirmation-outer {
  border-radius:5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:2rem 0 1rem;
  margin-bottom:2rem 
}
.confirmation-outer h1,.confirmation-outer p {
  text-align:center 
}
.confirmation-outer h1 {
  font-size:1.5rem;
  color:#3e5c5b;
  font-weight:800 
}
.confirmation-outer h1:first-of-type {
  padding-bottom:.5rem 
}
.confirmation-outer h1:last-of-type {
  color:inherit;
  font-size:2rem;
  padding-bottom:2rem 
}
.confirmation-outer p:last-of-type {
  padding-top:1rem;
  padding-bottom:.5rem 
}
.confirmation-outer .confirmation-inner div {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.confirmation-outer .btn {
  min-height:50px;
  padding:0 1rem;
  border:1px solid #ddd;
  border-radius:5px 
}
.confirmation-outer .btn.btn-secondary {
  margin-right:1rem 
}
.confirmation-outer .btn.btn-primary {
  background-color:#3e5c5b;
  color:#fff 
}
.confirmation .cart-outer .payments-summary div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end 
}
.confirmation .cart-outer .cart-items-outer {
  min-height:0 
}
.confirmation .cart-outer .payments-summary div {
  font-weight:700 
}
.confirmation .cart-outer .payments-summary {
  padding-top:2rem 
}
.confirmation .cart-outer .payments-summary div p:first-of-type {
  min-width:5rem;
  text-align:left 
}
.confirmation .cart-outer .payments-summary div p:last-of-type {
  text-align:right;
  min-width:10rem 
}
.confirmation .cart-outer .payments-summary div:last-of-type p {
  font-size:1.25rem;
  font-weight:900;
  padding-top:.5rem 
}
.confirmation .cart-inner .info {
  padding:1rem 
}
.confirmation .cart-inner ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:unset;
  -ms-flex-align:unset;
  align-items:unset;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding-bottom:.5rem 
}
.confirmation .cart-inner ul li {
  width:50% 
}
.confirmation .cart-inner ul li:last-of-type {
  text-align:left 
}
.confirmation .cart-inner .refund {
  padding:1rem 
}
.confirmation .cart-inner .refund h1,.confirmation .cart-inner .refund p:last-of-type,.confirmation .cart-inner .refund p:last-of-type span {
  color:#43a047;
  font-weight:700 
}
.confirmation .cart-inner .refund h1 {
  font-size:1.25rem;
  font-weight:900 
}
.confirmation .cart-inner .refund h2 {
  text-transform:unset;
  padding-bottom:.5rem 
}
.table .note-outer {
  background-color:#ffd5c8;
  padding:1rem;
  border-radius:5px;
  margin-top:1rem;
  margin-bottom:1.5rem;
  width:100% 
}
.table .note-outer .note-inner {
  color:#43a047;
  text-align:center;
  font-weight:800 
}
.table .confirmation-outer {
  margin:0 
}
.table .confirmation-outer h1:last-of-type {
  font-size:2.5rem;
  padding-top:.5rem 
}
@media screen and (max-width:767px){
  .confirmation-outer {
      padding:3rem 1rem 2rem 
 }
}
#mypage {
  background-color:#fff 
}
.mypage-outer .container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
  justify-content:space-around 
}
.mypage-outer .mypage-inner.left {
  width:15vw;
  margin-right:5vw 
}
.mypage-outer .mypage-inner.right {
  width:50vw 
}
.mypage-outer .order-details-wrap .row input,.mypage-outer .order-details-wrap textarea {
  background-color:#f4f4f4 
}
.mypage-outer .mypage-inner.left .myinfo-outer {
  background-color:#fff;
  border-radius:5px;
  -webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);
  box-shadow:0 4px 4px rgba(0,0,0,.25) 
}
.mypage-outer .mypage-inner.left .myinfo-outer h1,.mypage-outer .mypage-inner.left .myinfo-outer p {
  padding:0 1rem 
}
.mypage-outer .mypage-inner.left .myinfo-outer p {
  color:#aaa;
  padding-top:1rem 
}
.mypage-outer .mypage-inner.left .myinfo-outer h1 {
  font-weight:900;
  font-size:1.25rem;
  padding-top:.5rem 
}
.mypage-outer .mypage-inner.left .myinfo-outer .point {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:1rem 1rem 3rem 
}
.mypage-outer .mypage-inner.left .myinfo-outer .point p {
  color:#40a737;
  font-weight:900;
  padding:unset 
}
.mypage-outer .mypage-inner.left .myinfo-outer button {
  width:100%;
  background-color:#ffd1c6;
  border-radius:0 0 5px 5px;
  min-height:50px;
  color:#ef4b24;
  font-weight:700 
}
.mypage-outer .mypage-inner.left .myinfo-outer .point div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  cursor:pointer 
}
.mypage-outer .mypage-inner.left .myinfo-outer .point div img {
  max-width:20px;
  margin-left:.5rem 
}
.mypage-outer .mypage-inner .section-header h2 {
  font-weight:800;
  font-size:1.25rem;
  padding-bottom:1rem;
  text-transform:uppercase;
  letter-spacing:.5px 
}
.mypage-outer .mypage-inner .tooltip {
  position:relative;
  display:inline-block;
  border-bottom:1px dotted #000 
}
.mypage-outer .mypage-inner .tooltip .tooltiptext {
  visibility:hidden;
  width:200px;
  background-color:#000;
  color:#fff;
  text-align:center;
  border-radius:6px;
  position:absolute;
  z-index:1;
  padding:1rem;
  font-size:14px;
  line-height:1.25rem 
}
.mypage-outer .mypage-inner .tooltip:hover .tooltiptext {
  visibility:visible 
}
.mypage-outer .mypage-inner.right form button {
  min-height:40px;
  border-radius:5px;
  background-color:#43a047;
  color:#fff;
  padding:0 1rem 
}
.mypage-outer .mypage-inner.right form a,.mypage-outer .mypage-inner.right form button {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
.mypage-outer .mypage-inner.right form a {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end 
}
.mypage-outer .mypage-inner.right form a h5 {
  color:#289117;
  font-size:13px;
  font-weight:600;
  padding:0 1rem 0 0;
  -webkit-transition:opacity .3s;
  transition:opacity .3s;
  -webkit-animation:shake-horizontal 2s forwards;
  animation:shake-horizontal 2s forwards 
}
.order-details-wrap #result-list {
  position:absolute;
  top:65px;
  left:0;
  z-index:10;
  color:#000;
  max-height:30vh;
  overflow:auto 
}
.order-details-wrap #result-list div {
  color:#000;
  background-color:#fff;
  cursor:pointer;
  padding-top:10px 
}
.order-details-wrap #result-list div:hover {
  background-color:#eee 
}
@-webkit-keyframes fadeout {
  0% {
      opacity:1 
 }
  87% {
      opacity:1 
 }
  to {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:0 
 }
}
@keyframes fadeout {
  0% {
      opacity:1 
 }
  87% {
      opacity:1 
 }
  to {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:0 
 }
}
@-webkit-keyframes shake-horizontal {
  0%,to {
      -webkit-transform:translateX(0);
      transform:translateX(0);
      opacity:1 
 }
  10%,30%,50%,70% {
      -webkit-transform:translateX(-5px);
      transform:translateX(-5px) 
 }
  20%,40%,60% {
      -webkit-transform:translateX(5px);
      transform:translateX(5px) 
 }
  80% {
      -webkit-transform:translateX(3px);
      transform:translateX(3px) 
 }
  90% {
      -webkit-transform:translateX(-3px);
      transform:translateX(-3px);
      opacity:1 
 }
  to {
      -webkit-transform:translateX(0);
      transform:translateX(0);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:0 
 }
}
@keyframes shake-horizontal {
  0%,to {
      -webkit-transform:translateX(0);
      transform:translateX(0);
      opacity:1 
 }
  10%,30%,50%,70% {
      -webkit-transform:translateX(-5px);
      transform:translateX(-5px) 
 }
  20%,40%,60% {
      -webkit-transform:translateX(5px);
      transform:translateX(5px) 
 }
  80% {
      -webkit-transform:translateX(3px);
      transform:translateX(3px) 
 }
  90% {
      -webkit-transform:translateX(-3px);
      transform:translateX(-3px);
      opacity:1 
 }
  to {
      -webkit-transform:translateX(0);
      transform:translateX(0);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:0 
 }
}
.mypage-outer .mypage-inner.right .order-history-inner {
  padding-top:5rem 
}
.mypage-outer .mypage-inner.right .order-history-header {
  background-color:#1e1f21;
  border-radius:5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:.3rem 
}
.mypage-outer .mypage-inner.right .order-history-header p {
  color:#fff 
}
.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  border-bottom:1px solid #ddd;
  padding:1rem .3rem 
}
.mypage-outer .mypage-inner.right .order-history-order-wrap .no-item {
  text-align:center;
  padding-top:2rem 
}
.mypage-outer .mypage-inner.right .order-history-header p:first-child,.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:first-child {
  width:12vw 
}
.mypage-outer .mypage-inner.right .order-history-header p:nth-child(2),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2) {
  width:4vw 
}
.mypage-outer .mypage-inner.right .order-history-header p:nth-child(3),.mypage-outer .mypage-inner.right .order-history-header p:nth-child(5),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(3),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(5) {
  width:5vw 
}
.mypage-outer .mypage-inner.right .order-history-header p:nth-child(4),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4) {
  width:15vw 
}
.mypage-outer .mypage-inner.right .order-history-header p:nth-child(6),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order a {
  width:5vw;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end 
}
.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4) {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap 
}
.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order a button:hover {
  background-color:#43a047;
  color:#fff 
}
.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(5) {
  text-align:right;
  padding-right:.5rem 
}
.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order a button {
  min-height:40px;
  border:1px solid #43a047;
  color:#43a047;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:0 .5rem;
  border-radius:5px 
}
.mypage-outer .mypage-inner.right .order-history-header p:nth-child(2),.mypage-outer .mypage-inner.right .order-history-header p:nth-child(3),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(3) {
  text-align:center 
}
.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4) span,.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(5) {
  font-weight:800 
}
.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2) {
  text-transform:uppercase 
}
.mypage-outer .mypage-inner.right .row .checkbox-row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
.mypage-outer .mypage-inner.right .row .checkbox-row input {
  width:auto;
  margin-right:1rem 
}
.mypage-outer .mypage-inner.right .password-row input:disabled {
  background-color:#e5e5e5;
  color:#aaa;
  border:1px solid #ccc 
}
.mypage-outer .mypage-inner.right .message-row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  margin-bottom:1rem;
  padding-right:5px 
}
.changepw-label {
  display:block;
  position:relative;
  padding-left:35px;
  padding-bottom:0!important;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none 
}
.changepw-label input {
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0 
}
.checkmark {
  position:absolute;
  top:0;
  left:0;
  height:25px;
  width:25px;
  background-color:#ddd 
}
.changepw-label:hover input~.checkmark {
  background-color:#ccc 
}
.changepw-label input:checked~.checkmark {
  background-color:#43a047 
}
.checkmark:after {
  content:"";
  position:absolute;
  display:none 
}
.changepw-label input:checked~.checkmark:after {
  display:block 
}
.changepw-label .checkmark:after {
  left:9px;
  top:5px;
  width:7px;
  height:12px;
  border:solid #fff;
  border-width:0 3px 3px 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg) 
}
@media screen and (max-width:1200px){
  .mypage-outer .mypage-inner.left {
      width:25vw 
 }
  .mypage-outer .mypage-inner.right {
      width:60vw 
 }
}
@media screen and (max-width:991px){
  .mypage-outer .container {
      display:block;
      margin:0 3vw 
 }
  .mypage-outer .mypage-inner.left,.mypage-outer .mypage-inner.right {
      width:94vw 
 }
  .mypage-outer .mypage-inner.right {
      padding-top:4rem 
 }
  .mypage-outer .mypage-inner.right .order-history-inner {
      padding-top:7rem 
 }
  .mypage-outer .mypage-inner.right .order-history-header p:first-child,.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:first-child {
      width:20vw 
 }
  .mypage-outer .mypage-inner.right .order-history-header p:nth-child(2),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2) {
      width:8vw 
 }
  .mypage-outer .mypage-inner.right .order-history-header p:nth-child(3),.mypage-outer .mypage-inner.right .order-history-header p:nth-child(5),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(3),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(5) {
      width:10vw 
 }
  .mypage-outer .mypage-inner.right .order-history-header p:nth-child(4),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4) {
      width:36vw 
 }
  .mypage-outer .mypage-inner.right .order-history-header p:nth-child(6),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order a {
      width:10vw 
 }
  .mypage-outer .mypage-inner .section-header {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center 
 }
  .mypage-outer .mypage-inner .section-header h2 {
      color:#43a047 
 }
  .mypage-outer .mypage-inner.right .myaccount-inner .section-header h2 {
      padding-bottom:unset 
 }
  .mypage-outer .mypage-inner .tooltip .tooltiptext {
      right:0;
      top:150% 
 }
}
@media screen and (max-width:767px){
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order {
      display:block;
      background-color:#f4f4f4;
      border-radius:5px;
      margin-bottom:1rem;
      padding:1rem;
      border:1px solid #ddd 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap p {
      float:left 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:first-child {
      width:100%;
      font-weight:800;
      color:#00acc1 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4) {
      width:60% 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(3),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(5) {
      width:40% 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order a {
      width:100% 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(3) {
      text-align:left;
      padding-top:1.5rem 
 }
  .mypage-outer .mypage-inner.right .order-history-header p:first-child {
      width:100% 
 }
  .mypage-outer .mypage-inner.right .order-history-header {
      display:none 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(5) {
      text-align:left;
      padding-top:1.5rem;
      padding-bottom:.5rem 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order a button {
      width:100% 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(3),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4),.mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(5) {
      position:relative 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:before {
      position:absolute;
      top:0;
      left:0;
      font-weight:800;
      font-size:12px;
      padding-top:.3rem;
      color:#888 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(2):before {
      content:"Order #";
      text-transform:none 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(3):before {
      content:"Method" 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4):before {
      content:"Item" 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(5):before {
      content:"Total" 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .order-history-order p:nth-child(4) {
      padding-right:.5rem 
 }
  .mypage-outer .mypage-inner.right .order-history-order-wrap .no-item {
      padding:2rem;
      background-color:#ddd;
      border-radius:5px 
 }
}
.mypage-outer {
  min-height:70vh 
}
.mypage-inner.right .order-detail-inner .order-detail-header {
  background-color:#1e1f21;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:.5rem;
  border-radius:5px 5px 0 0 
}
.mypage-inner.right .order-detail-inner .order-detail-header h1,.mypage-inner.right .order-detail-inner .order-detail-header p {
  color:#fff 
}
.mypage-inner.right .order-detail-inner .order-detail-header h1 {
  font-size:2rem;
  font-weight:800 
}
.mypage-inner.right .order-detail-inner .order-detail-header p {
  text-align:right 
}
.mypage-inner.right .order-detail-inner .order-detail-info {
  background-color:#fff;
  padding:1rem .5rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  border:1px solid #ddd 
}
.mypage-inner.right .order-detail-inner .order-detail-info span {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-bottom:.3rem 
}
.mypage-inner.right .order-detail-inner .order-detail-info div {
  width:100% 
}
.mypage-inner.right .order-detail-inner .order-detail-info span p:first-of-type {
  min-width:30%;
  padding-right:1rem 
}
.mypage-inner.right .order-detail-inner .order-detail-info span p:last-of-type {
  min-width:70%;
  font-weight:800 
}
.mypage-inner.right .order-detail-contents .cart-list-header {
  background-color:#f4f4f4 
}
.mypage-inner.right .order-detail-contents .cart-list-header p:first-child {
  padding-left:.5rem 
}
.mypage-inner.right .order-detail-contents .cart-list-header p:nth-child(3) {
  padding-right:.5rem 
}
.mypage-inner.right .order-detail-contents .cart-items-outer,.mypage-inner.right .order-detail-contents .payments-summary {
  background-color:#fff;
  min-height:unset 
}
.mypage-inner.right .order-detail-contents .cart-item-product {
  padding-left:.5rem 
}
.mypage-inner.right .order-detail-contents .cart-items-outer .cart-item .cart-item-amount-wrap {
  padding-right:.5rem 
}
.mypage-inner.right .order-detail-contents .cart-items-outer .cart-item .cart-item-name-wrap p {
  padding-left:0 
}
.mypage-inner.right .order-detail-contents .cart-items-outer .cart-item .cart-item-name-wrap p:first-of-type {
  width:26vw 
}
.mypage-inner.right .order-detail-contents .payments-summary div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end 
}
.mypage-inner.right .order-detail-contents .payments-summary div p:last-of-type {
  min-width:30%;
  text-align:right 
}
.mypage-inner.right .order-detail-contents .payments-summary {
  padding:1rem 1rem 2rem;
  border-radius:0 0 5px 5px 
}
.mypage-inner.right .order-detail-contents .payments-summary .total p {
  font-size:1.5rem;
  padding-top:.5rem;
  font-weight:800 
}
.mypage-inner.right .order-detail-contents {
  border:1px solid #ddd;
  border-radius:0 0 5px 5px 
}
.mypage-inner.right .order-detail-inner button {
  background-color:#f4f4f4;
  min-height:50px;
  padding:0 2rem;
  border-radius:5px;
  margin-top:1rem;
  float:right;
  cursor:pointer;
  color:#636363 
}
@media screen and (max-width:767px){
  .mypage-inner.right .order-detail-contents .payments-summary div p:last-of-type {
      min-width:50% 
 }
  .mypage-inner.right .order-detail-inner .order-detail-info {
      display:block 
 }
  .mypage-inner.right .order-detail-inner .order-detail-info div {
      width:100% 
 }
  .mypage-inner.right .order-detail-inner .order-detail-info span {
      display:block 
 }
  .mypage-inner.right .order-detail-inner .order-detail-info span p:first-of-type,.mypage-inner.right .order-detail-inner .order-detail-info span p:last-of-type {
      width:100% 
 }
}
#policy {
  background-color:#fff 
}
#policy #sub {
  min-height:70vh 
}
#policy h1 {
  font-size:1.5rem;
  font-weight:800;
  padding-bottom:1rem 
}
#policy .contents_box {
  background-color:#f4f4f4;
  border:1px solid #ddd;
  padding:2rem;
  border-radius:5px 
}
#policy .contents_box p {
  font-size:14px 
}
#policy .contents_box strong {
  font-weight:800 
}
@media screen and (max-width:991px){
  #policy main .container {
      margin:0 3vw 
 }
}
@media screen and (max-width:767px){
  #policy main .container {
      margin:0 5vw 
 }
  #policy .contents_box {
      padding:1rem 
 }
}
#galleryPage,#galleryPage main {
  background-color:#1e1f21 
}
#galleryPage .gallery-outer h2 {
  color:#fff;
  font-size:1.5rem;
  text-align:center;
  padding-bottom:2rem 
}
#galleryPage .row>.column {
  padding:0 .75rem 2rem 
}
#galleryPage .gallery-outer.container {
  min-height:70vh 
}
#galleryPage .row:after {
  content:"";
  display:table;
  clear:both 
}
#galleryPage .column {
  float:left;
  width:25% 
}
.modal-content.gallery {
  max-width:1200px 
}
#galleryPage .mySlides {
  display:none 
}
#galleryPage .mySlides img {
  margin-bottom:-20px 
}
#galleryPage .cursor {
  cursor:pointer 
}
#galleryPage .numbertext {
  font-size:12px;
  padding:8px 12px;
  position:absolute;
  top:0 
}
#galleryPage .column div {
  margin-bottom:-5px;
  border-radius:10px;
  height:180px;
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50% 
}
#galleryPage .caption-container {
  text-align:center;
  background-color:#000;
  padding:2px 16px;
  color:#fff 
}
#galleryPage .demo {
  opacity:.6 
}
#galleryPage .active,#galleryPage .demo:hover {
  opacity:1 
}
#galleryPage img.hover-shadow {
  -webkit-transition:.3s;
  transition:.3s;
  border-radius:5px 
}
#galleryPage .hover-shadow:hover {
  -webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
  box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) 
}
@media screen and (max-width:767px){
  #galleryPage .column {
      width:50% 
 }
  #galleryPage .row>.column {
      padding:0 .5rem 1rem 
 }
  .gallery-outer {
      margin:0 5vw 
 }
  #galleryPage .column div {
      height:150px 
 }
}
.container.invoice * {
  font-size:13px 
}
.container.invoice {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  background-color:#ddd;
  margin:0 
}
.container.invoice .contents-wrap {
  max-width:700px;
  background-color:#fff 
}
.container.invoice .contents-wrap .top-outer .toptop {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  background-color:#1e1f21 
}
.container.invoice .contents-wrap .top-outer .left {
  width:70%;
  border-right:1px solid #ddd;
  padding:1rem 
}
.container.invoice .contents-wrap .top-outer .right {
  width:30%;
  padding:1rem 
}
.container.invoice .uppertext {
  text-transform:uppercase;
  font-weight:600 
}
.container.invoice .contents-wrap .top-outer .left img {
  max-width:140px 
}
.container.invoice .contents-wrap .top-outer .left li {
  color:#fff 
}
.container.invoice .contents-wrap .top-outer .left h5 {
  font-size:1.25rem;
  color:#ddd 
}
.container.invoice .contents-wrap .top-outer .right li:first-of-type {
  font-size:2.75rem;
  padding-bottom:.5rem;
  padding-top:.5rem 
}
.container.invoice .contents-wrap .top-outer .right li {
  text-align:center;
  color:#fff;
  font-weight:800 
}
.container.invoice .contents-wrap .top-outer .topbottom .row {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.container.invoice .contents-wrap .top-outer .topbottom .row p {
  border-color:#ddd;
  border-style:solid;
  border-width:0 1px 1px 0;
  min-height:40px;
  padding:.75rem 
}
.container.invoice .contents-wrap .top-outer .topbottom .row p:first-of-type {
  width:25%;
  font-weight:800 
}
.container.invoice .contents-wrap .top-outer .topbottom .row p:last-of-type {
  width:75% 
}
.container.invoice .contents-wrap .top-outer .topbottom .row:last-of-type p {
  min-width:25% 
}
.container.invoice .contents-wrap .top-outer .topbottom .row:last-of-type p:nth-child(3) {
  font-weight:800 
}
.container.invoice .contents-wrap .email-text {
  text-align:center;
  padding:1.5rem 2rem 1rem 
}
.container.invoice .contents-wrap .email-text p {
  padding-bottom:.5rem 
}
.container.invoice .contents-wrap .email-text strong {
  font-weight:800;
  font-style:italic 
}
.container.invoice .contents-wrap .item-outer {
  min-height:0 
}
.container.invoice .contents-wrap .item-outer .uppertext {
  text-align:center;
  color:#43a047;
  font-weight:800;
  padding-bottom:.5rem;
  font-size:1rem 
}
.container.invoice .contents-wrap .item-outer .item-header {
  background-color:#ddd;
  border-bottom:1px solid #636363;
  padding:.1rem 1rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center 
}
.container.invoice .contents-wrap .item-outer .item-header p {
  color:#636363;
  font-weight:800 
}
.container.invoice .contents-wrap .item-outer .item-header p:first-of-type,.container.invoice .contents-wrap .item-outer .row .item-name {
  width:60%;
  margin:auto 
}
.container.invoice .contents-wrap .item-outer .row .item-name p {
  word-break:break-all 
}
.container.invoice .contents-wrap .item-outer .row .item-name .option {
  font-style:italic;
  color:#636363 
}
.container.invoice .contents-wrap .item-outer .item-header p:last-of-type,.container.invoice .contents-wrap .item-outer .item-header p:nth-child(2),.container.invoice .contents-wrap .item-outer .row .item-amount,.container.invoice .contents-wrap .item-outer .row .item-qty {
  width:20%;
  margin:auto 
}
.container.invoice .contents-wrap .item-outer .list-wrap .row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:.5rem 1rem;
  border-bottom:1px solid #ddd;
  min-height:60px 
}
.container.invoice .contents-wrap .item-outer .item-header p:nth-child(2),.container.invoice .contents-wrap .item-outer .row .item-qty {
  text-align:center 
}
.container.invoice .contents-wrap .item-outer .row .item-amount {
  text-align:right;
  font-weight:800 
}
.container.invoice .contents-wrap .item-outer .summary-wrap {
  margin-top:1rem 
}
.container.invoice .contents-wrap .item-outer .summary-wrap li:first-of-type {
  width:15% 
}
.container.invoice .contents-wrap .item-outer .summary-wrap li:last-of-type {
  text-align:right;
  padding-right:1rem;
  width:15% 
}
.container.invoice .contents-wrap .item-outer .summary-wrap ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-bottom:.3rem;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end 
}
.container.invoice .contents-wrap .item-outer .summary-wrap ul:last-of-type li {
  font-size:1.5rem;
  color:#43a047;
  font-weight:800;
  padding-top:.5rem 
}
@media screen and (max-width:991px){
  .container.invoice .contents-wrap .item-outer {
      margin:0!important 
 }
}
@media screen and (max-width:600px){
  .container.invoice .contents-wrap .item-outer .summary-wrap li:first-of-type,.container.invoice .contents-wrap .item-outer .summary-wrap li:last-of-type {
      width:30% 
 }
  .container.invoice .contents-wrap .top-outer .topbottom .row {
      display:block 
 }
  .container.invoice .contents-wrap .top-outer .topbottom .row p {
      width:100%!important;
      border-right:0 
 }
  .container.invoice .contents-wrap .top-outer .left img {
      max-width:100px 
 }
  .container.invoice .contents-wrap .top-outer .left h5 {
      font-size:1rem;
      color:#ddd;
      font-weight:unset 
 }
  .container.invoice .contents-wrap .top-outer .right li:first-of-type {
      font-size:2rem 
 }
}
.loading-container {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,.58);
  z-index:1100;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none 
}
.loading-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding-top:40vh 
}
.loader {
  border-radius:50%;
  border:10px solid #f3f3f3;
  border-top-color:#43a047;
  width:80px;
  height:80px;
  -webkit-animation:spin .5s linear infinite;
  animation:spin .5s linear infinite;
  max-width:70px;
  max-height:70px 
}
@-webkit-keyframes spin {
  0% {
      -webkit-transform:rotate(0deg) 
 }
  to {
      -webkit-transform:rotate(1turn) 
 }
}
@keyframes spin {
  0% {
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg) 
 }
  to {
      -webkit-transform:rotate(1turn);
      transform:rotate(1turn) 
 }
}
.item-details-outer .item-details-inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.item-details-outer .item-details-inner .item-img-outer,.item-details-outer .item-details-inner .item-info-outer {
  /* width:30% ; */
}


@media (max-width:991px){
  .item-info-outer{margin-left: 0px !important;}
}
.item-info-outer{width:70% ; margin-left: 50px;}



.item-details-outer .item-details-inner .item-img-outer .item-img {
  margin: 0 auto;
 /*margin-right:3rem;
  height:50vh*/
}
.item-details-inner .item-info-outer .item-name {
  font-family: 'Cormorant Garamond', sans-serif;
  font-size:2rem;
  text-transform:uppercase;
  font-weight:800;
  padding-top:1rem;
  line-height:normal;
  /* color:#494949!important  */
}
.item-details-inner .item-info-outer .item-description {
  font-weight: 500;
  line-height: 19px;
  font-size: 1rem;
  color: #3E5C5B;
  padding: 0.5rem 0 0.5rem;
}
.item-details-inner .options-group {
  width:25%;
  float:left;
  margin:.25rem 0 
}
.item-details-inner .options-group .options-group-inner,.item-details-inner .options-group .options-group-inner-2 {
  margin-right:.5rem;
  background-color:#f4f4f4;
  border:1px solid #ddd;
  border-radius:5px;
  min-height:4rem;
  padding:.3rem;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  position:relative;
  min-height:70px 
}
.item-details-inner .options-group:nth-child(4n) .options-group-inner,.item-details-inner .options-group:nth-child(4n) .options-group-inner-2 {
  margin-right:0 
}
.item-details-inner .options-group .options-group-inner-2.active,.item-details-inner .options-group .options-group-inner.active {
  background-color:#43a047!important 
}
.item-details-inner .options-group .options-group-inner-2.active input,.item-details-inner .options-group .options-group-inner-2.active p,.item-details-inner .options-group .options-group-inner.active input,.item-details-inner .options-group .options-group-inner.active p {
  color:#fff!important 
}
.item-details-inner .options-group .options-group-inner-2.active input:disabled,.item-details-inner .options-group .options-group-inner.active input:disabled {
  color:#fff;
  -webkit-text-fill-color:#fff;
  opacity:1 
}
.item-details-inner .options-group .name {
  max-height:34px;
  min-height:34px;
  overflow:hidden;
  line-height:16px;
  font-size:.9rem;
  text-align:center 
}
.item-details-inner .options-group input {
  height:40px;
  width:80px;
  text-align:center;
  font-size:15px;
  border:1px solid #ddd;
  display:inline-block;
  vertical-align:middle;
  border-radius:0 
}
.item-details-inner .options-group input:first-of-type {
  display:none 
}
.item-details-inner .options-group .amount {
  font-weight:800;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  font-size:inherit;
  border:0;
  background-color:transparent;
  height:auto;
  min-height:auto;
  cursor:pointer 
}
.item-details-inner .options-group .amount:disabled {
  color:#494949;
  -webkit-text-fill-color:#494949;
  opacity:1 
}
.item-info-outer .item-option-outer {
  display:inline-block;
  padding:1rem;
  background-color:rgba(0,0,0,.8);
  border-radius:5px;
  width:100%;
  margin-bottom:1.75rem 
}
.item-info-outer .item-option-outer.bg-white {
  background-color:#fff;
  border:1px solid #ccc 
}
.item-info-outer .item-option-outer.bg-white .options-group-inner {
  background-color:#fff 
}
.item-info-outer .item-option-outer.bg-light {
  background-color:#f4f4f4;
  border:1px solid #ccc 
}
.item-info-outer .item-option-outer.bg-light .options-group-inner {
  background-color:#fff 
}
.item-info-outer .item-option-outer.choice:before,.item-info-outer .item-option-outer.selected:before {
  position:absolute;
  right:0;
  top:-1.5rem;
  font-size:13px;
  font-weight:800 
}
.item-info-outer .item-option-outer.choice:before {
  content:"Required";
  color:#43a047 
}
.item-info-outer .item-option-outer.selected:before {
  content:"Multiple";
  color:rgba(0,0,0,.6) 
}
.item-info-outer .item-option-outer.choice.bg-light:before {
  content:"Multiple Choice";
  color:rgba(0,0,0,.6) 
}
.item-info-outer .summary {
  /* padding:2rem 0  */
}
.item-info-outer .summary .total {
  background-color:transparent;
  border:0;
  padding:0;
  height:0;
  font-size:1.8rem;
  font-weight:800;
  color:#3E5C5B;
}
.item-info-outer .summary .wastotal {
  color:#aaa;
  text-align: left;
  font-style:italic;
  text-decoration:line-through;
  font-weight:600;
  padding-top:1rem 
}
.item-info-outer .summary .instructions-wrapper h5 {
  width:100%;
  background-color:#1e1f21;
  padding:.3rem .5rem;
  margin-top:1rem;
  border-radius:3px 3px 0 0;
  color:#f4f4f4;
  font-weight:500 
}
.item-info-outer .summary .instructions-wrapper input {
  width:100%;
  border:1px solid #ddd;
  height:40px;
  padding:.5rem;
  border-radius:0 0 3px 3px;
  background-color:#f4f4f4 
}
.item-info-outer .summary p {
  line-height:normal;
  word-break:break-all 
}
.item-info-outer .summary .ghost-item,.item-info-outer .summary .ghost-item-2,.item-info-outer .summary .ghost-names,.item-info-outer .summary .ghost-names-2,.item-info-outer .summary .ghost-option,.item-info-outer .summary .ghost-option-2 {
  display:none 
}
.summary .number {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:left;
  -ms-flex-pack:left;
  /* justify-content:left; */
  padding:1rem 0 
}
.summary .minus,.summary .plus {
  width:40px;
  height:40px;
  background:#fff;
  border-radius:4px;
  border:solid #ddd;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  position:relative 
}
.summary .minus {
  border-width:1px 0 1px 1px;
  border-radius:4px 0 0 4px 
}
.summary .plus {
  border-width:1px 1px 1px 0;
  border-radius:0 4px 4px 0 
}
.summary .minus:after,.summary .plus:after {
  content:"";
  width:40px;
  height:40px;
  position:absolute;
  top:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-repeat:no-repeat;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-position:50%;
  color:#000;
  opacity:.7 
}
.summary .minus:after {
  background-image:url(../order_svg/remove.svg) 
}
.summary .plus:after {
  background-image:url(../order_svg/add.svg) 
}
.summary .number input {
  height:40px;
  width:80px;
  text-align:center;
  font-size:15px;
  border:1px solid #ddd;
  display:inline-block;
  vertical-align:middle;
  border-radius:0;
  background-color:#fff;
  color:#000 
}
.summary .number input:disabled {
  color:#000 
}
.item-details-actions .buttons .btn {
  background-color: #f4f4f4;
  /* border-radius: 5px; */
  padding: 0.5rem 1rem;
  text-align: center;
  min-width: 3rem;
  font-weight: 500;
  margin-right: 0.5rem;
  min-height: 40px;
  min-width: 6rem;
  color: #3E5C5B;
}
.item-details-actions .buttons .btn.btn-primary {
  background-color:#3E5C5B;
  color:#fff ;
}
@media screen and (max-width:1400px) and (min-width:1200px){
  .item-details-outer .item-details-inner .item-img-outer .item-img {}
      /* height:35vh 
 } */
}
@media screen and (max-width:991px){
  .item-details-outer .item-details-inner {
      display:block;
      margin:0 1rem 1rem 
 }
  .item-details-outer .item-details-inner .item-img-outer,.item-details-outer .item-details-inner .item-info-outer {
      width:100% 
 }
  .item-details-outer .item-details-inner .item-img-outer .item-img {
    width: 300px; margin: 0 auto; height: 30vh;
  }
 }
  .item-details-inner .item-info-outer .item-description,.item-details-inner .item-info-outer .item-name,.item-info-outer .summary .total,.item-info-outer .summary p {
      /* text-align:center  */
 }
  .item-info-outer .summary .total { width:100%;}
  .summary .number {width:100% ;}
  .item-details-actions .buttons,.summary .number {
      /* -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center  */
 }
  .item-details-actions .buttons {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center 
 }
  .item-details-inner .options-group {
      width:33.333% 
 }
  .item-details-inner .options-group:nth-child(4n) .options-group-inner,.item-details-inner .options-group:nth-child(4n) .options-group-inner-2 {
      margin-right:.5rem 
 }
  .item-details-inner .options-group:nth-child(3n) .options-group-inner,.item-details-inner .options-group:nth-child(3n) .options-group-inner-2 {
      margin-right:0 
 }

@media screen and (max-width:500px){
  .item-details-inner .options-group {
      width:50% 
 }
  .item-details-outer .item-details-inner .item-img-outer .item-img {
    width: 300px; margin: 0 auto; height: 30vh;
 }
  .item-details-inner .options-group:nth-child(3n) .options-group-inner,.item-details-inner .options-group:nth-child(3n) .options-group-inner-2 {
      margin-right:.5rem 
 }
  .item-details-inner .options-group:nth-child(2n) .options-group-inner,.item-details-inner .options-group:nth-child(2n) .options-group-inner-2 {
      margin-right:0 
 }
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){
  .item-details-outer .item-details-inner .item-img-outer .item-img {
      height:30vh 
 }
}
.error-outer {
  width:100vw;
  height:100vh;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:#f4f4f4 
}
.error-inner {
  color:#484848;
  font-size:1.5rem;
  padding-bottom:2rem 
}
.error-inner,.error-inner .text {
  line-height:normal;
  text-align:center;
  font-weight:800 
}
.error-inner .text {
  color:#c33;
  font-size:1rem;
  text-transform:uppercase;
  background-color:#fee;
  border:1px solid #c33;
  padding:2rem 1rem;
  border-radius:5px;
  margin:1rem 
}
.error-inner img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:30%;
  height:200px;
  margin-bottom:3rem;
  -webkit-animation:heartbeat 1.5s ease-in-out infinite both;
  animation:heartbeat 1.5s ease-in-out infinite both 
}
.error-inner button {
  min-height:50px;
  padding:0 1rem;
  background-color:#43a047;
  border:1px solid #ddd;
  border-radius:5px;
  color:#fff;
  min-width:150px 
}
@-webkit-keyframes heartbeat {
  0% {
      -webkit-transform:scale(1);
      transform:scale(1);
      -webkit-transform-origin:center center;
      transform-origin:center center;
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out 
 }
  10% {
      -webkit-transform:scale(.91);
      transform:scale(.91);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  17% {
      -webkit-transform:scale(.98);
      transform:scale(.98);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out 
 }
  33% {
      -webkit-transform:scale(.87);
      transform:scale(.87);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  45% {
      -webkit-transform:scale(1);
      transform:scale(1);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out 
 }
}
@keyframes heartbeat {
  0% {
      -webkit-transform:scale(1);
      transform:scale(1);
      -webkit-transform-origin:center center;
      transform-origin:center center;
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out 
 }
  10% {
      -webkit-transform:scale(.91);
      transform:scale(.91);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  17% {
      -webkit-transform:scale(.98);
      transform:scale(.98);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out 
 }
  33% {
      -webkit-transform:scale(.87);
      transform:scale(.87);
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in 
 }
  45% {
      -webkit-transform:scale(1);
      transform:scale(1);
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out 
 }
}
@media screen and (max-width:500px){
  .error-inner img {
      height:150px 
 }
}
.booking-outer form {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
.booking-outer .left {
  width:45vw;
  padding-right:2vw 
}
.booking-outer .right {
  width:23vw;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content 
}
.booking-outer h2 {
  font-weight:800;
  font-size:1.25rem;
  padding-bottom:1rem;
  text-transform:uppercase;
  letter-spacing:.5px 
}
.booking-outer .left .row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-right:-5px;
  margin-left:-5px 
}
.booking-outer .left .row label {
  display:inline-block;
  padding-bottom:.3rem;
  font-weight:600 
}
.booking-outer .left .row input {
  width:100%;
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box 
}
.booking-outer .row div {
  width:100%;
  display:block;
  padding-right:5px;
  padding-left:5px;
  position:relative;
  padding-bottom:.75rem 
}
.booking-outer .row .md-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50% 
}
.booking-outer .row .booking input {
  width:unset;
  margin:.5rem 0 
}
.booking-outer .row .booking label {
  padding-bottom:0;
  margin-right:1rem;
  margin-left:.5rem;
  font-weight:500 
}
.booking-outer .row .booking .checkbox-wrapper {
  padding-top:.5rem 
}
.booking-outer .row select {
  display:block;
  width:100%;
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:3px;
  background-color:#f4f4f4;
  min-height:40px;
  border:1px solid #ddd;
  padding:0 .5rem;
  background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0);
  background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;
  background-size:5px 5px,5px 5px,1px 1.5em;
  background-repeat:no-repeat;
  -webkit-appearance:none;
  -moz-appearance:none 
}
.booking-outer textarea {
  padding:.5rem 
}
.booking-inner.right .booking-summary {
  border:1px solid #ddd;
  border-radius:5px 
}
.booking-inner.right .booking-summary h2 {
  border-bottom:1px solid #ddd;
  width:100%;
  padding:.5rem;
  color:#43a047 
}
.booking-inner.right .actions {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between 
}
.booking-inner.right .actions a {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  min-height:40px 
}
.booking-inner.right .actions button {
  width:100%;
  text-align:center;
  min-height:40px 
}
.booking-inner.right .actions button.btn-secondary {
  border-radius:0 0 0 5px;
  background-color:#f4f4f4 
}
.booking-inner.right .actions button.btn-primary {
  background-color:#43a047;
  color:#fff;
  border-radius:0 0 5px 0 
}
.booking-inner.right .booking-summary .info {
  padding:1rem;
  border-bottom:1px solid #ddd 
}
@media screen and (max-width:1200px){
  .booking-outer .left {
      width:60vw 
 }
  .booking-outer .right {
      width:30vw 
 }
}
@media screen and (max-width:991px){
  .booking-outer form {
      display:block 
 }
  .booking-outer .left,.booking-outer .right {
      width:100vw;
      padding:1rem 
 }
  .booking-outer .row .booking label {
      width:calc(100% - 13px - 2rem) 
 }
}
.login-body {
  background-color:#f4f4f4;
  position:relative;
  width:100%;
  height:100vh 
}
.box-wrapper {
  background-color:#fff;
  border-radius:3px;
  width:350px;
  height:350px;
  -webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);
  box-shadow:0 4px 4px rgba(0,0,0,.25);
  padding:1rem;
  position:relative 
}
.center {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%) 
}
.box-wrapper img {
  max-height:50px;
  display:block;
  margin:.5rem auto 
}
.box-wrapper h1 {
  text-align:center;
  padding:1rem;
  font-size:20px 
}
.box-wrapper .input-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin:.5rem 0 
}
.box-wrapper .input-wrapper input {
  min-width:230px;
  background-color:#f4f4f4;
  width:100% 
}
.box-wrapper .info {
  opacity:.5;
  text-align:center;
  padding:.5rem 0 2rem;
  line-height:20px 
}
.box-wrapper .button {
  background-color:#43a047;
  border-radius:3px;
  text-align:center;
  color:#fff;
  font-weight:700;
  border:0;
  width:100%;
  letter-spacing:1px;
  min-height:40px;
  margin-top:1rem 
}
.login-body footer {
  position:absolute;
  bottom:0;
  width:100%;
  -webkit-clip-path:none;
  clip-path:none;
  margin:0;
  text-align:center;
  background-color:#f4f4f4;
  padding:.5rem 
}
.login-body footer p {
  color:#aaa;
  opacity:.5 
}
@media screen and (max-width:500px){
  .login-body {
      background-color:transparent 
 }
  .box-wrapper {
      border-radius:0;
      width:100vw;
      height:100vh;
      -webkit-box-shadow:none;
      box-shadow:none;
      padding:10vh 2.5rem 
 }
  .login-body footer {
      background-color:#f4f4f4 
 }
  .login-body footer p {
      opacity:1 
 }
}
/*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors;
Licensed MIT */
.ui-helper-hidden {
  display:none 
}
.ui-helper-hidden-accessible {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px 
}
.ui-helper-reset {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  line-height:1.3;
  text-decoration:none;
  font-size:100%;
  list-style:none 
}
.ui-helper-clearfix:after,.ui-helper-clearfix:before {
  content:"";
  display:table;
  border-collapse:collapse 
}
.ui-helper-clearfix:after {
  clear:both 
}
.ui-helper-zfix {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  opacity:0;
  filter:Alpha(Opacity=0) 
}
.ui-front {
  z-index:100 
}
.ui-state-disabled {
  cursor:default!important;
  pointer-events:none 
}
.ui-icon {
  display:inline-block;
  vertical-align:middle;
  margin-top:-.25em;
  position:relative;
  text-indent:-99999px;
  overflow:hidden;
  background-repeat:no-repeat 
}
.ui-widget-icon-block {
  left:50%;
  margin-left:-8px;
  display:block 
}
.ui-widget-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100% 
}
.ui-accordion .ui-accordion-header {
  display:block;
  cursor:pointer;
  position:relative;
  margin:2px 0 0;
  padding:.5em .5em .5em .7em;
  font-size:100% 
}
.ui-accordion .ui-accordion-content {
  padding:1em 2.2em;
  border-top:0;
  overflow:auto 
}
.ui-autocomplete {
  position:absolute;
  top:0;
  left:0;
  cursor:default 
}
.ui-menu {
  list-style:none;
  padding:0;
  margin:0;
  display:block;
  outline:0 
}
.ui-menu .ui-menu {
  position:absolute 
}
.ui-menu .ui-menu-item {
  margin:0;
  cursor:pointer;
  list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 
}
.ui-menu .ui-menu-item-wrapper {
  position:relative;
  padding:3px 1em 3px .4em 
}
.ui-menu .ui-menu-divider {
  margin:5px 0;
  height:0;
  font-size:0;
  line-height:0;
  border-width:1px 0 0 
}
.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
  margin:-1px 
}
.ui-menu-icons {
  position:relative 
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left:2em 
}
.ui-menu .ui-icon {
  position:absolute;
  top:0;
  bottom:0;
  left:.2em;
  margin:auto 0 
}
.ui-menu .ui-menu-icon {
  left:auto;
  right:0 
}
.ui-button {
  padding:.4em 1em;
  display:inline-block;
  position:relative;
  line-height:normal;
  margin-right:.1em;
  cursor:pointer;
  vertical-align:middle;
  text-align:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  overflow:visible 
}
.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited {
  text-decoration:none 
}
.ui-button-icon-only {
  width:2em;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  text-indent:-9999px;
  white-space:nowrap 
}
input.ui-button.ui-button-icon-only {
  text-indent:0 
}
.ui-button-icon-only .ui-icon {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-8px;
  margin-left:-8px 
}
.ui-button.ui-icon-notext .ui-icon {
  padding:0;
  width:2.1em;
  height:2.1em;
  text-indent:-9999px;
  white-space:nowrap 
}
input.ui-button.ui-icon-notext .ui-icon {
  width:auto;
  height:auto;
  text-indent:0;
  white-space:normal;
  padding:.4em 1em 
}
button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner {
  border:0;
  padding:0 
}
.ui-controlgroup {
  vertical-align:middle;
  display:inline-block 
}
.ui-controlgroup>.ui-controlgroup-item {
  float:left;
  margin-left:0;
  margin-right:0 
}
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus {
  z-index:9999 
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
  display:block;
  float:none;
  width:100%;
  margin-top:0;
  margin-bottom:0;
  text-align:left 
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing:border-box;
  box-sizing:border-box 
}
.ui-controlgroup .ui-controlgroup-label {
  padding:.4em 1em 
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size:80% 
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
  border-left:none 
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
  border-top:none 
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right:none 
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom:none 
}
.ui-controlgroup-vertical .ui-spinner-input {
  width:75%;
  width:calc(100% - 2.4em) 
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style:solid 
}
.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow:inset 1px 1px 1px #ccc;
  box-shadow:inset 1px 1px 1px #ccc;
  border-radius:.12em;
  border:none 
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width:16px;
  height:16px;
  border-radius:1em;
  overflow:visible;
  border:none 
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image:none;
  width:8px;
  height:8px;
  border-width:4px;
  border-style:solid 
}
.ui-checkboxradio-disabled {
  pointer-events:none 
}
.ui-datepicker {
  width:17em;
  padding:.2em .2em 0;
  display:none 
}
.ui-datepicker .ui-datepicker-header {
  position:relative;
  padding:.2em 0 
}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
  position:absolute;
  top:2px;
  width:1.8em;
  height:1.8em 
}
.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
  top:1px 
}
.ui-datepicker .ui-datepicker-prev {
  left:2px 
}
.ui-datepicker .ui-datepicker-next {
  right:2px 
}
.ui-datepicker .ui-datepicker-prev-hover {
  left:1px 
}
.ui-datepicker .ui-datepicker-next-hover {
  right:1px 
}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
  display:block;
  position:absolute;
  left:50%;
  margin-left:-8px;
  top:50%;
  margin-top:-8px 
}
.ui-datepicker .ui-datepicker-title {
  margin:0 2.3em;
  line-height:1.8em;
  text-align:center 
}
.ui-datepicker .ui-datepicker-title select {
  font-size:1em;
  margin:1px 0 
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width:45% 
}
.ui-datepicker table {
  width:100%;
  font-size:.9em;
  border-collapse:collapse;
  margin:0 0 .4em 
}
.ui-datepicker th {
  padding:.7em .3em;
  text-align:center;
  font-weight:700;
  border:0 
}
.ui-datepicker td {
  border:0;
  padding:1px 
}
.ui-datepicker td a,.ui-datepicker td span {
  display:block;
  padding:.2em;
  text-align:right;
  text-decoration:none 
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image:none;
  margin:.7em 0 0;
  padding:0 .2em;
  border-left:0;
  border-right:0;
  border-bottom:0 
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float:right;
  margin:.5em .2em .4em;
  cursor:pointer;
  padding:.2em .6em .3em;
  width:auto;
  overflow:visible 
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float:left 
}
.ui-datepicker.ui-datepicker-multi {
  width:auto 
}
.ui-datepicker-multi .ui-datepicker-group {
  float:left 
}
.ui-datepicker-multi .ui-datepicker-group table {
  width:95%;
  margin:0 auto .4em 
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width:50% 
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width:33.3% 
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width:25% 
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width:0 
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear:left 
}
.ui-datepicker-row-break {
  clear:both;
  width:100%;
  font-size:0 
}
.ui-datepicker-rtl {
  direction:rtl 
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right:2px;
  left:auto 
}
.ui-datepicker-rtl .ui-datepicker-next {
  left:2px;
  right:auto 
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right:1px;
  left:auto 
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left:1px;
  right:auto 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear:right 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float:left 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
  float:right 
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width:0;
  border-left-width:1px 
}
.ui-datepicker .ui-icon {
  display:block;
  text-indent:-99999px;
  overflow:hidden;
  background-repeat:no-repeat;
  left:.5em;
  top:.3em 
}
.ui-dialog {
  position:absolute;
  top:0;
  left:0;
  padding:.2em;
  outline:0 
}
.ui-dialog .ui-dialog-titlebar {
  padding:.4em 1em;
  position:relative 
}
.ui-dialog .ui-dialog-title {
  float:left;
  margin:.1em 0;
  white-space:nowrap;
  width:90%;
  overflow:hidden;
  text-overflow:ellipsis 
}
.ui-dialog .ui-dialog-titlebar-close {
  position:absolute;
  right:.3em;
  top:50%;
  width:20px;
  margin:-10px 0 0;
  padding:1px;
  height:20px 
}
.ui-dialog .ui-dialog-content {
  position:relative;
  border:0;
  padding:.5em 1em;
  background:none;
  overflow:auto 
}
.ui-dialog .ui-dialog-buttonpane {
  text-align:left;
  border-width:1px 0 0;
  background-image:none;
  margin-top:.5em;
  padding:.3em 1em .5em .4em 
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float:right 
}
.ui-dialog .ui-dialog-buttonpane button {
  margin:.5em .4em .5em 0;
  cursor:pointer 
}
.ui-dialog .ui-resizable-n {
  height:2px;
  top:0 
}
.ui-dialog .ui-resizable-e {
  width:2px;
  right:0 
}
.ui-dialog .ui-resizable-s {
  height:2px;
  bottom:0 
}
.ui-dialog .ui-resizable-w {
  width:2px;
  left:0 
}
.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw {
  width:7px;
  height:7px 
}
.ui-dialog .ui-resizable-se {
  right:0;
  bottom:0 
}
.ui-dialog .ui-resizable-sw {
  left:0;
  bottom:0 
}
.ui-dialog .ui-resizable-ne {
  right:0;
  top:0 
}
.ui-dialog .ui-resizable-nw {
  left:0;
  top:0 
}
.ui-draggable .ui-dialog-titlebar {
  cursor:move 
}
.ui-draggable-handle {
  -ms-touch-action:none;
  touch-action:none 
}
.ui-resizable {
  position:relative 
}
.ui-resizable-handle {
  position:absolute;
  font-size:.1px;
  display:block;
  -ms-touch-action:none;
  touch-action:none 
}
.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle {
  display:none 
}
.ui-resizable-n {
  cursor:n-resize;
  height:7px;
  width:100%;
  top:-5px;
  left:0 
}
.ui-resizable-s {
  cursor:s-resize;
  height:7px;
  width:100%;
  bottom:-5px;
  left:0 
}
.ui-resizable-e {
  cursor:e-resize;
  width:7px;
  right:-5px;
  top:0;
  height:100% 
}
.ui-resizable-w {
  cursor:w-resize;
  width:7px;
  left:-5px;
  top:0;
  height:100% 
}
.ui-resizable-se {
  cursor:se-resize;
  width:12px;
  height:12px;
  right:1px;
  bottom:1px 
}
.ui-resizable-sw {
  cursor:sw-resize;
  width:9px;
  height:9px;
  left:-5px;
  bottom:-5px 
}
.ui-resizable-nw {
  cursor:nw-resize;
  width:9px;
  height:9px;
  left:-5px;
  top:-5px 
}
.ui-resizable-ne {
  cursor:ne-resize;
  width:9px;
  height:9px;
  right:-5px;
  top:-5px 
}
.ui-progressbar {
  height:2em;
  text-align:left;
  overflow:hidden 
}
.ui-progressbar .ui-progressbar-value {
  margin:-1px;
  height:100% 
}
.ui-progressbar .ui-progressbar-overlay {
  background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height:100%;
  filter:alpha(opacity=25);
  opacity:.25 ;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image:none 
}
.ui-selectable {
  -ms-touch-action:none;
  touch-action:none 
}
.ui-selectable-helper {
  position:absolute;
  z-index:100;
  border:1px dotted #000 
}
.ui-selectmenu-menu {
  padding:0;
  margin:0;
  position:absolute;
  top:0;
  left:0;
  display:none 
}
.ui-selectmenu-menu .ui-menu {
  overflow:auto;
  overflow-x:hidden;
  padding-bottom:1px 
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size:1em;
  font-weight:700;
  line-height:1.5;
  padding:2px .4em;
  margin:.5em 0 0;
  height:auto;
  border:0 
}
.ui-selectmenu-open {
  display:block 
}
.ui-selectmenu-text {
  display:block;
  margin-right:20px;
  overflow:hidden;
  text-overflow:ellipsis 
}
.ui-selectmenu-button.ui-button {
  text-align:left;
  white-space:nowrap;
  width:14em 
}
.ui-selectmenu-icon.ui-icon {
  float:right;
  margin-top:0 
}
.ui-slider {
  position:relative;
  text-align:left 
}
.ui-slider .ui-slider-handle {
  position:absolute;
  z-index:2;
  width:1.2em;
  height:1.2em;
  cursor:default;
  -ms-touch-action:none;
  touch-action:none 
}
.ui-slider .ui-slider-range {
  position:absolute;
  z-index:1;
  font-size:.7em;
  display:block;
  border:0;
  background-position:0 0 
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter:inherit;
  filter:inherit 
}
.ui-slider-horizontal {
  height:.8em 
}
.ui-slider-horizontal .ui-slider-handle {
  top:-.3em;
  margin-left:-.6em 
}
.ui-slider-horizontal .ui-slider-range {
  top:0;
  height:100% 
}
.ui-slider-horizontal .ui-slider-range-min {
  left:0 
}
.ui-slider-horizontal .ui-slider-range-max {
  right:0 
}
.ui-slider-vertical {
  width:.8em;
  height:100px 
}
.ui-slider-vertical .ui-slider-handle {
  left:-.3em;
  margin-left:0;
  margin-bottom:-.6em 
}
.ui-slider-vertical .ui-slider-range {
  left:0;
  width:100% 
}
.ui-slider-vertical .ui-slider-range-min {
  bottom:0 
}
.ui-slider-vertical .ui-slider-range-max {
  top:0 
}
.ui-sortable-handle {
  -ms-touch-action:none;
  touch-action:none 
}
.ui-spinner {
  position:relative;
  display:inline-block;
  overflow:hidden;
  padding:0;
  vertical-align:middle 
}
.ui-spinner-input {
  border:none;
  background:none;
  color:inherit;
  padding:.222em 0;
  vertical-align:middle;
  margin:.2em 2em .2em .4em 
}
.ui-spinner-button {
  width:1.6em;
  height:50%;
  font-size:.5em;
  padding:0;
  margin:0;
  text-align:center;
  position:absolute;
  cursor:default;
  display:block;
  overflow:hidden;
  right:0 
}
.ui-spinner a.ui-spinner-button {
  border-top-style:none;
  border-bottom-style:none;
  border-right-style:none 
}
.ui-spinner-up {
  top:0 
}
.ui-spinner-down {
  bottom:0 
}
.ui-tabs {
  position:relative;
  padding:.2em 
}
.ui-tabs .ui-tabs-nav {
  margin:0;
  padding:.2em .2em 0 
}
.ui-tabs .ui-tabs-nav li {
  list-style:none;
  float:left;
  position:relative;
  top:0;
  margin:1px .2em 0 0;
  border-bottom-width:0;
  padding:0;
  white-space:nowrap 
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float:left;
  padding:.5em 1em;
  text-decoration:none 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom:-1px;
  padding-bottom:1px 
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor:text 
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor:pointer 
}
.ui-tabs .ui-tabs-panel {
  display:block;
  border-width:0;
  padding:1em 1.4em;
  background:none 
}
.ui-tooltip {
  padding:8px;
  position:absolute;
  z-index:9999;
  max-width:300px 
}
body .ui-tooltip {
  border-width:2px 
}
.ui-widget {
  font-family:Verdana,Arial,sans-serif;
  font-size:1.1em 
}
.ui-widget .ui-widget {
  font-size:1em 
}
.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
  font-family:Verdana,Arial,sans-serif;
  font-size:1em 
}
.ui-widget.ui-widget-content {
  border:1px solid #d3d3d3 
}
.ui-widget-content {
  border:1px solid #aaa;
  background:#fff;
  color:#222 
}
.ui-widget-content a {
  color:#222 
}
.ui-widget-header {
  border:1px solid #aaa;
  background:#222 50% 50% repeat-x;
  background-color:#ccc;
  color:#222;
  font-weight:700 
}
.ui-widget-header a {
  color:#222 
}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
  border:1px solid #d3d3d3;
  background:#e6e6e6 50% 50% repeat-x;
  font-weight:400;
  color:#555 
}
.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
  color:#555;
  text-decoration:none 
}
.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
  border:1px solid #999;
  background:#dadada 50% 50% repeat-x;
  font-weight:400;
  color:#212121 
}
.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
  color:#212121;
  text-decoration:none 
}
.ui-visual-focus {
  -webkit-box-shadow:0 0 3px 1px #5e9ed6;
  box-shadow:0 0 3px 1px #5e9ed6 
}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
  border:1px solid #aaa;
  background:#fff 50% 50% repeat-x;
  font-weight:400;
  color:#212121 
}
.ui-icon-background,.ui-state-active .ui-icon-background {
  border:#aaa;
  background-color:#212121 
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
  color:#212121;
  text-decoration:none 
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
  border:1px solid #fcefa1;
  background:#fbf9ee 50% 50% repeat-x;
  color:#363636 
}
.ui-state-checked {
  border:1px solid #fcefa1;
  background:#fbf9ee 
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
  color:#363636 
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
  border:1px solid #cd0a0a;
  background:#fef1ec 50% 50% repeat-x;
  color:#cd0a0a 
}
.ui-state-error-text,.ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error-text,.ui-widget-header .ui-state-error a {
  color:#cd0a0a 
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
  font-weight:700 
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
  opacity:.7;
  filter:Alpha(Opacity=70);
  font-weight:400 
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
  opacity:.35;
  filter:Alpha(Opacity=35);
  background-image:none 
}
.ui-state-disabled .ui-icon {
  filter:Alpha(Opacity=35) 
}
.ui-icon {
  width:16px;
  height:16px 
}
.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon {
  background-image:url(img/ui-icons_222222_256x240.png) 
}
.ui-button .ui-icon {
  background-image:url(img/ui-icons_888888_256x240.png) 
}
.ui-button:active .ui-icon,.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-active .ui-icon,.ui-state-default .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
  background-image:url(img/ui-icons_454545_256x240.png) 
}
.ui-button .ui-state-highlight.ui-icon .ui-icon-circle-triangle-w,.ui-state-highlight .ui-icon {
  background-image:url(img/ui-icons_2e83ff_256x240.png) 
}
.ui-state-error-text .ui-icon,.ui-state-error .ui-icon {
  background-image:url(img/ui-icons_cd0a0a_256x240.png) 
}
.ui-icon-blank {
  background-position:16px 16px 
}
.ui-icon-caret-1-n {
  background-position:0 0 
}
.ui-icon-caret-1-ne {
  background-position:-16px 0 
}
.ui-icon-caret-1-e {
  background-position:-32px 0 
}
.ui-icon-caret-1-se {
  background-position:-48px 0 
}
.ui-icon-caret-1-s {
  background-position:-65px 0 
}
.ui-icon-caret-1-sw {
  background-position:-80px 0 
}
.ui-icon-caret-1-w {
  background-position:-96px 0 
}
.ui-icon-caret-1-nw {
  background-position:-112px 0 
}
.ui-icon-caret-2-n-s {
  background-position:-128px 0 
}
.ui-icon-caret-2-e-w {
  background-position:-144px 0 
}
.ui-icon-triangle-1-n {
  background-position:0 -16px 
}
.ui-icon-triangle-1-ne {
  background-position:-16px -16px 
}
.ui-icon-triangle-1-e {
  background-position:-32px -16px 
}
.ui-icon-triangle-1-se {
  background-position:-48px -16px 
}
.ui-icon-triangle-1-s {
  background-position:-65px -16px 
}
.ui-icon-triangle-1-sw {
  background-position:-80px -16px 
}
.ui-icon-triangle-1-w {
  background-position:-96px -16px 
}
.ui-icon-triangle-1-nw {
  background-position:-112px -16px 
}
.ui-icon-triangle-2-n-s {
  background-position:-128px -16px 
}
.ui-icon-triangle-2-e-w {
  background-position:-144px -16px 
}
.ui-icon-arrow-1-n {
  background-position:0 -32px 
}
.ui-icon-arrow-1-ne {
  background-position:-16px -32px 
}
.ui-icon-arrow-1-e {
  background-position:-32px -32px 
}
.ui-icon-arrow-1-se {
  background-position:-48px -32px 
}
.ui-icon-arrow-1-s {
  background-position:-65px -32px 
}
.ui-icon-arrow-1-sw {
  background-position:-80px -32px 
}
.ui-icon-arrow-1-w {
  background-position:-96px -32px 
}
.ui-icon-arrow-1-nw {
  background-position:-112px -32px 
}
.ui-icon-arrow-2-n-s {
  background-position:-128px -32px 
}
.ui-icon-arrow-2-ne-sw {
  background-position:-144px -32px 
}
.ui-icon-arrow-2-e-w {
  background-position:-160px -32px 
}
.ui-icon-arrow-2-se-nw {
  background-position:-176px -32px 
}
.ui-icon-arrowstop-1-n {
  background-position:-192px -32px 
}
.ui-icon-arrowstop-1-e {
  background-position:-208px -32px 
}
.ui-icon-arrowstop-1-s {
  background-position:-224px -32px 
}
.ui-icon-arrowstop-1-w {
  background-position:-240px -32px 
}
.ui-icon-arrowthick-1-n {
  background-position:1px -48px 
}
.ui-icon-arrowthick-1-ne {
  background-position:-16px -48px 
}
.ui-icon-arrowthick-1-e {
  background-position:-32px -48px 
}
.ui-icon-arrowthick-1-se {
  background-position:-48px -48px 
}
.ui-icon-arrowthick-1-s {
  background-position:-64px -48px 
}
.ui-icon-arrowthick-1-sw {
  background-position:-80px -48px 
}
.ui-icon-arrowthick-1-w {
  background-position:-96px -48px 
}
.ui-icon-arrowthick-1-nw {
  background-position:-112px -48px 
}
.ui-icon-arrowthick-2-n-s {
  background-position:-128px -48px 
}
.ui-icon-arrowthick-2-ne-sw {
  background-position:-144px -48px 
}
.ui-icon-arrowthick-2-e-w {
  background-position:-160px -48px 
}
.ui-icon-arrowthick-2-se-nw {
  background-position:-176px -48px 
}
.ui-icon-arrowthickstop-1-n {
  background-position:-192px -48px 
}
.ui-icon-arrowthickstop-1-e {
  background-position:-208px -48px 
}
.ui-icon-arrowthickstop-1-s {
  background-position:-224px -48px 
}
.ui-icon-arrowthickstop-1-w {
  background-position:-240px -48px 
}
.ui-icon-arrowreturnthick-1-w {
  background-position:0 -64px 
}
.ui-icon-arrowreturnthick-1-n {
  background-position:-16px -64px 
}
.ui-icon-arrowreturnthick-1-e {
  background-position:-32px -64px 
}
.ui-icon-arrowreturnthick-1-s {
  background-position:-48px -64px 
}
.ui-icon-arrowreturn-1-w {
  background-position:-64px -64px 
}
.ui-icon-arrowreturn-1-n {
  background-position:-80px -64px 
}
.ui-icon-arrowreturn-1-e {
  background-position:-96px -64px 
}
.ui-icon-arrowreturn-1-s {
  background-position:-112px -64px 
}
.ui-icon-arrowrefresh-1-w {
  background-position:-128px -64px 
}
.ui-icon-arrowrefresh-1-n {
  background-position:-144px -64px 
}
.ui-icon-arrowrefresh-1-e {
  background-position:-160px -64px 
}
.ui-icon-arrowrefresh-1-s {
  background-position:-176px -64px 
}
.ui-icon-arrow-4 {
  background-position:0 -80px 
}
.ui-icon-arrow-4-diag {
  background-position:-16px -80px 
}
.ui-icon-extlink {
  background-position:-32px -80px 
}
.ui-icon-newwin {
  background-position:-48px -80px 
}
.ui-icon-refresh {
  background-position:-64px -80px 
}
.ui-icon-shuffle {
  background-position:-80px -80px 
}
.ui-icon-transfer-e-w {
  background-position:-96px -80px 
}
.ui-icon-transferthick-e-w {
  background-position:-112px -80px 
}
.ui-icon-folder-collapsed {
  background-position:0 -96px 
}
.ui-icon-folder-open {
  background-position:-16px -96px 
}
.ui-icon-document {
  background-position:-32px -96px 
}
.ui-icon-document-b {
  background-position:-48px -96px 
}
.ui-icon-note {
  background-position:-64px -96px 
}
.ui-icon-mail-closed {
  background-position:-80px -96px 
}
.ui-icon-mail-open {
  background-position:-96px -96px 
}
.ui-icon-suitcase {
  background-position:-112px -96px 
}
.ui-icon-comment {
  background-position:-128px -96px 
}
.ui-icon-person {
  background-position:-144px -96px 
}
.ui-icon-print {
  background-position:-160px -96px 
}
.ui-icon-trash {
  background-position:-176px -96px 
}
.ui-icon-locked {
  background-position:-192px -96px 
}
.ui-icon-unlocked {
  background-position:-208px -96px 
}
.ui-icon-bookmark {
  background-position:-224px -96px 
}
.ui-icon-tag {
  background-position:-240px -96px 
}
.ui-icon-home {
  background-position:0 -112px 
}
.ui-icon-flag {
  background-position:-16px -112px 
}
.ui-icon-calendar {
  background-position:-32px -112px 
}
.ui-icon-cart {
  background-position:-48px -112px 
}
.ui-icon-pencil {
  background-position:-64px -112px 
}
.ui-icon-clock {
  background-position:-80px -112px 
}
.ui-icon-disk {
  background-position:-96px -112px 
}
.ui-icon-calculator {
  background-position:-112px -112px 
}
.ui-icon-zoomin {
  background-position:-128px -112px 
}
.ui-icon-zoomout {
  background-position:-144px -112px 
}
.ui-icon-search {
  background-position:-160px -112px 
}
.ui-icon-wrench {
  background-position:-176px -112px 
}
.ui-icon-gear {
  background-position:-192px -112px 
}
.ui-icon-heart {
  background-position:-208px -112px 
}
.ui-icon-star {
  background-position:-224px -112px 
}
.ui-icon-link {
  background-position:-240px -112px 
}
.ui-icon-cancel {
  background-position:0 -128px 
}
.ui-icon-plus {
  background-position:-16px -128px 
}
.ui-icon-plusthick {
  background-position:-32px -128px 
}
.ui-icon-minus {
  background-position:-48px -128px 
}
.ui-icon-minusthick {
  background-position:-64px -128px 
}
.ui-icon-close {
  background-position:-80px -128px 
}
.ui-icon-closethick {
  background-position:-96px -128px 
}
.ui-icon-key {
  background-position:-112px -128px 
}
.ui-icon-lightbulb {
  background-position:-128px -128px 
}
.ui-icon-scissors {
  background-position:-144px -128px 
}
.ui-icon-clipboard {
  background-position:-160px -128px 
}
.ui-icon-copy {
  background-position:-176px -128px 
}
.ui-icon-contact {
  background-position:-192px -128px 
}
.ui-icon-image {
  background-position:-208px -128px 
}
.ui-icon-video {
  background-position:-224px -128px 
}
.ui-icon-script {
  background-position:-240px -128px 
}
.ui-icon-alert {
  background-position:0 -144px 
}
.ui-icon-info {
  background-position:-16px -144px 
}
.ui-icon-notice {
  background-position:-32px -144px 
}
.ui-icon-help {
  background-position:-48px -144px 
}
.ui-icon-check {
  background-position:-64px -144px 
}
.ui-icon-bullet {
  background-position:-80px -144px 
}
.ui-icon-radio-on {
  background-position:-96px -144px 
}
.ui-icon-radio-off {
  background-position:-112px -144px 
}
.ui-icon-pin-w {
  background-position:-128px -144px 
}
.ui-icon-pin-s {
  background-position:-144px -144px 
}
.ui-icon-play {
  background-position:0 -160px 
}
.ui-icon-pause {
  background-position:-16px -160px 
}
.ui-icon-seek-next {
  background-position:-32px -160px 
}
.ui-icon-seek-prev {
  background-position:-48px -160px 
}
.ui-icon-seek-end {
  background-position:-64px -160px 
}
.ui-icon-seek-first,.ui-icon-seek-start {
  background-position:-80px -160px 
}
.ui-icon-stop {
  background-position:-96px -160px 
}
.ui-icon-eject {
  background-position:-112px -160px 
}
.ui-icon-volume-off {
  background-position:-128px -160px 
}
.ui-icon-volume-on {
  background-position:-144px -160px 
}
.ui-icon-power {
  background-position:0 -176px 
}
.ui-icon-signal-diag {
  background-position:-16px -176px 
}
.ui-icon-signal {
  background-position:-32px -176px 
}
.ui-icon-battery-0 {
  background-position:-48px -176px 
}
.ui-icon-battery-1 {
  background-position:-64px -176px 
}
.ui-icon-battery-2 {
  background-position:-80px -176px 
}
.ui-icon-battery-3 {
  background-position:-96px -176px 
}
.ui-icon-circle-plus {
  background-position:0 -192px 
}
.ui-icon-circle-minus {
  background-position:-16px -192px 
}
.ui-icon-circle-close {
  background-position:-32px -192px 
}
.ui-icon-circle-triangle-e {
  background-position:-48px -192px 
}
.ui-icon-circle-triangle-s {
  background-position:-64px -192px 
}
.ui-icon-circle-triangle-w {
  background-position:-80px -192px 
}
.ui-icon-circle-triangle-n {
  background-position:-96px -192px 
}
.ui-icon-circle-arrow-e {
  background-position:-112px -192px 
}
.ui-icon-circle-arrow-s {
  background-position:-128px -192px 
}
.ui-icon-circle-arrow-w {
  background-position:-144px -192px 
}
.ui-icon-circle-arrow-n {
  background-position:-160px -192px 
}
.ui-icon-circle-zoomin {
  background-position:-176px -192px 
}
.ui-icon-circle-zoomout {
  background-position:-192px -192px 
}
.ui-icon-circle-check {
  background-position:-208px -192px 
}
.ui-icon-circlesmall-plus {
  background-position:0 -208px 
}
.ui-icon-circlesmall-minus {
  background-position:-16px -208px 
}
.ui-icon-circlesmall-close {
  background-position:-32px -208px 
}
.ui-icon-squaresmall-plus {
  background-position:-48px -208px 
}
.ui-icon-squaresmall-minus {
  background-position:-64px -208px 
}
.ui-icon-squaresmall-close {
  background-position:-80px -208px 
}
.ui-icon-grip-dotted-vertical {
  background-position:0 -224px 
}
.ui-icon-grip-dotted-horizontal {
  background-position:-16px -224px 
}
.ui-icon-grip-solid-vertical {
  background-position:-32px -224px 
}
.ui-icon-grip-solid-horizontal {
  background-position:-48px -224px 
}
.ui-icon-gripsmall-diagonal-se {
  background-position:-64px -224px 
}
.ui-icon-grip-diagonal-se {
  background-position:-80px -224px 
}
.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
  border-top-left-radius:4px 
}
.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
  border-top-right-radius:4px 
}
.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
  border-bottom-left-radius:4px 
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
  border-bottom-right-radius:4px 
}
.ui-widget-overlay {
  background:#aaa;
  opacity:.3;
  filter:Alpha(Opacity=30) 
}
.ui-widget-shadow {
  -webkit-box-shadow:-8px -8px 8px #aaa;
  box-shadow:-8px -8px 8px #aaa 
}
.ui-icon-circle-triangle-w {
  background-image:url(../order_svg/arleft.svg)!important;
  background-position:50% 
}
.ui-icon-circle-triangle-e {
  background-image:url(../order_svg/arright.svg)!important;
  background-position:50% 
}
.ui-timepicker-wrapper {
  overflow-y:auto;
  max-height:200px;
  width:8em;
  background:#fff;
  border:1px solid #ddd;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
  box-shadow:0 5px 10px rgba(0,0,0,.2);
  outline:none;
  z-index:10052;
  margin:0 
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width:13em 
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width:11em 
}
.ui-timepicker-list {
  margin:0;
  padding:0;
  list-style:none 
}
.ui-timepicker-duration {
  margin-left:5px;
  color:#888 
}
.ui-timepicker-list:hover .ui-timepicker-duration {
  color:#888 
}
.ui-timepicker-list li {
  padding:5px 0 5px 8px;
  cursor:pointer;
  white-space:nowrap;
  color:#000;
  list-style:none;
  margin:0 
}
.ui-timepicker-list:hover .ui-timepicker-selected {
  background:#fff;
  color:#000 
}
.ui-timepicker-list .ui-timepicker-selected:hover,.ui-timepicker-list li:hover,li.ui-timepicker-selected {
  background:#1980ec;
  color:#fff 
}
.ui-timepicker-list li:hover .ui-timepicker-duration,li.ui-timepicker-selected .ui-timepicker-duration {
  color:#ccc 
}
.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color:#888;
  cursor:default 
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background:#f2f2f2 
}
.theme-buttons-wrapper {
  position:fixed;
  bottom:0;
  left:0;
  width:100vw;
  height:180px;
  background-color:#2c2d30;
  z-index:99;
  display:none;
  -webkit-animation-name:slideIn;
  -webkit-animation-duration:.4s;
  animation-name:slideIn;
  animation-duration:.4s 
}
.theme-buttons-wrapper .close {
  font-size:35px;
  color:#fff;
  position:absolute;
  top:1.5rem;
  right:1rem 
}
@media screen and (max-width:767px){
  .theme-buttons-wrapper {
      height:250px 
 }
}
@-webkit-keyframes slideIn {
  0% {
      bottom:-300px;
      opacity:0 
 }
  to {
      bottom:0;
      opacity:1 
 }
}
@keyframes slideIn {
  0% {
      bottom:-300px;
      opacity:0 
 }
  to {
      bottom:0;
      opacity:1 
 }
}
.theme-buttons-outer {
  height:100% 
}
@media screen and (min-width:992px){
  .theme-buttons-outer {
      margin:0 3vw 
 }
}
@media screen and (min-width:1024px){
  .theme-buttons-outer {
      margin:0 5vw 
 }
}
@media screen and (min-width:1200px){
  .theme-buttons-outer {
      margin:0 20vw 
 }
}
@media screen and (max-width:991px){
  .theme-buttons-outer {
      margin:0 1rem 
 }
}
.theme-buttons-wrapper h1,.theme-buttons-wrapper h1 strong {
  padding:1.5rem 1rem 0;
  text-align:center;
  font-size:16px;
  color:#fff 
}
.theme-buttons-inner {
  overflow:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:1.5rem 0 
}
@media screen and (max-width:767px){
  .theme-buttons-inner {
      display:block 
 }
}
.theme-buttons-inner .width-control {
  width:16.667%;
  float:left 
}
@media screen and (max-width:767px){
  .theme-buttons-inner .width-control {
      width:33.333% 
 }
}
.theme-buttons-inner .pd-control {
  padding-right:1rem 
}
@media screen and (max-width:767px){
  .theme-buttons-inner .width-control:nth-child(4) .pd-control,.theme-buttons-inner .width-control:nth-child(5) .pd-control,.theme-buttons-inner .width-control:nth-child(6) .pd-control {
      padding-top:2rem 
 }
}
.theme-buttons-inner .width-control:last-of-type .pd-control {
  padding-right:0 
}
@media screen and (max-width:767px){
  .theme-buttons-inner .width-control:nth-child(3) .pd-control {
      padding-right:0 
 }
}
.theme-buttons-wrapper button {
  background-color:grey;
  border-radius:3px;
  min-height:40px;
  width:100%;
  cursor:pointer;
  position:relative;
  border:1px solid #ddd 
}
.theme-buttons-wrapper .light:before {
  content:"";
  width:100%;
  position:absolute;
  left:0;
  height:100%;
  top:0;
  background-color:#fff 
}
.theme-buttons-wrapper .dark:before {
  content:"";
  width:100%;
  position:absolute;
  left:0;
  height:100%;
  top:0;
  background-color:#292a2d 
}
.theme-buttons-wrapper .default:after {
  background-color:#ef4b24 
}
.theme-buttons-wrapper .cy:after,.theme-buttons-wrapper .default:after {
  content:"";
  width:20px;
  position:absolute;
  right:0;
  height:20px;
  border-radius:20px;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  top:50% 
}
.theme-buttons-wrapper .cy:after {
  background-color:#00bcd4 
}
.theme-buttons-wrapper .gr:after {
  content:"";
  width:20px;
  position:absolute;
  right:0;
  height:20px;
  border-radius:20px;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  top:50%;
  background-color:#43a047 
}
.theme-buttons-wrapper button p {
  position:absolute;
  bottom:-22px;
  font-size:13px;
  color:#aaa;
  left:50%;
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  z-index:20;
  width:100% 
}
.table-pin {
  background-color:rgba(0,0,0,.5);
  top:0;
  left:0;
  width:100%;
  height:100vh;
  position:absolute;
  position:fixed;
  z-index:100 
}
.table-pin .box-wrapper {
  width:unset;
  height:unset;
  padding:0 0 1rem 
}
.table-pin .box-wrapper img {
  max-height:100px;
  max-width:150px;
  margin:1rem auto 
}
.table-pin h3 {
  font-size:18px;
  text-align:center;
  border-bottom:1px solid #ccc;
  padding:.5rem;
  color:#444 
}
.table-pin h1 {
  font-weight:800;
  font-size:24px 
}
.table-pin .table-number-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:1rem 
}
.table-pin .table-number-wrapper .number {
  background-color:#e5fff0;
  color:#009d81;
  font-size:18px;
  padding:.3rem .5rem;
  border-radius:5px;
  margin:auto;
  display:inline-block 
}
.table-pin .table-number-wrapper .number strong {
  color:#009d81;
  font-size:18px 
}
.table-pin .pin-wrapper {
  background-color:#f7f7f7;
  border-radius:5px;
  padding:.5rem;
  position:relative;
  min-height:100px;
  margin:0 1rem 
}
.table-pin .pin-wrapper p {
  font-size:14px;
  color:#636363;
  position:absolute;
  text-align:center;
  width:100%;
  font-weight:700 
}
.table-pin .pin-wrapper input {
  border:transparent;
  background-color:transparent;
  font-size:50px;
  text-align:center;
  width:100%;
  padding-top:1.5rem;
  font-weight:800;
  letter-spacing:5px 
}
.table-pin .pin-wrapper input::-webkit-input-placeholder {
  opacity:.3;
  font-weight:800 
}
.table-pin .pin-wrapper input::-moz-placeholder {
  opacity:.3;
  font-weight:800 
}
.table-pin .pin-wrapper input:-ms-input-placeholder {
  opacity:.3;
  font-weight:800 
}
.table-pin .pin-wrapper input::-ms-input-placeholder {
  opacity:.3;
  font-weight:800 
}
.table-pin .pin-wrapper input::placeholder {
  opacity:.3;
  font-weight:800 
}
.table-pin .pin-wrapper input:focus {
  outline:0 
}
.table-pin .btn-wrapper {
  margin:0 1rem 
}
.table-pin .btn-wrapper button {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  margin-top:1rem 
}
@media screen and (max-width:767px){
  .table-pin h3 {
      padding:1rem 
 }
  .table-pin .center {
      position:relative;
      top:unset;
      left:unset;
      -webkit-transform:unset;
      transform:unset 
 }
  .table-pin .box-wrapper {
      height:100vh 
 }
}
.error-page {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100vw;
  height:100vh 
}
.error-page,.error-page img {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
.error-page img {
  width:100%;
  max-width:100px;
  margin:auto;
  -webkit-filter:invert(0);
  filter:invert(0) 
}
.error-page button,.error-page h1,.error-page p {
  text-align:center 
}
.error-page h1 {
  font-size:20px;
  padding-top:1rem 
}
.error-page p {
  padding-top:.5rem 
}
.error-page button {
  margin:3rem auto auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center 
}
/* 추가 */
.zindex10 {
  z-index: 10 !important;
}
.zindex999 {
  z-index: 999 !important;
}
.position-r1 {
  position: relative;
  z-index: 1;
}
.position-r1000 {
  position: relative;
  z-index: 1000;
}
.title01-img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding:20px 0px;
  background-image: url("../spaplus/img/title01.png");
  background-repeat: no-repeat;
  background-position: center center;
  backgorund-size: 100% 100%;
}
.title02-img {
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding:20px ;
  background-image: url("../spaplus/img/title02.png");
  background-repeat: no-repeat;
  background-position: center center;
  backgorund-size: 100% 100%;
}
.title03-img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding:20px 0px;
  background-image: url("../spaplus/img/title03.png");
  background-repeat: no-repeat;
  background-position: center center;
  backgorund-size: 100% 100%;
}
.text-content{
  margin-top: 30px;
}
.content-service{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.content-service li{
  display: inline-block;
  width: 280px;
  text-align: center;
  box-sizing: border-box;
}
.cs01, .ca02, .cs03{
  margin-bottom: 30px;
}
.text-service li{
  text-align: center;
  padding:10px;
  height: auto;
}
.text-service li:first-child{
 font-size: 23px;
  color: #61085a;
  font-weight: bold;
}
/*====================*/
section {
 /* max-width:1200px; */
  margin:10px auto;
  /* padding:20px; */
}
.demo01 table {
  width: 100vw;
  margin:0 auto;
}
.demo01 th, td {
  padding: 15px;
}
.demo01 td {
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(128, 128, 128);
}
.demo01 th {
  background: #f4f4f4;
  background-color:#745A82 ;
  border-radius: 30px;
  color:#fff;
}
.demo01 th {
  width: 20vw;
  text-align: center;
}
.demo01 td {
  width: 60vw;
  text-align:left;
}
@media only screen and (max-width:768px) {
  .demo01 {
      margin: 0 -10px;
 }
  .demo01 th, .demo01 td {
      width: 100%;
      display: block;
      border-top: none;
      vertical-align: top;
 }
  .demo01 tr:first-child th {
      border-top: 1px solid #ddd;
 }
}


/*  */
/* ========================== Start General ========================== */
* {
  font-family: sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0
}
html, body {
  max-width: 100%;
  overflow-x: 0
}
h1, h2, h3, h4, h5, h6 {font-weight: normal}
ul,
ol {
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a, a:hover, a:focus {
  color: inherit;
  text-decoration: none
}
/* ========================== End General ========================== */
/* ========================== Start Slider ========================== */
.wowslider {
  width: 100%;
  height: 100vh;
  min-height: 550px;
  position: relative;
  overflow: hidden;
  z-index: 9999
}
.wowslider *:not(.fa) {
  font-family: 'Raleway', sans-serif;
}
.wowslider ul,
.wowslider ul li,
.wowslider .ctrl .ctrl-content .image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.wowslider ul li {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 0
}
.wowslider ul li:nth-of-type(1) {background-image: url("https://via.placeholder.com/300.png/02b18b/02b18b");display: block}
.wowslider ul li:nth-of-type(2) {background-image: url("https://via.placeholder.com/300.png/dd5267/dd5267")}

.wowslider ul li .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.wowslider .ctrl .ctrl-content {
  position: absolute;
  top: calc(50% - 37px);
  z-index: 99;
  width: 75px;
  height: 75px;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden
}
.wowslider .ctrl .ctrl-content .image {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: .9;
  top: 10%;
}
.wowslider .ctrl .ctrl-content:first-of-type .image {left: -25%}
.wowslider .ctrl .ctrl-content:last-of-type .image {left: 25%}
.wowslider .ctrl .ctrl-content:hover .image {
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.wowslider .ctrl .ctrl-content > .fa {
  color: #fff;
  line-height: 75px;
  position: relative;
  z-index: 9
}
.wowslider .ctrl .ctrl-content:first-of-type {left: 15px}
.wowslider .ctrl .ctrl-content:last-of-type {right: 15px}
/* ========================== End Slider ========================== */
/* ========================== Start Slider Text ========================== */
.wowslider li .text {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: left
}
.wowslider li .text h2:last-of-type {
  font-size: 60px;
}
.wowslider li .text h2 {
  font-size: 65px;
  width: 100%;
  color: #fff;
  margin-bottom: 15px
}
.wowslider li .text p {
  font-size: 25px;
  letter-spacing: 7px
}
/* ++++++++++++++++++++++++++++ Start Slide One +++++++++++++++++++++++++++++++++ */
.wowslider li:first-of-type .text h2:last-of-type {
  font-size: 60px;
}
.wowslider li:first-of-type .text button {
  background: none;
  outline: 0;
  padding: 5px 35px 7px 35px;
  border: 1px solid #fff;
  border-radius: 25px;
  color: #fff;
  font-size: 25px;
  display: inline-block;
  margin-top: 15px;
  cursor: pointer;
  font-weight: 600;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  color: #ddd
}
.wowslider li:first-of-type .text button:hover {
  background: #fff;
  color: #000
}
/* ++++++++++++++++++++++++++++ End Slide One +++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++ Start Slide Two +++++++++++++++++++++++++++++++++ */
.wowslider li:nth-of-type(2) .text h2 {
  font-size: 60px
}
.wowslider li:nth-of-type(2) .text h2 span {
  font-weight: bold
}
.wowslider li:nth-of-type(2) .text h2 + h2 {
  margin-top: 25px
}
/* ++++++++++++++++++++++++++++ End Slide Two +++++++++++++++++++++++++++++++++ */
/* ========================== End Slider Text ========================== */
/* ========================== Start Stylehover ========================== */
.stylehover .container {
  height: 100%;
  max-width: 750px;
  position: relative;
}
.stylehover .parallax {
  width: 100%;
  height: 100%;
  position: absolute;
}
.stylehover .help {
  z-index: 9;
  width: 100px;
  height: 100px;
  position: absolute
}
.stylehover .container .parallax-text .fa {
  position: absolute;
  cursor: pointer;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 50px;
  opacity: .5;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.stylehover .help1:hover ~ .parallax .parallax-text1 .fa,
.stylehover .help2:hover ~ .parallax .parallax-text2 .fa
 {
  opacity: 1;
  transform: scale(1.2)
}
.stylehover .container .parallax-text1 .fa,
.stylehover .help1 {
  left: 0;
  top: calc(50% - 50px);
}
.stylehover .container .parallax-text2 .fa,
.stylehover .help2 {
  right: 0;
  top: calc(50% - 50px);
}

.stylehover .container .parallax-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 8;
}
.stylehover .container .parallax-center:not(.a_content) {
  display: none
}
.stylehover .container .parallax-center p {
  font-size: 25px;
  width: 250px;
  margin: 15px 0 0 0
}
.stylehover .container .parallax-center img {
  max-width: 250px;
  -webkit-filter: grayscale(75%); /* Safari 6.0 - 9.0 */
  filter: grayscale(75%);
}
/* ========================== End Stylehover ========================== */


