/* -------------------------- *\
    BULTAG Styles
\* -------------------------- */

/* 
Theme Name: izkupuvambg
Author: Web Factor Ltd.
Author URI: https//webfactor.com
Theme URI: https://webfactor.com
Version: 2.0
Description: Mobile First, SEO Friendly custom theme by Web Factor Ltd.
Tags: Mobile First, SEO optimized
Text Domain: webfactor
Domain Path: /languages
*/

/* -------------------------- *\
    BULTAG Variables:
\* -------------------------- */

:root {
	/* Colors */
	--c1: #EF7F1B;
	--c2: #ECECEC;
	--c3: #41BBD4;
	--c4: #1D252E;
	--cb: #262626;
	--light: #F4FDFC;
	--light: #F3FCFC;

	/* Text */
	/*--font-family: 'Open Sans', sans-serif; */
	--font-family: 'Quicksand', sans-serif;

	font-weight: 400;
	--default-font-size: 1.6rem;
	--line-height: 1.3;
	--text-color: #0E192D;
	--text-color: #000;
	--text-color-2: #045381;
	--link-color: rgba(0,0,0, .5);
	--link-hover-color: #000;

	/* Box Model */
	--border-radius: .7rem;

	/* Other */
	/*--intro-image-background: rgba(0,0,0, .5);*/
	/*--skew: 0deg;*/
	/*--polygon: polygon(0 0, 100% 0, 100% 75vh, 0 100%);*/
	/*--polygon-2:  polygon(0 15vh,  100% 0, 100% 75vh, 0 100%);*/
}

/* Colors */

/* -------------------------- *\
    BULTAG Clearfix
\* -------------------------- */

/* -------------------------- *\
    Nav Menu
\* -------------------------- */

/* -------------------------- *\
    Transition
\* -------------------------- */

/* -------------------------- *\
    Transform Center
\* -------------------------- */

/* -------------------------- *\
    BULTAG Reset
\* -------------------------- */

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

/* -------------------------- *\
    BULTAG Base
\* -------------------------- */

html {
	font-size: 62.5%;
  overflow-x: hidden;
}

body { 
	background: #fff; 
	font-family: var(--font-family); 
	font-size: var(--default-font-size); 
	line-height: var(--line-height); 
	color: var(--text-color); 
  max-width: 100vw;
  overflow-x: hidden;
  visibility: hidden;
}

body.show {
	visibility: visible;
}

.main {
    /*padding-top: 6rem;

    @mixin min 768 {
      padding-top: 0;
      max-width: calc(100vw - 13rem);
      margin-left: 13rem;
    }

    &--inner {
      @mixin min 768 {
        padding-top: 1.8rem;
      }
    }*/
}

a { 
	color: #2FA8FF;
	text-decoration: none; 
	transition: .3s;
  }

a:hover {
	color: #FFDA39;
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 3rem; line-height: 1.3; font-weight: 400; }

h1 { font-size: 4rem; }

h2 { font-size: 3rem; }

h3 { font-size: 2.4rem; }

h4 { font-size: 1.8rem; }

h5 { font-size: 1.6rem; }

h6 { font-size: 1.4rem; }

@media(max-width: 330px){
	h1, h2 {
		font-size: 3rem; 
	}
}

blockquote,
dl,
ol,
p,
table,
ul {
    margin-bottom: 1.3em; 
}

nav li {
	list-style-type: none;
}

img { max-width: 100%; height: auto; vertical-align: middle; }

/* -------------------------- *\
    Shell
\* -------------------------- */

.shell { 
  max-width: 170rem;
  margin: 0 auto;
}

@media (max-width: 1720px) {

	.shell {
		padding: 0 2rem;
	}
}

/* -------------------------- *\
    Cols
\* -------------------------- */

.cols { margin: 0 -1.5rem; }

.cols:after { content: ''; display: table; clear: both; line-height: 0; }

.col { float: left; width: 100%; padding: 0 1.5rem; }

.col--1of2 { width: 50%; }

.col--1of3 { width: 33.33%; }

.col--1of4 { width: 25%; }

.col--1of5 { width: 20%; }

.col--2of4 { width: 50%; }

.col--3of4 { width: 75%; }

@media(max-width: 767px){
	.col--1of2,
	.col--1of3,
	.col--1of4,
	.col--1of5,
    .col--3of4,
    .col--2of4 { width: 100%; }
}

/* -------------------------- *\
    Helpers
\* -------------------------- */

.hidden { display: none !important; }

.center { display: block; margin: 0 auto; text-align: center; }

.onlymobile {
    display: block;
}

.hidden {
    display: none;
}

.onlydesktop {
    display: none;
}

/* -------------------------- *\
    Section
\* -------------------------- */

section {
    background: #fff;
	  padding: 2.5rem 0;
}

@media (min-width: 768px) {

	section {
		padding: 4rem 0;
	}
}

@media (min-width: 1200px) {

	section {
		padding: 5rem 0;
	}
}

section.dark-1 {/*background: #EDEEEE;*/
}

section.dark-2 {/*background: #333031;*/
}

section.nopadding {
	padding: 0;
}

/* -------------------------- *\
    Loggen in
\* -------------------------- */

.logged-in header {
  margin-top: 3.2rem;
}

/* -------------------------- *\
    Sizer
\* -------------------------- */

.sizer {
  max-width: 100vw;
  overflow: hidden;
  display: none;
}

.sizer__desktop {
	width: 192rem;
	height: 2rem;
	background: red;
	margin: 2rem auto;
}

.sizer__iPhone12ProMax {

}

.sizer__iPhone5 {
	width: 32rem;
	height: 2rem;
	background: red;
	margin: 2rem auto;
}

/* -------------------------- *\
    Typography:
\ -------------------------- */

/*@font-face {
    font-family: Tungsten Rounded;
    src: url("../fonts/tungsten-rounded/TungstenRounded-Light.eot");
    src: url("../fonts/tungsten-rounded/TungstenRounded-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/tungsten-rounded/TungstenRounded-Light.woff") format("woff"), url("../fonts/tungsten-rounded/TungstenRounded-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url("../fonts/tungsten-rounded/TungstenRounded-Book.eot");
    src: url("../fonts/tungsten-rounded/TungstenRounded-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/tungsten-rounded/TungstenRounded-Book.woff") format("woff"), url("../fonts/tungsten-rounded/TungstenRounded-Book.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url("../fonts/tungsten-rounded/TungstenRounded-Medium.eot");
    src: url("../fonts/tungsten-rounded/TungstenRounded-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/tungsten-rounded/TungstenRounded-Medium.woff") format("woff"), url("../fonts/tungsten-rounded/TungstenRounded-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url("../fonts/tungsten-rounded/TungstenRounded-SemiBold.eot");
    src: url("../fonts/tungsten-rounded/TungstenRounded-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/tungsten-rounded/TungstenRounded-SemiBold.woff") format("woff"), url("../fonts/tungsten-rounded/TungstenRounded-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url("../fonts/tungsten-rounded/TungstenRounded-Bold.eot");
    src: url("../fonts/tungsten-rounded/TungstenRounded-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/tungsten-rounded/TungstenRounded-Bold.woff") format("woff"), url("../fonts/tungsten-rounded/TungstenRounded-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Tungsten Rounded;
    src: url("../fonts/tungsten-rounded/TungstenRounded-Black.eot");
    src: url("../fonts/tungsten-rounded/TungstenRounded-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/tungsten-rounded/TungstenRounded-Black.woff") format("woff"), url("../fonts/tungsten-rounded/TungstenRounded-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}*/

.p {
    font-size: var(--default-font-size);
}

/* -------------------------- *\
    .Sprite
\* -------------------------- */

