/*
Theme Name: Brand Factory Franchising Theme
Theme URI: http://brandfactoryfranchising.com/
Template: hello-elementor
Author: Brand Factory Franchising
Version: 2.0
*/
/*------------------------------------*\
    $TABLE OF CONTENTS
\*------------------------------------*/
/**
 *
 * $COMMON............................Common definitions
 *
 * $STRUCTURE
 *      $CONTENT......................Content section
 *      $HEADER.......................Header + navigation section
 *      $SIDEBAR......................Sidebar section
 *      $FOOTER.......................Footer section
 *      $TYPOGRAPHY...................Typography definitions
 *
 * $MODULES
 *      $QUOTES.......................Quotes (Testimonials)
 *      $BUTTONS......................Custom buttons
 *      $LINKS........................Links
 *      $INPUTS.......................Form inputs and controls
 *      $PAGINATION...................Pagination
 *      $NAVS.........................Navigations
 *
 * $PAGES
 *      $HOME PAGE.................Definitions for home page
 */
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animate_object {
  from {
    top: -190px;
  }
  to {
    top: -40px;
  }
}
@keyframes animate_logo {
  from {
    top: -100px;
  }
  to {
    top: 0px;
  }
}
@keyframes flicker {
  0% {
    opacity: 0.4;
  }
  5% {
    opacity: 0.5;
  }
  10% {
    opacity: 0.6;
  }
  15% {
    opacity: 0.85;
  }
  25% {
    opacity: 0.5;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0.1;
  }
  40% {
    opacity: 0.25;
  }
  45% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0.85;
  }
  80% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/*------------------------------------*\
    $COMMON
\*------------------------------------*/
@media (max-width: 1170px) {
  /* line 8, sass/theme/_common.scss */
  body .elementor-section.elementor-section-boxed > .elementor-container {
    padding: 0 25px;
  }
}
/* line 17, sass/theme/_common.scss */
body .generic-heading h2 {
  font-size: 50px;
}
@media (max-width: 600px) {
  /* line 17, sass/theme/_common.scss */
  body .generic-heading h2 {
    font-size: 32px;
  }
}
/* line 26, sass/theme/_common.scss */
body .hexagon-clip {
  clip-path: polygon(0 25%, 50% 0, 100% 25%, 99% 75%, 50% 100%, 0 75%);
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
/* line 32, sass/theme/_common.scss */
body .triangle-clip-art {
  width: 65% !important;
  max-width: 100%;
  position: absolute;
}
/* line 37, sass/theme/_common.scss */
body .triangle-clip-art.top {
  top: -6px;
}
/* line 41, sass/theme/_common.scss */
body .triangle-clip-art.left {
  left: -10%;
}
/* line 45, sass/theme/_common.scss */
body .triangle-clip-art.bottom {
  bottom: -6px;
}
/* line 49, sass/theme/_common.scss */
body .triangle-clip-art.right {
  right: -10%;
}
/* line 54, sass/theme/_common.scss */
body .blog-post-slider-wrapper {
  margin-left: -70px;
}
@media (max-width: 955px) {
  /* line 54, sass/theme/_common.scss */
  body .blog-post-slider-wrapper {
    margin-left: 0;
  }
}
/* line 64, sass/theme/_common.scss */
body .blog-post-slider-wrapper .elementor-swiper-button {
  position: absolute;
  top: auto;
  bottom: -20%;
}
/* line 69, sass/theme/_common.scss */
body .blog-post-slider-wrapper .elementor-swiper-button.elementor-swiper-button-prev {
  left: 45%;
}
@media (max-width: 593px) {
  /* line 69, sass/theme/_common.scss */
  body .blog-post-slider-wrapper .elementor-swiper-button.elementor-swiper-button-prev {
    left: 40%;
  }
}
/* line 78, sass/theme/_common.scss */
body .blog-post-slider-wrapper .elementor-swiper-button.elementor-swiper-button-prev .eicon-chevron-left:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f060";
}
/* line 86, sass/theme/_common.scss */
body .blog-post-slider-wrapper .elementor-swiper-button.elementor-swiper-button-next {
  right: 45%;
}
@media (max-width: 593px) {
  /* line 86, sass/theme/_common.scss */
  body .blog-post-slider-wrapper .elementor-swiper-button.elementor-swiper-button-next {
    right: 40%;
  }
}
/* line 95, sass/theme/_common.scss */
body .blog-post-slider-wrapper .elementor-swiper-button.elementor-swiper-button-next .eicon-chevron-right:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
}
/* line 107, sass/theme/_common.scss */
body .white-a a {
  color: #ffffff !important;
}
/* line 113, sass/theme/_common.scss */
body .flicker-letter {
  opacity: 1;
  animation: flicker 2.5s linear reverse;
}
/* line 125, sass/theme/_common.scss */
body .flicker-letter.delay-2 {
  animation-delay: 1s;
}
/* line 129, sass/theme/_common.scss */
body .flicker-letter.delay-3 {
  animation-delay: 2s;
}

