/* ============ reset ============ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: 0;
  background: transparent;
}

article, aside, details, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ============ groups ============ */
.icon,
.service_icons .profit__block-icon,
.emergency_line_title::after,
.emergency_line_title::before {
  background-image: url(../images/sprite.png);
  display: inline-block;
}

.one_post_title,
.one_post_text_data,
.one_post_image,
.one_post_text_content,
.tl-tag,
.people h3,
.people h3 span,
.people p span,
.people_text,
.people_photos,
.first_post_title,
.first_post_image {
  display: inline-block;
  vertical-align: top;
}

body,
a {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/* ============ globals ============ */
html {
  /* background: url(../images/back.jpg) no-repeat center top; */
  /* min-height: 10000px; */
}

body {
  line-height: 1;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 0.875em;
  text-align: center;
}

h1, .h1 {
  font-size: 40px;
  line-height: 1.3em;
  font-weight: 900;
  letter-spacing: 0.05em;
  margin: 0 auto;
}

h2, .h2 {
  font-size: 36px;
  line-height: 1.3em;
  font-weight: 900;
  letter-spacing: 0.05em;
  margin: 0;
}

h3, .h3 {
  font-size: 30px;
  line-height: 1.3em;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0;
}

h4, .h4 {
  font-size: 24px;
  line-height: 1.3em;
  font-weight: 300;
  letter-spacing: 0.05em;
  margin: 0;
}

h5, .h5 {
  font-size: 19px;
  line-height: 1.3em;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0;
}

h6, .h6 {
  font-size: 16px;
}

a {
  color: #c51d32;
  text-decoration: none;
  font-weight: 400;
}

.footer__block.footer__block-address a:not([class]) {
  color: #DF2740;
}

p {
  /*  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;           */
  line-height: 1.4em;
}

strong {
  font-weight: 700;
}

.wrap {
  margin: 0 auto;
  padding: 0 2.5%;
  width: 95%;
  max-width: 1180px;
  position: relative;
  display: block;
}

.wrapper {
  width: 100%;
  display: block;
}

.flex {
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
}

.shrink {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.grow {
  flex-shrink: 0 !important;
}

.pipa {
  font-size: 1em;
  text-transform: lowercase;
  font-weight: 300;
  font-style: italic;
  color: #707070;
  margin: 30px 0 20px;
  display: block;
  width: auto;
  position: relative;
}

.pipa::after,
.pipa::before {
  display: inline-block;
  content: "";
  width: 30px;
  height: 1px;
  background: #ccc;
  top: -3px;
  left: 10px;
  position: relative;
}

.pipa::before {
  left: auto;
  right: 10px;
}

.kakaha,
.kakaha::after,
.kakaha::before,
.kakaha i::after,
.kakaha i::before {
  position: relative;
  width: 12px;
  height: 12px;
  border: 2px solid #c51d32;
  border-width: 2px 2px 0 0;
  background: none;
}

.kakaha {
  transform: rotate(-45deg);
  margin: 36px auto;
  text-indent: -9999px;
}

.kakaha::after,
.kakaha::before {
  position: absolute;
  content: "";
}

.kakaha::after {
  right: -14px;
  top: 10px;
}

.kakaha::before {
  top: -14px;
  left: -12px;
}

.kakaha.wh,
.kakaha.wh::after,
.kakaha.wh::before,
.kakaha.wh i::after,
.kakaha.wh i::before {
  border-color: #fff;
  background: none;
}

.kakaha.bl,
.kakaha.bl::after,
.kakaha.bl::before,
.kakaha.bl i::after,
.kakaha.bl i::before {
  border-color: #000;
  background: none;
}

.line {
  width: 150px;
  height: 1px;
  background: #aaa;
  margin: 30px auto;
}

.subtitle {
  max-width: 600px;
  font-style: italic;
  font-weight: 300;
  line-height: 2em;
  letter-spacing: 0.03em;
  text-align: center;
  margin: 0 auto 40px;
}

.subtitle--wide {
  margin-bottom: 0;
  font-size: 1.25em;
  max-width: 700px;
}

.subtitle--big {
  margin-bottom: 0;
  font-size: 1.35em;
}

.subtitle strong {
  display: block;
  font-weight: 800;
  text-transform: uppercase;
  font-style: normal;
}

.outro {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.4em;
  max-width: 555px;
  line-height: 2em;
  letter-spacing: 0.07em;
  margin: 30px auto;
}

/* .promo_subtitle .subtitle {
	margin-bottom: 0;
	font-size: 1.35em;
	max-width: 600px;
} */
.wh {
  background-color: #fff;
}

.gr {
  background-color: #f5f5f5;
}

.bl {
  background-color: #333;
}

.rd {
  background-color: #c51d32;
}

.bg_wrap {
  padding: 60px 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.bg_wrap_light {
  padding: 60px 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.bg_wrap.bl {
  background-color: rgba(0, 0, 0, 0.8);
}

.clear {
  clear: both;
}

/* ============ icons ============ */
.icon.download {
  background-position: -429px -67px;
  height: 31px;
  margin: 0 10px -10px 0;
  width: 30px;
}

.icon.calculator {
  height: 31px;
  width: 24px;
  background-position: -405px -161px;
  margin: 0 10px -7px 0;
}

.icon.billing {
  background-position: -150px -60px;
}

.icon.personal {
  background-position: -220px -60px;
}

.icon.green {
  background-position: -290px -60px;
}

.icon.innovate {
  background-position: -430px -123px;
}

.icon.turnkey {
  background-position: -430px -193px;
}

.icon.marketing {
  background-position: -430px -263px;
}

/* ============ forms style ============ */
.forms {
  text-align: left;
  position: relative;
}

.forms input,
.forms select,
.forms textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  background: none;
  padding: 11px 15px;
  font-size: 1em;
  width: calc(100% - 30px);
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000;
}

.forms input:hover,
.forms select:hover,
.forms textarea:hover {
  border-color: #000;
}

.forms input:focus,
.forms select:focus,
.forms textarea:focus {
  border-color: #c51d32;
  outline: none;
}

.forms label {
  font-size: 15px;
  display: block;
  margin: 0 0 5px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  color: #333;
  text-align: left;
  letter-spacing: 0.02em;
  position: relative;
  font-weight: 700;
}

.button,
.forms button {
  display: inline-block;
  color: #fff;
  border: 2px solid #c51d32;
  font-weight: 700;
  cursor: pointer;
  margin: 0 auto;
  font-size: 13px;
  letter-spacing: 0.07em;
  background: #c51d32;
  width: auto;
  padding: 0 24px;
  height: 36px;
  line-height: 33px;
  border-radius: 36px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.button:hover,
.forms button:hover {
  color: #fff;
  background: #c51d32;
  border-color: #c51d32;
}

.button.button--outlined {
  background: none;
  color: #c51d32;
}

.button.button--white {
  background: none;
  color: #fff;
  border-color: #fff;
}

.button.button--small {
  padding: 0 12px;
  height: 24px;
  line-height: 22px;
  border-radius: 24px;
  font-size: 13px;
}

html body .block .forms .fuckoff {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.error {
  font-size: 15px;
  color: #c51d32;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 12px 0;
}

.forms .error {
  font-size: 10px;
  color: #c51d32;
  letter-spacing: 0.05em;
  padding: 0;
}

.forms input::-webkit-input-placeholder {
  color: #ddd;
  font-weight: 100;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
}

.forms input:-moz-placeholder {
  color: #ddd;
  font-weight: 100;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
}

.forms textarea::-webkit-input-placeholder {
  color: #ddd;
  font-weight: 100;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
}

.forms textarea:-moz-placeholder {
  color: #ddd;
  font-weight: 100;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
}

.form_row.checkbox input {
  width: auto;
}

.form_row.checkbox input[type=checkbox],
.form_row.checkbox input[type=radio] {
  display: none;
}

.form_row.checkbox input[type=checkbox] + label,
.form_row.checkbox input[type=radio] + label {
  margin: 10px 0 5px;
}

.form_row.checkbox input[type=checkbox] + label span.checkbox,
.form_row.checkbox input[type=radio] + label span.checkbox {
  height: 13px;
  width: 13px;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #666;
  vertical-align: top;
  margin-right: 10px;
}

.form_row.checkbox input[type=checkbox]:checked + label span.checkbox,
.form_row.checkbox input[type=radio]:checked + label span.checkbox {
  background: #c51d32;
  border-color: #c51d32;
}

.form_row.checkbox input[type=checkbox]:checked + label .content,
.form_row.checkbox input[type=radio]:checked + label .content {
  color: #333;
}

.form_row.checkbox input[type=checkbox]:checked + label .content a,
.form_row.checkbox input[type=radio]:checked + label .content a {
  color: #c51d32;
  border-bottom-color: #c51d32;
  margin-left: 0;
}

.form_row.checkbox input[disabled=disabled] + label .content,
.form_row.checkbox input[disabled=radio] + label .content {
  color: #aaa;
}

.form_row.checkbox input[disabled=disabled] + label span.checkbox,
.form_row.checkbox input[disabled=radio] + label span.checkbox {
  border-color: #ccc;
}

.form_row.checkbox .content {
  display: inline-block;
  width: 70%;
  color: #666;
  vertical-align: top;
}

.form_row.checkbox .content strong {
  display: block;
  font-weight: 300;
  font-size: 16px;
}

/* ============ custom select ============ */
.dropcontainer {
  position: relative;
  font-size: 0.9em;
  font-weight: 300;
  color: #000;
}

.block .trigger,
.block .activetrigger {
  color: #666;
  padding: 10px 16px;
  font-size: 0.9em;
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 0;
  box-sizing: border-box;
  position: relative;
}

.block .trigger::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #c51d32;
  transition: transform 0.3s ease, top 0.3s ease;
}

.block .trigger:hover {
  color: #000;
}

.block .trigger:hover::after {
  top: 10px;
  transform: rotate(180deg);
}

.activetrigger {
  color: #000;
}

.activetrigger::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 15px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #c51d32;
  transition: transform 0.3s ease, top 0.3s ease;
  transform: rotate(180deg);
}

.activetrigger:hover {
  color: #777;
}

.activetrigger:active {
  color: #777;
}

.dropcontainer ul {
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
  padding: 0 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0 0 5px #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropcontainer ul li {
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
}

.dropcontainer ul li:first-child {
  display: none;
}

.dropcontainer ul li:last-child {
  border-bottom: none;
}

.dropcontainer ul li a {
  border: 0;
  font-size: 15px;
  color: #222;
}

.dropdownhidden {
  display: none;
}

.dropdownvisible {
  height: auto;
}

/* ============ grid ============ */
.grid__container {
  display: block;
  width: 100%;
  padding: 12px;
  margin-right: auto;
  margin-left: auto;
}

.grid__container--fluid {
  max-width: 100%;
  padding: 0;
}

.grid__block {
  background: #fff;
  padding: 24px;
  border: 1px solid #e4e6e8;
  height: 100%;
  color: #000;
  border-radius: 4px;
}

.grid__row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  flex-direction: row;
  margin-right: -12px;
  margin-left: -12px;
  min-width: 0;
  box-sizing: border-box;
}

.grid__row.align-center {
  align-items: center;
}

.grid__row.justify-center {
  justify-content: center;
}

.grid__col {
  flex: 0 1 auto;
  max-width: 100%;
  padding: 12px;
  box-sizing: border-box;
}

.grid__col.shrink {
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
}

.grid__col.grow {
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
}

.grid__col.pb0 {
  padding-bottom: 0;
}

.grid__col.pt0 {
  padding-top: 0;
}

.grid__col.col1,
.grid__col.col2,
.grid__col.col3,
.grid__col.col4,
.grid__col.col5,
.grid__col.col6,
.grid__col.col7,
.grid__col.col8,
.grid__col.col9,
.grid__col.col10,
.grid__col.col11,
.grid__col.col12 {
  flex-basis: 100%;
  flex-grow: 0;
  max-width: 100%;
}

.block {
  /* background: #fff; */
  padding: 30px 0;
  text-align: center;
  position: relative;
  z-index: 5;
}

.block section {
  width: 100%;
  text-align: left;
}

.block section.onetwo {
  width: 100%;
}

.block section h2, .block section .h2 {
  font-size: 28px;
  margin: 0 0 16px;
  border-left: 11px solid #c51d32;
  padding-left: 16px;
}

.block section p {
  line-height: 2em;
  font-weight: 300;
  margin: 0 0 20px;
  font-size: 16px;
}

.block section a {
  border-bottom: 1px solid #c51d32;
}

.block section ul {
  margin-left: 15%;
  list-style: circle;
}

.block section ul li {
  line-height: 2em;
  font-weight: 300;
  margin: 0 0 20px;
  font-size: 15px;
}

.block section p strong {
  font-weight: 700;
}

.block section img {
  display: block;
  width: 100%;
  height: auto;
}

.block aside {
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 30px;
  margin-top: 30px;
}

.block aside .block__caption--aside-quote {
  margin-top: -66px;
}

.block aside.onetwo {
  width: 100%;
  border: 0;
  padding: 0;
}

.block__wrapper {
  margin: 0 auto;
  padding: 0 2.5%;
  width: 95%;
  max-width: 1180px;
  position: relative;
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
}

.block__wrapper--wide {
  max-width: 2200px;
}

.aside_block + .aside_block {
  border-top: 1px solid #eee;
  margin-top: 32px;
  padding-top: 32px;
}

.aside_block_row + .aside_block_row {
  margin-top: 16px;
}

.aside_block_row a {
  font-size: 1.1em;
  border-bottom: 1px solid #c51d32;
}

.block__container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.block__title {
  width: 100%;
}

.block__title p {
  max-width: 600px;
  margin: 16px auto;
  font-size: 16px;
  line-height: 1.8em;
}

.onetwo,
.onethree,
.onefour,
.onefive,
.onesix,
.twothree {
  width: 97%;
  padding: 0 1.5%;
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: top;
}

.onetwo:last-child,
.onethree:last-child,
.onefour:last-child,
.onefive:last-child,
.onesix:last-child,
.twothree:last-child {
  margin-bottom: 0;
}

.block--gray {
  background: #f5f6f7;
}

.block--gray .block__caption::before {
  color: #fff;
}

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

/* ============ titles ============ */
.block__caption {
  position: relative;
  width: 100%;
  z-index: 1;
  padding: 32px 0 0;
  /* overflow: hidden; */
}

.block__caption::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 50px;
  color: #f7f7f7;
  z-index: -1;
}

.block__caption--thanks::before {
  content: "Thank You!";
}

.block__caption--clients::before {
  content: "Our Commercial Clients";
}

.block__caption--partners::before {
  content: "Partners & Affiliates";
}

.block__caption--choose::before {
  content: "Why Choose Us";
}

.block__caption--windows::before {
  content: "Window Cleaning";
  opacity: 0.2;
}

.block__caption--residential::before {
  content: "Residential Cleaning";
}

.block__caption--commercial::before {
  content: "Commercial Cleaning";
}

.block__caption--services::before {
  content: "Our Cleaning Services";
}

.block__caption--services-white::before {
  content: "Our Cleaning Services";
  color: #fff;
}

.block__caption--testimonials::before {
  content: "Clients are saying";
}

.block__caption--testimonials-white::before {
  content: "Clients are saying";
  color: #fff;
}

.block__caption--send-testimonials-white::before {
  content: "Leave us a testimonial";
  color: #fff;
}

.block__caption--certificate::before {
  content: "Useful Gift Certificate";
}

.block__caption--options::before {
  content: "Our Cleaning Options";
}

.block__caption--process::before {
  content: "Our Onboarding Process";
}

.block__caption--buy::before {
  content: "Buy a large amount";
  color: #fff;
}

.block__caption--emergency::before {
  content: "Emergency Cleaning";
  color: #fff;
}

.block__caption--subscribe::before {
  content: "Join Our Newsletter";
}

.block__caption--business::before {
  content: "Executive Summary";
}

.block__caption--annual::before {
  content: "Our Annual Sales";
  color: #dd6171;
}

.block__caption--request::before {
  content: "Request";
}

.block__caption--request-white::before {
  content: "Request";
  color: #fff;
}

.block__caption--quote::before {
  content: "Request a Quote";
}

.block__caption--quote-white::before {
  content: "Request a Quote";
  color: #fff;
}

.block__caption--covid::before {
  content: "COVID-19 Cleaning";
}

.block__caption--drug-free::before {
  content: "Drug-free Workplace";
}

.block__caption--equal::before {
  content: "Equal Opportunity";
}

.block__caption--ccp::before {
  content: "Client Communication";
}

.block__caption--franchise::before {
  content: "Our Franchise";
}

.block__caption--blog::before {
  content: "Our Cleaning Blog";
}

.block__caption--locations::before {
  content: "Our Locations";
}

.block__caption--aside-quote {
  font-size: 85px;
  font-weight: 900;
  color: #f7f7f7;
  white-space: nowrap;
  text-align: center;
  margin: 0 -5% -7%;
  width: 110%;
}

/* ============ header ============ */
.header {
  position: fixed;
  top: 0;
  left: -100%;
  width: 80%;
  height: 100%;
  z-index: 99;
  background: #fff;
  box-shadow: 0 0 40px #aaa;
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  transition: all 0.4s ease;
}

.header .block__wrapper {
  align-items: center;
  justify-content: space-evenly;
  padding: 0;
  width: 100%;
  overflow: visible;
}

.header--show {
  left: 0;
}

.header--show .header__navigation-bar {
  right: -25%;
}

.header__logo {
  flex-grow: 0;
  display: none;
}

.header__logo a {
  width: 78px;
  height: 140px;
  display: block;
  background-image: url(../images/logo.png);
  background-size: cover;
  font-size: 0;
}

.header__logo--mobile {
  justify-content: center;
  margin: 0;
  display: flex;
}

.header__logo--mobile a {
  margin: 0 auto;
  height: 44px;
  width: 44px;
  background-position: center bottom;
}

.header__logo--big a {
  width: 200px;
  height: 363px;
  background: url(../images/logo--trans.png) no-repeat center top;
  font-size: 0;
}

.header__navigation-bar {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: -150%;
  width: calc(125% - 24px);
  padding: 8px 12px;
  transition: all 0.4s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__navigation-toggle {
  height: 40px;
  width: 40px;
  position: relative;
  display: flex;
  align-items: center;
}

.header__navigation-toggle i,
.header__navigation-toggle i::before,
.header__navigation-toggle i::after {
  height: 5px;
  width: 40px;
  border-radius: 3px;
  background: #fff;
  left: 0;
}

.header__navigation-toggle i::before,
.header__navigation-toggle i::after {
  content: "";
  position: absolute;
}

.header__navigation-toggle i::before {
  top: 5px;
}

.header__navigation-toggle i::after {
  bottom: 5px;
}

.header__menu {
  position: relative;
  z-index: 1;
  /* flex: 1 0 0; */
  width: 80%;
  padding: 0 10%;
  margin-top: 70px;
  flex-direction: column;
}

.header__navigation-top {
  flex-direction: column;
}

.header__navigation-top ul {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: left;
}

.header__navigation-top ul li {
  padding-bottom: 20px;
}

.header__navigation-top ul li a {
  font-size: 14px;
  color: #666;
  font-weight: 300;
  font-style: italic;
  white-space: nowrap;
}

.header__navigation-phone {
  font-size: 25px;
  font-weight: 700;
  margin: 20px 0;
}

.header__navigation {
  align-items: flex-start;
  padding: 0;
  flex-direction: column;
  text-align: left;
}

.header__navigation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  flex-grow: 1;
  padding-top: 4px;
  margin-right: 2.2%;
}

.header__navigation ul li {
  margin: 0 0 20px;
  display: flex;
  position: relative;
  width: 100%;
}

.header__navigation ul li ul {
  position: absolute;
  width: 250px;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  top: 24px;
  left: 0;
  z-index: 9;
  justify-content: start;
  text-align: left;
  padding: 16px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 10px #ccc;
  border-radius: 0 0 3px 3px;
}

.header__navigation ul li:last-child ul {
  /* left: auto;
  right: 0; */
  width: 150px;
}

/* .header__navigation ul li:last-child ul li {
    justify-content: end;
} */
.header__navigation ul li a {
  color: #192034;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

.header__navigation ul li ul li {
  width: 100%;
}

.header__navigation ul li ul li + li {
  margin: 10px 0 0;
}

.header__navigation ul li ul li a {
  color: #192034;
  font-size: 15px;
  font-weight: 400;
  position: relative;
}

.header__navigation ul li a::after {
  content: "";
  display: block;
  height: 4px;
  width: 0;
  margin: 4px 0 0;
  background: #c51d32;
  transition: width 0.4s ease;
}

.header__navigation ul li a:hover {
  color: #000;
}

.header__navigation ul li a:hover::after {
  width: 100%;
}

.header__navigation > ul > li.active > a::after {
  width: 100%;
}

/* ============ top banner ============ */
.header__banner {
  background: #c51d32;
  overflow: hidden;
  margin-top: 60px;
  /* border-bottom: 4px solid #000; */
}

.header__banner--small {
  display: flex;
  justify-content: center;
}

.header__banner-text {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding: 24px 0;
}

.header__banner--small .header__banner-text {
  padding: 8px 0;
  font-size: 18px;
  display: flex;
}

.header__banner-text::before,
.header__banner-text::after {
  content: "";
  height: 136px;
  width: 395px;
  position: absolute;
  bottom: 0;
  background: url(../images/covid.jpg) no-repeat center top;
}

.header__banner-text::before {
  left: -395px;
}

.header__banner-text::after {
  right: -395px;
}

.header__banner-text-row {
  padding: 4px 0;
}

.header__banner--small .header__banner-text-row {
  position: relative;
}

.header__banner--small .header__banner-text-row + .header__banner-text-row {
  margin-left: 32px;
}

.header__banner--small .header__banner-text-row + .header__banner-text-row::before {
  content: "";
  position: absolute;
  top: 11px;
  left: -20px;
  height: 10px;
  width: 10px;
  background: #fff;
  border-radius: 50%;
}

.header__banner-text-row span {
  display: inline-block;
  padding: 3px;
  background: #fff;
  color: #a51829;
  white-space: nowrap;
}

/* ============ banner ============ */
.banner {
  padding: 30px 0 180px;
  background: url(../images/skyline.png) repeat-x center bottom #222;
}

.banner__text {
  width: 100%;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  color: #fff;
}

.banner__text-category strong {
  display: inline-block;
  vertical-align: top;
  background: #e2eaed;
  padding: 8px 16px 8px 48px;
  border-radius: 18px;
  color: #192034;
  font-size: 18px;
  position: relative;
}

.banner__text-category strong::before {
  content: "";
  height: 34px;
  width: 34px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/icons/sun.svg) no-repeat center center #feaa25;
  background-size: 70%;
}

.banner__text-title {
  font-size: 40px;
  font-weight: 900;
  padding: 16px 0;
}

.banner__text-content {
  /* color: #192034; */
  font-size: 16px;
  line-height: 2em;
  font-weight: 300;
}

.banner__text-action {
  padding: 32px 0;
}

.banner__image {
  width: 100%;
  display: block;
  padding-bottom: 32px;
}

.banner__image img {
  box-shadow: -32px 32px 0 #c51d32;
  margin: 0 auto;
  max-width: 100%;
}

.breadcrumbs {
  margin-bottom: 16px;
  width: 100%;
}

.breadcrumbs ul {
  color: #000;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.breadcrumbs ul li {
  line-height: 0.8em;
  margin: 0 10px 0 0;
}

.breadcrumbs ul li + li {
  margin-left: 10px;
}

.breadcrumbs ul li a {
  border-bottom: 1px solid #eee;
  color: #767676;
  font-size: 11px;
  font-weight: 400;
}

.breadcrumbs ul li.first {
  margin-left: 0;
}

.breadcrumbs ul li a:hover {
  border-bottom-color: #aaa;
  color: #666;
}

.paging {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  border-top: 1px solid #eee;
}

.paging ul {
  text-align: center;
}

.paging ul li {
  display: inline-block;
  margin: 2% 1.5%;
  vertical-align: middle;
}

.paging ul li a,
.paging ul li span {
  border: 1px solid transparent;
  border-radius: 3px;
  color: #888;
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  height: 33px;
  padding-top: 13px;
  text-align: center;
  transition: all 0.9s ease 0s;
  width: 45px;
}

.paging ul li a:hover {
  border-color: #dadada;
  color: #000;
}

.paging ul li.active a,
.paging ul li span.active {
  color: #c51d32;
  border-color: #c51d32;
}

.neighbors .grid__row {
  align-items: center;
  justify-content: space-between;
}

.neighbors a {
  font-weight: 700;
  font-size: 17px;
}

/* ============ clients ============ */
.clients h2 {
  position: relative;
  z-index: 1;
  padding: 16px 0 0;
  width: 100%;
}

.block.clients_line {
  padding-bottom: 20px;
  background: #f5f5f5;
}

.clients_line.wh {
  padding-bottom: 60px;
  background: #fff;
}

.clients_line .client_logo {
  width: 39%;
  margin: 0 5% 3%;
}

.clients__container {
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.clients__logo {
  margin: 8px;
  width: 100px;
}

.clients__logo img,
.client_logo img {
  width: 100%;
}

.clients__logo--gray img {
  opacity: 0.7;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.clients__logo--gray:hover img {
  opacity: 1;
  filter: none;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}

.clients_line.tickets_clients {
  padding-bottom: 60px;
  background: #fff;
}

.clients_line.tickets_clients .client_logo {
  margin-bottom: 1%;
}

.clients_line.tickets_clients .client_logo img {
  opacity: 1;
  filter: none;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}

.partners .clients__logo {
  width: 190px;
  margin: 16px;
}

/* ============ tmvapp ============ */
.client__image {
  width: 50%;
  position: relative;
  /* background: url(../images/app.png) no-repeat center top; */
  min-height: 850px;
  background-size: contain;
  padding: 32px 0;
}

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

/* .client__image::before {
	content: '';
	position: absolute;
	width: 100%;
} */
.client__text {
  width: 50%;
  flex-direction: column;
  text-align: left;
}

.client__text h2, .client__text .h2 {
  font-size: 38px;
}

.client__text p {
  font-size: 16px;
  line-height: 1.8em;
  font-weight: 300;
}

.client__text p + p {
  margin: 16px 0 0;
}

/* ============ tmvapp ============ */
.tmvapp .wrap {
  background: url(../images/app_bg.jpg) no-repeat left center;
}

.tmvapp--alter .wrap {
  background: url(../images/app_bg.jpg) no-repeat right center;
}

.tmvapp__image {
  width: 100%;
  position: relative;
  background: url(../images/app.png) no-repeat center center;
  min-height: 480px;
  background-size: contain;
  padding: 32px 0;
}

.tmvapp__image::before {
  content: "";
  position: absolute;
  width: 100%;
}

.tmvapp__text {
  width: 100%;
  flex-direction: column;
  text-align: left;
}

.tmvapp__text p {
  font-size: 14px;
  line-height: 1.8em;
  font-weight: 300;
}

.tmvapp__text .profit__block {
  max-width: 450px;
}

.tmvapp__text p + .profit__block {
  margin-top: 60px;
}

/* ============ profits ============ */
.profits {
  padding: 60px 0;
  width: 100%;
}

.profit__block {
  width: 100%;
  display: flex;
  text-align: left;
  align-items: center;
  margin: 0;
  color: #222;
}

.profits .profit__block {
  flex-direction: column;
  align-items: flex-start;
}

.profits--grid .profit__block {
  flex-direction: column;
  text-align: center;
  align-items: center;
  width: 50%;
}

.profits--column {
  display: flex;
  flex-wrap: wrap;
  justify-items: flex-start;
  margin: 0 -3%;
}

.profits--column .profit__block {
  flex-direction: column;
  width: 94%;
  padding: 3%;
}

.profits--grid .profit__block-icon-wrapper {
  margin: 0 auto;
}

.profits .profit__block {
  text-align: center;
}

.profits .icon {
  height: 70px;
  width: 70px;
  margin-bottom: 20px;
}

.profits .profit__block-icon-wrapper {
  height: auto;
  width: auto;
  background: none;
  border-radius: 0;
}

.profits .line {
  width: 100px;
  margin: 30px auto;
}

.profits strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  line-height: 1.3em;
}

.profits p {
  font-weight: 300;
  line-height: 1.8em;
  max-width: 300px;
  margin: 0 auto;
}

.profit__block--alter {
  margin-top: 48px;
}

.profit__block-icon {
  width: 100%;
}

.profits .profit__block-icon {
  margin-bottom: 24px;
}

.profit__block-icon-wrapper {
  height: 95px;
  width: 95px;
  background: #c51d32;
  border-radius: 50%;
}

.profit__block-text {
  width: 100%;
}

.profit__block-text p {
  font-size: 16px;
  line-height: 1.8em;
  font-weight: 300;
  color: #222;
}

.profit__block--alter .profit__block-icon {
  min-width: 130px;
  width: auto;
}

.profit__block--alter .profit__block-text {
  /* width: 66%; */
}

/* ============ thought block ============ */
.thought {
  text-align: left;
  padding: 60px 0;
}

.thought--red {
  background: #c51d32;
  padding: 0;
}

.thought--grey {
  background: #f0f0f0;
}

.thought .block__wrapper {
  align-items: center;
  justify-content: center;
}

.thought__title {
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2em;
  padding: 16px 0;
  margin-right: 32px;
}

.thought--red .thought__title {
  color: #fff;
}

.thought--small .thought__title {
  font-size: 30px;
}

.thought__text {
  width: 92%;
  padding: 4%;
  border-left: 1px solid #aaa;
  font-size: 16px;
  line-height: 1.8em;
}

.thought--red .thought__text {
  color: #fff;
  border-left: 10px solid #fff;
}

.thought--grey .thought__text {
  border-left-color: #000;
  padding: 2% 4%;
}

.thought--red .button {
  border-color: #fff;
}

/* ============ hello ============ */
.hello {
  padding: 60px 0 0;
  overflow: hidden;
}

.hello .wrap {
  align-items: center;
}

.hello__image {
  display: flex;
  justify-content: center;
  width: 100%;
  order: 2;
  /* border-bottom: 1px solid #ccc; */
}

.hello__text {
  width: 96%;
  padding: 0 2%;
  flex-direction: column;
  text-align: left;
  order: 1;
}

.hello__text h2 {
  margin-bottom: 32px;
}

.hello__text p {
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 24px;
}

.hello__text p strong {
  background: #c51d32;
  color: #fff;
  padding: 0 10px;
}

/* ============ types of cleaning ============ */
.types {
  z-index: 7;
}

.types .wrap {
  align-items: start;
  justify-content: center;
}

.types .block__container {
  margin-top: 777px;
}

.type__block {
  width: 96%;
  margin: 2%;
  position: relative;
}

.type__block-wrapper {
  width: 80%;
  border-radius: 16px;
  border: 1px solid #eee;
  padding: 10%;
  background: #fff;
  z-index: 2;
  transition: all 0.3s ease;
}

.type__block:hover .type__block-wrapper {
  box-shadow: 0 0 24px #eee;
}

.type__block-image {
  margin-bottom: 20px;
}

.type__block-image img {
  width: 100%;
  border-radius: 50%;
}

.type__block-price {
  font-size: 15px;
  font-weight: 300;
  color: #aaa;
}

.type__block-price strong {
  font-size: 30px;
  font-weight: 900;
  color: #000;
}

.type__block-title {
  padding: 24px 0;
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  color: #aaa;
}

.type__block-title strong {
  font-size: 20px;
  line-height: 1.4em;
  padding: 8px 0;
  display: block;
  color: #000;
}

.type__block-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8em;
  padding: 0;
  margin: 0;
  max-height: 0;
  transition: all 0.4s ease;
  overflow: hidden;
}

.type__block:hover .type__block-description {
  max-height: 500px;
  margin: 16px 0;
  /* padding: 16px 0 24px; */
}

.type__block-action {
  padding: 24px 0 0;
}

.type__block ul {
  padding: 16px 0 0;
}

.type__block ul li {
  background: #fafafa;
  font-weight: 400;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 12px;
  font-size: 14px;
}

/* ============ statistics block ============ */
.stats {
  background: #c51d32;
}

.stats__block {
  width: 45%;
  margin: 2%;
}

.stats__block:last-child {
  display: none;
}

.stats__block span {
  font-weight: 100;
  font-size: 3.5em;
  color: #fff;
}

.stats__block .line {
  width: 30px;
  background: #fff;
  margin: 15px auto;
}

.stats__block strong {
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  line-height: 1.3em;
}

/* ============ services icons block ============ */
.service_icons .profit__block-icon {
  width: 60px;
  height: 60px;
  margin: 15px 0;
}

.profit__block-icon--office {
  background-position: -150px 0;
}

.profit__block-icon--house {
  background-position: -210px 0;
}

.profit__block-icon--commercial,
.profit__block-icon--construction {
  background-position: -270px 0;
}

.profit__block-icon--janitorial {
  background-position: -330px 0;
}

.profit__block-icon--window {
  background-position: -390px 0;
}

.profit__block-icon--covid-cleaning-services {
  background-position: 0 -71px;
}

.profit__block-icon--emergency-response-team {
  background-position: -87px 0;
}

.profit__block-icon--gift-certificate {
  background-position: -24px 0;
}

.service_icons strong {
  display: block;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.3em;
  color: #000;
}

.service_icons em {
  font-style: italic;
  font-size: 0.9em;
  font-weight: 100;
  margin-top: 10px;
  display: block;
  color: #666;
}

.service_icons p {
  max-width: 333px;
  margin: 0 auto;
  padding: 20px 0;
  line-height: 1.8em;
}

/* ============ emergency block ============ */
.block.emergency_hero {
  padding: 0;
}

.superman_sc {
  position: relative;
}

.emergency_hero img {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}

.emergency_hero:hover img {
  top: 0;
}

.emergency_hero_text {
  padding: 0 0 606px;
  width: 100%;
  margin-left: 0;
  text-align: center;
}

.emergency_hero_text h1 {
  font-size: 2.8em;
}

.emergency_hero_text h4 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
}

