/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10rem); }
  80% {
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(10rem); }
  80% {
    transform: translateX(-1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(3rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html{
	margin-top:0!important;
}

body { padding-top: 70px; }

html {
  font-size: 62.5%; }
  @media only screen and (max-width: 75em) {
    html {
      font-size: 56.25%; } }
  @media only screen and (max-width: 56.25em) {
    html {
      font-size: 50%; } }
  @media only screen and (min-width: 112.5em) {
    html {
      font-size: 75%; } }

body {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 56.25em) {
    body {
      padding: 0; } }

.container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 4%; }

.logo {
  color: #0E3A52;
  font-size: 1.8rem;
   }
  .logo span {
    font-weight: 900; }
.logo a{
	color: #0E3A52;
}

.section-rating {
  background: #113a51;
  color: white;
  padding: 2rem 0 2rem 0; }

body {
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left; }

h1 {
  font-family: Montserrat, sans-serif;
  font-size: 4.6rem;
  font-style: normal;
  font-weight: 800;
  line-height: 78px;
  letter-spacing: 0em;
  text-align: left;
  color: #0E3A52; }

h2 {
  font-weight: 700;
  font-size: 3.6rem;
  color: #0E3A52;
  margin-bottom: 2rem;
  line-height: 40px; }

.self-present__text {
  color: #0E3A52;
  font-weight: 400; }
  .self-present__text span {
    font-weight: 700; }

a {
  text-decoration: none; }

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

.u-margin-bottom-small {
  margin-bottom: 1.5rem !important; }

.u-margin-bottom-medium {
  margin-bottom: 4rem !important; }
  @media only screen and (max-width: 56.25em) {
    .u-margin-bottom-medium {
      margin-bottom: 3rem !important; } }

.u-margin-bottom-big {
  margin-bottom: 8rem !important; }
  @media only screen and (max-width: 56.25em) {
    .u-margin-bottom-big {
      margin-bottom: 5rem !important; } }

.u-margin-top-big {
  margin-top: 8rem !important; }

.u-margin-top-huge {
  margin-top: 10rem !important; }

.call-btn, .call-btn--large {
  width: 24rem;
  height: 5.2rem;
  background-color: #ffdc60;
  color: white;
  border-radius: 1rem;
  transition: all 0.5s;
  z-index: 1; }
  .call-btn a, .call-btn--large a {
    text-decoration: none; }
  .call-btn .call-btn__wrapper, .call-btn--large .call-btn__wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 5px; }
  .call-btn .call-btn__text, .call-btn--large .call-btn__text {
    display: flex;
    flex-direction: column; }
    .call-btn .call-btn__text .call-btn__nmbr, .call-btn--large .call-btn__text .call-btn__nmbr {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom:0.5rem;}
    .call-btn .call-btn__text .call-btn__call, .call-btn--large .call-btn__text .call-btn__call {
      font-size: 1.5rem;
      font-weight: 700;
      text-align: center; }
  .call-btn .call-btn__img, .call-btn--large .call-btn__img {
    width: 3.3rem;
    height: 3.3rem;
    padding: 4px;
    margin-right: 1rem; }
    .call-btn .call-btn__img img, .call-btn--large .call-btn__img img {
      width: 100%;
      object}
.call-btn__img img,
.call-btn__img {
	object-fit: contain;
}
.call-btn span,
.call-btn--large span {
	color: #0E3A52;
	text-decoration: none;
}

.call-btn:hover span,
.call-btn--large:hover span,
.call-btn:focus span,
.call-btn--large:focus span {
	color: #ffdc60 !important;
}
  
.call-btn:hover,
.call-btn--large:hover {
	background-color: #0E3A52; 
}
.call-btn:active,
.call-btn--large:active,
.call-btn:focus,
.call-btn--large:focus {
	background-color: #0E3A52;
	color: #795d2d;
	transform: translateY(-1px);
}

.call-btn--large {
  width: 35rem;
  height: 7.5rem;
  border-radius: 2.5rem; }
  .call-btn--large .call-btn__text .call-btn__nmbr {
    font-size: 3rem; }
  .call-btn--large .call-btn__text .call-btn__call {
    font-size: 2rem; }
  .call-btn--large .call-btn__img {
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 10%; }

.blue-square-bg {
  display: inline-block;
  position: relative;
  top: -1.5rem;
  background-color: #1AAAE6;
  width: 10rem;
  height: 5rem;
  transform: skewY(-7deg);
  text-align: left; }
  .blue-square-bg .text-white {
    color: white;
    padding-left: 1.5rem;
    position: absolute;
    top: 30%;
    display: inline-block;
    transform: skewY(7deg);
    position: relative;
    font-size: 3.6rem; }

.content-header {
  padding-top: 6rem;
  text-align: center; }
  .content-header .content-header__title {
    font-weight: 700;
    font-size: 3.6rem;
    margin-bottom: 2rem;
    line-height: 40px; }
  .content-header .content-header__subtitle {
    font-weight: 500;
    font-size: 1.8rem; }

.reviews {
  padding: 0 2rem;
  display: flex;
  justify-content: space-between; }
  .reviews__wrapper {
    display: flex;
    justify-content: space-between;
    margin-right: 1rem; }
  .reviews__img {
    margin-right: 1rem; }
  .reviews__text {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .reviews__title {
    font-size: 1.6rem; }
  .reviews__rating-text {
    font-size: 1.6rem; }
  .reviews__subtitle {
    font-size: 1.2rem; }
  .reviews__stars {
    display: flex;
    align-items: center;
    margin: 0.5rem 0 0.5rem 0; }
    .reviews__stars img {
      max-width: 1.5rem;
      max-height: 1.5rem;
      margin-left: 0.5rem; }
  .reviews .advantages {
    display: flex;
    align-items: center; }
    .reviews .advantages__wrapper {
      display: flex;
      flex-direction: column; }
      .reviews .advantages__wrapper:nth-child(1) {
        margin-right: 10px; }
    .reviews .advantages__item {
      display: flex;
      margin: 10px 0 10px 0; }
      .reviews .advantages__item img {
        max-width: 1.5rem;
        max-height: 1.5rem; }
    .reviews .advantages__description {
      font-size: 12px;
      font-weight: 600;
      line-height: 15px;
      margin-left: 0.5rem; }
  .reviews-with-btn {
    position: relative; }
    .reviews-with-btn .call-btn, .reviews-with-btn .call-btn--large {
      position: absolute;
      right: 0;
      bottom: -5rem; }
  @media only screen and (max-width: 37.5em) {
    .reviews__wrapper {
      padding: 3rem; } }
  @media only screen and (max-width: 37.5em) {
	  .contacts-advantages__item {
		  flex-direction:column !important;}
	  .contacts-advantages__item.text-and-img-right{
	  	align-items: flex-end !important;
	  }
	  .contacts-advantages__item > .text-and-img__info{
		  margin-left:0 !important;
	  }
	  .section-rating .call-btn{
		  bottom: -7rem;
	  }
    .reviews {
      flex-direction: column;
      align-items: center; }
      .reviews .advantages {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start; } }

.text-and-img, .text-and-img-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 9rem; }
  .text-and-img img, .text-and-img-right img {
    max-width: 33rem; }
  .text-and-img .text-and-img__photo, .text-and-img-right .text-and-img__photo {
    text-align: left;
    position: relative; }
    .text-and-img .text-and-img__photo span, .text-and-img-right .text-and-img__photo span {
      color: #0E3A52;
      font-weight: normal; }
    .text-and-img .text-and-img__photo::before, .text-and-img-right .text-and-img__photo::before {
      content: '';
      position: absolute;
      left: -2rem;
      right: 65%;
      top: -2rem;
      bottom: 50%;
      border-top: 10px solid #68abc1;
      border-left: 10px solid #68abc1; }
  .text-and-img .text-and-img__info, .text-and-img-right .text-and-img__info {
    margin-left: 5rem;
    text-align: left; }
    .text-and-img .text-and-img__info .text-and-img__title, .text-and-img-right .text-and-img__info .text-and-img__title {
      color: #0E3A52;
      margin: 1rem 0 2rem 0;
      font-weight: 700;
      font-size: 2.4rem;
      line-height: 3rem; }
    .text-and-img .text-and-img__info p, .text-and-img-right .text-and-img__info p, .text-and-img .text-and-img__info ul, .text-and-img-right .text-and-img__info ul {
      color: black;
      font-weight: 400;
      font-size: 1.4rem;
      line-height: 1.8rem; }
  .text-and-img-right {
    flex-direction: row-reverse;
    justify-content: space-between; }
    .text-and-img-right .text-and-img__info {
      margin: 0;
      margin-right: 4rem; }
    .text-and-img-right .text-and-img__photo {
      text-align: right; }
      .text-and-img-right .text-and-img__photo::before {
        border-left: none;
        border-top: 10px solid #68abc1;
        border-right: 10px solid #68abc1;
        top: -2rem;
        right: -2rem;
        bottom: 50%;
        left: 57%; }
    .text-and-img-right .text-and-img__list {
      color: black;
      font-weight: 400;
      font-size: 1.4rem;
      line-height: 1.8rem; }
      .text-and-img-right .text-and-img__list li {
        padding-bottom: 2rem; }
    @media only screen and (max-width: 37.5em) {
      .text-and-img-right .text-and-img__info {
        margin: 0 1rem 0 0; } }

@media only screen and (max-width: 37.5em) {
  .adaptation-blocks .text-and-img__title, .common-questions .text-and-img__title, .service .text-and-img__title, .reasons-section .text-and-img__title {
    font-size: 2.4rem;
    line-height: 3rem;
    font-size: 2rem;
    line-height: 2rem; }
  .adaptation-blocks .text-and-img__photo, .common-questions .text-and-img__photo, .service .text-and-img__photo, .reasons-section .text-and-img__photo {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 3rem; }
  .adaptation-blocks img, .common-questions img, .service img, .reasons-section img {
    width: 100%; }
  .adaptation-blocks .text-and-img, .common-questions .text-and-img, .service .text-and-img, .reasons-section .text-and-img, .adaptation-blocks .text-and-img-right, .common-questions .text-and-img-right, .service .text-and-img-right, .reasons-section .text-and-img-right {
    display: block; }
  .adaptation-blocks .text-and-img, .common-questions .text-and-img, .service .text-and-img, .reasons-section .text-and-img, .adaptation-blocks .text-and-img-right, .common-questions .text-and-img-right, .service .text-and-img-right, .reasons-section .text-and-img-right {
    display: inline-block;
    margin-bottom: 5rem; }
  .adaptation-blocks span, .common-questions span, .service span, .reasons-section span {
    display: none; }
  .adaptation-blocks .text-and-img-right .text-and-img__photo, .common-questions .text-and-img-right .text-and-img__photo, .service .text-and-img-right .text-and-img__photo, .reasons-section .text-and-img-right .text-and-img__photo {
    float: right;
    margin: 0;
    margin-left: 3rem; }
  .adaptation-blocks .text-and-img__info, .common-questions .text-and-img__info, .service .text-and-img__info, .reasons-section .text-and-img__info {
    margin: 0; } }
.text-and-img__photo img {
height: 100%;
object-fit: contain;
}
@media only screen and (max-width: 25em) {
  .adaptation-blocks .text-and-img, .common-questions .text-and-img, .service .text-and-img, .reasons-section .text-and-img, .adaptation-blocks .text-and-img-right, .common-questions .text-and-img-right, .service .text-and-img-right, .reasons-section .text-and-img-right {
    display: flex !important;
    flex-direction: column; } }

.footer-wrapper {
  padding: 4rem 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline; }
  .footer-wrapper .footer__nav a {
    color: #0E3A52;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-right: 2em;
    text-transform: uppercase; }
    .footer-wrapper .footer__nav a:hover {
      color: #777; }
    .footer-wrapper .footer__nav a:active, .footer-wrapper .footer__nav a:focus {
      color: #333; }



.header__wrapper {
  display: flex;
  justify-content: space-between;
 
  padding: 0 2rem; }

@media only screen and (max-width: 37.5em) {
  .menu-navigation {
    display: none; } }

.menu-navigation__list {
  display: flex;
  list-style: none; }

.menu-navigation__item a {
  text-decoration: none;
  display: inline-block;
  padding: 2rem 1rem 0;
  text-transform: uppercase;
  color: #0E3A52;
  position: relative; }
  .menu-navigation__item a:hover {
    color: #777; }
  .menu-navigation__item a:active, .menu-navigation__item a:focus {
    color: #333; }
  .menu-navigation__item a:hover::after, .menu-navigation__item a:focus::after {
    content: "";
    display: block;
    max-width: 3rem;
    width: 40%;
    height: 3px;
    position: absolute;
    background-color: #1AAAE6;
    bottom: -4px; }

.section-areas h2 {
  text-align: center;
  padding: 10rem 0 3rem 0; }

.areas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  box-shadow: 2px 8px 10px 0px #0E3A521A;
	border-radius: 10px;
  margin-bottom: 5rem; }
  .areas__list {
    max-height: 300px;
    display: flex;
    overflow-y: scroll;
    overflow-x: hidden; }
  .areas__map {
    margin-right: 1rem; }
  .areas .list-item {
    min-width: 20rem;
    padding: 10px;
    border: 1px solid #e0e4e6; }
    .areas .list-item a {
      color: #909597; }

.section-testimonials {
  position: relative;
  width: 100%;
  height: 100%;
  background: #f2f5f5; }

.testimonials-title {
  position: relative; }

.background {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  background-color: #ecf0f1;
  transform: skewX(-10deg);
  margin: 0 auto;
  z-index: auto;
  right: 25%; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1);
  /*! max-height: 293px; */
  border-radius: 5px; }

.swiper-slide__date {
  color: #0E3A52; }

.swiper-container {
  padding-bottom: 68px !important; }

.testimonials-title {
  padding: 7rem;
  text-align: center; }

.swiper-slide {
  background-color: #F8F6F7;
 
   }
  .swiper-slide__reviewer-info {
    display: flex;
    flex-direction: column; }
  .swiper-slide__reviewer {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .swiper-slide__review-wrapper {
    display: flex;
    justify-content: space-between; }
  .swiper-slide__name {
    color: #0E3A52;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px; }
  .swiper-slide__date {
    font-size: 9px;
    font-weight: 400;
    line-height: 11px; }
  .swiper-slide__text {
    padding-top: 20px;
    margin: 0;
    max-width: 20rem;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    text-align: left; }

#swiper-2 {
  width: 100%;
  height: 100%; }

#swiper-slide-2 {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  justify-content: flex-start;
  align-items: flex-start; }

/* Element | http://127.0.0.1:8080/ */
#swiper-2 {
  max-width: 272px; }

#swiper-wrapper-86ec554f3f47ab1b {
  max-width: 300px; }

.full-range__img::after {
  content: '';
  position: absolute;
  right: -2rem;
  left: 65%;
  top: 25px;
  bottom: 50%;
  border-right: 1px solid #7E97A7;
  height: 232px; }

#swiper-pagination-2 {
  color: #e1e6e9;
  position: absolute;
  bottom: 30px;
  right: -100px; }

.swiper-pagination-current, .swiper-pagination-total {
  color: #e1e6e9 !important; }

#swiper-button-next-2 {
  background-image: url("/wp-content/themes/locksmith247/img/icons/right-arrow.png") !important;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 58%;
  color: none !important;
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 50%;
  background-color: #1aaae6; }

#swiper-button-next-2::after {
  content: ''; }

#swiper-button-prev-2 {
  background-image: url("/wp-content/themes/locksmith247/img/icons/left-arrow.png") !important;
  color: none !important;
  background-repeat: no-repeat !important;
  background-position-y: center !important;
  background-position-x: 45% !important;
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 50%;
  background-color: #7e97a7; }

#swiper-button-prev-2::after {
  content: "" !important; }

/* Element | http://127.0.0.1:8080/ */
#swiper-button-next-2 {
  position: absolute;
  top: 288px;
  right: 2px;
  z-index: 99999; }

#swiper-button-prev-2 {
  position: absolute;
  top: 325px;
  left: 240px; }

.section-faq {
  background: #F6F8FA; }

.accordion-title {
  text-align: center;
  padding-top: 12rem;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center; }

.accordion .accordion-item {
  border: 1px solid #7E97A766;
  margin-bottom: 3rem;
  border-radius: 5px;
  transition: all 0.2s; }

.accordion-item:hover {
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1);
  border: none;
  background: #Fff; }

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #0E3A52;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none; }

.div.accordion-item:nth-child(1) {
  padding-bottom: 2rem; }

.accordion-item__button img {
  margin-right: 0.5rem; }

.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #0E3A52; }

.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #0E3A52;
  border: 1px solid #0E3A52; }

.accordion button .accordion-title {
  padding: 1em 1.5em 1em 1em; }

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 31px;
  right: 0;
  width: 22px;
  height: 22px; }

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor; }

.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor; }

.accordion button[aria-expanded="true"] {
  color: #222; }

.accordion button[aria-expanded="true"] .icon::after {
  width: 0; }

.accordion button[aria-expanded="true"] + .accordion-content {
  opacity: 1;
  max-height: 20em;
  transition: all 200ms linear;
  will-change: opacity, max-height; }

.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height; }

.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 1em;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left; }

