/* CSS Main Style */
@font-face {
    font-family: 'carbon_blockregular';
    src: url('../fonts/carbonbl-webfont.eot');
    src: url('../fonts/carbonbl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/carbonbl-webfont.woff') format('woff'),
         url('../fonts/carbonbl-webfont.ttf') format('truetype'),
         url('../fonts/carbonbl-webfont.svg#carbon_blockregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'capture_itregular';
    src: url('../fonts/Capture_it-webfont.eot');
    src: url('../fonts/Capture_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Capture_it-webfont.woff') format('woff'),
         url('../fonts/Capture_it-webfont.ttf') format('truetype'),
         url('../fonts/Capture_it-webfont.svg#capture_itregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
margin:0;
outline:0;
padding:0;
}

body {
background:#000000 url(../img/bg.jpg) center center fixed no-repeat;
background-size:cover;
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
font-size:14px;
-webkit-text-size-adjust: 100%;
min-width:320px;
}

h1, h2 {
font-family: 'open_sansregular'; font-weight:normal; text-transform:uppercase;
}
h3 {
font-family: 'open_sansregular'; font-weight:normal; text-transform:uppercase; font-size:20px;
}
h1 { font-size:40px; text-transform:uppercase; letter-spacing:5px; margin:10px 0px 10px 20px; }
a { color:#EE2E25; text-decoration:none; }
a:hover { text-decoration:underline; }
.clear { clear:both; }
.error { color:#EE2E25; padding-left:0px; float:left; clear:left; font-weight:bold; }
.button { background:transparent; border:none; color:#666666; font-size:22px; font-family:'carbon_blockregular'; text-transform:uppercase; }
.button:hover, .button:active { color: #EE2E25; }
input[type="text"], textarea { background:#FFFFFF; border:solid 1px #666666; padding:5px; width:320px; }
input[type="text"]:focus, textarea:focus { border: solid 1px #EF3524; }
dl {clear:both;}
dt {float:left; text-align:left; width:80px; line-height:20px; padding-top:5px; margin:0 10px 10px 0;}
dd {float:left; width:290px; line-height:20px; margin:0 0 10px 0;}

#wrap {
width:990px;
min-width:320px;
margin:0px auto;
}

#logo {
width:262px;
height:196px;
margin:10px auto;
}

#logo a h1 {
background:url(../img/logo.png) no-repeat;
width:262px;
height:196px;
margin:10px auto;
text-indent:-9999px;
}

#menu {
background: url(../img/menu_bg.png) repeat;
padding:5px 0px;
border-radius:0px 20px 0px 0px;
}

#menu ul {
list-style:none;
width:600px;
margin:0 auto;
}

#menu ul li {
float:left;
margin-right:10px;
}

#menu ul li:last-child { margin-right:0px; }

#menu ul li a {
font-family: 'carbon_blockregular';
font-size:24px;
padding:0px 15px;
line-height:40px;
display:block;
color:#F5F5F5;
text-decoration:none;
text-transform:uppercase;
}

#menu ul li a:hover, #menu ul li a.selected {
color:#FFFFFF;
background-color:#EE2E25;
}

#menu ul li a {
-webkit-transition: background-color .3s ease-in;
-moz-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;

}

