/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
a, a:link {
	color: #ee1c25;
	text-decoration: none;
}
a:visited {
    color: #ee1c25;
    text-decoration: none;
}
a:hover {
    color: #FF0000;
    text-decoration: none;
}
a:visited {
    color: #FF0000;
    text-decoration: none;
}
/* #Page Styles
================================================== */
.shadow {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
     -moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.25);
     box-shadow:         0px 0px 10px rgba(0, 0, 0, 0.25);
}
.colorDarkGrey {
	color: #2f2f2f;
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
    font-family: 'Roboto-BoldCondensed';
    src: url('webfonts/Roboto-BoldCondensed-webfont.eot');
    src: url('webfonts/Roboto-BoldCondensed-webfont.eot?#iefix')
        format('embedded-opentype'),
        url('webfonts/Roboto-BoldCondensed-webfont.woff') format('woff'),
        url('webfonts/Roboto-BoldCondensed-webfont.ttf')
        format('truetype'),
        url('webfonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed')
        format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Condensed';
    src: url('webfonts/Roboto-Condensed-webfont.eot');
    src: url('webfonts/Roboto-Condensed-webfont.eot?#iefix')
        format('embedded-opentype'),
        url('webfonts/Roboto-Condensed-webfont.woff') format('woff'),
        url('webfonts/Roboto-Condensed-webfont.ttf')
        format('truetype'),
        url('webfonts/Roboto-Condensed-webfont.svg#RobotoCondensed')
        format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('webfonts/Roboto-Medium-webfont.eot');
    src: url('webfonts/Roboto-Medium-webfont.eot?#iefix')
        format('embedded-opentype'),
        url('webfonts/Roboto-Medium-webfont.woff') format('woff'),
        url('webfonts/Roboto-Medium-webfont.ttf')
        format('truetype'),
        url('webfonts/Roboto-Medium-webfont.svg#RobotoMedium')
        format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('webfonts/Roboto-Light-webfont.eot');
    src: url('webfonts/Roboto-Light-webfont.eot?#iefix')
        format('embedded-opentype'),
        url('webfonts/Roboto-Light-webfont.woff') format('woff'),
        url('webfonts/Roboto-Light-webfont.ttf')
        format('truetype'),
        url('webfonts/Roboto-Light-webfont.svg#RobotoLight')
        format('svg');
    font-weight: normal;
    font-style: normal;
}

