/*
@red: #D53239;
@light-red: @red + #111111;
@dark-red: @red - #111111;
@yellow: #E5A103;
@light-yellow: #E5A103 + #111;
@dark-yellow: #E5A103 - #111;
@anthracite: #4B4A4A;

@gray: #777777;
@light-gray: #eeeeee;
@dark-gray: #555555;
@white: #FFF;

*/

/*************************************************************************
*************************************************************************
    PL-BANNER
*************************************************************************
*************************************************************************/


.pl-banner{
    position:absolute; 
    top:0px;
    left:0px;
    width:100%;
    display:block;
    margin:0 !important;
    /*margin-top:-20px;*/
    padding:0 !important;
    z-index: 0;
    
}

.pl-banner div.bnr{
        
    width:100%;
    height:100%;
    /*border: 1px dashed green !important;*/
    margin:0;
    padding:0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size:contain;
    background-size: 100% 100%;
    display:none;
    
    /*border: solid 2px cyan;*/
    
    position:absolute;
    top:0;
           
}




.pl-banner div.bnr.bnr1{
    background:
    linear-gradient(
        rgba(0,0,0,0.5), 
        rgba(0,0,0,0) 32%,
        rgba(0,0,0,0) 32%,
        rgba(0,0,0,0) 32%
       
    ), url("../images/bnr1.jpg") no-repeat center top ;
    background-size: 100%;
}
.pl-banner div.bnr.bnr2{
    background:
    linear-gradient(
        rgba(0,0,0,0.9), 
        rgba(0,0,0,0) 32%,
        rgba(0,0,0,0) 32%,
        rgba(0,0,0,0) 32%
       
    ), url("../images/bnr2.jpg") no-repeat center top ;
    background-size: 100%;
}

.pl-banner div.bnr.bnr3{
    background:
    linear-gradient(
        rgba(0,0,0,0.4), 
        rgba(0,0,0,0) 32%,
        rgba(0,0,0,0) 32%,
        rgba(0,0,0,0) 32%
       
    ), url("../images/bnr3.jpg") no-repeat center top ;
    background-size: 100%;
}


.pl-banner div.bnr-nav-button{
    /*width:60px;
    height:100px;*/
    display:block;
    z-index: 1000;
    /*border:solid 3px red;*/
    
    position:relative;
    top: 50%;
    
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size: 80% 80%;
    cursor: pointer;
}
.pl-banner div.bnr-nav-button.left{
    float:left;
    background-image: url("../images/l-arrow-bnr.png");
}
.pl-banner div.bnr-nav-button.right{
    
    float:right;
    background-image: url("../images/r-arrow-bnr.png");
}



.pl-banner div.bnr-text{
    float:left;
    position:relative;
    top:40% ;
    height:auto;
    /*display:block;*/
    /*width:90%;*/
    z-index: 1000 !important;
        
    color:white;
    
    margin-left:20%;
    width:60%;
    /*
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);  FF3.6-15 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); Chrome10-25,Safari5.1-6 
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );  IE6-9 
   */
    
    
}

.pl-banner div.bnr-text.center{
    text-align: center;
    text-shadow: 0.5px 0.5px 40px black
}
.pl-banner div.bnr-text.left{
    text-align: left;
}


.pl-banner-down{
    display:block;
    width:100%;
    position:absolute;
    bottom:0px;
    height: 80px;
    background-color:chocolate;
        
}






/********************************************************************************/
/* Custom, iPhone Retina */ 
/********************************************************************************/
@media only screen and (min-width : 280px) {
  
    
}

/********************************************************************************/
/* Extra Small Devices, Phones */ 
/********************************************************************************/
@media only screen and (min-width : 480px) {
   
   
   
}

/********************************************************************************/
/*  Small Devices, Phones */ 
/********************************************************************************/
@media only screen and (min-width : 768px) {

    


}



/********************************************************************************/
/* Medium Devices, Desktops */
/********************************************************************************/
@media only screen and (min-width : 992px) {

}

/********************************************************************************/
/* Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1200px) {
 
   

}

/********************************************************************************/
/* EXTRA Large Devices, Wide Screens */
/********************************************************************************/
@media only screen and (min-width : 1600px) {
  
    
    
   
}