/*
Theme Name: SYSCONA Theme based upon Hello Child
Theme URI:
Description:
Author:
Author URI:
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License:
License URI:
Tags:
*/

/*
    Add your custom styles here
*/


.meta-container{}
@media screen and (max-width:39.975em)
{
  .meta-container .elementor-column:first-child{
    order:2;
  }
}

.main-navigation ul.elementor-nav-menu {
  background:#fff;

}
@media screen and (max-width:39.975em)
{
.main-navigation{
  padding:10px;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 0);
  /* background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(118, 138, 144, 1) 10px, rgba(118, 138, 144, 1) 10px ); */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX3dwOENqIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iOS41IiBoZWlnaHQ9IjkuNSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PGxpbmUgeDE9IjAiIHk9IjAiIHgyPSIwIiB5Mj0iOS41IiBzdHJva2U9IiM3NjhBOTAiIHN0cm9rZS13aWR0aD0iMSIvPjwvcGF0dGVybj48L2RlZnM+IDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybl93cDhDaikiIG9wYWNpdHk9IjEiLz48L3N2Zz4=')
}
}



@media screen and (min-width:40em){
  .main-navigation .elementor-nav-menu--dropdown a{
    color:#fff;
  }
  .main-navigation .elementor-nav-menu--dropdown .elementor-nav-menu--dropdown{
    background-color: var( --e-global-color-accent )!important;
  }

  .main-navigation .elementor-nav-menu--dropdown .elementor-nav-menu--dropdown li:not(:last-child){
    border-color:#0A1C21!important;
  }

  .main-navigation .elementor-nav-menu--dropdown .elementor-nav-menu--dropdown li a{
    color:#0A1C21!important;
  }

  .main-navigation .elementor-nav-menu--dropdown .elementor-nav-menu--dropdown li a:hover,
  .main-navigation .elementor-nav-menu--dropdown .elementor-nav-menu--dropdown li a.elementor-item-active{
    color:var( --e-global-color-accent )!important;
  }



}


.main-navigation .elementor-menu-toggle{margin-top:-57px;}


.elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){
  border-style:dotted;
}

.stripedBg .dialog-widget-content,
.elementor-section.stripedBg,
.elementor-column.stripedBg{
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 0);
  /* background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(118, 138, 144, 1) 10px, rgba(118, 138, 144, 1) 10px ); */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX3dwOENqIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iOS41IiBoZWlnaHQ9IjkuNSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PGxpbmUgeDE9IjAiIHk9IjAiIHgyPSIwIiB5Mj0iOS41IiBzdHJva2U9IiM3NjhBOTAiIHN0cm9rZS13aWR0aD0iMSIvPjwvcGF0dGVybj48L2RlZnM+IDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybl93cDhDaikiIG9wYWNpdHk9IjEiLz48L3N2Zz4=')
}


.stripedBgBefore::before{
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 200px;
  top: -100px;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 0);
  /* background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(118, 138, 144, 1) 10px, rgba(118, 138, 144, 1) 10px ); */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX3dwOENqIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iOS41IiBoZWlnaHQ9IjkuNSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PGxpbmUgeDE9IjAiIHk9IjAiIHgyPSIwIiB5Mj0iOS41IiBzdHJva2U9IiM3NjhBOTAiIHN0cm9rZS13aWR0aD0iMSIvPjwvcGF0dGVybj48L2RlZnM+IDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybl93cDhDaikiIG9wYWNpdHk9IjEiLz48L3N2Zz4=')
}

.stripedBgAfter::after{
  display: block;
  position: absolute;
  z-index:-10;
  content: '';
  width: 100%;
  height: 200px;
  bottom: -100px;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 0);
  /* background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(118, 138, 144, 1) 10px, rgba(118, 138, 144, 1) 10px ); */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX3dwOENqIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iOS41IiBoZWlnaHQ9IjkuNSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PGxpbmUgeDE9IjAiIHk9IjAiIHgyPSIwIiB5Mj0iOS41IiBzdHJva2U9IiM3NjhBOTAiIHN0cm9rZS13aWR0aD0iMSIvPjwvcGF0dGVybj48L2RlZnM+IDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybl93cDhDaikiIG9wYWNpdHk9IjEiLz48L3N2Zz4=')
}

.stripedBgAfterSmall::after{
  display: block;
  position: absolute;
  z-index:-10;
  content: '';
  width: 100%;
  height: 20px;
  bottom: -3px;
  left: -10px;

  background-size: auto auto;
  background-color: rgba(255, 255, 255, 0);
  /* background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(118, 138, 144, 1) 10px, rgba(118, 138, 144, 1) 10px ); */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX3dwOENqIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iOS41IiBoZWlnaHQ9IjkuNSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PGxpbmUgeDE9IjAiIHk9IjAiIHgyPSIwIiB5Mj0iOS41IiBzdHJva2U9IiM3NjhBOTAiIHN0cm9rZS13aWR0aD0iMSIvPjwvcGF0dGVybj48L2RlZnM+IDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybl93cDhDaikiIG9wYWNpdHk9IjEiLz48L3N2Zz4=')
}


.elementor-location-footer::after{
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 50px;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 0);
  /* background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(118, 138, 144, 1) 10px, rgba(118, 138, 144, 1) 10px ); */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX3dwOENqIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iOS41IiBoZWlnaHQ9IjkuNSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PGxpbmUgeDE9IjAiIHk9IjAiIHgyPSIwIiB5Mj0iOS41IiBzdHJva2U9IiM3NjhBOTAiIHN0cm9rZS13aWR0aD0iMSIvPjwvcGF0dGVybj48L2RlZnM+IDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjcGF0dGVybl93cDhDaikiIG9wYWNpdHk9IjEiLz48L3N2Zz4=')
}