.emergency_hero_text p {
  font-weight: 300;
  line-height: 1.9em;
  font-size: 1.1em;
  max-width: 400px;
  margin: 0 auto;
}

.emergency_hero_text p a {
  color: #c51d32;
  border-bottom: 1px solid #c51d32;
}

.emergency_rates h2, .emergency_rates .h2 {
  font-size: 2.6em;
}

.emergency_rates h4, .emergency_rates .h4 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
}

.emergency_rates .icon {
  height: 90px;
  width: 66px;
}

.emergency_rates .line {
  width: 40px;
}

.emergency_rates .icon.one {
  background-position: 0 -421px;
}

.emergency_rates .icon.two {
  background-position: -66px -421px;
}

.emergency_rates .icon.three {
  background-position: -133px -421px;
}

.emergency_rates .onethree strong {
  display: block;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.3em;
  color: #000;
  letter-spacing: 0.06em;
}

.emergency_rates .onethree strong span {
  display: block;
  font-weight: 300;
  font-size: 0.7em;
}

.emergency__form .feedback_form {
  max-width: 680px;
  margin: 0 auto;
}

.emergency_line {
  background: #c51d32;
  padding: 20px 0;
}

.emergency_line .block__wrapper {
  align-items: center;
  justify-content: center;
}

.emergency_badge {
  position: relative;
  z-index: 11;
  width: 100%;
}