/*------------------------------------*\
    $STRUCTURE
\*------------------------------------*/
/*------------------------------------*\
    $CONTENT
\*------------------------------------*/
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
/* line 10, sass/theme/structure/_header.scss */
body .elementor-sticky--effects #open_menu_pop {
  background: #1c82da !important;
}
/* line 14, sass/theme/structure/_header.scss */
body .elementor-sticky--effects .header-triangle-shape {
  -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
}
/* line 30, sass/theme/structure/_header.scss */
body .logo-wrapper img {
  position: relative;
  top: -100px;
  animation: animate_logo 1s ease 1.5s 1 normal forwards;
}
@media (max-width: 375px) {
  /* line 30, sass/theme/structure/_header.scss */
  body .logo-wrapper img {
    max-width: 200px !important;
  }
}
/* line 43, sass/theme/structure/_header.scss */
body .header-triangle-shape {
  position: absolute;
  top: -190px;
  left: -350px;
  width: 750px !important;
  max-width: 750px;
  animation: animate_object 1s ease 1s 1 normal forwards;
}
@media (max-width: 375px) {
  /* line 43, sass/theme/structure/_header.scss */
  body .header-triangle-shape {
    left: -420px;
  }
}
@media (max-width: 375px) {
  /* line 58, sass/theme/structure/_header.scss */
  body .menu-col-wrapper > .elementor-widget-wrap {
    padding-top: 0 !important;
    padding-right: 0 !important;
  }
}
/* line 65, sass/theme/structure/_header.scss */
body .menu-col-wrapper #open_menu_pop {
  z-index: 10;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 600px) {
  /* line 65, sass/theme/structure/_header.scss */
  body .menu-col-wrapper #open_menu_pop {
    max-width: 50px;
  }
}
/* line 73, sass/theme/structure/_header.scss */
body .menu-col-wrapper #open_menu_pop.bg-change {
  background: transparent !important;
}
/* line 77, sass/theme/structure/_header.scss */
body .menu-col-wrapper #open_menu_pop .elementor-widget-container {
  display: block;
}
/* line 85, sass/theme/structure/_header.scss */
body .menu-col-wrapper #open_menu_pop .elementor-widget-container svg {
  top: 3px;
  position: relative;
}
/* line 92, sass/theme/structure/_header.scss */
body .menu-col-wrapper .main-navigation-wrapper {
  position: absolute;
  bottom: -300px;
  right: 0;
  width: auto !important;
  height: 300px;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: none;
}
/* line 103, sass/theme/structure/_header.scss */
body .menu-col-wrapper .menu-bg, body .menu-col-wrapper #menu {
  top: -94%;
  right: -160px;
  position: absolute;
}
/* line 109, sass/theme/structure/_header.scss */
body .menu-col-wrapper .menu-bg {
  z-index: 1;
  width: 0;
  height: 0;
  margin: 30px 0 20px 20px;
  background-color: #000000;
  transition: 1s ease;
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 80% 100%, 0 13%);
  clip-path: polygon(50% 0%, 100% 0, 100% 100%, 80% 100%, 0 13%);
}
@media (max-width: 600px) {
  /* line 109, sass/theme/structure/_header.scss */
  body .menu-col-wrapper .menu-bg {
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 80% 100%, 0 13%);
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 80% 100%, 0 13%);
  }
}
@media (max-width: 500px) {
  /* line 109, sass/theme/structure/_header.scss */
  body .menu-col-wrapper .menu-bg {
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 56% 100%, 0 13%);
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 56% 100%, 0 13%);
  }
}
/* line 132, sass/theme/structure/_header.scss */
body .menu-col-wrapper .change-bg {
  width: 500px;
  height: 900px;
}
/* line 136, sass/theme/structure/_header.scss */
body .menu-col-wrapper .change-bg #open_menu_pop {
  background: #000000 !important;
}
/* line 141, sass/theme/structure/_header.scss */
body .menu-col-wrapper .change {
  opacity: 1;
  display: block;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
@media (max-width: 755px) {
  /* line 11, sass/theme/structure/_footer.scss */
  body .footer-menu-wrapper nav ul {
    justify-content: center;
  }
}
@media (max-width: 600px) {
  /* line 11, sass/theme/structure/_footer.scss */
  body .footer-menu-wrapper nav ul {
    justify-content: center;
  }
}

/*------------------------------------*\
    $SIDEBAR
\*------------------------------------*/
/*------------------------------------*\
    $TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
    $MODULES
\*------------------------------------*/
/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
/*------------------------------------*\
    $LINKS
\*------------------------------------*/
/*------------------------------------*\
    $INPUTS
\*------------------------------------*/
/* line 13, sass/theme/modules/_inputs.scss */
.contact-form-wrapper.bordered .gform_wrapper .gfield input[type="text"], .contact-form-wrapper.bordered .gform_wrapper .gfield input[type="email"], .contact-form-wrapper.bordered .gform_wrapper .gfield input[type="tel"], .contact-form-wrapper.bordered .gform_wrapper .gfield textarea {
  border: 1px solid #000000;
  border-radius: 0px;
  padding: 15px 25px;
  font-size: 14px;
  background: #ffffff;
}
/* line 28, sass/theme/modules/_inputs.scss */
.contact-form-wrapper .gform_wrapper .gfield input[type="text"], .contact-form-wrapper .gform_wrapper .gfield input[type="email"], .contact-form-wrapper .gform_wrapper .gfield input[type="tel"], .contact-form-wrapper .gform_wrapper .gfield textarea {
  border: 0;
  border-radius: 0px;
  padding: 15px 25px;
  font-size: 14px;
  background: #ffffff;
}
/* line 38, sass/theme/modules/_inputs.scss */
.contact-form-wrapper .gform_footer {
  text-align: center;
  justify-content: center;
}
/* line 42, sass/theme/modules/_inputs.scss */
.contact-form-wrapper .gform_footer input[type="submit"] {
  background: #2cc4f9;
  padding: 15px 48px 15px 48px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  border: 0;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 61, sass/theme/modules/_inputs.scss */
.contact-form-wrapper .nf-form-fields-required {
  display: none;
}
/* line 72, sass/theme/modules/_inputs.scss */
.contact-form-wrapper .nf-form-content .nf-field .submit-wrap .nf-field-element input[type="button"] {
  font-size: 14px;
  line-height: 23px;
  padding: 14px 42px;
  text-transform: uppercase;
  border-radius: 0;
  font-family: "Montserrat", sans-serif;
}
/* line 80, sass/theme/modules/_inputs.scss */
.contact-form-wrapper .nf-form-content .nf-field .submit-wrap .nf-field-element input[type="button"]:hover {
  color: #ffffff;
}

/*------------------------------------*\
    $NAVS
\*------------------------------------*/
/*------------------------------------*\
    $PAGES
\*------------------------------------*/
/* line 3, sass/theme/pages/_home.scss */
body .main-feature-section {
  transform: translateZ(0);
  position: relative;
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 83%, 63% 100%, 63% 100%, 0 83%, 0 0);
  clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 83%, 63% 100%, 63% 100%, 0 83%, 0 0);
}
@media (max-width: 767px) {
  /* line 3, sass/theme/pages/_home.scss */
  body .main-feature-section {
    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 90%, 63% 100%, 63% 100%, 0 90%, 0 0);
    clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 90%, 63% 100%, 63% 100%, 0 90%, 0 0);
  }
}
@media (max-width: 500px) {
  /* line 3, sass/theme/pages/_home.scss */
  body .main-feature-section {
    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 95%, 63% 100%, 63% 100%, 0 95%, 0 0);
    clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 95%, 63% 100%, 63% 100%, 0 95%, 0 0);
  }
}
/* line 19, sass/theme/pages/_home.scss */
body .main-feature-section .social-feature-wrapper {
  position: fixed;
  left: 3%;
  top: 50%;
  transform: translateY(-50%);
  max-width: 20px;
}
@media (max-width: 1300px) {
  /* line 19, sass/theme/pages/_home.scss */
  body .main-feature-section .social-feature-wrapper {
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0%);
  }
}
@media (max-width: 1300px) {
  /* line 34, sass/theme/pages/_home.scss */
  body .main-feature-section .social-feature-wrapper .elementor-social-icons-wrapper {
    display: flex !important;
    display: -webkit-box  !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  /* line 34, sass/theme/pages/_home.scss */
  body .main-feature-section .social-feature-wrapper .elementor-social-icons-wrapper {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  /* line 51, sass/theme/pages/_home.scss */
  body .main-feature-section .feature-img-wrapper {
    max-width: 500px;
    margin: 50px auto 0;
  }
}
@media (max-width: 450px) {
  /* line 51, sass/theme/pages/_home.scss */
  body .main-feature-section .feature-img-wrapper {
    margin: 20px auto 0;
  }
}
@media (max-width: 400px) {
  /* line 65, sass/theme/pages/_home.scss */
  body .main-feature-section .feature-heading h1 {
    font-size: 40px;
  }
}
@media (max-width: 600px) {
  /* line 74, sass/theme/pages/_home.scss */
  body .main-feature-section .feature-content-wrapper > .elementor-container {
    width: 100%;
    padding: 0 !important;
  }
}
/* line 90, sass/theme/pages/_home.scss */
body .our-work-col.animate.left > .elementor-widget-wrap:before {
  transform: rotate(7deg);
}
/* line 99, sass/theme/pages/_home.scss */
body .our-work-col.animate.right > .elementor-widget-wrap:before {
  transform: rotate(-7deg);
}
/* line 109, sass/theme/pages/_home.scss */
body .our-work-col.left > .elementor-widget-wrap:before {
  left: 0;
  right: auto;
  -webkit-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  transition: all 1.3s ease;
}
/* line 124, sass/theme/pages/_home.scss */
body .our-work-col.right > .elementor-widget-wrap:before {
  left: auto;
  right: 0;
  -webkit-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  transition: all 1.3s ease;
}
/* line 136, sass/theme/pages/_home.scss */
body .our-work-col > .elementor-widget-wrap:before {
  content: '';
  height: 100%;
  width: calc(100% - 30px);
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
/* line 154, sass/theme/pages/_home.scss */
body .our-work-item-wrapper {
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.03);
}
/* line 161, sass/theme/pages/_home.scss */
body .our-work-item-wrapper > .elementor-container {
  padding: 0 !important;
}
/* line 165, sass/theme/pages/_home.scss */
body .our-work-item-wrapper .our-work-item {
  opacity: 0;
  transition: 3s;
}
/* line 171, sass/theme/pages/_home.scss */
body .our-work-item-wrapper .our-work-item.long-duration .elementor-widget-container {
  -webkit-transition: ease-in-out 6s !important;
  transition: ease-in-out 6s !important;
  -webkit-transition-delay: 500ms !important;
  transition-delay: 500ms !important;
}
/* line 179, sass/theme/pages/_home.scss */
body .our-work-item-wrapper .our-work-item:hover {
  opacity: 1;
  transition: 500ms;
}
/* line 183, sass/theme/pages/_home.scss */
body .our-work-item-wrapper .our-work-item:hover .elementor-widget-container {
  background-position: center bottom !important;
}
/* line 188, sass/theme/pages/_home.scss */
body .our-work-item-wrapper .our-work-item .elementor-widget-container {
  -webkit-transition: ease-in-out 2s !important;
  transition: ease-in-out 2s !important;
  -webkit-transition-delay: 500ms !important;
  transition-delay: 500ms !important;
}
@media (max-width: 600px) {
  /* line 200, sass/theme/pages/_home.scss */
  body .transparent-text h2 {
    font-size: 50px !important;
    line-height: 60px !important;
  }
}
@media (max-width: 600px) {
  /* line 213, sass/theme/pages/_home.scss */
  body .blog-post-slider-wrapper .swiper-slide .swiper-slide-inner {
    max-height: 400px !important;
    overflow-y: auto;
  }
}