body {

				background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(24,126,128,1) 1%, rgba(244,245,227,1) 6%, rgba(255,255,255,1) 25%, rgba(255,255,243,1) 75%, rgba(244,245,227,1) 94%, rgba(24,126,128,1) 99%, rgba(0,0,0,1) 100%);

			}

			html, body {
				font-family: Tahoma, sans-serif;

			}

			a, a:link, a:visited, a:focus, a:hover, a:active { 
				text-decoration:none;
			}

			.mightyslider_modern_skin .mSButtons {
				background: no-repeat 50% url(https://1.bp.blogspot.com/-7alWnYBDHSA/YZqBLBUX1EI/AAAAAAAAB0k/vcTaWf81pFQmz6YZq_SJDnPJ5eLp5YV1QCLcBGAsYHQ/s0/slider-arrows-1-nu.png);
				background-size: 200px 71px;

			}



			#example {
				height: 500px;
				overflow: hidden;

		/*		margin-top: 50px;*/

				margin: auto; 
				width: 90%;
				border: 12px solid #dfeada;
				border-radius:12px;

			}



			.mightyslider_modern_skin .mSPages li {
				display: inline-block;
				width: 14px;
				height: 14px;
				background: rgba(0,0,0,0);
				margin: 0 10px;
				margin-top: 2px;
				text-indent: -9999px;
				border: 2px solid #FFF;
				cursor: pointer;
				vertical-align: top;
				pointer-events: all;
				border-radius: 50%;
			}


			.mightyslider_modern_skin .mSPages li.active {
				background:yellow;
				width: 15px;
				height: 15px;
				margin: 1px 10px;
				border-color:green;
			}


			#example .mSButtons  {
				top:auto;
				height: 80px;
			}
			#example .frame {
				width: 100%;
				height: 100%;
			}
			#example .frame .slide_element {
				height: 100%;
			}
			#example .frame .slide_element > div {
				float: left;
				height: 100%;
				overflow: hidden;
			}
			#example .frame .mSCover img {
				max-width: none;
			}
			#example .credit {
				position: absolute;
				bottom: 10px;
				left: 10px;
				font-size: 11px;
				line-height: normal;
				font-weight: 300;
				text-shadow: rgba(0,0,0,0.7) 0 1px 0px;
				color: #CCC;
				background: #000;
				background: rgba(0,0,0,0.6);
				padding: 0 4px;
				white-space: nowrap;
				z-index: 1002;
				text-transform: uppercase;
			}
			#example .credit a {
				color: #FFF;
				font-weight: 400;
			}
			.infoBlock {
				position: absolute;
				top: 0px;
				right: 30px;
				left: auto;
/*				max-width: 30%;*/

				width:100%;

				padding-bottom: 0;
				background: #FFF;
				background: rgba(255, 255, 255, 0.6);
				overflow: hidden;
				padding: 0px;
				z-index: 1002;
			}

			.infoBlockLeftBlack {
				color: #FFF;
/*				background: none;*/
				background: rgba(0,0,0,0.35);
				background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0.0984768907563025) 15%, rgba(0,0,0,0) 40%);

				left: 90px;
				right: auto;
				opacity: 0;
			}
			.infoBlock2 {
/*				top: 90px;
				left: 100px;
*/

			}
			.infoBlock h4 {
				font-size: 15px;
				font-weight: 600;
				line-height: 1.2;
				margin: 0;
				padding-bottom: 3px;
				color: inherit;
				text-align: left;
			}
			.infoBlock p {
				font-size: 15px;
				font-weight: 300;
				font-weight:bold;
				text-shadow: 1px 1px #000000;
				margin: 4px 0px 5px 9px;
			}

			.mightyslider_modern_skin.isTouch .mSPages {

				padding:0px;
				bottom:7px;
			}

			.infoBlock1, .infoBlock2 {
				background: rgba(0,0,0,0.25);
				opacity: 1;
				position:absolute;
				top:auto;
				font-weight:bold;
				border:2px solid #ab3838;
				padding:5px;
				border-radius:10px;
				bottom:25px;
			}
			.infoBlock1 {
				right: 3%;
				left: auto;

/*				width:10%;*/
			}

			.infoBlock2 {
				right: auto;
				left: 1%;

/*				width:10%;*/
			}


			.infoBlock1, .infoBlock1 a, .infoBlock2, .infoBlock2 a  {
text-align:center;

				color:white;
			}

.infoBlock1 a img, .infoBlock2 a img{
display:block;
margin: 0 auto;
}


.infoBlock1 a:before {
   content: url("https://1.bp.blogspot.com/-ixISkLmGwjs/YZqBLHoOoxI/AAAAAAAAB0c/fbYVEbzmk6UD-gi2F8h1OW6y2bLONGOxQCLcBGAsYHQ/s0/next.png");
display:block;
margin: 0 auto;
}

.infoBlock2 a:before {
   content: url("https://1.bp.blogspot.com/-_JC1jVMMKzc/YZqBLPi6I2I/AAAAAAAAB0g/7B1ww7Hvw40umbsx6VftqgNwszA_i8n5wCLcBGAsYHQ/s0/prev.png");
display:block;
margin: 0 auto;
}



			@media (max-width: 979px) {
				#example {
					height: 400px;
					margin-top: 0;
				}
				#example .mSButtons  {
					bottom:30px;
				}
				.infoBlock {
					min-width: 40%;
				}
			}
			
			@media (max-width: 768px) {
				#example {
					/*margin: 0 -10px;*/
					height: 300px;
				}
				#example .mSButtons {
					height: 47px;
					bottom:10px;
				}


				.arrows {
					font-size:12px;
				}
				.mightyslider_modern_skin .mSPages {
					height:15px;
					padding:0px;
				}


				.mightyslider_modern_skin .mSButtons {


					background: no-repeat 50% url(https://1.bp.blogspot.com/-booCLTNiNK0/YZqBLitYDjI/AAAAAAAAB0o/UeKm2DjhTf8eOMGnQyXMhe74_CFnDdJFwCLcBGAsYHQ/s0/slider-arrows-2-nu.png);
					background-size: 200px 71px;

				}

				.mightyslider_modern_skin .mSPages li {
					width: 11px;
					height: 11px;
				}

				.mightyslider_modern_skin .mSPages li, .mightyslider_modern_skin .mSPages li.active {
					margin-left: 4px;
					margin-right: 4px;
				}


				.mightyslider_modern_skin .mSPages li.active {
					background:yellow;
					width: 12px;
					height: 12px;
					margin: 2px 5px;
				}

				.infoBlock {
					padding: 2px;
					height: auto;
					max-height: 100%;
				}
				.infoBlock h4 {
					font-size: 14px;
					line-height: 17px;
				}
				.infoBlock p {
					font-size: 12px;
				}

				.infoBlock1 {
					right: 1%;
				}

				.infoBlock2 {
					left: 1%;
				}

 
				.infoBlock1, .infoBlock2 {
					font-size: 10px;
					padding:3px;
					border-radius:6px;

				}

			}

	.mightyslider_modern_skin .mSVideo:after, .mightyslider_modern_skin .mSFlash:after, .mightyslider_modern_skin .mSIframe:after {

			border-width:0px;
	}