/*
Theme Name: Hazel Child
Description: Child theme for the Hazel Theme
Author: TreeKode
Template: hazel
Version: 2.2
*/

html {
  scroll-behavior: smooth;
  --pink-color: #E500CD;
}

body {
  font-family: 'Montserrat', sans-serif !important;
}

header a.navbar-brand img.logo_normal {
  max-height: 60px !important;
  position: absolute !important;
  top: -13px;
}

header a.navbar-brand img.logo_after_scroll {
  max-height: 30px !important;
  position: absolute !important;
  top: -8px;
}

body,
p,
.lovepost a,
.widget ul li a,
.widget p,
.widget span,
.widget ul li,
.the_content ul li,
.the_content ol li,
#recentcomments li,
.custom-widget h4,
.widget.des_cubeportfolio_widget h4,
.widget.des_recent_posts_widget h4,
.custom-widget ul li a,
.aio-icon-description,
li,
.smile_icon_list li .icon_description p {
  font-family: 'Montserrat', sans-serif !important;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Montserrat', sans-serif !important;
}

.page_content a,
header a,
#big_footer a {}

p,
li,
a,
.aio-icon-description,
.smile_icon_list li .icon_description p {
  font-family: 'Montserrat', sans-serif !important;
}

header .search_trigger,
header .menu-controls,
header .hazel_dynamic_shopping_bag,
header .header_social_icons.with-social-icons {
  padding-top: 7px;
}

header.header_after_scroll .search_trigger,
header.header_after_scroll .menu-controls,
header.header_after_scroll .hazel_dynamic_shopping_bag,
header.header_after_scroll .header_social_icons.with-social-icons {
  padding-top: 0;
}

.navbar-fixed-top {
  background: transparent;
}

.navbar-fixed-top.header_after_scroll {
  background: #000000 !important;
}

.header-phone {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.header-phone a {
  color: #ffffff;
  letter-spacing: 1px;
  transition: color .2s;
}

.header-phone a:hover {
  color: #ffffff !important;
}

.header-phone span a {
  font-size: 12px;
  color: #808080;
  font-weight: 600;
}

h1,
h2,
h4,
h5 {
  letter-spacing: 2px;
}

button.ubtn {
  margin-top: 0 !important;
  margin-right: 0 !important;
  background-color: #000000;
}

/* Hero */
.vc_custom_1618319624939 {
  z-index: 99;
}
.vc_custom_1618319624939 button.ubtn {
  background: transparent !important;
}

.content_from_homepage_template {
  background-color: #000;
}

button.ubtn-normal {
  font-size: 18px;
  padding: 12px 19px;
}

/* Slider */


@media (min-width: 768px) {
  .hero-cases {
    text-align: right !important;
    margin-right: 2rem;
  }

  .hero-contact {
    margin-left: 2rem;
    text-align: left !important;
  }

  .hero-cases .ubtn-link {
    text-align: center !important;
  }

  .hero-contact .ubtn-link {
    text-align: center !important;
  }
}


.navbar-default .navbar-nav>li>a {
  line-height: 15px;
}

.sub-menu li {
  background-color: #000000 !important;
}

.navbar-collapse li:not(.hazel_mega_menu) ul.menu-depth-1 li:not(:first-child) {
  border-top: none !important;
}

.wpml-ls-item ul li a {
  background: #000;
}

header li:not(.hazel_mega_menu) ul.menu-depth-1 li:hover,
header li.hazel_mega_menu li.menu-item-depth-1 li:hover,
header #dl-menu ul li:hover,
header.header_after_scroll li:not(.hazel_mega_menu) ul.menu-depth-1 li:hover,
header.header_after_scroll li.hazel_mega_menu li.menu-item-depth-1 li:hover,
header.header_after_scroll #dl-menu ul li:hover {
  background-color: #000 !important;
}

.header_social_icons_wrapper {
  display: flex !important;
  flex-direction: row-reverse;
  align-items: center;
}

.header-address {
  margin-top: -7px;
  margin-left: 20px;
}

.header-address p {
  margin-bottom: -6px;
  text-align: center;
}

.hero-button a {
  border: 1px solid #ffffff;
  text-transform: uppercase;
  background: transparent;
  width: 300px;
  transition: all .2s;
}

