/* demo.css */



.clearfix:after {

	content: "";

	display: table;

	clear: both;

}



.wrapper {

	position: relative;

	max-width: 100%;

	width: 100%;

	margin: 0 auto;

	overflow: hidden;

}



/* Header Style */

.codrops-top {

	line-height: 24px;

	font-size: 11px;

	background: #fff;

	background: rgba(255, 255, 255, 0.8);

	text-transform: uppercase;

	z-index: 9999;

	position: relative;

	font-family: Cambria, Georgia, serif;

	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);

}



.codrops-top a {

	padding: 0px 10px;

	letter-spacing: 1px;

	color: #333;

	display: inline-block;

}



.codrops-top a:hover {

	background: rgba(255,255,255,0.6);

}



.codrops-top span.right {

	float: right;

}



.codrops-top span.right a {

	float: left;

	display: block;

}



/* More examples buttons */





.more ul {

	display: block;

	height: 32px;

	text-align: center;

}



.more ul li {

	display: inline-block;

	line-height: 24px;

}



.more ul li.selected a,

.more ul li.selected a:hover {

	background: #ae997a;

	color: #fff;

	text-shadow: none;

}



.more ul li a {

	text-shadow: 1px 1px 1px #fff;

	color: #555;

	background: #fbf9f5;

	padding: 2px 5px;

	margin: 0 2px;

	line-height: 18px;

	display: inline-block;

	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);

}



.more ul li a:hover {

	background: #8c795d;

	color: #fff;

	text-shadow: none;

}



p.info {

	font-family: "Volkhov", serif;

	font-style: italic;

	color: #997f5a;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);

	padding: 20px;

	display: block;

	clear: both;

	text-align: center;

	width: 100%;

	max-wdith: 440px;

	margin: 0 auto;

}



/* Slicebox Style */

.sb-slider {

	position: relative;

	overflow: hidden;

	width: 100%;

	list-style-type: none;

	padding: 0;

}



.sb-slider li {

	margin: 0;

	padding: 0;

	display: none;

}



.sb-slider li > a {

	outline: none;

}



.sb-slider li > a img {

	border: none;

}



.sb-slider img {

	max-width: 100%;

	display: block;

}



.sb-description {

	padding: 20px;

	bottom: 10px;

	left: 10px;

	right: 10px;

	z-index: 1000;

	position: absolute;

	background: #CBBFAE;

	background: rgba(190,176,155, 0.4);

	border-left: 4px solid rgba(255,255,255,0.7);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);	

	opacity: 0;

	color: #fff;



	-webkit-transition: all 200ms;

	-moz-transition: all 200ms;

	-o-transition: all 200ms;

	-ms-transition: all 200ms;

	transition: all 200ms;

}



.sb-slider li.sb-current .sb-description {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);	

	opacity: 1;

}



.sb-slider li.sb-current .sb-description:hover {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";

	filter: alpha(opacity=99);	

	background: rgba(190,176,155, 0.7);

}



.sb-perspective {

	position: relative;

}



.sb-perspective > div {

	position: absolute;



	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;



	-webkit-backface-visibility : hidden;

	-moz-backface-visibility : hidden;

	-o-backface-visibility : hidden;

	-ms-backface-visibility : hidden;

	backface-visibility : hidden;

}



.sb-side {

	margin: 0;

	display: block;

	position: absolute;



	-moz-backface-visibility : hidden;



	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

}





/* custom.css */

.shadow {

	width: 100%;

	height: 168px;

	position: relative;

	margin-top: -110px;

	background: transparent ;

	background-size: 100% 100%; /* stretches it */

	z-index: -1;

	display: none;

}



.sb-description h3 {

	font-size: 20px;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

}



.sb-description h3 a {

	color: #4a3c27;

	text-shadow: 0 1px 1px rgba(255,255,255,0.5);

}



.nav-arrows {

	display: none;

}



.nav-arrows a {

	z-index: 9999; position: absolute;top: 47%;display: block;width: 41px;height: 90px;

}



.nav-arrows a:first-child{

	left: 28px;background:url(../images/arrow-left.png) no-repeat center center;

}

.nav-arrows a:last-child{

	right: 28px;background:url(../images/arrow-right.png) no-repeat center center;

}



.nav-arrows a:hover {

	opacity: 1;

}



.nav-dots {

	text-align: center;

	position: absolute;

	bottom: 27px;

	height: 28px;

	width: 100%;

	left: 0;

	display: none;

}



.nav-dots span {

	display: inline-block;

	width:7px; 

	height:28px; 

	cursor:pointer;

	margin-right:3.5px; 

	margin-left:3.5px; 

	background:url(../images/circle.png) no-repeat center center;

	

}



.nav-dots span.nav-dot-current {

	text-decoration: none;

	background:url(../images/circleon.png) no-repeat center center;

}



.nav-options {

	width: 70px;

	height: 30px;

	position: absolute;

	right: 70px;

	bottom: 0px;

	display: none;

}



.nav-options span {

	width: 30px;

	height: 30px;

	background: #cbbfae ;

	text-indent: -9000px;

	cursor: pointer;

	opacity: 0.7;

	display: inline-block;

	border-radius: 50%;

}



.nav-options span:first-child{

	background-position: -30px 0px;

	margin-right: 3px;

}



.nav-options span:hover {

	opacity: 1;

}





*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.clearfix{*zoom:1}

.fl{float:left}

.fr{float:right}

.fl,.fr{_display:inline}

.top-banner {

	position:absolute;

	z-index: 999;

	left:0;

	top:0;

	height:40px;

	line-height:40px;

	padding:0 30px;

	width:100%;

	font-size: 13px;

	background-color: rgba(255, 255, 255, 0.15);

	color: #fff;

	/*text-shadow: 1px 1px 3px #333;*/

	/*box-shadow: 0 1px 0 #999;*/

}

.top-banner a {

	color: #fff;

	text-decoration: none;

}