#feature { background: transparent url(../img/contebt_bg.png) top left repeat; position:relative; margin-top:0px; width:100%; height:490px; }
#feature img { position:absolute; z-index:1; }
#feature h1 { font-family: 'capture_itregular'; font-weight:normal; letter-spacing:0px; color:#FFFFFF; font-size:54px; text-shadow:2px 2px 2px #000000; position:absolute; bottom:40px; left:0px; z-index:11; }
#slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin:6px 20px 0 -10px;
	  border-radius:3px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
	  background-color:#333333;
      display:block;
      width:30px;
      height:30px;
      overflow: hidden;
      text-indent: -9999px;
      float: right;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -30px 0px;
	  margin-left:10px;
    }

    a:hover.slidesjs-next {
      background-position: -30px -30px;
	  background-color:#EE2E25;
    }

    a.slidesjs-previous {
      background-position: 0px 0px;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -30px;
	  background-color:#EE2E25;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 10px 20px 10px 20px;
      float: left;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
	
.mi-slider {
	position: relative;
	margin-top: 0px;
	min-height: 520px;
	overflow:hidden;
	background:transparent url(../img/product_menu_bg.png) bottom left repeat-x;
}

.mi-slider ul {
	list-style-type: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 180px;
	overflow: hidden;
	text-align: center;
	pointer-events: none;
}

.no-js .mi-slider ul {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
	overflow: visible;
}

.mi-slider ul.mi-current {
	pointer-events: auto;
}

.mi-slider ul li {
	display: inline-block;
	padding: 20px;
	width: 200px;
	max-width: 250px;
	height:240px;
	float:left;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.no-js .mi-slider ul li {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.mi-slider ul li a,
.mi-slider ul li img {
	display: block;
	margin: 0 auto;
}

.mi-slider ul li a {
	outline: none;
	cursor: pointer;
}

.mi-slider ul li img {
	max-width: 100%;
	border: 0px solid #CCCCCC;
}

.mi-slider ul li h4 {
	display: inline-block;
	font-size: 12px;
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:normal;
	padding: 0px 20px 0px;
	margin-top:20px;
	position:absolute;
	top:220px;
	left:20px;
	width:160px;
	text-align:center;
}

.mi-slider ul li:hover {
	opacity: 0.8;
} 

.mi-slider ul li:hover img {
	border: 0px solid #EE2E25;
}

.mi-slider nav {
	position: relative;
	top: 0px;
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
	border-top: 1px solid #EE2E25;
	border-bottom: 1px solid #999;

}

.no-js nav {
	display: none;
}

.mi-slider nav a {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size:15px;
	padding: 40px 30px 30px 34px;
	position: relative;
	color: #333;
	outline: none;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	opacity: 0.6;
}

.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
	color: #333;
	text-decoration:none;
	opacity: 1;
}

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
	content: '';
	position: absolute;
	top: -1px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mi-slider nav a.mi-selected:after {
	border-color: transparent;
	border-top-color: #EE2E25;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.mi-slider nav a.mi-selected:before {
	border-color: transparent;
	border-top-color: #EE2E25;
	border-width: 27px;
	left: 50%;
	margin-left: -27px;
}

.mi-slider nav a img { margin-bottom:5px; }

#mi-slider-next { 
	position:absolute;
	bottom:170px;
	right:0px;
	background-image: url(../img/btns-next-prev.png);
    background-repeat: no-repeat;
	background-color:#333333;
    display:block;
    width:30px;
    height:30px;
    overflow: hidden;
    text-indent: -9999px;
	margin-right:20px;
    background-position: -30px 0px;
	margin-left:10px;
	display:none;
	}
#mi-slider-prev { 
	position:absolute;
	bottom:170px;
	left:0px;
	background-image: url(../img/btns-next-prev.png);
    background-repeat: no-repeat;
	background-color:#333333;
    display:block;
    width:30px;
    height:30px;
    overflow: hidden;
    text-indent: -9999px;
	background-position: 0px 0px;
	margin-left:20px;
	display:none; 
	}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { transform: translateX(0) scale(0); }
	100% { transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

/* Animations */

@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(1000%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-1000%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(1000%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-1000%); }
}

@keyframes moveFromRight {
	0% { transform: translateX(1000%); }
	100% { transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { transform: translateX(-1000%); }
	100% { transform: translateX(0); }
}

@keyframes moveToRight {
	0% { transform: translateX(0%); }
	100% { transform: translateX(1000%); }
}

@keyframes moveToLeft {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-1000%); }
}

.mi-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	
#main_content { margin-bottom:0px; }
#breadcrumb { padding:10px 20px; font-size:11px; color:#333333; }
#breadcrumb a { color:#666666; }
#breadcrumb a:hover { color:#333333; }
#content { background: transparent url(../img/contebt_bg.png) top left repeat; color:#333333; padding:10px 0px 50px; }
#content p { padding:5px 20px; line-height:20px; }
#content #left { width:570px; float:left; }
#content #left iframe { margin-bottom:10px; }
#content #right { width:360px; float:right; margin-left:60px; }
#content #right #product_image a img, #additional_images a img { margin-bottom:10px; border:3px solid #CCCCCC; }
#content #right #product_image a:hover img, #additional_images a:hover img { border:3px solid #EE2E25; }
#content #right #product_image a img { 
	transition:border .3s;
	-moz-transition:border .3s; /* Firefox 4 */
	-webkit-transition:border .3s; /* Safari and Chrome */
	-o-transition:border .3s; /* Opera */
}
#additional_images a img { 
	transition:border .3s;
	-moz-transition:border .3s; /* Firefox 4 */
	-webkit-transition:border .3s; /* Safari and Chrome */
	-o-transition:border .3s; /* Opera */
}
#content #right #product_image .product_title { margin-bottom:10px; }

#additional_images, #product_videos { width:260px; margin:10px auto; }