.elementor-283 .elementor-element.elementor-element-680ddce::before{
  display: block;
  position: absolute;
  content: '';
  background: var( --e-global-color-accent );
  width: 100%;
  height: 65%;
  bottom: 0;
}

.hasGreenBottomBorder::after{
  display: block;
  position: absolute;
  content: '';
  background: var( --e-global-color-accent );
  width: 100%;
  height: 10px;
  bottom: -10px;
  border-radius: 0 0 5px;
}

.hasDarkBlueBottomBorder::after{
  display: block;
  position: absolute;
  content: '';
  background: var( --e-global-color-9da302f );
  width: 100%;
  height: 10px;
  bottom: -10px;
  border-radius: 0 0 5px;
}


.hasGreenBottomBorder.half::after,
.hasBlueBottomBorder.half::after,
.hasDarkBlueBottomBorder.half::after
{
  width:50%;
}

.hasGreenBottomBorder.third::after,
.hasBlueBottomBorder.third::after,
.hasDarkBlueBottomBorder.third::after{
  width:33%;
}

.hasGreenBottomBorder.twothird::after,
.hasBlueBottomBorder.twothird::after,
.hasDarkBlueBottomBorder.twothird::after{
  width:66%;
}

.hasGreenRightBorder::after{
  display: block;
  position: absolute;
  content: '';
  background: var( --e-global-color-accent );
  width: 10px;
  height: 100%;
  right: -10px;
  border-radius: 0 0 5px;
}

@media screen and (max-width: 39.975em){
  .hasGreenBottomBorder::after{display:none;}
}

.hasBlueRightBorder::after{
  display: block;
  position: absolute;
  content: '';
  background: var( --e-global-color-secondary );
  width: 10px;
  height: 100%;
  right: -10px;
  border-radius: 0 0 5px;
}

@media screen and (max-width: 39.975em){
  .hasBlueRightBorder::after{
    width: 100%;
    height: 10px;
    bottom: -10px;

    right:10px;
  }
}

.hasBlueBottomBorder::after{
  display: block;
  position: absolute;
  content: '';
  background: var( --e-global-color-secondary );
  width: 100%;
  height: 10px;
  bottom: -10px;
  border-radius: 0 0 5px;
}

.hasDottedBorder a.elementor-button,
.hasDottedBorder .elementor-icon-list-item a{
  padding:0 0 10px;
  border-bottom:1px dotted var( --e-global-color-1c92eff );
}

.hasDottedBorder .elementor-icon-list-item a{
  padding-bottom:5px;
}

.downloads-list li span{width:75%;}
.downloads-list li span:first-child{width:25%;order:2;text-align:right;}


.productImages{
  height:540px;
}

.brand{
  font-family: "Serpentine Bold", Sans-serif;
  font-weight:bolder;
  text-transform:uppercase;
  font-style:italic;
  color:var( --e-global-color-secondary );


}
.brand.yellow{
  color: var( --e-global-color-accent );
}
.brand.dark{
  color: var( --e-global-color-9da302f );
}


.elementor-button-text .brand,
.swiper-container .brand{
  color:#fff;
}


form .privacy{
  color:#fff;
  font-size:80%;
  margin-top:-1rem;
}

form .privacy.normal{
margin-top:0;
  color:var( --e-global-color-text );
}


.sysconaFlash{
  height:100%;
  width:20px;
  background:var( --e-global-color-secondary );
  position:absolute;
  top:0;left:0;
  z-index:10000;
  mix-blend-mode: multiply;

  animation-name: flashMove;
  animation-duration: 1s;
  animation-iteration-count:10;
}




@keyframes flashMove {
  0%{
    left:0px;
    background-color:transparent;
  }

  10%{
    background-color:var( --e-global-color-secondary );
    left:90%;
  }

  20%{
    background-color:transparent;
    left:20%;
  }

    30%{
      background-color:var( --e-global-color-secondary );
      left:50%;
    }

    40%{
      background-color:transparent;
      left:10%;
    }

  50%{
    left: calc(100% - 50px);
    background-color:var( --e-global-color-secondary );
  }

    60%{
      background-color:var( --e-global-color-secondary );
      left:40%;
    }

    70%{
      background-color:transparent;
      left:80%;
    }

      80%{
        background-color:var( --e-global-color-secondary );
      }

      90%{
        background-color:transparent;
        left:70%;
      }

  100%{
    left:0px;
    background-color:var( --e-global-color-secondary );
  }
}

.brand{

}


/*
.main-navigation .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::after,
.main-navigation .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::before {
  opacity: 1;
}

.main-navigation.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::before,
.main-navigation.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::after {
  background-color: var( --e-global-color-1c92eff );
}
*/

.elementor-button:visited {
	color: var( --e-global-color-9da302f );
}
.elementor-button:hover {
	color: #fff;
}


@media screen and (min-width:1200px) and (max-width:1400px){
  .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1200px;
}
}

@media screen and (min-width:1400px) and (max-width:1600px){
  .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1400px;
}
}

@media screen and (max-height:1080px){

  .elementor-17 .elementor-element.elementor-element-d58452e {
    padding: 1rem 0rem 0rem 0rem;
  }
  .elementor-15 .elementor-element.elementor-element-9390f90 > .elementor-container,
  .elementor-15 .elementor-element.elementor-element-5aa6055 > .elementor-container{
    min-height:500px;
  }
}