/*----- GLOBAL RESET*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, picture, audio, video{	margin: 0; padding: 0; border: 0;}

ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/*----- FOR WEBSITE */

a, a:link, a:active, a:visited { -webkit-transition: all 0.50s ease-out; -moz-transition: all 0.50s ease-out; -o-transition: all 0.50s ease-out; transition: all 0.50s ease-out; outline: none; text-decoration:none; }
a:hover{ text-decoration:none;}
img{ border:none; vertical-align:top; }
h1, h2, h3, h4, h5, h6, p, div, ul, li{ margin:0; padding:0; font-weight:normal; line-height:100%;  }
form { margin:0; padding:0; display:inline;}

.clear{ clear:both;}

*{ margin:0; padding:0; -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box;}
*:focus{outline:none;}

input[type="button"]{cursor:pointer;}
.f-left{float:left;}
.f-right{float:right;}
.text-align-left{ text-align:left;}
.text-align-right{ text-align:right;}
.text-align-center{ text-align:center;}
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}
.overFlow{ overflow:hidden;}
.overFlow-X{ overflow-x:hidden;}
.overFlow-Y{ overflow-y:hidden;}
.fixed{ position:fixed;}
svg, canvas{ pointer-events: none;}

/***********************************************************************************************************/

html { margin:0; padding:0; -webkit-font-smoothing: antialiased;}
body { margin:0; padding:0; overflow-x: hidden; font-size:100%;}

.innerCon .container.containerOurWorkInner{ max-width: 1140px;}
.innerCon .container.containerOurWorkInner .CaseStudies_title{display:none;color:#ffcb08; padding-bottom: 20px;}
.innerBanner { display: none;}

.mid-container{ position: relative; width: 100%; margin:0 auto; height: auto; max-width: 1300px; }
.mid-container .slice{ clear: both; position: relative; z-index: 10; width: 100%; height: auto;}
.mid-container .slice img{position: relative; z-index: 11; width: 100%; height: auto; display: block;}

.video-container{ position: absolute; z-index: 12; width: 100%; height: 100%; left:0; top: 0;}
.video-container .video-panel{ position: relative; margin: 0 auto; /*width: 100%;*/ width:70.0714%; height: 0; max-width: 981px; /*padding-bottom: 56.22%;*/ padding-bottom: 39.15%; background-color: #000; border: #7A9719 solid 5px;}
.video-container .video-panel iframe, .video-container .video-panel video, .video-container .video-panel object{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

@media handheld, only screen and (max-width: 640px) {
	.video-container .video-panel{ width:96%; padding-bottom: 51.22%;}
}