/**
 * Distortion Slider PACKAGED v:1.0
 * Distortion Slider global CSS.
 * @author Tibi - FWDesign [https://webdesign-flash.ro/]
 * Copyright © Since 2006 All Rights Reserved.
 */


/* Import font. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* Font icon. */
@font-face {
    font-family: 'fwdemvicon';
    src:  url('fonts/fwdemvicon.eot?w9rz1w');
    src:  url('fonts/fwdemvicon.eot?w9rz1w#iefix') format('embedded-opentype'),
      url('fonts/fwdemvicon.ttf?w9rz1w') format('truetype'),
      url('fonts/fwdemvicon.woff?w9rz1w') format('woff'),
      url('fonts/fwdemvicon.svg?w9rz1w#fwdemvicon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  .fwdemvicon,
  [class^="fwdemvicon-"]:before,
  [class*=" fwdemvicon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fwdemvicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
.fwdemvicon-block-touch:before {
    content: "\e900";
}

.fwdemvicon-check:before {
    content: "\e901";
  	
}

.fwdemvicon-close:before {
    content: "\e902";
}

.fwdemvicon-copy:before {
    content: "\e903";
}

.fwdemvicon-fullscreen:before {
    content: "\e904";
}

.fwdemvicon-help:before {
    content: "\e905";
}

.fwdemvicon-info:before {
    content: "\e906";
}

.fwdemvicon-left:before {
      content: "\e907";
}

.fwdemvicon-link:before {
    content: "\e908";
}

.fwdemvicon-normalscreen:before {
    content: "\e909";
}

.fwdemvicon-pause:before {
    content: "\e90a";
}
  
.fwdemvicon-play:before {
    content: "\e90b";
}

.fwdemvicon-right:before {
    content: "\e90c";
}

.fwdemvicon-unblock-touch:before {
    content: "\e90d";
}

.fwdemvicon-warning:before {
    content: "\e90e";
}

.fwdemvicon-zoomin:before {
    content: "\e90f";
}

.fwdemvicon-zoomout:before {
    content: "\e910";
}

.test{
 	color: #FF0000 !important; 
}
  

/* ###############################################
 * General. 
 * #############################################*/

/* Error window. */
.fwdemv-error-window{
    background: #FFF !important;
}

.fwdemv-main-color{
    color: #8C2EEA !important;
}

.fwdemv-error-window-text{
    font: 400 14px Poppins, Arial !important;
    line-height: 24px !important;
    padding: 7px 111px 9px 13px !important;
    color: #000 !important;
}

.fwdemvicon-warning{
    position: relative !important;
    font-size: 25px !important;
    top: 6px !important;
    left: -2px !important;
    margin: 0 1px 0 0;
    color: #F00 !important;
}

.fwdemv-axes{
    width: 100px !important;
    height: 100px !important;
    margin: 20px !important;
    padding: 0px !important;
    position: absolute !important;
    left: 0px !important;
    bottom: 0px !important;
    z-index: 10 !important;
    pointer-events: none !important;
}


/* ###############################################
 * Preloader. 
 * #############################################*/
.fwdemv-preloader-text{
    font: 300 14px Poppins !important;
    padding-top: 18px !important;
}

.fwdemv-preloader-bar-background{
    border-radius: 1.5px !important;
}

.fwdemv-preloader-bar-fill{
    height: 3px !important;
    border-radius: 1.5px !important;
}


/* ###############################################
 * Controller. 
 * #############################################*/
 .fwdemv-controller-buttons-holder{
    border-radius: 100px !important;
    z-index: 100 !important;
 }

.fwdemv-controller .fwdemv-button .fwdemv-button-icon{
    font-size: 23px !important;
    top: 3px !important;
    left: 3px !important;
}

.fwdemv-button.fwdemv-block-touch-button{
    border-radius: 100% !important;
    font-size: 23px !important;
}


/* ###############################################
 * Buttons tooltip. 
 * #############################################*/
.fwdemv-button-tooltip{
    font: 400 12px Poppins !important;
    line-height: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12) !important;
    padding: 8px 20px !important;
}

.fwdemv-button-tooltip-pointer.fwdemv-pointer-down{
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.05) !important;
}


/* ###############################################
 * Markers/tooltips/info window. 
 * #############################################*/

/* Marker tool. */
.fwdemv-markers-tool{
    font: 400 12px Poppins, Arial !important;
    position: absolute !important;
    line-height: 20px !important;
    padding: 7px 21px 9px 23px !important;
    background: #FFF !important;
    color: #000 !important;
}


/* Markers tooltip window. */
.fwdemv-tooltip-window{
    font: 400 14px Poppins, Arial !important;
    line-height: 20px !important;
    border-radius: 5px;
    line-height: 22px !important;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.12)!important;
    padding: 15px 15px !important;
    color: #3A334B !important;
}