.emergency_badge img {
  margin: 0;
}

.emergency_line_title {
  color: #fff;
  font-size: 2em;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  margin: 15px 0;
  position: relative;
  width: 100%;
}

.emergency_line_title strong {
  display: block;
  font-size: 1.4em;
  font-weight: 900;
  letter-spacing: 0.055em;
}

.emergency_line_action {
  color: #fff;
  width: 100%;
}

.emergency_line_action .pipa {
  margin: 5px 0;
  color: #fff;
}

.emergency_line_action .pipa::after,
.emergency_line_action .pipa::before {
  width: 10px;
  background: #fff;
}

.emergency_line .emergency_line_action .button {
  color: #fff;
  margin: 5px 0 0;
  border-color: #fff;
}

.emergency_line .emergency_line_action:hover .button {
  background: #fff;
  color: #c51d32;
}

.emergency_line_title::after,
.emergency_line_title::before {
  position: absolute;
  background-position: -233px -421px;
  height: 139px;
  width: 85px;
  content: "";
  top: -15px;
  left: -80px;
}

.emergency_line_title::before {
  background-position: -318px -421px;
  left: auto;
  right: -73px;
}

.emergency_line_action p strong {
  font-weight: 800;
}

/* ============ commercial block ============ */
.commercial__form .block__wrapper {
  overflow: visible;
}

