/**
*	Theme Name: Marios Maxican
*	Theme URI:
*	Author: ST Media Solution
*	Author URI: https://stdezign.com
*	Description: Custom theme
*	Version: 1.0
*	Text Domain:  stdezign 
**/
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: 'against';
  src: url("assets/fonts/against-Regular.eot");
  src: url("assets/fonts/against-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/against-Regular.woff2") format("woff2"), url("assets/fonts/against-Regular.woff") format("woff"), url("assets/fonts/against-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* line 13, sass/style.scss */
body::-webkit-scrollbar {
  width: 5px;
}

/* line 16, sass/style.scss */
body::-webkit-scrollbar-thumb {
  background: #e64646;
  outline: #e64646 solid 1px;
}

/* line 21, sass/style.scss */
a,
a:hover {
  text-decoration: none !important;
}

/* line 26, sass/style.scss */
p {
  margin: 0 0 20px;
}

/* line 30, sass/style.scss */
img {
  height: auto;
  max-width: 100%;
}

/* line 34, sass/style.scss */
a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: 0 !important;
}

/* line 41, sass/style.scss */
input[type="checkbox"],
input[type="radio"] {
  width: auto !important;
}

/* line 45, sass/style.scss */
.searchform {
  position: relative;
}

/* line 48, sass/style.scss */
.searchform input {
  border-radius: 30px;
  border: 1px solid #ccc;
  padding: 14px 20px;
  width: 100%;
}

/* line 54, sass/style.scss */
.searchform button {
  border: 0px;
  background-color: transparent;
  font-size: 24px;
  position: absolute;
  top: 5px;
  right: 10px;
}

/* line 62, sass/style.scss */
ul.nav-menu,
div.nav-menu > ul {
  margin: 0;
  padding: 0;
}

/* .nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #220e10;
	color: #ffffff;
    } */
/* line 76, sass/style.scss */
.nav-menu .sub-menu,
.nav-menu .children {
  background-color: #e35a28;
  border: 0px;
  border-top: 0;
  padding: 0;
  position: absolute;
  left: -2px;
  z-index: 99999;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* line 91, sass/style.scss */
ul.sub-menu li {
  margin: 0px;
}

/* line 95, sass/style.scss */
ul.sub-menu li a {
  color: #ffffff !important;
  padding: 15px;
  text-align: left;
}

/* line 101, sass/style.scss */
ul.sub-menu li a:hover {
  background: #000;
}

/* line 105, sass/style.scss */
.nav-menu .sub-menu ul,
.nav-menu .children ul {
  border-left: 0;
  left: 100%;
  top: 0;
}

/* line 112, sass/style.scss */
ul.nav-menu ul a,
.nav-menu ul ul a {
  color: #ffffff;
  margin: 0;
  width: 200px;
}

/* line 119, sass/style.scss */
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
  background-color: #db572f;
}

/* line 126, sass/style.scss */
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
  clip: inherit;
  overflow: inherit;
  height: inherit;
  width: inherit;
}

/* line 136, sass/style.scss */
.closebtn,
.openmenu,
.menuToggle,
.mobilesubmenu {
  display: none;
}

/* line 143, sass/style.scss */
.sec-padd {
  padding: 100px 0;
}

/* line 147, sass/style.scss */
.font-48 {
  font: 400 48px "against";
  color: #000;
  margin: 10px 0 0 0;
  text-transform: uppercase;
}

/* line 150, sass/style.scss */
.font-24 {
  font: 500 24px "Hanken Grotesk", sans-serif;
  color: #e64646;
  margin: 0;
}

/* line 153, sass/style.scss */
.font-24-monteilga {
  font: 400 24px "against";
  margin: 0;
}

/* line 156, sass/style.scss */
.font-16 {
  font: 400 16px "Hanken Grotesk", sans-serif;
  margin: 0;
}

/* line 160, sass/style.scss */
.site-header {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all .4s ease-in-out;
  padding: 10px 0;
}
/* line 168, sass/style.scss */
.site-header.fix_top {
  top: 0;
  background-color: #e64646;
}
/* line 174, sass/style.scss */
.site-header.fix_top nav ul li a {
  padding: 6px 40px;
}
/* line 181, sass/style.scss */
.site-header.fix_top .site-logo img {
  max-width: 260px;
}
/* line 186, sass/style.scss */
.site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 192, sass/style.scss */
.site-header nav ul {
  list-style: none;
  padding: 0;
}
/* line 195, sass/style.scss */
.site-header nav ul li {
  display: inline-block;
}
/* line 197, sass/style.scss */
.site-header nav ul li a {
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transition: all .4s ease-in-out;
}
/* line 204, sass/style.scss */
.site-header nav ul li a:hover {
  background-color: #e64646;
}

