@charset "UTF-8";
@import "../css/bootstrap.min.css";
@import "../css/font-awesome.min.css";
@import "../css/style.min.css";
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(https://fonts.googleapis.com/css?family=Sacramento);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Quicksand:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:wght@500&display=swap");
:root {
  --main-color-primary_tastyboom: #ff5200;
  --main-color-secundary_tastyboom: #ff7433;
  --main-color-tertiary_tastyboom: #ffa880;
  --main-color-rgba_tastyboom: 255,82,0;
  --main-color-primary_tastyboom_cl: #e00918;
  --main-color-secundary_tastyboom_cl: #e0203c;
  --main-color-tertiary_tastyboom_cl: #e2465c;
  --main-color-rgba_tastyboom_cl: 224,9,24;
  --main-color-primary_black: #000000;
  --main-color-secundary_black: #252525;
  --main-color-tertiary_black: #4d4d4d;
  --main-color-rgba_black: 0,0,0;
  --main-color-primary_blue: #36a0da;
  --main-color-secundary_blue: #66B7E2;
  --main-color-tertiary_blue: #94cceb;
  --main-color-rgba_blue: 54,160,218;
  --main-color-primary_brown: #AB8B64;
  --main-color-secundary_brown: #987852;
  --main-color-tertiary_brown: #b89c7a;
  --main-color-rgba_brown: 171,139,100;
  --main-color-primary_brown_v2: #824328;
  --main-color-secundary_brown_v2: #A36145;
  --main-color-tertiary_brown_v2: #BF8369;
  --main-color-rgba_brown_v2: 130,67,40;
  --main-color-primary_darkblue: #146794;
  --main-color-secundary_darkblue: #1980B6;
  --main-color-tertiary_darkblue: #35a6e3;
  --main-color-rgba_darkblue: 20,103,148;
  --main-color-primary_darkgreen: #9DB667;
  --main-color-secundary_darkgreen: #89a550;
  --main-color-tertiary_darkgreen: #a5bd75;
  --main-color-rgba_darkgreen: 157,182,103;
  --main-color-primary_darkgreen_v2: #006738;
  --main-color-secundary_darkgreen_v2: #2D885F;
  --main-color-tertiary_darkgreen_v2: #68B894;
  --main-color-rgba_darkgreen_v2: 0,103,56;
  --main-color-primary_green: #8ab933;
  --main-color-secundary_green: #a0ce4b;
  --main-color-tertiary_green: #c0de87;
  --main-color-rgba_green: 138,185,51;
  --main-color-primary_lightgrey: #9E9E9E;
  --main-color-secundary_lightgrey: #b3b3b3;
  --main-color-tertiary_lightgrey: #d9d9d9;
  --main-color-rgba_lightgrey: 158,158,158;
  --main-color-primary_orange: #ed5434;
  --main-color-secundary_orange: #F07057;
  --main-color-tertiary_orange: #f59c8a;
  --main-color-rgba_orange: 158,158,158;
  --main-color-primary_pink: #f52151;
  --main-color-secundary_pink: #F73F69;
  --main-color-tertiary_pink: #fa85a0;
  --main-color-rgba_pink: 245,33,81;
  --main-color-primary_red: #A94545;
  --main-color-secundary_red: #AD5251;
  --main-color-tertiary_red: #c68786;
  --main-color-rgba_red: 169,69,69;
  --main-color-primary_red_v2: #e13737;
  --main-color-secundary_red_v2: #e86464;
  --main-color-tertiary_red_v2: #ee9090;
  --main-color-rgba_red_v2: 225,55,55;
  --main-color-primary_white_orange: #d1520b;
  --main-color-secundary_white_orange: #E48046;
  --main-color-tertiary_white_orange: #eca379;
  --main-color-rgba_white_orange: 209,82,11;
  --main-color-primary_white_red: #e9031a;
  --main-color-secundary_white_red: #fc1d33;
  --main-color-tertiary_white_red: #FA5E6E;
  --main-color-rgba_white_red: 233,3,26;
  --main-color-primary_white_red_v2: #e2031a;
  --main-color-secundary_white_red_v2: #fb041d;
  --main-color-tertiary_white_red_v2: #fc4f60;
  --main-color-rgba_white_red_v2: 226,3,26;
  --main-color-primary_winesh: #7B1010;
  --main-color-secundary_winesh: #440505;
  --main-color-tertiary_winesh: #b51717;
  --main-color-rgba_winesh: 123,16,16;
  --main-color-primary_yellow: #db9b15;
  --main-color-secundary_yellow: #EAA824;
  --main-color-tertiary_yellow: #efbe5d;
  --main-color-rgba_yellow: 219,155,21;
  --main-color-primary_royal_blue: #3514c0;
  --main-color-secundary_royal_blue: #3714d1;
  --main-color-tertiary_royal_blue: #3d16e3;
  --main-color-rgba_royal_blue: 53,20,192;
  --main-color-primary_lightpink: #ef779b;
  --main-color-secundary_lightpink: #fe9abe;
  --main-color-tertiary_lightpink: #febad6;
  --main-color-rgba_lightpink: 239,119,155;
  --main-color-primary_extralightpink: #febad6;
  --main-color-secundary_extralightpink: #fe9abe;
  --main-color-tertiary_extralightpink: #ef779b;
  --main-color-rgba_extralightpink: 254,186,214;
  --main-color-primary_extradarkblue: #13006b;
  --main-color-secundary_extradarkblue: #2e169b;
  --main-color-tertiary_extradarkblue: #090033;
  --main-color-rgba_extradarkblue: 19,0,107;
  --main-color-primary: transparent;
  --main-color-secundary: transparent;
  --main-color-tertiary: transparent;
  --main-color-rgba: transparent;
}

/*
Buttons
*/
.btn {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 4px !important;
  cursor: pointer;
  font-weight: normal;
  letter-spacing: 0rem;
  font-size: 0.9rem;
  padding: 13px 25px 13px !important;
  text-transform: uppercase;
}
.btn i {
  display: inline-block;
  margin-right: 8px;
}
.btn.btn-rounded {
  border-radius: 100px;
}
.btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  transition: all 0.3s;
  border-radius: 0px;
}
.btn:hover, .btn:focus {
  box-shadow: none;
  outline: 0 !important;
}
.btn:hover:before, .btn:focus:before {
  transition: all 0.3s;
  z-index: -1;
}
.btn.btn-link {
  border: 0px;
  padding: 0px !important;
  color: var(--main-color-primary);
  text-transform: capitalize;
}
.btn.btn-link:after {
  font-family: "FontAwesome";
  content: "";
  margin-left: 5px;
  font-size: 12px;
}
.btn.btn-link:hover, .btn.btn-link:focus {
  text-decoration: none;
  color: #999;
}

a.btn:hover, a.btn:focus, a.btn:active, a.btn:visited {
  opacity: unset !important;
}

.btn-white {
  background-color: #fff;
  color: #333;
}
.btn-white:active {
  background-color: #fff;
  color: #333;
}
.btn-white:active svg path {
  fill: #333;
}
.btn-white svg path {
  fill: #333;
}

.btn-white-outline {
  border: 1px solid #fff !important;
  background-color: transparent;
  color: #fff;
  font-weight: bolder !important;
}
.btn-white-outline:active {
  background-color: transparent;
  color: #fff;
}
.btn-white-outline:active svg path {
  fill: #fff;
}
.btn-white-outline:hover, .btn-white-outline:focus {
  background-color: transparent;
  color: var(--main-color-primary);
  border-color: var(--main-color-primary);
}
.btn-white-outline:hover:before, .btn-white-outline:focus:before {
  width: 100%;
  background-color: #fff;
}
.btn-white-outline:hover svg path, .btn-white-outline:focus svg path {
  fill: var(--main-color-primary);
}
.btn-white-outline svg path {
  fill: #fff;
}

.btn-black-outline {
  border: 1px solid #000 !important;
  background-color: transparent;
  color: #000 !important;
  font-weight: bolder !important;
}
.btn-black-outline:active {
  color: #000;
  background-color: transparent;
}
.btn-black-outline:active svg path {
  fill: #000;
}
.btn-black-outline:hover, .btn-black-outline:focus {
  background-color: transparent;
  color: #fff !important;
  border-color: #fff;
}
.btn-black-outline svg path {
  fill: #000;
}

.btn-primary-outline {
  border: 1px solid var(--main-color-primary) !important;
  background-color: var(--main-color-primary);
  color: #fff;
  font-weight: bolder !important;
}
.btn-primary-outline:active {
  color: var(--main-color-primary);
  background-color: transparent;
}
.btn-primary-outline:active svg path {
  fill: var(--main-color-primary);
}
.btn-primary-outline:hover, .btn-primary-outline:focus {
  background-color: transparent;
  color: var(--main-color-primary) !important;
  border-color: var(--main-color-primary);
  background-color: transparent;
}
.btn-primary-outline:hover svg path, .btn-primary-outline:focus svg path {
  fill: #fff;
}
.btn-primary-outline svg path {
  fill: #fff;
}

.btn-outline-primary {
  border: 1px solid var(--main-color-primary) !important;
  background-color: transparent;
  color: var(--main-color-primary);
  font-weight: bolder !important;
}
.btn-outline-primary:active {
  color: var(--main-color-primary);
  background-color: transparent;
}
.btn-outline-primary:active svg path {
  fill: var(--main-color-primary);
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  background-color: transparent;
  color: #fff !important;
  border-color: var(--main-color-primary);
  background-color: transparent;
}
.btn-outline-primary:hover:before, .btn-outline-primary:focus:before {
  width: 100%;
  background-color: var(--main-color-primary);
}
.btn-outline-primary:hover svg path, .btn-outline-primary:focus svg path {
  fill: #fff;
}
.btn-outline-primary svg path {
  fill: var(--main-color-primary);
}

.btn-outline-info {
  border: 1px solid #5bc0de !important;
  background-color: transparent;
  color: #5bc0de;
  font-weight: bolder !important;
}
.btn-outline-info:active {
  color: #5bc0de;
  background-color: transparent;
}
.btn-outline-info:active svg path {
  fill: #5bc0de;
}
.btn-outline-info:hover, .btn-outline-info:focus {
  color: #fff;
  border-color: #5bc0de;
  background-color: transparent;
}
.btn-outline-info:hover:before, .btn-outline-info:focus:before {
  width: 100%;
  background-color: #5bc0de;
}
.btn-outline-info svg path {
  fill: #5bc0de;
}

.btn-outline-success {
  border: 1px solid #5cb85c !important;
  background-color: transparent;
  color: #5cb85c;
  font-weight: bolder !important;
}
.btn-outline-success:active {
  color: #5cb85c;
  background-color: transparent;
}
.btn-outline-success:active svg path {
  fill: #5cb85c;
}
.btn-outline-success:hover, .btn-outline-success:focus {
  color: #fff;
  border-color: #5cb85c;
  background-color: transparent;
}
.btn-outline-success:hover:before, .btn-outline-success:focus:before {
  width: 100%;
  background-color: #5cb85c;
}
.btn-outline-success svg path {
  fill: #5cb85c;
}

.btn-outline-danger {
  border: 1px solid #c9302c !important;
  background-color: transparent;
  color: #c9302c;
  font-weight: bolder !important;
}
.btn-outline-danger:active {
  color: #c9302c;
  background-color: transparent;
}
.btn-outline-danger:active svg path {
  fill: #c9302c;
}
.btn-outline-danger:hover, .btn-outline-danger:focus {
  color: #fff;
  border-color: #c9302c;
  background-color: transparent;
}
.btn-outline-danger:hover:before, .btn-outline-danger:focus:before {
  width: 100%;
  background-color: #c9302c;
}
.btn-outline-danger svg path {
  fill: #c9302c;
}

.btn-outline-warning {
  border: 1px solid #f0ad4e !important;
  background-color: transparent;
  color: #f0ad4e;
  font-weight: bolder !important;
}
.btn-outline-warning:active {
  color: #f0ad4e;
  background-color: transparent;
}
.btn-outline-warning:active svg path {
  fill: #f0ad4e;
}
.btn-outline-warning:hover, .btn-outline-warning:focus {
  color: #fff;
  border-color: #f0ad4e;
  background-color: transparent;
}
.btn-outline-warning:hover:before, .btn-outline-warning:focus:before {
  width: 100%;
  background-color: #f0ad4e;
}
.btn-outline-warning svg path {
  fill: #f0ad4e;
}

.btn-outline-secondary {
  border: 1px solid #ccc !important;
  background-color: transparent;
  color: #ccc;
  font-weight: bolder !important;
}
.btn-outline-secondary:active {
  color: #ccc;
  background-color: transparent;
}
.btn-outline-secondary:active svg path {
  fill: #ccc;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
  color: #fff;
  border-color: #ccc;
  background-color: transparent;
}
.btn-outline-secondary:hover:before, .btn-outline-secondary:focus:before {
  width: 100%;
  background-color: #ccc;
}
.btn-outline-secondary svg path {
  fill: #ccc;
}

.theme-btn-dash {
  border: 1px dashed var(--main-color-primary);
  background-color: transparent;
  color: #fff;
}
.theme-btn-dash:active {
  color: #fff;
  background-color: transparent;
}
.theme-btn-dash:active svg path {
  fill: #fff;
}
.theme-btn-dash:hover, .theme-btn-dash:focus {
  background-color: var(--main-color-primary);
  border: 1px dashed var(--main-color-primary);
  color: #fff !important;
}
.theme-btn-dash svg path {
  fill: #fff;
}

/**fill buttons**/
.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info, .btn-secondary, .theme-btn {
  box-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.18);
  border: 0px;
}
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus, .btn-warning:hover, .btn-warning:focus, .btn-danger:hover, .btn-danger:focus, .btn-info:hover, .btn-info:focus, .btn-secondary:hover, .btn-secondary:focus, .theme-btn:hover, .theme-btn:focus {
  border: 0px;
  box-shadow: 0 0.05em 1em rgba(0, 0, 0, 0.18);
}

