/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('images/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('images/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        
        
        
        .slide .caption {
        	 position: absolute; 
        	 top: 8%;
        	 left: 5%;
        	 width: 95%; 
        }
        
        
        #jssor_1 { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1300px; height: 400px; overflow: hidden; visibility: hidden; }
        #slider_play { text-align: right; padding-right: 1em;}
        .slides { cursor: default; position: relative; top: 0px; left: 0px;  overflow: hidden; }
        
        .slide .caption p {
        	 text-transform:uppercase; 
        	 text-align: left;
        }
        
        .slide .caption p { 
        	text-shadow: 2px 2px #ccc; 
        } 
        
        
        .slide .caption ul {
        	text-align: left;
        	margin-right: 10px;
        	list-style: none;
        	padding: 25px 15px 25px 25px;
   			width: 52%;
    		background-color: rgba(100, 100, 100, 0.7);
    		border-radius: 15px;
    		color: #fff;
        }
        
        .slide .caption ul li { 
        	margin-bottom: 5px;
        	font-weight: normal; 
        	font-size: 1.1em;
        }
        
        
        @media screen and (min-width: 737px) {
            .slide .caption p {  
              font-size: 3em;
			  line-height: 1.25em;
            }
        }
        
        /* Tablet */ 
        @media screen and (min-width: 737px) and (max-width: 1200px) {
             .slide .caption p {  
              font-size: 2em;
			  line-height: 1em;
            }
        }
        
        
        /* Mobile */  
        @media screen and (max-width: 736px) {
         	#banner { display: none !important; } 
            .slide .caption p {  
              font-size: 4em;
			  line-height: 3.2em;
            }
        }