.Logo {
  font-weight: bold;
}
.subtext {
  font-size: 1.25rem;
  line-height: 1.7;
}
.line {
  line-height: 1.7;
}
.footerPos{
  position: absolute;
  bottom: 0;
  width: 100%;
}

.cj1{
  padding: 0 15px;
}
a {
  color: black !important;
}
.text-size1{
  font-size: 2rem;
}
.text-size2{
  font-size: 1.1rem;
}
.no-visible{
  visibility: hidden;
}
.md-toast-info {
  background-color: black !important;
}
.bold{
  font-weight: bold!important;
}
#SubmitAlert {
  color: green;
  padding: 1rem;
  display: none;
}

.navbar {
  box-shadow: none;
  padding: 0% 10%;
  background-color: white;
  position: fixed !important;
  transition: top 0.3s;
}
.fa-comment{
  visibility: hidden;
}
@media screen and (max-width:825px) {
  .navbar {
    padding: 0% 3%;
  }
}
.ms3{
  padding: 0 30%;
}
/******popup******/
.popup {
  position: absolute;
  right: 2%;
  top: 10%;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 100000;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 287px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -143px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/************/
.search-icon {
  background-color: white !important;
}
.ftr1{
  position: relative;
}
.fa-block-question{
  color: black;
  background: orange;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.animated-icon1,
.animated-icon2,
.animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
  background: #000;
}

.animated-icon2 span {
  background: #e3f2fd;
}

.animated-icon3 span {
  background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
  top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
  top: 10px;
}

.animated-icon2 span:nth-child(4) {
  top: 20px;
}

.animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}


.navbar.navbar-light form .md-form .form-control {
  color: none !important;
  border-style: solid;
  border-width: thin;
}

.navbar.navbar-light form .md-form .form-control:focus:not([readonly]) {
  border: black !important;
  box-shadow: black !important;
}
.first-page-button{
  padding: 19px 27px;
  box-shadow: none;
  background-color: #000;
  color: #fff!important;
}
.first-page-button:hover {
  box-shadow: none;
  color: silver!important;
  background-color: #000;
}
.second-page-button{
  padding: 19px 27px;
  box-shadow: none;
  background-color: #000;
  color: #fff!important;
}
.second-page-button:hover {
  box-shadow: none;
  color: silver!important;
  background-color: #000;
}

.sp1 {
  box-shadow: none;
  color: #000 !important;
}

.sp1:hover {
  box-shadow: none !important;
}

.sp1:focus {
  box-shadow: none !important;
}
.sp2 {
  box-shadow: none;
  color: white !important;
  background-color: #000;
}

.sp2:hover {
  box-shadow: none !important;
}

.sp2:focus {
  box-shadow: none !important;
}
.form-inline {
  display: block;
}

.form {
  outline: 1px solid #000 !important;
}

.first-h1 {
  font-weight: 800;
  line-height: 1.3;
  text-align: left;
}

#first-page {
  position: relative;
  padding: 11% 10% 15%;
}
.fifth-subtext{
  padding: 2rem 0;
}


.smart-scroll {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.scrolled-down {
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}

.scrolled-up {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}

.text-block {
  text-align: left;
  margin-top: 11rem;
}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popupText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffffc9;
  min-width: 17rem;
  padding: 2rem;
  border-radius: 12px;
  font-weight: bold;
  font-size: 1.2rem;
}
.popupCloser {
  position: absolute;
  background: #c0c0c091;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sp2 {
  color: white !important;
}

.sp3 {
  text-align: left !important;
  padding-top: 2rem;
}


.first-img {
  max-width: 100%;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1251px !important;
  }

  .special-img {
    margin-top: 0px;
  }
}

@media screen and (max-width:1199px) {
  .special-img {
    margin-top: 32px;
  }
}
#middle-page{
  background-color: #f6f5f5;
  padding: 5% 6%;
  text-align: left;
}
.middle-box{
  padding-top: 11rem;
}
#second-page {
  background-color: #fff;
  padding: 5% 15%;
}
.second-page-h4{
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .change-page1 {
    order: 1;
  }

  .change-page2 {
    order: 2;
  }
}

@media screen and (max-width: 1199px) {
  .change-page1 {
    order: 2;
  }

  .change-page2 {
    order: 1;
  }
}


.first-h2 {
  font-weight: 800;
  margin: 8rem 0 16px;
  font-weight: 800;
  line-height: 1.5;
}