/* #Layout
================================================== */
body {
	background-image: url('img/background.jpg');
	background-color: #00679b;
	background-repeat: repeat-x;
}
.sixteen.columns.index-width {
	width: 960px;
}
.bgWrapper {
	background-image: url('img/background.gif');
    background-color: #00679b;
    background-repeat: repeat-x;
}
.bgInner {
	background-image: url('img/background.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.headerWrapper {
	height: 100px;
	/*background: url('img/head_bg.gif') repeat-x bottom #FFFFFF;*/
}
.mainWrapper {
	background-color: #FFFFFF;
	padding: 20px 0 0 0;
	 border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    background: url('img/main_wrapper_bg.png') no-repeat left top #FFFFFF;
}
.mainWrapper.index {
	padding: 0;
}
.footer-bg {
	background-color: #0d2447;
	margin-bottom: 20px;
	 border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
}
.footer-wrapper {
	clear: both;
	margin: 10px 0 0 0;
	height: 240px;
}
.footer-wrapper input {
	height: 28px;
	background-color: #00679b;
	border: 1px solid #b4dced;
	padding: 0 5px;
	margin: 0;
	color: #FFFFFF;
	line-height: 28px;
	 border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
.footer-wrapper input:focus {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.logo {
	width: 113px;
	height: 155px;
	position: absolute;
	top: 30px;
	left: 25px;
	background: url("img/arsc_logo.png") no-repeat;
	z-index: 1000;
}

.albakosar {
    display: block;
    width: 150px;
    height: 105px;
    position: absolute;
    top: 50px;
    right: 0px;
    background: url("img/alba_fehervar-2016.png") no-repeat;
    z-index: 1001;
}
.dkka {
    display: block;
    width: 96px;
    height: 109px;
    position: absolute;
    top: 45px;
    right: 35px;
    background: url("img/dkka_logo.png") no-repeat;
    z-index: 1001;
}
.head-ball {
	width: 118px;
    height: 128px;
    position: absolute;
    top: 15px;
    right: 10px;
    background: url("img/ball.png") no-repeat;
    z-index: 1001;
}

.head-logo-container {
	height: 60px;
}

.nav-bar-text {
    min-height: 70px;
    padding: 0 20%;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .nav-bar-text {
        margin-top: 60px;
    }
}
.nav-bar-text .title {
    color: #2565c7;
    font-size: 30px;
    font-family: Roboto-BoldCondensed, Arial,sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin: 14px 0 5px 0;
    line-height: normal;
}
.nav-bar-text .subtitle {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.nav-bar-wrapper {
	margin: 0px 0 10px 0;
	padding: 0 0 0 0;

}
.nav-bar-container {
    margin: 0;
    z-index: 1011;
}
.mobile-menu-wrapper {
	background: url('img/head_bg.gif') repeat-x;
	height: 50px;
	position: absolute;
}
.remove-margin {
	margin: 0;
	padding: 0;
}
.mainbox {
	background-color: #233147;
	padding: 10px 0 0 0;
}

/* #BOX
================================================== */
.box {
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
}
.box h3 {
    color: #2565c7;
    font-size: 1.286em;
    text-transform: uppercase;
    font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.box .content {
    display: block;
    padding: 10px;
    border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    background: #FFFFFF;
    border: 1px solid #d4d4d4;
    overflow: hidden;
}
.mainbox .box h3 {
    color: #b4dced;
}
.mainbox .content {
	height: 175px;
}

.mainbox .content.bg-grey {
	border: none;
	background: rgb(229,229,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(206,206,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(206,206,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cecece',GradientType=0 ); /* IE6-8 */

}
.mainbox .content.bg-gold {
    border: none;
   background: rgb(242,185,80); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYjk1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWE2NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,185,80,1) 0%, rgba(217,166,72,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,185,80,1)), color-stop(100%,rgba(217,166,72,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,185,80,1) 0%,rgba(217,166,72,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,185,80,1) 0%,rgba(217,166,72,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,185,80,1) 0%,rgba(217,166,72,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,185,80,1) 0%,rgba(217,166,72,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b950', endColorstr='#d9a648',GradientType=0 ); /* IE6-8 */

}
.mainbox .content.bg-fullwhite {
    border: none;
    background: #FFFFFF;
}


.box2 {
    margin: 0 0 20px 10px;
}
.box2 h3 {
    color: #0d2447;
    font-size: 1.786em;
    text-transform: uppercase;
    font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 20px 0;
    padding: 0;
}
.box2 .path {
	font-family: 'Roboto-Medium', Arial, sans-serif;
	font-size: 0.786em;
	text-transform: uppercase;
}
.box2 .content .lead {
    padding: 0 0 10px 0;
    font-family: 'Roboto-Light', Arial, sans-serif;
     font-size: 1.143em;
     text-transform: uppercase;
     color: #2565c7;
     line-height: 1.500em;
}
.box2 .content h1 {
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
	color: #00679b;
	font-size: 2em;
	text-transform: uppercase;
	line-height: 2em;
	margin: 0;
	padding: 0;
}
.box2 .content h2 {
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    color: #00679b;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height:1.5em;
    margin: 0;
    padding: 0;
}
.box2 .content h3 {
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    color: #00679b;
    font-size: 1.17em;
    text-transform: uppercase;
    line-height: 1.17em;
    margin: 0;
    padding: 0;
}
.box2 .content h4 {
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    color: #00679b;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0;
    padding: 0;
}
.box2 .content h5 {
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    color: #00679b;
    font-size: 0.83em;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0;
    padding: 0;
}
.box2 .content h6 {
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    color: #00679b;
    font-size: 0.75em;
    text-transform: uppercase;
    line-height: 1em;
    margin: 0;
    padding: 0;
}
.box2 .content .image {
    border: 1px solid #d4d4d4;
    padding: 5px;
    background-color: #FFFFFF;
     border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
.box2 .content .image img {
    width: 100%;
    height: auto;
}

.design-wrapper {
	width: 100%;
	margin-bottom: 0px;
}
.design-container {
     position: absolute;
     display: block;
     background: url('img/designer_logo.png') no-repeat transparent;
     width: 66px;
     height: 34px;
     bottom: 10px;
     right: 20px;
}
.footer-menu .inner {
	font-family: 'Roboto-Medium', Arial, sans-serif;
	font-size: 0.857em;
	padding: 0;
	line-height: 1.5em;
	color: #FFFFFF;
}
.footer-menu .inner b, .footer-menu .inner strong {
    color: #FFFFFF;
}
.footer-menu .inner h1 {
     font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
     font-weight: normal;
     color: #b4dced;
     text-transform: uppercase;
     font-size: 1.500em;
     margin: 0;
     padding: 30px 0 10px 0;
     line-height: 1em;
}
.banner-468x60 {
	width: 468px;
    height: 60px;
    background-color: #00679b;
}
#top-banner-468x60 {
	position: absolute;
	top: 20px;
	left: 185px;
}
#main-banner {
    margin: 20px 0;
    padding: 0 10px;
}

/* #MAIN CONTENT
================================================== */
.main-sponsors {
	position: relative;
	margin: 0 0 10px 0;
}
.main-sponsors h3 {
    text-transform: uppercase;
    font-size: 1.429em;
    margin: 0 0 0 10px;
    padding: 10px 0 10px 0;
    font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    color: #2565c7;
    line-height: 0;
}
.main-sponsors .content {
	background-color: #FFFFFF;
	height: 90px;
}
.main-sponsors .content ul {
    margin: 0;
    padding: 0;
}
.main-sponsors .content ul li {
    width: 156px;
    height: 90px;
    float: left;
    margin: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.main-sponsors .content ul li a{
   display: block;
}
.main-sponsors .content ul li a img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#sponsors-carou_prev {
	 right: 35px;
	 top: -10px;
}
#sponsors-carou_next {
	top: -10px;
     right: 10px;
}

.partners {
	clear: both;
	position: relative;
	margin: 0 0 20px 0;
}
.partners h3 {
	text-transform: uppercase;
	font-size: 1.429em;
	margin: 20px 0 0 10px;
    padding: 10px 0 20px 0;
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
	color: #2565c7;
	line-height: 0;
}
.partners .content {
	
	margin: auto;
	height: 90px;
}
.partners .content ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
.partners .content ul li {
	float: left;
	height: 90px;
	position: relative;
	overflow: hidden;
	width: 156px;
}
.partners .content ul li img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    
}
#partners-carou_prev {
	 right: 35px;
     top: 10px;
}
#partners-carou_next {
	 right: 10px;
     top: 10px;
}



.step_btn {
    display: block;
    width: 22px;
    height: 24px;
    position: absolute;
    top: 0px;
    background-image: url("img/buttons_master.png");
    background-repeat: no-repeat;
}
.step_btn:hover {
    /*background-color: #d4d4d4;*/
} 
.step_btn.next {
    background-position: -22px -168px;
}
.step_btn.prev {
    background-position: 0px -168px;
}
/* #PATH
================================================== */
.path {
	color: #2565c7;
	margin: 0 0 10px 0;
}
.path a { color: #b4dced;}
.path a:hover { color: #2565c7;}
.path ul { 
	margin: 0;
	padding: 0;
}
.path ul li { 
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
}
.path ul li:after {
    content: '»';
    margin: 0 0 0 5px;
    color: #b4dced;
}
.path ul li:last-child:after { content: ""; }

/* #MAIN VIDEO LIST
================================================== */


.video-list {
	height: 360px;
	background-color: #233147;
	margin-bottom: 20px;
	color: #FFFFFF;
	position: relative;
}
.video-list .list-selector {
	background-color: #00679b;
}
.video-list .list-selector ul.list-selector-ul {
	padding: 0;
	margin: 0;
	clear: both;
}
.video-list .list-selector ul.list-selector-ul li {
	padding: 0;
	margin: 0;
	float: left;
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
	font-size: 1em;
	border-right: 1px solid #00679b;
	-webkit-box-shadow: 3px 0px 3px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    3px 0px 3px rgba(50, 50, 50, 0.3);
    box-shadow:         3px 0px 3px rgba(50, 50, 50, 0.3);
}
.video-list .list-selector ul.list-selector-ul li a {
    display: block;
    color: #b4dced;
    padding: 12px 10px 9px 10px;
    text-transform: uppercase;
}
.video-list .list-selector ul.list-selector-ul li a:hover {
	background-color: #233147;
}
.video-list .list-selector ul.list-selector-ul li.active a, .video-list .list-selector ul.list-selector-ul li.active a:hover {
    background-color: #233147;
    color: #FFFFFF;
    border-bottom: 1px solid #233147;
}
.video-list .list-selector ul.list-selector-ul li.active {
	background-color: #233147;
    color: #FFFFFF;
   
}
.video-list .list {
	height: 279px;
	position: relative;
}
.video-list .list ul {
    padding: 0;
    margin: 0px 0 0 10px;
   
}
.video-list .list ul li {
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #00679b;
    overflow: hidden;
    height: 72px;
    width: 320px;
}
.video-list .list ul li a {
    display: block;
}
.video-list .list ul li h5 {
    color: #f6f6f6;
    font-size: 1em;
    line-height: 1.35em;
    font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    text-transform: uppercase;
}
.video-list .list ul li .lead {
    color: #cdcdcd;
    font-family: Arial, sans-serif;
    font-size: 0.786em;
    line-height: 1.3em;
    height: 40px;
    overflow: hidden;
}
.video-list .list ul li .image {
    background-color: #00679b;
    width: 128px;
    height: 72px;
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    overflow: hidden;
}
.video-list .list ul li .image img {
	width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.video-list .list .fade {
	position: absolute;
	height: 30px;
	z-index: 100;
	width: 100%;
}
.video-list .list #fade-top {
	top: 0;
	background: url("img/fade_top.png") repeat-x;
	display: none;
}
.video-list .list #fade-bottom {
    bottom: 0;
    background: url("img/fade_bottom.png") repeat-x;
}

.video-list .actions {
	padding: 0;
	position: absolute;
	bottom: 5px;
	height: 30px;
	width: 100%;
}
#videoContentWrapper {
	background-color: #233147;
}

.main-news-video-container {
    width: 100%;
    margin: 0 0 20px 0;
}
.flexslider .slides li {
    position:relative;
}
.flex-caption {
	position: absolute;
	bottom: 0;
	background-color: rgba(13,36,71,0.85);
	width: 100%;
}
.flex-caption div {
    padding: 20px;
}
.flex-caption .title {
   color: #FFFFFF;
   font-size: 1.5em;
   font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
   text-transform: uppercase;
}
.flex-caption .lead {
    color: #FFFFFF;
    font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
   font-size: 1em;
   display: block;
}
/* #CONTENT FORMATING ELEMENTS
================================================== */
.live-white {
	color: #FFFFFF;
	text-align: center;
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
}
.live-team {
    color: #000000;
    text-align: center;
    font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    font-size: 1.357em;
    text-transform: uppercase;
}
.live-vs {
	color: #000000;
    text-align: center;
    font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    font-size: 1em;
    text-transform: uppercase;
}
.live-score {
    color: #7b2e00;
    text-align: center;
    font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    font-size: 1.357em;
    text-transform: uppercase;
}
.col-4 {
	width: 25%;
	float: left;
}
.col-4 img {
    border: 1px solid #d4d4d4;
    padding: 5px;
    background-color: #FFFFFF;
     border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
.defaultTable {
	 width: 100%;
	 background-color: #FFFFFF;
}
.defaultTable .defaultTitle {
     font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
     font-size: 0.83em;
     border-bottom: 1px solid #d4d4d4;
     text-transform: uppercase;
     color: #A4A4A4;
    
}
.defaultTable td {
    padding: 10px 5px;
    border-bottom: 1px solid #d4d4d4;
    
}
.eventlist td:FIRST-CHILD {
	 font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
     font-size: 0.857em;
     color: #00679b;
}
.eventlist td:nth-child(2) {
     font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
     font-size: 0.857em;
     color: #00679b;
}
.teamTable {
	font-size: 0.857em;
}
.teamTable td {
    text-align: center;
    
}
.teamTable td:FIRST-CHILD {
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    font-size: 1.5em;
    color: #00679b;
    text-align: right;
}
.teamTable td:nth-child(2) {
	font-family: 'Roboto-BoldCondensed', Arial, sans-serif;
    font-size: 1.167em;
    text-align: left;
}
.teamTable td:nth-child(7) {
   text-align: left;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#top-banner-468x60 {display: none;}
		#main-banner { display: none;}
	}

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .video-list { height: 287px;}
        .video-list .list {height: 186px;}
        .video-list .list ul li {width: 250px;}
        .video-list .list ul li .image {width: 72px;}
        .video-list .list ul li .image img {height: 100%; width: auto;}
        
        
    
    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
	    #top-banner-468x60 {display: none;}
        header { padding: 50px 0 0 0;}
        .footer-wrapper {padding: 0 0 50px 0; height: auto;}
        .nav-bar-wrapper { display:none; }
        .mobile-menu-wrapper{ display:block; }
        .container.sub {margin-top: 70px;}
        
        .main-slider {display: none;}
        .mainWrapper.index {padding: 20px 0 0 0;}
        .brands .content { width: 400px;}
        .main-products .content { height: auto;}
        .main-products .content ul {margin: 10px 0 0 10px;}
        .main-products .content ul li { float: none; height: 50px; width: 100%; text-align: left; margin: 0; padding: 0; overflow: hidden; }
        .main-products .content ul li a { position: relative; width: 100%; height: 50px; line-height: 50px;}
        .main-products .content ul li img {float:left; width: 40px; height: auto; margin-right: 10px;}
        .main-products .content ul li h5 {line-height: 45px;}
        #products-carou_prev { display: none; }
        #products-carou_next { display: none; }
        
        
        .main-news-video-container { margin: 70px 0 20px 0; }
        .video-list .list ul li {width: 400px;}
        .col-4 {width: 50%;}
        
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
       .video-list .list ul li {width: 280px;}
        .video-list .list ul li .image {width: 72px;}
        .video-list .list ul li .image img {height: 100%; width: auto;}
        .col-4 {width: 100%;}
        .teamTable td:nth-child(7) {display: none;}
		.logo {display:none;}
    }

    @media all and (-webkit-min-device-pixel-ratio: 1.5) {
        .logo {background: url("img/arsc_logo.png") no-repeat; background-size: 113px 155px;}
    }