/*@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(inc/assets/css/fonts/Roboto-thin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(inc/assets/css/fonts/Roboto-light.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(inc/assets/css/fonts/Roboto-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(inc/assets/css/fonts/Roboto-medium.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(inc/assets/css/fonts/Roboto-bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }*/ @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap'); /*general*/ .container { max-width: 1200px; } @media (min-width:2000px){ .container {max-width: 1200px;} } html,body{padding: 0!important;margin: 0;overflow-x: hidden; font-family:'Roboto', arial, sans-serif; font-style: normal;} b, strong {font-weight: 700;} a{color:#0271c1;} .navbar-brand a img{max-width: 200px;height:44px;} header#masthead{background-color: #fff; position: fixed; z-index: 55555; width: 100%; box-shadow: 0 5px 4px -3px rgba(0,0,0,.22);} body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{font-weight: 400;} body:not(.theme-preset-active) #masthead .navbar-nav > li{margin: 0 0.5vw;} body:not(.theme-preset-active) #masthead .navbar-nav > li > a:link, body:not(.theme-preset-active) #masthead .navbar-nav > li > a:visited{color: #000;font-size: 15px;font-weight: 400;text-transform:uppercase;} body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li > a:active {color: #58B1F9;} .dropdown-menu a.dropdown-item:hover {color: #58B1F9;} /*Special Homepage Message*/ .home .message {background: #000; color:#fff; text-align: center; padding: 50px 0 20px;border-bottom: 60px solid #338ad1;} .home .message .message-content {font-size: 28px; padding: 50px 0 10px; max-width:1100px; margin: 0 auto} .home .message img {margin: 20px 0;} .home .message .button {display: inline-block; padding: 5px 10px 10px 10px; font-size: 20px;margin-bottom: 15px; } .home .top-section .hero .slick-track {margin-top:0 !important;} .dropdown:hover .dropdown-menu{ display: block; } .dropdown-menu{ margin-top: 0; } /*Search box*/ .search-cont {position: relative;} .search-hide{ opacity: 0; max-height: 0; display: none;} #trigger { position: absolute; left: -999em;} .search-cont label i { color: #1971b9; font-size: 22px; position: relative; top: 5px; left: 3px; cursor: pointer; padding:10px; } .search-cont label i:hover { color: #2C8BD8; } .search-cont input[type="checkbox"]:checked + div{ max-height: 99em; opacity: 1; display: block; height: auto; overflow: hidden; position: absolute; width:260px; bottom:-38px; right:0px; background: #fff; box-shadow: 0 0 13px -3px rgb(0 0 0 / 40%); padding: 3px; border: 3px solid #1971b9; } .search-cont input[type="search"] {width:210px; border:none; padding: 8px; text-transform: none; font-size: 14px; } .search-cont input[type="search"]:focus {outline:1px solid #ccc; background: #eaeaea;} .search-cont form button {background: #fff; color:#1971b9; border:none; font-size: 18px; margin: 0; margin-top:1px; position: relative; top:2px;} .navbar-brand {margin-right:auto;} @media (max-width:400px){ .search-cont label i {top:8px; font-size: 20px;} body:not(.theme-preset-active) #masthead .navbar-nav > li > a {padding:7px 0.5rem;} .navbar-collapse.show + .search-cont {display: none;} .dropdown-menu li a.dropdown-item {font-size: 15px; padding-bottom:4px;} } /*------- Highlight contact button -------- */ body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight > a:link, body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight > a:visited{color: #fff;font-size: 16px;font-weight: 400;text-transform:uppercase; background-color: #1971b9; border-radius:0px; transition: all ease 0.2s;} body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight > a:active {color: #fff; background-color: #58b1f9; box-shadow: 0 2px 3px -2px rgba(0,0,0,.55);} body:not(.theme-preset-active) #masthead .navbar-nav > li.contact-btn{margin-right: 0} body:not(.theme-preset-active) #masthead .navbar-nav > li.contact-btn > a{border: 0.075em solid #0271c1;border-radius: 0.25em;color: #0271c1;padding: 0.25em 1.5em;} body:not(.theme-preset-active) #masthead .navbar-nav > li.contact-btn > a:hover{background:#0271c1;color: #fff;} body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{color: #0271c1} body:not(.theme-preset-active) #masthead .navbar-nav > li.contact-btn.active > a{color: #fff;background:#0271c1} body{font-size: 1.145vw;} @media (min-width:1400px) { body {font-size: 16px;} } @media(min-width:1024px){ figure.gaudi-chip {margin-right:-80px; margin-top:-40px; transform:scale(0.7);} } @media (max-width:600px){ figure.gaudi-chip {max-width:40%; height:auto;} } video{max-width: 100%;} .wp-block-embed__wrapper { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .wp-block-embed iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } body:not(.theme-preset-active) footer#colophon{font-size: 16px;} footer{margin-top: 0;padding:0vw 0 1vw;} .navbar-light .navbar-toggler{color: #1871B9;font-size: 1.75rem; border:none; margin-top:9px;} footer .navbar-nav {flex-direction: row;-ms-flex-direction: row; max-width:1400px; margin: 0 auto;} footer .navbar-nav ul.sub-menu {margin: 5px 0 0 0; padding: 0;} footer .navbar-nav ul.sub-menu li {padding: 0; margin: 1px 0;} footer .navbar-nav li{display: block;position: relative;padding-right:2vw;padding-left:2vw;} footer .container{max-width:1200px;} /*footer .navbar-nav li:after{width:0.1em;height:30%;display: inline-block;background: #fff;content: '';position: absolute;right: 0;bottom: 50%;transform: translateY(50%);-ms-transform: translateY(50%);}*/ footer .navbar-nav li:last-child:after{display: none;} footer .footer-logo{text-align: left; margin: 10px 0 20px 0;} footer .copy {text-align: center;} footer .footer-logo img {max-width:70%; height:65px;} footer .policy {text-align: center; margin-top:0px; display: block; font-size: 14px;} footer .copy {color: #000; height: 80px; align-items: center; display: flex; justify-content: center; font-size: 14px;} footer#colophon .navbar li a:link, footer#colophon .navbar li a:visited{color:#f5f5f5; font-size: 18px;} footer#colophon .navbar li a:hover, footer#colophon .navbar li a:active{color:#fff; text-decoration: none;} footer#colophon .navbar li ul.sub-menu li a:link, footer#colophon .navbar li ul.sub-menu li a:visited{font-size: 15px; color:#B5B5B5; transition:all ease 0.2s;} footer#colophon .navbar li ul.sub-menu li a:hover, footer#colophon .navbar li ul.sub-menu li a:active{ color:#fff; text-decoration: none;} footer .navbar {flex-direction: column; background: #000; padding: 40px;} footer#colophon .navbar li.disabled > a { pointer-events: none; cursor: default; } .icon-set-lsi_widget-3 a {border:1px solid;} @media (max-width:490px){ footer .footer-logo img {max-width:200px;} footer .copy {height: auto;} footer .widget_lsi_widget {margin: 5px auto;} } footer .navbar {flex-direction: column; background: #000; padding: 30px;} footer .widget_lsi_widget {margin: 20px auto; display: flex; justify-content: center;} footer .widget_lsi_widget .widget-title {color:#000; font-weight: 400; float: left; margin:8px 20px 0 0;} footer .lsi-social-icons li {border-radius:50%; border:2px solid #FFFFFF; margin:0 4px 0 4px !important;} footer .lsi-social-icons li a {padding: 4px;} .mejs__container{background:transparent!important;} .modal-content{border-radius: 0;} .gform_wrapper ul.gform_fields li.gfield,body .gform_wrapper .top_label div.ginput_container,body .gform_wrapper .top_label div.ginput_container,.gform_wrapper .ginput_container span:not(.ginput_price),.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select{margin: 0;} .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select,.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea,.gform_wrapper textarea.large, .gfield select{padding:0.8vw 0.2vw;border:none; border-bottom:1px solid #0271c1;font-weight: 300; border-radius: 0;margin: 0; text-align: left; background:#fafcff;} .gfield select{text-align: left; text-align-last: left;} .gform_wrapper label {} ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ /* text-transform: uppercase; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ /* text-transform: uppercase;*/ } ::-ms-input-placeholder { /* Microsoft Edge */ /* text-transform: uppercase;*/ } sup { position: relative; font-size: 40%; line-height: 0; vertical-align: baseline; top: -1.2em; } .gform_wrapper textarea.large{max-height:160px;} .gform_wrapper .ginput_complex .ginput_left{padding: 0;} .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{width:100%!important;} .gform_wrapper ul.gform_fields li.gfield,.gform_wrapper li.gfield.gfield_error.gfield_contains_required{padding: 0 3vw;position: relative;max-width:calc(100% - 16px)!important;margin:1.5vw 0 0 0;} .gform_wrapper div.validation_error{display: none!important;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background-color: white;border: 0;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-top:0;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding: 0;} .gform_wrapper .validation_message{color:red;position: absolute;left: 3vw;top:-1vw;font-size: 0.65em;} .gform_confirmation_message{text-align: center;font-weight: 400;font-size: 18px; padding: 0 100px;} .gform_not_found {display: none;} .gform_confirmation_message img{display: block;margin: auto;width:1.2em;} .gform_wrapper .ginput_container span:not(.ginput_price){display: inline;} div.ginput_complex.ginput_container.gf_name_has_1 span{display: block;padding-right: 0;} .top_label div.ginput_complex.ginput_container.gf_name_has_1, .top_label div.ginput_complex.ginput_container.gf_name_has_2, .top_label div.ginput_complex.ginput_container.gf_name_has_3{width: 100%;} .close{position: absolute;right: 0.5em;top:0.5em;z-index: 999;} select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -moz-border-radius: 0; /* Firefox 1-3.6 */ border-radius: 0; border:1px solid #0271c1;font-weight: 300;padding:0.2vw;margin:0;background:#fff;} .ginput_container {position: relative;} .ginput_container_select:before, .ginput_container_address:before{content: "\f347"; font-family: 'dashicons'; position: absolute; right: 15px; bottom: 9px; font-size: 25px; color: #1971b9;} .gform_wrapper .top_label li.gfield.gf_right_half{padding-left:20px;} .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {width:47.5%} @media(max-width:767px){ .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {width:100%;} .gform_wrapper .top_label li.gfield.gf_right_half {padding-left: 3vw;} } .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {font-weight: 300; text-transform: uppercase;} video::-webkit-media-controls-fullscreen-button { display: none !important; } @media (max-width: 1366px){ .container { max-width: 1200px; } footer .container{font-size: 15px;} } .slider .slick-prev, .slider .slick-next{height:3vw;width:2vw;} .hero-img, .graph img{width: 100%;} /*front page*/ /*Slick Slider*/ .home .slick-slide {max-height: 640px;} .hero .slick-dots {bottom:15px;} @media (max-width:1000px){ .hero .slick-dots {display: none !important;} } body.home .slick-dots {display: none;} .hero .slick-dots li button:before {font-size: 14px; color:#999; opacity:0.85} .hero .slick-dots li.slick-active button:before {color:#379fea;} .home .hero .overlay h2 { color: #57b0f1; font-size: 37px; font-weight: 300; margin-bottom: 15px; padding-bottom: 0; /*font-size: 42px;*/ line-height: 1.15; text-transform: uppercase;} .home .hero .overlay h2 span.white {color:#fff;} .home .hero p img {margin: 20px 0; max-width: 300px;} .button, .home .hero .overlay .button {color:#fff; background-color: #338AD1; font-size: 16px; padding: 4px 40px; /*text-transform: uppercase;*/ transition: all ease 0.2s; font-weight: 300;} .home .hero .overlay .button:after {/*content:'>>'; margin-left:5px;*/} .button:hover, .home .hero .overlay .button:hover {background-color: #58B1F9; text-decoration: none; color:#fff;} .home .hero .overlay {max-width:554px;} /*.hero .overlay p {white-space: nowrap;}*/ .home section.top-section{padding: 0;} .home .hero{position: relative;} .home .hero .container{position: absolute;bottom: 45%;right: 50%;transform: translate(50%,50%);-ms-transform: translate(50%,50%);} .home .hero .overlay, .home .hero .overlay h1{color:#fff} .slide-container.hide_slide{display: none;} /*.home .hero .overlay span{display: block}*/ .home .hero .overlay h1{font-weight: 100;padding: 0;margin: 0 0 0.75vw 0;font-size: 3.125vw;letter-spacing: 0.005em; transform: translateY(0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;} .home .hero .overlay .subtitle,.home .hero .overlay p{font-weight: 300;font-size:18px;} .home .hero .overlay p{margin-bottom: 0vw;} .home .top-section .hero .slick-track {margin-top:55px;} .home .top-section .notification {text-align: center; color:#fff; background:#134c9a; padding: 6px 10px; margin-top:-30px; margin-bottom: 35px; font-size: 17px;} .home .top-section .notification a:link, .home .top-section .notification a:visited {text-decoration: underline; color: #fff;} .home .top-section .notification a:hover, .home .top-section .notification a:active {text-decoration: underline; color: #A4C4EF;} /*Homepage header message*/ header section.message { text-align: center; padding: 6px; background: #338ad1; color: #fff; font-weight: bold; font-size: 16px; display: none; } header section.message a:link, header section.message a:visited {color:#fff; text-decoration:underline;} header section.message a:hover, header section.message a:active {color:#58b1f9;} /*Icon*/ .gb-headline.icon-right .gb-icon {order:5;} /*.inner-page .home .hero .overlay p {font-size: 1.35vw}*/ /*.inner-page .home .hero .overlay h2 {font-size: 66px;}*/ /*.home .hero .overlay a{background:url(inc/assets/images/btn.png) no-repeat;color: #fff; padding: 0.5vw; background-size: contain; display: block; text-align: center; width: 14vw;}*/ .home .hero .overlay .button {background: none; border:1px solid #338AD1;} .home .hero .overlay .button:hover {border:1px solid #8fbbe0;} .home .hero .overlay a{color: #fff; font-size: calc(1.5vw + 3px); margin-bottom: 0vw; display: inline-block;text-align: left; position: absolute; bottom:-70px; } .home .hero .overlay .button:hover {background:none; text-decoration: none; color:#fff;} .home .hero .overlay a:after {display: none;} .home .hero .overlay a:hover{text-decoration: none;} /*.home .hero .overlay .subtitle:after{content: '';display: block;height: 0.3em;width:1.8em;border-radius: 2em;background:#fff;margin: 2vw 0;}*/ section#announcements h2 {text-transform: uppercase; color:#1971B9; margin: 0; padding: 0; line-height: 1;} section#announcements p {font-size: 18px;} section#announcements .date, section#announcements .secondary .date{color:#333; font-size: 14px; display: block; margin-top:-2px; margin-bottom: 4px;} section#announcements h3 {font-weight: 400; text-transform: uppercase; margin: 1px 0; font-size: 20px; line-height: 1.3; margin-bottom: 5px;} section#announcements .secondary.row div.wrapper:first-child {/*border-right:1px solid #ccc;*/ margin-right: 4%;} section#announcements .secondary img { /* height: 140px; */ height:auto; object-fit: cover; width:100%; padding-right: 0px; border:none;} section#announcements .secondary {margin:100px 0; padding: 60px 0; font-size: 16px; border-top:1px solid #eee; border-bottom:1px solid #eee;} section#announcements .secondary .wrapper {padding-right:0; padding-left: 0; max-width: 48%} section#announcements .secondary .wrapper .inner {background: #f5f5f5; border-right:3px solid #0271c1; box-shadow: 12px 23px 27px -8px rgba(0,0,0,.2);} section#announcements .secondary .wrapper .inner .text {padding-top:15px; padding-right: 20px; position: relative;} section#announcements .secondary h4 {color: #1971B9; margin: 0; padding: 0; line-height: 22px; margin-bottom: 7px;} section#announcements .secondary p {margin: 0; font-size: 15px;} section#announcements .secondary .wrapper .inner .text a.read_more {position: absolute; right:30px; bottom:10px; font-weight: bold; font-size: 14px;} section#announcements .secondary.row.stacked div.wrapper{margin-right:0; max-width: 100%; } section#announcements .secondary.row.stacked div.wrapper:first-child {margin-bottom: 60px;} section#announcements .secondary.stacked .wrapper .inner {border:none; border-bottom:4px solid #0271c1;} section#announcements .secondary.stacked .wrapper .inner .text {padding-top:40px; padding-right:60px;} section#announcements .secondary.row.stacked div.wrapper p {font-size: 20px;} section#announcements .secondary.stacked h4 {font-size: 26px; line-height: 34px;} section#announcements .stacked .date, section#announcements .secondary.stacked .date {font-size: 20px;} section#announcements .secondary.stacked .wrapper .inner .text a.read_more {font-size:20px; right: 40px; bottom: 40px;} section#announcements .secondary.stacked img {height: 360px;} @media(max-width:767px){ section#announcements .secondary.stacked img {height: 240px;} section#announcements .secondary.stacked .wrapper .inner .text {padding-top:20px; padding-right: 25px;} section#announcements .secondary .wrapper .inner .text a.read_more {position: initial;} } .link_strip ul {margin: 10px 0; padding: 0; list-style: none; text-align: center; font-size: 16px;} .link_strip ul li {display: inline-block; margin: 0 3%;} .link_strip ul li a:link, .link_strip ul li a:visited{color: #e8f3f9;} .link_strip ul li a:hover, .link_strip ul li a:active{color: #fff; border-bottom:1px solid; text-decoration: none;} @media (max-width:767px){ .link_strip ul li {display: block; margin: 4px 0%;} } .home section#center_title { margin: 50px 0;} .home section#center_title h1, .home section#products h2, .home section#center_title h3 {max-width: 850px; margin: 0 auto; text-align: center; color:#1971B9; font-size:44px; font-weight: 300; line-height: 1.2;} .inner-page section.cta {padding-top:0;} section#products {padding-bottom:30px;} .home section#products h2 {margin-bottom:70px; text-transform: uppercase;} section#products .product-wrapper {background: #f5f5f5;box-shadow: 0 23px 27px -8px rgba(0,0,0,.2);} section#products .product-wrapper .product-content {text-align: left; padding: 40px; min-height: 410px;} section#products p {margin-bottom:0;} section#products .col-md-6 {text-align: left;} section#products h4 {font-size: 30px; color:#1971b9; margin-top:32px;} section#products p {min-height: 90px; font-size: 24px; line-height: 1.3; font-weight: 300;} section#products img {margin: 0px 0;} section#products a.button {display: block; background-color:#1971B9; color:#fff; padding: 7px 5px 7px 40px; font-size: 20px; transition: all ease 0.2s; margin: 10px 0; border-radius: 0px;} section#products a.button:hover {background-color: #58B1F9; text-decoration: none;} section#products.inner-products h2 {margin-bottom: 40px;} section#products.inner-products h4 {margin-top:0; font-weight: 400;} section#products.inner-products .product-wrapper .product-content {min-height: 280px;} section.content-promo .section-title {color:#0079bb; font-weight: 300; text-transform: uppercase; text-align: center; margin:10px 0 40px 0; font-size:34px;} section.content-promo .content_promo-wrapper img {margin-top:0;} section.content-promo a.button {display: block; background-color:#1971B9; color:#fff; padding: 7px 25px 7px 5px; font-size: 20px; transition: all ease 0.2s; margin: 10px 0; border-radius: 0px; text-align: right; font-weight: 400; height: auto !important;} section.content-promo a.button:hover {background:#58B1F9; } section.content-promo .content_promo-wrapper {background: #f5f5f5;box-shadow: 0 23px 27px -8px rgba(0,0,0,.2);} section.content-promo .content_promo-wrapper .content_promo-content {padding: 10px; font-size: 16px; text-align: left; min-height: 150px;} section.content-promo .content_promo-wrapper .content_promo-content p {font-size: 20px; letter-spacing: normal; text-align: left; margin-bottom:5px;} section.content-promo .content_promo-wrapper a {display: block; height:246px; clear: both;} section.content-promo .content_promo-wrapper a img {object-fit: cover; width: 100%; height: 100%;} /*Wide 4th item of promo section only for desktop*/ @media (min-width:767px){ section.content-promo .row .col-md-4:nth-child(4) {width:100%; max-width: 100%; flex: 0 0 100%; margin-top:50px;} section.content-promo .row .col-md-4:nth-child(4) .content_promo-wrapper {overflow: hidden;} section.content-promo .row .col-md-4:nth-child(4) .content_promo-wrapper a:first-child {display: block; float: right; width:48%;} section.content-promo .row .col-md-4:nth-child(4) .content_promo-wrapper a img {float: right; object-fit: contain; width:78%;} section.content-promo .row .col-md-4:nth-child(4) .content_promo-content {float: left; width:50%; padding:60px 30px 60px 150px;} section.content-promo .row .col-md-4:nth-child(4) .content_promo-wrapper a.button {margin:10px 0 0 0;} } section#news {background-color: #f7f7f7; padding: 20px 0 10px; margin-top:430px;} section#news .container {margin-top:-380px; border-top:2px solid #eee;} section#news .title {text-align: center; font-size: 64px; font-weight: 300; color:#1a71b9; margin: 50px 0;} section#news img.news_img {width:100%; object-fit: cover; height: 215px; border:none;} section#news .item {margin-bottom:60px; box-shadow: 0 23px 27px -8px rgba(0,0,0,.2); height:350px; transition: all ease 0.2s;} section#news .item:hover {transform: translateY(-3px);} section#news .item h4 {margin:5px 0 0 0; font-weight: 300; font-size: 16px; padding: 10px;} section#news .item a{font-size: 16px; color:#000;} section#news .item a:hover {text-decoration: none; color:#666;} section#news .item a.news-link {padding: 10px; color:#0271c1;} a.read_more:hover, section#news .item a.news-link:hover {text-decoration:none; color:#58B1F9;} section#products a.button:after, a.read_more:after, section#news .item a.news-link:after, a.button:after, .gform_button:after, .press-back a:before {font-family:dashicons; content: "\f345"; position: relative; left:1px; top:3px; transition: all ease 0.2s;} /*August 2021 updates */ .top-section .slick-dotted.slick-slider {margin-bottom: 0;} .alternate-grid .gb-container {margin-left:0;} video:hover {cursor: pointer;} /*Top AWS strip*/ .aws-strip {position: relative;} figure.all-in-top {position: absolute; top:57px; right:15%;} @media(max-width:768px){ .aws-strip .aws-drawing {display: none;} figure.all-in-top {position: relative; top:auto; right: auto;} .aws-gaudi {background-image:none !important; background: #fff;} .aws-gaudi .gb-grid-wrapper .gb-grid-column:nth-child(2) {background: #ffffff;} .aws-gaudi figure.wp-block-video {margin-bottom: 0; line-height: 0;} section#news { padding: 0px 0 10px; } } /*News Section update*/ section#news {margin-top:0; background: #fff;} section#news .container {margin-top:0px; border:none;} section#news .title {color:#fff; background-color: #01BBF4; font-size: 38px; margin: 0; padding:70px;} section#news .row {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;} section#news .col-md-3 { flex:unset; width:25%;} section#news .item {background-color:#1772BB; color:#fff; box-shadow: none;} section#news .item a:link, section#news .item a:visited{color:#eee;} section#news .item a:hover, section#news .item a:active{color:#fff;} section#news a.news-link:link, section#news a.news-link:visited{color:#01BBF4; font-weight: bold; font-size: 14px;} section#news .row .col-md-3:nth-child(n+5) .item {min-height: 100px; box-shadow: none; margin-bottom:20px; background: none; height: auto;} section#news .row .col-md-3:nth-child(n+5) .item img{display: none;} section#news .row .col-md-3:nth-child(n+5) .item h4 {padding-bottom: 2px;} section#news .row .col-md-3:nth-child(n+5) a.news-link {font-weight: bold; color:#1772BB; padding-top:2px;} section#news .row .col-md-3:nth-child(n+5) .item a:link, section#news .row .col-md-3:nth-child(n+5) .item a:visited, section#news .row .col-md-3:nth-child(n+5) .item a:hover, section#news .row .col-md-3:nth-child(n+5) .item a:active{color:#1772BB;} section#news .item:hover, section#news .row .col-md-3:nth-child(n+5) .item:hover {transform: translateY(0px);} section#news .container {padding:0;} /*End Update*/ section#products a.button:hover:after, a.read_more:hover:after, section#news .item a.news-link:hover:after, a.button:hover:after, .gform_button:hover:after{left:2px;} #main section.announcement:nth-child(even) {background: #eee;} section#hls.announcement img {transform: scale(1.3);} section#hls.announcement a.read_more {float: left; color:#58B1F9;} section#hls.announcement {background-image: url("images/section-dark-bg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover;} section#black.announcement, section#black.announcement h2, section#black.announcement p{color:#000;} section#white.announcement, section#white.announcement h2, section#white.announcement p{color:#fff;} section.announcement.blue.image {overflow: hidden;} section.announcement.blue.image img {height: 184px; transform: scale(2.40);} section.announcement.blue.image .col-md-6:nth-child(2) {text-align: center;} dl.spec-list { margin: 25px auto; width:75%; overflow: auto;} .spec-list dd { text-align: left; float: left; margin-bottom:4px;} .spec-list dt{float: left; clear: left; width:180px; margin-right:20px;} .spec-list dt p {display: none;} .row.two-columns {margin-top: 80px; margin-bottom: 100px;} .inner-page .content-area .row.two-columns img {margin-top:0;} .inner-page .content-area .row.two-columns p {/*text-align: left;*/} .inner-page .content-area .row.two-columns h5 {font-size: 26px; line-height: 1; margin-top:0;} /*Blog Archive*/ body.archive {background-image: url(images/blog-header-optimized.jpg); background-repeat: no-repeat; background-size: contain;} .blog-archive, .archive .media-center {margin-top:10%;} body.archive #main .page-header {color:#fff; margin-left: 70%; margin-top:10%;} body.archive #main .page-header h1.page-title {color:#fff; margin-bottom: 0; padding-bottom: 0;} body.archive #main .page-header .archive-description {color:#4fc5ef; font-size: 25px; font-weight: 300;} @media(max-width:768px){ body.archive #main .page-header { margin-left: 20px; } body.archive #main .page-header h1.page-title {font-size: 28px;} body.archive #main .page-header .archive-description {font-size: 20px; font-weight: 300;} } @media(min-width:767px){ .blog-archive .col-md-4 {max-width:30%; margin: 0 20px 60px; padding: 0;transition: all ease 0.2s;} } .blog-archive .col-md-4 {box-shadow: 0 23px 27px -8px rgba(0,0,0,.2); margin: 0 20px 60px; padding: 0;transition: all ease 0.2s; background: #fff;} .blog-archive .col-md-4 .post-content {padding: 10px 20px;} .blog-archive .col-md-4:hover {transform: translateY(-3px); } .blog-archive .col-md-4 .post-content h2 {font-size: 18px; margin-bottom: 0;} .blog-archive .col-md-4 .post-content h2 a:hover {text-decoration: none;} .blog-archive .col-md-4 .post-content .time {font-size: 14px; color:#848484; margin-bottom: 5px;} .blog-archive .col-md-4 .post-content p {margin-bottom: 4px;} .blog-archive .col-md-4 .featured-image {max-height:200px; overflow: hidden;} .blog-archive .col-md-4 .featured-image img {object-fit: cover; width:100%; height: 200px;} section.separator {background-size: cover} section.separator h3 {text-transform: uppercase; color: #fff; padding:70px 0; margin: 0; text-align: center; font-size: 55px;} .footer-contact-strip {text-align: center; padding: 25px 0; background:#1971B9; color:#fff; font-size: 16px; } .footer-contact-strip .button {background-color: #0b3b63; padding: 10px 15px; margin: 0 5px; border-radius:3px; transition: all ease 0.2s;} .footer-contact-strip .button:hover {background-color: #092F4F; box-shadow: 0 10px 4px -10px rgba(0,0,0,.7);} footer li.dropdown a span.caret, footer li.dropdown a:after{display: none;} @media (max-width:991px){ .home .message {border-bottom: 32px solid #338ad1;} .home section.top-section {padding-top:0 !important;} .home .message .message-content {font-size: 18px; padding: 20px;} .home .message .button {font-size: 18px;} .home section#center_title h1, .home section#products h2, .home section#center_title h3 {font-size: 30px; margin:0 20px;} .home section#center_title {margin: 0;} section#hls.announcement img {margin-top:50px;} section#announcements .secondary {margin: 40px 0;} section#announcements .secondary.row div.wrapper:first-child {margin-right: 0;} section#announcements .secondary .wrapper {max-width: 100%;} section#products .product-wrapper {margin-top:30px;} section#products .product-wrapper .product-content {padding: 25px; min-height: auto;} section#products h4 {font-size: 28px;} section#products p {font-size: 22px;} section#products a.button {font-size: 17px;} /*August 2021 update*/ section#news .title {font-size: 28px; padding: 20px 0;} section#news .item {height: auto; padding-bottom: 20px; margin-bottom: 10px;} section#news .row {display: block;} section#news .row .col-md-3 {width:100%;} section#news .row .col-md-3:nth-child(n+5) .item {margin-bottom:5px; padding-bottom: 0; height: auto; min-height: auto;} .home .hero .overlay h2, .inner-page .home .hero .overlay h2 {font-size: 17px !important; text-transform: inherit !important;} /*end Update*/ } /* /////////////Inner Page //////////////*/ .inner-page section {padding: 50px 0 50px 0;} .inner-page section:first-of-type {padding-top:0; padding-bottom: 0; margin-top:130px;} .inner-page section.top-section:first-of-type {margin-top:0; overflow: hidden;} .inner-page section:after {content:''; clear: both; display: block;} section#primary.inner-page {padding-top:18px;} .title-strip {background: rgba(0,0,0,.8); padding: 14px 0; margin-top: -8px; position: fixed; top:62px; z-index: 555; width: 100%; box-shadow: 0 3px 4px 0px rgba(0,0,0,.3);} .title-strip h1.entry-title {color:#58b1f9; font-weight: 300; text-transform: uppercase; display: inline-block; font-size: 28px; border:none; margin: 0; line-height: 1; padding: 0;} section.content-area:after {content:''; border-bottom:1px solid #eee; margin:0 auto; max-width:1200px; position: relative; bottom:-50px;} section.content-area:first-of-type:after{display: none;} .page .container p {font-size: 20px; font-weight: 300;} ul.light-list {font-size:20px; font-weight:300; margin-left:5px; padding-left:8px;} ul.light-list li {margin-left:5px;} section.announcement h2 {font-size: 35px;} .inner-page .button-container {display:block; text-align: center; clear: both; margin-top:25px; margin-bottom:25px; overflow: hidden; text-align: right;} .inner-page .button-container a:link, .inner-page .button-container a:visited { transition:all ease 0.2s;background: none; color:#0371c1; padding: 10px 0px; font-size: 18px; font-weight: bold;} .inner-page .button-container a:hover, .inner-page .button-container a:active { text-decoration: none; background: none; color:#0F89E1;} section.announcement a.read_more, section.icons a.read_more, section.content-items a.read_more, section.content-area a.read_more {display: inline-block; font-weight: bold; margin-top:30px; overflow: hidden;} section.content-area a.read_more.right{float: right; } section.content-area a.read_more.left{ float: left; } section.icons a.read_more, section.content-items a.read_more{font-size:20px;} section.icons a.read_more.right {float: right;} section.content-items .content_item-wrapper {background: #f9f9f9; border-bottom:10px solid #1971b9; min-height: 550px; position: relative;} section.content-items .content_item-wrapper .content_item-content {padding: 20px;} section.content-items .content_item-wrapper .content_item-content h4 {height: 80px; font-size: 25px; text-align: center;} section.content-items .col-md-4 {display: flex;} section.content-items .content_item-wrapper img {position: absolute; bottom:15px; left:0; right:0; margin: 0 auto;} section.content-items .content_item-wrapper img.promo-img {max-width: 65%;} section.content-items ul {list-style-type: none;} section.content-items ul li:before{ content: '\2014'; position: absolute; margin-left: -20px; } section.content-items ul li {text-align: left !important;} section.content-area + section.content-items {padding-top:0;} .title-strip h1.entry-title a {text-decoration: none;} .title-strip .anchors {display: inline-block; margin-left:10px; position: relative; top:-3px} .title-strip .anchors a {text-transform: uppercase; padding: 20px 10px; margin-right:10px;} .title-strip .anchors a:link, .title-strip .anchors a:visited {color:#e6e6e6; font-size: 15px;} .title-strip .anchors a:hover, .title-strip .anchors a:active, .title-strip .anchors a:focus{color:#fff; text-decoration: none; background: #1971b9;} .title-strip .anchors a:hover {background: rgba(25,113,185,0.74);} .inner-page h2, .inner-page h3{ color:#0079bb; margin: 0 0 3px 0; padding: 0; font-weight: 300; font-size: 34px; text-transform: uppercase;} .inner-page h3 {font-size: 30px; line-height: 1.1; margin-bottom:20px;} .inner-page h4 {color:#0079bb; font-size: 30px; font-weight: 300;} .inner-page h3.subtitle {color:#000; font-size: 30px; margin: 20px 0; line-height: 1.2;} section#performance h4, section#habanaproducts h4{clear: none;} section#performance h2 {margin-bottom:40px;} section#performance .content hr {visibility: hidden; clear: both; height: 25px;} /*.inner-page h3 { font-weight: 300; color:#000;}*/ .inner-page .content-area .content {overflow: auto;} .inner-page .content-area p, .inner-page .content-area ul li{font-weight: 300; font-size: 18px; line-height: 1.5; text-align: justify;} .inner-page .content-area img {margin-top:1em;} .inner-page .content-area p.chart-desc {margin-top:-45px; margin-bottom:50px; font-size: 12px; text-align: center;} /*Full width images*/ .alignwide { /* Set these margins to work with your own theme. */ margin-left: -190px; margin-right: -190px; max-width: 100vw; } .alignwide.semi {margin-left: -100px; margin-right: -100px; max-width: 100vw; } .wp-block-image.alignwide.semi img {box-shadow: 0 0 30px -9px rgb(0 0 0 / 50%); padding: 25px; margin-bottom: 20px;} .alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw; } .alignfull img { width: 100vw; } @media (max-width:768px){ .alignwide, .alignfull, .alignwide.semi {margin:0 auto;} .wp-block-image.alignwide.semi img {padding: 5px;} } /*TablePress //////////////////////////////// */ /* section .tablepress {font-weight: bold;} section .tablepress td, section .tablepress thead th {padding: 15px; border:none;} section .tablepress tbody td, section .tablepress tfoot th {border: none;} section .tablepress thead th {background-color:#0270c1; padding-top:10px; padding-bottom:10px; color:#fff;} section .tablepress tbody td {vertical-align: middle;} section .tablepress .odd td { background-color: #cde3f1;} section .tablepress .even td { background-color: #f2f2f2;} section .tablepress thead th:first-child {background-color:#0568b0;} section .tablepress tbody tr:first-child td:first-child {background-color:#c3ced7;} section .tablepress tbody tr:nth-child(2) td:first-child {background-color:#a5c2d6;} */ /*New Table Design*/ section .tablepress {font-weight: normal; border:1px solid #0079bb;} section .tablepress td, section .tablepress thead th {padding: 10px 13px; border:none;} section .tablepress tbody td, section .tablepress tfoot th {border: none;} section .tablepress thead th {/*background-color:#F2F7FB; padding-top:10px; padding-bottom:10px; color:#fff;*/ color:#0079bb; background-color: #f1faff; border-bottom:2px solid #0079bb;} section .tablepress tbody td {vertical-align: middle;} section .tablepress .odd td { background-color: #F2F7FB;} section .tablepress .even td { background-color: #fff;} section .tablepress thead th:first-child {/*background-color:#0568b0;*/} section .tablepress tbody tr td:first-child {font-weight: bold; background: #fff;} section .tablepress tbody tr.odd td:first-child {background:#F2F7FB} section .tablepress tbody tr:nth-child(2) td:first-child {} .tablepress.chart {table-layout: fixed;} .tablepress.chart td { } section .tablepress.chart tbody td {vertical-align: top;} section .tablepress.chart tbody tr.odd:hover td:first-child {background: #f3f3f3} section .table-title {overflow: auto; clear: both; margin: 20px 0;} section .table-title h4{float: left; display: inline-block;clear: none;margin: 0;margin-top: 27px;font-weight: bold;} /*Partner Tables*/ .partners-table table thead tr {border-bottom:2px solid #333;} .partners-table table tr {border-bottom:1px solid #E4E4E4;} .partners-table table thead tr th {padding: 5px 15px 5px 5px; vertical-align: top;} .partners-table table tr td {padding: 40px 15px 40px 5px; vertical-align: top; font-size: 14px;} .partners-table table tr td.logo img {max-width: 170px; height: auto;} .partners-table table tr td h3 {margin-top:0; margin-bottom: 3px;} .partners-table table tr td a:after {content: "\f504"; font-family: dashicons; position: relative; top:2px; left: 4px;} @media(max-width:767px){ .tablepress { display: block; overflow-x: auto;white-space: nowrap;} .tablepress th:first-child, .tablepress td:first-child{position: -webkit-sticky; position: sticky; left:0;} } @media(max-width:440px){ .inner-page .content-area p.chart-desc {margin-top:-25px; margin-bottom:30px; margin: -25px auto 30px; max-width: 200px; line-height: 1.2;} } .inner-page .product-highlights {padding-top:85px; color:#fff;} .inner-page .product-highlights .item {text-align: center;} .inner-page .product-highlights header h2 {font-size: 36px;} .inner-page .product-highlights header {display: block; text-align: center; width: 100%;} .inner-page .product-highlights header p {text-align: center; color: #fff;} .inner-page .product-highlights h4 {color:#58b1f9; font-weight: 300; text-align: center; font-size: 25px; position:relative; z-index: 555;} .inner-page .product-highlights ul li{ list-style: none;} .inner-page .product-highlights ul li::before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #58b1f9; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .inner-page .product-highlights a.button {margin: 10px 0 40px 0; display: inline-block;} .inner-page .product-highlights .extra .center {text-align:center; margin-top:20px;} .inner-page .product-highlights .product-text { display: flex; align-items: flex-start; justify-content: center; flex: 0 50%; /*flex-direction: column;*/ text-align: left;} .inner-page .product-highlights .product-text ul {margin: 0; padding-left:17px;} .inner-page .product-highlights .col-8:last-child {flex:0 0 100%; max-width:100%;} .chart-caption {max-width:50%; margin:-20px auto 30px auto;} section.cta .wrapper {border-top:2px solid #1971B9; border-bottom:2px solid #1971B9; padding: 20px 40px; text-align: center; font-size: 18px; } section.cta .wrapper a.button {margin:10px 0; display: inline-block; padding-right:40px; padding-left:40px;} .wp-block-image figcaption {font-size: 13px; color:#6d6d6d; text-align: left; margin-bottom: 2.5em; overflow-wrap: break-word; word-wrap: break-word;} /*Inference Page*/ .inner-page .hardware-narrow .item {text-align: center; font-size: 16px; margin-bottom:50px;} .inner-page .hardware-narrow .item img {max-width:600px;} .inner-page .hardware-narrow .item:first-of-type img {float: right;} .inner-page .hardware-narrow .item:last-of-type .row .col-md-7 {flex: 0 0 100%; max-width:100%;} .inner-page .hardware-narrow .item:first-of-type .prod-desc { display: flex; align-items: flex-start; justify-content: center; flex: 0 50%; flex-direction: column; text-align: left; height:100%;} .inner-page .hardware-narrow .item h4 {color:#fff; font-weight: 400; text-align: center; font-size: 18px; margin: 0;} section.dark_mode, section.dark_mode p, section.dark_mode h3, section.dark_mode h4 {color:#fff;} section.dark_mode h2 {color:#58B1F9;} section.dark_mode a:link, section.dark_mode a:visited {color: #fff;} section.dark_mode p {margin-bottom: 15px;} @media(min-width:700px){ /*.inner-page .hardware-narrow .item:first-of-type h4 {margin-left:-440px;}*/ .inner-page .hardware-narrow .item:last-of-type .row .col-md-7 img {max-width:740px;} .inner-page .product-highlights .video {text-align: center;} .inner-page .product-highlights video {margin-top:-70px; max-width:80%} } .inner-page .hardware-narrow a.button {margin: 10px auto 40px; display:block; max-width: 300px;} .inner-page #announcements.announcement.dark, .inner-page #announcements.announcement.dark h2, .inner-page #announcements.announcement.dark h3, .inner-page #announcements.announcement.dark h4, .inner-page #announcements.announcement.dark .date, .inner-page #announcements.announcement.dark a{color:#fff; text-transform: none;} section#announcements.announcement.dark .secondary img {border:none;} .inner-page .downloads .container {position: relative;} @media (min-width:768px){ .inner-page .downloads .container .meta {position: absolute; bottom:0;} } .inner-page .downloads .container .row {border-top:1px solid #eee; padding: 60px 0;} .inner-page .downloads .container .row h4 {margin: 0; font-weight: 300; font-size: 18px;} .inner-page .downloads .container .meta {font-weight: 300; font-size: 16px;} .inner-page .downloads .buttons .inner {text-align: center;} .inner-page .slick-dotted.slick-slider {margin-bottom:0;} /*Media Center////////////////*/ .media-center h2.page-title, .archive h1.page-title{color:#1871b9; font-weight: 300; font-size:36px; text-transform: uppercase;} .media-center article a:link, .media-center article a:visited{color:#000; font-weight: bold;} .media-center article a:hover, .media-center article a:active{color:#1871b9; text-decoration: none;} .media-center article .item {background: #eee;} .media-center article .item main {padding: 15px; /*min-height:330px;*/} .media-center article .item footer {padding: 0; max-height:210px;overflow: hidden;} .media-center article .item p {margin-bottom:0; font-size: 15px;} .media-center article .item header {margin-bottom:20px;margin-top:10px;} .media-center article .item header img {height:40px; width:auto;} .media-center article a.read_more:link, .media-center article a.read_more:visited{color:#1871B9; font-weight: normal;} .media-center article a.read_more:hover, .media-center article a.read_more:active{color:#1C7CC9; text-decoration: none;} .media-center a.read_more:after {top:4px;} .media-center .section-buttons {margin-top:40px; margin-bottom:40px;} @media (min-width:1200px){ .media-center article .item footer {max-height:230px; height: 100%;} .media-center article .item footer img {height: 100%; width:auto;} } /* * Row with equal height columns * -------------------------------------------------- */ .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row-eq-height > [class*='col-']{ display: flex; /*flex-direction: column;*/ } @media only screen and (max-device-width: 1024px) and (min-device-width: 768px){ .media-center article .item main {min-height:45vw;} } @media(min-width:1500px){ .media-center article {font-size: 15px;} .media-center article .item main {/*min-height:20vw;*/} } @media(max-width:1300px){ .media-center article {font-size: 15px;} .media-center article .item main {min-height:22vw;} } .media-center .press-release {background: #eee; font-size: 17px;} .media-center .press-release article.press {} .media-center .press-release .time span {color: #1871B9;} .media-center .press-release .item { background: #fff;} .media-center .press-release .item strong {display: block;} .media-center .press-release h3 a:link, .media-center .press-release h3 a:visited{color:#1871B9; font-size: 21px; font-weight: 400;} .media-center .press-release h3 a:hover, .media-center .press-release h3 a:active{color:#1C7CC9; text-decoration: none;} .media-center .press-release article h3 {margin-top:6px;} .media-center .press-release article .item main {/*min-height: 18vw;*/} .media-kit {padding-bottom:30px;} .media-kit .media-item {padding: 5px 0; display: none;} .media-kit .media-item .img img{max-height:35px; width:auto;} .media-kit .title {line-height: 2.1;} .media-kit .title a:link, .media-kit .title a:visited{color:#000; font-size: 16px;} .media-kit .title a:hover, .media-kit .title a:active{color:#1871B9;} /* Media Kit download Page///////////*/ .media-center #downloads h3 {color:#1871B9; font-weight: 300; font-size: 28px; margin-bottom:20px;} .media-center #downloads .downloads {border-bottom:1px solid #eee; padding-bottom: 20px;} .media-center #downloads ul {margin: 0; padding: 0 0 0 10px;} .media-center #downloads ul li {list-style: none;} .media-center #downloads ul li {padding: 0 0 0px 0;} .media-center #downloads ul li div.img.dark {background: #848484;} .downloads .desc {margin-bottom:10px;} .downloads .title a:link, .downloads .title a:visited {text-decoration: underline;} #formModal span.wpcf7-not-valid-tip{position: absolute;font-size: 0.5em;top:-4.75em;width: 13em;text-align: left;} #formModal button.close{background-color: #0271c1;color: #fff;display: inline-block;width:3vw;height:3vw; position: absolute;right: 0;top:0;z-index: 99;font-weight: 300;font-size: 2vw;} #formModal input[type=submit]{background: url(inc/assets/images/btn-small.png) no-repeat;display: block;margin: auto;padding-right: 2vw;padding-left: 2vw;border: 0;background-size: contain; width: 8vw; height: 2.5vw;color: #fff;} #formModal p{line-height: 1} .modal-dialog{max-width: 45%;} .form-wrapper{display: none;} #formModal .form-title{display: block;text-align: center;font-weight: 100;font-size: 2.4vw;} .home section{padding: 0vw 0;} #pai .section-title{display: block;font-size: 2.4vw;text-align: center;font-weight: 300;color:#0071c1;} #pai{text-align: center;font-size: 1.35vw;padding: 0.5vw 0;} #pai p{margin: 0 auto;line-height: 2;} #pai .graph{position: relative;margin-top:1.5vw;} #pai .graph img {width:88%; margin:0 auto;} #pai .graph .title {position: absolute;right: 50%;transform: translateX(50%);-ms-transform: translateX(50%);top:0;width: 100%;} #pai .graph .container.overlay{position: absolute;bottom: 25%;left: 10px;z-index: 99;width: 100%;height:65%;max-width: 100%;} #pai .graph .overlay p{line-height: 1.5;} #pai .graph .overlay .col-md-4 {position: absolute;width: 100%;height: 100%; bottom:7px; left:123px; } #pai .graph .overlay .col-md-4:nth-child(2) {left:37.333333%;} #pai .graph .overlay .col-md-4:nth-child(3) {left:63.666666%} #pai .graph .overlay .col-md-4 .inner{display: none;} #pai .graph .overlay .col-md-4 .inner ul{margin: 0} #pai .graph .overlay .col-md-4 .inner a{color: #fff;text-decoration: underline} #pai .graph .overlay .col-md-4:hover .inner {display: block;} #pai .graph .overlay .col-md-4 .inner{background:#0271c1;color: #fff;font-size: 0.9vw;text-align: left;padding: 1vw;width:70%; margin-right: auto;} .white-blue{background: #0271c1;text-align: center;color: #fff;font-size: 1.35vw;} section#habanaproducts:after, section#software:after{display: none;} /*boxed icons in training page*/ .icons .item {background: #f9f9f9; text-align: center; margin: 0 20px; max-width: 30%; padding: 5px 40px 20px;} .icons .item:first-child {margin-left:0;} .icons .item:last-child {margin-right:0;} .icons .item img {max-width: auto; max-height: auto;} .icons .item .img-text {max-width: 180px; margin: 0 auto; font-size:18px; font-weight: bold;} #workloads{font-weight: 400;} #workloads .col-md-3{padding: 2vw 0;} #workloads .img-wrapper img{max-height: 4.3vw;} #video-section{text-align: center;background:url(inc/assets/images/video-bg.png) top right no-repeat;background-size: contain;} #video-section .section-title{margin-bottom: 3vw;} #video-section .video-link {margin-top: 1vw;} #video-section .playlist-wrapper{float: right;margin-top: 2vw;} .row-eq-height > [class^=col] { display: flex; flex-direction: column; } .row-eq-height > [class^=col] div.inner { flex-grow: 1 } #video-section .video-link{text-align: left} #video-section .video-link a{padding: 0.5vw 3.5vw;position: relative;background:url(inc/assets/images/vid3.png) no-repeat;background-size: 100% 100%;display: inline-block;color: #b3d4ec;font-size: 1.145vw;} #video-section .video-link a.active{background:url(inc/assets/images/vid-active.png) no-repeat;background-size: 100% 100%;color: #fff} #video-section .video-link a:hover{background:url(inc/assets/images/vid-border.png) no-repeat;background-size: 100% 100%;text-decoration: none;color:#0271c1;} #video-section .col-md-4{margin-left: 8.333333%;} #video-section{padding-bottom: 0;} #vid-caption{display: block;padding: 0.5vw;font-size: 1.35vw} .asterisk{color: #0271c1;} .col-md-12.notice{font-size: 1.04vw;margin-top: 2vw;display: block;padding: 0.5vw 0;color: #575757;} section#inference{padding-bottom: 0;} #inference .section-title{margin: 2vw 0 1vw;} #inference p{margin-bottom: 4vw;} #inference .scale-img{width:100%;} #inference a .scale-img{transition: all .2s ease-in-out;} #inference a .scale-img:hover{transform: scale(1.2); -ms-transform: scale(1.2)} #inference .container-fluid, #inference .container-fluid * {padding: 0;margin: 0;} #inference .when{color:#595959;} #inference .container-fluid .row {position: relative;} #inference .container-fluid .row:before {position: absolute;top: 0;right: 50%;transform: translateX(50%);-ms-transform: translateX(50%);content: '';display: block;z-index: 999;width: 0;height: 0;border-left: 1em solid transparent;border-right: 1em solid transparent;border-top: 1em solid #0271c1;} #inference .container-fluid .row .col-md-6{position: relative;overflow: hidden;} #inference .container-fluid .row .col-md-6 a{color: black;} #inference .container-fluid .row .col-md-6 .availability, #inference .container-fluid .row .col-md-6 .section-logo{position: absolute;} #inference .container-fluid .row .col-md-6 .availability{top:2vw;left: 2vw;text-align: left;color:#0f0f0f;} #inference .container-fluid .row .col-md-6 .section-logo{bottom: 2vw;right: 2vw;} #inference .container-fluid .row .col-md-6 .section-logo img{max-width: 10vw;} #inference .container-fluid .row .col-md-6 .availability .avail-title{display: block;font-size: 2.6vw; color:#1b1b1b; } #integration {text-align: center;font-size: 1.35vw} #integration .container{max-width: 1400px;} #integration .section-title{padding: 1vw 0 ;} #integration p{line-height: 2;margin-bottom: 2vw;} #integration .col img{max-height: 2.5vw;} .row.logos{width:85%;margin: auto;} .mobile{display: none;} .inner-page .content-area .footnotes {margin:25px 55px 70px;} .inner-page .content-area .footnotes:last-of-type {margin-bottom: 0;} .inner-page #bert h3 {font-size: 24px;} .inner-page .content-area .footnotes p {font-size:13px;} .inner-page #mlperf h2 {font-size: 24px; text-align: center; font-weight: 300; color:#000; margin-bottom:10px;} .inner-page #mlperf h3 {color:#58b1f9; text-align: left; font-size: 21px; font-weight: 400; margin-bottom: 25px;} .inner-page #mlperf h4 {margin-bottom:15px;} .inner-page #mlperf p {margin-bottom:2px;} .inner-page #mlperf img {margin-top:45px;} /*product page*/ .page-template-product-page .subtitle{font-size:1.35vw} .page-template-product-page section{text-align: center;padding: 3vw 0;} .page-template-product-page ul:not(.navbar-nav){list-style-type: none;text-align: left;line-height: 2;margin-top: 3vw;color: #1a1a1a;font-size:1.35vw;} .page-template-product-page ul li{position: relative;} .page-template-product-page ul:not(.navbar-nav) li:before{display: inline-block;content: "■";color: #0271c1; font-size: 0.95vw;-ms-transform:translateY(50%) rotate(45deg);position: absolute;left :-2vw;bottom:50%;transform:translateY(50%) rotate(45deg);} .page-template-product-page .top-section{padding: 0;text-align: left} .page-template-product-page .hero{position: relative;} .page-template-product-page .hero .container{position: absolute;bottom: 60%;right: 50%;transform: translate(50%,50%);-ms-transform: translate(50%,50%);} .page-template-product-page .hero .overlay, .page-template-product-page .hero .overlay h1{color:#fff} .page-template-product-page .hero .overlay span{display: block} .page-template-product-page .hero .overlay h1{font-weight: 100;padding: 0;margin: 0 0 8.75vw 0;font-size: 3.125vw;letter-spacing: 0.005em;} .page-template-product-page .hero .overlay a{background:url(inc/assets/images/btn.png) no-repeat;color: #fff; padding: 0.7vw; background-size: 100% 100%;text-align: center;} .page-template-product-page .hero .overlay a:hover{text-decoration: none;background: url(inc/assets/images/btn-hover.png) no-repeat;background-size: 100% 100%;background-position: center;} .page-template-product-page .hero .overlay a:active{text-decoration: none;background: url(inc/assets/images/btn-click.png) no-repeat;background-size: 100% 100%;background-position: center;} .page-template-product-page .modal-content .close{color:#fff;right:0;top:-1.5em;opacity: 1;} .page-template-product-page .modal-content .close:hover,.page-template-product-page .modal-content .close:active{opacity: 0.75;} .page-template-product-page .modal-body{position: relative; padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;} .page-template-product-page .modal-body iframe,.page-template-product-page .hero .modal-body object, .page-template-product-page .hero .modal-body embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .page-template-product-page #training{position: relative;box-shadow:0 2px 16px -2px rgba(2,107,193,0.2)} .page-template-product-page #training .graph{margin-top:-2vw;} .page-template-product-page #training .section-title{margin-bottom: 1vw;} .page-template-product-page #product-lines{padding: 4vw 0 3vw;} .page-template-product-page #product-lines .section-title{margin-bottom: 1vw;color:#0f0f0f;} .page-template-product-page #product-lines p{line-height: 2;font-size: 1.35vw;margin-bottom: 2vw;} .page-template-product-page #product-lines .product-description p{text-align: left;} .page-template-product-page #product-lines .product-description p a{text-decoration: underline; color: #0271c1;} .page-template-product-page #product-lines .product-title{font-size: 1.35vw;color: #1a1a1a} .page-template-product-page #inference-section{background: url(inc/assets/images/bluebg.png) no-repeat;background-size: contain;} .page-template-product-page #inference-section .section-title{color: #fff} .page-template-product-page #inference-section a{background: url(inc/assets/images/btn.png) no-repeat;background-size: contain;color: #fff;padding: 0.45em 1.75em;margin: 2vw 0;display: inline-block;background-position: center;} .page-template-product-page #inference-section a:hover{text-decoration: none;background: url(inc/assets/images/btn-hover.png) no-repeat;background-size: contain;background-position: center;} .page-template-product-page #inference-section a:active{text-decoration: none;background: url(inc/assets/images/btn-click.png) no-repeat;background-size: contain;background-position: center;} .page-template-product-page #abstraction{} .page-template-product-page #abstraction .section-title{margin-bottom: 1vw;display: block;} .page-template-product-page #abstraction .subtitle{margin-bottom: 2.5vw;display: block;color: #1a1a1a} .page-template-product-page #abstraction .logos {margin-top:2vw;} .page-template-product-page #abstraction .logos img{max-width: 10vw;} .page-template-product-page #abstraction .logos span:first-child:after{content:'/';display: inline-block;color: #0271c1;padding-right: 1.5vw; font-size: 2.5vw;vertical-align: super; margin-left: 1.5vw;} .page-template-product-page #scale{} .page-template-product-page #scale .img-wrapper img{width:3.85vw;} .page-template-product-page #scale .subtitle{font-size: 1.5625vw;font-weight: 700;margin-bottom: 2vw;display: block;} .page-template-product-page #scale p{margin-bottom: 2vw;} .page-template-product-page #scale .icons{width:85%;margin: auto;} .page-template-product-page #scale .notice{margin: 2vw auto;display: block;text-align: center;} .page-template-product-page #customization {padding-bottom:0;} .page-template-product-page #customization p{margin-bottom: 2vw;font-size: 1.35vw;} .page-template-product-page #customization .section-title{margin-bottom: 1vw;} .page-template-product-page #customization .cu_section-title{font-size:1.35vw;font-weight: 700;margin-bottom: 2vw;} .page-template-product-page #customization .zm{text-align: left;} .page-template-product-page #customization .row{align-content: center;} .page-template-product-page #customization .col-md-4{margin-left:8.333333%;} .page-template-product-page #customization .bullet{text-align: left;position: relative;display: inline-block;font-size: 1.35vw;color: #1a1a1a;} .page-template-product-page #customization .bullet span{display: inline-block;padding-left: 0.5vw;} .page-template-product-page #customization .bullet:before{display: inline-block;content: "■";color: #0271c1;padding-left: 0.5vw; font-size: 0.8vw;vertical-align: top; margin-left: -1vw;transform: rotate(45deg);-ms-transform: rotate(45deg)} .page-template-product-page .slider{padding: 3vw;} .page-template-product-page .slider img{margin:2vw auto;-webkit-box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.5); box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.5);} /*contact page*/ .page-template-contact-page {} .page-template-contact-page #buttons, .page-template-contact-page #maps {display: none;} .page-template-contact-page .pre-text {text-align: center; padding: 0 65px;} .page-template-contact-page .pre-text h3 {color:#1b3767; margin-top:5px;} @media(max-width:767px){ .page-template-contact-page .pre-text {padding: 0 10px;} } .page-template-contact-page .hero{position: relative;} .page-template-contact-page .hero .overlay, .page-template-contact-page-hub .hero .overlay{background: #fff;margin-top:-32vw; border:1px solid #333; padding-top:20px;} .page-template-contact-page .hero .overlay .wpcf7{padding: 2vw 3.295vw 1vw; } .page-template-contact-page span.wpcf7-not-valid-tip{position: absolute;font-size: 0.725em;top:-4.75em;width: 13em;text-align: left;} .page-template-contact-page .hero .overlay .form-control{font-size: 1.35vw;} /*.page-template-contact-page h1{font-size:2.395vw;font-weight: 100;padding: 0;margin-bottom: 2vw;text-align: center;}*/ .page-template-contact-page .gform_wrapper .gform_footer input[type=submit], .page-template-contact-page .gform_wrapper .gform_footer button{display: block;margin: auto;border: 0;padding:7px 100px;color: #fff; margin-bottom:-60px;margin-top:3px; background: #1971b9; font-size: 18px;} .page-template-contact-page .gform_wrapper .gform_footer input[type=submit]:hover, .page-template-contact-page .gform_wrapper .gform_footer button:hover{background: #2B8AD8;} .page-template-contact-page .gform_wrapper .gform_footer input[type=submit]:active{} .page-template-contact-page #info{padding: 3vw 0;} /*.page-template-contact-page #info a{color: black;text-decoration: underline;margin-top: 1.5vw;display: inline-block;} .page-template-contact-page #info img{display: block;margin: auto}*/ .page-template-contact-page #buttons {background: url(inc/assets/images/bluebg.png) no-repeat;padding: 3vw 0;background-size: contain;} .page-template-contact-page #buttons .section-title{margin-bottom: 2vw;} .page-template-contact-page #buttons .col-md-8{margin-bottom: 2vw;} .page-template-contact-page #buttons a{background: url(inc/assets/images/btn.png) no-repeat;background-size: 100% 100%;color: #fff;display: inline-block;height:3vw;padding: 0 2vw;line-height: 3vw;} .page-template-contact-page #buttons a:hover{background: url(inc/assets/images/btn-hover.png) no-repeat;background-size: 100% 100%;color: #fff;display: inline-block;height:3vw;padding: 0 2vw;line-height: 3vw;text-decoration: none;} .page-template-contact-page #buttons a:active{background: url(inc/assets/images/btn-click.png) no-repeat;background-size: 100% 100%;color: #fff;display: inline-block;height:3vw;padding: 0 2vw;line-height: 3vw;} /* .page-template-contact-page #buttons .col-md-3:nth-child(2) a{background: url(inc/assets/images/btn.png) no-repeat;background-size: contain;color: #fff;padding: 0;background-position: center;} */ .page-template-contact-page .form-subtitle{font-size: 1.2vw;} .page-template-contact-page #maps {margin-bottom:5vw;} .page-template-contact-page #maps .section-title{margin:2vw auto 4vw;} .page-template-contact-page #maps address {text-align: left;} .page-template-contact-page #maps address .address{display: block;} /*news page*/ .page-template-newspage .hero {position: relative;} .page-template-newspage .hero h1{position: absolute;bottom: 50%;right: 50%; transform: translate(50%,50%);-ms-transform: translate(50%,50%);color: #fff;font-size: 3.15vw;font-weight: 100;} .page-template-newspage .section-nav{text-align: center;margin: 2vw auto;} .page-template-newspage .section-nav span{display: inline-block;color:#000;margin: auto;} .page-template-newspage .section-nav a{display: inline-block;color:#000;margin: 0 1vw;position: relative;} .page-template-newspage .section-nav a:first-child:after{position: absolute;bottom: 0;content: '';width:70%;height: 0.15vw;background:#0271c1;bottom: -0.5vw;right: 50%;transform: translateX(50%);} .page-template-newspage .section-nav a:hover{color:#0271c1;text-decoration: none;} .page-template-newspage .section-nav a:hover:after{position: absolute;bottom: 0;content: '';width:70%;height: 0.15vw;background:#0271c1;bottom: -0.5vw;right: 50%;transform: translateX(50%);} .page-template-newspage .cu_section-title{display: block; text-align: center;font-size: 2.4vw;margin-bottom: 2vw;font-weight: 300;color: #0f0f0f;font-family: Roboto;line-height: 1;} .page-template-newspage article{display: none;} .page-template-newspage article.active{display: block;margin-bottom: 2vw;} .page-template-newspage article .inner{overflow-x: hidden;-webkit-box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.25);box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.25);padding: 1.5vw 1.5vw 1vw;margin:0.5vw;position: relative;} .page-template-newspage article.press .inner{padding: 1vw;} .page-template-newspage article header{position: relative;} .page-template-newspage article.press header{padding-bottom: 1em;} .page-template-newspage article header img{height: 2.5vw;} .page-template-newspage article header:after{position: absolute;content: '';height:0.05vw;width:110%;background: #d8d8d8;bottom: 0;left: -1vw;} .page-template-newspage article header .time{text-align: right;color:#919191;font-size: 1.15vw;position: relative;} .page-template-newspage article header .time span{display: block;position: absolute;bottom: 50%;transform: translateY(50%);-ms-transform: translateY(50%);right: 1vw;} .page-template-newspage article header{padding-bottom: 1.25vw;} .page-template-newspage article main{padding:1vw 0 3vw;} .page-template-newspage article main a{color: #000;font-size: 1.55vw;} .page-template-newspage article main p{margin: 0;} .page-template-newspage article footer img{margin: 0 auto 2vw;display:block;height:16vw;} .page-template-newspage article main{font-size: 1.35vw;word-break: break-word;margin-bottom: 19vw;} .page-template-newspage article footer {text-align: right;margin: 0;font-size: 1.35vw;padding: 2vw 0 0;position: absolute;bottom: 1vw;right: 1.5vw;width:90%;} .page-template-newspage article.press footer{padding-bottom: 0} .page-template-newspage article footer a{color:#0271c1;} .page-template-newspage .section-buttons{text-align: center;margin: 3vw auto;} .page-template-newspage .section-buttons a{color: #454545;padding: 0.5vw 0; margin: 0.5vw;border: 0.1vw solid #a5a5a5;width:10vw;display: inline-block;border-radius: 0.1vw;} .page-template-newspage .section-buttons a:hover{color: #0271c1;padding: 0.5vw 0; margin: 0.5vw;border:0.1vw solid #0271c1;text-decoration: none;border-radius: 0.1vw;} .page-template-newspage .news-section{margin-bottom: 4vw;} .page-template-newspage .bull{width:2.55vw;height:auto;} .page-template-newspage .blogpost-title{display: block;} .page-template-newspage article.press main{margin-bottom: 0;} /*press release*/ .single-press .entry-header.row{margin: 0;} .single-press #content > .container > .row{margin: 0;} .single-press h1.entry-title{font-size: 26px;border-bottom: 0;font-family: Roboto;margin-top: 40px;line-height: 1.5; color:#1871B9; -ms-flex:none; padding-bottom:0; margin-bottom:0;} .single-press .postmeta, .single-press .press-back {text-align: left;} .single-press .postmeta {display: none;} .single-press .postmeta time, .single-press .postmeta a{color: #919191;} .single-press .postmeta time{display: block;} .single-press .press-back div{display: inline-block;text-align: left;} .single-press .press-back span{display: inline;} .single-press .press-back img{width:2.475vw;} .single-press .press-back a{font-size: 15px;} /*about us page*/ /*.page-template-about .hero, .page-template-default .hero{position: relative; background-size: cover; background-repeat: no-repeat; background-position: center -268px; color:#fff; font-weight: 300; font-size: 18px; padding: 0;height:390px;} .page-template-about .hero h1{position: absolute;bottom: 50%;right: 50%; transform: translate(50%,50%);-ms-transform: translate(50%,50%);color: #fff;font-size: 3.15vw;font-weight: 100;} */ .page-template-about .hero, .page-template-media-kit-page .hero{position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; color:#3fbcf0; font-weight: 300; font-size: 18px; padding: 240px 0 240px 0;} .page-template-about .hero h1, .page-template-media-kit-page .hero h1{ /*position: absolute;bottom: 50%; transform: translate(50%,50%);-ms-transform: translate(50%,50%);*/ color: #3fbcf0;font-size: 2.7vw;font-weight: 100; text-transform:uppercase; max-width:1200px; margin:0 auto; } .page-template-about .hero, .page-template-media-kit-page .hero {height:180px; padding:80px 0 40px 10px;} .page-template-about .hero h1, .page-template-media-kit-page .hero h1{font-size:30px;} .page-template-about #pretext{margin: 0vw auto;text-align: center;font-size: 19px;line-height: 1.5; padding-top:180px; max-width: 65%; position: absolute; left:50%; transform: translate(-50%,0); bottom:0;} .page-template-about #main #primary .intro{font-size: 20px; max-width: 100%; text-align: center; margin: 50px 0; } .page-template-about #main #primary .intro h2 {color:#0079bb;} .page-template-about #primary{margin-bottom: 8vw;} .page-template-about .employees{padding: 1vw 0;position: relative;} /*.page-template-about .employees:before{content:'';height:0.1vw; background:#0271c1;width:100%;display: block;position: absolute;top:0;}*/ .page-template-about .employees h2{text-align: left;font-weight: 400; font-size: 34px;margin: 0 0 0;padding: 0; color:#1971B9; text-transform: uppercase;} .page-template-about .name b{font-weight: bold;font-size: 26px;} .page-template-about .employee {margin-bottom:3.5vw;} .page-template-about .employee .position{color: #0271c1;font-size: 1.3525vw;margin-bottom: 0.5vw;display: block;} .page-template-about .employee .desc {max-width:950px;} .page-template-about .employee .desc p{margin:0;font-size:18px;} .page-template-about section.careers {background-repeat: no-repeat; background-position: center; max-height: 800px; background-size: cover;} .page-template-about section.careers h3 {color: #fff; text-transform: uppercase; font-size: 28px; margin: 4vw 0 2vw;} .page-template-about section.careers .career-content {padding-bottom:450px; color: #fff; font-size: 18px; font-weight: 300; text-align: justify;} .page-template-about section.careers .button {display: block; margin: 0 auto; width:200px; text-align: center; margin-top:40px;} section.map {text-align: center; margin: 20px 0;} section.map h3 {font-size: 24px; text-align: left; color:#1971B9; margin: 20px 0;} .desktop{display: block; } .copyright a, footer#colophon a{display: inline-block;vertical-align: middle;} .desktop{display: block;} .copyright a, footer#colophon a{display: inline-block;vertical-align: middle; color:#000;} .acf-map { width: 100%; height: 15vw; border: #ccc solid 1px; margin: 20px 0; } footer .navbar a:link, footer .navbar a:visited {border-bottom: 1px solid rgba(255,255,255,0);} footer .navbar a:hover, footer .navbar a:active {border-bottom:1px solid #fff;} footer .navbar .nav-link {padding: 0;} /*Posts and Articles//////*/ .single #primary {max-width:700px; margin: 0 auto;} h1.entry-title {color:#1871B9; font-size:30px; font-weight: 300;} .entry-meta {font-size: 14px;} .single h2, .single h3 {color:#1871B9; font-weight: 300; display: inline-block;} .single h3 {font-weight:bold; font-size:21px; margin-top:10px;} .single .entry-content {font-size: 16px;} .entry-content .entry-thumbnail{float: left; max-width:410px; margin-right:20px; margin-bottom:10px;} .entry-content .entry-thumbnail .caption {font-size: 14px; color:#777; margin-bottom:0;} .related .title {text-transform: uppercase; font-size: 24px; margin-bottom:25px;} code, pre code {color: #1971b9; font-size:105%} .related {max-width:1200px; margin: 0 auto; display: none;} .related::before { content: ""; clear: both; display: block; } .related .wp-show-posts-entry-summary p, .related .wpsp-read-more a{font-size: 16px;} .wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img {width:100%; object-fit: cover;} /*Media center Archive (custom post type archive) ///////*/ .archive .media-center article {margin-bottom: 30px;} body.archive.post-type-archive-press {background: #eee;} .archive .press .entry-title {color: #1871B9; font-weight: 400; font-size: 20px;} .archive .press .item {background: #fff; padding: 0 15px;} .archive article.press {margin-bottom: 20px;} .archive .press .item {position: relative; min-height: 360px;} .archive .press .item footer {position: absolute; bottom:0;} @media (max-width:500px) { .entry-content .wp-post-image {float: none; max-width:100%;} } /* fixes potential theme css conflict */ .acf-map img { max-width: inherit !important; } ::-webkit-input-placeholder { color: #1a1a1a; font-weight: 300; } ::-webkit-input-placeholder { color: #1a1a1a; font-weight: 300; } :-moz-placeholder { /* Firefox 18- */ color: #1a1a1a; font-weight: 300; } ::-moz-placeholder { /* Firefox 19+ */ color: #1a1a1a; font-weight: 300; } :-ms-input-placeholder { color: #1a1a1a; font-weight: 300; } #overlay { background: #000; background: rgba(0, 0, 0, 0.3); display: block; float: left; height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } #gform-notification { background: #fff; border-radius: 10px; display: block; margin: auto; max-height: 237px; max-width: 520px; padding: 61px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; width: 100%; z-index: 101; } #gform-notification .button { margin: 20px 0 0; padding: 12px 24px; } /*Landing page ///////////////////// */ .page-template-fullwidth #content.site-content {padding-top:50px; padding-bottom: 0;} .page-template-fullwidth #content .container {width:100%; max-width: 100%; margin: 0; padding: 0;} .page-template-fullwidth #content .container header {display: none;} .page-template-fullwidth .entry-content {margin-top:0;} .landing-hero .gb-grid-column {position: relative;} .landing-hero .gb-grid-wrapper .gb-grid-column .slogan img {position: absolute; top:-65px; left:-110px; height: auto; width:800px;} blockquote p::before { content: open-quote; font-size: 60px; position: absolute; top: -15px; left: -3px; color:#bdbdbd; } blockquote p::after { content: close-quote; font-size: 60px; color:#bdbdbd; position: absolute; } blockquote {position: relative;} blockquote p {padding: 10px 20px;} .ec2-video iframe {height: 350px;} /*Table Modifications*/ .table .thead-dark th {background-color: #1B72BA; border-color: #5aadf1;} @media screen and (max-width: 991px){ .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error,.gform_wrapper ul.gform_fields li.gfield, .gform_wrapper li.gfield.gfield_error.gfield_contains_required{margin:1em 0 0 0} .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select, .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea, .gform_wrapper textarea.large{font-size: 0.9em;} .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select, .gform_wrapper select.large {font-size: 1em;padding: 0.3em;min-height: 2.35em;} .gform_wrapper .validation_message{top:-1.25em;} .modal-dialog{max-width: 90%;margin: auto} .gform_confirmation_message{text-align: center;font-weight: 100;font-size: 22px;} .container { max-width: 100%; } .slider .slick-prev,.slider .slick-next{top:85%;width:1.5em;height:2em;z-index: 100;} .slider .slick-prev{left: 30%;} .slider .slick-next{right:30%;} .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100% !important; height: 100% !important; } .page-template-about section.careers .career-content {font-size: 16px; text-align: left;} .title-strip {position: relative; margin-bottom:10px; top:37px; padding:8px 0 3px;} .title-strip .anchors {margin-left:0;} .title-strip h1.entry-title {font-size: 21px;margin-right:10px;} .title-strip .anchors a:link{font-size: 11px;} .title-strip .anchors a {padding: 0 10px 0 0;} section#primary.inner-page {padding-top:0;} section.top-section {margin-top:37px;} body.home section.top-section {margin-top:0;} section#announcements h3 {font-size:17px;} section#announcements .secondary h4 {margin-top:10px;} section#announcements .secondary .wrapper .inner .text {padding-bottom: 50px; padding-left:30px;} #pai .section-title {font-size: 24px;} .inner-page .hardware-narrow .item img {max-width: 100%;} .inner-page .hardware-narrow .item:first-of-type .prod-desc {justify-content:center; align-items: center;} .inner-page .product-highlights .product-text {flex: 0 100%; flex-direction: row;} .media-center article {margin-bottom:30px;} .media-center press footer {text-align: left;} .single .related {max-width:93%; margin:0 auto;} body{font-size:16px} body .single .entry-content {font-size: 16px;} footer .container{margin: auto;max-width: 100%;} body:not(.theme-preset-active) footer#colophon,footer .container{font-size: 0.75em;} .mobile{display: block;} .desktop{display: none;} .navbar-brand a img{max-width: 9.5em; height:32px; position: relative; top:3px;} .site-header{border-bottom: 0.1em solid #0271c1;} footer,footer .footer-logo{text-align: center;} footer#colophon{font-size: 0.6em;} footer .navbar-nav{flex-direction: row;margin: auto; display: block;} footer .navbar-nav li{padding: 4px 7px ;margin: 0;position: relative;} footer .navbar-nav li a{line-height: 1;font-size: 14px;} footer .navbar-nav li:after{width:0.1em;height:30%;display: none;background: #fff;content: '';position: absolute;right: 0;bottom: 50%;transform: translateY(50%);-ms-transform: translateY(50%)} footer .navbar-nav li:last-child:after{display: none;} footer .widget_lsi_widget {display: block;} footer .widget_lsi_widget ul {text-align: center !important;} footer #footer-widget .col-12 {padding: 0;} footer .widget_lsi_widget .widget-title {float: none; text-align: center;margin-bottom:10px;margin-right:0; text-align: center !important;} footer .site-info div{margin: 0.5em auto 0;} footer .copy {font-size: 14px;} .copyright a /*, footer#colophon a img*/{max-width: 85%;} footer .copy {display: block;} body:not(.theme-preset-active) #masthead .navbar-nav > li > a{font-size: 1em;} body:not(.theme-preset-active) #masthead .navbar-nav > li.contact-btn > a{padding: 0.25em 0.5em;display: inline-block;} .home .hero .container{bottom: 52%;} .home .hero .overlay h1{font-size: 1.65rem;max-width: 70%;margin-bottom: 0.25em;} .home .hero .overlay .subtitle{max-width: 70vw;} .home .hero .overlay h2, .inner-page .home .hero .overlay h2{font-size: 26px; max-width:60%; padding-top:5px; margin-bottom:5px;} .home .hero p img {margin:0px; max-width: 160px; margin-bottom:10px;} .home .hero .overlay .subtitle, .home .hero .overlay p, .inner-page .home .hero .overlay p{font-size: 15px;} .home .hero .overlay p{margin-bottom: 0;line-height: 1.5} .home .hero .overlay .subtitle:after{margin: 1em 0 10.5em;} .home section#center_title h3 {font-size: 26px; padding:0 15px;} .home section#center_title h3 br {display: none;} .home section.top-section {padding-top:30px;} .home .home .slick-slide, .slick-slide {min-height: 275px; background: #000;} .hero .slick-dots {bottom:-26px;} .hero .overlay p {white-space: inherit; max-width:230px;} bodu.home .hero .overlay p {max-width:260px;} section#news img.news_img {height: auto;} #announcements .row .inner {margin-bottom:20px;} .related article {max-width:350px; font-size: 16px; margin:0 auto;} /* .home .hero .overlay a{width:9em;height:2em;}*/ .home .hero .overlay a{font-size:0.6em;margin-top:1em; position: relative; bottom: auto;} .button, .home .hero .overlay .button {font-size: 13px;} #formModal button.close{font-size: 1em;height:1.5em;width:1.5em;} .section-title{font-size: 1.65rem;margin:0 auto 0.5em;} #pai{font-size: 1.2rem;margin: 1em auto;} #pai p{margin: 0 auto 1em;line-height: 1.5;} #pai p span{display: block;margin-top: 1em;} #pai .graph{margin-top: 2em;padding: 0 0.5em;} #pai .graph .title{font-size: 0.8em;top:-2em;} #workloads .container{max-width: 90%;;} #workloads .section-title{margin: 0.75em auto 0;} #workloads .col-md-3{padding: 2em 0;} #workloads .img-wrapper img{max-height: none;margin-bottom: 0.5em;} .white-blue{font-size: 1.2rem;} .mob-video{max-width: 100%!important;} #video-section {background: #fff;} #video-section .playlist-wrapper{float:none;} #video-section .section-title{margin: 0.75em auto;} #video-section .card-body{padding-right: 0;padding-left: 0;} #video-section .col-md-4{margin-left: 0;text-align: left} #video-section .mob-link a{padding: 0.5em 2em;position: relative;background:url(inc/assets/images/vid-border.png) no-repeat;background-size: 100% 100%;margin-bottom: 0.75em;display: inline-block;color: #0271c1;} #video-section .mob-link a.active{background:url(inc/assets/images/vid-active.png) no-repeat;background-size: 100% 100%;color: #fff} .vid-caption{font-size: 0.65em;} .col-md-12.notice{font-size: 0.8rem;text-align: left;width:90%;margin: auto;} .col-md-12.notice span{display: inline-block;} .col-md-12.notice span.asterisk {vertical-align: top;} #formModal input[type=submit]{padding: 0;width: 6em; height: 2em;} #formModal .form-title{font-size: 1.5em;} #inference .section-title{margin: 1em auto;} section#inference{font-size: 1.25rem;} #inference p{margin-bottom: 2em;} #inference .container-fluid .row .col-md-6 .availability .avail-title{font-size: 1.75em;} #inference .container-fluid .row .col-md-6 .section-logo{right:auto;left:0.5em;bottom: 1em;} #inference .container-fluid .row .col-md-6 .section-logo img{max-width: 5.5em;} #inference .container-fluid .row .col-md-6 a.mobile{position: absolute;right: 0;bottom: 0;color: #fff;background: #0271c1;padding: 1em;text-decoration: underline;} /*Hide on Mobile*/ @media(max-width:650px){ .hidem{display: none;} } #integration p{line-height: 1.5;text-align: center;font-size: 2.8em;} #integration a{text-decoration: underline;} #integration .section-title{padding: 0.5em 0;} .row.logos{text-align:center;} .row.logos .col{flex-wrap: wrap;} .row.logos .col{width: 33%;flex: 0 0 33%;margin-bottom: 2em;} .row.logos .col:nth-child(1), .row.logos .col:nth-child(2){width: 47%;flex: 0 0 47%;} .row.logos .col:nth-child(1){text-align: right;padding-right: 0;} .row.logos .col:nth-child(2){text-align: left;} #integration .col img{max-height: 3em;} .page-template-product-page .hero .container{bottom: 70%;right: 48%;} .page-template-product-page .hero .overlay h1{font-size: 1.5em;margin-bottom: 3em;} .page-template-product-page .hero .overlay a{width:13em;height:2.5em;padding: 0.5em;} .page-template-product-page .subtitle{font-size: 0.8em;line-height: 1.25;display: block;} .page-template-product-page .section-title{font-size: 1.65rem;} .page-template-product-page #product-lines p{line-height: 1.5;} .page-template-product-page ul:not(.navbar-nav){font-size: 0.8em;} .page-template-product-page #product-lines .product-description p{padding-left: 1em;} .page-template-product-page #product-lines .product-title{font-size: 0.7em;margin: 1.5em auto;display: block;} .page-template-product-page #training .section-title{margin: 1em auto;} .page-template-product-page #scale .img-wrapper img{width:auto;height: 3em;} .page-template-product-page ul:not(.navbar-nav) li:before,.page-template-product-page #customization .bullet:before{font-size: 0.8em;left:-2em; } .page-template-product-page #customization .cu_section-title{font-size: 1.2em;margin: 1em auto} .page-template-product-page #product-lines p{font-size: 0.85em;} .page-template-product-page #inference-section{background: url(inc/assets/images/mobcircles.png) no-repeat;background-size: cover;padding: 3em 0;} .page-template-product-page #training .graph{margin-top:0;} .page-template-product-page #product-lines .section-title{margin:1em auto 0.75em;} .page-template-product-page #product-lines .section-title.ptitle{margin:1em auto -0.5em;z-index: 99;} .page-template-product-page #abstraction .section-title{margin: 1em auto;} .page-template-product-page #abstraction .subtitle{margin-bottom: 1.5em;} .page-template-product-page #abstraction .logos {margin-bottom: 1.5em;} .page-template-product-page #abstraction .logos img{max-width: 5em;} .page-template-product-page #abstraction .logos span{display: inline-block;} .page-template-product-page #abstraction .logos span:first-child:after{font-size: 1.25em;padding-right:0;margin-left: 0.5em;width: 1em;} .page-template-product-page #scale{font-size: 0.75em;} .page-template-product-page #scale .notice{margin: 0 auto 1em;} .page-template-product-page #scale .subtitle{font-size: 1.5rem;margin-bottom: 1em;} .page-template-product-page #scale p{margin-bottom: 1em;} .page-template-product-page #scale .icons .col-6{margin-bottom: 2em;} .page-template-product-page #scale .icons .img-wrapper{margin-bottom: 1em;} .page-template-product-page #customization{font-size: 0.8em;} .page-template-product-page #customization .section-title{margin: 1em auto;} .page-template-product-page #customization .zm{margin: auto;max-width: 85%;;} .page-template-product-page #customization p{max-width: 90%;margin: auto;font-size: 0.8em;} .page-template-product-page #customization .bullet{position: relative;padding-right: 0; padding-left: 0.5em;font-size: 0.8em;} .page-template-product-page #customization .bullet:before{position: absolute;left:-0.5em;margin-left:0;} .page-template-product-page #customization .bullet span{display: inline-block;} .page-template-product-page #customization .col-md-8{padding: 0;} .page-template-product-page .slider{padding: 2em 1em 5em;} .page-template-product-page .slider img{margin: 1em auto; -webkit-box-shadow: 0px 5px 1em -4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 1em -4px rgba(0,0,0,0.5); box-shadow: 0px 5px 1em -4px rgba(0,0,0,0.5);} .page-template-product-page #customization .col-md-4{margin: auto;} .acf-map{height:10em;} .page-template-contact-page ul.navbar-nav{text-align: center;} .page-template-contact-page .hero .overlay{margin: -5em 1em 2em;} .page-template-contact-page h1{font-size: 1.5em;} .page-template-contact-page .form-subtitle{display: block;text-align: center;font-size: 0.75em;} .page-template-contact-page #buttons{background: url(inc/assets/images/mobcircles.png) no-repeat;background-size: 100%;padding: 3em 0;} .page-template-contact-page #buttons .section-title{margin-bottom: 1.5em;} .page-template-contact-page #buttons a{height: 2.5em;line-height: 2.5;background-position: center;padding: 0 2em;} .page-template-contact-page #maps{margin-bottom: 2em;} .page-template-contact-page #maps .section-title{margin: 2em auto;} .page-template-contact-page #maps address{font-size: 0.8em;} .page-template-contact-page .gform_wrapper textarea.large{height: 7em;} .page-template-contact-page .gform_wrapper .gform_footer input[type=submit]{width:6.5em;height:2em;} /*news page*/ .page-template-newspage .hero h1{font-size: 1.5em;padding: 0;margin: 0;} .page-template-newspage .section-nav{text-align: center;margin: 1em auto;} .page-template-newspage .section-nav span{display: inline-block;color:#000;margin: auto;} .page-template-newspage .section-nav a{display: inline-block;color:#000;margin: 0 1em} .page-template-newspage .cu_section-title{display: block; text-align: center;font-size: 1.25em;margin: 1em 0;} .page-template-newspage article{display: none;} .page-template-newspage article.active{display: block;margin-bottom: 1.5em;} .page-template-newspage article .inner{-webkit-box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.5);box-shadow: 0px 5px 50px -4px rgba(0,0,0,0.5);padding: 0.5em;margin: 1em;} .page-template-newspage article header:after{position: absolute;content: '';height:0.05em;width:110%;background: #d8d8d8;bottom: 0;left: -1vw;} .page-template-newspage article header .time{text-align: right;color:#919191;font-size: 0.5em;} .page-template-newspage article header img{height: 1.5em;} .page-template-newspage article header{padding-bottom: 0.5em;} .page-template-newspage article.press header{padding-bottom: 0.35em;} .page-template-newspage article footer img{margin-top: 2em;height:11em} .page-template-newspage article main .post-title{display: block;margin-bottom: 0.5em;} .page-template-newspage article main .blogpost-title{display: block;margin: 1.5em 0 1em;} .page-template-newspage article main{padding-top:1vw;} .page-template-newspage article main a{color: #000;font-size: 1em;margin: 0.25em 0.75em 0;display: block;} .page-template-newspage article main p{margin: 0 0.75em;} .page-template-newspage article main{font-size: 0.8em;margin-bottom: 12em;padding-bottom: 1em;} .page-template-newspage article footer {text-align: right;margin: 0;font-size: 0.8em;padding: 0 0.75em 0.5em;width:97%;} .page-template-newspage article.press footer{padding-bottom: 0.5em;} .page-template-newspage article.press main{margin-bottom: 0;padding-bottom: 0;} .page-template-newspage article footer a{color:#0271c1;} .page-template-newspage .section-buttons{text-align: center;margin: 1.25em auto;} .page-template-newspage .section-buttons a{color: #454545;padding: 0.35em 0; margin: 0.5vw;border: 0.05em solid #a5a5a5;width:6em;display: inline-block;border-radius: 0.1vw;font-size: 0.85em;} .page-template-newspage .section-buttons a:hover{color: #0271c1;padding: 0.35em 0; margin: 0.5vw;border:0.05em solid #0271c1;text-decoration: none;border-radius: 0.1vw;} .page-template-newspage .news-section{margin-bottom: 4vw;} .page-template-newspage .bull{width:1.5em;} .page-template-newspage .section-nav a:hover:after{display: none;} .page-template-newspage article header .time span{right: 1em;} .page-template-newspage article.press .inner{padding: 0.5em 1em 1em;} .single-press article, .single-press .press-back{padding: 0 1em;} .single-press .postmeta{font-size: 0.8em;} .single-press .press-back{text-align: center;} .single-press h1.entry-title{font-size: 1em;padding-bottom: 0;margin-bottom: 0;} .single-press .press-back a{font-size: 14px;} .single-press .press-back img{width:2em;} /*about page*/ .page-template-about .hero {height: auto; padding-bottom: 10px;} .page-template-about .hero h1{font-size: 1.5em;padding: 0;margin: 0;} .page-template-about .section-nav{text-align: center;margin: 1em auto;} .page-template-about #pretext{ font-size: 1.0em;line-height: 1.5;margin: 2em auto;padding:0 10px; position: relative; max-width:95%; left:auto; transform: none; font-size: 16px; } .page-template-about #pretext br {display: none;} .page-template-about .employees:before{display:none;content:'';height:0.05em; background:#0271c1;width:40%;display: block;position: absolute;top:0; left:0; /*transform: translateX(50%);-ms-transform: translateX(50%);right:50%;*/} .page-template-about .employees{padding: 1em 0;} .page-template-about .employees h2{font-size: 1.1em;} .page-template-about .name b{font-size: 1em;} .page-template-about .employee .position{font-size: 16px;margin-bottom: 0.5em;} .page-template-about .employee .desc p{font-size: 16px;} .page-template-about .employee{margin-bottom: 2em;margin-left: 0;} .page-template-about #primary{margin-bottom: 4em;} .page-template-about .hero {padding-top:150px; background-color: #00081f; background-size: cover; background-position: center -50px;} .page-template-about #main #primary .intro {font-size: 16px;} .page-template-about .employees h2 {padding-left:15px;} .page-template-about section.careers {background-color:#161622; padding-top:40px; padding-bottom:430px; background-position: center bottom;} .page-template-about section.careers .career-content {padding-bottom:0;} .page-template-about section.careers {max-height: none;} .icons{width:100%;margin: auto;} .icons .item {width:100%; max-width: 100%; margin: 20px auto;} .icons .item:first-child, .icons .item:last-child {margin: auto;} section.content-promo .row .col-md-4 {margin-bottom:20px;} section.content-promo .section-title, .inner-page h2, .inner-page h3, .inner-page h3.subtitle, section.announcement h2{font-size: 30px;} .inner-page h4 {font-size: 24px;} section.content-items .content_item-wrapper {margin-bottom: 20px;} section.content-items .content_item-wrapper .content_item-content h4 {height: auto;} }/*end 991 media query*/ @media (min-width:750px) and (max-width:1190px){ .page-template-about #pretext {padding-top:0.5vw;} .page-template-about .hero{background-position: center -232px; height:260px;} } @media (min-width:1190px) and (max-width:1390px){ .page-template-about #pretext {padding-top:7vw; bottom:55px;} } @media (min-width:1400px){ .page-template-about #pretext {padding-top:12vw;} } @media (min-width:1500px) and (max-width:1700px){ .page-template-about #pretext {padding-top:14vw;} .page-template-about .hero{ background-position: center -285px;} } @media (min-width:1700px){ .page-template-about #pretext {padding-top:12vw;} .page-template-about .hero{ background-position: center -385px;} } @media (min-width:1200px){ .page-template-about .hero, .page-template-media-kit-page .hero{ background-position: center; padding:240px 0 100px 0; } } @media (min-width:1800px){ .page-template-about .hero{ background-position: center -440px;} } @media (min-width:1950px){ .page-template-about .hero{ background-position: center 67%;} } @media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) and (max-device-width : 1024px){ /*body{font-size: 2vw;}*/ body:not(.theme-preset-active) footer#colophon, footer .container,.page-template-contact-page #maps address{font-size: 1em;} .acf-map{height:20em;} } @media screen and (orientation: landscape) and (max-width:991px) { .page-template-product-page .hero .overlay{font-size: calc(4vmin + 3px);} .page-template-product-page .hero .container{bottom: 70%;} .home .hero .overlay{font-size:5vmin } .home .hero .overlay .subtitle:after { margin: 1em 0 8.5em;} } @media screen and (orientation: portrait) and (min-aspect-ratio: 23/28){ body{font-size: 15px;} } @media screen and (orientation: portrait) and (max-device-aspect-ratio: 1/1) and (max-device-width : 768px){ .home .hero .overlay h1{font-size:1.65em;} .home .hero .overlay .subtitle, .home .hero .overlay p{font-size: 15px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { body{font-size: 16px;} .page-template-product-page .slider { padding: 2em 1em 8em;}} @supports (-ms-accelerator:true) { .mejs__controls{display: none;} } @supports (-ms-ime-align:auto) { .mejs__controls{display: none;} } /*IE 10 and up hack*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .related {display: none;} } /*Hide Items for AWS .row.secondary.stacked .wrapper:first-child {display:none;} */