/*
Theme Name: Videosoft
Author: Intravenous
Version: 1.4.3
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* temporary */
.page-template-template-contact-page .temp-hide, .page-template-template-client-login-page .temp-hide {
display: none;
}
.page-template-template-contact-page footer.bg-split, .page-template-template-client-login-page footer.bg-split {
background: none;
}
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
html {
overflow-x: hidden;
height: 100%;
}
body {
font-family: "Space Grotesk", sans-serif;
font-optical-sizing: auto;
color:#000;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #ffffff;
}
.dark-scheme {
background-color: #021A45;
color: #ffffff;
}
.lightgrey-scheme {
background-color: #ffffff;
color: #000000;
}
.midgrey-scheme {
background-color: #f2f2f2;
color: #000000;
}
.mid-grey {
background-color: #f2f2f2;
color: #000000;
}
.pale-blue {
background-color: #CDD1D9; /* #B4BECA */
color: #000000;
}
.rich-blue {
background-color: #19375D;
}
.illo-pale-blue {
background-color: #C4CDD4;
color: #000000;
}
.black {
background-color: #000000;
color: #ffffff;
}
.white {
background-color: #ffffff;
color: #000000;
}
.vs-blue {
background-color: #021A45;
color: #ffffff;
}
.w-border {
border: 4px solid #ffffff;
}
.br-large {
border-radius: 16px;
}
.img-bg, .video-bg {
color: #ffffff;
}
.img-bg.invert {
color: #000000;
}
.grecaptcha-badge {
display: none;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align: middle;
border-style: none;
height: auto;
}
p:empty, p:empty:before {
display: none !important;
}
a, a:visited, main a, main a:visited {
color: #FF9503;
text-decoration: underline;
}
a:hover, main a:hover {
color: #FF9503;
text-decoration: none;
}
a:focus, main a:focus {
outline:0;
}
a:hover, a:active, main a:hover, main a:active {
outline:0;
}
.email a, .email a:visited {
color: #000000;
text-decoration: none;
overflow-wrap: break-word;
word-wrap: break-word;
}
.email a:hover {
color: #000000;
text-decoration: underline;
}
.accordion h3 a, .accordion h3 a:visited {
color: #FF9503;
text-decoration: none;
}
.accordion h3 a:hover {
color: #000000;
text-decoration: none;
}
a.launch-link, a:visited {
color: #000000;
text-decoration: underline;
}
a.launch-link:hover {
color: #FF9503;
text-decoration: none;
}
small.xs {
font-size: 60%;
}
main ol {
list-style-type: none;
}
main ul {
padding-left: 20px;
list-style-type: none;
}
main li {
list-style-type: none;
}
main ul:before {
margin-left: 1.2em !important;
list-style-type: none;
}
main li:before {
content: url('data:image/svg+xml,');
font-size: 0.6em !important;
margin-top: 0;
margin-right: 10px !important;
margin-left: -20px;
width: 10px;
display: inline-block;
vertical-align: middle;
}
main ul ul li:before {
content: url('data:image/svg+xml,');
font-size: 0.6em !important;
margin-top: 0;
margin-right: 10px !important;
margin-left: -20px;
width: 10px;
display: inline-block;
vertical-align: middle;
}
.list-unstyled li::before {
display: none;
}
.highlight {
color: #FF9503;
font-weight: 600;
}
/* buttons */
.btn, .btn-link, .btn-success, .btn-success.disabled, .btn:visited, .btn-link:visited, .btn-success:visited, .btn-success.disabled:visited {
color: #FFFFFF;
font-weight: 600;
background-color: #FF9503;
border: 1px solid #FF9503;
height: 40px;
border-radius: 6px;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
padding-bottom: 1px;
min-width: 250px;
padding: 0 10px 1px 10px;
text-align: center;
}
.btn-link, .btn-link:focus, .btn-link:active, .btn-link:visited {
display: flex;
flex-direction: column;
justify-content: center;
width: fit-content;
}
.page-header.open .btn-link {
display: inline-flex;
}
.btn-success, .btn-success:focus, .btn-success:active, .btn-success:visited, .btn-success.disabled:visited, .btn-success.disabled, .btn-success:disabled {
display: inline-block !important;
}
.btn span, .btn-link span {
position: relative;
top: -1px;
}
.btn.focus, .btn:focus, .btn-success.focus, .btn-success:focus {
box-shadow: none;
}
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
box-shadow: none;
}
.align-center .btn-link {
margin: auto;
}
.home .align-center .btn-link {
margin-bottom: 0;
}
.btn.disabled, .btn:disabled {
opacity: 1;
}
.btn.inverse, .btn-link.inverse, .btn.inverse:visited, .btn-link.inverse:visited {
color: #FFFFFF;
background-color: transparent;
border: 1px solid #FFFFFF;
}
.btn:hover, .btn-link:hover, .btn:focus, .btn-link:focus {
background-color: transparent;
border: 1px solid #FF9503;
text-decoration: none;
}
.btn.inverse:hover, .btn-link.inverse:hover, .btn.inverse:focus, .btn-link.inverse:focus {
color: #FFFFFF;
background-color: #FF9503;
border: 1px solid #FF9503;
text-decoration: none;
}
.btn:hover, .btn-link:hover, .btn:focus, .btn-link:focus {
color: #000000;
}
.hero-content .btn-link:hover, .hero-content .btn-link:focus, .btn-link.darkbg:hover, .btn-link.darkbg:focus, .btn-link.inverse:hover, .btn-link.inverse:focus {
color: #FFFFFF;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
color: inherit;
background-color: inherit;
border-color: #FF9503;
}
.btn-success:hover, .btn-success:focus {
color: #000000 !important;
background-color: transparent;
border: 1px solid #FF9503;
}
.btn-success.darkbg:hover, .btn-success.darkbg:focus {
color: #ffffff !important;
background-color: transparent;
border: 1px solid #FF9503;
}
.footer-cta.invert .btn-success:hover, .footer-cta.invert .btn-success:focus {
color: #000000;
}
@media (max-width: 767px) {
[class*="page-template-template-industry-"] .footer-cta .btn-success:hover, [class*="page-template-template-industry-"] .footer-cta .btn-success:focus {
color: #000000 !important;
}
}
footer .footer-form-wrap .btn-success:hover, footer .footer-form-wrap .btn-success:focus {
color: #ffffff;
}
.tel {
margin-bottom: 10px;
}
.m0 {
margin: 0 !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt-20 {
margin-top: -20px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.ml0 {
margin-left: 0 !important;
}
.ml10 {
margin-left: 10px !important;
}
.mr0 {
margin-right: 0 !important;
}
.mr10 {
margin-right: 10px !important;
}
.p0 {
padding: 0 !important;
}
.pt0 {
padding-top: 0 !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pr0 {
padding-right: 0 !important;
}
@media (min-width: 768px) {
.xl-pad-wrap {
margin-left: -30px;
margin-right: -30px;
}
.xl-pad {
padding-left: 15px;
padding-right: 15px;
}
.xxl-pad-wrap {
margin-left: -45px;
margin-right: -45px;
}
.xxl-pad {
padding-left: 30px;
padding-right: 30px;
}
.xxxl-pad-wrap {
margin-left: -60px;
margin-right: -60px;
}
.xxxl-pad {
padding-left: 45px;
padding-right: 45px;
}
}
.d-block {
display: block;
}
.f-left {
float: left;
}
input:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
strong {
font-weight: 700;
}
.no-h-pad {
padding-left: 0;
padding-right: 0;
}
.v-align-center {
text-align: left;
justify-content: center;
display: flex;
flex-direction: column;
}
.post-template-template-post-single-column-parallax blockquote::before, .post-template-template-post-single-column-image-blocks blockquote::before, .post-template-template-post-double-column blockquote::before, .page-id-4695 blockquote::before, .single-custom_case_studies blockquote::before {
content: "";
border-top: 1px solid #FF9503;
display: block;
background-image: url(../svg/quotemark-open.svg);
background-repeat: no-repeat;
background-size: 50px 100px;
background-position: left top;
height: 90px;
}
.vs-blue blockquote::before {
background-image: url(../svg/quotemark-open-orange.svg);
}
.post-template-template-post-single-column-parallax blockquote::after, .post-template-template-post-single-column-image-blocks blockquote::after, .post-template-template-post-double-column blockquote::after, .page-id-4695 blockquote::after, .single-custom_case_studies blockquote::after {
content: "";
border-bottom: 1px solid #FF9503;
display: block;
margin-top: 45px;
}
.page-id-4695 blockquote {
margin: 0 0 40px 0 !important;
}
.page blockquote span {
text-align: center;
padding-left: 10%;
padding-right: 10%;
display: block;
}
.page .indent, .single-custom_case_studies .indent {
padding-left: 10%;
padding-right: 10%;
}
hr.white {
border-top: #ffffff 1px solid;
}
hr.quarter {
width: 25%;
}
.divider_full {
border-bottom: 1px solid #000000;
margin: 0 0 10px 0;
transform: scaleY(0.75);
}
.align-left {
text-align: left !important;
}
.align-center {
text-align: center !important;
}
@media (max-width: 991px) {
.md-align-center {
text-align: center;
}
}
.align-center .tel, .align-center .email {
display: inline-block;
}
.simple-fade {
transition: all .5s ease-in-out 0s;
}
.home .sector-blocks .arrow-right {
display: block;
}
.arrow-right {
height: auto;
transition: transform 0.3s ease-in-out;
}
.arrow-right:hover {
transform: translateX(8px);
}
.arrow-left {
height: auto;
transition: transform 0.3s ease-in-out;
}
.arrow-left:hover {
transform: translateX(-8px);
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.page-id-1406 article .container ol, .page-id-1497 article .container ol, .page-id-3581 article .container ol { counter-reset: item; margin-top: 20px }
.page-id-1406 article .container ol li:last-child, .page-id-1497 article .container ol li:last-child, .page-id-3581 article .container ol li:last-child { margin-bottom: 20px }
.page-id-1406 article .container ol li, .page-id-1497 article .container ol li, .page-id-3581 article .container ol li { display: block }
.page-id-1406 article .container ol li p:first-child, .page-id-1497 article .container ol li p:first-child, .page-id-3581 article .container ol li p:first-child { margin-top: 20px }
.page-id-1406 article .container ol li:before, .page-id-1497 article .container ol li:before, .page-id-3581 article .container ol li:before { content: counters(item, ".") " "; counter-increment: item; margin: 0 0 0 -40px !important; width: 40px; display: inline-block; font-family: "Space Grotesk", sans-serif; font-optical-sizing: auto; font-size: inherit !important; vertical-align: baseline; }
.page-id-1406 article .container ol u, .page-id-1497 article .container ol u, .page-id-3581 article .container ol u { margin-left: -40px }
.page-id-1406 article .container table, .page-id-1497 article .container table, .page-id-3581 article .container table { margin-bottom: 20px; width: 100% }
.page-id-1406 article .container td, .page-id-1497 article .container td, .page-id-3581 article .container td { border: #cfcfce solid 1px; padding: 10px 15px 10px 15px }
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
height: 100%;
}
/* header */
header {
position: fixed;
top: 0;
display: block;
width: 100%;
z-index: 4;
}
.home .header {
background: none;
box-shadow: none;
}
.header {
background-color: #ffffff;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
-o-box-shadow: 0 2px 4px rgba(0,0,0,.3);
box-shadow: 0 2px 4px rgba(0,0,0,.3);
/*transition: all .5s ease-in-out 0s;*/
}
.header-scrolled .mobile-menu .menu-toggle-label {
color: #ffffff;
}
.header-scrolled .mobile-menu .icon-bar {
background-color: #021A45;
}
.header-inner {
position: relative;
display: flex;
width: 100%;
/*max-width: 1680px;
align-items: center;*/
justify-content: space-between;
z-index: 3;
margin-left: auto;
margin-right: auto;
}
.logo, .logo-img {
z-index: 3;
}
/* mega menu */
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > .mega-menu-column:not(:first-child), #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > .mega-menu-column:not(:first-child) {
border-left: none;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
text-decoration: none;
cursor: pointer;
display: block; /* Display block instead of inline */
/*transition: 0.3s;*/ /* Transition effects on hover (color) */
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
margin: 0 0 0 4px;
}
.home #mega-menu-wrap-header-menu {
background-color: transparent;
transition: all .5s ease-in-out 0s;
}
.home .header-scrolled #mega-menu-wrap-header-menu, .home .header-scrolled #mega-menu-wrap-sidebar-menu {
background-color: #ffffff;
transition: all .5s ease-in-out 0s;
}
.mega-menu-column {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.mega-menu-column .align-items-center {
height: 40px;
display: flex;
margin-bottom: 12px;
}
.mega-menu-column .mm-icon {
height: 30px;
width: 30px;
margin-right: 10px;
}
.mega-menu-item p a {
text-decoration: none;
}
.mega-menu-column.feature-col {
background-color: #021A45 !important;
padding-left: 40px !important;
padding-right: 0 !important;
}
.mega-menu-column.feature-col .image {
border-radius: 10px;
}
.mega-menu-column.feature-col .arrow {
width: 15%;
transition: transform 0.3s ease-in-out;
}
.mega-menu-column.feature-col .arrow:hover {
transform: translateX(8px);
}
.mega-menu-column.feature-col h3, .mega-menu-column.feature-col p {
color: #ffffff !important;
}
.mega-menu-column.feature-col h3 {
margin: 15px 0;
}
.mega-menu-column.feature-col p {
margin-bottom: 15px;
}
@media (max-width: 767px) {
#mega-menu-wrap-header-menu, #mega-menu-wrap-sidebar-menu {
padding-right: 25px;
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated, #mega-menu-wrap-sidebar-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
margin-top: 4px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
padding: 0 0 0 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding-right: 8px;
}
.mega-sub-menu .mega-menu-column {
padding-top: 5px !important;
}
.mega-sub-menu .mega-menu-column:nth-child(1), .mega-sub-menu .mega-menu-column:nth-child(2) {
padding-bottom: 0 !important;
}
.mega-sub-menu .mega-menu-column:nth-child(2) {
padding-top: 0 !important;
}
.mega-sub-menu .mega-menu-column:nth-child(3) {
padding-bottom: 5px !important;
}
.mega-sub-menu .mega-menu-column:nth-child(2) .mega-menu-item:nth-child(1), .mega-sub-menu .mega-menu-column:nth-child(3) .mega-menu-item:nth-child(1) {
display: none !important;
}
.mega-menu-column .widget_text {
display: none !important;
}
.max-mega-menu #mega-menu-item-47 {
padding-bottom: 30px !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
display: block;
}
.mega-menu-column .align-items-center span {
font-size: 18px !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-weight: normal;
font-size: 18px !important;
}
.mega-menu-item p, .mega-menu-item p a {
font-size: 12px !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 20px !important;
font-weight: 500 !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
font-size: 18px !important;
padding-left: 0;
padding-right: 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
padding-left: 0;
padding-right: 30px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link {
padding-left: 0;
padding-right: 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
color: #ff9503;
}
#mega-menu-wrap-header-menu, #mega-menu-wrap-sidebar-menu {
width: 100%;
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right, #mega-menu-wrap-sidebar-menu .mega-menu-toggle .mega-toggle-blocks-right {
margin-right: -5px;
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child, #mega-menu-wrap-sidebar-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
margin: 0;
}
#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu, .mega-menu-sidebar-menu-mobile-open #mega-menu-wrap-sidebar-menu .mega-menu-toggle.mega-menu-open + #mega-menu-sidebar-menu {
height: 100vh !important;
padding: 0 0 120px 25px; /*64px*/
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
font-size: 16px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
font-size: 30px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-last a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-last a.mega-menu-link {
padding-bottom: 0.8rem;
}
}
@media (min-width: 768px) {
#mega-menu-wrap-header-menu, #mega-menu-wrap-sidebar-menu {
position: absolute;
right: 0;
width: 100%;
}
.home #mega-menu-wrap-header-menu #mega-menu-header-menu, .home #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu {
box-shadow: none;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu, .home .header-scrolled #mega-menu-wrap-header-menu #mega-menu-header-menu, .home .header-scrolled #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu {
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
-o-box-shadow: 0 2px 4px rgba(0,0,0,.3);
box-shadow: 0 2px 4px rgba(0,0,0,.3);
padding-right: 80px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
padding: 0 0 0 40px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
-o-box-shadow: 0 2px 4px rgba(0,0,0,.3);
box-shadow: 0 2px 4px rgba(0,0,0,.3);
clip-path: inset(0px -4px -4px -4px);
}
.divider_full.col2 {
width: calc(100% + 40px)
}
.mega-menu-column .align-items-center span {
font-size: calc(15px + 7*((100vw - 575px) / 1400)) !important;
font-weight: 600;
line-height: normal;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, .mega-menu-column.feature-col h3, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, .mega-menu-column.feature-col h3 {
font-size: calc(14px + 3*((100vw - 575px) / 1400)) !important;
font-weight: 600;
line-height: 1.3 !important;
}
.mega-menu-item p, .mega-menu-item p a {
font-size: calc(12px + 3 * ((100vw - 575px) / 1400));
font-weight: 400;
line-height: 1.4;
color: #4d4d4d;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
font-weight: 500 !important;
}
.home #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
color: #ffffff;
}
.home #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
color: #ff9503;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.first {
padding-top: 0.4rem !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
top: -0.4rem !important;
}
.home .header-scrolled #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item p, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item p {
font-size: calc(12px + 3 * ((100vw - 767px) / 1400)) !important;
color: #000000;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: calc(14px + 5 * ((100vw - 575px) / 1400)) !important;
color: #000000;
text-transform: none;
}
.home .header-scrolled #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu, .home .header-scrolled #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu {
background-color: #ffffff;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
background: transparent;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu > li.mega-menu-flyout ul.mega-sub-menu {
-moz-box-shadow: 0 4px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
-o-box-shadow: 0 4px 4px rgba(0,0,0,.3);
box-shadow: 0 4px 4px rgba(0,0,0,.3);
border-bottom-right-radius: 15px;
}
.client-login-icon, .client-login-icon img {
position: absolute;
right: 0;
}
}
/* nav */
.overlayOn {
overflow:hidden;
}
.mobile-menu .overlay a {
font-size: calc(13px + 3 * ((100vw - 767px) / 1400));
text-decoration: none;
cursor: pointer;
display: block; /* Display block instead of inline */
transition: 0.3s; /* Transition effects on hover (color) */
font-weight: 500;
line-height: 1.3em;
}
.mobile-menu .overlay-content li.menu-item-has-children a:after {
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
content: "";
vertical-align: .15em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.mobile-menu .overlay-content li.menu-item-has-children a.active:after {
vertical-align: .15em;
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent;
}
.mobile-menu .overlay-content li.menu-item-has-children .sub-menu a:after {
display: none;
}
.mobile-menu .overlay .sub-menu {
display: none;
}
@media (min-width: 768px) {
.home .header .inverse {
display: block !important;
}
.home .header .full-colour {
display: none !important;
}
}
.home .header-scrolled .inverse, .header .inverse {
display: none !important;
}
.home .header-scrolled .full-colour {
display: block !important;
}
.overlayOn .header .full-colour {
display: none !important;
}
/*.overlayOn .header .inverse {
display: block !important;
}*/
/* hero */
.home .hero {
height: 100%;
position: inherit;
padding: 0;
}
.home .hero video {
object-fit: cover;
height: 100%;
width: 100%;
max-width: 100%;
background-color: #000000;
}
.home .hero-content {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
flex-flow: column;
justify-content: center;
text-align: center;
width: 100%;
}
@media (max-width: 575px) {
.home .hero-content {
padding: 20% 10% 8% 10%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.home .hero, .home .hero-content {
height: 160%;
}
.home .hero-content {
padding: 8% 10% 0% 10%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.home .hero-content {
padding: 14%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.home .hero-content {
padding: 14%;
}
}
@media (min-width: 1200px) {
.home .hero-content {
padding: 16%;
}
}
.home .hero .btn {
margin: 10px auto 0 auto;
flex: 0 0 auto;
}
.hero {
position: relative;
}
/*.hero .carousel {
text-align: left;
position: relative;
}
.hero .carousel-indicators {
z-index: 1;
}
.hero .carousel .carousel-inner {
border-radius: 16px;
background-color: #000;
}
.hero .carousel-item {
border-radius: 16px;
min-height: 600px;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hero .carousel-item::after {
border-radius: 16px;
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.hero .carousel-indicators li {
width: 15px;
height: 15px;
margin-right: 5px;
margin-left: 5px;
border-radius: 100%;
}*/
.hero h1 span {
color: #FF9503;
}
.hero-content {
z-index: 1;
color: #fff;
height: 100%;
position: absolute;
display: flex;
}
.hero-content-inner {
display: flex;
flex-flow: column;
justify-content: center;
}
.hero-content-inner p {
display: block;
}
.hero-content .wrap {
padding: 0;
margin: 0;
}
/*------------------------------------*\
ANIMATIONS
\*------------------------------------*/
.fromTopIn
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromTopOut
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,-10px);
opacity: 0.0;
}
.fromBottomIn
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromBottomOut
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,10px);
opacity: 0.0;
}
.fromLeftIn
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromLeftOut
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(-10px,0);
opacity: 0.0;
}
.fromRightIn
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromRightOut
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(10px, 0);
opacity: 0.0;
}
.scaleUpIn
{
transition: transform 1s ease, opacity 1s ease;
transform: scale(1.0,1.0);
opacity: 1.0;
}
.scaleUpOut
{
transition: transform 1s ease, opacity 1s ease;
transform: scale(1.3,1.3);
opacity: 0.0;
}
.scaleDownIn
{
transition: transform 1s ease, opacity 1s ease;
transform: scale(1.0,1.0);
opacity: 1.0;
}
.scaleDownOut
{
transition: transform 1s ease, opacity 1s ease;
transform: scale(0.7,0.7);
opacity: 0.0;
}
/* page-header */
.page-header {
justify-content: center;
position: relative;
display: flex;
flex-direction: column;
align-items: left;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
}
.page-header-fixed {
background-color: #e3e7f0;
text-align: center;
position: relative;
}
.page-header-fixed h2 {
font-size: calc(13px + 21 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.2;
color: #000000;
margin: 0;
display: inline;
background-color: #fff;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
padding: 1px 12px 6px 12px;
}
.page-header-fixed h2 span {
position: relative;
}
.page-header-fixed h2.left {
position: absolute;
left: 30px;
top: 30px;
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-o-box-shadow: 0 3px 6px rgba(0,0,0,.5);
box-shadow: 0 3px 6px rgba(0,0,0,.5);
}
.page-header-fixed h2.right {
position: absolute;
right: 30px;
bottom: 30px;
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-o-box-shadow: 0 3px 6px rgba(0,0,0,.5);
box-shadow: 0 3px 6px rgba(0,0,0,.5);
}
.page-header.video-bg video {
position: absolute !important;
left: 0 !important;
right: 0 !important;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-header.logo-overlay img {
position: absolute;
height: auto;
}
.page-header.open video.bg {
position: absolute !important;
left: 0 !important;
right: 0 !important;
width: 100%;
height: 100%;
object-fit: cover;
}
/* img-third */
.img-third {
background-repeat: no-repeat;
background-position: right center;
background-size: cover;
background-image: url("../jpg/imgthird-contact2.jpg");
}
/* content */
.home main {
padding: 0 !important;
}
.home article {
position: relative;
}
.home .video-bg [class*="col-"] {
z-index: 1;
}
.home .video-bg::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
[class*="page-template-template-industry-"] .feature-strip.footer-cta, .post-3575 .feature-strip.footer-cta {
background-color: #CDD1D9; /* #B4BECA */
}
[class*="page-template-template-industry-"] .hero img, .img-txt-split img {
border-radius: 10px;
}
.feature-strip [class*="col-"]:last-child p:last-child {
margin: 0;
}
.feature-strip.img-bg, .mob-img-strip, .partner-info-header [class*="col-"] .row [class*="col-"]:first-of-type {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.home .newsfeed-strip .img-thumb {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: 0;
}
.newsfeed-strip .img-thumb {
width: 100%;
padding-top: 70%;
position: relative;
background-color: #000000;
}
.newsfeed-strip .img-thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.home .newsfeed-strip .img-thumb img:hover {
opacity: 1;
}
.newsfeed-strip .img-thumb img:hover {
opacity: 0.5;
cursor: pointer;
}
.home .newsfeed-strip .img-thumb::after {
background: none;
}
.newsfeed-strip .img-thumb::after {
content: '';
position: absolute;
width: 100%;
height: 65%;
top: 35%;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.75) 80%,rgba(0,0,0,0.85) 100%);
pointer-events: none;
}
.home .parallax-effect-container-wrap, .home .parallax-effect-container-wrap .parallax_container, .home .parallax-effect-container-wrap .parallax_container .parallax, .parallax-effect-container-wrap.footer-cta, .parallax-effect-container-wrap.footer-cta .parallax_container, .parallax-effect-container-wrap.footer-cta .parallax_container .parallax, .img-bg.parallax-effect-container-wrap, .img-bg.parallax-effect-container-wrap .parallax_container, .img-bg.parallax-effect-container-wrap .parallax_container .parallax {
height: 100% !important;
}
main.midgrey-scheme {
/*background-image: url("img/sat-trails-white.svg");
background-repeat: no-repeat;
background-position: left bottom;*/
}
main.lightgrey-scheme {
/*background-image: url("img/sat-trails-grey.svg");
background-repeat: no-repeat;
background-position: left bottom;*/
}
.page-template-template-split-page main {
background-image: none;
}
#img-blocks {
width: 100%;
overflow: hidden;
}
.page-template-template-flytipping-page #img-blocks .ib1 {
background-image: url("../jpg/ib-flytip-rural.jpg");
}
.page-template-template-flytipping-page #img-blocks .ib2 {
background-image: url("../jpg/ib-flytip-rural2.jpg");
}
.page-template-template-flytipping-page #img-blocks .ib3 {
background-image: url("../jpg/ib-flytip-urban.jpg");
}
.page-template-template-iridium-page #img-blocks .ib1 {
background-image: url("../jpg/ib-cctv-room.jpg");
}
.page-template-template-iridium-page #img-blocks .ib2 {
background-image: url("../jpg/ib-pipeline-desert.jpg");
}
.page-template-template-iridium-page #img-blocks .ib3 {
background-image: url("../jpg/ib-soldiers-comms2.jpg");
}
#img-blocks [class*="col"] {
padding: 0;
}
#img-blocks [class*="ib"] {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 0;
padding-bottom: 75%;
z-index: 0;
}
#img-blocks [class*="ib"] .block {
height: 100%;
width: 100%;
overflow: hidden;
}
.img-zoom {
transition: 0.4s linear;
}
.img-zoom:hover, .img-zoom:focus {
transform: scale(1.1);
}
.home .img_blocks [class*="col-"] {
padding: 0.5px;
}
.home .img_blocks .img_block_wrap {
border-radius: 0;
}
.img_blocks .img_block_wrap {
background-color: #fff;
border-radius: 10px;
position: relative;
z-index: 1;
height: 100%;
}
.home .img_block {
border-radius: 0;
}
.img_block {
float: left;
overflow: hidden;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 100%;
}
.img_block_inner {
position: relative;
}
.sector-blocks .img_block_inner .img-1 {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: 0;
}
.sector-blocks .img_block_inner .img-2 {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: 0;
}
.sector-blocks .img_block_inner .img-3 {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: 0;
}
.sector-blocks .img_block_inner .img-4 {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: 0;
}
.sector-blocks .img_block_inner .img-5 {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: 0;
}
.sector-blocks .img_block_inner .img-6 {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1680px) {
.home .sector-blocks .container, .home .sector-blocks .col-md-8 .xxl-pad {
padding-right: 0;
}
}
@media only screen and (min-width: 1681px) {
.home .sector-blocks .container {
padding-left: 30px;
padding-right: 30px;
}
}
.home .img_block_inner h3 {
position: absolute;
right: 0;
text-align: left;
color: #fff;
z-index: 1;
font-weight: 500;
pointer-events: none;
}
.img_block_inner h3 {
position: absolute;
bottom: 2%;
left: 0;
right: 0;
text-align: center;
color: #fff;
z-index: 1;
font-weight: 500;
pointer-events: none;
}
.home .img_block_inner [class*="img-"]::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 60%);
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.home .img_block_inner [class*="img-"]:hover::before {
opacity: 1;
}
.img_block_inner .img-zoom::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.7) 100%);
}
.img_blocks .img_block_info {
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
padding: 6%;
}
.img_block_info {
position: relative;
}
.img_block_info p {
margin-bottom: 1rem !important;
}
.img_block_info .btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.feature_blocks .feature_block_wrap, .feature_blocks.invert .feature_block_wrap {
border-radius: 10px;
position: relative;
z-index: 1;
height: 100%;
padding: 10%;
}
.feature_blocks .feature_block_wrap {
background-color: #19375D;
color: #fff;
}
.feature_blocks.invert .feature_block_wrap {
background-color: transparent;
color: #000;
}
.feature_blocks .feature_block_wrap {
cursor: pointer;
}
.feature_blocks .feature_block_wrap .feature_block, .feature_blocks.mini .feature_block_wrap .feature_block {
display: flex;
flex-flow: column;
}
.feature_blocks.mini .feature_block_wrap .feature_block h3 {
margin-bottom: 20px;
}
.partner_blocks .partner_block_wrap {
background-color: #fff;
border: 1px solid #000;
border-radius: 10px;
position: relative;
z-index: 1;
height: 100%;
}
.partner_blocks .partner_block_wrap:hover {
border: 1px solid #FF9503;
}
.partner_blocks .partner_block_wrap .partner_block {
display: flex;
flex-flow: column;
justify-content: center;
}
.partner_blocks .partner_block_wrap .partner_block img {
margin: auto;
width: 75%;
height: auto;
}
.partner_blocks .partner_block_wrap .partner_block {
display: flex;
flex-flow: column;
justify-content: center;
}
.partner_blocks .partner_block_wrap .partner_block_overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #FF9503;
cursor: pointer;
visibility: hidden;
display: flex;
flex-flow: column;
justify-content: center;
text-align: left;
padding: 10%;
}
.partner_blocks .partner_block_wrap .partner_block_overlay .name {
font-size: 105%;
font-weight: 600;
}
.partner_blocks .partner_block_wrap .partner_block_overlay .description {
margin-bottom: 0;
}
.partner_blocks .partner_block_wrap:hover .partner_block_overlay {
visibility: visible;
}
.home .icon-block-wrap, [class*="page-template-template-industry-"] .icon-block-wrap, .page-id-4695 .icon-block-wrap, .page-template-template-product-page .icon-block-wrap {
margin-top: 0;
}
.home .icon-block {
text-align: left;
}
.icon-block {
text-align: center;
}
.home .icon {
justify-content: left;
flex-direction: row;
margin: 0 !important;
}
.icon {
justify-content: center;
display: flex;
flex-direction: column;
}
.icon-block img {
margin: 0 auto;
}
.action-block {
background-color: #33546e;
color: #fff;
padding: 30px;
border-radius: 6px;
text-align: center;
}
.action-block img {
display: block;
width: 12%;
margin: 0 auto;
border-radius: 0 !important;
}
.action-block p {
display: inline-block;
}
.custom_partners .sidebar img, .pb-img img {
background-color: #fff;
display: block;
border: 1px solid #000;
border-radius: 10px;
width: 100%;
padding: 15% 10%;
}
.custom_partners .sidebar .name {
margin-top: 10px;
}
.custom_partners .sidebar p:last-of-type {
margin-bottom: 30px;
}
.custom_partners .sidebar .btn-link {
min-width: 100%;
}
.securityandpolicingbooth .sp-logo {
margin-top: 10px;
}
.securityandpolicingbooth .sp-logo img {
max-height: 205px;
width: auto;
}
.securityandpolicingbooth .cgi {
padding: 5%;
}
.single-custom_case_studies .list-panel li::before {
display: none;
}
.js-letters {
display: flex;
justify-content: space-around;
background-color: #EEEEEE;
padding: 12px 0;
border-radius: 6px;
}
.js-letters a {
color: #000000;
text-decoration: none;
}
.js-letters .active {
font-weight: bold;
}
.keyword-search {
margin: 50px 0 40px 0;
}
.img-txt-split ul, .bullet-list ul {
padding-left: 3px;
margin: 0; /*-5px 0 0 0*/
}
.img-txt-split li small, .bullet-list li small {
line-height: 1.5;
margin-bottom: 10px;
}
.img-txt-split li::before, .bullet-list li::before {
display: none;
}
.bullet-list-expanded li strong:first-of-type {
display: block;
margin-bottom: 10px;
}
.page-id-4695 .solutions .xxl-pad, .page-id-4695 .solutions .xxl-pad .moveBottomIn {
position: relative;
height: 100%;
}
.page-id-4695 .solutions p:last-of-type {
margin-bottom: 80px;
}
.page-id-4695 .solutions .btn-link {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.img-txt-split .carousel {
text-align: left;
position: relative;
}
.img-txt-split .carousel-indicators {
z-index: 1;
}
.img-txt-split .carousel-item {
width: 100%;
height: 100%;
}
.img-txt-split .carousel-indicators li {
width: 15px;
height: 15px;
margin-right: 5px;
margin-left: 5px;
border-radius: 100%;
}
/* img carousel */
.carousel-img-thumbs {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
}
.carousel-img-thumbs li {
margin: 5px;
cursor: pointer;
border: 1px solid #000;
padding: 1% 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.carousel-img-thumbs .active {
border: 1px solid #FF9503;
}
.carousel-img-thumbs li:before {
display: none;
}
.img-carousel .carousel-control-next, .img-carousel .carousel-control-prev {
border: none;
background: none;
opacity: 1;
width: auto;
}
.img-carousel .carousel-control-next-icon, .img-carousel .carousel-control-prev-icon {
height: 30px;
width: 16px;
}
.img-carousel .carousel-control-next-icon {
background-image: url("../svg/carousel-arrow-right.svg");
}
.img-carousel .carousel-control-prev-icon {
background-image: url("../svg/carousel-arrow-left.svg");
}
.img-carousel .carousel-control-next {
right: -16px;
}
.img-carousel .carousel-control-prev {
left: -16px;
}
/* logo carousel */
/*@media (min-width: 768px) {
.sp-logo-carousel {
height: 150px !important;
}
}
@media (max-width: 767px) {
.sp-lc-container .sp-lc-button-prev, .sp-lc-container .sp-lc-button-next {
display: none !important;
}
}
.sp-lc-container .sp-lc-button-next, .sp-lc-container .sp-lc-button-prev {
top: auto !important;
bottom: 0 !important;
}
.sp-lc-container .sp-lc-button-prev {
left: calc(50% - 35px) !important;
}
.sp-lc-container .sp-lc-button-next {
right: calc(50% - 35px) !important;
}
.home .svg-inline--fa {
margin-left: 0 !important;
margin-right: 0 !important;
}*/
/* forms */
.form-control, input {
color: #000000;
font-weight: 500;
padding: .25rem .75rem .375rem .75rem;
background: transparent;
border: 1px solid rgba(255, 166, 3, 1);
height: 40px;
border-radius: 6px;
}
.alert {
text-align: center;
font-size: 1rem;
font-weight: 500;
border-radius: 6px;
padding: .55rem 1.25rem .75rem 1.25rem;
}
.footer-form-wrap .help-block, .modal .help-block {
padding: .25rem 0 0 0;
}
.help-block {
padding: .25rem 0 0 .75rem;
}
.help-block li {
font-weight: 500;
margin-top: .55rem;
}
.help-block.with-errors {
color: red;
}
.controls p:nth-child(1) {
margin: 20px 0 10px 0;
}
#contact-form input[type="radio"] {
display: none;
}
#contact-form input[type="radio"]+label:before {
content: "";
display: inline-block;
width: 25px;
height: 25px;
padding: 6px;
margin-right: 10px;
background-clip: content-box;
border: 1px solid rgba(255, 166, 3, 1);
background-color: #e7e6e7;
border-radius: 50%;
vertical-align: text-bottom;
transition: 0.3s;
cursor: pointer;
}
#contact-form input[type="radio"]:checked+label:before {
background-color: #FF9503;
}
#contact-form label {
display: inline-block; /*flex*/
align-items: center;
margin-right: 15px;
}
.questionIcon {
position: absolute;
top: 4px;
font-size: 1.5em;
border: none;
padding: 0;
cursor: pointer;
}
.question-circle {
content: url('data:image/svg+xml,');
margin-top: -10px;
margin-right: 25px !important;
margin-left: 0;
width: 25px;
display: inline-block;
vertical-align: middle;
}
.tooltip-inner {
background-color: #021A45;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
border-top-color: #021A45;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
border-bottom-color: #021A45;
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 2rem;
}
.custom-control-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input {
position: absolute !important;
z-index: -1;
opacity: 0;
}
.custom-control-label {
position: unset;
vertical-align: middle;
}
.custom-control-label::before {
position: absolute;
left: 0;
display: block;
width: 1.5rem;
height: 1.5rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid rgba(255, 166, 3, 1);
}
.custom-control-input:checked ~ .custom-control-label::before {
border: 1px solid rgba(255, 166, 3, 1);
background-color: transparent !important;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFA603'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-label::after {
position: absolute;
left: -0.25rem;
display: block;
width: 2rem;
height: 2rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
top: 0;
}
.custom-radio .help-block {
margin-left: -2rem;
}
.opt-in.custom-control {
padding-left: 1.4rem;
}
.opt-in .custom-control-label {
position: relative;
}
.opt-in .custom-control-label::before {
position: absolute;
top: .3rem;
left: -1.4rem;
display: block;
width: 0.9rem;
height: 0.9rem;
pointer-events: none;
content: "";
background-color: #fff;
border: 1px solid #FFA603;
}
.modal-content .opt-in .custom-control-label::before {
background-color: transparent;
border: 1px solid #FFFFFF;
}
.opt-in .custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #FFA603 !important;
background-color: #FFA603 !important;
}
.opt-in .custom-control-label::after {
top: .25rem;
left: -1.45rem;
}
.custom-select {
color: #000000;
font-weight: 500;
padding: .25rem .75rem .375rem .75rem;
border: 1px solid rgba(255, 166, 3, 1);
height: 40px;
border-radius: 6px;
}
.launch-block {
display: inline-block;
background-color: #e1e7f0;
border-bottom-right-radius: 50px;
}
.launch-block .breaker {
display: inline-block;
}
.launch-block .launch-img {
height: auto;
display: inline-block;
vertical-align: middle;
}
.launch-block span {
display: inline-block;
vertical-align: middle;
}
.fischer-encoder-txt img {
max-width: 90%;
}
#lead_source:invalid {
color: #6C757D;
}
.modal-content #lead_source:invalid, .modal-content input::placeholder, .modal-content textarea::placeholder, footer .footer-form-wrap input::placeholder {
color: #9FA9B6;
}
#lead_source:valid {
color: #000000;
}
.modal-content #lead_source {
color: #FFFFFF;
}
.modal-content #lead_source option {
color: #000000;
}
/* modals */
.modal-dialog {
max-width: 525px;
}
.modal-content {
background-color: #33546e;
border: none;
border-radius: 10px;
padding: 0;
color: #FFFFFF;
}
.modal-content .modal-header {
border: none;
}
.modal-content .modal-header .close {
color: #FFFFFF;
text-shadow: none;
opacity: 1;
padding: 0.6rem 1rem;
font-size: 2rem;
font-weight: 300;
}
.modal-content .modal-header .close:hover {
color: #FFFFFF;
opacity: 1;
}
.modal-content .modal-body {
padding: 0 40px 40px 40px;
}
.modal-content textarea {
height: auto !important;
}
.modal-backdrop {
background-color: #FFFFFF;
opacity: 0.7;
}
body.modal-open {
overflow: visible;
}
.modal-open {
padding-right: 0px !important;
}
/* blog */
h3.article-title a, h3.article-title a:visited {
color: #000000 !important;
text-decoration: none;
}
h2.article-title a, h2.article-title a:visited {
color: #000000 !important;
text-decoration: none;
}
h3.article-title a:hover {
color: #000000 !important;
text-decoration: underline;
}
h2.article-title a:hover {
color: #000000 !important;
font-weight: 600;
text-decoration: underline;
}
.view-article, .date {
display: block;
}
.view-article {
color: #FF9503 !important;
font-weight: 500 !important;
}
.blog .pagination {
text-align: center;
display: block;
}
.single .pagination {
color: #FF9503;
}
.pagination .prev {
text-align: left;
}
.pagination .next {
text-align: right;
}
.blog .img-thumb {
width: 100%;
padding-top: 60%;
position: relative;
}
.blog .img-thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.blog-imgcredit {
position: absolute;
bottom: 5px;
right: 10px;
z-index: 1;
color: #fff;
font-style: italic;
font-size: 70%;
pointer-events: none;
}
.single .hero img, .single article img, .inline-img-grid img {
border-radius: 10px;
}
.single .inline-img-grid {
text-align: center;
font-size: 80%;
}
.single.postid-1198 .inline-img-grid, .single.postid-1200 .inline-img-grid {
margin-top: 55px;
margin-bottom: 50px;
text-align: center;
line-height: 1.1rem;
padding-left: 0;
padding-right: 0;
}
.casestudiesfeed-strip .post-block {
display: grid;
}
.casestudiesfeed-strip .img-thumb {
width: 100%;
padding-top: 60%;
position: relative;
}
.casestudiesfeed-strip .img-thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.casestudiesfeed-strip .blog-imgcredit {
position: absolute;
bottom: 5px;
right: 10px;
z-index: 1;
color: #fff;
font-style: italic;
font-size: 70%;
pointer-events: none;
}
.single .wp-video, .single iframe {
margin: 40px auto;
display: block;
}
.blog .post-block {
display: grid;
}
.newsfeed-strip [class*="col-"] {
padding: 0;
}
.newsfeed-strip.social .post-block .date, .blog .post-block .social .date {
margin: 15px 0 20px 0;
line-height: 25px !important;
}
.newsfeed-strip .post-block {
padding: 0;
float: left;
}
@media (min-width: 768px) {
.home .newsfeed-strip .article-link {
margin-bottom: 20px;
display: block;
}
}
@media (max-width: 767px) {
.home .newsfeed-strip .article-link {
margin-bottom: 40px;
display: block;
}
}
.newsfeed-strip .post-block-inner, .newsfeed-strip .large-block .post-block-inner {
position: absolute;
z-index: 1;
color: #fff;
pointer-events: none;
}
.blog .post-block h2 {
margin-bottom: 15px !important;
}
.post-block-inner h3 {
margin-bottom: 15px !important;
}
.newsfeed-strip .post-block-inner h2 {
margin-bottom: 15px !important;
}
.newsfeed-strip .post-block-inner h3.article-title a, .newsfeed-strip .post-block-inner h3.article-title a:visited, .newsfeed-strip .post-block-inner h3.article-title a:hover {
color: #fff !important;
}
.newsfeed-strip .post-block-inner h2.article-title a, .newsfeed-strip .post-block-inner h2.article-title a:visited, .newsfeed-strip .post-block-inner h2.article-title a:hover {
color: #fff !important;
}
.blog .post-block .date img {
height: 25px;
width: auto;
float: right;
}
.newsfeed-strip .post-block p:last-child {
margin-bottom: 0;
}
.casestudiesfeed-strip .post-block {
float: left;
}
.blog .post-block p:first-of-type {
display: none;
}
.category-social .post-block p:first-of-type {
display: block;
}
@media (min-width: 768px) {
.category-social .post-block p {
padding-left: 30px;
padding-right: 30px;
}
}
/*.blog .post-block p.read-more {
margin: 0;
position: absolute;
bottom: 0;
}*/
.blog .post-block a, .blog .post-block a:visited, .blog .post-block a:hover {
color: #000;
font-weight: 500;
}
/* case studies */
.single-custom_case_studies .partner-logo {
margin: 0 auto 20px auto;
}
.single-custom_case_studies .list-panel {
background-color: #CDD1D9; /* #B4BECA */
border-bottom-right-radius: 30px;
}
.single-custom_case_studies .list-panel ul {
padding-left: 3px;
}
/* client login */
.link-description {
margin: -10px 0 20px 0;
}
/* footer */
footer span {
margin-right: 10px;
}
footer a, footer a:visited {
color: #000;
text-decoration: none;
}
footer a:hover {
color: #FF9503;
text-decoration: underline;
}
footer ul {
padding-left: 0;
}
footer .contact-details img {
width: 70px;
height: auto;
display: block;
}
.footer-links a, .footer-links a:visited {
color: #000;
text-decoration: underline;
}
.footer-links a:hover {
color: #000;
text-decoration: none;
}
.footer-links .socials {
margin-top: 25px;
display: block;
}
.footer-links .socials a {
margin-right: 10px;
}
.footer-links .socials a:last-child {
margin-right: 0;
}
.footer-links img {
height: 16px;
width: auto;
}
footer .footer-form-wrap {
background-color: #33546e;
color: #ffffff;
}
footer .footer-form-wrap h3 {
margin-bottom: 40px;
}
footer .footer-form-wrap a, footer .footer-form-wrap a:visited {
color: #ffffff;
text-decoration: underline;
margin-right: 0;
}
footer .footer-form-wrap a:hover {
color: #ffffff;
text-decoration: none;
}
footer .footer-form-wrap .form-control, .modal-content .form-control {
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 1);
}
footer .footer-form-wrap .form-control:focus, .modal-content .form-control:focus {
background-color: transparent;
}
/*footer .footer-form-wrap input::placeholder, .modal-content input::placeholder, .modal-content textarea::placeholder {
color: #ffffff;
opacity: 0.5;
}
footer .footer-form-wrap input::-ms-input-placeholder, .modal-content input::-ms-input-placeholder, .modal-content textarea::-ms-input-placeholder {
color: #ffffff;
}*/
footer .footer-form-wrap .help-block.with-errors, .modal-content .help-block.with-errors {
color: #FF9503;
}
.page-template-template-contact-page footer .container, .page-template-template-client-login-page footer .container, .page-template-template-client-login-page-dev footer .container, .page-template-template-forgot-password-page footer .container, .page-template-template-reset-password-page footer .container {
padding: 0;
margin: 0;
}
/* accordions */
.accordion { padding: 10px 0 0 0; }
.accordion h3 { margin-bottom: 20px; font-weight: 600; }
.accordion__heading, .accordion__heading:visited, .accordion__heading:focus { display: block }
.accordion__heading.collapsed, .accordion__heading.collapsed:visited, .accordion__heading.collapsed:focus { display: block }
.accordion__heading.collapsed,
.accordion__heading.collapsed:visited,
.accordion__heading.collapsed:focus {
padding-right: 60px;
background: url("../svg/accordion-plus.svg") right center no-repeat;
text-decoration: none;
background-size: 20px 20px;
}
.accordion__heading.collapsed:hover { color:#333333; }
.accordion__heading,
.accordion__heading:visited,
.accordion__heading:focus {
padding-right: 60px;
background: url("../svg/accordion-minus.svg") right center no-repeat;
text-decoration: none;
background-size: 20px 20px;
}
.accordion__heading:hover { color:#333333; }
.accordion p { margin: 0; padding-bottom:20px; }
.accordion p:last-child { padding-bottom:30px; }
.accordion h3, .accordion h3:visited { text-decoration: none; }
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@media (max-width: 767px) {
.h1, h1, .h2, h2, .h3, h3 {
margin: 0 0 30px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h1, h1 {
margin: 0 0 30px 0;
}
main h1 {
margin: 0 0 45px 0;
}
.partner-info-header h1 {
margin: 0 0 30px 0;
}
[class*="page-template-template-industry-"] h2, .home .sector-blocks h2, .page-id-4695 h2, .page-template-template-product-page .main-content h2 {
margin: 0 0 45px 0;
}
.h2, h2, .img-bg h2, .img-txt-split h2 {
margin: 0 0 30px 0;
}
.h3, h3 {
margin: 0 0 30px 0;
}
}
@media (min-width: 992px) {
.h1, h1 {
margin: 0 0 30px 0;
}
main h1 {
margin: 0 0 60px 0;
}
.partner-info-header h1 {
margin: 0 0 30px 0;
}
[class*="page-template-template-industry-"] h2, .home .sector-blocks h2, .page-id-4695 h2, .page-template-template-product-page .main-content h2 {
margin: 0 0 60px 0;
}
.h2, h2, .img-bg h2, .img-txt-split h2 {
margin: 0 0 30px 0;
}
.h3, h3 {
margin: 0 0 30px 0;
}
}
.h1, h1 {
font-size: calc(19px + 25 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.3;
color: #000000;
}
.home .hero h1 {
font-size: calc(20px + 60 * ((100vw - 575px) / 1400)); /*20px + 65*/
font-weight: 600;
line-height: 1.1;
color: #fff;
margin-bottom: 30px;
display: block;
}
.hero h1 {
font-size: calc(21px + 33 * ((100vw - 575px) / 1400));
font-weight: 600;
line-height: 1.2;
color: #fff;
margin: 0;
display: block;
}
.home .hero p {
font-size: calc(14px + 8 * ((100vw - 575px) / 1400)); /*15px + 13*/
font-weight: 400;
line-height: 1.3;
margin-bottom: 20px;
}
.page-header h1 {
font-size: calc(21px + 33 * ((100vw - 575px) / 1400));
font-weight: 600;
line-height: 1.2;
margin: 0;
z-index: 0;
color: #fff;
}
.page-template-template-insights-page .feature-strip:first-of-type h2 {
font-size: calc(17px + 7 * ((100vw - 575px) / 1400));
line-height: 1.2;
}
.h2, h2 {
font-size: calc(19px + 24 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.2;
}
.page blockquote span {
font-size: calc(19px + 21 * ((100vw - 575px) / 1400));
line-height: 1.1;
}
.newsfeed-strip h3 {
font-size: calc(17px + 27 * ((100vw - 575px) / 1400));
line-height: 1.1;
}
.feature-strip.footer-cta h3, .newsfeed-strip h3 {
font-size: calc(26px + 31 * ((100vw - 575px) / 1400));
line-height: 1.1;
}
.newsfeed-strip h2.article-title {
font-size: calc(16px + 3 * ((100vw - 575px) / 1400)) !important;
line-height: 1.1 !important;
}
.newsfeed-strip .small-block h3.article-title {
font-size: calc(16px + 3 * ((100vw - 575px) / 1400)) !important;
line-height: 1.3 !important;
}
.newsfeed-strip .large-block h3.article-title {
font-size: calc(16px + 15 * ((100vw - 575px) / 1400)) !important;
line-height: 1.2 !important;
}
.newsfeed-strip p {
font-size: calc(14px + 5 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.2;
}
.date {
font-size: calc(11px + 2 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.1;
color: #666666;
}
h3.article-title {
font-size: calc(16px + 3 * ((100vw - 575px) / 1400)) !important;
line-height: 1.3 !important;
}
h2.article-title {
font-size: calc(16px + 3 * ((100vw - 575px) / 1400)) !important;
line-height: 1.3 !important;
}
.h2.tel, h2.tel, .h2.email, h2.email {
font-size: calc(19px + 21 * ((100vw - 575px) / 1400));
line-height: 1.1;
}
.home .icon h3 {
font-size: calc(17px + 5 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.1;
margin: revert;
}
.h3, h3 {
font-size: calc(17px + 5 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.4;
}
.home .img_block_inner h3 {
font-size: calc(20px + 16 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.1;
}
.page-template-template-product-page main h3 {
font-size: calc(17px + 7 * ((100vw - 575px) / 1400));
font-weight: 700;
line-height: 1.4;
}
footer h3 {
font-size: calc(21px + 13 * ((100vw - 575px) / 1400));
line-height: 1.4;
}
.modal-content h3 {
font-size: calc(21px + 13 * ((100vw - 575px) / 1400)) !important;
font-weight: 500 !important;
line-height: 1.4 !important;
}
.h4, h4 {
font-size: calc(17px + 3 * ((100vw - 575px) / 1400));
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
}
blockquote p {
font-size: calc(16px + 6 * ((100vw - 575px) / 1400));
line-height: 1.3;
font-style: italic;
}
[class*="page-template-template-industry-"] .main-content [class*="col-"]:first-child p:first-of-type, [class*="page-template-template-industry-"] .main-content article p:first-of-type, .page-id-4695 .main-content p:first-of-type, .post-template-template-post-single-column-parallax blockquote p, .post-template-template-post-single-column-image-blocks blockquote p, .post-template-template-post-double-column blockquote p, .page-id-4695 blockquote p, .single-custom_case_studies blockquote p, .custom_partners .sidebar .name, .action-block p, .page-template-template-all-in-one-hardware-page .intro h2, .page-template-template-stand-alone-software-page .intro h2 {
font-size: calc(16px + 6 * ((100vw - 575px) / 1400));
font-style: normal;
font-weight: 600;
line-height: 1.3;
}
.img-txt-split li, .bullet-list li {
font-size: calc(16px + 6 * ((100vw - 575px) / 1400));
font-style: normal;
font-weight: 400;
line-height: 1.3;
}
[class*="page-template-template-industry-"] .achievement-highlights p, [class*="page-template-template-industry-"] .accordion-slice [class*="col-"]:nth-child(2) p {
font-size: calc(15px + 6 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.4;
margin-bottom: 20px;
}
.trust-slice [class*="col-"]:nth-child(2) p, .insight-slice p {
font-size: calc(15px + 6 * ((100vw - 575px) / 1400));
line-height: 1.4;
margin-bottom: 20px;
}
p, #contact-form label, .pagination, .pagination a, .main-content.plain [class*="col-"]:first-child p:first-of-type {
font-size: calc(14px + 4 * ((100vw - 575px) / 1400));
font-weight: 400;
line-height: 1.4;
margin-bottom: 20px;
}
.form-control, input, .custom-control-label {
font-size: calc(14px + 5 * ((100vw - 575px) / 1400));
}
.sector-blocks [class*="sb"] div span, .btn, .btn-link {
font-size: calc(18px + 0 * ((100vw - 575px) / 1400));
font-weight: 600;
}
footer .contact-details p {
font-size: calc(14px + 5 * ((100vw - 575px) / 1400));
font-weight: 400;
line-height: 1.2;
margin-bottom: 20px;
}
.footer-links span, .footer-links a {
font-size: calc(13px + 1 * ((100vw - 575px) / 1400));
font-weight: 400;
line-height: 1.1;
margin-bottom: 20px;
}
.achievement-highlights span {
font-size: calc(31px + 41 * ((100vw - 575px) / 1400));
font-weight: 600;
line-height: 1.1;
display: inline-block;
}
.launch-link {
font-size: calc(17px + 17 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.1;
margin-bottom: 20px;
}
.fa-xs {
font-size: .7em !important;
}
.svg-inline--fa {
margin-right: 1em !important;
color: #000;
vertical-align: inherit;
margin-left: -2em;
}
.fa-angle-double-right {
color: #999999;
}
li {
font-size: calc(14px + 5 * ((100vw - 575px) / 1400));
font-weight: 500;
line-height: 1.4;
margin: 0 0 10px 0;
}
.small, small {
display: block;
}
@media only screen and (max-width: 575px) {
.h1, h1, .h2, h2, .h3, h3 {
margin: 0 0 20px 0;
}
.h1, h1 {
font-size: 19px;
}
.home .hero h1 {
font-size: 20px;
line-height: 1.3;
}
.hero h1 {
font-size: 21px;
}
.home .hero p {
font-size: 14px;
}
.page-header h1 {
font-size: 21px;
}
.page-template-template-insights-page .feature-strip:first-of-type h2 {
font-size: 17px;
}
.h2, h2 {
font-size: 19px;
}
.page blockquote span {
font-size: 19px;
}
.newsfeed-strip h3 {
font-size: 17px;
}
.feature-strip.footer-cta h3, .newsfeed-strip h3 {
font-size: 26px;
}
.newsfeed-strip h2.article-title {
font-size: 16px;
}
.newsfeed-strip .small-block h3.article-title {
font-size: 16px;
}
.newsfeed-strip .large-block h3.article-title {
font-size: 16px !important;
}
.newsfeed-strip p {
font-size: 14px;
}
.date {
font-size: 11px;
}
h3.article-title {
font-size: 16px;
}
h2.article-title {
font-size: 16px;
}
.h2.tel, h2.tel, .h2.email, h2.email {
font-size: 19px;
}
.home .icon h3 {
font-size: 17px;
}
.h3, h3 {
font-size: 17px;
}
.home .img_block_inner h3 {
font-size: 20px;
}
.page-template-template-product-page main h3 {
font-size: 17px;
}
footer h3 {
font-size: 21px;
}
.modal-content h3 {
font-size: 21px !important;
}
.h4, h4 {
font-size: 17px;
}
blockquote p {
font-size: 16px;
}
[class*="page-template-template-industry-"] .main-content [class*="col-"]:first-child p:first-of-type, [class*="page-template-template-industry-"] .main-content article p:first-of-type, .page-id-4695 .main-content p:first-of-type, .post-template-template-post-single-column-parallax blockquote p, .post-template-template-post-single-column-image-blocks blockquote p, .post-template-template-post-double-column blockquote p, .page-id-4695 blockquote p, .single-custom_case_studies blockquote p, .custom_partners .sidebar .name, .action-block p, .page-template-template-all-in-one-hardware-page .intro h2, .page-template-template-stand-alone-software-page .intro h2 {
font-size: 16px;
}
.img-txt-split li, .bullet-list li {
font-size: 16px;
}
[class*="page-template-template-industry-"] .achievement-highlights p, [class*="page-template-template-industry-"] .accordion-slice [class*="col-"]:nth-child(2) p {
font-size: 15px;
}
.trust-slice [class*="col-"]:nth-child(2) p, .insight-slice p {
font-size: 15px;
}
p, #contact-form label, .pagination, .pagination a, .main-content.plain [class*="col-"]:first-child p:first-of-type {
font-size: 14px;
}
.form-control, input, .custom-control-label {
font-size: 14px;
}
li {
font-size: 14px;
}
.btn-link {
padding: 0 10px;
}
.btn-success, .btn-success:focus, .btn-success:active, .btn-success.disabled, .btn-success:disabled {
padding: 0 10px;
}
.sector-blocks [class*="sb"] div span, .btn, .btn-link {
font-size: 18px;
}
footer .contact-details p {
font-size: 14px;
}
.footer-links span, .footer-links a, .launch-link {
font-size: 13px;
}
.achievement-highlights span {
font-size: 31px;
}
}
/*------------------------------------*\
ANIMATIONS
\*------------------------------------*/
@media (min-width: 768px) {
.delay {
transition-delay: 0.5s !important;
}
.moveTopIn
{
transition: transform 1s ease;
transform: translate(0,0);
}
.moveTopOut
{
transition: transform 1s ease;
transform: translate(0,-50px);
}
.moveBottomIn
{
transition: transform 1s ease;
transform: translate(0,0);
}
.moveBottomOut
{
transition: transform 1s ease;
transform: translate(0,50px);
}
}
.fromTopIn
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromTopOut
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,-10px);
opacity: 0.0;
}
.fromBottomIn
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromBottomOut
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,10px);
opacity: 0.0;
}
.fromLeftIn
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromLeftOut
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(-10px,0);
opacity: 0.0;
}
.fromRightIn
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromRightOut
{
transition: transform 1s ease, opacity 1s ease;
transform: translate(10px, 0);
opacity: 0.0;
}
.scaleUpIn
{
transition: transform 1s ease, opacity 1s ease;
transform: scale(1.0,1.0);
opacity: 1.0;
}
.scaleUpOut
{
transition: transform 1s ease, opacity 1s ease;
transform: scale(1.3,1.3);
opacity: 0.0;
}
.scaleDownIn
{
transition: transform 1s ease, opacity 1s ease;
transform: scale(1.0,1.0);
opacity: 1.0;
}
.scaleDownOut
{
transition: transform 1s ease, opacity 1s ease;
transform: scale(0.7,0.7);
opacity: 0.0;
}
.trans--grow {
-webkit-transition: width 1s ease-out; /* For Safari 3.1 to 6.0 */
transition: width 1s ease-out;
width: 100%;
}
.grow {
width: 0%;
}
.zoom:hover {
transform: scale(1.025); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
transition: 0.3s;
}
.zoom:not(:hover) {
transition: 0.3s;
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
/* Small Mobile Portrait */
@media only screen and (max-width: 320px) {
}
@media only screen and (min-width: 321px) and (max-width: 575px) {
}
/* Mobile Portrait */
@media only screen and (max-width: 575px) {
.hero {
align-items: center;
}
.home .hero-content p {
margin: 0 0 20px 0;
}
.hero-content p {
margin: 30px 0 0 0;
}
.hero-footer {
position: absolute;
/*width: 100%;*/
bottom: 20px;
}
.page-header, .page-header.parallax-effect-container-wrap {
height: 200px;
}
.page-header.slim, .page-header.slim.parallax-effect-container-wrap, .img-third {
height: 125px;
}
.txt-third {
padding-left: 15px;
padding-right: 15px;
}
.modal-title {
font-size: 18px;
}
.tel {
padding: 0 0 0 36px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 25px 19px;
background-position: left 75%;
}
.email {
padding: 0 0 0 36px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 25px 17px;
background-position: left 90%;
}
.img-split {
width: 100%;
float: left;
}
.img-split.left {
padding: 5%;
}
.img-split.right {
padding: 7% 5% 5% 5%;
}
.launch-block {
width: 100%;
padding: 0 20px 20px 25px;
}
.launch-block .breaker {
width: 100%;
}
.launch-block .launch-img {
margin-top: 20px;
width: 170px;
}
.launch-block span {
padding-top: 10px;
}
.btn-success, .btn-success:focus, .btn-success:active, .btn-success.disabled, .btn-success:disabled {
width: 100% !important;
}
.btn, .btn-link {
width: 100% !important;
text-align: center;
padding-left: 0;
padding-right: 0;
}
.hero-content-inner .btn-link:first-of-type {
margin-bottom: 20px;
}
.hero-content-inner .btn-link:last-of-type {
margin-bottom: 10px;
}
.cp-ibr1700, .cp-r1900 {
display: inline-block !important;
height: 85px;
width: auto;
margin: 4% 4% 2% 4% !important;
}
.single.postid-1198 .inline-img-grid [class*="col-"], .single.postid-1200 .inline-img-grid [class*="col-"] {
margin-bottom: 20px;
}
.single .inline-img-grid {
padding-left: 10px;
padding-right: 10px;
}
.single .inline-img-grid [class*="col-"]:first-of-type {
margin-bottom: 40px;
}
.flytipping [class*="col-"]:first-child {
height: 175px;
}
.flytipping {
background: #021A45 url("../jpg/ib-flytip-urban.jpg");
background-position: center top !important;
background-size: 100% auto !important;
background-repeat: no-repeat;
color: #fff;
}
.flytipping [class*="col-"]:last-child {
background-color: #021A45;
padding: 8% 9% 10% 9%;
text-align: center;
}
.single-custom_case_studies .partner-logo {
width: 60%;
}
.single-custom_case_studies .content-split [class*="col-"]:last-child {
margin: 40px 0 5px 0;
}
.keyword-search span {
margin: 0 0 20px 0;
display: block;
}
}
/* Mobile Landscape */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.home .hero-content p {
margin: 0 0 20px 0;
}
.hero-content p {
margin: 20px 0 0 0;
}
.page-header, .page-header.parallax-effect-container-wrap {
background-size: 100%;
height: 250px;
}
.single .page-header {
background-size: cover;
}
.page-header.slim, .page-header.slim.parallax-effect-container-wrap, .img-third {
background-size: 100%;
height: 150px;
}
.txt-third {
padding-left: 0;
padding-right: 0;
max-width: 540px;
margin-right: auto;
margin-left: auto;
}
.tel {
padding: 0 0 0 41px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 30px 23px;
background-position: left 70%;
}
.email {
padding: 0 0 0 41px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 30px 20px;
background-position: left 85%;
}
.img-split-wrap {
min-width: 100%;
}
.img-split {
width: 50%;
float: left;
margin-top: 15px;
}
.img-split.left {
padding-right: 3%;
}
.img-split.right {
padding-left: 3%;
}
.launch-block {
margin-left: -25px;
padding: 0 30px 20px 25px;
}
.launch-block .launch-img {
width: 170px;
margin-top: 20px;
}
.launch-block span {
margin-top: 10px;
padding-left: 20px;
}
.cp-ibr1700, .cp-r1900 {
display: inline-block !important;
height: 75px;
width: auto;
margin: 4% 4% 2% 4% !important;
}
.flytipping {
background-position: left -15% center !important;
background-size: 65% auto !important;
}
.single-custom_case_studies .partner-logo {
width: 50%;
}
.single-custom_case_studies .content-split [class*="col-"]:last-child {
margin: 40px 0 5px 0;
}
.newsfeed-strip .large-block h2.article-title {
font-size: 15px;
}
.hero .carousel {
height: 100% !important;
}
.hero .carousel-item {
min-height: 400px !important;
}
.hero-content {
padding-bottom: 20px;
}
footer .footer-form-wrap {
border-radius: 10px;
}
}
/* Medium devices (tablets, 576px and up) */
@media (min-width: 576px) {
.hero-content .wrap {
display: flex;
}
.hero-content .btn-link {
margin-right: 20px;
}
.flytipping {
background: #021A45 url("../jpg/ib-flytip-urban.jpg");
background-repeat: no-repeat;
color: #fff;
}
.flytipping [class*="col-"]:last-child {
background-color: #021A45;
padding: 8% 0 9% 9%;
}
}
/* Mobile Portrait & Landscape */
@media (max-width: 767px) {
.mobile-menu .overlay a {
font-size: 21px !important;
}
.mobile-menu .overlay .sub-menu a {
font-size: 20px;
}
.client-login-icon, .client-login-icon img {
display: none;
}
h2.article-title {
margin: 20px 0 !important;
}
.date {
margin-bottom: 10px;
}
.page blockquote span {
margin: 30px 0 40px 0;
}
blockquote {
margin: 20px 0 20px 0;
}
.home .header {
background: #ffffff;
}
header {
padding: 0;
}
.header-login {
display: none;
}
.header-login-icon {
position: absolute;
top: 20px;
right: 70px;
}
.header-login-icon img {
height: 26px;
width: auto;
}
.logo, .logo-img {
height: auto;
width: 148px;
margin: 17px 25px 0 25px;
position: absolute;
}
.logo.cradlepoint {
height: auto;
width: 171px;
}
.mobile-menu .menu-toggle-label {
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
color: #fff;
font-weight: 500;
}
.mobile-menu .menu-toggle {
cursor: pointer;
}
.mobile-menu .icon-bar {
background-color: #021A45;
}
.mobile-menu .icon-bar:first-child {
margin-top: 0;
}
.mobile-menu .icon-bar:last-child {
margin-bottom: 0;
}
.mobile-menu .overlay {
height: 0%;
width: 100%;
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(28, 35, 65); /* fallback color */
background-color: rgba(28, 35, 65, 1); /* w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
overflow-y: scroll;
background-image: url("../svg/logo-cutout.svg");
background-repeat: no-repeat;
background-position: right bottom;
background-size: 30%;
/*overflow-y: hidden;*/ /* Disable vertical scroll */
/*transition: 0.5s;*/ /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mobile-menu .overlay ul li::before {
display: none;
}
.mobile-menu .overlay li {
margin-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
}
.mobile-menu .overlay-content {
position: relative;
width: 100%;
text-align: center;
margin: 0;
list-style-type: none;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 100px 0;
}
.mobile-menu .overlay .sub-menu {
padding: 20px 0 0 0;
}
.mobile-menu .overlay a, .mobile-menu .overlay a:visited {
color: #ffffff;
}
.mobile-menu .overlay a:hover, .mobile-menu .overlay a.active {
text-decoration: none;
color: #FF9503;
transition: 0.3s;
}
.mobile-menu .overlay-content li {
list-style-type: none;
}
.mobile-menu .overlay-content li a.menu-item-parent:after {
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
content: "";
vertical-align: .15em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.mobile-menu .overlay-content li a.menu-item-parent.active:after {
vertical-align: .15em;
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent;
}
.mobile-menu .overlay .closebtn {
position: absolute;
font-size: 60px;
background: url("../svg/mm-close.svg") no-repeat;
display: block;
height: 23px;
width: 23px;
top: 22px;
right: 27px;
z-index: 2;
}
.mobile-menu .overlay .menu-brand {
position: absolute;
}
.mob-hide {
display: none;
}
.mobile-menu .icon-bar {
width: 27px;
height: 3px;
margin: 7px 0;
}
.mobile-menu .overlay .menu-brand {
/*height: 30px;
width: auto;*/
top: 20px;
left: 25px;
}
.main {
padding-top: 64px !important;
}
.pagination {
padding: 60px 0 0 0;
}
.home .main-content [class*="col-"]:nth-child(1) img {
margin-top: 10px !important;
}
.home .main-content [class*="col-"]:nth-child(3) img {
margin-top: 30px !important;
}
.hero-content-inner p {
margin: 20px 0 23px 0;
}
.hero .carousel {
height: calc(100vh - 150px);
min-height: -webkit-fill-available;
display: flex;
}
.hero .carousel-item::after {
background: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%);
}
.home .video-bg::after {
background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
}
[class*="page-template-template-industry-"] .newsfeed-strip {
padding: 20px 0 0 0;
}
[class*="page-template-template-industry-"] .casestudiesfeed-strip {
padding: 20px 0 50px 0;
}
.home .icon-block img {
width: auto !important;
height: 67% !important;
max-height: 67% !important;
}
.home .icon-block img {
margin: 0 4% 0 0;
}
.home .img_block_inner h3 {
top: 10%;
left: 10%;
}
.home .newsfeed-strip {
padding: 50px 25px 10px 25px;
}
.newsfeed-strip {
padding: 50px 0 50px 0;
}
.newsfeed-strip .large-block .post-block-inner {
left: 25px;
padding-right: 25px;
bottom: 20px;
}
.newsfeed-strip .post-block-inner {
left: 25px;
padding-right: 25px;
bottom: 20px;
}
.home .key-features {
padding-bottom: 10px;
}
.home .key-features a {
display: block;
margin-bottom: 40px;
}
[class*="page-template-template-industry-"] .feature-strip.footer-cta, .post-3575 .feature-strip.footer-cta {
background-image: none !important;
color: #000000;
}
.feature-strip, .feature-strip.footer-cta {
padding: 50px 0 50px 0;
text-align: left;
}
.page-header .product-hero.landscape, .page-header .product-hero.portrait {
margin-bottom: 40px;
}
.loadmore_beforehere {
padding-top: 25px;
}
.home .testimonial img {
margin: 40px auto 0 auto;
width: 40%;
}
.home .cols3 .col-lg-4:first-of-type img {
margin-top: 10px;
margin-bottom: 25px !important;
}
.home .cols3 .col-lg-4:last-child img {
margin-top: 30px;
}
.img-txt-split .v-align-center:last-of-type {
margin-top: 30px;
}
.single.postid-1198 .inline-img-grid [class*="col-"]:first-child, .single.postid-1200 .inline-img-grid [class*="col-"]:first-child {
margin-bottom: 20px;
}
hr.quarter {
margin: 30px auto 25px auto;
}
.wrap-pt {
padding-top: 30px;
}
.page-header, .feature-strip, .casestudiesfeed-strip {
padding-left: 10px;
padding-right: 10px;
}
.home .img_blocks {
padding-left: 15px;
padding-right: 15px;
}
.home .feature-strip, .feature-strip.footer-cta {
padding-left: 10px;
padding-right: 10px;
}
footer [class*="col-"] {
padding-left: 25px;
padding-right: 25px;
}
.txt-third footer [class*="col-"] {
padding-left: 15px;
padding-right: 15px;
}
main {
background-size: 90%;
}
.vs-cradlepoint-infographic {
margin: 20px 0 60px 0 !important;
}
.single-custom_case_studies .list-panel {
margin-top: 40px;
padding: 30px 30px 30px 30px;
}
.txt-third {
padding-top: 45px;
}
.txt-third [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.img_blocks [class*="col-"] {
padding: 10px 15px 10px 15px;
}
.home .img_blocks [class*="img-"] {
padding-bottom: 83%;
}
.img_blocks [class*="img-"] {
padding-bottom: 45%;
}
.img_blocks .img_block_wrap .btn {
margin-bottom: 40px !important;
}
.feature_blocks [class*="col-"] {
padding: 10px 15px 10px 15px;
}
.partner_blocks [class*="col-"] {
padding: 10px 15px 10px 15px;
}
.partner-info-header [class*="col-"] .row [class*="col-"]:first-of-type {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 250px;
}
.partner-info-header [class*="col-"] .row [class*="col-"]:last-of-type {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 30px;
}
.action-block {
margin-top: 20px;
}
.hero-content-inner {
width: 100%;
}
.hero-content {
padding-left: 25px;
padding-right: 25px;
}
[class*="page-template-template-industry-"] .page-header, .page-id-3575 .page-header, .page-id-5541 .page-header, .page-id-5666 .page-header {
height: 500px;
}
.page-header.open {
height: 100%;
}
.page-header.open .btn, .page-header.open .btn-link {
width: 100%;
}
.page-header.open .btn:first-of-type {
margin-bottom: 20px;
}
.page-header.split {
height: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.page-header.split [class*="col-"]:first-child {
padding-bottom: 60px;
}
.page-header p {
margin-bottom: 5px;
}
.page-id-4695 .page-header p {
margin-bottom: 20px;
}
.page-header {
padding-left: 15px;
padding-right: 15px;
}
.launch-block {
margin-left: -25px;
}
.page-header-fixed h2 {
font-size: 12px;
padding: 1px 6px 4px 6px;
}
.page-header-fixed h2.left {
position: absolute;
left: 10px;
top: 10px;
}
.page-header-fixed h2.right {
position: absolute;
right: 10px;
bottom: 10px;
}
.our-markets ul:first-child {
margin-bottom: 0;
}
.achievement-highlights p {
margin-bottom: 30px;
}
.achievement-highlights [class*="col-"]:last-child p {
margin-bottom: 5px;
}
footer {
padding-top: 40px;
padding-bottom: 50px;
}
/*footer [class*="col-"] {
margin-bottom: 20px;
}*/
.footer-links {
padding-top: 20px;
}
footer img {
width: 180px;
}
.mob-m0 {
margin: 0;
}
.page-id-1406 article .container ul {
margin-left: 1.3em !important;
}
.controls [class*="col-"] {
padding: 0 !important;
}
.team-profiles {
margin: 0 -15px;
}
.profile {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 40px;
}
.inset-col.left {
margin-bottom: 20px;
}
/*.pagination .prev, .pagination .next {
text-align: center;
}*/
.casestudiesfeed-strip .post-block {
margin-bottom: 40px;
}
.casestudiesfeed-strip .post-block:last-child {
margin-bottom: 0;
}
.blog .post-block {
margin-bottom: 40px;
}
.newsfeed-strip.news .post-block p {
margin-bottom: 35px;
}
.newsfeed-strip.social .post-block p {
margin-bottom: 15px;
}
.blog .post-block p {
margin-bottom: 40px;
}
.fischer-encoder-wrap {
margin-top: 40px;
}
.fischer-encoder-wrap img {
margin-top: 4px;
}
.page-header.logo-overlay img {
width: 19%;
bottom: 15px;
right: 15px;
}
.questionIcon {
right: -15px;
}
.fischer-trial-wrap .questionIcon.desktop {
display: none;
}
.hide-mobile {
display: none;
}
.icon {
height: 110px;
}
.icon-block-wrap {
margin-top: 20px;
}
.home .icon-block {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 10px;
}
.icon-block {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 10px;
}
.icon-block img {
width: 60%;
max-height: 60%;
}
.mini .icon-block img {
width: 60%;
max-height: 60%;
}
.parallax-effect-container-wrap, .mob-img-strip {
width: 100%;
height: 250px;
}
.mob-align-center {
text-align: center;
}
.flytipping {
margin-left: -10px;
margin-right: -10px;
}
.single-custom_case_studies .content-split {
background: none !important;
}
.single-custom_case_studies .opt-img {
margin-top: 40px;
}
.single-custom_case_studies .list-panel li {
padding: 0 0 0 34px;
background: url("../svg/tick-circle.svg") no-repeat;
background-size: 22px 22px;
background-position: left 8px;
margin-bottom: 5px;
line-height: 34px;
}
.img-txt-split li, .bullet-list li {
padding: 8px 0 8px 34px;
background: url("../svg/tick-circle-orange.svg") no-repeat;
background-size: 22px 22px;
background-position: left 8px;
margin-bottom: 0;
line-height: normal;
}
footer .tel {
padding: 0 0 0 32px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 25px 19px;
background-position: left 50%;
}
footer .email {
padding: 0 0 0 32px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 25px 17px;
background-position: left 75%;
}
footer .footer-form-wrap {
margin: 30px 0;
padding-top: 40px;
padding-bottom: 45px;
}
footer .btn-success, footer .btn-success:focus, footer .btn-success:active, footer .btn-success.disabled, footer .btn-success:disabled {
width: 100% !important;
}
footer.bg-split {
background-color: #EEEEEE;
}
.page-template-template-insights-page .arrow-right {
width: 28%;
}
[class*="page-template-template-industry-"] .arrow-right, .category .arrow-right, .page-template-template-blogs .arrow-right, .page-template-template-case-studies .arrow-right, .page-template-template-events .arrow-right, .page-template-template-video .arrow-right, .home .sector-blocks .arrow-right {
width: 18%;
}
.home .sector-blocks .arrow-right {
width: 16%;
}
.feature_blocks .feature_block_wrap .arrow-right {
width: 20%;
}
.partner_blocks .partner_block_wrap .partner_block_overlay .arrow-right {
width: 20%;
}
.pagination img {
width: 36%;
}
.custom_partners .sidebar, .pb-img {
margin-top: 20px;
}
.page-template-template-video-encoder-product-page .img1 {
margin-bottom: 30px;
}
.page-template-template-video-encoder-product-page .img2 {
margin-top: 30px;
}
.feature_blocks.invert.mini [class*="col-"] {
border-bottom: 1px solid #333;
}
.feature_blocks.invert.mini [class*="col-"]:last-child {
border-bottom: none;
}
.product_blocks br:last-of-type {
display: none;
}
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
header {
padding-top: 20px;
padding-bottom: 30px;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333% !important;
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
.fw-tablet {
display: block !important;
}
.fw-tablet img {
width: 100% !important;
margin-bottom: 25px !important;
}
.fw-tablet blockquote {
width: 100% !important;
padding-left: 0 !important;
}
.logo, .logo-img {
height: auto;
width: 148px;
}
.client-login-icon, .client-login-icon img {
width: 18px;
height: 18px;
top: 4.5px;
}
.logo.cradlepoint {
height: auto;
width: 171px;
}
.mobile-menu {
bottom: -2px !important;
}
.mobile-menu .overlay .sub-menu {
width: 220px;
}
.mobile-menu .overlay a {
font-size: 12px;
margin-left: .8rem;
}
h2.article-title {
margin-top: 20px !important;
}
.date {
margin-bottom: 10px;
}
.main {
padding-top: 85px;
}
.hero-content-inner div:first-child {
width: 65%;
}
.page-header, .page-header.parallax-effect-container-wrap {
min-height: calc(var(--vh, 1vh)*48);
height: 575px; /* IE11 Fallback */
}
.page-header.slim-desktop.parallax-effect-container-wrap {
min-height: calc(var(--vh, 1vh)*30);
height: 310px; /* IE11 Fallback */
}
.page-header.slim, .page-header.slim.parallax-effect-container-wrap, .img-third {
min-height: calc(var(--vh, 1vh)*23);
height: 180px; /* IE11 Fallback */
}
.page-header.open {
min-height: 100%;
height: 100%;
}
.page-header.open .btn, .page-header.open .btn-link {
margin: 0 10px;
}
.page-header.split {
min-height: 100%;
height: 100%;
padding-top: 60px;
padding-bottom: 80px;
}
.page-header.split [class*="col-"]:first-child {
padding-bottom: 60px;
}
.pagination {
padding: 60px 0 0 0;
}
[class*="page-template-template-industry-"] .newsfeed-strip {
padding: 35px 0 0 0;
}
.casestudiesfeed-strip {
padding: 30px 0 60px 0;
}
.home .newsfeed-strip {
padding: 60px 0 60px 0;
}
.newsfeed-strip {
padding: 40px 0 45px 0;
}
.newsfeed-strip .large-block .post-block-inner {
left: 25px;
padding-right: 25px;
bottom: 20px;
}
.newsfeed-strip .post-block-inner {
left: 25px;
padding-right: 25px;
bottom: 20px;
}
.feature-strip, .feature-strip.footer-cta {
padding: 60px 0 60px 0;
}
.page-header .product-hero.landscape, .page-header .product-hero.portrait {
margin-bottom: 50px;
}
.loadmore_beforehere {
padding-top: 30px;
}
.home .cols3 .col-lg-4:first-of-type img {
margin-top: 20px;
margin-bottom: 35px !important;
}
.home .cols3 .col-lg-4:last-child img {
margin-top: 40px;
}
.img-txt-split .v-align-center:last-of-type {
margin-top: 40px;
}
.single.postid-1198 .inline-img-grid [class*="col-"]:first-child, .single.postid-1200 .inline-img-grid [class*="col-"]:first-child {
margin-bottom: 30px;
}
.single .inline-img-grid {
padding-left: 10px;
padding-right: 10px;
}
.action-block {
margin-top: 20px;
}
hr.quarter {
margin: 40px auto 35px auto;
}
.wrap {
padding: 40px 0 55px 0;
}
.wrap-pt {
padding-top: 40px;
}
main {
background-size: 85%;
}
.vs-cradlepoint-infographic {
margin: 30px 0 80px 0 !important;
}
.single-custom_case_studies .list-panel {
margin-top: 50px;
padding: 40px 40px 40px 40px;
}
.txt-third {
padding-top: 40px;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
max-width: 720px;
margin-right: auto;
margin-left: auto;
}
footer {
padding-top: 80px;
padding-bottom: 70px;
}
/*footer [class*="col-"] {
margin-bottom: 40px;
}*/
.footer-links {
padding-top: 40px;
}
.tel {
padding: 0 0 0 45px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 32px 24px;
background-position: left 70%;
}
.email {
padding: 0 0 0 45px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 32px 22px;
background-position: left 85%;
}
.inset-col.left {
margin-bottom: 30px;
}
.img-split-wrap {
min-width: 100%;
}
.img-split {
width: 50%;
float: left;
margin-top: 20px;
}
.img-split.left {
padding-right: 3%;
}
.img-split.right {
padding-left: 3%;
}
.launch-block {
margin-left: -40px;
padding: 0 30px 20px 40px;
}
.launch-block {
margin-left: -40px;
padding: 0 30px 20px 40px;
}
.launch-block .launch-img {
width: 190px;
margin-top: 20px;
}
.launch-block span {
margin-top: 10px;
padding-left: 20px;
}
.fischer-encoder-wrap {
margin-top: 60px;
}
.page-header.logo-overlay img {
width: 17%;
bottom: 30px;
right: 30px;
}
.fischer-trial-wrap .questionIcon.desktop {
display: none;
}
.hide-tablet-p {
display: none;
}
.cp-ibr1700, .cp-r1900 {
display: inline-block !important;
height: 100px;
width: auto;
margin: 4% 4% 2% 4% !important;
}
.icon {
height: 120px;
}
.icon-block-wrap {
margin-top: 30px;
}
.home .icon-block {
padding-left: 15px;
padding-right: 15px;
}
.icon-block {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 20px;
}
.mini .icon-block {
margin-bottom: 0;
}
.icon-block img {
width: 65%;
max-height: 65%;
}
.home .icon-block.last img {
margin: 0 3% 0 0;
}
.mini .icon-block img {
width: 50%;
max-height: 50%;
}
.flytipping {
background-position: left -15% center !important;
background-size: 65% auto !important;
}
.single-custom_case_studies .partner-logo {
width: 40%;
}
.content-split.img-right [class*="col-"]:first-child {
padding-top: 1%;
padding-bottom: 2%;
padding-right: 5%;
}
.single-custom_case_studies .wrap-pt {
padding-right: 5%;
}
.single-custom_case_studies .opt-img {
margin-top: 55px;
}
.single-custom_case_studies .list-panel li {
padding: 0 0 0 38px;
background: url("../svg/tick-circle.svg") no-repeat;
background-size: 26px 26px;
background-position: left 8px;
margin-bottom: 5px;
line-height: 38px;
}
.img-txt-split li, .bullet-list li {
padding: 9px 0 9px 36px;
background: url("../svg/tick-circle-orange.svg") no-repeat;
background-size: 24px 24px;
background-position: left 8px;
margin-bottom: 0;
line-height: normal;
}
footer .tel {
padding: 0 0 0 32px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 25px 19px;
background-position: left 50%;
}
footer .email {
padding: 0 0 0 32px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 25px 17px;
background-position: left 75%;
}
footer .btn-success, footer .btn-success:focus, footer .btn-success:active, footer .btn-success.disabled, footer .btn-success:disabled {
width: 100% !important;
}
.page-template-template-insights-page .arrow-right {
width: 19%;
}
[class*="page-template-template-industry-"] .arrow-right, .category .arrow-right, .page-template-template-blogs .arrow-right, .page-template-template-case-studies .arrow-right, .page-template-template-events .arrow-right, .page-template-template-video .arrow-right, .home .sector-blocks .arrow-right {
width: 21%;
}
.home .sector-blocks .arrow-right {
width: 19%;
}
.feature_blocks .feature_block_wrap .feature_block p:last-of-type {
margin-bottom: 60px;
}
.feature_blocks .feature_block_wrap .arrow-right {
position: absolute;
bottom: 15%;
width: 15%;
left: 0;
right: 0;
}
.partner_blocks .partner_block_wrap .partner_block_overlay .arrow-right {
width: 19%;
}
.pagination img {
width: 11%;
}
.page-template-template-video-encoder-product-page .img1 {
margin-bottom: 30px;
}
.page-template-template-video-encoder-product-page .img2 {
margin-top: 30px;
}
.feature_blocks.invert.mini [class*="col-"] {
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}
.feature_blocks.invert.mini [class*="col-"]:nth-child(3n) {
border-right: none;
}
.feature_blocks.invert.mini [class*="col-"]:nth-last-child(-n + 3) {
border-bottom : none;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
h2.article-title {
margin-bottom: 30px !important;
}
.newsfeed-strip h3 {
margin: 0 0 40px 0;
}
.home .newsfeed-strip h2 {
margin: 0 0 40px 0;
}
blockquote {
margin: 30px 0 30px 0;
}
.header {
padding: 0;
height: 85px;
}
.header-login {
color: #000000 !important;
position: absolute;
top: -25px;
right: 0;
font-size: 90%;
}
.header-login-icon {
display: none;
}
.logo, .logo-img {
margin: 25px 0 0 40px;
}
.client-login-icon, .client-login-icon img {
top: 16.5px !important;
right: 20px;
}
.blog .post-block {
margin-bottom: 50px;
}
.newsfeed-strip.news .post-block p {
margin-bottom: 45px;
}
.newsfeed-strip.social .post-block p {
margin-bottom: 25px;
}
.blog .post-block p {
margin-bottom: 50px;
}
.mobile-menu {
position: absolute;
right: 38px;
bottom: 0;
}
.mobile-menu .menu-toggle {
display: none;
}
.mobile-menu ul {
text-align: right;
margin: 0;
}
.mobile-menu li {
display: inline-block;
margin: 0;
}
.mobile-menu .overlay a {
text-decoration: none;
font-weight: 500;
}
.mobile-menu .overlay-content li a.menu-item-parent:after {
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
content: "";
vertical-align: .15em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.mobile-menu .overlay-content li a.menu-item-parent.active:after {
vertical-align: .15em;
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent;
}
.mobile-menu .overlay .sub-menu li {
width: 100%;
}
.mobile-menu .overlay .sub-menu a {
text-decoration: none;
margin: .4rem 1rem;
font-weight: 500;
}
.mobile-menu .overlay .sub-menu .first a {
margin-top: .7rem;
}
.mobile-menu .overlay .sub-menu .last a {
margin-bottom: 1rem;
}
.mobile-menu .overlay a, .mobile-menu .overlay a:visited {
color: #000000;
}
.mobile-menu .overlay a:hover, .mobile-menu .overlay a:focus/*, .mobile-menu .overlay [aria-current]*/ {
color: #FF9503;
}
.mobile-menu .overlay .sub-menu a {
color: #000000;
}
.mobile-menu .overlay .sub-menu a:hover, .mobile-menu .overlay .sub-menu a:focus {
color: #FF9503;
}
.mobile-menu .overlay .sub-menu [aria-current] {
color: #FF9503;
}
.mobile-menu .overlay .sub-menu {
position: absolute;
text-align: left;
padding: .55rem 0;
}
.mobile-menu .overlay .sub-menu span {
background-color: #ffffff;
-moz-box-shadow: 0 4px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
-o-box-shadow: 0 4px 4px rgba(0,0,0,.3);
box-shadow: 0 4px 4px rgba(0,0,0,.3);
border-bottom-right-radius: 30px;
display: block;
}
.hero {
padding-left: 40px;
padding-right: 40px;
}
.hero-content-inner p {
margin: 30px 0 38px 0;
}
.hero .carousel-item::after {
background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
}
.hero-content {
padding-left: 80px;
padding-right: 0;
}
.page-header {
padding-left: 40px;
padding-right: 40px;
}
.hero-footer {
position: absolute;
width: 100%;
bottom: 20px;
}
.home .icon-block img {
width: auto !important;
height: 65% !important;
}
.home .icon-block.last img{
height: 60% !important;
}
.home .icon-block img {
margin: 0 5% 0 0;
}
.home .icon-block p {
width: 95%;
}
.home .video-bg::after {
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}
.img_blocks .img_block {
padding: 0px;
}
.img_blocks [class*="col-"] {
padding: 10px;
}
.home .img_blocks [class*="img-"] {
padding-bottom: 83%;
}
.home .img_block_inner h3 {
top: 8%;
left: 8%;
}
.img_blocks [class*="img-"] {
padding-bottom: 45%;
}
.img_blocks .img_block_wrap .btn {
position: absolute;
bottom: 45px;
left: 0;
right: 0;
margin: 0 auto;
}
/*.feature_blocks_grid {
padding-top: 20px !important;
padding-bottom: 110px !important;
}*/
.feature_blocks [class*="col-"] {
padding: 15px;
}
.partner_blocks [class*="col-"] {
padding: 15px;
}
.partner-info-header [class*="col-"] .row [class*="col-"]:first-of-type {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding-bottom: 30%;
}
.partner-info-header [class*="col-"] .row [class*="col-"]:last-of-type {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 5%;
}
.page-id-1406 article .container ul {
margin-left: 1.3em !important;
}
.team-profiles {
margin: 0 -25px;
}
.profile {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 60px;
}
.blog .post-block {
margin-bottom: 60px;
}
.v-align-box {
display: flex;
align-items: center;
margin: 30px 0;
}
.v-align-box img {
margin: 0;
}
.v-align-box blockquote {
padding-left: 30px;
}
.desktop-hide {
display: none !important;
}
.footer-links img {
margin-top: -3px;
}
.questionIcon {
right: 0px;
}
.parallax-effect-container-wrap {
width: 100%;
height: 350px;
}
.feature-strip.rdc {
background-image: url("../png/rdc-insitu-bg.png");
background-repeat: no-repeat;
background-position: left 12% center;
position: relative;
align-items: center;
display: flex;
height: 60%;
min-height: 500px;
}
.single-custom_case_studies .content-split {
background-size: 41.666667% auto;
background-position: right center;
background-repeat: no-repeat;
height: 100%;
}
.single-custom_case_studies .content-split [class*="col-"]:last-child img {
display: none;
}
.single-custom_case_studies .opt-img {
margin-top: 55px;
}
.achievement-highlights p {
margin-bottom: 10px;
}
.modal-content .form-fields {
padding: 0 6px;
}
.modal-content .form-fields [class*="col-"] {
padding-left: 9px;
padding-right: 9px;
}
footer.bg-split {
background: linear-gradient(
to right,
#EEEEEE 0%,
#EEEEEE 50%,
#33546e 50%,
#33546e 100%
);
}
footer .footer-form-wrap {
padding-left: 75px;
}
.feature_blocks.mini .feature_block_wrap .feature_block h3, .feature_blocks.mini .feature_block_wrap .feature_block p {
font-size: 85%;
}
.page-template-template-product-page .icon-block {
padding: 0;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
main.thirds {
background-image: none;
}
.txt-third {
/*background-image: url("img/sat-trails-white.svg");
background-repeat: no-repeat;
background-position: left bottom;*/
}
.mobile-menu .overlay a {
margin-left: 1rem;
}
.home .cols3 .col-lg-4:first-of-type img {
margin-top: 20px;
}
.fischer-encoder-txt {
padding-left: 8%;
}
footer {
padding-top: 100px;
padding-bottom: 90px;
}
footer .footer-form-wrap .form-fields {
padding-left: 6px;
padding-right: 6px;
}
footer .footer-form-wrap .form-fields [class*="col-"] {
padding-left: 9px;
padding-right: 9px;
}
.footer-links {
padding-top: 100px;
}
.page-header-fixed img {
width: 100%;
max-width: 2560px;
}
.fischer-trial-wrap .questionIcon.mobile {
display: none;
}
.feature_blocks.invert.mini [class*="col-"] {
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}
.feature_blocks.invert.mini [class*="col-"]:nth-child(4n) {
border-right: none;
}
.feature_blocks.invert.mini [class*="col-"]:nth-last-child(-n + 4) {
border-bottom : none;
}
}
/* Tablet Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
header {
padding-top: 20px;
padding-bottom: 30px;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333% !important;
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
.fw-tablet {
display: block !important;
}
.fw-tablet img {
width: 100% !important;
margin-bottom: 25px !important;
}
.fw-tablet blockquote {
width: 100% !important;
padding-left: 0 !important;
}
.logo, .logo-img {
height: auto;
width: 148px;
}
.client-login-icon, .client-login-icon img {
width: 18px;
height: 18px;
top: 4.5px;
}
.logo.cradlepoint {
height: auto;
width: 171px;
}
.mobile-menu {
bottom: -2px !important;
}
.mobile-menu .overlay .sub-menu {
width: 220px;
}
h2.article-title {
margin-top: 20px !important;
}
.date {
margin-bottom: 10px;
}
.main {
padding-top: 85px;
}
.hero-content {
width: 65%;
}
.page-header {
min-height: calc(var(--vh, 1vh)*50);
height: 325px; /* IE11 Fallback */
}
.page-header.slim, .page-header.slim-desktop {
min-height: calc(var(--vh, 1vh)*35);
height: 200px; /* IE11 Fallback */
}
.page-header.open {
min-height: 100%;
height: 100%;
}
.page-header.open .btn, .page-header.open .btn-link {
margin: 0 10px;
}
.page-header.split {
min-height: 100%;
height: 100%;
padding-top: 100px;
padding-bottom: 120px;
}
.img-third {
height: 100vh;
}
.page-template-template-contact-page .img-third {
height: auto;
}
.pagination {
padding: 60px 0 0 0;
}
[class*="page-template-template-industry-"] .newsfeed-strip {
padding: 35px 0 0 0;
}
.casestudiesfeed-strip {
padding: 30px 0 70px 0;
}
.home .newsfeed-strip {
padding: 70px 0 70px 0;
}
.newsfeed-strip {
padding: 40px 0 45px 0;
}
.newsfeed-strip .large-block .post-block-inner {
left: 30px;
padding-right: 30px;
bottom: 15px;
}
.newsfeed-strip .post-block-inner {
left: 15px;
padding-right: 15px;
bottom: 15px;
}
.feature-strip, .feature-strip.footer-cta {
padding: 70px 0 70px 0;
}
.page-header .product-hero.landscape {
margin-bottom: 60px;
}
.loadmore_beforehere {
padding-top: 35px;
}
.home .cols3 .double-gutters {
margin-left: -30px;
margin-right: -30px;
}
.home .cols3 .col-lg-4:last-child img {
margin-top: -12px;
}
.home .cols3 .col-lg-4 {
padding-left: 30px;
padding-right: 30px;
}
.single.postid-1198 .inline-img-grid [class*="col-"]:first-child, .single.postid-1200 .inline-img-grid [class*="col-"]:first-child {
margin-bottom: 40px;
}
.single .inline-img-grid {
padding-left: 15px;
padding-right: 15px;
}
hr.quarter {
margin: 40px auto 35px auto;
}
.wrap-pt {
padding-top: 40px;
}
main {
background-size: 85%;
}
.vs-cradlepoint-infographic {
margin: 30px 0 80px 0 !important;
}
.single-custom_case_studies .list-panel {
padding: 40px 40px 40px 40px;
}
.txt-third {
background-size: 100%;
}
.txt-third {
padding-top: calc(30px + 35px);
padding-bottom: 80px;
padding-left: 7%;
padding-right: 7%;
}
.tel {
padding: 0 0 0 47px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 34px 26px;
background-position: left 70%;
}
.email {
padding: 0 0 0 47px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 34px 23px;
background-position: left 85%;
}
.inset-row {
margin-left: -30px;
margin-right: -30px;
}
.inset-col {
padding-left: 30px;
padding-right: 30px;
}
.img-split-wrap {
min-width: 100%;
}
.img-split {
width: 50%;
float: left;
margin-top: 50px;
}
.img-split.left {
padding-right: 3%;
}
.img-split.right {
padding-left: 3%;
}
.launch-block {
margin-left: -40px;
padding: 0 30px 20px 40px;
}
.launch-block .launch-img {
width: 190px;
margin-top: 20px;
}
.launch-block span {
margin-top: 10px;
padding-left: 20px;
}
.page-header.logo-overlay img {
width: 17%;
bottom: 40px;
right: 40px;
}
.fischer-trial-wrap [class*="col-"] {
min-width: 285px;
}
.fischer-encoder-wrap {
margin-top: 0;
}
.cp-ibr1700, .cp-r1900 {
display: inline-block !important;
height: 140px;
width: auto;
margin: 3% 3% 2% 3% !important;
}
.icon {
height: 130px;
}
.icon-block-wrap {
margin-top: 40px;
}
.icon-block {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 30px;
}
.mini .icon-block {
margin-bottom: 0;
}
.icon-block img {
width: 60%;
max-height: 60%;
}
.mini .icon-block img {
width: 45%;
max-height: 45%;
}
.icon {
margin-bottom: 10px;
}
.mini .icon {
margin-bottom: 0px;
}
.flytipping {
background-position: left -15% center !important;
background-size: 65% auto !important;
}
.single-custom_case_studies .partner-logo {
width: 35%;
}
.content-split.img-right [class*="col-"]:first-child {
padding-top: 3%;
padding-bottom: 4%;
padding-right: 5%;
}
.single-custom_case_studies .wrap-pt {
padding-right: 5%;
}
.single-custom_case_studies .list-panel li {
padding: 0 0 0 38px;
background: url("../svg/tick-circle.svg") no-repeat;
background-size: 26px 26px;
background-position: left 8px;
margin-bottom: 5px;
line-height: 38px;
}
.img-txt-split li, .bullet-list li {
padding: 9px 0 9px 36px;
background: url("../svg/tick-circle-orange.svg") no-repeat;
background-size: 24px 24px;
background-position: left 8px;
margin-bottom: 0;
line-height: normal;
}
footer .tel {
padding: 0 0 0 32px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 25px 19px;
background-position: left 50%;
}
footer .email {
padding: 0 0 0 32px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 25px 17px;
background-position: left 75%;
}
footer .btn-success, footer .btn-success:focus, footer .btn-success:active, footer .btn-success.disabled, footer .btn-success:disabled {
width: 100% !important;
}
.page-template-template-insights-page .arrow-right {
width: 19%;
}
[class*="page-template-template-industry-"] .arrow-right, .category .arrow-right, .page-template-template-blogs .arrow-right, .page-template-template-case-studies .arrow-right, .page-template-template-events .arrow-right, .page-template-template-video .arrow-right, .home .sector-blocks .arrow-right {
width: 16%;
}
.home .sector-blocks .arrow-right {
width: 14%;
}
.feature_blocks .feature_block_wrap .feature_block p:last-of-type {
margin-bottom: 70px;
}
.feature_blocks .feature_block_wrap .arrow-right {
position: absolute;
bottom: 15%;
width: 17%;
left: 0;
right: 0;
}
.partner_blocks .partner_block_wrap .partner_block_overlay .arrow-right {
width: 20%;
}
.action-block {
margin-top: 20px;
}
.pagination img {
width: 8%;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
header {
padding-top: 25px;
padding-bottom: 35px;
}
.mobile-menu {
position: absolute;
right: 45px;
bottom: 0;
}
.hero-content {
width: 65%;
}
.page-header {
min-height: calc(var(--vh, 1vh)*55);
height: 450px; /* IE11 Fallback */
}
.page-header.slim, .page-header.slim-desktop {
min-height: calc(var(--vh, 1vh)*35);
height: 200px; /* IE11 Fallback */
}
.page-header.open {
min-height: 100%;
height: 100%;
}
.page-header.open .btn, .page-header.open .btn-link {
margin: 0 10px;
}
.page-header.split {
min-height: 100%;
height: 100%;
padding-top: 100px;
padding-bottom: 120px;
}
.img-third {
height: 100vh;
}
.page-template-template-contact-page .img-third {
height: auto;
}
.txt-third {
padding-top: calc(40px + 35px);
padding-bottom: 80px;
padding-left: 6%;
padding-right: 6%;
}
.inset-row {
margin-left: -40px;
margin-right: -40px;
}
.inset-col {
padding-left: 40px;
padding-right: 40px;
}
.launch-block {
margin-left: -40px;
}
.launch-block span {
padding-left: 20px;
}
.newsfeed-strip .large-block .post-block-inner {
left: 40px;
padding-right: 40px;
bottom: 20px;
}
.newsfeed-strip .post-block-inner {
left: 25px;
padding-right: 25px;
bottom: 20px;
}
.home .cols3 .double-gutters {
margin-left: -30px;
margin-right: -30px;
}
.home .cols3 .col-lg-4:last-child img {
margin-top: -22px;
}
.home .cols3 .col-lg-4 {
padding-left: 30px;
padding-right: 30px;
}
.icon {
height: 140px;
}
.icon-block-wrap {
margin-top: 50px;
}
.icon-block {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 0;
}
.home .icon-block {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0;
}
.flytipping {
background-position: left center !important;
background-size: 50% auto !important;
}
.single-custom_case_studies .partner-logo {
width: 30%;
}
.content-split.img-right [class*="col-"]:first-child {
padding-top: 3%;
padding-bottom: 4%;
padding-right: 5%;
}
.single-custom_case_studies .wrap-pt {
padding-right: 5%;
}
.single-custom_case_studies .list-panel li {
padding: 0 0 0 40px;
background: url("../svg/tick-circle.svg") no-repeat;
background-size: 28px 28px;
background-position: left 8px;
margin-bottom: 5px;
line-height: 40px;
}
.img-txt-split li, .bullet-list li {
padding: 10px 0 10px 38px;
background: url("../svg/tick-circle-orange.svg") no-repeat;
background-size: 26px 26px;
background-position: left 10px;
margin-bottom: 0;
line-height: normal;
}
footer .tel {
padding: 0 0 0 32px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 25px 19px;
background-position: left 50%;
}
footer .email {
padding: 0 0 0 32px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 25px 17px;
background-position: left 75%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.col-sm-4 {
-ms-flex: 0 0 33.333333% !important;
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
h2.article-title {
margin-top: 20px !important;
}
.date {
margin-bottom: 10px;
}
.logo, .logo-img {
height: auto;
width: 168px;
}
.client-login-icon, .client-login-icon img {
width: 20px;
height: 20px;
top: 4px;
}
.logo.cradlepoint {
height: auto;
width: 194px;
}
.mobile-menu .overlay .sub-menu {
width: 220px;
}
.main {
padding-top: 85px;
}
.pagination {
padding: 80px 0 0 0;
}
[class*="page-template-template-industry-"] .newsfeed-strip {
padding: 45px 0 0 0;
}
.casestudiesfeed-strip {
padding: 40px 0 80px 0;
}
.home .newsfeed-strip {
padding: 80px 0 80px 0;
}
.newsfeed-strip {
padding: 50px 0 55px 0;
}
.feature-strip, .feature-strip.footer-cta {
padding: 80px 0 80px 0;
}
.page-header .product-hero.landscape {
margin-bottom: 70px;
}
.loadmore_beforehere {
padding-top: 40px;
}
.single.postid-1198 .inline-img-grid [class*="col-"]:first-child, .single.postid-1200 .inline-img-grid [class*="col-"]:first-child {
margin-bottom: 40px;
}
.single .inline-img-grid {
padding-left: 15px;
padding-right: 15px;
}
hr.quarter {
margin: 50px auto 45px auto;
}
.wrap-pt {
padding-top: 50px;
}
main {
background-size: 75%;
}
.vs-cradlepoint-infographic {
margin: 30px 0 80px 0 !important;
}
.single-custom_case_studies .list-panel {
padding: 50px 50px 50px 50px;
}
.txt-third {
background-size: 100%;
}
.tel {
padding: 0 0 0 49px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 36px 28px;
background-position: left 70%;
}
.email {
padding: 0 0 0 49px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 36px 24px;
background-position: left 85%;
}
.img-split {
width: 50%;
float: left;
margin-top: 15px;
}
.img-split.left {
padding-right: 3%;
}
.img-split.right {
padding-left: 3%;
}
.launch-block {
padding: 0 30px 20px 40px;
}
.launch-block .launch-img {
width: 205px;
margin-top: 25px;
}
.fischer-encoder-wrap {
margin-top: -50px;
}
.page-header.logo-overlay img {
width: 15%;
bottom: 40px;
right: 40px;
}
.cp-ibr1700, .cp-r1900 {
display: inline-block !important;
height: 150px;
width: auto;
margin: 3% 3% 2% 3% !important;
}
.icon-block img {
width: 60%;
max-height: 60%;
}
.mini .icon-block img {
width: 45%;
max-height: 45%;
}
.icon {
margin-bottom: 15px;
}
.mini .icon {
margin-bottom: 0px;
}
.page-template-template-insights-page .arrow-right {
width: 16%;
}
[class*="page-template-template-industry-"] .arrow-right, .category .arrow-right, .page-template-template-blogs .arrow-right, .page-template-template-case-studies .arrow-right, .page-template-template-events .arrow-right, .page-template-template-video .arrow-right, .home .sector-blocks .arrow-right {
width: 12%;
}
.home .sector-blocks .arrow-right {
width: 10%;
}
.feature_blocks .feature_block_wrap .feature_block p:last-of-type {
margin-bottom: 70px;
}
.feature_blocks .feature_block_wrap .arrow-right {
position: absolute;
bottom: 15%;
width: 15%;
left: 0;
right: 0;
}
.partner_blocks .partner_block_wrap .partner_block_overlay .arrow-right {
width: 18%;
}
.pagination img {
width: 7%;
}
}
@media screen and (min-width: 1400px) {
h2.article-title {
margin-top: 20px !important;
}
.date {
margin-bottom: 10px;
}
.container {
max-width: 100%;
}
[class*="page-template-template-industry-"] .newsfeed-strip {
padding: 55px 0 0 0;
}
.casestudiesfeed-strip {
padding: 50px 0 90px 0;
}
.home .newsfeed-strip {
padding: 90px 0 90px 0;
}
.newsfeed-strip {
padding: 50px 0 55px 0;
}
.feature-strip, .feature-strip.footer-cta {
padding: 90px 0 90px 0;
}
.page-header .product-hero.landscape {
margin-bottom: 80px;
}
.loadmore_beforehere {
padding-top: 45px;
}
.single.postid-1198 .inline-img-grid [class*="col-"]:first-child, .single.postid-1200 .inline-img-grid [class*="col-"]:first-child {
margin-bottom: 40px;
}
.single .inline-img-grid {
padding-left: 15px;
padding-right: 15px;
}
hr.quarter {
margin: 50px auto 45px auto;
}
.wrap-pt {
padding-top: 50px;
}
.vs-cradlepoint-infographic {
margin: 30px 0 80px 0 !important;
}
.single-custom_case_studies .list-panel {
padding: 50px 50px 50px 50px;
}
.img-split {
width: 50%;
float: left;
}
.img-split.left {
padding-right: 3%;
}
.img-split.right {
padding-left: 3%;
}
.page-header.logo-overlay img {
width: 13%;
bottom: 40px;
right: 40px;
}
.icon {
margin-bottom: 20px;
}
.mini .icon {
margin-bottom: 0px;
}
.page-template-template-insights-page .arrow-right {
width: 28%;
}
[class*="page-template-template-industry-"] .arrow-right, .category .arrow-right, .page-template-template-blogs .arrow-right, .page-template-template-case-studies .arrow-right, .page-template-template-events .arrow-right, .page-template-template-video .arrow-right {
width: 11%;
}
.home .sector-blocks .arrow-right {
width: 9%;
}
.feature_blocks .feature_block_wrap .feature_block p:last-of-type {
margin-bottom: 50px;
}
.feature_blocks .feature_block_wrap .arrow-right {
position: absolute;
bottom: 12%;
width: 10%;
left: 0;
right: 0;
}
.partner_blocks .partner_block_wrap .partner_block_overlay .arrow-right {
width: 13%;
}
.pagination img {
width: 6%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
form .col-sm-4 {
-ms-flex: 0 0 33.333333% !important;
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
.logo, .logo-img {
height: auto;
width: 168px;
}
.client-login-icon, .client-login-icon img {
width: 20px;
height: 20px;
top: 4px;
}
.logo.cradlepoint {
height: auto;
width: 194px;
}
.mobile-menu .overlay .sub-menu {
width: 220px;
}
.main {
padding-top: 85px;
}
.container {
width: 1370px;
}
.pagination {
padding: 80px 0 0 0;
}
[class*="page-template-template-industry-"] .newsfeed-strip {
padding: 55px 0 0 0;
}
.casestudiesfeed-strip {
padding: 50px 0 90px 0;
}
.home .newsfeed-strip {
padding: 90px 0 90px 0;
}
.newsfeed-strip {
padding: 50px 0 60px 0;
}
.feature-strip, .feature-strip.footer-cta {
padding: 90px 0 90px 0;
}
.page-header .product-hero.landscape {
margin-bottom: 80px;
}
.loadmore_beforehere {
padding-top: 45px;
}
hr.quarter {
margin: 50px auto 45px auto;
}
.wrap-pt {
padding-top: 50px;
}
main {
background-size: 70%;
}
.single-custom_case_studies .list-panel {
padding: 50px 50px 50px 50px;
}
.txt-third {
background-size: 100%;
}
.tel {
padding: 0 0 0 51px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 38px 29px;
background-position: left 70%;
}
.email {
padding: 0 0 0 51px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 38px 26px;
background-position: left 85%;
}
.launch-block {
padding: 0 30px 20px 40px;
}
.launch-block .launch-img {
width: 215px;
margin-top: 25px;
}
.fischer-encoder-wrap {
margin-top: -50px;
}
.cp-ibr1700, .cp-r1900 {
display: inline-block !important;
height: 175px;
width: auto;
margin: 4% 4% 2% 4% !important;
}
.icon-block img {
width: 65%;
max-height: 65%;
}
.mini .icon-block img {
width: 50%;
max-height: 50%;
}
}
@media (max-width: 1599px) {
.page .indent-capped {
padding-left: 10%;
padding-right: 10%;
}
}
@media screen and (min-width: 1600px) {
.logo, .logo-img {
height: auto;
width: 168px;
}
.client-login-icon, .client-login-icon img {
width: 20px;
height: 20px;
top: 4px;
}
.logo.cradlepoint {
height: auto;
width: 194px;
}
.main {
padding-top: 85px;
}
.pagination {
padding: 80px 0 0 0;
}
main {
background-size: 60%;
}
.txt-third {
background-size: 100%;
}
.launch-block {
padding: 10px 30px 30px 40px;
}
.launch-block .launch-img {
width: 235px;
margin-top: 20px;
}
.cp-ibr1700, .cp-r1900 {
display: inline-block !important;
height: 225px;
width: auto;
margin: 4% 4% 2% 4% !important;
}
.icon-block img {
width: 70%;
max-height: 70%;
}
.mini .icon-block img {
width: 55%;
max-height: 55%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1899px) {
.mobile-menu .overlay .sub-menu {
width: 220px;
}
.container {
width: 1580px; /*1570px*/
}
.tel {
padding: 0 0 0 53px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 40px 30px;
background-position: left 70%;
}
.email {
padding: 0 0 0 53px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 40px 27px;
background-position: left 85%;
}
.fischer-encoder-wrap {
margin-top: -95px;
}
}
@media screen and (min-width: 1900px) {
.mobile-menu .overlay .sub-menu {
width: 220px;
}
.container {
width: 1610px;
}
.tel {
padding: 0 0 0 58px;
background: url("../svg/tel-icon.svg") no-repeat;
background-size: 43px 33px;
background-position: left 70%;
}
.email {
padding: 0 0 0 58px;
background: url("../svg/email-icon.svg") no-repeat;
background-size: 45px 30px;
background-position: left 85%;
}
.fischer-encoder-wrap {
margin-top: -105px;
}
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#FF9503;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#FF9503;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#FF9503;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.aligncenter,
div.aligncenter {
display:block;
/*margin:5px auto 15px auto;*/
}
.alignright {
float:right;
}
.alignleft {
float:left;
}
a img.alignright {
float:right;
}
a img.alignnone {
}
a img.alignleft {
float:left;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
text-align:center;
}
.wp-caption.alignnone {
}
.wp-caption.alignleft {
}
.wp-caption.alignright {
}
.wp-caption img {
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
@media (max-width: 767px) {
img.alignright, img.alignnone, img.alignleft {
width: 100%;
height: auto;
}
.alignnone {
margin:5px 0 25px 0;
}
.aligncenter {
margin:25px auto;
}
.alignright {
margin:5px 0 25px 0;
}
.alignleft {
margin:5px 0 25px 0;
}
a img.alignright {
margin:5px 0 25px 0;
}
a img.alignnone {
margin:5px 0 25px 0;
}
a img.alignleft {
margin:5px 0 25px 0;
}
.wp-caption.alignnone {
margin:5px 0 25px 0;
}
.wp-caption.alignleft {
margin:5px 0 25px 0;
}
.wp-caption.alignright {
margin:5px 0 25px 0;
}
}
@media (min-width: 768px) {
.alignnone {
margin:20px 0 40px 0;
}
.aligncenter {
margin:40px auto;
}
.alignright {
margin:20px 0 40px 40px;
}
.alignleft {
margin:20px 40px 40px 0;
}
a img.alignright {
margin:20px 0 40px 40px;
}
a img.alignnone {
margin:20px 40px 40px 0;
}
a img.alignleft {
margin:20px 40px 40px 0;
}
.wp-caption.alignnone {
margin:20px 40px 40px 0;
}
.wp-caption.alignleft {
margin:20px 40px 40px 0;
}
.wp-caption.alignright {
margin:20px 0 40px 40px;
}
.page blockquote {
margin: 40px 0 50px 0;
}
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}