.commercial_opt img {
  width: 85%;
  max-width: 300px;
  margin: 0 auto 20px;
  border-radius: 50%;
}

.commercial_opt strong {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2em;
  display: block;
  margin-bottom: 10px;
}

.commercial_opt em {
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0.04em;
  display: block;
  margin-bottom: 15px;
}

.commercial_opt p {
  line-height: 2em;
  font-weight: 300;
  max-width: 500px;
  width: 90%;
  margin: 0 auto 15px;
}

.block.construction_cleanup {
  background: url(../images/banners/construction.jpg) no-repeat center center fixed;
  background-size: cover;
  padding: 0;
}

.construction_cleanup h2, .construction_cleanup .h2 {
  color: #fff;
}

.construction_cleanup img {
  width: 85%;
  max-width: 300px;
  margin: 0 auto 20px;
  border-radius: 50%;
}

.construction_cleanup strong {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2em;
  display: block;
  margin-bottom: 10px;
  color: #fff;
}

.construction_cleanup p {
  line-height: 2em;
  font-weight: 300;
  max-width: 500px;
  width: 90%;
  margin: 0 auto 15px;
  color: #fff;
  letter-spacing: 0.04em;
}

.construction_cleanup h3 {
  color: #fff;
  font-size: 1.8em;
  max-width: 666px;
  margin: 30px auto 0;
  text-transform: none;
  font-weight: 300;
}

.request_aquote {
  background: #f5f5f5;
  padding: 60px;
  max-width: 666px;
  margin: 60px auto 0;
}

.request_aquote p {
  max-width: 333px;
  margin: 0 auto;
  padding: 20px 0;
  line-height: 1.8em;
}

.bordered_text {
  max-width: 606px;
  padding: 30px;
  border: 1px solid #aaa;
  margin: 0 auto 40px;
}

.bordered_text p {
  line-height: 1.8em;
  font-size: 1.2em;
  font-weight: 300;
  margin-bottom: 20px;
}

.block.wood {
  background: url(../images/bg/wood_bg.jpg) repeat-x center top fixed;
  background-size: cover;
}

.block.wood h2, .block.wood .h2 {
  color: #fff;
  font-size: 1.6em;
  width: 100%;
}

.block.wood .line {
  background: #fff;
}

.block.wood .subtitle {
  font-size: 1.1em;
  color: #fff;
}

/* ============ franchise block ============ */
.block.franchise {
  background: url(../images/bg/super_bg.jpg) no-repeat fixed center center;
  background-size: cover;
  padding: 0;
}

.franchise .block__wrapper {
  background: url(../images/bg/superhero.png) no-repeat center top fixed;
}

.franchise.second .block__wrapper {
  background: transparent;
}

.franchise_text {
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  padding: 30px;
  font-weight: 300;
  font-style: italic;
  font-size: 15px;
  background: #fff;
}

.franchise_form {
  width: 100%;
  padding: 60px 0;
}

.franchise_form h2, .franchise_form .h2 {
  margin-bottom: 20px;
}

.franchise_profits .icon {
  height: 70px;
  width: 70px;
  margin-bottom: 20px;
}

.franchise_profits .line {
  width: 50px;
}

.franchise_profits strong {
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 700;
  display: block;
}

.franchise_profits p {
  font-weight: 300;
  line-height: 1.8em;
  max-width: 300px;
  margin: 0 auto;
}

/* ============ faq block ============ */
.faq_question {
  text-align: left;
  width: 62%;
  border: 2px solid #ccc;
  margin: 0 0 -30px 0px;
  position: relative;
}

.faq_answer {
  text-align: left;
  width: 62%;
  border: 2px solid #c51d32;
  margin: 0 0 60px 0;
  float: right;
  position: relative;
  font-weight: 300;
}

.faq_question,
.faq_answer {
  padding: 30px;
  position: relative;
  z-index: 2;
}

.faq_answer p {
  font-size: 1.2em;
  line-height: 1.8em;
}

.faq_question p a,
.faq_answer p a {
  border-bottom: 1px solid #c51d32;
}

.tri {
  border: 60px solid transparent;
  border-top: 0 solid transparent;
  border-left: 0 solid transparent;
  border-right: 50px solid #c51d32;
  display: block;
  position: absolute;
  bottom: -58px;
  right: 30px;
  height: 0;
  width: 0;
  transform: rotate(-7deg);
}