.fwdemv-tooltip-window-pointer.fwdemv-pointer-down{
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.fwdemv-tooltip-window-pointer.fwdemv-pointer-up{
    box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.1) !important;
}

.fwdemv-tooltip-window p{
    font: 400 14px Poppins, Arial !important;
    margin: 0 !important;
}

.fwdemv-tooltip-window iframe{
    border-radius: 5px !important;
}

.fwdemv-tooltip-window iframe + *,
.fwdemv-tooltip-window p + *{
    margin: 8px 0 0  0 !important;
}

.fwdemv-info-window-in a,
.fwdemv-tooltip-window a{
    font: 400 14px Poppins, Arial !important;
    display: inline-block !important;
    margin-top: 11px !important;
    text-decoration: none !important;
    background-image: linear-gradient(#8C2EEA calc(100% - 1px), #8C2EEA 1px) !important;
    background-position: 0 calc(100% + 1px) !important;
    background-repeat: no-repeat !important;
    background-size: 0% 1px !important;
    transition: background-size .6s cubic-bezier(.215,.61,.355,1), color .3s ease-out, background .3s ease-out, border-color .3s ease-out !important;
    border-bottom: 1px solid rgba(16, 160, 241, 0.3) !important;
    margin: 6px 0 4px  0 !important;
    color: #8C2EEA !important;
}

.fwdemv-info-window-in a:hover,
.fwdemv-tooltip-window a:hover{
      background-size: 100% 1px !important;
}

.fwdemv-tooltip-window img{
    width: 100% !important;
    border-radius: 5px !important;
    margin: 0 0 8px !important;
}

.fwdemv-tooltip-window .fwdemv-tooltip-window-single-line{
    margin: -4px 0 !important;
}


/* Info window. */
.fwdemv-info-window,
#tinymce{
    font: 400 14px Poppins, Arial !important;
    line-height: 22px !important;
    margin: 0 !important;
    padding: 20px !important;
    color: #3A334B !important;
}

.fwdemv-info-window-in{
    border-radius: 5px !important;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.12) !important;
    padding: 20px !important;
}

.fwdemv-info-window{
    font: 400 14px Poppins, Arial !important;
    line-height: 22px !important;
    margin: 0 !important;
    padding: 20px !important;
    color: #3A334B !important;
}

.fwdemv-info-window h1,
#tinymce h1{
    font: 700 28px Poppins !important;
    line-height: 40px !important;
    margin: 0 0 12px 0 !important;
    color: #3A334B !important;
}

.fwdemv-info-window p + p,
#tinymce p + p{
      margin-top: 14px !important;
}

.fwdemv-info-window .one img,
.fwdemv-info-window .two img,
#tinymce .one img,
#tinymce .two img{
    float: left !important;
    width: 100% !important;
    max-width: 250px !important;
    border-radius: 5px !important;
    margin: 9px 20px 10px 0 !important;
}

.fwdemv-info-window .no-padding-bottom img,
#tinymce .no-padding-bottom img,
#tinymce .no-padding-bottom img{
    margin-bottom: 0 !important;
}

.fwdemv-info-window .spacer,
.fwdemv #tinymce .spacer{
    width: 100% !important;
    height: 1px !important;
    clear: both !important;
    margin: 30px 0 !important;
    background: #e5e4e8 !important;
}

.fwdemv-info-window .two img,
#tinymce .two img{
    float: right !important;
    margin: 9px 0px 10px 20px !important;
}

.fwdemv-info-window .youtube,
#tinymce .youtube{
    position: relative !important;
    padding-top: 56.25% !important;
}

