.video figure

{

	margin: 0;

	padding: 0;

}

.video p, .video ol

{

	margin: 2.5% auto;

	padding-left: 20px;

	width: 70%;

}
.video p.left, .video p.right,.video span.left, .video span.right {
	
	 font-family: 'Roboto';
	 font-size: 13px;
	 color:white;
	 margin:0;
	 padding:0;
	 white-space: nowrap;
	 width:100%;
	 border-top: 2px solid transparent;
}
.video p.left:before, .video p.right:before {
	text-decoration:none;
}
.video table {
	width: 100%;
	border-spacing: 5px 0px;
}
.video table td {
	vertical-align:middle;
}
.video p.left,.video span.left {
	float:left;
	padding-right:5px;
	display:inline-block;
	width:auto;
	 
}
.video p.right,.video span.right {
	
    text-align: right;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid none;
}
@media (max-width: 1024px)

{

	.video p,.video ol

	{

		width: 90%;

	}

}

@media (max-width: 480px)

{

	.video p, .video ol

	{

		width: 100%;

	}

}

.truncate {

  width: 82% !important;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  margin-top: 15px !important;

}

.videoThumb{

	 background-size: cover;

    height: auto;

    max-height: 205px;

    max-width: 100%;

}

.video h1

{

	font-size: 48px;

	font-weight: 400;

	letter-spacing: 1px;

	line-height: 1;

	margin: 0;

	text-align: center;

	text-transform: uppercase;

}

@media (max-width: 1024px)

{

	.video h1

	{

		font-size: 36px;

	}

}

@media (max-width: 480px)

{

	.video h1

	{

		font-size: 28px;

	}

}

.video img.logoheader{

	border:none;

	display:none;

	position:absolute;

	top:0;

	left:0;

	width: 60px;

}

.itemselected.video img.logoheader{

	display:block;

}

.video .videoItem{

	position:relative;
/*	display:inline-block;*/
}
.video .videoItemBlog .videoImage {
	width:100%;
	min-width:100%;
	height:38%;
	min-height:38%;
	max-height:38%;
	top: 0px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	visibility:visible;
	
	opacity:0.0;
	 -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
}
.video .videoItem  .videoItemBlog .videoHighlight,.proteam-article .videoHighlight{

	bottom:0;

	left:0;

	position:absolute;

	right:0;

	top:0;

}
.video .videoItem  .videoItemBlog .videoHighlightImage,.proteam-article .videoHighlightImage{

	bottom:0;
	height:38%;
	left:0;

	position:absolute;

	right:0;

	top:0;

}

.itemselected.video .videoItem .videoItemBlog .videoHighlight{

	border: 2px solid #ec242a;

	border-bottom:none;

}
.itemselected.video .videoItem .videoItemBlog .videoHighlightImage {
	border-bottom:none;
}
:not(.itemselected).video .videoItemBlog .active {
	background-color:#f00;
	display:none;
	opacity:0.1;
}
:not(.itemselected).video .videoItem .videoItemBlog .videoHighlight,:not(.itemselected).video .videoItem .videoItemBlog .videoHighlightImage,.proteam-article .videoHighlight,.proteam-article .videoHighlightImage{

	background-color:#f00;

	display:none;

	opacity:0.1;

}

.video h2

{

	

	display:inline-block;

	font-family: 'Doppio One', sans-serif !important;

	transition-duration: 100ms;

	transition: color 200ms ease-in-out 0s, background-color 200ms ease-in-out 0s;

    bottom: 0px;

    color: #fff;

    font-size: 24px;

/*    height: 56px; */

    text-align: center;

    width: 100%;

    line-height: 2.5;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	background-color: #000;

	margin:0px;

	padding:0px 15px;

    box-sizing: border-box;

	

}

.itemselected.video h2 {

	background-color:#f00;

	color:#000;

}



:not(.itemselected).video:hover h2,.proteam-article:hover h1 {

	color: #ec242a !important;

	transition-duration: 100ms !important;

	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;

}



/* :not(.itemselected).video .videoTitle:hover{

	color:#ec242a;

	transition-duration: 100ms;

	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;

} */

:not(.itemselected).video .videoTitle{

	color:#fff;

	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;

	transition-duration: 100ms;

}



@media (max-width: 1200px)

{

	

}

pre,code

{

	border-radius: 10px;

	font-family: Monaco, Consolas, "Lucida Console", monospace;

	font-size: 16px;

	line-height: 2;

	margin: 0 auto;

	overflow: auto;

	padding: 10px;

	width: 75%;

}

section

{

	padding: 10% 5%;

	width: 100%;

}

/*
.first

{

	background: url(../images/bg.jpg) no-repeat center center fixed;

	background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

}*/

.first p

{

	margin: 10% auto;

	text-align: center;

	width: 50%;

}

@media (max-width: 768px)

{

	.first p

	{

		width: 90%;

	}

}

.buttons

{

	list-style-type: none;

	text-align: center;

}

.buttons li

{

	display: inline-block;

	margin: 0 25px;

	padding: 0;

}

@media (max-width: 768px)

{

	.buttons li

	{

		display: block;

		margin: 50px auto 0;

	}

}

.buttons li a

{

	background: #bc8542;

	border: 2px solid #bc8542;

	border-radius: 10px;

	color: #fff;

	font-size: 30px;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	padding: 20px;

	text-decoration: none;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

}

@media (max-width: 1024px)

{

	.buttons li a

	{

		font-size: 22px;

		padding: 15px;

	}

}

.buttons li a:hover,.buttons li a:active,.buttons li a:focus

{

	background: none;

	border: 2px solid #fff;

	

}