/* line 213, sass/style.scss */
.hero-banner {
  padding: 35% 0 10%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 80px 80px;
}
/* line 219, sass/style.scss */
.hero-banner h1 {
  font: 400 90px "against";
  color: #fff;
  margin: 0;
}
/* line 224, sass/style.scss */
.hero-banner p {
  margin: 20px 0 0 0;
  font: 400 24px "Hanken Grotesk", sans-serif;
  color: #fff;
  width: 100%;
  max-width: 690px;
}

/* line 234, sass/style.scss */
.most-popular .row {
  margin-top: 50px;
}
/* line 237, sass/style.scss */
.most-popular .serv-box {
  background-color: #fdfdfd;
  border-radius: 20px;
  transition: all .4s ease-in-out;
}
/* line 241, sass/style.scss */
.most-popular .serv-box .img-box {
  position: relative;
  padding-bottom: 80%;
}
/* line 244, sass/style.scss */
.most-popular .serv-box .img-box img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
/* line 252, sass/style.scss */
.most-popular .serv-box .img-box span {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #fff;
  font: 700 18px "Hanken Grotesk", sans-serif;
}
/* line 260, sass/style.scss */
.most-popular .serv-box .head-box {
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 265, sass/style.scss */
.most-popular .serv-box .head-box h3 {
  margin: 0;
  font: 700 24px "Hanken Grotesk", sans-serif;
  color: #000;
  transition: all .2s ease-in-out;
}
/* line 271, sass/style.scss */
.most-popular .serv-box .head-box i {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #fff;
  color: #e64646;
  border-radius: 100px;
  opacity: 0;
  transition: all .3s ease-in-out;
}
/* line 285, sass/style.scss */
.most-popular .serv-box:hover {
  background-color: #e64646;
}
/* line 288, sass/style.scss */
.most-popular .serv-box:hover .head-box h3 {
  color: #fff;
}
/* line 291, sass/style.scss */
.most-popular .serv-box:hover .head-box i {
  opacity: 1;
}

/* line 299, sass/style.scss */
.welcome-marios {
  position: relative;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* line 305, sass/style.scss */
.welcome-marios::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.19);
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
/* line 315, sass/style.scss */
.welcome-marios .container {
  position: relative;
}
/* line 319, sass/style.scss */
.welcome-marios .sec-heading h4,
.welcome-marios .sec-heading h2 {
  color: #fff;
}
/* line 324, sass/style.scss */
.welcome-marios .outer-box {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 50px;
}
/* line 329, sass/style.scss */
.welcome-marios .outer-box .para-box {
  padding: 35px;
  background-color: rgba(0, 0, 0, 0.19);
  border-radius: 10px;
}
/* line 333, sass/style.scss */
.welcome-marios .outer-box .para-box p {
  color: #fff;
  margin: 10px 0 0 0;
  line-height: 1.5rem;
}
/* line 337, sass/style.scss */
.welcome-marios .outer-box .para-box p:first-child {
  margin: 0;
}
/* line 343, sass/style.scss */
.welcome-marios .outer-box .left-content .img-box {
  margin-top: 20px;
}
/* line 347, sass/style.scss */
.welcome-marios .outer-box .img-box {
  position: relative;
  padding-bottom: 80%;
}
/* line 350, sass/style.scss */
.welcome-marios .outer-box .img-box img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/* line 360, sass/style.scss */
.welcome-marios .outer-box .center-img .img-box {
  padding-bottom: 152%;
}
/* line 364, sass/style.scss */
.welcome-marios .outer-box .right-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* line 369, sass/style.scss */
.welcome-marios .outer-box .right-content .img-box img {
  filter: grayscale(100%);
}
/* line 373, sass/style.scss */
.welcome-marios .outer-box .right-content .para-box {
  margin-top: 20px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 380, sass/style.scss */
.welcome-marios .outer-box .right-content .para-box p {
  margin-top: 10px;
}
/* line 383, sass/style.scss */
.welcome-marios .outer-box .right-content .para-box h3 {
  font: 400 24px "against";
  text-transform: uppercase;
  color: #e64646;
  margin: 0;
}

/* line 395, sass/style.scss */
.our-offerings .bottom-sec {
  margin-top: 50px;
}
/* line 398, sass/style.scss */
.our-offerings .nav-tabs {
  padding-bottom: 0;
  border: none;
}
/* line 401, sass/style.scss */
.our-offerings .nav-tabs li {
  margin-left: 12px;
}
/* line 403, sass/style.scss */
.our-offerings .nav-tabs li:first-child {
  margin: 0;
}
/* line 407, sass/style.scss */
.our-offerings .nav-tabs button {
  display: inline-block;
  font: 700 20px "Hanken Grotesk", sans-serif;
  background-color: transparent;
  color: #000;
  border-radius: 60%;
  padding: 15px 40px;
  margin: 0;
  border: 2px solid #000;
}
/* line 416, sass/style.scss */
.our-offerings .nav-tabs button:hover {
  border: 2px solid #e64646;
}
/* line 419, sass/style.scss */
.our-offerings .nav-tabs button.active {
  border: 2px solid #e64646;
}
/* line 425, sass/style.scss */
.our-offerings .tab-content .img-box {
  position: relative;
  padding-bottom: 100%;
}
/* line 428, sass/style.scss */
.our-offerings .tab-content .img-box img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/* line 437, sass/style.scss */
.our-offerings .tab-content .content-box {
  padding-left: 30px;
}
/* line 440, sass/style.scss */
.our-offerings .tab-content .content-box ul li {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #e5e5e5;
}
/* line 444, sass/style.scss */
.our-offerings .tab-content .content-box ul li:first-child {
  border: none;
  padding-top: 0;
  margin: 0;
}
/* line 449, sass/style.scss */
.our-offerings .tab-content .content-box ul li .cs-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 455, sass/style.scss */
.our-offerings .tab-content .content-box ul li .price h4 {
  color: #000;
  font-weight: 700;
  margin: 0;
  opacity: .5;
}
/* line 462, sass/style.scss */
.our-offerings .tab-content .content-box ul li .below-content {
  margin-top: 30px;
}
/* line 464, sass/style.scss */
.our-offerings .tab-content .content-box ul li .below-content .content-para {
  padding-right: 70px;
}
/* line 466, sass/style.scss */
.our-offerings .tab-content .content-box ul li .below-content .content-para p {
  opacity: .5;
}
/* line 471, sass/style.scss */
.our-offerings .tab-content .content-box ul li .below-content .contact-lnk a {
  color: #000;
  font: 500 18px "Hanken Grotesk", sans-serif;
  text-decoration: underline !important;
}
/* line 480, sass/style.scss */
.our-offerings .tab-content .content-box ul li:hover .name-head h3 {
  color: #e64646;
}

/* line 492, sass/style.scss */
.slick-next:before,
.slick-prev:before {
  font-family: "Font Awesome 5 Pro" !important;
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  opacity: 1 !important;
  font-size: 25px !important;
  font-weight: 300;
  color: #52514e !important;
  background-color: #282621;
  width: 45px;
  height: 45px;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
}

/* line 510, sass/style.scss */
.slick-prev:before {
  content: "\f177" !important;
}

/* line 513, sass/style.scss */
.slick-next:before {
  content: "\f178" !important;
}

/* line 517, sass/style.scss */
.slick-next:hover:before,
.slick-prev:hover:before {
  background-color: #e64646;
  color: #fff !important;
}

/* line 523, sass/style.scss */
.gallery {
  position: relative;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* line 529, sass/style.scss */
.gallery::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
/* line 539, sass/style.scss */
.gallery .container {
  position: relative;
}
/* line 543, sass/style.scss */
.gallery .sec-heading h4,
.gallery .sec-heading h2 {
  color: #fff;
}
/* line 548, sass/style.scss */
.gallery .outer-box {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 50px;
}
/* line 554, sass/style.scss */
.gallery .img-box {
  position: relative;
  padding-bottom: 100%;
}
/* line 557, sass/style.scss */
.gallery .img-box img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/* line 565, sass/style.scss */
.gallery .img-box .lnk-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  opacity: 0;
  transition: all .3s ease-in-out;
}
/* line 577, sass/style.scss */
.gallery .img-box .lnk-box a {
  background-color: #e64646;
  color: #fff;
  text-align: center;
  padding: 10px 50px;
  border-radius: 30px;
}
/* line 586, sass/style.scss */
.gallery .img-box:hover .lnk-box {
  opacity: 1;
}
/* line 593, sass/style.scss */
.gallery .gallery-slide .img-box {
  padding-bottom: 14%;
}
/* line 597, sass/style.scss */
.gallery .slick-next,
.gallery .slick-prev {
  top: 50%;
}
/* line 602, sass/style.scss */
.gallery .slick-prev {
  left: 15px;
  z-index: 1;
}
/* line 606, sass/style.scss */
.gallery .slick-next {
  right: 60px;
}
/* line 610, sass/style.scss */
.gallery .top-img .img-box {
  padding-bottom: 50%;
}
/* line 615, sass/style.scss */
.gallery .below-img {
  margin-top: 20px;
}
/* line 617, sass/style.scss */
.gallery .below-img .img-box {
  padding-bottom: 93%;
}

/* line 623, sass/style.scss */
.testimonial {
  background-color: #fff9f3;
}
/* line 626, sass/style.scss */
.testimonial .slide-view p {
  font: 400 24px "Hanken Grotesk", sans-serif;
  color: #000;
  margin: 0;
}
/* line 631, sass/style.scss */
.testimonial .slide-view .name {
  margin-top: 100px;
}
/* line 633, sass/style.scss */
.testimonial .slide-view .name h3 {
  font: 500 18px "Hanken Grotesk", sans-serif;
  margin: 0;
}
/* line 640, sass/style.scss */
.testimonial .min-slide .inner-img {
  position: relative;
  width: 100px;
  height: 100px;
}
/* line 644, sass/style.scss */
.testimonial .min-slide .inner-img::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: 1;
}
/* line 655, sass/style.scss */
.testimonial .min-slide img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  margin-left: auto;
  position: relative;
}
/* line 664, sass/style.scss */
.testimonial .min-slide .is-active .inner-img::before {
  background-color: rgba(230, 70, 70, 0.4);
}
/* line 670, sass/style.scss */
.testimonial .slick-dots {
  position: inherit;
  text-align: left;
}
/* line 673, sass/style.scss */
.testimonial .slick-dots li {
  margin: 0 0 0 5px;
  width: auto;
  height: auto;
}
/* line 677, sass/style.scss */
.testimonial .slick-dots li:first-child {
  margin-left: 0;
}
/* line 680, sass/style.scss */
.testimonial .slick-dots li button {
  width: 7px;
  height: 7px;
  background-color: #b0ada9;
  display: inline-block;
  padding: 0;
}
/* line 686, sass/style.scss */
.testimonial .slick-dots li button::before {
  display: none;
}
/* line 691, sass/style.scss */
.testimonial .slick-dots li.slick-active button {
  background-color: #e64646;
}