.fwdemv-info-window .youtube iframe,
#tinymce .youtube,
#tinymce .youtube{
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 5px !important;
}

.fwdemv-info-window .youtube + p,
#tinymce .youtube + p
#tinymce .youtube + p{
      margin-top: 24px !important;
}

.fwdemv-close-button{
    overflow: hidden !important;
    border-radius: 100% !important;
}

.fwdemv-close-button .fwdemvicon-close{
   	top: 5px !important;
    left: 6px !important;
}


@media screen and (max-width: 700px){
    .fwdemv-info-window .one img,
    .fwdemv-info-window .two img,
    #tinymce .one img,
    #tinymce .two img{
        float: none !important;
        max-width: none !important;
        margin: 9px 20px 10px 0 !important;
    }

    .fwdemv-info-window h1,
    #tinymce h1{
        margin-top: 0 !important;
    }
}


/* ###############################################
 * Camera  positions select menu.
 * #############################################*/
.fwdemv-camera-positions-select-menu-holder{
    border-radius: 100px !important;
}

.fwdemv-camera-positions-select-menu-text{
    font: 400 14px Poppins, Arial !important;
}

.fwdemv-camera-positions-select-menu-holder .fwdemv-button .fwdemv-button-icon{
    font-size: 25px !important;
}

.fwdemv-camera-positions-select-menu-holder .fwdemv-button  .fwdemvicon-left::before{
    position: relative !important;
    top: 1px !important;
    left: -1px !important;
}

.fwdemv-camera-positions-select-menu-holder .fwdemv-button  .fwdemvicon-right::before{
    position: relative !important;
    top: 1px !important;
    left: 1px !important;
}

.fwdemv-main-items-holder{
    border-radius: 16px !important;
}

.fwdemv-camera-positions-item{
    font: 400 14px Poppins, Arial !important;
}

.fwdemv-camera-position-item-text{
    line-height: 17px !important;
}

.fwdemv-camera-positions-item .fwdemvicon-check{
    font-size: 22px !important;
}


/* ###############################################
 * Help screen. 
 * #############################################*/
 .fwdemv-help-screen-close-buton-offset{
    left: -10px !important;
    top: 14px !important;
 }

.fwdemv-help-screen .col3,
.fwdemv-help-screen .col2,
.fwdemv-help-screen .col1, 
.fwdemv-help-screen .col h1,
.fwdemv-help-screen .col h2,
.fwdemv-help-screen .col h3,
.fwdemv-help-screen .col h4,
.fwdemv-help-screen .col p,
.fwdemv-help-screen .col ul,
.fwdemv-help-screen .col li{
    font: 400 14px Poppins, Arial !important;
    display: flex !important;
    text-align: center !important;
}

.fwdemv-help-screen .fwdemv-help-screen-title{
    font-size: 32px !important;
    font-weight: 400 !important;
    text-align: center !important;
    margin: 0 0 56px !important;
}

.fwdemv-help-screen h4,
.fwdemv-help-screen .col h4,
.fwdemv-help-screen .col h2,
.fwdemv-help-screen .col h3,
.fwdemv-help-screen .col h1{
    display: block !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-align: center !important;
    letter-spacing: 0.16px !important;
    margin: 0 0 29px !important;
}

.fwdemv-help-screen p{
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    padding: 0 10px !important;
    margin: 18px 0 16px !important;
}

.fwdemv-help-screen .col3 .col{
    flex-basis: calc(33.33% - 20px) !important;
    padding-right: 30px;
}

.fwdemv-help-screen .col2 .col{
    flex-basis: calc(50% - 20px) !important;
    padding-right: 30px;
}

.fwdemv-help-screen .col1 .col{
    flex-basis: calc(1000% - 20px) !important;
}

.fwdemv-help-screen .col3 .col:nth-child(3n) {
    padding-right: 0;
}

.fwdemv-help-screen .col3 .two,
.fwdemv-help-screen .col2 .two,
.fwdemv-help-screen .col1 .two{
    display: none !important;
}