.hero-button a:hover {
  background-color: var(--pink-color) !important;
  color: #000000;
  border: 1px solid var(--pink-color) !important;
}

.hero-button a:hover .ubtn-text {
  color: #fff !important;
}

.ubtn-hover {
  background: transparent !important;
}

.services-carousel .slick-slide {
  transition: all .2s;
  padding: 1rem 0 !important;
  margin: 30px 30px 0 !important;
}

.services-carousel .slick-list.draggable {
  min-height: 710px;
}

.services-carousel .ult-item-wrap.slick-slide:hover {
  transform: scale(1.1);
  box-shadow: inset 0px 0px 0px 1px #fff;
}

.services-carousel .ult-item-wrap.slick-slide p {
  color: #ffffff !important;
}

.services-carousel .ult-item-wrap.slick-slide span {
  color: #ffffff !important;
}

.services-carousel .ult-item-wrap.slick-slide:hover p {
  color: #ffffff !important;
}

.services-carousel .ult-item-wrap.slick-slide:hover .img-icon {
  transition: all .2s;
  transform: scale(1.1);
}

.services-carousel .ult-item-wrap.slick-slide:hover a.aio-icon-read {
  background-color: var(--pink-color);
}

.services-carousel a.aio-icon-read {
  margin: 20px auto;
  font-size: 13px !important;
  text-align: center;
  padding: 10px;
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #ffffff;
}

.services-carousel a.aio-icon-read:hover {
  color: #ffffff;
}

.services-carousel a.aio-icon-read:before {
  display: none !important;
}

/* Clients */

.clients-carousel .aio-icon-img {
  height: 250px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.clients-carousel img {
  margin: 20px 0;
  transition: .2s;
}

@media (min-width: 768px) {
  .clients-carousel img {
    filter: grayscale(100%) brightness(0.4);
  }
}

.clients-carousel img:hover {
  filter: none;
  transform: scale(1.1);
}

/* Contact */
.vc_custom_1484173650800 h2 {
  font-weight: 500;
}

.contact-text {
  text-align: center;
}

.contact-text p {
  color: #ffffff !important;
  font-size: 1.2rem !important;
  line-height: 40px;
}

.contact-text a {
  color: #ffffff !important;
  font-size: 1.2rem !important;
  line-height: 40px;
}

.wpcf7-form {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: auto;
}

.wpcf7 label {
  color: #ffffff;
}

.wpcf7 .dark input {
  border: 1px solid #e1e1e1;
}

.wpcf7 form.wpcf7-form p {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.wpcf7-tel {
  background: transparent;
  color: #cecece !important;
  position: relative;
  float: left;
  width: 100%;
  padding: 12px 20px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  outline: none;
  margin: 10px 0;
  font-weight: 500;
}

.wpcf7-submit {
  display: block;
  margin: auto;
  padding: 10px 20px;
  background-color: #ffffff !important;
  color: #000000 !important;
}

.wpcf7-submit:focus {
  color: #ffffff !important;
}

/* #section_page-9867 > div > div.vc_row.wpb_row.vc_row-fluid.vc_custom_1634059109380.ult-vc-hide-row.vc_row-has-fill > div.upb_row_bg.vcpb-default {
  background-size: auto 500px !important;
  background-repeat: no-repeat !important;
  background-position: center right;
} */

.contact-section .upb_row_bg {
  background-size: auto 500px !important;
  background-repeat: no-repeat !important;
  background-position: center right;
}

/* PROMO */
#promo {
  position: fixed;
  left: -100%;
  top: 50%;
  z-index: 999;
  transition: 1s;
  cursor: pointer;
}

#promo img {
  max-width: 170px;
}

/* Footer */
#secondary_footer {
  padding: 0 !important;
  height: 55px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 600px) {
  #promo img {
    max-width: 50px;
  }

  #secondary_footer {
    height: 75px;
  }
}

.footer_custom_text {
  color: #ffffff;
}

#secondary_footer .footer_custom_text.center {
  text-align: left;
  width: unset;
}

#secondary_footer .social-icons-fa.align-center {
  width: 75%;
  padding-top: 10px;
  padding-right: 30px;
}

#secondary_footer .social-icons-fa a i {
  color: #ffffff;
}

.footer-full-width #secondary_footer .container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.f {
  display: none;
}

.hero-abstract {
  display: none;
}

