Video production portfolio. All projects filmed, edited, produced and written by Chris Chromey.

 

Video production portfolio of Chris Chromey.  Featuring projects filmed, edited, produced and written by Chris Chromey.

VIDEO PORTFOLIO

 

 

section#huge_it_portfolio_content_2 {
position:relative;
display:block;
}

.portelement_2 .play-icon.youtube-icon,
.play-icon.youtube-icon {
background: url(https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.youtube.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_2 .play-icon.vimeo-icon,
.play-icon.vimeo-icon {
background: url(https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.vimeo.png) center center no-repeat;
background-size: 30% 30%;
}

.portelement_2 .play-icon,.play-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.portelement_2 {
max-width:410px !important;
width:100%;
margin:0 0 10px 0;
background:#F9F9F9;
border:5px solid #DEDEDE;
outline:none;
box-sizing: border-box;
}

.portelement_2 .image-block_2 {
position:relative;
width:100%;
height:250px !important;
}

.portelement_2 .image-block_2 img {
margin:0 !important;
padding:0 !important;
width:100% !important;
height:250px !important;
display:block;
border-radius: 0 !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.portelement_2 .image-block_2 .image-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(255,255,255,0.7) !important;
display:none;
}

.portelement_2:hover .image-block_2 .image-overlay {
display:block;
}

.portelement_2 .image-block_2 .image-overlay a {
border:none;
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
background:url(‘https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/zoom.light.png’) center center no-repeat;
}

.portelement_2 .title-block_2 {
position:relative;
height: 35px;
margin: 0;
border-top:5px solid #DEDEDE;
box-sizing: content-box;
}

.portelement_2 .title-block_2 h3 {
position:relative;
margin:0 !important;
padding:0 1% 0 1% !important;
width:90%;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
font-weight:normal;
top: 50%;
transform: translateY(-50%);
font-size: 15px !important;
line-height: 19px !important;
color:#222222;
}

.portelement_2 .title-block_2 .button-block {
position:absolute;
right:0;
top:0;
display:none;
vertical-align:middle;
height:100%;
padding-right:10px;
}
.portelement_2:hover .title-block_2 .button-block {display:block;}

.portelement_2 .title-block_2 a,.portelement_2 .title-block_2 a:link,.portelement_2 .title-block_2 a:visited,
.portelement_2 .title-block_2 a:hover,.portelement_2 .title-block_2 a:focus,.portelement_2 .title-block_2 a:active {
position:relative;
display:block;
vertical-align:middle;
padding: 3px 10px 3px 10px;
border-radius:3px;
font-size:14px;
background:#BFC6C9;
color:#FFFFFF;
text-decoration:none;
top:50%;
transform: translateY(-45%);
}

/*#####POPUP#####*/

#huge_it_portfolio_popup_list_2 {
position:fixed;
display:table;
width:80%;
top:7%;
left:7%;
margin:0 !important;
list-style:none;
z-index:999999;
display:none;
height:90%;
}

#huge_it_portfolio_popup_list_2.active {display:table;}

#huge_it_portfolio_popup_list_2 li.pupup-element {
position:relative;
display:none;
width:100%;
padding:40px 0 20px 0;
min-height:100%;
position:relative;
background:#FFFFFF;
}

#huge_it_portfolio_popup_list_2 li.pupup-element.active {
display:block;
}

#huge_it_portfolio_popup_list_2 .heading-navigation_2 {
position:absolute;
width:100%;
height:40px;
top:0;
left:0;
z-index:2001;
background:url(‘https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png’) center bottom repeat-x;
}

#huge_it_portfolio_popup_list_2 .heading-navigation_2 .close,#huge_it_portfolio_popup_list_2 .heading-navigation_2 .close:link, #huge_it_portfolio_popup_list_2 .heading-navigation_2 .close:visited {
position:relative;
float:right;
width:40px;
height:40px;
display:block;
background:url(‘https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/close.popup.dark.png’) center center no-repeat;
border-left:1px solid #ccc;
opacity:.65;
}

#huge_it_portfolio_popup_list_2 .heading-navigation_2 .close:hover, #huge_it_portfolio_popup_list_2 .heading-navigation_2 .close:focus, #huge_it_portfolio_popup_list_2 .heading-navigation_2 .close:active {opacity:1;}

