/*
Theme Name: Alma2
Description: Child theme for Avada theme
Author: Rastey for ALMA Agency
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* --- BASIC --- */
p {
	margin-top: 0;
	margin-bottom: 1rem;
}

ul {
	margin-top: .5rem;
	margin-bottom: 1rem;
}

.red {
  color: var(--awb-color4);
}

.valign-text-with-star {
  display: flex !important;
  align-items: center !important;
}

.valign-text-with-star > h2 {
  display: flex;
  align-items: center;
}

.noselect {
  user-select: none;
}

/* Перенос с дефисами */
.perenos {
  hyphens: auto;
  -webkit-hyphens: auto;
}


/* --- MAIN > HEROBLOCK --- */
#main-hero {
  background:
		linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(231, 28, 39, 0.1) 50%, rgb(135, 21, 34) 65%, #470008 100%),
		url('/wp-content/uploads/background-heroblock-rightcircle.svg'),
		url('/wp-content/uploads/background-heroblock-alex.avif'),
		url('/wp-content/uploads/background-heroblock-leftcircle.svg'),
		url('/wp-content/uploads/background-heroblock-star.svg'),
		url('/wp-content/uploads/background-heroblock-alma.svg'),
		linear-gradient(180deg, #EA1D27 10%, #9F0D1E 85%);
  background-size:
		cover,
		700px,
		600px,
		811px,
		218px,
		1320px,
		cover;
	background-position:
		bottom,
		calc(50% + 610px) calc(50% + 6rem),
		calc(50% + 21rem) top,
		calc(50% - 460px) -9rem,
		calc(50% + 520px) 5.5rem,
		center calc(50% + 4.5rem),
		center;
	background-repeat:
		no-repeat;
	background-blend-mode:
		normal;
}

@media screen and (orientation: portrait ) {
	#main-hero {
		background:
			linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, rgb(231, 28, 39, 1) 90vh, rgb(135, 21, 34) 65%),
			url('/wp-content/uploads/background-heroblock-rightcircle.svg'),
			url('/wp-content/uploads/background-heroblock-alex.avif'),
			url('/wp-content/uploads/background-heroblock-star.svg'),
			url('/wp-content/uploads/background-heroblock-alma.svg'),
			linear-gradient(180deg, #EA1D27 10%, #9F0D1E 85%);
		background-size:
			cover,
			200vw,
			110vw,
			50vw,
			1320px,
			cover;
		background-position:
			bottom,
			20% 57vh,
			calc(50% + 3rem) 5.5rem,
			2rem 5.5rem,
			center calc(50% + 4.5rem),
			center;
		background-repeat:
			no-repeat;
		background-blend-mode:
			normal;
	}
}


/* --- MAIN > What we do --- */
@media (orientation: portrait) {
  .what-we-do-column > div {
    background-color: var(--awb-color1) !important;
  }

  .what-we-do-subtitle p,
  .what-we-do-text p {
    color: var(--awb-color6);
  }

  .what-we-do-button {
    background-color: var(--awb-color4) !important;
    border-color: var(--awb-color4);
  }
}

@media (hover: hover) {
  .what-we-do-column:hover .what-we-do-subtitle p,
  .what-we-do-column:hover .what-we-do-text p {
    color: var(--awb-color6);
  }

  .what-we-do-button {
    background-color: transparent;
    border: 1px solid var(--awb-color1);
    margin-top: 1rem;
  }

  .what-we-do-column:hover .what-we-do-button {
    background-color: var(--awb-color4);
    border-color: var(--awb-color4);
  }
}


/* --- MAIN > CLIENTS --- */
#main-our-clients {
  background: url('/wp-content/uploads/background-our-clients.svg') no-repeat calc(50% - 300px) top;
  background-size: 215px;
}


/* --- MAIN > SERVICES --- */
#main-services {
  background:
    url('/wp-content/uploads/our-serviceces-background.svg') no-repeat 105% -10%,
    linear-gradient(180deg, var(--awb-color3) 13%, transparent 100%) no-repeat center / cover;
  background-size:
    35%,
    cover;
}

.service > div {
  box-shadow: 0 40px 40px rgba(179, 179, 179, 0.3) !important;
}

.service > div:hover {
  box-shadow: 0 40px 40px #b3b3b3 !important;
}

#main-our-services .service > div {
  padding: 0 2rem 2rem;
}

.service-title {
  margin: 1rem 0 !important;
}

.service:hover .service-title > h3 {
  color: var(--awb-color4) !important;
}

.service div > a {
  background-color: var(--awb-color6);
}

.service:hover div > a {
  background-color: var(--awb-color4);
}

.service > div > div > div > div > div.fusion-image-element {
  margin: 0 -2rem;
}

