.videobackcountainer{
	width:100%;
	overflow: hidden;
	position: absolute;
	top:0px;
	left:0px;
	height:100%;
}

.videobackcountainer iframe{
	visibility:hidden;
    display: none;
    position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.videoinside{
	position: relative;
	width:100%;
	height: 100%;
}

.videoinside iframe{
	position: absolute;
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	background-color: black;
}

.fullimage{
    visibility:hidden;
    display: none;
    position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.colcontainer{
	margin-left: -15px;
	margin-right: -15px;
    position: relative;
}


.col{
	position: relative;
	float:left;
	display: block;
	margin: 15px;
	box-sizing: border-box;
}

.col.right{
	float:right;
	margin: 15px;
}

.col-1{
	width: calc(((100% - (12 * 30px))/12)*1);
}
.col-2{
	width: calc(((100% - (12 * 30px))/12)*2 + (1 * 30px));
}
.col-3{
	width: calc(((100% - (12 * 30px))/12)*3 + (2 * 30px));
}
.col-4{
	width: calc(((100% - (12 * 30px))/12)*4 + (3 * 30px));
}
.col-5{
	width: calc(((100% - (12 * 30px))/12)*5 + (4 * 30px));
}
.col-6{
	width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
}
.col-7{
	width: calc(((100% - (12 * 30px))/12)*7 + (6 * 30px));
}
.col-8{
	width: calc(((100% - (12 * 30px))/12)*8 + (7 * 30px));
}
.col-9{
	width: calc(((100% - (12 * 30px))/12)*9 + (8 * 30px));
}
.col-10{
	width: calc(((100% - (12 * 30px))/12)*10 + (9 * 30px));
}
.col-11{
	width: calc(((100% - (12 * 30px))/12)*11 + (10 * 30px));
}
.col-12{
	width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
}

.colcontainer.no-margin{
    margin:0px;
}

.colcontainer.no-margin .col{
    margin: 0px;
}

.colcontainer.no-margin .col.right{
	float:right;
	margin: 0px;
}

.colcontainer.no-margin .col-1{
	width: calc(((100% - (12 * 0px))/12)*1);
}
.colcontainer.no-margin .col-2{
	width: calc(((100% - (12 * 0px))/12)*2 + (1 * 0px));
}
.colcontainer.no-margin .col-3{
	width: calc(((100% - (12 * 0px))/12)*3 + (2 * 0px));
}
.colcontainer.no-margin .col-4{
	width: calc(((100% - (12 * 0px))/12)*4 + (3 * 0px));
}
.colcontainer.no-margin .col-5{
	width: calc(((100% - (12 * 0px))/12)*5 + (4 * 0px));
}
.colcontainer.no-margin .col-6{
	width: calc(((100% - (12 * 0px))/12)*6 + (5 * 0px));
}
.colcontainer.no-margin .col-7{
	width: calc(((100% - (12 * 0px))/12)*7 + (6 * 0px));
}
.colcontainer.no-margin .col-8{
	width: calc(((100% - (12 * 0px))/12)*8 + (7 * 0px));
}
.colcontainer.no-margin .col-9{
	width: calc(((100% - (12 * 0px))/12)*9 + (8 * 0px));
}
.colcontainer.no-margin .col-10{
	width: calc(((100% - (12 * 0px))/12)*10 + (9 * 0px));
}
.colcontainer.no-margin .col-11{
	width: calc(((100% - (12 * 0px))/12)*11 + (10 * 0px));
}
.colcontainer.no-margin .col-12{
	width: calc(((100% - (12 * 0px))/12)*12 + (11 * 0px));
}