.btn-secondary {
  background: #f5f5f5;
  box-shadow: none;
}
.btn-secondary:hover, .btn-secondary:focus {
  border: 0px;
  color: #333;
  box-shadow: none;
}

.btn-cancel {
  background: #eee;
  color: var(--main-color-primary);
}
.btn-cancel:active {
  color: var(--main-color-primary);
}
.btn-cancel:active svg path {
  fill: var(--main-color-primary);
}
.btn-cancel:hover, .btn-cancel:focus {
  background: #eee;
  color: var(--main-color-primary);
}
.btn-cancel svg path {
  fill: var(--main-color-primary);
}

.btn-submit {
  background: #fff !important;
  color: var(--main-color-primary);
  border: 1px var(--main-color-primary) solid !important;
}
.btn-submit:active {
  color: var(--main-color-primary);
}
.btn-submit:active svg path {
  fill: var(--main-color-primary);
}
.btn-submit:hover, .btn-submit:focus {
  background: var(--main-color-primary) !important;
  color: #fff !important;
}
.btn-submit svg path {
  fill: var(--main-color-primary);
}

.btn-primary, .theme-btn {
  background: var(--main-color-primary) !important;
  border: 1px var(--main-color-primary) solid !important;
  color: #fff !important;
}
.btn-primary:active, .theme-btn:active {
  color: #fff;
}
.btn-primary:active svg path, .theme-btn:active svg path {
  fill: #fff;
}
.btn-primary:hover, .btn-primary:focus, .theme-btn:hover, .theme-btn:focus {
  background: #fff !important;
  color: var(--main-color-primary) !important;
}
.btn-primary svg path, .theme-btn svg path {
  fill: #fff;
}

.btn-primary-secondary {
  background: var(--main-color-primary) !important;
  border: 1px var(--main-color-primary) solid !important;
  color: #fff !important;
}
.btn-primary-secondary:active {
  color: #fff;
}
.btn-primary-secondary:active svg path {
  fill: #fff;
}
.btn-primary-secondary:hover, .btn-primary-secondary:focus {
  background: var(--main-color-secundary) !important;
  border: 1px var(--main-color-secundary) solid !important;
}
.btn-primary-secondary svg path {
  fill: #fff;
}

.btn-primary-primary {
  background: var(--main-color-primary) !important;
  border: 1px var(--main-color-primary) solid !important;
  color: #fff !important;
}
.btn-primary-primary:active {
  color: #fff;
}
.btn-primary-primary:active svg path {
  fill: #fff;
}
.btn-primary-primary svg path {
  fill: #fff;
}

.btn-secundary-secundary {
  background: var(--main-color-secundary) !important;
  border: 1px var(--main-color-secundary) solid !important;
  color: #fff !important;
}
.btn-secundary-secundary:active {
  color: #fff;
}
.btn-secundary-secundary:active svg path {
  fill: #fff;
}
.btn-secundary-secundary svg path {
  fill: #fff;
}

.btn-tertiary-tertiary {
  background: var(--main-color-tertiary) !important;
  border: 1px var(--main-color-tertiary) solid !important;
  color: #fff !important;
}
.btn-tertiary-tertiary:active {
  color: #fff;
}
.btn-tertiary-tertiary:active svg path {
  fill: #fff;
}
.btn-tertiary-tertiary svg path {
  fill: #fff;
}

.btn-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
}
.btn-circle i {
  display: block;
  line-height: 80px;
  margin: 0 auto;
  font-size: 35px;
}
.btn-circle .btn-primary i,
.btn-circle .btn-success i,
.btn-circle .btn-warning i,
.btn-circle .btn-danger i,
.btn-circle .btn-info i {
  color: #fff;
}

.icon-sm-rounded {
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block !important;
  text-align: center;
  border-radius: 50%;
  background: var(--main-color-primary);
  color: #fff;
}

.social-icon {
  margin: 0 5px 5px 0;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px !important;
  color: #555;
  text-shadow: none;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  float: left;
  text-align: center;
  border: 1px solid #AAA;
}
.social-icon:hover {
  border-color: transparent;
}
.social-icon:hover i:first-child {
  margin-top: -40px;
}
.social-icon i {
  display: block;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 40px;
  position: relative;
}
.social-icon i:last-child {
  color: #FFF !important;
}

.social-icon-lg {
  margin: 0 5px 5px 0;
  width: 60px;
  height: 60px;
  font-size: 30px;
  line-height: 60px !important;
  color: #555;
  text-shadow: none;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  float: left;
  text-align: center;
  border: 1px solid #AAA;
}
.social-icon-lg:hover {
  border-color: transparent;
}
.social-icon-lg:hover i:first-child {
  margin-top: -60px;
}
.social-icon-lg i {
  display: block;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 60px;
  position: relative;
}
.social-icon-lg i:last-child {
  color: #FFF !important;
}

.social-icon-sm {
  margin: 0 5px 5px 0;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 30px !important;
  color: #555;
  text-shadow: none;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  float: left;
  text-align: center;
  border: 1px solid #AAA;
}
.social-icon-sm:hover {
  border-color: transparent;
}
.social-icon-sm:hover i:first-child {
  margin-top: -30px;
}
.social-icon-sm i {
  display: block;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 30px;
  position: relative;
}
.social-icon-sm i:last-child {
  color: #FFF !important;
}

.si-border {
  border: 1px solid #AAA !important;
}

.si-border-round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.si-dark-round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.si-gray-round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.si-gray {
  background: #f3f3f3;
  border: 0px;
}

.si-dark {
  background-color: #333;
  border: 0px !important;
  color: #fff !important;
}

.si-colored-facebook, .si-facebook:hover {
  background-color: #3B5998 !important;
}

.si-colored-twitter, .si-twitter:hover {
  background-color: #00ACEE !important;
}

.si-colored-google-plus, .si-g-plus:hover {
  background-color: #DD4B39 !important;
}

.si-colored-skype, .si-skype:hover {
  background-color: #00AFF0 !important;
}

.si-linkedin:hover, .si-colored-linkedin {
  background-color: #0E76A8 !important;
}

.si-pin:hover, .si-colored-pinterest {
  background-color: #C8232C !important;
}

.si-rss:hover, .si-colored-rss {
  background-color: #EE802F !important;
}

.si-pinterest:hover, .si-colored-pinterest {
  background-color: #C8232C !important;
}

.si-tumblr:hover, .si-colored-tumblr {
  background-color: #34526F !important;
}

.si-vimeo:hover, .si-colored-vimeo {
  background-color: #86C9EF !important;
}

.si-digg:hover, .si-colored-digg {
  background-color: #191919 !important;
}

.si-instagram:hover, .si-colored-instagram {
  background-color: #3F729B !important;
}

.si-flickr:hover, .si-colored-flickr {
  background-color: #FF0084 !important;
}

.si-paypal:hover, .si-colored-paypal {
  background-color: #00588B !important;
}

.si-yahoo:hover, .si-colored-yahoo {
  background-color: #720E9E !important;
}

.si-android:hover, .si-colored-andriod {
  background-color: #A4C639 !important;
}

.si-appstore:hover, .si-colored-apple {
  background-color: #000 !important;
}

.si-dropbox:hover {
  background-color: #3D9AE8 !important;
}

.si-dribbble:hover, .si-colored-dribbble {
  background-color: #EA4C89 !important;
}

.si-soundcloud:hover, .si-colored-soundcoloud {
  background-color: #F70 !important;
}

.si-xing:hover, .si-colored-xing {
  background-color: #126567 !important;
}

.si-phone:hover, .si-colored-phone {
  background-color: #444 !important;
}

.si-behance:hover, .si-colored-behance {
  background-color: #053eff !important;
}

.si-github:hover, .si-colored-github {
  background-color: #171515 !important;
}

.si-stumbleupon:hover, .si-colored-stumbleupon {
  background-color: #F74425 !important;
}

.si-email:hover, .si-colored-email {
  background-color: #6567A5 !important;
}

.si-wordpress:hover, .si-colored-wordpress {
  background-color: #1E8CBE !important;
}

/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: var(--main-color-primary) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #871a1a !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: var(--main-color-primary) !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: var(--main-color-primary) !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #871a1a !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #545b62 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/*
@import "root";
@import "reboot";
@import "type";
@import "images";
@import "code";
@import "grid";
@import "tables";
@import "forms";
@import "buttons";
@import "transitions";
@import "dropdown";
@import "button-group";
@import "input-group";
@import "custom-forms";
@import "nav";
@import "navbar";
@import "card";
@import "breadcrumb";
@import "pagination";
@import "badge";
@import "jumbotron";
@import "alert";
@import "progress";
@import "media";
@import "list-group";
@import "close";
@import "modal";
@import "tooltip";
@import "popover";
@import "carousel";
@import "utilities";
@import "print";
*/
body.backrepeat {
  background-image: url("../../img/base/background-repeat.jpg");
  background-repeat: repeat;
}

body.backmax {
  background-image: url("../../img/base/background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 767.98px) {
  body.backmax {
    background-size: auto 100vh !important;
  }
}

body.backcolor {
  background-image: none !important;
  background-color: #fff;
}

body {
  font-family: "Quicksand", Open Sans;
  color: #545555;
  background: unset;
}
body.slider-notext #app section.home-section-name {
  position: absolute !important;
  top: calc(100vh - 75%);
  background: none !important;
  width: 100% !important;
  border-bottom: 0 !important;
}
body.slider-notext #app section.home-section-name .container {
  display: grid;
  justify-content: center;
}
body.slider-notext #app section.home-section-name .container h1 {
  font-size: 48px !important;
  line-height: 48px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 15px 0 !important;
  color: #fff !important;
  text-shadow: 0.8px 0.5px #000 !important;
}
body.slider-notext #app section.home-section-name .container .logo-content .logo-row {
  width: 250px;
  height: 150px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 0;
  border-radius: 5px;
}
body.slider-notext #app section.home-section-name .container .logo-content,
body.slider-notext #app section.home-section-name .container .btn-content {
  display: flex;
  justify-content: center;
}
body.slider-notext #app section.home-section-name .container a.btn {
  padding: 13px !important;
  min-width: 177px;
  margin: 2.5px !important;
}
body.slider-notext #app section.home-section-name .container a.btn.btn-outline-primary {
  border: 2px solid #fff !important;
  background-color: transparent;
  color: #fff;
  font-weight: normal !important;
  text-shadow: 0.6px 0.5px #000;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
}
body.slider-notext #app section.home-section-name .container a.btn.btn-outline-primary:hover, body.slider-notext #app section.home-section-name .container a.btn.btn-outline-primary:focus {
  color: #fff !important;
  border-color: var(--main-color-primary) !important;
  background-color: transparent;
}
body.slider-notext #app section.home-section-name .container a.btn.btn-outline-primary:hover:before, body.slider-notext #app section.home-section-name .container a.btn.btn-outline-primary:focus:before {
  width: 100%;
  background-color: var(--main-color-primary);
}
@media (max-width: 767.98px) {
  body.slider-notext #app section.home-section-name {
    top: calc(calc(100vh - 65%) - 66px) !important;
  }
  body.slider-notext #app section.home-section-name .container h3 {
    font-size: 41px !important;
    line-height: 44px !important;
  }
  body.slider-notext #app section.home-section-name .container h1 {
    font-size: 41px !important;
    line-height: 38px !important;
  }
}
@media (max-width: 767.98px) and (max-height: 575px) {
  body.slider-notext #app section.home-section-name {
    top: calc(calc(100vh - 68%) - 66px) !important;
  }
}
@media (max-width: 575.98px) {
  body.slider-notext #app section.home-section-name .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  body.slider-notext #app section.home-section-name .container h1, body.slider-notext #app section.home-section-name .container h3 {
    padding: 0 5px !important;
  }
}
@media (max-width: 380.98px) {
  body.slider-notext #app section.home-section-name .container .btn-content {
    display: inline-block !important;
  }
  body.slider-notext #app section.home-section-name .container .btn-content a.btn {
    padding: 8px !important;
  }
}
body.slider-notext #app section.slider-body {
  background: unset;
}
body.slider-notext #app section.slider-body .hero-content-text .hero-inner .container {
  display: none;
}
body a {
  color: var(--main-color-primary);
}
body #app p {
  text-transform: initial;
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
body #app p::first-letter {
  text-transform: uppercase;
}
body #app a {
  color: var(--main-color-primary);
}
body #app .hero .banner-form .btn {
  padding: 20px 30px !important;
  font-size: 1.2rem;
}
body #app header {
  z-index: 999;
}
body #app header.menu-main-top {
  top: 0px;
}
body #app header .cart-icon-content {
  position: relative;
}
body #app header .cart-icon-content svg {
  position: relative !important;
  top: 8px !important;
  width: 25px !important;
  height: 25px !important;
}
body #app header .cart-icon-content .count-label {
  background-color: var(--main-color-primary);
  position: absolute;
  top: -3px;
  right: -13px;
  min-width: 18px;
  width: auto;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