@media screen and (max-width: 700px){
    .fwdemv-help-screen .col3,
    .fwdemv-help-screen .col2,
    .fwdemv-help-screen .col1{
        flex-wrap: wrap !important;
    }

    .fwdemv-help-screen .col3 .col,
    .fwdemv-help-screen .col2 .col{
        flex-basis: 100% !important;
        padding: 0 !important;
    }

    .fwdemv-help-screen .col3 h4,
    .fwdemv-help-screen .col2 h4,
    .fwdemv-help-screen .col1 h4{
        display: none !important;
        margin: 0 0 -14px !important;
    }

    .fwdemv-help-screen .col3 .two,
    .fwdemv-help-screen .col2 .two,
    .fwdemv-help-screen .col1 .two{
        display: block !important;
    }

    .fwdemv-help-screen .col3 .col,
    .fwdemv-help-screen .col2 .col{
        margin: 10px 0 0 !important;
    }

    .fwdemv-help-screen .col3 .col:first-child,
    .fwdemv-help-screen .col2 .col:first-child,
    .fwdemv-help-screen .col1 .col:first-child{
        margin: -30px 0 0 !important;       
    }

    .fwdemv-help-screen .col3 .col:last-child{
        margin: 20px 0 5px !important;       
    }

    .fwdemv-help-screen .col3 .col:last-child svg{
        margin: 0 0 4px !important;
    }
    
}


/* ###############################################
 * Lightbox. 
 * #############################################*/
 .fwdemv-lightbox .fwdemv-close-button .fwdemvicon-close{
    top: 6px !important;
    left: 6px !important;
}

.fwdemv-lightbox .fwdemv-main-info-window .fwdemv-close-button .fwdemvicon-close{
    top: 4px !important;
    left: 4px !important;
}


/* ###############################################
 * GUI. 
 * #############################################*/
.fwdemv .dg.main.a{
    z-index: 99 !important;
    margin: 0 !important;
}

.fwdemv .gui-stats{
    height: 57px !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

.fwdemv .dg.main.a.closed{
    overflow: visible !important;
}

.fwdemv .dg .closed li:not(.title){
 	margin: 0 !important; 
}

.fwdemv .dg.main.a .cr.color input[type=text]{
 	min-height: 20px !important; 
    height: 20px !important; 
}

.fwdemv .fwdemv-gui-performance .title{
    display: none !important;
}

.fwdemv .dg li:not(.folder),
.fwdemv .dg li.folder {
    margin: 0;
}

.fwdemv .dg.main.a .has-slider input[type=text]{
 	min-height: unset !important;
    line-height: 1.5 !important;
}

.fwdemv .fwdemv-gui-performance{
  margin-left: -4px !important;
}

.fwdemv .dg.main.a.opened{
    overflow: auto !important;
}

.fwdemv .dg .c{
    width: 50% !important;
}

.fwdemv .dg.a{
    margin: 0 !important;
}

.fwdemv .dg .property-name{
    width: 50% !important;
}

.fwdemv .dg.main.a .slider{
    width: 71% !important;
    margin-left:0 !important;
}

.fwdemv .dg.main.a .has-slider input[type=text]{
    width: 24% !important;
    padding: 2px !important;
}

.fwdemv .dg.main.a .cr.color input[type=text]{
    padding: 2px 0 !important;
}

.fwdemv .dg .close-button{
    width: 100% !important;
}

.fwdemv .dg > ul{
    height: auto !important;
}

.fwdemv .dg .fwdemv-env-gui-animations .property-name{
    width: 94% !important;
}

.fwdemv .dg .fwdemv-env-gui-animations .c{
    width: 6% !important;
}

.fwdemv .dg .fwdemv-env-gui-animations .cr.number .property-name,
.fwdemv .dg .fwdemv-env-gui-animations .cr.number .c{
    width: 50% !important;
}


/* Stats. */
.fwdemv .fwdemv-imafe-manager > div{
    position: absolute !important;
}

.fwdemv .fwdemv-imafe-manager > div{
  position: absolute !important;
}


/* Front data. */
.fwdemv-data-info-window,
.fwdemv-data-markers{
    display: none !important;
 }

 /* WooCommerce dis[play. */
 .fwdemv-full-width{
    display: block !important;
    width: 100% !important;
 }

 .fwdmgz-full-width{
    display: block !important;
    width: 100% !important;
 }