@media (max-width: 576px) {
  #section_page-9867, #section_page-10473 {
    margin-top: 50%;
  }

  .hero-row:after {
    content: url('/wp-content/uploads/2021/04/frame6-1.png') !important;
    display: block !important;
    position: absolute;
  }

  .hero-abstract {
    display: block;
    margin-top: -180px;
    z-index: 1;
  }

  h1 {
    line-height: 40px !important;
  }

  header a.navbar-brand img.logo_normal {
    max-height: 30px !important;
    position: relative !important;
    top: -6px;
  }

  header .nav-container .dl-menuwrapper {
    margin-top: 19px !important;
  }

  .vc_row.vc_row-flex>.vc_column_container {
    background-color: #000000;
  }

  .vc_video-bg.vc_hidden-xs {
    display: block !important;
  }
}

.aio-icon-top {
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.promo-form {
  position: fixed;
  top: -200%;
  transition: .5s;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #fff;
  z-index: 999;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.97);
  min-width: 340px;
}

.promo-form .closeicon {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 50px;
}

.promo-form.active {
  top: 16%;
}

.promo-form p {
  color: #fff;
  text-align: center;
}

#choosedServices {
  display: none;
}


/* Thanks */

body.page-template-thanks .fullwidth-container {
  display: flex;
  align-items: center;
  background-image: url('/wp-content/uploads/2021/09/1_2.jpg') !important;
  min-height: 100vh;
  box-shadow: inset 0 0 0 2000px rgb(1 1 1 / 30%);
  background-repeat: no-repeat !important;
  background-color: #000000;
}

body.page-template-thanks .pageTitle {
  margin-top: 10vh;
  min-height: 30vh;
}

body.page-template-thanks .master_container {
  background-color: #000 !important;
}

.page_title.thanks {
  color: #ffffff;
  line-height: 60px;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2px;
}

.thanks-socials {
  display: flex;
  justify-content: center;
}

.thanks-socials a {
  margin: 10px 15px;
}

.thanks-socials a:hover, a:focus i {
  color: #ffffff;
}

.thanks-socials a {
  color: #ffffff;
}

.thanks-socials a img {
  max-width: 50px;
}

a:not(.down-button,.hazel-button-dark-1d,.hazel-button-white,.hazel-button-color):hover, a:not(.down-button,.hazel-button-dark-1d,.hazel-button-white,.hazel-button-color):focus {
  color: #ffffff;
}

.thanks-socials i {
  font-size: 50px;
}

@media (max-width: 576px) {
  h2 {
    font-size: 35px !important;
  }

  /* Circle on mobile */
  .vc_custom_1481997713109 h3 {
    font-size: 20px !important;
  }
}

/* Circle */
#section_page-9867>div>div.vc_row.wpb_row.vc_row-fluid.vc_custom_1619444285039.vc-row-translate.ult-vc-hide-row.vc_row-has-fill>div.upb_row_bg.vcpb-default {
  background-size: 90% !important;
  background-position: 300% !important;
}

.upb_bg_overlay {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.social-icons-fa ul li a img {
  margin: 0 5px;
  max-width: 30px;
}

/* Why Choose Us */

.section-with-circle {
  margin-top: -100px;
}

.whychooseusrow.vc_custom_1621087340236 {
  background-size: 85% !important;
}

.whychooseusrow .aio-icon-top {
  display: none;
}

.whychooseusrow h3 {
  text-align: center;
  line-height: 30px !important;
  font-size: 16px;
  font-weight: 700;
  color: #f7f7f7;
}

.whychooseusrow p {
  color: rgb(144, 144, 148);
  text-align: center;
  font-size: 14px;
}

.uppercase {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .section-with-circle {
    min-height: 600px;
  }

  .f {
    visibility: hidden;
    display: block;
  }
}


/* Purple  */
.vc_custom_1620480894984 {
  margin-top: -100px;
}

.ult-animation h4 {
  display: none !important;
}

.ult-animation button {
  display: none !important;
}

@media only screen and (max-width: 479px) {
  h1:not(.uvc-main-heading h1):not(.rs-layer) {
    font-size: 18px;
  }

  h2,
  h3 {
    font-size: 21px !important;
    line-height: 35px;
  }

  h5,
  h6 {
    font-size: 11px;
  }

  .vc_custom_1620479749588 p {
    font-size: 16px !important;
  }

  .hero-button a {
    padding: 0;
  }

}

#cbpw-filters5 {
  visibility: hidden !important;
}