@media (max-width: 991.98px) {
  body #app header .cart-icon-content .count-label {
    top: 5px !important;
  }
}
body #app header nav {
  padding: 0 15px 0;
}
@media (min-width: 992px) {
  body #app header nav {
    height: 70px;
  }
  body #app header nav .nav-item {
    left: -30px;
  }
  body #app header nav .nav-item.item-logo-web .nav-link:hover, body #app header nav .nav-item.language-link .nav-link:hover, body #app header nav .nav-item.menu-login .nav-link:hover, body #app header nav .nav-item.cart-icon-content .nav-link:hover {
    border-bottom: 0 !important;
  }
  body #app header nav .nav-item .nav-link.active, body #app header nav .nav-item .nav-link:hover {
    border-bottom: 1px solid var(--main-color-primary) !important;
  }
}
@media (max-width: 991.98px) {
  body #app header nav {
    padding: 0 !important;
    line-height: 40px !important;
    height: 66px !important;
  }
}
body #app header nav .container {
  position: relative;
  max-width: 100%;
  width: 100%;
}
body #app header nav a:hover {
  opacity: unset !important;
}
body #app header nav .navbar-logo {
  margin-top: 10px;
}
body #app header nav .navbar-logo img {
  width: auto;
  max-height: 39px;
}
@media (max-width: 991.98px) {
  body #app header nav .navbar-logo img {
    max-height: 35px !important;
  }
}
body #app header nav .navbar-logo, body #app header nav .item-logo-web a {
  opacity: unset !important;
}
body #app header nav .navbar-brand {
  padding: 0;
}
body #app header nav .navbar-brand.navbar-address {
  margin-right: 10px !important;
}
body #app header nav .navbar-brand.navbar-phone {
  margin-right: 40px !important;
}
body #app header nav .navbar-brand.navbar-phone, body #app header nav .navbar-brand.navbar-address {
  margin-top: 5px;
}
@media (max-width: 991.98px) {
  body #app header nav .navbar-brand.navbar-phone, body #app header nav .navbar-brand.navbar-address {
    display: none !important;
  }
}
body #app header nav .item-logo-web {
  margin: 5px 5px 0 0 !important;
  width: 110px;
  left: -40px;
}
body #app header nav .item-logo-web img {
  max-height: 70px;
  width: 110px;
}
body #app header nav .nav-item {
  position: relative;
}
body #app header nav .nav-item a.nav-link {
  color: #fff;
}
body #app header nav .nav-item a.nav-link:focus, body #app header nav .nav-item a.nav-link:hover {
  color: var(--main-color-primary);
  opacity: 0.5;
}
body #app header nav .row-content-phone {
  display: flex;
}
@media (min-width: 992px) {
  body #app header nav .row-content-phone {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  body #app header nav .row-content-phone {
    justify-content: center !important;
    -webkit-justify-content: center !important;
    -moz-justify-content: center !important;
    -ms-justify-content: center !important;
    -o-justify-content: center !important;
  }
  body #app header nav .row-content-phone .menu-user-lang {
    line-height: 40px !important;
    right: 10px !important;
  }
  body #app header nav .row-content-phone .menu-user-lang ul li a {
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
  }
  body #app header nav .row-content-phone .menu-user-lang ul li.language-link, body #app header nav .row-content-phone .menu-user-lang ul li.menu-login {
    display: none !important;
  }
  body #app header nav .row-content-phone button.navbar-toggler, body #app header nav .row-content-phone .menu-user-lang {
    position: absolute !important;
    top: 10px !important;
  }
  body #app header nav .row-content-phone button.navbar-toggler {
    left: 0 !important;
    width: 40px;
  }
  body #app header nav .row-content-phone li.menu-login,
body #app header nav .row-content-phone li.language-link,
body #app header nav .row-content-phone li.cart-icon-content {
    display: inline-block !important;
    -webkit-display: inline-block !important;
    -moz-display: inline-block !important;
    -ms-display: inline-block !important;
    -o-display: inline-block !important;
  }
  body #app header nav .row-content-phone li.menu-login a,
body #app header nav .row-content-phone li.language-link a,
body #app header nav .row-content-phone li.cart-icon-content a {
    color: var(--main-color-primary);
  }
  body #app header nav .row-content-phone ul.lang-icon-content,
body #app header nav .row-content-phone span.cart-icon-content {
    display: none !important;
  }
}
body #app header nav .row-content-phone button.navbar-toggler:hover {
  border-color: #fff;
  cursor: pointer;
}
body #app header nav .row-menu-option #mainNavbarCollapse {
  display: block;
  -webkit-display: block;
  -moz-display: block;
  -ms-display: block;
  -o-display: block;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li.li-reoder i {
  font-size: 16px;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li i {
  color: var(--main-color-primary) !important;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li i.icon-home {
  font-size: 17px !important;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li i.icon-order {
  font-size: 14px !important;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li i.icon-photos {
  font-size: 15px !important;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li i.icon-info {
  font-size: 16px !important;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li a {
  letter-spacing: 0.4px !important;
  text-transform: capitalize !important;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link .dropdown-menu {
  border: 0;
  padding-left: 0;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link .dropdown-menu .dropdown-item {
  padding-left: 20px !important;
}
@media (min-width: 992px) {
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.login-link {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.login-link a .img-avatar {
    width: 18px;
    border-radius: 4px;
    margin-right: 8px;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.login-link .dropdown-menu {
    display: block !important;
  }
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li.login-link .dropdown-menu {
  border: 0;
  padding-left: 20px;
}
body #app header nav .row-menu-option #mainNavbarCollapse ul li.login-link .dropdown-menu .dropdown-item {
  padding-top: 0 !important;
}
body #app header nav .row-menu-option #mainNavbarCollapse .rating-rating {
  display: none;
}
@media (min-width: 992px) {
  body #app header nav .row-menu-option #mainNavbarCollapse ul {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul.options-socials-red {
    display: none;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li {
    margin: 0 6px;
    padding: 0;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.cart-icon-content i, body #app header nav .row-menu-option #mainNavbarCollapse ul li.cart-icon-content svg, body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link i, body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link svg, body #app header nav .row-menu-option #mainNavbarCollapse ul li.menu-login i, body #app header nav .row-menu-option #mainNavbarCollapse ul li.menu-login svg {
    display: inline-block;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.cart-icon-content i, body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link i, body #app header nav .row-menu-option #mainNavbarCollapse ul li.menu-login i {
    color: var(--main-color-primary) !important;
    margin: 11px 0 0 0 !important;
    font-size: 17px;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.cart-icon-content svg path, body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link svg path, body #app header nav .row-menu-option #mainNavbarCollapse ul li.menu-login svg path {
    fill: var(--main-color-primary) !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.cart-icon-content a, body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link a, body #app header nav .row-menu-option #mainNavbarCollapse ul li.menu-login a {
    color: var(--main-color-primary) !important;
    text-transform: uppercase !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link a {
    padding-top: 23px !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.language-link a i {
    position: relative;
    top: 1px;
    margin-top: 0 !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.cart-icon-content a i {
    position: relative;
    top: 2px;
    font-size: 20px;
    margin: 0 !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.cart-icon-content .count-label {
    top: 13px;
    line-height: 11px;
    padding: 4px 3px 0;
    color: #fff !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.menu-login a.active:after {
    top: 13px;
    right: -7px;
    padding: 0 !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.item-logo-web a {
    padding: 0 !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li.cart-icon-content a, body #app header nav .row-menu-option #mainNavbarCollapse ul li.menu-login a {
    padding-top: 13px !important;
    line-height: 40px !important;
  }
  body #app header nav .row-menu-option #mainNavbarCollapse ul li a {
    font-weight: 700 !important;
    font-size: 13px !important;
    padding-top: 27px !important;
    line-height: 13px !important;
    text-align: center;
  }
}
body #app header nav.nav-sticky-top #mainNavbarCollapse ul .item-logo-web img {
  display: initial;
}
body #app header nav.nav-sticky, body #app header nav.nav-sticky-top {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(0, 0, 0, 0.8) 0 0 6px;
  border-bottom: 2px solid var(--main-color-primary);
}
body #app header nav.nav-sticky .menu-login .navbar-toggler.active, body #app header nav.nav-sticky .menu-login a.active, body #app header nav.nav-sticky-top .menu-login .navbar-toggler.active, body #app header nav.nav-sticky-top .menu-login a.active {
  border-bottom: 0 !important;
}
body #app header nav.nav-sticky .menu-login .navbar-toggler.active:after, body #app header nav.nav-sticky .menu-login a.active:after, body #app header nav.nav-sticky-top .menu-login .navbar-toggler.active:after, body #app header nav.nav-sticky-top .menu-login a.active:after {
  font: normal normal normal 11px/15px FontAwesome !important;
  width: 17px !important;
  height: 17px !important;
  text-align: center;
}
body #app header nav.nav-sticky .menu-login .navbar-toggler svg, body #app header nav.nav-sticky .menu-login a svg, body #app header nav.nav-sticky-top .menu-login .navbar-toggler svg, body #app header nav.nav-sticky-top .menu-login a svg {
  top: 8px;
  width: 25px !important;
  max-width: unset !important;
  height: 25px !important;
}
body #app header nav.nav-sticky .menu-login .navbar-toggler svg path, body #app header nav.nav-sticky .menu-login a svg path, body #app header nav.nav-sticky-top .menu-login .navbar-toggler svg path, body #app header nav.nav-sticky-top .menu-login a svg path {
  fill: var(--main-color-primary);
}
body #app header nav.nav-sticky .menu-login .navbar-toggler .img-avatar, body #app header nav.nav-sticky .menu-login a .img-avatar, body #app header nav.nav-sticky-top .menu-login .navbar-toggler .img-avatar, body #app header nav.nav-sticky-top .menu-login a .img-avatar {
  max-height: 23px;
  border-radius: 4px;
}
@media (max-width: 991.98px) {
  body #app header nav.nav-sticky .menu-login .navbar-toggler .img-avatar, body #app header nav.nav-sticky .menu-login a .img-avatar, body #app header nav.nav-sticky-top .menu-login .navbar-toggler .img-avatar, body #app header nav.nav-sticky-top .menu-login a .img-avatar {
    margin-right: 5px;
  }
}
body #app header nav.nav-sticky #mainNavbarCollapse ul, body #app header nav.nav-sticky-top #mainNavbarCollapse ul {
  line-height: 40px;
}
@media (min-width: 992px) {
  body #app header nav.nav-sticky #mainNavbarCollapse ul li.language-link a.nav-link i, body #app header nav.nav-sticky #mainNavbarCollapse ul li.language-link a.nav-link svg, body #app header nav.nav-sticky #mainNavbarCollapse ul li.menu-login a.nav-link i, body #app header nav.nav-sticky #mainNavbarCollapse ul li.menu-login a.nav-link svg, body #app header nav.nav-sticky #mainNavbarCollapse ul li.cart-icon-content a.nav-link i, body #app header nav.nav-sticky #mainNavbarCollapse ul li.cart-icon-content a.nav-link svg, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li.language-link a.nav-link i, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li.language-link a.nav-link svg, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li.menu-login a.nav-link i, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li.menu-login a.nav-link svg, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li.cart-icon-content a.nav-link i, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li.cart-icon-content a.nav-link svg {
    display: inline-block !important;
  }
}
body #app header nav.nav-sticky #mainNavbarCollapse ul li span, body #app header nav.nav-sticky #mainNavbarCollapse ul li a, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li span, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li a {
  line-height: 40px;
  color: #575b5c !important;
  padding-top: 19px;
}
@media (min-width: 992px) {
  body #app header nav.nav-sticky #mainNavbarCollapse ul li a.nav-link i, body #app header nav.nav-sticky #mainNavbarCollapse ul li a.nav-link svg, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li a.nav-link i, body #app header nav.nav-sticky-top #mainNavbarCollapse ul li a.nav-link svg {
    display: none !important;
  }
}
body #app header nav.nav-sticky #mainNavbarCollapse .content-navbar-restoname, body #app header nav.nav-sticky-top #mainNavbarCollapse .content-navbar-restoname {
  display: none;
}
body #app header nav.nav-sticky #mainNavbarCollapse .content-navbar-toggler a.phone-navbar, body #app header nav.nav-sticky-top #mainNavbarCollapse .content-navbar-toggler a.phone-navbar {
  display: none;
}
body #app header nav.nav-sticky #mainNavbarCollapse .link-legal-privacy, body #app header nav.nav-sticky-top #mainNavbarCollapse .link-legal-privacy {
  display: none;
  padding: 0 25px;
  font-size: 14px;
}
@media (max-width: 991.98px) {
  body #app header nav.nav-sticky #mainNavbarCollapse .link-legal-privacy, body #app header nav.nav-sticky-top #mainNavbarCollapse .link-legal-privacy {
    display: block !important;
  }
}
body #app header nav.nav-sticky .menu-user-lang ul li a, body #app header nav.nav-sticky-top .menu-user-lang ul li a {
  color: var(--main-color-primary) !important;
}
body #app header nav.nav-sticky .menu-user-lang ul li.menu-login .navbar-toggler.active:after, body #app header nav.nav-sticky-top .menu-user-lang ul li.menu-login .navbar-toggler.active:after {
  top: 2px;
  right: -8px;
  padding-left: 2px;
}
body #app header nav.nav-sticky .row-content-phone, body #app header nav.nav-sticky-top .row-content-phone {
  height: 20px;
  border-bottom: 0 !important;
}
body #app header nav.nav-sticky .row-content-phone .navbar-phone, body #app header nav.nav-sticky .row-content-phone .navbar-address, body #app header nav.nav-sticky-top .row-content-phone .navbar-phone, body #app header nav.nav-sticky-top .row-content-phone .navbar-address {
  color: #575b5c !important;
}
body #app header nav.nav-sticky .row-content-phone button.navbar-toggler, body #app header nav.nav-sticky-top .row-content-phone button.navbar-toggler {
  color: #575b5c !important;
}
body #app header nav.nav-sticky .row-content-phone button.navbar-toggler:hover, body #app header nav.nav-sticky-top .row-content-phone button.navbar-toggler:hover {
  border-color: #575b5c;
}
body #app header nav .menu-user-lang ul {
  margin-bottom: 0;
}
body #app header nav .menu-user-lang ul li a {
  color: #fff !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link {
  padding-top: 10px;
  margin-right: 0 !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link.dispatch-empty a.navbar-toggler b {
  padding-right: 4px;
  min-width: 0 !important;
}
@media (min-width: 992px) {
  body #app header nav .menu-user-lang ul li.dispath-option-link {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  body #app header nav .menu-user-lang ul li.dispath-option-link a.navbar-toggler {
    height: 30px !important;
    line-height: 20px !important;
  }
}
@media (max-width: 575.98px) {
  body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu {
    padding-top: 0 !important;
  }
}
body #app header nav .menu-user-lang ul li.dispath-option-link a.navbar-toggler {
  height: 29px !important;
  padding: 4px !important;
  font-size: 9px !important;
  width: 114px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  color: var(--main-color-primary) !important;
  background: #fff;
}
body #app header nav .menu-user-lang ul li.dispath-option-link a.navbar-toggler:hover, body #app header nav .menu-user-lang ul li.dispath-option-link a.navbar-toggler:focus {
  color: #fff !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link a.navbar-toggler i {
  margin-right: 5px;
}
body #app header nav .menu-user-lang ul li.dispath-option-link a.navbar-toggler svg {
  position: relative;
  top: 4px;
  width: auto;
  height: 18px;
  max-width: unset;
}
body #app header nav .menu-user-lang ul li.dispath-option-link a.navbar-toggler svg path {
  fill: #575b5c;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu {
  width: 300px;
  padding: 20px 15px 0px;
  top: 40px;
}
@media (max-width: 991.98px) {
  body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu {
    width: max-content;
    -ms-justify-content: right;
    -o-justify-content: right;
    -webkit-justify-content: right;
    -moz-justify-content: right;
  }
}
@media (max-width: 575.98px) {
  body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu {
    position: fixed;
    right: 15px;
    top: 52px;
  }
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options {
  width: 250px;
}
@media (max-width: 575.98px) {
  body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options {
    width: calc(100vw - 60px) !important;
  }
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-section-street .dispatch-street {
  font-size: 14px;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-section-btn-continue {
  display: block !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-section-btn-continue .btn {
  color: #fff !important;
  width: 100% !important;
  position: relative !important;
  top: unset !important;
  left: unset !important;
  padding: 5px 20px !important;
  font-size: 14px;
  height: 36px;
  text-align: center;
  font-weight: 600;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-section-btn-continue .btn:hover, body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-section-btn-continue .btn:focus, body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-section-btn-continue .btn:active {
  color: var(--main-color-primary) !important;
  border: 2px solid var(--main-color-primary) !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn {
  border-color: var(--main-color-primary) !important;
  color: var(--main-color-primary);
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn:hover, body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn:focus {
  color: #fff !important;
  border-color: var(--main-color-primary);
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn:hover:before, body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn:focus:before {
  background-color: var(--main-color-primary);
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn:hover svg path, body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn:focus svg path {
  fill: #fff !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn.active {
  color: #fff !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn.active svg path {
  fill: #fff !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-dispatch-option .btn svg path {
  fill: var(--main-color-primary);
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-section-street .edit-address {
  color: var(--main-color-primary) !important;
}
body #app header nav .menu-user-lang ul li.dispath-option-link .dropdown-menu .content-form.dispatch-options .row-section-street .edit-address i {
  font-size: 22px !important;
}
body #app header nav .menu-user-lang .menu-btn {
  color: #fff;
  font-size: 1.25rem;
  padding: 4px 0;
}
@media (max-width: 991.98px) {
  body #app header nav .menu-user-lang {
    display: -webkit-inline-box !important;
  }
}
@media (max-width: 991.98px) {
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse {
    left: 0;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .content-navbar-toggler {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 380px;
    height: 67px;
    padding: 13px 25px;
    background-color: #fff;
    z-index: 9990;
    text-align: right;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .content-navbar-toggler a.phone-navbar {
    display: initial;
    cursor: pointer;
    float: left;
    width: 50px;
    height: 40px;
    border-radius: 2px;
    text-align: center;
    border: 1px solid var(--main-color-primary);
    padding: 4px 8px;
    color: var(--main-color-primary);
    line-height: 30px !important;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .content-navbar-toggler a.phone-navbar svg {
    position: relative;
    top: 2px;
    width: auto;
    max-width: 17px;
    height: 16px;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .content-navbar-toggler a.phone-navbar svg path {
    fill: var(--main-color-primary) !important;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .content-navbar-toggler button.navbar-toggler {
    cursor: pointer;
    color: var(--main-color-primary) !important;
    border-color: var(--main-color-primary);
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .content-navbar-restoname {
    display: initial;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .content-navbar-restoname p {
    margin: 1rem 25px;
    color: var(--main-color-primary);
    font-size: 20px;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .content-navbar-nav {
    height: 100%;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse ul li {
    padding: 0;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse ul li.cart-icon-content, body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse ul li.menu-login {
    display: none !important;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse ul li.language-link .dropdown-menu {
    margin: 0.125rem 0 0;
    font-size: 1rem;
    text-align: left;
    right: 0;
    left: auto;
    position: relative;
    float: none;
    background-color: transparent;
    padding-left: 20px;
    border: 0;
    border-radius: unset !important;
    box-shadow: unset;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse ul li.language-link .dropdown-menu .dropdown-item {
    font-family: "Quicksand", Open Sans !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.75px !important;
    line-height: 16px !important;
    padding-top: 10px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse ul li.language-link .dropdown-menu .dropdown-item:hover {
    background: unset !important;
    color: #545555 !important;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse ul li a {
    color: #545555 !important;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .rating-rating {
    display: block !important;
    margin: 25px 25px 0;
    padding: 15px 25px 25px;
    border: 1px solid #eee;
    border-radius: 6px;
    background: #fafafa;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .rating-rating p {
    margin: 0;
    font-size: 14px;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .rating-rating p.p-phone {
    font-weight: bold;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .rating-rating p.p-address {
    margin-top: 5px;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .rating-rating .rating-content {
    display: flex !important;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red {
    display: block !important;
    padding-top: 30px;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li {
    padding: 4px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 4px;
    line-height: 20px;
    display: inline-block;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li.navbar-phone, body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li.navbar-address {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 0 4px;
    margin-bottom: 0;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li.navbar-phone span, body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li.navbar-phone a, body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li.navbar-address span, body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li.navbar-address a {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    font-family: "Quicksand", Open Sans;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li a {
    border-bottom: 0;
    padding: 0;
  }
  body #app header nav.nav-sticky-top.open-menu-mobile #mainNavbarCollapse .options-socials-red li a:hover {
    background-color: unset !important;
  }
  body #app header nav .row-content-phone .navbar-phone {
    color: #fff !important;
  }
  body #app header nav button.navbar-toggler {
    transition: 0.6s;
  }
  body #app header nav #mainNavbarCollapse {
    background: #fbfbfb;
    display: block;
    transition: 1s;
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 6px;
    width: 90%;
    max-width: 380px;
    padding: 67px 0 40px;
    position: fixed;
    top: 0;
    left: -100%;
    float: left;
    z-index: 999;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100% !important;
    max-height: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body #app header nav #mainNavbarCollapse:after {
    content: " ";
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 380px !important;
    background: rgba(0, 0, 0, 0.8) !important;
  }
  body #app header nav #mainNavbarCollapse ul {
    padding: 0 25px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body #app header nav #mainNavbarCollapse ul li {
    position: relative;
    text-align: left;
  }
  body #app header nav #mainNavbarCollapse ul li span, body #app header nav #mainNavbarCollapse ul li a {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 16px !important;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  }
  body #app header nav #mainNavbarCollapse ul .item-logo-web {
    display: none !important;
  }
}
@media (max-width: 380.98px) {
  body #app header nav .row-content-phone .menu-user-lang ul li.language-link a i {
    display: none !important;
  }
}
@media (max-width: 360.98px) {
  body #app header nav .row-content-phone .menu-user-lang ul li.language-link a i {
    display: none !important;
  }
}
@media (max-width: 320.98px) {
  body #app header nav .row-content-phone button.navbar-toggler {
    left: 5px !important;
  }
  body #app header nav .navbar-logo img {
    margin-right: 2rem !important;
  }
}
body #app section.windows-side {
  padding: 0;
}
body #app section.windows-side .side-btn-close {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  left: 0px;
  background: #fff;
  cursor: pointer;
}
@media (max-width: 289.98px) {
  body #app section.windows-side .side-btn-close {
    padding-left: 3px;
  }
}
body #app section.windows-side .side-btn-close:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
}
body #app section.windows-side .pushy-left .restaurants-filter li {
  display: flex;
}
body #app .hero .step-item h4 span {
  color: var(--main-color-primary);
}
body #app section.slider-body {
  width: 100vw;
  height: 100vh;
}
body #app section.slider-body .hero {
  width: 100%;
  height: 100%;
  padding: 0;
}
body #app section.slider-body .hero::before {
  background-color: rgba(7, 6, 29, 0.05) !important;
}
body #app section.slider-body .hero video, body #app section.slider-body .hero img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
body #app section.slider-body .hero .hero-content-text {
  position: absolute;
  top: 0 !important;
  padding-top: calc(100vh / 2.3) !important;
  text-align: center;
}
body #app section.slider-body .hero .hero-content-text h2 {
  font-family: "Quicksand", Open Sans !important;
  font-size: 84px;
  line-height: 110px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #fff;
}
body #app section.slider-body .hero .hero-content-text h5 {
  font-family: "Quicksand", Open Sans !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 400px;
  -webkit-transition: opacity 1s ease 0.5s, top 2s ease 0.5s;
  transition: opacity 1s ease 0.5, top 2s ease 0.5s;
  color: #fff;
}
body #app section.slider-body .hero .hero-content-text .banner-form {
  margin-bottom: 0;
  margin-top: 0;
}
body #app section.slider-body .hero .hero-content-text .banner-form .btn {
  font-size: 13px;
  line-height: 28px;
  padding: 6px 4px 4px !important;
  letter-spacing: 1px;
  margin-top: 5px;
}
@media (max-width: 767.98px) {
  body #app section.slider-body .hero .hero-content-text h2 {
    font-size: 41px !important;
    line-height: 38px !important;
  }
}
@media (max-width: 767.98px) and (max-height: 575px) {
  body #app section.slider-body .hero .hero-content-text {
    padding-top: calc(100vh / 3) !important;
  }
}
body #app section.home-section-name {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--main-color-primary);
  padding: 20px 0;
  text-align: center;
}
body #app section.home-section-name .container h1 {
  color: #fff !important;
}
body #app section.home-section-name .container .btn-content, body #app section.home-section-name .container .logo-content {
  display: none;
}
body #app section.home-section-name .container .btn-content .btn svg {
  position: relative;
  top: 2px;
  height: 14px !important;
}
body #app section.home-section-name .container .btn-content .btn svg path {
  fill: #fff !important;
}
body #app section.home-section1 {
  position: relative;
  padding: 56px 0;
  background-image: url("../../img/base/background.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
@media (max-width: 767.98px) {
  body #app section.home-section1 {
    background-size: auto 100vh !important;
  }
}
body #app section.home-section1 .container {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
body #app section.home-section1 .container .col-content {
  position: relative;
  padding: 0;
  max-width: 992px;
  width: 100%;
  animation-name: fadeIn;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}
