/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
	/*My code*/
	* {
		box-sizing:border-box;
	}

	.wrapper {
		width:100%;
	}

	.clear:after {
    content: ' ';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
 /*Twitch div*/
    #twitch-embed {
        width:100%;
        height:100%;
    }
 

	.header {
		/*height:224px;*/
		width:100%;
		background-color:#fff;
	}

	.header .first-row .universal-logo {
		padding:20px 0;
	}

	.header .first-row .universal-logo img{
		display:block;
		margin:0 auto;
		/*width:200px;*/
		height: 142px; 
	}		

	.social {
		width:100%;
		display:block;
		margin:10px 0 25px;
	}


	.social ul {
		display:block;
		margin:0 auto;
		width:fit-content;
		text-align:center;
	}
	
	.social ul li {
		display:inline-block;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-o-border-radius:4px;
		margin-left:5px;
	}

	.social ul li a {
		padding:9px 9px;
		color:#fff;
		display:block;
		margin:0 auto;
		width:fit-content;
	}

	.social ul li a i {
		width:16px;
		height:16px;
	}

	 ul li a .first-elem {
		position:relative;
		left:5px;
	}

	.social ul li a i .hover-social {
		visibility: hidden;
	}

	.social-footer ul li a i .hover-social-footer {
		visibility: hidden;
	} 

	.first-row {
		width:80%;
		margin:0 auto;
		background-color:#fff;
	}

	.second-row {
		position: relative;
		background-color:#fff;
		z-index: 2000;
		width:100%;
	}

	.mobile-nav {
		width:100%;
		padding:6px 30px;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		position:absolute;
		background-color:#fff;		

	}
	.mobile-nav .toggle-nav {
		background-color:#f9f9f9;
		font-size:13px;
		height:42px;
		line-height:42px;
		border:1px solid #dadada;
	}

	.mobile-nav .toggle-nav  span {
		color:#333;
		margin-left:12px;
		font-family:arial;
	}

	.mobile-nav .toggle-nav .icon-bar {
		float:right;
		border-left:1px solid #dadada;
		font-size:24px;
		height:41px;
	}
	.mobile-nav .toggle-nav .icon-bar i {
		color:#dadada;
		padding:0 15px;
		line-height:40px;
	}

	.show-hide-nav {
		display:none;
		z-index: 1000;
	}

	.show-hide-nav ul {
		list-style-type:none;
	}

	.show-hide-nav ul li {
		background-color:#f9f9f9;
		height:42px;
		line-height:42px;
		border-bottom:1px solid #dadada;
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
	}

	.show-hide-nav ul li a {
		border:3px solid transparent;
		display:block;
		text-decoration:none;
		text-transform:capitalize;
		font-size:13px;
		line-height:42px;
		color:#333;
		font-family: 'Open Sans', sans-serif;
		padding-left:12px;
	}

	.desktop-nav {
		display:none;
	}

	.sticky-nav {
		display:none;
	}


	.video-section .video-container {
		background-color:#fff;
		width:100%;
		height:461px;
	}

	.video-section .video-container iframe {
		width:inherit;
		height:inherit;
	}
	.video-section  {
		padding:40px 30px 0;
	}

	.video-section .description .text img {
		display:block;
		margin:50px auto;
		width:300px;
		margin-bottom:20px;
	}

	.video-section .description .text p {
	    margin-top:20px;
		font-family: Raleway, Arial, Helvetica, sans-serif;
		line-height:30px;
		font-size:15px;
		margin-bottom:20px;
		text-align: center;
		font-weight:400;
		color:#1b1c38;
	}

	.youtube .youtube-img-container {
		width:100%;
	}

	.youtube .youtube-img-container a {
		display:block;
		margin:0 auto;
		width:fit-content;
		text-align:center;
	}

	.youtube .youtube-img-container a img {
		width:72px;
		height:72px;
	}

	.youtube .youtube-description p {
		font-family: Raleway, Arial, Helvetica, sans-serif;
		font-size:18px;
		padding-top:20px;
		margin-bottom:50px;
		text-align:center;
		font-weight:400;
		color:#1b1c38;
	}

	.table-prog {
		padding:0 20px;
	}

	.table-prog .table-title .left-bar, .right-bar {
		display:none;
	}

	.table-prog .table-title h3 {
		font-size:27px;
		line-height:36px;
		color:#333;
		font-weight:300;
		display:block;
		margin:0 auto;
		width:fit-content;
		margin-bottom:30px;
		text-align: center;
		font-family: Raleway, Arial, Helvetica, sans-serif;
	}

	.table-prog .prog-nav ul {
		width:100%;
		list-style-type: none;
	}

	.table-prog .prog-nav ul li {
		background-color:#fff;
		display:block;
		border:1px solid #f4f4f4;
		border-bottom:none;
		text-align:center;
	}

	.table-prog .prog-nav ul li a {
		padding:11px 0;
		display:block;
		letter-spacing: 2px;
		font-family: Raleway, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color:#333;
		font-size:18px;
		font-weight:300;
		border-top:3px solid transparent;
	}

	.table-prog .prog-nav .active {
		background-color:#f4f4f4;
		border-left:3px solid #3f7ccd;
		border-right:3px solid #3f7ccd;
	}

	.table-prog .tables {
		color:#747474;
	}

	.table-prog .tables .left-table {
		float:left;

	}

	.table-prog .tables .right-table {
		float:left;
	}

	.table-prog .tables .right-table, .left-table {
		width:50%;
		text-align:center;
		background-color:#f4f4f4;

	}


	.table-prog .tables .right-table tr:nth-child(even) {
		background-color:#c9c7c7;
		border-left:4px solid #f4f4f4;
	}


	.table-prog .tables .left-table tr:nth-child(even) {
		background-color:#c9c7c7;
	}



	.table-prog .tables table th, td {
		line-height:17px;
		height:60px;
		vertical-align: middle;		
		font-size:12px;
		padding:4px 0;
		box-sizing: border-box;
		text-align:center;

	}



	.table-prog .tables table tr  td:first-child {
		text-align:left;
		padding-left:5%;
	}


	.table-prog .tables table tr  th:first-child {
		text-align:left;
		padding-left:5%;
	}



	.footer {
		margin-top:40px;
		padding-bottom:30px;
		background-color:#002c44;
		width:100%;
		height:auto;
	}

	.footer p {
		font-family:arial;
		display:block;
		text-align:center;
		color:#fff;
		font-size:12px;
		padding:25px 30px;
		line-height: 24px;
	}

	.social-footer ul {
		display:block;
		margin:0 auto;
		width:fit-content;
		text-align:center;
	}
	
	.social-footer ul li {
		display:inline-block;
		border-radius:50px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		-o-border-radius:50px;
		margin-left:5px;
		background-color:#2f3032;

	}

	.social-footer ul li a {
		color:#838d8f;
		display:block;
		margin:0 auto;
		width:fit-content;
		padding:12px;
	}

	.social-footer ul li a i {
		width:18px;
		height:18px;
	}

	.get-up button {
		height:40px;
		width:48px;
		border:none;
		position:fixed;
		bottom:40px;
		right:30px;
		background-color:#333;
		color:#d0d8dd;
		opacity:0.8;
		font-size:22px;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-o-border-radius:4px;
		outline: none;
		display:none;
	}
	 /*Position fotter at bottom*/
    /*.footer {*/
    /*    position: relative;*/
    /*}*/
	
	/*Tablet view*/

	@media only screen and (min-width: 768px)  {
    /*Position fotter at bottom*/
    /*.footer {*/
    /*    position:absolute;*/
    /*    bottom:0;*/
    /*}*/

    
  	.social {
  		margin-bottom:40px;
  	}

  	.video-section {
  		padding-top:70px;
  	}

  	.youtube {
  		padding-top:20px;
  	}

  	.table-prog .table-title  {
  	    display: -webkit-box;
 		display: -webkit-flex;
 	    display: -ms-flexbox;
  		display: flex;
  		flex-wrap:nowrap;
  		-webkit-flex-wrap: nowrap;
  		-ms-flex-wrap:nowrap;
  		align-items: center;
  		-ms-align-items:center;
  		-webkit-box-align:center;
  		-webkit-align-items:center;
  		-ms-flex-align:center;
  		justify-content: space-between;
  		-webkit-justify-content: space-between;
  		padding-bottom:30px;
  	}

  	.table-prog .tables table th, td  {
  		font-size:13px;
  	}

  	.table-prog .table-title h3 {
  		padding:0 45px;
  		margin:0;
  	}

  	.table-prog .table-title .left-bar, .right-bar {
  		display:inline-block;
  		flex-grow:1;
  		-ms-flex-grow:1;
  		-webkit-flex-grow:1;
  		height:1px;
  		background-color:#005283;
  	}

  	.footer-copyring p br {
  		display:none;
  	}

	}

	@media only screen and (min-width:1024px) {
	    
	
	.header {
		height:162px;
	}


	.header .first-row {
		height:120px;
		width:93%;
		max-width:1280px;
		margin:0 auto;
	}

	.header .first-row .universal-logo {
		float:left;
		display:inline-block;
		padding:20px 0 20px 10px;
		
	}

	.header .first-row .social {
		float:right;
		display:inline-block;
		width:auto;
		margin:0;
		padding:43px 0;
	}

	.header .second-row {
		clear:both;
	}


	.mobile-nav {
		display:none;
	}

	.desktop-nav {
		display:block;
		background-color:#005283;
		width:100%;
		height:auto;

	}

	.desktop-nav ul {
		list-style-type: none;
  		text-align:center;
	}

	.desktop-nav ul li {
		display:inline-block;
	}

	.desktop-nav ul li {
		margin-left:32px;
	}

	.desktop-nav ul li a {
		text-decoration:none;
		text-transform:uppercase;
		color:#fff;
		padding:8px 0;
		font-family: Raleway, Arial, Helvetica, sans-serif;
		height:40px;
		line-height:40px;
		font-size:13px;
		font-weight:600;
		letter-spacing: 3px;
		font-style:normal;
		cursor: pointer;
		border-top:4px solid transparent;
		transition:all ease-in-out 0.3s;
		-o-transition:all ease-in-out 0.3s;
		-moz-transition:all ease-in-out 0.3s;
		-webkit-transition:all ease-in-out 0.3s;
	}

	.desktop-nav ul li a:hover {
		color:#ff0011;
		border-top-color:#ff0011;
	}

	.video-section {
		padding:60px 30px 70px;
		max-width:1280px;
		margin-bottom:100px;
		height:535px;
		margin:0 auto;
		position:relative;
		/*overflow:hidden;*/
	}


	.video-section .video-container {
		position:absolute;
		width:63%;
		height:461px;
		left:-2000px;
		display:inline-block;
		margin:0;
		margin-right:3%;
		padding-left:30px;
	}
	.video-section .video-container iframe {
		width:100%;
	}

	.video-section .description {
		position:absolute;
		height:50px;
		right:-2000px;
		display:inline-block;
		width:34%;
		padding-right:30px;
	}

	.video-section .youtube-description {
		width:70%;
	}

	/*.video-section .description .text img {*/
	/*	margin-bottom:0;*/
	/*}*/
	.video-section .description .youtube {
		padding:20px 0 0 15px;
	}


	.video-section .description .youtube-img-container{
		 vertical-align: middle;
		 width:80px;
		 height:80px;
		 position:relative;
	}

	.video-section .description .youtube-img-container a img {
		position:absolute;
		left:0;
		top:0;
	}

	.video-section .description .youtube-img-container, .youtube-description {
		display:inline-block;
		width:auto;
	}

	.video-section .description .youtube-img-container {
		width:80px;
		height:80px;
	}

	.video-section .description .youtube-description {
		padding-left:15px;
	}

	.table-prog {
		padding:90px 30px 0;
		max-width:1280px;
		margin:0 auto;
		margin-top:1200px;
	}

	.table-prog .prog-nav ul {
 	    display: -webkit-box;
 		display: -webkit-flex;
 	    display: -ms-flexbox;
  		display: flex;
  		flex-wrap:nowrap;
  		-webkit-flex-wrap: nowrap;
	}

	.table-prog .prog-nav ul li {
		display:inline-block;
		padding:0;
		flex-basis:14.28%;
		-webkit-flex-basis:14.28%;
	}

	.table-prog .prog-nav ul li a:hover {
		background-color:#f4f4f4;
	}

	.table-prog .tables table th, td {
		height:32px;
	}

	.table-prog .tables table th, td  {
		font-size:15px;
	}



	.active {
		background-color:#f4f4f4;
		border-top:3px solid #3f7ccd !important;
		border-left:3px solid transparent !important;
		border-right:3px solid transparent !important;
	}

	.sticky-nav {
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		background-color:#fff;
		width:100%;
		height:auto;

	}

	.sticky-nav ul {
		list-style-type: none;
  		text-align:center;
	}

	.sticky-nav ul li {
		display:inline-block;
	}

	.sticky-nav ul li {
		margin-left:32px;
	}

	.sticky-nav ul li a {
		text-decoration:none;
		text-transform:uppercase;
		color:#333;
		padding:8px 0;
		font-family: Raleway, Arial, Helvetica, sans-serif;
		height:40px;
		line-height:40px;
		font-size:13px;
		font-weight:600;
		letter-spacing: 3px;
		font-style:normal;
		cursor: pointer;
		border-top:4px solid transparent;
		transition:all ease-in-out 0.3s;
		-o-transition:all ease-in-out 0.3s;
		-moz-transition:all ease-in-out 0.3s;
		-webkit-transition:all ease-in-out 0.3s;
	}

	.sticky-nav ul li a:hover {
		color:#ff0011;
		border-top-color:#ff0011;
	}

	.social ul li a i {
	    position: relative;
	    display: inline-block;
    	border-bottom: 1px dotted black;
	}

	.social ul li a i .hover-social {
	     visibility:hidden;
	     font-size:12px;
	     font-family:arial;
   		 background-color: #333;
   		 color: #fff;
   		 text-align: center;
   		 border-radius: 4px;
   		 -webkit-border-radius: 4px;
   		 -moz-border-radius: 4px;
   		 -o-border-radius: 4px;
   		 padding: 5px 10px;
   		 position: absolute;
   		 z-index: 1;
   		 bottom: 220%;
   		 left:210%;
   		 margin-left: -60px;
	}
	.social ul li a i .hover-social::after {
		 content: "";
   		 position: absolute;
   		 top: 100%;
   		 left: 50%;
   		 margin-left: -5px;
  		 border-width: 5px;
   		 border-style: solid;
    	 border-color: #333 transparent transparent transparent;
	}


	.social ul li a i:hover {
		opacity:0.9;
	}

	.social ul li a i:hover .hover-social {
		visibility:visible;
	}

		.social-footer ul li a i {
	    position: relative;
	    display: inline-block;
    	border-bottom: 1px dotted black;
	}

	.social-footer ul li a i .hover-social-footer {
	     visibility:hidden;
	     font-size:12px;
	     font-family:arial;
   		 background-color: #111;
   		 color: #fff;
   		 text-align: center;
   		 border-radius: 4px;
   		 -webkit-border-radius: 4px;
   		 -moz-border-radius: 4px;
   		 -o-border-radius: 4px;
   		 padding: 5px 10px;
   		 position: absolute;
   		 z-index: 1;
   		 bottom: 220%;
   		 left:190%;
   		 margin-left: -60px;
	}
	.social-footer ul li a i .hover-social-footer::after {
		 content: "";
   		 position: absolute;
   		 top: 100%;
   		 left: 50%;
   		 margin-left: -5px;
  		 border-width: 5px;
   		 border-style: solid;
    	 border-color: #111 transparent transparent transparent;
	}


	.social-footer ul li a i:hover {
		opacity:0.9;
	}

	.social-footer ul li a i:hover .hover-social-footer {
		visibility:visible;
	}

	ul li a .first-elem {
		left:0px;
	}




	.footer {
		padding-bottom:0;
		height:93px;
	}


	.footer .social-footer , .footer-copyright p {
		display:inline-block;
		width:50%;
	}

	.footer .social-footer ul {
		float:right;
		padding-right:30px;
		padding-top:25.5px;

	}

	.footer-copyright p {
		float:left;
		text-align:left;
		padding-top:34.5px;
		font-size:13px;
	}

	.footer-copyright p br {
		display:none;
	}



	.footer .social-footer {
		float:right;
	}

	.get-up button {
		bottom:0;
		right:60px;
	}

	}