.accordion-item button {
  display: flex;
  align-items: center; }

.section-about {
  background-color: #f7f7f7;
  padding: 25rem 0;
  margin-top: -20vh; }
  @media only screen and (max-width: 56.25em) {
    .section-about {
      padding: 20rem 0; } }

.welcome-block {
  background-image: linear-gradient(130deg, #F8F6F7 70%, #C4C4C4 90%);
  background-image: url('/wp-content/uploads/2022/05/banner.jpg');
  background-image: url('/wp-content/uploads/2022/05/banner.webp');
  background-repeat: no-repeat;
  background-size: cover; }
  .welcome-block__wrapper {
    max-width: 76%;
    padding: 100px 2rem; }
    .welcome-block__wrapper .welcome-block__title {
		line-height:7rem;
      margin-bottom: 1.5rem; }
    .welcome-block__wrapper .welcome-block__subtitle-1 {
      font-size: 3.6rem;
      color: #0E3A52;
      padding-bottom: 1.5rem;
      font-weight: 500;
      white-space: nowrap; }
    .welcome-block__wrapper .welcome-block__subtitle-2 {
      font-size: 2rem;
      color: #0E3A52;
      font-weight: 400;
      padding-bottom: 1.5rem; }
  @media only screen and (max-width: 37.5em) {
    .welcome-block .welcome-block__subtitle-1 {
      font-size: 2.6rem; } }
  @media only screen and (max-width: 25em) {
    .welcome-block h1 {
      font-size: 5.6rem;
	  }
    .welcome-block .call-btn--large {
      width: 33rem; } }

.breadcrumb {
  position: relative; }
  .breadcrumb::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: #ecf0f1; }

#breadcrumbs-one {
  background: none;
  border-radius: 5px;
  overflow: hidden;
	margin:0;
  width: 100%;
  list-style-type: none; }