@media (max-width: 991.98px) {
  body #app section.home-section1 .container .col-content {
    width: 83.333333%;
  }
  body #app section.home-section1 .container .col-content .area-left, body #app section.home-section1 .container .col-content .area-right {
    width: 100% !important;
  }
  body #app section.home-section1 .container .col-content .area-right {
    justify-content: normal !important;
  }
  body #app section.home-section1 .container .col-content .area-right h3, body #app section.home-section1 .container .col-content .area-right h4, body #app section.home-section1 .container .col-content .area-right .right-details {
    padding: 0 14px 20px !important;
  }
  body #app section.home-section1 .container .col-content .area-right h4 {
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
  }
  body #app section.home-section1 .container .col-content .area-left {
    padding-bottom: 0 !important;
  }
  body #app section.home-section1 .container .col-content .row-images .area-left {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 575.98px) {
  body #app section.home-section1 .container .col-content {
    max-width: 100% !important;
    width: 100% !important;
  }
  body #app section.home-section1 .container .col-content .section-title {
    font-size: 24px !important;
    line-height: 1.4 !important;
    letter-spacing: 5px !important;
  }
  body #app section.home-section1 .container .col-content .row-texts .area-left p, body #app section.home-section1 .container .col-content .row-texts .area-right p {
    text-align: left !important;
  }
  body #app section.home-section1 .container .col-content .row-texts .area-left .payment-methods li:first-child, body #app section.home-section1 .container .col-content .row-texts .area-right .payment-methods li:first-child {
    width: 100% !important;
  }
}
@media (max-width: 380.98px) {
  body #app section.home-section1 .container .col-content .section-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}
body #app section.home-section1 .container .col-content .row-texts {
  background-color: var(--main-color-primary);
  min-height: 310px;
  margin-left: auto;
  margin-right: auto;
}
body #app section.home-section1 .container .col-content .row-texts .area-left, body #app section.home-section1 .container .col-content .row-texts .area-right {
  padding: 20px;
}
body #app section.home-section1 .container .col-content .row-texts .area-left h3, body #app section.home-section1 .container .col-content .row-texts .area-left h4, body #app section.home-section1 .container .col-content .row-texts .area-right h3, body #app section.home-section1 .container .col-content .row-texts .area-right h4 {
  text-align: left;
}
body #app section.home-section1 .container .col-content .row-texts .area-left h3, body #app section.home-section1 .container .col-content .row-texts .area-left h4, body #app section.home-section1 .container .col-content .row-texts .area-left div, body #app section.home-section1 .container .col-content .row-texts .area-left p, body #app section.home-section1 .container .col-content .row-texts .area-left span, body #app section.home-section1 .container .col-content .row-texts .area-right h3, body #app section.home-section1 .container .col-content .row-texts .area-right h4, body #app section.home-section1 .container .col-content .row-texts .area-right div, body #app section.home-section1 .container .col-content .row-texts .area-right p, body #app section.home-section1 .container .col-content .row-texts .area-right span {
  color: #fff;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content .section-title {
  text-align: left;
  padding: 0 14px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 42px;
  margin-bottom: 0.5rem;
  position: relative;
  text-transform: uppercase;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  padding: 0 14px 20px;
  margin-bottom: 0;
  text-align: left;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content p.p-address {
  font-weight: 600 !important;
  font-size: 14px;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content p.p-phone {
  font-size: 20px;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content p.p-phone a {
  color: #fff !important;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content p.p-address, body #app section.home-section1 .container .col-content .row-texts .area-left .section-content p.p-phone {
  margin-bottom: 0;
  padding-bottom: 0;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content .payment-methods {
  padding: 0 14px;
  text-align: left;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content .payment-methods.multi-branche li span {
  font-weight: 600 !important;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content .payment-methods li {
  margin: 0 0 4px;
  font-size: 14px;
}
body #app section.home-section1 .container .col-content .row-texts .area-left .section-content .payment-methods li p {
  font-size: 12px;
  padding: 0;
}
body #app section.home-section1 .container .col-content .row-texts .area-right {
  display: grid;
}
body #app section.home-section1 .container .col-content .row-texts .area-right h4 {
  margin-top: 6px;
  margin-bottom: 15px;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details {
  text-align: left;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details p {
  margin: 0;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details a {
  color: #fff;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details .row-hours .col-day {
  padding-right: 0;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details .row-hours .col-hour {
  padding-right: 0;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details ul.socials-network {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 10px;
  padding: 10px 0 7px;
  text-align: center;
  font-size: 20px;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details ul.socials-network li a {
  color: #fff;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details ul.socials-network li a svg path {
  fill: #fff;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details .item-branch {
  display: grid;
  border-bottom: 1px solid #fff;
  padding: 5px 0 10px;
  margin-bottom: 5px;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details .item-branch:last-child {
  border-bottom: 0px;
  padding-bottom: 0;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details .item-branch ul {
  margin-bottom: 0;
  text-align: left;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details .item-branch .socials-network {
  border: 0px;
  padding: 0;
  margin: 0;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details .item-branch .branch-delivery svg {
  position: relative;
  top: 1px;
  width: auto;
  height: 14px;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .right-details .item-branch .branch-delivery svg path {
  fill: #fff;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .view-more {
  display: flex;
  justify-content: end;
}
body #app section.home-section1 .container .col-content .row-texts .area-right .view-more .more-link {
  color: #fff;
  margin: 0;
  border: 1px solid #fff;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 12px;
}
body #app section.home-section1 .container .col-content .row-images {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
body #app section.home-section1 .container .col-content .row-images.area-unic {
  display: flex;
  justify-content: center;
}
body #app section.home-section1 .container .col-content .row-images .area-left, body #app section.home-section1 .container .col-content .row-images .area-right {
  padding: 0;
  width: 47%;
}
body #app section.home-section1 .container .col-content .row-images .area-left img, body #app section.home-section1 .container .col-content .row-images .area-right img {
  width: 100%;
}
body #app section.home-section1 .container .col-content .row-images .area-right {
  float: right;
}
body #app section.home-section1 .container .col-content .row-images img {
  border: 2px solid var(--main-color-primary);
}
@media (max-width: 767.98px) {
  body #app section.home-section1 {
    padding: 85px 0 !important;
  }
}
body #app section.home-section2 {
  position: relative;
  background: #f2f2f2;
  color: var(--main-color-secundary);
  padding: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
}
body #app section.home-section2 .container {
  padding: 30px 0 !important;
  width: 94%;
  max-width: 992px;
}
body #app section.home-section2 .container .row-primary {
  margin: auto;
}
@media (max-width: 767.98px) {
  body #app section.home-section2 .area-left, body #app section.home-section2 .area-right {
    width: 100% !important;
  }
  body #app section.home-section2 .area-right {
    text-align: left !important;
  }
}
body #app section.home-section2 .area-left {
  padding-left: 0px;
  padding-right: 0px;
  width: 65%;
}
@media (max-width: 767.98px) {
  body #app section.home-section2 .area-left {
    padding-bottom: 15px;
  }
}
body #app section.home-section2 .area-left h3 {
  margin: 0;
  font-size: 1.6em;
  font-weight: normal;
  color: var(--main-color-secundary);
}
body #app section.home-section2 .area-left p {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  color: var(--main-color-secundary);
}
body #app section.home-section2 .area-left p::first-letter {
  text-transform: initial;
}
body #app section.home-section2 .area-right {
  padding: 10px 15px 0 0;
  width: 35%;
  text-align: center;
}
body #app section.home-section2 .area-right .btn {
  padding: 10px 16px !important;
  text-transform: uppercase !important;
}
@media (max-width: 575.98px) {
  body #app section.home-section2 .area-right {
    padding-left: 0;
  }
}
body #app section.home-section3 {
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
  position: relative;
  padding: 56px 0;
  background-image: url("../../img/base/background.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
@media (max-width: 767.98px) {
  body #app section.home-section3 {
    background-size: auto 100vh !important;
  }
}
body #app section.home-section3 .container {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
body #app section.home-section3 .container .row-map .col-content.col-primary {
  border: 2px solid var(--main-color-primary);
}
body #app section.home-section3 .container .row-map {
  margin-top: 40px;
}
@media (min-width: 992px) {
  body #app section.home-section3 .container .row-reviews .area-left {
    min-height: 400px !important;
  }
  body #app section.home-section3 .container .row-reviews .area-right {
    height: 400px !important;
    overflow-y: auto !important;
  }
}
@media (max-width: 991.98px) {
  body #app section.home-section3 .container .row-reviews .area-left, body #app section.home-section3 .container .row-reviews .area-right {
    width: 100% !important;
  }
  body #app section.home-section3 .container .row-reviews .area-right {
    justify-content: normal !important;
    margin-top: 40px !important;
  }
}
body #app section.home-section3 .container .row-reviews .area-left, body #app section.home-section3 .container .row-reviews .area-right {
  background-color: rgba(242, 242, 242, 0.9);
  padding: 0;
  width: 47%;
  border: 2px solid var(--main-color-primary);
}
body #app section.home-section3 .container .row-reviews .area-left img, body #app section.home-section3 .container .row-reviews .area-right img {
  width: 100%;
}
body #app section.home-section3 .container .row-reviews .area-left .home-section-apps {
  background: none;
}
body #app section.home-section3 .container .row-reviews .area-right {
  float: right;
  padding: 28px 15px 15px;
}
body #app section.home-section3 .container .row-reviews .area-right .row-primary,
body #app section.home-section3 .container .row-reviews .area-right .testimonial .row {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  flex: 0 0 100% !important;
}
body #app section.home-section3 .container .row-reviews .area-right .row-primary .col-btn-reviews {
  padding: 10px 0 20px;
  text-align: center;
}
body #app section.home-section3 .container .row-reviews .area-right .row-primary .col-title-reviews {
  display: block;
  padding: 0 0 10px 0;
  border-bottom: #fff 1px solid;
  margin-bottom: 15px;
  font-size: 16px;
}
body #app section.home-section3 .container .row-reviews .area-right .row-primary .col-title-reviews span, body #app section.home-section3 .container .row-reviews .area-right .row-primary .col-title-reviews i {
  color: #F9BC06;
}
body #app section.home-section3 .container .row-reviews .row-content {
  width: 100%;
  flex: 0 0 100%;
}
body #app section.home-section3 .container .row-reviews .testimonial:last-child .powered-item {
  border-bottom: 0 !important;
}
body #app section.home-section3 .container .row-reviews .testimonial {
  padding: 10px;
  background: #fff;
  margin-bottom: 5px;
  border-radius: 4px;
}
body #app section.home-section3 .container .row-reviews .testimonial .img-author-item {
  display: inline-flex;
  text-align: left !important;
  padding: 0;
}
body #app section.home-section3 .container .row-reviews .testimonial .img-author-item img {
  width: 20px;
  border-radius: 50%;
}
body #app section.home-section3 .container .row-reviews .testimonial .img-author-item .img-author,
body #app section.home-section3 .container .row-reviews .testimonial .img-author-item .name-author {
  line-height: 23px;
}
body #app section.home-section3 .container .row-reviews .testimonial .img-author-item .name-author {
  color: #545555;
  margin-left: 5px;
  font-size: 13px;
}
body #app section.home-section3 .container .row-reviews .testimonial .stars-item {
  display: inline-flex;
  padding: 0;
  margin-top: 3px;
  font-size: 10px;
}
body #app section.home-section3 .container .row-reviews .testimonial .stars-item i {
  color: #F9BC06;
}
body #app section.home-section3 .container .row-reviews .testimonial .stars-item .stars-item-date {
  color: #b2b3b3;
  margin-left: 5px;
}
body #app section.home-section3 .container .row-reviews .testimonial .comment-item {
  padding: 0;
}
body #app section.home-section3 .container .row-reviews .testimonial .comment-item p {
  margin: 0;
  font-size: 13px;
  font-family: "Quicksand", Open Sans;
  color: #8c8c8c;
}
body #app section.home-section3 .container .row-reviews .testimonial .powered-item span {
  color: #7c7979;
  font-size: 12px;
}
body #app section.home-section3 .container .row-reviews .testimonial .powered-item .by-google {
  width: 90px;
  margin-top: 0.25rem;
}
body #app section.home-section3 .container .row-reviews .testimonial .powered-item .by-tasty {
  width: 50px;
}
body #app section.home-section3 .container .col-content {
  position: relative;
  display: flex;
  padding: 0;
  max-width: 992px;
  width: 100%;
  animation-name: fadeIn;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}
