  #slideout {
            position: fixed;
            top: 70px;
            right: 0;
            /*width: 35px;*/
            padding: 12px 0;
            text-align: center;
            /* background: #005da0; */
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-border-radius: 0 5px 5px 0;
            -moz-border-radius: 5px 0px 0px 5px;
            border-radius: 5px 0px 0px 5px;
        }
        #slideout_inner {
            position: fixed;
            top: 220px;
            right: -350px;
           /* background: #005da0;*/
            width: 350px;
            padding: 25px;
            height: 410px;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            text-align: left;
            -webkit-border-radius: 0 0 5px 0;
            -moz-border-radius: 0 0 5px 0;
            border-radius: 0 0 5px 0;
        }
        #slideout {
            position: fixed;
            top: 70px;
            right: 0;
            z-index: 1000000;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }
        #slideout_inner {
            position: fixed;
            top: 220px;
            right: -350px;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }
       /* #slideout:hover {
            right: 350px;
        }*/
        #slideout:hover #slideout_inner {
            right: 0;
        }
		
		.tvsbox { left: -999em; position: fixed; }
			.tvsbox { left: -999em; position: fixed; }
			.tvsbox:target { bottom: 0; left: 0; right: 0; top: 0; position: fixed; z-index:10000000; background-color:rgba(0,0,0,0.6); }
			.tvsbox:target .close a { background: rgba(0, 0, 0, 1); bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 1; }
			.close span { color: #FFFFFF; font-size: 1em; text-indent: 0; position: absolute; right: 11em; top: 4em; }
			.close {text-indent: -999em;}
			.tvsbox:target div { background: #FFFFFF; border:5px solid #fff; position: absolute; left: 50%; top: 50%; z-index: 99; }
			.w60p { margin-left: -30%; width: 60%; } .w300 { margin-left: -150px; width: 300px; } .w640 { margin-left: -320px; width: 640px; }
			.h60 { height: 60px; margin-top: -30px; } .h400 { height: 400px; margin-top: -200px; } .h386 { height: 386px; margin-top: -193px; }

			.boxfocus { bottom: 0; left: 0; right: 0; top: 0; position: absolute; }
			.boxfocus div {	background: #FFFFFF; position: absolute; left: 50%; top: 50%; z-index: 99; }
			.boxfocus .close a { background-image: url('trans.png'); bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 1; }
			
			
			
		.video_p{
		bottom:0; left:0; position:fixed; z-index:10000; margin:0px;}
		
		@media (max-width: 767px) {
		
		.video_p{
		bottom:0; display:none; left:0; position:fixed; z-index:10000; margin:0px;}
		
		}
		
		@media (max-width: 320px{
			.tp-header a{
						padding: 0 3px !important;
						}
		}
		@media (max-width: 360px{
		.tp-header {
			margin-top: -24px;
			overflow:hidden;
		}
		.btn.btn-default.bu2 {
		 margin-left: 20% !important;
		 color:
		}
	}
	
	/*----- slider css start-------*/


    		
	
	
		/*----- slider css end-------*/
		