#breadcrumbs-one li {
  float: left;
  background-color: #ecf0f1; }

#breadcrumbs-one a {
  padding: .5em 1em .5em 2em;
  float: left;
  text-decoration: none;
  color: #7e97a7;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: none; }

#breadcrumbs-one li:first-child a {
  padding-left: 1rem; }

#breadcrumbs-one a:hover {
  color: grey; }

#breadcrumbs-one a::after,
#breadcrumbs-one a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -13px;
  height: 100%; }

#breadcrumbs-one a::after {
  z-index: 2;
  border-left-color: #ecf0f1; }

#breadcrumbs-one a::before {
  border-left-color: #ecf0f1;
  right: -1.1em;
  z-index: 1; }


#breadcrumbs-one .current,
#breadcrumbs-one .current:hover {
  font-weight: bold;
  background: white;
  color: #0E3A52;
  font-weight: 600;
  font-style: normal;
  border-bottom: 1px solid #ecf0f1;}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before {
  content: normal; }

.self-present {
  background-color: white;
  padding-bottom: 6rem; }
  .self-present__header {
    color: #0E3A52; }
    .self-present__header .blue-square-bg {
      width: 44rem;
      height: 6.2rem;
      transform: skewY(-3deg);
      margin-top: 3rem; }
      .self-present__header .blue-square-bg .text-white {
        width: 45rem;
        transform: skewY(3deg);
        font-size: 3.6rem;
        top: 1rem;
        left: -1rem; }
  .self-present__info {
    margin-top: 3rem;
    padding-bottom: 5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  .self-present__logo {
    position: relative;
    display: table;
    margin: 0 auto;
    width: 100%;
    height: auto; }
    .self-present__logo img {
      display: block;
      position: relative;
      border-radius: 0 0 500px 500px;
      max-width: 100%;
      max-height: 100%;
      transform: translateZ(0);
      z-index: 1; 
      object-fit: cover;
      }
    .self-present__logo::after {
      content: '';
      position: absolute;
      left: 0;
      display: block;
      width: 100%;
      height: auto;
      padding-bottom: 100%;
      bottom: 0;
      box-shadow: inset 0 0 0 8px #68abc1;
      clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
      transform: translate(0.2rem, 1.5rem) rotate(-40deg);
      border-radius: 50%;
      box-sizing: border-box; }
    .self-present__logo::before {
      content: '';
      position: absolute;
      left: 0;
      display: block;
      width: 100%;
      height: auto;
      padding-bottom: 100%;
      bottom: 0;
      transform: translate(0.4rem, 0.4rem) scale(0.93);
      border-radius: 50%;
      background-color: #E5E5E5;
      transform-origin: bottom; }
  .self-present__text {
    color: #0E3A52; }
  .self-present .call-btn, .self-present .call-btn--large {
    margin-top: 4rem; }
  @media only screen and (max-width: 37.5em) {
    .self-present .blue-square-bg {
      width: 31.5rem; }
    .self-present .content-header {
      margin: 2rem;
      line-height: 32px; }
    .self-present .content-header__title {
      font-size: 2.5rem; }
      .self-present .content-header__title .text-white {
        font-size: 2.5rem; }
      .self-present .content-header__title .self-present__header {
        margin-left: 0rem; } }

.container-reviews {
  max-width: 78rem;
  font-weight: normal; }

.fair-banner {
  background: linear-gradient(180deg, #8b6865  0%, #ffdb58  100%);
  color: white;
  text-align: center; }
  .fair-banner .fair-banner__title {
    padding-top: 6rem;
    font-weight: 700;
    margin-bottom: 3rem;
    font-size: 3.6rem;
    color: white; }
  .fair-banner .fair-banner__text {
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3rem;
    padding-bottom: 6rem; }
  @media only screen and (max-width: 37.5em) {
    .fair-banner .container {
      padding: 0 3rem; }
      .fair-banner .container .fair-banner__title {
        padding: 2rem 0;
        margin-bottom: 0; } }

.common-questions {
  background-color: white;
  text-align: center; }
  .common-questions .clearfix::after {
    content: "";
    display: table;
    clear: both; }
  .common-questions__header {
    padding-top: 7rem; }
  .common-questions__title {
    text-transform: uppercase;
    margin-bottom: 0.5rem; }
  .common-questions__subtitle {
    font-size: 1.8rem;
    color: #0E3A52;
    padding-bottom: 7rem;
    font-weight: 500; }
  .common-questions__item {
    padding-bottom: 9rem; }

.service__header {
  padding-top: 8rem;
  text-align: center;
  padding-bottom: 9rem; }
  .service__header span {
    font-size: 2.4rem; }
/* 
.service__item {
  margin-bottom: 9rem; }
 */
.qualific {
  position: relative;
  background-color: #0D334A;
  overflow: hidden;
  min-height: 50rem; }
  .qualific__wrapper {
    height: 100%;
    display: block; }
  .qualific .qualific__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%); }
    .qualific .qualific__background::before {
      content: "";
      display: block;
      position: absolute;
      width: 50%;
      height: 100%;
      left: 0;
      top: 0%;
      background-image: linear-gradient(to right, transparent 0%, transparent 20%, white 50%), url("/wp-content/themes/locksmith247/img/qualif/qualif2.png");
      background-repeat: no-repeat;
      background-position-x: 15%;
      box-shadow: 0px 4px 25px 11px rgba(0, 0, 0, 0.25);
      background-size: cover; }
    .qualific .qualific__background::after {
      content: "";
      display: block;
      position: absolute;
      width: 50%;
      height: 100%;
      right: 0;
      top: 0%;
      background-image: linear-gradient(to left, transparent 0%, transparent 20%, white 50%), url("/wp-content/themes/locksmith247/img/qualif/qualif1.png");
      background-repeat: no-repeat;
      background-size: cover; }
  .qualific .container {
    height: 100%; }

.qualific__content {
  color: #0E3A52;
  z-index: 10;
  position: relative;
  background: #fff;
  max-width: 50rem;
  height: 100%;
  margin: 0 auto;
  padding-top: 4rem;
  box-shadow: 0 0 30px 30px white; }
  .qualific__content .qualific__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.9rem;
    text-align: center;
    margin-bottom: 5rem; }
  .qualific__content .qualific__text {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center; }
  .qualific__content .qualific__text:last-of-type {
    padding-bottom: 3rem; }

.lockout {
  background-color: #0D334A;
  color: white;
/*   background-image: url("/wp-content/themes/locksmith247/img/men-near-car.png"); */
  background-repeat: no-repeat;
  background-position: 80% 0%;
  background-size: auto 100%; }
  .lockout__header {
    padding: 10rem 0 5rem;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    text-align: center; }
  .lockout__info {
    display: flex;
    padding-bottom: 7rem; }
  .lockout__img {
    margin-right: 10rem;
    text-align: left;
    position: relative; }
    .lockout__img span {
      color: #0E3A52;
      font-weight: normal; }
    .lockout__img::before {
      content: '';
      position: absolute;
      left: -2rem;
      right: 65%;
      top: -2rem;
      bottom: 50%;
      border-top: 10px solid #1AAAE6;
      border-left: 10px solid #1AAAE6; }
  .lockout__subtitle {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 3rem; }
  .lockout__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-align: left; }
  .lockout__text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .lockout .call-btn, .lockout .call-btn--large {
    margin: 2rem auto; }
  @media only screen and (max-width: 37.5em) {
    .lockout .lockout__info {
      display: block; }
    .lockout .lockout__text-wrapper {
      display: block; }
    .lockout .lockout__img {
      float: left;
      margin-right: 2rem;
      width: 40%; }
      .lockout .lockout__img img {
        width: 100%;
        height: auto; }
    .lockout .call-btn, .lockout .call-btn--large {
      display: inline-block;
      margin: 2rem auto; } }
  @media only screen and (max-width: 75em) {
    .lockout .lockout__img {
      margin-right: 4rem; } }

.reasons-section {
  padding-top: 9rem; }

.features {
  background-image: url("/wp-content/themes/locksmith247/img/image8.png");
  background-repeat: no-repeat;
  background-size: cover; }
  .features .features__background-color {
    width: 100%;
    height: 100%;
    background: rgb(255 220 96 / 74%); }
    .features .features__background-color__circle {
      width: 75%;
      height: 100%;
      top: 0;
      background-color: rgb(18 146 200 / 82%);
      transform: skewX(-10deg);
      margin: 0 auto; }
  .features .container {
    transform: skewX(10deg);
    position: relative; }
  .features__text-wrapper {
    color: white;
    max-width: 70%;
    margin: 0 auto;
    padding-bottom: 12rem; }
    .features__text-wrapper p {
      font-size: 1.8rem;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      text-align: center; }
  .features__title {
    width: 100%;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.9rem;
    padding: 7rem 0 5rem 0;
    text-align: center; }
  .features__items-wrapper {
    display: flex;
    position: absolute;
    background-color: white;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.15);
    bottom: -5rem; }
  .features__item {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-right: 1px solid rgba(126, 151, 167, 0.4);
    color: #0E3A52;
    justify-content: flex-end;
    text-align: center;
    padding: 2.5rem 2rem; }
    .features__item .features__subtitle {
      padding-top: 1rem; }
    .features__item img {
      max-width: 5rem;
      max-height: 5rem; }
    .features__item:last-of-type {
      border: none; }
  @media only screen and (max-width: 56.25em) {
    .features .features__item {
      padding: 1rem 1.5rem; }
    .features p {
      font-size: 1.5rem; }
    .features img {
      max-width: 4rem;
      max-height: 4rem; }
    .features .features__subtitle {
      font-size: 1.2rem; } }
  @media only screen and (max-width: 37.5em) {
    .features .features__item {
      padding: 1rem; }
    .features .features__background-color__circle {
      width: 74%; }
    .features .features__items-wrapper {
      left: -3rem; }
    .features img {
      max-width: 3.5rem;
      max-height: 3.5rem; }
    .features .features__title {
      padding-left: 4rem; }
    .features .features__subtitle {
      font-size: 1.2rem;
      line-height: 15px; } }
  @media only screen and (max-width: 25em) {
    .features .features__background-color__circle {
      transform: skew(-8deg); }
    .features .container {
      transform: skew(8deg); } }

