/*
File Name: volo.css
Version: 1.0.0
Author: pixelonetry
Author URI: https://pixelonetry.com/
License: MIT
License URI: https://opensource.org/licenses/MIT
Description: Free version of CSS for WordPress.org theme/plugin.
*/
 /* ----------------------------------------------------------------
		Volo Common
-----------------------------------------------------------------*/
.peVolo .peWrap, .peVolo .peWrap > div, .peVolo .peWrap > div > img, .peVolo .peWrap > div > a, .peVolo .peWrap > div > a > img  {

        padding: 0 !important;
        border: 0 !important;
        vertical-align: baseline;
        box-shadow: none !important;
        border-radius: 0 !important;
        outline: 0! important;
        text-decoration: none !important;
    }
    
    .peVolo {
        padding: 0 !important;
        overflow: hidden;
        outline: 0! important;
        text-decoration: none !important;
        position: relative;
    }
    
    
    .peVolo > div img {
        display: none;
    }
    
    .peVolo > div.visible img {
        display: block;
    }
    
    .peVolo > .peWrap {
    }
    
    .peVolo > .peWrap > div img {
        display: block;
    }
    
    .peVolo.peVoloMobile .peWrap > div img {
        -webkit-transform: translateZ(0px);
    }
    
    .peVolo .peWrap, .peVolo .peWrap > div {
        -webkit-transform: translateZ(0px);
    }
    
    .peVolo .peWrap > div.scale img {
        -webkit-transform-origin: 0px 0px;
        -moz-transform-origin: 0px 0px;
        -o-transform-origin: 0px 0px;
        -ms-transform-origin: 0px 0px;
        max-width: none;
    }
    
    .peVolo .peWrap {
        padding: 0 !important;
        overflow: hidden;
    }
    
    .peVolo .peWrap > div {
        visibility: hidden;
        overflow: hidden;
        float: left;
        background-color:rgba(255,255,255,0.01);
    }
    
    .peVolo .peWrap > div.visible {
    }

    /* ----------------------------------------------------------------
		Slider Ui
      -----------------------------------------------------------------*/
       /*mentor slider ui*/
    
    .peVolo .peVoloPrev,
    .peVolo .peVoloNext,
    .peVolo .peVoloBullets{
        position:absolute;
        z-index: 100;
    }
    
    .peVolo .peVoloPrev a,
    .peVolo .peVoloNext a{
        display:block;
        width: 30px;
        height:100%;
        background-color: #000;
        opacity:0.2;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position:relative;
        -webkit-transition: background-color 0.3s ease-out; 
		   -moz-transition: background-color 0.3s ease-out; 
			 -o-transition: background-color 0.3s ease-out; 
				transition: background-color 0.3s ease-out; 
    }
    
    .peVolo .peVoloPrev a i,
    .peVolo .peVoloNext a i{
        font-size:18px;
        line-height:20px;
        position:absolute;
        top:50%;
        color:#ccc;
        height:20px;
        margin-left:-1px;
        margin-top:-8px;
        text-align:center;
    }
    
    .peVolo .peVoloNext a i{
        margin-left:1px;
    }
    
    .peVolo .peVoloPrev a:hover,
    .peVolo .peVoloNext a:hover{
        opacity:0.4;
    }
    
    .peVolo .peVoloPrev a:hover i,
    .peVolo .peVoloNext a:hover i{
        color:#fff;
    }
    
	.peVolo .peVoloPrev.pe-edges-buttons {
		left: 30px;
	}

	.peVolo .peVoloNext.pe-edges-buttons {
		right: 30px;
	}

    /*.peVolo .peVoloBullets a{
        display:block;
        width: 22px;
        height: 22px;
        opacity:0.65;
        float:left;
        margin-left:1px;
    }
    
    .peVolo .peVoloBullets a:hover,
    .peVolo .peVoloBullets a.selected{
        opacity:1;
    }
    
    .peVolo .peVoloBullets a{
       background:url(../img/skin/slide_btn.png) no-repeat 0 0; 
    }
    
    .peVolo .peVoloBullets a.selected{
       background-image:url(../img/skin/slide_btn_active.png);
    }*/
    
    
    /*tablets*/
    /*----------------------------------------------------------------------*/
    @media (min-width: 768px) and (max-width: 1024px) {
          

        .mobile .peVolo .peVoloPrev.pe-edges-buttons {
            left: 20px;
        }

        .mobile .peVolo .peVoloNext.pe-edges-buttons {
            right: 20px;
        }      
        
    }

    /*small tablet*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 767px) {
        
        .peVolo .peVoloPrev.pe-edges-buttons {
            left: 10px;
        }

        .peVolo .peVoloNext.pe-edges-buttons {
            right: 10px;
        }   
    }
    
    
    /*mobile*/
    /*----------------------------------------------------------------------*/
    @media (max-width: 480px) {
        
        /*hide the slide buttons on mobile*/
        .peVoloBullets{
            display:none !important;
        }

    }

      /* ----------------------------------------------------------------
		slider_captions
      -----------------------------------------------------------------*/
.peSlider > div > div.peCaption, .peSlider > div div.peCaption  {
	position: absolute;
	visibility: hidden;
	-webkit-transition-duration: 0s !important;
	-webkit-transition-property: none !important;
	-moz-transition-duration: 0s !important;
	-moz-transition-property: none !important;
	-ms-transition-duration: 0s !important;
	-ms-transition-property: none !important;
	-o-transition-duration: 0s !important;
	-o-transition-property: none !important;
}

.peSlider > div.peCaption {
    position:absolute;
	z-index: 95;
	opacity: 0;
}

@media (max-width: 480px) {
	.pe_visible_landscape, .pe_visible_tablet, .pe_visible_desktop {
		display: none !important;
	}
}

@media (min-width: 481px) and (max-width: 767px)  {
	.pe_visible_tablet, .pe_visible_desktop {
		display: none !important;
	}	
}

@media (min-width: 768px) and (max-width: 980px)  {
	.pe_visible_desktop {
		display: none !important;
	}
}

@media (max-width: 767px)  {
	.peSlider > div.peCaption.pe-has-layers {
		display: block !important;
	}	
}