.tri:after {
  content: "";
  border: 60px solid transparent;
  border-top: 0 solid transparent;
  border-left: 0 solid transparent;
  border-right: 50px solid #fff;
  display: block;
  position: absolute;
  bottom: -54px;
  right: -48px;
  height: 0;
  width: 0;
}

.tri:before {
  content: "";
  position: absolute;
  background: #fff;
  transform: rotate(7deg);
  height: 5px;
  width: 55px;
  top: -3px;
  z-index: 3;
}

.faq_question .tri {
  border-right: 0 solid transparent;
  border-left: 50px solid #ccc;
  right: auto;
  left: 30px;
  transform: rotate(7deg);
}

.faq_question .tri:after {
  border-right: 0 solid transparent;
  border-left: 50px solid #fff;
  right: auto;
  left: -48px;
}

.faq_question .tri:before {
  transform: rotate(-7deg);
  right: 0;
}

.faq_form {
  background: #f5f5f5;
}

.faq_form form {
  max-width: 480px;
  background: #fff;
  box-shadow: 0 0 5px #dadada;
  margin: 0 auto;
  padding: 32px 48px;
}

.faq_form .form-buttons {
  text-align: center;
}

.faq_form .block__caption--aside-quote {
  display: none;
}

/* ============ different block ============ */
.different {
  padding: 20px 0;
}

.different .line {
  margin: 35px auto;
}

.different p {
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.8em;
  max-width: 500px;
  margin: 0 auto;
}

.different_icons {
  background: #000;
  color: #fff;
}

.different_icons .onethree {
  margin-bottom: 0;
}

.different_icons .icon {
  width: 70px;
  height: 70px;
}

.different_icons .icon.service {
  background-position: 0px -515px;
}

.different_icons .icon.care {
  background-position: 0px -584px;
}

.different_icons .icon.control {
  background-position: -71px -516px;
}

.different_icons .line {
  width: 40px;
  margin: 20px auto;
  background: #fff;
}

.different_icons strong {
  display: block;
  text-transform: uppercase;
  font-size: 2.1em;
  font-weight: 700;
  line-height: 1.3em;
  letter-spacing: 0.05em;
}

.different_icons em {
  font-style: italic;
  font-size: 1.1em;
  font-weight: 100;
  display: block;
}

.different_bottom .bordered_text {
  margin-bottom: 20px;
  font-size: 0.9em;
  border: 0;
  background: #f5f5f5;
}

.different_bottom em {
  display: block;
  font-size: 0.9em;
  font-weight: 300;
  letter-spacing: 0.04em;
  font-style: italic;
  padding-top: 10px;
}

/* ============ process block ============ */
.block.process_page {
  padding-top: 0;
}

.process_block {
  width: 100%;
  line-height: 1.8em;
  font-weight: 300;
  font-size: 0.9em;
  text-align: left;
  color: #fff;
}

.process_block h3 {
  font-size: 1.3em;
  margin-bottom: 2px;
  text-align: left;
}

.process_page.wood {
  padding: 0;
}

.process_page.wood .bg_fill {
  padding: 60px 0;
}

.process_line {
  background-color: #fff;
  padding: 30px 0;
}

/* ============ contacts block ============ */
.contact_socials {
  text-align: left;
  padding-top: 15px;
}

.contact_socials .icon {
  width: 20px;
  height: 20px;
  margin-right: 20px;
  text-indent: -200px;
  overflow: hidden;
}

.icon.fb {
  background-position: -480px -67px;
}

.icon.tw {
  background-position: -460px -67px;
}

.icon.gp {
  background-position: -460px -86px;
}

.icon.in {
  background-position: -407px -91px;
}

.contacts_text {
  margin: 0.5% 5% 2% 0;
}

.contacts_text p {
  text-align: left;
  line-height: 2em;
  font-weight: 300;
  font-size: 1.3em;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
  font-style: italic;
}

.contacts_text strong {
  display: block;
  font-size: 1.4em;
  font-weight: 600;
  text-align: left;
}

.contacts_text a {
  border-bottom: 1px solid #c51d32;
}

.contacts_row {
  text-align: left;
  font-size: 15px;
  line-height: 1.7em;
  font-weight: 300;
  color: #333;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}

.contacts_row a {
  font-weight: 300;
  border-bottom: 1px solid #c51d32;
  font-size: 0.8em;
}

.contacts_row .icon {
  height: 17px;
  width: 17px;
  margin: 4px 10px 0 0;
  float: left;
  opacity: 0.4;
}

.contacts_row .icon.pin {
  background-position: -484px -106px;
  width: 16px;
}

.contacts_row .icon.phone {
  background-position: -450px -106px;
}

.contacts_row .icon.time {
  background-position: -467px -106px;
}

.contacts_row .icon.email {
  background-position: -482px -89px;
}

.contacts_row .icon.maps {
  background-position: -68px -167px;
}

.contacts_row strong {
  font-weight: 600;
}

.feedback_form {
  padding: 35px 45px;
  background: #fff;
  box-shadow: 0 0 15px #dadada;
  margin-bottom: 15px;
}

.forms .onetwo {
  padding: 0;
  margin: 0;
  width: 47.5%;
}

.feedback_form textarea {
  height: 80px;
}

.feedback_form .button {
  margin-top: 8px;
}

/* ============ loations section ============ */
.block.locations_list {
  padding-bottom: 0;
}

.locations_list h4 {
  margin-bottom: 24px;
}

.locations_list h4 a {
  font-weight: 700;
}

.locations_list h4 a span {
  font-weight: 300;
}

.locations_list img {
  width: 100%;
  opacity: 0.05;
  position: absolute;
  left: 0;
  bottom: 0;
}

.locations_list .grid__col {
  position: relative;
}

.location__title {
  display: block;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 24px;
  line-height: 1.3em;
  text-align: left;
}

.location__title span {
  display: inline-block;
  background: #c51d32;
  color: #fff;
  padding: 4px 16px;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.03em;
  margin-right: -6px;
}

/* ============ services pages ============ */
.block.likehead {
  background: url(../images/banners/tickets.jpg) no-repeat fixed center top;
  background-size: cover;
  padding: 0;
}

.block.likehead .wrap {
  max-width: 666px;
}

.block.likehead h3 {
  color: #fff;
}

.likehead .likehead_fill {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 60px 0;
}

.block.likehead p {
  font-size: 1.8em;
  font-weight: 400;
  color: #fff;
  text-align: center;
  letter-spacing: 0.07em;
  line-height: 1.8em;
  margin-bottom: 20px;
}

.block.likehead p a {
  border-bottom: 1px solid #c51d32;
  color: #c51d32;
}

.block.likehead p strong {
  font-weight: 800;
}

.block.likehead .forms .button {
  color: #c51d32;
  border-color: #c51d32;
  background: white;
}

.block.likehead .forms .button:hover {
  background: #c51d32;
  color: #fff;
}

.bg_fill {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0;
}

.bg_fill .wrap {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
}

.commcleaning {
  padding-bottom: 0;
}

.commcleaning img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.commcleaning_text {
  padding: 0 0 606px;
  width: 100%;
  margin-left: 0;
  text-align: center;
}

.commcleaning_text p {
  font-weight: 300;
  line-height: 1.9em;
  font-size: 1.1em;
}

.commcleaning_text p a {
  color: #c51d32;
  border-bottom: 1px solid #c51d32;
}

.office_promo h4 {
  font-size: 1.1em;
  font-weight: 400;
}

.office_promo img {
  border-radius: 50%;
  margin: 20px auto 10px;
  max-width: 300px;
  width: 85%;
}

.janitorial__icon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}

.janitorial__icon img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.janitorial .onefour em {
  font-weight: 300;
  color: #aaa;
  font-style: italic;
  letter-spacing: 0.07em;
  text-transform: none;
}

.icon.reliable {
  background-position: -430px -333px;
}

.icon.top {
  background-position: -430px -402px;
}

.icon.portal {
  background-position: -430px -472px;
  height: 72px;
}

.block.windows {
  background: url(../images/banners/window.jpg) no-repeat center top;
  background-size: cover;
  padding: 0;
}

/* ============ testimonials block ============ */
.testimonials {
  background: #f5f5f5;
}

.testimonials .block__wrapper {
  justify-content: center;
  flex-direction: column;
}

.testimonials.all_testimonials {
  background: #fff;
}

.testimonials.all_testimonials .badge {
  margin: 0 0 40px;
}

.testimonials.all_testimonials .testimonials_wrap {
  width: 100%;
  margin: 0 auto;
}

.testimonials .onetwo {
  background: #fff;
  margin-bottom: 40px;
}

.testimonials_text {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  line-height: 1.8em;
  font-weight: 300;
}

.testimonials_text .separate {
  color: #c51d32;
  font-size: 33px;
  margin: 5px 0;
}

