/*============================================================================================================*/

/*Vinayak InfoSoft*/

/*============================================================================================================*/

body{ margin:0; padding:0;}

.demo-code{ background-color:#ffffff; border:1px solid #333333; display:block; padding:10px;}

.option-table td{ border-bottom:1px solid #eeeeee;}

.skdslider{

 width:100%;

 position: relative;

 display: block;

 height:700px;

 overflow:hidden;

}



.skdslider:after {

    content: '';

    padding-top: 50%; 

    display: block;

}



.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}

.skdslider ul.slides li

{

   display: none;

}

.skdslider ul.slides li img{

    width: 100%;

	height:100%;

	border:0;

}



.skdslider ul.slide-navs {

    bottom: 20px;

    left: 50%;

    position: absolute;

	list-style-type: none;

    margin: 0;

    padding: 0;

}





.skdslider ul.slide-navs li {

    float: left;

	background: url(../images/slide-bg.webp) no-repeat scroll 0 0 transparent;

	height:12px;

	width:12px;

	margin-right:4px;

	cursor:pointer;

}

.skdslider ul.slide-navs li.current-slide {

  background: url(../images/slide-bg-active.webp) no-repeat scroll 0 0 transparent;

}



.skdslider .slide-desc {

    background: url(../images/slide_desc.webp) repeat scroll 0 0 transparent;

    left: 0;

    padding: 0 15px 0 15px;

    position: absolute;

    bottom: 15%;

    max-width: 85%;

	display:inline-block;

}

.skdslider .slide-desc > h2 {

    color: #CFDB0C;

    font-family: 'Oswald';

    font-size: 25px;

    margin-bottom: 10px;

    margin-top: 10px;

    text-transform: uppercase;

}



.skdslider .slide-desc > p {

    color: #FFFFFF;

    font-family: 'Oswald';

    font-size: 16px;

    line-height: 20px;

    margin-top: 5px;

}

.skdslider .slide-desc > p a.more {

    color:#990000;

	font-size:20px;

	text-decoration:none;

}

.skdslider .slide-desc > p a.more:hover {

text-decoration:underline;

}



.skdslider a.prev{

    background: url(../images/left.webp) no-repeat scroll 0 0 transparent;

	width:35px;

	height:35px;

	display:block;

	cursor:pointer;

	position:absolute;

	top:50%;

	left:2%;

	margin-top:-17px;

}



.skdslider a.next{

    background: url(../images/right.webp) no-repeat scroll 0 0 transparent;

	width:35px;

	height:35px;

	display:block;

	cursor:pointer;

	position:absolute;

	top:50%;

	right:2%;

	margin-top:-17px;

}

.skdslider a.prev:hover{

  

}

.skdslider a.next:hover{

  

}



.skdslider a.play{

    background: url(../images/play.webp) no-repeat scroll center center transparent;

	width:35px;

	height:35px;

	display:none;

	cursor:pointer;

	position:absolute;

	top:50%;

	left:48%;

	margin-top:-17px;

}



.skdslider a.pause{

    /*background: url(images/pause.webp) no-repeat scroll center center transparent;*/

	width:35px;

	height:35px;

	display:none;

	cursor:pointer;

	position:absolute;

	top:50%;

	left:48%;

	margin-top:-17px;

}

/*Some Responsive CSS */

@media screen and (max-width:767px) {

	.skdslider .slide-desc > h2 {

		font-size: 20px;

		margin-bottom: 5px;

		margin-top: 5px;

	}

	

	.skdslider .slide-desc > p {

		font-size: 14px;

		line-height: 15px;

		margin-top: 5px;

	}

	.skdslider .slide-desc > p a.more {

		font-size:14px;

	}

	

.banner-new iframe{

	height:300px !important;

}

}



@media only screen and (max-width: 678px){

	

iframe{

	height:300px !important;

	padding:0px;

	height:0px;

}



}