/****************** FONTS ******************/ /* source-sans-pro-200 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url('../fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('../fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('../fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-regular - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /****************** END FONTS ******************/ /******************* MOBILE HIDE / MOBILE SHOW ***************************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ .mobile_show { display: none; } .mobile_show_p { display: none; } .mobile_show_v { display: block; } .mobile_hide { display: none; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (orientation: portrait) { /* medium phones portrait */ .mobile_show { display: none; } .mobile_show_p { display: none; } .mobile_show_v { display: block; } .mobile_hide { display: none; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ .mobile_show { display: block; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: none; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ .mobile_show { display: block; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: none; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad Pro portrait */ .mobile_show { display: block; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: none; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ .mobile_show { display: block; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: none; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ .mobile_show { display: none; } .mobile_show_p { display: block; } .mobile_show_v { display: none; } .mobile_hide { display: none; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ .mobile_show { display: none; } .mobile_show_p { display: block; } .mobile_show_v { display: none; } .mobile_hide { display: none; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ .mobile_hide { display: none; } .mobile_show { display: none; } .mobile_show_v { display: none; } .mobile_show_p { display: block; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ .mobile_show { display: none; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: block; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ .mobile_show { display: none; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: block; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ .mobile_show { display: none; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: block; } } @media only screen and (min-width: 1681px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ .mobile_show { display: none; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: block; } } @media only screen and (min-width: 1681px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for large 16:9 wide screens */ .mobile_show { display: none; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: block; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ .mobile_show { display: none; } .mobile_show_p { display: none; } .mobile_show_v { display: none; } .mobile_hide { display: block; } } /******************* END MOBILE HIDE / MOBILE SHOW ***************************/ @media only screen and (orientation: portrait) { #standard_screen { display: none!important; } #wide_screen { display: none!important; } #portrait { display: block!important; position: fixed; z-index: 950!important; top: 30vh; font-family: Trebuchet, sans-serif; font-size: 48px; font-weight: bold; color:#ad1e1e; } #wide_screen_16_9 { display: none!important; } #huge { display: none!important; } #huge { display: none!important; } } @media only screen and (min-aspect-ratio: 16/10) and (max-width: 1680px) and (orientation: landscape) { #standard_screen { display: none!important; } #wide_screen { display: block!important; position: fixed; z-index: 950!important; top: 25vh; font-family: Trebuchet, sans-serif; font-size: 48px; font-weight: bold; color:#9aca3e; } #portrait { display: none!important; } #wide_screen_16_9 { display: none!important; } #huge { display: none!important; } } @media only screen and (min-aspect-ratio: 16/9) and (max-width: 1680px) and (orientation: landscape) { #standard_screen { display: none!important; } #wide_screen_16_9 { display: block!important; position: fixed; z-index: 950!important; top: 20vh; font-family: Trebuchet, sans-serif; font-size: 48px; font-weight: bold; color:#FF9900; } #portrait { display: none!important; } #wide_screen { display: none!important; } #huge { display: none!important; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { #standard_screen { display: none!important; } #wide_screen { display: none!important; } #huge { display: block!important; position: fixed; z-index: 950!important; top: 30vh; font-family: Trebuchet, sans-serif; font-size: 48px; font-weight: bold; color:purple; } #wide_screen_16_9 { display: none!important; } #portrait { display: none!important; } } /************** MENU & NAV BAR STYLES *************/ .plus_rotate { transform: rotate(45deg)!important; transform-origin: 50% 50%!important; transition: 0.5s; } .after_plus_rotate { transform: rotate(45deg)!important; transform-origin: 50% 50%!important; transition: 0.5s; } #core_menu, #math_menu, #company_menu, #resources_menu { display: block; } #menu_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #menu_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #mobile_menu .active { color:#00b4dc!important; } #twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } #twitter_link_m { width: 30px; height: 30px; margin-top: 12px; margin-right: 5px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; float: left; } #twitter_link_m:hover { background-image: url('../images/twitter_icon_ov.gif'); } #facebook_link_m { width: 30px; height: 30px; margin-top: 12px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; float: left; } #facebook_link_m:hover { background-image: url('../images/facebook_icon_ov.gif'); } #linkedin_link_m { width: 30px; height: 30px; margin-top: 12px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; float: left; } #linkedin_link_m:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .mega_menu_content_area, .mobile_menu_content_area, .header_content_area, .footer_content_area, .copyright_content_area { display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .menu_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .menu_sub_section, .menu_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .menu_sub_section { margin-left: 0px; color:#D2CFD0; } .menu_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .menu_item_grey { margin-left: 6px; color:#D2CFD0; font-weight: 400; font-size: 18px; margin-top: 6px; } .menu_sub_item { margin-left: 40px; } .menu_sub_item:before { content: "-"; margin-right: 5px; color:#FFFFFF; } .menu_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .menu_column { float: left; width: 20%; padding-left: 42px; } #nav_plus, #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { transition: 0.5s; -webkit-tap-highlight-color: transparent; } #nav_plus:active, #nav_after_plus:active, #nav_after_plus_2:active, #nav_after_plus_3:active, #nav_after_plus_4:active, #nav_after_plus_5:active, #nav_after_plus_6:active, #nav_after_plus_7:active { background-color: rgba(0,0,0,0)!important; } @media only screen and (max-width: 890px) { /* Specific breakpoint for mobile menu */ #mobile_menu p { padding: 0px; margin: 0px; font-size: 18px; line-height: 42px; } #mobile_menu a { font-family: 'Source Sans Pro', sans-serif; color:#D2CFD0; text-decoration: none; font-weight: 600; } #mobile_menu .menu_sub_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; font-weight: 600!important; text-transform: capitalize; } #mobile_menu .menu_item { margin-left: 18px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#FFFFFF; font-weight: 600!important; text-transform: capitalize!important; } #mobile_menu .menu_item_grey { margin-left: 18px; color:#D2CFD0; font-weight: 400; font-size: 18px; } #mobile_menu .menu_sub_item { margin-left: 36px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#FFFFFF; font-weight: 600!important; text-transform: capitalize!important; } .menu_item a, .menu_sub_item a { color:#FFFFFF!important; } .menu_section:after { content: ""; display: block; margin: 0px; width: 90%; padding-top: 0px; border-bottom: 1px solid #00b4dc; } } @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 12px; left: 0px; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 10px; right: 10px; } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_content { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; position: relative; } #nav_after_logo { width: 90px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 50px; height: 25px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; right: 10px; } #nav_after_mode_go_dark { width: 50px; height: 25px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; right: 10px; } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 5px; left: 10px; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { overflow: hidden; opacity: 1; position: fixed; top: 60; padding-top: -10px; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; } #mega_menu { display: none; } #mobile_menu { display: block; height: 100vh; margin-top: 0px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } @media only screen and (min-width: 361px) and (max-width: 413px) and (orientation: portrait) { /* medium phones portrait */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 99%; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 15px; left: 10px; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 54px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 150px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 72px; height: 36px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 12px; right: 15px; } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 68px; height: 34px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 9px; right: 19px; } #nav_after_mode_go_dark { width: 68px; height: 34px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 9px; right: 19px; } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: 18px; cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 38px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 38px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { overflow: hidden; opacity: 1; position: fixed; top: 60; padding-top: -10px; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; } #mega_menu { display: none; } #mobile_menu { display: block; height: 100vh; margin-top: 0px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } @media only screen and (min-width: 414px) and (max-width: 468px) and (orientation: portrait) { /* medium phones portrait */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 99%; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 15px; left: 10px; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 54px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 150px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 72px; height: 36px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 12px; right: 15px; } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 72px; height: 36px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 9px; right: 21px; } #nav_after_mode_go_dark { width: 72px; height: 36px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 9px; right: 21px; } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: 19px; cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 39px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 39px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { overflow: hidden; opacity: 1; position: fixed; top: 60; padding-top: -10px; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; } #mega_menu { display: none; } #mobile_menu { display: block; height: 100vh; margin-top: 0px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 99%; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 12px; left: 20px; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 10px; right: 10px; } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 100px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 50px; height: 25px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; right: 10px; } #nav_after_mode_go_dark { width: 50px; height: 25px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; right: 10px; } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 5px; left: 10px; cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { overflow: hidden; opacity: 1; position: fixed; top: 60; padding-top: -10px; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; } #mega_menu { display: none; } #mobile_menu { display: block; height: 100vh; margin-top: 0px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 12px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 10px; left: calc(50% + 300px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 90px; position: absolute; left: calc(50% - 10px); transform: translateX(-50%); } #nav_after_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 300px); } #nav_after_mode_go_dark { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 300px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 36px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 6px; left: calc(50% - 350px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { overflow: hidden; opacity: 1; position: fixed; top: 60; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; } #mega_menu { display: none; } #mobile_menu { display: block; height: 85vh; margin-top: 0px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; max-width: 810px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 24px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 240px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); top: -10px; z-index: 231; } #nav_mode_go { width: 90px; height: 45px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 20px; left: calc(50% + 330px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 330px); } #nav_after_mode_go_dark { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 330px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 36px; height: 36px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: calc(50% - 450px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { opacity: 1; position: fixed; top: 80; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; overflow: scroll; } #mega_menu { padding-left: 40px; padding-top: 10vh; } #mobile_menu { display: none; } .menu_column { float: left; width: 20%; padding-left: 21px; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 99%; max-width: 900px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 32px; height: 32px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 24px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 60px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 210px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 100px; height: 50px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 20px; left: calc(50% + 350px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 180px; position: absolute; left: 50%; transform: translateX(-50%); margin-top: -5px; } #nav_after_mode_go { width: 100px; height: 50px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 350px); } #nav_after_mode_go_dark { width: 100px; height: 50px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 350px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 32px; height: 32px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: calc(50% - 500px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; transition: 1s; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; transition: 1s; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; transition: 1s; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; transition: 1s; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; transition: 1s; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; transition: 1s; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; transition: 1s; } #menu { opacity: 1; position: fixed; top: 90; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; overflow-y: scroll; } #mega_menu { display: block; padding-left: 60px; padding-top: 20vh; } #mobile_menu { display: none; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 100%; max-width: 560px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 5px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 90px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 50px; height: 25px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 10px; left: calc(50% + 200px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 90px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 200px); } #nav_after_mode_go_dark { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 200px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 6px; left: calc(50% - 280px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 30px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 30px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { overflow: hidden; opacity: 1; position: fixed; top: 60; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; } #mega_menu { display: none; } #mobile_menu { display: block; height: 85vh; margin-top: 0px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; max-width: 560px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 12px; left: 0px; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 10px; left: calc(50% + 200px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 90px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 200px); } #nav_after_mode_go_dark { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 200px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 6px; left: calc(50% - 280px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { overflow: hidden; opacity: 1; position: fixed; top: 60; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; } #mega_menu { display: none; } #mobile_menu { display: block; height: 85vh; margin-top: 0px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 95%; max-width: 760px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 12px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 10px; left: calc(50% + 320px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 90px; position: absolute; left: calc(50% - 10px); transform: translateX(-50%); } #nav_after_mode_go { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 320px); } #nav_after_mode_go_dark { width: 60px; height: 30px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 320px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 6px; left: calc(50% - 380px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { overflow: hidden; opacity: 1; position: fixed; top: 60; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; } #mega_menu { display: none; } #mobile_menu { display: block; height: 85vh; margin-top: 0px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; max-width: 890px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 40px; height: 40px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 14px; left: calc(50% - 450px); cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 210px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); top: -10px; z-index: 231; } #nav_mode_go { width: 80px; height: 40px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 10px; left: calc(50% + 350px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 350px); } #nav_after_mode_go_dark { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 350px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 36px; height: 36px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: calc(50% - 400px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { opacity: 1; position: fixed; top: 80; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; overflow: scroll; } #mega_menu { padding-left: 40px; padding-top: 10vh; } #mobile_menu { display: none; } .menu_column { float: left; width: 20%; padding-left: 21px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 36px; height: 36px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 24px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 240px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 90px; height: 45px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 20px; left: calc(50% + 400px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 400px); } #nav_after_mode_go_dark { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 400px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: calc(50% - 500px); cursor: hand; z-index: 231; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; } #menu { opacity: 1; position: fixed; top: 90; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; overflow: scroll; } #mega_menu { display: block; padding-left: 60px; padding-top: 20vh; } #mobile_menu { display: none; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 32px; height: 32px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 24px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 240px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 100px; height: 50px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 20px; left: calc(50% + 500px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 500px); } #nav_after_mode_go_dark { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 500px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 32px; height: 32px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: calc(50% - 600px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; transition: 1s; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; transition: 1s; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; transition: 1s; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; transition: 1s; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; transition: 1s; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; transition: 1s; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; transition: 1s; } #menu { opacity: 1; position: fixed; top: 90; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; overflow-y: scroll; } #mega_menu { display: block; padding-left: 60px; padding-top: 20vh; } #mobile_menu { display: none; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 32px; height: 32px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 24px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 240px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; margin-top: -5px; } #nav_mode_go { width: 100px; height: 50px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 20px; left: calc(50% + 500px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 500px); } #nav_after_mode_go_dark { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 500px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 32px; height: 32px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: calc(50% - 600px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; transition: 1s; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; transition: 1s; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; transition: 1s; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; transition: 1s; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; transition: 1s; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; transition: 1s; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; transition: 1s; } #menu { opacity: 1; position: fixed; top: 90; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; overflow-y: scroll; } #mega_menu { display: block; padding-left: 60px; padding-top: 20vh; } #mobile_menu { display: none; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for large 16:9 wide screens */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 32px; height: 32px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 24px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 210px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; margin-top: -5px!important; } #nav_mode_go { width: 80px; height: 40px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 20px; left: calc(50% + 500px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 500px); } #nav_after_mode_go_dark { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 500px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 32px; height: 32px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: calc(50% - 600px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; transition: 1s; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; transition: 1s; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; transition: 1s; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; transition: 1s; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; transition: 1s; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; transition: 1s; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; transition: 1s; } #menu { opacity: 1; position: fixed; top: 90; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; overflow-y: scroll; } #mega_menu { display: block; padding-left: 60px; padding-top: 20vh; } #mobile_menu { display: none; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #nav { position: relative; width: 100%; top: 0px; margin: 0px; padding: 0px; height: 90px; background-color:rgba(0,0,0,0); z-index: 938; } #nav_content { width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; } #nav_plus { width: 36px; height: 36px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 24px; left: 0; cursor: hand; z-index: 231; } #nav_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; color:#000000; font-weight: 900; display: inline; } #nav_logo { width: 240px; position: absolute; left: 50%; transform: translateX(-50%); filter:invert(1); z-index: 231; } #nav_mode_go { width: 100px; height: 50px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 231; top: 20px; left: calc(50% + 500px); } #nav_after { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; background-color: #e7f1f4; z-index: 931; opacity: 0; } #nav_after_logo { width: 120px; position: absolute; left: 50%; transform: translateX(-50%); } #nav_after_mode_go { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 500px); } #nav_after_mode_go_dark { width: 70px; height: 35px; background-image: url('../images/mode_amp_go_button3b.png'); background-size: cover; background-position: center center; position: absolute; z-index: 932; top: 7px; left: calc(50% + 500px); } #nav_after_plus, #nav_after_plus_2, #nav_after_plus_3, #nav_after_plus_4, #nav_after_plus_5, #nav_after_plus_6, #nav_after_plus_7 { width: 36px; height: 36px; margin: 0px; padding: 0px; text-align: center; position: absolute; top: 10px; left: calc(50% - 600px); cursor: hand; } #nav_after_plus_p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#FFFFFF; font-weight: 900; display: inline; } #nav_after_plus_p_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; color:#000000; font-weight: 900; display: inline; } .nav_after_after { visibility:visible!important; } .nav_after_after_show { visibility:visible!important; opacity: 1!important; } #nav_after_e7f1f4 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 931; opacity: 0; transition: 1s; } #nav_after_262626 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #262626;*/ z-index: 932; opacity: 0; transition: 1s; } #nav_after_static_1 { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #e7f1f4;*/ z-index: 933; opacity: 0; transition: 1s; } #nav_after_china { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 934; opacity: 0; transition: 1s; } #nav_after_saas { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #616161;*/ z-index: 935; opacity: 0; transition: 1s; } #nav_after_sps { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #f2f2f2;*/ z-index: 936; opacity: 0; transition: 1s; } #nav_after_footer { visibility: hidden; width: 100%; position: fixed; top: 0px; margin: 0px; padding: 0px; height: 50px; /*background-color: #000000;*/ z-index: 937; opacity: 0; transition: 1s; } #menu { opacity: 1; position: fixed; top: 90; left: 0; width: 100%; height: 100vh; display: block; z-index:999997!important; background-color:#393939; background-image: url('../images/menu_bkg_min.png'); background-size: cover; background-position: center center; overflow-y: scroll; } #mega_menu { display: block; padding-left: 60px; padding-top: 20vh; } #mobile_menu { display: none; } } /***************** MENU STYLE **VERTICAL** MEDIA QUERIES *********************/ @media only screen and (max-height: 667px) { #mobile_menu { display: block; height: 75vh!important; margin-top: -10px; padding-left: 20px; padding-bottom: 50px!important; overflow: scroll; } } /****************** END MENU STYLE VERTICAL MEDIA QUERIES ******************/ /************** end Menu Styles *************/ /*********** HOME/INTRO SCREEN STYLES **************/ #body_quotes { opacity: 0; background-color:#262626; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10!important; transition: 1s; } #body_med_grey { opacity: 0; background-color:#616161; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10!important; transition: 1s; } #body_sps { opacity: 0; background-color:#032556; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 11!important; transition: 1s; } #body_dark_grey { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2!important; display: none; } #body_light_blue { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 3!important; display: none; } #body_light_grey { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 4!important; display: none; } #cloud_layer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 5!important; background-size: cover; background-repeat: no-repeat; background-position: center center; } #real_cloud_layer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 6!important; background-size: cover; background-repeat: no-repeat; background-position: center center; } #china_bkg_layer { width: 150%; height: 150%; position: fixed; top: 0; left: 0; z-index: 8!important; background-size: cover; background-repeat: no-repeat; background-position: center center; } #saas_bkg_layer { display: none; width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 7!important; background-size: cover; background-image:url('../images/new_photo_bkg3b.png'); background-repeat: no-repeat; background-position: center center!IMPORTANT; } #content-wrapper { position: relative; z-index: 101; height: 100vh; width: 100%; padding: 0; margin: 0; } #fade_background { position: fixed; top: 0px; left: 0; width: 100%; height: 100vh; z-index: 100; background-size: cover; background-position: center center; } .down_arrow { width: 124px; position: fixed; bottom: 60px; left: calc(50% - 62px); opacity: 0; z-index: 900!important; } @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #page_container { width: 100vw; margin: 0px; padding: 0px; overflow-x: hidden; height: 1690vh!important; } #fade_background { position: fixed; top: 0px; left:0; width: 100vw; height: 100vh; z-index: 100; overflow: hidden!important; background-size: 140% auto!important; background-position: center bottom!important; } #home_intro_content { width: 100%; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 36px; margin-bottom: 0px; position: relative; z-index: 9!important; } #home_intro_content img { width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; } #LM_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); margin-top: 20px; z-index: 101; } #saas_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); margin-top: 20px; z-index: 101; } #ents_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); z-index: 101; } #sps_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); z-index: 101; } /* Safari 4.0 - 8.0 */ #cloud_1 img { width: 50vw; z-index: 2; } #cloud_2 img { width: 20vw; z-index: 2; } #cloud_3 img { width: 40vw; z-index: 2; } #cloud_4 img { width: 60vw; z-index: 2; } #cloud_5 img { width: 70vw; z-index: 2; } #cloud_6 img { width: 30vw; z-index: 2; } #cloud_7 img { width: 24vw; z-index: 2; } #cloud_8 img { width: 42vw; z-index: 2; } #cloud_9 img { width: 36vw; z-index: 2; } #hex_1 img { width: 10vw; z-index: 2; } #hex_2 img { width: 50vw; z-index: 2; } #hex_3 img { width: 20vw; z-index: 2; } #sigma_1 img { width: 30vw; z-index: 2; } #sigma_2 img { width: 20vw; z-index: 2; } #sigma_3 img { width: 50vw; z-index: 2; } #cloud_1 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; } #cloud_2 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #cloud_3 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 10s; -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -40vw; } #cloud_4 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -60vw; } #cloud_5 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 8s; -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 6s; overflow: hidden; margin-left: -70vw; } #cloud_6 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 11s; -webkit-animation-duration: 11s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 4s; overflow: hidden; margin-left: -30vw; } #cloud_7 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 16s; -webkit-animation-duration: 16s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -24vw; animation-delay: 5s; } #cloud_8 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -42vw; animation-delay: 3s; } #cloud_9 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -36vw; animation-delay: 5s; } #hex_1 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 8s; -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -10vw; margin-top: 9vh; } #hex_2 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 21s; -webkit-animation-duration: 21s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; } #hex_3 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #sigma_1 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -30vw; } #sigma_2 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 10s; -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; animation-delay: 1s; } #sigma_3 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; animation-delay: 3s; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes cloud_anim_1 { 0% {left:100%; top:5h; opacity:0.0; } 10% {left:90%; top:5vh; opacity: 0.80; } 100% {left:0%; top:5vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_2 { 0% {left:100%; top:25vh; opacity:0.0; } 10% {left:90%; top:25vh; opacity: 0.80; } 100% {left:0%; top:25vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_3 { 0% {left:100%; top:45vh; opacity: 0.0; } 10% {left:90%; top:45vh; opacity: 0.80; } 100% {left:0%; top:45vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_4 { 0% {left:100%; top:65vh; opacity: 0.0; } 10% {left:90%; top:65vh; opacity: 0.80; } 100% {left:0%; top:65vh; opacity: 0.0; } } /* Standard syntax */ @keyframes cloud_anim_1 { 0% {left: 100%; top:5vh; opacity: 0.0; } 10% {left: 90%; top:5vh; opacity: 0.80; } 100% {left: 0%; top:5vh; opacity: 0.0; } } @keyframes cloud_anim_2 { 0% {left:100%; top:25vh; opacity: 0.0; } 10% {left:90%; top:25vh; opacity: 0.80; } 100% {left:0%; top:25vh; opacity: 0.0; } } @keyframes cloud_anim_3 { 0% {left:100%; top:45vh; opacity: 0.0; } 10% {left:90%; top:45vh; opacity: 0.80; } 100% {left:0%; top:45vh; opacity: 0.0; } } @keyframes cloud_anim_4 { 0% {left:100%; top:65vh; opacity: 0.0; } 10% {left:90%; top:65vh; opacity: 0.80; } 100% {left:0%; top:65vh; opacity: 0.0; } } } @media only screen and (min-width: 361px) and (max-width: 468px) and (max-height: 667px) and (orientation: portrait) { /* medium phones portrait */ #page_container { width: 100vw; margin: 0px; padding: 0px; height: 1740vh!important; overflow-x: hidden; } #fade_background { position: fixed; top: 0px; left:0; width: 100vw; height: 100vh; z-index: 100; overflow: hidden!important; background-size: 130% auto!important; background-position: center bottom!important; } #home_intro_content { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 7vh; margin-bottom: 0px; position: relative; z-index: 9!important; } #home_intro_content img { width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; } #LM_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); margin-top: 10px; z-index: 101; } #saas_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); margin-top: 20px; z-index: 101; } #ents_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); z-index: 101; } #sps_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); z-index: 101; } /* Safari 4.0 - 8.0 */ #cloud_1 img { width: 50vw; z-index: 2; } #cloud_2 img { width: 20vw; z-index: 2; } #cloud_3 img { width: 40vw; z-index: 2; } #cloud_4 img { width: 60vw; z-index: 2; } #cloud_5 img { width: 70vw; z-index: 2; } #cloud_6 img { width: 30vw; z-index: 2; } #cloud_7 img { width: 24vw; z-index: 2; } #cloud_8 img { width: 42vw; z-index: 2; } #cloud_9 img { width: 36vw; z-index: 2; } #hex_1 img { width: 10vw; z-index: 2; } #hex_2 img { width: 50vw; z-index: 2; } #hex_3 img { width: 20vw; z-index: 2; } #sigma_1 img { width: 30vw; z-index: 2; } #sigma_2 img { width: 20vw; z-index: 2; } #sigma_3 img { width: 50vw; z-index: 2; } #cloud_1 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; } #cloud_2 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #cloud_3 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 10s; -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -40vw; } #cloud_4 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -60vw; } #cloud_5 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 8s; -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 6s; overflow: hidden; margin-left: -70vw; } #cloud_6 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 11s; -webkit-animation-duration: 11s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 4s; overflow: hidden; margin-left: -30vw; } #cloud_7 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 16s; -webkit-animation-duration: 16s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -24vw; animation-delay: 5s; } #cloud_8 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -42vw; animation-delay: 3s; } #cloud_9 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -36vw; animation-delay: 5s; } #hex_1 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 8s; -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -10vw; margin-top: 9vh; } #hex_2 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 21s; -webkit-animation-duration: 21s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; } #hex_3 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #sigma_1 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -30vw; } #sigma_2 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 10s; -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; animation-delay: 1s; } #sigma_3 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; animation-delay: 3s; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes cloud_anim_1 { 0% {left:100%; top:5h; opacity:0.0; } 10% {left:90%; top:5vh; opacity: 0.80; } 100% {left:0%; top:5vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_2 { 0% {left:100%; top:25vh; opacity:0.0; } 10% {left:90%; top:25vh; opacity: 0.80; } 100% {left:0%; top:25vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_3 { 0% {left:100%; top:45vh; opacity: 0.0; } 10% {left:90%; top:45vh; opacity: 0.80; } 100% {left:0%; top:45vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_4 { 0% {left:100%; top:65vh; opacity: 0.0; } 10% {left:90%; top:65vh; opacity: 0.80; } 100% {left:0%; top:65vh; opacity: 0.0; } } /* Standard syntax */ @keyframes cloud_anim_1 { 0% {left: 100%; top:5vh; opacity: 0.0; } 10% {left: 90%; top:5vh; opacity: 0.80; } 100% {left: 0%; top:5vh; opacity: 0.0; } } @keyframes cloud_anim_2 { 0% {left:100%; top:25vh; opacity: 0.0; } 10% {left:90%; top:25vh; opacity: 0.80; } 100% {left:0%; top:25vh; opacity: 0.0; } } @keyframes cloud_anim_3 { 0% {left:100%; top:45vh; opacity: 0.0; } 10% {left:90%; top:45vh; opacity: 0.80; } 100% {left:0%; top:45vh; opacity: 0.0; } } @keyframes cloud_anim_4 { 0% {left:100%; top:65vh; opacity: 0.0; } 10% {left:90%; top:65vh; opacity: 0.80; } 100% {left:0%; top:65vh; opacity: 0.0; } } } @media only screen and (min-width: 361px) and (max-width: 468px) and (min-height: 668px) and (orientation: portrait) { /* medium phones portrait */ #page_container { width: 100vw; margin: 0px; padding: 0px; height: 1740vh!important; overflow-x: hidden; } #fade_background { position: fixed; top: 0px; left:0; width: 100vw; height: 100vh; z-index: 100; overflow: hidden!important; background-size: 130% auto!important; background-position: center bottom!important; } #home_intro_content { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 7vh; margin-bottom: 0px; position: relative; z-index: 9!important; } #home_intro_content img { width: 100%; max-width: 330px; margin-left: auto; margin-right: auto; } #LM_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); margin-top: 10px; z-index: 101; } #saas_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); margin-top: 20px; z-index: 101; } #ents_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); z-index: 101; } #sps_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); z-index: 101; } /* Safari 4.0 - 8.0 */ #cloud_1 img { width: 50vw; z-index: 2; } #cloud_2 img { width: 20vw; z-index: 2; } #cloud_3 img { width: 40vw; z-index: 2; } #cloud_4 img { width: 60vw; z-index: 2; } #cloud_5 img { width: 70vw; z-index: 2; } #cloud_6 img { width: 30vw; z-index: 2; } #cloud_7 img { width: 24vw; z-index: 2; } #cloud_8 img { width: 42vw; z-index: 2; } #cloud_9 img { width: 36vw; z-index: 2; } #hex_1 img { width: 10vw; z-index: 2; } #hex_2 img { width: 50vw; z-index: 2; } #hex_3 img { width: 20vw; z-index: 2; } #sigma_1 img { width: 30vw; z-index: 2; } #sigma_2 img { width: 20vw; z-index: 2; } #sigma_3 img { width: 50vw; z-index: 2; } #cloud_1 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; } #cloud_2 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #cloud_3 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 10s; -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -40vw; } #cloud_4 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -60vw; } #cloud_5 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 8s; -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 6s; overflow: hidden; margin-left: -70vw; } #cloud_6 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 11s; -webkit-animation-duration: 11s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 4s; overflow: hidden; margin-left: -30vw; } #cloud_7 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 16s; -webkit-animation-duration: 16s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -24vw; animation-delay: 5s; } #cloud_8 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -42vw; animation-delay: 3s; } #cloud_9 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -36vw; animation-delay: 5s; } #hex_1 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 8s; -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -10vw; margin-top: 9vh; } #hex_2 { position: absolute; z-index: 7; animation-name: cloud_anim_3; -webkit-animation-name: cloud_anim_3; /* Safari 4.0 - 8.0 */ animation-duration: 21s; -webkit-animation-duration: 21s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; } #hex_3 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #sigma_1 { position: absolute; z-index: 7; animation-name: cloud_anim_1; -webkit-animation-name: cloud_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -30vw; } #sigma_2 { position: absolute; z-index: 7; animation-name: cloud_anim_4; -webkit-animation-name: cloud_anim_4; /* Safari 4.0 - 8.0 */ animation-duration: 10s; -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; animation-delay: 1s; } #sigma_3 { position: absolute; z-index: 7; animation-name: cloud_anim_2; -webkit-animation-name: cloud_anim_2; /* Safari 4.0 - 8.0 */ animation-duration: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -50vw; animation-delay: 3s; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes cloud_anim_1 { 0% {left:100%; top:5h; opacity:0.0; } 10% {left:90%; top:5vh; opacity: 0.80; } 100% {left:0%; top:5vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_2 { 0% {left:100%; top:25vh; opacity:0.0; } 10% {left:90%; top:25vh; opacity: 0.80; } 100% {left:0%; top:25vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_3 { 0% {left:100%; top:45vh; opacity: 0.0; } 10% {left:90%; top:45vh; opacity: 0.80; } 100% {left:0%; top:45vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_4 { 0% {left:100%; top:65vh; opacity: 0.0; } 10% {left:90%; top:65vh; opacity: 0.80; } 100% {left:0%; top:65vh; opacity: 0.0; } } /* Standard syntax */ @keyframes cloud_anim_1 { 0% {left: 100%; top:5vh; opacity: 0.0; } 10% {left: 90%; top:5vh; opacity: 0.80; } 100% {left: 0%; top:5vh; opacity: 0.0; } } @keyframes cloud_anim_2 { 0% {left:100%; top:25vh; opacity: 0.0; } 10% {left:90%; top:25vh; opacity: 0.80; } 100% {left:0%; top:25vh; opacity: 0.0; } } @keyframes cloud_anim_3 { 0% {left:100%; top:45vh; opacity: 0.0; } 10% {left:90%; top:45vh; opacity: 0.80; } 100% {left:0%; top:45vh; opacity: 0.0; } } @keyframes cloud_anim_4 { 0% {left:100%; top:65vh; opacity: 0.0; } 10% {left:90%; top:65vh; opacity: 0.80; } 100% {left:0%; top:65vh; opacity: 0.0; } } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #page_container { width: 100vw; margin: 0px; padding: 0px; } #fade_background { position: fixed; top: 0px; left:0; width: 100vw; height: 100vh; z-index: 100; overflow: hidden!important; background-size: 140% auto!important; background-position: center bottom!important; } #home_intro_content { width: 90%; max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 60px; margin-bottom: 0px; } #home_intro_content img { width: 90%; max-width: 400px!important; margin-left: auto; margin-right: auto; } #LM_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); margin-top: 50px; z-index: 101; } #saas_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); margin-top: 20px; z-index: 101; } #ents_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); z-index: 101; } #sps_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50%); transform: translateX(-50%); z-index: 101; } #home_intro_content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 120px; margin-bottom: -20px; } #home_intro_content img { max-width: 900px; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #fade_background { position: fixed; top: 0px; left:0; width: 100vw; height: 100vh; z-index: 100; background-size: 150% auto!important; overflow: hidden!important; background-position: center bottom!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #home_intro_content { width: 100%; margin-left: auto; margin-right: auto; text-align: center; padding-top: 90px!important; margin-bottom: -20px; } #home_intro_content img { max-width: 600px!important; margin-left: auto; margin-right: auto; } #LM_button { display: none; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 50px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad Pro portrait */ #fade_background { position: fixed; top: 0px; left:0; width: 100vw; height: 100vh; z-index: 100; background-size: 150% auto!important; overflow: hidden!important; background-position: center bottom!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #home_intro_content { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 120px!important; margin-bottom: -20px; } #home_intro_content img { max-width: 800px; margin-left: auto; margin-right: auto; } #LM_button { display: none; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 50px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #fade_background { position: fixed; top: 0px; left: 0; width: 100vw; height: 100vh; z-index: 100; background-size: 120% auto!important; overflow:hidden; background-position: center bottom!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #LM_button { display: none; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 50px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #home_intro_content { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 150px; margin-bottom: -20px; } #home_intro_content img { max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: 0vh; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ #page_container { width: 100vw; margin: 0px; padding: 0px; } #home_intro_content { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 120px; margin-bottom: -20px; } #fade_background { top: 20px!important; } #home_intro_content { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 40px!important; margin-bottom: -20px; } #home_intro_content img { width: 90%; max-width: 400px!important; margin-left: auto; margin-right: auto; } #saas_button { width: 180px; height: 40px; text-align: center; position: relative; margin-left: calc(50% - 260px); margin-top: 30px; z-index: 101; } #ents_button { width: 180px; height: 40px; text-align: center; position: relative; margin-left: calc(50% - 100px); margin-top: -40px; z-index: 101; } #sps_button { width: 200px; height: 40px; text-align: center; position: relative; margin-left: calc(50% + 65px); margin-top: -40px; z-index: 101; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ #fade_background { top: 40px!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #home_intro_content { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 50px!important; margin-bottom: -20px; } #home_intro_content img { width: 99%; max-width: 500px!important; margin-left: auto; margin-right: auto; } #saas_button { width: 200px; height: 40px; text-align: center; position: relative; margin-left: calc(50% - 300px); margin-top: 20px; z-index: 101; } #ents_button { width: 200px; height: 40px; text-align: center; position: relative; margin-left: calc(50% - 110px); margin-top: -40px; z-index: 101; } #sps_button { width: 270px; height: 40px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -40px; z-index: 101; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ #page_container { width: 100vw; margin: 0px; padding: 0px; } #fade_background { top: 20px!important; } #home_intro_content { width: 100%; max-width: 890px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 10vh; margin-bottom: -20px; } #home_intro_content img { width: 90%; max-width: 500px!important; margin-left: auto; margin-right: auto;} #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 25px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #fade_background { top: 60px!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #home_intro_content { width: 100%; max-width: 890px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 90px!important; margin-bottom: -20px; } #home_intro_content img { max-width: 700px; margin-left: auto; margin-right: auto; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 50px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* tablets including iPad landscape */ #fade_background { top: 60px!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #home_intro_content { width: 100%; max-width: 890px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 70px!important; margin-bottom: -20px; } #home_intro_content img { max-width: 700px; margin-left: auto; margin-right: auto;} #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 30px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* tablets including iPad landscape */ #fade_background { top: 60px!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #home_intro_content { width: 100%; max-width: 890px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 70px!important; margin-bottom: -20px; } #home_intro_content img { max-width: 600px; margin-left: auto; margin-right: auto;} #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 40px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #fade_background { top: 60px!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 50px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #home_intro_content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 90px; margin-bottom: -20px; } #home_intro_content img { max-width: 800px; margin-left: auto; margin-right: auto; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* non-standard tablets, small laptops */ #fade_background { top: 60px!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 50px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #home_intro_content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 90px; margin-bottom: -20px; } #home_intro_content img { max-width: 700px; margin-left: auto; margin-right: auto; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* non-standard tablets, small laptops */ #fade_background { top: 60px!important; } #page_container { width: 100vw; margin: 0px; padding: 0px; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 30px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #home_intro_content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 90px; margin-bottom: -20px; } #home_intro_content img { max-width: 700px; margin-left: auto; margin-right: auto; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad Pro */ #page_container { width: 100vw; margin: 0px; padding: 0px; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 40px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #home_intro_content { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 100px; margin-bottom: -20px; } #home_intro_content img { max-width: 900px; margin-left: auto; margin-right: auto; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #page_container { width: 100vw; margin: 0px; padding: 0px; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 40px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #home_intro_content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 90px; } #home_intro_content img { max-width: 850px; margin-left: auto; margin-right: auto; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #page_container { width: 100vw; margin: 0px; padding: 0px; } #fade_background { margin-top: 30px; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 50px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #home_intro_content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 90px; } #home_intro_content img { max-width: 700px; margin-left: auto; margin-right: auto; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #page_container { width: 100vw; margin: 0px; padding: 0px; } #saas_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 50px; z-index: 101; } #ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 160px); margin-top: -50px; z-index: 101; } #sps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 101; } #home_intro_content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 120px; margin-bottom: -20px; } #home_intro_content img { max-width: 1000px; margin-left: auto; margin-right: auto; } #cloud_1, #cloud_2, #cloud_3, #cloud_4, #cloud_5, #cloud_6, #cloud_7, #cloud_8, #cloud_9, #hex_1, #hex_2, #hex_3, #sigma_1, #sigma_2, #sigma_3 { display: none; } } /*********** end home/intro screen styles ************/ /*********** ANNOUNCEMENT STYLES **************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #announcement_new { width: calc(95% - 20px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 85vh; z-index: 801!important; } #announcement_content { text-align: left; width: 80%; padding-left: 0px; } #announcement_content p { font-weight: 600; font-size: 18px!important; line-height: 21px!important; } #announcement_logo { width: 90px!important; float: none!important; margin-top: 20px; } #announcement_button { text-align: left; padding-left: 0px; margin-bottom: 20px; } #announcement_title { width: 120px!important; position: absolute; top: -15px!important; left: 30px!important; height: 30px!important; } } @media only screen and (min-width: 361px) and (max-width: 413px) and (max-height: 667px) and (orientation: portrait) { /* medium phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 81vh; z-index: 901!important; } #announcement_content { text-align: left; width: 95%; } #announcement_content p { font-weight: 600; font-size: 18px; line-height: 21px; font-weight: 600; } #announcement_logo { width: 90px; float: left; margin-right: 20px; padding-bottom: 20px; } #announcement_button { margin-bottom: 20px; margin-left: 110px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 361px) and (max-width: 413px) and (max-height: 667px) and (-webkit-device-pixel-ratio : 3) and (orientation: portrait) { /* medium phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 75vh; z-index: 901!important; } #announcement_content { text-align: left; width: 95%; } #announcement_content p { font-weight: 600; font-size: 18px; line-height: 21px; font-weight: 600; } #announcement_logo { width: 90px; float: left; margin-right: 20px; padding-bottom: 20px; } #announcement_button { margin-bottom: 20px; margin-left: 110px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 361px) and (max-width: 413px) and (min-height: 668px) and (max-height: 727px) and (orientation: portrait) { /* medium phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 75vh; z-index: 901!important; } #announcement_content { text-align: left; width: 95%; } #announcement_content p { font-weight: 600; font-size: 18px; line-height: 21px; font-weight: 600; } #announcement_logo { width: 90px; float: left; margin-right: 20px; padding-bottom: 20px; } #announcement_button { margin-bottom: 20px; margin-left: 110px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 361px) and (max-width: 413px) and (min-height: 728px) and (max-height: 777px) and (orientation: portrait) { /* medium phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 72vh; z-index: 901!important; } #announcement_content { text-align: left; width: 95%; } #announcement_content p { font-weight: 600; font-size: 18px; line-height: 21px; font-weight: 600; } #announcement_logo { width: 90px; float: left; margin-right: 20px; padding-bottom: 20px; } #announcement_button { margin-bottom: 20px; margin-left: 110px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 361px) and (max-width: 413px) and (min-height: 778px) and (orientation: portrait) { /* medium phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 70vh; z-index: 901!important; } #announcement_content { text-align: left; width: 95%; } #announcement_content p { font-weight: 600; font-size: 18px; line-height: 21px; font-weight: 600; } #announcement_logo { width: 90px; float: left; margin-right: 20px; padding-bottom: 20px; } #announcement_button { margin-bottom: 20px; margin-left: 110px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 414px) and (max-width: 468px) and (max-height: 720px) and (orientation: portrait) { /* medium phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 70vh; z-index: 901!important; } #announcement_content { text-align: left; width: 95%; } #announcement_content p { font-weight: 600; font-size: 18px; line-height: 21px; font-weight: 600; } #announcement_logo { width: 90px; float: left; margin-right: 20px; padding-bottom: 20px; } #announcement_button { margin-bottom: 20px; margin-left: 110px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 414px) and (max-width: 468px) and (min-height: 721px) and (max-height: 767px) and (orientation: portrait) { /* medium phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 70vh; z-index: 901!important; } #announcement_content { text-align: left; width: 95%; } #announcement_content p { font-weight: 600; font-size: 18px; line-height: 21px; font-weight: 600; } #announcement_logo { width: 90px; float: left; margin-right: 20px; padding-bottom: 20px; } #announcement_button { margin-bottom: 20px; margin-left: 110px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 414px) and (max-width: 468px) and (min-height: 768px) and (orientation: portrait) { /* medium phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 70vh; z-index: 901!important; } #announcement_content { text-align: left; width: 95%; } #announcement_content p { font-weight: 600; font-size: 18px; line-height: 21px; font-weight: 600; } #announcement_logo { width: 90px; float: left; margin-right: 20px; padding-bottom: 20px; } #announcement_button { margin-bottom: 20px; margin-left: 110px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #announcement_new { width: calc(95% - 25px); margin-left: 5%; padding: 10px 0px 0px 20px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 95vh; z-index: 801!important; } #announcement_content { text-align: left; width: 100%; padding-left: 0px; } #announcement_content p { width: 100%; font-weight: 600; font-size: 21px!important; line-height: 24px!important; } #announcement_logo { width: 120px!important; float: left!important; margin-right: 20px; margin-top: 6px; margin-bottom: 20px; } #announcement_button { width: 80%; text-align: left; padding-left: 20px; margin-bottom: 20px; } #announcement_title { width: 150px!important; position: absolute; top: -20px!important; left: 30px!important; height: 36px!important; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #announcement_new { width: calc(90% - 25px); margin-left: 10%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 24px; line-height: 27px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 20px; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #announcement_new { width: calc(90% - 25px); margin-left: 10%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 32px; line-height: 36px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 20px; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #announcement_new { width: calc(90% - 25px); margin-left: 10%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 32px; line-height: 36px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 20px; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ #announcement_new { width: calc(90% - 25px); margin-left: 10%; padding: 10px 0px 0px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 95vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 21px; line-height: 24px; font-weight: 900; } #announcement_logo { width: 120px; float: left; margin-right: 20px; padding-bottom: 0px; } #announcement_button { width: 75%; margin-bottom: 20px; margin-top: -20px; margin-left: 140px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ #announcement_new { width: calc(90% - 25px); margin-left: 10%; padding: 10px 0px 10px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 95vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 21px; line-height: 24px; font-weight: 900; } #announcement_logo { width: 120px; float: left; margin-right: 20px; } #announcement_button { width: 75%; margin-bottom: 20px; margin-left: 140px; margin-top: -20px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ #announcement_new { width: calc(90% - 25px); margin-left: 10%; padding: 10px 0px 10px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 95vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 21px; line-height: 24px; font-weight: 900; } #announcement_logo { width: 120px; float: left; margin-right: 20px; } #announcement_button { width: 75%; margin-bottom: 20px; margin-left: 140px; margin-top: -20px; } #announcement_title { width: 120px; position: absolute; top: -18px; left: 20px; height: 30px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #announcement_new { width: calc(80% - 25px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 100%; } #announcement_content p { font-weight: 600; font-size: 27px; line-height: 32px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 10px; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #announcement_new { width: calc(90% - 25px); margin-left: 10%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 32px; line-height: 36px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 20px; margin-left: 0; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ #announcement_new { width: calc(80% - 25px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 32px; line-height: 36px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 20px; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #announcement_new { width: calc(80% - 25px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 32px; line-height: 36px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 20px; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #announcement_new { width: calc(80% - 25px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 32px; line-height: 36px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 20px; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #announcement_new { width: calc(80% - 25px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; border-style: solid; border-color:#FDB51b; border-width: 5px 0px 5px 5px; position: absolute; top: 90vh; z-index: 801!important; } #announcement_content { text-align: left; width: 90%; } #announcement_content p { font-weight: 600; font-size: 32px; line-height: 36px; font-weight: 900; } #announcement_logo { width: 180px; float: left; margin-right: 40px; } #announcement_button { width: 75%; margin-bottom: 20px; } #announcement_title { width: 160px; position: absolute; top: -24px; left: 20px; height: 40px; } } /*********** end announcement styles ************/ /*********** NEWS AWARDS STYLES **************/ #modal_mask { display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); position: fixed; top: 0; left: 0; z-index: 100002; } #modal_video_1, #modal_video_2, #modal_video_3 { width: 90%; max-width: 1024px; margin-left: auto; margin-right: auto; height: 56vh; display: none; position: fixed; top: 25vh; left: 50%; transform: translateX(-50%); padding: 15px 0px; z-index: 100003; transition: 0.5s; } #modal_video_1 iframe, #modal_video_2 iframe, #modal_video_3 iframe, #modal_video_1 object, #modal_video_2 object, #modal_video_3 object, #modal_video_1 embed, #modal_video_2 embed, #modal_video_3 embed { position:absolute; top:0; left:0; width:100%; height:100%; } .modal_close_link { display: block; width: 30px; height: 25px; position: absolute; right: -5; top: -20; background-color:#00b4dc; text-align: center; padding-top: 0px; padding-bottom: 4px; color:#f2f2f2; font-size: 20px; font-weight: 800; font-family: 'Source Sans Pro', Trebuchet, sans-serif; z-index: 1000; } @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #news_awards_emerge_row { width: 100%; overflow-x: hidden; position: relative; z-index: 802; padding: 30px 0px 30px 0px; margin-top: 120px; margin-right: 0; opacity: 1; } #new_features { width: calc(100% - 40px); margin-left: 0%; padding: 20px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 390px; z-index: 125; } #all_awards { display: block; width: calc(75% - 20px); margin-left: 25%; padding: 5px 10px; text-align: center; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 30px; height: 330px; } .new_accolade { width: 150px; margin: 0px 0px 20px 10px; display: block; clear: both; float: left; } .feature_cell_new_1 { width: 150px; height: 125px; position: absolute; top: 30px; left: 30px; } .feature_cell_new_2 { width: 150px; height: 125px; position: absolute; top: 160px; left: 30px; } .feature_cell_new_3 { width: 150px; height: 125px; position: absolute; top: 290px; left: 30px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 150px!important; height: 125px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; font-size: 12px!important; text-align: left; width: 120px; background-color:#00b4dc; padding: 5px 10px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 150px!important; left: 0; top: 30; left: 90; height: 60px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 13px!important; line-height: 16px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; top: 75; left: 90; font-weight: 600; width: 150px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #trigger_59 { top: 168vh; margin-top: 50vh!important; } #trigger_60 { top: 170vh; margin-top: 50vh!important; } #trigger_61 { top: 172vh; margin-top: 50vh!important; } #trigger_62 { top: 174vh; margin-top: 50vh!important; } #trigger_63 { top: 176vh; margin-top: 50vh!important; } #trigger_64 { top: 178vh; margin-top: 50vh!important; } #trigger_65 { top: 180vh; margin-top: 50vh!important; } #trigger_66 { top: 182vh; margin-top: 50vh!important; } #trigger_67 { top: 184vh; margin-top: 50vh!important; } #trigger_68 { top: 186vh; margin-top: 50vh!important; } #trigger_69 { top: 188vh; margin-top: 50vh!important; } #trigger_70 { top: 190vh; margin-top: 50vh!important; } #trigger_71 { top: 192vh; margin-top: 50vh!important; } #trigger_72 { top: 194vh; margin-top: 50vh!important; } #trigger_73 { top: 196vh; margin-top: 50vh!important; } #trigger_74 { top: 198vh; margin-top: 50vh!important; } #trigger_75 { top: 200vh; margin-top: 50vh!important; } #trigger_76 { top: 202vh; margin-top: 50vh!important; } #trigger_77 { top: 204vh; margin-top: 50vh!important; } #trigger_78 { top: 206vh; margin-top: 50vh!important; } #trigger_79 { top: 208vh; margin-top: 50vh!important; } #trigger_80 { top: 210vh; margin-top: 50vh!important; } #trigger_81 { top: 212vh; margin-top: 50vh!important; } #trigger_82 { top: 214vh; margin-top: 50vh!important; } #trigger_83 { top: 216vh; margin-top: 50vh!important; } #trigger_84 { top: 218vh; margin-top: 50vh!important; } #trigger_85 { top: 220vh; margin-top: 50vh!important; } #trigger_86 { top: 222vh; margin-top: 50vh!important; } #trigger_87 { top: 224vh; margin-top: 50vh!important; } #trigger_88 { top: 226vh; margin-top: 50vh!important; } #trigger_89 { top: 228vh; margin-top: 50vh!important; } #trigger_90 { top: 230vh; margin-top: 50vh!important; } #trigger_91 { top: 232vh; margin-top: 50vh!important; } #trigger_92 { top: 234vh; margin-top: 50vh!important; } #trigger_93 { top: 236vh; margin-top: 50vh!important; } #trigger_94 { top: 238vh; margin-top: 50vh!important; } #trigger_95 { top: 240vh; margin-top: 50vh!important; } #trigger_96 { top: 242vh; margin-top: 50vh!important; } #trigger_97 { top: 244vh; margin-top: 50vh!important; } #trigger_98 { top: 246vh; margin-top: 50vh!important; } #trigger_99 { top: 248vh; margin-top: 50vh!important; } #trigger_100 { top: 250vh; margin-top: 50vh!important; } #trigger_101 { top: 252vh; margin-top: 50vh!important; } #trigger_102 { top: 254vh; margin-top: 50vh!important; } #trigger_103 { top: 256vh; margin-top: 50vh!important; } #trigger_104 { top: 258vh; margin-top: 50vh!important; } #trigger_105 { top: 260vh; margin-top: 50vh!important; } #trigger_106 { top: 262vh; margin-top: 50vh!important; } #trigger_107 { top: 264vh; margin-top: 50vh!important; } #trigger_108 { top: 266vh; margin-top: 50vh!important; } #trigger_109 { top: 268vh; margin-top: 50vh!important; } #trigger_110 { top: 270vh; margin-top: 50vh!important; } #trigger_111 { top: 272vh; margin-top: 50vh!important; } #trigger_112 { top: 274vh; margin-top: 50vh!important; } #trigger_113 { top: 276vh; margin-top: 50vh!important; } #trigger_114 { top: 278vh; margin-top: 50vh!important; } #trigger_115 { top: 280vh; margin-top: 50vh!important; } #trigger_116 { top: 282vh; margin-top: 50vh!important; } #trigger_117 { top: 284vh; margin-top: 50vh!important; } #trigger_118 { top: 286vh; margin-top: 50vh!important; } #trigger_119 { top: 288vh; margin-top: 50vh!important; } #trigger_120 { top: 290vh; margin-top: 50vh!important; } #trigger_121 { top: 292vh; margin-top: 50vh!important; } #trigger_122 { top: 294vh; margin-top: 50vh!important; } #trigger_123 { top: 296vh; margin-top: 50vh!important; } #trigger_124 { top: 298vh; margin-top: 50vh!important; } #trigger_125 { top: 300vh; margin-top: 50vh!important; } #trigger_126 { top: 302vh; margin-top: 50vh!important; } #trigger_127 { top: 304vh; margin-top: 50vh!important; } #trigger_128 { top: 306vh; margin-top: 50vh!important; } #trigger_129 { top: 308vh; margin-top: 50vh!important; } #trigger_130 { top: 310vh; margin-top: 50vh!important; } #trigger_131 { top: 312vh; margin-top: 50vh!important; } #trigger_132 { top: 314vh; margin-top: 50vh!important; } #trigger_133 { top: 316vh; margin-top: 50vh!important; } #trigger_134 { top: 318vh; margin-top: 50vh!important; } #trigger_135 { top: 320vh; margin-top: 50vh!important; } #trigger_136 { top: 322vh; margin-top: 50vh!important; } #trigger_137 { top: 324vh; margin-top: 50vh!important; } #trigger_138 { top: 326vh; margin-top: 50vh!important; } #trigger_139 { top: 328vh; margin-top: 50vh!important; } #trigger_140 { top: 330vh; margin-top: 50vh!important; } #trigger_141 { top: 332vh; margin-top: 50vh!important; } #trigger_142 { top: 334vh; margin-top: 50vh!important; } #trigger_143 { top: 336vh; margin-top: 50vh!important; } #trigger_144 { top: 338vh; margin-top: 50vh!important; } #trigger_145 { top: 340vh; margin-top: 50vh!important; } #trigger_146 { top: 342vh; margin-top: 50vh!important; } #trigger_147 { top: 344vh; margin-top: 50vh!important; } #trigger_148 { top: 346vh; margin-top: 50vh!important; } #trigger_149 { top: 348vh; margin-top: 50vh!important; } #trigger_150 { top: 350vh; margin-top: 50vh!important; } #trigger_151 { top: 352vh; margin-top: 50vh!important; } #trigger_152 { top: 354vh; margin-top: 50vh!important; } #trigger_153 { top: 356vh; margin-top: 50vh!important; } #trigger_154 { top: 358vh; margin-top: 50vh!important; } #trigger_155 { top: 360vh; margin-top: 50vh!important; } #trigger_156 { top: 362vh; margin-top: 50vh!important; } #trigger_157 { top: 364vh; margin-top: 50vh!important; } #trigger_158 { top: 366vh; margin-top: 50vh!important; } #trigger_159 { top: 368vh; margin-top: 50vh!important; } #trigger_160 { top: 370vh; margin-top: 50vh!important; } #trigger_161 { top: 372vh; margin-top: 50vh!important; } #trigger_162 { top: 374vh; margin-top: 50vh!important; } #trigger_163 { top: 376vh; margin-top: 50vh!important; } #trigger_164 { top: 378vh; margin-top: 50vh!important; } #trigger_165 { top: 380vh; margin-top: 50vh!important; } #trigger_166 { top: 382vh; margin-top: 50vh!important; } #trigger_167 { top: 384vh; margin-top: 50vh!important; } #trigger_168 { top: 386vh; margin-top: 50vh!important; } #trigger_169 { top: 388vh; margin-top: 50vh!important; } #trigger_170 { top: 390vh; margin-top: 50vh!important; } #trigger_171 { top: 392vh; margin-top: 50vh!important; } #trigger_172 { top: 394vh; margin-top: 50vh!important; } #trigger_173 { top: 396vh; margin-top: 50vh!important; } #trigger_174 { top: 398vh; margin-top: 50vh!important; } #trigger_175 { top: 400vh; margin-top: 50vh!important; } #trigger_176 { top: 402vh; margin-top: 50vh!important; } #trigger_177 { top: 404vh; margin-top: 50vh!important; } #trigger_178 { top: 406vh; margin-top: 50vh!important; } #trigger_179 { top: 408vh; margin-top: 50vh!important; } #trigger_180 { top: 410vh; margin-top: 50vh!important; } #trigger_181 { top: 412vh; margin-top: 50vh!important; } #trigger_182 { top: 414vh; margin-top: 50vh!important; } #trigger_183 { top: 416vh; margin-top: 50vh!important; } #trigger_184 { top: 418vh; margin-top: 50vh!important; } #trigger_185 { top: 420vh; margin-top: 50vh!important; } #trigger_186 { top: 422vh; margin-top: 50vh!important; } #trigger_187 { top: 424vh; margin-top: 50vh!important; } #trigger_188 { top: 426vh; margin-top: 50vh!important; } #trigger_189 { top: 428vh; margin-top: 50vh!important; } #trigger_190 { top: 430vh; margin-top: 50vh!important; } #trigger_191 { top: 432vh; margin-top: 50vh!important; } #trigger_192 { top: 434vh; margin-top: 50vh!important; } #trigger_193 { top: 436vh; margin-top: 50vh!important; } #trigger_194 { top: 438vh; margin-top: 50vh!important; } #trigger_195 { top: 440vh; margin-top: 50vh!important; } #trigger_196 { top: 442vh; margin-top: 50vh!important; } #trigger_197 { top: 444vh; margin-top: 50vh!important; } #trigger_198 { top: 446vh; margin-top: 50vh!important; } #trigger_199 { top: 448vh; margin-top: 50vh!important; } #trigger_200 { top: 450vh; margin-top: 50vh!important; } #trigger_201 { top: 452vh; margin-top: 50vh!important; } #trigger_202 { top: 454vh; margin-top: 50vh!important; } #trigger_203 { top: 456vh; margin-top: 50vh!important; } #trigger_204 { top: 458vh; margin-top: 50vh!important; } #trigger_205 { top: 460vh; margin-top: 50vh!important; } #trigger_206 { top: 462vh; margin-top: 50vh!important; } #trigger_207 { top: 464vh; margin-top: 50vh!important; } #trigger_208 { top: 466vh; margin-top: 50vh!important; } #trigger_209 { top: 468vh; margin-top: 50vh!important; } #trigger_210 { top: 470vh; margin-top: 50vh!important; } #trigger_211 { top: 472vh; margin-top: 50vh!important; } #trigger_212 { top: 474vh; margin-top: 50vh!important; } #trigger_213 { top: 476vh; margin-top: 50vh!important; } #trigger_214 { top: 478vh; margin-top: 50vh!important; } #trigger_215 { top: 480vh; margin-top: 50vh!important; } #trigger_216 { top: 482vh; margin-top: 50vh!important; } #trigger_217 { top: 484vh; margin-top: 50vh!important; } #trigger_218 { top: 486vh; margin-top: 50vh!important; } #trigger_219 { top: 488vh; margin-top: 50vh!important; } #trigger_220 { top: 490vh; margin-top: 50vh!important; } #trigger_221 { top: 492vh; margin-top: 50vh!important; } #trigger_222 { top: 494vh; margin-top: 50vh!important; } #trigger_223 { top: 496vh; margin-top: 50vh!important; } #trigger_224 { top: 498vh; margin-top: 50vh!important; } #trigger_225 { top: 500vh; margin-top: 50vh!important; } #trigger_226 { top: 502vh; margin-top: 50vh!important; } #trigger_227 { top: 504vh; margin-top: 50vh!important; } #trigger_228 { top: 506vh; margin-top: 50vh!important; } #trigger_229 { top: 508vh; margin-top: 50vh!important; } #trigger_230 { top: 510vh; margin-top: 50vh!important; } #trigger_231 { top: 512vh; margin-top: 50vh!important; } #trigger_232 { top: 514vh; margin-top: 50vh!important; } #trigger_233 { top: 516vh; margin-top: 50vh!important; } #trigger_234 { top: 518vh; margin-top: 50vh!important; } #trigger_235 { top: 520vh; margin-top: 50vh!important; } #trigger_236 { top: 522vh; margin-top: 50vh!important; } #trigger_237 { top: 524vh; margin-top: 50vh!important; } #trigger_238 { top: 526vh; margin-top: 50vh!important; } #trigger_239 { top: 528vh; margin-top: 50vh!important; } #trigger_240 { top: 530vh; margin-top: 50vh!important; } #trigger_241 { top: 532vh; margin-top: 50vh!important; } #trigger_242 { top: 534vh; margin-top: 50vh!important; } #trigger_243 { top: 536vh; margin-top: 50vh!important; } #trigger_244 { top: 538vh; margin-top: 50vh!important; } #trigger_245 { top: 540vh; margin-top: 50vh!important; } #trigger_246 { top: 542vh; margin-top: 50vh!important; } #trigger_247 { top: 544vh; margin-top: 50vh!important; } #trigger_248 { top: 546vh; margin-top: 50vh!important; } #trigger_249 { top: 548vh; margin-top: 50vh!important; } #trigger_250 { top: 550vh; margin-top: 50vh!important; } #trigger_251 { top: 552vh; margin-top: 50vh!important; } #trigger_252 { top: 554vh; margin-top: 50vh!important; } #trigger_253 { top: 556vh; margin-top: 50vh!important; } #trigger_254 { top: 558vh; margin-top: 50vh!important; } #trigger_255 { top: 560vh; margin-top: 50vh!important; } #trigger_256 { top: 562vh; margin-top: 50vh!important; } #trigger_257 { top: 564vh; margin-top: 50vh!important; } #trigger_258 { top: 566vh; margin-top: 50vh!important; } #trigger_259 { top: 568vh; margin-top: 50vh!important; } #trigger_260 { top: 570vh; margin-top: 50vh!important; } #trigger_261 { top: 572vh; margin-top: 50vh!important; } #trigger_262 { top: 574vh; margin-top: 50vh!important; } #trigger_263 { top: 576vh; margin-top: 50vh!important; } #trigger_264 { top: 578vh; margin-top: 50vh!important; } #trigger_265 { top: 580vh; margin-top: 50vh!important; } #trigger_266 { top: 582vh; margin-top: 50vh!important; } #trigger_267 { top: 584vh; margin-top: 50vh!important; } #trigger_268 { top: 586vh; margin-top: 50vh!important; } #trigger_269 { top: 588vh; margin-top: 50vh!important; } #trigger_270 { top: 590vh; margin-top: 50vh!important; } #hex_bkg { opacity: 0; width: 100%; position: absolute; top: 590vh; height: 200vh; background-image: url('./new_cloud_bkg2.png'); background-size: cover; background-position: bottom center; z-index: 10!important; margin-top: 50vh!important; } #trigger_271 { top: 592vh; margin-top: 50vh!important; } #trigger_272 { top: 594vh; margin-top: 50vh!important; } #trigger_273 { top: 596vh; margin-top: 50vh!important; } #trigger_274 { top: 598vh; margin-top: 50vh!important; } #trigger_275 { top: 600vh; margin-top: 50vh!important; } #trigger_276 { top: 602vh; margin-top: 50vh!important; } #trigger_277 { top: 604vh; margin-top: 50vh!important; } #trigger_278 { top: 606vh; margin-top: 50vh!important; } #trigger_279 { top: 608vh; margin-top: 50vh!important; } #trigger_280 { top: 610vh; margin-top: 50vh!important; } #trigger_281 { top: 612vh; margin-top: 50vh!important; } #trigger_282 { top: 614vh; margin-top: 50vh!important; } #trigger_283 { top: 616vh; margin-top: 50vh!important; } #trigger_284 { top: 618vh; margin-top: 50vh!important; } #trigger_285 { top: 620vh; margin-top: 50vh!important; } #trigger_286 { top: 622vh; margin-top: 50vh!important; } #trigger_287 { top: 624vh; margin-top: 50vh!important; } #trigger_288 { top: 626vh; margin-top: 50vh!important; } #trigger_289 { top: 628vh; margin-top: 50vh!important; } #trigger_290 { top: 630vh; margin-top: 50vh!important; } #trigger_291 { top: 632vh; margin-top: 50vh!important; } #trigger_292 { top: 634vh; margin-top: 50vh!important; } #trigger_293 { top: 636vh; margin-top: 50vh!important; } #trigger_294 { top: 638vh; margin-top: 50vh!important; } #trigger_295 { top: 640vh; margin-top: 50vh!important; } #trigger_296 { top: 642vh; margin-top: 50vh!important; } #trigger_297 { top: 644vh; margin-top: 50vh!important; } #trigger_298 { top: 646vh; margin-top: 50vh!important; } #trigger_299 { top: 648vh; margin-top: 50vh!important; } #trigger_300 { top: 650vh; margin-top: 50vh!important; } #trigger_301 { top: 652vh; margin-top: 50vh!important; } #trigger_302 { top: 654vh; margin-top: 50vh!important; } #trigger_303 { top: 656vh; margin-top: 50vh!important; } #trigger_304 { top: 658vh; margin-top: 50vh!important; } #trigger_305 { top: 660vh; margin-top: 50vh!important; } #trigger_306 { top: 662vh; margin-top: 50vh!important; } #trigger_307 { top: 664vh; margin-top: 50vh!important; } #trigger_308 { top: 666vh; margin-top: 50vh!important; } #trigger_309 { top: 668vh; margin-top: 50vh!important; } #trigger_310 { top: 670vh; margin-top: 50vh!important; } #trigger_311 { top: 672vh; margin-top: 50vh!important; } #trigger_312 { top: 674vh; margin-top: 50vh!important; } #trigger_313 { top: 676vh; margin-top: 50vh!important; } #trigger_314 { top: 678vh; margin-top: 50vh!important; } #trigger_330 { top: 710vh; margin-top: 50vh!important; } #trigger_345 { top: 740vh; margin-top: 50vh!important; } #trigger_346 { top: 742vh; margin-top: 50vh!important; } #trigger_347 { top: 744vh; margin-top: 50vh!important; } #trigger_348 { top: 746vh; margin-top: 50vh!important; } #trigger_349 { top: 748vh; margin-top: 50vh!important; } #trigger_350 { top: 750vh; margin-top: 50vh!important; } #trigger_351 { top: 752vh; margin-top: 50vh!important; } #trigger_352 { top: 754vh; margin-top: 50vh!important; } #trigger_353 { top: 756vh; margin-top: 50vh!important; } #trigger_354 { top: 758vh; margin-top: 50vh!important; } #trigger_360 { top: 770vh; margin-top: 50vh!important; } #trigger_361 { top: 772vh; margin-top: 50vh!important; } #trigger_362 { top: 774vh; margin-top: 50vh!important; } #trigger_363 { top: 776vh; margin-top: 50vh!important; } #trigger_364 { top: 778vh; margin-top: 50vh!important; } #trigger_365 { top: 780vh; margin-top: 50vh!important; } #trigger_366 { top: 782vh; margin-top: 50vh!important; } #trigger_367 { top: 784vh; margin-top: 50vh!important; } #trigger_368 { top: 786vh; margin-top: 50vh!important; } #trigger_369 { top: 788vh; margin-top: 50vh!important; } #hex_bkg_2 { width: 100%; position: absolute; top: 790vh; margin-top: 50vh!important; height: 200vh; background-image: url('./new_cloud_bkg2.png'); background-size: cover; background-position: top center; z-index: 10!important; } #trigger_370 { top: 790vh; margin-top: 50vh!important; } #trigger_371 { top: 792vh; margin-top: 50vh!important; } #trigger_372 { top: 794vh; margin-top: 50vh!important; } #trigger_373 { top: 796vh; margin-top: 50vh!important; } #trigger_374 { top: 798vh; margin-top: 50vh!important; } #trigger_375 { top: 800vh; margin-top: 50vh!important; } #trigger_376 { top: 802vh; margin-top: 50vh!important; } #trigger_377 { top: 804vh; margin-top: 50vh!important; } #trigger_378 { top: 806vh; margin-top: 50vh!important; } #trigger_379 { top: 808vh; margin-top: 50vh!important; } #trigger_385 { top: 820vh; margin-top: 50vh!important; } #trigger_386 { top: 822vh; margin-top: 50vh!important; } #trigger_387 { top: 824vh; margin-top: 50vh!important; } #trigger_388 { top: 826vh; margin-top: 50vh!important; } #trigger_389 { top: 828vh; margin-top: 50vh!important; } #trigger_390 { top: 830vh; margin-top: 50vh!important; } #trigger_391 { top: 832vh; margin-top: 50vh!important; } #trigger_392 { top: 834vh; margin-top: 50vh!important; } #trigger_393 { top: 836vh; margin-top: 50vh!important; } #trigger_394 { top: 838vh; margin-top: 50vh!important; } #trigger_395 { top: 840vh; margin-top: 50vh!important; } #trigger_396 { top: 842vh; margin-top: 50vh!important; } #trigger_397 { top: 844vh; margin-top: 50vh!important; } #trigger_398 { top: 846vh; margin-top: 50vh!important; } #trigger_399 { top: 848vh; margin-top: 50vh!important; } #trigger_400 { top: 850vh; margin-top: 50vh!important; } #trigger_401 { top: 852vh; margin-top: 50vh!important; } #trigger_402 { top: 854vh; margin-top: 50vh!important; } #trigger_403 { top: 856vh; margin-top: 50vh!important; } #trigger_404 { top: 858vh; margin-top: 50vh!important; } #trigger_405 { top: 860vh; margin-top: 50vh!important; } #trigger_406 { top: 862vh; margin-top: 50vh!important; } #trigger_407 { top: 864vh; margin-top: 50vh!important; } #trigger_408 { top: 866vh; margin-top: 50vh!important; } #trigger_409 { top: 868vh; margin-top: 50vh!important; } #trigger_410 { top: 870vh; margin-top: 50vh!important; } #trigger_411 { top: 872vh; margin-top: 50vh!important; } #trigger_412 { top: 874vh; margin-top: 50vh!important; } #trigger_413 { top: 876vh; margin-top: 50vh!important; } #trigger_414 { top: 878vh; margin-top: 50vh!important; } #trigger_415 { top: 880vh; margin-top: 50vh!important; } #bkg_fade_to_china { opacity: 0; height: 50vh; top: 890vh; margin-top: 50vh!important; background-image: linear-gradient(#e7f1f4, #000000); position: absolute; z-index: 1!important; width: 100%; transition: 1s; } #trigger_416 { top: 882vh; margin-top: 50vh!important; } #trigger_417 { top: 884vh; margin-top: 50vh!important; } #trigger_418 { top: 886vh; margin-top: 50vh!important; } #trigger_419 { top: 888vh; margin-top: 50vh!important; } #trigger_420 { top: 890vh; margin-top: 50vh!important; } #trigger_421 { top: 892vh; margin-top: 50vh!important; } #trigger_422 { top: 894vh; margin-top: 50vh!important; } #trigger_423 { top: 896vh; margin-top: 50vh!important; } #trigger_424 { top: 898vh; margin-top: 50vh!important; } #trigger_425 { top: 900vh; margin-top: 50vh!important; } #static_china { opacity: 0; background-image:url('./china_bkg_tall2.png'); height: 350vh; position: absolute; top: 940vh; margin-top: 50vh!important; width: 100% transition: 1s; z-index: 10!important; } #bkg_for_china { height: 300vh; top: 940vh; margin-top: 50vh!important; background-image: linear-gradient(#000000, #000000, #000000, #616161); position: absolute; z-index: 1!important; width: 100%; transition: 1s; } #body_saas_bkg_img { opacity: 0; height: 380vh; top: 950vh; margin-top: 50vh!important; left: 0; width: 100%; background-image:url('./new_saas_bkg_tall.png'); background-size: cover; background-position: top center; position: absolute; transition: 1s; z-index: 10!important; } #trigger_470 { top: 990vh; margin-top: 50vh!important; } #trigger_475 { top: 1000vh; margin-top: 50vh!important; } #trigger_476 { top: 1002vh; margin-top: 50vh!important; } #trigger_477 { top: 1004vh; margin-top: 50vh!important; } #trigger_478 { top: 1006vh; margin-top: 50vh!important; } #trigger_479 { top: 1008vh; margin-top: 50vh!important; } #trigger_480 { top: 1010vh; margin-top: 50vh!important; } #trigger_481 { top: 1012vh; margin-top: 50vh!important; } #trigger_482 { top: 1014vh; margin-top: 50vh!important; } #trigger_483 { top: 1016vh; margin-top: 50vh!important; } #trigger_484 { top: 1018vh; margin-top: 50vh!important; } #trigger_485 { top: 1020vh; margin-top: 50vh!important; } #trigger_486 { top: 1022vh; margin-top: 50vh!important; } #trigger_487 { top: 1024vh; margin-top: 50vh!important; } #trigger_488 { top: 1026vh; margin-top: 50vh!important; } #trigger_489 { top: 1028vh; margin-top: 50vh!important; } #trigger_490 { top: 1030vh; margin-top: 50vh!important; } #trigger_491 { top: 1032vh; margin-top: 50vh!important; } #trigger_492 { top: 1034vh; margin-top: 50vh!important; } #trigger_493 { top: 1036vh; margin-top: 50vh!important; } #trigger_494 { top: 1038vh; margin-top: 50vh!important; } #trigger_495 { top: 1040vh; margin-top: 50vh!important; } #trigger_496 { top: 1042vh; margin-top: 50vh!important; } #trigger_497 { top: 1044vh; margin-top: 50vh!important; } #trigger_498 { top: 1046vh; margin-top: 50vh!important; } #trigger_499 { top: 1048vh; margin-top: 50vh!important; } #trigger_500 { top: 1050vh; margin-top: 50vh!important; } #trigger_501 { top: 1052vh; margin-top: 50vh!important; } #trigger_502 { top: 1054vh; margin-top: 50vh!important; } #trigger_503 { top: 1056vh; margin-top: 50vh!important; } #trigger_504 { top: 1058vh; margin-top: 50vh!important; } #trigger_505 { top: 1060vh; margin-top: 50vh!important; } #trigger_506 { top: 1062vh; margin-top: 50vh!important; } #trigger_507 { top: 1064vh; margin-top: 50vh!important; } #trigger_508 { top: 1066vh; margin-top: 50vh!important; } #trigger_509 { top: 1068vh; margin-top: 50vh!important; } #trigger_510 { top: 1070vh; margin-top: 50vh!important; } #trigger_520 { top: 1080vh; margin-top: 50vh!important; } #trigger_550 { top: 1150vh; margin-top: 50vh!important; } #trigger_555 { top: 1160vh; margin-top: 50vh!important; } #trigger_556 { top: 1162vh; margin-top: 50vh!important; } #trigger_557 { top: 1164vh; margin-top: 50vh!important; } #trigger_558 { top: 1166vh; margin-top: 50vh!important; } #trigger_559 { top: 1168vh; margin-top: 50vh!important; } #trigger_560 { top: 1170vh; margin-top: 50vh!important; } #trigger_561 { top: 1172vh; margin-top: 50vh!important; } #trigger_562 { top: 1174vh; margin-top: 50vh!important; } #trigger_563 { top: 1176vh; margin-top: 50vh!important; } #trigger_564 { top: 1178vh; margin-top: 50vh!important; } #trigger_570 { top: 1190vh; margin-top: 50vh!important; } #trigger_590 { top: 1230vh; margin-top: 50vh!important; } #trigger_591 { top: 1232vh; margin-top: 50vh!important; } #trigger_592 { top: 1234vh; margin-top: 50vh!important; } #trigger_593 { top: 1236vh; margin-top: 50vh!important; } #trigger_594 { top: 1238vh; margin-top: 50vh!important; } #trigger_595 { top: 1240vh; margin-top: 50vh!important; } #trigger_596 { top: 1242vh; margin-top: 50vh!important; } #trigger_597 { top: 1244vh; margin-top: 50vh!important; } #trigger_598 { top: 1246vh; margin-top: 50vh!important; } #trigger_599 { top: 1248vh; margin-top: 50vh!important; } #trigger_600 { top: 1250vh; margin-top: 50vh!important; } #trigger_601 { top: 1252vh; margin-top: 50vh!important; } #trigger_602 { top: 1254vh; margin-top: 50vh!important; } #trigger_603 { top: 1256vh; margin-top: 50vh!important; } #trigger_604 { top: 1258vh; margin-top: 50vh!important; } #trigger_605 { top: 1260vh; margin-top: 50vh!important; } #trigger_606 { top: 1262vh; margin-top: 50vh!important; } #trigger_607 { top: 1264vh; margin-top: 50vh!important; } #trigger_608 { top: 1266vh; margin-top: 50vh!important; } #trigger_609 { top: 1268vh; margin-top: 50vh!important; } #trigger_610 { top: 1270vh; margin-top: 50vh!important; } #trigger_611 { top: 1272vh; margin-top: 50vh!important; } #trigger_612 { top: 1274vh; margin-top: 50vh!important; } #trigger_613 { top: 1276vh; margin-top: 50vh!important; } #trigger_614 { top: 1278vh; margin-top: 50vh!important; } #trigger_615 { top: 1280vh; margin-top: 50vh!important; } #trigger_616 { top: 1282vh; margin-top: 50vh!important; } #trigger_617 { top: 1284vh; margin-top: 50vh!important; } #trigger_618 { top: 1286vh; margin-top: 50vh!important; } #trigger_619 { top: 1288vh; margin-top: 50vh!important; } #trigger_620 { top: 1290vh; margin-top: 50vh!important; } #trigger_621 { top: 1292vh; margin-top: 50vh!important; } #trigger_622 { top: 1294vh; margin-top: 50vh!important; } #trigger_623 { top: 1296vh; margin-top: 50vh!important; } #trigger_624 { top: 1298vh; margin-top: 50vh!important; } #trigger_625 { top: 1300vh; margin-top: 50vh!important; } #trigger_626 { top: 1302vh; margin-top: 50vh!important; } #trigger_627 { top: 1304vh; margin-top: 50vh!important; } #trigger_628 { top: 1306vh; margin-top: 50vh!important; } #trigger_629 { top: 1308vh; margin-top: 50vh!important; } #trigger_630 { top: 1310vh; margin-top: 50vh!important; } #trigger_631 { top: 1312vh; margin-top: 50vh!important; } #trigger_632 { top: 1314vh; margin-top: 50vh!important; } #trigger_633 { top: 1316vh; margin-top: 50vh!important; } #trigger_634 { top: 1318vh; margin-top: 50vh!important; } #trigger_635 { top: 1320vh; margin-top: 50vh!important; } #trigger_636 { top: 1322vh; margin-top: 50vh!important; } #trigger_637 { top: 1324vh; margin-top: 50vh!important; } #trigger_638 { top: 1326vh; margin-top: 50vh!important; } #trigger_639 { top: 1328vh; margin-top: 50vh!important; } #trigger_640 { top: 1330vh; margin-top: 50vh!important; } #trigger_641 { top: 1332vh; margin-top: 50vh!important; } #trigger_642 { top: 1334vh; margin-top: 50vh!important; } #trigger_643 { top: 1336vh; margin-top: 50vh!important; } #trigger_644 { top: 1338vh; margin-top: 50vh!important; } #trigger_645 { top: 1340vh; margin-top: 50vh!important; } #trigger_646 { top: 1342vh; margin-top: 50vh!important; } #trigger_647 { top: 1344vh; margin-top: 50vh!important; } #trigger_648 { top: 1346vh; margin-top: 50vh!important; } #trigger_649 { top: 1348vh; margin-top: 50vh!important; } #trigger_650 { top: 1350vh; margin-top: 50vh!important; } #trigger_651 { top: 1352vh; margin-top: 50vh!important; } #trigger_652 { top: 1354vh; margin-top: 50vh!important; } #trigger_653 { top: 1356vh; margin-top: 50vh!important; } #trigger_654 { top: 1358vh; margin-top: 50vh!important; } #trigger_655 { top: 1360vh; margin-top: 50vh!important; } #trigger_656 { top: 1362vh; margin-top: 50vh!important; } #trigger_657 { top: 1364vh; margin-top: 50vh!important; } #trigger_658 { top: 1366vh; margin-top: 50vh!important; } #trigger_659 { top: 1368vh; margin-top: 50vh!important; } #trigger_660 { top: 1370vh; margin-top: 50vh!important; } #trigger_661 { top: 1372vh; margin-top: 50vh!important; } #trigger_662 { top: 1374vh; margin-top: 50vh!important; } #trigger_663 { top: 1376vh; margin-top: 50vh!important; } #trigger_664 { top: 1378vh; margin-top: 50vh!important; } #trigger_665 { top: 1380vh; margin-top: 50vh!important; } #trigger_666 { top: 1382vh; margin-top: 50vh!important; } #trigger_667 { top: 1384vh; margin-top: 50vh!important; } #trigger_668 { top: 1386vh; margin-top: 50vh!important; } #trigger_669 { top: 1388vh; margin-top: 50vh!important; } #trigger_670 { top: 1390vh; margin-top: 50vh!important; } #trigger_671 { top: 1392vh; margin-top: 50vh!important; } #trigger_672 { top: 1394vh; margin-top: 50vh!important; } #trigger_673 { top: 1396vh; margin-top: 50vh!important; } #trigger_674 { top: 1398vh; margin-top: 50vh!important; } #trigger_675 { top: 1400vh; margin-top: 50vh!important; } #trigger_676 { top: 1402vh; margin-top: 50vh!important; } #trigger_677 { top: 1404vh; margin-top: 50vh!important; } #trigger_678 { top: 1406vh; margin-top: 50vh!important; } #trigger_679 { top: 1408vh; margin-top: 50vh!important; } #trigger_680 { top: 1410vh; margin-top: 50vh!important; } #trigger_681 { top: 1412vh; margin-top: 50vh!important; } #trigger_682 { top: 1414vh; margin-top: 50vh!important; } #trigger_683 { top: 1416vh; margin-top: 50vh!important; } #trigger_684 { top: 1418vh; margin-top: 50vh!important; } #trigger_685 { top: 1420vh; margin-top: 50vh!important; } #trigger_686 { top: 1422vh; margin-top: 50vh!important; } #trigger_687 { top: 1424vh; margin-top: 50vh!important; } #trigger_688 { top: 1426vh; margin-top: 50vh!important; } #trigger_689 { top: 1428vh; margin-top: 50vh!important; } #trigger_690 { top: 1430vh; margin-top: 50vh!important; } #trigger_691 { top: 1432vh; margin-top: 50vh!important; } #trigger_692 { top: 1434vh; margin-top: 50vh!important; } #trigger_693 { top: 1436vh; margin-top: 50vh!important; } #trigger_694 { top: 1438vh; margin-top: 50vh!important; } #trigger_695 { top: 1440vh; margin-top: 50vh!important; } #trigger_696 { top: 1442vh; margin-top: 50vh!important; } #trigger_697 { top: 1444vh; margin-top: 50vh!important; } #trigger_698 { top: 1446vh; margin-top: 50vh!important; } #trigger_699 { top: 1448vh; margin-top: 50vh!important; } #trigger_700 { top: 1450vh; margin-top: 50vh!important; } #trigger_701 { top: 1452vh; margin-top: 50vh!important; } #trigger_702 { top: 1454vh; margin-top: 50vh!important; } #trigger_703 { top: 1456vh; margin-top: 50vh!important; } #trigger_704 { top: 1458vh; margin-top: 50vh!important; } #trigger_705 { top: 1460vh; margin-top: 50vh!important; } #trigger_706 { top: 1462vh; margin-top: 50vh!important; } #trigger_707 { top: 1464vh; margin-top: 50vh!important; } #trigger_708 { top: 1466vh; margin-top: 50vh!important; } #trigger_709 { top: 1468vh; margin-top: 50vh!important; } #trigger_710 { top: 1470vh; margin-top: 50vh!important; } #trigger_711 { top: 1472vh; margin-top: 50vh!important; } #trigger_712 { top: 1474vh; margin-top: 50vh!important; } #trigger_713 { top: 1476vh; margin-top: 50vh!important; } #trigger_714 { top: 1478vh; margin-top: 50vh!important; } #trigger_715 { top: 1480vh; margin-top: 50vh!important; } #trigger_716 { top: 1482vh; margin-top: 50vh!important; } #trigger_717 { top: 1484vh; margin-top: 50vh!important; } #trigger_718 { top: 1486vh; margin-top: 50vh!important; } #trigger_719 { top: 1488vh; margin-top: 50vh!important; } #trigger_720 { top: 1490vh; margin-top: 50vh!important; } #trigger_721 { top: 1492vh; margin-top: 50vh!important; } #trigger_722 { top: 1494vh; margin-top: 50vh!important; } #trigger_723 { top: 1496vh; margin-top: 50vh!important; } #trigger_724 { top: 1498vh; margin-top: 50vh!important; } #trigger_725 { top: 1500vh; margin-top: 50vh!important; } #trigger_726 { top: 1502vh; margin-top: 50vh!important; } #trigger_727 { top: 1504vh; margin-top: 50vh!important; } #trigger_728 { top: 1506vh; margin-top: 50vh!important; } #trigger_729 { top: 1508vh; margin-top: 50vh!important; } #trigger_730 { top: 1510vh; margin-top: 50vh!important; } #trigger_731 { top: 1512vh; margin-top: 50vh!important; } #trigger_732 { top: 1514vh; margin-top: 50vh!important; } #trigger_733 { top: 1516vh; margin-top: 50vh!important; } #trigger_734 { top: 1518vh; margin-top: 50vh!important; } #trigger_735 { top: 1520vh; margin-top: 50vh!important; } #trigger_736 { top: 1522vh; margin-top: 50vh!important; } #trigger_737 { top: 1524vh; margin-top: 50vh!important; } #trigger_738 { top: 1526vh; margin-top: 50vh!important; } #trigger_739 { top: 1528vh; margin-top: 50vh!important; } #trigger_740 { top: 1530vh; margin-top: 50vh!important; } #trigger_741 { top: 1532vh; margin-top: 50vh!important; } #trigger_742 { top: 1534vh; margin-top: 50vh!important; } #trigger_743 { top: 1536vh; margin-top: 50vh!important; } #trigger_744 { top: 1538vh; margin-top: 50vh!important; } #trigger_745 { top: 1540vh; margin-top: 50vh!important; } #trigger_746 { top: 1542vh; margin-top: 50vh!important; } #trigger_747 { top: 1544vh; margin-top: 50vh!important; } #trigger_748 { top: 1546vh; margin-top: 50vh!important; } #trigger_749 { top: 1548vh; margin-top: 50vh!important; } #trigger_750 { top: 1550vh; margin-top: 50vh!important; } #trigger_751 { top: 1552vh; margin-top: 50vh!important; } #trigger_752 { top: 1554vh; margin-top: 50vh!important; } #trigger_753 { top: 1556vh; margin-top: 50vh!important; } #trigger_754 { top: 1558vh; margin-top: 50vh!important; } #trigger_755 { top: 1560vh; margin-top: 50vh!important; } #trigger_756 { top: 1562vh; margin-top: 50vh!important; } #trigger_757 { top: 1564vh; margin-top: 50vh!important; } #trigger_758 { top: 1566vh; margin-top: 50vh!important; } #trigger_759 { top: 1568vh; margin-top: 50vh!important; } #trigger_760 { top: 1570vh; margin-top: 50vh!important; } #trigger_761 { top: 1572vh; margin-top: 50vh!important; } #trigger_762 { top: 1574vh; margin-top: 50vh!important; } #trigger_763 { top: 1576vh; margin-top: 50vh!important; } #trigger_764 { top: 1578vh; margin-top: 50vh!important; } #trigger_765 { top: 1580vh; margin-top: 50vh!important; } #trigger_766 { top: 1582vh; margin-top: 50vh!important; } #trigger_767 { top: 1584vh; margin-top: 50vh!important; } #trigger_768 { top: 1586vh; margin-top: 50vh!important; } #trigger_769 { top: 1588vh; margin-top: 50vh!important; } #trigger_770 { top: 1590vh; margin-top: 50vh!important; } #trigger_771 { top: 1592vh; margin-top: 50vh!important; } #trigger_772 { top: 1594vh; margin-top: 50vh!important; } #trigger_773 { top: 1596vh; margin-top: 50vh!important; } #trigger_774 { top: 1598vh; margin-top: 50vh!important; } #trigger_775 { top: 1600vh; margin-top: 30vh!important; } #trigger_795 { top: 1640vh; margin-top: 0vh!important; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (min-height: 768px) and (orientation: portrait) { /* medium phones portrait */ #news_awards_emerge_row { width: 100%; overflow-x: hidden; position: relative; z-index: 802; padding: 30px 0px 30px 0px; margin-top: -30px; margin-right: 0; opacity: 1; } #new_features { width: 300px; margin-left: 0%; padding: 20px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 690px; z-index: 125; } #all_awards { display: block; width: calc(75% - 20px); margin-left: 25%; padding: 5px 10px; text-align: center; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 30px; height: 430px; } .new_accolade { width: 210px; margin: 0px 0px 20px 10px; display: block; clear: both; float: left; } .feature_cell_new_1 { width: 270px; height: 225px; position: absolute; top: 30px; left: 30px; } .feature_cell_new_2 { width: 270px; height: 225px; position: absolute; top: 260px; left: 30px; } .feature_cell_new_3 { width: 270px; height: 225px; position: absolute; top: 490px; left: 30px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 270px!important; height: 225px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; font-size: 14px!important; text-align: left; width: 150px; background-color:#00b4dc; padding: 5px 10px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 270px!important; left: 0; top: 146; left: 0; height: 50px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 15px!important; line-height: 18px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; top: 181; left: 0; font-weight: 600; width: 270px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #trigger_59 { top: 168vh; margin-top: 50vh!important; } #trigger_60 { top: 170vh; margin-top: 50vh!important; } #trigger_61 { top: 172vh; margin-top: 50vh!important; } #trigger_62 { top: 174vh; margin-top: 50vh!important; } #trigger_63 { top: 176vh; margin-top: 50vh!important; } #trigger_64 { top: 178vh; margin-top: 50vh!important; } #trigger_65 { top: 180vh; margin-top: 50vh!important; } #trigger_66 { top: 182vh; margin-top: 50vh!important; } #trigger_67 { top: 184vh; margin-top: 50vh!important; } #trigger_68 { top: 186vh; margin-top: 50vh!important; } #trigger_69 { top: 188vh; margin-top: 50vh!important; } #trigger_70 { top: 190vh; margin-top: 50vh!important; } #trigger_71 { top: 192vh; margin-top: 50vh!important; } #trigger_72 { top: 194vh; margin-top: 50vh!important; } #trigger_73 { top: 196vh; margin-top: 50vh!important; } #trigger_74 { top: 198vh; margin-top: 50vh!important; } #trigger_75 { top: 200vh; margin-top: 50vh!important; } #trigger_76 { top: 202vh; margin-top: 50vh!important; } #trigger_77 { top: 204vh; margin-top: 50vh!important; } #trigger_78 { top: 206vh; margin-top: 50vh!important; } #trigger_79 { top: 208vh; margin-top: 50vh!important; } #trigger_80 { top: 210vh; margin-top: 50vh!important; } #trigger_81 { top: 212vh; margin-top: 50vh!important; } #trigger_82 { top: 214vh; margin-top: 50vh!important; } #trigger_83 { top: 216vh; margin-top: 50vh!important; } #trigger_84 { top: 218vh; margin-top: 50vh!important; } #trigger_85 { top: 220vh; margin-top: 50vh!important; } #trigger_86 { top: 222vh; margin-top: 50vh!important; } #trigger_87 { top: 224vh; margin-top: 50vh!important; } #trigger_88 { top: 226vh; margin-top: 50vh!important; } #trigger_89 { top: 228vh; margin-top: 50vh!important; } #trigger_90 { top: 230vh; margin-top: 50vh!important; } #trigger_91 { top: 232vh; margin-top: 50vh!important; } #trigger_92 { top: 234vh; margin-top: 50vh!important; } #trigger_93 { top: 236vh; margin-top: 50vh!important; } #trigger_94 { top: 238vh; margin-top: 50vh!important; } #trigger_95 { top: 240vh; margin-top: 50vh!important; } #trigger_96 { top: 242vh; margin-top: 50vh!important; } #trigger_97 { top: 244vh; margin-top: 50vh!important; } #trigger_98 { top: 246vh; margin-top: 50vh!important; } #trigger_99 { top: 248vh; margin-top: 50vh!important; } #trigger_100 { top: 250vh; margin-top: 50vh!important; } #trigger_101 { top: 252vh; margin-top: 50vh!important; } #trigger_102 { top: 254vh; margin-top: 50vh!important; } #trigger_103 { top: 256vh; margin-top: 50vh!important; } #trigger_104 { top: 258vh; margin-top: 50vh!important; } #trigger_105 { top: 260vh; margin-top: 50vh!important; } #trigger_106 { top: 262vh; margin-top: 50vh!important; } #trigger_107 { top: 264vh; margin-top: 50vh!important; } #trigger_108 { top: 266vh; margin-top: 50vh!important; } #trigger_109 { top: 268vh; margin-top: 50vh!important; } #trigger_110 { top: 270vh; margin-top: 50vh!important; } #trigger_111 { top: 272vh; margin-top: 50vh!important; } #trigger_112 { top: 274vh; margin-top: 50vh!important; } #trigger_113 { top: 276vh; margin-top: 50vh!important; } #trigger_114 { top: 278vh; margin-top: 50vh!important; } #trigger_115 { top: 280vh; margin-top: 50vh!important; } #trigger_116 { top: 282vh; margin-top: 50vh!important; } #trigger_117 { top: 284vh; margin-top: 50vh!important; } #trigger_118 { top: 286vh; margin-top: 50vh!important; } #trigger_119 { top: 288vh; margin-top: 50vh!important; } #trigger_120 { top: 290vh; margin-top: 50vh!important; } #trigger_121 { top: 292vh; margin-top: 50vh!important; } #trigger_122 { top: 294vh; margin-top: 50vh!important; } #trigger_123 { top: 296vh; margin-top: 50vh!important; } #trigger_124 { top: 298vh; margin-top: 50vh!important; } #trigger_125 { top: 300vh; margin-top: 50vh!important; } #trigger_126 { top: 302vh; margin-top: 50vh!important; } #trigger_127 { top: 304vh; margin-top: 50vh!important; } #trigger_128 { top: 306vh; margin-top: 50vh!important; } #trigger_129 { top: 308vh; margin-top: 50vh!important; } #trigger_130 { top: 310vh; margin-top: 50vh!important; } #trigger_131 { top: 312vh; margin-top: 50vh!important; } #trigger_132 { top: 314vh; margin-top: 50vh!important; } #trigger_133 { top: 316vh; margin-top: 50vh!important; } #trigger_134 { top: 318vh; margin-top: 50vh!important; } #trigger_135 { top: 320vh; margin-top: 50vh!important; } #trigger_136 { top: 322vh; margin-top: 50vh!important; } #trigger_137 { top: 324vh; margin-top: 50vh!important; } #trigger_138 { top: 326vh; margin-top: 50vh!important; } #trigger_139 { top: 328vh; margin-top: 50vh!important; } #trigger_140 { top: 330vh; margin-top: 50vh!important; } #trigger_141 { top: 332vh; margin-top: 50vh!important; } #trigger_142 { top: 334vh; margin-top: 50vh!important; } #trigger_143 { top: 336vh; margin-top: 50vh!important; } #trigger_144 { top: 338vh; margin-top: 50vh!important; } #trigger_145 { top: 340vh; margin-top: 50vh!important; } #trigger_146 { top: 342vh; margin-top: 50vh!important; } #trigger_147 { top: 344vh; margin-top: 50vh!important; } #trigger_148 { top: 346vh; margin-top: 50vh!important; } #trigger_149 { top: 348vh; margin-top: 50vh!important; } #trigger_150 { top: 350vh; margin-top: 50vh!important; } #trigger_151 { top: 352vh; margin-top: 50vh!important; } #trigger_152 { top: 354vh; margin-top: 50vh!important; } #trigger_153 { top: 356vh; margin-top: 50vh!important; } #trigger_154 { top: 358vh; margin-top: 50vh!important; } #trigger_155 { top: 360vh; margin-top: 50vh!important; } #trigger_156 { top: 362vh; margin-top: 50vh!important; } #trigger_157 { top: 364vh; margin-top: 50vh!important; } #trigger_158 { top: 366vh; margin-top: 50vh!important; } #trigger_159 { top: 368vh; margin-top: 50vh!important; } #trigger_160 { top: 370vh; margin-top: 50vh!important; } #trigger_161 { top: 372vh; margin-top: 50vh!important; } #trigger_162 { top: 374vh; margin-top: 50vh!important; } #trigger_163 { top: 376vh; margin-top: 50vh!important; } #trigger_164 { top: 378vh; margin-top: 50vh!important; } #trigger_165 { top: 380vh; margin-top: 50vh!important; } #trigger_166 { top: 382vh; margin-top: 50vh!important; } #trigger_167 { top: 384vh; margin-top: 50vh!important; } #trigger_168 { top: 386vh; margin-top: 50vh!important; } #trigger_169 { top: 388vh; margin-top: 50vh!important; } #trigger_170 { top: 390vh; margin-top: 50vh!important; } #trigger_171 { top: 392vh; margin-top: 50vh!important; } #trigger_172 { top: 394vh; margin-top: 50vh!important; } #trigger_173 { top: 396vh; margin-top: 50vh!important; } #trigger_174 { top: 398vh; margin-top: 50vh!important; } #trigger_175 { top: 400vh; margin-top: 50vh!important; } #trigger_176 { top: 402vh; margin-top: 50vh!important; } #trigger_177 { top: 404vh; margin-top: 50vh!important; } #trigger_178 { top: 406vh; margin-top: 50vh!important; } #trigger_179 { top: 408vh; margin-top: 50vh!important; } #trigger_180 { top: 410vh; margin-top: 50vh!important; } #trigger_181 { top: 412vh; margin-top: 50vh!important; } #trigger_182 { top: 414vh; margin-top: 50vh!important; } #trigger_183 { top: 416vh; margin-top: 50vh!important; } #trigger_184 { top: 418vh; margin-top: 50vh!important; } #trigger_185 { top: 420vh; margin-top: 50vh!important; } #trigger_186 { top: 422vh; margin-top: 50vh!important; } #trigger_187 { top: 424vh; margin-top: 50vh!important; } #trigger_188 { top: 426vh; margin-top: 50vh!important; } #trigger_189 { top: 428vh; margin-top: 50vh!important; } #trigger_190 { top: 430vh; margin-top: 50vh!important; } #trigger_191 { top: 432vh; margin-top: 50vh!important; } #trigger_192 { top: 434vh; margin-top: 50vh!important; } #trigger_193 { top: 436vh; margin-top: 50vh!important; } #trigger_194 { top: 438vh; margin-top: 50vh!important; } #trigger_195 { top: 440vh; margin-top: 50vh!important; } #trigger_196 { top: 442vh; margin-top: 50vh!important; } #trigger_197 { top: 444vh; margin-top: 50vh!important; } #trigger_198 { top: 446vh; margin-top: 50vh!important; } #trigger_199 { top: 448vh; margin-top: 50vh!important; } #trigger_200 { top: 450vh; margin-top: 50vh!important; } #trigger_201 { top: 452vh; margin-top: 50vh!important; } #trigger_202 { top: 454vh; margin-top: 50vh!important; } #trigger_203 { top: 456vh; margin-top: 50vh!important; } #trigger_204 { top: 458vh; margin-top: 50vh!important; } #trigger_205 { top: 460vh; margin-top: 50vh!important; } #trigger_206 { top: 462vh; margin-top: 50vh!important; } #trigger_207 { top: 464vh; margin-top: 50vh!important; } #trigger_208 { top: 466vh; margin-top: 50vh!important; } #trigger_209 { top: 468vh; margin-top: 50vh!important; } #trigger_210 { top: 470vh; margin-top: 50vh!important; } #trigger_211 { top: 472vh; margin-top: 50vh!important; } #trigger_212 { top: 474vh; margin-top: 50vh!important; } #trigger_213 { top: 476vh; margin-top: 50vh!important; } #trigger_214 { top: 478vh; margin-top: 50vh!important; } #trigger_215 { top: 480vh; margin-top: 50vh!important; } #trigger_216 { top: 482vh; margin-top: 50vh!important; } #trigger_217 { top: 484vh; margin-top: 50vh!important; } #trigger_218 { top: 486vh; margin-top: 50vh!important; } #trigger_219 { top: 488vh; margin-top: 50vh!important; } #trigger_220 { top: 490vh; margin-top: 50vh!important; } #trigger_221 { top: 492vh; margin-top: 50vh!important; } #trigger_222 { top: 494vh; margin-top: 50vh!important; } #trigger_223 { top: 496vh; margin-top: 50vh!important; } #trigger_224 { top: 498vh; margin-top: 50vh!important; } #trigger_225 { top: 500vh; margin-top: 50vh!important; } #trigger_226 { top: 502vh; margin-top: 50vh!important; } #trigger_227 { top: 504vh; margin-top: 50vh!important; } #trigger_228 { top: 506vh; margin-top: 50vh!important; } #trigger_229 { top: 508vh; margin-top: 50vh!important; } #trigger_230 { top: 510vh; margin-top: 50vh!important; } #trigger_231 { top: 512vh; margin-top: 50vh!important; } #trigger_232 { top: 514vh; margin-top: 50vh!important; } #trigger_233 { top: 516vh; margin-top: 50vh!important; } #trigger_234 { top: 518vh; margin-top: 50vh!important; } #trigger_235 { top: 520vh; margin-top: 50vh!important; } #trigger_236 { top: 522vh; margin-top: 50vh!important; } #trigger_237 { top: 524vh; margin-top: 50vh!important; } #trigger_238 { top: 526vh; margin-top: 50vh!important; } #trigger_239 { top: 528vh; margin-top: 50vh!important; } #trigger_240 { top: 530vh; margin-top: 50vh!important; } #trigger_241 { top: 532vh; margin-top: 50vh!important; } #trigger_242 { top: 534vh; margin-top: 50vh!important; } #trigger_243 { top: 536vh; margin-top: 50vh!important; } #trigger_244 { top: 538vh; margin-top: 50vh!important; } #trigger_245 { top: 540vh; margin-top: 50vh!important; } #trigger_246 { top: 542vh; margin-top: 50vh!important; } #trigger_247 { top: 544vh; margin-top: 50vh!important; } #trigger_248 { top: 546vh; margin-top: 50vh!important; } #trigger_249 { top: 548vh; margin-top: 50vh!important; } #trigger_250 { top: 550vh; margin-top: 50vh!important; } #trigger_251 { top: 552vh; margin-top: 50vh!important; } #trigger_252 { top: 554vh; margin-top: 50vh!important; } #trigger_253 { top: 556vh; margin-top: 50vh!important; } #trigger_254 { top: 558vh; margin-top: 50vh!important; } #trigger_255 { top: 560vh; margin-top: 50vh!important; } #trigger_256 { top: 562vh; margin-top: 50vh!important; } #trigger_257 { top: 564vh; margin-top: 50vh!important; } #trigger_258 { top: 566vh; margin-top: 50vh!important; } #trigger_259 { top: 568vh; margin-top: 50vh!important; } #trigger_260 { top: 570vh; margin-top: 50vh!important; } #trigger_261 { top: 572vh; margin-top: 50vh!important; } #trigger_262 { top: 574vh; margin-top: 50vh!important; } #trigger_263 { top: 576vh; margin-top: 50vh!important; } #trigger_264 { top: 578vh; margin-top: 50vh!important; } #trigger_265 { top: 580vh; margin-top: 50vh!important; } #trigger_266 { top: 582vh; margin-top: 50vh!important; } #trigger_267 { top: 584vh; margin-top: 50vh!important; } #trigger_268 { top: 586vh; margin-top: 50vh!important; } #trigger_269 { top: 588vh; margin-top: 50vh!important; } #trigger_270 { top: 590vh; margin-top: 50vh!important; } #hex_bkg { opacity: 0; width: 100%; position: absolute; top: 590vh; height: 200vh; background-image: url('./new_cloud_bkg2.png'); background-size: cover; background-position: bottom center; z-index: 10!important; margin-top: 50vh!important; } #trigger_271 { top: 592vh; margin-top: 50vh!important; } #trigger_272 { top: 594vh; margin-top: 50vh!important; } #trigger_273 { top: 596vh; margin-top: 50vh!important; } #trigger_274 { top: 598vh; margin-top: 50vh!important; } #trigger_275 { top: 600vh; margin-top: 50vh!important; } #trigger_276 { top: 602vh; margin-top: 50vh!important; } #trigger_277 { top: 604vh; margin-top: 50vh!important; } #trigger_278 { top: 606vh; margin-top: 50vh!important; } #trigger_279 { top: 608vh; margin-top: 50vh!important; } #trigger_280 { top: 610vh; margin-top: 50vh!important; } #trigger_281 { top: 612vh; margin-top: 50vh!important; } #trigger_282 { top: 614vh; margin-top: 50vh!important; } #trigger_283 { top: 616vh; margin-top: 50vh!important; } #trigger_284 { top: 618vh; margin-top: 50vh!important; } #trigger_285 { top: 620vh; margin-top: 50vh!important; } #trigger_286 { top: 622vh; margin-top: 50vh!important; } #trigger_287 { top: 624vh; margin-top: 50vh!important; } #trigger_288 { top: 626vh; margin-top: 50vh!important; } #trigger_289 { top: 628vh; margin-top: 50vh!important; } #trigger_290 { top: 630vh; margin-top: 50vh!important; } #trigger_291 { top: 632vh; margin-top: 50vh!important; } #trigger_292 { top: 634vh; margin-top: 50vh!important; } #trigger_293 { top: 636vh; margin-top: 50vh!important; } #trigger_294 { top: 638vh; margin-top: 50vh!important; } #trigger_295 { top: 640vh; margin-top: 50vh!important; } #trigger_296 { top: 642vh; margin-top: 50vh!important; } #trigger_297 { top: 644vh; margin-top: 50vh!important; } #trigger_298 { top: 646vh; margin-top: 50vh!important; } #trigger_299 { top: 648vh; margin-top: 50vh!important; } #trigger_300 { top: 650vh; margin-top: 50vh!important; } #trigger_301 { top: 652vh; margin-top: 50vh!important; } #trigger_302 { top: 654vh; margin-top: 50vh!important; } #trigger_303 { top: 656vh; margin-top: 50vh!important; } #trigger_304 { top: 658vh; margin-top: 50vh!important; } #trigger_305 { top: 660vh; margin-top: 50vh!important; } #trigger_306 { top: 662vh; margin-top: 50vh!important; } #trigger_307 { top: 664vh; margin-top: 50vh!important; } #trigger_308 { top: 666vh; margin-top: 50vh!important; } #trigger_309 { top: 668vh; margin-top: 50vh!important; } #trigger_310 { top: 670vh; margin-top: 50vh!important; } #trigger_311 { top: 672vh; margin-top: 50vh!important; } #trigger_312 { top: 674vh; margin-top: 50vh!important; } #trigger_313 { top: 676vh; margin-top: 50vh!important; } #trigger_314 { top: 678vh; margin-top: 50vh!important; } #trigger_330 { top: 710vh; margin-top: 50vh!important; } #trigger_345 { top: 740vh; margin-top: 50vh!important; } #trigger_346 { top: 742vh; margin-top: 50vh!important; } #trigger_347 { top: 744vh; margin-top: 50vh!important; } #trigger_348 { top: 746vh; margin-top: 50vh!important; } #trigger_349 { top: 748vh; margin-top: 50vh!important; } #trigger_350 { top: 750vh; margin-top: 50vh!important; } #trigger_351 { top: 752vh; margin-top: 50vh!important; } #trigger_352 { top: 754vh; margin-top: 50vh!important; } #trigger_353 { top: 756vh; margin-top: 50vh!important; } #trigger_354 { top: 758vh; margin-top: 50vh!important; } #trigger_360 { top: 770vh; margin-top: 50vh!important; } #trigger_361 { top: 772vh; margin-top: 50vh!important; } #trigger_362 { top: 774vh; margin-top: 50vh!important; } #trigger_363 { top: 776vh; margin-top: 50vh!important; } #trigger_364 { top: 778vh; margin-top: 50vh!important; } #trigger_365 { top: 780vh; margin-top: 50vh!important; } #trigger_366 { top: 782vh; margin-top: 50vh!important; } #trigger_367 { top: 784vh; margin-top: 50vh!important; } #trigger_368 { top: 786vh; margin-top: 50vh!important; } #trigger_369 { top: 788vh; margin-top: 50vh!important; } #hex_bkg_2 { width: 100%; position: absolute; top: 790vh; margin-top: 50vh!important; height: 200vh; background-image: url('./new_cloud_bkg2.png'); background-size: cover; background-position: top center; z-index: 10!important; } #trigger_370 { top: 790vh; margin-top: 50vh!important; } #trigger_371 { top: 792vh; margin-top: 50vh!important; } #trigger_372 { top: 794vh; margin-top: 50vh!important; } #trigger_373 { top: 796vh; margin-top: 50vh!important; } #trigger_374 { top: 798vh; margin-top: 50vh!important; } #trigger_375 { top: 800vh; margin-top: 50vh!important; } #trigger_376 { top: 802vh; margin-top: 50vh!important; } #trigger_377 { top: 804vh; margin-top: 50vh!important; } #trigger_378 { top: 806vh; margin-top: 50vh!important; } #trigger_379 { top: 808vh; margin-top: 50vh!important; } #trigger_385 { top: 820vh; margin-top: 50vh!important; } #trigger_386 { top: 822vh; margin-top: 50vh!important; } #trigger_387 { top: 824vh; margin-top: 50vh!important; } #trigger_388 { top: 826vh; margin-top: 50vh!important; } #trigger_389 { top: 828vh; margin-top: 50vh!important; } #trigger_390 { top: 830vh; margin-top: 50vh!important; } #trigger_391 { top: 832vh; margin-top: 50vh!important; } #trigger_392 { top: 834vh; margin-top: 50vh!important; } #trigger_393 { top: 836vh; margin-top: 50vh!important; } #trigger_394 { top: 838vh; margin-top: 50vh!important; } #trigger_395 { top: 840vh; margin-top: 50vh!important; } #trigger_396 { top: 842vh; margin-top: 50vh!important; } #trigger_397 { top: 844vh; margin-top: 50vh!important; } #trigger_398 { top: 846vh; margin-top: 50vh!important; } #trigger_399 { top: 848vh; margin-top: 50vh!important; } #trigger_400 { top: 850vh; margin-top: 50vh!important; } #trigger_401 { top: 852vh; margin-top: 50vh!important; } #trigger_402 { top: 854vh; margin-top: 50vh!important; } #trigger_403 { top: 856vh; margin-top: 50vh!important; } #trigger_404 { top: 858vh; margin-top: 50vh!important; } #trigger_405 { top: 860vh; margin-top: 50vh!important; } #trigger_406 { top: 862vh; margin-top: 50vh!important; } #trigger_407 { top: 864vh; margin-top: 50vh!important; } #trigger_408 { top: 866vh; margin-top: 50vh!important; } #trigger_409 { top: 868vh; margin-top: 50vh!important; } #trigger_410 { top: 870vh; margin-top: 50vh!important; } #trigger_411 { top: 872vh; margin-top: 50vh!important; } #trigger_412 { top: 874vh; margin-top: 50vh!important; } #trigger_413 { top: 876vh; margin-top: 50vh!important; } #trigger_414 { top: 878vh; margin-top: 50vh!important; } #trigger_415 { top: 880vh; margin-top: 50vh!important; } #bkg_fade_to_china { opacity: 0; height: 50vh; top: 890vh; margin-top: 50vh!important; background-image: linear-gradient(#e7f1f4, #000000); position: absolute; z-index: 1!important; width: 100%; transition: 1s; } #trigger_416 { top: 882vh; margin-top: 50vh!important; } #trigger_417 { top: 884vh; margin-top: 50vh!important; } #trigger_418 { top: 886vh; margin-top: 50vh!important; } #trigger_419 { top: 888vh; margin-top: 50vh!important; } #trigger_420 { top: 890vh; margin-top: 50vh!important; } #trigger_421 { top: 892vh; margin-top: 50vh!important; } #trigger_422 { top: 894vh; margin-top: 50vh!important; } #trigger_423 { top: 896vh; margin-top: 50vh!important; } #trigger_424 { top: 898vh; margin-top: 50vh!important; } #trigger_425 { top: 900vh; margin-top: 50vh!important; } #static_china { opacity: 0; background-image:url('./china_bkg_tall2.png'); height: 350vh; position: absolute; top: 940vh; margin-top: 50vh!important; width: 100% transition: 1s; z-index: 10!important; } #bkg_for_china { height: 300vh; top: 940vh; margin-top: 50vh!important; background-image: linear-gradient(#000000, #000000, #000000, #616161); position: absolute; z-index: 1!important; width: 100%; transition: 1s; } #body_saas_bkg_img { opacity: 0; height: 380vh; top: 950vh; margin-top: 50vh!important; left: 0; width: 100%; background-image:url('./new_saas_bkg_tall.png'); background-size: cover; background-position: top center; position: absolute; transition: 1s; z-index: 10!important; } #trigger_470 { top: 990vh; margin-top: 50vh!important; } #trigger_475 { top: 1000vh; margin-top: 50vh!important; } #trigger_476 { top: 1002vh; margin-top: 50vh!important; } #trigger_477 { top: 1004vh; margin-top: 50vh!important; } #trigger_478 { top: 1006vh; margin-top: 50vh!important; } #trigger_479 { top: 1008vh; margin-top: 50vh!important; } #trigger_480 { top: 1010vh; margin-top: 50vh!important; } #trigger_481 { top: 1012vh; margin-top: 50vh!important; } #trigger_482 { top: 1014vh; margin-top: 50vh!important; } #trigger_483 { top: 1016vh; margin-top: 50vh!important; } #trigger_484 { top: 1018vh; margin-top: 50vh!important; } #trigger_485 { top: 1020vh; margin-top: 50vh!important; } #trigger_486 { top: 1022vh; margin-top: 50vh!important; } #trigger_487 { top: 1024vh; margin-top: 50vh!important; } #trigger_488 { top: 1026vh; margin-top: 50vh!important; } #trigger_489 { top: 1028vh; margin-top: 50vh!important; } #trigger_490 { top: 1030vh; margin-top: 50vh!important; } #trigger_491 { top: 1032vh; margin-top: 50vh!important; } #trigger_492 { top: 1034vh; margin-top: 50vh!important; } #trigger_493 { top: 1036vh; margin-top: 50vh!important; } #trigger_494 { top: 1038vh; margin-top: 50vh!important; } #trigger_495 { top: 1040vh; margin-top: 50vh!important; } #trigger_496 { top: 1042vh; margin-top: 50vh!important; } #trigger_497 { top: 1044vh; margin-top: 50vh!important; } #trigger_498 { top: 1046vh; margin-top: 50vh!important; } #trigger_499 { top: 1048vh; margin-top: 50vh!important; } #trigger_500 { top: 1050vh; margin-top: 50vh!important; } #trigger_501 { top: 1052vh; margin-top: 50vh!important; } #trigger_502 { top: 1054vh; margin-top: 50vh!important; } #trigger_503 { top: 1056vh; margin-top: 50vh!important; } #trigger_504 { top: 1058vh; margin-top: 50vh!important; } #trigger_505 { top: 1060vh; margin-top: 50vh!important; } #trigger_506 { top: 1062vh; margin-top: 50vh!important; } #trigger_507 { top: 1064vh; margin-top: 50vh!important; } #trigger_508 { top: 1066vh; margin-top: 50vh!important; } #trigger_509 { top: 1068vh; margin-top: 50vh!important; } #trigger_510 { top: 1070vh; margin-top: 50vh!important; } #trigger_520 { top: 1080vh; margin-top: 50vh!important; } #trigger_550 { top: 1150vh; margin-top: 50vh!important; } #trigger_555 { top: 1160vh; margin-top: 50vh!important; } #trigger_556 { top: 1162vh; margin-top: 50vh!important; } #trigger_557 { top: 1164vh; margin-top: 50vh!important; } #trigger_558 { top: 1166vh; margin-top: 50vh!important; } #trigger_559 { top: 1168vh; margin-top: 50vh!important; } #trigger_560 { top: 1170vh; margin-top: 50vh!important; } #trigger_561 { top: 1172vh; margin-top: 50vh!important; } #trigger_562 { top: 1174vh; margin-top: 50vh!important; } #trigger_563 { top: 1176vh; margin-top: 50vh!important; } #trigger_564 { top: 1178vh; margin-top: 50vh!important; } #trigger_570 { top: 1190vh; margin-top: 50vh!important; } #trigger_590 { top: 1230vh; margin-top: 50vh!important; } #trigger_591 { top: 1232vh; margin-top: 50vh!important; } #trigger_592 { top: 1234vh; margin-top: 50vh!important; } #trigger_593 { top: 1236vh; margin-top: 50vh!important; } #trigger_594 { top: 1238vh; margin-top: 50vh!important; } #trigger_595 { top: 1240vh; margin-top: 50vh!important; } #trigger_596 { top: 1242vh; margin-top: 50vh!important; } #trigger_597 { top: 1244vh; margin-top: 50vh!important; } #trigger_598 { top: 1246vh; margin-top: 50vh!important; } #trigger_599 { top: 1248vh; margin-top: 50vh!important; } #trigger_600 { top: 1250vh; margin-top: 50vh!important; } #trigger_601 { top: 1252vh; margin-top: 50vh!important; } #trigger_602 { top: 1254vh; margin-top: 50vh!important; } #trigger_603 { top: 1256vh; margin-top: 50vh!important; } #trigger_604 { top: 1258vh; margin-top: 50vh!important; } #trigger_605 { top: 1260vh; margin-top: 50vh!important; } #trigger_606 { top: 1262vh; margin-top: 50vh!important; } #trigger_607 { top: 1264vh; margin-top: 50vh!important; } #trigger_608 { top: 1266vh; margin-top: 50vh!important; } #trigger_609 { top: 1268vh; margin-top: 50vh!important; } #trigger_610 { top: 1270vh; margin-top: 50vh!important; } #trigger_611 { top: 1272vh; margin-top: 50vh!important; } #trigger_612 { top: 1274vh; margin-top: 50vh!important; } #trigger_613 { top: 1276vh; margin-top: 50vh!important; } #trigger_614 { top: 1278vh; margin-top: 50vh!important; } #trigger_615 { top: 1280vh; margin-top: 50vh!important; } #trigger_616 { top: 1282vh; margin-top: 50vh!important; } #trigger_617 { top: 1284vh; margin-top: 50vh!important; } #trigger_618 { top: 1286vh; margin-top: 50vh!important; } #trigger_619 { top: 1288vh; margin-top: 50vh!important; } #trigger_620 { top: 1290vh; margin-top: 50vh!important; } #trigger_621 { top: 1292vh; margin-top: 50vh!important; } #trigger_622 { top: 1294vh; margin-top: 50vh!important; } #trigger_623 { top: 1296vh; margin-top: 50vh!important; } #trigger_624 { top: 1298vh; margin-top: 50vh!important; } #trigger_625 { top: 1300vh; margin-top: 50vh!important; } #trigger_626 { top: 1302vh; margin-top: 50vh!important; } #trigger_627 { top: 1304vh; margin-top: 50vh!important; } #trigger_628 { top: 1306vh; margin-top: 50vh!important; } #trigger_629 { top: 1308vh; margin-top: 50vh!important; } #trigger_630 { top: 1310vh; margin-top: 50vh!important; } #trigger_631 { top: 1312vh; margin-top: 50vh!important; } #trigger_632 { top: 1314vh; margin-top: 50vh!important; } #trigger_633 { top: 1316vh; margin-top: 50vh!important; } #trigger_634 { top: 1318vh; margin-top: 50vh!important; } #trigger_635 { top: 1320vh; margin-top: 50vh!important; } #trigger_636 { top: 1322vh; margin-top: 50vh!important; } #trigger_637 { top: 1324vh; margin-top: 50vh!important; } #trigger_638 { top: 1326vh; margin-top: 50vh!important; } #trigger_639 { top: 1328vh; margin-top: 50vh!important; } #trigger_640 { top: 1330vh; margin-top: 50vh!important; } #trigger_641 { top: 1332vh; margin-top: 50vh!important; } #trigger_642 { top: 1334vh; margin-top: 50vh!important; } #trigger_643 { top: 1336vh; margin-top: 50vh!important; } #trigger_644 { top: 1338vh; margin-top: 50vh!important; } #trigger_645 { top: 1340vh; margin-top: 50vh!important; } #trigger_646 { top: 1342vh; margin-top: 50vh!important; } #trigger_647 { top: 1344vh; margin-top: 50vh!important; } #trigger_648 { top: 1346vh; margin-top: 50vh!important; } #trigger_649 { top: 1348vh; margin-top: 50vh!important; } #trigger_650 { top: 1350vh; margin-top: 50vh!important; } #trigger_651 { top: 1352vh; margin-top: 50vh!important; } #trigger_652 { top: 1354vh; margin-top: 50vh!important; } #trigger_653 { top: 1356vh; margin-top: 50vh!important; } #trigger_654 { top: 1358vh; margin-top: 50vh!important; } #trigger_655 { top: 1360vh; margin-top: 50vh!important; } #trigger_656 { top: 1362vh; margin-top: 50vh!important; } #trigger_657 { top: 1364vh; margin-top: 50vh!important; } #trigger_658 { top: 1366vh; margin-top: 50vh!important; } #trigger_659 { top: 1368vh; margin-top: 50vh!important; } #trigger_660 { top: 1370vh; margin-top: 50vh!important; } #trigger_661 { top: 1372vh; margin-top: 50vh!important; } #trigger_662 { top: 1374vh; margin-top: 50vh!important; } #trigger_663 { top: 1376vh; margin-top: 50vh!important; } #trigger_664 { top: 1378vh; margin-top: 50vh!important; } #trigger_665 { top: 1380vh; margin-top: 50vh!important; } #trigger_666 { top: 1382vh; margin-top: 50vh!important; } #trigger_667 { top: 1384vh; margin-top: 50vh!important; } #trigger_668 { top: 1386vh; margin-top: 50vh!important; } #trigger_669 { top: 1388vh; margin-top: 50vh!important; } #trigger_670 { top: 1390vh; margin-top: 50vh!important; } #trigger_671 { top: 1392vh; margin-top: 50vh!important; } #trigger_672 { top: 1394vh; margin-top: 50vh!important; } #trigger_673 { top: 1396vh; margin-top: 50vh!important; } #trigger_674 { top: 1398vh; margin-top: 50vh!important; } #trigger_675 { top: 1400vh; margin-top: 50vh!important; } #trigger_676 { top: 1402vh; margin-top: 50vh!important; } #trigger_677 { top: 1404vh; margin-top: 50vh!important; } #trigger_678 { top: 1406vh; margin-top: 50vh!important; } #trigger_679 { top: 1408vh; margin-top: 50vh!important; } #trigger_680 { top: 1410vh; margin-top: 50vh!important; } #trigger_681 { top: 1412vh; margin-top: 50vh!important; } #trigger_682 { top: 1414vh; margin-top: 50vh!important; } #trigger_683 { top: 1416vh; margin-top: 50vh!important; } #trigger_684 { top: 1418vh; margin-top: 50vh!important; } #trigger_685 { top: 1420vh; margin-top: 50vh!important; } #trigger_686 { top: 1422vh; margin-top: 50vh!important; } #trigger_687 { top: 1424vh; margin-top: 50vh!important; } #trigger_688 { top: 1426vh; margin-top: 50vh!important; } #trigger_689 { top: 1428vh; margin-top: 50vh!important; } #trigger_690 { top: 1430vh; margin-top: 50vh!important; } #trigger_691 { top: 1432vh; margin-top: 50vh!important; } #trigger_692 { top: 1434vh; margin-top: 50vh!important; } #trigger_693 { top: 1436vh; margin-top: 50vh!important; } #trigger_694 { top: 1438vh; margin-top: 50vh!important; } #trigger_695 { top: 1440vh; margin-top: 50vh!important; } #trigger_696 { top: 1442vh; margin-top: 50vh!important; } #trigger_697 { top: 1444vh; margin-top: 50vh!important; } #trigger_698 { top: 1446vh; margin-top: 50vh!important; } #trigger_699 { top: 1448vh; margin-top: 50vh!important; } #trigger_700 { top: 1450vh; margin-top: 50vh!important; } #trigger_701 { top: 1452vh; margin-top: 50vh!important; } #trigger_702 { top: 1454vh; margin-top: 50vh!important; } #trigger_703 { top: 1456vh; margin-top: 50vh!important; } #trigger_704 { top: 1458vh; margin-top: 50vh!important; } #trigger_705 { top: 1460vh; margin-top: 50vh!important; } #trigger_706 { top: 1462vh; margin-top: 50vh!important; } #trigger_707 { top: 1464vh; margin-top: 50vh!important; } #trigger_708 { top: 1466vh; margin-top: 50vh!important; } #trigger_709 { top: 1468vh; margin-top: 50vh!important; } #trigger_710 { top: 1470vh; margin-top: 50vh!important; } #trigger_711 { top: 1472vh; margin-top: 50vh!important; } #trigger_712 { top: 1474vh; margin-top: 50vh!important; } #trigger_713 { top: 1476vh; margin-top: 50vh!important; } #trigger_714 { top: 1478vh; margin-top: 50vh!important; } #trigger_715 { top: 1480vh; margin-top: 50vh!important; } #trigger_716 { top: 1482vh; margin-top: 50vh!important; } #trigger_717 { top: 1484vh; margin-top: 50vh!important; } #trigger_718 { top: 1486vh; margin-top: 50vh!important; } #trigger_719 { top: 1488vh; margin-top: 50vh!important; } #trigger_720 { top: 1490vh; margin-top: 50vh!important; } #trigger_721 { top: 1492vh; margin-top: 50vh!important; } #trigger_722 { top: 1494vh; margin-top: 50vh!important; } #trigger_723 { top: 1496vh; margin-top: 50vh!important; } #trigger_724 { top: 1498vh; margin-top: 50vh!important; } #trigger_725 { top: 1500vh; margin-top: 50vh!important; } #trigger_726 { top: 1502vh; margin-top: 50vh!important; } #trigger_727 { top: 1504vh; margin-top: 50vh!important; } #trigger_728 { top: 1506vh; margin-top: 50vh!important; } #trigger_729 { top: 1508vh; margin-top: 50vh!important; } #trigger_730 { top: 1510vh; margin-top: 50vh!important; } #trigger_731 { top: 1512vh; margin-top: 50vh!important; } #trigger_732 { top: 1514vh; margin-top: 50vh!important; } #trigger_733 { top: 1516vh; margin-top: 50vh!important; } #trigger_734 { top: 1518vh; margin-top: 50vh!important; } #trigger_735 { top: 1520vh; margin-top: 50vh!important; } #trigger_736 { top: 1522vh; margin-top: 50vh!important; } #trigger_737 { top: 1524vh; margin-top: 50vh!important; } #trigger_738 { top: 1526vh; margin-top: 50vh!important; } #trigger_739 { top: 1528vh; margin-top: 50vh!important; } #trigger_740 { top: 1530vh; margin-top: 50vh!important; } #trigger_741 { top: 1532vh; margin-top: 50vh!important; } #trigger_742 { top: 1534vh; margin-top: 50vh!important; } #trigger_743 { top: 1536vh; margin-top: 50vh!important; } #trigger_744 { top: 1538vh; margin-top: 50vh!important; } #trigger_745 { top: 1540vh; margin-top: 50vh!important; } #trigger_746 { top: 1542vh; margin-top: 50vh!important; } #trigger_747 { top: 1544vh; margin-top: 50vh!important; } #trigger_748 { top: 1546vh; margin-top: 50vh!important; } #trigger_749 { top: 1548vh; margin-top: 50vh!important; } #trigger_750 { top: 1550vh; margin-top: 50vh!important; } #trigger_751 { top: 1552vh; margin-top: 50vh!important; } #trigger_752 { top: 1554vh; margin-top: 50vh!important; } #trigger_753 { top: 1556vh; margin-top: 50vh!important; } #trigger_754 { top: 1558vh; margin-top: 50vh!important; } #trigger_755 { top: 1560vh; margin-top: 50vh!important; } #trigger_756 { top: 1562vh; margin-top: 50vh!important; } #trigger_757 { top: 1564vh; margin-top: 50vh!important; } #trigger_758 { top: 1566vh; margin-top: 50vh!important; } #trigger_759 { top: 1568vh; margin-top: 50vh!important; } #trigger_760 { top: 1570vh; margin-top: 50vh!important; } #trigger_761 { top: 1572vh; margin-top: 50vh!important; } #trigger_762 { top: 1574vh; margin-top: 50vh!important; } #trigger_763 { top: 1576vh; margin-top: 50vh!important; } #trigger_764 { top: 1578vh; margin-top: 50vh!important; } #trigger_765 { top: 1580vh; margin-top: 50vh!important; } #trigger_766 { top: 1582vh; margin-top: 50vh!important; } #trigger_767 { top: 1584vh; margin-top: 50vh!important; } #trigger_768 { top: 1586vh; margin-top: 50vh!important; } #trigger_769 { top: 1588vh; margin-top: 50vh!important; } #trigger_770 { top: 1590vh; margin-top: 50vh!important; } #trigger_771 { top: 1592vh; margin-top: 50vh!important; } #trigger_772 { top: 1594vh; margin-top: 50vh!important; } #trigger_773 { top: 1596vh; margin-top: 50vh!important; } #trigger_774 { top: 1598vh; margin-top: 50vh!important; } #trigger_775 { top: 1600vh; margin-top: 50vh!important; } #trigger_795 { top: 1640vh; margin-top: 50vh!important; } } @media only screen and (min-width: 414px) and (max-width: 468px) and (min-height: 768px) and (orientation: portrait) { /* medium phones portrait */ #news_awards_emerge_row { width: 100%; overflow-x: hidden; position: relative; z-index: 802; padding: 30px 0px 30px 0px; margin-top: -60px!important; margin-right: 0; opacity: 1; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (max-height: 767px) and (orientation: portrait) { /* medium phones portrait */ #news_awards_emerge_row { width: 100%; overflow-x: hidden; position: relative; z-index: 802; padding: 30px 0px 30px 0px; margin-top: 30px; margin-right: 0; opacity: 1; } #new_features { width: 300px; margin-left: 0%; padding: 20px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 690px; z-index: 125; } #all_awards { display: block; width: calc(75% - 20px); margin-left: 25%; padding: 5px 10px; text-align: center; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 30px; height: 430px; } .new_accolade { width: 210px; margin: 0px 0px 20px 10px; display: block; clear: both; float: left; } .feature_cell_new_1 { width: 270px; height: 225px; position: absolute; top: 30px; left: 30px; } .feature_cell_new_2 { width: 270px; height: 225px; position: absolute; top: 260px; left: 30px; } .feature_cell_new_3 { width: 270px; height: 225px; position: absolute; top: 490px; left: 30px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 270px!important; height: 225px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; font-size: 14px!important; text-align: left; width: 150px; background-color:#00b4dc; padding: 5px 10px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 270px!important; left: 0; top: 146; left: 0; height: 50px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 15px!important; line-height: 18px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; top: 181; left: 0; font-weight: 600; width: 270px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #trigger_59 { top: 168vh; margin-top: 100vh!important; } #trigger_60 { top: 170vh; margin-top: 100vh!important; } #trigger_61 { top: 172vh; margin-top: 100vh!important; } #trigger_62 { top: 174vh; margin-top: 100vh!important; } #trigger_63 { top: 176vh; margin-top: 100vh!important; } #trigger_64 { top: 178vh; margin-top: 100vh!important; } #trigger_65 { top: 180vh; margin-top: 100vh!important; } #trigger_66 { top: 182vh; margin-top: 100vh!important; } #trigger_67 { top: 184vh; margin-top: 100vh!important; } #trigger_68 { top: 186vh; margin-top: 100vh!important; } #trigger_69 { top: 188vh; margin-top: 100vh!important; } #trigger_70 { top: 190vh; margin-top: 100vh!important; } #trigger_71 { top: 192vh; margin-top: 100vh!important; } #trigger_72 { top: 194vh; margin-top: 100vh!important; } #trigger_73 { top: 196vh; margin-top: 100vh!important; } #trigger_74 { top: 198vh; margin-top: 100vh!important; } #trigger_75 { top: 200vh; margin-top: 100vh!important; } #trigger_76 { top: 202vh; margin-top: 100vh!important; } #trigger_77 { top: 204vh; margin-top: 100vh!important; } #trigger_78 { top: 206vh; margin-top: 100vh!important; } #trigger_79 { top: 208vh; margin-top: 100vh!important; } #trigger_80 { top: 210vh; margin-top: 100vh!important; } #trigger_81 { top: 212vh; margin-top: 100vh!important; } #trigger_82 { top: 214vh; margin-top: 100vh!important; } #trigger_83 { top: 216vh; margin-top: 100vh!important; } #trigger_84 { top: 218vh; margin-top: 100vh!important; } #trigger_85 { top: 220vh; margin-top: 100vh!important; } #trigger_86 { top: 222vh; margin-top: 100vh!important; } #trigger_87 { top: 224vh; margin-top: 100vh!important; } #trigger_88 { top: 226vh; margin-top: 100vh!important; } #trigger_89 { top: 228vh; margin-top: 100vh!important; } #trigger_90 { top: 230vh; margin-top: 100vh!important; } #trigger_91 { top: 232vh; margin-top: 100vh!important; } #trigger_92 { top: 234vh; margin-top: 100vh!important; } #trigger_93 { top: 236vh; margin-top: 100vh!important; } #trigger_94 { top: 238vh; margin-top: 100vh!important; } #trigger_95 { top: 240vh; margin-top: 100vh!important; } #trigger_96 { top: 242vh; margin-top: 100vh!important; } #trigger_97 { top: 244vh; margin-top: 100vh!important; } #trigger_98 { top: 246vh; margin-top: 100vh!important; } #trigger_99 { top: 248vh; margin-top: 100vh!important; } #trigger_100 { top: 250vh; margin-top: 100vh!important; } #trigger_101 { top: 252vh; margin-top: 100vh!important; } #trigger_102 { top: 254vh; margin-top: 100vh!important; } #trigger_103 { top: 256vh; margin-top: 100vh!important; } #trigger_104 { top: 258vh; margin-top: 100vh!important; } #trigger_105 { top: 260vh; margin-top: 100vh!important; } #trigger_106 { top: 262vh; margin-top: 100vh!important; } #trigger_107 { top: 264vh; margin-top: 100vh!important; } #trigger_108 { top: 266vh; margin-top: 100vh!important; } #trigger_109 { top: 268vh; margin-top: 100vh!important; } #trigger_110 { top: 270vh; margin-top: 100vh!important; } #trigger_111 { top: 272vh; margin-top: 100vh!important; } #trigger_112 { top: 274vh; margin-top: 100vh!important; } #trigger_113 { top: 276vh; margin-top: 100vh!important; } #trigger_114 { top: 278vh; margin-top: 100vh!important; } #trigger_115 { top: 280vh; margin-top: 100vh!important; } #trigger_116 { top: 282vh; margin-top: 100vh!important; } #trigger_117 { top: 284vh; margin-top: 100vh!important; } #trigger_118 { top: 286vh; margin-top: 100vh!important; } #trigger_119 { top: 288vh; margin-top: 100vh!important; } #trigger_120 { top: 290vh; margin-top: 100vh!important; } #trigger_121 { top: 292vh; margin-top: 100vh!important; } #trigger_122 { top: 294vh; margin-top: 100vh!important; } #trigger_123 { top: 296vh; margin-top: 100vh!important; } #trigger_124 { top: 298vh; margin-top: 100vh!important; } #trigger_125 { top: 300vh; margin-top: 100vh!important; } #trigger_126 { top: 302vh; margin-top: 100vh!important; } #trigger_127 { top: 304vh; margin-top: 100vh!important; } #trigger_128 { top: 306vh; margin-top: 100vh!important; } #trigger_129 { top: 308vh; margin-top: 100vh!important; } #trigger_130 { top: 310vh; margin-top: 100vh!important; } #trigger_131 { top: 312vh; margin-top: 100vh!important; } #trigger_132 { top: 314vh; margin-top: 100vh!important; } #trigger_133 { top: 316vh; margin-top: 100vh!important; } #trigger_134 { top: 318vh; margin-top: 100vh!important; } #trigger_135 { top: 320vh; margin-top: 100vh!important; } #trigger_136 { top: 322vh; margin-top: 100vh!important; } #trigger_137 { top: 324vh; margin-top: 100vh!important; } #trigger_138 { top: 326vh; margin-top: 100vh!important; } #trigger_139 { top: 328vh; margin-top: 100vh!important; } #trigger_140 { top: 330vh; margin-top: 100vh!important; } #trigger_141 { top: 332vh; margin-top: 100vh!important; } #trigger_142 { top: 334vh; margin-top: 100vh!important; } #trigger_143 { top: 336vh; margin-top: 100vh!important; } #trigger_144 { top: 338vh; margin-top: 100vh!important; } #trigger_145 { top: 340vh; margin-top: 100vh!important; } #trigger_146 { top: 342vh; margin-top: 100vh!important; } #trigger_147 { top: 344vh; margin-top: 100vh!important; } #trigger_148 { top: 346vh; margin-top: 100vh!important; } #trigger_149 { top: 348vh; margin-top: 100vh!important; } #trigger_150 { top: 350vh; margin-top: 100vh!important; } #trigger_151 { top: 352vh; margin-top: 100vh!important; } #trigger_152 { top: 354vh; margin-top: 100vh!important; } #trigger_153 { top: 356vh; margin-top: 100vh!important; } #trigger_154 { top: 358vh; margin-top: 100vh!important; } #trigger_155 { top: 360vh; margin-top: 100vh!important; } #trigger_156 { top: 362vh; margin-top: 100vh!important; } #trigger_157 { top: 364vh; margin-top: 100vh!important; } #trigger_158 { top: 366vh; margin-top: 100vh!important; } #trigger_159 { top: 368vh; margin-top: 100vh!important; } #trigger_160 { top: 370vh; margin-top: 100vh!important; } #trigger_161 { top: 372vh; margin-top: 100vh!important; } #trigger_162 { top: 374vh; margin-top: 100vh!important; } #trigger_163 { top: 376vh; margin-top: 100vh!important; } #trigger_164 { top: 378vh; margin-top: 100vh!important; } #trigger_165 { top: 380vh; margin-top: 100vh!important; } #trigger_166 { top: 382vh; margin-top: 100vh!important; } #trigger_167 { top: 384vh; margin-top: 100vh!important; } #trigger_168 { top: 386vh; margin-top: 100vh!important; } #trigger_169 { top: 388vh; margin-top: 100vh!important; } #trigger_170 { top: 390vh; margin-top: 100vh!important; } #trigger_171 { top: 392vh; margin-top: 100vh!important; } #trigger_172 { top: 394vh; margin-top: 100vh!important; } #trigger_173 { top: 396vh; margin-top: 100vh!important; } #trigger_174 { top: 398vh; margin-top: 100vh!important; } #trigger_175 { top: 400vh; margin-top: 100vh!important; } #trigger_176 { top: 402vh; margin-top: 100vh!important; } #trigger_177 { top: 404vh; margin-top: 100vh!important; } #trigger_178 { top: 406vh; margin-top: 100vh!important; } #trigger_179 { top: 408vh; margin-top: 100vh!important; } #trigger_180 { top: 410vh; margin-top: 100vh!important; } #trigger_181 { top: 412vh; margin-top: 100vh!important; } #trigger_182 { top: 414vh; margin-top: 100vh!important; } #trigger_183 { top: 416vh; margin-top: 100vh!important; } #trigger_184 { top: 418vh; margin-top: 100vh!important; } #trigger_185 { top: 420vh; margin-top: 100vh!important; } #trigger_186 { top: 422vh; margin-top: 100vh!important; } #trigger_187 { top: 424vh; margin-top: 100vh!important; } #trigger_188 { top: 426vh; margin-top: 100vh!important; } #trigger_189 { top: 428vh; margin-top: 100vh!important; } #trigger_190 { top: 430vh; margin-top: 100vh!important; } #trigger_191 { top: 432vh; margin-top: 100vh!important; } #trigger_192 { top: 434vh; margin-top: 100vh!important; } #trigger_193 { top: 436vh; margin-top: 100vh!important; } #trigger_194 { top: 438vh; margin-top: 100vh!important; } #trigger_195 { top: 440vh; margin-top: 100vh!important; } #trigger_196 { top: 442vh; margin-top: 100vh!important; } #trigger_197 { top: 444vh; margin-top: 100vh!important; } #trigger_198 { top: 446vh; margin-top: 100vh!important; } #trigger_199 { top: 448vh; margin-top: 100vh!important; } #trigger_200 { top: 450vh; margin-top: 100vh!important; } #trigger_201 { top: 452vh; margin-top: 100vh!important; } #trigger_202 { top: 454vh; margin-top: 100vh!important; } #trigger_203 { top: 456vh; margin-top: 100vh!important; } #trigger_204 { top: 458vh; margin-top: 100vh!important; } #trigger_205 { top: 460vh; margin-top: 100vh!important; } #trigger_206 { top: 462vh; margin-top: 100vh!important; } #trigger_207 { top: 464vh; margin-top: 100vh!important; } #trigger_208 { top: 466vh; margin-top: 100vh!important; } #trigger_209 { top: 468vh; margin-top: 100vh!important; } #trigger_210 { top: 470vh; margin-top: 100vh!important; } #trigger_211 { top: 472vh; margin-top: 100vh!important; } #trigger_212 { top: 474vh; margin-top: 100vh!important; } #trigger_213 { top: 476vh; margin-top: 100vh!important; } #trigger_214 { top: 478vh; margin-top: 100vh!important; } #trigger_215 { top: 480vh; margin-top: 100vh!important; } #trigger_216 { top: 482vh; margin-top: 100vh!important; } #trigger_217 { top: 484vh; margin-top: 100vh!important; } #trigger_218 { top: 486vh; margin-top: 100vh!important; } #trigger_219 { top: 488vh; margin-top: 100vh!important; } #trigger_220 { top: 490vh; margin-top: 100vh!important; } #trigger_221 { top: 492vh; margin-top: 100vh!important; } #trigger_222 { top: 494vh; margin-top: 100vh!important; } #trigger_223 { top: 496vh; margin-top: 100vh!important; } #trigger_224 { top: 498vh; margin-top: 100vh!important; } #trigger_225 { top: 500vh; margin-top: 100vh!important; } #trigger_226 { top: 502vh; margin-top: 100vh!important; } #trigger_227 { top: 504vh; margin-top: 100vh!important; } #trigger_228 { top: 506vh; margin-top: 100vh!important; } #trigger_229 { top: 508vh; margin-top: 100vh!important; } #trigger_230 { top: 510vh; margin-top: 100vh!important; } #trigger_231 { top: 512vh; margin-top: 100vh!important; } #trigger_232 { top: 514vh; margin-top: 100vh!important; } #trigger_233 { top: 516vh; margin-top: 100vh!important; } #trigger_234 { top: 518vh; margin-top: 100vh!important; } #trigger_235 { top: 520vh; margin-top: 100vh!important; } #trigger_236 { top: 522vh; margin-top: 100vh!important; } #trigger_237 { top: 524vh; margin-top: 100vh!important; } #trigger_238 { top: 526vh; margin-top: 100vh!important; } #trigger_239 { top: 528vh; margin-top: 100vh!important; } #trigger_240 { top: 530vh; margin-top: 100vh!important; } #trigger_241 { top: 532vh; margin-top: 100vh!important; } #trigger_242 { top: 534vh; margin-top: 100vh!important; } #trigger_243 { top: 536vh; margin-top: 100vh!important; } #trigger_244 { top: 538vh; margin-top: 100vh!important; } #trigger_245 { top: 540vh; margin-top: 100vh!important; } #trigger_246 { top: 542vh; margin-top: 100vh!important; } #trigger_247 { top: 544vh; margin-top: 100vh!important; } #trigger_248 { top: 546vh; margin-top: 100vh!important; } #trigger_249 { top: 548vh; margin-top: 100vh!important; } #trigger_250 { top: 550vh; margin-top: 100vh!important; } #trigger_251 { top: 552vh; margin-top: 100vh!important; } #trigger_252 { top: 554vh; margin-top: 100vh!important; } #trigger_253 { top: 556vh; margin-top: 100vh!important; } #trigger_254 { top: 558vh; margin-top: 100vh!important; } #trigger_255 { top: 560vh; margin-top: 100vh!important; } #trigger_256 { top: 562vh; margin-top: 100vh!important; } #trigger_257 { top: 564vh; margin-top: 100vh!important; } #trigger_258 { top: 566vh; margin-top: 100vh!important; } #trigger_259 { top: 568vh; margin-top: 100vh!important; } #trigger_260 { top: 570vh; margin-top: 100vh!important; } #trigger_261 { top: 572vh; margin-top: 100vh!important; } #trigger_262 { top: 574vh; margin-top: 100vh!important; } #trigger_263 { top: 576vh; margin-top: 100vh!important; } #trigger_264 { top: 578vh; margin-top: 100vh!important; } #trigger_265 { top: 580vh; margin-top: 100vh!important; } #trigger_266 { top: 582vh; margin-top: 100vh!important; } #trigger_267 { top: 584vh; margin-top: 100vh!important; } #trigger_268 { top: 586vh; margin-top: 100vh!important; } #trigger_269 { top: 588vh; margin-top: 100vh!important; } #trigger_270 { top: 590vh; margin-top: 100vh!important; } #hex_bkg { opacity: 0; width: 100%; position: absolute; top: 590vh; height: 200vh; background-image: url('./new_cloud_bkg2.png'); background-size: cover; background-position: bottom center; z-index: 10!important; margin-top: 100vh!important; } #trigger_271 { top: 592vh; margin-top: 100vh!important; } #trigger_272 { top: 594vh; margin-top: 100vh!important; } #trigger_273 { top: 596vh; margin-top: 100vh!important; } #trigger_274 { top: 598vh; margin-top: 100vh!important; } #trigger_275 { top: 600vh; margin-top: 100vh!important; } #trigger_276 { top: 602vh; margin-top: 100vh!important; } #trigger_277 { top: 604vh; margin-top: 100vh!important; } #trigger_278 { top: 606vh; margin-top: 100vh!important; } #trigger_279 { top: 608vh; margin-top: 100vh!important; } #trigger_280 { top: 610vh; margin-top: 100vh!important; } #trigger_281 { top: 612vh; margin-top: 100vh!important; } #trigger_282 { top: 614vh; margin-top: 100vh!important; } #trigger_283 { top: 616vh; margin-top: 100vh!important; } #trigger_284 { top: 618vh; margin-top: 100vh!important; } #trigger_285 { top: 620vh; margin-top: 100vh!important; } #trigger_286 { top: 622vh; margin-top: 100vh!important; } #trigger_287 { top: 624vh; margin-top: 100vh!important; } #trigger_288 { top: 626vh; margin-top: 100vh!important; } #trigger_289 { top: 628vh; margin-top: 100vh!important; } #trigger_290 { top: 630vh; margin-top: 100vh!important; } #trigger_291 { top: 632vh; margin-top: 100vh!important; } #trigger_292 { top: 634vh; margin-top: 100vh!important; } #trigger_293 { top: 636vh; margin-top: 100vh!important; } #trigger_294 { top: 638vh; margin-top: 100vh!important; } #trigger_295 { top: 640vh; margin-top: 100vh!important; } #trigger_296 { top: 642vh; margin-top: 100vh!important; } #trigger_297 { top: 644vh; margin-top: 100vh!important; } #trigger_298 { top: 646vh; margin-top: 100vh!important; } #trigger_299 { top: 648vh; margin-top: 100vh!important; } #trigger_300 { top: 650vh; margin-top: 100vh!important; } #trigger_301 { top: 652vh; margin-top: 100vh!important; } #trigger_302 { top: 654vh; margin-top: 100vh!important; } #trigger_303 { top: 656vh; margin-top: 100vh!important; } #trigger_304 { top: 658vh; margin-top: 100vh!important; } #trigger_305 { top: 660vh; margin-top: 100vh!important; } #trigger_306 { top: 662vh; margin-top: 100vh!important; } #trigger_307 { top: 664vh; margin-top: 100vh!important; } #trigger_308 { top: 666vh; margin-top: 100vh!important; } #trigger_309 { top: 668vh; margin-top: 100vh!important; } #trigger_310 { top: 670vh; margin-top: 100vh!important; } #trigger_311 { top: 672vh; margin-top: 100vh!important; } #trigger_312 { top: 674vh; margin-top: 100vh!important; } #trigger_313 { top: 676vh; margin-top: 100vh!important; } #trigger_314 { top: 678vh; margin-top: 100vh!important; } #trigger_330 { top: 710vh; margin-top: 100vh!important; } #trigger_345 { top: 740vh; margin-top: 100vh!important; } #trigger_346 { top: 742vh; margin-top: 100vh!important; } #trigger_347 { top: 744vh; margin-top: 100vh!important; } #trigger_348 { top: 746vh; margin-top: 100vh!important; } #trigger_349 { top: 748vh; margin-top: 100vh!important; } #trigger_350 { top: 750vh; margin-top: 100vh!important; } #trigger_351 { top: 752vh; margin-top: 100vh!important; } #trigger_352 { top: 754vh; margin-top: 100vh!important; } #trigger_353 { top: 756vh; margin-top: 100vh!important; } #trigger_354 { top: 758vh; margin-top: 100vh!important; } #trigger_360 { top: 770vh; margin-top: 100vh!important; } #trigger_361 { top: 772vh; margin-top: 100vh!important; } #trigger_362 { top: 774vh; margin-top: 100vh!important; } #trigger_363 { top: 776vh; margin-top: 100vh!important; } #trigger_364 { top: 778vh; margin-top: 100vh!important; } #trigger_365 { top: 780vh; margin-top: 100vh!important; } #trigger_366 { top: 782vh; margin-top: 100vh!important; } #trigger_367 { top: 784vh; margin-top: 100vh!important; } #trigger_368 { top: 786vh; margin-top: 100vh!important; } #trigger_369 { top: 788vh; margin-top: 100vh!important; } #hex_bkg_2 { width: 100%; position: absolute; top: 790vh; margin-top: 100vh!important; height: 200vh; background-image: url('./new_cloud_bkg2.png'); background-size: cover; background-position: top center; z-index: 10!important; } #trigger_370 { top: 790vh; margin-top: 100vh!important; } #trigger_371 { top: 792vh; margin-top: 100vh!important; } #trigger_372 { top: 794vh; margin-top: 100vh!important; } #trigger_373 { top: 796vh; margin-top: 100vh!important; } #trigger_374 { top: 798vh; margin-top: 100vh!important; } #trigger_375 { top: 800vh; margin-top: 100vh!important; } #trigger_376 { top: 802vh; margin-top: 100vh!important; } #trigger_377 { top: 804vh; margin-top: 100vh!important; } #trigger_378 { top: 806vh; margin-top: 100vh!important; } #trigger_379 { top: 808vh; margin-top: 100vh!important; } #trigger_385 { top: 820vh; margin-top: 100vh!important; } #trigger_386 { top: 822vh; margin-top: 100vh!important; } #trigger_387 { top: 824vh; margin-top: 100vh!important; } #trigger_388 { top: 826vh; margin-top: 100vh!important; } #trigger_389 { top: 828vh; margin-top: 100vh!important; } #trigger_390 { top: 830vh; margin-top: 100vh!important; } #trigger_391 { top: 832vh; margin-top: 100vh!important; } #trigger_392 { top: 834vh; margin-top: 100vh!important; } #trigger_393 { top: 836vh; margin-top: 100vh!important; } #trigger_394 { top: 838vh; margin-top: 100vh!important; } #trigger_395 { top: 840vh; margin-top: 100vh!important; } #trigger_396 { top: 842vh; margin-top: 100vh!important; } #trigger_397 { top: 844vh; margin-top: 100vh!important; } #trigger_398 { top: 846vh; margin-top: 100vh!important; } #trigger_399 { top: 848vh; margin-top: 100vh!important; } #trigger_400 { top: 850vh; margin-top: 100vh!important; } #trigger_401 { top: 852vh; margin-top: 100vh!important; } #trigger_402 { top: 854vh; margin-top: 100vh!important; } #trigger_403 { top: 856vh; margin-top: 100vh!important; } #trigger_404 { top: 858vh; margin-top: 100vh!important; } #trigger_405 { top: 860vh; margin-top: 100vh!important; } #trigger_406 { top: 862vh; margin-top: 100vh!important; } #trigger_407 { top: 864vh; margin-top: 100vh!important; } #trigger_408 { top: 866vh; margin-top: 100vh!important; } #trigger_409 { top: 868vh; margin-top: 100vh!important; } #trigger_410 { top: 870vh; margin-top: 100vh!important; } #trigger_411 { top: 872vh; margin-top: 100vh!important; } #trigger_412 { top: 874vh; margin-top: 100vh!important; } #trigger_413 { top: 876vh; margin-top: 100vh!important; } #trigger_414 { top: 878vh; margin-top: 100vh!important; } #trigger_415 { top: 880vh; margin-top: 100vh!important; } #bkg_fade_to_china { opacity: 0; height: 50vh; top: 890vh; margin-top: 100vh!important; background-image: linear-gradient(#e7f1f4, #000000); position: absolute; z-index: 1!important; width: 100%; transition: 1s; } #trigger_416 { top: 882vh; margin-top: 100vh!important; } #trigger_417 { top: 884vh; margin-top: 100vh!important; } #trigger_418 { top: 886vh; margin-top: 100vh!important; } #trigger_419 { top: 888vh; margin-top: 100vh!important; } #trigger_420 { top: 890vh; margin-top: 100vh!important; } #trigger_421 { top: 892vh; margin-top: 100vh!important; } #trigger_422 { top: 894vh; margin-top: 100vh!important; } #trigger_423 { top: 896vh; margin-top: 100vh!important; } #trigger_424 { top: 898vh; margin-top: 100vh!important; } #trigger_425 { top: 900vh; margin-top: 100vh!important; } #static_china { opacity: 0; background-image:url('./china_bkg_tall2.png'); height: 350vh; position: absolute; top: 940vh; margin-top: 100vh!important; width: 100% transition: 1s; z-index: 10!important; } #bkg_for_china { height: 300vh; top: 940vh; margin-top: 100vh!important; background-image: linear-gradient(#000000, #000000, #000000, #616161); position: absolute; z-index: 1!important; width: 100%; transition: 1s; } #body_saas_bkg_img { opacity: 0; height: 380vh; top: 950vh; margin-top: 100vh!important; left: 0; width: 100%; background-image:url('./new_saas_bkg_tall.png'); background-size: cover; background-position: top center; position: absolute; transition: 1s; z-index: 10!important; } #trigger_470 { top: 990vh; margin-top: 100vh!important; } #trigger_475 { top: 1000vh; margin-top: 100vh!important; } #trigger_476 { top: 1002vh; margin-top: 100vh!important; } #trigger_477 { top: 1004vh; margin-top: 100vh!important; } #trigger_478 { top: 1006vh; margin-top: 100vh!important; } #trigger_479 { top: 1008vh; margin-top: 100vh!important; } #trigger_480 { top: 1010vh; margin-top: 100vh!important; } #trigger_481 { top: 1012vh; margin-top: 100vh!important; } #trigger_482 { top: 1014vh; margin-top: 100vh!important; } #trigger_483 { top: 1016vh; margin-top: 100vh!important; } #trigger_484 { top: 1018vh; margin-top: 100vh!important; } #trigger_485 { top: 1020vh; margin-top: 100vh!important; } #trigger_486 { top: 1022vh; margin-top: 100vh!important; } #trigger_487 { top: 1024vh; margin-top: 100vh!important; } #trigger_488 { top: 1026vh; margin-top: 100vh!important; } #trigger_489 { top: 1028vh; margin-top: 100vh!important; } #trigger_490 { top: 1030vh; margin-top: 100vh!important; } #trigger_491 { top: 1032vh; margin-top: 100vh!important; } #trigger_492 { top: 1034vh; margin-top: 100vh!important; } #trigger_493 { top: 1036vh; margin-top: 100vh!important; } #trigger_494 { top: 1038vh; margin-top: 100vh!important; } #trigger_495 { top: 1040vh; margin-top: 100vh!important; } #trigger_496 { top: 1042vh; margin-top: 100vh!important; } #trigger_497 { top: 1044vh; margin-top: 100vh!important; } #trigger_498 { top: 1046vh; margin-top: 100vh!important; } #trigger_499 { top: 1048vh; margin-top: 100vh!important; } #trigger_500 { top: 1050vh; margin-top: 100vh!important; } #trigger_501 { top: 1052vh; margin-top: 100vh!important; } #trigger_502 { top: 1054vh; margin-top: 100vh!important; } #trigger_503 { top: 1056vh; margin-top: 100vh!important; } #trigger_504 { top: 1058vh; margin-top: 100vh!important; } #trigger_505 { top: 1060vh; margin-top: 100vh!important; } #trigger_506 { top: 1062vh; margin-top: 100vh!important; } #trigger_507 { top: 1064vh; margin-top: 100vh!important; } #trigger_508 { top: 1066vh; margin-top: 100vh!important; } #trigger_509 { top: 1068vh; margin-top: 100vh!important; } #trigger_510 { top: 1070vh; margin-top: 100vh!important; } #trigger_520 { top: 1080vh; margin-top: 100vh!important; } #trigger_550 { top: 1150vh; margin-top: 100vh!important; } #trigger_555 { top: 1160vh; margin-top: 100vh!important; } #trigger_556 { top: 1162vh; margin-top: 100vh!important; } #trigger_557 { top: 1164vh; margin-top: 100vh!important; } #trigger_558 { top: 1166vh; margin-top: 100vh!important; } #trigger_559 { top: 1168vh; margin-top: 100vh!important; } #trigger_560 { top: 1170vh; margin-top: 100vh!important; } #trigger_561 { top: 1172vh; margin-top: 100vh!important; } #trigger_562 { top: 1174vh; margin-top: 100vh!important; } #trigger_563 { top: 1176vh; margin-top: 100vh!important; } #trigger_564 { top: 1178vh; margin-top: 100vh!important; } #trigger_570 { top: 1190vh; margin-top: 100vh!important; } #trigger_590 { top: 1230vh; margin-top: 100vh!important; } #trigger_591 { top: 1232vh; margin-top: 100vh!important; } #trigger_592 { top: 1234vh; margin-top: 100vh!important; } #trigger_593 { top: 1236vh; margin-top: 100vh!important; } #trigger_594 { top: 1238vh; margin-top: 100vh!important; } #trigger_595 { top: 1240vh; margin-top: 100vh!important; } #trigger_596 { top: 1242vh; margin-top: 100vh!important; } #trigger_597 { top: 1244vh; margin-top: 100vh!important; } #trigger_598 { top: 1246vh; margin-top: 100vh!important; } #trigger_599 { top: 1248vh; margin-top: 100vh!important; } #trigger_600 { top: 1250vh; margin-top: 100vh!important; } #trigger_601 { top: 1252vh; margin-top: 100vh!important; } #trigger_602 { top: 1254vh; margin-top: 100vh!important; } #trigger_603 { top: 1256vh; margin-top: 100vh!important; } #trigger_604 { top: 1258vh; margin-top: 100vh!important; } #trigger_605 { top: 1260vh; margin-top: 100vh!important; } #trigger_606 { top: 1262vh; margin-top: 100vh!important; } #trigger_607 { top: 1264vh; margin-top: 100vh!important; } #trigger_608 { top: 1266vh; margin-top: 100vh!important; } #trigger_609 { top: 1268vh; margin-top: 100vh!important; } #trigger_610 { top: 1270vh; margin-top: 100vh!important; } #trigger_611 { top: 1272vh; margin-top: 100vh!important; } #trigger_612 { top: 1274vh; margin-top: 100vh!important; } #trigger_613 { top: 1276vh; margin-top: 100vh!important; } #trigger_614 { top: 1278vh; margin-top: 100vh!important; } #trigger_615 { top: 1280vh; margin-top: 100vh!important; } #trigger_616 { top: 1282vh; margin-top: 100vh!important; } #trigger_617 { top: 1284vh; margin-top: 100vh!important; } #trigger_618 { top: 1286vh; margin-top: 100vh!important; } #trigger_619 { top: 1288vh; margin-top: 100vh!important; } #trigger_620 { top: 1290vh; margin-top: 100vh!important; } #trigger_621 { top: 1292vh; margin-top: 100vh!important; } #trigger_622 { top: 1294vh; margin-top: 100vh!important; } #trigger_623 { top: 1296vh; margin-top: 100vh!important; } #trigger_624 { top: 1298vh; margin-top: 100vh!important; } #trigger_625 { top: 1300vh; margin-top: 100vh!important; } #trigger_626 { top: 1302vh; margin-top: 100vh!important; } #trigger_627 { top: 1304vh; margin-top: 100vh!important; } #trigger_628 { top: 1306vh; margin-top: 100vh!important; } #trigger_629 { top: 1308vh; margin-top: 100vh!important; } #trigger_630 { top: 1310vh; margin-top: 100vh!important; } #trigger_631 { top: 1312vh; margin-top: 100vh!important; } #trigger_632 { top: 1314vh; margin-top: 100vh!important; } #trigger_633 { top: 1316vh; margin-top: 100vh!important; } #trigger_634 { top: 1318vh; margin-top: 100vh!important; } #trigger_635 { top: 1320vh; margin-top: 100vh!important; } #trigger_636 { top: 1322vh; margin-top: 100vh!important; } #trigger_637 { top: 1324vh; margin-top: 100vh!important; } #trigger_638 { top: 1326vh; margin-top: 100vh!important; } #trigger_639 { top: 1328vh; margin-top: 100vh!important; } #trigger_640 { top: 1330vh; margin-top: 100vh!important; } #trigger_641 { top: 1332vh; margin-top: 100vh!important; } #trigger_642 { top: 1334vh; margin-top: 100vh!important; } #trigger_643 { top: 1336vh; margin-top: 100vh!important; } #trigger_644 { top: 1338vh; margin-top: 100vh!important; } #trigger_645 { top: 1340vh; margin-top: 100vh!important; } #trigger_646 { top: 1342vh; margin-top: 100vh!important; } #trigger_647 { top: 1344vh; margin-top: 100vh!important; } #trigger_648 { top: 1346vh; margin-top: 100vh!important; } #trigger_649 { top: 1348vh; margin-top: 100vh!important; } #trigger_650 { top: 1350vh; margin-top: 100vh!important; } #trigger_651 { top: 1352vh; margin-top: 100vh!important; } #trigger_652 { top: 1354vh; margin-top: 100vh!important; } #trigger_653 { top: 1356vh; margin-top: 100vh!important; } #trigger_654 { top: 1358vh; margin-top: 100vh!important; } #trigger_655 { top: 1360vh; margin-top: 100vh!important; } #trigger_656 { top: 1362vh; margin-top: 100vh!important; } #trigger_657 { top: 1364vh; margin-top: 100vh!important; } #trigger_658 { top: 1366vh; margin-top: 100vh!important; } #trigger_659 { top: 1368vh; margin-top: 100vh!important; } #trigger_660 { top: 1370vh; margin-top: 100vh!important; } #trigger_661 { top: 1372vh; margin-top: 100vh!important; } #trigger_662 { top: 1374vh; margin-top: 100vh!important; } #trigger_663 { top: 1376vh; margin-top: 100vh!important; } #trigger_664 { top: 1378vh; margin-top: 100vh!important; } #trigger_665 { top: 1380vh; margin-top: 100vh!important; } #trigger_666 { top: 1382vh; margin-top: 100vh!important; } #trigger_667 { top: 1384vh; margin-top: 100vh!important; } #trigger_668 { top: 1386vh; margin-top: 100vh!important; } #trigger_669 { top: 1388vh; margin-top: 100vh!important; } #trigger_670 { top: 1390vh; margin-top: 100vh!important; } #trigger_671 { top: 1392vh; margin-top: 100vh!important; } #trigger_672 { top: 1394vh; margin-top: 100vh!important; } #trigger_673 { top: 1396vh; margin-top: 100vh!important; } #trigger_674 { top: 1398vh; margin-top: 100vh!important; } #trigger_675 { top: 1400vh; margin-top: 100vh!important; } #trigger_676 { top: 1402vh; margin-top: 100vh!important; } #trigger_677 { top: 1404vh; margin-top: 100vh!important; } #trigger_678 { top: 1406vh; margin-top: 100vh!important; } #trigger_679 { top: 1408vh; margin-top: 100vh!important; } #trigger_680 { top: 1410vh; margin-top: 100vh!important; } #trigger_681 { top: 1412vh; margin-top: 100vh!important; } #trigger_682 { top: 1414vh; margin-top: 100vh!important; } #trigger_683 { top: 1416vh; margin-top: 100vh!important; } #trigger_684 { top: 1418vh; margin-top: 100vh!important; } #trigger_685 { top: 1420vh; margin-top: 100vh!important; } #trigger_686 { top: 1422vh; margin-top: 100vh!important; } #trigger_687 { top: 1424vh; margin-top: 100vh!important; } #trigger_688 { top: 1426vh; margin-top: 100vh!important; } #trigger_689 { top: 1428vh; margin-top: 100vh!important; } #trigger_690 { top: 1430vh; margin-top: 100vh!important; } #trigger_691 { top: 1432vh; margin-top: 100vh!important; } #trigger_692 { top: 1434vh; margin-top: 100vh!important; } #trigger_693 { top: 1436vh; margin-top: 100vh!important; } #trigger_694 { top: 1438vh; margin-top: 100vh!important; } #trigger_695 { top: 1440vh; margin-top: 100vh!important; } #trigger_696 { top: 1442vh; margin-top: 100vh!important; } #trigger_697 { top: 1444vh; margin-top: 100vh!important; } #trigger_698 { top: 1446vh; margin-top: 100vh!important; } #trigger_699 { top: 1448vh; margin-top: 100vh!important; } #trigger_700 { top: 1450vh; margin-top: 100vh!important; } #trigger_701 { top: 1452vh; margin-top: 100vh!important; } #trigger_702 { top: 1454vh; margin-top: 100vh!important; } #trigger_703 { top: 1456vh; margin-top: 100vh!important; } #trigger_704 { top: 1458vh; margin-top: 100vh!important; } #trigger_705 { top: 1460vh; margin-top: 100vh!important; } #trigger_706 { top: 1462vh; margin-top: 100vh!important; } #trigger_707 { top: 1464vh; margin-top: 100vh!important; } #trigger_708 { top: 1466vh; margin-top: 100vh!important; } #trigger_709 { top: 1468vh; margin-top: 100vh!important; } #trigger_710 { top: 1470vh; margin-top: 100vh!important; } #trigger_711 { top: 1472vh; margin-top: 100vh!important; } #trigger_712 { top: 1474vh; margin-top: 100vh!important; } #trigger_713 { top: 1476vh; margin-top: 100vh!important; } #trigger_714 { top: 1478vh; margin-top: 100vh!important; } #trigger_715 { top: 1480vh; margin-top: 100vh!important; } #trigger_716 { top: 1482vh; margin-top: 100vh!important; } #trigger_717 { top: 1484vh; margin-top: 100vh!important; } #trigger_718 { top: 1486vh; margin-top: 100vh!important; } #trigger_719 { top: 1488vh; margin-top: 100vh!important; } #trigger_720 { top: 1490vh; margin-top: 100vh!important; } #trigger_721 { top: 1492vh; margin-top: 100vh!important; } #trigger_722 { top: 1494vh; margin-top: 100vh!important; } #trigger_723 { top: 1496vh; margin-top: 100vh!important; } #trigger_724 { top: 1498vh; margin-top: 100vh!important; } #trigger_725 { top: 1500vh; margin-top: 100vh!important; } #trigger_726 { top: 1502vh; margin-top: 100vh!important; } #trigger_727 { top: 1504vh; margin-top: 100vh!important; } #trigger_728 { top: 1506vh; margin-top: 100vh!important; } #trigger_729 { top: 1508vh; margin-top: 100vh!important; } #trigger_730 { top: 1510vh; margin-top: 100vh!important; } #trigger_731 { top: 1512vh; margin-top: 100vh!important; } #trigger_732 { top: 1514vh; margin-top: 100vh!important; } #trigger_733 { top: 1516vh; margin-top: 100vh!important; } #trigger_734 { top: 1518vh; margin-top: 100vh!important; } #trigger_735 { top: 1520vh; margin-top: 100vh!important; } #trigger_736 { top: 1522vh; margin-top: 100vh!important; } #trigger_737 { top: 1524vh; margin-top: 100vh!important; } #trigger_738 { top: 1526vh; margin-top: 100vh!important; } #trigger_739 { top: 1528vh; margin-top: 100vh!important; } #trigger_740 { top: 1530vh; margin-top: 100vh!important; } #trigger_741 { top: 1532vh; margin-top: 100vh!important; } #trigger_742 { top: 1534vh; margin-top: 100vh!important; } #trigger_743 { top: 1536vh; margin-top: 100vh!important; } #trigger_744 { top: 1538vh; margin-top: 100vh!important; } #trigger_745 { top: 1540vh; margin-top: 100vh!important; } #trigger_746 { top: 1542vh; margin-top: 100vh!important; } #trigger_747 { top: 1544vh; margin-top: 100vh!important; } #trigger_748 { top: 1546vh; margin-top: 100vh!important; } #trigger_749 { top: 1548vh; margin-top: 100vh!important; } #trigger_750 { top: 1550vh; margin-top: 100vh!important; } #trigger_751 { top: 1552vh; margin-top: 100vh!important; } #trigger_752 { top: 1554vh; margin-top: 100vh!important; } #trigger_753 { top: 1556vh; margin-top: 100vh!important; } #trigger_754 { top: 1558vh; margin-top: 100vh!important; } #trigger_755 { top: 1560vh; margin-top: 100vh!important; } #trigger_756 { top: 1562vh; margin-top: 100vh!important; } #trigger_757 { top: 1564vh; margin-top: 100vh!important; } #trigger_758 { top: 1566vh; margin-top: 100vh!important; } #trigger_759 { top: 1568vh; margin-top: 100vh!important; } #trigger_760 { top: 1570vh; margin-top: 100vh!important; } #trigger_761 { top: 1572vh; margin-top: 100vh!important; } #trigger_762 { top: 1574vh; margin-top: 100vh!important; } #trigger_763 { top: 1576vh; margin-top: 100vh!important; } #trigger_764 { top: 1578vh; margin-top: 100vh!important; } #trigger_765 { top: 1580vh; margin-top: 100vh!important; } #trigger_766 { top: 1582vh; margin-top: 100vh!important; } #trigger_767 { top: 1584vh; margin-top: 100vh!important; } #trigger_768 { top: 1586vh; margin-top: 100vh!important; } #trigger_769 { top: 1588vh; margin-top: 100vh!important; } #trigger_770 { top: 1590vh; margin-top: 100vh!important; } #trigger_771 { top: 1592vh; margin-top: 100vh!important; } #trigger_772 { top: 1594vh; margin-top: 100vh!important; } #trigger_773 { top: 1596vh; margin-top: 100vh!important; } #trigger_774 { top: 1598vh; margin-top: 100vh!important; } #trigger_775 { top: 1600vh; margin-top: 100vh!important; } #trigger_795 { top: 1640vh; margin-top: 100vh!important; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #news_awards_emerge_row { width: 100%; overflow-x: hidden; position: relative; z-index: 802; padding: 30px 0px 30px 0px; margin-top: 60px; margin-right: 0; opacity: 1; } #new_features { width: 410px; margin-left: 0%; margin-top: -30px; padding: 20px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 480px; z-index: 125; } #all_awards { width: calc(106%); margin-left: 5%; padding: 5px 10px; text-align: center; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 30px; } .new_accolade { width: 120px; margin: 0px 5px; display: inline; } .feature_cell_new_1 { width: 200px; height: 160px; position: absolute; top: 30px; left: 30px; } .feature_cell_new_2 { width: 200px; height: 160px; position: absolute; top: 190px; left: 30px; } .feature_cell_new_3 { width: 200px; height: 160px; position: absolute; top: 350px; left: 30px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 200px!important; height: 160px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; font-size: 14px!important; text-align: left; width: 140px; background-color:#00b4dc; padding: 10px 20px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 200px!important; left: 0; top: 40; left: 180; height: 80px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px!important; line-height: 21px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; top: 105; left: 180; font-weight: 600; width: 200px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: -20px; opacity: 1; } #new_features { margin-left: 0%; padding: 20px; width: 480px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 680px; z-index: 125; } .feature_cell_new_1 { width: 270px; height: 220px; position: absolute; top: 30px; left: 0px; } .feature_cell_new_2 { width: 270px; height: 220px; position: absolute; top: 260px; left: 0px; } .feature_cell_new_3 { width: 270px; height: 220px; position: absolute; top: 490px; left: 0px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 270px!important; height: 220px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; font-size: 20px!important; text-align: left; width: 200px; background-color:#00b4dc; padding: 10px 20px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 200px!important; left: 0; top: 70; left: 200; height: 90px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px!important; line-height: 21px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; font-size: 18px!important; padding-top: 7px; top: 146; left: 200; font-weight: 600; width: 200px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(90% - 10px); margin-left: 10%; padding: 10px 0px 10px 10px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; position: relative; z-index:825; margin-top: 60px; } .all_awards_show { margin-left: 10%!important; } .new_accolade { height: 110px; margin: 0px 10px; display: inline; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: -20px; opacity: 1; } #new_features { margin-left: 0%; padding: 20px; width: 820px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 950px; z-index: 125; } .feature_cell_new_1 { width: 375px; height: 300px; position: absolute; top: 40px; left: 90px; } .feature_cell_new_2 { width: 375px; height: 300px; position: absolute; top: 340px; left: 90px; } .feature_cell_new_3 { width: 375px; height: 300px; position: absolute; top: 640px; left: 90px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 375px!important; height: 300px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; font-size: 21px!important; text-align: left; width: 320px; background-color:#00b4dc; padding: 10px 20px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 375px!important; left: 0; top: 120; left: 340; height: 120px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 24px!important; line-height: 30px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; font-size: 21px!important; padding-top: 10px; top: 225; left: 340; font-weight: 600; width: 375px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(90% - 10px); margin-left: 10%; padding: 10px 0px 10px 10px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; position: relative; z-index:825; margin-top: 60px; } .all_awards_show { margin-left: 10%!important; } .new_accolade { height: 140px; margin: 0px 10px; display: inline; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: -20px; opacity: 1; } #new_features { margin-left: 0%; padding: 20px; width: 850px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 950px; z-index: 125; } .feature_cell_new_1 { width: 375px; height: 300px; position: absolute; top: 40px; left: 90px; } .feature_cell_new_2 { width: 375px; height: 300px; position: absolute; top: 340px; left: 90px; } .feature_cell_new_3 { width: 375px; height: 300px; position: absolute; top: 640px; left: 90px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 375px!important; height: 300px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; font-size: 21px!important; text-align: left; width: 320px; background-color:#00b4dc; padding: 10px 20px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 375px!important; left: 0; top: 120; left: 340; height: 120px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 24px!important; line-height: 30px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; font-size: 21px!important; padding-top: 10px; top: 225; left: 340; font-weight: 600; width: 375px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(90% - 10px); margin-left: 10%; padding: 10px 0px 10px 10px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; position: relative; z-index:825; margin-top: 60px; } .all_awards_show { margin-left: 10%!important; } .new_accolade { height: 140px; margin: 0px 10px; display: inline; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ #all_awards { width: calc(90% - 20px); margin-left: 10%; padding: 5px 10px; text-align: center; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 30px; } .new_accolade { width: 120px; margin: 0px 10px; display: inline; } #news_awards_emerge_row { width: 100%; position: relative; z-index: 802!important; padding: 50px 0px 50px 0px; margin-top: 30px; opacity: 1; } #new_features { width: 85%; margin-left: 0%; padding: 20px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 150px; z-index: 125; } .feature_cell_new_1 { width: 150px; height: 210px; position: absolute; right: 20px; top: 20px; } .feature_cell_new_2 { width: 150px; height: 210px; position: absolute; top: 20px; right: 160px; } .feature_cell_new_3 { width: 150px; height: 210px; position: absolute; top: 20px; right: 320px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 150px!important; height: 130px!important; position: absolute; top: 0; left: 0; } .feature_title_block { font-size: 12px; position: absolute; left: 0; text-align: left; width: 120px; background-color:#00b4dc; padding: 5px 10px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 150px!important; left: 0; top: 80; height: 55px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 12px; line-height: 15px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 5px; } .feature_link { position: absolute; top: 120; font-weight: 600; font-size: 12px!important; width: 150px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ #all_awards { width: calc(90% - 20px); margin-left: 10%; padding: 5px 10px; text-align: center; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 30px; } .new_accolade { width: 150px; margin: 0px 10px; display: inline; } #news_awards_emerge_row { width: 100%; position: relative; z-index: 802!important; padding: 50px 0px 50px 0px; margin-top: 30px; opacity: 1; } #new_features { width: 85%; margin-left: 0%; padding: 20px; min-width: 340px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 150px; z-index: 125; } .feature_cell_new_1 { width: 150px; height: 210px; position: absolute; right: 20px; top: 20px; } .feature_cell_new_2 { width: 150px; height: 210px; position: absolute; top: 20px; right: 160px; } .feature_cell_new_3 { width: 150px; height: 210px; position: absolute; top: 20px; right: 330px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 150px!important; height: 130px!important; position: absolute; top: 0; left: 0; } .feature_title_block { font-size: 12px; position: absolute; left: 0; text-align: left; width: 120px; background-color:#00b4dc; padding: 5px 10px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 150px!important; left: 0; top: 80; height: 55px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 11px; line-height: 14px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 5px; } .feature_link { position: absolute; top: 120; font-weight: 600; font-size: 12px!important; width: 150px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: 30px; opacity: 1; } #new_features { width: 90%; margin-left: 0%; padding: 20px; min-width: 250px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 175px; z-index: 125; } .new_features_show { margin-left: 0!important; } .feature_cell_new_1 { width: 210px; height: 175px; position: absolute; right: 20px; top: 20px; } .feature_cell_new_2 { width: 210px; height: 175px; position: absolute; top: 20px; right: 250px; } .feature_cell_new_3 { width: 210px; height: 175px; position: absolute; top: 20px; right: 500px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 210px!important; height: 175px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; text-align: left; width: 160px; background-color:#00b4dc; padding: 5px 10px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 210px!important; left: 0; top: 102; height: 50px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 18px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; top: 137; font-weight: 600; width: 210px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(90% - 20px); margin-left: 10%; padding: 20px 0px 20px 20px; min-width: 800px; text-align: right; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 60px; } .all_awards_show { margin-left: 10%!important; } .new_accolade { width: 210px; margin: 0px 10px; display: inline-block; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: 30px; opacity: 1; } #new_features { width: 85%; margin-left: 0%; padding: 20px; min-width: 250px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 175px; z-index: 125; } .new_features_show { margin-left: 0!important; } .feature_cell_new_1 { width: 210px; height: 175px; position: absolute; right: 20px; top: 20px; } .feature_cell_new_2 { width: 210px; height: 175px; position: absolute; top: 20px; right: 250px; } .feature_cell_new_3 { width: 210px; height: 175px; position: absolute; top: 20px; right: 500px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 210px!important; height: 175px!important; position: absolute; top: 0; left: 0; } .feature_title_block { font-size: 12px; position: absolute; left: 0; text-align: left; width: 160px; background-color:#00b4dc; padding: 5px 10px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 210px!important; left: 0; top: 102; height: 50px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 18px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; top: 137; font-weight: 600; width: 210px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(90% - 20px); margin-left: 10%; padding: 20px 0px 20px 20px; min-width: 800px; text-align: right; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 60px; } .all_awards_show { margin-left: 10%!important; } .new_accolade { width: 210px; margin: 0px 10px; display: inline-block; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: 30px; opacity: 1; } #new_features { width: 85%; margin-left: 0%; padding: 20px; min-width: 340px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 175px; z-index: 125; } .feature_cell_new_1 { width: 210px; height: 175px; position: absolute; right: 20px; top: 20px; } .feature_cell_new_2 { width: 210px; height: 175px; position: absolute; top: 20px; right: 260px; } .feature_cell_new_3 { width: 210px; height: 175px; position: absolute; top: 20px; right: 520px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 210px!important; height: 175px!important; position: absolute; top: 0; left: 0; } .feature_title_block { font-size: 14px; position: absolute; left: 0; text-align: left; width: 160px; background-color:#00b4dc; padding: 5px 10px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 210px!important; left: 0; top: 102; height: 50px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 18px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 10px; } .feature_link { position: absolute; top: 137; font-weight: 600; width: 210px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(90% - 20px); margin-left: 10%; padding: 20px 0px 20px 20px; min-width: 800px; text-align: right; background-color:rgba(0,0,0,0.8); text-align: right; margin-top: 60px; } .all_awards_show { margin-left: 10%!important; } .new_accolade { width: 210px; margin: 0px 10px; display: inline-block; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: 30px; opacity: 1; } #new_features { width: 85%; margin-left: 0%; padding: 20px; min-width: 340px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 250px; z-index: 125; } .feature_cell_new_1 { width: 300px; height: 250px; position: absolute; right: 30px; top: 30px; } .feature_cell_new_2 { width: 300px; height: 250px; position: absolute; top: 30px; right: 330px; } .feature_cell_new_3 { width: 300px; height: 250px; position: absolute; top: 30px; right: 660px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 300px!important; height: 250px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; text-align: left; width: 160px; background-color:#00b4dc; padding: 10px 20px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 300px!important; left: 0; top: 157; height: 60px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px; line-height: 21px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 20px; } .feature_link { position: absolute; top: 200; font-weight: 600; width: 300px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(80% - 20px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; position: relative; z-index:825; margin-top: 90px; } .all_awards_show { margin-left: 20%!important; } .new_accolade { height: 150px; margin: 0px 20px; display: inline; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: 60px; opacity: 1; } #new_features { width: 85%; margin-left: 0%; padding: 20px; min-width: 340px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 250px; z-index: 125; } .feature_cell_new_1 { width: 300px; height: 250px; position: absolute; right: 30px; top: 30px; } .feature_cell_new_2 { width: 300px; height: 250px; position: absolute; top: 30px; right: 330px; } .feature_cell_new_3 { width: 300px; height: 250px; position: absolute; top: 30px; right: 660px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 300px!important; height: 250px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; text-align: left; width: 160px; background-color:#00b4dc; padding: 10px 20px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 300px!important; left: 0; top: 157; height: 60px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px; line-height: 21px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 20px; } .feature_link { position: absolute; top: 200; font-weight: 600; width: 300px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(80% - 20px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; position: relative; z-index:825; margin-top: 60px; } .all_awards_show { margin-left: 20%!important; } .new_accolade { height: 150px; margin: 0px 20px; display: inline; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: 30px; opacity: 1; } #new_features { width: 85%; margin-left: 0%; padding: 20px; min-width: 340px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 250px; z-index: 125; } .feature_cell_new_1 { width: 300px; height: 250px; position: absolute; right: 30px; top: 30px; } .feature_cell_new_2 { width: 300px; height: 250px; position: absolute; top: 30px; right: 330px; } .feature_cell_new_3 { width: 300px; height: 250px; position: absolute; top: 30px; right: 660px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 300px!important; height: 250px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; text-align: left; width: 160px; background-color:#00b4dc; padding: 10px 20px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 300px!important; left: 0; top: 157; height: 60px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px; line-height: 21px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 20px; } .feature_link { position: absolute; top: 200; font-weight: 600; width: 300px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(80% - 20px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; position: relative; z-index:825; margin-top: 30px; } .all_awards_show { margin-left: 20%!important; } .new_accolade { height: 150px; margin: 0px 20px; display: inline; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #news_awards_emerge_row { width: 100%; position: relative; z-index: 802; padding: 50px 0px 50px 0px; margin-top: 30px; opacity: 1; } #new_features { width: 85%; margin-left: 0%; padding: 20px; min-width: 340px; text-align: right; background-color: rgba(0,0,0,0.8); float: none; clear: both; position: relative; height: 250px; z-index: 125; } .feature_cell_new_1 { width: 300px; height: 250px; position: absolute; right: 30px; top: 30px; } .feature_cell_new_2 { width: 300px; height: 250px; position: absolute; top: 30px; right: 330px; } .feature_cell_new_3 { width: 300px; height: 250px; position: absolute; top: 30px; right: 690px; } .feature_cell_new_1 img, .feature_cell_new_2 img, .feature_cell_new_3 img { width: 300px!important; height: 250px!important; position: absolute; top: 0; left: 0; } .feature_title_block { position: absolute; left: 0; text-align: left; width: 160px; background-color:#00b4dc; padding: 10px 20px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-weight: 600; } .feature_description { background-color:rgba(0,0,0,0.75); position: absolute; width: 300px!important; left: 0; top: 157; height: 60px!important; } .feature_description p { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px; line-height: 21px; font-weight: 500; margin-top: 8; color:#FFFFFF; padding: 0px 20px; } .feature_link { position: absolute; top: 200; font-weight: 600; width: 300px!important; margin-left: 0px; border-style: solid; border-color:#00b4dc; border-width: 1px 0px 0px 0px; } #all_awards { width: calc(80% - 20px); margin-left: 20%; padding: 20px 0px 20px 20px; min-width: 340px; text-align: left; background-color:rgba(0,0,0,0.8); float: none; clear: both; position: relative; z-index:825; margin-top: 90px; } .all_awards_show { margin-left: 20%!important; } .new_accolade { height: 150px; margin: 0px 20px; display: inline; } } /*********** end news & awards styles ************/ /************ QUOTES STYLES **************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #new_quote_1 { width: 90%; text-align: center; left: 5vw; position: fixed; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_2 { width: 90%; text-align: center; left: 5vw; position: fixed; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_3 { width: 90%; text-align: center; left: 5vw; position: fixed; top: 90px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_4 { width: 90%; text-align: center; left: 5vw; position: fixed; top: 90px; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { position: relative; width: 90%; max-width: 320px; margin: 0px auto 0px auto; clear: both; float: none; } #steve_garson_quote img { width: 240px; margin: 0px 0px -160px 0px; float: none; } #fourfiftyone_quote { position: relative; width: 90%; max-width: 320px; margin: 0px auto 0px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 210px; margin: 0px 0px -120px 0px; float: none; } #versa_quote { position: relative; width: 95%; max-width: 320px; margin: 0px auto 0px auto; clear: both; float: none; } #versa_quote img { width: 210px; margin: 0px 0px -120px 0px; float: none; } #gartner_quote { position: relative; width: 85%; max-width: 300px; margin: 0px auto 0px auto; clear: both; float: none; } #gartner_quote img { width: 180px; margin: 0px 0px -90px 0px; float: none; } .home_quote_left { font-size: 24px; line-height: 27px; color:#f2f2f2; font-weight: 300; text-align: center; padding: 0px 20px; } .home_attribution_left { font-size: 12px; line-height: 15px; color:#B3B3B3; font-weight: 400; text-align: center; padding: 0px 40px; } .home_quote_right { font-size: 24px; line-height: 27px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_right { font-size: 12px; line-height: 15px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (orientation: portrait) { /* medium phones portrait */ #new_quote_1 { width: 90vw; text-align: center; position: fixed; left: 5vw; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_2 { width: 90vw; text-align: center; position: fixed; left: 5vw; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_3 { width: 90vw; text-align: center; position: fixed; left: 5vw; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_4 { width: 90vw; text-align: center; position: fixed; left: 5vw; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { position: relative; width: 90%; max-width: 360px; margin: 0px auto 0px auto; clear: both; float: none; } #steve_garson_quote img { width: 270px; margin: 0px 0px -160px 0px; float: none; } #fourfiftyone_quote { position: relative; width: 90%; max-width: 360px; margin: 0px auto 0px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px 0px -130px 0px; float: none; } #versa_quote { position: relative; width: 95%; max-width: 360px; margin: 0px auto 0px auto; clear: both; float: none; } #versa_quote img { width: 210px; margin: 0px 0px -120px 0px; float: none; } #gartner_quote { position: relative; width: 85%; max-width: 360px; margin: 0px auto 0px auto; clear: both; float: none; } #gartner_quote img { width: 180px; margin: 0px 0px -90px 0px; float: none; } .home_quote_left { font-size: 24px; line-height: 30px; color:#f2f2f2; font-weight: 300; text-align: center; padding: 0px 20px; } .home_attribution_left { font-size: 15px; line-height: 18px; color:#B3B3B3; font-weight: 400; text-align: center; padding: 0px 40px; } .home_quote_right { font-size: 24px; line-height: 30px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_right { font-size: 15px; line-height: 18px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #new_quote_1 { width: 100%; text-align: center; position: fixed; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_2 { width: 100%; text-align: center; position: fixed; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_3 { width: 100%; text-align: center; position: fixed; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_4 { width: 100%; text-align: center; position: fixed; top: 120px; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { position: relative; width: 90%; max-width: 460px; margin: 0px auto 0px auto; clear: both; float: none; } #steve_garson_quote img { width: 270px; margin: 0px 0px -160px 0px; float: none; } #fourfiftyone_quote { position: relative; width: 90%; max-width: 460px; margin: 0px auto 0px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px 0px -120px 0px; float: none; } #versa_quote { position: relative; width: 95%; max-width: 460px; margin: 0px auto 0px auto; clear: both; float: none; } #versa_quote img { width: 240px; margin: 0px 0px -120px 0px; float: none; } #gartner_quote { position: relative; width: 85%; max-width: 460px; margin: 0px auto 0px auto; clear: both; float: none; } #gartner_quote img { width: 210px; margin: 0px 0px -90px 0px; float: none; } .home_quote_left { font-size: 27px; line-height: 32px; color:#f2f2f2; font-weight: 300; text-align: center; padding: 0px 20px; } .home_attribution_left { font-size: 15px; line-height: 18px; color:#B3B3B3; font-weight: 400; text-align: center; padding: 0px 40px; } .home_quote_right { font-size: 27px; line-height: 32px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_right { font-size: 15px; line-height: 18px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #new_quote_1 { width: 60vw; position: fixed; top: 15vh; left: 20vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { text-align: center; position: relative; width: 100%; max-width: 800px; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 300px; margin: 0px 0px -180px -5px; float: none; } #new_quote_2 { width: 60vw; position: fixed; top: 15vh; left: 20vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 800px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 300px; margin: 0px -30px -150px 0px; float: none; } #new_quote_3 { width: 60vw; position: fixed; top: 15vh; left: 20vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #versa_quote { position: relative; width: 100%; max-width: 800px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 270px; margin: 0px 0px -120px -10px; float: none; } #new_quote_4 { width: 60vw; position: fixed; top: 15vh; left: 20vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #gartner_quote { position: relative; width: 100%; max-width: 800px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 240px; margin: 0px -10px -130px 0px; float: none; } .home_quote_left { font-size: 38px; line-height: 46px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 21px; line-height: 24px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 38px; line-height: 46px; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 21px; line-height: 24px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #new_quote_1 { width: 60vw; position: fixed; top: 15vh; left: 20vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { text-align: center; position: relative; width: 100%; max-width: 800px; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 300px; margin: 0px 0px -180px -5px; float: none; } #new_quote_2 { width: 60vw; position: fixed; top: 15vh; left: 20vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 800px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 300px; margin: 0px -30px -150px 0px; float: none; } #new_quote_3 { width: 60vw; position: fixed; top: 15vh; left: 20vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #versa_quote { position: relative; width: 100%; max-width: 800px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 270px; margin: 0px 0px -120px -10px; float: none; } #new_quote_4 { width: 60vw; position: fixed; top: 15vh; left: 20vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #gartner_quote { position: relative; width: 100%; max-width: 800px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 240px; margin: 0px -10px -130px 0px; float: none; } .home_quote_left { font-size: 38px; line-height: 46px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 21px; line-height: 24px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 38px; line-height: 46px; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 21px; line-height: 24px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #new_quote_1 { width: 50vw; position: fixed; top: 5vh; left: 25vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #steve_garson_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; height: 200px; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_2 { width: 80vw; position: fixed; top: 5vh; left: 10vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_3 { width: 50vw; position: fixed; top: 10vh; left: 25vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #versa_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 220px; margin: 0px auto -110px auto; float: none; } #new_quote_4 { width: 50vw; position: fixed; top: 10vh; left: 25vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #gartner_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 200px; margin: 0px auto -110px auto; float: none; } .home_quote_left { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ #new_quote_1 { width: 90vw; position: fixed; top: 5vh; left: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_2 { width: 90vw; position: fixed; top: 5vh; right: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_3 { width: 90vw; position: fixed; top: 5vh; left: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_4 { width: 90vw; position: fixed; top: 5vh; right: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { position: relative; width: 90%; max-width: 500px; text-align: center; margin: 10px auto 0px auto; clear: both; float: none; } #steve_garson_quote img { width: 150px; margin: 20px 0px -120px 0px; float: none; } #fourfiftyone_quote { position: relative; width: 90%; max-width: 500px; text-align: center; margin: 20px auto 0px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 120px; margin: 0px 20px -90px 0px; float: none; } #versa_quote { position: relative; width: 90%; max-width: 500px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 90px; clear: both; float: none; } #versa_quote img { width: 120px; margin: 40px 0px -90px 0px; float: none; } #gartner_quote { position: relative; width: 90%; max-width: 500px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 90px; clear: both; float: none; } #gartner_quote img { width: 120px; margin: 40px 0px -90px 0px; float: none; } .home_quote_left { font-size: 21px!important; line-height: 24px!important; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 12px!important; line-height: 15px!important; color:#B3B3B3; font-weight: 400; text-align: center; margin-top: -10px; } .home_quote_right { font-size: 21px!important; line-height: 24px!important; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 12px!important; line-height: 15px!important; color:#B3B3B3; font-weight: 400; text-align: center; margin-right: 10px; margin-top: -10px; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ #new_quote_1 { width: 90vw; position: fixed; top: 5vh; left: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_2 { width: 90vw; position: fixed; top: 5vh; right: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_3 { width: 90vw; position: fixed; top: 5vh; left: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_4 { width: 90vw; position: fixed; top: 5vh; right: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { position: relative; width: 90%; max-width: 560px; text-align: center; margin: 10px auto 0px auto; clear: both; float: none; } #steve_garson_quote img { width: 150px; margin: 20px 0px -120px 0px; float: none; } #fourfiftyone_quote { position: relative; width: 90%; max-width: 560px; text-align: center; margin: 20px auto 0px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 120px; margin: 0px 20px -90px 0px; float: none; } #versa_quote { position: relative; width: 90%; max-width: 560px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 90px; clear: both; float: none; } #versa_quote img { width: 120px; margin: 40px 0px -90px 0px; float: none; } #gartner_quote { position: relative; width: 90%; max-width: 560px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 90px; clear: both; float: none; } #gartner_quote img { width: 120px; margin: 40px 0px -90px 0px; float: none; } .home_quote_left { font-size: 21px!important; line-height: 24px!important; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 12px!important; line-height: 15px!important; color:#B3B3B3; font-weight: 400; text-align: center; margin-top: -10px; } .home_quote_right { font-size: 21px!important; line-height: 24px!important; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 12px!important; line-height: 15px!important; color:#B3B3B3; font-weight: 400; text-align: center; margin-right: 10px; margin-top: -10px; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ #new_quote_1 { width: 90vw; position: fixed; top: 5vh; left: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_2 { width: 90vw; position: fixed; top: 5vh; right: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_3 { width: 90vw; position: fixed; top: 5vh; left: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_4 { width: 90vw; position: fixed; top: 5vh; right: 5vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { position: relative; width: 90%; max-width: 1200px; text-align: center; margin: 10px auto 0px auto; clear: both; float: none; } #steve_garson_quote img { width: 150px; margin: 20px 0px -120px 0px; float: none; } #fourfiftyone_quote { position: relative; width: 90%; max-width: 1200px; text-align: center; margin: 20px auto 0px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 120px; margin: 0px 20px -90px 0px; float: none; } #versa_quote { position: relative; width: 90%; max-width: 1200px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 90px; clear: both; float: none; } #versa_quote img { width: 120px; margin: 40px 0px -90px 0px; float: none; } #gartner_quote { position: relative; width: 90%; max-width: 1200px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 90px; clear: both; float: none; } #gartner_quote img { width: 120px; margin: 40px 0px -90px 0px; float: none; } .home_quote_left { font-size: 21px!important; line-height: 24px!important; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 12px!important; line-height: 15px!important; color:#B3B3B3; font-weight: 400; text-align: center; margin-top: -10px; } .home_quote_right { font-size: 21px!important; line-height: 24px!important; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 12px!important; line-height: 15px!important; color:#B3B3B3; font-weight: 400; text-align: center; margin-right: 10px; margin-top: -10px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #new_quote_1 { width: 80vw; position: fixed; top: 5vh; left: 10vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_2 { width: 80vw; position: fixed; top: 2vh; right: 10vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_3 { width: 80vw; position: fixed; top: 10vh; left: 10vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #new_quote_4 { width: 80vw; position: fixed; top: 10vh; right: 10vw; z-index: 200; opacity: 0; display: none; transition: 1s; } #steve_garson_quote { position: relative; width: 100%; max-width: 890px; text-align: center; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 240px; margin: 0px 0px -170px -5px; float: none; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 890px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px -30px -150px 0px; float: none; } #versa_quote { position: relative; width: 100%; max-width: 890px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 200px; margin: 0px 0px -120px -10px; float: none; } #gartner_quote { position: relative; width: 100%; max-width: 890px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 200px; margin: 0px -10px -130px 0px; float: none; } .home_quote_left { font-size: 32px; line-height: 36px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 32px; line-height: 36px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_right { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #new_quote_1 { width: 80vw; position: fixed; top: 5vh; left: 10vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #steve_garson_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; height: 200px; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_2 { width: 80vw; position: fixed; top: 5vh; left: 10vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_3 { width: 80vw; position: fixed; top: 10vh; left: 10vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #versa_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 220px; margin: 0px auto -110px auto; float: none; } #new_quote_4 { width: 80vw; position: fixed; top: 10vh; left: 10vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #gartner_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 200px; margin: 0px auto -110px auto; float: none; } .home_quote_left { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ #new_quote_1 { width: 70vw; position: fixed; top: 5vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #steve_garson_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; height: 200px; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_2 { width: 70vw; position: fixed; top: 5vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_3 { width: 70vw; position: fixed; top: 10vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #versa_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 220px; margin: 0px auto -110px auto; float: none; } #new_quote_4 { width: 70vw; position: fixed; top: 10vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #gartner_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 200px; margin: 0px auto -110px auto; float: none; } .home_quote_left { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #new_quote_1 { width: 70vw; position: fixed; top: 5vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #steve_garson_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; height: 200px; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_2 { width: 70vw; position: fixed; top: 5vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_3 { width: 70vw; position: fixed; top: 10vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #versa_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 220px; margin: 0px auto -110px auto; float: none; } #new_quote_4 { width: 70vw; position: fixed; top: 10vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #gartner_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 200px; margin: 0px auto -110px auto; float: none; } .home_quote_left { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #new_quote_1 { width: 70vw; position: fixed; top: 5vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #steve_garson_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; height: 200px; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_2 { width: 70vw; position: fixed; top: 5vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_3 { width: 70vw; position: fixed; top: 10vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #versa_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 220px; margin: 0px auto -110px auto; float: none; } #new_quote_4 { width: 70vw; position: fixed; top: 10vh; left: 15vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #gartner_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 200px; margin: 0px auto -110px auto; float: none; } .home_quote_left { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #new_quote_1 { width: 50vw; position: fixed; top: 5vh; left: 25vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #steve_garson_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; height: 200px; margin: 50px auto 0px auto; padding-top: 30px; clear: both; float: none; } #steve_garson_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_2 { width: 80vw; position: fixed; top: 5vh; left: 10vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #fourfiftyone_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; clear: both; float: none; } #fourfiftyone_quote img { width: 240px; margin: 0px auto -150px auto; float: none; } #new_quote_3 { width: 50vw; position: fixed; top: 10vh; left: 25vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #versa_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 0px auto; padding-bottom: 40px; clear: both; float: none; } #versa_quote img { width: 220px; margin: 0px auto -110px auto; float: none; } #new_quote_4 { width: 50vw; position: fixed; top: 10vh; left: 25vw; z-index: 200; transition: 2s; opacity: 0; display: none; } #gartner_quote { position: relative; width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 50px auto; padding-bottom: 40px; clear: both; float: none; } #gartner_quote img { width: 200px; margin: 0px auto -110px auto; float: none; } .home_quote_left { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center;} .home_attribution_left { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } .home_quote_right { font-size: 36px; line-height: 42px; color:#f2f2f2; font-weight: 300; text-align: center; } .home_attribution_right { font-size: 18px; line-height: 21px; color:#B3B3B3; font-weight: 400; text-align: center; } } /*********** end quotes styles ************/ /******************* TWEAKING OF BACKGROUND IMAGES TO RISE UP TO CENTER SCREEN ON SMALLER DEVICES *************************/ @media only screen and (min-width: 768px) and (orientation: portrait) { /* tablets including iPad landscape */ .hexes_K { background-image: url('./hexes_K.png')!important; margin-top: -1vh!important; } .hexes_L { background-image: url('./hexes_L.png')!important; margin-top: -2vh!important; } .hexes_M { background-image: url('./hexes_M.png')!important; margin-top: -3vh!important; } .hexes_N { background-image: url('./hexes_N.png')!important; margin-top: -4vh!important; } .hexes_O { background-image: url('./hexes_O.png')!important; margin-top: -5vh!important; } .hexes_P { background-image: url('./hexes_P.png')!important; margin-top: -6vh!important; } .hexes_Q { background-image: url('./hexes_Q.png')!important; margin-top: -7vh!important; } .hexes_R { background-image: url('./hexes_R.png')!important; margin-top: -8vh!important; } .hexes_S { background-image: url('./hexes_S.png')!important; margin-top: -9vh!important; } .hexes_T { background-image: url('./hexes_T.png')!important; margin-top: -10vh!important; } .hexes_U { background-image: url('./hexes_U.png')!important; margin-top: -11vh!important; } .hexes_V { background-image: url('./hexes_V.png')!important; margin-top: -12vh!important; } .hexes_W { background-image: url('./hexes_W.png')!important; margin-top: -13vh!important; } .hexes_X { background-image: url('./hexes_X.png')!important; margin-top: -14vh!important; } .hexes_Y { background-image: url('./hexes_Y.png')!important; margin-top: -15vh!important; } .hexes_Z { background-image: url('./hexes_Z.png')!important; margin-top: -16vh!important; } .hexes_AA { background-image: url('./hexes_AA_new2.png')!important; margin-top: -16vh!important; } .hexes_BB { background-image: url('./hexes_BB_new2.png')!important; margin-top: -16vh!important; } .hexes_CC { background-image: url('./hexes_CC_new2.png')!important; margin-top: -16vh!important; } } @media only screen and (min-width: 891px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ .hexes_K { background-image: url('./hexes_K.png')!important; margin-top: -0.5vh!important; } .hexes_L { background-image: url('./hexes_L.png')!important; margin-top: -1vh!important; } .hexes_M { background-image: url('./hexes_M.png')!important; margin-top: -1.5vh!important; } .hexes_N { background-image: url('./hexes_N.png')!important; margin-top: -2vh!important; } .hexes_O { background-image: url('./hexes_O.png')!important; margin-top: -2.5vh!important; } .hexes_P { background-image: url('./hexes_P.png')!important; margin-top: -3vh!important; } .hexes_Q { background-image: url('./hexes_Q.png')!important; margin-top: -3.5vh!important; } .hexes_R { background-image: url('./hexes_R.png')!important; margin-top: -4vh!important; } .hexes_S { background-image: url('./hexes_S.png')!important; margin-top: -4.5vh!important; } .hexes_T { background-image: url('./hexes_T.png')!important; margin-top: -5vh!important; } .hexes_U { background-image: url('./hexes_U.png')!important; margin-top: -5.5vh!important; } .hexes_V { background-image: url('./hexes_V.png')!important; margin-top: -6vh!important; } .hexes_W { background-image: url('./hexes_W.png')!important; margin-top: -6.5vh!important; } .hexes_X { background-image: url('./hexes_X.png')!important; margin-top: -7vh!important; } .hexes_Y { background-image: url('./hexes_Y.png')!important; margin-top: -7.5vh!important; } .hexes_Z { background-image: url('./hexes_Z.png')!important; margin-top: -8vh!important; } .hexes_AA { background-image: url('./hexes_AA_new2.png')!important; margin-top: -8vh!important; } .hexes_BB { background-image: url('./hexes_BB_new2.png')!important; margin-top: -8vh!important; } .hexes_CC { background-image: url('./hexes_CC_new2.png')!important; margin-top: -8vh!important; } } @media only screen and (min-width: 891px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* tablets including iPad landscape */ .hexes_G { background-image: url('./hexes_K.png')!important; margin-top: -0.5vh!important; } .hexes_H { background-image: url('./hexes_K.png')!important; margin-top: -1vh!important; } .hexes_I { background-image: url('./hexes_K.png')!important; margin-top: -1.5vh!important; } .hexes_J { background-image: url('./hexes_K.png')!important; margin-top: -2vh!important; } .hexes_K { background-image: url('./hexes_K.png')!important; margin-top: -2.5vh!important; } .hexes_L { background-image: url('./hexes_L.png')!important; margin-top: -3vh!important; } .hexes_M { background-image: url('./hexes_M.png')!important; margin-top: -3.5vh!important; } .hexes_N { background-image: url('./hexes_N.png')!important; margin-top: -4vh!important; } .hexes_O { background-image: url('./hexes_O.png')!important; margin-top: -4.5vh!important; } .hexes_P { background-image: url('./hexes_P.png')!important; margin-top: -5vh!important; } .hexes_Q { background-image: url('./hexes_Q.png')!important; margin-top: -5.5vh!important; } .hexes_R { background-image: url('./hexes_R.png')!important; margin-top: -6vh!important; } .hexes_S { background-image: url('./hexes_S.png')!important; margin-top: -6.5vh!important; } .hexes_T { background-image: url('./hexes_T.png')!important; margin-top: -7vh!important; } .hexes_U { background-image: url('./hexes_U.png')!important; margin-top: -7.5vh!important; } .hexes_V { background-image: url('./hexes_V.png')!important; margin-top: -8vh!important; } .hexes_W { background-image: url('./hexes_W.png')!important; margin-top: -8.5vh!important; } .hexes_X { background-image: url('./hexes_X.png')!important; margin-top: -9vh!important; } .hexes_Y { background-image: url('./hexes_Y.png')!important; margin-top: -9.5vh!important; } .hexes_Z { background-image: url('./hexes_Z.png')!important; margin-top: -10vh!important; } .hexes_AA { background-image: url('./hexes_AA_new2.png')!important; margin-top: -10vh!important; } .hexes_BB { background-image: url('./hexes_BB_new2.png')!important; margin-top: -10vh!important; } .hexes_CC { background-image: url('./hexes_CC_new2.png')!important; margin-top: -10vh!important; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* tablets including iPad landscape */ .hexes_Q { background-image: url('./hexes_Q.png')!important; margin-top: -0.5vh!important; } .hexes_R { background-image: url('./hexes_R.png')!important; margin-top: -1vh!important; } .hexes_S { background-image: url('./hexes_S.png')!important; margin-top: -1.5vh!important; } .hexes_T { background-image: url('./hexes_T.png')!important; margin-top: -2vh!important; } .hexes_U { background-image: url('./hexes_U.png')!important; margin-top: -2.5vh!important; } .hexes_V { background-image: url('./hexes_V.png')!important; margin-top: -3vh!important; } .hexes_W { background-image: url('./hexes_W.png')!important; margin-top: -3.5vh!important; } .hexes_X { background-image: url('./hexes_X.png')!important; margin-top: -4vh!important; } .hexes_Y { background-image: url('./hexes_Y.png')!important; margin-top: -4.5vh!important; } .hexes_Z { background-image: url('./hexes_Z.png')!important; margin-top: -5vh!important; } .hexes_AA { background-image: url('./hexes_AA_new2.png')!important; margin-top: -5vh!important; } .hexes_BB { background-image: url('./hexes_BB_new2.png')!important; margin-top: -5vh!important; } .hexes_CC { background-image: url('./hexes_CC_new2.png')!important; margin-top: -5vh!important; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* tablets including iPad landscape */ .hexes_G { background-image: url('./hexes_K.png')!important; margin-top: -0.5vh!important; } .hexes_H { background-image: url('./hexes_K.png')!important; margin-top: -1vh!important; } .hexes_I { background-image: url('./hexes_K.png')!important; margin-top: -1.5vh!important; } .hexes_J { background-image: url('./hexes_K.png')!important; margin-top: -2vh!important; } .hexes_K { background-image: url('./hexes_K.png')!important; margin-top: -2.5vh!important; } .hexes_L { background-image: url('./hexes_L.png')!important; margin-top: -3vh!important; } .hexes_M { background-image: url('./hexes_M.png')!important; margin-top: -3.5vh!important; } .hexes_N { background-image: url('./hexes_N.png')!important; margin-top: -4vh!important; } .hexes_O { background-image: url('./hexes_O.png')!important; margin-top: -4.5vh!important; } .hexes_P { background-image: url('./hexes_P.png')!important; margin-top: -5vh!important; } .hexes_Q { background-image: url('./hexes_Q.png')!important; margin-top: -5.5vh!important; } .hexes_R { background-image: url('./hexes_R.png')!important; margin-top: -6vh!important; } .hexes_S { background-image: url('./hexes_S.png')!important; margin-top: -6.5vh!important; } .hexes_T { background-image: url('./hexes_T.png')!important; margin-top: -7vh!important; } .hexes_U { background-image: url('./hexes_U.png')!important; margin-top: -7.5vh!important; } .hexes_V { background-image: url('./hexes_V.png')!important; margin-top: -8vh!important; } .hexes_W { background-image: url('./hexes_W.png')!important; margin-top: -8.5vh!important; } .hexes_X { background-image: url('./hexes_X.png')!important; margin-top: -9vh!important; } .hexes_Y { background-image: url('./hexes_Y.png')!important; margin-top: -9.5vh!important; } .hexes_Z { background-image: url('./hexes_Z.png')!important; margin-top: -10vh!important; } .hexes_AA { background-image: url('./hexes_AA_new2.png')!important; margin-top: -10vh!important; } .hexes_BB { background-image: url('./hexes_BB_new2.png')!important; margin-top: -10vh!important; } .hexes_CC { background-image: url('./hexes_CC_new2.png')!important; margin-top: -10vh!important; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* tablets including iPad landscape */ .hexes_G { background-image: url('./hexes_K.png')!important; margin-top: -0.5vh!important; } .hexes_H { background-image: url('./hexes_K.png')!important; margin-top: -1vh!important; } .hexes_I { background-image: url('./hexes_K.png')!important; margin-top: -1.5vh!important; } .hexes_J { background-image: url('./hexes_K.png')!important; margin-top: -2vh!important; } .hexes_K { background-image: url('./hexes_K.png')!important; margin-top: -2.5vh!important; } .hexes_L { background-image: url('./hexes_L.png')!important; margin-top: -3vh!important; } .hexes_M { background-image: url('./hexes_M.png')!important; margin-top: -3.5vh!important; } .hexes_N { background-image: url('./hexes_N.png')!important; margin-top: -4vh!important; } .hexes_O { background-image: url('./hexes_O.png')!important; margin-top: -4.5vh!important; } .hexes_P { background-image: url('./hexes_P.png')!important; margin-top: -5vh!important; } .hexes_Q { background-image: url('./hexes_Q.png')!important; margin-top: -5.5vh!important; } .hexes_R { background-image: url('./hexes_R.png')!important; margin-top: -6vh!important; } .hexes_S { background-image: url('./hexes_S.png')!important; margin-top: -6.5vh!important; } .hexes_T { background-image: url('./hexes_T.png')!important; margin-top: -7vh!important; } .hexes_U { background-image: url('./hexes_U.png')!important; margin-top: -7.5vh!important; } .hexes_V { background-image: url('./hexes_V.png')!important; margin-top: -8vh!important; } .hexes_W { background-image: url('./hexes_W.png')!important; margin-top: -8.5vh!important; } .hexes_X { background-image: url('./hexes_X.png')!important; margin-top: -9vh!important; } .hexes_Y { background-image: url('./hexes_Y.png')!important; margin-top: -9.5vh!important; } .hexes_Z { background-image: url('./hexes_Z.png')!important; margin-top: -10vh!important; } .hexes_AA { background-image: url('./hexes_AA_new2.png')!important; margin-top: -10vh!important; } .hexes_BB { background-image: url('./hexes_BB_new2.png')!important; margin-top: -10vh!important; } .hexes_CC { background-image: url('./hexes_CC_new2.png')!important; margin-top: -10vh!important; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { .hexes_Y { background-image: url('./hexes_Y.png')!important; margin-top: -0.25vh!important; } .hexes_Z { background-image: url('./hexes_Z.png')!important; margin-top: -0.5vh!important; } .hexes_AA { background-image: url('./hexes_AA_new2.png')!important; margin-top: -0.5vh!important; } .hexes_BB { background-image: url('./hexes_BB_new2.png')!important; margin-top: -0.5vh!important; } .hexes_CC { background-image: url('./hexes_CC_new2.png')!important; margin-top: -0.5vh!important; } } /************ END BACKGROUND TWEAKS **************/ /*********** STATIC 1 STYLES **************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 90%; position: fixed; top: 5vh; left: 5%; padding: 0px; height: 90vh; z-index: 902!important; } sup { font-size: 8px!important; } #static_1_badge { display: none; width: 80px; position: fixed; right: 15px; top: 150px; z-index: 103; transform: rotate(10deg); } #static_1_title_v { max-width: 320px; margin-left: auto; margin-right: auto; margin-top: 0px; } #static_1_LM_button { width: 300px; height: 50px; text-align: center; position: absolute; margin-left: 50%; transform: translateX(-50%); top: 70vh; z-index: 151; } #static_1_ents_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 151; } #static_1_msps_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 151; } #static_1_vars_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 151; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (orientation: portrait) { /* medium phones portrait */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 90%; position: fixed; top: 10vh; left: 5%; padding: 0px; height: 95vh; z-index: 902!important; } sup { font-size: 8px!important; } #static_1_badge { display: none; width: 90px; position: fixed; right: 15px; top: 150px; z-index: 103; transform: rotate(10deg); } #static_1_title_v { max-width: 360px; margin-left: auto; margin-right: auto; margin-top: 0px; } #static_1_LM_button { width: 300px; height: 50px; text-align: center; position: absolute; margin-left: 50%; transform: translateX(-50%); top: 72vh; z-index: 151; } #static_1_ents_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 20px; z-index: 151; } #static_1_msps_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 151; } #static_1_vars_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 151; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 85%; position: fixed; top: 5vh; left: 15%; padding: 0px; height: 95vh; z-index: 902!important; } sup { font-size: 8px!important; } #static_1_badge { width: 120px; position: fixed; right: 15px; top: 180px; z-index: 103; transform: rotate(10deg); } #static_1_title_m { max-width: 460px; margin-left: auto; margin-right: auto; margin-top: 20px; } #static_1_LM_button { display: block!important; width: 300px; height: 50px; text-align: center; position: absolute; margin-left: 50%; transform: translateX(-50%); top: 80vh; z-index: 151; } #static_1_ents_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 20px; z-index: 151; } #static_1_msps_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 151; } #static_1_vars_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 151; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; transition: 1s;} #static_1_resources_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 10vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; transition: 1s; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 40vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 180px; position: fixed; right: 20; top: 40%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 10px; } #static_1_title_m { max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 0px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; transition: 1s;} #static_1_resources_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 15vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; transition: 1s; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 40vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 210px; position: fixed; right: 20; top: 40%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } #static_1_title_m { max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 30px; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; transition: 1s;} #static_1_resources_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 15vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; transition: 1s; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 40vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 240px; position: fixed; right: 0; top: 40%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } #static_1_title_m { max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 90px; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 500px; left: 50%; transform: translateX(-50%); top: 20px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 100%; position: fixed; top: 15vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; } sup { font-size: 4px; } #static_1_badge { width: 90px; position: fixed; right: 20px; top: 20vh; z-index: 103; transform: rotate(10deg); } #static_1_title_p { width: 99%; max-width: 560px; margin-left: auto; margin-right: auto; margin-top: 5px; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 52vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-320px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(+20px); margin-top: -50px; z-index: 151; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 560px; left: 50%; transform: translateX(-50%); top: 40px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 90%; position: fixed; top: 15vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; } sup { font-size: 4px; } #static_1_badge { width: 90px; position: fixed; right: 20px; top: 18vh; z-index: 103; transform: rotate(10deg); } #static_1_title_p { width: 100%; max-width: 560px; margin-left: auto; margin-right: auto; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 53vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-320px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(+20px); margin-top: -50px; z-index: 151; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 760px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 700px; position: fixed; top: 15vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 85vh; z-index: 902!important; } sup { font-size: 4px; } #static_1_badge { width: 120px; position: fixed; right: 20px; top: 15vh; z-index: 103; transform: rotate(10deg); } #static_1_title { display: none!important; } #static_1_title_p { width: 90%; max-width: 760px; margin-left: auto; margin-right: auto; margin-top: -30px; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 52vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-320px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(+20px); margin-top: -50px; z-index: 151; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* large phones landscape */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 760px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 700px; position: fixed; top: 15vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 85vh; z-index: 902!important; } sup { font-size: 4px; } #static_1_badge { width: 120px; position: fixed; right: 20px; top: 10vh; z-index: 103; transform: rotate(10deg); } #static_1_title_p { display: none!important; } #static_1_title { display: block!important; width: 90%; max-width: 600px; margin-left: auto; margin-right: auto; margin-top: -35px; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 56vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-320px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(+20px); margin-top: -50px; z-index: 151; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 890px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 890px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; } #static_1_badge { width: 180px; position: fixed; right: 60px; top: 20%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 890px; margin-left: auto; margin-right: auto; margin-top: 0px; } #static_1_title_m { max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 10px; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 56vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* tablets including iPad landscape */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 900px; position: fixed; top: 15vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; } #static_1_badge { width: 180px; position: fixed; right: 60px; top: 20%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 0px; } #static_1_title_m { max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 10px; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 53vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* tablets including iPad landscape */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 900px; position: fixed; top: 12vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; } #static_1_badge { width: 180px; position: fixed; right: 60px; top: 20%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 750px; margin-left: auto; margin-right: auto; margin-top: -10px; } #static_1_title_m { max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 0px; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 59vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 50px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 60vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 180px; position: fixed; right: 60px; top: 25%; z-index: 103; transform: rotate(10deg); } #static_1_title { width: 99%; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 20px; } #static_1_title_m { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* non-standard tablets, small laptops */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 50px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 15vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 58vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 180px; position: fixed; right: 60px; top: 25%; z-index: 103; transform: rotate(10deg); } #static_1_title { width: 99%; max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: 0px; } #static_1_title_m { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* non-standard tablets, small laptops */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 50px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; } #static_1_resources_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 16vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 60vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 180px; position: fixed; right: 60px; top: 25%; z-index: 103; transform: rotate(10deg); } #static_1_title { width: 99%; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 0px; } #static_1_title_m { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; transition: 1s;} #static_1_resources_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; transition: 1s; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 60vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 240px; position: fixed; right: 0; top: 20%; z-index: 103; transform: rotate(10deg); } #static_1_title { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 30px; } #static_1_title_m { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; transition: 1s;} #static_1_resources_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; transition: 1s; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 58vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 240px; position: fixed; right: 0; top: 20%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 0px; } #static_1_title_m { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; transition: 1s;} #static_1_resources_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; transition: 1s; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 58vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 240px; position: fixed; right: 0; top: 20%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: -10px; } #static_1_title_m { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #static_1 { position: fixed; z-index: 700!important; text-align: center; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); top: 60px; opacity: 0; text-align: center; transition: 1s; } #static_1_resources { width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; padding: 0px; display: none; background:url('./cloud_bkg.png'); background-size: cover; background-position: center center; z-index: 801!important; transition: 1s;} #static_1_resources_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 25vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 902!important; transition: 1s; } #static_1_ents_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 370px); margin-top: 65vh; z-index: 151; } #static_1_msps_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 150px); margin-top: -50px; z-index: 151; } #static_1_vars_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 62px); margin-top: -50px; z-index: 151; } #static_1_badge { width: 270px; position: fixed; right: 0; top: 20%; z-index: 103; transform: rotate(10deg); } #static_1_title { max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 10px; } #static_1_title_m { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 10px; } } /*********** end static 1 styles ************/ /*********** RESOURCES STYLES **************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ .resources_title {font-size: 15px; line-height: 18px; font-weight: 700; color:#121212; margin-bottom: 0px; } .resources_blurb { font-size: 15px; line-height: 18px; font-weight: 500; margin-top: 0px; } .resources_title_white {font-size: 15px; line-height: 18px; font-weight: 700; color:#FFFFFF; margin-bottom: 0px; } .resources_blurb_white { font-size: 15px; line-height: 18px; font-weight: 500; color:#FFFFFF; margin-top: 0px; } .resources_half_left { width: 90%; margin: 30px 0px 30px 5%; float: none; padding: 0; text-align: left; padding-bottom: 20px; } .resources_half_right { width: 90%; margin: 30px 0px 30px 5%; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 20px; } .resources_third_left { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 15px; } .resources_third_middle { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 15px; } .resources_third_right { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 15px; } .resource_thumb_vert { width: 90px; opacity: 1; float: left; margin-right: 10px; margin-bottom: 50px; } .resource_thumb_horiz { width: 90px; opacity: 1; float: left; margin-right: 10px; margin-bottom: 60px; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (orientation: portrait) { /* medium phones portrait */ .resources_title {font-size: 18px; line-height: 21px; font-weight: 700; color:#121212; margin-bottom: 0px; } .resources_blurb { font-size: 15px; line-height: 18px; font-weight: 500; margin-top: 10px; } .resources_title_white {font-size: 18px; line-height: 21px; font-weight: 700; color:#FFFFFF; margin-bottom: 0px; } .resources_blurb_white { font-size: 15px; line-height: 18px; font-weight: 500; color:#FFFFFF; margin-top: 10px; } .resources_half_left { width: 90%; margin: 30px 0px 30px 5%; float: none; padding: 0; text-align: left; padding-bottom: 20px; } .resources_half_right { width: 90%; margin: 30px 0px 30px 5%; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 20px; } .resources_third_left { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 20px; } .resources_third_middle { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 20px; } .resources_third_right { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 20px; } .resource_thumb_vert { width: 120px; opacity: 1; float: left; margin-right: 20px; } .resource_thumb_horiz { width: 120px; opacity: 1; float: left; margin-right: 20px; margin-bottom: 60px; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ .resources_title {font-size: 18px; line-height: 21px; font-weight: 700; color:#121212; margin-bottom: 0px; } .resources_blurb { font-size: 15px; line-height: 18px; font-weight: 500; margin-top: 0px; } .resources_title_white {font-size: 18px; line-height: 21px; font-weight: 700; color:#FFFFFF; margin-bottom: 0px; } .resources_blurb_white { font-size: 15px; line-height: 18px; font-weight: 500; color:#FFFFFF; margin-top: 0px; } .resources_half_left { width: 90%; margin: 30px 0px 30px 5%; float: none; padding: 0; text-align: left; padding-bottom: 20px; } .resources_half_right { width: 90%; margin: 30px 0px 30px 5%; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 20px; } .resources_third_left { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 40px; } .resources_third_middle { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 40px; } .resources_third_right { width: 100%; margin: 30px 0px; float: none; clear: both; padding: 0; text-align: left; padding-bottom: 40px; } .resource_thumb_vert { width: 140px; opacity: 1; float: left; margin-right: 20px; } .resource_thumb_horiz { width: 140px; opacity: 1; float: left; margin-right: 20px; margin-bottom: 60px; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ .resources_title { font-size: 27px; line-height: 30px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 21px; line-height: 24px; font-weight: 500; } .resources_title_white {font-size: 27px; line-height: 30px; font-weight: 700; color:#FFFFFF; margin-top: 60px; } .resources_blurb_white { font-size: 21px; line-height: 24px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 60%; margin: 20px 20% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_half_right { width: 60%; margin: 20px 20% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_left { width: 75%; margin: 20px 0% 20px 25%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_middle { width: 75%; margin: 20px 0% 20px 25%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_right { width: 75%; margin: 20px 0% 20px 25%; float: none; clear: both; padding: 0; text-align: left; } .resource_thumb_vert { width: 210px; opacity: 1; float: left; margin-right: 30px; margin-top: -40px; margin-bottom: 90px; } .resource_thumb_horiz { width: 210px; opacity: 1; float: left; margin-right: 30px; margin-top: -20px; margin-bottom: 90px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ .resources_title { font-size: 27px; line-height: 30px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 21px; line-height: 24px; font-weight: 500; } .resources_title_white {font-size: 27px; line-height: 30px; font-weight: 700; color:#FFFFFF; margin-top: 60px; } .resources_blurb_white { font-size: 21px; line-height: 24px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 60%; margin: 20px 20% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_half_right { width: 60%; margin: 20px 20% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_left { width: 80%; margin: 20px 0% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_middle { width: 80%; margin: 20px 0% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_right { width: 80%; margin: 20px 0% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resource_thumb_vert { width: 240px; opacity: 1; float: left; margin-right: 30px; margin-top: -40px; margin-bottom: 90px; } .resource_thumb_horiz { width: 240px; opacity: 1; float: left; margin-right: 30px; margin-top: -20px; margin-bottom: 90px; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ .resources_title { font-size: 27px; line-height: 30px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 21px; line-height: 24px; font-weight: 500; } .resources_title_white {font-size: 27px; line-height: 30px; font-weight: 700; color:#FFFFFF; margin-top: 60px; } .resources_blurb_white { font-size: 21px; line-height: 24px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 60%; margin: 20px 20% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_half_right { width: 60%; margin: 20px 20% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_left { width: 80%; margin: 20px 0% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_middle { width: 80%; margin: 20px 0% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resources_third_right { width: 80%; margin: 20px 0% 20px 20%; float: none; clear: both; padding: 0; text-align: left; } .resource_thumb_vert { width: 240px; opacity: 1; float: left; margin-right: 30px; margin-top: -40px; margin-bottom: 90px; } .resource_thumb_horiz { width: 240px; opacity: 1; float: left; margin-right: 30px; margin-top: -20px; margin-bottom: 90px; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ .resources_title {font-size: 15px; line-height: 15px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 12px; line-height: 12px; font-weight: 500; margin-top: -5px; } .resources_title_white {font-size: 15px; line-height: 15px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 12px; line-height: 12px; font-weight: 500; color:#FFFFFF; margin-top: -5px; } .resources_half_left { width: 45%; margin: 0% 0%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 45%; margin: 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 35%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 35%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { max-width: 90px; opacity: 1; } .resource_thumb_horiz { max-width: 100px; opacity: 1; } sup { font-size: 8px!important; } .arrow_button { padding: 3px 5px 5px 0px!important; } .link_intro, .link_static_1, .link_saas { font-size: 12px!important; padding: 1px 5px 18px 10px!important; } .plus_intro, .plus_static_1, .plus_saas, .plus_on_blue, .plus_on_grey { font-size: 19px!important; padding: 0px 7px 0px 7px!important; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ .resources_title {font-size: 16px; line-height: 18px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 15px; line-height: 18px; font-weight: 500; margin-top: -10px; } .resources_title_white {font-size: 16px; line-height: 18px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 15px; line-height: 18px; font-weight: 500; color:#FFFFFF; margin-top: -10px; } .resources_half_left { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 33%; margin: 1%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 33%; margin: 1%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 28%; margin: 1%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { max-width: 100px; opacity: 1; } .resource_thumb_horiz { max-width: 150px; opacity: 1; } sup { font-size: 8px!important; } .arrow_button { padding: 3px 5px 5px 0px!important; } .link_intro, .link_static_1, .link_saas { font-size: 12px!important; padding: 1px 5px 18px 10px!important; } .plus_intro, .plus_static_1, .plus_saas, .plus_on_blue, .plus_on_grey { font-size: 19px!important; padding: 0px 7px 0px 7px!important; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ .resources_title {font-size: 18px; line-height: 21px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 15px; line-height: 18px; font-weight: 500; margin-top: -5px; } .resources_title_white {font-size: 18px; line-height: 21px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 15px; line-height: 18px; font-weight: 500; color:#FFFFFF; margin-top: -5px; } .resources_half_left { width: 30%; margin: 0% 10%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 30%; margin: 0% 10%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 35%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 35%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } sup { font-size: 8px!important; } .resource_thumb_vert { max-width: 120px; opacity: 1; } .resource_thumb_horiz { max-width: 130px; opacity: 1; } .arrow_button { padding: 3px 5px 5px 0px!important; } .link_intro, .link_static_1, .link_saas { font-size: 12px!important; padding: 1px 5px 18px 10px!important; } .plus_intro, .plus_static_1, .plus_saas, .plus_on_blue, .plus_on_grey { font-size: 19px!important; padding: 0px 7px 0px 7px!important; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ .resources_title {font-size: 21px; line-height: 24px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 18px; line-height: 21px; font-weight: 500; } .resources_title_white {font-size: 21px; line-height: 24px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 18px; line-height: 21px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 30%; margin: 0% 10%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 30%; margin: 0% 10%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { max-width: 210px; opacity: 1; } .resource_thumb_horiz { max-width: 240px; opacity: 1; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* tablets including iPad landscape */ .resources_title {font-size: 21px; line-height: 24px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 18px; line-height: 21px; font-weight: 500; margin-top: -10px; } .resources_title_white {font-size: 21px; line-height: 24px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 18px; line-height: 21px; font-weight: 500; color:#FFFFFF; margin-top: -10px; } .resources_half_left { width: 30%; margin: 0% 10%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 30%; margin: 0% 10%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { max-width: 210px; opacity: 1; } .resource_thumb_horiz { max-width: 240px; opacity: 1; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ .resources_title {font-size: 21px; line-height: 24px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 18px; line-height: 21px; font-weight: 500; } .resources_title_white {font-size: 21px; line-height: 24px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 18px; line-height: 21px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { max-width: 240px; opacity: 1; } .resource_thumb_horiz { max-width: 270px; opacity: 1; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* non-standard tablets, small laptops */ .resources_title {font-size: 21px; line-height: 24px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 18px; line-height: 21px; font-weight: 500; } .resources_title_white {font-size: 21px; line-height: 24px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 18px; line-height: 21px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { max-width: 210px; opacity: 1; } .resource_thumb_horiz { max-width: 240px; opacity: 1; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* non-standard tablets, small laptops */ .resources_title {font-size: 21px; line-height: 24px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 18px; line-height: 21px; font-weight: 500; } .resources_title_white {font-size: 21px; line-height: 24px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 18px; line-height: 21px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { max-width: 180px; opacity: 1; } .resource_thumb_horiz { max-width: 210px; opacity: 1; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ .resources_title {font-size: 27px; line-height: 30px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 21px; line-height: 24px; font-weight: 500; } .resources_title_white {font-size: 27px; line-height: 30px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 21px; line-height: 24px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { width: 300px; opacity: 1; } .resource_thumb_horiz { width: 320px; opacity: 1; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ .resources_title {font-size: 27px; line-height: 30px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 21px; line-height: 24px; font-weight: 500; } .resources_title_white {font-size: 27px; line-height: 30px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 21px; line-height: 24px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { width: 300px; opacity: 1; } .resource_thumb_horiz { width: 320px; opacity: 1; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ .resources_title {font-size: 24px; line-height: 27px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 18px; line-height: 21px; font-weight: 500; } .resources_title_white {font-size: 24px; line-height: 27px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 18px; line-height: 21px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { width: 270px; opacity: 1; } .resource_thumb_horiz { width: 300px; opacity: 1; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ .resources_title {font-size: 27px; line-height: 30px; font-weight: 700; color:#121212; } .resources_blurb { font-size: 21px; line-height: 24px; font-weight: 500; } .resources_title_white {font-size: 27px; line-height: 30px; font-weight: 700; color:#FFFFFF; } .resources_blurb_white { font-size: 21px; line-height: 24px; font-weight: 500; color:#FFFFFF; } .resources_half_left { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_half_right { width: 40%; margin: 0% 5%; float: left; padding: 0; text-align: center; } .resources_third_left { width: 30%; margin: 0% 5% 0% 0%; float: left; padding: 0; text-align: center; } .resources_third_middle { width: 30%; margin: 0%; float: left; padding: 0; text-align: center; } .resources_third_right { width: 30%; margin: 0% 0% 0% 5%; float: left; padding: 0; text-align: center; } .resource_thumb_vert { width: 300px; opacity: 1; } .resource_thumb_horiz { width: 320px; opacity: 1; } } /*********** end Resources styles ************/ /*********** CHINA STATIC STYLES **************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #static_china_content { opacity: 0; display: none; width: 100%; position: fixed; top: 5vh; left: 0; padding: 0px; height: 95vh; z-index: 1004!important; text-align: center; } #static_china { display: none; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_v, #china_sign { width: 95%; max-width: 300px; padding-top: 20px; margin-left: auto; margin-right: auto; } #china_award { max-width: 300px; margin-left: auto; margin-right: auto; margin-top: -20px; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (orientation: portrait) { /* medium phones portrait */ #static_china_content { opacity: 0; display: none; width: 100%; position: fixed; top: 5vh; left: 0; padding: 0px; height: 95vh; z-index: 1004!important; text-align: center; } #static_china { display: none; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_v, #china_sign { width: 95%; max-width: 400px; padding-top: 40px; margin-left: auto; margin-right: auto; } #china_award { max-width: 300px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #static_china_content { opacity: 0; display: none; width: 100%; position: fixed; top: 5vh; left: 0; padding: 0px; height: 95vh; z-index: 1004!important; text-align: center; } #static_china { display: none; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 400px; padding-top: 40px; margin-left: auto; margin-right: auto; } #china_award { max-width: 300px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #static_china_content { opacity: 0; display: none; width: 900px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; } #static_china { display: none; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 600px; padding-top: 0vh; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 500px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 600px; padding-top: 60px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 500px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 600px; padding-top: 60px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 500px; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ #static_china_content { opacity: 0; display: none; width: 560px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; } #static_china { display: none; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_p, #china_sign { width: 60%; max-width: 300px; padding-top: 5vh; margin-left: auto; margin-right: auto; } #china_award { width: 45%; max-width: 200px; margin-top: -120px; float: right; margin-right: 20px; position: relative; z-index: 1005!important; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ #static_china_content { opacity: 0; display: none; width: 560px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; } #static_china { display: none; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_p { max-width: 350px; padding-top: 3vh; margin-left: auto; margin-right: auto; } #china_award { width: 45%; max-width: 250px; margin-top: -110px; float: right; position: relative; z-index: 1005!important;} } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ #static_china_content { opacity: 0; display: none; width: 700px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; } #static_china { display: none; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_p, #china_sign { width: 95%; max-width: 350px; padding-top: 20px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 250px; margin-top: -160px; float: right; position: relative; z-index: 1004!important;} } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #static_china_content { opacity: 0; display: none; width: 900px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 500px; padding-top: 10px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 350px; margin-top: -36px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* small laptops */ #static_china_content { opacity: 0; display: none; width: 900px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { max-width: 550px; padding-top: 10px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 350px; margin-top: -180px; float: right; position: relative; z-index: 1005!important; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* small laptops */ #static_china_content { opacity: 0; display: none; width: 900px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { max-width: 500px; padding-top: 20px; margin-left: auto; margin-right: auto; } #china_award { width: 90%; max-width: 350px; margin-top: -180px; float: right; position: relative; z-index: 1005!important; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #static_china_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 550px; padding-top: 10px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 400px; margin-top: -20px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* non-standard tablets, small laptops */ #static_china_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 550px; padding-top: 10px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 350px; margin-top: -30px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* non-standard tablets, small laptops */ #static_china_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 550px; padding-top: 20px; margin-left: auto; margin-right: auto; } #china_award { width: 75%; max-width: 350px; margin-top: -120px; margin-left: auto; margin-right: auto; float: right; padding-right: 10%; position: relative; z-index: 1005!important; } } @media only screen and (min-width: 1280px) and (max-width: 1365px) and (orientation: landscape) { /* 4:3 smaller than iPad PRO */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 600px; padding-top: 30px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 400px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (min-width: 1280px) and (max-width: 1365px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 600px; padding-top: 20px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 350px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (min-width: 1280px) and (max-width: 1365px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 500px; padding-top: 10px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 300px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (width: 1366px) and (orientation: landscape) { /* iPad PRO */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 700px; padding-top: 30px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (width: 1366px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 650px; padding-top: 20px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 350px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (width: 1366px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 550px; padding-top: 10px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 300px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (min-width: 1367px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio larger than iPad PRO */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 700px; padding-top: 30px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (min-width: 1367px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 650px; padding-top: 20px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 450px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (min-width: 1367px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 600px; padding-top: 10px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 400px; margin-left: auto; margin-right: auto; margin-top: -30px; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #static_china_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 5vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 1004!important; text-align: center; transition: 1s; } #static_china { transition: 1s; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 803!important; } #china_sign_m, #china_sign { width: 95%; max-width: 700px; padding-top: 20px; margin-left: auto; margin-right: auto; } #china_award { width: 95%; max-width: 500px; margin-left: auto; margin-right: auto; } } /*********** end china styles ************/ /*********** SaaS STATIC & RESOURCES STYLES **************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #static_saas { display: none; overflow: hidden; width: 100%; height: calc(100% - 60px); position: fixed; z-index: 806!important; top: 60px; opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 100%; position: fixed; top: 60px; left: 50%; transform: translateX(-50%); padding: 0px; z-index: 807!important; } #static_saas_image_v { width: 99%; max-width: 300px; margin-left: auto; margin-right: auto; } #static_saas_title_v { width: 99%; max-width: 300px; margin-left: auto; margin-right: auto; } #saas_badge { display: none; width: 120px; position: fixed; left: 19%; top: 29%; z-index: 183; } #saas_LM_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_provider_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_var_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_resources { display: none; width: 100vw; position: fixed; top: 15vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 85vh; z-index: 808!important; } } @media only screen and (min-width: 361px) and (max-width: 413px) and (orientation: portrait) { /* medium phones portrait */ #static_saas { display: none; overflow: hidden; width: 100%; height: calc(100% - 60px); position: fixed; z-index: 806!important; top: 60px; opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 100%; position: fixed; top: 60px; left: 50%; transform: translateX(-50%); padding: 0px; z-index: 807!important; } #static_saas_image { width: 95%; max-width: 360px; margin-left: auto; margin-right: auto; } #static_saas_image_v { width: 99%; max-width: 300px; margin-left: auto; margin-right: auto; } #static_saas_title_v { width: 99%; max-width: 300px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: -5px; } #saas_badge { display: none; width: 90px; position: fixed; left: 0%; top: 5%; z-index: 183; } #saas_LM_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 20px; } #saas_provider_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_var_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_resources { display: none; width: 100vw; position: fixed; top: 15vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 85vh; z-index: 808!important; } } @media only screen and (min-width: 414px) and (max-width: 468px) and (orientation: portrait) { /* medium phones portrait */ #static_saas { display: none; overflow: hidden; width: 100%; height: calc(100% - 60px); position: fixed; z-index: 806!important; top: 60px; opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 100%; position: fixed; top: 60px; left: 50%; transform: translateX(-50%); padding: 0px; z-index: 807!important; } #static_saas_image { width: 95%; max-width: 360px; margin-left: auto; margin-right: auto; } #static_saas_image_v { width: 99%; max-width: 360px; margin-left: auto; margin-right: auto; } #static_saas_title_v { width: 99%; max-width: 360px; margin-left: auto; margin-right: auto; } #saas_badge { display: none; width: 90px; position: fixed; left: 0%; top: 5%; z-index: 183; } #saas_LM_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_provider_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_var_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_resources { display: none; width: 100vw; position: fixed; top: 15vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 85vh; z-index: 808!important; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -55%); padding: 0px; z-index: 807!important; } #static_saas_image { width: 95%; max-width: 400px; margin-left: auto; margin-right: auto; } #static_saas_image_m { width: 95%; max-width: 460px; margin-left: auto; margin-right: auto; } #static_saas_title_m { width: 95%; max-width: 460px; margin-left: auto; margin-right: auto; } #saas_badge { display: none; width: 130px; position: fixed; left: 19%; top: 29%; z-index: 183; } #saas_provider_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_var_button { display: none; width: 300px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 10px; } #saas_resources { display: none; width: 100vw; position: fixed; top: 15vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 85vh; z-index: 808!important; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1000px; position: fixed; top: 20vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title_m { width: 100%; max-width: 650px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } #static_saas_image_m { width: 90%; max-width: 700px; margin-left: auto; margin-right: auto; } #static_saas_title, #static_saas_image { display: none!important; } #saas_badge { width: 210px; position: fixed; left: 10%; top: 12%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1000px; position: fixed; top: 20vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title_m { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } #static_saas_image_m { width: 90%; max-width: 800px; margin-left: auto; margin-right: auto; } #static_saas_title, #static_saas_image { display: none!important; } #saas_badge { width: 240px; position: fixed; left: 5%; top: 12%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1000px; position: fixed; top: 20vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title_m { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 20px; } #static_saas_image_m { width: 90%; max-width: 900px; margin-left: auto; margin-right: auto; } #static_saas_title, #static_saas_image { display: none!important; } #saas_badge { width: 270px; position: fixed; left: 5%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ #static_saas { display: none; overflow: hidden; width: 100%; height: 150%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: 1s; } #static_saas_content { width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 100vw; position: fixed; top: 15vh; left: 50%; transform: translateX(-45%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title_p { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; margin-top: 24px; } #static_saas_image_p { width: 99%; max-width: 400px; margin-top: 0px; margin-left: auto; margin-right: auto; } #saas_badge { width: 90px; position: fixed; left: 0%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: -5px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ #static_saas { display: none; overflow: hidden; width: 100%; height: 150%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: 1s; } #static_saas_content { width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 90vw; position: fixed; top: 15vh; left: 5vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title_p { width: 100%; max-width: 530px; margin-left: auto; margin-right: auto; margin-top: 20px; } #static_saas_image_p { width: 99%; max-width: 450px; margin-top: 0px; margin-left: auto; margin-right: auto; } #saas_badge { width: 120px; position: fixed; left: 0%; top: 10%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: -5px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ #static_saas { display: none; overflow: hidden; width: 100%; height: 150%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: 1s; } #static_saas_content { width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 90vw; position: fixed; top: 15vh; left: 5vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title_p { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: -5px; } #static_saas_image_p { width: 99%; max-width: 500px; margin-left: auto; margin-right: auto; } #saas_badge { width: 120px; position: fixed; left: 0%; top: 20%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: -5px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #static_saas { display: none; overflow: hidden; width: 100%; height: 150%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: 1s; } #static_saas_content { width: 890px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 90vw; position: fixed; top: 20vh; left: 5vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 30px; } #static_saas_image { width: 99%; max-width: 800px; margin-left: auto; margin-right: auto; } #saas_badge { width: 180px; position: fixed; left: 0%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* tablets including iPad landscape */ #static_saas { display: none; overflow: hidden; width: 100%; height: 150%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: 1s; } #static_saas_content { width: 890px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 90vw; position: fixed; top: 20vh; left: 5vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 30px; } #static_saas_image { width: 99%; max-width: 720px; margin-left: auto; margin-right: auto; } #saas_badge { width: 180px; position: fixed; left: 0%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* tablets including iPad landscape */ #static_saas { display: none; overflow: hidden; width: 100%; height: 150%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: 1s; } #static_saas_content { width: 890px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 90vw; position: fixed; top: 10vh; left: 5vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: -20px; } #static_saas_image { width: 99%; max-width: 700px; margin-left: auto; margin-right: auto; } #saas_badge { width: 180px; position: fixed; left: 0%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1000px; position: fixed; top: 20vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } #static_saas_image { width: 95%; max-width: 900px; margin-left: auto; margin-right: auto; } #saas_badge { width: 210px; position: fixed; left: 0%; top: 12%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: -10px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* non-standard tablets, small laptops */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1000px; position: fixed; top: 20vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; } #static_saas_image { width: 95%; max-width: 800px; margin-left: auto; margin-right: auto; } #saas_badge { width: 210px; position: fixed; left: 0%; top: 12%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: -10px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* non-standard tablets, small laptops */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1000px; position: fixed; top: 20vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; } #static_saas_title { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 30px; } #static_saas_image { width: 95%; max-width: 800px; margin-left: auto; margin-right: auto; } #saas_badge { width: 210px; position: fixed; left: 0%; top: 12%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: -10px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1280px) and (max-width: 1365px) and (orientation: landscape) { /* this is for 4:3 aspect ratio smaller than iPad PRO */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1200px; position: fixed; top: 25vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; } #static_saas_image { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; } #saas_badge { width: 270px; position: fixed; left: -5%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1200px; position: fixed; top: 25vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: 20px; } #static_saas_image { width: 90%; max-width: 1000px; margin-left: auto; margin-right: auto; } #saas_badge { width: 270px; position: fixed; left: -5%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1200px; position: fixed; top: 20vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 20px; } #static_saas_image { width: 90%; max-width: 900px; margin-left: auto; margin-right: auto; } #saas_badge { width: 240px; position: fixed; left: 0%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (width: 1366px) and (orientation: landscape) { /* iPad PRO */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1200px; position: fixed; top: 25vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; margin-bottom: -10px;} #static_saas_image { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } #saas_badge { width: 270px; position: fixed; left: -5%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1367px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio larger than iPad PRO */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1200px; position: fixed; top: 25vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; } #static_saas_image { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; } #saas_badge { width: 270px; position: fixed; left: -5%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #static_saas { display: none; overflow: hidden; width: 100%; height: 100%; position: fixed; z-index: 806!important; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 1s;} #static_saas_content { width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 807!important; } #saas_resources { width: 1200px; position: fixed; top: 25vh; left: 50%; transform: translateX(-50%); opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 808!important; transition: 1s; } #static_saas_title { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 20px; } #static_saas_image { width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; } #saas_badge { width: 270px; position: fixed; left: -5%; top: 15%; z-index: 183; } #saas_provider_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 310px); margin-top: 0px; } #saas_var_button { width: 300px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: -50px; } } /*********** end SaaS styles ************/ /*********** SPs STATIC & RESOURCES STYLES **************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 80vw; position: fixed; top: 25vh; left: 10vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 100%; position: fixed; top: 90px; left: 50%; transform:translateX(-50%); padding: 0px; height: 95vh; z-index: 812!important; } #static_sps_title_v { width: 100%; max-width: 270px; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #sps_maf_image_v { width: 98%; max-width: 320px; margin-top: 20px; margin-left: 50%; transform: translateX(-51%); } #sps_cloud_button { display: none; width: 350px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 193; } #sps_network_button { display: none; width: 350px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 361px) and (max-width: 413px) and (orientation: portrait) { /* medium phones portrait */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 0px; transform: translateX(-50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 100%; position: fixed; top: 72px; left: 50%; transform: translateX(-50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 100vw; position: fixed; top: 50vh; transform: translateY(-50%); opacity: 0; display: none; padding: 0px; height: 100vh; z-index: 811!important; } #sps_resources_content { width: 100%; position: fixed; top: 45%; left: 50%; transform:translate(-50%, -50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title_v { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #sps_maf_image_v { width: 98%; max-width: 360px; margin-top: 20px; margin-left: 50%; margin-bottom: 20px; transform: translateX(-51%); } #sps_cloud_button { display: none; width: 320px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 193; } #sps_network_button { display: none; width: 320px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 414px) and (max-width: 468px) and (orientation: portrait) { /* medium phones portrait */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 0px; transform: translateX(-50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 100%; position: fixed; top: 72px; left: 50%; transform: translateX(-50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 100vw; position: fixed; top: 50vh; transform: translateY(-50%); opacity: 0; display: none; padding: 0px; height: 100vh; z-index: 811!important; } #sps_resources_content { width: 100%; position: fixed; top: 45%; left: 50%; transform:translate(-50%, -50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title_v { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #sps_maf_image_v { width: 98%; max-width: 360px; margin-top: 20px; margin-left: 50%; margin-bottom: 20px; transform: translateX(-51%); } #sps_cloud_button { display: none; width: 320px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 193; } #sps_network_button { display: none; width: 320px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 50vw; position: fixed; top: 25vh; left: 25vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 100%; position: fixed; top: 90px; left: 50%; transform:translateX(-50%); padding: 0px; height: 95vh; z-index: 812!important; } #static_sps_title_m { width: 100%; max-width: 420px; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #sps_maf_image_m { display: none!important; width: 98%; max-width: 460px; margin-top: 20px; margin-left: 50%; transform: translateX(-51%); } #sps_maf_image_v { display: block!important; width: 98%; max-width: 420px; margin-top: 20px; margin-left: 50%; transform: translateX(-51%); } #sps_cloud_button { display: none; width: 320px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 193; } #sps_network_button { display: none; width: 320px; height: 50px; text-align: center; position: relative; margin-left: 50%; transform: translateX(-50%); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 900px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; transition: 1s;} #sps_resources { width: 100vw; position: fixed; top: 20vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; transition: 1s; } #sps_resources_content { width: 900px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title_m { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #sps_maf_image_m { width: 98%; max-width: 700px; margin-left: auto; margin-right: auto; } #sps_cloud_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 50px; z-index: 193; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 900px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; transition: 1s;} #sps_resources { width: 100vw; position: fixed; top: 20vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; transition: 1s; } #sps_resources_content { width: 900px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title_m { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #sps_maf_image_m { width: 98%; max-width: 800px; margin-left: auto; margin-right: auto; } #sps_cloud_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 50px; z-index: 193; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; transition: 1s;} #sps_resources { width: 100vw; position: fixed; top: 20vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; transition: 1s; } #sps_resources_content { width: 1000px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title_m { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: -60px; } #sps_maf_image_m { width: 98%; max-width: 900px; margin-left: auto; margin-right: auto; } #sps_cloud_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 50px; z-index: 193; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ sup { font-size: 4px; } #static_sps { display: none; width: 100%; height: 100%; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 100%; position: fixed; top: 25vh; left: 0; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 80%; position: fixed; top: 10vh; left: 55%; transform: translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title_p { display: block!important; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; margin-top: 15px; } #sps_maf_image_p { display: block!important; width: 90%; max-width: 400px; margin-left: auto; margin-right: auto; margin-top: 0px; } #sps_cloud_button { width: 280px; height: 40px; text-align: center; position: relative; margin-left: calc(50% - 250px); margin-top: -40px; z-index: 193; } #sps_network_button { width: 280px; height: 40px; text-align: center; position: relative; margin-left: calc(50% + 0px); margin-top: 5px; z-index: 193; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ sup { font-size: 4px; } #static_sps { display: none; width: 100%; height: 100%; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 90vw; position: fixed; top: 25vh; left: 5vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 100%; position: fixed; top: 10vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title_p { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 30px; } #sps_maf_image_p { width: 99%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 0px; } #sps_cloud_button { width: 280px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 280px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 280px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 10px); margin-top: 5px; z-index: 193; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ sup { font-size: 4px; } #static_sps { display: none; width: 100%; height: 100%; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 100%; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 90vw; position: fixed; top: 25vh; left: 5vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 100%; position: fixed; top: 10vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title_p { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 30px; } #sps_maf_image_p { width: 90%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 0px; } #sps_cloud_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 5px; z-index: 193; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ #static_sps { display: none; width: 100%; height: 100%; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 890px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 100vw; position: fixed; top: 20vh; left: 25vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 890px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } #sps_maf_image { width: 95%; max-width: 890px; margin-left: auto; margin-right: auto; } #sps_maf_image_m { width: 98%; max-width: 340px; margin-left: 2%; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* tablets including iPad landscape */ #static_sps { display: none; width: 100%; height: 100%; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 890px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 100vw; position: fixed; top: 5vh; left: 25vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 900px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } #sps_maf_image { width: 95%; max-width: 890px; margin-left: auto; margin-right: auto; } #sps_maf_image_m { width: 98%; max-width: 340px; margin-left: 2%; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* tablets including iPad landscape */ #static_sps { display: none; width: 100%; height: 100%; background-size: cover; background-position: center center; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 890px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 100vw; position: fixed; top: 20vh; left: 25vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 900px; position: fixed; top: 10vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; } #sps_maf_image { width: 95%; max-width: 700px; margin-left: auto; margin-right: auto; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps { display: none; width: 100%; height: 100%; overflow: hidden; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 1s; z-index: 809!important; } #static_sps_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 50vw; position: fixed; top: 25vh; left: 25vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 1000px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; } #sps_maf_image { width: 95%; max-width: 1200px; margin-left: auto; margin-right: auto; } #sps_maf_image_m { width: 98%; max-width: 340px; margin-left: 2%; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 50px; z-index: 193; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* non-standard tablets, small laptops */ #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps { display: none; width: 100%; height: 100%; overflow: hidden; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 1s; z-index: 809!important; } #static_sps_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 50vw; position: fixed; top: 25vh; left: 25vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 1000px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; } #sps_maf_image { width: 95%; max-width: 1200px; margin-left: auto; margin-right: auto; } #sps_maf_image_m { width: 98%; max-width: 340px; margin-left: 2%; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* non-standard tablets, small laptops */ #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps { display: none; width: 100%; height: 100%; overflow: hidden; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 1s; z-index: 809!important; } #static_sps_content { opacity: 0; display: none; width: 1000px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; } #sps_resources { width: 50vw; position: fixed; top: 25vh; left: 25vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; } #sps_resources_content { width: 1000px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: -10px; } #sps_maf_image { width: 95%; max-width: 1100px; margin-left: auto; margin-right: auto; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 0px; z-index: 193; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; transition: 1s;} #sps_resources { width: 100vw; position: fixed; top: 25vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; transition: 1s; } #sps_resources_content { width: 1200px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; } #sps_maf_image { width: 100%; max-width: 1600px; margin-left: auto; margin-right: auto; } #sps_maf_image_m { width: 98%; max-width: 340px; margin-left: 2%; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 50px; z-index: 193; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; transition: 1s;} #sps_resources { width: 100vw; position: fixed; top: 25vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; transition: 1s; } #sps_resources_content { width: 1200px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; } #sps_maf_image { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; } #sps_maf_image_m { width: 98%; max-width: 340px; margin-left: 2%; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 20px; z-index: 193; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; transition: 1s;} #sps_resources { width: 100vw; position: fixed; top: 20vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; transition: 1s; } #sps_resources_content { width: 1000px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 30px!important; } #sps_maf_image { width: 100%; max-width: 1100px; margin-bottom: -30px; margin-left: auto; margin-right: auto; } #sps_maf_image_m { width: 98%; max-width: 340px; margin-left: 2%; } #sps_cloud_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 350px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 20px; z-index: 193; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #static_sps { display: none; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 809!important; transition: 1s; } #static_sps_bkg { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: bottom center; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 808!important; } #static_sps_content { opacity: 0; display: none; width: 1200px; position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); padding: 0px; z-index: 810!important; transition: 1s;} #sps_resources { width: 100vw; position: fixed; top: 25vh; left: 0vw; opacity: 0; display: none; padding: 0px; height: 50vh; z-index: 811!important; transition: 1s; } #sps_resources_content { width: 1200px; position: fixed; top: 20vh; left: 50%; transform:translateX(-50%); padding: 0px; height: 50vh; z-index: 812!important; } #static_sps_title { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 30px!important; } #sps_maf_image { width: 100%; max-width: 1600px; } #sps_maf_image_m { width: 98%; max-width: 340px; margin-left: 2%; } #sps_cloud_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% - 330px); margin-top: -50px; z-index: 193; } #sps_network_button { width: 320px; height: 50px; text-align: center; position: relative; margin-left: calc(50% + 20px); margin-top: 50px; z-index: 193; } } /*********** end SPs styles ************/ /*********** SITE MAP & FOOTER STYLES **************/ @media only screen and (max-width: 360px) and (orientation: portrait) { /* small phones portrait*/ #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; overflow: hidden; } #sitemap_col_1 { position: absolute; left: 0; top: 18vh; } #sitemap_col_2 { position: absolute; left: 0; top: calc(18vh + 140px);} #sitemap_col_3 { position: absolute; left: 50%; top: 18vh;} #sitemap_col_4 { position: absolute; left: 50%; top: calc(18vh + 190px);} #sitemap { display: block; padding-left: 20px; padding-top: 60px; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 0px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 0px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin: 0px; } .sitemap_item { padding: 0px; margin-left: 0px; color:#FFFFFF; margin-top: 0px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 1px; font-weight: 400!important; } .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 0px; margin-bottom: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: none; width: 50%; padding-left: 20px; margin: 0px; } .sitemap_space { display: none; } #new_footer { position: fixed; width: 100%; bottom: 20px; height: 110px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_tag { display: block; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 21px; line-height: 24px; font-weight: 600; margin-top: 30px; padding-bottom: 20px; margin-right: 10px; float: right; text-align: center; } #footer_cta_new { overflow: hidden; position: relative; background-image: url('../images/footer-calltoaction-bg_new.png'); background-color:#217f9a; height: 90px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 60px; margin: 10px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 30px; padding: 5px 0px 10px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 15px; text-align: center; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (max-height: 767px) and (orientation: portrait) { /* medium phones portrait 6/7/8 */ #sitemap_col_1 { position: absolute; left: 0; top: 10vh; } #sitemap_col_2 { position: absolute; left: 0; top: calc(10vh + 180px);} #sitemap_col_3 { position: absolute; left: 50%; top: 10vh;} #sitemap_col_4 { position: absolute; left: 50%; top: calc(10vh + 250px);} #static_footer { width: 100%; background-color: #262626; height: 100vh; position: absolute; top: 1730vh; left: 0; z-index: 814!important; overflow: hidden; } #sitemap { display: block; padding-left: 20px; padding-top: 60px; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin: 0px; } .sitemap_item { padding: 0px; margin-left: 0px; color:#FFFFFF; margin-top: 0px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 10px; font-weight: 400!important; } .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 0px; margin-bottom: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: none; width: 50%; padding-left: 20px; margin: 0px; } .sitemap_space { display: none; } #new_footer { position: fixed; width: 100%; bottom: 20px; height: 110px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_tag { display: block; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 21px; line-height: 24px; font-weight: 600; margin-top: 30px; padding-bottom: 20px; margin-right: 10px; float: right; text-align: center; } #footer_cta_new { overflow: hidden; position: relative; background-image: url('../images/footer-calltoaction-bg_new.png'); background-color:#217f9a; height: 90px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 60px; margin: 10px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 30px; padding: 5px 0px 10px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 15px; text-align: center; } } @media only screen and (min-width: 361px) and (max-width: 468px) and (min-height: 768px) and (orientation: portrait) { /* medium phones portrait X */ #sitemap_col_1 { position: absolute; left: 0; top: 25vh; } #sitemap_col_2 { position: absolute; left: 0; top: calc(25vh + 180px);} #sitemap_col_3 { position: absolute; left: 50%; top: 25vh;} #sitemap_col_4 { position: absolute; left: 50%; top: calc(25vh + 250px);} #static_footer { width: 100%; background-color: #262626; height: 100vh; position: absolute; top: 1680vh; left: 0; z-index: 814!important; overflow: hidden; } #sitemap { display: block; padding-left: 20px; padding-top: 60px; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin: 0px; } .sitemap_item { padding: 0px; margin-left: 0px; color:#FFFFFF; margin-top: 0px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 10px; font-weight: 400!important; } .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 0px; margin-bottom: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: none; width: calc(50% - 20px); padding-left: 20px; margin: 0px; } .sitemap_space { display: none; } #new_footer { position: fixed; width: 100%; bottom: 20px; height: 110px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_tag { display: block; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 21px; line-height: 24px; font-weight: 600; margin-top: 30px; padding-bottom: 20px; margin-right: 10px; float: right; text-align: center; } #footer_cta_new { overflow: hidden; position: relative; background-image: url('../images/footer-calltoaction-bg_new.png'); background-color:#217f9a; height: 90px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 60px; margin: 10px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 30px; padding: 5px 0px 10px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 15px; text-align: center; } } @media only screen and (min-width: 469px) and (max-width: 767px) and (orientation: portrait) { /* large phones portrait */ #sitemap_col_1 { position: absolute; left: 0; top: 150px; } #sitemap_col_2 { position: absolute; left: 0; top: 330px;} #sitemap_col_3 { position: absolute; left: 50%; top: 150px;} #sitemap_col_4 { position: absolute; left: 50%; top: 410px;} #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1610vh; left: 0; z-index: 814!important; overflow: hidden; } #sitemap { display: block; padding-left: 20px; padding-top: 60px; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 16px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin: 0px; } .sitemap_item { padding: 0px; margin-left: 0px; color:#FFFFFF; margin-top: 0px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 10px; font-weight: 400!important; } .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 0px; margin-bottom: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: none; width: 50%; padding-left: 20px; margin: 0px; } .sitemap_space { display: none; } #new_footer { position: fixed; width: 100%; bottom: 20px; height: 110px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_tag { display: block; font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 21px; line-height: 24px; font-weight: 600; margin-top: 30px; padding-bottom: 20px; margin-right: 30px; float: right; text-align: center; } #footer_cta_new { overflow: hidden; position: relative; background-image: url('../images/footer-calltoaction-bg_new.png'); background-color:#217f9a; height: 90px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 60px; margin: 10px 30px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 30px; padding: 5px 0px 10px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 15px; text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: portrait) { /* tablets including iPad portrait */ #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; overflow: hidden; } #sitemap { display: block; padding-left: 60px; padding-top: 20vh; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 100px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 22px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 260px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; transition: 1s; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 48px; line-height: 48px; font-weight: 600; margin-top: 72px; margin-right: 30px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 190px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 130px; margin: 20px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: portrait) { /* iPad PRO portrait */ #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 50px; padding-top: 30vh; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 975px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 260px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; transition: 1s; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 48px; line-height: 48px; font-weight: 600; margin-top: 72px; margin-right: 30px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 190px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 130px; margin: 20px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 1025px) and (orientation: portrait) { /* extra-large tablet in portrait */ #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 50px; padding-top: 30vh; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 975px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 260px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; transition: 1s; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 48px; line-height: 48px; font-weight: 600; margin-top: 72px; margin-right: 30px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 190px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 130px; margin: 20px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (max-width: 568px) and (orientation: landscape) { /* small phones landscape */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 110%; position: absolute; top: 1610vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 0px; padding-top: 46px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 13px; line-height: 12px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 13px; font-weight: 300!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: -10px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 90px; padding-top: 0px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: calc(24% - 12px); padding-left: 12px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 80px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 15px; line-height: 21px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 18px; line-height: 18px; font-weight: 600; margin-top: 20px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 60px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 40px; margin: 10px 10px 20px 20px; z-index: 999!important; } #copyright { background-color:#000000; margin: -15px 0px -20px 0px; height: 30px; padding: 0px 0px 10px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 15px; text-align: center; } } @media only screen and (min-width: 569px) and (max-width: 767px) and (orientation: landscape) { /* medium phones landscape */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1610vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 0px; padding-top: 66px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 560px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 13px; line-height: 13px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 13px; font-weight: 300!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: -8px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 100px; padding-top: 0px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: calc(24% - 12px); padding-left: 12px; } #new_footer { position: fixed; width: 100%; bottom: 10px; height: 100px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 24px; font-weight: 600; margin-top: 20px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 70px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 50px; margin: 5px 20px 20px 60px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 30px; padding: 5px 0px 10px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 15px; text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* large phones landscape */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 120vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 60px; padding-top: 90px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 760px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 15px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 14px; line-height: 6px; font-weight: 300!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 0px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 0px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: calc(24% - 12px); padding-left: 12px; } #new_footer { position: fixed; width: 100%; bottom: 10px; height: 100px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 24px; font-weight: 600; margin-top: 20px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 70px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 50px; margin: 5px 20px 20px 60px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 30px; padding: 5px 0px 10px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 15px; text-align: center; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) { /* tablets including iPad landscape */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 40px; padding-top: 120px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 890px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 21px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: -30px; height: 250px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 36px; line-height: 36px; font-weight: 600; margin-top: 50px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 150px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 100px; margin: 20px 20px 20px 60px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* tablets including iPad landscape */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 40px; padding-top: 100px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 890px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 10px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 3px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: -30px; height: 250px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 36px; line-height: 36px; font-weight: 600; margin-top: 50px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 150px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 100px; margin: 20px 20px 20px 60px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 897px) and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* tablets including iPad landscape */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 40px; padding-top: 90px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 890px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 10px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 3px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: -40px; height: 200px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 36px; line-height: 36px; font-weight: 600; margin-top: 30px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 100px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 60px; margin: 20px 20px 20px 60px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 5px 0px 10px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) { /* non-standard tablets, small laptops */ #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1610vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 60px; padding-top: 140px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 220px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 36px; line-height: 36px; font-weight: 600; margin-top: 50px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 150px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 100px; margin: 20px 20px 20px 60px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* non-standard tablets, small laptops */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 60px; padding-top: 120px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 20px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 3px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 220px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 36px; line-height: 36px; font-weight: 600; margin-top: 50px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 150px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 100px; margin: 20px 20px 20px 60px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* non-standard tablets, small laptops */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 60px; padding-top: 90px; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 18px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 3px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 220px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 36px; line-height: 36px; font-weight: 600; margin-top: 50px; margin-right: 60px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 150px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 100px; margin: 20px 20px 20px 60px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) { /* this is for 4:3 aspect ratio large screens like iPad PRO */ #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 60px; padding-top: 20vh; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 260px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; transition: 1s; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 48px; line-height: 48px; font-weight: 600; margin-top: 72px; margin-right: 30px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 190px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 130px; margin: 20px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/10) { /* this is for all other large 16:10 wide screens */ #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 60px; padding-top: 20vh; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 260px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; transition: 1s; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 48px; line-height: 48px; font-weight: 600; margin-top: 72px; margin-right: 30px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 190px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 130px; margin: 20px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 1280px) and (max-width: 1680px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* this is for all other large 16:9 wide screens */ .sitemap_space { display: none; } #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 60px; padding-top: 15vh; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 260px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; transition: 1s; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 48px; line-height: 48px; font-weight: 600; margin-top: 72px; margin-right: 30px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 190px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 130px; margin: 20px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } @media only screen and (min-width: 1681px) and (orientation: landscape) { /* this is for all other large wide screens like my big monitor */ #static_footer { width: 100%; background-color: #262626; height: 110vh; position: absolute; top: 1600vh; left: 0; z-index: 814!important; } #sitemap { display: block; padding-left: 60px; padding-top: 25vh; } #sitemap_col_1 { border-style: solid; border-width: 0px 1px 0px 0px; border-color:#525252; } #sitemap_col_2 { border-style: solid; border-width: 0px 1px 0px 1px; border-color:#525252; } #sitemap_twitter_link { float: none; width: 36px; height: 36px; background-image: url('../images/twitter_icon.gif'); background-size: cover; background-position: center center; } #sitemap_twitter_link:hover { background-image: url('../images/twitter_icon_ov.gif'); } #sitemap_facebook_link { float: none; width: 36px; height: 36px; background-image: url('../images/facebook_icon.gif'); background-size: cover; background-position: center center; margin-top: 18px; } #sitemap_facebook_link:hover { background-image: url('../images/facebook_icon_ov.gif'); } #sitemap_linkedin_link { float: none; width: 36px; height: 36px; background-image: url('../images/linkedin_icon.gif'); background-size: cover; background-position: center center; margin-top: 9px; } #sitemap_linkedin_link:hover { background-image: url('../images/linkedin_icon_ov.gif'); } .sitemap_content_area { display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .sitemap_section { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; color:#D2CFD0; text-transform: uppercase; font-weight: 400!important; margin-left: 0px; } .sitemap_item { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; font-weight: 400!important; } .sitemap_item { margin-left: 6px; color:#FFFFFF; margin-top: 6px;} .sitemap_section:after { content: ""; display: block; margin: 0px; width: 120px; padding-top: 10px; border-bottom: 1px solid #00b4dc; margin-left: 0px; } .sitemap_column { float: left; width: 20%; padding-left: 42px; } #new_footer { position: fixed; width: 100%; bottom: 0px; height: 260px; z-index: 815!important; opacity: 0; display: none; float: none!important; clear: both!important; transition: 1s; } #footer_cta_new_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_new_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #footer_tag { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 48px; line-height: 48px; font-weight: 600; margin-top: 72px; margin-right: 30px; float:right; } #footer_cta_new { overflow: hidden; position: relative; background-color:#217f9a; background-image: url('../images/footer-calltoaction-bg_new.png'); height: 190px; width: 100vw; margin: 0px; padding: 0px; text-align: center; } #footer_M { float: left; width: 130px; margin: 20px; z-index: 999!important; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; position: relative; z-index: 20; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } } /*********** end site map & footer styles ************/ /*********** SCROLLMAGIC STYLES **************/ .body_intro { background-color:#e7f1f4; transition: 1s; overflow-x:hidden; } .body_news { background-color:#262626!important; transition: 1s; } .body_static { background-color:#e7f1f4!important; transition: 1s; } .body_china { background-color:#121212!important; transition: 1s; } .body_saas { background-color:#616161!important; transition: 1s; } .body_sps { background-color:#032556!important; transition: 1s; } .nav_opaque { background-color:#262626!important; transition: 1s; } .partial_1 { background-image: url('./partial_orbs_MAF_1.png')!important; } .partial_2 { background-image: url('./partial_orbs_MAF_2.png')!important; } .partial_3 { background-image: url('./partial_orbs_MAF_3.png')!important; } .partial_4 { background-image: url('./partial_orbs_MAF_4.png')!important; } .partial_5 { background-image: url('./partial_orbs_MAF_5.png')!important; } .partial_6 { background-image: url('./partial_orbs_MAF_6.png')!important; } .partial_7 { background-image: url('./partial_orbs_MAF_7.png')!important; } .partial_8 { background-image: url('./partial_orbs_MAF_8.png')!important; } .partial_9 { background-image: url('./partial_orbs_MAF_9.png')!important; } .partial_10 { background-image: url('./partial_orbs_MAF_10.png')!important; } .partial_11 { background-image: url('./partial_orbs_MAF_11.png')!important; } .partial_12 { background-image: url('./partial_orbs_MAF_12.png')!important; } .partial_13 { background-image: url('./partial_orbs_MAF_13.png')!important; } .partial_14 { background-image: url('./partial_orbs_MAF_14.png')!important; } .partial_15 { background-image: url('./partial_orbs_MAF_15.png')!important; } .partial_16 { background-image: url('./partial_orbs_MAF_16.png')!important; } .partial_17 { background-image: url('./partial_orbs_MAF_17.png')!important; } .partial_18 { background-image: url('./partial_orbs_MAF_18.png')!important; } .partial_19 { background-image: url('./partial_orbs_MAF_19.png')!important; } .partial_20 { background-image: url('./partial_orbs_MAF_20.png')!important; } .partial_21 { background-image: url('./partial_orbs_MAF_21.png')!important; } .partial_22 { background-image: url('./partial_orbs_MAF_22.png')!important; } .partial_22_90 { background-image: url('./partial_orbs_MAF_22_90.png')!important; } .partial_22_80 { background-image: url('./partial_orbs_MAF_22_80.png')!important; } .partial_22_70 { background-image: url('./partial_orbs_MAF_22_70.png')!important; } .partial_22_60 { background-image: url('./partial_orbs_MAF_22_60.png')!important; } .partial_22_50 { background-image: url('./partial_orbs_MAF_22_50.png')!important; } .partial_22_40 { background-image: url('./partial_orbs_MAF_22_40.png')!important; } .partial_22_30 { background-image: url('./partial_orbs_MAF_22_30.png')!important; } .partial_22_20 { background-image: url('./partial_orbs_MAF_22_20.png')!important; } .partial_22_10 { background-image: url('./partial_orbs_MAF_22_10.png')!important; } .fabric_A { background-image: url('./frame_A.png')!important; } .fabric_A_fade { background-image: url('./frame_A.png')!important; transition: 1s; } .fabric_B { background-image: url('./frame_B.png')!important; } .fabric_C { background-image: url('./frame_C.png')!important; } .fabric_D { background-image: url('./frame_D.png')!important; } .fabric_E { background-image: url('./frame_E.png')!important; } .fabric_F { background-image: url('./frame_F.png')!important; } .fabric_G { background-image: url('./frame_G.png')!important; } .fabric_H { background-image: url('./frame_H.png')!important; } .fabric_I { background-image: url('./frame_I.png')!important; } .fabric_J { background-image: url('./frame_J_new.png')!important; } .fabric_K { background-image: url('./frame_K_new.png')!important; } .fabric_L { background-image: url('./frame_L_new.png')!important; } .fabric_M { background-image: url('./frame_M_new.png')!important; } .fabric_N { background-image: url('./frame_N_new.png')!important; } .fabric_O { background-image: url('./frame_O_new.png')!important; } .fabric_P { background-image: url('./frame_P_new.png')!important; } .fabric_Q { background-image: url('./frame_Q_new.png')!important; } .fabric_R { background-image: url('./frame_R_new.png')!important; } .fabric_S { background-image: url('./frame_S_new.png')!important; } .fabric_T { background-image: url('./frame_T_new.png')!important; } .fabric_U { background-image: url('./frame_U_new.png')!important; } .fabric_V { background-image: url('./frame_V_new.png')!important; } .fabric_W { background-image: url('./frame_W_new.png')!important; } .fabric_X { background-image: url('./frame_X_new.png')!important; } .fabric_Y { background-image: url('./frame_Y_new.png')!important; } .fabric_Z { background-image: url('./frame_Z_new.png')!important; } .fabric_AA { background-image: url('./frame_AA_new.png')!important; } .fabric_BB { background-image: url('./frame_BB_new.png')!important; } .fabric_CC { background-image: url('./frame_CC_new.png')!important; } .fabric_DD { background-image: url('./frame_DD_new.png')!important; } .fabric_EE { background-image: url('./frame_EE_new.png')!important; } .fabric_FF { background-image: url('./frame_FF_new.png')!important; } .fabric_GG { background-image: url('./frame_GG_new.png')!important; } .fabric_HH { background-image: url('./frame_HH_new.png')!important; } .fabric_II { background-image: url('./frame_II_new.png')!important; } .fabric_JJ { background-image: url('./frame_JJ_new.png')!important; } .fabric_KK { background-image: url('./frame_KK_new.png')!important; } .fabric_LL { background-image: url('./frame_LL_new.png')!important; } .fabric_MM { background-image: url('./frame_MM_new.png')!important; } .fabric_NN { background-image: url('./frame_NN_new.png')!important; } .fabric_OO { background-image: url('./frame_OO_new.png')!important; } .fabric_PP { background-image: url('./frame_PP_new.png')!important; } .fabric_QQ { background-image: url('./frame_QQ_new.png')!important; } .fabric_RR { background-image: url('./frame_RR_new.png')!important; } .fabric_SS { background-image: url('./frame_SS_new.png')!important; } .fabric_TT { background-image: url('./frame_TT_new.png')!important; } .fabric_UU { background-image: url('./frame_UU_new.png')!important; } .fabric_VV { background-image: url('./frame_VV_new.png')!important; } .fabric_WW { background-image: url('./frame_WW_new.png')!important; } .fabric_XX { background-image: url('./frame_XX_new.png')!important; } .fabric_YY { background-image: url('./frame_YY_new.png')!important; } .fabric_ZZ { background-image: url('./frame_ZZ_new.png')!important; } .fabric_AAA { background-image: url('./frame_AAA_new.png')!important; } .fabric_BBB { background-image: url('./frame_BBB_new.png')!important; } .fabric_CCC { background-image: url('./frame_CCC_new.png')!important; } .fabric_DDD { background-image: url('./frame_DDD_new.png')!important; } .fabric_EEE { background-image: url('./frame_EEE_new.png')!important; } .fabric_FFF { background-image: url('./frame_FFF_new.png')!important; } .fabric_GGG { background-image: url('./frame_GGG_new.png')!important; } .fabric_HHH { background-image: url('./frame_HHH_new.png')!important; } .fabric_III { background-image: url('./frame_III_new.png')!important; } .fabric_JJJ { background-image: url('./frame_JJJ_new.png')!important; } .fabric_KKK { background-image: url('./frame_KKK_new.png')!important; } .fabric_LLL { background-image: url('./frame_LLL_new.png')!important; } .fabric_MMM { background-image: url('./frame_MMM_new.png')!important; } .fabric_NNN { background-image: url('./frame_NNN_new.png')!important; } .fabric_OOO { background-image: url('./frame_OOO_new.png')!important; } .fabric_PPP { background-image: url('./frame_PPP_new.png')!important; } .fabric_QQQ { background-image: url('./frame_QQQ_new.png')!important; } .fabric_RRR { background-image: url('./frame_RRR_new.png')!important; } .fabric_SSS { background-image: url('./frame_SSS_new.png')!important; } .fabric_TTT { background-image: url('./frame_TTT_new.png')!important; } .fabric_UUU { background-image: url('./frame_UUU_new.png')!important; } .fabric_VVV { background-image: url('./frame_VVV_new.png')!important; } .fabric_WWW { background-image: url('./frame_WWW_new.png')!important; } .fabric_XXX { background-image: url('./frame_XXX_new.png')!important; } /* ORB RISING BACKGROUNDS THROUGH HEXES IN STATIC 1 */ .fabric_A2 { background-image: url('./frame_A.png')!important; } .fabric_B2 { background-image: url('./frame_B.png')!important; } .fabric_C2 { background-image: url('./frame_C.png')!important; } .fabric_D2 { background-image: url('./frame_D.png')!important; } .fabric_E2 { background-image: url('./frame_E.png')!important; } .fabric_F2 { background-image: url('./frame_F.png')!important; } .fabric_G2 { background-image: url('./frame_G.png')!important; } .fabric_H2 { background-image: url('./frame_H.png')!important; } .fabric_I2 { background-image: url('./frame_I.png')!important; } .fabric_J2 { background-image: url('./frame_J_new.png')!important; } .fabric_K2 { background-image: url('./frame_K_new.png')!important; } .fabric_L2 { background-image: url('./frame_L_new.png')!important; } .fabric_M2 { background-image: url('./frame_M_new.png')!important; } .fabric_N2 { background-image: url('./frame_N_new.png')!important; } .fabric_O2 { background-image: url('./frame_O_new.png')!important; } .fabric_P2 { background-image: url('./frame_P_new.png')!important; } .fabric_Q2 { background-image: url('./frame_Q_new.png')!important; } .fabric_R2 { background-image: url('./frame_R_new.png')!important; } .fabric_S2 { background-image: url('./frame_S_new.png')!important; } .fabric_T2 { background-image: url('./frame_T_new.png')!important; } .fabric_U2 { background-image: url('./frame_U_new.png')!important; } .fabric_V2 { background-image: url('./frame_V_new.png')!important; } .fabric_W2 { background-image: url('./frame_W_new.png')!important; } .fabric_X2 { background-image: url('./frame_X_new.png')!important; } .fabric_Y2 { background-image: url('./frame_Y_new.png')!important; } .fabric_Z2 { background-image: url('./frame_Z_new.png')!important; } .fabric_AA2 { background-image: url('./frame_AA_new.png')!important; } .fabric_BB2 { background-image: url('./frame_BB_new.png')!important; } .fabric_CC2 { background-image: url('./frame_CC_new.png')!important; } .fabric_DD2 { background-image: url('./frame_DD_new.png')!important; } .fabric_EE2 { background-image: url('./frame_EE_new.png')!important; } .fabric_FF2 { background-image: url('./frame_FF_new.png')!important; } .fabric_GG2 { background-image: url('./frame_GG_new.png')!important; } .fabric_HH2 { background-image: url('./frame_HH_new.png')!important; } .fabric_II2 { background-image: url('./frame_II_new.png')!important; } .fabric_JJ2 { background-image: url('./frame_JJ_new.png')!important; } .fabric_KK2 { background-image: url('./frame_KK_new.png')!important; } .fabric_LL2 { background-image: url('./frame_LL_new.png')!important; } .fabric_MM2 { background-image: url('./frame_MM_new.png')!important; } .fabric_NN2 { background-image: url('./frame_NN_new.png')!important; } .fabric_OO2 { background-image: url('./frame_OO_new.png')!important; } .fabric_PP2 { background-image: url('./frame_PP_new.png')!important; } .fabric_QQ2 { background-image: url('./frame_QQ_new.png')!important; } .fabric_RR2 { background-image: url('./frame_RR_new.png')!important; } .fabric_SS2 { background-image: url('./frame_SS_new.png')!important; } .fabric_TT2 { background-image: url('./frame_TT_new.png')!important; } .fabric_UU2 { background-image: url('./frame_UU_new.png')!important; } .fabric_VV2 { background-image: url('./frame_VV_new.png')!important; } .fabric_WW2 { background-image: url('./frame_WW_new.png')!important; } .fabric_XX2 { background-image: url('./frame_XX_new.png')!important; } .fabric_YY2 { background-image: url('./frame_YY_new.png')!important; } .fabric_ZZ2 { background-image: url('./frame_ZZ_new.png')!important; } .fabric_AAA2 { background-image: url('./frame_AAA_new.png')!important; } .fabric_BBB2 { background-image: url('./frame_BBB_new.png')!important; } .fabric_CCC2 { background-image: url('./frame_CCC_new.png')!important; } .fabric_DDD2 { background-image: url('./frame_DDD_new.png')!important; } .fabric_EEE2 { background-image: url('./frame_EEE_new.png')!important; } .fabric_FFF2 { background-image: url('./frame_FFF_new.png')!important; } .fabric_GGG2 { background-image: url('./frame_GGG_new.png')!important; } .fabric_HHH2 { background-image: url('./frame_HHH_new.png')!important; } .fabric_III2 { background-image: url('./frame_III_new.png')!important; } .fabric_JJJ2 { background-image: url('./frame_JJJ_new.png')!important; } .fabric_KKK2 { background-image: url('./frame_KKK_new.png')!important; } .fabric_LLL2 { background-image: url('./frame_LLL_new.png')!important; } .fabric_MMM2 { background-image: url('./frame_MMM_new.png')!important; } .fabric_NNN2 { background-image: url('./frame_NNN_new.png')!important; } .fabric_OOO2 { background-image: url('./frame_OOO_new.png')!important; } .fabric_PPP2 { background-image: url('./frame_PPP_new.png')!important; } .fabric_QQQ2 { background-image: url('./frame_QQQ_new.png')!important; } .fabric_RRR2 { background-image: url('./frame_RRR_new.png')!important; } .fabric_SSS2 { background-image: url('./frame_SSS_new.png')!important; } .fabric_TTT2 { background-image: url('./frame_TTT_new.png')!important; } .fabric_UUU2 { background-image: url('./frame_UUU_new.png')!important; } .fabric_VVV2 { background-image: url('./frame_VVV_new.png')!important; } .fabric_WWW2 { background-image: url('./frame_WWW_new.png')!important; } .fabric_XXX2 { background-image: url('./frame_XXX_new.png')!important; } .fabric_A3 { background-image: url('./frame_A.png')!important; } .fabric_B3 { background-image: url('./frame_B.png')!important; } .fabric_C3 { background-image: url('./frame_C.png')!important; } .fabric_D3 { background-image: url('./frame_D.png')!important; } .fabric_E3 { background-image: url('./frame_E.png')!important; } .fabric_F3 { background-image: url('./frame_F.png')!important; } .fabric_G3 { background-image: url('./frame_G.png')!important; } .fabric_H3 { background-image: url('./frame_H.png')!important; } .fabric_I3 { background-image: url('./frame_I.png')!important; } /* ORB RISING BACKGROUNDS THROUGH HEXES IN STATIC 1 */ .fabric_J_orb { background-image: url('./frame_J_orb.png')!important; } .fabric_J_orb2 { background-image: url('./frame_J_orb2.png')!important; } .fabric_K_orb { background-image: url('./frame_K_orb.png')!important; } .fabric_K_orb2 { background-image: url('./frame_K_orb2.png')!important; } .fabric_L_orb { background-image: url('./frame_L_orb.png')!important; } .fabric_L_orb2 { background-image: url('./frame_L_orb2.png')!important; } .fabric_M_orb { background-image: url('./frame_M_orb.png')!important; } .fabric_M_orb2 { background-image: url('./frame_M_orb2.png')!important; } .fabric_N_orb { background-image: url('./frame_N_orb.png')!important; } .fabric_N_orb2 { background-image: url('./frame_N_orb2.png')!important; } .fabric_O_orb { background-image: url('./frame_O_orb.png')!important; } .fabric_O_orb2 { background-image: url('./frame_O_orb2.png')!important; } .fabric_P_orb { background-image: url('./frame_P_orb.png')!important; } .fabric_P_orb2 { background-image: url('./frame_P_orb2.png')!important; } .fabric_Q_orb { background-image: url('./frame_Q_orb.png')!important; } .fabric_Q_orb2 { background-image: url('./frame_Q_orb2.png')!important; } .fabric_R_orb { background-image: url('./frame_R_orb.png')!important; } .fabric_R_orb2 { background-image: url('./frame_R_orb2.png')!important; } .fabric_S_orb { background-image: url('./frame_S_orb.png')!important; } .fabric_S_orb2 { background-image: url('./frame_S_orb2.png')!important; } .fabric_T_orb { background-image: url('./frame_T_orb.png')!important; } .fabric_T_orb2 { background-image: url('./frame_T_orb2.png')!important; } .fabric_U_orb { background-image: url('./frame_U_orb.png')!important; } .fabric_U_orb2 { background-image: url('./frame_U_orb2.png')!important; } .fabric_V_orb { background-image: url('./frame_V_orb.png')!important; } .fabric_V_orb2 { background-image: url('./frame_V_orb2.png')!important; } .fabric_W_orb { background-image: url('./frame_W_orb.png')!important; } .fabric_W_orb2 { background-image: url('./frame_W_orb2.png')!important; } .fabric_X_orb { background-image: url('./frame_X_orb.png')!important; } .fabric_X_orb2 { background-image: url('./frame_X_orb2.png')!important; } .fabric_Y_orb { background-image: url('./frame_Y_orb.png')!important; } .fabric_Y_orb2 { background-image: url('./frame_Y_orb2.png')!important; } .fabric_Z_orb { background-image: url('./frame_Z_orb.png')!important; } .fabric_Z_orb2 { background-image: url('./frame_Z_orb2.png')!important; } .fabric_AA_orb { background-image: url('./frame_AA_orb.png')!important; } .fabric_AA_orb2 { background-image: url('./frame_AA_orb2.png')!important; } .fabric_BB_orb { background-image: url('./frame_BB_orb.png')!important; } .fabric_BB_orb2 { background-image: url('./frame_BB_orb2.png')!important; } .fabric_CC_orb { background-image: url('./frame_CC_orb.png')!important; } .fabric_CC_orb2 { background-image: url('./frame_CC_orb2.png')!important; } .fabric_DD_orb { background-image: url('./frame_DD_orb.png')!important; } .fabric_DD_orb2 { background-image: url('./frame_DD_orb2.png')!important; } .fabric_EE_orb { background-image: url('./frame_EE_orb.png')!important; } .fabric_EE_orb2 { background-image: url('./frame_EE_orb2.png')!important; } .fabric_FF_orb { background-image: url('./frame_FF_orb.png')!important; } .fabric_FF_orb2 { background-image: url('./frame_FF_orb2.png')!important; } .fabric_GG_orb { background-image: url('./frame_GG_orb.png')!important; } .fabric_GG_orb2 { background-image: url('./frame_GG_orb2.png')!important; } .fabric_HH_orb { background-image: url('./frame_HH_orb.png')!important; } .fabric_HH_orb2 { background-image: url('./frame_HH_orb2.png')!important; } .fabric_II_orb { background-image: url('./frame_II_orb.png')!important; } .fabric_II_orb2 { background-image: url('./frame_II_orb2.png')!important; } .fabric_JJ_orb { background-image: url('./frame_JJ_orb.png')!important; } .fabric_JJ_orb2 { background-image: url('./frame_JJ_orb2.png')!important; } .fabric_KK_orb { background-image: url('./frame_KK_orb.png')!important; } .fabric_KK_orb2 { background-image: url('./frame_KK_orb2.png')!important; } .fabric_LL_orb { background-image: url('./frame_LL_orb.png')!important; } .fabric_LL_orb2 { background-image: url('./frame_LL_orb2.png')!important; } .fabric_MM_orb { background-image: url('./frame_MM_orb.png')!important; } .fabric_MM_orb2 { background-image: url('./frame_MM_orb2.png')!important; } .fabric_NN_orb { background-image: url('./frame_NN_orb.png')!important; } .fabric_NN_orb2 { background-image: url('./frame_NN_orb2.png')!important; } .fabric_OO_orb { background-image: url('./frame_OO_orb.png')!important; } .fabric_PP_orb { background-image: url('./frame_PP_orb_new.png')!important; } .fabric_QQ_orb { background-image: url('./frame_QQ_orb_new.png')!important; } .fabric_RR_orb { background-image: url('./frame_RR_orb_new.png')!important; } .fabric_SS_orb { background-image: url('./frame_SS_orb_new.png')!important; } .fabric_TT_orb { background-image: url('./frame_TT_orb_new.png')!important; } .fabric_UU_orb { background-image: url('./frame_UU_orb_new.png')!important; } .fabric_VV_orb { background-image: url('./frame_VV_orb_new.png')!important; } .fabric_WW_orb { background-image: url('./frame_WW_orb_new.png')!important; } .fabric_XX_orb { background-image: url('./frame_XX_orb_new.png')!important; } .fabric_YY_orb { background-image: url('./frame_YY_orb_new.png')!important; } .fabric_ZZ_orb { background-image: url('./frame_ZZ_orb_new.png')!important; } .hexes_A { background-image: url('./hexes_A_orb_new.png')!important; } .hexes_B { background-image: url('./hexes_B.png')!important; } .hexes_C { background-image: url('./hexes_C.png')!important; } .hexes_D { background-image: url('./hexes_D.png')!important; } .hexes_E { background-image: url('./hexes_E.png')!important; } .hexes_F { background-image: url('./hexes_F.png')!important; } .hexes_G { background-image: url('./hexes_G.png')!important; } .hexes_H { background-image: url('./hexes_H.png')!important; } .hexes_I { background-image: url('./hexes_I.png')!important; } .hexes_J { background-image: url('./hexes_J.png')!important; } .hexes_K { background-image: url('./hexes_K.png')!important; } .hexes_L { background-image: url('./hexes_L.png')!important; } .hexes_M { background-image: url('./hexes_M.png')!important; } .hexes_N { background-image: url('./hexes_N.png')!important; } .hexes_O { background-image: url('./hexes_O.png')!important; } .hexes_P { background-image: url('./hexes_P.png')!important; } .hexes_Q { background-image: url('./hexes_Q.png')!important; } .hexes_R { background-image: url('./hexes_R.png')!important; } .hexes_S { background-image: url('./hexes_S.png')!important; } .hexes_T { background-image: url('./hexes_T.png')!important; } .hexes_U { background-image: url('./hexes_U.png')!important; } .hexes_V { background-image: url('./hexes_V.png')!important; } .hexes_W { background-image: url('./hexes_W.png')!important; } .hexes_X { background-image: url('./hexes_X.png')!important; } .hexes_Y { background-image: url('./hexes_Y.png')!important; } .hexes_Z { background-image: url('./hexes_Z.png')!important; } .hexes_AA { background-image: url('./hexes_AA_new2.png')!important; transition: 1s; } .hexes_BB { background-image: url('./hexes_BB_new2.png')!important; transition: 1s; } .hexes_CC { background-image: url('./hexes_CC_new2.png')!important; transition: 1s; } @media only screen and (max-width: 467px) and (max-height: 767px) and (orientation: portrait) { .hexes_E { background-image: url('./hexes_new_P_v.png')!important; } .hexes_F { background-image: url('./hexes_new_Q_v.png')!important; } .hexes_G { background-image: url('./hexes_new_R_v.png')!important; } .hexes_H { background-image: url('./hexes_new_S_v.png')!important; margin-top: -1vh!important; } .hexes_I { background-image: url('./hexes_new_T_v.png')!important; margin-top: -2vh!important; } .hexes_J { background-image: url('./hexes_new_AA_v2.png')!important; margin-top: -3vh!important; } .hexes_K { background-image: url('./hexes_new_BB_v2.png')!important; margin-top: -4vh!important; } .hexes_L { background-image: url('./hexes_new_CC_v2.png')!important; margin-top: -5vh!important; } .hexes_M { background-image: url('./hexes_new_DD_v2.png')!important; margin-top: -6vh!important; } .hexes_N { background-image: url('./hexes_new_EE_v2.png')!important; margin-top: -7vh!important; } .hexes_O { background-image: url('./hexes_new_FF_v2.png')!important; margin-top: -8vh!important; } .hexes_P { background-image: url('./hexes_new_GG_v2.png')!important; margin-top: -9vh!important; } .hexes_Q { background-image: url('./hexes_new_HH_v2.png')!important; margin-top: -10vh!important; } .hexes_R { background-image: url('./hexes_new_II_v2.png')!important; margin-top: -11vh!important; } .hexes_S { background-image: url('./hexes_new_JJ_v2.png')!important; margin-top: -12vh!important; } .hexes_T { background-image: url('./hexes_new_KK_v2.png')!important; margin-top: -13vh!important; } .hexes_U { background-image: url('./hexes_new_LL_v2.png')!important; margin-top: -14vh!important; } .hexes_V { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -15vh!important; } .hexes_W { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -16vh!important; } .hexes_X { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -17vh!important; } .hexes_Y { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -18vh!important; } .hexes_Z { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -19vh!important; } .hexes_AA { background-image: url('./hexes_new_MM_v3.png')!important; transition: 1s; margin-top: -19vh!important; } .hexes_BB { background-image: url('./hexes_new_NN_v3.png')!important; transition: 1s; margin-top: -19vh!important; } .hexes_CC { background-image: url('./hexes_new_NN_v3.png')!important; transition: 1s; margin-top: -19vh!important; } .hexes_DD { background-image: url('./hexes_new_OO_v2.png')!important; transition: 1s; margin-top: -19vh!important; } } @media only screen and (max-width: 467px) and (min-height: 768px) and (orientation: portrait) { .hexes_G { background-image: url('./hexes_new_R_v.png')!important; margin-top: -2vh!important; } .hexes_H { background-image: url('./hexes_new_S_v.png')!important; margin-top: -4vh!important; } .hexes_I { background-image: url('./hexes_new_T_v.png')!important; margin-top: -6vh!important; } .hexes_J { background-image: url('./hexes_new_AA_v2.png')!important; margin-top: -8vh!important; } .hexes_K { background-image: url('./hexes_new_BB_v2.png')!important; margin-top: -10vh!important; } .hexes_L { background-image: url('./hexes_new_CC_v2.png')!important; margin-top: -12vh!important; } .hexes_M { background-image: url('./hexes_new_DD_v2.png')!important; margin-top: -14vh!important; } .hexes_N { background-image: url('./hexes_new_EE_v2.png')!important; margin-top: -16vh!important; } .hexes_O { background-image: url('./hexes_new_FF_v2.png')!important; margin-top: -18vh!important; } .hexes_P { background-image: url('./hexes_new_GG_v2.png')!important; margin-top: -20vh!important; } .hexes_Q { background-image: url('./hexes_new_HH_v2.png')!important; margin-top: -22vh!important; } .hexes_R { background-image: url('./hexes_new_II_v2.png')!important; margin-top: -24vh!important; } .hexes_S { background-image: url('./hexes_new_JJ_v2.png')!important; margin-top: -26vh!important; } .hexes_T { background-image: url('./hexes_new_KK_v2.png')!important; margin-top: -28vh!important; } .hexes_U { background-image: url('./hexes_new_LL_v2.png')!important; margin-top: -30vh!important; } .hexes_V { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -30vh!important; } .hexes_W { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -30vh!important; } .hexes_X { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -30vh!important; } .hexes_Y { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -30vh!important; } .hexes_Z { background-image: url('./hexes_new_MM_v3.png')!important; margin-top: -30vh!important; } .hexes_AA { background-image: url('./hexes_new_MM_v3.png')!important; transition: 1s; margin-top: -30vh!important; } .hexes_BB { background-image: url('./hexes_new_NN_v3.png')!important; transition: 1s; margin-top: -30vh!important; } .hexes_CC { background-image: url('./hexes_new_NN_v3.png')!important; transition: 1s; margin-top: -30vh!important; } .hexes_DD { background-image: url('./hexes_new_OO_v2.png')!important; transition: 1s; margin-top: -30vh!important; } } @media only screen and (min-width: 468px) and (max-width: 767px) and (orientation: portrait) { .hexes_E { background-image: url('./hexes_new_P_v.png')!important; } .hexes_F { background-image: url('./hexes_new_Q_v.png')!important; margin-top: -0.5vh!important; } .hexes_G { background-image: url('./hexes_new_R_v.png')!important; margin-top: -1vh!important; } .hexes_H { background-image: url('./hexes_new_S_v.png')!important; margin-top: -1.5vh!important; } .hexes_I { background-image: url('./hexes_new_T_v.png')!important; margin-top: -2vh!important; } .hexes_J { background-image: url('./hexes_new_U_v.png')!important; margin-top: -2.5vh!important; } .hexes_K { background-image: url('./hexes_new_V_v.png')!important; margin-top: -3vh!important; } .hexes_L { background-image: url('./hexes_new_W_v.png')!important; margin-top: -3.5vh!important; } .hexes_M { background-image: url('./hexes_new_X_v.png')!important; margin-top: -4vh!important; } .hexes_N { background-image: url('./hexes_new_Y_v.png')!important; margin-top: -4.5vh!important; } .hexes_O { background-image: url('./hexes_new_Z_v.png')!important; margin-top: -5vh!important; } .hexes_P { background-image: url('./hexes_new_AA_v.png')!important; margin-top: -5.5vh!important; } .hexes_Q { background-image: url('./hexes_new_BB_v.png')!important; margin-top: -6vh!important; } .hexes_R { background-image: url('./hexes_new_CC_v.png')!important; margin-top: -6.5vh!important; } .hexes_S { background-image: url('./hexes_new_DD_v.png')!important; margin-top: -7vh!important; } .hexes_T { background-image: url('./hexes_new_EE_v.png')!important; margin-top: -7.5vh!important; } .hexes_U { background-image: url('./hexes_new_FF_v.png')!important; margin-top: -8vh!important; } .hexes_V { background-image: url('./hexes_new_GG_v.png')!important; margin-top: -8.5vh!important; } .hexes_W { background-image: url('./hexes_new_HH_v.png')!important; margin-top: -9vh!important; } .hexes_X { background-image: url('./hexes_new_II_v.png')!important; margin-top: -9.5vh!important; } .hexes_Y { background-image: url('./hexes_new_JJ_v.png')!important; margin-top: -10vh!important; } .hexes_Z { background-image: url('./hexes_new_KK_v.png')!important; margin-top: -10.5vh!important; } .hexes_AA { background-image: url('./hexes_new_LL_v.png')!important; transition: 1s; margin-top: -11vh!important; } .hexes_BB { background-image: url('./hexes_new_MM_v.png')!important; transition: 1s; margin-top: -11.5vh!important; } .hexes_CC { background-image: url('./hexes_new_NN_v.png')!important; transition: 1s; margin-top: -12vh!important; } } @media only screen and (max-width: 896px) and (orientation: landscape) { .hexes_W { background-image: url('./hexes_new_HH_p.png')!important; margin-top: -1vh!important; } .hexes_X { background-image: url('./hexes_new_II_p.png')!important; margin-top: -2vh!important; } .hexes_Y { background-image: url('./hexes_new_JJ_p.png')!important; margin-top: -3vh!important; } .hexes_Z { background-image: url('./hexes_new_KK_p.png')!important; margin-top: -4vh!important; } .hexes_AA { background-image: url('./hexes_new_LL_p.png')!important; transition: 1s; margin-top: -5vh!important; } .hexes_BB { background-image: url('./hexes_new_MM_p.png')!important; transition: 1s; margin-top: -6vh!important; } .hexes_CC { background-image: url('./hexes_new_NN_p.png')!important; transition: 1s; margin-top: -7vh!important; } } @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) and (min-aspect-ratio: 16/9) { /* large phones landscape */ .hexes_W { background-image: url('./hexes_new_HH_p.png')!important; margin-top: -1vh!important; } .hexes_X { background-image: url('./hexes_new_II_p.png')!important; margin-top: -2vh!important; } .hexes_Y { background-image: url('./hexes_new_JJ_p.png')!important; margin-top: -2.5vh!important; } .hexes_Z { background-image: url('./hexes_new_KK_p.png')!important; margin-top: -3vh!important; } .hexes_AA { background-image: url('./hexes_new_LL_p.png')!important; transition: 1s; margin-top: -3.5vh!important; } .hexes_BB { background-image: url('./hexes_new_MM_p.png')!important; transition: 1s; margin-top: -3.5vh!important; } .hexes_CC { background-image: url('./hexes_new_NN_p.png')!important; transition: 1s; margin-top: -3.5vh!important; } } /* END ORB RISING BACKGROUNDS THROUGH HEXES IN STATIC 1 */ .show_layer { opacity: 1!important; transition: 1s; } .hide_layer { opacity: 0!important; transition: 1s; } .show_nav { visibility: visible!important; opacity: 1!important; transition: 1s;} .show_china { opacity: 1!important; width: 175%!important; height:175%!important; } .show_saas { opacity: 1!important; width: 175%!important; height:175%!important; z-index: 300!important; } .show_sps { opacity: 1!important; width: 175%!important; height:175%!important; } .down_arrow_show { width: 124px; position: fixed; bottom: 20!important; left: calc(50% - 62px); opacity: 1!important; } .footer_show { opacity: 1!important; transition: 1s; } .quote_show { opacity: 1!important; transition: 1s; } .quote_hide { opacity: 0!important; transition: 1s; } .news_show { opacity: 1!important; } .news_hide { opacity: 0!important; transition: 1s; } .static_1_resources_show { opacity: 0.85!important; width: 150%!important; height: 150%!important; } .static_1_resources_remove { opacity: 0!important; width: 100%!important; height: 100%!important; } .resources_remove { opacity: 0!important; } .static_opacity_2 { opacity: 0.2!important; transition: 1s; } .static_opacity { opacity: 0.5!important; transition: 1s; } .menu_top { top: 50px!important; } #trigger { width: 100%; height: 100%; margin: 0; padding: 0; } .trigger_row { position: absolute; height: 2vh; } .trigger_row_show { opacity: 0; position: absolute; z-index: 800; height: 2vh; width: 100%; background-color:#FFFFFF; } .object_display { display: block!important; } .opacity_0 { opacity: 0!important; display: block!important; transition: 1s;} .opacity_5 { opacity: 0.05!important; display: block!important; transition: 1s;} .opacity_10 { opacity: 0.1!important; display: block!important; transition: 1s;} .opacity_15 { opacity: 0.15!important; display: block!important; transition: 1s; } .opacity_20 { opacity: 0.2!important; display: block!important; transition: 1s; } .opacity_25 { opacity: 0.25!important; display: block!important; transition: 1s; } .opacity_30 { opacity: 0.3!important; display: block!important; transition: 1s; } .opacity_35 { opacity: 0.35!important; display: block!important; transition: 1s; } .opacity_40 { opacity: 0.4!important; display: block!important; transition: 1s; } .opacity_45 { opacity: 0.45!important; display: block!important; transition: 1s; } .opacity_50 { opacity: 0.5!important; display: block!important; transition: 1s; } .opacity_55 { opacity: 0.55!important; display: block!important; transition: 1s; } .opacity_60 { opacity: 0.6!important; display: block!important; transition: 1s; } .opacity_65 { opacity: 0.65!important; display: block!important; transition: 1s; } .opacity_70 { opacity: 0.7!important; display: block!important; transition: 1s; } .opacity_75 { opacity: 0.75!important; display: block!important; transition: 1s; } .opacity_80 { opacity: 0.8!important; display: block!important; transition: 1s; } .opacity_85 { opacity: 0.85!important; display: block!important; transition: 1s; } .opacity_90 { opacity: 0.9!important; display: block!important; transition: 1s; } .opacity_95 { opacity: 0.95!important; display: block!important; transition: 1s; } .opacity_100 { opacity: 1!important; display: block!important; transition: 1s; } .opacity_95_down { opacity: 0.95!important; display: block!important; transition: 1s; } .opacity_90_down { opacity: 0.9!important; display: block!important; transition: 1s; } .opacity_85_down { opacity: 0.85!important; display: block!important; transition: 1s; } .opacity_80_down { opacity: 0.8!important; display: block!important; transition: 1s; } .opacity_75_down { opacity: 0.75!important; display: block!important; transition: 1s; } .opacity_70_down { opacity: 0.7!important; display: block!important; transition: 1s; } .opacity_65_down { opacity: 0.65!important; display: block!important; transition: 1s; } .opacity_60_down { opacity: 0.6!important; display: block!important; transition: 1s; } .opacity_55_down { opacity: 0.55!important; display: block!important; transition: 1s; } .opacity_50_down { opacity: 0.5!important; display: block!important; transition: 1s; } .opacity_45_down { opacity: 0.45!important; display: block!important; transition: 1s; } .opacity_40_down { opacity: 0.4!important; display: block!important; transition: 1s; } .opacity_35_down { opacity: 0.35!important; display: block!important; transition: 1s; } .opacity_30_down { opacity: 0.3!important; display: block!important; transition: 1s; } .opacity_25_down { opacity: 0.25!important; display: block!important; transition: 1s; } .opacity_20_down { opacity: 0.2!important; display: block!important; transition: 1s; } .opacity_15_down { opacity: 0.15!important; display: block!important; transition: 1s; } .opacity_10_down { opacity: 0.10!important; display: block!important; transition: 1s; } .opacity_5_down { opacity: 0.05!important; display: block!important; transition: 1s; } .opacity_0_down { opacity: 0.00!important; display: block!important; transition: 1s; } .object_no_display { display: none!important; } .show_again { opacity: 1!important; transition: 1s!important; } .saas_bkg_fade { background-color: rgba(0,0,0,0)!important; transition: 1s; } /*********** end Scrollmagic styles ************/ /* BEGIN GENERAL STYLES - no media queries */ .mobile_only_text { display: none; } .desktop_only_text { display: block; } #top_of_page { height: 1px; visibility: hidden; background-color:#000000; margin-top: -1px; } #floating_back_to_top { display: inline-block; -webkit-transform: translateZ(0); position: fixed; right: 20px; bottom: 24px; width: 41px; text-align: right; z-index: 905!important; } body { width: 100%; border: 0px; margin: 0px; overflow-x: hidden!important; } p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 300; font-size: 18px; line-height: 30px; margin: 15px 0px; } li { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 300; font-size: 18px; line-height: 30px; margin: 15px 20px; } h1 { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; line-height: 60px; text-align: left; font-weight: 300; margin-top: -54px; } h1:after { content: ""; display: block; margin: 0px; width: 60px; padding-top: 20px; border-bottom: 2px solid #00b4dc; } h2:after { content: ""; display: block; margin: 0px; width: 60px; padding-top: 20px; border-bottom: 2px solid #00b4dc; } h3 { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; color:#525252; } a { font-family: 'Source Sans Pro', Trebuchet, sans-serif; text-decoration: none; font-weight: 600; color:#FFFFFF; } a { text-decoration: none!important; } sup { font-size: 10px; } .active { color:#00b4dc!important; } .float_appear { opacity: 1!important; transition: 0.5s; } .small { font-size: 14px; line-height: 24px; } .on_dark { color:#F2F2F2; } .on_light { color:#231F20; } .on_light_fade { color:#7f7f7f; } .up_arrow { font-size: 36px; line-height: 36px; font-weight: 700; color:#FFFFFF; background-color:#525252; padding: 7px 12px 0px 11px; width: 18px; float: right; } .up_arrow:hover { background-color:#00b4dc; color: #FFFFFF; } .responsive_row { display: block; clear: both; width: 100%; margin: 0px; padding: 20px 0px; display: block; } .responsive_row_noPadding { display: block; clear: both; width: 100%; margin: 0px; padding: 0px; display: block; } .responsive_row_top_nav { display: block; clear: both; width: 100%; margin: 0px 0px -20px 0px; padding: 1px 0px 10px 0px; display: block; } .clearfix:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; margin: 0px; padding: 0px; } .content_area { display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .content_area p { padding: 0px; } .content_area h1 { padding: 0px 0px; } .onDark a { color:#FFFFFF!important; } .onDark a:hover { color:#000000!important; } .onLight a { color:#000000!important; } .onLight a:hover { color:#FFFFFF!important; } .arrow_button_gold { display: inline; padding: 10px; background-color:#fdb51b; background-color:#fdb51b; } .arrow_button_red { display: inline; padding: 10px; background-color:#ad1e1e; background-color:#ad1e1e; } .arrow_button_grey { display: inline; padding: 10px; background-color:#b3b3b3; background-color:#b3b3b3; } .arrow_button_black { display: inline; padding: 10px; background-color:#000000; background-color:#000000; } .plus { position: relative; top: 2px; text-align: center; color:#000000; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2.25px 15px 9px 5px; border-color:#FFFFFF; border-width: 0px 1px 0px 0px; font-size: 24px; } .plus_intro { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2.25px 15px 5px 5px; border-color:#e7f1f4; border-width: 0px 1.5px 0px 0px; font-size: 24px; } .plus_static_1 { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2px 15px 5px 5px; border-color:#e7f1f4; border-width: 0px 1.5px 0px 0px; font-size: 24px; } .plus_saas { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2.25px 15px 5px 5px; border-color:#616161; border-width: 0px 1.5px 0px 0px; font-size: 24px; } .link_intro { color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 1px 5px 18px 15px; text-align: center; } .plus_intro:hover { color:#000000; } .link_intro:hover { color:#000000; } .arrow_button_gold .plus { position: relative; top: 2px; text-align: center; color:#ad1e1e; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2px 15px 9px 5px; border-color:#000000; border-width: 0px 1px 0px 0px; font-size: 24px; } .arrow_button_red .plus { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2px 15px 9px 5px; border-color:#fdb51b; border-width: 0px 1px 0px 0px; font-size: 24px; } .arrow_button_grey .plus { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2px 15px 9px 5px; border-color:#FFFFFF; border-width: 0px 1px 0px 0px; font-size: 24px; } .plus_on_grey { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2px 15px 5px 5px; border-color:#616161; border-width: 0px 1.5px 0px 0px; font-size: 24px; } .plus_on_black { position: relative; top: 2px; text-align: center; color:#000000; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2px 15px 9px 5px; border-color:#000000; border-width: 0px 1px 0px 0px; font-size: 24px; } .plus_white_on_black { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2.5px 15px 5px 5px; border-color:#000000; border-width: 0px 1.5px 0px 0px; font-size: 24px; } .plus_on_gold { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2px 15px 9px 5px; border-color:#fdb51b; border-width: 0px 1px 0px 0px; font-size: 24px; } .plus_on_blue { position: relative; top: 2px; text-align: center; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 2px 15px 5px 5px; border-color:#032556; border-width: 0px 1.5px 0px 0px; font-size: 24px; } .plus_on_blue:hover { color:#000000; } .link_on_blue { color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 1px 5px 18px 15px; text-align: center; } .link_on_blue:hover { color:#000000; } .plus_glyph { display: inline; color:#000000; font-family: 'Source Sans Pro', sans-serif; font-size: 24px; line-height: 36px; font-weight: 600; } .link { color:#000000; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 1px 5px 18px 15px; text-align: center; } .arrow_button { display: inline; padding: 10px; background-color:#00b4dc; } .arrow_button_center { display: inline; padding: 10px; background-color:#00b4dc; margin-left: auto!important; margin-right: auto!important;} .arrow_button_black .link { color:#ffffff; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 36px; font-weight: 400; text-transform: uppercase; padding: 10px 5px 10px 15px; text-align: center; } .arrow_button_grey .link { color:#ffffff; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 36px; font-weight: 400; text-transform: uppercase; padding: 10px 5px 10px 15px; text-align: center; } .arrow_button_gold .link { color:#ad1e1e; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 36px; font-weight: 400; text-transform: uppercase; padding: 10px 5px 10px 15px; text-align: center; } .link_black_on_blue { color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 1px 5px 18px 15px; text-align: center; } .plus_black_on_blue { position: relative; top: 3px; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; font-size: 24px; line-height: 30px; font-weight: 400; border-style: solid; padding: 4px 15px 4px 5px; border-color:#207e98; border-width: 0px 1px 0px 0px; text-align: center; } .plus_black_on_blue:hover { color:#00b4dc; } .link_black_on_blue:hover { color:#00b4dc; } .link a { text-decoration: none!important; } .link:hover { color:#FFFFFF!important; } .plus:hover { color:#FFFFFF!important; } .plus_on_grey:hover { color:#FFFFFF!important; } .glyph { color:#000000; font-family: 'Source Sans Pro', sans-serif; font-size: 36px; line-height: 30px; font-weight: 600; padding: 0px 5px 0px 5px; text-align: center; } /* ----------- GENERAL STYLE MEDIA QUERIES ----------- */ @media only screen and (max-width: 768px) and (orientation: portrait) { .mobile_only_text { display: block; } .desktop_only_text { display: none; } } @media only screen and (max-width: 896px) { p, li { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 300; font-size: 17px; line-height: 27px; } .quote { text-align: left; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 27px!important; line-height: 30px!important; font-weight: 400!important; font-style: italic; width: 90%; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 768px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Prevents Mobile Safari from bumping up font sizes in landscape */ h1, h2 { font-size: 27px; line-height: 32px; padding-left: 0px; } h3 { font-size: 21px; font-weight: 400; } } /* ----------- END GENERAL STYLE MEDIA QUERIES --------------- */ /* ----------- FEATURE ROTATION STYLES ------------- */ /* FEATURES ROTATION -- SMALL, VERTICAL/STACKED */ @media only screen and (max-width: 468px) and (orientation: portrait) { /* VIDEOS */ #feature_cell_new_1a { animation-name: feature_cell_1a; -webkit-animation-name: feature_cell_1a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1a { 0% { width: 270px; left: 30px; opacity: 1; } 25% { width: 270px; left: 30px; opacity: 1; } 28% { width: 270px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 300px; opacity: 0; } 94% { width: 1px; left: 300px; opacity: 1; } 97% { width: 270px; left: 30px; opacity: 1; } 100% { width: 270px; left: 30px; opacity: 1; } } @keyframes feature_cell_1a { 0% { width: 270px; left: 30px; opacity: 1; } 25% { width: 270px; left: 30px; opacity: 1; } 28% { width: 270px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 300px; opacity: 0; } 94% { width: 1px; left: 300px; opacity: 1; } 97% { width: 270px; left: 30px; opacity: 1; } 100% { width: 270px; left: 30px; opacity: 1; } } #feature_cell_new_1b { animation-name: feature_cell_1b; -webkit-animation-name: feature_cell_1b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 300px; opacity: 0; } 28% { width: 1px; left: 300px; opacity: 1; } 31% { width: 270px; left: 30px; opacity: 1; } 34% { width: 270px; left: 30px; opacity: 1; } 58% { width: 270px; left: 30px; opacity: 1; } 61% { width: 270px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_1b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 300px; opacity: 0; } 28% { width: 1px; left: 300px; opacity: 1; } 31% { width: 270px; left: 30px; opacity: 1; } 34% { width: 270px; left: 30px; opacity: 1; } 58% { width: 270px; left: 30px; opacity: 1; } 61% { width: 270px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } #feature_cell_new_1c { animation-name: feature_cell_1c; -webkit-animation-name: feature_cell_1c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 300px; opacity: 0; } 61% { width: 1px; left: 300px; opacity: 1; } 64% { width: 270px; left: 30px; opacity: 1; } 67% { width: 270px; left: 30px; opacity: 1; } 91% { width: 270px; left: 30px; opacity: 1; } 94% { width: 270px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_1c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 300px; opacity: 0; } 61% { width: 1px; left: 300px; opacity: 1; } 64% { width: 270px; left: 30px; opacity: 1; } 67% { width: 270px; left: 30px; opacity: 1; } 91% { width: 270px; left: 30px; opacity: 1; } 94% { width: 270px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } /* BLOG POSTS */ #feature_cell_new_2a { animation-name: feature_cell_2a; -webkit-animation-name: feature_cell_2a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2a { 0% { width: 270px; left: 30px; opacity: 1; } 25% { width: 270px; left: 30px; opacity: 1; } 28% { width: 270px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 300px; opacity: 0; } 94% { width: 1px; left: 300px; opacity: 1; } 97% { width: 270px; left: 30px; opacity: 1; } 100% { width: 270px; left: 30px; opacity: 1; } } @keyframes feature_cell_2a { 0% { width: 270px; left: 30px; opacity: 1; } 25% { width: 270px; left: 30px; opacity: 1; } 28% { width: 270px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 300px; opacity: 0; } 94% { width: 1px; left: 300px; opacity: 1; } 97% { width: 270px; left: 30px; opacity: 1; } 100% { width: 270px; left: 30px; opacity: 1; } } #feature_cell_new_2b { animation-name: feature_cell_2b; -webkit-animation-name: feature_cell_2b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 300px; opacity: 0; } 28% { width: 1px; left: 300px; opacity: 1; } 31% { width: 270px; left: 30px; opacity: 1; } 34% { width: 270px; left: 30px; opacity: 1; } 58% { width: 270px; left: 30px; opacity: 1; } 61% { width: 270px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_2b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 300px; opacity: 0; } 28% { width: 1px; left: 300px; opacity: 1; } 31% { width: 270px; left: 30px; opacity: 1; } 34% { width: 270px; left: 30px; opacity: 1; } 58% { width: 270px; left: 30px; opacity: 1; } 61% { width: 270px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } #feature_cell_new_2c { animation-name: feature_cell_2c; -webkit-animation-name: feature_cell_2c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 300px; opacity: 0; } 61% { width: 1px; left: 300px; opacity: 1; } 64% { width: 270px; left: 30px; opacity: 1; } 67% { width: 270px; left: 30px; opacity: 1; } 91% { width: 270px; left: 30px; opacity: 1; } 94% { width: 270px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_2c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 300px; opacity: 0; } 61% { width: 1px; left: 300px; opacity: 1; } 64% { width: 270px; left: 30px; opacity: 1; } 67% { width: 270px; left: 30px; opacity: 1; } 91% { width: 270px; left: 30px; opacity: 1; } 94% { width: 270px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } /* RESOURCES */ #feature_cell_new_3a { animation-name: feature_cell_3a; -webkit-animation-name: feature_cell_3a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3a { 0% { width: 270px; left: 30px; opacity: 1; } 25% { width: 270px; left: 30px; opacity: 1; } 28% { width: 270px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 300px; opacity: 0; } 94% { width: 1px; left: 300px; opacity: 1; } 97% { width: 270px; left: 30px; opacity: 1; } 100% { width: 270px; left: 30px; opacity: 1; } } @keyframes feature_cell_3a { 0% { width: 270px; left: 30px; opacity: 1; } 25% { width: 270px; left: 30px; opacity: 1; } 28% { width: 270px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 300px; opacity: 0; } 94% { width: 1px; left: 300px; opacity: 1; } 97% { width: 270px; left: 30px; opacity: 1; } 100% { width: 270px; left: 30px; opacity: 1; } } #feature_cell_new_3b { animation-name: feature_cell_3b; -webkit-animation-name: feature_cell_3b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 300px; opacity: 0; } 28% { width: 1px; left: 300px; opacity: 1; } 31% { width: 270px; left: 30px; opacity: 1; } 34% { width: 270px; left: 30px; opacity: 1; } 58% { width: 270px; left: 30px; opacity: 1; } 61% { width: 270px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_3b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 300px; opacity: 0; } 28% { width: 1px; left: 300px; opacity: 1; } 31% { width: 270px; left: 30px; opacity: 1; } 34% { width: 270px; left: 30px; opacity: 1; } 58% { width: 270px; left: 30px; opacity: 1; } 61% { width: 270px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } #feature_cell_new_3c { animation-name: feature_cell_3c; -webkit-animation-name: feature_cell_3c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 300px; opacity: 0; } 61% { width: 1px; left: 300px; opacity: 1; } 64% { width: 270px; left: 30px; opacity: 1; } 67% { width: 270px; left: 30px; opacity: 1; } 91% { width: 270px; left: 30px; opacity: 1; } 94% { width: 270px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_3c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 300px; opacity: 0; } 61% { width: 1px; left: 300px; opacity: 1; } 64% { width: 270px; left: 30px; opacity: 1; } 67% { width: 270px; left: 30px; opacity: 1; } 91% { width: 270px; left: 30px; opacity: 1; } 94% { width: 270px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } } /* FEATURES ROTATION -- MEDIUM, VERTICAL/STACKED */ @media only screen and (min-width: 469px) and (max-width: 896px) and (orientation: portrait) { /* VIDEOS */ #feature_cell_new_1a { animation-name: feature_cell_1a; -webkit-animation-name: feature_cell_1a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1a { 0% { width: 400px; left: 30px; opacity: 1; } 25% { width: 400px; left: 30px; opacity: 1; } 28% { width: 400px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 430px; opacity: 0; } 94% { width: 1px; left: 430px; opacity: 1; } 97% { width: 400px; left: 30px; opacity: 1; } 100% { width: 400px; left: 30px; opacity: 1; } } @keyframes feature_cell_1a { 0% { width: 400px; left: 30px; opacity: 1; } 25% { width: 400px; left: 30px; opacity: 1; } 28% { width: 400px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 430px; opacity: 0; } 94% { width: 1px; left: 430px; opacity: 1; } 97% { width: 400px; left: 30px; opacity: 1; } 100% { width: 400px; left: 30px; opacity: 1; } } #feature_cell_new_1b { animation-name: feature_cell_1b; -webkit-animation-name: feature_cell_1b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 430px; opacity: 0; } 28% { width: 1px; left: 430px; opacity: 1; } 31% { width: 400px; left: 30px; opacity: 1; } 34% { width: 400px; left: 30px; opacity: 1; } 58% { width: 400px; left: 30px; opacity: 1; } 61% { width: 400px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_1b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 430px; opacity: 0; } 28% { width: 1px; left: 430px; opacity: 1; } 31% { width: 400px; left: 30px; opacity: 1; } 34% { width: 400px; left: 30px; opacity: 1; } 58% { width: 400px; left: 30px; opacity: 1; } 61% { width: 400px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } #feature_cell_new_1c { animation-name: feature_cell_1c; -webkit-animation-name: feature_cell_1c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 430px; opacity: 0; } 61% { width: 1px; left: 430px; opacity: 1; } 64% { width: 400px; left: 30px; opacity: 1; } 67% { width: 400px; left: 30px; opacity: 1; } 91% { width: 400px; left: 30px; opacity: 1; } 94% { width: 400px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_1c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 430px; opacity: 0; } 61% { width: 1px; left: 430px; opacity: 1; } 64% { width: 400px; left: 30px; opacity: 1; } 67% { width: 400px; left: 30px; opacity: 1; } 91% { width: 400px; left: 30px; opacity: 1; } 94% { width: 400px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } /* BLOG POSTS */ #feature_cell_new_2a { animation-name: feature_cell_2a; -webkit-animation-name: feature_cell_2a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2a { 0% { width: 400px; left: 30px; opacity: 1; } 25% { width: 400px; left: 30px; opacity: 1; } 28% { width: 400px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 430px; opacity: 0; } 94% { width: 1px; left: 430px; opacity: 1; } 97% { width: 400px; left: 30px; opacity: 1; } 100% { width: 400px; left: 30px; opacity: 1; } } @keyframes feature_cell_2a { 0% { width: 400px; left: 30px; opacity: 1; } 25% { width: 400px; left: 30px; opacity: 1; } 28% { width: 400px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 430px; opacity: 0; } 94% { width: 1px; left: 430px; opacity: 1; } 97% { width: 400px; left: 30px; opacity: 1; } 100% { width: 400px; left: 30px; opacity: 1; } } #feature_cell_new_2b { animation-name: feature_cell_2b; -webkit-animation-name: feature_cell_2b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 430px; opacity: 0; } 28% { width: 1px; left: 430px; opacity: 1; } 31% { width: 400px; left: 30px; opacity: 1; } 34% { width: 400px; left: 30px; opacity: 1; } 58% { width: 400px; left: 30px; opacity: 1; } 61% { width: 400px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_2b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 430px; opacity: 0; } 28% { width: 1px; left: 430px; opacity: 1; } 31% { width: 400px; left: 30px; opacity: 1; } 34% { width: 400px; left: 30px; opacity: 1; } 58% { width: 400px; left: 30px; opacity: 1; } 61% { width: 400px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } #feature_cell_new_2c { animation-name: feature_cell_2c; -webkit-animation-name: feature_cell_2c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 430px; opacity: 0; } 61% { width: 1px; left: 430px; opacity: 1; } 64% { width: 400px; left: 30px; opacity: 1; } 67% { width: 400px; left: 30px; opacity: 1; } 91% { width: 400px; left: 30px; opacity: 1; } 94% { width: 400px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_2c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 430px; opacity: 0; } 61% { width: 1px; left: 430px; opacity: 1; } 64% { width: 400px; left: 30px; opacity: 1; } 67% { width: 400px; left: 30px; opacity: 1; } 91% { width: 400px; left: 30px; opacity: 1; } 94% { width: 400px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } /* RESOURCES */ #feature_cell_new_3a { animation-name: feature_cell_3a; -webkit-animation-name: feature_cell_3a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3a { 0% { width: 400px; left: 30px; opacity: 1; } 25% { width: 400px; left: 30px; opacity: 1; } 28% { width: 400px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 430px; opacity: 0; } 94% { width: 1px; left: 430px; opacity: 1; } 97% { width: 400px; left: 30px; opacity: 1; } 100% { width: 400px; left: 30px; opacity: 1; } } @keyframes feature_cell_3a { 0% { width: 400px; left: 30px; opacity: 1; } 25% { width: 400px; left: 30px; opacity: 1; } 28% { width: 400px; left: 30px; opacity: 1; } 31% { width: 1px; left: 30px; opacity: 1; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 30px; opacity: 0; } 61% { width: 1px; left: 30px; opacity: 0; } 64% { width: 1px; left: 30px; opacity: 0; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 430px; opacity: 0; } 94% { width: 1px; left: 430px; opacity: 1; } 97% { width: 400px; left: 30px; opacity: 1; } 100% { width: 400px; left: 30px; opacity: 1; } } #feature_cell_new_3b { animation-name: feature_cell_3b; -webkit-animation-name: feature_cell_3b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 430px; opacity: 0; } 28% { width: 1px; left: 430px; opacity: 1; } 31% { width: 400px; left: 30px; opacity: 1; } 34% { width: 400px; left: 30px; opacity: 1; } 58% { width: 400px; left: 30px; opacity: 1; } 61% { width: 400px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_3b { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 430px; opacity: 0; } 28% { width: 1px; left: 430px; opacity: 1; } 31% { width: 400px; left: 30px; opacity: 1; } 34% { width: 400px; left: 30px; opacity: 1; } 58% { width: 400px; left: 30px; opacity: 1; } 61% { width: 400px; left: 30px; opacity: 1; } 64% { width: 1px; left: 30px; opacity: 1; } 67% { width: 1px; left: 30px; opacity: 0; } 91% { width: 1px; left: 30px; opacity: 0; } 94% { width: 1px; left: 30px; opacity: 0; } 97% { width: 1px; left: 30px; opacity: 0; } 100% { width: 1px; left: 30px; opacity: 0; } } #feature_cell_new_3c { animation-name: feature_cell_3c; -webkit-animation-name: feature_cell_3c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 430px; opacity: 0; } 61% { width: 1px; left: 430px; opacity: 1; } 64% { width: 400px; left: 30px; opacity: 1; } 67% { width: 400px; left: 30px; opacity: 1; } 91% { width: 400px; left: 30px; opacity: 1; } 94% { width: 400px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } @keyframes feature_cell_3c { 0% { width: 1px; left: 30px; opacity: 0; } 25% { width: 1px; left: 30px; opacity: 0; } 28% { width: 1px; left: 30px; opacity: 0; } 31% { width: 1px; left: 30px; opacity: 0; } 34% { width: 1px; left: 30px; opacity: 0; } 58% { width: 1px; left: 430px; opacity: 0; } 61% { width: 1px; left: 430px; opacity: 1; } 64% { width: 400px; left: 30px; opacity: 1; } 67% { width: 400px; left: 30px; opacity: 1; } 91% { width: 400px; left: 30px; opacity: 1; } 94% { width: 400px; left: 30px; opacity: 1; } 97% { width: 1px; left: 30px; opacity: 1; } 100% { width: 1px; left: 30px; opacity: 0; } } } /* FEATURES ROTATION -- LARGE, VERTICAL/STACKED */ @media only screen and (min-width: 897px) and (orientation: portrait) { /* VIDEOS */ #feature_cell_new_1a { animation-name: feature_cell_1a; -webkit-animation-name: feature_cell_1a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1a { 0% { width: 750px; left: 90px; opacity: 1; } 25% { width: 750px; left: 90px; opacity: 1; } 28% { width: 750px; left: 90px; opacity: 1; } 31% { width: 1px; left: 90px; opacity: 1; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 90px; opacity: 0; } 61% { width: 1px; left: 90px; opacity: 0; } 64% { width: 1px; left: 90px; opacity: 0; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 840px; opacity: 0; } 94% { width: 1px; left: 840px; opacity: 1; } 97% { width: 750px; left: 90px; opacity: 1; } 100% { width: 750px; left: 90px; opacity: 1; } } @keyframes feature_cell_1a { 0% { width: 750px; left: 90px; opacity: 1; } 25% { width: 750px; left: 90px; opacity: 1; } 28% { width: 750px; left: 90px; opacity: 1; } 31% { width: 1px; left: 90px; opacity: 1; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 90px; opacity: 0; } 61% { width: 1px; left: 90px; opacity: 0; } 64% { width: 1px; left: 90px; opacity: 0; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 840px; opacity: 0; } 94% { width: 1px; left: 840px; opacity: 1; } 97% { width: 750px; left: 90px; opacity: 1; } 100% { width: 750px; left: 90px; opacity: 1; } } #feature_cell_new_1b { animation-name: feature_cell_1b; -webkit-animation-name: feature_cell_1b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1b { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 840px; opacity: 0; } 28% { width: 1px; left: 840px; opacity: 1; } 31% { width: 750px; left: 90px; opacity: 1; } 34% { width: 750px; left: 90px; opacity: 1; } 58% { width: 750px; left: 90px; opacity: 1; } 61% { width: 750px; left: 90px; opacity: 1; } 64% { width: 1px; left: 90px; opacity: 1; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 90px; opacity: 0; } 94% { width: 1px; left: 90px; opacity: 0; } 97% { width: 1px; left: 90px; opacity: 0; } 100% { width: 1px; left: 90px; opacity: 0; } } @keyframes feature_cell_1b { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 840px; opacity: 0; } 28% { width: 1px; left: 840px; opacity: 1; } 31% { width: 750px; left: 90px; opacity: 1; } 34% { width: 750px; left: 90px; opacity: 1; } 58% { width: 750px; left: 90px; opacity: 1; } 61% { width: 750px; left: 90px; opacity: 1; } 64% { width: 1px; left: 90px; opacity: 1; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 90px; opacity: 0; } 94% { width: 1px; left: 90px; opacity: 0; } 97% { width: 1px; left: 90px; opacity: 0; } 100% { width: 1px; left: 90px; opacity: 0; } } #feature_cell_new_1c { animation-name: feature_cell_1c; -webkit-animation-name: feature_cell_1c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1c { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 90px; opacity: 0; } 28% { width: 1px; left: 90px; opacity: 0; } 31% { width: 1px; left: 90px; opacity: 0; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 840px; opacity: 0; } 61% { width: 1px; left: 840px; opacity: 1; } 64% { width: 750px; left: 90px; opacity: 1; } 67% { width: 750px; left: 90px; opacity: 1; } 91% { width: 750px; left: 90px; opacity: 1; } 94% { width: 750px; left: 90px; opacity: 1; } 97% { width: 1px; left: 90px; opacity: 1; } 100% { width: 1px; left: 90px; opacity: 0; } } @keyframes feature_cell_1c { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 90px; opacity: 0; } 28% { width: 1px; left: 90px; opacity: 0; } 31% { width: 1px; left: 90px; opacity: 0; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 840px; opacity: 0; } 61% { width: 1px; left: 840px; opacity: 1; } 64% { width: 750px; left: 90px; opacity: 1; } 67% { width: 750px; left: 90px; opacity: 1; } 91% { width: 750px; left: 90px; opacity: 1; } 94% { width: 750px; left: 90px; opacity: 1; } 97% { width: 1px; left: 90px; opacity: 1; } 100% { width: 1px; left: 90px; opacity: 0; } } /* BLOG POSTS */ #feature_cell_new_2a { animation-name: feature_cell_2a; -webkit-animation-name: feature_cell_2a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2a { 0% { width: 750px; left: 90px; opacity: 1; } 25% { width: 750px; left: 90px; opacity: 1; } 28% { width: 750px; left: 90px; opacity: 1; } 31% { width: 1px; left: 90px; opacity: 1; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 90px; opacity: 0; } 61% { width: 1px; left: 90px; opacity: 0; } 64% { width: 1px; left: 90px; opacity: 0; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 840px; opacity: 0; } 94% { width: 1px; left: 840px; opacity: 1; } 97% { width: 750px; left: 90px; opacity: 1; } 100% { width: 750px; left: 90px; opacity: 1; } } @keyframes feature_cell_2a { 0% { width: 750px; left: 90px; opacity: 1; } 25% { width: 750px; left: 90px; opacity: 1; } 28% { width: 750px; left: 90px; opacity: 1; } 31% { width: 1px; left: 90px; opacity: 1; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 90px; opacity: 0; } 61% { width: 1px; left: 90px; opacity: 0; } 64% { width: 1px; left: 90px; opacity: 0; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 840px; opacity: 0; } 94% { width: 1px; left: 840px; opacity: 1; } 97% { width: 750px; left: 90px; opacity: 1; } 100% { width: 750px; left: 90px; opacity: 1; } } #feature_cell_new_2b { animation-name: feature_cell_2b; -webkit-animation-name: feature_cell_2b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2b { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 840px; opacity: 0; } 28% { width: 1px; left: 840px; opacity: 1; } 31% { width: 750px; left: 90px; opacity: 1; } 34% { width: 750px; left: 90px; opacity: 1; } 58% { width: 750px; left: 90px; opacity: 1; } 61% { width: 750px; left: 90px; opacity: 1; } 64% { width: 1px; left: 90px; opacity: 1; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 90px; opacity: 0; } 94% { width: 1px; left: 90px; opacity: 0; } 97% { width: 1px; left: 90px; opacity: 0; } 100% { width: 1px; left: 90px; opacity: 0; } } @keyframes feature_cell_2b { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 840px; opacity: 0; } 28% { width: 1px; left: 840px; opacity: 1; } 31% { width: 750px; left: 90px; opacity: 1; } 34% { width: 750px; left: 90px; opacity: 1; } 58% { width: 750px; left: 90px; opacity: 1; } 61% { width: 750px; left: 90px; opacity: 1; } 64% { width: 1px; left: 90px; opacity: 1; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 90px; opacity: 0; } 94% { width: 1px; left: 90px; opacity: 0; } 97% { width: 1px; left: 90px; opacity: 0; } 100% { width: 1px; left: 90px; opacity: 0; } } #feature_cell_new_2c { animation-name: feature_cell_2c; -webkit-animation-name: feature_cell_2c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2c { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 90px; opacity: 0; } 28% { width: 1px; left: 90px; opacity: 0; } 31% { width: 1px; left: 90px; opacity: 0; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 840px; opacity: 0; } 61% { width: 1px; left: 840px; opacity: 1; } 64% { width: 750px; left: 90px; opacity: 1; } 67% { width: 750px; left: 90px; opacity: 1; } 91% { width: 750px; left: 90px; opacity: 1; } 94% { width: 750px; left: 90px; opacity: 1; } 97% { width: 1px; left: 90px; opacity: 1; } 100% { width: 1px; left: 90px; opacity: 0; } } @keyframes feature_cell_2c { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 90px; opacity: 0; } 28% { width: 1px; left: 90px; opacity: 0; } 31% { width: 1px; left: 90px; opacity: 0; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 840px; opacity: 0; } 61% { width: 1px; left: 840px; opacity: 1; } 64% { width: 750px; left: 90px; opacity: 1; } 67% { width: 750px; left: 90px; opacity: 1; } 91% { width: 750px; left: 90px; opacity: 1; } 94% { width: 750px; left: 90px; opacity: 1; } 97% { width: 1px; left: 90px; opacity: 1; } 100% { width: 1px; left: 90px; opacity: 0; } } /* RESOURCES */ #feature_cell_new_3a { animation-name: feature_cell_3a; -webkit-animation-name: feature_cell_3a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3a { 0% { width: 750px; left: 90px; opacity: 1; } 25% { width: 750px; left: 90px; opacity: 1; } 28% { width: 750px; left: 90px; opacity: 1; } 31% { width: 1px; left: 90px; opacity: 1; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 90px; opacity: 0; } 61% { width: 1px; left: 90px; opacity: 0; } 64% { width: 1px; left: 90px; opacity: 0; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 840px; opacity: 0; } 94% { width: 1px; left: 840px; opacity: 1; } 97% { width: 750px; left: 90px; opacity: 1; } 100% { width: 750px; left: 90px; opacity: 1; } } @keyframes feature_cell_3a { 0% { width: 750px; left: 90px; opacity: 1; } 25% { width: 750px; left: 90px; opacity: 1; } 28% { width: 750px; left: 90px; opacity: 1; } 31% { width: 1px; left: 90px; opacity: 1; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 90px; opacity: 0; } 61% { width: 1px; left: 90px; opacity: 0; } 64% { width: 1px; left: 90px; opacity: 0; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 840px; opacity: 0; } 94% { width: 1px; left: 840px; opacity: 1; } 97% { width: 750px; left: 90px; opacity: 1; } 100% { width: 750px; left: 90px; opacity: 1; } } #feature_cell_new_3b { animation-name: feature_cell_3b; -webkit-animation-name: feature_cell_3b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3b { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 840px; opacity: 0; } 28% { width: 1px; left: 840px; opacity: 1; } 31% { width: 750px; left: 90px; opacity: 1; } 34% { width: 750px; left: 90px; opacity: 1; } 58% { width: 750px; left: 90px; opacity: 1; } 61% { width: 750px; left: 90px; opacity: 1; } 64% { width: 1px; left: 90px; opacity: 1; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 90px; opacity: 0; } 94% { width: 1px; left: 90px; opacity: 0; } 97% { width: 1px; left: 90px; opacity: 0; } 100% { width: 1px; left: 90px; opacity: 0; } } @keyframes feature_cell_3b { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 840px; opacity: 0; } 28% { width: 1px; left: 840px; opacity: 1; } 31% { width: 750px; left: 90px; opacity: 1; } 34% { width: 750px; left: 90px; opacity: 1; } 58% { width: 750px; left: 90px; opacity: 1; } 61% { width: 750px; left: 90px; opacity: 1; } 64% { width: 1px; left: 90px; opacity: 1; } 67% { width: 1px; left: 90px; opacity: 0; } 91% { width: 1px; left: 90px; opacity: 0; } 94% { width: 1px; left: 90px; opacity: 0; } 97% { width: 1px; left: 90px; opacity: 0; } 100% { width: 1px; left: 90px; opacity: 0; } } #feature_cell_new_3c { animation-name: feature_cell_3c; -webkit-animation-name: feature_cell_3c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3c { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 90px; opacity: 0; } 28% { width: 1px; left: 90px; opacity: 0; } 31% { width: 1px; left: 90px; opacity: 0; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 840px; opacity: 0; } 61% { width: 1px; left: 840px; opacity: 1; } 64% { width: 750px; left: 90px; opacity: 1; } 67% { width: 750px; left: 90px; opacity: 1; } 91% { width: 750px; left: 90px; opacity: 1; } 94% { width: 750px; left: 90px; opacity: 1; } 97% { width: 1px; left: 90px; opacity: 1; } 100% { width: 1px; left: 90px; opacity: 0; } } @keyframes feature_cell_3c { 0% { width: 1px; left: 90px; opacity: 0; } 25% { width: 1px; left: 90px; opacity: 0; } 28% { width: 1px; left: 90px; opacity: 0; } 31% { width: 1px; left: 90px; opacity: 0; } 34% { width: 1px; left: 90px; opacity: 0; } 58% { width: 1px; left: 840px; opacity: 0; } 61% { width: 1px; left: 840px; opacity: 1; } 64% { width: 750px; left: 90px; opacity: 1; } 67% { width: 750px; left: 90px; opacity: 1; } 91% { width: 750px; left: 90px; opacity: 1; } 94% { width: 750px; left: 90px; opacity: 1; } 97% { width: 1px; left: 90px; opacity: 1; } 100% { width: 1px; left: 90px; opacity: 0; } } } /* FEATURES ROTATION -- SMALL, HORIZONTAL */ @media only screen and (max-width: 896px) and (orientation: landscape) { /* VIDEOS */ #feature_cell_new_1a { animation-name: feature_cell_1a; -webkit-animation-name: feature_cell_1a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1a { 0% { width: 150px; right: 10px; opacity: 1; } 25% { width: 150px; right: 10px; opacity: 1; } 28% { width: 150px; right: 10px; opacity: 1; } 31% { width: 1px; right: 10px; opacity: 1; } 34% { width: 1px; right: 10px; opacity: 0; } 58% { width: 1px; right: 10px; opacity: 0; } 61% { width: 1px; right: 10px; opacity: 0; } 64% { width: 1px; right: 10px; opacity: 0; } 67% { width: 1px; right: 10px; opacity: 0; } 91% { width: 1px; right: 160px; opacity: 0; } 94% { width: 1px; right: 160px; opacity: 1; } 97% { width: 150px; right: 10px; opacity: 1; } 100% { width: 150px; right: 10px; opacity: 1; } } @keyframes feature_cell_1a { 0% { width: 150px; right: 10px; opacity: 1; } 25% { width: 150px; right: 10px; opacity: 1; } 28% { width: 150px; right: 10px; opacity: 1; } 31% { width: 1px; right: 10px; opacity: 1; } 34% { width: 1px; right: 10px; opacity: 0; } 58% { width: 1px; right: 10px; opacity: 0; } 61% { width: 1px; right: 10px; opacity: 0; } 64% { width: 1px; right: 10px; opacity: 0; } 67% { width: 1px; right: 10px; opacity: 0; } 91% { width: 1px; right: 160px; opacity: 0; } 94% { width: 1px; right: 160px; opacity: 1; } 97% { width: 150px; right: 10px; opacity: 1; } 100% { width: 150px; right: 10px; opacity: 1; } } #feature_cell_new_1b { animation-name: feature_cell_1b; -webkit-animation-name: feature_cell_1b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1b { 0% { width: 1px; right: 10px; opacity: 0; } 25% { width: 1px; right: 160px; opacity: 0; } 28% { width: 1px; right: 160px; opacity: 1; } 31% { width: 150px; right: 10px; opacity: 1; } 34% { width: 150px; right: 10px; opacity: 1; } 58% { width: 150px; right: 10px; opacity: 1; } 61% { width: 150px; right: 10px; opacity: 1; } 64% { width: 1px; right: 10px; opacity: 1; } 67% { width: 1px; right: 10px; opacity: 0; } 91% { width: 1px; right: 10px; opacity: 0; } 94% { width: 1px; right: 10px; opacity: 0; } 97% { width: 1px; right: 10px; opacity: 0; } 100% { width: 1px; right: 10px; opacity: 0; } } @keyframes feature_cell_1b { 0% { width: 1px; right: 10px; opacity: 0; } 25% { width: 1px; right: 160px; opacity: 0; } 28% { width: 1px; right: 160px; opacity: 1; } 31% { width: 150px; right: 10px; opacity: 1; } 34% { width: 150px; right: 10px; opacity: 1; } 58% { width: 150px; right: 10px; opacity: 1; } 61% { width: 150px; right: 10px; opacity: 1; } 64% { width: 1px; right: 10px; opacity: 1; } 67% { width: 1px; right: 10px; opacity: 0; } 91% { width: 1px; right: 10px; opacity: 0; } 94% { width: 1px; right: 10px; opacity: 0; } 97% { width: 1px; right: 10px; opacity: 0; } 100% { width: 1px; right: 10px; opacity: 0; } } #feature_cell_new_1c { animation-name: feature_cell_1c; -webkit-animation-name: feature_cell_1c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1c { 0% { width: 1px; right: 10px; opacity: 0; } 25% { width: 1px; right: 10px; opacity: 0; } 28% { width: 1px; right: 10px; opacity: 0; } 31% { width: 1px; right: 10px; opacity: 0; } 34% { width: 1px; right: 10px; opacity: 0; } 58% { width: 1px; right: 160px; opacity: 0; } 61% { width: 1px; right: 160px; opacity: 1; } 64% { width: 150px; right: 10px; opacity: 1; } 67% { width: 150px; right: 10px; opacity: 1; } 91% { width: 150px; right: 10px; opacity: 1; } 94% { width: 150px; right: 10px; opacity: 1; } 97% { width: 1px; right: 10px; opacity: 1; } 100% { width: 1px; right: 10px; opacity: 0; } } @keyframes feature_cell_1c { 0% { width: 1px; right: 10px; opacity: 0; } 25% { width: 1px; right: 10px; opacity: 0; } 28% { width: 1px; right: 10px; opacity: 0; } 31% { width: 1px; right: 10px; opacity: 0; } 34% { width: 1px; right: 10px; opacity: 0; } 58% { width: 1px; right: 160px; opacity: 0; } 61% { width: 1px; right: 160px; opacity: 1; } 64% { width: 150px; right: 10px; opacity: 1; } 67% { width: 150px; right: 10px; opacity: 1; } 91% { width: 150px; right: 10px; opacity: 1; } 94% { width: 150px; right: 10px; opacity: 1; } 97% { width: 1px; right: 10px; opacity: 1; } 100% { width: 1px; right: 10px; opacity: 0; } } /* BLOG POSTS */ #feature_cell_new_2a { animation-name: feature_cell_2a; -webkit-animation-name: feature_cell_2a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2a { 0% { width: 150px; right: 180px; opacity: 1; } 25% { width: 150px; right: 180px; opacity: 1; } 28% { width: 150px; right: 180px; opacity: 1; } 31% { width: 1px; right: 180px; opacity: 1; } 34% { width: 1px; right: 180px; opacity: 0; } 58% { width: 1px; right: 180px; opacity: 0; } 61% { width: 1px; right: 180px; opacity: 0; } 64% { width: 1px; right: 180px; opacity: 0; } 67% { width: 1px; right: 180px; opacity: 0; } 91% { width: 1px; right: 330px; opacity: 0; } 94% { width: 1px; right: 330px; opacity: 1; } 97% { width: 150px; right: 180px; opacity: 1; } 100% { width: 150px; right: 180px; opacity: 1; } } @keyframes feature_cell_2a { 0% { width: 150px; right: 180px; opacity: 1; } 25% { width: 150px; right: 180px; opacity: 1; } 28% { width: 150px; right: 180px; opacity: 1; } 31% { width: 1px; right: 180px; opacity: 1; } 34% { width: 1px; right: 180px; opacity: 0; } 58% { width: 1px; right: 180px; opacity: 0; } 61% { width: 1px; right: 180px; opacity: 0; } 64% { width: 1px; right: 180px; opacity: 0; } 67% { width: 1px; right: 180px; opacity: 0; } 91% { width: 1px; right: 330px; opacity: 0; } 94% { width: 1px; right: 330px; opacity: 1; } 97% { width: 150px; right: 180px; opacity: 1; } 100% { width: 150px; right: 180px; opacity: 1; } } #feature_cell_new_2b { animation-name: feature_cell_2b; -webkit-animation-name: feature_cell_2b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2b { 0% { width: 1px; right: 180px; opacity: 0; } 25% { width: 1px; right: 330px; opacity: 0; } 28% { width: 1px; right: 330px; opacity: 1; } 31% { width: 150px; right: 180px; opacity: 1; } 34% { width: 150px; right: 180px; opacity: 1; } 58% { width: 150px; right: 180px; opacity: 1; } 61% { width: 150px; right: 180px; opacity: 1; } 64% { width: 1px; right: 180px; opacity: 1; } 67% { width: 1px; right: 180px; opacity: 0; } 91% { width: 1px; right: 180px; opacity: 0; } 94% { width: 1px; right: 180px; opacity: 0; } 97% { width: 1px; right: 180px; opacity: 0; } 100% { width: 1px; right: 180px; opacity: 0; } } @keyframes feature_cell_2b { 0% { width: 1px; right: 180px; opacity: 0; } 25% { width: 1px; right: 330px; opacity: 0; } 28% { width: 1px; right: 330px; opacity: 1; } 31% { width: 150px; right: 180px; opacity: 1; } 34% { width: 150px; right: 180px; opacity: 1; } 58% { width: 150px; right: 180px; opacity: 1; } 61% { width: 150px; right: 180px; opacity: 1; } 64% { width: 1px; right: 180px; opacity: 1; } 67% { width: 1px; right: 180px; opacity: 0; } 91% { width: 1px; right: 180px; opacity: 0; } 94% { width: 1px; right: 180px; opacity: 0; } 97% { width: 1px; right: 180px; opacity: 0; } 100% { width: 1px; right: 180px; opacity: 0; } } #feature_cell_new_2c { animation-name: feature_cell_2c; -webkit-animation-name: feature_cell_2c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2c { 0% { width: 1px; right: 180px; opacity: 0; } 25% { width: 1px; right: 180px; opacity: 0; } 28% { width: 1px; right: 180px; opacity: 0; } 31% { width: 1px; right: 180px; opacity: 0; } 34% { width: 1px; right: 180px; opacity: 0; } 58% { width: 1px; right: 330px; opacity: 0; } 61% { width: 1px; right: 330px; opacity: 1; } 64% { width: 150px; right: 180px; opacity: 1; } 67% { width: 150px; right: 180px; opacity: 1; } 91% { width: 150px; right: 180px; opacity: 1; } 94% { width: 150px; right: 180px; opacity: 1; } 97% { width: 1px; right: 180px; opacity: 1; } 100% { width: 1px; right: 180px; opacity: 0; } } @keyframes feature_cell_2c { 0% { width: 1px; right: 180px; opacity: 0; } 25% { width: 1px; right: 180px; opacity: 0; } 28% { width: 1px; right: 180px; opacity: 0; } 31% { width: 1px; right: 180px; opacity: 0; } 34% { width: 1px; right: 180px; opacity: 0; } 58% { width: 1px; right: 330px; opacity: 0; } 61% { width: 1px; right: 330px; opacity: 1; } 64% { width: 150px; right: 180px; opacity: 1; } 67% { width: 150px; right: 180px; opacity: 1; } 91% { width: 150px; right: 180px; opacity: 1; } 94% { width: 150px; right: 180px; opacity: 1; } 97% { width: 1px; right: 180px; opacity: 1; } 100% { width: 1px; right: 180px; opacity: 0; } } /* RESOURCES */ #feature_cell_new_3a { animation-name: feature_cell_3a; -webkit-animation-name: feature_cell_3a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3a { 0% { width: 150px; right: 350px; opacity: 1; } 25% { width: 150px; right: 350px; opacity: 1; } 28% { width: 150px; right: 350px; opacity: 1; } 31% { width: 1px; right: 350px; opacity: 1; } 34% { width: 1px; right: 350px; opacity: 0; } 58% { width: 1px; right: 350px; opacity: 0; } 61% { width: 1px; right: 350px; opacity: 0; } 64% { width: 1px; right: 350px; opacity: 0; } 67% { width: 1px; right: 350px; opacity: 0; } 91% { width: 1px; right: 500px; opacity: 0; } 94% { width: 1px; right: 500px; opacity: 1; } 97% { width: 150px; right: 350px; opacity: 1; } 100% { width: 150px; right: 350px; opacity: 1; } } @keyframes feature_cell_3a { 0% { width: 150px; right: 350px; opacity: 1; } 25% { width: 150px; right: 350px; opacity: 1; } 28% { width: 150px; right: 350px; opacity: 1; } 31% { width: 1px; right: 350px; opacity: 1; } 34% { width: 1px; right: 350px; opacity: 0; } 58% { width: 1px; right: 350px; opacity: 0; } 61% { width: 1px; right: 350px; opacity: 0; } 64% { width: 1px; right: 350px; opacity: 0; } 67% { width: 1px; right: 350px; opacity: 0; } 91% { width: 1px; right: 500px; opacity: 0; } 94% { width: 1px; right: 500px; opacity: 1; } 97% { width: 150px; right: 350px; opacity: 1; } 100% { width: 150px; right: 350px; opacity: 1; } } #feature_cell_new_3b { animation-name: feature_cell_3b; -webkit-animation-name: feature_cell_3b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3b { 0% { width: 1px; right: 350px; opacity: 0; } 25% { width: 1px; right: 500px; opacity: 0; } 28% { width: 1px; right: 500px; opacity: 1; } 31% { width: 150px; right: 350px; opacity: 1; } 34% { width: 150px; right: 350px; opacity: 1; } 58% { width: 150px; right: 350px; opacity: 1; } 61% { width: 150px; right: 350px; opacity: 1; } 64% { width: 1px; right: 350px; opacity: 1; } 67% { width: 1px; right: 350px; opacity: 0; } 91% { width: 1px; right: 350px; opacity: 0; } 94% { width: 1px; right: 350px; opacity: 0; } 97% { width: 1px; right: 350px; opacity: 0; } 100% { width: 1px; right: 350px; opacity: 0; } } @keyframes feature_cell_3b { 0% { width: 1px; right: 350px; opacity: 0; } 25% { width: 1px; right: 500px; opacity: 0; } 28% { width: 1px; right: 500px; opacity: 1; } 31% { width: 150px; right: 350px; opacity: 1; } 34% { width: 150px; right: 350px; opacity: 1; } 58% { width: 150px; right: 350px; opacity: 1; } 61% { width: 150px; right: 350px; opacity: 1; } 64% { width: 1px; right: 350px; opacity: 1; } 67% { width: 1px; right: 350px; opacity: 0; } 91% { width: 1px; right: 350px; opacity: 0; } 94% { width: 1px; right: 350px; opacity: 0; } 97% { width: 1px; right: 350px; opacity: 0; } 100% { width: 1px; right: 350px; opacity: 0; } } #feature_cell_new_3c { animation-name: feature_cell_3c; -webkit-animation-name: feature_cell_3c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3c { 0% { width: 1px; right: 350px; opacity: 0; } 25% { width: 1px; right: 350px; opacity: 0; } 28% { width: 1px; right: 350px; opacity: 0; } 31% { width: 1px; right: 350px; opacity: 0; } 34% { width: 1px; right: 350px; opacity: 0; } 58% { width: 1px; right: 500px; opacity: 0; } 61% { width: 1px; right: 500px; opacity: 1; } 64% { width: 150px; right: 350px; opacity: 1; } 67% { width: 150px; right: 350px; opacity: 1; } 91% { width: 150px; right: 350px; opacity: 1; } 94% { width: 150px; right: 350px; opacity: 1; } 97% { width: 1px; right: 350px; opacity: 1; } 100% { width: 1px; right: 350px; opacity: 0; } } @keyframes feature_cell_3c { 0% { width: 1px; right: 350px; opacity: 0; } 25% { width: 1px; right: 350px; opacity: 0; } 28% { width: 1px; right: 350px; opacity: 0; } 31% { width: 1px; right: 350px; opacity: 0; } 34% { width: 1px; right: 350px; opacity: 0; } 58% { width: 1px; right: 500px; opacity: 0; } 61% { width: 1px; right: 500px; opacity: 1; } 64% { width: 150px; right: 350px; opacity: 1; } 67% { width: 150px; right: 350px; opacity: 1; } 91% { width: 150px; right: 350px; opacity: 1; } 94% { width: 150px; right: 350px; opacity: 1; } 97% { width: 1px; right: 350px; opacity: 1; } 100% { width: 1px; right: 350px; opacity: 0; } } } /* FEATURES ROTATION -- MEDIUM, HORIZONTAL */ @media only screen and (min-width: 768px) and (max-width: 896px) and (orientation: landscape) { /* VIDEOS */ #feature_cell_new_1a { animation-name: feature_cell_1a; -webkit-animation-name: feature_cell_1a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1a { 0% { width: 210px; right: 20px; opacity: 1; } 25% { width: 210px; right: 20px; opacity: 1; } 28% { width: 210px; right: 20px; opacity: 1; } 31% { width: 1px; right: 20px; opacity: 1; } 34% { width: 1px; right: 20px; opacity: 0; } 58% { width: 1px; right: 20px; opacity: 0; } 61% { width: 1px; right: 20px; opacity: 0; } 64% { width: 1px; right: 20px; opacity: 0; } 67% { width: 1px; right: 20px; opacity: 0; } 91% { width: 1px; right: 230px; opacity: 0; } 94% { width: 1px; right: 230px; opacity: 1; } 97% { width: 210px; right: 20px; opacity: 1; } 100% { width: 210px; right: 20px; opacity: 1; } } @keyframes feature_cell_1a { 0% { width: 210px; right: 20px; opacity: 1; } 25% { width: 210px; right: 20px; opacity: 1; } 28% { width: 210px; right: 20px; opacity: 1; } 31% { width: 1px; right: 20px; opacity: 1; } 34% { width: 1px; right: 20px; opacity: 0; } 58% { width: 1px; right: 20px; opacity: 0; } 61% { width: 1px; right: 20px; opacity: 0; } 64% { width: 1px; right: 20px; opacity: 0; } 67% { width: 1px; right: 20px; opacity: 0; } 91% { width: 1px; right: 230px; opacity: 0; } 94% { width: 1px; right: 230px; opacity: 1; } 97% { width: 210px; right: 20px; opacity: 1; } 100% { width: 210px; right: 20px; opacity: 1; } } #feature_cell_new_1b { animation-name: feature_cell_1b; -webkit-animation-name: feature_cell_1b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1b { 0% { width: 1px; right: 20px; opacity: 0; } 25% { width: 1px; right: 230px; opacity: 0; } 28% { width: 1px; right: 230px; opacity: 1; } 31% { width: 210px; right: 20px; opacity: 1; } 34% { width: 210px; right: 20px; opacity: 1; } 58% { width: 210px; right: 20px; opacity: 1; } 61% { width: 210px; right: 20px; opacity: 1; } 64% { width: 1px; right: 20px; opacity: 1; } 67% { width: 1px; right: 20px; opacity: 0; } 91% { width: 1px; right: 20px; opacity: 0; } 94% { width: 1px; right: 20px; opacity: 0; } 97% { width: 1px; right: 20px; opacity: 0; } 100% { width: 1px; right: 20px; opacity: 0; } } @keyframes feature_cell_1b { 0% { width: 1px; right: 20px; opacity: 0; } 25% { width: 1px; right: 230px; opacity: 0; } 28% { width: 1px; right: 230px; opacity: 1; } 31% { width: 210px; right: 20px; opacity: 1; } 34% { width: 210px; right: 20px; opacity: 1; } 58% { width: 210px; right: 20px; opacity: 1; } 61% { width: 210px; right: 20px; opacity: 1; } 64% { width: 1px; right: 20px; opacity: 1; } 67% { width: 1px; right: 20px; opacity: 0; } 91% { width: 1px; right: 20px; opacity: 0; } 94% { width: 1px; right: 20px; opacity: 0; } 97% { width: 1px; right: 20px; opacity: 0; } 100% { width: 1px; right: 20px; opacity: 0; } } #feature_cell_new_1c { animation-name: feature_cell_1c; -webkit-animation-name: feature_cell_1c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1c { 0% { width: 1px; right: 20px; opacity: 0; } 25% { width: 1px; right: 20px; opacity: 0; } 28% { width: 1px; right: 20px; opacity: 0; } 31% { width: 1px; right: 20px; opacity: 0; } 34% { width: 1px; right: 20px; opacity: 0; } 58% { width: 1px; right: 230px; opacity: 0; } 61% { width: 1px; right: 230px; opacity: 1; } 64% { width: 210px; right: 20px; opacity: 1; } 67% { width: 210px; right: 20px; opacity: 1; } 91% { width: 210px; right: 20px; opacity: 1; } 94% { width: 210px; right: 20px; opacity: 1; } 97% { width: 1px; right: 20px; opacity: 1; } 100% { width: 1px; right: 20px; opacity: 0; } } @keyframes feature_cell_1c { 0% { width: 1px; right: 20px; opacity: 0; } 25% { width: 1px; right: 20px; opacity: 0; } 28% { width: 1px; right: 20px; opacity: 0; } 31% { width: 1px; right: 20px; opacity: 0; } 34% { width: 1px; right: 20px; opacity: 0; } 58% { width: 1px; right: 230px; opacity: 0; } 61% { width: 1px; right: 230px; opacity: 1; } 64% { width: 210px; right: 20px; opacity: 1; } 67% { width: 210px; right: 20px; opacity: 1; } 91% { width: 210px; right: 20px; opacity: 1; } 94% { width: 210px; right: 20px; opacity: 1; } 97% { width: 1px; right: 20px; opacity: 1; } 100% { width: 1px; right: 20px; opacity: 0; } } /* BLOG POSTS */ #feature_cell_new_2a { animation-name: feature_cell_2a; -webkit-animation-name: feature_cell_2a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2a { 0% { width: 210px; right: 270px; opacity: 1; } 25% { width: 210px; right: 270px; opacity: 1; } 28% { width: 210px; right: 270px; opacity: 1; } 31% { width: 1px; right: 270px; opacity: 1; } 34% { width: 1px; right: 270px; opacity: 0; } 58% { width: 1px; right: 270px; opacity: 0; } 61% { width: 1px; right: 270px; opacity: 0; } 64% { width: 1px; right: 270px; opacity: 0; } 67% { width: 1px; right: 270px; opacity: 0; } 91% { width: 1px; right: 480px; opacity: 0; } 94% { width: 1px; right: 480px; opacity: 1; } 97% { width: 210px; right: 270px; opacity: 1; } 100% { width: 210px; right: 270px; opacity: 1; } } @keyframes feature_cell_2a { 0% { width: 210px; right: 270px; opacity: 1; } 25% { width: 210px; right: 270px; opacity: 1; } 28% { width: 210px; right: 270px; opacity: 1; } 31% { width: 1px; right: 270px; opacity: 1; } 34% { width: 1px; right: 270px; opacity: 0; } 58% { width: 1px; right: 270px; opacity: 0; } 61% { width: 1px; right: 270px; opacity: 0; } 64% { width: 1px; right: 270px; opacity: 0; } 67% { width: 1px; right: 270px; opacity: 0; } 91% { width: 1px; right: 480px; opacity: 0; } 94% { width: 1px; right: 480px; opacity: 1; } 97% { width: 210px; right: 270px; opacity: 1; } 100% { width: 210px; right: 270px; opacity: 1; } } #feature_cell_new_2b { animation-name: feature_cell_2b; -webkit-animation-name: feature_cell_2b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2b { 0% { width: 1px; right: 270px; opacity: 0; } 25% { width: 1px; right: 480px; opacity: 0; } 28% { width: 1px; right: 480px; opacity: 1; } 31% { width: 210px; right: 270px; opacity: 1; } 34% { width: 210px; right: 270px; opacity: 1; } 58% { width: 210px; right: 270px; opacity: 1; } 61% { width: 210px; right: 270px; opacity: 1; } 64% { width: 1px; right: 270px; opacity: 1; } 67% { width: 1px; right: 270px; opacity: 0; } 91% { width: 1px; right: 270px; opacity: 0; } 94% { width: 1px; right: 270px; opacity: 0; } 97% { width: 1px; right: 270px; opacity: 0; } 100% { width: 1px; right: 270px; opacity: 0; } } @keyframes feature_cell_2b { 0% { width: 1px; right: 270px; opacity: 0; } 25% { width: 1px; right: 480px; opacity: 0; } 28% { width: 1px; right: 480px; opacity: 1; } 31% { width: 210px; right: 270px; opacity: 1; } 34% { width: 210px; right: 270px; opacity: 1; } 58% { width: 210px; right: 270px; opacity: 1; } 61% { width: 210px; right: 270px; opacity: 1; } 64% { width: 1px; right: 270px; opacity: 1; } 67% { width: 1px; right: 270px; opacity: 0; } 91% { width: 1px; right: 270px; opacity: 0; } 94% { width: 1px; right: 270px; opacity: 0; } 97% { width: 1px; right: 270px; opacity: 0; } 100% { width: 1px; right: 270px; opacity: 0; } } #feature_cell_new_2c { animation-name: feature_cell_2c; -webkit-animation-name: feature_cell_2c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2c { 0% { width: 1px; right: 270px; opacity: 0; } 25% { width: 1px; right: 270px; opacity: 0; } 28% { width: 1px; right: 270px; opacity: 0; } 31% { width: 1px; right: 270px; opacity: 0; } 34% { width: 1px; right: 270px; opacity: 0; } 58% { width: 1px; right: 480px; opacity: 0; } 61% { width: 1px; right: 480px; opacity: 1; } 64% { width: 210px; right: 270px; opacity: 1; } 67% { width: 210px; right: 270px; opacity: 1; } 91% { width: 210px; right: 270px; opacity: 1; } 94% { width: 210px; right: 270px; opacity: 1; } 97% { width: 1px; right: 270px; opacity: 1; } 100% { width: 1px; right: 270px; opacity: 0; } } @keyframes feature_cell_2c { 0% { width: 1px; right: 270px; opacity: 0; } 25% { width: 1px; right: 270px; opacity: 0; } 28% { width: 1px; right: 270px; opacity: 0; } 31% { width: 1px; right: 270px; opacity: 0; } 34% { width: 1px; right: 270px; opacity: 0; } 58% { width: 1px; right: 480px; opacity: 0; } 61% { width: 1px; right: 480px; opacity: 1; } 64% { width: 210px; right: 270px; opacity: 1; } 67% { width: 210px; right: 270px; opacity: 1; } 91% { width: 210px; right: 270px; opacity: 1; } 94% { width: 210px; right: 270px; opacity: 1; } 97% { width: 1px; right: 270px; opacity: 1; } 100% { width: 1px; right: 270px; opacity: 0; } } /* RESOURCES */ #feature_cell_new_3a { animation-name: feature_cell_3a; -webkit-animation-name: feature_cell_3a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3a { 0% { width: 210px; right: 520px; opacity: 1; } 25% { width: 210px; right: 520px; opacity: 1; } 28% { width: 210px; right: 520px; opacity: 1; } 31% { width: 1px; right: 520px; opacity: 1; } 34% { width: 1px; right: 520px; opacity: 0; } 58% { width: 1px; right: 520px; opacity: 0; } 61% { width: 1px; right: 520px; opacity: 0; } 64% { width: 1px; right: 520px; opacity: 0; } 67% { width: 1px; right: 520px; opacity: 0; } 91% { width: 1px; right: 730px; opacity: 0; } 94% { width: 1px; right: 730px; opacity: 1; } 97% { width: 210px; right: 520px; opacity: 1; } 100% { width: 210px; right: 520px; opacity: 1; } } @keyframes feature_cell_3a { 0% { width: 210px; right: 520px; opacity: 1; } 25% { width: 210px; right: 520px; opacity: 1; } 28% { width: 210px; right: 520px; opacity: 1; } 31% { width: 1px; right: 520px; opacity: 1; } 34% { width: 1px; right: 520px; opacity: 0; } 58% { width: 1px; right: 520px; opacity: 0; } 61% { width: 1px; right: 520px; opacity: 0; } 64% { width: 1px; right: 520px; opacity: 0; } 67% { width: 1px; right: 520px; opacity: 0; } 91% { width: 1px; right: 730px; opacity: 0; } 94% { width: 1px; right: 730px; opacity: 1; } 97% { width: 210px; right: 520px; opacity: 1; } 100% { width: 210px; right: 520px; opacity: 1; } } #feature_cell_new_3b { animation-name: feature_cell_3b; -webkit-animation-name: feature_cell_3b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3b { 0% { width: 1px; right: 520px; opacity: 0; } 25% { width: 1px; right: 730px; opacity: 0; } 28% { width: 1px; right: 730px; opacity: 1; } 31% { width: 210px; right: 520px; opacity: 1; } 34% { width: 210px; right: 520px; opacity: 1; } 58% { width: 210px; right: 520px; opacity: 1; } 61% { width: 210px; right: 520px; opacity: 1; } 64% { width: 1px; right: 520px; opacity: 1; } 67% { width: 1px; right: 520px; opacity: 0; } 91% { width: 1px; right: 520px; opacity: 0; } 94% { width: 1px; right: 520px; opacity: 0; } 97% { width: 1px; right: 520px; opacity: 0; } 100% { width: 1px; right: 520px; opacity: 0; } } @keyframes feature_cell_3b { 0% { width: 1px; right: 520px; opacity: 0; } 25% { width: 1px; right: 730px; opacity: 0; } 28% { width: 1px; right: 730px; opacity: 1; } 31% { width: 210px; right: 520px; opacity: 1; } 34% { width: 210px; right: 520px; opacity: 1; } 58% { width: 210px; right: 520px; opacity: 1; } 61% { width: 210px; right: 520px; opacity: 1; } 64% { width: 1px; right: 520px; opacity: 1; } 67% { width: 1px; right: 520px; opacity: 0; } 91% { width: 1px; right: 520px; opacity: 0; } 94% { width: 1px; right: 520px; opacity: 0; } 97% { width: 1px; right: 520px; opacity: 0; } 100% { width: 1px; right: 520px; opacity: 0; } } #feature_cell_new_3c { animation-name: feature_cell_3c; -webkit-animation-name: feature_cell_3c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3c { 0% { width: 1px; right: 520px; opacity: 0; } 25% { width: 1px; right: 520px; opacity: 0; } 28% { width: 1px; right: 520px; opacity: 0; } 31% { width: 1px; right: 520px; opacity: 0; } 34% { width: 1px; right: 520px; opacity: 0; } 58% { width: 1px; right: 730px; opacity: 0; } 61% { width: 1px; right: 730px; opacity: 1; } 64% { width: 210px; right: 520px; opacity: 1; } 67% { width: 210px; right: 520px; opacity: 1; } 91% { width: 210px; right: 520px; opacity: 1; } 94% { width: 210px; right: 520px; opacity: 1; } 97% { width: 1px; right: 520px; opacity: 1; } 100% { width: 1px; right: 520px; opacity: 0; } } @keyframes feature_cell_3c { 0% { width: 1px; right: 520px; opacity: 0; } 25% { width: 1px; right: 520px; opacity: 0; } 28% { width: 1px; right: 520px; opacity: 0; } 31% { width: 1px; right: 520px; opacity: 0; } 34% { width: 1px; right: 520px; opacity: 0; } 58% { width: 1px; right: 730px; opacity: 0; } 61% { width: 1px; right: 730px; opacity: 1; } 64% { width: 210px; right: 520px; opacity: 1; } 67% { width: 210px; right: 520px; opacity: 1; } 91% { width: 210px; right: 520px; opacity: 1; } 94% { width: 210px; right: 520px; opacity: 1; } 97% { width: 1px; right: 520px; opacity: 1; } 100% { width: 1px; right: 520px; opacity: 0; } } } /* FEATURES ROTATION -- MEDIUM, HORIZONTAL */ @media only screen and (min-width: 897px) and (max-width: 1279px) and (orientation: landscape) { /* VIDEOS */ #feature_cell_new_1a { animation-name: feature_cell_1a; -webkit-animation-name: feature_cell_1a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1a { 0% { width: 210px; right: 20px; opacity: 1; } 25% { width: 210px; right: 20px; opacity: 1; } 28% { width: 210px; right: 20px; opacity: 1; } 31% { width: 1px; right: 20px; opacity: 1; } 34% { width: 1px; right: 20px; opacity: 0; } 58% { width: 1px; right: 20px; opacity: 0; } 61% { width: 1px; right: 20px; opacity: 0; } 64% { width: 1px; right: 20px; opacity: 0; } 67% { width: 1px; right: 20px; opacity: 0; } 91% { width: 1px; right: 230px; opacity: 0; } 94% { width: 1px; right: 230px; opacity: 1; } 97% { width: 210px; right: 20px; opacity: 1; } 100% { width: 210px; right: 20px; opacity: 1; } } @keyframes feature_cell_1a { 0% { width: 210px; right: 20px; opacity: 1; } 25% { width: 210px; right: 20px; opacity: 1; } 28% { width: 210px; right: 20px; opacity: 1; } 31% { width: 1px; right: 20px; opacity: 1; } 34% { width: 1px; right: 20px; opacity: 0; } 58% { width: 1px; right: 20px; opacity: 0; } 61% { width: 1px; right: 20px; opacity: 0; } 64% { width: 1px; right: 20px; opacity: 0; } 67% { width: 1px; right: 20px; opacity: 0; } 91% { width: 1px; right: 230px; opacity: 0; } 94% { width: 1px; right: 230px; opacity: 1; } 97% { width: 210px; right: 20px; opacity: 1; } 100% { width: 210px; right: 20px; opacity: 1; } } #feature_cell_new_1b { animation-name: feature_cell_1b; -webkit-animation-name: feature_cell_1b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1b { 0% { width: 1px; right: 20px; opacity: 0; } 25% { width: 1px; right: 230px; opacity: 0; } 28% { width: 1px; right: 230px; opacity: 1; } 31% { width: 210px; right: 20px; opacity: 1; } 34% { width: 210px; right: 20px; opacity: 1; } 58% { width: 210px; right: 20px; opacity: 1; } 61% { width: 210px; right: 20px; opacity: 1; } 64% { width: 1px; right: 20px; opacity: 1; } 67% { width: 1px; right: 20px; opacity: 0; } 91% { width: 1px; right: 20px; opacity: 0; } 94% { width: 1px; right: 20px; opacity: 0; } 97% { width: 1px; right: 20px; opacity: 0; } 100% { width: 1px; right: 20px; opacity: 0; } } @keyframes feature_cell_1b { 0% { width: 1px; right: 20px; opacity: 0; } 25% { width: 1px; right: 230px; opacity: 0; } 28% { width: 1px; right: 230px; opacity: 1; } 31% { width: 210px; right: 20px; opacity: 1; } 34% { width: 210px; right: 20px; opacity: 1; } 58% { width: 210px; right: 20px; opacity: 1; } 61% { width: 210px; right: 20px; opacity: 1; } 64% { width: 1px; right: 20px; opacity: 1; } 67% { width: 1px; right: 20px; opacity: 0; } 91% { width: 1px; right: 20px; opacity: 0; } 94% { width: 1px; right: 20px; opacity: 0; } 97% { width: 1px; right: 20px; opacity: 0; } 100% { width: 1px; right: 20px; opacity: 0; } } #feature_cell_new_1c { animation-name: feature_cell_1c; -webkit-animation-name: feature_cell_1c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1c { 0% { width: 1px; right: 20px; opacity: 0; } 25% { width: 1px; right: 20px; opacity: 0; } 28% { width: 1px; right: 20px; opacity: 0; } 31% { width: 1px; right: 20px; opacity: 0; } 34% { width: 1px; right: 20px; opacity: 0; } 58% { width: 1px; right: 230px; opacity: 0; } 61% { width: 1px; right: 230px; opacity: 1; } 64% { width: 210px; right: 20px; opacity: 1; } 67% { width: 210px; right: 20px; opacity: 1; } 91% { width: 210px; right: 20px; opacity: 1; } 94% { width: 210px; right: 20px; opacity: 1; } 97% { width: 1px; right: 20px; opacity: 1; } 100% { width: 1px; right: 20px; opacity: 0; } } @keyframes feature_cell_1c { 0% { width: 1px; right: 20px; opacity: 0; } 25% { width: 1px; right: 20px; opacity: 0; } 28% { width: 1px; right: 20px; opacity: 0; } 31% { width: 1px; right: 20px; opacity: 0; } 34% { width: 1px; right: 20px; opacity: 0; } 58% { width: 1px; right: 230px; opacity: 0; } 61% { width: 1px; right: 230px; opacity: 1; } 64% { width: 210px; right: 20px; opacity: 1; } 67% { width: 210px; right: 20px; opacity: 1; } 91% { width: 210px; right: 20px; opacity: 1; } 94% { width: 210px; right: 20px; opacity: 1; } 97% { width: 1px; right: 20px; opacity: 1; } 100% { width: 1px; right: 20px; opacity: 0; } } /* BLOG POSTS */ #feature_cell_new_2a { animation-name: feature_cell_2a; -webkit-animation-name: feature_cell_2a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2a { 0% { width: 210px; right: 270px; opacity: 1; } 25% { width: 210px; right: 270px; opacity: 1; } 28% { width: 210px; right: 270px; opacity: 1; } 31% { width: 1px; right: 270px; opacity: 1; } 34% { width: 1px; right: 270px; opacity: 0; } 58% { width: 1px; right: 270px; opacity: 0; } 61% { width: 1px; right: 270px; opacity: 0; } 64% { width: 1px; right: 270px; opacity: 0; } 67% { width: 1px; right: 270px; opacity: 0; } 91% { width: 1px; right: 480px; opacity: 0; } 94% { width: 1px; right: 480px; opacity: 1; } 97% { width: 210px; right: 270px; opacity: 1; } 100% { width: 210px; right: 270px; opacity: 1; } } @keyframes feature_cell_2a { 0% { width: 210px; right: 270px; opacity: 1; } 25% { width: 210px; right: 270px; opacity: 1; } 28% { width: 210px; right: 270px; opacity: 1; } 31% { width: 1px; right: 270px; opacity: 1; } 34% { width: 1px; right: 270px; opacity: 0; } 58% { width: 1px; right: 270px; opacity: 0; } 61% { width: 1px; right: 270px; opacity: 0; } 64% { width: 1px; right: 270px; opacity: 0; } 67% { width: 1px; right: 270px; opacity: 0; } 91% { width: 1px; right: 480px; opacity: 0; } 94% { width: 1px; right: 480px; opacity: 1; } 97% { width: 210px; right: 270px; opacity: 1; } 100% { width: 210px; right: 270px; opacity: 1; } } #feature_cell_new_2b { animation-name: feature_cell_2b; -webkit-animation-name: feature_cell_2b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2b { 0% { width: 1px; right: 270px; opacity: 0; } 25% { width: 1px; right: 480px; opacity: 0; } 28% { width: 1px; right: 480px; opacity: 1; } 31% { width: 210px; right: 270px; opacity: 1; } 34% { width: 210px; right: 270px; opacity: 1; } 58% { width: 210px; right: 270px; opacity: 1; } 61% { width: 210px; right: 270px; opacity: 1; } 64% { width: 1px; right: 270px; opacity: 1; } 67% { width: 1px; right: 270px; opacity: 0; } 91% { width: 1px; right: 270px; opacity: 0; } 94% { width: 1px; right: 270px; opacity: 0; } 97% { width: 1px; right: 270px; opacity: 0; } 100% { width: 1px; right: 270px; opacity: 0; } } @keyframes feature_cell_2b { 0% { width: 1px; right: 270px; opacity: 0; } 25% { width: 1px; right: 480px; opacity: 0; } 28% { width: 1px; right: 480px; opacity: 1; } 31% { width: 210px; right: 270px; opacity: 1; } 34% { width: 210px; right: 270px; opacity: 1; } 58% { width: 210px; right: 270px; opacity: 1; } 61% { width: 210px; right: 270px; opacity: 1; } 64% { width: 1px; right: 270px; opacity: 1; } 67% { width: 1px; right: 270px; opacity: 0; } 91% { width: 1px; right: 270px; opacity: 0; } 94% { width: 1px; right: 270px; opacity: 0; } 97% { width: 1px; right: 270px; opacity: 0; } 100% { width: 1px; right: 270px; opacity: 0; } } #feature_cell_new_2c { animation-name: feature_cell_2c; -webkit-animation-name: feature_cell_2c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2c { 0% { width: 1px; right: 270px; opacity: 0; } 25% { width: 1px; right: 270px; opacity: 0; } 28% { width: 1px; right: 270px; opacity: 0; } 31% { width: 1px; right: 270px; opacity: 0; } 34% { width: 1px; right: 270px; opacity: 0; } 58% { width: 1px; right: 480px; opacity: 0; } 61% { width: 1px; right: 480px; opacity: 1; } 64% { width: 210px; right: 270px; opacity: 1; } 67% { width: 210px; right: 270px; opacity: 1; } 91% { width: 210px; right: 270px; opacity: 1; } 94% { width: 210px; right: 270px; opacity: 1; } 97% { width: 1px; right: 270px; opacity: 1; } 100% { width: 1px; right: 270px; opacity: 0; } } @keyframes feature_cell_2c { 0% { width: 1px; right: 270px; opacity: 0; } 25% { width: 1px; right: 270px; opacity: 0; } 28% { width: 1px; right: 270px; opacity: 0; } 31% { width: 1px; right: 270px; opacity: 0; } 34% { width: 1px; right: 270px; opacity: 0; } 58% { width: 1px; right: 480px; opacity: 0; } 61% { width: 1px; right: 480px; opacity: 1; } 64% { width: 210px; right: 270px; opacity: 1; } 67% { width: 210px; right: 270px; opacity: 1; } 91% { width: 210px; right: 270px; opacity: 1; } 94% { width: 210px; right: 270px; opacity: 1; } 97% { width: 1px; right: 270px; opacity: 1; } 100% { width: 1px; right: 270px; opacity: 0; } } /* RESOURCES */ #feature_cell_new_3a { animation-name: feature_cell_3a; -webkit-animation-name: feature_cell_3a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3a { 0% { width: 210px; right: 520px; opacity: 1; } 25% { width: 210px; right: 520px; opacity: 1; } 28% { width: 210px; right: 520px; opacity: 1; } 31% { width: 1px; right: 520px; opacity: 1; } 34% { width: 1px; right: 520px; opacity: 0; } 58% { width: 1px; right: 520px; opacity: 0; } 61% { width: 1px; right: 520px; opacity: 0; } 64% { width: 1px; right: 520px; opacity: 0; } 67% { width: 1px; right: 520px; opacity: 0; } 91% { width: 1px; right: 730px; opacity: 0; } 94% { width: 1px; right: 730px; opacity: 1; } 97% { width: 210px; right: 520px; opacity: 1; } 100% { width: 210px; right: 520px; opacity: 1; } } @keyframes feature_cell_3a { 0% { width: 210px; right: 520px; opacity: 1; } 25% { width: 210px; right: 520px; opacity: 1; } 28% { width: 210px; right: 520px; opacity: 1; } 31% { width: 1px; right: 520px; opacity: 1; } 34% { width: 1px; right: 520px; opacity: 0; } 58% { width: 1px; right: 520px; opacity: 0; } 61% { width: 1px; right: 520px; opacity: 0; } 64% { width: 1px; right: 520px; opacity: 0; } 67% { width: 1px; right: 520px; opacity: 0; } 91% { width: 1px; right: 730px; opacity: 0; } 94% { width: 1px; right: 730px; opacity: 1; } 97% { width: 210px; right: 520px; opacity: 1; } 100% { width: 210px; right: 520px; opacity: 1; } } #feature_cell_new_3b { animation-name: feature_cell_3b; -webkit-animation-name: feature_cell_3b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3b { 0% { width: 1px; right: 520px; opacity: 0; } 25% { width: 1px; right: 730px; opacity: 0; } 28% { width: 1px; right: 730px; opacity: 1; } 31% { width: 210px; right: 520px; opacity: 1; } 34% { width: 210px; right: 520px; opacity: 1; } 58% { width: 210px; right: 520px; opacity: 1; } 61% { width: 210px; right: 520px; opacity: 1; } 64% { width: 1px; right: 520px; opacity: 1; } 67% { width: 1px; right: 520px; opacity: 0; } 91% { width: 1px; right: 520px; opacity: 0; } 94% { width: 1px; right: 520px; opacity: 0; } 97% { width: 1px; right: 520px; opacity: 0; } 100% { width: 1px; right: 520px; opacity: 0; } } @keyframes feature_cell_3b { 0% { width: 1px; right: 520px; opacity: 0; } 25% { width: 1px; right: 730px; opacity: 0; } 28% { width: 1px; right: 730px; opacity: 1; } 31% { width: 210px; right: 520px; opacity: 1; } 34% { width: 210px; right: 520px; opacity: 1; } 58% { width: 210px; right: 520px; opacity: 1; } 61% { width: 210px; right: 520px; opacity: 1; } 64% { width: 1px; right: 520px; opacity: 1; } 67% { width: 1px; right: 520px; opacity: 0; } 91% { width: 1px; right: 520px; opacity: 0; } 94% { width: 1px; right: 520px; opacity: 0; } 97% { width: 1px; right: 520px; opacity: 0; } 100% { width: 1px; right: 520px; opacity: 0; } } #feature_cell_new_3c { animation-name: feature_cell_3c; -webkit-animation-name: feature_cell_3c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3c { 0% { width: 1px; right: 520px; opacity: 0; } 25% { width: 1px; right: 520px; opacity: 0; } 28% { width: 1px; right: 520px; opacity: 0; } 31% { width: 1px; right: 520px; opacity: 0; } 34% { width: 1px; right: 520px; opacity: 0; } 58% { width: 1px; right: 730px; opacity: 0; } 61% { width: 1px; right: 730px; opacity: 1; } 64% { width: 210px; right: 520px; opacity: 1; } 67% { width: 210px; right: 520px; opacity: 1; } 91% { width: 210px; right: 520px; opacity: 1; } 94% { width: 210px; right: 520px; opacity: 1; } 97% { width: 1px; right: 520px; opacity: 1; } 100% { width: 1px; right: 520px; opacity: 0; } } @keyframes feature_cell_3c { 0% { width: 1px; right: 520px; opacity: 0; } 25% { width: 1px; right: 520px; opacity: 0; } 28% { width: 1px; right: 520px; opacity: 0; } 31% { width: 1px; right: 520px; opacity: 0; } 34% { width: 1px; right: 520px; opacity: 0; } 58% { width: 1px; right: 730px; opacity: 0; } 61% { width: 1px; right: 730px; opacity: 1; } 64% { width: 210px; right: 520px; opacity: 1; } 67% { width: 210px; right: 520px; opacity: 1; } 91% { width: 210px; right: 520px; opacity: 1; } 94% { width: 210px; right: 520px; opacity: 1; } 97% { width: 1px; right: 520px; opacity: 1; } 100% { width: 1px; right: 520px; opacity: 0; } } } /* FEATURES ROTATION -- LARGE, HORIZONTAL */ @media only screen and (min-width: 1280px) and (orientation: landscape) { /* VIDEOS */ #feature_cell_new_1a { animation-name: feature_cell_1a; -webkit-animation-name: feature_cell_1a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1a { 0% { width: 300px; right: 30px; opacity: 1; } 25% { width: 300px; right: 30px; opacity: 1; } 28% { width: 300px; right: 30px; opacity: 1; } 31% { width: 1px; right: 30px; opacity: 1; } 34% { width: 1px; right: 30px; opacity: 0; } 58% { width: 1px; right: 30px; opacity: 0; } 61% { width: 1px; right: 30px; opacity: 0; } 64% { width: 1px; right: 30px; opacity: 0; } 67% { width: 1px; right: 30px; opacity: 0; } 91% { width: 1px; right: 330px; opacity: 0; } 94% { width: 1px; right: 330px; opacity: 1; } 97% { width: 300px; right: 30px; opacity: 1; } 100% { width: 300px; right: 30px; opacity: 1; } } @keyframes feature_cell_1a { 0% { width: 300px; right: 30px; opacity: 1; } 25% { width: 300px; right: 30px; opacity: 1; } 28% { width: 300px; right: 30px; opacity: 1; } 31% { width: 1px; right: 30px; opacity: 1; } 34% { width: 1px; right: 30px; opacity: 0; } 58% { width: 1px; right: 30px; opacity: 0; } 61% { width: 1px; right: 30px; opacity: 0; } 64% { width: 1px; right: 30px; opacity: 0; } 67% { width: 1px; right: 30px; opacity: 0; } 91% { width: 1px; right: 330px; opacity: 0; } 94% { width: 1px; right: 330px; opacity: 1; } 97% { width: 300px; right: 30px; opacity: 1; } 100% { width: 300px; right: 30px; opacity: 1; } } #feature_cell_new_1b { animation-name: feature_cell_1b; -webkit-animation-name: feature_cell_1b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1b { 0% { width: 1px; right: 30px; opacity: 0; } 25% { width: 1px; right: 330px; opacity: 0; } 28% { width: 1px; right: 330px; opacity: 1; } 31% { width: 300px; right: 30px; opacity: 1; } 34% { width: 300px; right: 30px; opacity: 1; } 58% { width: 300px; right: 30px; opacity: 1; } 61% { width: 300px; right: 30px; opacity: 1; } 64% { width: 1px; right: 30px; opacity: 1; } 67% { width: 1px; right: 30px; opacity: 0; } 91% { width: 1px; right: 30px; opacity: 0; } 94% { width: 1px; right: 30px; opacity: 0; } 97% { width: 1px; right: 30px; opacity: 0; } 100% { width: 1px; right: 30px; opacity: 0; } } @keyframes feature_cell_1b { 0% { width: 1px; right: 30px; opacity: 0; } 25% { width: 1px; right: 330px; opacity: 0; } 28% { width: 1px; right: 330px; opacity: 1; } 31% { width: 300px; right: 30px; opacity: 1; } 34% { width: 300px; right: 30px; opacity: 1; } 58% { width: 300px; right: 30px; opacity: 1; } 61% { width: 300px; right: 30px; opacity: 1; } 64% { width: 1px; right: 30px; opacity: 1; } 67% { width: 1px; right: 30px; opacity: 0; } 91% { width: 1px; right: 30px; opacity: 0; } 94% { width: 1px; right: 30px; opacity: 0; } 97% { width: 1px; right: 30px; opacity: 0; } 100% { width: 1px; right: 30px; opacity: 0; } } #feature_cell_new_1c { animation-name: feature_cell_1c; -webkit-animation-name: feature_cell_1c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_1c { 0% { width: 1px; right: 30px; opacity: 0; } 25% { width: 1px; right: 30px; opacity: 0; } 28% { width: 1px; right: 30px; opacity: 0; } 31% { width: 1px; right: 30px; opacity: 0; } 34% { width: 1px; right: 30px; opacity: 0; } 58% { width: 1px; right: 330px; opacity: 0; } 61% { width: 1px; right: 330px; opacity: 1; } 64% { width: 300px; right: 30px; opacity: 1; } 67% { width: 300px; right: 30px; opacity: 1; } 91% { width: 300px; right: 30px; opacity: 1; } 94% { width: 300px; right: 30px; opacity: 1; } 97% { width: 1px; right: 30px; opacity: 1; } 100% { width: 1px; right: 30px; opacity: 0; } } @keyframes feature_cell_1c { 0% { width: 1px; right: 30px; opacity: 0; } 25% { width: 1px; right: 30px; opacity: 0; } 28% { width: 1px; right: 30px; opacity: 0; } 31% { width: 1px; right: 30px; opacity: 0; } 34% { width: 1px; right: 30px; opacity: 0; } 58% { width: 1px; right: 330px; opacity: 0; } 61% { width: 1px; right: 330px; opacity: 1; } 64% { width: 300px; right: 30px; opacity: 1; } 67% { width: 300px; right: 30px; opacity: 1; } 91% { width: 300px; right: 30px; opacity: 1; } 94% { width: 300px; right: 30px; opacity: 1; } 97% { width: 1px; right: 30px; opacity: 1; } 100% { width: 1px; right: 30px; opacity: 0; } } /* BLOG POSTS */ #feature_cell_new_2a { animation-name: feature_cell_2a; -webkit-animation-name: feature_cell_2a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2a { 0% { width: 300px; right: 390px; opacity: 1; } 25% { width: 300px; right: 390px; opacity: 1; } 28% { width: 300px; right: 390px; opacity: 1; } 31% { width: 1px; right: 390px; opacity: 1; } 34% { width: 1px; right: 390px; opacity: 0; } 58% { width: 1px; right: 390px; opacity: 0; } 61% { width: 1px; right: 390px; opacity: 0; } 64% { width: 1px; right: 390px; opacity: 0; } 67% { width: 1px; right: 390px; opacity: 0; } 91% { width: 1px; right: 690px; opacity: 0; } 94% { width: 1px; right: 690px; opacity: 1; } 97% { width: 300px; right: 390px; opacity: 1; } 100% { width: 300px; right: 390px; opacity: 1; } } @keyframes feature_cell_2a { 0% { width: 300px; right: 390px; opacity: 1; } 25% { width: 300px; right: 390px; opacity: 1; } 28% { width: 300px; right: 390px; opacity: 1; } 31% { width: 1px; right: 390px; opacity: 1; } 34% { width: 1px; right: 390px; opacity: 0; } 58% { width: 1px; right: 390px; opacity: 0; } 61% { width: 1px; right: 390px; opacity: 0; } 64% { width: 1px; right: 390px; opacity: 0; } 67% { width: 1px; right: 390px; opacity: 0; } 91% { width: 1px; right: 690px; opacity: 0; } 94% { width: 1px; right: 690px; opacity: 1; } 97% { width: 300px; right: 390px; opacity: 1; } 100% { width: 300px; right: 390px; opacity: 1; } } #feature_cell_new_2b { animation-name: feature_cell_2b; -webkit-animation-name: feature_cell_2b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2b { 0% { width: 1px; right: 390px; opacity: 0; } 25% { width: 1px; right: 690px; opacity: 0; } 28% { width: 1px; right: 690px; opacity: 1; } 31% { width: 300px; right: 390px; opacity: 1; } 34% { width: 300px; right: 390px; opacity: 1; } 58% { width: 300px; right: 390px; opacity: 1; } 61% { width: 300px; right: 390px; opacity: 1; } 64% { width: 1px; right: 390px; opacity: 1; } 67% { width: 1px; right: 390px; opacity: 0; } 91% { width: 1px; right: 390px; opacity: 0; } 94% { width: 1px; right: 390px; opacity: 0; } 97% { width: 1px; right: 390px; opacity: 0; } 100% { width: 1px; right: 390px; opacity: 0; } } @keyframes feature_cell_2b { 0% { width: 1px; right: 390px; opacity: 0; } 25% { width: 1px; right: 690px; opacity: 0; } 28% { width: 1px; right: 690px; opacity: 1; } 31% { width: 300px; right: 390px; opacity: 1; } 34% { width: 300px; right: 390px; opacity: 1; } 58% { width: 300px; right: 390px; opacity: 1; } 61% { width: 300px; right: 390px; opacity: 1; } 64% { width: 1px; right: 390px; opacity: 1; } 67% { width: 1px; right: 390px; opacity: 0; } 91% { width: 1px; right: 390px; opacity: 0; } 94% { width: 1px; right: 390px; opacity: 0; } 97% { width: 1px; right: 390px; opacity: 0; } 100% { width: 1px; right: 390px; opacity: 0; } } #feature_cell_new_2c { animation-name: feature_cell_2c; -webkit-animation-name: feature_cell_2c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_2c { 0% { width: 1px; right: 390px; opacity: 0; } 25% { width: 1px; right: 390px; opacity: 0; } 28% { width: 1px; right: 390px; opacity: 0; } 31% { width: 1px; right: 390px; opacity: 0; } 34% { width: 1px; right: 390px; opacity: 0; } 58% { width: 1px; right: 690px; opacity: 0; } 61% { width: 1px; right: 690px; opacity: 1; } 64% { width: 300px; right: 390px; opacity: 1; } 67% { width: 300px; right: 390px; opacity: 1; } 91% { width: 300px; right: 390px; opacity: 1; } 94% { width: 300px; right: 390px; opacity: 1; } 97% { width: 1px; right: 390px; opacity: 1; } 100% { width: 1px; right: 390px; opacity: 0; } } @keyframes feature_cell_2c { 0% { width: 1px; right: 390px; opacity: 0; } 25% { width: 1px; right: 390px; opacity: 0; } 28% { width: 1px; right: 390px; opacity: 0; } 31% { width: 1px; right: 390px; opacity: 0; } 34% { width: 1px; right: 390px; opacity: 0; } 58% { width: 1px; right: 690px; opacity: 0; } 61% { width: 1px; right: 690px; opacity: 1; } 64% { width: 300px; right: 390px; opacity: 1; } 67% { width: 300px; right: 390px; opacity: 1; } 91% { width: 300px; right: 390px; opacity: 1; } 94% { width: 300px; right: 390px; opacity: 1; } 97% { width: 1px; right: 390px; opacity: 1; } 100% { width: 1px; right: 390px; opacity: 0; } } /* RESOURCES */ #feature_cell_new_3a { animation-name: feature_cell_3a; -webkit-animation-name: feature_cell_3a; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3a { 0% { width: 300px; right: 750px; opacity: 1; } 25% { width: 300px; right: 750px; opacity: 1; } 28% { width: 300px; right: 750px; opacity: 1; } 31% { width: 1px; right: 750px; opacity: 1; } 34% { width: 1px; right: 750px; opacity: 0; } 58% { width: 1px; right: 750px; opacity: 0; } 61% { width: 1px; right: 750px; opacity: 0; } 64% { width: 1px; right: 750px; opacity: 0; } 67% { width: 1px; right: 750px; opacity: 0; } 91% { width: 1px; right: 1050px; opacity: 0; } 94% { width: 1px; right: 1050px; opacity: 1; } 97% { width: 300px; right: 750px; opacity: 1; } 100% { width: 300px; right: 750px; opacity: 1; } } @keyframes feature_cell_3a { 0% { width: 300px; right: 750px; opacity: 1; } 25% { width: 300px; right: 750px; opacity: 1; } 28% { width: 300px; right: 750px; opacity: 1; } 31% { width: 1px; right: 750px; opacity: 1; } 34% { width: 1px; right: 750px; opacity: 0; } 58% { width: 1px; right: 750px; opacity: 0; } 61% { width: 1px; right: 750px; opacity: 0; } 64% { width: 1px; right: 750px; opacity: 0; } 67% { width: 1px; right: 750px; opacity: 0; } 91% { width: 1px; right: 1050px; opacity: 0; } 94% { width: 1px; right: 1050px; opacity: 1; } 97% { width: 300px; right: 750px; opacity: 1; } 100% { width: 300px; right: 750px; opacity: 1; } } #feature_cell_new_3b { animation-name: feature_cell_3b; -webkit-animation-name: feature_cell_3b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3b { 0% { width: 1px; right: 750px; opacity: 0; } 25% { width: 1px; right: 1050px; opacity: 0; } 28% { width: 1px; right: 1050px; opacity: 1; } 31% { width: 300px; right: 750px; opacity: 1; } 34% { width: 300px; right: 750px; opacity: 1; } 58% { width: 300px; right: 750px; opacity: 1; } 61% { width: 300px; right: 750px; opacity: 1; } 64% { width: 1px; right: 750px; opacity: 1; } 67% { width: 1px; right: 750px; opacity: 0; } 91% { width: 1px; right: 750px; opacity: 0; } 94% { width: 1px; right: 750px; opacity: 0; } 97% { width: 1px; right: 750px; opacity: 0; } 100% { width: 1px; right: 750px; opacity: 0; } } @keyframes feature_cell_3b { 0% { width: 1px; right: 750px; opacity: 0; } 25% { width: 1px; right: 1050px; opacity: 0; } 28% { width: 1px; right: 1050px; opacity: 1; } 31% { width: 300px; right: 750px; opacity: 1; } 34% { width: 300px; right: 750px; opacity: 1; } 58% { width: 300px; right: 750px; opacity: 1; } 61% { width: 300px; right: 750px; opacity: 1; } 64% { width: 1px; right: 750px; opacity: 1; } 67% { width: 1px; right: 750px; opacity: 0; } 91% { width: 1px; right: 750px; opacity: 0; } 94% { width: 1px; right: 750px; opacity: 0; } 97% { width: 1px; right: 750px; opacity: 0; } 100% { width: 1px; right: 750px; opacity: 0; } } #feature_cell_new_3c { animation-name: feature_cell_3c; -webkit-animation-name: feature_cell_3c; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; } @-webkit-keyframes feature_cell_3c { 0% { width: 1px; right: 750px; opacity: 0; } 25% { width: 1px; right: 750px; opacity: 0; } 28% { width: 1px; right: 750px; opacity: 0; } 31% { width: 1px; right: 750px; opacity: 0; } 34% { width: 1px; right: 750px; opacity: 0; } 58% { width: 1px; right: 1050px; opacity: 0; } 61% { width: 1px; right: 1050px; opacity: 1; } 64% { width: 300px; right: 750px; opacity: 1; } 67% { width: 300px; right: 750px; opacity: 1; } 91% { width: 300px; right: 750px; opacity: 1; } 94% { width: 300px; right: 750px; opacity: 1; } 97% { width: 1px; right: 750px; opacity: 1; } 100% { width: 1px; right: 750px; opacity: 0; } } @keyframes feature_cell_3c { 0% { width: 1px; right: 750px; opacity: 0; } 25% { width: 1px; right: 750px; opacity: 0; } 28% { width: 1px; right: 750px; opacity: 0; } 31% { width: 1px; right: 750px; opacity: 0; } 34% { width: 1px; right: 750px; opacity: 0; } 58% { width: 1px; right: 1050px; opacity: 0; } 61% { width: 1px; right: 1050px; opacity: 1; } 64% { width: 300px; right: 750px; opacity: 1; } 67% { width: 300px; right: 750px; opacity: 1; } 91% { width: 300px; right: 750px; opacity: 1; } 94% { width: 300px; right: 750px; opacity: 1; } 97% { width: 1px; right: 750px; opacity: 1; } 100% { width: 1px; right: 750px; opacity: 0; } } } /* ------------ END FEATURE ROTATION STYLES ---------------- */ /* ------------ FOOTER ANIMATION STYLES ---------------- */ #announce_hex_1 { position: absolute; z-index: 7; animation-name: announce_amin_1; -webkit-animation-name: announce_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 8s; -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-right: -20vw; } #announce_hex_2 { position: absolute; z-index: 7; animation-name: announce_amin_1; -webkit-animation-name: announce_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 6s; -webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-right: -5vw; } #announce_sigma_1 { position: absolute; z-index: 7; animation-name: announce_amin_1; -webkit-animation-name: announce_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-right: -10vw; } #announce_sigma_2 { position: absolute; z-index: 7; animation-name: announce_amin_1; -webkit-animation-name: announce_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-right: -5vw; } #announce_cloud_1 { position: absolute; z-index: 7; animation-name: announce_amin_1; -webkit-animation-name: announce_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 10s; -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-right: -20vw; } #announce_cloud_2 { position: absolute; z-index: 7; animation-name: announce_amin_1; -webkit-animation-name: announce_anim_1; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-right: -5vw; } #cloud_1b { position: absolute; z-index: 7; animation-name: cloud_anim_3b; -webkit-animation-name: cloud_anim_3b; /* Safari 4.0 - 8.0 */ animation-duration: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #cloud_2b { position: absolute; z-index: 7; animation-name: cloud_anim_2b; -webkit-animation-name: cloud_anim_2b; /* Safari 4.0 - 8.0 */ animation-duration: 24s; -webkit-animation-duration: 24s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 3s; overflow: hidden; margin-left: -15vw; } #hex_1b { position: absolute; z-index: 7; animation-name: cloud_anim_1b; -webkit-animation-name: cloud_anim_1b; /* Safari 4.0 - 8.0 */ animation-duration: 30s; -webkit-animation-duration: 30s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #hex_2b { position: absolute; z-index: 7; animation-name: cloud_anim_4b; -webkit-animation-name: cloud_anim_4b; /* Safari 4.0 - 8.0 */ animation-duration: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -10vw; } #sigma_1b { position: absolute; z-index: 7; animation-name: cloud_anim_1b; -webkit-animation-name: cloud_anim_1b; /* Safari 4.0 - 8.0 */ animation-duration: 24s; -webkit-animation-duration: 24s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -15vw; } @-webkit-keyframes cloud_anim_1b { 0% {left:100%; top:-15h; opacity:0.0; } 50% {left:50%; top:-15vh; opacity: 0.30; } 100% {left:0%; top:-15vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_2b { 0% {left:100%; top:1vh; opacity:0.0; } 50% {left:50%; top:1vh; opacity: 0.30; } 100% {left:0%; top:1vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_3b { 0% {left:100%; top:5vh; opacity: 0.0; } 50% {left:50%; top:5vh; opacity: 0.30; } 100% {left:0%; top:5vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_4b { 0% {left:100%; top:7vh; opacity: 0.0; } 50% {left:50%; top:7vh; opacity: 0.30; } 100% {left:0%; top:7vh; opacity: 0.0; } } @keyframes cloud_anim_1b { 0% {left: 100%; top:-15vh; opacity: 0.0; } 50% {left: 50%; top:-15vh; opacity: 0.30; } 100% {left: 0%; top:-15vh; opacity: 0.0; } } @keyframes cloud_anim_2b { 0% {left:100%; top:1vh; opacity: 0.0; } 50% {left:50%; top:1vh; opacity: 0.30; } 100% {left:0%; top:1vh; opacity: 0.0; } } @keyframes cloud_anim_3b { 0% {left:100%; top:5vh; opacity: 0.0; } 50% {left:50%; top:5vh; opacity: 0.30; } 100% {left:0%; top:5vh; opacity: 0.0; } } @keyframes cloud_anim_4b { 0% {left:100%; top:7vh; opacity: 0.0; } 50% {left:50%; top:7vh; opacity: 0.30; } 100% {left:0%; top:7vh; opacity: 0.0; } } @-webkit-keyframes announce_anim_1 { 0% {left:0%; top:0; opacity:0.0; } 50% {left:50%; top:0; opacity: 0.20; } 100% {left:100%; top:0; opacity: 0.0; } } @keyframes announce_anim_1 { 0% {left:0%; top:0; opacity:0.0; } 50% {left:50%; top:0; opacity: 0.20; } 100% {left:100%; top:0; opacity: 0.0; } } /* ------------ END FOOTER ANIMATION STYLES ---------------- */