.testimonials_text strong {
  display: block;
  font-weight: 700;
  font-size: 1.1em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.testimonials_text em {
  font-weight: 100;
  font-size: 0.9em;
  font-style: italic;
}

.testimonial_form {
  background: #f5f5f5;
}

.testimonial_form form {
  max-width: 444px;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  margin: 0 auto;
  padding: 10px 20px;
}

.testimonials_item {
  border: 1px solid #eee;
  border-radius: 3px;
  line-height: 1em;
  height: auto;
  float: left;
  width: 78%;
  margin: 0 3% 5%;
  padding: 8%;
}

.testimonials_item:hover {
  box-shadow: 0 0 5px #eee;
}

.testimonials .clear {
  clear: both;
}

/* ============ special pages section ============ */
.text_image_section {
  display: flex;
  align-items: center;
}

.text_image_section h3 {
  text-align: left;
}

.text_image_section strong {
  font-weight: 600;
}

.text_image_section em {
  font-style: italic;
}

.text_image_section p {
  text-align: left;
  line-height: 1.8em;
  font-size: 16px;
  font-weight: 300;
}

.text_image_section p + p {
  margin-top: 20px;
}

.text_image_section img {
  width: 100%;
  position: relative;
  top: -20px;
  left: -20px;
}

.text_image_section .image_wrapper {
  background: #c51d32;
}

.text_image_section:nth-child(2n+2) .onetwo {
  order: 2;
}

.text_image_section + .text_image_section .onetwo:nth-child(2) {
  order: 1;
}

.block .profit__item {
  text-align: center;
  margin: 15px 0 20px;
  flex-direction: column;
}

.profit__item-title {
  font-weight: 900;
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 30px auto;
}

.profit__item-title::after {
  content: "";
  display: block;
  height: 2px;
  width: 88px;
  background: #000;
  margin: 20px auto 0;
}

.profit__item-icon {
  height: 60px;
  width: 60px;
  margin: 0 auto 10px;
}

.profit__icon {
  height: 90px;
  width: 90px;
  margin: 0 auto 10px;
}

.profit__icon svg {
  width: 100%;
  height: 100%;
}

.pro .how-we-work .profit__item-icon {
  height: 60px;
  width: 60px;
}

.profit__item-icon svg {
  width: 100%;
  height: 100%;
}

.profit__item p {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.8em;
  width: 86%;
  margin: 0 auto;
}

/* ============ about block ============ */
.about .onetwo {
  margin-bottom: 30px;
}

.about img {
  width: 77%;
  max-width: 200px;
  margin: 0 auto 20px;
  border-radius: 50%;
}

.about strong {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2em;
  display: block;
  margin-bottom: 10px;
}

.about em {
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0.04em;
  display: block;
  margin-bottom: 15px;
}

.about p {
  line-height: 2em;
  font-weight: 300;
  max-width: 500px;
  width: 95%;
  text-align: left;
  margin: 0 auto 15px;
}

.about_badge {
  margin-top: 30px;
}

.about_badge img {
  width: auto;
}

/* ============ residential block ============ */
.residental__block {
  background: none;
}

.residental__block h1 {
  margin-bottom: 24px;
}

.residential {
  background: #f5f5f5;
}

.residential .icon {
  height: 50px;
  width: 50px;
  margin-bottom: 15px;
}

.residential .grid__col:hover .icon {
  animation: "hey-shake" 0.5s;
}

.residential .icon.bathroom,
.profit__block-icon--bathroom {
  background-position: -150px -130px;
}

.residential .icon.bedrooms,
.profit__block-icon--bedrooms {
  background-position: -200px -130px;
}

.residential .icon.kitchens,
.profit__block-icon--kitchens {
  background-position: -250px -130px;
}

.residential .icon.living-rooms,
.profit__block-icon--living-rooms {
  background-position: -300px -130px;
}

.residential .icon.entryways,
.profit__block-icon--entryways {
  background-position: -150px -180px;
}

.residential .icon.gift-certificate,
.profit__block-icon--gift-certificate {
  background-position: -24px 0px;
  width: 60px;
  height: 60px;
  margin-top: -10px;
}

.residential .icon.gift-certificate + h5 {
  color: #c51d32;
}

.residential h5 {
  color: #222;
  margin-bottom: 16px;
}

.residential strong {
  display: block;
  font-weight: 700;
  font-size: 20px;
  color: #000;
}

.residential .line {
  width: 40px;
  height: 2px;
}

.residential p {
  font-weight: 300;
  line-height: 2em;
  color: #000;
}

@keyframes hey-shake {
  0% {
    margin-left: 0;
    transform: rotate(0deg);
  }
  30%, 40% {
    margin-left: 10px;
    transform: rotate(-10deg);
  }
  60%, 70% {
    margin-left: -10px;
    transform: rotate(10deg);
  }
}
.block-cite h3 {
  text-transform: none;
  max-width: 909px;
  margin: 0 auto;
  font-weight: 700;
  line-height: 1.8em;
}

.block-cite-small h3 {
  font-size: 1.4em;
  max-width: 707px;
  margin: 0 auto;
}

.block-cite-small h3 + h3 {
  margin-top: 16px;
}

/* ============ tickets promo block ============ */
.promo_subtitle .subtitle {
  margin-bottom: 0;
  font-size: 1.35em;
  max-width: 600px;
}

.tickets_promo {
  background: #f5f5f5 url(../images/bg/building.jpg) no-repeat center center fixed;
}

.tickets_promo .tickets_block {
  text-align: left;
  margin: 0;
}

.tickets_promo .tickets_block + .tickets_block {
  margin-top: 30px;
}

.tickets_promo h3 {
  font-size: 24px;
  text-align: left;
  margin-bottom: 8px;
}

.tickets_promo h4 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 8px;
}

.tickets_promo p {
  line-height: 1.9em;
  font-weight: 300;
  text-align: left;
  margin-bottom: 24px;
}

/* ============ grean cleaning page ============ */
.block.green_intro,
.block.green_outro {
  background: url(../images/banners/green.jpg) no-repeat center top fixed;
  background-size: cover;
  padding: 0;
}

.green_intro .wrap,
.green_outro .wrap {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 60px 0;
  max-width: 100%;
}