ul.slides.da-thumbs-plus li {
  max-width: 597px !important;
}

.proj-content {
  background-color: #000000 !important;
}

.proj-content .wpb_text_column p {
  color: #ffffff !important;
}

body,
p,
.lovepost a,
.widget ul li a,
.widget p,
.widget span,
.widget ul li,
.the_content ul li,
.the_content ol li,
#recentcomments li,
.custom-widget h4,
.widget.des_cubeportfolio_widget h4,
.widget.des_recent_posts_widget h4,
.custom-widget ul li a,
.aio-icon-description,
li,
.smile_icon_list li .icon_description p {
  color: #ffffff;
}

p.large {
  font-size: large;
}

.dl-back a {
  display: none;
}

.dl-back a:after {
  display: block;
}

.wpml-ls-native {
  color: #808080;
}

@media only screen and (max-width: 479px) {
  .flex-direction-nav {
    display: flex !important;
  }
}

/* .bb-pink {
  padding-bottom: 30px;
  border-bottom: 1px solid #DE00C6;
  max-width: 800px;
  margin: auto;
} */

.bb-pink:after {
  content: '';
  width: 200px;
  height: 2px;
  display: block;
  background-color: #DE00C6;
  margin: 30px auto 0;
}

body:lang(ru-RU) .text__ua {
  display: none;
}

body:lang(uk) .text__ru {
  display: none;

}

.mt-15 {
  margin-top: 15px;
}

@media only screen and (max-width: 479px) {

  .whychooseusrow.vc_custom_1621087340236 {
    background-image: none !important;
  }

  header .hazel_right_header_icons {
      display: block;
      left: 53%;
      transform: translateX(-50%);
      top: 35px !important;
  }

  .header_after_scroll .hazel_right_header_icons{
    top: 27px !important;
  }

  header:not(.style4) .nav-container .header_social_icons {
    display: block;
  }

  .abstract-first, .abstract-second, .abstract-three  {
    transform-style: preserve-3d;
  }

  .abstract-three:after {
    background-size: 300px;
    display: inline-block;
    width: 300px;
    height: 300px;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    transform: translateZ(-1px);
    top: -52px;
    right: -180px;
  }

  .abstract-first:after {
    background-size: 300px;
    display: inline-block;
    width: 300px;
    height: 300px;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    transform: translateZ(-1px);
    top: -52px;
    right: -180px;
  }

  .abstract-second:after {
    background-size: 300px;
    display: inline-block;
    width: 300px;
    height: 300px;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    transform: translateZ(-1px);
    left: -180px;
    top: -60px;
  }

  .abstract-second:after {
    background-image: url(/wp-content/uploads/2021/11/frame5sm.png);
  }

  .abstract-first:after {
      background-image: url(/wp-content/uploads/2021/11/frame6-1sm.png);
  }

  .abstract-three:after {
    background-image: url(/wp-content/uploads/2021/11/frame7-1sm.png);
}
}


@media (max-width: 576px) {

  .contact-section .upb_row_bg {
    background-image: none !important;
  }

  header .nav-container .dl-menuwrapper {
    width: 25%;
  }

  header .nav-container .dl-menuwrapper.active {
    width: 100%;
  }

  header .dl-menuwrapper .dl-trigger-wrapper {
    width: 25%;
  }

  .dl-menuwrapper {
    z-index: 1;
  }

  .header-phone {
    z-index: 9;
  }

  header #dl-menu ul {
    background-color: #000;
  }

  header #dl-menu ul li a, span {
    color: #ffffff;
  }

  .wpml-ls-native {
    color: #ffffff;
  }
}

body:not(.rtl) #main header {
  -webkit-transform: translateZ(0);
}

header ul.menu-depth-1, header ul.menu-depth-1 ul, header ul.menu-depth-1 ul li, header.header_after_scroll ul.menu-depth-1, header.header_after_scroll ul.menu-depth-1 ul, header.header_after_scroll ul.menu-depth-1 ul li, header.header_after_scroll #dl-menu ul {
  background: #000 !important;
}

.dl-menuwrapper li:not(.hazel_mega_hide_link):hover > a {
  background: #000 !important;
}