.mobile{
  display:none !important;
}
/*@media screen and(max-width:769px){*/
@media(max-width:769px){
  .desktop{
    display:none !important;
  }
  .mobile{
    display:inherit !important;
  }  
}

      
.fleft{
  /*float:left;*/
  display:flex;
}

.fright{
   float:right 
}

.relative{
  position:relative !important;
}
.rotatem45{
  transform:rotate(-15deg);
}

.absolute{
  position:absolute !important;
}
.row{
    justify-content: flex-start;
    flex-direction:row;
flex-wrap: wrap;
  
}
.column{
    justify-content: flex-start;
    flex-direction:column;
}
.fix{
  position:fixed;
  z-index:997;
}

.flex{
  display:flex;
}
.flex-wrap{
  flex-wrap:wrap;
}
.flex-nowrap{
  flex-wrap:nowrap;
}

.flex-auto{
  flex:0 0 auto;
}

.inline-flex{
	display:inline-flex;
}

@media (max-width: 769px) {
    .flex-responsive-wrap {
        flex-wrap:wrap;
    }

    .flex-responsive-full {
        flex: 0 0 100%;
    }
}
.justify-start{
  justify-content:start;
}
.justify-center{
  justify-content:center;
}
.justify-between{
  justify-content:space-between;
}
.justify-end{
  justify-content:end;
}
.align-start{
  align-items:start;
}
.align-center{
  align-items:center;
}
.align-end{
  align-items:end;
}

.op1{
  opacity:1;
}
.op09{
  opacity:0.9 !important;
}
.op08{
  opacity:0.8 !important;
}
.op07{
  opacity:0.7 !important;
}
.op06{
  opacity:0.6 !important;
}
.op05{
  opacity:0.5;
}
.op04{
  opacity:0.4;
}
.op03{
  opacity:0.3;
}
.op02{
  opacity:0.2;
}


    .autocontent{
      width:100%;
      /*wf-left;*/
      position:absolute;
    }
    
    .inactive{
      opacity:0.7;
    }


    .hide{
      display:none !important;
    }
    
    
    .scale{
       -ms-transform: scale(0.5,.0.5); /* IE 9 */
        -webkit-transform: scale(0.5,.5); /* Safari */
        transform: scale(0.5,0.5);
    	/*scale3d(x,y,z)*/
    }
    .scale_2{
       -ms-transform: scale(0.2,.0.2); /* IE 9 */
        -webkit-transform: scale(0.2,.2); /* Safari */
        transform: scale(0.2,0.2);
    	/*scale3d(x,y,z)*/
    }
    
        .fixed{
          position: fixed;
        }
        
        
.leftSideClosure{
	width:26px;
	height:100%;
	position:absolute;
	left:-26px;
	top:0;
}
.rightSideClosure{
	width:26px;
	height:100%;
	position:absolute;
	right:-26px;
	top:0;
}


.icon{
display:flex;
align-items:center;
justify-content:center;

}
.icon svg{
	width:100%;
	height:100%;
	fill:currentColor;
	stroke:currentColor;
}
.icon-small{
    width:var(--block1);
    height:var(--block1);
}
.icon-medium{
    width:var(--block2);
    height:var(--block2);
}
.icon-normal{
    width:var(--block2);
    height:var(--block2);
}
.icon-large{
    width:var(--block4);
    height:var(--block4);
}



.svg-bright-filled{
	fill:var(--white);
}
.svg-bright-stroked{
	stroke:var(--white);
	stroke-width:2px;
}
.svg-dark-filled{
	fill:var(--dark);
}
.svg-dark-stroked{
	stroke:var(--dark);
}
.svg-theme-filled{
	fill:var(--modeColor);
}
.svg-theme-stroker{
	stroke:var(--modeColor);
}