@media (max-width: 991.98px) {
  body #app section.home-section3 .container .col-content {
    width: 83.333333%;
    display: block;
  }
  body #app section.home-section3 .container .col-content .home-section-apps,
body #app section.home-section3 .container .col-content .home-section-map {
    width: 100% !important;
  }
}
@media (max-width: 575.98px) {
  body #app section.home-section3 .container .col-content {
    max-width: 100% !important;
    width: 100% !important;
  }
}
body #app section.home-section3 .container .col-content .home-section-apps,
body #app section.home-section3 .container .col-content .home-section-map {
  position: relative;
}
body #app section.home-section3 .container .col-content .home-section-map {
  width: 100%;
  height: 390px;
  background-color: var(--main-color-primary) !important;
}
body #app section.home-section3 .container .col-content .home-section-map .container-primary-map {
  position: relative;
  width: 100%;
  height: 100%;
}
body #app section.home-section3 .container .col-content .home-section-apps {
  width: 100%;
  background-color: #f2f2f2;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application {
  margin: auto;
  width: 100%;
  height: 100%;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content {
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: unset;
  padding: 28px 15px 15px;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content h5, body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .rating, body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content p {
  color: #545555;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content h5 {
  margin-top: 25px;
  font-size: 18px;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content ul {
  margin-top: 25px;
}
@media (max-width: 414.98px) {
  body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content ul li {
    margin: 0 0 5px !important;
  }
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .rating .rating-title .rating-text {
  color: var(--main-color-primary) !important;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .rating .rating-title .rating-text i {
  color: var(--main-color-primary) !important;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .rating .rating-btn p {
  font-size: 14px;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .rating .rating-btn a {
  margin: 20px 0;
  padding: 10px 16px !important;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .rating .rating-btn .divider {
  border-top: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  height: 4px;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder.appshow {
  display: none;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder .col-content {
  padding-top: 20px;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder .col-content .section-content h3 {
  font-size: 1.45em;
  letter-spacing: 2px;
  text-transform: uppercase;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder .col-content .section-content p {
  font-size: 14px;
  line-height: 18px;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder .col-content .section-content .btn {
  padding: 10px 0 !important;
  min-width: 133px;
  font-size: 12px;
  margin-bottom: 5px;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder .col-content .section-content .btn i {
  margin: 0;
}
body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder .col-content .section-content .btn svg {
  position: relative;
  top: 1px;
  height: 11px !important;
}
@media (max-width: 380.98px) {
  body #app section.home-section3 .container .col-content .home-section-apps .row-mobile-application .col-content .section-content .container-order-reorder .col-content .section-content a.btn {
    padding: 8px 0 !important;
  }
}
@media (max-width: 767.98px) {
  body #app section.home-section3 {
    padding: 85px 0 !important;
  }
}
body #app section.page-subheader {
  padding-top: 0;
  padding-bottom: 0;
}
body #app section.page-subheader.branche-branches .profile {
  padding-top: 85px;
}
body #app section.page-subheader .content-title-page .btn-info-pickdeli {
  color: #fff !important;
  font-size: 20px !important;
}
@media (min-width: 992px) {
  body #app section.page-subheader .content-title-page .btn-info-pickdeli {
    display: none !important;
  }
}
body #app section.page-subheader .profile {
  min-height: 271.3px;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(../../img/base/parallax_overlay.png);
  background-repeat: repeat;
  padding-top: 100px;
  padding-bottom: 20px;
}
@media (max-width: 991.98px) {
  body #app section.page-subheader .profile {
    min-height: unset !important;
    padding-top: 106px !important;
    padding-bottom: 37px !important;
  }
}
body #app section.page-subheader .profile .profile-desc {
  text-align: left;
  text-align: -webkit-left;
  text-align: -moz-left;
  text-align: -ms-left;
  text-align: -o-left;
  padding: 15px;
}
body #app section.page-subheader .profile .profile-desc h1.content-title, body #app section.page-subheader .profile .profile-desc h6.content-title {
  margin: 0;
  color: #fff !important;
}
body #app section.page-subheader .profile .profile-desc h1 {
  font-size: 30px;
}
body #app section.page-subheader .profile .profile-desc h6 {
  font-size: 20px;
  text-transform: capitalize;
}
body #app section.page-subheader .profile .profile-desc .resto-phone {
  margin: 0;
  color: #fff;
}
body #app section.page-subheader .profile .profile-desc .resto-phone a {
  color: #fff !important;
}
body #app section.page-subheader .profile .profile-desc .ratings {
  margin: 0;
}
body #app section.page-subheader .profile .profile-desc .ratings a:hover {
  opacity: unset;
}
body #app section.page-subheader .profile .profile-desc .ratings a i {
  color: #ffd953;
}
@media (min-width: 992px) {
  body #app section.page-subheader .profile .profile-desc .ul-payment-methods {
    display: none !important;
  }
}
body #app section.page-subheader .profile .profile-desc .ul-payment-methods li {
  margin: 0;
}
body #app section.page-subheader .profile .profile-desc .nav-inline .nav-item .price-min,
body #app section.page-subheader .profile .profile-desc .nav-inline .nav-item .price-delivery,
body #app section.page-subheader .profile .profile-desc .btn-open {
  cursor: text !important;
  color: #fff !important;
}
body #app section.page-subheader .profile .profile-desc .nav-inline .nav-item a:hover {
  opacity: unset;
}
body #app section.page-subheader .profile .profile-desc .nav-inline .nav-item .nav-link {
  color: #fff !important;
}
@media (max-width: 767.98px) {
  body #app section.page-subheader .profile .profile-desc .profile-img {
    width: 24.7%;
  }
}
body #app section.page-subheader .profile .profile-slider {
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
  text-align: -ms-center;
  text-align: -o-center;
}
body #app section.page-subheader .profile .profile-slider .content-slider {
  background: #171a29;
  padding: 20px;
}
body #app section.page-subheader .profile .profile-slider .paper-ticke {
  top: 8px;
}
@media (max-width: 991.98px) {
  body #app section.page-subheader .profile .profile-slider {
    margin-top: 5%;
  }
  body #app section.page-subheader .profile .profile-slider .content-slider {
    width: 60%;
  }
}

