/* -- Start The hipe titles Each css Template -- */

#stacks_in_16 .clip, #stacks_in_16 .clip_no  {  
	font-size: 285px !important; font-family: title_internal_font_selector !important;	 font-style: none !important; text-transform: none !important;	letter-spacing: 10px !important; word-spacing: 0px !important;	line-height: 200px !important;		
	 	
	 font-family: "montserratbold", sans-serif !important;  		
	 	
		
	 		
    	
%%[[if edit]]%% }

/* added style to P to fix issue in foundaiton  */
#stacks_in_16 .clip p, #stacks_in_16 .clip_no p { %%[[if !edit]]%%
	font-family: title_internal_font_selector !important;  font-family: "montserratbold", sans-serif !important;  		
	 	
	
	 		
    	
%%[[if edit]]%% }
/* prevent issue in Foundation theme and some stacks */
#stacks_in_16 p { font-size: 285px !important; line-height: 200px !important;}
#stacks_in_16 * { -moz-box-sizing: content-box !important;	-webkit-box-sizing: content-box !important;	box-sizing: content-box !important;}
#stacks_in_16 .clip_no, #stacks_in_16 .clip_no p  { color: rgba(17, 128, 64, 1.00) !important; }
#stacks_in_16 .left-side-hide {	 }
#stacks_in_16 .clip, #stacks_in_16 .clip p {	 -moz-background-clip: text !important; -webkit-background-clip: text !important;	 color: transparent !important; background-position: left center !important; background-size: cover !important; }
#stacks_in_16 .clip p, #stacks_in_16 .clip_no p { margin: 0 !important; padding-top: 160px !important; padding-left: 0px !important; padding-right: 0px !important; } 
#stacks_in_16 .clip, #stacks_in_16 .clip p, #stacks_in_16 .clip_no, #stacks_in_16 .clip_no p { text-align: center; text-align: center !important; }
#stacks_in_16 .clip, #stacks_in_16 .box_left { background-position: left center !important; background-size: cover !important; }
#stacks_in_16 .viewport-animation-1, #stacks_in_16 .viewport-animation-2, #stacks_in_16 .viewport-animation-3, #stacks_in_16 .viewport-animation-4 { display:  !important; }
#stacks_in_16 .box_left, #stacks_in_16 .clip { background-position: left center !important; background-size: cover !important;
 

background-image: url(../files/clipping_text_image-16.jpg) !important;
 
 
}
/*  Hype CSS */
#stacks_in_16 .cursor_ew-resize_style, #stacks_in_16 .cursor_ew-resize_style:hover { cursor:ew-resize !important; }
#stacks_in_16 .cursor_style_fix_col, #stacks_in_16 .cursor_style_fix_col [class^="fa fa-"], #stacks_in_16 .cursor_style_fix_col [class*="fa fa-"] { color: #9e9e9e !important; }
#stacks_in_16 .cursor_style_fix_col:hover, #stacks_in_16 .cursor_style_fix_col [class^="fa fa-"]:hover, #stacks_in_16 .cursor_style_fix_col [class*="fa fa-"]:hover { color: #f6f6f6 !important; }
#stacks_in_16 .HYPE_document { text-align: center;	display: block;	width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; }
#stacks_in_16 .move_slide_viewport_symbol {		 margin-top: -70px !important;  }
#stacks_in_16 .move_hide_enlarge_viewport_symbol { margin-top: 0px !important;  }

#stacks_in_16 .button-stats:hover, .button-stats:hover {background-color: #262626 !important; }
/* hype  element */
#stacks_in_16 .image_bg_hype { %%[[if !edit]]%% 
	filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important;
	-webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important;	
	opacity: 1 !important;		
						
	  
		background: url() !important;
	   		
		
	background-size: cover !important;
	background-position: left center !important;  %%[[if edit]]%% }
	
#stacks_in_16 .image_bg_in_out {  background-color: rgba(100, 100, 100, 0.50) !important;	 }
#stacks_in_16 .image_bg_overlay_hype {  }
#stacks_in_16 .image_bg_overlay_hype {  }
#stacks_in_16 .wrapper_link  {display: none !important;	position: absolute;	top: 0;	right: 0; left: 0; bottom: 0; z-index: 2;	width: 100%; height: 100%; %%[[if edit]]%% display:none;  }
#stacks_in_16 .back_wrapper_8573  {	text-align: center;	margin-right: auto;	margin-left: auto; display: block; position: relative; padding: 1px 0 0 !important; } /* fix offset repeat in EX padding top */
#stacks_in_16 .wrapper_8573 { text-align: center;	margin-right: auto;	margin-left: auto; display: block; position: relative;	 }

