/* reset */

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

body{
padding:0;
margin:0;



}

h1,h2,h3,h4,h5,h6{
	margin:0;
	
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
.main {
   
}

.main h1 {
    font-size: 40px;
    text-align: center;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 36px;
}
p.footer {
    text-align: center;
    font-size: 16px;
    color: #000;
}
p.footer a {
    color: #000;
	text-decoration:none;
}
p.footer a:hover {
	text-decoration:underline;
}
.content {
    margin: 0px auto;
    width: 100%;
    box-shadow:0px 0px 15px 0px #967A38;
}
figure {
	clear: both;
	margin: 0;
}
figcaption {
	clear: both;
	padding: 10px;

	color: #D8C5AB;
	font-size: 90%;
}

.column-33 {
	display: inline-block;
	width: 33%;
	vertical-align: top;
}

.column-50 {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

/* features section */
#features h2 {
	margin-bottom: 0px;
}
#features>ul {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#features>ul>li {
	float: left;
	width: 22%;
	padding-right: 3%;
	list-style-type: none;
}
#features>ul>li ul {
	margin: 0px;
	padding-left: 1em;
}
#features h3 {
	color: #FF9400;
	line-height: 2.2em;
}
.access-icon {
	background: url(../images/access-icon.png) no-repeat right center;
}
.caption-icon {
	background: url(../images/caption-icon.png) no-repeat right center;
}
.transcript-icon {
	background: url(../images/transcript-icon.png) no-repeat right center;
}
.fullscreen-icon {
	background: url(../images/fullscreen-icon.png) no-repeat right center;
}
/* download section */
#download {
	overflow: hidden;
	padding: 10px;
	background-color: #663900;
}
#download h2, #download p {
	margin: 0px;
}
#download #download-button {
	float: right;
	padding: 10px 20px;
	background-color: #D87700;
	border: 0px solid #fff;

	box-shadow: 0px -1px 0px #FFA332, 0px 0px 5px #000;
	border-radius: 10px;
	text-shadow: 0px -1px 0px #000;

	text-decoration: none;
	font-size: 18px;
	color: #fff;
}
#download #download-button:hover {
	background-color: #FF8C00;
}
/* demo section */
#demos {
	padding: 5px;
	overflow: hidden;
	background-color: #2B1700;
}
#demos h2 {
	margin: 10px;
}
#demos #demo-button {
	float: right;
	margin: 10px;
	padding: 5px 10px;
	background-color: #D87700;
	border: 0px solid #fff;

	box-shadow: 0px -1px 0px #FFA332, 0px 0px 5px #000;
	border-radius: 10px;
	text-shadow: 0px -1px 0px #000;

	text-decoration: none;
	font-size: 14px;
	color: #fff;
}
#demos #demo-button:hover {
	background-color: #FF8C00;
}
/* howto section */
#how h3 {
	margin-top: 30px;
	padding: 5px;
	border-top: 1px solid #683C00;
	border-bottom: 1px solid #683C00;
	background-color: #472900;

	text-shadow: none;
}
pre {
	padding: 10px;
	overflow: auto;
	background-color: #333;

	color: #fff;
}
/* options */
#options table {
}

#options table th {
	border: 1px solid #683C00;
	background: #894E00;
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px 10px;
	text-align:left;
}

#options table td {
	padding: 5px 10px;
	border: 1px solid #683C00;
}

#options table tr:nth-of-type(2n) {
	background: #2D1A00;
}

#options table .small-column {
	width: 90px;
}
/* media player styles */
.acorn-transcript {
	font-size: 90%;
}
.acorn-transcript span:nth-of-type(2n) {
	background-color: #000 !important;
}
.acorn-transcript span:hover {
	color: #000;
}
/*-- responsive media queries --*/

@media (max-width: 1440px){
	.content {
		width: 45%;	
	}
}
@media (max-width: 1366px){
	.content {
		width: 47%;	
	}	
}
@media (max-width: 1280px){
	.content {
		width: 48%;	
	}	
}
@media (max-width: 1080px){
	.content {
		width: 50%;	
	}	
}
@media (max-width: 1024px){
	.content {
		width: 56%;	
	}	
}
@media (max-width: 991px){
	.content {
		width: 70%;	
		margin: 97px auto;
	}
	.main h1 {
		font-size: 37px;
		margin-bottom: 0;
	}
	.main {
		padding: 130px 0;
	}	
}
@media (max-width: 800px){
	
}
@media (max-width: 768px){
	
}
@media (max-width: 736px){
	.main {
		padding: 71px 0;
	}
	.content {
		width: 78%;
		margin: 63px auto;
	}	
}
@media (max-width: 667px){
	.main h1 {
		font-size: 33px;
	}
	p.footer {
		font-size: 14px;
	}	
}
@media (max-width: 640px){
	
}
@media (max-width: 600px){
	.content {
		width: 84%;
		margin: 50px auto;
	}
	.main {
		padding: 60px 0;
	}	
}
@media (max-width: 568px){
	.main h1 {
		font-size: 31px;
	}	
}
@media (max-width: 480px){
	.main h1 {
		font-size: 28px;
	}
	p.footer {
		line-height: 1.9em;
	}	
}
@media (max-width: 414px){
	.acorn-player.access .acorn-play-button {
		width: 71px;
	}
	
	.acorn-player.access .acorn-volume-slider {
		width: 49px;
	}
	.acorn-player.access .acorn-timer {
		left: 221px;	
	}
	.main {
		padding: 100px 0;
	}
.content {
    width: 97%;
    margin: 58px auto;
}
.acorn-player.access .acorn-timer {
    left: 234px;
}
}
@media (max-width: 384px){
	.main {
		padding: 65px 0;
	}
	.acorn-player.access .acorn-volume-button {
		width: 72px;
	}
	.acorn-player.access .acorn-volume-slider {
		margin-left: 4px;
	}
	.acorn-player.access .acorn-timer {
		top: 27px;
		left: 228px;
		font-size: 13px;
		font-weight: 500; 
	}
	.acorn-player.access .acorn-volume-button {
		width: 83px;
	}
	.acorn-player.access .acorn-volume-slider {
		margin-left: 9px;
	}	
}
@media (max-width: 375px){
	.acorn-player.access .acorn-volume-button {
		width: 67px;
	}
	.acorn-player.access .acorn-timer {
		left: 203px;
	}
	.acorn-player.access .acorn-volume-button {
		width: 78px;
	}
	.acorn-player.access .acorn-timer {
		left: 222px;
	}	
}
@media (max-width: 320px){
	.main h1 {
		font-size: 23px;
	}
.content {
    width: 98%;
    margin: 32px auto;
}
	.acorn-player.access .acorn-play-button {
		width: 59px;
	}
	.acorn-player.access .acorn-volume-slider {
		width: 36px;
	}
	.acorn-player.access .acorn-volume-box {
		padding-right: 0px;
	}
	.acorn-player.access .acorn-volume-button {
		width: 62px;
	}
	.acorn-player.access .acorn-timer {
		left: 185px;
	}
	.acorn-player.access .acorn-play-button {
		width: 66px;
	}
	.acorn-player.access .acorn-volume-slider {
		margin-left: 3px;
	}
	.acorn-player.access .acorn-volume-slider {
		width: 27px;
	}
	.acorn-player.access button {
		font-size: 12px;
	}
	.acorn-player.access .acorn-volume-button {
		width: 75px;
	}
	.acorn-player.access .acorn-volume-slider {
		margin-left: 6px;
	}
	.acorn-player.access .acorn-timer {
		font-size: 12px;
	}	
}