/* line 700, sass/style.scss */
.faq .img-box {
  position: relative;
  padding-bottom: 100%;
  margin-top: 150px;
}
/* line 704, sass/style.scss */
.faq .img-box img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/* line 714, sass/style.scss */
.faq .faq-list {
  margin-top: 150px;
}
/* line 718, sass/style.scss */
.faq .accordion .accordion-item {
  display: block;
  background-color: transparent;
  cursor: pointer;
  border-radius: 0 !important;
  border: none;
  box-shadow: none;
  padding: 0 0 25px 0 !important;
  border-bottom: 1px solid #e0dfda;
  margin-bottom: 20px;
}
/* line 728, sass/style.scss */
.faq .accordion .accordion-item:first-child {
  margin-top: 0;
}
/* line 733, sass/style.scss */
.faq .accordion .accordion-item.active-drop h2 i {
  color: #e64646;
  transform: scale(-1);
}
/* line 739, sass/style.scss */
.faq .accordion .accordion-item p {
  color: #000;
  line-height: 1.8rem;
  margin: 10px 0 0 0;
}
/* line 744, sass/style.scss */
.faq .accordion .accordion-item i {
  color: #000;
  transition: all .3s ease-in-out;
}
/* line 749, sass/style.scss */
.faq .accordion .accordion-body {
  padding: 0;
  margin-bottom: 0x;
}
/* line 756, sass/style.scss */
.faq .accordion-item-head h2 {
  color: #000;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 766, sass/style.scss */
.special-serv {
  position: relative;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* line 772, sass/style.scss */
.special-serv::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
/* line 782, sass/style.scss */
.special-serv .container {
  position: relative;
}
/* line 786, sass/style.scss */
.special-serv .sec-heading p,
.special-serv .sec-heading h4,
.special-serv .sec-heading h2 {
  color: #fff;
}
/* line 791, sass/style.scss */
.special-serv .sec-heading p {
  width: 100%;
  max-width: 550px;
  margin: 10px auto 0;
  line-height: 1.7rem;
}
/* line 798, sass/style.scss */
.special-serv .outer-box {
  padding: 20px;
  border: 1px solid #3b3935;
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: 50px;
  border-radius: 10px;
}
/* line 804, sass/style.scss */
.special-serv .outer-box .inner-box {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 50px 30px;
  border-radius: 10px;
}
/* line 810, sass/style.scss */
.special-serv .info-det {
  text-align: center;
}
/* line 813, sass/style.scss */
.special-serv .info-det .icon img {
  max-width: 45px;
}
/* line 818, sass/style.scss */
.special-serv .info-det .info-head h3 {
  color: #fff;
  margin: 10px 0 0 0;
}
/* line 822, sass/style.scss */
.special-serv .info-det .info-head p {
  color: #fff;
  margin: 10px auto 0;
  width: 100%;
  max-width: 230px;
}

/* line 834, sass/style.scss */
.contact-us .sec-heading p {
  width: 100%;
  max-width: 480px;
  margin: 10px auto 0;
  line-height: 1.7rem;
}
/* line 842, sass/style.scss */
.contact-us form {
  width: 100%;
  max-width: 900px;
  margin: auto;
  position: relative;
}
/* line 847, sass/style.scss */
.contact-us form .form-group {
  margin-top: 30px;
}
/* line 849, sass/style.scss */
.contact-us form .form-group br {
  display: none;
}
/* line 852, sass/style.scss */
.contact-us form .form-group span {
  display: block;
  font: 500 16px "Hanken Grotesk", sans-serif;
  margin-bottom: 10px;
}
/* line 857, sass/style.scss */
.contact-us form .form-group.sub-btn {
  text-align: center;
}
/* line 859, sass/style.scss */
.contact-us form .form-group.sub-btn input {
  padding: 15px 30px;
  background-color: #e64646;
  border: 1px solid #e64646;
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: all .3s ease-in-out;
  display: inline-flex;
  align-items: center;
  font: 400 14px "against";
  width: 100%;
  border-radius: 5px;
}
/* line 872, sass/style.scss */
.contact-us form .form-group.sub-btn input:hover {
  background-color: transparent;
  color: #e64646;
}
/* line 878, sass/style.scss */
.contact-us form .form-group .wpcf7-spinner {
  position: absolute;
}
/* line 884, sass/style.scss */
.contact-us select,
.contact-us textarea,
.contact-us input {
  border: none;
  background-color: #fbfbfb;
  border-radius: 0;
  color: #999999;
  font: 400 14px "Hanken Grotesk", sans-serif;
  padding: 12px 20px;
  border-radius: 5px;
  width: 100%;
}
/* line 895, sass/style.scss */
.contact-us select:focus,
.contact-us textarea:focus,
.contact-us input:focus {
  border-color: #e64646;
  background-color: #fbfbfb;
  box-shadow: 0 0 0 1px #e64646;
}
/* line 901, sass/style.scss */
.contact-us select::placeholder,
.contact-us textarea::placeholder,
.contact-us input::placeholder {
  font: 400 14px "Hanken Grotesk", sans-serif;
  color: #999999;
}
/* line 906, sass/style.scss */
.contact-us textarea {
  height: 100px;
}
/* line 910, sass/style.scss */
.contact-us .wpcf7 {
  margin-top: 30px;
}
/* line 913, sass/style.scss */
.contact-us .wpcf7-not-valid-tip {
  color: #dc3232;
  font: 400 12px "Hanken Grotesk", sans-serif !important;
  margin: 5px 0 0 0;
}

/* line 920, sass/style.scss */
.site-footer {
  position: relative;
  background-image: url("images/foo-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50px 50px 0 0;
}
/* line 927, sass/style.scss */
.site-footer::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
/* line 937, sass/style.scss */
.site-footer .container {
  position: relative;
}
/* line 941, sass/style.scss */
.site-footer.sec-padd {
  padding: 100px 0 50px;
}
/* line 945, sass/style.scss */
.site-footer .content-foo p {
  color: #fff;
  margin: 50px 0 0 0;
  opacity: .5;
}
/* line 952, sass/style.scss */
.site-footer .footer-widget h2 {
  color: #fff;
  margin: 0;
}
/* line 956, sass/style.scss */
.site-footer .footer-widget ul {
  margin: 40px 0 0 0;
}
/* line 958, sass/style.scss */
.site-footer .footer-widget ul li {
  margin-top: 15px;
}
/* line 960, sass/style.scss */
.site-footer .footer-widget ul li p,
.site-footer .footer-widget ul li a {
  font: 300 16px "Hanken Grotesk", sans-serif;
  color: #fff;
  opacity: .5;
  transition: all .4s ease-in-out;
}
/* line 966, sass/style.scss */
.site-footer .footer-widget ul li p:hover,
.site-footer .footer-widget ul li a:hover {
  opacity: 1;
}
/* line 973, sass/style.scss */
.site-footer .footer-widget ul.social-list a i {
  transform: rotate(-20deg);
  margin-right: 3px;
}
/* line 980, sass/style.scss */
.site-footer .footer-widget ul.contact-list a,
.site-footer .footer-widget ul.contact-list p {
  display: flex;
}
/* line 983, sass/style.scss */
.site-footer .footer-widget ul.contact-list a span,
.site-footer .footer-widget ul.contact-list p span {
  margin-right: 8px;
  display: inline-block;
}
/* line 991, sass/style.scss */
.site-footer .copyright {
  text-align: center;
  padding-top: 20px;
  margin-top: 100px;
  border-top: 1px solid #e64646;
}
/* line 996, sass/style.scss */
.site-footer .copyright p {
  margin: 0;
  color: #fff;
  opacity: .5;
  font-weight: 300;
}

/* line 1004, sass/style.scss */
.desktop-hide {
  display: none;
}

@media (min-width: 1600px) {
  /* line 3, sass/_screen.scss */
  .container {
    max-width: 1540px !important;
  }
}
@media (max-width: 1440px) {
  /* line 9, sass/_screen.scss */
  .hero-banner h1 {
    font: 400 60px "against";
  }

  /* line 12, sass/_screen.scss */
  .our-offerings .nav-tabs button {
    font: 700 16px "Hanken Grotesk", sans-serif;
    padding: 15px 30px;
  }
}
@media (max-width: 1366px) {
  /* line 19, sass/_screen.scss */
  .our-offerings .nav-tabs button {
    padding: 15px 20px;
  }

  /* line 22, sass/_screen.scss */
  .site-header nav ul li a {
    padding: 12px 30px;
  }
}
@media (max-width: 1170px) {
  /* line 28, sass/_screen.scss */
  #menuToggle {
    display: flex;
    flex-direction: column;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    z-index: 9999999;
    margin-right: 0;
    cursor: pointer;
  }

  /* line 39, sass/_screen.scss */
  #menuToggle input {
    width: 32px !important;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    top: -6px;
  }

  /* line 48, sass/_screen.scss */
  .mob-icons ul {
    margin: 0;
  }

  /* line 52, sass/_screen.scss */
  #menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #e64646;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }

  /* line 67, sass/_screen.scss */
  .menuToggle.open {
    position: absolute;
    top: 32px;
    right: 23px;
  }

  /* line 72, sass/_screen.scss */
  .mob-icons {
    display: flex;
    align-items: center;
  }

  /* line 76, sass/_screen.scss */
  #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }

  /* line 81, sass/_screen.scss */
  #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
    margin: 0;
  }

  /* line 86, sass/_screen.scss */
  #menuToggle.open span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #ffffff;
  }

  /* line 92, sass/_screen.scss */
  #menuToggle.open span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  /* line 98, sass/_screen.scss */
  #menuToggle.open span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }

  /* line 102, sass/_screen.scss */
  ul.nav-menu li ul.sub-menu,
  ul.nav-menu li:hover ul.sub-menu {
    display: none !important;
  }

  /* line 106, sass/_screen.scss */
  ul.nav-menu li.open ul.sub-menu,
  ul.nav-menu li.open:hover ul.sub-menu {
    display: block !important;
  }

  /* line 110, sass/_screen.scss */
  ul.sub-menu.open-submenu {
    display: block !Important;
    background-color: rgba(72, 72, 72, 0.85) !important;
    top: 0 !important;
  }

  /* line 115, sass/_screen.scss */
  .mobilesubmenu.open {
    background-color: rgba(72, 72, 72, 0.85) !important;
  }

  /* line 118, sass/_screen.scss */
  ul.sub-menu {
    display: none !Important;
    position: relative !Important;
    top: -100% !Important;
  }

  /* line 123, sass/_screen.scss */
  .mobilesubmenu i {
    position: relative;
    top: 13px;
    right: 18px;
  }

  /* line 128, sass/_screen.scss */
  .nav-bar li {
    display: block;
    margin: 0;
    width: 100%;
    top: 0;
    overflow: hidden;
  }

  /* line 135, sass/_screen.scss */
  .mobilesubmenu {
    display: block;
    position: absolute;
    top: 0;
    cursor: pointer;
    color: #ffffff;
    right: 0;
    z-index: 9999;
    border-left: 1px solid #717171;
    padding-left: 36px;
    height: 46px;
  }

  /* line 147, sass/_screen.scss */
  .nav-menu .sub-menu, .nav-menu .children {
    width: 100%;
  }

  /* line 150, sass/_screen.scss */
  ul.sub-menu li {
    display: block;
  }

  /* line 153, sass/_screen.scss */
  ul.sub-menu,
  .open-submenu {
    transition: all 1s;
  }

  /* line 157, sass/_screen.scss */
  .openmenu {
    display: inline-block;
    font-size: 30px;
    cursor: pointer;
    color: #333333;
  }

  /* line 163, sass/_screen.scss */
  .nav-bar.open {
    right: 0;
  }

  /* line 166, sass/_screen.scss */
  .nav-menu li a {
    color: #000;
    padding: 15px 0;
  }

  /* line 170, sass/_screen.scss */
  ul.sub-menu li:last-child {
    border: 0px !Important;
  }

  /* line 173, sass/_screen.scss */
  ul.sub-menu li a {
    color: #ffffff !Important;
    font-weight: 600;
  }

  /* line 177, sass/_screen.scss */
  ul.sub-menu li {
    margin: 0px;
  }

  /* line 180, sass/_screen.scss */
  ul.sub-menu li:last-child a {
    text-align: left;
    color: #ffffff !Important;
    padding: 15px;
  }

  /* line 185, sass/_screen.scss */
  .nav-bar {
    background-image: url("images/hero-banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    padding: 15px;
    padding-top: 60px;
    transition: all 0.3s;
    width: 100%;
    text-align: center;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* line 204, sass/_screen.scss */
  .nav-bar::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    border-radius: 50px;
  }

  /* line 214, sass/_screen.scss */
  .nav-bar nav {
    position: relative;
  }

  /* line 217, sass/_screen.scss */
  .site-header nav ul li {
    margin-top: 15px;
  }

  /* line 220, sass/_screen.scss */
  .closebtn {
    display: block;
    position: absolute;
    top: -55px;
    font-size: 20px;
    right: 0;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 20px;
  }

  /* line 230, sass/_screen.scss */
  .site-header.fix_top #menuToggle span {
    background: #fff;
  }

  /* line 233, sass/_screen.scss */
  .menuToggle ul {
    margin: 0;
  }

  /* line 236, sass/_screen.scss */
  .most-popular .serv-box .img-box {
    padding-bottom: 100%;
  }

  /* line 240, sass/_screen.scss */
  .our-offerings .top-sec .col-md-7,
  .our-offerings .top-sec .col-md-5 {
    width: 100%;
  }

  /* line 244, sass/_screen.scss */
  .our-offerings .top-sec {
    text-align: center;
  }

  /* line 247, sass/_screen.scss */
  .our-offerings .nav-tabs {
    justify-content: center;
    margin-top: 20px;
  }

  /* line 252, sass/_screen.scss */
  .testimonial .col-md-4,
  .testimonial .col-md-1,
  .testimonial .col-md-7 {
    width: 100%;
  }

  /* line 257, sass/_screen.scss */
  .testimonial .slick-dots {
    bottom: -170px;
    text-align: center;
    display: inline-block;
  }

  /* line 262, sass/_screen.scss */
  .testimonial .slide-view .name {
    margin-top: 40px;
  }

  /* line 265, sass/_screen.scss */
  .special-serv .col-md-3 {
    width: 50%;
    margin-top: 20px;
  }

  /* line 269, sass/_screen.scss */
  .special-serv .outer-box .inner-box {
    padding: 30px 30px 50px 30px;
  }
}
@media (max-width: 1024px) {
  /* line 276, sass/_screen.scss */
  .site-footer {
    text-align: center;
  }

  /* line 279, sass/_screen.scss */
  .site-footer .col-md-3 {
    width: 100%;
  }

  /* line 282, sass/_screen.scss */
  .site-footer .col-md-2.half-w,
  .site-footer .col-md-3.half-w {
    width: 50%;
  }

  /* line 286, sass/_screen.scss */
  .site-footer .col-md-2 {
    width: 100%;
  }

  /* line 289, sass/_screen.scss */
  .site-footer .footer-widget ul.contact-list a, .site-footer .footer-widget ul.contact-list p {
    justify-content: center;
  }

  /* line 292, sass/_screen.scss */
  .footer-widget {
    text-align: center;
    margin-top: 30px;
  }

  /* line 296, sass/_screen.scss */
  .font-48 {
    font: 400 30px "against";
  }

  /* line 299, sass/_screen.scss */
  .faq .col-md-4,
  .faq .col-md-2,
  .faq .col-md-6 {
    width: 100%;
  }

  /* line 304, sass/_screen.scss */
  .desktop-hide {
    display: block;
    margin-top: 15px;
  }

  /* line 308, sass/_screen.scss */
  .mob-hide {
    display: none;
  }

  /* line 311, sass/_screen.scss */
  .faq .img-box {
    margin-top: 50px;
  }
}
@media (max-width: 992px) {
  /* line 317, sass/_screen.scss */
  .our-offerings .col-md-7,
  .our-offerings .col-md-5 {
    width: 100%;
  }

  /* line 321, sass/_screen.scss */
  .our-offerings .tab-content .content-box {
    padding-left: 0;
    margin-top: 30px;
  }

  /* line 325, sass/_screen.scss */
  .welcome-marios .col-md-4 {
    width: 100%;
  }

  /* line 328, sass/_screen.scss */
  .welcome-marios .outer-box .center-img,
  .welcome-marios .outer-box .right-content {
    margin-top: 20px;
  }

  /* line 332, sass/_screen.scss */
  .welcome-marios .outer-box .center-img .img-box {
    padding-bottom: 100%;
  }

  /* line 335, sass/_screen.scss */
  .gallery .outer-box .col-md-6 {
    width: 100%;
  }

  /* line 338, sass/_screen.scss */
  .gallery .outer-box .col-md-6 .below-img .col-md-6 {
    width: 50%;
  }

  /* line 341, sass/_screen.scss */
  .most-popular .col-md-4 {
    width: 50%;
    margin-top: 20px;
  }

  /* line 345, sass/_screen.scss */
  .most-popular .row {
    margin-top: 20px;
  }

  /* line 348, sass/_screen.scss */
  .hero-banner h1 {
    font: 400 40px "against";
  }

  /* line 351, sass/_screen.scss */
  .hero-banner p {
    margin: 10px 0 0 0;
    font: 400 20px "Hanken Grotesk", sans-serif;
  }

  /* line 355, sass/_screen.scss */
  .sec-padd {
    padding: 70px 0;
  }

  /* line 358, sass/_screen.scss */
  .font-24-monteilga {
    font: 400 20px "against";
  }

  /* line 361, sass/_screen.scss */
  .site-header .site-logo img {
    max-width: 260px;
  }

  /* line 364, sass/_screen.scss */
  .site-header {
    top: 10px;
  }

  /* line 367, sass/_screen.scss */
  .most-popular .serv-box .head-box {
    padding: 16px;
  }

  /* line 370, sass/_screen.scss */
  .gallery .top-img {
    margin-top: 20px;
  }

  /* line 373, sass/_screen.scss */
  .testimonial .slick-dots {
    bottom: -150px;
  }

  /* line 376, sass/_screen.scss */
  .testimonial .slide-view p {
    font: 400 20px "Hanken Grotesk", sans-serif;
  }
}
@media (max-width: 767px) {
  /* line 382, sass/_screen.scss */
  .hero-banner {
    padding: 50% 0 15%;
  }

  /* line 385, sass/_screen.scss */
  .welcome-marios .outer-box .para-box {
    padding: 20px;
  }

  /* line 388, sass/_screen.scss */
  .our-offerings .nav-tabs button {
    padding: 15px 20px;
    width: 100%;
    margin-top: 15px;
    border-radius: 10px;
  }

  /* line 394, sass/_screen.scss */
  .our-offerings .nav-tabs li {
    margin-left: 5px;
    width: 48%;
  }

  /* line 398, sass/_screen.scss */
  .faq .faq-list {
    margin-top: 50px;
  }

  /* line 401, sass/_screen.scss */
  .font-24 {
    font: 500 20px "Hanken Grotesk", sans-serif;
  }

  /* line 404, sass/_screen.scss */
  .faq .accordion-item-head h2 {
    padding-right: 10px;
  }

  /* line 407, sass/_screen.scss */
  .special-serv .outer-box .inner-box {
    padding: 20px 18px 25px 18px;
  }

  /* line 410, sass/_screen.scss */
  .special-serv .info-det .info-head h3 {
    font: 400 18px "against";
  }

  /* line 413, sass/_screen.scss */
  .site-footer .copyright {
    margin-top: 50px;
  }

  /* line 416, sass/_screen.scss */
  .most-popular .serv-box .head-box h3 {
    font: 700 20px "Hanken Grotesk", sans-serif;
  }

  /* line 419, sass/_screen.scss */
  .most-popular .sec-heading {
    text-align: center;
  }

  /* line 422, sass/_screen.scss */
  .most-popular .serv-box .head-box i {
    width: 30px;
    height: 24px;
    font-size: 12px;
    margin-left: 6px;
  }
}
@media (max-width: 600px) {
  /* line 431, sass/_screen.scss */
  .hero-banner h1 {
    font: 400 34px "against";
  }

  /* line 434, sass/_screen.scss */
  .our-offerings .nav-tabs button {
    padding: 15px 10px;
  }

  /* line 437, sass/_screen.scss */
  .our-offerings .tab-content .content-box ul li .cs-row {
    flex-wrap: wrap;
  }

  /* line 440, sass/_screen.scss */
  .our-offerings .tab-content .content-box ul li .below-content .content-para {
    padding-right: 20px;
  }

  /* line 443, sass/_screen.scss */
  .our-offerings .tab-content .content-box ul li .below-content .contact-lnk a {
    display: block;
    margin-top: 10px;
  }

  /* line 447, sass/_screen.scss */
  .faq .accordion .accordion-item p {
    line-height: 1.4rem;
  }

  /* line 450, sass/_screen.scss */
  .font-16 {
    font: 400 14px "Hanken Grotesk", sans-serif;
  }

  /* line 453, sass/_screen.scss */
  .faq .img-box {
    margin-top: 20px;
  }

  /* line 456, sass/_screen.scss */
  .special-serv .outer-box {
    margin-top: 30px;
  }

  /* line 459, sass/_screen.scss */
  .site-footer.sec-padd {
    padding: 70px 0 50px;
  }
}
@media (max-width: 375px) {
  /* line 465, sass/_screen.scss */
  .font-24-monteilga {
    font: 400 18px "against";
  }

  /* line 468, sass/_screen.scss */
  .font-24 {
    font: 500 18px "Hanken Grotesk", sans-serif;
  }
}