.section-areas .areas__list {
  width: 100%; }

@media only screen and (max-width: 56.25em) {
  .section-areas .areas__list {
    display: table-column !important; } }

@media only screen and (max-width: 37.5em) {
  .section-areas .areas {
    flex-direction: column !important;
    overflow: hidden !important; }
  .section-areas .areas__list {
    display: table-column !important; }
  .section-areas iframe {
    max-width: 100%; }
  .section-areas .areas {
    flex-direction: column !important; }
  .section-areas .areas__list {
    display: flex !important; }
  .section-areas .areas__col-1 {
    flex-grow: 1; }
  .section-areas .areas__col-2 {
    flex-grow: 1; } }

.prices__header {
  padding: 4rem 0 4rem;
  text-align: center; }
  .prices__header .prices__title {
    color: #0E3A52;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    padding: 2rem; }
  .prices__header .prices__text {
    max-width: 50%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 4rem; }

.prices__blocks {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10rem; }
  .prices__blocks .price-block {
    max-width: 47%;
    box-shadow: 0 -0.5rem 0 0 #1AAAE6, 1px 1px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 1rem;
    color: #0E3A52;
    text-align: center;
    padding-bottom: 2rem; }
    .prices__blocks .price-block__title {
      font-size: 1.8rem;
      font-style: normal;
      font-weight: 700;
      line-height: 2.2rem;
      padding: 2rem 0; }
    .prices__blocks .price-block__description {
      font-size: 1.4rem;
      font-style: normal;
      font-weight: 400;
      line-height: 1.7rem;
      margin: 2rem; }
    .prices__blocks .price-block__subtitle {
      font-size: 1.4rem;
      font-style: normal;
      font-weight: 500;
      line-height: 1.7rem;
      padding: 1rem; }
    .prices__blocks .price-block__box {
      border: 1px solid grey;
      border-radius: 7px;
      max-width: 80%;
      margin: 1rem auto;
      display: flex;
      justify-content: space-between; }
  .prices__blocks .blue-box__left,
  .prices__blocks .green-box__left {
    width: 54%;
    color: #0E3A52;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    padding: 1rem; }
  .prices__blocks .blue-box__right,
  .prices__blocks .green-box__right {
    position: relative;
    width: 46%;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.2rem;
    text-align: right;
    padding: 1rem; }
  .prices__blocks .blue-box__right::before,
  .prices__blocks .green-box__right::before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    position: absolute;
    border-radius: 0 7px 7px 0;
    clip-path: polygon(0 50%, 1.6rem 0, 100% 0, 100% 100%, 1.6rem 100%);
    opacity: 1; }
  .prices__blocks .green-box__right::before {
    background: linear-gradient(90deg, #7acd37, rgba(255, 255, 255, 0) 60%); }
  .prices__blocks .blue-box__right::before {
    background: linear-gradient(90deg, #1AAAE6, rgba(255, 255, 255, 0) 80%); }
  .prices__blocks .blue-box__right {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .prices__blocks .green-box {
    border-color: #7ACD37; }
    .prices__blocks .green-box .green-box__right {
      color: #7ACD37; }
  .prices__blocks .blue-box {
    display: flex; }

@media only screen and (max-width: 37.5em) {
  .prices .prices__blocks {
    flex-direction: column; }
    .prices .prices__blocks .prices__block {
      max-width: 90%;
      margin: 3rem auto; }
  .prices .prices__header .prices__text {
    max-width: 80%;
    padding-bottom: 0; } }

.custom-info {
  position: relative;
  background-color: #0D334A;
  overflow: hidden;
  min-height: 40rem; }
  .custom-info__wrapper {
    height: 100%;
    display: block; }
  .custom-info .custom-info__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); }
    .custom-info .custom-info__background::before {
      content: "";
      display: block;
      position: absolute;
      width: 50%;
      height: 100%;
      left: 0;
      top: 0%;
      /*background-image: linear-gradient(to right, transparent 0%, transparent 20%, white 50%), url("https://londonlocksmith247.co.uk/wp-content/themes/locksmith247/img/qualock/image9.png");*/
      background-image: linear-gradient(to right, transparent 0%, transparent 20%, white 50%);
      background-repeat: no-repeat;
      background-position-x: 15%;
      box-shadow: 0px 4px 25px 11px rgba(0, 0, 0, 0.25);
      background-size: cover; }
    .custom-info .custom-info__background::after {
      content: "";
      display: block;
      position: absolute;
      width: 50%;
      height: 100%;
      right: 0;
      top: 0%;
      background-image: linear-gradient(to left, transparent 0%, transparent 20%, white 50%), url("/wp-content/themes/locksmith247/img/qualock/image10.png");
      background-repeat: no-repeat;
      background-size: cover; }
  .custom-info .container {
    height: 100%; }

.custom-info__content {
  color: #0E3A52;
  z-index: 99;
  position: relative;
  background: #fff;
  box-shadow: 2px 0 25px 38px white;
  max-width: 50rem;
  height: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  box-shadow: 0 0 30px 30px white; }
  .custom-info__content .custom-info__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
    margin-bottom: 7rem; }
  .custom-info__content .custom-info__text {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center; }
  .custom-info__content .custom-info__text {
    padding-bottom: 3rem; }

.full-range {
  background-color: #0D334A;
  color: white; }
  .full-range__header {
    padding: 10rem 0 5rem;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    text-align: center; }
  .full-range__info {
    display: flex;
    padding-bottom: 7rem; }
  .full-range__img {
    margin-right: 10rem;
    text-align: left;
    position: relative; }
    .full-range__img img{
    height: 100%; 
    object-fit:contain; }
    .full-range__img span {
      color: #0E3A52;
      font-weight: normal; }
    .full-range__img::before {
      content: '';
      position: absolute;
      left: -2rem;
      right: 65%;
      top: -2rem;
      bottom: 50%;
      border-top: 10px solid #1AAAE6;
      border-left: 10px solid #1AAAE6; }
  .full-range__subtitle {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 3rem; }
  .full-range__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-align: left; }
  .full-range__text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
  @media only screen and (max-width: 37.5em) {
    .full-range .full-range__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .full-range .full-range__text-wrapper {
      display: block; }
    .full-range .call-btn, .full-range .call-btn--large {
      display: inline-block;
      margin: 2rem auto; } }
  @media only screen and (max-width: 75em) {
    .full-range .full-range__info {
      display: flex; }
    .full-range .full-range__img {
      margin-right: 4rem; } }

.faq h2 {
  padding-top: 7rem; }

.faq .accordion {
  padding-bottom: 7rem; }

.hamburger-menu {
  display: none; }
  @media only screen and (max-width: 37.5em) {
    .hamburger-menu {
      display: block;
      z-index: 5; } }

#menu__toggle {
  opacity: 0; }

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg); }

#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0); }

#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg); }

#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0; }

.menu__btn {
  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  right: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 1; }

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
  transition-duration: .25s; }

.menu__btn > span::before {
  content: '';
  top: -8px; }

.menu__btn > span::after {
  content: '';
  top: 8px; }

.menu__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  left: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background-color: #ECEFF1;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.2);
  transition-duration: .25s; }