.i {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.i-book {
	font-size:(78/10)*1rem;
	width:(105/78)*1em;
}

.i-chech-black {
	font-size:(32/10)*1rem;
	width:(32/32)*1em;
}

.i-check-white {
	font-size:(32/10)*1rem;
	width:(32/32)*1em;
}

.i-close {
	font-size:(32/10)*1rem;
	width:(32/32)*1em;
}

.i-document {
	font-size:(152/10)*1rem;
	width:(152/152)*1em;
}

.i-hatchback_car {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-heart {
	font-size:(78/10)*1rem;
	width:(105/78)*1em;
}

.i-jeep {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-messenger {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-notepad {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-phone-call {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-shipping {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-truck {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-van {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-viber {
	font-size:(512/10)*1rem;
	width:(512/512)*1em;
}

.i-viber-bubble {
	font-size:(77/10)*1rem;
	width:(158/77)*1em;
}

.i-web-factor-center-white23 {
	font-size:(21/10)*1rem;
	width:(126/21)*1em;
}

/* -------------------------- *\
    .after_sprite
\* -------------------------- */

.i {
	transition: .3s ease;
}

.i.c1 {
	fill: #FFDA39;
}

.i.c2 {
	fill: #2FA8FF;
}

.i {

}

.i-call.reda {
	font-size: 15rem;
	color: red;
}

.i-call {
	color: green;
	font-size: 50rem;
}

.i-bultag-logo {
	font-size: 200rem !important;
	color: red;
}

/* -------------------------- *\
    Plugins
\* -------------------------- */

/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*@import "_slick-theme.css";*/

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
    color: #CCC; }

.mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }

.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
    margin-top: -54px; }

.mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }

.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* -------------------------- *\
    .h
\* -------------------------- */

.body--open {
	height: 100vh;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
    position: fixed;
}

.preloader{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:100vw;
  height:100vh;
  background: #FFCE3F;
  visibility:hidden;
  opacity:0;
  transition:all 0.5s ease;
  z-index:100;
}

.preloader_content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30rem;
  height: 30rem;
  line-height: 2.8rem;
  text-align: center;
  font-size: 2.2rem;
  font-family: monospace;
  font-weight: 300;
  color: #000;
}

.preloader_content .preloader_image {
	height: 20rem;
}

.preloader_logo {
	position: absolute;
	top: auto;
	bottom: 9.8rem;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 65.4rem;
	height: 6.5rem;
	text-align: center;
	padding: 0 5rem;

}

.show {
  visibility:visible !important;
  opacity:1 !important;
  transition:all 0.5s ease;
}

.show .logo img {
	animation: logo .3s forwards .3s;
}

@media (min-width: 900px) {

	.show .nav {
		animation: nav .3s forwards .6s;
	}
}

.show .r {
	animation: btns .3s forwards .3s;
}

.h { 
	background: transparent;
	padding: 1rem 0;
	position: fixed;
	z-index: 55;
	width: 100%;
	transition: .3s ease;
}

@media (min-width: 1200px) {

	.h {
		padding: 4.8rem 0 0;
	}
}

.h .shell {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
}

@media (max-width: 480px) {

	.h .shell {
		padding: 0 1rem;
	}
}

.h .logo {
	max-width: 100%;
	padding: 0 1.5rem;
	margin: 0 auto;
}

@media (min-width: 480px) {

	.h .logo {
		padding: 0;
	}
}

@media (min-width: 900px) {

	.h .logo {
		max-width: 25rem;
		margin: 0;
	}
}

@media (min-width: 1200px) {

	.h .logo {
		max-width: 33.2rem;
	}
}

.h .logo img {
	opacity: 0;
}

.h .nav {
	position: absolute;
	transform: translateX(-100%);
	width: 100%;
	height: calc(100vh - 5rem);
	top: 5rem;
	bottom: 0;
	left: 0;
	transition: .3s ease;
	padding: 2rem;
	background: #000;
	opacity: 0;
}

@media (min-width: 500px) {

	.h .nav {
		width: 35rem;
		overflow: hidden;
	}
}

@media (min-width: 900px) {

	.h .nav {
		width: auto;
		position: relative;
		transform: none;
		height: auto;
		top: auto;
		padding: 0;
		background: transparent;
		opacity: 0;
		overflow: visible;
	}
}

.h .nav ul {
	list-style-position: inside;
	list-style-type: none;
	margin-bottom: 0;
}

@media (min-width: 900px) {

	.h .nav ul {
		display: -ms-flexbox;
		display: flex;
	}
}

.h .nav ul li +li {
	margin-left: 2rem;
}

.h .nav ul li.menu-item-has-children {
	position: relative;
}

@media (min-width: 900px) {

	.h .nav ul li.menu-item-has-children .sub-menu {
		position: absolute;
		top: auto;
		opacity: 0;
		z-index: -1;
		background: #000;
		transition: .3s ease;
		padding: 1rem;
		width: 22rem;
		display: block;
		visibility: hidden;
	}

	@media (min-width: 1550px) {

		.h .nav ul li.menu-item-has-children .sub-menu {
			width: 30rem;
		}
	}

	.h .nav ul li.menu-item-has-children .sub-menu li + li {
		margin-left: 0;
		margin-top: 0.5rem;
	}

	.h .nav ul li.menu-item-has-children .sub-menu li a {
		font-weight: 400;
		padding: 0.2rem;
		display: inline-block;
		font-size: 1.3rem;
	}

	@media (min-width: 1550px) {

		.h .nav ul li.menu-item-has-children .sub-menu li a {
			font-size: 1.5rem;
		}
	}

	.h .nav ul li.menu-item-has-children .sub-menu li a:after {
		bottom: -0.3rem;
	}
}

@media (min-width: 900px) {

	.h .nav ul li.menu-item-has-children:hover .sub-menu {
		opacity: 1;
		z-index: 1;
		top: auto;
		visibility: visible;
	}
}

.h .nav ul li a {
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 2.1rem;
	color: #fff;
	padding: 1.2rem 0;
	position: relative;
	display: inline-block;
}

@media (min-width: 900px) {

	@media (max-width: 1024px) {

		.h .nav ul li a {
			font-size: 1.3rem;
		}
	}
}

@media (min-width: 1200px) {

	@media (max-width: 1380px) {

		.h .nav ul li a {
			font-size: 1.3rem;
		}
	}
}

.h .nav ul li a:after {
	content: '';
	background: #FFCE3F;
	border-radius: 0.15rem;
	width: 0;
	height: 0.2rem;
	position: absolute;
	bottom: 0.6rem;
	left: 0;
	transition: .3s ease;
}

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

.h .nav ul li.current-menu-item > a:after {
	width: 100%;
}

.h .r {
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
}

.h .r a {
	display: inline-block;
}

.h .r a + a {
	margin-left: 0.5rem;
}

@media (min-width: 1550px) {

	.h .r a + a {
		margin-left: 2rem;
	}
}

.h--open {
	background: #000;
}

.h--open .nav {
	position: absolute;
	left: 0;
	top: 5rem;
	transform: translateX(0);
	transition: .3s ease;
	opacity: 1;
}

.h--open .nav ul li +li {
	margin-left: 0;
}

.h--open .nav ul li .sub-menu {
	width: 100%;
	transform: translateX(100%);
	opacity: 0;
	transition: .3s ease;
	position: absolute;
	padding-left: 1.5rem;
	padding-top: 0.5rem;
	border-top: 0.1rem solid rgba(255,255,255, 0.5);
}

.h--open .nav ul li .sub-menu li + li {
	margin-top: 0.5rem;
}

.h--open .nav ul li .sub-menu li a {
	font-weight: 400;
	padding: 0.2rem;
	display: inline-block;
	font-size: 1.4rem;
}

.h--open .nav ul li .sub-menu li a:after {
	bottom: -0.3rem;
}

.h--open .nav ul li.open .sub-menu {
	opacity: 1;
	transform: translateX(0);
	transition: .3s ease;
	position: relative;
}

.h--open .arrow {
	position: absolute;
	z-index: 50;
	top: 1rem;
	right: 0;
	line-height: 3.2rem;
	text-align: center;
	transition: 0.4s all ease;
	cursor: pointer;
	width: 3rem;
	height: 3rem;
	background: transparent;
	animation: none;
}

.h--open .arrow:after {
	content: url(/wp-content/uploads/arrow-right.png);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s ease;
}

@media (min-width: 900px) {

	.h--open .arrow {
		display: none;
	}
}

.h--open .arrow.extended:after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.h--scroll {
	transform: translateY(-115%);
}

.h--bg {
	box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 30%);
	background: linear-gradient(180deg, rgba(65,65,65,1) 0%, rgba(41,41,41,1) 50%, rgba(0,0,0,1) 100%);
}

@media (min-width: 900px) {

	.h--bg {
		padding: 1rem 0;
	}
}

@keyframes logo {
   0% { transform: translateX(calc(-100% - 5rem)); }
   100% { transform: translateX(0); opacity: 1; }
}

@keyframes btns {
    0% { transform: translateX(calc(100% + 5rem)); }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes nav {
    0% { transform: translateY(-8rem); }
    80% { transform: translateY(.8rem); }
    100% { transform: translateY(0); opacity: 1; }
}

/* -------------------------- *\
    .f
\* -------------------------- */

.f { 
	position: relative;
}

.f__top {
	background: linear-gradient(172.39deg, #FFCE3F 72.22%, rgba(161,157,148, 0.0790154) 246.84%), linear-gradient(167.79deg, #FFCE3F 8.89%, rgba(161,157,148, 0.0790154) 107.07%, rgba(161,157,148, 0.0790154) 136.19%);
	padding: 3rem 0;
}

@media (min-width: 768px) {

	.f__top {
		padding: 6.8rem 0 6.2rem;
	}
}

.f__top .grid {
	max-width: 125rem;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (min-width: 1024px) {

	.f__top .grid {
		max-width: 93rem;
	}
}

@media (min-width: 1250px) {

	.f__top .grid {
		max-width: 97rem;
	}
}

@media (min-width: 1450px) {

	.f__top .grid {
		max-width: 110rem;
	}
}

@media (min-width: 1550px) {

	.f__top .grid {
		max-width: 118rem;
	}
}

@media (min-width: 1650px) {

	.f__top .grid {
		max-width: 129.5rem;
	}
}

.f__top .column {
	margin-bottom: 2rem;
	width: 100%;
}

@media (min-width: 480px) {

	.f__top .column:nth-child(2) {
		width: 50%;
	}

	.f__top .column:nth-child(3) {
		width: 40%;
	}
}

@media (min-width: 768px) {

	.f__top .column {
		width: 35%;
		margin-bottom: 0;
	}

	.f__top .column:nth-child(2) {
		width: 32%;
	}

	.f__top .column:nth-child(3) {
		width: 20%;
	}
}

@media (min-width: 1024px) {

	.f__top .column:nth-child(2) {
		width: 26%;
	}

	.f__top .column:nth-child(3) {
		width: 20%;
	}
}

@media (min-width: 1250px) {

	.f__top .column:nth-child(1) {
		width: 47.3rem;
	}

	.f__top .column:nth-child(2) {
		width: 26.5rem;
	}

	.f__top .column:nth-child(3) {
		width: 16.8rem;
	}
}

.f__top .column h4 {
	font-weight: 600;
	font-size: 2.4rem;
	line-height: 3rem;
	color: #000;
	margin-bottom: 1.6rem;
}

.f__top .column img {
	margin-bottom: 2rem;
	filter: drop-shadow(0 0.2rem 0.4rem rgba(0,0,0, 0.09));
}

@media (min-width: 1024px) {

	.f__top .column img {
		max-width: 30.3rem;
		margin-bottom: 3.1rem;
	}
}

.f__top .column .nav ul {
	margin-bottom: 0;
}

.f__top .column .nav ul li + li {
	margin-top: 0.8rem;
}

@media (min-width: 1024px) {

	.f__top .column .nav ul li + li {
		margin-top: 1.2rem;
	}
}

.f__top .column .nav ul li a {
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: #000;
}

.f__top .column:not(.one) p {
	font-size: 1.8rem;
	line-height: 2rem;
	color: #000;
	margin-bottom: 0;
}

.f__top .column:not(.one) p span {
	display: block;
	font-weight: 700;
}

.f__top .column:not(.one) p + p {
	margin-top: 1.5rem;
}

@media (min-width: 1450px) {

	.f__top .column:not(.one) p + p {
		margin-top: 2.8rem;
	}
}

.f__top .column:not(.one) p + h4 {
	margin-top: 2.3rem;
}

@media (min-width: 1450px) {

	.f__top .column:not(.one) p + h4 {
		margin-top: 2.5rem;
	}

	.f__top .column:not(.one) p + h4 + p {
		margin-top: -0.5rem;
	}
}

.f__top .column:not(.one) a {
	display: block;
	color: #000;
	font-size: 1.8rem;
	line-height: 2rem;
}

.f__top .column:not(.one) a:hover {
	text-decoration: underline;
}

.f__top .column.one p {
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin-bottom: 0;
}

.f__top .column.one .soc {
	margin: 2.3rem 0 0;
}

@media (min-width: 1024px) {

	.f__top .column.one .soc {
		margin: 3.2rem 0 0;
	}
}

.f__top .column.one .soc a {
	display: inline-block;
	position: relative;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background: #9470E0;
}

@media (min-width: 768px) {

	.f__top .column.one .soc a {
		width: 5.5rem;
		height: 5.5rem;
	}
}

.f__top .column.one .soc a:hover {
	background: rgba(148,112,224, 0.9);
}

.f__top .column.one .soc a svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 2.5rem;
	height: 2.5rem;
}

@media (min-width: 768px) {

	.f__top .column.one .soc a svg {
		width: 3.6rem;
		height: 3.6rem;
	}
}

.f__top .column.one .soc a:nth-child(2) {
	background: #2FA8FF;
}

.f__top .column.one .soc a:nth-child(2):hover {
	background: rgba(47,168,255, 0.8);
}

.f__top .column.one .soc a:nth-child(3) {
	background: #000;
}

.f__top .column.one .soc a:nth-child(3):hover {
	background: rgba(0,0,0, 0.7);
}

.f__top .column.one .soc a + a {
	margin-left: 1rem;
}

@media (min-width: 768px) {

	.f__top .column.one .soc a + a {
		margin-left: 1.4rem;
	}
}

.f__bottom {
	background: #000;
	padding: 1.8rem 0;
}

.f__bottom .shell {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-align: center;
	    align-items: center;
	color: #fff;
}

.f__bottom p {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2rem;
	width: 100%;
	margin-bottom: 1rem;
	text-align: center;
}

.f__bottom p:last-child {
	margin-bottom: 0;
}

@media (min-width: 640px) {

	.f__bottom p {
		width: auto;
		margin-bottom: 0;
	}
}

@media (min-width: 980px) {

	.f__bottom p {
		font-size: 2.4rem;
		line-height: 3rem;
	}
}

.f__bottom a {
	color: #fff;
}

.f__bottom a:hover {
	color: #FFDA39;
}

.f__bottom svg {
	width: 10rem;
	height: 2.3rem;
	vertical-align: middle;
}

@media (min-width: 980px) {

	.f__bottom svg {
		width: 15rem;
		height: 4.3rem;
	}
}

.f .car-footer {
	position: absolute;
	right: calc(30% - 72rem);
	top: -6.5rem;
	display: none;
}

@media (min-width: 1100px) {

	.f .car-footer {
		display: block;
		max-width: 61rem;
	}
}

@media (min-width: 1250px) {

	.f .car-footer {
		right: -30rem;
	}
}

@media (min-width: 1350px) {

	.f .car-footer {
		max-width: 67.6rem;
	}
}

/* -------------------------- *\
    .btns
\* -------------------------- */

.viber,
.messenger {
	background: #9470E0;
	border-radius: 2rem;
	padding: 0.5rem 4.6rem 0.5rem 2.3rem;
	/*text-align: center;*/
	color: #fff;
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 2.1rem;
	font-family: 'Quicksand', sans-serif;
}

.viber svg, .messenger svg {
	transition: none;
	width: 3.5rem;
	height: 3.5rem;
	margin-right: 1rem;
	vertical-align: middle;
}

.viber:hover, .messenger:hover {
	background: #6f54a6;
	color: #fff;
}

@media (max-width: 1200px) {

	.viber,
.messenger {
		padding: 0;
		position: relative;
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
	}

	.viber svg, .messenger svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 2.5rem;
		height: 2.5rem;
	}

	.viber span, .messenger span {
		display: none;
	}
}

@media (min-width: 1200px) {

	@media (max-width: 1550px) {

		.viber,
.messenger {
			font-size: 1.2rem;
			line-height: 2rem;
			padding: 0.5rem 1rem;
		}

		.viber svg, .messenger svg {
			width: 2rem;
			height: 2rem;
			margin-right: 0.4rem;
		}
	}
}

.messenger {
	background: #2FA8FF;
	padding: 0.5rem 2.3rem;
}

.messenger:hover {
	background: #2a8ed5;
}

@media (max-width: 1200px) {

	.messenger {
		padding: 0;
	}
}

@media (min-width: 1200px) {

	@media (max-width: 1550px) {

		.messenger {
			padding: 0.5rem 1rem;
		}
	}
}

/* -------------------------- *\
    .burger
\* -------------------------- */

.burger {
	z-index: 10;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    cursor: pointer;
    background: transparent;
    box-shadow: none;
}

@media (min-width: 900px) {

	.burger {
		display: none;
	}
}

.burger:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3.2rem;
	height: 3.2rem;
	transform: translate(-50%, -50%);
}

.burger span {
	position: relative;
	display: block;
	width: 2.2rem;
	height: 0.2rem;
	background: #fff;
	transition: all .3s ease-out;
}

.burger span:before,
	    .burger span:after {
	content: '';
	position: absolute;
	top: -0.7rem;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transform-origin: center;
	transition: transform .3s ease-out;
	transition: .3s ease;
}

.burger span:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: -0.7rem;
}

.burger--open span {
	background: transparent;
}

.burger--open span:before,
		    .burger--open span:after {
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
}

.burger--open span:after {
	transform: rotate(-45deg);
}

/* -------------------------- *\
    .intro
\* -------------------------- */

body.show .intro .hold h1 {
	animation: bigtitle 0.3s 1.3s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro .hold h2 {
	animation: bigtitle 0.3s 1.3s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro .hold p {
	animation: bigtitle 0.3s 1.3s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro .hold .details div {
	animation: details .8s forwards .8s;
}

body.show .intro .hold .details div:nth-child(2) {
	animation-delay: 1.2s;
}

body.show .intro .hold .details div:nth-child(3) {
	animation-delay: 1.4s;
}

body.show .intro .hold .details div:nth-child(4) {
	animation-delay: 1.6s;
}

body.show .intro .phone {
	animation: phone 0.5s 2.5s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro .car {
	animation: car 0.5s 2.5s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro .review {
	animation: review 0.5s 1.8s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro .bottom .call_block {
	animation: details .8s forwards .8s;
}

body.show .intro.image .phone {
	animation: car 0.5s 2.5s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro.video .video {
	animation: bigtitle 0.5s 1.8s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro.contact .phone {
	animation: contact 0.5s 2.5s cubic-bezier(0.5, 0, 0.1, 1) both;
}

.intro { 
	padding: 0;
	position: relative;
	height: 100%;
	background: linear-gradient(180deg, rgba(65,65,65,1) 0%, rgba(41,41,41,1) 50%, rgba(0,0,0,1) 100%);
	overflow: hidden;
	margin-bottom: 5rem;
}

@media (min-width: 1450px) {

	.intro {
		height: 100vh;
		margin-bottom: 10rem;
	}
}

.intro .bg {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
}

@media (max-width: 768px) {

	.intro .bg {
		z-index: -1;
	}
}

.intro .hold {
	position: relative;
	color: #fff;
	padding: 6rem 0 0;
	margin-bottom: 15rem;
}

@media (min-width: 680px) {

	.intro .hold {
		width: 70%;
	}
}

@media (min-width: 900px) {

	.intro .hold {
		padding: 10rem 0 0;
		margin-bottom: 25rem;
	}
}

@media (min-width: 990px) {

	.intro .hold {
		padding: 6rem 0 0;
	}
}

@media (min-width: 1024px) {

	@media (max-width: 1100px) {

		.intro .hold {
			width: 68%;
		}
	}
}

@media (min-width: 1100px) {

	.intro .hold {
		padding: 17.7rem 0 0;
	}
}

@media (min-width: 1280px) {

	.intro .hold {
		width: 91.4rem;
	}
}

@media (min-width: 1450px) {

	.intro .hold {
		margin-bottom: 30rem;
	}
}

.intro .hold h1 {
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 3rem;
	margin-bottom: 1.2rem;
}

@media (min-width: 900px) {

	.intro .hold h1 {
		font-size: 3.5rem;
		line-height: 4rem;
	}
}

@media (min-width: 990px) {

	.intro .hold h1 {
		font-size: 5.4rem;
		line-height: 6.8rem;
	}
}

.intro .hold h2 {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 2rem;
	margin-bottom: 2rem;
}

.intro .hold h2 span {
	color: #FFDA39;
}

@media (min-width: 900px) {

	.intro .hold h2 {
		font-size: 2.2rem;
		line-height: 2.8rem;
		margin-bottom: 3.5rem;
	}
}

.intro .hold p {
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 2rem;
}

.intro .hold p span {
	font-weight: 700;
}

@media (min-width: 900px) {

	.intro .hold p {
		font-size: 2.2rem;
		line-height: 2.8rem;
		margin-bottom: 3.5rem;
	}
}

@media (min-width: 1024px) {

	.intro .hold p {
		margin-bottom: 6rem;
	}
}

.intro .hold .details {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (min-width: 950px) {

	.intro .hold .details {
		width: 56rem;
	}
}

@media (min-width: 1200px) {

	.intro .hold .details {
		width: 74.1rem;
	}
}

.intro .hold .details div {
	width: 32%;
	text-align: center;
	opacity: 0;
}

.intro .hold .details img {
	width: 4rem;
	height: 4rem;
	margin: 0 auto 1rem;
	-o-object-fit: contain;
	   object-fit: contain;
}

@media (min-width: 560px) {

	.intro .hold .details img {
		width: 6rem;
		height: 6rem;
	}
}

@media (min-width: 768px) {

	.intro .hold .details img {
		width: 8rem;
		height: 8rem;
	}
}

@media (min-width: 900px) {

	.intro .hold .details img {
		width: 6rem;
		height: 6rem;
		margin: 0 auto 2rem;
	}
}

@media (min-width: 1024px) {

	.intro .hold .details img {
		width: 10rem;
		height: 10rem;
	}
}

.intro .hold .details div > span {
	display: block;
	font-size: 1.2rem;
	line-height: 1.6rem;
}

@media (min-width: 950px) {

	.intro .hold .details div > span {/*display: flex;*/
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		font-weight: 600;
		text-align: left;
	}

	.intro .hold .details div > span::after {
		content: "";
		clear: both;
		display: table;
		line-height: 0;
	}
}

@media (min-width: 1024px) {

	.intro .hold .details div > span {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}

.intro .hold .details .border {
	width: 3.5rem;
	height: 3.5rem;
	text-align: center;
	border: 0.2rem solid #fff;
	border-radius: 50%;
	display: block;
	position: relative;
	margin: 0 auto 1rem;
}

@media (min-width: 768px) {

	.intro .hold .details .border {
		width: 5.1rem;
		height: 5.1rem;
		border: 0.4rem solid #fff;
	}
}

@media (min-width: 950px) {

	.intro .hold .details .border {
		margin: 0;
		text-align: left;
		float: left;
		margin-right: 1rem;
		margin-top: -1rem;
	}
}

@media (min-width: 1024px) {

	.intro .hold .details .border {
		margin-top: -0.5rem;
	}
}

.intro .hold .details .border .bg-number,
				.intro .hold .details .border .number {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.8rem;
	line-height: 1.8rem;
}

@media (min-width: 768px) {

	.intro .hold .details .border .bg-number,
				.intro .hold .details .border .number {
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 3rem;
	}
}

.intro .hold .details div:first-child .border {
	border: 0.1rem solid #fff;
}

.intro .hold .details div:first-child .border .bg-number {
	background: #FFCE3F;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	transform: translate(-52%, -52%);
}

.intro .hold .details div:first-child .border .bg-number .number {
	text-shadow: 0 0.4rem 0.4rem rgba(0,0,0, 0.25);
}

@media (min-width: 768px) {

	.intro .hold .details div:first-child .border .bg-number {
		width: 4.2rem;
		height: 4.2rem;
		transform: translate(-51%, -51%);
	}
}

.intro .hold .details div:last-child img {
	width: 8rem;
}

@media (min-width: 560px) {

	.intro .hold .details div:last-child img {
		width: 11rem;
	}
}

@media (min-width: 768px) {

	.intro .hold .details div:last-child img {
		width: 13rem;
	}
}

@media (min-width: 950px) {

	.intro .hold .details div:last-child img {
		width: 19rem;
	}
}

.intro .phone {
	display: none;
}

@media (min-width: 680px) {

	.intro .phone {
		position: absolute;
		right: -5%;
		bottom: 10%;
		display: block;
		width: 30rem;
	}
}

@media (min-width: 990px) {

	.intro .phone {
		width: 45rem;
	}
}

@media (min-width: 1350px) {

	.intro .phone {
		right: 4rem;
	}
}

@media (min-width: 1450px) {

	.intro .phone {
		width: auto;
		right: 6rem;
	}
}

@media (min-width: 1650px) {

	.intro .phone {
		right: 11rem;
		bottom: 25%;
	}
}

.intro .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

@media (max-width: 768px) {

	.intro .bottom:before,
			.intro .bottom:after {
		content: '';
		background: #fff;
		width: 70rem;
		height: 50rem;
		border-radius: 50%;
		position: absolute;
		z-index: -1;
		left: -70%;
		top: -2rem;
	}

	.intro .bottom:after {
		background: rgba(255,255,255, 0.4);
		top: -3.5rem;
	}
}

@media (min-width: 1200px) {

	.intro .bottom {
		bottom: 3%;
	}
}

@media (min-width: 1450px) {

	.intro .bottom {
		bottom: 0;
	}
}

@media (min-width: 1650px) {

	.intro .bottom {
		left: 2rem;
		bottom: 3%;
	}
}

@media (min-width: 1850px) {

	.intro .bottom {
		left: 12rem;
	}
}

.intro .bottom .call_block {
	max-width: 32rem;
	color: #000;
	padding: 2rem 1rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
	opacity: 0;
}

@media (min-width: 820px) {

	.intro .bottom .call_block {
		max-width: 80.6rem;
	}
}

.intro .bottom .call_block > a,
			.intro .bottom .call_block span {
	width: auto;
}

.intro .bottom .call_block a {
	color: #000;
	font-size: 1.2rem;
}

.intro .bottom .call_block a:first-child {
	position: relative;
	padding-left: 3.5rem;
}

.intro .bottom .call_block a:first-child .icon {
	position: absolute;
	left: 0;
	width: 3rem;
	height: 3rem;
	background: #FFDA39;
	filter: drop-shadow(0 0.4rem 2.3rem rgba(0, 0, 0, 0.19));
	border-radius: 50%;
}

.intro .bottom .call_block a:first-child svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.intro .bottom .call_block a:first-child span:not(.icon) span {
	transition: .3s ease;
}

@media (min-width: 820px) {

	.intro .bottom .call_block a:first-child {
		padding-left: 7rem;
		font-size: 1.2rem;
		line-height: 2.5rem;
	}

	.intro .bottom .call_block a:first-child .icon {
		width: 6rem;
		height: 6rem;
	}

	.intro .bottom .call_block a:first-child .icon svg {
		width: 3.5rem;
		height: 3.5rem;
	}

	.intro .bottom .call_block a:first-child span:not(.icon) span {
		display: block;
		font-weight: 700;
		font-size: 3rem;
		line-height: 4rem;
		transition: .3s ease;
	}
}

@media (min-width: 1200px) {

	.intro .bottom .call_block a:first-child {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.intro .bottom .call_block a:first-child span:not(.icon) span {
		font-size: 4rem;
	}
}

@media (min-width: 1450px) {

	.intro .bottom .call_block a:first-child {
		padding-left: 15rem;
		font-size: 2.2rem;
		line-height: 2.8rem;
	}

	.intro .bottom .call_block a:first-child .icon {
		width: 12.2rem;
		height: 12.2rem;
		margin-top: -2rem;
	}

	.intro .bottom .call_block a:first-child .icon svg {
		width: 5.6rem;
		height: 5.6rem;
	}

	.intro .bottom .call_block a:first-child span:not(.icon) span {
		display: block;
		font-weight: 700;
		font-size: 5.4rem;
		line-height: 6.8rem;
	}
}

.intro .bottom .call_block a:first-child:hover span:not(.icon) span {
	color: #FFDA39;
}

.intro .bottom .call_block a img {
	max-width: 8rem;
	transition: .3s ease;
}

@media (min-width: 900px) {

	.intro .bottom .call_block a img {
		max-width: 100%;
	}
}

.intro .bottom .call_block a img:hover {
	opacity: 0.7;
}

.intro .bottom .call_block a + span {
	padding: 0 1.8rem 0 0.5rem;
}

.intro .car {
	display: none;
}

@media (min-width: 630px) {

	.intro .car {
		width: 40rem;
		position: absolute;
		display: block;
		bottom: 0;
		left: calc(100% - 30rem);
	}
}

@media (min-width: 990px) {

	.intro .car {
		width: 50rem;
		left: auto;
		right: 0;
	}
}

@media (min-width: 1100px) {

	.intro .car {
		width: 60rem;
	}
}

@media (min-width: 1450px) {

	.intro .car {
		width: 70rem;
	}
}

@media (min-width: 1650px) {

	.intro .car {
		width: auto;
	}
}

.intro .review {
	max-width: 45rem;
	background: rgba(255,255,255, 0.26);
	border-radius: 0.5rem;
	padding: 0.7rem 1.5rem;
}

@media (max-width: 767px) {

	.intro .review {
		display: none;
	}
}

.intro .review__block {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.intro .review h3 {
	font-size: 1.4rem;
	line-height: 2.2rem;
}

.intro .review h3 span {
	font-weight: 700;
}

.intro .review .item {/*display: none;*/
	display: -ms-flexbox;
	display: flex;
	width: calc(50% - 1.3rem);
}

/*&:first-child,
			&:nth-child(2) {
				
			}*/

.intro .review .item .image {
	width: 3.5rem;
}

.intro .review .item .image img {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	margin-top: 0.5rem;
}

.intro .review .item .right {
	padding-left: 0.9rem;
	width: calc(100% - 3.5rem);
}

.intro .review .item .right h4 {
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #fff;
	margin-bottom: 0;
	font-weight: 700;
}

.intro .review .item .right h4 span {
	display: block;
	font-weight: 400;
}

@media (min-width: 768px) {

	.intro.services .hold {
		display: -ms-flexbox;
		display: flex;
		max-width: 166rem;
		width: 100%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}

	.intro.services .hold .info,
				.intro.services .hold .details {
		width: calc(50% - 4rem);
	}

	.intro.services .hold .review {
		width: 100%;
	}
}

@media (min-width: 900px) {

	.intro.services .hold {
		margin-bottom: 22rem;
	}
}

@media (min-width: 990px) {

	.intro.services .hold {
		padding: 12rem 0 0;
	}
}

@media (min-width: 1100px) {

	.intro.services .hold {
		padding: 14rem 0 0;
		margin-bottom: 26rem;
	}
}

@media (min-width: 1450px) {

	.intro.services .hold {
		margin-bottom: 30rem;
		padding: 24rem 0 0;
	}
}

@media (min-width: 1024px) {

	.intro.services .hold .info h1 {
		margin-bottom: -5rem;
	}
}

@media (min-width: 1024px) {

	.intro.services .hold .details img {
		width: 6rem;
		height: 6rem;
	}

	.intro.services .hold .details div > span {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
}

@media (min-width: 1200px) {

	.intro.services .hold .details img {
		width: 10rem;
		height: 10rem;
	}

	.intro.services .hold .details div > span {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
}

@media (min-width: 1024px) {

	.intro.services .hold .review {
		margin-top: -3rem;
	}
}

@media (max-width: 680px) {

	.intro.services .car {
		display: none;
	}
}

@media (min-width: 900px) {

	.intro.services .car {
		width: 50rem;
		left: auto;
		right: -10rem;
	}
}

@media (min-width: 990px) {

	.intro.services .car {
		width: 63rem;
	}
}

@media (min-width: 1200px) {

	.intro.services .car {
		right: 0;
	}
}

@media (min-width: 1550px) {

	.intro.services .car {
		width: auto;
	}
}

@media (min-width: 680px) {

	.intro.services__single {
		overflow: visible;
		padding: 0 0 5rem;
		margin-bottom: 4.5rem;
	}

	.intro.services__single .bg {
		z-index: 1;
	}
}

@media (min-width: 1200px) {

	.intro.services__single {
		margin-bottom: 11rem;
	}
}

@media (min-width: 1450px) {

	.intro.services__single {
		padding: 0;
		margin-bottom: 13rem;
	}
}

@media (max-width: 990px) {

	.intro.services__single .review {
		display: none;
	}
}

.intro.services__single .hold {
	margin-bottom: 10rem;
}

@media (min-width: 680px) {

	.intro.services__single .hold {
		z-index: 15;
	}
}

.intro.services__single .hold h1 {
	margin-bottom: -1rem;
}

@media (min-width: 990px) {

	.intro.services__single .hold h1 {
		font-size: 3.5rem;
		line-height: 4rem;
		margin-bottom: -2rem;
	}
}

@media (min-width: 1200px) {

	.intro.services__single .hold h1 {
		font-size: 5.4rem;
		line-height: 6.8rem;
		margin-bottom: -5rem;
	}
}

@media (min-width: 990px) {

	.intro.services__single .hold p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

@media (min-width: 1200px) {

	.intro.services__single .hold p {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
}

.intro.services__single .bottom {
	z-index: 10;
}

.intro.services__single .bottom .call_block,
				.intro.services__single .bottom .call_block a {
	color: #fff;
}

.intro.services__single .bottom:after,
				.intro.services__single .bottom:before {
	content: none;
}

.intro.services__single .car {
	bottom: -5rem;
	left: auto;
	right: 0;
	z-index: 5;
}

@media (min-width: 1200px) {

	.intro.services__single .car {
		bottom: -12rem;
		width: 76rem;
	}
}

@media (min-width: 1450px) {

	.intro.services__single .car {
		width: 89.7rem;
		bottom: -14rem;
		right: 6rem;
	}
}

@media (min-width: 560px) {

	.intro.image {
		background: #000;
	}

	.intro.image .bg,
			.intro.image .phone {
		z-index: 1;
	}

	.intro.image .hold {
		z-index: 15;
	}
}

@media (min-width: 1450px) {

	.intro.image {
		margin-bottom: 0;
	}
}

.intro.image .hold {
	display: block;
}

@media (min-width: 680px) {

	.intro.image .hold {
		margin-bottom: 10rem;
	}
}

@media (min-width: 900px) {

	.intro.image .hold {
		-ms-flex-align: center;
		    align-items: center;
		margin-bottom: 15rem;
	}
}

.intro.image .bg {
	opacity: 0.43;
}

@media (min-width: 900px) {

	.intro.image .review {
		width: 50%;
	}
}

@media (min-width: 900px) {

	.intro.image .details {
		display: none;
	}
}

@media (min-width: 1024px) {

	.intro.image .details {
		display: inline-block;
	}
}

.intro.image h1 {
	margin-bottom: -1rem;
}

@media (min-width: 990px) {

	.intro.image h1 {
		font-size: 3.5rem;
		line-height: 4rem;
		margin-bottom: -2rem;
	}
}

@media (min-width: 1200px) {

	.intro.image h1 {
		font-size: 5.4rem;
		line-height: 6.8rem;
		margin-bottom: -5rem;
	}
}

@media (min-width: 990px) {

	.intro.image p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

@media (min-width: 1200px) {

	.intro.image p {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
}

.intro.image .bottom {
	z-index: 10;
}

@media (min-width: 680px) {

	.intro.image .bottom .call_block,
				.intro.image .bottom .call_block a {
		color: #fff;
	}

	.intro.image .bottom:after,
				.intro.image .bottom:before {
		content: none;
	}
}

.intro.image .phone {
	right: 0;
	bottom: 2rem;
}

@media (min-width: 768px) {

	.intro.image .phone {
		width: 45rem;
	}
}

@media (min-width: 1024px) {

	.intro.image .phone {
		width: 65rem;
	}
}

@media (min-width: 1200px) {

	.intro.image .phone {
		width: 78rem;
	}
}

@media (min-width: 1450px) {

	.intro.image .phone {
		width: auto;
		max-width: 107.8rem;
	}
}

@media (min-width: 560px) {

	.intro.video {
		background: #000;
	}

	.intro.video .bg,
			.intro.video .phone {
		z-index: 1;
	}

	.intro.video .hold {
		z-index: 15;
	}
}

@media (min-width: 1450px) {

	.intro.video {
		margin-bottom: 5rem;
	}
}

.intro.video .bg {
	opacity: 0.26;
}

@media (min-width: 680px) {

	.intro.video .hold {
		width: 100%;
		display: block;
	}
}

@media (min-width: 900px) {

	.intro.video .hold {
		position: relative;
	}
}

@media (min-width: 768px) {

	@media (max-width: 900px) {

		.intro.video .review {
			max-width: 33rem;
		}
	}
}

.intro.video .video {
	position: relative;
	display: block;
	background: #FFCE3F;
	border-radius: 2.5rem;
	width: 100%;
	height: 20rem;
}

@media (min-width: 380px) {

	.intro.video .video {
		height: 30rem;
	}
}

.intro.video .video img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8.1rem;
	height: 7.5rem;
}

@media (min-width: 768px) {

	.intro.video .video {
		height: 80%;
		position: absolute;
		width: 50%;
		right: 0;
		top: 50%;
		transform: translateY(-40%);
	}
}

@media (min-width: 900px) {

	.intro.video .video {
		width: 45%;
	}
}

@media (min-width: 990px) {

	.intro.video .video {
		height: 80%;
		top: auto;
		transform: translateY(-60%);
	}
}

@media (min-width: 1200px) {

	.intro.video .video {
		transform: translateY(-70%);
	}
}

@media (min-width: 1440px) {

	.intro.video .video {
		width: 73.9rem;
		height: 45.9rem;/*transform: translateY(-60%);*/
	}
}

.intro.contact .phone {
	max-width: 73.5rem;
	bottom: 0;
	right: 2rem;
}

@media (min-width: 900px) {

	.intro.contact .phone {
		width: 60rem;
	}
}

@media (min-width: 1200px) {

	.intro.contact .phone {
		right: 10rem;
	}
}

@media (min-width: 1450px) {

	.intro.contact .phone {
		right: 20rem;
		width: 100%;
	}
}

@keyframes bigtitle {
    from {
        -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

@keyframes phone {
    from {
        -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
        transform: translateY(100%);
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transform: translateY(0);
    }
}

@keyframes car {
    0% { transform: translateX(calc(100% + 5rem)); }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes contact {
    0% { transform: translateX(calc(100% + 35rem)); }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes review {
    0% { transform: translateX(calc(-100% - 20rem)); }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes details {
    0% { transform: translateY(calc(100% - 5rem)); }
    100% { transform: translateY(0); opacity: 1; }
}

/* -------------------------- *\
    .btn_requirement
\* -------------------------- */

.btn_requirement { 
	position: fixed;
	top: 22%;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	transform: translateX(calc(100% - 4.4rem));
	transition: .3s ease;
	z-index: 15;
}

@media (min-width: 768px) {

	.btn_requirement {
		width: 94rem;
		transform: translateX(calc(100% - 6.1rem));
	}
}

.btn_requirement.full-width {
	transform: translateX(0);
	width: 100%;
	max-width: 94rem;
}

@media (min-width: 950px) {

	.btn_requirement.full-width {
		width: 94rem;
	}
}

.btn_requirement span.open-button {
	transform: rotate(-180deg);
	-ms-writing-mode: tb-lr;
	    writing-mode: vertical-lr;
	text-orientation: mixed;
	width: 4.6rem;
	height: 20rem;
	text-align: center;
	padding: 1rem 0.8rem 1rem;
	border: 0.3rem solid #FFDA39;
	border-left: 0;
	background: #000;
	border-radius: 0 3.3rem 3.3rem 0;
	color: #fff;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2rem;
	text-transform: uppercase;
	cursor: pointer;
	transition: .3s ease;
}

@media (min-width: 768px) {

	.btn_requirement span.open-button {
		width: 6.6rem;
		height: 24.5rem;
		padding: 2rem 1.3rem 2rem;
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
}

.btn_requirement span.open-button:hover {
	background: #373333;
}

.btn_requirement span.open-button svg {
	transform: rotate(90deg);
	width: 2.5rem;
	height: 2.5rem;
}

@media (min-width: 768px) {

	.btn_requirement span.open-button svg {
		width: 3.2rem;
		height: 3.2rem;
	}
}

.btn_requirement span.close-full-width {
	position: absolute;
	top: 0.6rem;
	right: 0.6rem;
	cursor: pointer;
}

.btn_requirement span.close-full-width img {
	display: inline-block;
}

.btn_requirement .white_block {
	background: #fff;
	padding: 3rem 2rem 2rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

@media (min-width: 768px) {

	.btn_requirement .white_block {
		padding: 3rem 0 1rem 2rem;
	}
}

@media (min-width: 840px) {

	.btn_requirement .white_block {
		padding: 2.8rem 9rem 1.2rem 2.1rem;
	}
}

.btn_requirement .white_block img {
	display: none;
}

@media (min-width: 768px) {

	.btn_requirement .white_block img {
		max-width: 15.2rem;
		display: inline-block;
	}
}

@media (min-width: 768px) {

	.btn_requirement .white_block div {
		padding-left: 3.3rem;
	}
}

.btn_requirement .white_block div h2 {
	font-weight: 500;
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: #000;
	margin-bottom: 2rem;
}

@media (min-width: 768px) {

	@media (max-width: 920px) {

		.btn_requirement .white_block div h2 {
			font-size: 1.9rem;
		}
	}
}

.btn_requirement .white_block div p {
	padding-left: 4rem;
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin-bottom: 1rem;
	position: relative;
}

@media (min-width: 768px) {

	.btn_requirement .white_block div p {
		padding-left: 5rem;
	}
}

.btn_requirement .white_block div p + a {
	margin-top: 2rem;
}

.btn_requirement .white_block div p:before {
	content: url(/wp-content/uploads/chech-black.svg);
	position: absolute;
	left: 0;
	top: -0.5rem;
}

.btn_requirement .white_block div a {
	display: block;
	background: #FFDA39;
	border-radius: 1.2rem;
	padding: 1.3rem 1.1rem;
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin-bottom: 1rem;
}

@media (min-width: 500px) {

	.btn_requirement .white_block div a {
		display: inline-block;
		margin-right: 1rem;
		margin-bottom: 0;
	}
}

.btn_requirement .white_block div a:hover {
	background: #000;
	color: #fff;
}

.btn_requirement .white_block div a.black {
	background: #000;
	color: #fff;
	padding: 1.3rem 2.5rem;
}

.btn_requirement .white_block div a.black:hover {
	background: #FFDA39;
	color: #000;
}

/* -------------------------- *\
    .sec_title
\* -------------------------- */

.sec_title { 
	padding: 0 0 2rem; 
	text-align: center;
}

@media (min-width: 768px) {

	.sec_title {
		padding: 0 0 5rem;
	}
}

.sec_title img {
	width: 6rem;
	height: auto;
	margin-bottom: 1rem;
}

@media (min-width: 768px) {

	.sec_title img {
		width: 10.5rem;
		height: 7.8rem;
		margin-bottom: 2rem;
	}
}

.sec_title h2 span {
	font-size: 2.5rem;
	line-height: 3rem;
	color: #000;
	margin-bottom: 0;
}

.sec_title h2 span.bold {
	display: block;
	margin-top: 1rem;
	font-weight: 600;
}

@media (min-width: 768px) {

	.sec_title h2 span {
		font-size: 3rem;
		line-height: 3.8rem;
	}

	.sec_title h2 span.bold {
		margin-top: 1.4rem;
	}
}

/* -------------------------- *\
    .yellow_blocks
\* -------------------------- */

.yellow_blocks { 
	padding: 0 0 5rem;
}

@media (min-width: 768px) {

	.yellow_blocks {
		padding: 0 0 10rem;
	}
}

.yellow_blocks .shell {
	max-width: 162rem;
	padding: 0;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (max-width: 1620px) {

	.yellow_blocks .shell {
		padding: 0 2rem;
	}
}

.yellow_blocks .item {
	width: 100%;
	background: #FFCE3F;
	border-radius: 0 3rem 3rem 3rem;
	padding: 3rem 3rem 0;
	text-align: center;
	transition: .3s ease;
	position: relative;
	margin-bottom: 3rem;
}

@media (min-width: 580px) {

	.yellow_blocks .item {
		width: calc(50% - 1.5rem);
	}
}

@media (min-width: 1200px) {

	.yellow_blocks .item {
		width: calc(25% - 1.5rem);
		padding: 5.4rem 3.5rem 0;
		margin-bottom: 0;
	}
}

.yellow_blocks .item h3 {
	font-size: 2.5rem;
	line-height: 3rem;
	margin-bottom: 0;
	text-align: left;
}

.yellow_blocks .item h3 span {
	font-weight: 700;
}

@media (min-width: 990px) {

	.yellow_blocks .item h3 {
		font-size: 4.5rem;
		line-height: 5.5rem;
	}
}

@media (min-width: 1200px) {

	@media (max-width: 1621px) {

		.yellow_blocks .item h3 {
			font-size: 2.5rem;
			line-height: 3rem;
		}
	}
}

.yellow_blocks .item svg {
	width: 18rem;
	height: 22rem;
	display: block;
	margin: 0 auto 5.7rem;
	transition: none;
}

@media (min-width: 768px) {

	.yellow_blocks .item svg {
		width: 25rem;
		height: 25rem;
	}
}

@media (min-width: 1200px) {

	@media (max-width: 1621px) {

		.yellow_blocks .item svg {
			width: 18rem;
			height: 22rem;
		}
	}
}

.yellow_blocks .item:first-child svg {
	width: 22rem;
	height: 22rem;
}

@media (min-width: 768px) {

	.yellow_blocks .item:first-child svg {
		width: 30rem;
		height: 30rem;
	}
}

@media (min-width: 1200px) {

	@media (max-width: 1621px) {

		.yellow_blocks .item:first-child svg {
			width: 22rem;
			height: 22rem;
		}
	}
}

.yellow_blocks .item a,
		.yellow_blocks .item:first-child a {
	display: inline-block;
	border-radius: 1.7rem 1.7rem 0 0;
	background: #000;
	color: #fff;
	padding: 1.2rem 3rem;
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 500;
	font-family: 'Quicksand', sans-serif;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 21.8rem;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 580px) {

	@media (max-width: 630px) {

		.yellow_blocks .item a,
		.yellow_blocks .item:first-child a {
			width: 18rem;
			padding: 1.2rem 1.2rem;
			font-size: 1.8rem;
		}
	}
}

.yellow_blocks .item a span, .yellow_blocks .item:first-child a span {
	opacity: 1;
	transform: translateX(0);
	position: relative;
	transition: .6s ease-out;
	left: 0;
}

.yellow_blocks .item a svg, .yellow_blocks .item:first-child a svg {
	width: 4.5rem;
	height: 4.5rem;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	margin-right: 0.5rem;
	position: relative;
	left: 0;
	transform: translateX(0);
	transition: .5s ease-out;
}

.yellow_blocks .item:hover {
	background: #000;
	color: #fff;
}

.yellow_blocks .item:hover a,
			.yellow_blocks .item:hover:first-child a {
	background: #FFDA39;
}

.yellow_blocks .item:hover a svg, .yellow_blocks .item:hover:first-child a svg {
	color: #000;
	left: 50%;
	transform: translateX(-50%);
}

.yellow_blocks .item:hover a span, .yellow_blocks .item:hover:first-child a span {
	opacity: 0;
	transform: translateX(100%);
	left: 100%;
}

/* -------------------------- *\
    .image_sec
\* -------------------------- */

.image_sec { 
	padding: 0 2rem 5rem;
}

@media (min-width: 900px) {

	.image_sec {
		padding: 0 2rem 12.5rem;
	}
}

@media (min-width: 1665px) {

	.image_sec {
		padding: 0 0 12.5rem;
	}
}

.image_sec .shell {
	max-width: 166rem;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 9.9rem 0 9.9rem 9.9rem;
}

.image_sec .shell:before {
	content: '';
	background: linear-gradient(181.55deg, rgba(0,0,0, 0.91) 20.05%, rgba(0,0,0, 0) 133.02%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media (max-width: 1662px) {

	.image_sec .shell {
		padding: 0 2rem;
	}
}

.image_sec .bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	z-index: -1;
}

.image_sec .shell > div {
	position: relative;
	z-index: 1;
	max-width: 100%;
	padding: 5rem 0;
	margin: 0 auto;
	color: #fff;
}

@media (min-width: 768px) {

	.image_sec .shell > div {
		max-width: 91.4rem;
		padding: 9rem 0;
	}
}

@media (min-width: 990px) {

	.image_sec .shell > div {
		padding: 9.5rem 0 12.8rem;
	}
}

.image_sec .shell > div img {
	margin-bottom: 2.5rem;
}

@media (min-width: 768px) {

	.image_sec .shell > div img {
		max-width: 27.2rem;
	}
}

.image_sec .shell > div p {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2.5rem;
	text-shadow: 0 0.4rem 0.4rem rgba(0,0,0, 0.4);
	margin-bottom: 1.5rem;
}

.image_sec .shell > div p:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {

	.image_sec .shell > div p {
		font-size: 2.2rem;
		line-height: 4.5rem;
	}
}

.image_sec .shell > div div {
	margin-top: 3rem;
}

@media (min-width: 768px) {

	.image_sec .shell > div div {
		margin-top: 5rem;
	}
}

@media (min-width: 990px) {

	.image_sec .shell > div div {
		margin-top: 18.5rem;
	}
}

.image_sec .shell > div div p {
	font-weight: 700;
	font-size: 2rem;
	line-height: 2.5rem;
	text-shadow: none;
}

.image_sec .shell > div div p span {
	background: #FFDA39;
	border-radius: 2rem 2rem 2rem 0;
	padding: 0.3rem 1.2rem;
	color: #000;
}

@media (min-width: 768px) {

	.image_sec .shell > div div p {
		font-size: 3rem;
		line-height: 3.8rem;
	}
}

.image_sec .shell > div div a {
	font-weight: 700;
	font-size: 3rem;
	line-height: 3.8rem;
	color: #fff;
	text-shadow: 0 0.4rem 0.4rem rgba(0,0,0, 0.63);
	display: inline-block;
	position: relative;
}

.image_sec .shell > div div a svg {
	width: 2.3rem;
	height: 2.3rem;
	margin-right: 1rem;
	transition: none;
}

.image_sec .shell > div div a:hover {
	color: #FFDA39;
}

/* -------------------------- *\
    .yellow_black_sec
\* -------------------------- */

.yellow_black_sec { 
	padding: 0 0 5rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.yellow_black_sec .l {
	width: 100%;
}

@media (min-width: 990px) {

	.yellow_black_sec .l {
		width: 50%;
	}
}

@media (min-width: 1200px) {

	.yellow_black_sec .l {
		width: calc(100% - 57.3rem);
	}
}

.yellow_black_sec .l .top,
		.yellow_black_sec .l .bottom {
	padding: 3rem 2rem;
	background: #FFDA39;
	color: #000;
}

@media (min-width: 1450px) {

	.yellow_black_sec .l .top,
		.yellow_black_sec .l .bottom {
		padding: 5.8rem 12rem;
	}
}

@media (min-width: 1780px) {

	.yellow_black_sec .l .top,
		.yellow_black_sec .l .bottom {
		padding: 5.8rem 21.5rem;
	}
}

.yellow_black_sec .l .top h3, .yellow_black_sec .l .bottom h3 {
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 3rem;
	margin-bottom: 2rem;
}

@media (min-width: 1780px) {

	.yellow_black_sec .l .top h3, .yellow_black_sec .l .bottom h3 {
		font-size: 3.4rem;
		line-height: 4.2rem;
		margin-bottom: 3.3rem;
	}
}

.yellow_black_sec .l .top ul, .yellow_black_sec .l .bottom ul {
	margin-bottom: 0;
	list-style-type: none;
	list-style-position: inside;
}

.yellow_black_sec .l .top ul li, .yellow_black_sec .l .bottom ul li {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2.5rem;
	position: relative;
	padding-left: 4rem;
}

@media (min-width: 1780px) {

	.yellow_black_sec .l .top ul li, .yellow_black_sec .l .bottom ul li {
		font-size: 2.4rem;
		line-height: 4.9rem;
	}
}

.yellow_black_sec .l .top ul li:before, .yellow_black_sec .l .bottom ul li:before {
	content: url(/wp-content/uploads/chech-black.svg);
	position: absolute;
	left: 0;
	top: 0;
}

.yellow_black_sec .l .top ul li + li, .yellow_black_sec .l .bottom ul li + li {
	margin-top: 1rem;
}

.yellow_black_sec .l .bottom {
	background: #000;
	color: #fff;
}

.yellow_black_sec .l .bottom ul li:before {
	content: url(/wp-content/uploads/check-white.svg);
}

.yellow_black_sec .r {
	width: 100%;
	position: relative;
	background: #000;
	height: 40rem;
}

@media (min-width: 990px) {

	.yellow_black_sec .r {
		width: 50%;
		height: auto;
	}
}

@media (min-width: 1200px) {

	.yellow_black_sec .r {
		width: 57.3rem;
	}
}

.yellow_black_sec .r .bg {
	opacity: 0.5;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
}

.yellow_black_sec .r p {
	position: absolute;
	top: 5rem;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	width: 90%;
	font-size: 2.4rem;
	line-height: 3rem;
	text-align: center;
	margin-bottom: 0;
}

@media (min-width: 990px) {

	.yellow_black_sec .r p {
		width: 43.7rem;
		top: 12.5rem;
	}
}

.yellow_black_sec .r div {
	position: absolute;
	bottom: 3.7rem;
	text-align: center;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.yellow_black_sec .r div img {
	opacity: 1;
	max-width: 21.9rem;
	margin-top: 3.3rem;
}

.yellow_black_sec .r div a {
	position: relative;
	color: #fff;
}

@media (min-width: 990px) {

	.yellow_black_sec .r div a {
		display: inline-block;
	}
}

.yellow_black_sec .r div a .icon {
	position: absolute;
	left: 0;
	width: 3rem;
	height: 3rem;
	background: #FFDA39;
	filter: drop-shadow(0 0.4rem 2.3rem rgba(0, 0, 0, 0.19));
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.yellow_black_sec .r div a svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.yellow_black_sec .r div a span:not(.icon) span {
	font-size: 4rem;
	font-weight: 600;
	transition: .3s ease;
	display: block;
}

@media (min-width: 480px) {

	.yellow_black_sec .r div a .icon {
		display: inline-block;
		width: 6.5rem;
		height: 6.5rem;
		top: 0;
		transform: translateX(0);
	}

	.yellow_black_sec .r div a .icon svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 4rem;
		height: 4rem;
	}

	.yellow_black_sec .r div a span:not(.icon) {
		padding-left: 7rem;
	}

	.yellow_black_sec .r div a span:not(.icon) span {
		font-size: 4rem;
		font-weight: 600;
		transition: .3s ease;
		display: block;
	}
}

@media (min-width: 990px) {

	.yellow_black_sec .r div a {
		padding-left: 12rem;
	}

	.yellow_black_sec .r div a .icon {
		width: 10rem;
		height: 10rem;
	}

	.yellow_black_sec .r div a .icon svg {
		width: 4.5rem;
		height: 4.5rem;
	}

	.yellow_black_sec .r div a span:not(.icon) {
		padding-left: 0;
		text-align: left;
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.yellow_black_sec .r div a span:not(.icon) span {
		font-size: 6.4rem;
		line-height: 8rem;
		font-weight: 600;
		transition: .3s ease;
		display: block;
	}
}

.yellow_black_sec .r div a:hover span:not(.icon) span {
	color: #FFDA39;
}

/* -------------------------- *\
    .steps
\* -------------------------- */

.steps { 
	padding: 0 0 3rem;
}

@media (min-width: 1024px) {

	.steps {
		padding: 0 0 18rem;
	}
}

.steps + .call_action {
	margin-top: 5rem;
}

@media (min-width: 1024px) {

	.steps + .call_action {
		margin-top: -7rem;
	}
}

.steps .shell {
	max-width: 146.8rem;
	padding: 0;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (min-width: 768px) {

	@media (max-width: 1200px) {

		.steps .shell {
			-ms-flex-align: center;
			    align-items: center;
		}
	}
}

@media (max-width: 1470px) {

	.steps .shell {
		padding: 0 2rem;
	}
}

.steps .l,
	.steps .r {
	width: 100%;
}

@media (min-width: 768px) {

	.steps .l,
	.steps .r {
		width: calc(50% - 3.5rem);
	}
}

.steps .l {
	padding-top: 2rem;
}

.steps .l div {
	display: -ms-flexbox;
	display: flex;
	padding: 1rem;
	border-radius: 4.5rem;
	background: #fff;
	-ms-flex-align: center;
	    align-items: center;
	margin-bottom: 2rem;
	transition: .3s ease;
	cursor: pointer;
}

@media (min-width: 1200px) {

	.steps .l div {
		padding: 3.3rem 5.2rem;
	}
}

.steps .l div span:not(.number) {
	width: 5rem;
	height: 5rem;
	background: #FFCE3F;
	border-radius: 50%;
	position: relative;
	display: block;
}

.steps .l div span:not(.number) .number {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	font-size: 3.4rem;
	line-height: 4.2rem;
	color: #000;
	text-shadow: 0 0.4rem 0.4rem rgba(0,0,0, 0.25);
}

@media (min-width: 1024px) {

	.steps .l div span:not(.number) {
		width: 7rem;
		height: 7rem;
	}
}

@media (min-width: 1200px) {

	.steps .l div span:not(.number) {
		width: 8.6rem;
		height: 8.6rem;
	}
}

.steps .l div p {
	padding-left: 1rem;
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 0;
	width: calc(100% - 5rem);
}

@media (min-width: 1024px) {

	.steps .l div p {
		font-size: 2rem;
		line-height: 2.5rem;
		width: calc(100% - 7rem);
	}
}

@media (min-width: 1200px) {

	.steps .l div p {
		width: calc(100% - 8.6rem);
		font-size: 2.4rem;
		line-height: 3rem;
		padding-left: 2.6rem;
	}
}

.steps .l div:hover {
	box-shadow: 0 0.2rem 1.8rem 0.2rem rgba(0,0,0, 0.1);
}

.steps .r {
	text-align: center;
}

@media (min-width: 768px) {

	.steps .r {
		text-align: right;
	}
}

@media (min-width: 520px) {

	.steps .r img {
		max-width: 30rem;
	}
}

@media (min-width: 768px) {

	.steps .r img {
		max-width: 100%;
	}
}

@media (min-width: 1200px) {

	.steps .r img {
		max-width: 58.5rem;
	}
}

/* -------------------------- *\
    .call_action
\* -------------------------- */

.call_action { 
	padding: 0;
	background: #161616;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {

	.call_action {
		margin-bottom: 7.7rem;
	}
}

.call_action + .number_sec {
	padding: 0 0 3rem;
}

@media (min-width: 1024px) {

	.call_action + .number_sec {
		padding: 0 0 9.4rem;
	}
}

@media (min-width: 768px) {

	.call_action.pb {
		margin-bottom: 10.7rem;
	}
}

.call_action .shell {
	max-width: 174rem;
	padding: 7.2rem 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
	position: relative;
}

@media (max-width: 1745px) {

	.call_action .shell {
		padding: 7.2rem 2rem;
	}
}

@media (max-width: 1200px) {

	.call_action .shell {
		padding: 2rem 2rem 1rem;
	}
}

@media (max-width: 900px) {

	.call_action .shell {
		padding: 0 2rem 3rem;
	}
}

.call_action .l,
	.call_action .r {
	width: 100%;
}

@media (min-width: 900px) {

	.call_action .l,
	.call_action .r {
		width: calc(50% - 2rem);
	}
}

.call_action .l {
	margin-bottom: -3rem;
}

@media (min-width: 900px) {

	.call_action .l {
		margin-bottom: 0;
	}
}

.call_action .l img {
	position: relative;
	top: -5.4rem;
	left: 0;
}

@media (min-width: 900px) {

	.call_action .l img {
		position: absolute;
		width: 50%;
	}
}

.call_action .r {
	font-size: 1.2rem;
	line-height: 2rem;
	color: #fff;
	text-align: center;
}

@media (min-width: 600px) {

	.call_action .r {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		text-align: left;
	}
}

@media (min-width: 768px) {

	.call_action .r {
		font-size: 2.4rem;
		line-height: 3rem;
	}
}

@media (min-width: 900px) {

	.call_action .r {
		text-align: center;
		display: block;
	}
}

@media (min-width: 1200px) {

	.call_action .r {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		text-align: left;
	}
}

.call_action .r a {
	position: relative;
	color: #fff;
	padding-left: 6rem;
}

.call_action .r a .icon {
	position: absolute;
	left: 0;
	width: 5rem;
	height: 5rem;
	background: #fff;
	filter: drop-shadow(0 0.4rem 2.3rem rgba(0, 0, 0, 0.19));
	border-radius: 50%;
}

.call_action .r a svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFDA39;
	width: 3rem;
	height: 3rem;
}

.call_action .r a span:not(.icon) span {
	transition: .3s ease;
	display: block;
	font-size: 3rem;
	font-weight: 600;
	padding-left: 4rem;
	margin-top: 1rem;
	text-shadow: 0 0.4rem 0.4rem rgba(0,0,0, 0.25);
}

@media (min-width: 600px) {

	.call_action .r a span:not(.icon) span {
		padding-left: 0;
	}
}

@media (min-width: 640px) {

	.call_action .r a {
		padding-left: 8rem;
	}

	.call_action .r a .icon {
		width: 6.5rem;
		height: 6.5rem;
	}

	.call_action .r a .icon svg {
		width: 4rem;
		height: 4rem;
	}

	.call_action .r a span:not(.icon) {
		font-size: 1.8rem;
	}

	.call_action .r a span:not(.icon) span {
		font-size: 5rem;
		line-height: 4rem;
		margin-top: 0;
	}
}

@media (min-width: 900px) {

	.call_action .r a span:not(.icon) span {
		padding-left: 8rem;
	}
}

@media (min-width: 1200px) {

	.call_action .r a span:not(.icon) {
		font-size: 1.5rem;
	}

	.call_action .r a span:not(.icon) span {
		padding-left: 0;
		font-size: 4rem;
	}
}

@media (min-width: 1450px) {

	.call_action .r a {
		padding-left: 14rem;
	}

	.call_action .r a .icon {
		width: 12.2rem;
		height: 12.2rem;
		margin-top: -2rem;
	}

	.call_action .r a .icon svg {
		width: 5.6rem;
		height: 5.6rem;
	}

	.call_action .r a span:not(.icon) {
		font-size: 1.8rem;
		line-height: 3rem;
	}

	.call_action .r a span:not(.icon) span {
		font-size: 5.3rem;
		line-height: 6rem;
	}
}

@media (min-width: 1650px) {

	.call_action .r a span:not(.icon) {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.call_action .r a span:not(.icon) span {
		font-size: 6.4rem;
		line-height: 8rem;
	}
}

.call_action .r a:hover span:not(.icon) span {
	color: #FFDA39;
}

.call_action .r a + span {
	margin: 3rem auto 1rem;
	display: block;
	text-align: center;
	font-size: 2.4rem;
	line-height: 3rem;
}

@media (min-width: 900px) {

	.call_action .r a + span {
		margin: 1rem auto 1rem;
	}
}

@media (min-width: 1200px) {

	.call_action .r a + span {
		margin: 0 2.5rem;
		display: inline-block;
	}
}

.call_action .r a img {
	transition: .3s ease;
}

.call_action .r a img:hover {
	opacity: 0.7;
}

.call_action .r span + a {
	padding-left: 0;
}

@media (min-width: 900px) {

	.call_action .r span + a {
		display: block;
	}
}

/* -------------------------- *\
    .home_blog
\* -------------------------- */

.home_blog { 
	padding: 2rem 0 6.5rem;
}

.home_blog .shell {
	max-width: 149rem;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1495px) {

	.home_blog .shell {
		padding: 0 2rem;
	}
}

.home_blog__slider {
	margin-bottom: 4rem;
	text-align: left;
}

@media (min-width: 1200px) {

	.home_blog__slider {
		margin-bottom: 7rem;
	}
}

.home_blog .slick-dots {
	margin: 3rem 0 0;
	text-align: center;
	list-style-type: none;
	list-style-position: inside;
}

.home_blog .slick-dots li {
	display: inline-block;
}

.home_blog .slick-dots li + li {
	margin-left: 1rem;
}

.home_blog .slick-dots li button {
	border: 0;
	font-size: 0;
	line-height: 0;
	background: rgba(0,0,0, 0.5);
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}

.home_blog .slick-dots li.slick-active button {
	background: #FFDA39;
}

.home_blog .btn {
	display: inline-block;
	text-align: center;
	background: #fff;
	border: 0.3rem solid #FFDA39;
	border-radius: 2.2rem;
	padding: 1.6rem 4.3rem;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #000;
	text-transform: capitalize;
}

.home_blog .btn:hover {
	border: 0.3rem solid #000;
}

@media (min-width: 900px) {

	.home_blog .btn {
		font-size: 2.4rem;
		line-height: 3rem;
	}
}

/* -------------------------- *\
    .breadcrumb
\* -------------------------- */

body.show .breadcrumb {
	animation: bigtitle 0.8s 1.3s cubic-bezier(0.5, 0, 0.1, 1) both;
}

.breadcrumb ul {
	margin-bottom: 1rem;
	list-style-position: inside;
	list-style-type: none;
}

@media (min-width: 1200px) {

	.breadcrumb ul {
		margin-bottom: 0;
	}
}

.breadcrumb ul li {
	display: inline-block;
	position: relative;
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: 100;
}

@media (min-width: 990px) {

	.breadcrumb ul li {
		font-size: 1.8rem;
		line-height: 2rem;
	}
}

.breadcrumb ul li a {
	color: #fff;
}

.breadcrumb ul li a:hover {
	color: #FFDA39;
}

.breadcrumb ul li + li:before {
	content: url(/wp-content/uploads/back.svg);
	display: inline-block;
	margin: 0 0.8rem;
}

/* -------------------------- *\
    .service_listing
\* -------------------------- */

.service_listing { 
	padding: 0 0 3rem;
}

@media (min-width: 768px) {

	.service_listing {
		padding: 0 0 6.4rem;
	}
}

.service_listing .grid {
	max-width: 153rem;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.service_listing .grid .item {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 2.1rem;
	display: block;
	margin-bottom: 2.5rem;
}

@media (min-width: 768px) {

	.service_listing .grid .item {
		width: calc(50% - 1.25rem);
	}
}

.service_listing .grid .item:not(.yellow) img {
	border-radius: 2.1rem;
	transition: .3s ease;
	-o-object-fit: cover;
	   object-fit: cover;
	height: 30rem;
	width: 100%;
}

@media (min-width: 768px) {

	.service_listing .grid .item:not(.yellow) img {
		max-width: 75.1rem;
	}
}

@media (min-width: 900px) {

	.service_listing .grid .item:not(.yellow) img {
		height: 37.6rem;
	}
}

.service_listing .grid .item:not(.yellow):hover img {
	transform: scale(1.1);
}

.service_listing .grid .item h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0 0 2.1rem 2.1rem;
	background: #FFCE3F;
	color: #000;
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 2.5rem;
	margin-bottom: 0;
	font-weight: 700;
	text-align: center;
	display: inline-block;
}

@media (min-width: 990px) {

	.service_listing .grid .item h2 {
		width: 45.5rem;
		max-width: 100%;
		font-size: 2.2rem;
		line-height: 3rem;
		padding: 1.7rem 2.2rem 2.2rem 1.4rem;
	}
}

.service_listing .grid .item.yellow {
	border-radius: 2.1rem;
	background: #FFCE3F;
	height: 30rem;
	text-align: center;
	padding: 0 2rem;
}

@media (min-width: 900px) {

	.service_listing .grid .item.yellow {
		height: 37.6rem;
	}
}

@media (min-width: 1200px) {

	.service_listing .grid .item.yellow {
		text-align: left;
	}
}

.service_listing .grid .item.yellow div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@media (min-width: 1200px) {

	.service_listing .grid .item.yellow div {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: end;
		    align-items: flex-end;
	}
}

.service_listing .grid .item.yellow a {
	position: relative;
	color: #000;
	padding-left: 6rem;
	display: inline-block;
}

.service_listing .grid .item.yellow a .icon {
	position: absolute;
	left: 0;
	width: 5rem;
	height: 5rem;
	background: #FFDA39;
	filter: drop-shadow(0 0.4rem 2.3rem rgba(0, 0, 0, 0.19));
	border-radius: 50%;
}

.service_listing .grid .item.yellow a svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #000;
	width: 3rem;
	height: 3rem;
}

.service_listing .grid .item.yellow a span:not(.icon) {
	font-size: 1.2rem;
}

.service_listing .grid .item.yellow a span:not(.icon) span {
	transition: .3s ease;
	display: block;
	font-size: 3rem;
	font-weight: 600;
	text-shadow: 0 0.4rem 0.4rem rgba(0,0,0, 0.25);
}

@media (min-width: 600px) {

	.service_listing .grid .item.yellow a {
		padding-left: 8rem;
	}

	.service_listing .grid .item.yellow a .icon {
		width: 6.5rem;
		height: 6.5rem;
	}

	.service_listing .grid .item.yellow a .icon svg {
		width: 4rem;
		height: 4rem;
	}

	.service_listing .grid .item.yellow a span:not(.icon) {
		font-size: 1.8rem;
	}

	.service_listing .grid .item.yellow a span:not(.icon) span {
		font-size: 5rem;
		line-height: 4rem;
		margin-top: 0;
	}
}

@media (min-width: 768px) {

	@media (max-width: 870px) {

		.service_listing .grid .item.yellow a span:not(.icon) {
			font-size: 1.5rem;
		}

		.service_listing .grid .item.yellow a span:not(.icon) span {
			font-size: 4rem;
		}
	}
}

@media (min-width: 1200px) {

	.service_listing .grid .item.yellow a {
		padding-left: 7rem;
	}

	.service_listing .grid .item.yellow a .icon {
		width: 5.7rem;
		height: 5.7rem;
		margin-top: 1rem;
	}

	.service_listing .grid .item.yellow a .icon svg {
		width: 4rem;
		height: 4rem;
	}

	.service_listing .grid .item.yellow a span:not(.icon) {
		font-size: 1.2rem;
		line-height: 3rem;
	}

	.service_listing .grid .item.yellow a span:not(.icon) span {
		font-size: 4rem;
		line-height: 4.5rem;
	}
}

@media (min-width: 1450px) {

	.service_listing .grid .item.yellow a {
		padding-left: 14rem;
	}

	.service_listing .grid .item.yellow a .icon {
		width: 11rem;
		height: 11rem;
		margin-top: -2rem;
	}

	.service_listing .grid .item.yellow a .icon svg {
		width: 5rem;
		height: 5rem;
	}

	.service_listing .grid .item.yellow a span:not(.icon) {
		font-size: 1.8rem;
		line-height: 3rem;
	}

	.service_listing .grid .item.yellow a span:not(.icon) span {
		font-size: 5.3rem;
		line-height: 6rem;
	}
}

@media (min-width: 1650px) {

	.service_listing .grid .item.yellow a span:not(.icon) {
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.service_listing .grid .item.yellow a span:not(.icon) span {
		font-size: 5.4rem;
		line-height: 6.8rem;
	}
}

.service_listing .grid .item.yellow a:hover span:not(.icon) span {
	color: #fff;
}

.service_listing .grid .item.yellow a + span {
	margin: 2rem auto;
	display: block;
	text-align: center;
	font-size: 2.2rem;
	line-height: 2.7rem;
}

@media (min-width: 900px) {

	.service_listing .grid .item.yellow a + span {
		margin: 1rem auto 1rem;
	}
}

@media (min-width: 1510px) {

	.service_listing .grid .item.yellow a + span {
		margin: 2.5rem;
		display: inline-block;
	}
}

.service_listing .grid .item.yellow a img {
	transition: .3s ease;
}

.service_listing .grid .item.yellow a img:hover {
	opacity: 0.7;
}

.service_listing .grid .item.yellow span + a {
	padding-left: 0;
}

@media (min-width: 900px) {

	.service_listing .grid .item.yellow span + a {
		display: block;
	}
}

/* -------------------------- *\
    .faq
\* -------------------------- */

.faq { 
	padding: 0 0 5rem;
}

@media (min-width: 900px) {

	.faq {
		padding: 0 0 11rem;
	}
}

.faq .shell {
	max-width: 145rem;
	padding: 0;
	position: relative;
}

@media (max-width: 1460px) {

	.faq .shell {
		padding: 0 2rem;
	}
}

.faq .shell .item {
	padding: 1rem 4rem 0.5rem 2.2rem;
	background: #fff;
	margin-bottom: 1rem;
	transition: .3s ease;
}

.faq .shell .item .open {
	padding: 1rem 4rem 0.5rem 4rem;
}

.faq .accordion {
	width: 100%;
	border: 0;
	background: transparent;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #000;
	text-align: left;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	position: relative;
	cursor: pointer;
	font-family: 'Quicksand', sans-serif;
}

@media (min-width: 768px) {

	.faq .accordion {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
}

.faq .accordion:after {
	content: url(/wp-content/uploads/down.svg);
	position: absolute;
	top: 50%;
	right: -3.4rem;
	transform: translateY(-50%);
}

.faq .accordion.open:after {
	content: url(/wp-content/uploads/up.svg);
}

.faq .panel {
	padding: 1.2rem 4rem 4rem;
	background: #FCFCFC;
	box-shadow: inset 0 0.2rem 0.4rem -0.4rem #CDCDCD;
	font-family: 'Quicksand', sans-serif;
}

.faq .panel p {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #000;
	margin-bottom: 1.5rem;
}

.faq .panel p:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {

	.faq .panel p {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}

/* -------------------------- *\
    .service_steps
\* -------------------------- */

.service_steps { 
	padding: 4rem 0 3rem;
	text-align: center;
}

.service_steps h2 {
	font-size: 2.5rem;
	line-height: 3rem;
	color: #000;
	max-width: 86.2rem;
	margin: 0 auto 2rem;
}

.service_steps h2 span {
	font-weight: 700;
}

@media (min-width: 768px) {

	.service_steps h2 {
		font-size: 3.5rem;
		line-height: 4rem;
	}
}

@media (min-width: 990px) {

	.service_steps h2 {
		font-size: 5.4rem;
		line-height: 6.8rem;
		margin: 0 auto 6.9rem;
	}
}

.service_steps .grid {
	max-width: 128.5rem;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.service_steps .grid div {
	width: 100%;
	margin-bottom: 2rem;
	color: #000;
}

@media (min-width: 600px) {

	.service_steps .grid div {
		width: calc(50% - 2rem);
		margin-bottom: 5rem;
	}
}

@media (min-width: 900px) {

	.service_steps .grid div {
		width: calc(50% - 9rem);
		margin-bottom: 10rem;
	}
}

.service_steps .grid img {
	width: 5.9rem;
	height: auto;
	margin-bottom: 1.5rem;
}

@media (min-width: 768px) {

	.service_steps .grid img {
		width: 7.9rem;
	}
}

.service_steps .grid h3 {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 2.5rem;
	margin-bottom: 1.4rem;
}

@media (min-width: 768px) {

	.service_steps .grid h3 {
		font-size: 3.4rem;
		line-height: 4.2rem;
	}
}

.service_steps .grid p {
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 0;
}

@media (min-width: 768px) {

	.service_steps .grid p {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
}

/* -------------------------- *\
    .truck_sec
\* -------------------------- */

.truck_sec { 
	padding: 5.5rem 0;
	background: #FFCE3F;
}

.truck_sec .shell {
	max-width: 156rem;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
}

@media (max-width: 1570px) {

	.truck_sec .shell {
		padding: 0 2rem;
	}
}

.truck_sec .l {
	width: 34rem;
	margin: 0 auto;
}

@media (min-width: 680px) {

	.truck_sec .l {
		width: 30rem;
	}
}

@media (min-width: 990px) {

	.truck_sec .l {
		width: 45rem;
	}
}

@media (min-width: 1450px) {

	.truck_sec .l {
		width: 57.3rem;
	}
}

.truck_sec .l div {
	position: relative;
	z-index: 1;
	padding: 8rem 0;
}

@media (min-width: 990px) {

	.truck_sec .l div {
		padding: 7.9rem 0 11.5rem;
	}
}

.truck_sec .l div:before {
	content: '';
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

@media (min-width: 990px) {

	.truck_sec .l div:before {
		width: 39rem;
		height: 39rem;
	}
}

@media (min-width: 1450px) {

	.truck_sec .l div:before {
		width: 45rem;
		height: 45rem;
	}
}

.truck_sec .l div img {
	width: 34rem;
}

@media (min-width: 990px) {

	.truck_sec .l div img {
		width: 100%;
	}
}

.truck_sec .r {
	width: 100%;
	margin-top: 2rem;
}

@media (min-width: 680px) {

	.truck_sec .r {
		width: calc(100% - 36rem);
		margin-top: 0;
	}
}

@media (min-width: 990px) {

	.truck_sec .r {
		width: calc(100% - 50rem);
	}
}

@media (min-width: 1450px) {

	.truck_sec .r {
		width: calc(100% - 66rem);
	}
}

.truck_sec .r ul {
	margin-bottom: 0;
	list-style-position: inside;
	list-style-type: none;
}

.truck_sec .r ul li {
	position: relative;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.5rem;
	color: #000;
	padding-left: 3rem;
	margin-bottom: 1rem;
}

.truck_sec .r ul li:before {
	content: '';
	position: absolute;
	background: url(/wp-content/uploads/chech-black.svg);
	width: 2rem;
	height: 2rem;
	overflow: hidden;
	background-size: contain;
	left: 0;
	top: 0.2rem;
}

@media (min-width: 990px) {

	.truck_sec .r ul li:before {
		width: 3.2rem;
		height: 3.2rem;
	}
}

@media (min-width: 1560px) {

	.truck_sec .r ul li:before {
		top: 0.8rem;
	}
}

@media (min-width: 990px) {

	.truck_sec .r ul li {
		padding-left: 4rem;
		font-size: 2.4rem;
		line-height: 3rem;
	}
}

@media (min-width: 1560px) {

	.truck_sec .r ul li {
		line-height: 4.9rem;
		margin-bottom: 0;
	}
}

/* -------------------------- *\
    .documents
\* -------------------------- */

.documents { 
	padding: 3rem 0 5rem;
}

@media (min-width: 1450px) {

	.documents {
		padding: 9rem 0 15rem;
	}
}

.documents .shell {
	max-width: 152rem;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (max-width: 1530px) {

	.documents .shell {
		padding: 0 2rem;
	}
}

.documents h2 {
	font-size: 2.5rem;
	line-height: 3rem;
	text-align: center;
	margin: 0 auto 2rem;
	color: #000;
	max-width: 86.2rem;
}

.documents h2 span {
	font-weight: 700;
}

@media (min-width: 768px) {

	.documents h2 {
		font-size: 3.5rem;
		line-height: 4rem;
	}
}

@media (min-width: 990px) {

	.documents h2 {
		font-size: 5.4rem;
		line-height: 6.8rem;
		margin: 0 auto 11rem;
	}
}

.documents .l,
	.documents .r {
	width: 100%;
	color: #000;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {

	.documents .l,
	.documents .r {
		width: calc(50% - 6rem);
		margin-bottom: 0;
	}
}

.documents .l h3, .documents .r h3 {
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 3rem;
	background: #fff;
	box-shadow: 0 0.4rem 2.2rem 0.1rem rgba(0,0,0, 0.22);
	border-radius: 2.5rem;
	padding: 2rem ;
	text-align: center;
	margin-bottom: 3rem;
}

@media (min-width: 990px) {

	.documents .l h3, .documents .r h3 {
		font-size: 3.2rem;
		line-height: 4rem;
		padding: 3rem 7rem;
		margin-bottom: 7.6rem;
		display: inline-block;
	}
}

.documents .l ul, .documents .r ul {
	margin-bottom: 0;
	list-style-type: none;
	list-style-position: inside;
}

.documents .l ul li, .documents .r ul li {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2.5rem;
	position: relative;
	padding-left: 3rem;
}

.documents .l ul li:before, .documents .r ul li:before {
	content: '';
	background: url(/wp-content/uploads/CheckCircle.png);
	width: 2.5rem;
	height: 2.5rem;
	background-size: contain;
	position: absolute;
	left: 0;
}

.documents .l ul li + li, .documents .r ul li + li {
	margin-top: 1rem;
}

@media (min-width: 990px) {

	.documents .l ul li, .documents .r ul li {
		font-size: 2.4rem;
		line-height: 3rem;
		padding-left: 4rem;
	}

	.documents .l ul li:before, .documents .r ul li:before {
		width: 3.2rem;
		height: 3.2rem;
	}

	.documents .l ul li + li, .documents .r ul li + li {
		margin-top: 2rem;
	}
}

/* -------------------------- *\
    .service_gallery
\* -------------------------- */

.service_gallery { 
	padding: 5rem 0;
}

.service_gallery .grid {
	margin: 0 -2.2rem;
}

.service_gallery .grid::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

.service_gallery .grid div {
	float: left;
	width: 100%;
	padding: 0 2.2rem;
	margin-bottom: 2.2rem;
}

@media (min-width: 630px) {

	.service_gallery .grid div {
		width: 50%;
		margin-bottom: 3rem;
	}
}

@media (min-width: 900px) {

	.service_gallery .grid div {
		width: 33.33%;
		margin-bottom: 4.4rem;
	}
}

.service_gallery .grid a {
	display: inline-block;
	overflow: hidden;
	border-radius: 2.2rem;
}

.service_gallery .grid a img {
	transition: .3s ease;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 2.2rem;
}

.service_gallery .grid a:hover img {
	transform: scale(1.1);
}

/* -------------------------- *\
    .number_sec
\* -------------------------- */

.number_sec { 
	padding: 0 0 9.4rem;
}

@media (min-width: 1200px) {

	.number_sec {
		padding: 8.4rem 0 9.4rem;
	}
}

.number_sec .shell {
	max-width: 126rem;
	padding: 0 2rem;
	color: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
}

@media (max-width: 1265px) {

	.number_sec .shell {
		padding: 0 2rem;
	}
}

.number_sec .l {
	width: 100%;
}

@media (min-width: 900px) {

	.number_sec .l {
		width: calc(45% - 3rem);
	}
}

@media (min-width: 1024px) {

	.number_sec .l {
		width: calc(45% - 9rem);
	}
}

.number_sec .r {
	width: 100%;
	margin-top: 2rem;
	text-align: center;
}

@media (min-width: 900px) {

	.number_sec .r {
		width: calc(55% - 3rem);
		text-align: left;
	}
}

@media (min-width: 1024px) {

	.number_sec .r {
		width: calc(55% - 9rem);
	}
}

.number_sec h2 {
	font-size: 4rem;
	line-height: 4.5rem;
	text-align: center;
	max-width: 86.2rem;
	margin: 0 auto 3rem;
}

.number_sec h2 span {
	text-decoration: underline;
}

.number_sec h2 strong {
	font-weight: 700;
}

@media (min-width: 768px) {

	.number_sec h2 {
		font-size: 5.4rem;
		line-height: 6.8rem;
		margin: 0 auto 9.4rem;
	}
}

.number_sec h3 {
	font-weight: 700;
	font-size: 3rem;
	line-height: 3.5rem;
	letter-spacing: -0.12rem;
	margin-bottom: 0.7rem;
}

@media (min-width: 768px) {

	.number_sec h3 {
		font-size: 4.8rem;
		line-height: 6rem;
	}
}

.number_sec h4 {
	font-synthesis: 2.2rem;
	line-height: 2.8rem;
	margin-bottom: 0;
}

.number_sec .r {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.number_sec .r .block {
	width: 100%;
	border-radius: 1.6rem;
	padding: 2.4rem 2.8rem 1.6rem;
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: #000;
}

@media (min-width: 500px) {

	.number_sec .r .block {
		width: calc(50% - 3rem);
	}
}

.number_sec .r .block:nth-child(1) {
	background: #FFCE3F;
}

.number_sec .r .block + > span:nth-child(1) {
	background: #fff;
}

.number_sec .r .block span {
	display: block;
	width: 100%;
	padding: 0;
	font-weight: 700;
	font-size: 5.4rem;
	line-height: 4.5rem;
	letter-spacing: -0.135rem;
	margin-bottom: 0.6rem;
}

/* -------------------------- *\
    .review_sec
\* -------------------------- */

.review_sec { 
	padding: 5rem 0;
	background: #FFCE3F;
	color: #000;
}

@media (min-width: 768px) {

	.review_sec {
		padding: 10rem 0 8rem;
	}
}

@media (min-width: 900px) {

	.review_sec {
		padding: 13.4rem 0 10.5rem;
	}
}

.review_sec .shell {
	max-width: 120rem;
	padding: 0;
}

@media (max-width: 1210px) {

	.review_sec .shell {
		padding: 0 2rem;
	}
}

.review_sec h2 {
	max-width: 53rem;
	font-size: 3rem;
	line-height: 3.5rem;
	margin-bottom: 0;
	position: relative;
}

.review_sec h2 span {
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: #111827;
	display: block;
	margin-top: 0.8rem;
}

.review_sec h2:before {
	content: '';
	background: url(/wp-content/uploads/block.png);
	background-size: contain;
	width: 6rem;
	height: 5rem;
	position: absolute;
	top: -2rem;
	left: 0;
}

@media (min-width: 768px) {

	.review_sec h2:before {
		top: -5.6rem;
		width: 14.2rem;
		height: 11.6rem;
	}
}

@media (min-width: 1200px) {

	.review_sec h2:before {
		left: -10.4rem;
	}
}

@media (min-width: 900px) {

	.review_sec h2 {
		font-size: 5.4rem;
		line-height: 6.8rem;
	}
}

.review_sec .grid {
	position: relative;
	margin-top: 3rem;
}

@media (min-width: 768px) {

	.review_sec .grid {
		margin-top: 0;
		height: 45rem;
	}
}

.review_sec .grid div {
	filter: drop-shadow(0 0.4rem 0.8rem rgba(17, 24, 39, 0.1)) drop-shadow(0 0.2rem 0.4rem rgba(17, 24, 39, 0.06));
	background: #fff;
	border-radius: 0.8rem;
	padding: 1.8rem;
	margin-bottom: 2rem;
}

@media (min-width: 768px) {

	.review_sec .grid div {
		position: absolute;
		padding: 3.2rem;
	}
}

.review_sec .grid div p {
	position: relative;
	padding-left: 2.5rem;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #111827;
	margin-bottom: 1.5rem;
}

.review_sec .grid div p:before {
	content: '';
	background: url(/wp-content/uploads/quote.png);
	background-size: cover;
	width: 1.6rem;
	height: 1.3rem;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

@media (min-width: 1100px) {

	.review_sec .grid div p {
		padding-left: 3.2rem;
		font-size: 1.8rem;
		line-height: 2.8rem;
		margin-bottom: 2.4rem;
	}
}

.review_sec .grid div h4 {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #111827;
	margin-bottom: 0;
}

.review_sec .grid div h4 span {
	color: #6B7280;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
}

@media (min-width: 1100px) {

	.review_sec .grid div h4 {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.review_sec .grid div h4 span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

@media (min-width: 768px) {

	.review_sec .grid div:first-child {
		top: 2rem;
		left: 50%;
	}
}

@media (min-width: 1100px) {

	.review_sec .grid div:first-child {
		width: 48.8rem;
		top: -10rem;
	}
}

@media (min-width: 768px) {

	.review_sec .grid div:nth-child(2) {
		width: 32rem;
		top: 5rem;
		left: 2%;
	}
}

@media (min-width: 900px) {

	.review_sec .grid div:nth-child(2) {
		top: 10rem;
		width: 38.4rem;
		left: 5%;
	}
}

@media (min-width: 1100px) {

	.review_sec .grid div:nth-child(2) {
		left: 7%;
		top: 5rem;
	}
}

@media (min-width: 1350px) {

	.review_sec .grid div:nth-child(2) {
		left: 13%;
	}
}

@media (min-width: 768px) {

	.review_sec .grid div:nth-child(3) {
		left: 50%;
		bottom: 0;
	}
}

@media (min-width: 1100px) {

	.review_sec .grid div:nth-child(3) {
		width: 38.4rem;
	}
}

/* -------------------------- *\
    .flag_sec
\* -------------------------- */

.flag_sec { 
	padding: 3rem 0 0;
	background: #F1F1F1;
	margin-bottom: 5rem;
}

@media (min-width: 900px) {

	.flag_sec {
		margin-bottom: 10rem;
		padding: 10rem 0 0;
	}
}

.flag_sec .shell {
	max-width: 158rem;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (max-width: 1590px) {

	.flag_sec .shell {
		padding: 0 2rem;
	}
}

.flag_sec .l {
	width: 100%;
}

@media (min-width: 768px) {

	.flag_sec .l {
		text-align: center;
	}
}

@media (min-width: 900px) {

	.flag_sec .l {
		width: 40rem;
	}
}

@media (min-width: 1200px) {

	.flag_sec .l {
		width: 62.1rem;
	}
}

.flag_sec .l img {
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

@media (min-width: 1200px) {

	.flag_sec .l img {
		max-width: 62.1rem;
	}
}

.flag_sec .r {
	width: 100%;
	margin-bottom: 5rem;
	margin-top: 1rem;
}

@media (min-width: 900px) {

	.flag_sec .r {
		width: calc(100% - 40rem);
		padding-left: 6rem;
		margin-top: 0;
	}
}

@media (min-width: 1200px) {

	.flag_sec .r {
		width: calc(100% - 62.1rem);
	}
}

@media (min-width: 1550px) {

	.flag_sec .r {
		padding-left: 16rem;
	}
}

.flag_sec .r h2 {
	font-size: 3rem;
	line-height: 3.5rem;
	color: #000;
	margin-bottom: 2rem;
}

@media (min-width: 1550px) {

	.flag_sec .r h2 {
		font-size: 5.4rem;
		line-height: 6.8rem;
		margin-bottom: 4rem;
	}
}

.flag_sec .r p {
	font-size: 1.6rem;
	line-height: 2.5rem;
	color: #000;
	margin-bottom: 1.5rem;
}

.flag_sec .r p:last-child {
	margin-bottom: 0;
}

@media (min-width: 1550px) {

	.flag_sec .r p {
		font-size: 2.2rem;
		line-height: 2.8rem;
		margin-bottom: 3rem;
	}
}

/* -------------------------- *\
    .contact_sec
\* -------------------------- */

.contact_sec { 
	padding: 4.6rem 0 3rem;
	text-align: center;
}

@media (min-width: 900px) {

	.contact_sec {
		padding: 4.6rem 0 10rem;
	}
}

.contact_sec .shell {
	max-width: 110.5rem;
	padding: 0;
}

@media (max-width: 1115px) {

	.contact_sec .shell {
		padding: 0 2rem;
	}
}

.contact_sec .details {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	text-align: left;
}

.contact_sec .details .item {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	background: #FFCE3F;
	border-radius: 1.2rem;
	box-shadow: 0 0.2rem 1.2rem rgba(183, 189, 196, 0.5);
	padding: 1.3rem;
	margin-bottom: 2rem;
}

@media (min-width: 500px) {

	.contact_sec .details .item {
		width: calc(50% - 1.75rem);
	}

	.contact_sec .details .item:nth-child(3) {
		width: 27rem;
		margin: 0 auto;
	}
}

@media (min-width: 640px) {

	.contact_sec .details .item {
		width: calc(33.33% - 1.75rem);
		margin: 0;
	}

	.contact_sec .details .item:nth-child(3) {
		width: calc(33.33% - 1.75rem);
		margin: 0;
	}
}

@media (min-width: 900px) {

	.contact_sec .details .item {
		padding: 2.2rem 2.2rem 1.3rem;
	}
}

.contact_sec .details .item img {
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 1rem;
}

@media (min-width: 900px) {

	.contact_sec .details .item img {
		width: 5.3rem;
		height: 5.3rem;
		margin-right: 2.3rem;
	}
}

.contact_sec .details .item .r {
	width: calc(100% - 5.3rem);
	padding-left: 1rem;
	border-left: 0.1rem solid #000;
	color: #000;
}

@media (min-width: 900px) {

	.contact_sec .details .item .r {
		padding-left: 2.3rem;
	}
}

.contact_sec .details .item .r h3 {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 2.5rem;
	margin-bottom: 0.8rem;
}

@media (min-width: 900px) {

	.contact_sec .details .item .r h3 {
		font-size: 2.2rem;
		line-height: 2.5rem;
	}
}

.contact_sec .details .item .r p {
	margin-bottom: 0;
	font-size: 1.2rem;
	line-height: 2rem;
}

@media (min-width: 900px) {

	.contact_sec .details .item .r p {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}

.contact_sec .map {
	text-align: center;
	margin: 3rem auto 0;
}

@media (min-width: 900px) {

	.contact_sec .map {
		margin: 13rem auto 0;
		max-width: 64.6rem;
	}
}

/* -------------------------- *\
    .blog_item
\* -------------------------- */

.blog_item { 
	margin: 0 1rem;
}

@media (min-width: 1350px) {

	.blog_item {
		margin: 0 2.9rem;
	}
}

.blog_item > a {
	display: inline-block;
	overflow: hidden;
	border-radius: 2.1rem;
	width: 100%;
}

.blog_item > a img {
	transition: .3s ease;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 2.1rem;
}

@media (min-width: 768px) {

	.blog_item > a img {
		max-width: 33.6rem;
	}
}

.blog_item > a:hover img {
	transform: scale(1.1);
}

.blog_item .details {
	margin: 1.5rem 0;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #000;
}

.blog_item .details span {
	color: #B1B1B1;
}

@media (min-width: 768px) {

	.blog_item .details {
		margin: 2.9rem 0 1.5rem;
	}
}

.blog_item h2 {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #000;
	margin-bottom: 0;
}

@media (min-width: 768px) {

	.blog_item h2 {
		font-size: 2.4rem;
		line-height: 3rem;
	}
}

.blog_item h2 a {
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 1;/* autoprefixer: off */
	-webkit-box-orient: vertical;/* autoprefixer: on */
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog_item h2 a:hover {
	color: #FFDA39;
}

/* -------------------------- *\
    .intro_2
\* -------------------------- */

body.show .intro_2 .breadcrumb {
	animation: bigtitle 1.3s 0.3s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro_2 .hold h1 {
	animation: bigtitle 1.3s 0.3s cubic-bezier(0.5, 0, 0.1, 1) both;
}

body.show .intro_2 .hold p {
	animation: bigtitle 1.3s 0.3s cubic-bezier(0.5, 0, 0.1, 1) both;
}

.intro_2 { 
	padding: 0;
	background: #000;
	position: relative;
}

.intro_2 img {
	opacity: 0.26;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	max-height: 59rem;
	height: 30rem;
}

@media (min-width: 768px) {

	.intro_2 img {
		height: 40rem;
	}
}

@media (min-width: 1200px) {

	.intro_2 img {
		height: 59rem;
		max-height: 59rem;
	}
}

.intro_2 .hold {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	width: 95%;
}

.intro_2 .hold h1 {
	font-weight: 700;
	font-size: 2rem;
	line-height: 2.5rem;
	margin-bottom: 1rem;
}

@media (min-width: 768px) {

	.intro_2 .hold h1 {
		font-size: 5.4rem;
		line-height: 6.8rem;
		margin-bottom: 2rem;
	}
}

.intro_2 .hold p {
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0 auto;
}

@media (min-width: 768px) {

	.intro_2 .hold p {
		max-width: 84.4rem;
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
}

/* -------------------------- *\
    .blog
\* -------------------------- */

.blog { 
	padding: 4.6rem 0 6rem;
}

.blog .shell {
	max-width: 149rem;
	padding: 0;
}

@media (max-width: 1500px) {

	.blog .shell {
		padding: 0 2rem;
	}
}

.blog .grid {
	margin: 0 -2.5rem;
}

.blog .grid::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

.blog .grid .blog_item {
	width: 100%;
	padding: 0 2.5rem;
	float: left;
	margin: 0 0 4.7rem;
}

@media (min-width: 550px) {

	.blog .grid .blog_item {
		width: 50%;
	}
}

@media (min-width: 900px) {

	.blog .grid .blog_item {
		width: 33.33%;
	}
}

@media (min-width: 1200px) {

	.blog .grid .blog_item {
		width: 25%;
	}
}

.blog .grid .blog_item > a {
	height: 25.6rem;
}

.blog .grid .blog_item img {
	max-width:100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;/*@mixin min 1200 {
					max-width: 33.6rem;
				}*/
}

.blog .pagination .page-numbers {
	border: 0.2rem solid #000;
	width: 4.5rem;
	height: 4.5rem;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 1rem 0;
	font-size: 1.8rem;
	line-height: 2rem;
	color: #000;
	font-weight: 700;
}

.blog .pagination .page-numbers.current,
			.blog .pagination .page-numbers:hover {
	border: 0.2rem solid #FFCE3F;
}

.blog .pagination .page-numbers + .page-numbers {
	margin-left: 1rem;
}

/* -------------------------- *\
    .single
\* -------------------------- */

.post_page { 
	padding: 0;
}

.post_page .post-content {
	padding: 3rem 0;
	color: #000;
	max-width: 150rem;
}

@media (max-width: 1510px) {

	.post_page .post-content {
		padding: 3rem 2rem;
	}
}

.post_page .post-content h2,
		.post_page .post-content h3,
		.post_page .post-content h4,
		.post_page .post-content h5 {
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 4.8rem;
	letter-spacing: 0.02rem;
	margin-bottom: 1.6rem;
}

.post_page .post-content h3 {
	font-size: 2.4rem;
	line-height: 3.2rem;
}

.post_page .post-content h4 {
	font-size: 2rem;
	line-height: 2.8rem;
}

.post_page .post-content h5 {
	font-size: 1.8rem;
	line-height: 2.4rem;
}

.post_page .post-content p {
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-bottom: 2rem;
}

.post_page .post-content p + .wp-block-image {
	margin-top: 5.2rem;
}

.post_page .post-content p + h2,
			.post_page .post-content p + h3,
			.post_page .post-content p + h4,
			.post_page .post-content p + h5 {
	margin-top: 4.4rem;
}

.post_page .post-content img {
	border-radius: 1.6rem;
	max-height: 50.1rem;
	-o-object-fit: cover;
	   object-fit: cover;
}

.post_page .post-content .wp-block-image {
	margin-bottom: 4.6rem;
}

.post_page .post-content .wp-block-image .aligncenter {
	text-align: center;
}

.post_page .post-content .wp-block-image .alignleft {
	float: left;
	margin-right: 3rem;
	display: table;
}

.post_page .post-content .wp-block-image .alignright {
	float: right;
	margin-left: 3rem;
	display: table;
}

.post_page .post-content blockquote {
	border-radius: 1.6rem;
	background: #000;
	color: #fff;
	height: 57rem;
	position: relative;
	margin: 2.7rem 0;
	overflow: hidden;
}

@media (min-width: 550px) {

	@media (max-width: 800px) {

		.post_page .post-content blockquote {
			height: 50rem;
		}
	}
}

.post_page .post-content blockquote p {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2.5rem;
	line-height: 3.5rem;
	letter-spacing: 0.009rem;
	margin-bottom: 0;
}

.post_page .post-content blockquote p.call {
	position: absolute;
	bottom: -0.1rem;
	top: auto;
}

.post_page .post-content blockquote p.call a {
	background: #FFCE3F;
	border-radius: 0.8rem 0.8rem 0 0;
	padding: 0.8rem 1.8rem;
	color: #fff;
	font-weight: 700;
	font-size: 3rem;
	line-height: 3.8rem;
}

.post_page .post-content blockquote p.call a:hover {
	color: #000;
}

@media (min-width: 430px) {

	.post_page .post-content blockquote p {
		top: 10rem;
	}
}

@media (min-width: 800px) {

	.post_page .post-content blockquote p {
		font-size: 3.6rem;
		line-height: 6rem;
	}
}

@media (min-width: 1024px) {

	.post_page .post-content blockquote p {
		width: 60%;
	}
}

.post_page .post-content blockquote cite {
	position: absolute;
	bottom: 10rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.8rem;
	line-height: 2.2rem;
	width: 90%;
	text-align: center;
}

.post_page .post-content ul {
	list-style-position: inside;
	padding-left: 3rem;
	list-style-type: none;
}

.post_page .post-content ul li {
	position: relative;
	padding-left: 2.5rem;
	margin-bottom: 1rem;
	font-size: 1.8rem;
	ine-height: 2.8rem;
}

.post_page .post-content ul li:before {
	content: '';
	background: #000;
	width: .7rem;
	height: .7rem;
	position: absolute;
	top: .9rem;
	left: 0;
	border-radius: 50%;
}

.post_page .post-content .details {
	padding: 1.5rem 0;
	margin: 3rem 0 10rem;
	border-top: 0.1rem solid #e5eaf4;
	border-bottom: 0.1rem solid #e5eaf4;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
	font-size: 1.6rem;
	line-height: 2rem;
	color: #000;
}

.post_page .post-content .details img {
	width: 5.3rem;
	height: 5.3rem;
	border-radius: 50%;
	margin-right: 2.6rem;
}

.post_page .post-content .details .l,
			.post_page .post-content .details .r {
	width: 100%;
	text-align: center;
}

@media (min-width: 420px) {

	.post_page .post-content .details .l,
			.post_page .post-content .details .r {
		width: auto;
	}
}

.post_page .post-content .details .r {
	margin-top: 2rem;
	font-size: 1.4rem;
	line-height: 2rem;
}

@media (min-width: 420px) {

	.post_page .post-content .details .r {
		margin-top: 0;
	}
}

.post_page .post-content .post_gallery {
	padding: 5rem 0;
}

.post_page .post-content .post_gallery img {
	width: 100%;
	height: 30rem;
	-o-object-fit: cover;
	   object-fit: cover;
}

@media (min-width: 900px) {

	.post_page .post-content .post_gallery img {
		height: 50rem;
	}
}

.post_page .post-content .post_gallery .slick-prev,
			.post_page .post-content .post_gallery .slick-next {
	position: absolute;
	display: block;
	height: 6rem;
	width: 6rem;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: #000;
	border-radius: 50%;
	color: transparent;
	top: 50%;
	margin-top: -1rem;
	padding: 0;
	border: none;
	outline: none;
	z-index: 1;
	transition: .3s ease;
}

.post_page .post-content .post_gallery .slick-prev:hover,
			    .post_page .post-content .post_gallery .slick-prev:focus,
			    .post_page .post-content .post_gallery .slick-next:hover,
			    .post_page .post-content .post_gallery .slick-next:focus {
	outline: none;
	color: transparent;
	background: rgba(0,0,0, 0.7);
}

.post_page .post-content .post_gallery .slick-prev.slick-disabled:before, .post_page .post-content .post_gallery .slick-next.slick-disabled:before {
	opacity: 0.2;
}

.post_page .post-content .post_gallery .slick-prev:before,
			.post_page .post-content .post_gallery .slick-next:before {
	font-size: 20px;
	line-height: 1;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.post_page .post-content .post_gallery .slick-prev {
	left: 1.5rem;
}

[dir="rtl"] .post_page .post-content .post_gallery .slick-prev {
	left: auto;
	right: 1.5rem;
}

@media (min-width: 1560px) {

	.post_page .post-content .post_gallery .slick-prev {
		left: -3rem;
	}

	[dir="rtl"] .post_page .post-content .post_gallery .slick-prev {
		left: auto;
		right: -3rem;
	}
}

.post_page .post-content .post_gallery .slick-prev:before {
	content: url(/wp-content/uploads/arrow-left.svg);
}

[dir="rtl"] .post_page .post-content .post_gallery .slick-prev:before {
	content: url(/wp-content/uploads/arrow-left.svg);
}

.post_page .post-content .post_gallery .slick-next {
	right: 1.5rem;
}

[dir="rtl"] .post_page .post-content .post_gallery .slick-next {
	left: 1.5rem;
	right: auto;
}

@media (min-width: 1560px) {

	.post_page .post-content .post_gallery .slick-next {
		right: -3rem;
	}

	[dir="rtl"] .post_page .post-content .post_gallery .slick-next {
		left: -3rem;
		right: auto;
	}
}

.post_page .post-content .post_gallery .slick-next:before {
	content: url(/wp-content/uploads/arrow-right.svg);
}

[dir="rtl"] .post_page .post-content .post_gallery .slick-next:before {
	content: url(/wp-content/uploads/arrow-right.svg);
}