/* keyframes for slide */
@keyframes zoom {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.1, 1.1);
  }
}
@keyframes zoom {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.1, 1.1);
  }
}
@keyframes zoom {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.1, 1.1);
  }
}
/***pre-load-page****/
.pre-load-page .loader span:nth-child(1) {
  background: var(--main-color-primary) !important;
}
.pre-load-page .loader span:nth-child(2) {
  background: var(--main-color-secundary) !important;
}
.pre-load-page .loader span:nth-child(3) {
  background: var(--main-color-tertiary) !important;
}

/***h****/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #545555;
  font-family: "Quicksand", Open Sans !important;
}
.h1.h-title, .h2.h-title, .h3.h-title, .h4.h-title, .h5.h-title, .h6.h-title, h1.h-title, h2.h-title, h3.h-title, h4.h-title, h5.h-title, h6.h-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 42px;
  position: relative;
  text-transform: uppercase;
}

.collapse.show {
  display: block;
}

/***modals****/
.modal.fade.modal-apple .modal-dialog .modal-header, .modal.fade.modal-reorder .modal-dialog .modal-header {
  background: var(--main-color-primary) !important;
}
.modal.fade.modal-apple .modal-dialog .modal-header h4, .modal.fade.modal-apple .modal-dialog .modal-header h5, .modal.fade.modal-reorder .modal-dialog .modal-header h4, .modal.fade.modal-reorder .modal-dialog .modal-header h5 {
  color: #fff !important;
}
.modal.fade.modal-order .modal-dialog .modal-content .modal-body .add-order-food .row-item-config .number-item-config:after {
  color: var(--main-color-primary) !important;
}
.modal.fade.modal-order .modal-dialog .modal-content .modal-body .add-order-food .row-item-config .col-title-config {
  color: var(--main-color-primary) !important;
}
.modal.fade.modal-order .modal-dialog .modal-content .modal-body .add-order-food .row-item-config .col-btn-config .btn-config {
  color: var(--main-color-primary) !important;
}
.modal.fade.modal-order .modal-dialog .modal-content .modal-body .add-order-food .row-quantity .col-quantity .input-item .quantity-nav .quantity-button i {
  border: 1px solid var(--main-color-primary);
  color: var(--main-color-primary) !important;
}
.modal.fade.modal-order .modal-dialog .modal-content .modal-body .add-order-food .row-quantity .col-quantity .input-item .quantity-nav input {
  border-bottom: 1px solid var(--main-color-primary) !important;
}
.modal.fade.modal-order .modal-dialog .modal-content .modal-body .add-order-food .row-quantity .col-quantity .input-item .quantity-nav input:focus {
  border: 1px solid var(--main-color-primary) !important;
}
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-header.header-sticky .close span,
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-header.header-sticky .btn-prod-previuos,
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-header.header-sticky .btn-prod-more, .modal.fade.modal-order#modal-config-product .modal-dialog .modal-content .modal-header.header-sticky .close span,
.modal.fade.modal-order#modal-config-product .modal-dialog .modal-content .modal-header.header-sticky .btn-prod-previuos,
.modal.fade.modal-order#modal-config-product .modal-dialog .modal-content .modal-header.header-sticky .btn-prod-more {
  color: var(--main-color-primary) !important;
}
@media (max-width: 575.98px) {
  .modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-header.header-sticky, .modal.fade.modal-order#modal-config-product .modal-dialog .modal-content .modal-header.header-sticky {
    background-color: rgba(var(--main-color-rgba), 0.95) !important;
  }
  .modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-header.header-sticky .close span,
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-header.header-sticky .btn-prod-previuos,
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-header.header-sticky .btn-prod-more, .modal.fade.modal-order#modal-config-product .modal-dialog .modal-content .modal-header.header-sticky .close span,
.modal.fade.modal-order#modal-config-product .modal-dialog .modal-content .modal-header.header-sticky .btn-prod-previuos,
.modal.fade.modal-order#modal-config-product .modal-dialog .modal-content .modal-header.header-sticky .btn-prod-more {
    color: #fff !important;
  }
}
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-body .add-order-food .food-body .row-prod-info .info-col.col-more .text-name p,
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-body .add-order-food .food-body .row-prod-info .info-col.col-more .text-name strong,
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-body .add-order-food .food-body .row-prod-info .info-col.col-more .text-name font,
.modal.fade.modal-order#modal-order-form .modal-dialog .modal-content .modal-body .add-order-food .food-body .row-prod-info .info-col.col-more .text-name {
  color: var(--main-color-primary) !important;
}
.modal.fade.modal-check-delivery .card .card-body .row-input-search .search-form .btn {
  color: var(--main-color-primary);
  border-color: var(--main-color-primary) !important;
}
.modal.fade.modal-check-delivery .card .card-body .row-input-search .search-form .btn.btn-white-outline:hover, .modal.fade.modal-check-delivery .card .card-body .row-input-search .search-form .btn.btn-white-outline:focus {
  border-color: var(--main-color-primary);
}
.modal.fade.modal-check-delivery .card .card-body .row-input-search .search-form .btn.btn-white-outline:hover:before, .modal.fade.modal-check-delivery .card .card-body .row-input-search .search-form .btn.btn-white-outline:focus:before {
  background-color: var(--main-color-primary);
}
.modal.fade .modal-dialog .modal-body .card.card-primary .card-header .card-title {
  border-bottom: 3px solid var(--main-color-primary) !important;
}

/***carousel****/
.carousel.slide .carousel-control i {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
  color: var(--main-color-primary);
}
.carousel.slide .carousel-control-prev {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=1 );
  /* IE6-9 */
}
.carousel.slide .carousel-control-prev i {
  left: 25%;
  margin-left: -5px;
}
.carousel.slide .carousel-control-next {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=1 );
  /* IE6-9 */
}
.carousel.slide .carousel-control-next i {
  right: 25%;
  margin-right: -5px;
}

/***tansition for item carousel****/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel {
    background: #000;
  }

  .carousel-inner .carousel-item {
    opacity: 1;
    transition-duration: 0.6s !important;
    transition-property: opacity;
  }

  .carousel-inner .carousel-item.next.left,
.carousel-inner .active.right {
    opacity: 1;
  }
  .carousel-inner .carousel-item.next.left .hero.bg-image,
.carousel-inner .active.right .hero.bg-image {
    animation: none !important;
  }

  .carousel-inner .active.left,
.carousel-inner .carousel-item.prev.right {
    opacity: 0.5;
  }
  .carousel-inner .active.left .hero.bg-image,
.carousel-inner .carousel-item.prev.right .hero.bg-image {
    animation: none !important;
  }

  .carousel-inner .next,
.carousel-inner .prev,
.carousel-inner .carousel-item.active,
.carousel-inner .active.left,
.carousel-inner .active.prev {
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
  }
}
.row {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.back-to-top {
  position: fixed;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  bottom: 30px;
  right: 10px;
  background: #4897d9;
  color: #545555;
  line-height: 50px;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transform: translate3d(0, 15px, 0);
  -webkit-transform: translate3d(0, 15px, 0);
}
.back-to-top i {
  display: block;
  font-size: 25px;
  line-height: 50px;
  text-align: center;
}
.back-to-top:hover {
  opacity: inherit !important;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
}
.back-to-top.show {
  opacity: 0.5;
  visibility: visible;
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .back-to-top {
    display: none !important;
  }
}

.navtoBack .col-item-toback {
  color: var(--main-color-primary) !important;
}
.navtoBack .col-item-toback path {
  fill: var(--main-color-primary) !important;
}

/***section****/
section.section-page-body {
  background-color: #fff;
  max-width: 100vw;
}
section.section-page-body .container,
section.section-page-body .content {
  padding: 50px 15px;
  max-width: unset;
}
@media (max-width: 767.98px) {
  section.section-page-body .container,
section.section-page-body .content {
    padding: 30px 15px;
  }
}

/***paper-clip***/
.paper-ticke {
  z-index: 3;
  background-image: url(../../img/base/paper.png);
  font-family: "Give You Glory", cursive;
  font-weight: bold;
  color: var(--main-color-primary);
  position: absolute;
  padding: 25px 10px 3px;
  width: 120px;
  -ms-transform: rotate(-20deg);
  /* IE 9 */
  -webkit-transform: rotate(-20deg);
  /* Safari */
  transform: rotate(-20deg);
  /* Standard syntax */
}

span.paper-clip {
  height: 45px;
  width: 14px;
  border-radius: 10px;
  border: 2px solid var(--main-color-primary);
  display: inline-block;
  position: absolute;
  -ms-transform: rotate(-35deg);
  /* IE 9 */
  -webkit-transform: rotate(-35deg);
  /* Safari */
  transform: rotate(-35deg);
  /* Standard syntax */
  right: 10px;
  top: -11px;
}
span.paper-clip:after {
  width: 11px;
  height: 24px;
  content: " ";
  display: block;
  position: absolute;
  right: 2px;
  top: 5px;
  border-radius: 10px;
  border: 3px solid var(--main-color-primary);
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/***food-item***/
.food-item-wrap .figure-wrap .distance a {
  color: #fff;
}

a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

.rating .rating-stars {
  font-size: 12px;
}
.rating .rating-stars i {
  color: #F9BC06;
}
.rating .rating-title {
  font-size: 12px;
  margin-right: 5px;
}
.rating .rating-title a {
  text-decoration: none;
  color: var(--main-color-primary);
}

.ratings .rating-text, .rating .rating-text {
  color: #fff !important;
  font-size: 13px !important;
  font-style: italic !important;
}
.ratings .rating-text i, .rating .rating-text i {
  color: #fff !important;
}

body .jq-toast-wrap {
  z-index: 10003 !important;
}

.jq-toast-single {
  background-color: unset !important;
}
.jq-toast-single .close-jq-toast-single {
  background: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 50%;
  width: 30px;
  text-align: center;
  top: unset;
  bottom: 9px;
  left: 60%;
  padding: 5px;
  font-size: 20px;
}
.jq-toast-single.jq-has-icon .close-jq-toast-single {
  background: unset;
  color: #fff;
  border: unset;
  border-radius: unset;
  width: unset;
  text-align: initial;
  bottom: unset;
  left: unset;
  padding: unset;
  top: 3px;
  font-size: 14px;
}
.jq-toast-single.jq-icon-success {
  background-color: #3c763d !important;
}
.jq-toast-single.jq-icon-info {
  background-color: #31708f !important;
}
.jq-toast-single.jq-icon-warning {
  background-color: #8a6d3b !important;
}
.jq-toast-single.jq-icon-error {
  background-color: #a94442 !important;
}

.alert-toast-template .alert-toast-content {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.8) 0 0 6px;
}
.alert-toast-template .alert-toast-content .alert-toast-body {
  position: absolute;
  bottom: 40px;
  padding: 20px;
  width: 100%;
  height: auto;
}
.alert-toast-template .alert-toast-content .alert-toast-body h4 {
  color: #fff;
  font-size: 28px;
  line-height: 26px;
  margin-bottom: 12px;
  font-family: Roboto, Arial !important;
}
.alert-toast-template .alert-toast-content .alert-toast-body p {
  font-size: 19px;
  line-height: 21px;
  font-family: Roboto, Arial !important;
}
.alert-toast-template .alert-toast-content .alert-toast-body p a {
  font-size: 19px;
  line-height: 21px;
  font-family: Roboto, Arial !important;
}

.alert.alert-dismissible {
  padding-right: 2.5rem;
}
.alert.alert-dismissible button.close {
  position: absolute;
}
.alert.alert-top.alert-dismissible button.close {
  top: 20px !important;
  right: 20px !important;
}
.alert.alert-primary {
  color: #fff !important;
  background-color: var(--main-color-primary);
  border-color: var(--main-color-secundary);
}
.alert.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #f2f2f2;
}
.alert.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.vs__dropdown-toggle {
  border: 2px solid #e6e6e6 !important;
}
.vs__dropdown-toggle:hover, .vs__dropdown-toggle:focus {
  border: 2px solid var(--main-color-primary) !important;
}

.vs__selected-options {
  font-size: 14px !important;
}

.vs--searchable .vs__dropdown-toggle {
  height: 36px !important;
}

.vs__dropdown-option {
  color: #545555 !important;
}

.vs__dropdown-option--highlight {
  background: none !important;
  color: #545555 !important;
}

.vs__selected {
  color: #545555 !important;
  margin: 0 !important;
}

.vs__search, .vs__search:focus {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  border: 1px solid transparent !important;
  border-left: none !important;
  outline: none !important;
  margin: 0px 0 0 !important;
  padding: 0 7px !important;
  background: none !important;
  box-shadow: none !important;
  width: 0 !important;
  max-width: 100% !important;
  flex-grow: 1 !important;
  z-index: 1 !important;
}

.card {
  border-radius: 8px !important;
}

section.order-section .content-title h3,
section.reservation-section .card .card-header .card-title,
section.reset-password-section .card .card-header .card-title,
section .center-title h3 {
  color: #8c8c8c !important;
}