.second

{

	background: #eee9e9;

}

.second h1

{

	color: #fff;

}

.third

{

	background: #7c8b78;

}

.third pre,.third code

{

	background: #6a7766;

	color: #1a1e19;

	text-shadow: 0 1px 0 #7c8b78;

}

.fourth

{

	background: #bc8542;

}

.fourth pre,.fourth code

{

	background: #a07138;

	color: #251a0d;

	text-shadow: 0 1px 0 #bc8542;

}

.fifth

{

	background: #4892b5;

}

.fifth pre,.fifth code

{

	background: #3d7c9a;

	color: #0e1c23;

	text-shadow: 0 1px 0 #4892b5;

}

.sixth

{

	background: #bb4b79;

}

.sixth pre,.sixth code

{

	background: #a23d67;

	color: #2a101b;

	text-shadow: 0 1px 0 #bb4b79;

}



@media all

{

#video-list{

	margin:0;

	width:100%;

}

.video

{

	cursor: pointer;

	float: left;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	/* margin: 0 0 50px 0;

	width:100%; */

}

}

.video{

	margin: 0 1% 40px 1%;

	width: 31.333%;

}

.videocat{

	margin: 0 1% 50px 1%;

	width: 23%;

}

@media (max-width: 1480px)

{

	.video

	{

		margin: 0 1% 40px 1%;

		width: 31.333%;

	}

}

@media (max-width: 1150px)

{

	.video

	{

		margin: 0 0.5% 30px 0.5%;

		width: 49%;

	}

}

@media (max-width: 600px)

{

	.video

	{

		display: block;

		float: none;

		margin: 0 0 20px 0;

		width: 100%;

	}

}

.vidshadow{

	-webkit-box-shadow:         0 1px 2px rgba(0,0,0,.7);

	-moz-box-shadow:         0 1px 2px rgba(0,0,0,.7);

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

}

.vidshadow:hover{

	-webkit-box-shadow:         0p 5px 5px rgba(0,0,0,.6);

	-moz-box-shadow:         0px 5px 5px rgba(0,0,0,.6);

	box-shadow:         0px 5px 5px rgba(0,0,0,.6);

}

:not(.itemselected).video .videoItem{

/*	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;

	-moz-box-shadow:    0 1px 3px rgba(0, 0, 0, 0.5) !important;

	box-shadow:         0 1px 3px rgba(0, 0, 0, 0.5) !important;	*/

	-webkit-box-shadow:         0 1px 2px rgba(0,0,0,.7);

	-moz-box-shadow:         0 1px 2px rgba(0,0,0,.7);

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

	background: #000;}
:not(.itemselected).video .videoItemBlog{

/*	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;

	-moz-box-shadow:    0 1px 3px rgba(0, 0, 0, 0.5) !important;

	box-shadow:         0 1px 3px rgba(0, 0, 0, 0.5) !important;	*/

	-webkit-box-shadow:         0 1px 2px rgba(0,0,0,.7);

	-moz-box-shadow:         0 1px 2px rgba(0,0,0,.7);

	box-shadow:         0 1px 2px rgba(0,0,0,.7);
	height:440px;
	background: white;
	overflow:hidden;
	}
:not(.itemselected).video .videoItemBlog .active {
	background-color:#f00;
	display:none;
	opacity:0.1;
}
:not(.itemselected).video .videoItem:hover {

	color: #ec242a !important;

	transition-duration: 100ms !important;

/*	-webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.6) !important;

	-moz-box-shadow:    0 2px 7px 2px rgba(0, 0, 0, 0.6) !important;

	box-shadow:         0 2px 7px 2px rgba(0, 0, 0, 0.6) !important; */

	-webkit-box-shadow:         0p 5px 5px rgba(0,0,0,.6);

	-moz-box-shadow:         0px 5px 5px rgba(0,0,0,.6);

	box-shadow:         0px 5px 5px rgba(0,0,0,.6);

}
:not(.itemselected).video .videoItemBlog:hover{

	color: black !important;

	transition-duration: 100ms !important;

/*	-webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.6) !important;

	-moz-box-shadow:    0 2px 7px 2px rgba(0, 0, 0, 0.6) !important;

	box-shadow:         0 2px 7px 2px rgba(0, 0, 0, 0.6) !important; */

	-webkit-box-shadow:         0p 5px 5px rgba(0,0,0,.6);

	-moz-box-shadow:         0px 5px 5px rgba(0,0,0,.6);

	box-shadow:         0px 5px 5px rgba(0,0,0,.6);

}
:not(.itemselected).video .videoItem:hover .videoHighlight,.proteam-article:hover .videoHighlight{

	display:block;

}



.last-video{

	margin-right: 0 !important;

}



.video figure

{

	height: 205px;

}

.itemselected.video figure,

.itemselected.video .videoThumb

{

	border: 2px solid #ec242a;

	border-bottom:none;

}

.itemselected.video .videoThumb img{

	display:inline-block;

}

:not(.itemselected).video figure,

:not(.itemselected).video .videoThumb

{

	border-bottom: 2px solid #000;

	width: 100%;

}

:not(.itemselected).video .videoThumb img{

	display:none;

}

#top-video{

	width: 100%;

}

.video,.video:visited,.video:active,.video h2,.video:visited h2,.video:active h2{

	text-decoration:none;

}

.video img:hover,.video img:active,.video img:focus

{

	background-color: #fff !important;

	color: #ec242a !important;

	transition-duration: 100ms;

}

.video img

{

	height: auto;

	width: 100%;

}

.proteam-article img{

	opacity:1;

}