.menu__item {
  display: block;
  padding: 12px 24px;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .25s; }

.menu__item:hover {
  background-color: #CFD8DC; }

/* about page */

.about__content {
	padding: 8rem 0;
}
.about__content h2{
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.2rem;
	text-align: left;
}
.about__content p{
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.7rem;
	text-align: left;
	color: rgba(14, 58, 82, 1);
	padding-bottom: 5rem;
}

/* contacts-page */
.contacts-section__content{
	padding: 8rem 0rem 3rem;
	text-align: center;
}
.contacts-section__content h2{
	margin-bottom:5rem;
}
.contacts-section__content p{
	margin-bottom:5rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.2rem;
	color: rgba(14, 58, 82, 1);
}
.phone-info{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 2.9rem;
	text-align: center;
	color: #0E3A52;
}
.phone{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 2.9rm;
	color: #1AAAE6;
	text-decoration: underline;
}
.contacts-advantages__items {
	padding: 8rem 0 0;
}
.contacts-advantages__items > .contacts-advantages__item{
	align-items: flex-start;
}
.contacts-advantages__item ul {
	list-style-type:none;
}
.contacts-advantages__item .text-and-img__title{
	margin-top:0;
}
.contacts-advantages__item p{
	margin-bottom:2rem;
}
.contacts-advantages__item li{
	margin-bottom: 2rem;
}
.light-blue-text{
	color: #1AAAE6;
	text-decoration: underline;
}
.welcome-block__subtitle-3{
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.2rem;
	color: rgba(14, 58, 82, 1);
	text-transform: uppercase;
	margin: 0 0 0 1rem;
}

.blog-title{
	color: #0E3A52;
	font-weight: 600;
	font-size: 1.8rem;
}

.post-title{
	font-size:44px;
}
.privacy__content{
	padding: 10rem;
}

main {
	overflow:hidden;
}

.box-link{
	background: linear-gradient(180deg, #46C8CB 0%, #23B1E0 100%);
}

.areas-page-link{
	background-color:#ecf0f1;
	border:2px solid #fff;
}

.areas-page-link a{
	color:#0e3a52;
}


.link-success{
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
	display:inline-block;
}
.img-thumb{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top:0;
	left: 0; 
}
.blog-wrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	background-color: #0e3a52;
	border-radius: 0.75rem !important;
}
.btn-with-breadcr{
	bottom: -12rem !important;
}

.service-item{
	background-color: #0e3a52;
	border:2px solid #0e3a52;
	min-height: 225px;
}

.service-item:hover{
	background-color:#fff;
	transition: 400ms ease;
}
.service-item:hover a{
	color: #0e3a52;
}


.service-item a{
	color:#fff;
}

.service-item a:hover{
	color:#0e3a52;
	transition: 400ms ease;
}

.service-item h3{
	color:white;
}
.service-item:hover h3{
	color: #113a51;
}
.areas-page-link{
	border-radius:7px;
}
.areas-page-link:hover{
	background-color:#0e3a52;
	border:2px solid #ecf0f1;
	color:#fff;
}
.areas-page-link:hover h3{
	color: #fff;
}

.district-link{
	color:#fff;
}

.error-404.not-found .page-content{
	padding: 0 3rem 5rem;
}
.error-404.not-found {
background-color: #cecdce;
}


.error-404.not-found .page-content p{
	font-size: 2rem;
}
.error-404.not-found .widget_recent_entries{
	margin: 4rem 0;	
}
.error-404.not-found .widget_recent_entries ul {
	list-style-type:none;
}

.error-404.not-found .widget_recent_entries li {
	padding-bottom: 1rem;
}

.error-404.not-found .widget_recent_entries li a{
color:black;
	font-weight: 400;
}
.error-404.not-found .widget_recent_entries li a:hover{
	color: grey;
}
.back-home-btn__link{
	display:inline-block;
	font-size: 3rem;
	color:white;
	background-color: #0e3a52;
	padding: 2rem 3rem;
	border-radius: 10px;
	transition: transform 0.3s;
}

.back-home-btn__link:hover{
	color:white;
	background-color:#0e1b32;
	transform: scale(1.05);
}
.error-404.not-found .page-header{
	padding: 2rem 3rem;
}
.blog .post-item{
	transition: transform 0.5s;
}

.blog .post-item:hover{
	transform: scale(0.97);
}


h3{
	color: #0E3A52;
}

.custom-info__background {
 border: 1px solid #0E3A52;
}


/* Element | https://londonlocksmith247.co.uk/?page_id=1286&preview=true */

ul.d-block {
  font-size: 24px;
  line-height: 29px;
}

/* bootstrap.min.css | https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css */

a {
  /* color: #0d6efd; */
  color: #1aaae6;
}

.phone-quarter {
 font-size: 24px;
 line-height: 29px;
}

.title-quarter{
	font-size: 48px;
	line-height: 59px;
}


.call-mobile {
  background-color: #ffdc60;
}

.call-mobile p {
  color: #0e3a52;
}


.call-mobile__title {
  color: white;
  font-size: 31px;
  padding-top: 20px;
}


.call-mobile__subtitle  {
  color: white;
}

.areas .list-item {
  font-size: 10px;
  border-left: 2px solid transparent;
}

.list-item:hover {
  border-left: 2px solid #7acd37;
}

@media (max-width:506px){

.welcome-block__wrapper {
   max-width: 100%; 
}

}

@media (max-width:600px){
	.header__wrapper {
  padding: 2rem 2rem; }
}



.service-menu{
	min-width:250px;
}

.district-item{
		margin-bottom:10px;
	}	
	
	
.district-item__img img {
 
  max-width: 100%;
  height: auto;

}


.district-item__link {
  display: inline-block;

}
	
	.district-item__link:hover{
		color:white;
	}
	.district-item__link > p {
		text-decoration:underline;
	}
	
	.district-item__link > p:hover{
		color:white;
	}
.district-item__link {
  color: white;
}

	.district-item__link{
		position: absolute;
  left: 6%;
  top: 40%;
	}
	
	
.district-item__link > span {
  /* background-color: cadetblue; */
  background-color: #1aaae6;
  border-radius: 4px;
  padding: 8px;
  border: 2px solid transparent;
}

.district-item {
  position: relative;
}
.district-item__link > p , .district-item__link > p:hover{
		border: 2px solid transparent;
}
.district-item__link > span:hover {
  border: 2px solid #1aaae6;
  color: #1aaae6;
  background-color: white;
	transition:0.4s;
}

.district-item__img {
  position: relative;
}

.district-item__img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: linear-gradient(to bottom,rgba(25,23,23,.6),rgba(34,34,34,.5)) !important;
}