.green_intro .subtitle {
  margin-bottom: 0;
  font-size: 1.5em;
  max-width: 600px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.green_outro .wrap {
  padding: 60px 0;
}

.green_outro p {
  max-width: 500px;
  line-height: 1.8em;
  font-size: 1.3em;
  font-weight: 300;
  margin: 0 auto 30px;
  color: #fff;
}

.green_cleaning .icon {
  height: 80px;
  width: 80px;
  margin-bottom: 30px;
}

.green_cleaning .icon.health {
  background-position: -189px -341px;
}

.green_cleaning .icon.home {
  background-position: -269px -341px;
}

.green_cleaning .icon.environment {
  background-position: -349px -341px;
}

.green_cleaning .onethree p {
  font-weight: 300;
  line-height: 1.8em;
  max-width: 300px;
  margin: 0 auto;
}

/* ============ people block ============ */
.block.people {
  background: url(../images/banners/vacancies.jpg) no-repeat center top #e9e4d9 fixed;
  background-size: cover;
  height: 520px;
  text-align: left;
  position: relative;
  padding: 0;
}

.people_fill {
  background-color: rgba(0, 0, 0, 0.5);
  height: 400px;
  padding: 60px 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.people h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 2.8em;
  display: inline-block;
  font-weight: 300;
  margin: 15px 0 10px;
}

.people h3 span {
  background: #c51d32;
  padding: 11px 13px;
  margin-bottom: 5px;
}

.people h3 span b {
  font-weight: 800;
}

.people_text {
  width: 45%;
  margin-left: 10%;
}

.people_text h3,
.people_text p {
  width: 50%;
  max-width: 500px;
}

.people_text p {
  text-align: left;
  color: #000;
  font-style: normal;
  font-size: 1.2em;
  margin: 30px 0 0 0;
}

.people_text p span {
  margin-bottom: 4px;
  background: #fff;
  padding: 4px 11px;
}

.people_photos {
  float: right;
  width: 40%;
  max-width: 666px;
  margin-right: 5%;
}

.people_photos span {
  width: 24%;
  display: inline-block;
  margin: -2px 0 0 0;
}

.people_photos span img {
  display: block;
  width: 100%;
  border: 1px solid #fff;
  border-width: 4px 4px;
}

.people_photos span:nth-child(3) {
  margin-right: 10%;
}

.people_photos span:nth-child(4) {
  margin-left: 25%;
}

.people_photos span:nth-child(10) {
  margin-left: 25%;
}

.people_photos span:nth-child(1) img {
  border-width: 4px 4px;
}

.people_photos span:nth-child(4) img {
  border-width: 4px 4px;
}

.people_photos span:nth-child(5) img {
  border-width: 4px 4px;
}

.people_photos span:nth-child(6) img {
  border-width: 4px 4px;
}

.vacancies_intro .subtitle {
  margin: 0 auto;
  max-width: 600px;
}

.vacancies_intro .subtitle p {
  line-height: 2em;
  font-size: 1.3em;
}

.vacancies_list {
  background: #f5f5f5;
}

.vacancies_list .vacancies_list_here {
  text-align: left;
  padding-top: 20px;
}

.vacancies_list_here ul li {
  margin: 0 0 30px;
  list-style: decimal;
  font-weight: 300;
  color: #666;
}

.vacancies_list_here ul li a {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 900;
  letter-spacing: 0.15em;
  border-bottom: 1px solid #c51d32;
}

.list_vacancies_form.onetwo {
  background: #fff;
  box-shadow: 0 0 10px #ccc;
}

.list_vacancies_form.onetwo form {
  padding: 30px 10px;
  border: 0 none;
  box-shadow: 0 0 0;
}

.vacancy_intro {
  background: #f5f5f5;
}

.vacancy_intro .onetwo {
  font-size: 1em;
  font-weight: 300;
  line-height: 2em;
  text-align: left;
  font-style: italic;
  letter-spacing: 0.05em;
}

.vacancy_content p {
  margin: 0 auto 20px;
  font-size: 1.4em;
  font-weight: 300;
  max-width: 555px;
  line-height: 1.8em;
  letter-spacing: 0.07em;
}

.vacancy_form .onetwo p {
  line-height: 1.8em;
  text-align: left;
  font-size: 1.2em;
  font-weight: 300;
  margin-bottom: 15px;
  color: #000;
}

/* ============ employment application styles ============ */
.vacancy_form {
  background: #f5f5f5;
}

.vacancy_form .subtitle {
  font-size: 1.1em;
  line-height: 1.9em;
  max-width: 500px;
}

.vacancy_form form {
  max-width: 666px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  padding: 50px 50px 20px;
}

.vacancy_form h2, .vacancy_form .h2 {
  text-align: center;
  margin-bottom: 20px;
}

.vacancy_form h3, .facancy_form .h3 {
  font-size: 1.1em;
  margin-bottom: 10px;
}

.vacancy_form h3 span, .vacancy_form .h3 span {
  font-weight: 300;
  text-transform: none;
  color: #666;
}

.vacancy_form .emp_appBLOCK {
  text-align: left;
  margin-bottom: 30px;
}

.vacancy_form .emp_appROW {
  margin-bottom: 10px;
}

.vacancy_form .forms label {
  display: inline-block;
  vertical-align: top;
  color: #aaa;
  font-weight: 300;
  font-size: 0.8em;
}

.vacancy_form_temp .forms label + label {
  margin-left: 15px;
}

.vacancy_form_temp .forms input {
  border-width: 0 0 1px;
  width: 30px;
  display: inline-block;
  vertical-align: top;
  margin: -15px 0 0 5px;
  font-size: 1.4em;
  font-weight: 400;
  padding: 10px 5px 7px;
}

.vacancy_form .outro {
  font-size: 1.3em;
}

.vacancy_form .forms .form_row.checkbox {
  display: inline-block;
  vertical-align: top;
  margin: -1px 0 0 20px;
}

.vacancy_form .forms .form_row.checkbox input[type=checkbox] + label {
  margin-top: -1px;
}

.vacancy_form .forms .form_row.checkbox input[type=radio] + label span.checkbox {
  margin-right: 5px;
}

.vacancy_form .forms .form_row.checkbox .content {
  width: auto;
  margin-top: 2px;
}

.vacancy_form .forms .form_row.checkbox .content strong {
  font-size: 1.2em;
}

.hr_iframe {
  width: 100%;
  max-width: 900px;
  height: 100%;
  max-height: 600px;
}

.popup_content {
  width: 100%;
  max-width: 900px;
  height: 80%;
  max-height: 600px;
}

/* ============ blog block ============ */
.first_post {
  display: block;
  margin-bottom: 50px;
  color: #000;
  width: 100%;
}

.first_post .first_post_title {
  width: 100%;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
}

.first_post .first_post_title h2, .first_post .first_post_title .h2 {
  margin-bottom: 24px;
}

.first_post .first_post_date {
  font-style: italic;
  display: block;
  font-weight: 400;
  color: #666;
  margin-bottom: 10px;
}

.first_post .first_post_image {
  display: none;
}

.first_post .first_post_image img {
  display: block;
  width: 100%;
}

.list_posts .block__container {
  justify-content: flex-start;
}

.list_posts .onethree {
  color: #000;
  margin-bottom: 60px;
  text-align: left;
}

.list_posts .onethree img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.list_posts .onethree h2, .list_posts .onethree .h2 {
  font-size: 1.4em;
}

.list_posts .onethree p {
  font-weight: 300;
  line-height: 1.8em;
  margin: 30px 0 10px;
}

.list_posts .onethree span {
  color: #c51d32;
  font-size: 14px;
  text-decoration: underline;
  font-style: italic;
}

.one_post {
  background: #f5f5f5;
}

.one_post .wrap {
  background: #fff;
  width: 100%;
  padding: 0;
  max-width: 1100px;
}

.one_post_header {
  text-align: right;
}

.one_post_header .one_post_title {
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  width: 90%;
  margin: 5%;
}

.one_post_header .one_post_title h1 {
  font-size: 35px;
}

.one_post_header .one_post_title .one_post_date {
  font-style: italic;
  font-weight: 400;
  color: #666;
}

.one_post_header .one_post_image {
  text-align: center;
  width: 100%;
}

.one_post_header .one_post_image img {
  display: block;
  width: 100%;
}

.one_post_text {
  background: #fff;
  position: relative;
  z-index: 2;
  padding-top: 60px;
  margin: 0 8%;
}

.one_post_text .one_post_text_content {
  width: 100%;
  text-align: left;
  padding-bottom: 6%;
}

.one_post_text .one_post_text_data {
  text-align: left;
  width: 100%;
}

.one_post_text .one_post_text_data_title {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 1.2em;
  padding-bottom: 10px;
}

.one_post_text .one_post_text_data_content {
  padding: 10px 0 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  color: #666;
  font-weight: 300;
}

.one_post_text .one_post_text_data_content a {
  font-weight: 400;
  border-bottom: 1px solid #666;
  color: #333;
}

.one_post_text .one_post_text_data_content a:hover {
  color: #000;
  border-bottom-color: #666;
}

.one_post_text .one_post_text_data_content a.tl-tag {
  border: 1px solid #c51d32;
  border-left: 0;
  position: relative;
  margin: 0 20px 15px 10px;
  height: 15px;
  padding: 3px 5px 3px 2px;
  color: #c51d32;
}

.one_post_text .one_post_text_data_content a.tl-tag::before {
  content: "";
  height: 15px;
  width: 15px;
  border: 1px solid #c51d32;
  border-width: 0 0 1px 1px;
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: -8px;
}

.one_post_text .one_post_text_data_share {
  padding: 10px 0 15px;
}

.one_post_text .one_post_text_data_share .icon {
  height: 20px;
  width: 20px;
  margin: 5px 5px -5px 0;
}

.one_post_text .one_post_text_data_share .ya-share2__list_direction_horizontal > .ya-share2__item {
  display: inline-block;
  padding: 0 15px 15px 0;
}

.one_post_text .one_post_text_data_share .ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title {
  display: inline-block;
  font-size: 1.15em;
}

.one_post_text .one_post_text_data_share .ya-share2__badge {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.one_post_text .one_post_text_data_share a.ya-share2__link:hover .ya-share2__badge {
  filter: none;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}

.one_post_text .one_post_text_content p {
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.8em;
}

.one_post_text .one_post_text_content ol,
.one_post_text .one_post_text_content ul {
  margin-left: 40px;
  list-style: outside none circle;
}

.one_post_text .one_post_text_content ol {
  margin-left: 40px;
  list-style: outside none number;
}

.one_post_text .one_post_text_content ol li,
.one_post_text .one_post_text_content ul li {
  margin-bottom: 15px;
  line-height: 1.6em;
}

.one_post_text .one_post_text_content a {
  color: #c51d32;
  border-bottom: 1px solid #c51d32;
}

.one_post_text .one_post_text_content strong {
  font-weight: 700;
}

.one_post_text .one_post_text_content em {
  font-style: italic;
}

.one_post_text .one_post_text_content img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 20px;
}

.one_post_text .one_post_text_content h2, .one_post_text .one_post_text_content .h2 {
  text-align: left;
  font-size: 1.3em;
}

/* ============ calculator block ============ */
.calculator_block {
  display: none;
  padding-top: 16px;
  text-align: center;
}

.calculator_block h6 {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  padding: 8px 0 16px;
}

.calculator_block p {
  padding: 16px 0;
  line-height: 2em;
  font-size: 15px;
  font-weight: 300;
}

/* ============ Certificate page ============ */
.gift_certificate {
  padding-bottom: 0;
}

.certificate {
  /*    background: url(../images/bg/certificate_back.jpg) no-repeat center top; */
  width: 97%;
  margin: 66px auto 0;
  border: 1px solid #666;
  position: relative;
  box-shadow: 0 0 10px #666;
  background: #fff;
}

.certificate_wrap {
  width: 100%;
}

.certificate_form {
  background: #fff;
  width: 89%;
  padding: 5%;
  margin: 60px auto;
  box-shadow: 0 0 10px #666;
  border-radius: 3px;
}

.certificate_form textarea {
  height: 7.4em;
}

.add_certificate_form .subtitle {
  color: #fff;
}

.certificate_data {
  width: 95%;
  max-width: 280px;
  text-align: center;
  position: relative;
  margin: 19px auto;
}

.forms .certificate_data input {
  text-align: center;
  border: 0;
  font-size: 2em;
  margin: 0 auto;
  font-weight: 700;
}

.forms .certificate_data input.gift_amount {
  background: #eee;
  font-size: 3.7em;
  height: 50px;
  width: 130px;
  font-weight: 700;
  line-height: 52px;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}

.forms .certificate_data input.gift_amount_text {
  font-size: 1.85em;
  margin-top: 6px;
  background: #f5f5f5;
}

.forms .certificate_data input.gift_for {
  max-width: 260px;
  background: #f5f5f5;
  margin-top: 10px;
  font-size: 1.3em;
}

.forms .certificate_data .bucks {
  font-size: 3em;
  font-weight: 700;
  position: relative;
  top: 9px;
}

.forms .certificate_data input::-moz-placeholder,
.forms textarea.error::-moz-placeholder {
  color: #000;
}

.forms .certificate_data input::-moz-placeholder,
.forms textarea.error::-moz-placeholder {
  color: #000;
}

.forms .certificate_data input:-ms-input-placeholder,
.forms textarea.error:-ms-input-placeholder {
  color: #000;
}

.forms .certificate_data input::-webkit-input-placeholder,
.forms textarea.error::-webkit-input-placeholder {
  color: #000;
}

.forms .certificate_data input.gift_amount::-moz-placeholder,
.forms textarea.error::-moz-placeholder {
  color: #000;
  font-size: 16px;
}

.forms .certificate_data input.gift_amount::-moz-placeholder,
.forms textarea.error::-moz-placeholder {
  color: #000;
  font-size: 16px;
}

.forms .certificate_data input.gift_amount:-ms-input-placeholder,
.forms textarea.error:-ms-input-placeholder {
  color: #000;
  font-size: 16px;
}

.forms .certificate_data input.gift_amount::-webkit-input-placeholder,
.forms textarea.error::-webkit-input-placeholder {
  color: #000;
  font-size: 16px;
}

.certificate_data h3 {
  text-align: center;
  font-size: 1.15em;
  letter-spacing: 0.2em;
  margin: 10px 0 30px;
}

.certificate_data h3 strong {
  font-size: 7em;
  display: block;
  line-height: 1em;
  letter-spacing: 0;
}

.certificate_data_wrapper {
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.certificate_data_design {
  height: 320px;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

.gc_complete.certificate_data_design {
  height: auto;
}

.certificate_data_slider {
  height: inherit;
  overflow: hidden;
  position: relative;
  width: inherit;
}

.certificate_data_slides {
  height: inherit;
  opacity: 0;
  position: absolute;
  width: inherit;
  z-index: 0;
  transform: scale(1.5);
  transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s;
}

.certificate_data_design > input {
  display: none;
}

.certificate_data_design .controls {
  margin: -104px auto 19px;
  text-align: center;
  position: absolute;
}

.certificate_data_design label {
  cursor: pointer;
  position: relative;
  width: 28.7%;
  margin: 0 1.5% 7%;
  height: auto;
  display: inline-block;
  border: 2px solid transparent;
  transition: background ease-in-out 0.5s;
}

.certificate_data_design label img {
  width: 100%;
  border: 2px solid transparent;
}

.certificate_data_wrapper label:hover {
  background: #666;
}

.certificate_data_wrapper label:hover::after {
  border: 2px solid #666;
}

.certificate_data_design label:hover::after {
  border: 2px solid #000;
}

.certificate_data_wrapper label:after {
  border: 2px solid #ccc;
  content: " ";
  display: block;
  height: 12px;
  left: -4px;
  position: absolute;
  top: -4px;
  width: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.certificate_data_design label::after {
  display: none;
}

.certificate_data_design img {
  width: 200%;
}

.certificate_form_full {
  background: url(../images/bg/wood_white_bg.jpg) no-repeat center top fixed;
  background-size: cover;
  padding: 0;
}

.certificate_list_data {
  float: right;
  text-align: right;
}

.certificate_type {
  margin-top: 10px;
  display: block;
}

.certificate_list_data .ticket_status {
  float: none;
}

.simple_banner.gift_certificate_block {
  height: auto;
  background: url(../images/banners/wood_white_bg.jpg) no-repeat center top fixed;
  background-size: cover;
}

.simple_banner.gift_certificate_block .simple_banner_fill {
  height: auto;
  line-height: 1;
  padding-top: 180px;
  position: relative;
}

.gift_certificate_block .simple_banner_text {
  padding-top: 100px;
}

.gift_certificate_block .certificate_data_slides {
  height: auto;
  opacity: 1;
  position: relative;
  transform: scale(1);
  transition: none;
  width: auto;
  z-index: 1;
}

.gift_certificate_block .certificate_data h3 {
  margin-bottom: 0;
}

.gift_certificate_block .forms .certificate_data .bucks {
  font-size: 5em;
}

.gift_certificate_block .gift_for {
  font-size: 1.3em;
  font-weight: 700;
  padding-top: 25px;
}

.certificate {
  margin: 600px auto 0;
}

.certificate_data_design .controls {
  margin: 0 auto 30px;
  position: absolute;
  top: -600px;
}

.gift_certificate_block .stripe-button-el {
  background: #c51d32;
  border-radius: 0;
}

.gift_certificate_block .stripe-button-el span {
  background: none;
  border-radius: 0;
  box-shadow: 0 0 0;
  color: #fff;
  display: inline !important;
  min-height: 1px !important;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  position: relative;
  text-shadow: 0 0 0;
}

.payment_button {
  padding-top: 30px;
  text-align: center;
}

/* ============ executive summary ============ */
.simple_banner_text,
.simple_banner_text h1 {
  max-width: 888px;
}

.subtitle.wide_subtitle {
  max-width: 830px;
}

.subtitle.wide_subtitle a {
  border-bottom: 1px solid #c51d32;
}

.block.stats--money {
  background: #c51d32 url(../images/bg/line_bg.png) no-repeat center bottom;
  /* background-size: contain; */
  padding-bottom: 200px;
}

.stats--money h2, .stats--money .h2 {
  color: #fff;
}

.stats--money .subtitle {
  color: #fff;
  margin: 40px auto 0;
  font-style: normal;
}

.stats--money .onefive span {
  font-weight: 900;
  font-size: 35px;
  color: #fff;
  letter-spacing: 0.01em;
  display: block;
  margin-bottom: 10px;
  white-space: nowrap;
}

.stats--money .onefive strong {
  font-weight: 300;
  font-style: italic;
  color: #fff;
  line-height: 1.3em;
}

.stats--money .onefive .line {
  width: 66px;
  height: 3px;
  margin: 25px auto 25px;
  display: none;
}

.text_block {
  text-align: left;
  font-weight: 300;
  line-height: 1.8em;
  font-size: 1.2em;
  padding: 0 0 60px;
}

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

.carpet {
  background: url(../images/bg/carpet.jpg) no-repeat center top;
  padding: 100px 0;
}

.carpet .onetwo {
  text-align: left;
}

.carpet h3 {
  margin: 0;
  font-size: 2.6em;
  text-transform: none;
}

.carpet p {
  line-height: 1.7em;
  font-weight: 400;
  font-size: 1.1em;
}

.carpet p + h3 {
  margin-top: 40px;
}

.impact {
  background: #f5f5f5 url(../images/bg/city_skylines--gray.jpg) repeat-x center bottom;
  padding-bottom: 75px;
}

.impact .subtitle {
  font-style: normal;
}

/* ============ subscribe block ============ */
.subscribe .forms {
  text-align: center;
}

.subscribe .forms input {
  width: 85%;
  height: 23px;
  display: inline-block;
  vertical-align: top;
}

.subscribe .forms strong {
  display: block;
  font-size: 1.2em;
  margin-top: 15px;
  font-style: italic;
  font-weight: 100;
}

.subscribe .response {
  width: 80%;
  max-width: 400px;
  line-height: 1.8;
  text-align: center;
  font-size: 1.1em;
  font-weight: 300;
  margin: 10px auto;
}

.subscribe .subtitle {
  margin-bottom: 0;
  font-size: 1.1em;
}

/* ============ footer ============ */
footer {
  background: #000;
  padding: 60px 0;
}

footer .block__wrapper {
  align-items: flex-start;
  overflow: visible;
}

.footer__block {
  width: 100%;
  color: #fff;
}

.footer__block h6 {
  margin: 0 0 32px;
  font-size: 27px;
  font-weight: 700;
  color: #fff;
}

.footer__block h6 a {
  font-size: 27px;
  font-weight: 700;
  color: #fff;
}

.footer__block-row h6 {
  font-size: 18px;
  background: #c51d32;
  padding: 8px 16px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}

.footer__block-row h6::before,
.footer__block-row h6::after {
  content: "";
  position: absolute;
  top: -3px;
  transform: rotate(45deg);
  height: 22px;
  width: 22px;
  border: 8px solid #000;
  z-index: -1;
}

.footer__block-row h6::after {
  right: -22px;
}

.footer__block-row h6::before {
  left: -22px;
}

.footer__block-row + .footer__block-row {
  margin-top: 24px;
}

.footer__block-row strong {
  font-weight: 900;
}

.footer__block-address {
  border: 5px solid #fff;
  padding: 3.5% 4.5% 3% 3%;
  width: 90%;
  margin-left: 4%;
  position: relative;
  z-index: 1;
}

.footer__block-address::before {
  content: "";
  position: absolute;
  top: -24px;
  left: -24px;
  width: 100%;
  height: 100%;
  border: 5px solid #c51d32;
  z-index: -1;
}

.footer__menu {
  text-align: left;
}

.footer__menu ul {
  position: relative;
  padding-top: 28px;
}

.footer__menu ul::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 8px;
  background: #c51d32;
  top: -8px;
  left: 0;
}

.footer__menu ul li {
  margin-bottom: 32px;
}

.footer__menu ul li a {
  color: #eee;
  position: relative;
  display: inline-flex;
}

.footer__menu ul li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  height: 4px;
  width: 0;
  margin: 4px 0 0;
  background: #c51d32;
  transition: width 0.4s ease;
}

.footer__menu ul li a:hover {
  color: #fff;
}

.footer__menu ul li a:hover::after {
  width: 100%;
}

.footer__socials {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 24px 0 12px;
}

.footer__socials-icon {
  display: flex;
  height: 45px;
  width: 45px;
  margin: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.footer__copy {
  text-align: left;
  color: #fff;
}

/* ============ employee of the month ============ */
.award__certificate-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #020202;
  font-size: 16px;
}
.award__certificate img {
  border: 1px solid #eee;
  box-shadow: 0 0 20px #ccc;
  max-width: 100%;
}
.award__image {
  max-width: 888px;
  margin: 0 auto;
  border: 1px solid #eee;
  box-shadow: 0 0 20px #ccc;
  transition: transform 0.3s ease;
}
.award__image:hover {
  transform: scale(1.05);
  box-shadow: 0 0 40px #dadada;
}
.award__image img {
  max-width: 100%;
}
.award__wrapper {
  background: url(../images/award/award_back.png) no-repeat center top;
  background-size: cover;
  max-width: 888px;
  margin: 40px auto 0;
  padding-bottom: 35px;
  border: 1px solid #eee;
  box-shadow: 0 0 20px #ccc;
  transition: transform 0.3s ease;
  overflow: hidden;
}
.award__wrapper:hover {
  transform: scale(1.05);
  box-shadow: 0 0 40px #dadada;
}
.award__logo {
  width: 98px;
  height: 179px;
  margin: 0 auto 9px;
}
.award__title {
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.1em;
  max-width: 600px;
  margin: 0 auto 7px;
}
.award__subtitle {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1em;
  max-width: 600px;
  margin: 0 auto 18px;
}
.award__name {
  font-size: 55px;
  font-weight: 900;
  line-height: 1.1em;
  margin: 0 auto 23px;
}
.award__name--single-line {
  margin: 50px auto;
}
.award__text {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.1em;
  max-width: 575px;
  margin: 0 auto 50px;
}
.award__subject {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.1em;
  max-width: 600px;
  margin: 0 auto 40px;
}
.award__date {
  width: 400px;
  text-align: left;
  margin: 0 auto 40px;
  font-size: 11px;
  font-weight: 700;
  padding: 32px 0 0 209px;
}
.award__winner-image {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #c51d32;
  margin: 0 auto;
}
.award__winner-image img {
  max-width: 100%;
}
.award__winner-pic img {
  max-width: 100%;
}
.award__winner-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #020202;
}
.award__winner-text p {
  font-size: 18px;
  font-weight: 300;
  text-align: left;
  margin: 0 40px;
}
.award__winner-text p + p {
  margin-top: 25px;
}
.award__share {
  margin: 50px 0 30px;
}
.award__share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  margin: 15px;
}
.award__share .ya-share2__item .ya-share2__badge {
  padding: 5px;
  border-radius: 50%;
}