#huge_it_portfolio_popup_list_2 li.pupup-element .popup-wrapper_2 {
position:relative;
width:98%;
height:98%;
padding:2% 0% 0% 2%;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .image-block_2 {
width:55%;
height:100%; position:relative;
float:left;
margin-right:2%;
border-right:1px solid #ccc;
min-width:200px;
min-height:100%;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .image-block_2 img {
width:100% !important; display:block;
padding:0 !important;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block {
width:42.8%;
height: 100%;
position:relative;
float:left;
}

#huge_it_portfolio_popup_list_2 li.pupup-element .popup-wrapper_2 .right-block > div {
padding-top:10px;
padding-right: 4%;
margin-bottom:10px;
background:url(‘https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png’) center top repeat-x;
}
#huge_it_portfolio_popup_list_2 li.pupup-element .popup-wrapper_2 .right-block > div:last-child {background:none;}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .title {
position:relative;
display:block;
margin:0 0 10px 0 !important;
font-size:18px !important;
line-height:22px !important;
color:#222222;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description {
clear:both;
position:relative;
text-align:justify;
font-size:14px !important;
color:#222222;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description h1,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description h2,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description h3,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description h4,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description h5,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description h6,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description p,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description strong,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description span {
padding:2px !important;
margin:0 !important;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description ul,
#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block .description li {
padding:2px 0 2px 5px;
margin:0 0 0 8px;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block ul.thumbs-list_2 {
list-style:none;
display:table;
position:relative;
clear:both;
width:100%;
margin:0 auto;
padding:0;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block ul.thumbs-list_2 li {
display:block;
float:left;
width:75px;
height:75px;
margin:0 2% 5px 1% !important;
opacity:0.45;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block ul.thumbs-list_2 li.active,#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block ul.thumbs-list_2 li:hover {
opacity:1;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block ul.thumbs-list_2 li a {
border:none;
display:block;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block ul.thumbs-list_2 li img {
margin:0 !important;
padding:0 !important;
width:75px !important;
height:75px !important;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .image-block_2 iframe {
width:100% !important;
height:95% !important;
display:block;

}

#huge_it_portfolio_popup_list_2 .heading-navigation_2 .left-change, #huge_it_portfolio_popup_list_2 .heading-navigation_2 .right-change{
width: 40px;
height: 39px;
font-size: 25px;
display: inline-block;
text-align: center;
border: 1px solid #eee;
border-bottom: none;
border-top: none;
}

#huge_it_portfolio_popup_list_2 .heading-navigation_2 .right-change{
position: relative;
margin-left: -6px;
}

#huge_it_portfolio_popup_list_2 .heading-navigation_2 .right-change:hover, #huge_it_portfolio_popup_list_2 .heading-navigation_2 .left-change:hover{
background: #ddd;
border-color: #ccc;
color: #000 !important;
cursor: pointer;
}

#huge_it_portfolio_popup_list_2 .heading-navigation_2 .right-change a, #huge_it_portfolio_popup_list_2 .heading-navigation_2 .left-change a{
position: absolute;
transform: translate(-50%, -50%) !important;
color: #777;
text-decoration: none;
width: 12px;
height: 100%;
display: inline-block;
line-height: normal;
top: 50%;
}

/**/
.pupup-element .button-block {
position:relative;
}

.pupup-element .button-block a,.pupup-element .button-block a:link,.pupup-element .button-block a:visited{
position:relative;
display:inline-block;
padding:6px 12px;
background:#2EA2CD;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.pupup-element .button-block a:hover,.pupup-element .button-block a:focus,.pupup-element .button-block a:active {
background:#0074A2;
color:#FFFFFF;
}

#huge-popup-overlay-portfolio {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:199;
background: rgba(0,0,0,0.7) !important}

@media only screen and (max-width: 767px) {

#huge_it_portfolio_popup_list_2 {
position:absolute;
left:0;
top:0;
width:100%;
height:auto !important;
left:0;
}

#huge_it_portfolio_popup_list_2 li.pupup-element {
margin:0;
height:auto !important;
position:absolute;
left:0;
top:0;
}

#huge_it_portfolio_popup_list_2 li.pupup-element .popup-wrapper_2 {
height:auto !important;
overflow-y:auto;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .image-block_2 {
width:100%;
float:none;
clear:both;
margin-right:0;
border-right:0;
}

#huge_it_portfolio_popup_list_2 .popup-wrapper_2 .right-block {
width:100%;
float:none;
clear:both;
margin-right:0;
border-right:0;
}

#huge-popup-overlay-portfolio_2 {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:199;
}

}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 {
position: relative;
overflow: hidden;
float:;max-width:180px;width:20%;display:inline-block;margin-left:1%;
opacity: 0; margin-bottom: 10px;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul {
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
width: 100%;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li {
border-radius: 0px;
list-style-type: none;
margin: 0 !important;
padding: 0;
border: 1px solid #ccc;}

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
background-color: #F7F7F7 !important;
font-size:14px !important;
color:#555555 !important;
text-decoration: none;
cursor: pointer;
margin: 0 !important;
display: block;
padding:20px;
border-radius: 0px;
}

/*#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li:hover {

}*/

#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a:hover {
background-color: #FF3845 !important;
color:#FFFFFF !important;
cursor: pointer;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 {
position: relative;
overflow: hidden;
float:;max-width:180px;width:20%;display:inline-block;margin-left:1%;
opacity: 0;}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li {
list-style-type: none;
border-radius: 0px;
border: 1px solid #ccc;}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a {
font-size:14px !important;
color:#555555 !important;
background-color: #F7F7F7 !important;
border-radius: 0px;
padding:3px;
display: block;
text-decoration: none;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:hover {
color:#FFFFFF !important;
background-color: #FF3845 !important;
cursor: pointer
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:visited,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:hover,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:focus,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:active {
color:#FFFFFF !important;
background-color: #FF3845 !important;
cursor: pointer;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_container_2 {
width: 79%;
max-width: 100% !important;
width:100%;opacity: 0;}
@media screen and (max-width: 768px) {

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {
font-size: 2vw !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
font-size:2vw !important;
}

}
@media screen and (max-width: 480px) {
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 {
float: left;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 #sort-by{
float: left;
width: 100% !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 #port-sort-direction{
float: left;
width: 100% !important;
position: relative;
padding-left: 31% !important;
right: 31%;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {
font-size: 3vw !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
line-height: 3vw;
font-size:3vw !important;
}
}
@media screen and (max-width: 420px) {

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {
font-size: 4vw !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {
font-size:4vw !important;
}
}
@media screen and (max-width: 450px) {
.portelement_2 {
width:98%;
margin: 1% !important;
float: left;
overflow: hidden;
outline:none;
border:5px solid #D0D0D0;
}
.wd-portfolio-panel_2 {
width: 100% !important;
}
}
#huge-it-container-loading-overlay_2 {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: url(https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/loading/loading-1.svg) center top ;
background-repeat: no-repeat;
background-size: 60px auto;
}
#huge_it_portfolio_options_and_filters_2{
position: relative;
float: left;
width: 20%;
max-width: 180px;
float:;
margin-left:1%;}