.iframe-map a.more-info-map,
.image-map a.more-info-map {
  z-index: 9;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  border-radius: 2px;
  touch-action: none;
  position: absolute;
  top: 11px;
  right: 58px;
  cursor: pointer;
  color: var(--main-color-primary);
  font-family: Roboto, Arial, sans-serif;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  padding: 6.5px 17px;
  background-clip: padding-box;
  direction: ltr;
  min-height: 40px;
  display: table-cell;
  -moz-user-select: none;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .iframe-map a.more-info-map,
.image-map a.more-info-map {
    left: 11px !important;
    bottom: 23px !important;
    top: unset !important;
    max-width: 125px !important;
  }
}
@media (max-width: 575.98px) {
  .iframe-map a.more-info-map,
.image-map a.more-info-map {
    display: none !important;
  }
}

.image-map .map-place-card {
  top: 0 !important;
}
.image-map img {
  width: 100%;
  height: 100%;
}

.map-place-card {
  position: absolute;
  left: 0px;
  top: 140px;
  overflow-y: auto;
  max-height: 62%;
  width: 240px;
  overflow-x: hidden;
  text-align: left;
}
.map-place-card .place-card-row {
  position: relative;
  margin-left: 10px;
  background-color: #fff;
}
.map-place-card .place-card-row .place-card-col {
  margin: 10px 0;
  padding: 7px 5px 7px 9px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  border-radius: 2px;
  font-family: Roboto, Arial !important;
  color: #5B5B5B;
  font-size: 12px;
  line-height: 15px;
}
.map-place-card .place-card-row .place-card-col.col-title {
  margin: 0 0 10px;
}
.map-place-card .place-card-row .place-card-col.col-title .card-col-title {
  margin: 0;
  font-weight: bold;
}
.map-place-card .place-card-row .place-card-col .card-col-address {
  margin: 0;
}
.map-place-card .place-card-row .place-card-col .card-col-link {
  padding-top: 5px;
}
.map-place-card .place-card-row .place-card-col .card-col-link a {
  text-decoration: none;
  color: #3a84df !important;
}

.form-group {
  position: relative;
  margin-bottom: 14px;
  border-radius: 8px !important;
}
.form-group .help-block {
  font-family: "Open Sans", sans-serif !important;
  font-size: 11px !important;
  line-height: 14px !important;
  color: #545555 !important;
  display: inline-block;
  padding-left: 20px;
  font-weight: 400 !important;
}
.form-group .help-block::before {
  position: absolute;
  left: 0;
  font: normal normal normal 14px/1 FontAwesome;
  content: "";
  color: #dc3545;
  width: 14px;
  height: 14px;
}

.smart-wrap .smart-container .section .form-group {
  margin-bottom: 14px;
}
.smart-wrap .smart-container .section .form-group input, .smart-wrap .smart-container .section .form-group select, .smart-wrap .smart-container .section .form-group textarea {
  width: 100%;
}
.smart-wrap .smart-container .section .form-group .prepend-icon {
  width: 100%;
}
.smart-wrap .smart-container .section .form-group .prepend-icon .field-icon,
.smart-wrap .smart-container .section .form-group .prepend-icon .input-hint {
  display: none;
}
.smart-wrap .smart-container .section .form-group .prepend-icon textarea {
  padding: 12px !important;
  height: auto !important;
}
.smart-wrap .smart-container [type=reset] {
  display: none;
}

input, select {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
}

input, select, textarea, .form-control {
  color: #545555 !important;
  border: #e6e6e6 2px solid !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 8px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
input:focus, select:focus, textarea:focus, .form-control:focus {
  border: var(--main-color-primary) 2px solid !important;
  outline: none;
}
input.focus, select.focus, textarea.focus, .form-control.focus {
  border: var(--main-color-primary) 2px solid !important;
  outline: none;
}
input::placeholder, select::placeholder, textarea::placeholder, .form-control::placeholder {
  color: #999 !important;
}

textarea {
  padding: 12px !important;
  height: auto !important;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
}

label {
  font-weight: 300 !important;
}

.radio, .checkbox {
  color: var(--main-color-primary);
  font-size: 15px;
  position: relative;
  margin-right: 20px;
}
.radio span, .checkbox span {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}
.radio span:after, .checkbox span:after {
  content: "";
  width: 21px;
  height: 21px;
  border: 1px solid #999;
  position: absolute;
  left: 0;
  top: 0px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.radio span:after {
  border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.checkbox span::after {
  border-radius: 3px;
  left: 1px !important;
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], input[type=radio], input[type=checkbox], .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
  display: inline-block;
  cursor: pointer;
  width: 15px;
  height: 15px;
  border: 0;
  position: absolute;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.radio input[type=radio]:checked + span:after, .checkbox input[type=checkbox]:checked + span:after {
  border: 1px solid var(--main-color-primary) !important;
}

.radio input[type=radio]:checked + span:before, .checkbox input[type=checkbox]:checked + span:before {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0.9px !important;
  top: -1.3px !important;
  font: normal normal normal 23.8px/1 FontAwesome;
}

.radio input[type=radio]:checked + span:before {
  content: "" !important;
}

.checkbox input[type=checkbox]:checked + span:before {
  content: "" !important;
}

.radio input[type=radio]:checked.success + span:before,
.checkbox input[type=checkbox]:checked.success + span:before,
.radio input[type=radio]:checked.success + span,
.checkbox input[type=checkbox]:checked.success + span {
  color: #5cb85c;
}

.radio input[type=radio]:checked.info + span:before,
.checkbox input[type=checkbox]:checked.info + span:before,
.radio input[type=radio]:checked.info + span,
.checkbox input[type=checkbox]:checked.info + span {
  color: #5bc0de;
}

.radio input[type=radio]:checked.warning + span:before,
.checkbox input[type=checkbox]:checked.warning + span:before,
.radio input[type=radio]:checked.warning + span,
.checkbox input[type=checkbox]:checked.warning + span {
  color: #f0ad4e;
}

.radio input[type=radio]:checked.danger + span:before,
.checkbox input[type=checkbox]:checked.danger + span:before,
.radio input[type=radio]:checked.danger + span,
.checkbox input[type=checkbox]:checked.danger + span {
  color: #c9302c;
}

.text-primary, .primary-color {
  color: var(--main-color-primary) !important;
}

.select2.select2-container {
  max-width: 100% !important;
  width: 100% !important;
}

.select2-container.select2-container--default.select2-container--open {
  z-index: 10000;
}

.select2-selection--single .select2-selection__rendered {
  color: #545555 !important;
  padding-top: 5px !important;
  padding-left: 0 !important;
  padding-right: 8px !important;
  font-size: 14px !important;
  white-space: initial !important;
  line-height: 18px !important;
}

.select2-container--default .select2-selection--single {
  border: 2px solid #e6e6e6 !important;
  border-radius: 4px !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 2px 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px !important;
}

.select2-dropdown {
  border: 2px solid #e6e6e6 !important;
  border-top: 0 !important;
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above .select2-search.select2-search--dropdown input:focus {
  border: var(--main-color-primary) 2px solid !important;
}

.select2-container.select2-container--default.select2-container--open ul li.select2-results__option--highlighted {
  background: var(--main-color-secundary) !important;
  color: #fff !important;
}

.select2-container.select2-container--default.select2-container--open ul li[aria-selected=true] {
  background: var(--main-color-primary) !important;
  color: #fff !important;
}

.date-time-picker .field-label {
  display: none !important;
}

.date-time-picker .field.is-focused .field-input {
  border: 1px solid var(--main-color-primary) !important;
}

.date-time-picker .field.is-focused .field-label {
  color: var(--main-color-primary) !important;
}

.date-time-picker .datepicker .datepicker-container .year-month-selector .custom-button .custom-button-effect,
.date-time-picker .datepicker .datepicker-container .datepicker-controls .custom-button .custom-button-effect,
.date-time-picker .datepicker .datepicker-container .datepicker-days .datepicker-day .datepicker-day-effect,
.date-time-picker .datepicker .pickers-container .time-picker-column-item .time-picker-column-item-effect,
.date-time-picker .datepicker .datepicker-header {
  background: var(--main-color-primary) !important;
  color: #fff !important;
  fill: #fff !important;
}

.date-time-picker .datepicker .datepicker-container .year-month-selector .custom-button:hover .custom-button-content,
.date-time-picker .datepicker .datepicker-container .year-month-selector .custom-button.is-selected .custom-button-content,
.date-time-picker .datepicker .datepicker-container .datepicker-controls .custom-button:hover .custom-button-content {
  color: #fff !important;
  fill: #fff !important;
}

.date-time-picker .datepicker .datepicker-container .year-month-selector .custom-button .custom-button-content,
.date-time-picker .datepicker .datepicker-container .datepicker-controls .custom-button .custom-button-content {
  color: var(--main-color-primary) !important;
  fill: var(--main-color-primary) !important;
}

body.safari-desktop-browser .datetimepicker .datepicker.flex-direction-column .datepicker-buttons-container .datepicker-button,
body.safari-mobile-browser .datetimepicker .datepicker.flex-direction-column .datepicker-buttons-container .datepicker-button {
  display: none;
}

@media (max-width: 575.98px) {
  .datetimepicker .datepicker.flex-direction-column {
    top: 72px !important;
    height: 400px !important;
  }
  .datetimepicker .datepicker.flex-direction-column .pickers-container {
    height: 350px !important;
    padding-top: 30px !important;
  }
}

.datetimepicker .datepicker .datepicker-buttons-container .datepicker-button .datepicker-button-effect {
  background: none !important;
}

.datetimepicker .datepicker .datepicker-buttons-container .datepicker-button:hover {
  background: var(--main-color-primary) !important;
}

.datetimepicker .datepicker .datepicker-buttons-container .datepicker-button:hover svg {
  fill: #fff !important;
}

.datetimepicker .datepicker .datepicker-buttons-container .datepicker-button svg {
  fill: var(--main-color-primary) !important;
}

.pushy .advanced-search,
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9997;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}
.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (max-width: 575.98px) {
  .pushy-open-left .pushy,
.pushy-open-right .pushy {
    width: 100% !important;
    max-width: 100vw !important;
    height: 88vh !important;
    top: unset !important;
    bottom: 0 !important;
  }
  .pushy-open-left .pushy .side-btn-close,
.pushy-open-right .pushy .side-btn-close {
    list-style-type: none;
    width: 40px !important;
    height: 40px !important;
    font-size: 25px !important;
    display: list-item !important;
    background: none !important;
  }
  .pushy-open-left .pushy .side-btn-close i,
.pushy-open-right .pushy .side-btn-close i {
    line-height: 30px !important;
  }
}
.pushy-open-left .pushy .advanced-search,
.pushy-open-right .pushy .advanced-search {
  display: block;
  width: 100%;
}

.pushy {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 0;
  height: 100vh;
  top: 0;
  z-index: 9998;
  overflow: auto;
  background-color: #fff;
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -webkit-overflow-scrolling: touch;
}
.pushy.pushy-right {
  right: 0;
}
.pushy.pushy-left {
  left: 0;
}
.pushy .advanced-search {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.pushy .advanced-search h4 {
  font-weight: 500;
  margin-bottom: 0px;
}
.pushy .advanced-search hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: content-box;
  overflow: visible;
  height: 0;
}

.backgound-degra {
  background-color: var(--main-color-primary);
  background-image: url(../../img/base/parallax_overlay.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-position: unset !important;
}
@media (max-width: 767.98px) {
  .backgound-degra {
    background-size: auto 100vh !important;
  }
}

.backgound-color {
  background-color: var(--main-color-primary);
  background-position: unset !important;
}

.ekko-lightbox .modal-content {
  background: unset !important;
  border: 0 !important;
  padding: 0 !important;
}
.ekko-lightbox .modal-content .modal-body {
  width: 100% !important;
}

.toCartFixed .container .row .col-item-toCartFixed .shopping-cart-count {
  color: var(--main-color-primary) !important;
}

.border-lines-dotted {
  border-style: solid;
  border-color: var(--main-color-primary);
  border-top-style: dashed;
  border-right-style: dashed;
  border-bottom-style: dashed;
  border-left-style: dashed;
}

.parallax {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.parallax .parallax-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url(../../img/base/parallax_overlay.png);
  background-repeat: repeat;
  z-index: 1;
}
.parallax .parallax-content {
  position: relative;
  z-index: 2;
}

hr.double-margins {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  height: 2px;
  max-width: none;
}

.twitter a {
  color: #5EA9DD !important;
}

.twitter > a:hover {
  color: #fff !important;
  background: #5EA9DD !important;
}

.facebook a {
  color: #3A5795 !important;
}

.facebook > a:hover {
  color: #fff !important;
  background: #3A5795 !important;
}

.google-plus a {
  color: #C30907 !important;
}

.google-plus > a:hover {
  color: #fff !important;
  background: #C30907 !important;
}

.instagram a {
  color: #2A5B83 !important;
}

.instagram > a:hover {
  color: #fff !important;
  background: #2A5B83 !important;
}

.pinterest a {
  color: #D70004 !important;
}

.pinterest > a:hover {
  color: #fff !important;
  background: #D70004 !important;
}

.youtube a {
  color: #CC181E !important;
}

.youtube > a:hover {
  color: #fff !important;
  background: #CC181E !important;
}

ul.ul-check-svg {
  padding-left: 20px;
}
ul.ul-check-svg li {
  list-style-image: url("../../img/base/icn-check.svg");
  font-family: Montserrat;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  text-transform: lowercase;
}
ul.ul-check-svg li::first-letter {
  text-transform: uppercase;
}

ul.ul-strong {
  list-style-type: none;
  padding: 0;
}
ul.ul-strong li {
  font-weight: bold;
}

.hide {
  display: none !important;
}

body.backrepeat {
  background-image: url("../../img/base/background-repeat.jpg");
  background-repeat: repeat;
}

body.backmax {
  background-image: url("../../img/base/background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 767.98px) {
  body.backmax {
    background-size: auto 100vh !important;
    background-position-x: center !important;
    background-position-y: center !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
  }
}
@media (min-width: 992px) {
  body.backmax .body-parallax {
    display: block !important;
    position: absolute;
    top: -10px;
    left: 0;
    content: " ";
    background-color: rgba(0, 0, 0, 0.25);
    background-image: url(../../img/base/parallax_overlay.png);
    width: 100%;
    height: calc(100% + 20px);
  }
}

body.backcolor {
  background-image: none !important;
  background-color: #fff;
}

body.slider-notext #app section.home-section-name .name-resto-content {
  margin: 15px 0 !important;
}
body.slider-notext #app section.home-section-name .dispatch-options {
  justify-items: center;
  display: grid;
}
@media (max-width: 575px) {
  body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary {
    width: 100% !important;
  }
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container {
  width: 450px;
  margin-top: 0;
  border-radius: 5px;
  padding: 40px 20px 15px;
}
@media (max-width: 767.98px) {
  body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container {
    padding: 22px 20px 15px !important;
  }
}
@media (max-width: 575.98px) {
  body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container {
    width: 100% !important;
  }
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container .container-inputs-codecoordinates .form-group {
  margin-bottom: 0;
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container .container-inputs-codecoordinates .section-code {
  padding-bottom: 22px;
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container .container-inputs-codecoordinates .section-code .help-block {
  padding: 0;
  color: #000 !important;
  font-weight: bold !important;
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container .row-dispatch-option .col-section .btn.active {
  background-color: #fff !important;
  color: var(--main-color-primary) !important;
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container .row-dispatch-option .col-section .btn.active svg path {
  fill: var(--main-color-primary) !important;
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container .row-section-street {
  text-align: left;
  color: #fff;
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container .row-section-street .col-section {
  border: #fff 2px solid !important;
  color: #fff !important;
}
body.slider-notext #app section.home-section-name .dispatch-options .card.card-primary .smart-container .row-section-street .col-section .edit-address {
  color: #fff !important;
}

body .disabled_body {
  z-index: 10000;
  display: none;
  width: 100vw;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
}
body .disabled_body i {
  font-size: 50px;
  font-weight: 700;
  color: var(--main-color-primary);
}
body .disabled_body img {
  width: 15vw;
  min-width: 150px;
}
body .disabled_body i, body .disabled_body img {
  margin-top: 35vh;
}
body .modal .modal-dialog .modal-content {
  border-radius: 8px;
}

@media (max-width: 991.98px) {
  body #app .cart-container .cart-body .order-total .btn:hover, body #app .cart-container .cart-body .order-total .btn:focus {
    background: var(--main-color-secundary) !important;
    border: 1px var(--main-color-secundary) solid !important;
  }
}
body #app .row-form-comment {
  display: flex !important;
  justify-content: center !important;
}
body #app .row-form-comment .col-form-comment {
  padding: 0 !important;
  width: 100%;
  flex: 0 0 100%;
  max-width: 650px !important;
}
body #app .row-form-comment .col-form-comment .card {
  box-shadow: rgba(var(--main-color-rgba), 0.3) 0 0 6px !important;
  text-align: center;
  max-width: 650px !important;
}
body #app .row-form-comment .col-form-comment .card .card-header {
  background: none !important;
  border: 0 !important;
  display: flex !important;
  justify-content: center !important;
  padding: 25px 25px 0 !important;
}
body #app .row-form-comment .col-form-comment .card .card-header h3 {
  font-size: 28px !important;
  line-height: 30px !important;
  letter-spacing: 2px !important;
  position: relative !important;
  margin: 0 !important;
  width: fit-content !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: -ms-fit-content !important;
  width: -o-fit-content !important;
  border-bottom: 3px solid var(--main-color-primary) !important;
}
body #app .row-form-comment .col-form-comment .card .card-body {
  padding: 25px !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms label {
  width: 100% !important;
  text-align: left !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-section p {
  color: #b2b3b3 !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-section .field.prepend-icon {
  display: flex !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-section .field.prepend-icon i {
  color: #e6e6e6 !important;
  font-size: 50px;
  margin-right: 5px;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-section .field.prepend-icon textarea {
  height: 79px !important;
}
@media (min-width: 768px) {
  body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-section .field.prepend-icon textarea {
    height: 49px !important;
  }
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click {
  padding-bottom: 10px !important;
  padding-bottom: 10px !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click .icon-google-text {
  position: relative;
  top: 5px;
  height: 23px;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click i, body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click .fa {
  color: var(--main-color-primary) !important;
  font-size: 25px;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click h5 {
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  position: relative !important;
  text-transform: uppercase !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click .btn {
  margin-top: 20px !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click p {
  color: #8c8c8c !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click .form-group.select-branche {
  display: flex;
  justify-content: center !important;
}
body #app .row-form-comment .col-form-comment .card .card-body .smart-forms .col-rating-click .form-group.select-branche label {
  width: 95% !important;
  margin: 0 !important;
}
@media (max-width: 575.98px) {
  body #app .row-form-comment .col-form-comment .card .card-body .form-footer .btn {
    font-size: 12px !important;
    height: 30px;
    line-height: 17px;
  }
  body #app .row-form-comment .col-form-comment .card .card-body .form-footer a.btn {
    padding: 5px !important;
    margin-right: 1px !important;
  }
  body #app .row-form-comment .col-form-comment .card .card-body .form-footer button.btn {
    padding: 6px !important;
  }
}
body #app .row-form-comment .col-form-comment .card .card-body .form-footer .btn {
  margin-bottom: 6px;
  font-size: 14px;
}
body #app .row-form-comment .col-form-comment .card .card-body .form-footer a {
  padding: 8px;
  color: #999 !important;
  margin-right: 3px;
  font-size: 14px;
}
body #app .row-form-comment .col-form-comment .card .card-body .form-footer button.btn {
  padding: 9px;
}
body #app .row-form-comment .col-form-comment .card .card-body .form-footer .alert {
  line-height: 16px !important;
  font-size: 16px !important;
}
body #app .menu-login {
  position: relative;
}
body #app .menu-login .active::after {
  position: absolute;
  top: 0px;
  right: -3px;
  font: normal normal normal 10px/10px FontAwesome;
  content: "";
  background: #fff;
  border-radius: 50%;
  background: var(--main-color-primary);
  color: #fff;
  width: 12px;
  height: 12px;
  padding: 1px 1px;
}
body #app .menu-login svg {
  position: relative;
  top: 5px;
  width: auto;
  max-width: 17px;
  height: 16px;
}
body #app .menu-login svg.icon-user path {
  stroke: #fff;
}
body #app .menu-login svg path {
  fill: #fff;
}
body #app .show > .dropdown-menu,
body #app .open > .dropdown-menu {
  display: block;
}
body #app .menu-login .dropdown-menu,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu,
body #app .dropdown-content-menu .dropdown-menu {
  transform: unset !important;
  width: 150px;
  min-width: 150px;
  border-top: 2px solid var(--main-color-primary);
  position: absolute;
  left: unset;
  right: 0;
  background-color: #fff;
  padding: 0;
  margin-top: 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
  border-radius: 8px !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item .option-name,