#content #full_page { width:100%; float:left; }

#content ul.video_list {
	list-style:none;
	border-top:dotted 1px #CCCCCC;
	border-bottom:dotted 1px #CCCCCC;
	}
	
#content ul.video_list li {
	padding:8px 0px;
	margin:0px 0px 10px 20px;
	float:left;
	position:relative;
	}
	
#content ul.video_list #vbg div { width:216px; float:left; height:170px; max-width:216px; margin-right:0px; border:3px solid #CCCCCC; }
#content ul.video_list #vbg:hover div { border:3px solid #EE2E25; }
#content ul.video_list #vbg div {
	transition:border .3s;
	-moz-transition:border .3s; /* Firefox 4 */
	-webkit-transition:border .3s; /* Safari and Chrome */
	-o-transition:border .3s; /* Opera */
}
#content ul.video_list li span { float:left; clear:left; width:210px; margin-top:10px; }
#content ul.video_list li:first-child {
	}
	
#content ul.video_list li a img {
	padding:0px;
	box-shadow: 0px 1px 5px #CCCCCC;
	}

#content ul.video_list li a:hover img {
	box-shadow: 0px 1px 5px #EF3924;
	}
	
#content ul.video_list li a span strong {
	background:transparent url(../img/list_arrow.png) left no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	}
	
#content ul.video_list li a .sml_play {
	position:absolute;
	top:18px;
	left:24px;
	background:transparent url(../img/sml_play.png) top left no-repeat;
	width:20px;
	height:20px;
	z-index:8;
	}
	
#content ul.video_list li a:hover .sml_play {
	background-position:bottom left;
	}
	
#content a .lrg_play {
	position:absolute;
	top:70px;
	left:87px;
	background:transparent url(../img/lrg_play.png) top left no-repeat;
	width:40px;
	height:40px;
	z-index:8;
	}
	
#content a:hover .lrg_play {
	background-position:bottom left;
	}
	
#footer {	
	background: url(../img/trans_black.png) repeat;
	color: #FFF;
	clear: both;
	font-size: 9px;
	height: 50px;	
	text-transform: uppercase;
	width:990px;
	margin:0 auto 20px;
	border-radius:0px 0px 0px 20px;
}
	
#footer.fixed {		
	bottom: 0;
	position: fixed;
	width: 100%;		
}
	
#footer-content { padding: 1px 0px; width:990px; margin:0px auto; }
	
#footer-content p { margin: 19px 0 0; float:left; color: #FFFFFF; }

#footer nav {		
	float: left;
	margin-top: 19px;
	margin-right:170px;
}
	
#footer nav li {				
	float: left;
	margin-left: 20px;
	list-style:none;	
}
			
#footer nav a {			
	color: #FFFFFF;
	display: block;
	text-decoration:none;			
}

#footer nav a:hover, #footer nav a.selected {
	color: #FFFFFF;
	display: block;
	text-decoration: underline;
}

#footer p a {			
	color: #FFFFFF;
	text-decoration:none;			
}

#footer p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.socialfooter{
	width:140px;
	float:right;
	height:37px;
}

.socialfooter ul{
	width:140px;
	float:right;
	height:37px;
	padding:0px;
	margin:5px 0px 0px 0px;
}

.socialfooter ul li{
	width:37px;
	margin-right:10px;
	float:left;
	display:inline-block;
	height:37px;
	list-style-type: none;
	background-color:transparent;
	margin-left:-1px;
}

.social ul li a{
	border:0px;
}

.social-facebook{
	width:37px;
	display:block;
	height:37px;
	background-image: url(../img/fb_icon.png);
	background-repeat: no-repeat;
	background-position: 0px -37px;
}