/* @group Built-in Webfonts */
@font-face {
font-family: 'cordial_proregregular';
src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.eot');
src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'),
url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'),
url('../files/webfonts/cordial_web/cordial_regular_39-webfont.ttf') format('truetype'),
url('../files/webfonts/cordial_web/cordial_regular_39-webfont.svg#cordial_proregregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'cordial_prosemibold';
src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.eot');
src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'),
url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'),
url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.ttf') format('truetype'),
url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.svg#cordial_prosemibold') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'cordial_promedium';
src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.eot');
src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),
url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'),
url('../files/webfonts/cordial_web/cordial_medium_38-webfont.ttf') format('truetype'),
url('../files/webfonts/cordial_web/cordial_medium_38-webfont.svg#cordial_promedium') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'cordial_prolight';
src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.eot');
src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'),
url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'),
url('../files/webfonts/cordial_web/cordial_light_59-webfont.ttf') format('truetype'),
url('../files/webfonts/cordial_web/cordial_light_59-webfont.svg#cordial_prolight') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'cordial_probold';
src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.eot');
src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'),
url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'),
url('../files/webfonts/cordial_web/cordial_bold_69-webfont.ttf') format('truetype'),
url('../files/webfonts/cordial_web/cordial_bold_69-webfont.svg#cordial_probold') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'cordial_pro_inlineBdrounded';
src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot');
src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'),
url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'),
url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.ttf') format('truetype'),
url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.svg#cordial_pro_inlineBdrounded') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'cordial_pro_cherryBdrounded';
src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot');
src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'),
url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'),
url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.ttf') format('truetype'),
url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.svg#cordial_pro_cherryBdrounded') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'rubik_mono_oneregular';
src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot');
src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'),
url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'),
url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.ttf') format('truetype'),
url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.svg#rubik_mono_oneregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'montserratbold';
src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot');
src: url('../files/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../files/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../files/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'playfair_display_scregular';
src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot');
src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'abelregular';
src: url('../files/webfonts/abel/abel-regular-webfont.eot');
src: url('../files/webfonts/abel/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'), url('../files/webfonts/abel/abel-regular-webfont.ttf') format('truetype'), url('../files/webfonts/abel/abel-regular-webfont.svg#abelregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'open_sanscondensed_light';
src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot');
src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'bree_serifregular';
src: url('../files/webfonts/breeserif/breeserif-regular-webfont.eot');
src: url('../files/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('../files/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('../files/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular')format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'pacificoregular';
src: url('../files/webfonts/pacifico/pacifico-regular-webfont.eot');
src: url('../files/webfonts/pacifico/pacifico-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'),
url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'),
url('../files/webfonts/pacifico/pacifico-regular-webfont.ttf') format('truetype'),
url('../files/webfonts/pacifico/pacifico-regular-webfont.svg#pacificoregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'signikaregular';
src: url('../files/webfonts/signika/signika-regular-webfont.eot');
src: url('../files/webfonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'),
url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'),
url('../files/webfonts/signika/signika-regular-webfont.ttf') format('truetype'),
url('../files/webfonts/signika/signika-regular-webfont.svg#signikaregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'rochesterregular';
src: url('../files/webfonts/rochester/rochester-regular-webfont.eot');
src: url('../files/webfonts/rochester/rochester-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'),
url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff'),
url('../files/webfonts/rochester/rochester-regular-webfont.ttf') format('truetype'),
url('../files/webfonts/rochester/rochester-regular-webfont.svg#rochesterregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'playfair_display_scregular';
src: url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.eot');
src: url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.woff') format('woff'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('../files/webfonts/playfair/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'ralewaylight';
src: url('../files/webfonts/raleway/raleway-light-webfont.eot');
src: url('../files/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('../files/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('../files/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'fjalla_oneregular';
src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot');
src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'vigaregular';
src: url('../files/webfonts/viga/viga-regular-webfont.eot');
src: url('../files/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('../files/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('../files/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'ubunturegular';
src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.eot');
src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg');
font-weight: normal; font-style: normal; }
@font-face {
font-family: 'archivo_blackregular';
src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot');
src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), 
url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg');
font-weight: normal;font-style: normal; } 
/* @end */

/* ex preview  */

/* DEMO simulator  */

/* UI descript COMPACT */
#stacks_in_16 .HYPE_document, #stacks_in_16 .back_wrapper_8573, #stacks_in_16 .wrapper_8573 { }
/* 1A responsive - desktop and full width ____ */
#stacks_in_16 .back_wrapper_8573, #stacks_in_16 .wrapper_8573  { max-width: 1800px !important; height: 500px !important; } 

@media only screen and (min-width: 1400px) {
#stacks_in_16 .back_wrapper_8573, #stacks_in_16 .wrapper_8573  { max-width: 1800px !important; 	height: 500px !important;  } 
#stacks_in_16 .brk_info:after {	content: "WIDE  \f108  + 4BP"; -webkit-animation: scale-css2 0.35s  ease-in-out  both !important; animation: scale-css2 0.35s  ease-in-out both !important; }	
} 
@media only screen and (max-width: 1400px ) {
#stacks_in_16 .back_wrapper_8573, #stacks_in_16 .wrapper_8573  { height: 500px !important; }
#stacks_in_16 .brk_info:after {	content: "1 \f109"; -webkit-animation: scale-css 0.35s  ease-in-out  both !important; animation: scale-css 0.35s  ease-in-out both !important; }
}
/* 2B */
@media only screen and (max-width: 1000px ) {
#stacks_in_16 .back_wrapper_8573, #stacks_in_16 .wrapper_8573  { height: 400px !important; } 
#stacks_in_16 .brk_info:after {	content: "2 \f2d0"; -webkit-animation: scale-css2 0.35s  ease-in-out  both !important; animation: scale-css2 0.35s  ease-in-out both !important; }
}
/* 3C */
@media only screen and (max-width: 700px ) {
#stacks_in_16 .back_wrapper_8573, #stacks_in_16 .wrapper_8573  { height: 250px !important; } 
#stacks_in_16 .brk_info:after {	content: "3 \f10a"; -webkit-animation: scale-css 0.35s  ease-in-out  both !important; animation: scale-css 0.35s  ease-in-out both !important; }
}
/* 4D */
@media only screen and (max-width: 410px ) {
#stacks_in_16 .back_wrapper_8573, #stacks_in_16 .wrapper_8573  { height: 200px !important; } 
#stacks_in_16 .brk_info:after {	content: "4 \f10b"; -webkit-animation: scale-css2 0.35s  ease-in-out  both !important; animation: scale-css2 0.35s  ease-in-out both !important; }
}






/* -- End EACH CSS Template -- */
#stacks_in_4 {
	margin:  20px;
}

#stacks_in_6 {
	margin:  20px;
}

#stacks_in_8 {
	padding:  20px;
}