.masters-section__slider {
	overflow: hidden;
}

.masters-slider__navigation {
	display: flex;
	justify-content: flex-end;
}

.masters-slider__navigation-button {
	padding: 20px;
	cursor: pointer;
}

.master-item {
	border-radius: 10px;
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
	background: #FBFBFB;
	margin: 0 10px;
}

.master-item__thumbnail {
	display: flex;
	background: #387c93;
	color: white;
}

.master-item__image {
	width: 65%;
	flex-shrink: 0;
}

.master-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.master-item__thumbnail-items {
	padding: 40px 12px;
}

.master-item__thumbnail-item {
	padding: 0px;
	text-align: center;
}

.master-item__thumbnail-item + .master-item__thumbnail-item {
	margin-top: 40px;
}

.master-item__thumbnail-number {
	font-size: 36px;
	line-height: 42px;
	font-weight: bold;
}

.master-item__thumbnail-text {
	font-size: 15px;
	line-height: 17px;
}

.master-item__info {
	padding: 15px 15px 30px;
}

.master-item__name {
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	color: #484848;
	margin-bottom: 20px;
}

.master-item__items {
	margin-bottom: 30px;
}

.master-item__item {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}

.master-item__item + .master-item__item {
	border-top: 1px solid #CFCFCF;
}

.master-item__item-title {
	color: #6F6F6F;
}

.master-item__item-content {
	color: #1C1C1C;
}

.master-item__button {
	display: flex;
	justify-content: center;
}

.master-item__button a {
	background: #FFDC60;
	border-radius: 5px;
	font-weight: 500;
	color: #000000;
	text-decoration: none;
	padding: 13px 30px;
}

