<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Serious Slider Plugin Demo</title>
	<atom:link href="https://demos.cryoutcreations.eu/wordpress/serious-slider/feed/" rel="self" type="application/rss+xml" />
	<link>https://demos.cryoutcreations.eu/wordpress/serious-slider</link>
	<description>A free highly efficient SEO friendly fully translatable image slider for WordPress</description>
	<lastBuildDate>Fri, 27 Oct 2017 20:53:52 +0000</lastBuildDate>
	<language>en-CA</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Light</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/slider-styles/light-style/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 05:50:22 +0000</pubDate>
				<category><![CDATA[Slider Styles]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=21</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div id="serious-slider-2-rnd4486" class="cryout-serious-slider seriousslider serious-slider-2-rnd4486 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd4486" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd4486" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Light 2</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/slider-styles/light-2-style/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 05:40:03 +0000</pubDate>
				<category><![CDATA[Slider Styles]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=23</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div id="serious-slider-2-rnd4188" class="cryout-serious-slider seriousslider serious-slider-2-rnd4188 serious-slider-2 seriousslider-overlay1 seriousslider-light2 seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd4188" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd4188" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Dark</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/slider-styles/dark-style/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 05:30:48 +0000</pubDate>
				<category><![CDATA[Slider Styles]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=27</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div id="serious-slider-2-rnd9263" class="cryout-serious-slider seriousslider serious-slider-2-rnd9263 serious-slider-2 seriousslider-overlay1 seriousslider-dark seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd9263" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd9263" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Square</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/slider-styles/square-style/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 05:20:19 +0000</pubDate>
				<category><![CDATA[Slider Styles]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=37</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div id="serious-slider-2-rnd2697" class="cryout-serious-slider seriousslider serious-slider-2-rnd2697 serious-slider-2 seriousslider-overlay1 seriousslider-square seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd2697" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd2697" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Tall</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/slider-styles/tall-style/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 05:10:43 +0000</pubDate>
				<category><![CDATA[Slider Styles]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=39</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div id="serious-slider-2-rnd6540" class="cryout-serious-slider seriousslider serious-slider-2-rnd6540 serious-slider-2 seriousslider-overlay1 seriousslider-tall seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd6540" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd6540" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Caption Left</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/slider-styles/caption-left/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 05:00:09 +0000</pubDate>
				<category><![CDATA[Slider Styles]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=41</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div id="serious-slider-2-rnd8410" class="cryout-serious-slider seriousslider serious-slider-2-rnd8410 serious-slider-2 seriousslider-overlay1 seriousslider-captionleft seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd8410" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd8410" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Caption Bottom</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/slider-styles/caption-bottom/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 04:50:32 +0000</pubDate>
				<category><![CDATA[Slider Styles]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=43</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div id="serious-slider-2-rnd6570" class="cryout-serious-slider seriousslider serious-slider-2-rnd6570 serious-slider-2 seriousslider-overlay1 seriousslider-captionbottom seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd6570" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd6570" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Caption Variations</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/captions-and-animations/caption-variations/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 03:00:54 +0000</pubDate>
				<category><![CDATA[Captions and Animations]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=69</guid>

					<description><![CDATA[No Background &#160; Text Shadow &#160; Background Color]]></description>
										<content:encoded><![CDATA[<h2>No Background</h2>
		<div id="serious-slider-2-rnd4417" class="cryout-serious-slider seriousslider serious-slider-2-rnd4417 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-none" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd4417" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd4417" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Text Shadow</h2>
		<div id="serious-slider-2-rnd5888" class="cryout-serious-slider seriousslider serious-slider-2-rnd5888 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd5888" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd5888" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Background Color</h2>
		<div id="serious-slider-2-rnd9135" class="cryout-serious-slider seriousslider serious-slider-2-rnd9135 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-bgcolor" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd9135" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd9135" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Transition Animations</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/captions-and-animations/transition-animations/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 02:20:54 +0000</pubDate>
				<category><![CDATA[Captions and Animations]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=66</guid>

					<description><![CDATA[Fade Transition &#160; Slide Transition &#160; Overslide Transition &#160; Underslide Transition &#160; Parallax Transition &#160; Horizontal Flip Transition &#160; Vertical Flip Transition]]></description>
										<content:encoded><![CDATA[<h2>Fade Transition</h2>
		<div id="serious-slider-2-rnd4562" class="cryout-serious-slider seriousslider serious-slider-2-rnd4562 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-fade seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd4562" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd4562" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Slide Transition</h2>
		<div id="serious-slider-2-rnd8310" class="cryout-serious-slider seriousslider serious-slider-2-rnd8310 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd8310" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd8310" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Overslide Transition</h2>
		<div id="serious-slider-2-rnd1740" class="cryout-serious-slider seriousslider serious-slider-2-rnd1740 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-overlide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd1740" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd1740" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Underslide Transition</h2>
		<div id="serious-slider-2-rnd8968" class="cryout-serious-slider seriousslider serious-slider-2-rnd8968 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-underslide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd8968" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd8968" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Parallax Transition</h2>
		<div id="serious-slider-2-rnd8821" class="cryout-serious-slider seriousslider serious-slider-2-rnd8821 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-parallax seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd8821" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd8821" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Horizontal Flip Transition</h2>
		<div id="serious-slider-2-rnd4111" class="cryout-serious-slider seriousslider serious-slider-2-rnd4111 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-hflip seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd4111" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd4111" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Vertical Flip Transition</h2>
		<div id="serious-slider-2-rnd1414" class="cryout-serious-slider seriousslider serious-slider-2-rnd1414 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-vflip seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd1414" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd1414" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Caption Animations</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/captions-and-animations/caption-animations/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 02:10:55 +0000</pubDate>
				<category><![CDATA[Captions and Animations]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=73</guid>

					<description><![CDATA[No Animation &#160; Fade Caption &#160; Slide Caption &#160; Blur Caption &#160; Zoom In Caption &#160; Zoom Out Caption]]></description>
										<content:encoded><![CDATA[<h2>No Animation</h2>
		<div id="serious-slider-2-rnd2412" class="cryout-serious-slider seriousslider serious-slider-2-rnd2412 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-none seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd2412" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd2412" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Fade Caption</h2>
		<div id="serious-slider-2-rnd3267" class="cryout-serious-slider seriousslider serious-slider-2-rnd3267 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-fade seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd3267" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd3267" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Slide Caption</h2>
		<div id="serious-slider-2-rnd2393" class="cryout-serious-slider seriousslider serious-slider-2-rnd2393 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-slide seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd2393" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd2393" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Blur Caption</h2>
		<div id="serious-slider-2-rnd9652" class="cryout-serious-slider seriousslider serious-slider-2-rnd9652 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-blur seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd9652" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd9652" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Zoom In Caption</h2>
		<div id="serious-slider-2-rnd9684" class="cryout-serious-slider seriousslider serious-slider-2-rnd9684 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-zoomin seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd9684" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd9684" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
<p>&nbsp;</p>
<h2>Zoom Out Caption</h2>
		<div id="serious-slider-2-rnd8866" class="cryout-serious-slider seriousslider serious-slider-2-rnd8866 serious-slider-2 seriousslider-overlay1 seriousslider-light seriousslider-shadow-none seriousslider-responsive-maintain seriousslider-hidetitles-0 seriousslider-slide seriousslider-sizing0 seriousslider-aligncenter seriousslider-caption-animation-zoomout seriousslider-textstyle-textshadow" data-ride="seriousslider">
			<div class="seriousslider-inner" role="listbox">

			
			<div class="item slide-1 active" role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-1.jpg" alt="Serious Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Serious Slider</span></div>						<div class="seriousslider-caption-text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lorem felis, egestas in posuere ac, pellentesque et nisl. Etiam id aliquam nulla. Nunc id commodo erat, at aliquet enim. Maecenas ut tempus est.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Read more</a>
																																<a class="seriousslider-button" href="" >Read less</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-2 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-3.jpg" alt="Customizable Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>Customizable Slider</span></div>						<div class="seriousslider-caption-text"><p>Donec mollis elit et odio consectetur mattis. In pellentesque aliquam euismod. Mauris condimentum dui nunc, in congue dui sodales et. Pellentesque quis arcu lorem. Nam scelerisque fermentum ligula, eu ultrices purus congue non. Nullam fringilla mi in venenatis blandit. Curabitur iaculis sagittis leo vitae egestas. Donec eros nisl, dignissim eget arcu sit amet, tincidunt fermentum augue.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Button 1</a>
																																<a class="seriousslider-button" href="" >Button 2</a>
																					</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

			
			<div class="item slide-3 " role="option">
								<a  >
					<img decoding="async" class="item-image" src="https://demos.cryoutcreations.eu/wordpress/serious-slider/wp-content/uploads/2017/10/sample-slide-2.jpg" alt="WordPress Responsive Slider" >
				</a>
												<div class="seriousslider-caption">
					<div class="seriousslider-caption-inside">
						<div class="seriousslider-caption-title"><span>WordPress Responsive Slider</span></div>						<div class="seriousslider-caption-text"><p>Integer maximus tellus neque, a rhoncus augue finibus non. Praesent ullamcorper dui non justo blandit dictum. Sed placerat elit eu lacus congue, in ultricies felis sodales. In convallis risus et enim convallis suscipit.</p>
</div>						<div class="seriousslider-caption-buttons">
																								<a class="seriousslider-button" href="" >Sample Button</a>
																																				</div>
					</div><!--seriousslider-caption-inside-->
				</div><!--seriousslider-caption-->
								<div class="seriousslider-hloader"></div>
				<figure class="seriousslider-cloader">
					<svg width="200" height="200">
						<circle cx="95" cy="95" r="20" transform="rotate(-90, 95, 95)"/>
					</svg>
			  </figure>
			</div>

						</div>

			<div class="seriousslider-indicators">
				<ol class="seriousslider-indicators-inside">
										<li data-target="#serious-slider-2" data-slide-to="0" class="active"></li>
										<li data-target="#serious-slider-2" data-slide-to="1" ></li>
										<li data-target="#serious-slider-2" data-slide-to="2" ></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-rnd8866" role="button" data-slide="prev">
			  <span class="sicon-prev control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Previous Slide</span>
			</button>
			<button class="right seriousslider-control" data-target="#serious-slider-2-rnd8866" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