/* ============ Popup styles ============ */
.popup_content {
  width: 100%;
  max-width: 900px;
  height: 80%;
  max-height: 600px;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}

.popup__wrap {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}

.popup .bg_wrap {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 60px 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.popup_block {
  width: 84%;
  margin: 25px auto 0;
  background: #fff;
  padding: 15% 8%;
  position: relative;
}

.popup_back {
  max-width: 100%;
}

.popup_block h3 {
  font-size: 1em;
}

.popup_block h3 strong {
  display: block;
  font-size: 4em;
  padding-top: 20px;
  font-weight: 900;
}

.popup_block .line {
  height: 4px;
  background: #000;
  width: 77px;
  margin: 35px auto 15px;
}

.popup_block .subtitle {
  line-height: 1.3em;
  margin-bottom: 20px;
}

.popup_block .forms {
  text-align: center;
}

.popup_block .forms input {
  margin: 0;
}

.popup_block .forms button {
  margin-left: -25px;
}

.popup_close {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  transform: rotate(45deg);
  cursor: pointer;
}

.popup_close::after,
.popup_close::before {
  content: "";
  height: 2px;
  width: 30px;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}

.popup_close::before {
  transform: rotate(-90deg);
}

.popup_cookie {
  display: inline-block;
  margin: 25px 0;
  color: #aaa;
  font-style: italic;
  font-weight: 300;
  font-size: 0.9em;
  cursor: pointer;
}

.popup #mce-success-response {
  color: #333;
  padding-top: 15px;
  font-size: 0.9em;
}

.popup .mc-field-group {
  display: flex;
}

/*# sourceMappingURL=style.css.map */