.arrow.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.arrow.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.bigpic {
	width: 100%;
	position: relative;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}

.bigpic img {
	width: 100%;
	float: left;
}

.bigpic p {
	color: rgba(255,255,255,1);
	font-size: 50px !important;
	font-family: 'Avenir' !important;
	background-color: rgba(90,105,66,0.70);
	padding: 0 100px 0 30px;
}

.bigpic p a.claim:link, .bigpic p a.claim:visited {
	color: rgba(255,255,255,1);
	font-size: 30px !important;
	font-family: 'Avenir' !important;
}

.bigpic p a:link, .bigpic p a:visited {
	color: rgba(255,255,255,1);
	font-size: 30px !important;
	font-family: 'Avenir' !important;
}

.bigpic p.comment {
	color: rgba(255,255,255,1) !important;
	font-size: 30px !important;
	font-family: 'Avenir' !important;
	padding: 0 100px 0 30px !important
}

#description {
	background-color: #454445;
	width: 100%;
	padding: 1.5vw 2vw;
	display: table;
	float: left;
}

#description h1 {
	color: #7a797b;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

#description p {
	color: #7a797b;
	text-align: justify;
	padding: 0.7vw 0 0;
}

i {
	border: solid white;
	border-width: 0 5px 5px 0;
	display: inline-block;
	padding: 10px;
}

.imageContainer {
	float: left;
}

.next-vi {
	margin-right: 13px;
	display: inline-block;
	margin-bottom: 3px;
}

.pics-wrapper {
	width: 100%;
	height: auto;
	display: table;
	float: left;
}

.prev-vi {
	display: inline-block;
}

.smallpics {
	width: 25%;
	float: left;
	position: relative;
	overflow: hidden;
}

.smallpics .img-2, .thethree .img-2 {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 40%;
}

.smallpics:hover .img-2, .thethree:hover .img-2 {
	top: 0;
	opacity: 0.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}

.smallpics img, .thethree img {
	width: 100%;
	float: left;
}

.speaker {
	height: 30px;
	width: 30px;
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.speaker:hover span:before {
	transform: scale(0.8) translate(-3px, 0) rotate(42deg);
}

.speaker.mute span:before {
	transform: scale(0.5) translate(-15px, 0) rotate(36deg);
	opacity: 0;
}

.speaker span {
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	margin: 11px 0 0 2px;
}

.speaker span:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	border-width: 10px 14px 10px 15px;
	left: -13px;
	top: 5px;
}

.speaker span:before {
	transform: rotate(45deg);
	border-radius: 0 50px 0 0;
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-style: double;
	border-color: #fff;
	border-width: 7px 7px 0 0;
	left: 18px;
	top: 9px;
	transition: all 0.2s ease-out;
}

.thethree {
	width: 33.33333333%;
	float: left;
	position: relative;
	overflow: hidden;
}

.vi-control {
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: rgba(0,0,0,0.2);
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
}

.video-banner {
	position: relative;
	float: left;
	width: 100%;
}

.videoContainer {
	position: relative;
	height: 100vh;
	max-height: 50vw;
	width: 100%;
	float: left;
	overflow: hidden;
}

.videoContainer video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

/* Homepage picswrapper padding START */

.pics-wrapper {
	padding: 40px 20px;
}
.smallpics-wrapper {
	width: 25%;
	float: left;
	padding: 0 20px;
}
.smallpics {
	width: 100%;
}
.thethree-wrapper {
	width: 33.33333333%;
	float: left;
	padding: 0 20px;
}
.thethree {
	width: 100%;
}

/* Homepage picswrapper padding END */





/* header nav responsive */

@media (max-width: 480px) {
	.bigpic p {
		font-size: 40px;
		padding: 0 100px 0 30px;
	}
	
	#description h1 {
		font-size: 20px;
	}
	
	#description p {
		font-size: 13px;
	}
	
	.logo {
		display: none;
	}
	
	#menu {
		width: 100%;
	}
	
	#menu li {
		margin: 0 6px;
	}
	
	#headerleft, #headerright {
		display: none;
	}
}

@media (min-width: 481px) and (max-width: 1024px) {
	#description h1 {
		font-size: 20px;
	}
	
	#description p {
		font-size: 13px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.bigpic p {
		font-size: 50px;
		padding: 0 100px 0 30px;
		position: absolute;
		top: 46px;
		right: 0px;
	}
	
	.bigpic p.comment {
		position: absolute;
		top: 140px !important;
		right: 0px !important;
	}
	
	#description h1 {
		font-size: 20px;
	}
	
	#description p {
		font-size: 13px;
	}
	
	#headerright div img {
		width: 17px;
	}
}

@media (min-width: 1025px) and (max-width: 1119px) {
	.bigpic p {
		font-size: 50px;
		padding: 0 100px 0 30px;
		position: absolute;
		top: 46px;
		right: 0px;
	}
	
	.bigpic p.comment {
		position: absolute;
		top: 140px !important;
		right: 0px !important;
	}
	
	#description h1 {
		font-size: 1.5vw;
	}
	
	#description p {
		font-size: 0.90vw;
	}
	
	#headerright div img {
		width: 20px;
	}
}

@media (min-width: 1120px) and (max-width: 1720px) {
	.bigpic p {
		font-size: 40px;
		padding: 10px 100px 10px 30px;
		position: absolute;
		top: 126px;
		right: 0px;
	}
	
	.bigpic p.comment {
		position: absolute;
		top: 220px !important;
		right: 0px !important;
	}
	
	#description h1 {
		font-size: 1.5vw;
	}
	
	#description p {
		font-size: 1.2em;
	}
}

@media (min-width: 1721px) and (max-width: 2660px) {
	.bigpic p {
		font-size: 50px;
		padding: 0 100px 0 30px;
		position: absolute;
		top: 126px;
		right: 0px;
	}
	
	.bigpic p.comment {
		position: absolute;
		top: 220px !important;
		right: 0px !important;
	}
	
	#description h1 {
		font-size: 1.5vw;
	}
	
	#description p {
		font-size: 0.90vw;
	}
}