.social-facebook:hover{
	width:37px;
	display:block;
	height:37px;
	background-image: url(../img/fb_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.social-twitter{
	width:37px;
	display:block;
	height:37px;
	background-image: url(../img/tw_icon.png);
	background-repeat: no-repeat;
	background-position: 0px -37px;
}

.social-twitter:hover{
	width:37px;
	display:block;
	height:37px;
	background-image: url(../img/tw_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.social-youtube{
	width:37px;
	display:block;
	height:37px;
	background-image: url(../img/yt_icon.png);
	background-repeat: no-repeat;
	background-position: 0px -37px;
}

.social-youtube:hover{
	width:37px;
	display:block;
	height:37px;
	background-image: url(../img/yt_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.social ul li a, .socialfooter ul li a{
	transition:background .3s;
	-moz-transition:background .3s; /* Firefox 4 */
	-webkit-transition:background .3s; /* Safari and Chrome */
	-o-transition:background .3s; /* Opera */
}

#scrolltab{
	width:40px;
	height:40px;
	position:fixed;
	top:70%;
	right:10px;
	margin-top:-20px;
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border: 1px solid #000000;
	border-radius:4px;
	z-index:2000;
	display:none;
	background-image: url(../img/scrolltop.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor:pointer;
}

@media (max-width: 1024px) {
}
@media (max-width: 980px) {
#wrap { width:98%; }
#feature { height:486px; }
#feature img { width:100%; }
#content #left { width:540px; }
#content ul.video_list #vbg div { width:209px; height:150px; }
#content a .lrg_play { left:84px; }
.mi-slider nav { max-width: 920px; }
#footer { width:98%; }
#footer-content { width:98%; }
#footer nav { margin-right:120px; }
}
@media (max-width: 800px) {
#feature { height:403px; }
#feature h1 { font-size:46px; left:0px; bottom:50px; }
#content img { max-width:90%; }
#content img.fullsize { max-width:97%; }
iframe { width:290px; height:180px; }
#content #left { width:450px; }
#content #left.contact_page { width:400px; }
#content #right { width:300px; float:right; margin-left:20px; margin-top:10px; }
#content #right.contact_page { width:300px; float:left; margin-left:20px; margin-top:0px; }
#content ul.video_list #vbg div { width:225px; height:170px; }
#content ul.video_list li span { float:left; clear:left; width:200px; margin-top:10px; }
#content a .lrg_play { top:80px; left:90px; }
.mi-slider nav { max-width: 760px; }
.mi-slider ul { top:200px; }
.mi-slider ul li { max-width:155px; width:155px; }
.mi-slider ul li h4 { width:150px; top:150px; left:5px; }
#footer-content p { margin-left:5px; }
#footer nav { margin-right:100px; }
#footer { height:105px; }
.socialfooter { float:none; margin:5px auto; }
}
@media (max-width: 768px) {
#feature { height:392px; }
#feature h1 { font-size:44px; left:0px; }
#content img { max-width:90%; }
#content img.fullsize { max-width:97%; }
iframe { width:290px; height:180px; }
#content #left { width:430px; }
#content #left.contact_page { width:300px; }
#content #right { width:300px; float:right; margin-left:20px; margin-top:10px; }
#content #right.contact_page { width:300px; float:left; margin-left:20px; margin-top:0px; }
#content ul.video_list #vbg div { width:225px; height:170px; }
#content ul.video_list li span { float:left; clear:left; width:200px; margin-top:10px; }
#content a .lrg_play { top:80px; left:90px; }
.mi-slider nav { max-width: 728px; }
.mi-slider ul li { max-width:150px; width:150px; }
.mi-slider ul li h4 { width:145px; top:150px; left:5px; }
#footer nav { margin-right:68px; }
}
@media (max-width: 640px) {
#logo { width:180px; height:135px; }
#logo a h1 { background-size:contain; width:180px; height:135px; }
#feature { height:326px; }
#feature h1 { font-size:36px; left:0px; }
#content img { max-width:90%; }
#content img.fullsize { max-width:97%; }
iframe { width:290px; height:180px; }
#content #left { width:310px; }
#content h1 { font-size:30px; }
#content #left.contact_page { width:100%; }
#content #right { width:290px; float:right; margin-left:20px; margin-top:20px; }
#content #right.contact_page { width:300px; float:left; margin-left:20px; margin-top:0px; }
#content ul.video_list #vbg div { width:175px; float:left; height:140px; margin-right:0px; }
#content ul.video_list li span { float:left; clear:left; width:170px; margin-top:10px; }
#content a .lrg_play { top:60px; left:75px; }
.mi-slider nav { max-width: 98%; }
.mi-slider nav a { padding:40px 20px 30px 0px; }
.mi-slider ul li { max-width:160px; width:160px; }
.mi-slider ul li h4 { width:155px; top:150px; left:5px; }
#footer { margin-bottom:0px; height:95px; }
#footer-content { width:100%; }
#footer-content p { margin-top:25px; }
#footer-content p:nth-child(2) { clear:left; margin-left:20px; }
.socialfooter { float:right; margin:0px 0px; }
}
@media (max-width: 600px) {
#menu { border-radius:0px 0px 0px 0px; }
#menu ul { width:580px; }
#feature { height:312px; }
#feature h1 { font-size:34px; }
#content #left { width:300px; }
#content h1 { font-size:30px; }
#content #left.contact_page { width:100%; }
#content #right { width:250px; float:right; margin-left:10px; margin-right:10px; margin-top:20px; }
#content #right img { width:90%; height:auto; }
iframe { width:360px; height:203px; }
#content ul.video_list #vbg div { width:258px; max-width:258px; height:170px; }
#content ul.video_list li span { float:left; clear:left; width:250px; margin-top:10px; }
#content a .lrg_play { top:75px; left:119px; }
.mi-slider nav { max-width: 98%; }
.mi-slider nav a { padding:40px 20px 30px 0px; }
.mi-slider ul li { max-width:155px; width:155px; }
.mi-slider ul li h4 { width:150px; top:150px; left:5px; }
#footer { margin:0px auto; }
}
@media (max-width: 480px) {
#menu { padding:0px 0px; }
#menu ul { width:100%; }
#menu ul li { width:100%; margin-right:0px; clear:left; }
#menu ul li a { width:100%; text-align:center; padding:0px 0px; }
#feature { height:250px; }
#feature h1 { font-size:26px; bottom:40px; }
#content #left { width:100%; }
#content img.fullsize { max-width:100%; }
#content #right { width:100%; margin-top:20px; }
iframe { width:360px; height:203px; }
#content ul.video_list #vbg div { width:195px; float:left; height:140px; margin-right:0px; }
#content ul.video_list li span { float:left; clear:left; width:190px; margin-top:10px; }
#content a .lrg_play { top:60px; left:87px; }
.mi-slider ul { top:0px; }
.mi-slider {
		text-align: center;
		height: auto;
		background:none;
	}

	.mi-slider ul {
		position: relative;
		display: inline;
		bottom: auto;
		pointer-events: auto;
	}

	.mi-slider ul li {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
		padding: 10px 3px;
		min-width: 140px;
		width: 145px;
	}
	
	.mi-slider ul li h4 { position:relative; width:100px; top:10px; left:5px; }

	.mi-slider nav, #mi-slider-prev, #mi-slider-next {
		display: none;
	}
.socialfooter { margin-top:10px; margin-left:20px; float:left; clear:left; }
#footer { height:145px; border-radius:0px 0px 0px 0px; }
}
@media (max-width: 360px) {
#feature { height:200px; }
#feature h1 { font-size:26px; bottom:40px; }
#content #right { width:310px; margin-top:20px; float:left; }
iframe { width:310px; }
dd {float:left; width:100%; line-height:20px; margin:0 0 10px 0;}
input[type="text"], textarea { background:#FFFFFF; border:solid 1px #666666; padding:5px; width:310px; }
#content ul.video_list #vbg div { width:305px; float:left; height:180px; max-width:305px; margin-right:0px; }
#content ul.video_list li span { float:left; clear:left; width:300px; margin-top:10px; }
#content a .lrg_play { top:80px; left:142px; }
.mi-slider ul li { min-width:140px; width:160px; max-width:160px; }
.mi-slider ul li h4 { position:relative; width:100px; top:0px; left:0px; padding:0 5px; }
#footer { height:150px; }
#footer nav { margin-right:0px; }
#footer nav li { margin-left:15px; }
#footer-content p { margin-left:5px; margin-bottom:20px; }
#footer-content p:nth-child(2) { clear:left; margin-left:15px; }
.socialfooter { margin:0px auto; float:none; clear:both; }
}
@media (max-width: 320px) {
#wrap { width:100%; }
#feature { height:180px; }
#feature h1 { font-size:26px; bottom:40px; }
input[type="text"], textarea { background:#FFFFFF; border:solid 1px #666666; padding:5px; width:270px; }
#content #right { width:280px; margin-top:10px; }
#content img { max-width:90%; }
#content img.fullsize { max-width:90%; }
iframe { width:280px; }
#content ul.video_list #vbg div { width:275px; float:left; height:180px; max-width:275px; margin-right:0px; }
#content ul.video_list li span { float:left; clear:left; width:270px; margin-top:10px; }
#content a .lrg_play { top:80px; left:118px; }
.mi-slider ul li { min-width:140px; width:150px; max-width:150px; }
.mi-slider ul li h4 { position:relative; width:95px; top:0px; left:0px; }
#footer { height:150px; width:100%; }
#footer nav li { margin-left:8px; }
#footer-content p { margin-left:5px; width:145px; margin-top:15px; }
#footer-content p:nth-child(2) { clear:left; margin-left:8px; width:105px; margin-top:25px; }
.socialfooter { margin:0px auto; float:none; clear:both; }
}