.container-masters {
max-width: 1200px;
margin: 0 auto;
}

	.menu-navigation__item, .menu__box li {
		position: relative;
	}
		
	.menu__box{
		overflow-y: scroll;
	}
		
	.menu__box li{
		width: 100%;
	}
		
	.menu__box .menu-navigation__submenu{
		width: 100%;
	}
		
	.menu-navigation__submenu {
	  display: none;
	  position: absolute;
	  left: -50%;
	  background-color: #f9f9f9;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  width: max-content;
/* 	  max-width: 100%; */
	  max-height: calc(100vh - 60px);
	  box-shadow: 0px 4px 4px 4px rgb(0 0 0 / 10%);
	}
		
	.menu-navigation__item:nth-child(4){
		position: static;
	}
		
	.menu-navigation__item:nth-child(4) .menu-navigation__submenu{
		left: auto;
   		right: 0;
	}
		
	@media (min-width: 1600px){
		.menu-navigation__item:nth-child(4) .menu-navigation__submenu{
			right: 10%;
		}
	}
		
	@media (min-width: 1450px){
		.menu-navigation__item:nth-child(4) .menu-navigation__submenu{
			right: 5%;
		}
	}
		
	.menu-navigation__item:hover .menu-navigation__submenu {
		display: flex;
	}
		
	.submenu-list .submenu-list__row .submenu-list__item a{
		padding-left: 15px;
		padding-right: 15px;
	}
		
	.submenu-list .submenu-list__row {
		border-right: 1px solid #dddddd;
		padding-top: 1rem;
	}
		
	.submenu-list .submenu-list__row:nth-child(2){
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}
		
	.submenu-list .submenu-list__row:nth-child(2) .submenu-list__item a{
		padding-right: 0;
	}
		
	.menu__box li .submenu-list{
		position: relative;
		background-color: transparent;
		left: 0;
		padding: 0 24px;
		box-shadow: none;
	}
		
	.menu__box li:hover .submenu-list{
		display: block;
	}

	.submenu-list__item {
		margin-bottom: 0;
		list-style: none;
		grid-row-gap: 0;
	}
		
	@media (min-width: 768px){
		.submenu-list__item {
			margin-bottom: 1.25rem;
			grid-row-gap: 1.25rem;
		}	
	}
		
	.menu__box 	.submenu-list__item {
		margin-bottom: 0;
	}
		
	.menu__box .submenu-list__item:first-child{
		padding-top: 0;
	}
		
	.submenu-list__item:last-child{
		margin-bottom: 0;
	}
		
	.submenu-list__item a{
		padding: 0;
		font-size: 8px;
	}
		
	@media (min-width: 662px){
		.submenu-list__item a{
			font-size: 10px;
		}	
	}
		
	@media (min-width: 902px){
		.submenu-list__item a{
			font-size: 13px;
		}	
	}
		
	.menu__box .submenu-list__item a{
		display: block;
		padding: 8px 12px;
		color: #333;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		font-weight: 600;
		text-decoration: none;
		transition-duration: .25s;
		text-transform: uppercase;
		
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
		
	.menu__box .submenu-list__item:hover a{
		color: #0a58ca;
	}
		
	.pricing-plan-area {
	  margin-top: 70px;
	}

	.pricing-plan-area-title {
	  position: relative;
	  margin-bottom: 80px;
	  text-align:center;
	}
	.pricing-plan-area-title__title-top {
	  color: #9b9a9a;
	  font-size: 14px;
	  line-height: 14px;
	  font-weight: 600;
	  font-family: poppins, sans-serif;
	  text-transform: uppercase;
	  font-style: italic;
	}
	.pricing-plan-area-title__title {
	  position: relative;
	  display: block;
	  padding: 14px 0 0;
	  color: #131313;
	  font-size: 36px;
	  line-height: 44px;
	  font-weight: 700;
	  text-transform: capitalize;
	}

	.pricing-plan-area-title::before {
	  position: absolute;
	  top: -33px;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  z-index: -1;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	  content: "";
	  color: #f0f0f0;
	  font-size: 130px;
	  line-height: 130px;
	}

	.pricing-plan-area-list {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  margin-right: -15px;
	  margin-left: -15px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	}
	.pricing-plan-area-list__item {
	  position: relative;
	  width: 100%;
	  -webkit-box-flex: 0;
		  -ms-flex: 0 0 50%;
			  flex: 0 0 50%;
	  max-width: 50%;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	  margin-bottom: 50px;
	}
	@media (max-width: 992px) {
	  .pricing-plan-area-list__item {
		-webkit-box-flex: 0;
			-ms-flex: 0 0 100%;
				flex: 0 0 100%;
		max-width: 100%;
	  }
	}
	@media (min-width: 992px) {
		.pricing-plan-area-list__item:nth-child(odd){
			padding-right: 15px;
		}
	}
	.pricing-plan-area-list__item:hover .pricing-plan-area-list__pricing-box::before {
	  -webkit-transform: scaleX(1);
			  transform: scaleX(1);
	  -webkit-transition: all 200ms linear;
	  transition: all 200ms linear;
	  -webkit-transition-delay: 0.1s;
			  transition-delay: 0.1s;
	}
	.pricing-plan-area-list__pricing-box {
	  position: relative;
	  display: block;
	  color: #828282;
	  font-size: 16px;
	  line-height: 25px;
	  font-weight: 400;
	}
	.pricing-plan-area-list__pricing-box::before {
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  height: 5px;
	  background: #f47629;
	  content: "";
	  -webkit-transform: scaleX(0);
			  transform: scaleX(0);
	  -webkit-transition: all 500ms linear;
	  transition: all 500ms linear;
	  -webkit-transition-delay: 0.1s;
			  transition-delay: 0.1s;
	}
	.pricing-plan-area-list__categories {
	  position: absolute;
	  top: -36px;
	  right: 0;
	  width: 130px;
	  text-align: center;
	  background: #1AAAE6;
	  z-index: 3;
	}
	.pricing-plan-area-list__categories h6 {
	  color: #fff;
	  font-size: 14px;
	  line-height: 36px;
	  text-transform: uppercase;
	  font-weight: 700;
	  font-family: poppins, sans-serif;
	  margin: 0;
	}
	.pricing-plan-area-list__pricing-inner-box {
	  position: relative;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding: 28px 30px 27px;
	  -webkit-box-shadow: 0 3px 7px 3px #ededed;
			  box-shadow: 0 3px 7px 3px #ededed;
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
	  .pricing-plan-area-list__pricing-inner-box {
		padding: 28px 15px 27px;
	  }
	}
	@media (max-width: 505px) {
	  .pricing-plan-area-list__pricing-inner-box {
		padding: 25px 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
	  }
	}
	.pricing-plan-area-list__left-box {
	  position: relative;
	  display: block;
	  max-width: 120px;
	  width: 100%;
	  margin: 8px 0 9px;
	  color: #131313;
	}
	.pricing-plan-area-list__left-box svg {
	  position: relative;
	  display: block;
	  color: #f47629;
	  font-size: 65px;
	  line-height: 100%;
	}
	.pricing-plan-area-list__left-box h3 {
	  font-size: 20px;
	  line-height: 28px;
	  font-weight: 600;
	  font-family: poppins, sans-serif;
	  margin: 10px 0 22px;
	}
	.pricing-plan-area-list__left-box h1 {
	  font-family: poppins, sans-serif;
	  font-size: 36px;
	}
	@media (max-width: 992px) {
	  .pricing-plan-area-list__left-box {
		max-width: 180px;
	  }
	}
	.pricing-plan-area-list__right-box {
	  position: relative;
	}
	.pricing-plan-area-list__right-box ul {
	  position: relative;
	  display: block;
	  overflow: hidden;
	  padding-left: 30px;
	}
	.pricing-plan-area-list__right-box ul::before {
	  position: absolute;
	  top: 12px;
	  left: 0;
	  bottom: 13px;
	  width: 1px;
	  background: #eee;
	  content: "";
	}
	.pricing-plan-area-list__right-box li {
	  list-style: none;
	  position: relative;
	  display: block;
	  padding-left: 30px;
	  line-height: 36px;
	}
	.pricing-plan-area-list__right-box li::before {
	  content: "✔";
	  position: absolute;
	  left: 0;
	  color: #131313;
	  font-size: 18px;
	  -webkit-transform: rotateZ(10deg);
			  transform: rotateZ(10deg);
	}
	@media (max-width: 505px) {
	  .pricing-plan-area-list__right-box ul {
		padding-left: 0;
		margin: 0;
	  }
	  .pricing-plan-area-list__right-box ul::before {
		content: none;
	  }
	}

	@media (max-width: 992px) {
	  .pricing-plan-area-list {
		margin-left: 0;
		margin-right: 0;
	  }
	}
		.menu-navigation__item, .menu__box li {
		position: relative;
		white-space: nowrap;
	}





.welcome-block-auto {
  background-image: linear-gradient(130deg, #F8F6F7 70%, #C4C4C4 90%);
  background-image: url('https://londonlocksmith247.co.uk/wp-content/uploads/2022/01/auto-locksmith-banner.jpg');
  background-repeat: no-repeat;
	background-position: 100% 99%;
	background-color: #eef0f4;
}

.welcome-block-safes {
  background-image: linear-gradient(130deg, #F8F6F7 70%, #C4C4C4 90%);
  background-image: url('https://londonlocksmith247.co.uk/wp-content/uploads/2022/01/Screenshot-6-scaled.jpg');
  background-repeat: no-repeat;
  background-position: center;
	
	background-size:cover;
	background-color: #eef0f4;
}

.page-title--404 {
	font-size: 5rem;
}

.page-header__error-number {
	margin: 100px 0 50px;
	font-size: 10rem;
	font-weight: 700;
	text-align: center;
	color: #04a1c7;
}
.logo {
	display: inline-flex;
	align-items: center;
}
.logo-link {
	display: inline-flex!important;
    align-items: center;
    gap: 1rem;
}
.logo-link img {
	height: 40px;
	width: 40px;
	object-fit: contain;
}
.logo-link__text-wrapper {
	display: grid;
}
.logo-link__text-wrapper span {
	font-weight: 600;
    line-height: 1;
}

.linking {
}
.linking__items-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.linking__item {
display: inline-grid;
width: 100%;
place-content: center;
text-align: center;
background-color: #ecf0f1;
border: 2px solid #fff;
border-radius: 7px;
color: #0e3a52;
transition: all ease-in-out .2s;
padding: 1.5rem;
font-size: 16px;
}
.linking__item:hover {
color: #fff;
background-color: #0e3a52;
}
@media(width<=767px) {
	.linking__items-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media(width<=480px) {
	.linking__items-wrapper {
		grid-template-columns: 100%;
	}
}

.swiper-slide{
	overflow-y: auto!important;
	padding: 15px;
}

.swiper-slide__text{
	margin: 0;
}

.swiper-slide__text p{
	font-size: 12px;
	line-height: 1.5;
}

.swiper-slide__img{
	margin: auto 10px;
}

.swiper-slide__review-wrapper p{
	margin-bottom: 5px;
}

.call-mobile{
	position: fixed;
    bottom: 30px;
    right: 30px;
	width: 72px;
    height: 70px;
    background: #ffdc60;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.call-mobile img{
	width: 40px;
}

.footer {
	padding: 30px;
	background-color: #ecf0f1;
}

@media(min-width:992px){
	.footer .footer__item{
		width: calc(100% / 3)
	}	
}

.submenu-list__row-footer {
	margin-bottom: 28px;
}

.submenu-list__row-footer div a {
	color: #2D3331;
	font-size: 14px;
	display: block;
margin-bottom: 14px;
}

.submenu-list__row-footer div a:hover {
	cursor: pointer;
	color: #777;
}

.address {
	color: #2D3331;
	font-size: 14px;
}

.footer__title {
	font-size: 17px;
	margin-bottom: 25px;
}

@media only screen and (max-width: 768px)  {
	.footer {
		padding-bottom: 150px;
	}
}
#toTopButton {
    display: none;
    position: fixed;
    bottom: 110px;
    right: 31px;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 47px;
    cursor: pointer;
    width: 71px;
    height: 70px;
    font-size: 30px;
    z-index:999999
}

.slick-slide {
	height: auto;
	box-sizing: border-box;
}

.fas.fa-chevron-right {
	position: absolute;
	right: 10px;
	font-size: 30px;
	color: #D0c1CD;
	top: 40%;
}

.fas.fa-chevron-left {
	position: absolute;
	left: 10px;
	font-size: 30px;
	color: #D0D5CD;
	top: 40%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}

.slick-current {
	opacity: 1;
}

.keys-slider-img {
	max-width: 100%;
}

.key-item {
	display: flex !important;
	justify-content: center;
}

.keys-slider {
	margin-bottom: 68px;
	position: relative;
}

.slick-slide {
	height: auto;
	box-sizing: border-box;
}

.keys-slider .fas.fa-chevron-right {
	position: absolute;
	right: 10px;
	font-size: 30px;
	color: #D0c1CD;
	top: 40%;
}

.keys-slider .fas.fa-chevron-left {
	position: absolute;
	left: 10px;
	font-size: 30px;
	color: #D0D5CD;
	top: 40%;
}

.org-item {
	display: flex !important;
	justify-content: center;
}

.org-slider-section {
	position: relative;
	max-width: 1200px;
	margin: 0 auto 68px;
}

@media screen and (max-width: 600px) {
	.desktop-nav {
		display: none;
	}
}

.header__wrapper {
	justify-content: space-between;
}

.menu__item:hover {
	background-color: #F8F9FA !important;
}

nav a {
	text-decoration: none;
	display: block;
	transition: .3s linear;
}

nav ul {
	list-style: none;
	margin-top: 13px;
	padding: 0;
}

.topmenu > li {
	display: inline-block;
	position: relative;
	margin-right: -4px;
	border-left: 1px solid #ECF1F2;
}

.topmenu > li:last-child {
	border-right: 1px solid #ECF1F2;
}

.topmenu > li > a {
	font-weight: bold;
	padding: 0 20px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1c1c1c;
}

.topmenu .active, .topmenu > li > a:hover, .submenu li a:hover {
	color: #ddbe86;
}

.submenu {
	position: absolute;
	left: -1px;
	z-index: 5;
	width: 240px;
	border-bottom: 1px solid #ECF1F2;
	visibility: hidden;
	opacity: 0;  
	transform: translateY(10px);
	transition: .3s ease-in-out;
}

.submenu li {
	position: relative;
}

.submenu a {
	background: white;
	border-top: 1px solid #ECF1F2;
	border-right: 1px solid #ECF1F2;
	border-left: 1px solid #ECF1F2;
	color: #1c1c1c;
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 10px 20px;
}

.submenu .submenu {
	position: absolute;
	top: 0;
	left: calc(100% - 1px);
	left: -webkit-calc(100% - 1px);
}

nav li:hover > .submenu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}
.breadcrumbs-section {
	background-color: #ecf0f1;
}
.breadcrumbs{
	margin-block: 1rem;
	display: inline-flex;
}
.breadcrumbs__list{
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.5rem;
	font-size: 13px;
        align-items: baseline;
        margin: 0!important;
}
.breadcrumbs__list-item, 
.breadcrumbs__list li{
	display: inline-flex;	
font-size: inherit;
}
.breadcrumbs__list-link{
	text-decoration: none;
	color: #0E3A52;
    transition: all ease-in-out 0.2s;
}
.breadcrumbs__list-link:hover,
.breadcrumbs__list-link:hover .breadcrumbs__list-link-text{
	text-decoration: none;
	color: #0E3A52;
    transition: all ease-in-out 0.2s;
}
.breadcrumbs__list-link-text{
	font-size: 13px;
    transition: all ease-in-out 0.2s;
}

.cookie-box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
    min-width: 100%;
    z-index: 1000000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    color: #000;
    box-sizing: border-box;
    padding: 16px;
}
.cookie-box.hidden {
    display: none;
}
.cookie-box__wrapper {
    position: relative;
    display: block;
    width: 100%;
}
.cookie-box__text-box {
    display: inline-flex;
    align-items: center;
    width: 95%;
    gap: 1rem;
}
.cookie-box__text {
    margin: 0;
    width: 100%;
}
.cookie-box__approve {
    cursor: pointer;
    background-color: #ffdc60;
    color: #0E3A52;
    padding: 0.5rem 1.5rem;
    opacity: .7;
    transition: .2s;
}
.cookie-box__approve:hover {
    opacity: 1;
}
.cookie-box__close {
    position: absolute;
    cursor: pointer;
    width: 15px;
    height: 15px;
    opacity: .5;
    transition: .3s;
    right: -8px;
    top: -8px;
}
.cookie-box__close:hover {
    opacity: 1;
    transition: .3s;
}
.cookie-box__close:before,
.cookie-box__close:after {
    position: absolute;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: rgba(0,0,0,1);
}
.cookie-box__close:before {
    transform: rotate(-45deg);
    transition: 0.3s;
}
.cookie-box__close:after {
    transform: rotate(45deg);
    transition: 0.3s;
}
@media(max-width: 991px) {
    .cookie-box {
        text-align: left;
    }
}
@media(max-width: 767px) {
    .cookie-box__text-box {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
}

.key-item,
.org-item {
	background: none;
    box-shadow: none;
}
.slider .swiper-wrapper,
.org-slider-section .swiper-wrapper {
	box-sizing: border-box!important;
}
.org-slider-section .fas,
.keys-slider .fas {
	z-index: 100;
}

.masters-slider.swiper-container .swiper-wrapper {
	box-sizing: border-box;
}
.masters-slider.swiper-container .master-item {
	margin: 0;
}
.masters-slider.swiper-container :is(.master-item__image, .master-item__thumbnail-items) {
	width: 50%;
}