.second-img {
  width: 48rem;
}

.change-page2 {
  text-align: left;
}
.line1{
  line-height: 1.5;
}
.text-block1{
  line-height: 1.5;
}
.text-block2 {
  margin-bottom: 20px;
  line-height: 1.5;
}
@media screen and (max-width:1377px){
  .second-img{
    width: 100%;
  }
}
#third-page {
  padding: 5% 12%;
  text-align: center;
}

.third-h2 {
  font-weight: 800;
  font-size: 2.5rem;
}

.i1 {
  color: yellow;
  font-size: 3rem;
  padding-bottom: 1rem;
}

.modering-icons {
  padding-top: 5%;
}

#fourth-page {
  background-color: #000;
  color: #fff;
  padding: 5% 12%;
}

.fourth-h2 {
  font-weight: 800;
  font-size: 3rem;
}

.fourth-p {
  font-size: 1.5rem;
}
.sp-page-h1{
  font-weight: 800;
}
#middle-page2{
  padding: 5% 6%;
  background-color: #f6f5f5;
  text-align: left!important;
}
.middle2-img{
  width: 70%;
}
.middle2-h5{
  line-height: 1.5;
}
.middle2-block{
  padding-top: 6rem;
}
#middle-page3{
  padding: 8% 6%;
  text-align: left!important;
}
.middle3-img{
  width: 70%;
  margin-left: 5rem;
}
.middle3-h5{
  line-height: 1.5;
}
.middle3-block{
  padding-top: 8rem;
}
#fifth-page {
  padding: 4% 15%;
  background-color: #f6f5f5
}

@media screen and (max-width:1400px) {
  #fifth-page {
    padding: 5% 0;
  }
}

.text-mod {
  text-align: left;
  padding-top: 2%;
}

.fifth-h1 {
  font-weight: 800;
  padding: 0 15% 4%;
}

.fifth-icon {
  color: yellow;
  font-size: 1.3rem;
}

.fifth-p {
  margin-top: 1rem;
}
.sp-icon1{
  height: 5rem;
}
.animated-box{
  box-shadow: none;
  transition: 0.6s;
  border-style: solid;
  border-width: thin;
  border-color: #efeded;
  background-color: #f6f5f5;
  z-index: 1;
}
.animated-box:hover{
  box-shadow: 1px 1px 13px 1px darkgrey;
  transition: 0.6s;
  border-style: solid;
  border-width: thin;
  border-color: #fff;
  transform: translate(0, -50px);
  background-color: #f6f5f5;
  z-index: 2;
}
.font-s{
  font-size: 14px;
}
@media screen and (max-width:450px) {
  .fifth-h1 {
    font-size: 2rem;
  }
}

#sixth-page {
  padding: 5% 15%;
  background-color: #fff;
}

.sixth-h2 {
  font-weight: 800;
  font-size: 2rem;
}
.sixth-h4{
  padding-bottom: 4rem;
}
.sixth-p {
  font-size: 1.6rem;
  font-weight: 400;
  padding-bottom: 2%;
}

.move-ico1 {
  transition: padding-right 0.6s;
}

.move-ico1:hover {
  border-bottom: yellow;
  border-bottom-style: solid;
  border-bottom-width: thin;
  padding-right: 1%;
  transition-duration: 0.6s;

}
.sixth-page-button{
  padding: 19px 27px;
  box-shadow: none;
  background-color: #000;
  color: #fff!important;
}
.sixth-page-button:hover {
  box-shadow: none;
  color: silver!important;
  background-color: #000;
}
#seventh-page {
  padding: 5% 15%;
  background-color: #f6f5f5;
}
.seventh-card{
  background-color: #f6f5f5;
}
.seventh-h1 {
  font-size: 2.6rem;
  margin-bottom: 110px;
  text-align: left;
}

.seventh-col {
  text-align: left;
  position: relative;
}
.seventh-col2 {
  text-align: left;
  position: relative;
}
.top-padding {
  padding-top: 4%;
}

.seventh-b {
  font-weight: 800;
  font-size: 1.2rem;
}

.md-form input[type="password"]:not(.browser-default) {
  border-bottom: 1px solid #000 !important;
  box-shadow: none !important;
}

.md-form input[type="password"]:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #000 !important;
  box-shadow: none !important;
}

