﻿
.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}


/*modal*/
.contModal{}
.contModal .modal-header{ justify-content: center; border:none;}
.contModal .modal-header h4{ color:#3C433E; font: normal 40px/48px 'SofiaPro-Bold'; }
.contfrm{ width:100%; display:inline-block; margin-bottom:10px;}
.contfrm select{ display: block; width: 100%; height: 50px; padding: 0px 12px; color: #7E7E7E; font: normal 16px/50px 'SofiaPro';  background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; }
.contfrm select.minimal{ background:url(../images/caret.svg) no-repeat 98% center; }
.contfrm select.minimal:focus{ background:url(../images/caret.svg) no-repeat 98% center; }
.contfrmRow{ margin:0px -15px;}.cont6{ width:50%; padding:0px 15px; float: left; margin-bottom: 10px;}.contfrm input[type="text"], .contfrm input[type="email"], .contfrm input[type="tel"], .cont6 input[type="text"], .cont6 input[type="email"], .cont6 input[type="tel"]{ width: 100%; height: 50px; padding: 0px 12px; color: #7E7E7E; font: normal 16px/50px 'SofiaPro';  border: 1px solid #ccc; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s;transition: all 0.3s; }.contfrm textarea{ width: 100%; height: 120px; padding: 0px 12px; color: #7E7E7E; font: normal 16px/50px 'SofiaPro';  border: 1px solid #ccc; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; resize:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s;transition: all 0.3s; }.contfrm input[type="submit"]{ background:#000; color:#fff; border:none; float:right; padding: 15px 40px;font: normal 18px/25px 'SofiaPro-Bold'; color: #fff !important;text-decoration: none; border-radius: 10px;}.contfrm input[type="text"]::placeholder{ opacity: 1; color: #7E7E7E;}.cont6 input[type="text"]::placeholder{ opacity: 1; color: #7E7E7E;}.contfrm input[type="tel"]::placeholder{ opacity: 1; color: #7E7E7E;}.contfrm input[type="email"]::placeholder{ opacity: 1; color: #7E7E7E;}.contfrm textarea::placeholder{ opacity: 1; color: #7E7E7E;}
.footerSec { padding: 40px 0;}.innfooterLogo p { padding-top: 18px;}.cont6 input[type="text"]:focus, .contfrm input[type="email"]:focus, .contfrm input[type="tel"]:focus, .contfrm textarea:focus { box-shadow: 0px 3px 8px 1px #ccc; background: #f7f7f7; }.contfrm select{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}.contfrm select.minimal:focus { box-shadow: 0px 3px 8px 1px #ccc; background: url(../images/caret.svg) no-repeat 98% center #f7f7f7; }.contfrm input[type="submit"] { padding: 13px 28px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}.contfrm input[type="submit"]:hover{ background: #e71619; }.contModal .modal-content { background-color: #fdfbfb;}.contfrm select.minimal { background: url(../images/caret.svg) no-repeat 98% center #fff; }#the-count{ width: auto; position: absolute; right: 7px; bottom: 7px; font: 400 12px/16px 'SofiaPro'; color:#7E7E7E; }.contfrm{ position: relative; }.contfrm textarea { padding: 0px 12px 22px; }
.contModal .close{ width: 25px; height: 25px; cursor:pointer; border:0; background: #e71619; text-align: center; line-height: 7px; opacity: 1 !important; position: absolute; right: -4px; top: -83px; box-shadow: inherit; text-shadow: inherit; outline: none; border-radius: 100%; }.contModal .close img{ max-width: 100%;padding: 6px; }

.contModal .modal-body { padding: 15px 25px;}
@media (min-width: 768px) and (max-width: 991px) {.container{ max-width: 720px; }  
.innbottomheader .navbar-brand {  width: 90px; }.shopbttns ul li { font-size:13px; line-height: 18px; }.shopbttns ul li a {  padding: 6px 6px; } .aboutSec .contentSecLt h2 {  font-size: 32px; line-height: 38px; }.inntopHeader ul li { font-size:14px; line-height: 16px; }.inntopHeader ul li:last-child a { font-size: 14px; }.aboutSec .contentSecLt p { font-size: 17px; line-height: 26px; padding-top: 10px;}
/*modal*/.contModal .modal-header h4 { font-size:30px; line-height: 42px; }.contfrm select, .contfrm input[type="text"], .contfrm input[type="email"], .contfrm input[type="tel"], .cont6 input[type="text"], .cont6 input[type="email"], .cont6 input[type="tel"], .contfrm textarea { font-size:14px; }.aboutSec { padding: 45px 0 50px 0;}.footerSec { padding: 30px 0 25px 0;}.product_sec .owl-carousel .owl-item span{ font-size: 18px; line-height: 22px; }.product_sec { padding: 15px 0 30px 0; }.aboutSec { padding: 40px 0px; } .aboutSec .contentSecLt em { font-size: 13px;  line-height: 15px; }.aboutSec .contentSecLt em{ font-size: 15px; line-height: 16px; }.aboutSec .contentSecLt h1 { font-size: 28px; line-height: 31px;}.aboutSec .contentSecLt p { padding-top: 10px; font-size: 15px; line-height: 23px;}.aboutSec .contentSecLt .visitbtnn { margin-top: 20px; padding: 12px 12px 13px 15px; font-size: 15px;}.footerSec { padding: 20px 0; }.ftr_logo img { margin-right: 10px; }.partnersSec { padding: 26px 0 30px 0;}.heading h2{ font-size: 26px; line-height: 30px; }.nav_top .navbar-brand {  width: 140px; }.shopbttns ul li { font-size:13px; line-height: 18px; }.shopbttns ul li a {  padding: 6px 6px; } .aboutSec .contentSecLt h2 {  font-size: 40px; line-height: 46px; }.menu_sec li a { padding: 7px 9px 8px; font-size: 14px; line-height: 20px;}.menu_sec li { margin-left: 6px; }.menu_sec {  padding: 0px 0 0;}.aboutSec .contentSecLt { padding: 0 10px;}.header_sec { padding: 12px 0 12px; }
}
@media only screen and (max-width: 767px){
.container{ max-width: 576px; }  
/*modal*/
.contModal .modal-header h4 { font-size:30px; line-height: 42px; }.contfrm select, .contfrm input[type="text"], .contfrm input[type="email"], .contfrm input[type="tel"], .cont6 input[type="text"], .cont6 input[type="email"], .cont6 input[type="tel"], .contfrm textarea { font-size:14px; }.aboutSec { padding: 10px 0 40px 0;}.contentSecRt { width: 100%; text-align: center; margin-top: 30px;}.contentSecRt img { max-width: 100%; width: 350px;}.contfrm select{ padding-right: 24px; }.contfrm input[type="submit"]{padding: 8px 32px; font-size: 16px; line-height: 23px; }/*new_11.05.21*/.aboutSec .contentSecLt p { padding-top: 8px;}.aboutSec .contentSecLt .visitbtnn { padding: 8px 50px 10px 16px; margin-top: 15px;}.aboutSec .contentSecLt .visitbtnn span::after { right: -30px; top: 5px; }.orderbtn { padding: 8px 29px;}.contfrm input[type="submit"] { padding: 8px 26px; font-size: 16px; line-height: 23px; }.shopBox img { width: 90px;}.navbar-toggler .icon-bar { display: block; width: 22px; height: 3px; border-radius: 1px; background-color: #fbc817;}.navbar-toggler .icon-bar + .icon-bar { margin-top: 4px;}.navbar-light .navbar-toggler{border-color: #fbc817; padding: 6px 7px; outline: none; border-radius: 4px !important;}.navbar-collapse{position: absolute; top: 100%; left: 0; z-index: 99; background: rgba(255,255,255,0.50); width: 100%;}.menu_sec li a{display: inline-block; width: 100%;}.header_sec .container{padding: 0px;}.nav_top{padding: 0;}.menu_sec li{ margin: 2px 0px;}.menu_sec li a{padding: 10px 15px;}.nav_top .navbar-collapse{ position:absolute; left:0; top:100%; width:100%; background: #21211a; z-index: 99; padding:10px;}.product_sec .owl-carousel .owl-item span { font-size: 15px; line-height: 18px;}.product_sec { padding: 15px 0 20px 0; }.aboutSec { padding: 40px 0px; } .aboutSec .contentSecLt em { font-size: 14px; line-height: 16px; letter-spacing: 0.8px;}.aboutSec .contentSecLt h1 { font-size: 25px; line-height: 28px;}.aboutSec .contentSecLt p { padding-top: 8px; font-size: 14px; line-height: 21px;}.aboutSec .contentSecLt .visitbtnn { margin-top: 20px; padding: 10px 8px 11px 13px; font-size: 14px;}.footerSec { padding: 20px 0; }.ftr_logo img { margin-right: 10px; }.partnersSec { padding: 26px 0 30px 0;}.heading h2 { font-size: 22px; line-height: 26px;}.nav_top .navbar-brand {  width: 140px; }.shopbttns ul li { font-size:13px; line-height: 18px; }.shopbttns ul li a {  padding: 6px 6px; } .aboutSec .contentSecLt h2 {  font-size: 40px; line-height: 46px; }.menu_sec li a { padding: 7px 9px 8px; font-size: 14px; line-height: 20px;}.menu_sec li { margin-left: 0; }.menu_sec {  padding: 0px 0 0;}.aboutSec .contentSecLt { padding: 0;}.partnersBoxes { padding: 30px 20px 0;}.ftr_logo { width: 100%;}.ftr_rt { width: 100%; position: inherit; right: inherit; top: inherit; display: inline-block; padding: 0; text-align: center;}.ftr_rt a.orderbtn{ width: auto; }.innfooterLogo p { padding-top: 10px; width: 100%; text-align: center;}.ftr_logo { width: auto;  display: inline-block;}.innfooterLogo { text-align: center;}.ftr_logo span { margin-top: 10px; display: inline-block; width: 100%;}.chinese_sec { padding: 0 0 30px;}.header_sec { padding: 12px 0; }
.contModal .modal-body { padding: 15px 25px;}
}
@media only screen and (max-width: 480px){.inntopHeader ul {  display: inline-block;  text-align: center;  width: 100%;}	.inntopHeader ul li:first-child { display: inline-block; }.inntopHeader ul li {  display: inline-block; } .innbottomheader .navbar-brand { width: 75px; }.innbottomheader {  padding: 10px 0px 3px; }.contbtn { font-size:14px; line-height: 20px; }.innbottomheader .navbar-brand {  width: 58px; }.contentSecRt { margin-top: 15px; } .socialLink {  width: 100%;  position: inherit;  right: inherit;  top: inherit;  margin-top: 15px;  text-align: center; }.orderbtn { margin-top:15px; }.innfooterLogo { text-align: center; }
/*modal*/.contModal .modal-header h4 {  font-size: 22px;  line-height: 36px; }.contfrm select, .contfrm input[type="text"], .contfrm input[type="email"], .contfrm input[type="tel"], .cont6 input[type="text"], .cont6 input[type="email"], .cont6 input[type="tel"], .contfrm textarea { font-size:14px; }.contModal .modal-header { padding-bottom: 0px; }.contfrmRow {  margin: 0px; }
.contentSecRt { margin-top: 32px;}.footerSec { padding: 25px 0px;}
.contModal .close { top: -56px;}.cont6 { padding:0px; width: 100%; }
}

