/* 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 */ /* NEW INTRO ANIMATION STYLES */ #contact_sales_form { position: relative; z-index: 999; } #contact_content form { text-align: left; } #contact_content h3, #contact_content h2 { position: relative; text-align: left; z-index: 9998; } #contact_sales_bkg { overflow: hidden; position: relative; background-color:#E7F1F4; width: 100vw; margin: 0px; padding: 0px; text-align: center; z-index:20;} #main { overflow: hidden; position: relative; background-color:#E7F1F4; height: 100vh; width: 100vw; margin: 0px; padding: 0px; text-align: center; z-index:1;} #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: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -25vw; } #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: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -10vw; } #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: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -20vw; } #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: 21s; -webkit-animation-duration: 21s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -30vw; } #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: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 6s; overflow: hidden; margin-left: -35vw; } #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: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 4s; overflow: hidden; margin-left: -15vw; } #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: 21s; -webkit-animation-duration: 21s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -12vw; 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: 24s; -webkit-animation-duration: 24s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -21vw; 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: 12s; -webkit-animation-duration: 12s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -18vw; 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: 9s; -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -5vw; 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: 36s; -webkit-animation-duration: 36s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -25vw; } #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: 24s; -webkit-animation-duration: 24s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -10vw; } #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: 30s; -webkit-animation-duration: 30s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -15vw; } #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: 15s; -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -10vw; 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: 18s; -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */ animation-timing-function: linear; animation-iteration-count: infinite; overflow: hidden; margin-left: -25vw; animation-delay: 3s; } #cloud_a { position: absolute; left: -50; top: 50vh; opacity: 0.75; z-index: 99; } #cloud_b { position: absolute; left: 70vw; top: 30vh; opacity: 0.75; z-index: 99; } #intro_content { width: 100vw; text-align: center; position: absolute; z-index: 9999; } #main_down_arrow { position: absolute; top: 85vh; z-index: 998; } #contact_sales_bkg #cloud_1, #contact_sales_bkg #cloud_2, #contact_sales_bkg #cloud_3, #contact_sales_bkg #cloud_4, #contact_sales_bkg #cloud_5, #contact_sales_bkg #cloud_6, #contact_sales_bkg #cloud_7, #contact_sales_bkg #sigma_1, #contact_sales_bkg #sigma_3, #contact_sales_bkg #hex_2, #contact_sales_bkg #hex_3 { margin-top: -90px; margin-right: -30vw; animation-delay: 0s; } } /* Safari 4.0 - 8.0 */ @-webkit-keyframes cloud_anim_1 { 0% {left:100%; top:5h; opacity:0.2; } 50% {left:50%; top:5vh; opacity: 0.50; } 100% {left:0%; top:5vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_2 { 0% {left:100%; top:30vh; opacity:0.2; } 50% {left:50%; top:30vh; opacity: 0.50; } 100% {left:0%; top:30vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_3 { 0% {left:100%; top:50vh; opacity: 0.2; } 50% {left:50%; top:50vh; opacity: 0.50; } 100% {left:0%; top:50vh; opacity: 0.0; } } @-webkit-keyframes cloud_anim_4 { 0% {left:100%; top:70vh; opacity: 0.2; } 50% {left:50%; top:70vh; opacity: 0.50; } 100% {left:0%; top:70vh; opacity: 0.0; } } /* Standard syntax */ @keyframes cloud_anim_1 { 0% {left: 100%; top:5vh; opacity: 0.2; } 50% {left: 50%; top:5vh; opacity: 0.50; } 100% {left: 0%; top:5vh; opacity: 0.0; } } @keyframes cloud_anim_2 { 0% {left:100%; top:30vh; opacity: 0.2; } 50% {left:50%; top:30vh; opacity: 0.50; } 100% {left:0%; top:30vh; opacity: 0.0; } } @keyframes cloud_anim_3 { 0% {left:100%; top:50vh; opacity: 0.2; } 50% {left:50%; top:50vh; opacity: 0.50; } 100% {left:0%; top:50vh; opacity: 0.0; } } @keyframes cloud_anim_4 { 0% {left:100%; top:70vh; opacity: 0.2; } 50% {left:50%; top:70vh; opacity: 0.50; } 100% {left:0%; top:70vh; opacity: 0.0; } } /* NEW IMH SLIDER STYLES */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides img { display: block; width: 100%; max-width: 1100px; } .rslides_tabs { list-style: none; margin: 0 auto; text-align: center; width: 100%; } .rslides_tabs li { display: inline; float: none; margin: 5px; } .rslides_tabs a { display: inline-block; width: 25px; height: 36px; background-image: url('images/story_nav_hex.gif'); background-size: cover; background-position: center center; } .rslides_tabs a:hover { display: inline-block; width: 25px; height: 36px; background-image: url('images/story_nav_hex_on.gif'); background-size: cover; background-position: center center; } .rslides_tabs .rslides_here a { display: inline-block; width: 25px; height: 36px; background-image: url('images/story_nav_hex_on.gif'); background-size: cover; background-position: center center; } #slider3-pager { margin: 0px auto; padding: 0px; } /* END NEW IMH STYLES */ .padded { margin-left: 20px!important; margin-right: 20px!important; } #header_announcement { display: none; } #hex_globe { float: right; max-width: 240px; padding-left: 60px; margin-right: 60px; margin-top: -10px; } #product_section_1_content h2 { margin-top: 0px!important; } #promo { float: none; width: 100%; margin: 0px 0px 30px 0px; } #product_intro { margin-top: -60px; } #blue_bar { background-color:#00b4dc; clear: both; width: 100%; margin: 0px; padding:0px; display: block; height: 1px; margin-bottom:22px; } #privacy_policy li { font-family: 'Source Sans Pro', Trebuchet, sans-serif; max-width: 100%; min-width: 60vw; list-style-type: disc; margin: 5px 0px 10px 0px; font-size: 18px; line-height: 30px; overflow-wrap: break-word; word-wrap: break-word; } #privacy_policy li li { list-style-type: circle; } #privacy_policy p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; margin-bottom: 0px; line-height: 30px; overflow-wrap: break-word; word-wrap: break-word; } #privacy_policy ul { font-family: 'Source Sans Pro', Trebuchet, sans-serif; margin-top: 0px; max-width: 100%; } #privacy_policy h2 { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 32px; font-weight: 600; margin: 20px 0px 10px 0px; } #privacy_policy h3 { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 25px; color:#525252; font-weight: 600; margin: 20px 0px 10px 0px; } #privacy_policy h4 { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 600; font-size: 22px; line-height: 27px; color:#7f7f7f; } #privacy_policy a { color:#00b4dc; } #news_section_1_content h3 { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 24px; line-height: 36px; margin-left: 20px; } #news_section_1_content p { margin-top: -20px; } #news_section_1_content a { color:#00b4dc; } #news_section_1_content hr { float:none; clear: both; border:0; margin:0; height:1px; background:#d2cfd0; width: 100%; margin: 20px 0px; } #careers_equation { width: 100%; max-width:600px!important; float: right; margin-top: 40px; margin-left: 40px; } #careers_section_1_content p { margin-top: -30px; } #about_section_2_content h2 { margin-left: 0px!important; } #about_section_3_content h3 { margin-left: 0px!important; } #about_section_3_content h2 { margin-left: 0px!important; } #top_of_page { height: 1px; visibility: hidden; background-color:#000000; margin-top: -1px; } #floating_back_to_top { position: fixed; right: 20px; bottom: 24px; width: 41px; text-align: right; z-index: 99999999!important; } #header { position: fixed; top: 0; left: 0; width: 100%; margin: 0px; padding: 0px; height: 80px; background-color:#000000; z-index: 9999; } #branding { float: left; width:60%; text-align: center; min-width: 240px; } #mode_logo { width: 180px; margin-left: auto; margin-right: auto; margin-top: 3px; } #get_mode { float: right; width: 20%; text-align: right; min-width: 70px; padding-top: 9px; } #get_mode_button { width: 48px; height: 48px; margin: 6px 10px 0px 0px; padding: 0px; float: right; } #menu { opacity: 0; position: fixed; top: 80; left: 0; width: 100%; height: 100vh; display: block; z-index:999999; 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; } #core_menu, #math_menu, #company_menu, #resources_menu { display: block; } #menu_col_2 { border-style: solid; border-width: 0px 0px 0px 1px; border-color:#525252; } #menu_col_3 { border-style: solid; border-width: 0px 1px; border-color:#525252; } #menu_col_4 { border-style: solid; border-width: 0px 0px 0px 1px; border-color:#525252; } #nav_icon { float: left; width: 20%; text-align: left; min-width: 70px; display: block; } #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'); } #header_img { margin-top: 20px; height: 200px; } #footer_cta { background-size: cover; background-image: url('images/footer-calltoaction-bg_new.png'); background-position: center center; } #footer_cta_content { text-align: center; margin-top: 0px; margin-bottom: 40px; } #footer_cta_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 24px; line-height: 42px; text-align: center; } #copyright { background-color:#000000; margin: 0px 0px -20px 0px; height: 40px; padding: 10px 0px 20px 0px; font-weight: 400; } #copyright_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#8e8e8d; font-size: 12px; line-height: 24px; text-align: center; } #bw_googleMap { width: 100%; max-width:700px; min-width: 240px; margin-bottom: 40px; } #contact_section_1_content a { color:#00b4dc; } #mode_core_symbol { float: right; width: 100%; max-width: 280px; min-width: 240px; margin-top: -20px; padding-left: 60px; } #highest_perf_mode_core_symbol { float: right; width: 100%; max-width: 180px; min-width: 120px; margin-top: -20px; padding-left: 60px; } #product_features_content h2:after { content: ""; display: none; } #product_cta_row { width: 100%; background-image: url('images/product_CTA_bkg_3.jpg'); background-size: cover; background-position: center center; margin: 0px; padding: 30px 0px; } .product_cta_row_left { width: 75%; float: left; min-width: 240px; } .product_cta_row_right { width: 20%; float: left; min-width: 200px; text-align: center; padding-top: 24px; } body { margin: 0px; padding: 0px; width: 100%; } 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 { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 48px; line-height: 60px; text-align: left; font-weight: 300; } 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; } input[type=text] { border-style: solid; border-width: 0px; padding: 10px 20px; width: 100%; max-width: 525px; margin-top: 10px!important; } input[type=email] { border-style: solid; border-width: 0px;padding: 10px 20px; width: 100%; max-width: 525px; margin-top: 10px!important; } input[type=submit] { background-image:url('images/submit_plus.png'); background-size: cover; background-position: center center; border: 0; display: block; height: 38px; width: 122px; border-radius: 0px; } input[type=submit]:hover { cursor: pointer; background-image:url('images/submit_plus_ov.png'); background-size: cover; background-position: center center; border: 0; display: block; height: 38px; width: 122px; border-radius: 0px; } .story_nav_glyph_plus { display: inline-block; width: 45px; height: 45px; background-image: url('images/story_nav_plus_on.gif'); background-size: cover; background-position: center center; } .story_nav_glyph_minus { display: inline-block; width: 45px; height: 45px; background-image: url('images/story_nav_minus_on.gif'); background-size: cover; background-position: center center; } .story_nav_glyph_plus_off { display: inline-block; width: 45px; height: 45px; background-image: url('images/story_nav_plus.gif'); background-size: cover; background-position: center center; } .story_nav_glyph_minus_off { display: inline-block; width: 45px; height: 45px; background-image: url('images/story_nav_minus.gif'); background-size: cover; background-position: center center; } .story_nav_glyph_minus:hover, .story_nav_glyph_plus:hover { cursor: pointer; } .story_nav_hex { display: inline-block; width: 30px; height: 45px; background-image: url('images/story_nav_hex.gif'); background-size: cover; background-position: center center; } .story_nav_hex:hover { display: inline-block; width: 30px; height: 45px; background-image: url('images/story_nav_hex_on.gif'); background-size: cover; background-position: center center; } .story_nav_hex_on { display: inline-block; width: 30px; height: 45px; background-image: url('images/story_nav_hex_on.gif'); background-size: cover; background-position: center center; } .story_nav_hex_group { margin-left: 30px; margin-right: 30px; } .imh_nav_hex { display: inline-block; width: 25px; height: 36px; background-image: url('images/story_nav_hex.gif'); background-size: cover; background-position: center center; } .imh_nav_hex:hover { display: inline-block; width: 25px; height: 36px; background-image: url('images/story_nav_hex_on.gif'); background-size: cover; background-position: center center; } .features_row .copy_third { width: 30%; border-style: solid; border-width: 1px 0px 0px 0px; border-color:#7f7f7f; margin-right: 12px; } .page_end_CTA { float: right; width:210px; margin-top: -20px; } .end_call_out { color: #FFFFFF; font-weight: 600; font-size: 24px!important; line-height: 36px!important; margin: 0px; } .figure_half_center { text-align: center; width: 100%; max-width: 700px; min-width: 280px; margin-left: auto; margin-right: auto; } .figure_half_center img { margin-left: auto; margin-right: auto; width: 100%; max-width: 700px; min-width: 280px; } .features_row { width: 100%; margin: 0px; padding: 0px; clear: both; float: none; } .news_img { width: 240px; float: left; padding: 0px 20px 30px 0px; } .get_mode_title { font-size: 36px!important; line-height: 42px!important; font-weight: 300; margin-bottom: -20px; } .get_mode_img { float: right; width: 50%; max-width: 260px; min-width: 260px; margin-top: -90px; margin-right: 180px; } .hire-jobs { margin-top: 20px!important; margin-left: -72px; } .blog_content a { color:#00b4dc; } .social_share { font-family: 'Source Sans Pro', sans-serif; color: #525252; font-size: 15px; text-transform: uppercase; } .social_share img { width: 32px; margin: 0px 5px -10px 5px; } .blog_author { color:#525252; font-size: 15px; } .blog_nav_prev { text-align: left; } .blog_nav_all { text-align: center; } .blog_nav_next { text-align: right; } .blog_nav_third { width: 33%; float: left; } .blog_nav_third a { color:#00b4dc; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; line-height: 36px; } .blog_nav_glyph { color: #d6d6d6; font-weight: 600; font-size: 36px; margin: 0px 10px; } .blog_nav_glyph a { color: #00b4dc; } .blog_article_img { width: 100%; max-width: 600px; float: right; margin-top: 10px; margin-left: 20px; margin-right: 40px; } .blog_excerpt { width: 100%; max-width: 700px; min-width: 240px; } .blog_excerpt p { margin: 20px; } .blog_excerpt a { color:#00b4dc; } .blog_excerpt h3 { margin: 0px 20px; font-weight: 400; } .blog_full a { color:#00b4dc; } .blog_full p { margin: 20px; } .blog_row {float: none; clear; both;} .blog_plus_link { display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-weight: 200; color:#FFFFFF!important; padding: 12px 12px; background-color:#00b4dc; margin-bottom: 20px; margin-left: 20px; } .blog_minus_link { display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-size: 21px; font-weight: 200; color:#FFFFFF!important; padding: 11px 13px; background-color:#00b4dc; margin-bottom: 20px; margin-left: 20px; } .exec_bio { float: left; width: 30%; min-width: 240px; margin: 15px 30px 15px 0px; padding: 0px; } .exec_photo { width: 100%; padding: 0px; } .exec_bio img { max-width: 300px; } .bod_logo { float: right; height: 80px; margin-right: 20px; margin-top: 0px; } .about_float_right { width: 360px; float: right; margin-top: -160px; margin-left: 40px; } .slider_nav_hex { font-size: 18px; line-height: 21px; color:#d6d6d6; margin: 0px 9px; } .slider_nav_hex a { color:#d6d6d6; } .slider_nav_hex:hover { font-size: 18px; line-height: 21px; color:#00b4dc; margin: 0px 9px; } .mySlides { transition: 1.0s; background-color:#f2f2f2; } .mySlides h2 { font-size: 36px; color:#525252; text-align: center!important; width: 90%; padding-right: 5px; margin-left: auto; margin-right: auto; } .mySlides h2:after { margin: 0px auto; } .mySlides img { width: 90%; max-width: 1050px; margin-left: auto; margin-right: auto; margin-top: -30px; } .w3-animate-opacity { animation: opac 1.5s; } @keyframes opac { from{opacity:0} to{opacity:1} } .demo { transition: 0.5s; } .nav_hex { width: 24px!important; } #imh .imh_mobile { display: none; } #imh .imh_desktop { display: block; } .slider_nav { width: 100%; text-align: center; padding-top: 15px; margin-bottom: -30px; } .slider_label { width: 100%; text-align: center; margin-top: -20px; } .slider_button { width: 100%; text-align: center; margin-top: -10px; } .home_content_area { display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 10vh; } .imh_content_area { display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 10vh; padding-right: 0px;} .home_left_image { float: left; width: 40%; max-width: 400px; min-width: 200px; text-align: left; } .home_left_image img { max-width: 350px; } .home_right_text { float: left; width: 60%; max-width: 800px; min-width: 240px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; text-align: left; } .home_left_text { float: left; width: 60%; max-width: 800px; min-width: 240px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; text-align: left; } .home_right_image { float: left; width: 40%; max-width: 400px; min-width: 200px; text-align: right; } .home_right_image img { max-width: 350px; } .two_products_half { float: left; width: 50%; max-width: 600px; min-width: 240px; text-align: center; } .mini_diagram { width: 100%; max-width: 495px; } .home_plus_link { display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; font-weight: 400; color:#FFFFFF!important; padding: 8px 12px; background-color:#00b4dc; margin-top: 20px; margin-bottom: 20px; } .end_call_out p { padding-bottom: 30px!important; } .content_link { color:#00b4dc!important; } .on_dark { color:#F2F2F2; } .on_light { color:#231F20; } .on_light_fade { color:#7f7f7f; } .float_appear { opacity: 1!important; transition: 0.5s; } .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; } .dark_bkg { background-color:#231F20; } .white_bkg { background-color:#FFFFFF; } .light_bkg { background-color:#F2F2F2; } .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; } .half_col { display: block; width: 45%; float: left; max-width: 600px; padding: 10px; } .third_col { display: block; width: 30%; float: left; min-width: 300px; padding: 0px 20px 20px 0px; } .figure_full { text-align: center; width: 100%; max-width: 1050px; min-width: 240px; margin-left:auto; margin-right: auto; } .figure_full img { text-align: center; width: 100%; max-width: 1050px; min-width: 240px; } .caption_on_light { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color: #525252; text-align: left; margin: 20px; font-size: 12px; font-weight: 400; text-transform: uppercase; border-style: solid; border-color: #7f7f7f; border-width: 0.5px 0px 0px 0px; padding-top: 6px; } .caption_on_dark { font-family: 'Source Sans Pro', Trebuchet, sans-serif;color: #D2CFD0; text-align: left; margin: 20px; font-size: 12px; text-transform: uppercase; font-weight: 400; border-style: solid; border-color: #7f7f7f; border-width: 0.5px 0px 0px 0px; padding-top: 6px; } .figure_half_center { text-align: center; width: 100%; max-width: 700px; min-width: 280px; margin-left: auto; margin-right: auto; } .figure_half_center img { margin-left: auto; margin-right: auto; width: 100%; max-width: 700px; min-width: 280px; } .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; font-weight: 400!important; } .menu_sub_section { margin-left: 0px; color:#D2CFD0; } .menu_item { margin-left: 6px; color:#FFFFFF; } .menu_item_grey { margin-left: 6px; color:#D2CFD0; font-weight: 400; font-size: 18px; } .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_icon { cursor: pointer; z-index: 999999; } .bar1 { width: 6px; height: 26px; background-color: #FFF; margin-left: 22px; margin-top: 26px; transition: 0.5s; z-index: 99999; } .bar2 { width: 26px; height: 6px; background-color: #FFF; margin-top: -16px; margin-left: 12px; transition: 0.5s; z-index:99999; } .change .bar1 { -webkit-transform: rotate(45deg) translate(3px, -3px); transform: rotate(45deg) translate(3px, -3px); } .change .bar2 { -webkit-transform: rotate(45deg) translate(3px, -3px); transform: rotate(45deg) translate(3px, -3px); } .page_title { height: 100%; } .page_title p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 60px; line-height: 72px; font-weight: 200; padding-top: 60px; margin-bottom: 0px; color:#FFFFFF; text-align: center; } .page_title:after { content: ""; display: block; margin-left: auto; margin-right: auto; width: 60px; padding-top: 20px; border-bottom: 2px solid #00b4dc; } .landing_page_title { height: 100%; padding: 0px; margin: 0px auto; text-align:center; } .landing_page_title p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 27px; line-height: 36px; font-weight: 200; padding-top: 0px; margin-bottom: 0px; color:#FFFFFF; text-align: center; } .landing_page_logo { width: 90%; max-width: 200px; margin: 0px auto; } .cta_bold { font-weight: 600; } .collateral_third { float: left; width: 33%; min-width: 280px; max-width: 370px; padding: 0px; } .collateral_third p { text-align: center!important; font-size: 21px!important; font-weight: 600; line-height: 32px; } .collateral_third img { width: 100%; max-width: 210px; } .collateral_third .fa-external-link-alt { color:#00B4DC!important; } .collateral_third a { color:#00b4dc!important; } .onDark a { color:#FFFFFF!important; } .onDark a:hover { color:#000000!important; } .onLight a { color:#000000!important; } .onLight a:hover { color:#FFFFFF!important; } .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: 2px 15px 9px 5px; border-color:#FFFFFF; border-width: 0px 1px 0px 0px; font-size: 24px; } .product_cta_row_right .product_CTA_plus { color: #FFFFFF; position: relative; top: 2px; text-align: center; font-family: 'Source Sans Pro', sans-serif; border-style: solid; padding: 7px 15px 9px 5px; border-color:#000000; border-width: 0px 1px 0px 0px; font-size: 24px; } .product_cta_row_right .product_CTA_plus:hover { color:#000000; } .product_cta_row_right .product_CTA_link { 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; } .product_cta_row_right .product_CTA_link: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; } #imh .arrow_button { display: inline; padding: 8px 10px 10px 10px; background-color:#00b4dc; } .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; } .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; } .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; } .figure_med_right { float: right; text-align: center; width: 100%; max-width: 700px; min-width: 280px; margin-left: 30px; margin-top: 20px; } .figure_med_right img { text-align: center; width: 100%; max-width: 700px; min-width: 280px; margin-top: -110px; } .figure_med_right_ULL { float: right; text-align: center; width: 100%; max-width: 700px; min-width: 280px; margin-left: 30px; } .figure_med_right_ULL img { text-align: center; width: 100%; max-width: 700px; min-width: 280px; } .copy_third { float: left; width: 33%; padding: 0px 0px 10px 0px; } .copy_third p { line-height: 27px; font-weight: 300; padding-right: 30px; margin: 0px; } .copy_third h3 { margin: 0px; } .copy_third h4 { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 500; font-size: 21px; line-height: 24px; color:#525252; margin: 20px 0px 5px 0px; padding-right: 20px; } #mobile_menu .active { color:#00b4dc!important; } .active { color:#00b4dc!important; } .figure_half_left { float: left; text-align: center; width: 50%; max-width: 550px; min-width: 280px; margin: 0px; padding: 0px; } .figure_half_left img { width: 99%; max-width: 525px; min-width: 240px; margin: 0px; padding: 0px; } .mobile_show { display: none; } .mobile_hide { display: block; } #contact_content { position: relative; z-index: 800; } /******* STYLES THAT NEED TO BE DEFINED FOR SCREENS ABOVE 1201 *******/ @media only screen and (min-width: 1201px) { #contact_content #blue_hex { position: absolute; right: 10vw; top: -5vh; z-index: 88888; } .blog_img { width: 100%; max-width: 600px; min-width: 240px; min-height: 325px; } .blog_item { background-color:#F2f2f2; padding: 0px 0px 10px 0px; margin-bottom: 20px; min-height: 650px; } .case_study_third_1 { display: block; width: 31%; float: left; min-width: 300px; padding: 0px 10px; margin-bottom: 20px; } .case_study_third_2 { display: block; width: 31%; float: center; min-width: 300px; padding: 0px 10px; margin-bottom: 20px; margin-left: 15px; } .case_study_third_3 { display: block; width: 31%; float: right; min-width: 300px; padding: 0px 10px; margin-bottom: 20px; } #intro_white_text_new { position: relative; color:#525252; text-align: center; font-size: 68px; line-height: 48px; font-weight: 300; margin-top: 20vh; z-index: 999;} #intro_blue_text_new { position: relative; font-size: 48px!important; line-height: 56px!important; color:#00b4dc; margin-top: 12vh!important; margin-bottom: 10vh; font-weight: 400; text-align: center; z-index: 999;} #blue_hex_M { position: relative; width: 9vw; min-width: 120px; max-width: 180px; padding-top: 12vh; z-index: 11; } .intro_blurb { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; color:#525252; margin: 20px; } .intro_blurb_case { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; color:#525252; margin: 20px 0px; } #about_section_1_content p { padding-top: 30px; } .case_study_third_1 h2, .case_study_third_2 h2, .case_study_third_3 h2{ font-size: 36px; line-height: 42px; } .technology_half h2 { font-size: 36px; line-height: 42px; } .technology_half { float: left; width: 44%; max-width: 560px; min-width: 240px; padding: 0px 20px; margin-bottom: 20px; } .blog_half { float: left; width: 47%; max-width: 560px; min-width: 240px; padding: 10px; margin-bottom: -20px; } #promo_content .promo_text { margin-left: auto; margin-right: auto; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 36px!important; line-height: 36px!important; font-weight: 300; color:#525252; } #promo_content .promo_text:after { content: ""; display: block; margin: 0px auto; width: 90px; padding-top: 20px; border-bottom: 1px solid #00b4dc; } #slider3 { margin: 0px -20px 0px 30px; padding: 0px; } #careers_equation { margin-top: 0px; } #highest_perf_mode_core_symbol { padding-right: 0px; padding-left: 150px;} .highest_perf_para_1 { width: 85%; padding-right: 120px; } .home_responsive_row { display: block; clear: both; width: 100%; min-height: 70vh; max-height: 100vh; margin: 0px; padding: 20vh 0px; display: block; overflow-x: hidden; } .intro_responsive_row { display: block; clear: both; width: 100%; height: 100vh; margin: 0px; padding: 20vh 0px; display: block; overflow-x: hidden; } .imh_responsive_row { display: block; clear: both; width: 100%; min-height: 100vh; margin: 0px; padding: 0vh 0px 5vh 0px; display: block; overflow-x: hidden; } #down_arrow { position: relative; width: 142px; z-index: 200; } .down_arrow { display: block; text-align: center; width: 100%; padding: 20px 0px; } #two_products, #imh { min-height: 100vh; } #two_products { padding: 10vh 0; } #two_products_content .product_title { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 200; font-size: 56px; line-height: 64px; } } @media only screen and (max-width: 768px) and (orientation: landscape) { #main { margin-top: 40px!important; } #intro_white_text_new { position: relative; color:#525252; text-align: center; font-size: 36px; line-height: 42px; font-weight: 300; margin-top: 20vh; z-index: 999;} #intro_blue_text_new { position: relative; font-size: 32px!important; line-height: 36px!important; color:#00b4dc; margin-top: 35vh!important; margin-bottom: 10vh; text-align: center; z-index: 999;} #careers_equation { width: 50%!important; max-width:500px!important; float: none; margin-top: 40px; margin-left: 40px; margin-bottom: 40px; } #sd_wan_image, #uc_image { width: 50%!important; max-width: 670px; float:right!important; margin-right: -40px; padding-left: -20px; margin-top: 0px!important; } #ull_image { width: 50%!important; max-width: 670px; float:right!important; margin-right: -40px; padding-left: -20px; margin-top: 0px!important; } .page_end_CTA { float: right!important; } #two_products_content .product_title { font-weight: 200; font-size: 24px!important; line-height: 36px!important; } #two_products_content p { padding: 0px 20px; } } @media only screen and (min-width: 769px) and (max-width: 890px) and (orientation: landscape) { #main { margin-top: 40px!important; } #intro_white_text_new { position: relative; color:#525252; text-align: center; font-size: 36px; line-height: 42px; font-weight: 300; margin-top: 20vh; z-index: 999;} #intro_blue_text_new { position: relative; font-size: 32px!important; line-height: 36px!important; color:#00b4dc; margin-top: 20vh!important; margin-bottom: 10vh; text-align: center; z-index: 999;} .mySlides h2 { font-size: 27px; line-height: 30px; } #careers_equation { width: 50%!important; max-width:500px!important; float: none; margin-top: 40px; margin-left: 40px; margin-bottom: 40px; } #sd_wan_image, #uc_image { width: 50%!important; max-width: 670px; float:right!important; margin-right: -40px; padding-left: -20px; margin-top: 0px!important; } #ull_image { width: 50%!important; max-width: 670px; float:right!important; margin-right: -40px; padding-left: -20px; margin-top: 0px!important; } .page_end_CTA { float: right!important; } } @media only screen and (max-width: 640px) and (orientation: portrait) { #main { margin-top: 0px!important; height: 95vh!important; } #imh .imh_mobile { display: block; } #imh .imh_desktop { display: none; } } @media only screen and (max-width: 1200px) { #blue_hex_M { width: 9vw; min-width: 120px; max-width: 180px; padding-top: 12vh; } .blog_img { width: 100%; max-width: 700px; min-width: 240px; min-height: 250px; } .blog_item { background-color:#F2f2f2; padding: 0px 0px 10px 0px; margin-bottom: 20px; min-height: 620px; } .case_study_third_1, .case_study_third_2, .case_study_third_3 { display: block; width: 100%; float: none; min-width: 300px; padding: 0px 10px; margin-bottom: 60px; } #intro_white_text_new { position: relative; color:#525252; text-align: center; font-size: 68px; line-height: 48px; font-weight: 300; margin-top: 20vh; z-index: 999;} #intro_blue_text_new { position: relative; font-size: 45px!important; line-height: 52px!important; color:#00b4dc; margin-top: 20vh!important; margin-bottom: 10vh; font-weight: 400; text-align: center; z-index: 999;} .intro_blurb { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; color:#525252; margin: 20px; } .intro_blurb_case { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; color:#525252; margin: 20px 0px; } .technology_half h2 { font-size: 32px; line-height: 36px; } .case_study_third_1 h2, .case_study_third_2 h2, .case_study_third_3 h2 { font-size: 32px; line-height: 36px; } .home_content_area, .content_area, .mega_menu_content_area, .mobile_menu_content_area, .header_content_area, .footer_content_area, .copyright_content_area { width: 90%; } .third_col { min-width: 240px; } .imh_responsive_row { display: block; clear: both; width: 100%; min-height: 10vh; margin: 0px; padding: 0vh 0px 10vh 0px; display: block; overflow-x: hidden; } #down_arrow { display: none; } .down_arrow { display: none; } #slider3 { margin: 0px 20px 0px -20px; padding: 0px; } .home_right_text h2, .home_left_text h2 { margin-top: 0px; font-size: 36px; line-height: 48px; text-align: left; font-weight: 300; } .home_plus_link { margin-bottom: 90px; } #two_products { min-height: 10vh; padding: 5vh 0 10vh 0; } } @media only screen and (min-width: 1025px) { #blue_hex_contact { position: absolute; right: 10vw; top: 10vh!important; width: 180px; z-index: 999; } #sd_wan_image, #uc_image { width: 100%; max-width: 670px; float:right; margin-right: -40px; padding-left: -20px; margin-top: -60px; } #ull_image { width: 100%; max-width: 670px; float:right; margin-right: -40px; padding-left: -20px; margin-top: -10px; } } @media only screen and (max-width: 1024px) { .blog_img { width: 100%; max-width: 600px; min-width: 240px; min-height: 150px; } .blog_item { background-color:#F2f2f2; padding: 0px 0px 10px 0px; margin-bottom: 20px; min-height: 560px; } #contact_content img { width: 200px; margin-right: -20px; } } @media only screen and (max-width: 890px) { #contact_content #blue_hex img { max-width: 120px; } .product_cta_row_left { width: 100%; float: none; text-align: center; } .product_cta_row_right { width: 100%; float: none; text-align: center; padding-top: 36px; padding-bottom: 20px; } .mobile_show { display: block; } .mobile_hide { display: none; } .social_icons { padding-top: 10px!important; } .social_icons a { color:#FFFFFF; margin-right: 20px; font-size: 21px; } #footer_cta_content p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; color:#FFFFFF; font-size: 21px; line-height: 36px; text-align: center; } p, li { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 300; font-size: 17px; line-height: 27px; } #header_img { margin-top: 0px; height: 140px; } .page_title { margin-top: 50px; margin-bottom: -50px; } .page_title p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 36px; line-height: 48px; font-weight: 200; margin-bottom: 0px; padding-top: 50px!important; color:#FFFFFF; text-align: center; } .page_title:after { content: ""; display: block; margin-left: auto; margin-right: auto; width: 60px; padding-top: 10px; border-bottom: 2px solid #00b4dc; } .bar1 { width: 4px; height: 20px; background-color: #FFF; margin-left: 20px; margin-top: 20px; transition: 0.5s; z-index: 99999; } .bar2 { width: 20px; height: 4px; background-color: #FFF; margin-top: -12px; margin-left: 12px; transition: 0.5s; z-index:99999; } .change .bar1 { -webkit-transform: rotate(45deg) translate(3px, -3px); transform: rotate(45deg) translate(3px, -3px); } .change .bar2 { -webkit-transform: rotate(45deg) translate(3px, -#px); transform: rotate(45deg) translate(3px, -3px); } .figure_med_right_m { float: none; width: 90%; max-width: 700px; min-width: 240px; margin-top: 30px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .third_col { float: none; width: 90%; } #header { position: fixed; top: 0; left: 0; width: 100%; margin: 0px; padding: 0px; height: 60px; background-color:#000000; z-index: 9999; transition: 0.5s; } #branding { text-align: center; min-width: 140px; transition: 0.5s; } #mode_logo { width: 140px; margin-top: 0px; transition: 0.5s; } #get_mode { float: right; width: 10%; text-align: right; min-width: 36px; padding-top: 11px; } #get_mode_button { width: 36px; height: 36px; margin: 0px; padding: 0px; float: right; } #intro { margin-top: 48px; } #menu { margin-top: -20px; } #mega_menu { display: none; } #mobile_menu { display: block; margin-top: 0px; padding-left: 20px; } #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; } .story_nav_hex, .story_nav_hex_on { display: none; } #product_cta_row_content .arrow_button { margin-left: 0px!important; } .end_call_out { font-size: 18px!important; line-height: 24px!important; margin-left: 0px!important; font-weight: 600!important; } .page_end_CTA { width: 120px; } .blog_article_img { float: none; width: 90%; margin: 0px; padding-left: 20px; } #privacy_policy p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400; font-size: 17px; line-height: 27px; } #privacy_policy li { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400; font-size: 17px; line-height: 27px; } .bod_logo_m { float: none; height: 80px; margin-right: 0px; margin-top: 0px; } } @media only screen and (min-width: 891px) and (max-width: 1024px) { #contact_content #blue_hex { position: absolute; right: 10vw; top: -5vh; z-index: 88888; } #blue_hex_contact { position: absolute; right: 10vw; top: 10vh; width: 180px; z-index: 999; } #promo_content .promo_text { margin-left: auto; margin-right: auto; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 36px!important; line-height: 36px!important; font-weight: 300; color:#525252; } #promo_content .promo_text:after { content: ""; display: block; margin: 0px auto; width: 90px; padding-top: 20px; border-bottom: 1px solid #00b4dc; } .menu_column { float: left; width: 20%; padding-left: 21px; } #mega_menu { padding-left: 40px; padding-top: 10vh; } .imh_responsive_row { display: block; clear: both; width: 100%; min-height: 10vh; margin: 0px; padding: 0vh 0px 10vh 0px; display: block; overflow-x: hidden; } .imh_content_area { width: 90%; margin: 0px auto; } .home_content_area, .header_content_area { width: 90%; margin: 0px auto; } #down_arrow { display: none; } .down_arrow { display: none; } } @media only screen and (min-width: 1025px ) and (max-width: 1200px) { #blue_hex_contact { position: absolute; right: 10vw; top: -0vh; z-index: 88888; } #promo_content .promo_text { margin-left: auto; margin-right: auto; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 36px!important; line-height: 36px!important; font-weight: 300; color:#525252; } #promo_content .promo_text:after { content: ""; display: block; margin: 0px auto; width: 90px; padding-top: 20px; border-bottom: 1px solid #00b4dc; } .imh_responsive_row { display: block; clear: both; width: 100%; min-height: 10vh; margin: 0px; padding: 0vh 0px 10vh 0px; display: block; overflow-x: hidden; } .imh_content_area { width: 90%; margin: 0px auto; } .content_area, .home_content_area, .header_content_area { width: 90%; margin: 0px auto; } #down_arrow { display: none; } .down_arrow { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .blog_img { width: 100%; max-width: 600px; min-width: 240px; min-height: 250px; } .blog_item { background-color:#F2f2f2; padding: 0px 0px 10px 0px; margin-bottom: 20px; min-height: 620px; } } @media only screen and (min-width: 769px) and (max-width: 1200px) { .get_mode_img { float: right; max-width: 200px; min-width: 200px; margin-top: 40px; margin-right: 70px; } .technology_half { float: left; width: 44%; max-width: 560px; min-width: 240px; padding: 0px 20px; margin-bottom: 20px; } .blog_half { float: left; width: 47%; max-width: 560px; min-width: 240px; padding: 10px; margin-bottom: -20px; } #two_products_content .product_title { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 200; font-size: 36px; line-height: 48px; } .intro_responsive_row { display: block; clear: both; width: 100%; height: 100vh; margin: 0px; padding: -5vh 0px; display: block; overflow-x: hidden; text-align: center; } /* SEL NEW STYLE 092818*/ .home_responsive_row { display: block; clear: both; width: 100%; min-height: 10vh; margin: 0px; padding: 10vh 0px 10vh 0px; display: block; overflow: hidden; text-align: center; } /* SEL NEW STYLE 092818*/ } @media only screen and (min-width: 769px) and (max-width: 1024px) { #careers_equation { width: 100%; max-width:420px!important; float: right; margin-top: 40px; margin-left: 40px; margin-bottom: 60px; } #sd_wan_image, #uc_image { width: 100%; max-width: 500px; float:right; margin-right: -40px; padding-left: -20px; } #ull_image { width: 100%; max-width: 500px; float:right; margin-right: -40px; padding-left: -20px; margin-top: 20px; } .exec_bio { float: none; clear: both; width: 100%; min-width: 240px; margin: 0px 0px 40px 0px!important; padding: 0px!important; } .exec_bio img { width: 240px; float: left!important; margin: 0px 30px 30px 0px; } .home_left_image img { max-width: 300px; margin-left: -20px;} .home_right_image img { max-width: 300px; } } @media only screen and (min-width: 769px) and (max-width: 890px) and (orientation: portrait) { #blue_hex_M { width: 20vw; min-width: 90px; max-width: 180px; padding-top: 12vh } #intro_blue_text_new { position: relative; font-size: 42px!important; line-height: 48px!important; color:#00b4dc; margin-top: 10vh!important; margin-bottom: 10vh; text-align: center; z-index: 999;} #blue_hex_contact { display: none; } } @media only screen and (max-width: 890px) and (orientation: landscape) { #intro_white_text_new { position: relative; color:#525252; text-align: center; font-size: 36px; line-height: 42px; font-weight: 300; margin-top: 10vh; z-index: 999;} #intro_blue_text_new { position: relative; font-size: 32px!important; line-height: 36px!important; color:#00b4dc; margin-top: 6vh!important; margin-bottom: 10vh; text-align: center; z-index: 999;} #blue_hex_M { width: 9vw; min-width: 120px; max-width: 180px; padding-top: 3vh } .blog_half { float: none; width: 100%; max-width: 700px; min-width: 240px; padding: 10px; } .blog_img { width: 100%; max-width: 700px; min-width: 240px; min-height: 250px; } #blue_hex_contact { display: none; } .technology_half { float: none; width: 100%; max-width: 700px; min-width: 240px; padding: 0px 20px; margin-bottom: 60px; } } @media only screen and (min-width: 769px) and (max-width: 890px) { #promo_content .promo_text { margin-left: auto; margin-right: auto; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 27px!important; line-height: 32px!important; font-weight: 300; color:#525252; } #promo_content .promo_text:after { content: ""; display: block; margin: 0px auto; width: 90px; padding-top: 20px; border-bottom: 1px solid #00b4dc; } .imh_responsive_row { display: block; clear: both; width: 100%; min-height: 10vh; margin: 0px; padding: 0vh 0px 10vh 0px; display: block; overflow-x: hidden; } .imh_content_area { width: 90%; margin: 0px auto; } .content_area, .home_content_area, .header_content_area { width: 90%; margin: 0px auto; } #down_arrow { display: none; } .down_arrow { display: none; } #highest_perf_mode_core_symbol { float: right; width: 100%; max-width: 120px; min-width: 90px; margin-top: 0px; padding-left: 30px; } #contact_content h2 { font-size: 36px; line-height: 42px; } .home_left_image img { max-width: 320px; margin-left: -40px; } .home_right_image img { max-width: 270px; } #product_intro_content h3 { font-size: 19px; line-height: 30px; margin-top: 0px; } #product_section_1_content h2, #product_features_content h2, #case_study_section_1_content h2 { font-size: 32px; } } @media only screen and (max-width: 768px) { #blue_hex_contact { display: none; } #header_img { padding: 0px; height: 90px!important; } .blog_half { float: none; width: 100%; max-width: 700px; min-width: 240px; padding: 10px; } .blog_img { width: 100%; max-width: 700px; min-width: 240px; min-height: 50px; } .intro_blurb { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400!important; font-size: 24px!important; line-height: 32px; color:#525252; margin: 20px 0px; } .intro_blurb_case { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 400!important; font-size: 24px!important; line-height: 32px; color:#525252; margin: 20px 0px; } .case_study_third_1 h2, .case_study_third_2 h2, .case_study_third_3 h2 { font-size: 27px; line-height: 32px; } .technology_half h2 { font-size: 27px; line-height: 32px; } #promo_content .promo_text { margin-left: auto; margin-right: auto; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 21px!important; line-height: 27px!important; font-weight: 300; color:#525252; } #promo_content .promo_text:after { content: ""; display: block; margin: 0px auto; width: 90px; padding-top: 20px; border-bottom: 1px solid #00b4dc; } body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Prevents Mobile Safari from bumping up font sizes in landscape */ .intro_responsive_row { display: block; clear: both; width: 100%; height: 100vh; margin: 0px; padding: -5vh 0px; display: block; overflow-x: hidden; text-align: center; } /* SEL NEW STYLE 092818*/ .home_responsive_row { display: block; clear: both; width: 100%; min-height: 10vh; margin: 0px; padding: 10vh 0px 5vh 0px; display: block; overflow-x: hidden; text-align: center; } /* SEL NEW STYLE 092818*/ #down_arrow { display: none; } .down_arrow { display: none; } .imh_content_area { width: 90%; margin: 0px auto; padding-bottom: 40px; } .content_area, .home_content_area, .header_content_area { width: 90%; margin: 0px auto; } #two_products_content .product_title { font-weight: 200; font-size: 36px; line-height: 48px; } #product_section_1_content h2, #product_features_content h2, #case_study_section_1_content h2 { font-size: 24px; } #product_intro_content h3 { font-size: 17px; line-height: 27px; margin-top: 0px; font-weight: 400; } .content_area p, .content_area li { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-weight: 300; font-size: 16px!important; line-height: 24px; } .copy_third { float: none; width: 100%; min-width: 230px; max-width: 700px; padding: 0px 0px 0px 0px; } .copy_third p { display: inline; padding-right: 10px!important; } .copy_third h3, .copy_third h4 { margin: 10px 0px 0px 0px; font-size: 18px; font-weight: 500;} .figure_half_left { float: none; text-align: center!important; width: 100%; min-width: 240px; margin: 0px; padding: 0px; } .figure_half_left img { width: 90%; margin-left:auto; margin-right: auto; padding: 0px; } .half_col { float: none; width: 90%; } h1, h2 { font-size: 27px; line-height: 32px; padding-left: 0px; } .slider_label h3 { font-weight: 400; } h3 { font-size: 21px; font-weight: 300; } .content_area p { padding: 0px; } .page_title { margin-top: 50px; margin-bottom: -50px; } .page_title p { font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 24px; line-height: 32px; font-weight: 200; margin-bottom: 0px; padding-top: 24px!important; color:#FFFFFF; text-align: center; } .get_mode_img { display: none; } #careers_equation { width: 100%; max-width:500px!important; float: none; margin: 40px 0px 20px 0px; } .hire-jobs { margin-top: -60px; margin-left: -14px; } #sd_wan_image, #uc_image, #ull_image { width: 100%; margin-left: auto; margin-right: auto; float:none; clear: both; margin-bottom: 40px; } .features_row .copy_third { float: none; width: 100%; border-style: solid; border-width: 1px 0px 0px 0px; border-color:#7f7f7f; margin-right: 12px; margin-bottom: 20px; } .mySlides h2 { font-size: 24px; line-height: 30px; } .mySlides h3 { font-size: 18px; line-height: 24px; } #two_products_left p { margin-left: -20px; margin-right: -10px; padding: 0px 20px; } #two_products_right { margin-right: -40px; } } @media only screen and (max-width: 767px) { .blog_item { background-color:#F2f2f2; padding: 0px 0px 10px 0px; margin-bottom: 20px; min-height: 60px; } } @media only screen and (min-width: 641px) and (max-width: 768px) { .home_left_image img { max-width: 300px; margin-left: -40px; } .home_right_image img { max-width: 270px; } } @media only screen and (min-width: 668px) and (max-width: 768px) { .technology_half { float: left; width: 44%; max-width: 560px; min-width: 240px; padding: 0px 20px; margin-bottom: 60px; } } @media only screen and (max-width: 667px) { .technology_half { float: none; width: 100%; max-width: 560px; min-width: 240px; padding: 0px 10px; margin-bottom: 60px; } } @media only screen and (min-width: 641px) { .home_right_image_mobile { display: none; } .home_right_image_desktop { display: block; } } @media only screen and (min-width: 641px) and (max-width: 1200px) { .home_right_text h2, .home_left_text h2 { margin-top: 0px; font-size: 36px; line-height: 48px; text-align: left; font-weight: 300; } } @media only screen and (max-width: 640px) { #intro_white_text_new { position: relative; color:#525252; text-align: center; font-size: 36px; line-height: 42px; font-weight: 300; margin-top: 12vh; z-index: 999;} #intro_blue_text_new { position: relative; font-size: 32px!important; line-height: 36px!important; color:#00b4dc; margin-top: 6vh!important; margin-bottom: 10vh; text-align: center; z-index: 999;} #blue_hex_M { width: 9vw; min-width: 90px; max-width: 120px; padding-top: 0vh } .technology_half { float: none; width: 100%; padding: 0px 10px; margin-left: -10px; margin-bottom: 60px; } .blog_half { float: none; width: 100%; padding: 10px; margin-left: -10px; margin-bottom: -20px; } .feature_columns { -moz-column-width: 100%; -webkit-column-width: 100%; column-width: 100%; } .feature_columns li { display: inline-block; width: 100%; min-width: 240px; min-height: 100px; } .mySlides h3 { text-align: center!important; } .two_products_half { float: none; width: 100%; max-width: 600px; min-width: 240px; text-align: center; } .home_left_text, .home_right_text { float: none; width: 100%!important; max-width: 600px; min-width: 240px; font-family: 'Source Sans Pro', Trebuchet, sans-serif; font-size: 18px; line-height: 24px; text-align: left; } .home_left_text p, .home_right_text p { margin-bottom: -6px; } .home_right_text h2, .home_left_text h2 { margin-top: 0px; font-size: 27px; line-height: 36px; text-align: left; font-weight: 300; } .home_right_image, .home_left_image { float: none; width: 100%; text-align: center; } .home_right_image img, .home_left_image img { max-width: 200px; margin-top: -30px; margin-bottom: 10px; } .home_right_image_mobile { display: block; } .home_right_image_desktop { display: none; } } @media only screen and (min-width: 541px) (max-width: 580px) { #intro_white_text { color: #FFFFFF; text-align: center; font-size: 32px; line-height: 45px; font-weight: 300; margin-top: -250px; } } @media only screen and (max-width: 540px) { #intro_white_text { color: #FFFFFF; text-align: center; font-size: 32px; line-height: 45px; font-weight: 300; margin-top: -350px; } #hex_globe { float: right; width: 100%; max-width: 120px; margin-left: auto; margin-right: auto; padding: 0px; } #two_products, #imh { min-height: 60vh; padding-top: 5vx; padding-bottom: 5vh; } #intro_white_text_new { position: relative; color:#525252; text-align: center; font-size: 36px; line-height: 36px; font-weight: 300; margin-top: 20vh; z-index: 999; padding: 0px 20px; } #intro_blue_text_new { position: relative; font-size: 32px!important; line-height: 36px!important; color:#00b4dc; margin-top: 12vh!important; margin-bottom: 10vh; text-align: center; z-index: 999; padding: 0px 20px; } #blue_hex_M { width: 20vw; min-width: 90px; max-width: 150px; padding-top: 10vh } } @media only screen and (min-width: 469px) and (max-width: 768px) { #mode_core_symbol { float: right; width: 100%; max-width: 120px; min-width: 90px; margin-top: 0px; padding-left: 30px; } #highest_perf_mode_core_symbol { float: right; width: 100%; max-width: 120px; min-width: 90px; margin-top: 0px; padding-left: 30px; } .exec_bio { float: none; clear: both; width: 100%; min-width: 180px; margin: 0px 0px 40px 0px!important; padding: 0px!important; } .exec_bio img { width: 180px; float: left!important; margin: 0px 30px 30px 0px; } .exec_bio p { margin-top: -20px!important; padding: 0px!important; font-size: 16px!important; line-height: 21px!important; } #careers_equation { width: 100%; max-width:500px!important; float: none; margin-top: 40px; margin-left: 40px; margin-bottom: 40px; } .news_img { float: left; width: 180px; padding: 0px 20px 30px 0px; } #news_section_1_content h3 { line-height: 27px!important; font-size: 21px!important; } } @media only screen and (max-width: 468px) { #intro_blue_text { font-size: 30px!important; line-height: 36px!important; color:#00b4dc; margin-top: 270px!important; margin-bottom: 0px; } .exec_bio { float: none; clear: both; width: 100%; min-width: 240px; margin: 0px 0px 30px 0px!important; padding: 0px!important; } .exec_bio img { float: none; width: 240px; margin: 0px; } #mode_core_symbol { float: none; clear:both; width: 100%; max-width: 120px!important; margin-top: -20px; padding-left: 0px; } #highest_perf_mode_core_symbol { float: right; width: 100%; max-width: 120px; min-width: 90px; margin-top: 0px; padding-left: 10px; } .caption_on_light, .caption_on_dark { margin: 20px 0px!important; } .news_img { float: none; clear: both; width: 100%; padding: 20px 00px 0px 0px; } #news_section_1_content h3 { line-height: 27px!important; font-size: 21px!important; margin-left: 0px; } .page_end_CTA { margin-top: 0px; margin-right: -30px; } } @media only screen and (max-width: 368px) { #intro_white_text { color: #FFFFFF; text-align: center; font-size: 32px; line-height: 45px; font-weight: 300; margin-top: -300px; } #intro_blue_text { font-size: 30px!important; line-height: 36px!important; color:#00b4dc; margin-top: 200px!important; margin-bottom: 0px; } #mode_logo { width: 120px; margin-top: 4px; transition: 0.5s; margin-left: -10px; } #nav_icon { margin-left: -10px; } .page_end_CTA { display: none; } } /* ----------- END MEDIA QUERIES --------------- */