.service-subtitle {
  padding-top: 1.5rem;
  margin-bottom: 0.5rem !important;
}

.service-subtitle p::before {
  content: url("/wp-content/uploads/star-red-16px.svg");
  margin-right: 0.5em;
  padding-top: 1.5rem;
}

.service > div > div > div > div > div > a {
  padding: 6px 3rem 9px !important;
  font-size: 20px !important;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}


/* --- MAIN > REVIEWS --- */
#main-reviews {
  background:
    url('/wp-content/uploads/star-red-blur-reviews.svg') no-repeat calc(50% - 300px) top,
    url('/wp-content/uploads/background-reviews.svg') no-repeat right top,
    linear-gradient(180deg, #EA1D27 7.41%, #9F0D1E 37.13%, #470008 87.34%) no-repeat center;
}

.awb-swiper:not(.swiper-fade):not([data-slide-effect="swipe_vert"]):not([data-slide-effect="slide_vert"]) {
  padding: 5rem 1rem !important;
}

hr {
  width: 61px;
  height: 8px;
  background: linear-gradient(90deg, #EA1D27 0%, #871522 99.52%);
  border: none;
  margin: 1.125rem 0 0.625rem;
}


/* --- MAIN > CASES --- */
#main-our-numbers > div > div > div > div.awb-swiper.swiper-coverflow {
  padding: 2.5rem 1rem 5rem;
  margin-top: -2rem;
}

.why-alma-fact > div > div.fusion-image-element > span > img {
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-property: opacity, transform;
}

/* --- MAIN > WHY ALMA --- */
#main-why-alma {
  background: linear-gradient(180deg, #470008 7.41%, #9F0D1E 53.7%, #EA1D27 100%);
}


/* --- MAIN > NUMBERS --- */
#main-our-numbers {
  background:
    url('/wp-content/uploads/our-number-star-alex.avif') no-repeat 113% -10.5rem,
    linear-gradient(211.48deg, var(--awb-color3) 0%, transparent 38.5%) no-repeat center / cover;
  background-size:
    42.5%,
    cover;
}

.num-1 {
  font-size: 60px;
  font-weight: 700;
  background: linear-gradient(180deg, #EA1D27 3.26%, #9F0D1E 83.29%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.num-2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--awb-color6);
}

.num-3 {
  font-size: 24px;
  color: #47494E;
}


/* --- MAIN > CASES --- */
#main-cases {
  background: url('/wp-content/uploads/star-gray-blur-cases.svg') no-repeat 85% bottom;
  background-size: 215px;
}


/* --- MAIN > LET'S TALK --- */
#main-lets-talk {
  background:
    url('/wp-content/uploads/background-lets-talk-1.svg') no-repeat right top,
    linear-gradient(180deg, #EA1D27 7.41%, #9F0D1E 37.13%, #470008 92.34%) no-repeat center / cover;
  background-size:
    60%,
    cover;
}

/* --- FORMS --- */
#wpcf7-f6-p2-o1 .form-row {
  align-items: center;
  color: var(--awb-color1);
  font-size: 20px;
}

#wpcf7-f6-p2-o1 .country-name {
  color: var(--awb-color6);
  font-size: 1rem;
}

#wpcf7-f6-p2-o1 .form-acceptance {
  color: var(--awb-color1);
	text-align: center;
}

#wpcf7-f6-p2-o1 .form-submit {
  text-align: center;
  margin-top: 1rem;
  color: var(--awb-color1);
}

#wpcf7-f6-p2-o1 .submit-button {
  background: var(--awb-color1);
  color: var(--awb-color6);
  padding: 0.5rem 4rem;
  font-size: 1.25rem;
}

#wpcf7-f6-p2-o1 .selected-flag .iti-arrow {
	border-top: 4px solid white;
}


/* POPUP FORM */
#wpcf7-f1171-o2 .form-input {
	background-color: #e7e7e7;
	border-radius: 100px;
	color: var(--awb-color6);
}

#wpcf7-f1171-o2 > form > div > p {
	padding-bottom: .5rem !important;
}

.popup-form .submit-button {
  background: var(--awb-color4);
  color: var(--awb-color1);
  padding: 0.5rem 4rem !important;
  font-size: 1.25rem !important;
}

.popup-form .form-acceptance > p > span > span > span {
	font-size: 14px;
	margin-left: 0 !important;
	margin-top: .5rem;
}

.intl-tel-input.separate-dial-code .selected-flag {
	background-color: transparent;
}

.popup-form .form-submit {
	text-align: center;
}


#wpcf7-f1171-o2 .selected-flag .iti-arrow {
	border-top: 4px solid #000;
}


/* FOOTER */
.awb-menu.collapse-enabled a {
		padding: 0 !important;
}