.seam{background-color:transparent;width:100%;overflow:hidden}.seam svg{display:block;-webkit-transform:scale(1.05);transform:scale(1.05)}.seam-top{z-index:1;position:absolute;top:0}.seam-bottom{z-index:1;position:absolute;bottom:0}.seam-content-wrapper{position:relative;overflow:hidden}.seam-content-wrapper .seam,.seam-content-wrapper .seam-filler{position:absolute;width:100%;top:60%}.seam-content-wrapper .seam{-webkit-transform:translateY(-100%) scale(1.01);transform:translateY(-100%) scale(1.01)}.seam-content-wrapper .seam-filler{height:100%}.seam-animate-end{visibility:hidden} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(8, 69, 149, 1.00);--secondary:rgba(254, 0, 0, 0.75);--success:rgba(115, 123, 170, 1.00);--warning:rgba(240, 130, 173, 1.00);--alert:rgba(97, 189, 225, 0.75);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(254, 254, 254, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(218, 255, 255, 1.00);--secondary-light:rgba(255, 210, 210, 0.75);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 255, 1.00);--alert-light:rgba(255, 255, 255, 0.75);*/--primary-dark:rgba(0, 39, 119, 1.00);--secondary-dark:rgba(224, 0, 0, 0.75);--success-dark:rgba(85, 93, 140, 1.00);--warning-dark:rgba(210, 100, 143, 1.00);--alert-dark:rgba(67, 159, 195, 0.75);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1200rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .myclass{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){ .myclass{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){ .myclass{font-size:calc(16rem/16) }} .MH{height:5rem ;} .BH{background-color:rgba(6, 70, 152, 1.00) ;background-image:url('') ;background-repeat:no-repeat ;background-size: cover ;} .HH{height:1.5rem ;} .HP{padding-top:6rem ;padding-right:0 ;padding-bottom:2rem ;padding-left:0 ;} .PM{position:fixed ;z-index:1 ;top:2% ;bottom:unset ;left:unset ;right:5% ;transform:translateY(-50%) translateX(-50%) ;} .LPB{position:fixed ;z-index:1 ;top:unset ;bottom:0px ;left:unset ;right:unset ;} .CloseP{position:fixed ;z-index:1 ;top:unset ;bottom:unset ;left:0px ;right:unset ;} .stacks_in_5_7 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_100 { text-transform: uppercase; } .stacks_in_27 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_32 { font-size: 80%; } /* -- Start The hipe titles Each css Template -- */ #stacks_in_70 .clip, #stacks_in_70 .clip_no { font-size: 92px !important; font-family: title_cordial_font_selector !important; font-style: none !important; text-transform: none !important; letter-spacing: 0px !important; word-spacing: 5px !important; line-height: 79px !important; filter: drop-shadow(3px 3px 0px rgba(31, 43, 41, 1.00)) !important; font-family: "cordial_probold", sans-serif !important; %%[[if edit]]%% } /* added style to P to fix issue in foundaiton */ #stacks_in_70 .clip p, #stacks_in_70 .clip_no p { %%[[if !edit]]%% font-family: title_cordial_font_selector !important; font-family: "cordial_probold", sans-serif !important; %%[[if edit]]%% } /* prevent issue in Foundation theme and some stacks */ #stacks_in_70 p { font-size: 92px !important; line-height: 79px !important;} #stacks_in_70 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;} #stacks_in_70 .clip_no, #stacks_in_70 .clip_no p { color: rgba(239, 239, 239, 1.00) !important; } #stacks_in_70 .left-side-hide { } #stacks_in_70 .clip, #stacks_in_70 .clip p { -moz-background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; background-position: left bottom !important; background-size: cover !important; } #stacks_in_70 .clip p, #stacks_in_70 .clip_no p { margin: 0 !important; padding-top: 400px !important; padding-left: 0px !important; padding-right: 0px !important; } #stacks_in_70 .clip, #stacks_in_70 .clip p, #stacks_in_70 .clip_no, #stacks_in_70 .clip_no p { text-align: center; text-align: left !important; } #stacks_in_70 .clip, #stacks_in_70 .box_left { background-position: left bottom !important; background-size: cover !important; } #stacks_in_70 .viewport-animation-1, #stacks_in_70 .viewport-animation-2, #stacks_in_70 .viewport-animation-3, #stacks_in_70 .viewport-animation-4 { display: !important; } #stacks_in_70 .box_left, #stacks_in_70 .clip { background-position: left bottom !important; background-size: cover !important; background-image: url(https://images.unsplash.com/photo-1461773518188-b3e86f98242f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; } /* Hype CSS */ #stacks_in_70 .cursor_ew-resize_style, #stacks_in_70 .cursor_ew-resize_style:hover { cursor:ew-resize !important; } #stacks_in_70 .cursor_style_fix_col, #stacks_in_70 .cursor_style_fix_col [class^="fa fa-"], #stacks_in_70 .cursor_style_fix_col [class*="fa fa-"] { color: #9e9e9e !important; } #stacks_in_70 .cursor_style_fix_col:hover, #stacks_in_70 .cursor_style_fix_col [class^="fa fa-"]:hover, #stacks_in_70 .cursor_style_fix_col [class*="fa fa-"]:hover { color: #f6f6f6 !important; } #stacks_in_70 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_70 .move_slide_viewport_symbol { } #stacks_in_70 .move_hide_enlarge_viewport_symbol { margin-top: -250px !important; opacity: 0 !important; } #stacks_in_70 .button-stats:hover, .button-stats:hover {background-color: #262626 !important; } /* hype element */ #stacks_in_70 .image_bg_hype { %%[[if !edit]]%% filter: contrast(100%) brightness(100%) grayscale(0%) blur(8px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(8px) !important; opacity: 1 !important; background: url(https://images.unsplash.com/photo-1461773518188-b3e86f98242f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEzMjQ5fQ) !important; background-size: cover !important; background-position: left bottom !important; %%[[if edit]]%% } #stacks_in_70 .image_bg_in_out { } #stacks_in_70 .image_bg_overlay_hype { background-color: rgba(135, 91, 76, 0.50) !important; } #stacks_in_70 .image_bg_overlay_hype { background-color: rgba(135, 91, 76, 0.50) !important; } #stacks_in_70 .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_70 .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_70 .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_70 .HYPE_document, #stacks_in_70 .back_wrapper_8573, #stacks_in_70 .wrapper_8573 { } /* 1A responsive - desktop and full width ____ */ #stacks_in_70 .back_wrapper_8573, #stacks_in_70 .wrapper_8573 { max-width: 1800px !important; height: 550px !important; } @media only screen and (min-width: 1400px) { #stacks_in_70 .back_wrapper_8573, #stacks_in_70 .wrapper_8573 { max-width: 1800px !important; height: 550px !important; } #stacks_in_70 .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_70 .back_wrapper_8573, #stacks_in_70 .wrapper_8573 { height: 440px !important; } #stacks_in_70 .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_70 .back_wrapper_8573, #stacks_in_70 .wrapper_8573 { height: 350px !important; } #stacks_in_70 .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_70 .back_wrapper_8573, #stacks_in_70 .wrapper_8573 { height: 220px !important; } #stacks_in_70 .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_70 .back_wrapper_8573, #stacks_in_70 .wrapper_8573 { height: 170px !important; } #stacks_in_70 .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_6_16 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_6_19{text-align:center}#stacks_in_6_19 img{max-width:50px;width:100%;height:auto}@media only screen and (min-width:641px){#stacks_in_6_19 img{max-width:100px}}@media only screen and (min-width:1024px){#stacks_in_6_19 img{max-width:150px}} #stacks_in_6_20 { text-transform: uppercase; } #stacks_in_6_25 { text-transform: uppercase; } #stacks_in_6_51 { text-transform: uppercase; } #stacks_in_6_36 { font-size: 50%; } #stacks_in_6_38 { text-transform: uppercase; font-size: 80%; font-weight: lighter; }