<?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>Mon, 10 Aug 2026 20:53:25 +0000</lastBuildDate>
	<language>en-CA</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.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-r495" class="cryout-serious-slider seriousslider serious-slider-2-r495 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r495" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r495" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r495" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r495" 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-r495" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r495 -->
		
]]></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-r988" class="cryout-serious-slider seriousslider serious-slider-2-r988 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r988" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r988" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r988" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r988" 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-r988" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r988 -->
		
]]></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-r942" class="cryout-serious-slider seriousslider serious-slider-2-r942 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r942" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r942" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r942" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r942" 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-r942" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r942 -->
		
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Dark 2</title>
		<link>https://demos.cryoutcreations.eu/wordpress/serious-slider/slider-styles/dark-2-style/</link>
		
		<dc:creator><![CDATA[tech]]></dc:creator>
		<pubDate>Wed, 25 Oct 2017 05:25:40 +0000</pubDate>
				<category><![CDATA[Slider Styles]]></category>
		<guid isPermaLink="false">https://demos.cryoutcreations.eu/wordpress/serious-slider/?p=159</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div id="serious-slider-2-r860" class="cryout-serious-slider seriousslider serious-slider-2-r860 serious-slider-2 seriousslider-overlay1 seriousslider-dark2 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-r860" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r860" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r860" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r860" 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-r860" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r860 -->
		



<p class="wp-block-paragraph"></p>
]]></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[<p>		<div id="serious-slider-2-r417" class="cryout-serious-slider seriousslider serious-slider-2-r417 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r417" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r417" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r417" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r417" 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-r417" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r417 -->
		</p>
]]></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[<p>		<div id="serious-slider-2-r959" class="cryout-serious-slider seriousslider serious-slider-2-r959 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r959" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r959" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r959" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r959" 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-r959" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r959 -->
		</p>
]]></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[<p>		<div id="serious-slider-2-r314" class="cryout-serious-slider seriousslider serious-slider-2-r314 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r314" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r314" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r314" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r314" 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-r314" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r314 -->
		</p>
]]></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[<p>		<div id="serious-slider-2-r987" class="cryout-serious-slider seriousslider serious-slider-2-r987 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r987" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r987" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r987" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r987" 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-r987" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r987 -->
		</p>
]]></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>
<p>		<div id="serious-slider-2-r486" class="cryout-serious-slider seriousslider serious-slider-2-r486 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r486" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r486" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r486" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r486" 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-r486" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r486 -->
		</p>
<p>&nbsp;</p>
<h2>Text Shadow</h2>
<p>		<div id="serious-slider-2-r150" class="cryout-serious-slider seriousslider serious-slider-2-r150 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r150" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r150" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r150" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r150" 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-r150" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r150 -->
		</p>
<p>&nbsp;</p>
<h2>Background Color</h2>
<p>		<div id="serious-slider-2-r517" class="cryout-serious-slider seriousslider serious-slider-2-r517 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r517" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r517" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r517" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r517" 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-r517" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r517 -->
		</p>
]]></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>
<p>		<div id="serious-slider-2-r649" class="cryout-serious-slider seriousslider serious-slider-2-r649 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r649" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r649" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r649" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r649" 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-r649" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r649 -->
		</p>
<p>&nbsp;</p>
<h2>Slide Transition</h2>
<p>		<div id="serious-slider-2-r577" class="cryout-serious-slider seriousslider serious-slider-2-r577 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r577" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r577" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r577" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r577" 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-r577" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r577 -->
		</p>
<p>&nbsp;</p>
<h2>Overslide Transition</h2>
<p>		<div id="serious-slider-2-r474" class="cryout-serious-slider seriousslider serious-slider-2-r474 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r474" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r474" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r474" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r474" 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-r474" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r474 -->
		</p>
<p>&nbsp;</p>
<h2>Underslide Transition</h2>
<p>		<div id="serious-slider-2-r139" class="cryout-serious-slider seriousslider serious-slider-2-r139 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r139" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r139" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r139" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r139" 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-r139" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r139 -->
		</p>
<p>&nbsp;</p>
<h2>Parallax Transition</h2>
<p>		<div id="serious-slider-2-r737" class="cryout-serious-slider seriousslider serious-slider-2-r737 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r737" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r737" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r737" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r737" 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-r737" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r737 -->
		</p>
<p>&nbsp;</p>
<h2>Horizontal Flip Transition</h2>
<p>		<div id="serious-slider-2-r299" class="cryout-serious-slider seriousslider serious-slider-2-r299 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r299" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r299" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r299" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r299" 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-r299" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r299 -->
		</p>
<p>&nbsp;</p>
<h2>Vertical Flip Transition</h2>
<p>		<div id="serious-slider-2-r200" class="cryout-serious-slider seriousslider serious-slider-2-r200 serious-slider-2 seriousslider-overlay1 seriousslider-theme 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-r200" data-slide-to="0" class="active" role="button"></li>
										<li data-target="#serious-slider-2-r200" data-slide-to="1"  role="button"></li>
										<li data-target="#serious-slider-2-r200" data-slide-to="2"  role="button"></li>
									</ol>
			</div>

			<button class="left seriousslider-control" data-target="#serious-slider-2-r200" 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-r200" role="button" data-slide="next">
			  <span class="sicon-next control-arrow" aria-hidden="true"></span>
			  <span class="sr-only">Next Slide</span>
			</button>
		</div>
		<!-- end cryout serious slider 2-r200 -->
		</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