.md-form input[type="password"]:not(.browser-default):focus:not([readonly])+label {
  color: #000 !important;
}

#footer-col {
  background-color: black;
  text-align: center;
  padding: 1% 5%;
}

.footer-h5 {
  color: #fff !important;
  font-size: 1rem;
}

.btn.btn-md {
  box-shadow: none;
}

.btn.btn-md:hover {
  box-shadow: none;
}

.DireRus-logo {
  height: 64px;
  margin-top: 16px;
}
#footer-header{
  padding: 1%;
}
.DineRush{
  height: 40px;
}
.DineRush2 {
  height: 14px;
}
.DineRush-logo2{
  height: 24px;
}
.f1{
  font-size: 20px;
}
.f2{
  font-size: 20px;
}
.f3{
  font-size: 20px;
}
.footer-weight{
  font-weight: 900;
}
.footer-div{
  display:inline-block;
  padding: 0 2%;
}
.footer-div-wall{
  border-right-color: #000;
  border-right-style: solid;
  border-right-width: thin;
}
.col-footer1{
  text-align: right;
}
.navbar-brand {
  padding-bottom: 0 !important;
}

.seventh-img {
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.form-header {
  box-shadow: none !important;
  margin-top: 0 !important;
  color: #000;
}

.card {
  box-shadow: none !important;
}

.card-body {
  padding: 0 1.25rem !important;
}

.seventh-button {
  background-color: #000;
  box-shadow: none;
  color: #fff;
  padding: 19px 27px;
  font-size: 0.9rem;
  width: 50%;
  min-width:10rem
}
.bold{
  font-weight: bold!important;
}
.seventh-button:hover {
  box-shadow: none;
  color: silver;
}

.seventh-button:focus {
  box-shadow: none;
}

.md-form input[ type="text"]:not(.browser-default) {
  border-bottom: 1px solid #000 !important;
  box-shadow: none !important;
}

.md-form input:not([type]):focus:not([readonly])+label,
.md-form input[type="text"]:not(.browser-default):focus:not([readonly])+label {
  color: black !important;
}

.md-form textarea.md-textarea {
  border-bottom: 1px solid #000 !important;
  box-shadow: none !important;
}

.md-form textarea.md-textarea:focus:not([readonly])+label,
.md-form input[type="text"]:not(.browser-default):focus:not([readonly])+label {
  color: #000 !important;
}
@media screen and (max-width: 1620px) {
  .text-block {
    text-align: left;
    margin-top: 8rem;
  }
  .middle-box {
    padding-top: 8rem;
  }
  .middle2-block {
    padding-top: 2rem;
  }
  .middle3-block {
    padding-top: 5rem;
  }
}
@media screen and (max-width:1400px) {
  .seventh-img {
    height: 43px;
  }
  .first-h2 {
    font-size: 1.5rem;
  }
  .text-block {
    text-align: left;
    margin-top: 5rem;
  }
  .middle-box {
    padding-top: 5rem;
  }
  .first-h2 {
    margin: 5rem 0 16px;
  }
  .middle2-block {
    padding-top: 0rem;
  }
  .middle3-block {
    padding-top: 3rem;
}
}
@media screen and (max-width:1370px){
  .sp3{
    padding-top: 0;
  }
}
@media screen and (max-width:1150px){

  .middle-box {
    padding-top: 3rem;
  }
  #second-page {
    padding: 5% 1% 5% 15%;
  }
  .first-h2 {
    margin: 1rem 0 16px;
  }
  .middle2-img {
    margin-top: 4rem;
  }
  .middle3-block {
    padding-top: 0rem;
}
}
@media screen and (max-width:780px) {
  .form-header {
    padding-top: 0;
  }
  .sp3{
    margin-bottom: 1rem;
  }
  .seventh-h1 {
    font-size: 2rem;
  }
  .sixth-p{
    font-size: 1.4rem;
  }
}
@media screen and (max-width:767px) {
  .seventh-col {
    justify-content: center;
    display: flex;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width:600px) {
  #first-page {
    position: relative;
    padding: 11% 3% 15%;
  }
  .text-size1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:450px){
  .footer-div{
    display: block;
    padding: 6px 0;
  }
  .footer-div-wall{
    border-right-style: none;
  }
  #sixth-page{
    margin-bottom: 18px;
  }
  .DineRush {
    height: 30px;
  }
  .seventh-img {
    height: 30px;
  }
}
@media screen and (max-width:376px){
  .sixth-h2{
    font-size: 1.6rem;
  }
}
@media screen and (max-width:321px){
   .seventh-page-h3{
     font-size: 1.3rem;
   }
}
/* Join.html */
.kImg{
  height: 11rem;
}
.backImg{
  background: #fff;
  z-index: 999;
}
.formGround{
  background: #fff;
  width: 60%;
  border: none!important;
  /*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  */
  padding: 10% 0 0;
  z-index: 1000;
}
.subBtn1{
  background-color: #808080c9;
  color: #fff;
  transition: 0.6s;
  box-shadow: none;
  border-radius: 8px;
  font-size: .9rem;
  padding: 7px 51px;
}
.subBtn1:hover {
  background-color: #808080f0;
  transition: 0.6s;
  color: #fff;
  box-shadow: none;
}
.subBtn1:active{
  box-shadow: none;
}
.subBtn1:focus{
  box-shadow: none;
}
.fgr1::placeholder{
  text-align: center;
}
.fgr1{
  text-align: center;
  background-color: #ffffff63;
  border-radius: 15px;
  border-style: solid!important;
  border-color: black!important;
}
.fgr1:active{
  border: 1px solid #ced4da!important;
  background-color: #ffffff63;
}
.fgr1:focus{
  border: 1px solid #ced4da!important;
  box-shadow: none!important;
  background-color: #ffffff63;
}
.ftr1{
  justify-content: center;
}
@media screen and (max-width:1100px){
  .kImg{
      height: 6rem;
  }
  .cj1{
    padding: 0;
  }
}
@media screen and (max-width:1000px){
  #footer-header{
    padding: 0;
  }
  .formGround{
    background: transparent;
    /*
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
    */
    padding: 5%;
  }
  .footerPos{
    position: relative;
    bottom: auto;
  }
  .backImg{
    height: 93vh;
  }.footer-div{
    padding: 0 1%;
  }
}
@media screen and (max-width:991px) {
  .middle-box {
    padding-top: 4rem;
  }
  .ord1 {
    order: 2;
  }
  .ord2 {
    order: 1;
  }
  .first-h2 {
    margin: 3rem 0 16px;
  }
  .fr1{
    justify-content: center;
    display: flex;
  }
  .middle3-block {
    margin: 6rem 0 16px;
    padding: 0;
  }
  #contactForm2 {
    min-width: 19rem;
  }
  .ord4{
    order: 1;
  }
  .ord3 {
    order: 2;
  }
  .middle3-img {
    width: 70%;
    margin-left: 0;
  }
  #middle-page2 {
    padding: 12% 6%;
  }
  #middle-page3 {
    padding: 12% 8%;
  }
  #seventh-page {
    padding: 5% 2%;
  }
  #second-page {
    padding: 5% 7%;
  }
  .mobN {
    padding-top: 2rem;
  }
  .mobL {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width:920px){
  .ms3{
    padding:0 18%;
  }
  .popup .popuptext {
    margin-left: -215px;

  }
  .popup .popuptext::after{
    left: 75%;
  }
}
@media screen and (max-width:850px){
  .formGround{
    background: transparent;
  }
}
@media screen and (max-width:580px){
  .fgr1::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 3;
  }
  .subBtn1 {
    padding:  7px 47px;
  }
  .sixth-h4 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width:490px){
  .ms3{
    padding:0 10%;
  }
}
@media screen and (max-width:450px){
  .formGround{
      width: 87%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1000;
      padding: 0;
  }
  .footerPos{
    position: absolute;
    bottom: 0;
  }.backImg{
    height: auto!important;
  }
  .popup .popuptext {
    margin-left: -239px;
    font-size: .9rem;
    width: 250px;
  }
  .popup .popuptext::after{
    left: 96%;
  }
  .seventh-col{
    padding: 2rem 0 0rem;
  }
  .seventh-col2{
    padding: 5rem 0 0rem;
  }
}
#dropdownMenu2{
  box-shadow: none;
  padding: 3px;
}
#dropdownMenu3{
  box-shadow: none;
  padding: 3px;
}
.bgs:hover{
  background-color: black!important;
}
@media screen and (max-width:991px){
  #menuDrop{
    left: 58%!important;
    transform: translate(-58%, 0)!important;
  }
  #menuDrop2{
    left: 58%!important;
    transform: translate(-58%, 0)!important;
  }
}