/* Bare minimum styles */
		.slider {
    		-ms-touch-action: pan-y; /* Prevent default touch actions on Windows 8. Only required for IE10 */
    		overflow: auto; /* Not required but recommended for accessibility when JavaScript is turned off */
    		position: relative;
    		touch-action: pan-y; /* Prevent default touch actions on Windows 8. Supported in IE11+ */
			}

		/* AnySlider can be styled to your liking. This is just example styles */
		.slider {
    		border: 0;
    		width: 100%;
    		margin: 0;
    		padding: 0;
    		text-align: center;
			}

		/* The arrows can of course also be styled to your liking. This is just example styles */
		.as-prev-arrow,
		.as-next-arrow {
			opacity: 0;
			position: absolute;
			text-align: center;
			overflow: hidden;
			color: #666;
			background-color: transparent;
			display: block;
			font-size: 72px;
			font-style: normal;
			font-weight: 200;
			-webkit-transition: 250ms opacity linear, 250ms color linear, 250ms background-color linear;
			transition: 250ms opacity linear, 250ms color linear, 250ms background-color linear
			}

		@media only screen and (max-width: 1068px) {
			.as-prev-arrow,
			.as-next-arrow {
				display: none !important
			}
		}

		.hero-gallery:hover .as-prev-arrow,
		.hero-gallery:hover .as-next-arrow {
			z-index: 6;
			opacity: .3;
			display: block
		}

		.hero-gallery .as-prev-arrow:hover, .hero-gallery .as-next-arrow:hover {
			opacity: .7
			}

		.as-prev-arrow {
			background: url(/content/paddlenav-arrow--left.png) no-repeat;
			line-height: 128px;
			margin-top: -64px;
			top: 50%;
			width: 67px;
			height: 128px;
			left: 0
			}

		.as-next-arrow {
			background: url(/content/paddlenav-arrow--right.png) no-repeat;
    		line-height: 128px;
    		margin-top: -64px;
    		top: 50%;
    		width: 67px;
    		height: 128px;
    		right: 0
			}

		/* The same rules for styling apply here. Style to your liking */
	  	.as-nav {
    		position: absolute;
    		bottom: 0;
			right: auto;
			text-align: center;
    		width: 100%;
			z-index: 6
			}

		.hero-gallery .as-nav {
    		bottom: 2%
		}

		@media only screen and (max-width: 735px) {
    		.hero-gallery .dotnav {
        		bottom: 4%
    		}
		}

		.as-nav a {
    		margin: 0 10px;
    		width: 8px;
    		height: 8px;
    		display: inline-block;
    		position: relative
		}

		.as-nav a .bullet {
    		top: 0;
    		left: 0;
    		width: 8px;
    		height: 8px;
    		outline: none;
    		position: absolute;
    		border-radius: 50%;
    		background-color: #999;
    		box-sizing: content-box;
    		padding: 0;
    		overflow: hidden;
    		text-indent: 100%;
    		white-space: nowrap
		}

		.as-nav a .bullet:hover {
			background-color: #333
		}

		.as-nav a .bullet:focus {
    		outline-style: auto;
    		outline-color: #0078d7
		}

		a.as-active .bullet {
			top: -1px;
    		left: -1px;
    		width: 8px;
    		height: 8px;
    		border-style: solid;
    		border-width: 1px;
    		border-color: #0078d7;
    		background-color: transparent;
    		cursor: default
		}

		a.as-active .bullet:hover {
    		background-color: transparent
		}