body #app .menu-login .dropdown-menu a.dropdown-item,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item .option-name,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item .option-name,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item {
  font-size: 10px !important;
  line-height: 14px !important;
  white-space: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.25px !important;
  text-transform: uppercase !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item {
  font-family: "Open Sans", sans-serif !important;
  color: #575b5c !important;
  padding: 5px !important;
  border-bottom: 1px solid #e3e2e3;
  display: flex;
  text-align: left;
}
body #app .menu-login .dropdown-menu a.dropdown-item:hover,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item:hover,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item:hover {
  background: var(--main-color-primary);
  color: #fff !important;
  border-top: #fff 1px solid;
}
body #app .menu-login .dropdown-menu a.dropdown-item:hover svg.icon-user path,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item:hover svg.icon-user path,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item:hover svg.icon-user path {
  stroke: #fff !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item:hover .option-name, body #app .menu-login .dropdown-menu a.dropdown-item:hover i,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item:hover .option-name,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item:hover i,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item:hover .option-name,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item:hover i {
  color: #fff !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item:last-child,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item:last-child,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item:last-child {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item svg,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item svg,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item svg {
  position: relative;
  top: -1px !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item svg path,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item svg path,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item svg path {
  fill: var(--main-color-primary) !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item svg.icon-user path,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item svg.icon-user path,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item svg.icon-user path {
  stroke: var(--main-color-primary) !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item i,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item i,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item i {
  font-size: 14px !important;
  color: var(--main-color-primary) !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item i, body #app .menu-login .dropdown-menu a.dropdown-item svg,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item i,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item svg,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item i,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item svg {
  min-width: 16px;
  width: 16px !important;
  max-height: 17px;
  text-align: center;
  margin: 0 5px 0 0 !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item .option-name,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item .option-name,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item .option-name {
  padding: 0;
  color: #575b5c !important;
}
body #app .menu-login .dropdown-menu a.dropdown-item .user-name,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu a.dropdown-item .user-name,
body #app .dropdown-content-menu .dropdown-menu a.dropdown-item .user-name {
  font-family: "Open Sans", sans-serif !important;
  color: var(--main-color-primary) !important;
  width: 100%;
  border-bottom: 1px solid var(--main-color-primary);
  margin-bottom: 0;
  text-transform: capitalize;
  padding: 5px;
}
body #app .menu-login .dropdown-menu .user-name,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu .user-name,
body #app .dropdown-content-menu .dropdown-menu .user-name {
  font-family: "Open Sans", sans-serif !important;
  color: var(--main-color-primary) !important;
  width: 100%;
  border-bottom: 1px solid var(--main-color-primary);
  margin-bottom: 0;
  text-transform: capitalize;
  padding: 5px;
}
body #app .menu-login .dropdown-menu .user-name i, body #app .menu-login .dropdown-menu .user-name img, body #app .menu-login .dropdown-menu .user-name svg,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu .user-name i,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu .user-name img,
body #app #mainNavbarCollapse .dropdown-content-menu .dropdown-menu .user-name svg,
body #app .dropdown-content-menu .dropdown-menu .user-name i,
body #app .dropdown-content-menu .dropdown-menu .user-name img,
body #app .dropdown-content-menu .dropdown-menu .user-name svg {
  display: none;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-coupons,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-coupons,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-coupons,
body #app svg.icon-coupons {
  height: 12px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-info,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-info,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-info,
body #app svg.icon-info {
  height: 18px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-flyer,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-flyer,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-flyer,
body #app svg.icon-flyer {
  height: 17px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-reservation,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-reservation,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-reservation,
body #app svg.icon-reservation {
  height: 18px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-reorder,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-reorder,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-reorder,
body #app svg.icon-reorder {
  height: 18px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-cart-shopping,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-cart-shopping,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-cart-shopping,
body #app svg.icon-cart-shopping {
  width: auto;
  height: 20px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-user path,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-user path,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-user path,
body #app svg.icon-user path {
  stroke-width: 0.1px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-fa-twitter,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-fa-twitter,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-fa-twitter,
body #app svg.icon-fa-twitter {
  stroke: #fff;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-fa-twitter path,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-fa-twitter path,
body #app header nav .content-navbar-toggler-nav #mainNavbarCollapse ul li svg.icon-fa-twitter path,
body #app svg.icon-fa-twitter path {
  stroke-width: 0.5px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg {
  position: relative;
  width: auto;
  min-width: 16px;
  width: 16px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-order, body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-reservation, body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-flyer,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-order,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-reservation,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-flyer {
  top: 2px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-photos,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-photos {
  top: 1px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-info, body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-reorder,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-info,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-reorder {
  top: 3px;
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg.icon-user path,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg.icon-user path {
  stroke: var(--main-color-primary);
}
body #app header .content .area-center .menu-main .navbar-nav .nav-item .nav-link svg path,
body #app header nav .row-menu-option #mainNavbarCollapse ul li svg path {
  fill: var(--main-color-primary);
}
body #app .typeahead,
body #app .tt-query,
body #app .tt-hint {
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
}
body #app .typeahead {
  background-color: #fff;
}
body #app .typeahead:focus {
  border: 2px solid #0097cf;
}
body #app .tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
body #app .tt-hint {
  color: #999;
}
body #app .tt-menu {
  width: 100%;
  margin-top: 2px;
  padding: 4px 0;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  body #app .tt-menu {
    top: unset !important;
    bottom: 100% !important;
  }
}
body #app .tt-menu .tt-dataset.tt-dataset-google-predictions .tt-suggestion {
  padding: 6px 20px;
  font-size: 12px;
  line-height: 18px;
  color: black;
  border-bottom: 1px solid #d9d9d9;
}
body #app .tt-menu .tt-dataset.tt-dataset-google-predictions .tt-suggestion:last-child {
  border-bottom: 0 !important;
}
body #app .tt-menu .tt-dataset.tt-dataset-google-predictions .tt-suggestion img {
  margin-right: 5px;
  height: 18px;
}
body #app .tt-menu .tt-dataset.tt-dataset-google-predictions .tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}
body #app .tt-menu .tt-dataset.tt-dataset-google-predictions .tt-suggestion p {
  margin: 0;
  font-size: 18px;
  text-align: left;
}
body #app .twitter-typeahead {
  width: 100%;
}
body #app .tt-footer {
  text-align: right;
  padding-right: 10px;
}
body #app .tt-footer img {
  height: 18px;
}
body #app .pac-container {
  z-index: 9999;
  position: fixed;
  display: inline-block;
  float: left;
  background-color: #fff;
  position: absolute !important;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  body #app .pac-container {
    width: calc(100% - 83px) !important;
  }
}
body #app .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
body #app .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
body #app .container-inputs-codecoordinates {
  width: 100%;
}
body #app .input-group-addon.location {
  background: 0 0 !important;
  border: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 30px;
  height: 36px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
body #app .input-group-addon.location svg {
  height: 19px;
  width: 18px;
}

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