body{padding-top:0px; overflow-x:hidden } /*Bootstrap problem - rows are adding a horizontal scrollbar } */
.t4-main-body {padding-top:30px} /*.closes a 30px gap between slideshow and intro on home page, but it also closes the space at the top of all the other pages*/

.title {font-family: Trebuchet MS; font-weight: 500; font-size:2.1rem} /*header title*/

.t4-offcanvas-toggle {
    display: none !important;
}

/* Force Megamenu to stay visible on XS mobile screens */
@media (max-width: 575px) {
    /* Prevent the menu from being hidden */
    .t4-megamenu {
        display: block !important;
    }

    /* Force the menu items into a horizontal row */
    .t4-megamenu .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto; /* Adds scrolling if links exceed screen width */
        -webkit-overflow-scrolling: touch;
        justify-content: center;
        padding: 0;
        margin: 0;
    }

    /* Style the individual menu items */
    .t4-megamenu .nav-item {
        white-space: nowrap; /* Prevents text from wrapping to a second line */
    }

    .t4-megamenu .nav-link {
        padding: 10px 12px !important;
        font-size: 14px; /* Slightly smaller for mobile fit */
    }

    /* Ensure the hamburger toggle remains hidden */
    .t4-offcanvas-toggle {
        display: none !important;
    }

       .t4-navbar .navbar.navbar-expand-sm::after {
    display: block;
    clear: both;
    content: "";
    height: 50px;
  }  

}

 


/* ========================================
   HEADER BANNER
   ======================================== */

.fitpic-swish {
  background-image: url(/blog/images/banner_blog.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  /* min-height: 150px;*/
}

@media (max-width: 1024px) {
  .fitpic-swish {
    background-size: auto 80%;
  }
}

@media (max-width: 767px) {
  .fitpic-swish {
    background-size: auto 60%;
    background-position: 80% center;
  }
 /* .logo-img {
    max-width: 120px;
    height: auto;
    margin-left: 10px;
  }*/
}

@media (max-width: 480px) {
  .fitpic-swish {
    background-size: auto 60%; 
     background-position: 75% center !important;
}
 .logo-img {
    max-width: 250px;
    height: auto;
  }

}


/* ============================================= */
/*              BLOG PAGE                    */
/* ============================================= */


/* Hide blog-header on the blog home/category page */
.blog-featured .article-header,
.blog .article-header {
  display: none;
}

/* Hide blockquote home/category page */
.blog-featured .blockquote,
.blog .blockquote {
  display: none;
}

/* Hide title and author/date on article page */
.view-article .page-header,
.view-article .article-info {
  display: none;
}

.blog-featured .col-lg-9,
.blog .col-lg-9 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* Override to black on blog home page */
.blog-featured h3, .blog-featured .h3,
.blog h3, .blog .h3 {
  color: #000000 !important;
}

/* Constrain break-out image on blog home page */
.blog-featured .break-out,
.blog .break-out {
  position: static !important;
  left: auto !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Title on blog page */
.page-header h2 a {color:#CC0000; font-size:2.0rem}


.blog-featured .break-out img,
.blog .break-out img {
  width: 100%;
  height: auto;
  display: block;
}

.sidebar-l {
  padding-left: 25px !important;
  padding-top: 15px;
}

/* ============================================= */
/*              ARTICLE PAGE                    */
/* ============================================= */

/* Override to red on article page */
.item-page [itemprop=articleBody] h3 {
  color: #cc0000 !important;
}
.article-header {
  margin-bottom: 40px !important;
}

.article-header-tag1 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--color-text-bright);
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 16px;
}

.article-header-h1 {
  font-size: 3.00rem !important;
  text-transform: none !important;
}

 .article-header-tag2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    font-size: 1.1rem;
    color: #a0a090;
    letter-spacing: 0.04em;
  }

  .article-header-tag2-dot { width: 4px; height: 4px; border-radius: 50%; background: #cc0000; }

 /* Drop sidebar and reduce content width  */

.view-article .sidebar-l {
  display: none !important;
}



.view-article .blockquote {
  display: block !important;
}

.view-article .article-header {
  display: block !important;
}

.view-article .break-out {
  position: relative !important;
  left: calc(-1 * (100vw - 100%) / 2) !important;
  width: 100vw !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* old break-out with colour
.break-out{
  width: 100vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
  color: rgba(0,0,0,.6);
}*/


/* ============*/
/* Comparison table  */
/* ============*/
.table td:nth-child(2),
.table td:nth-child(3) {
  text-align: center;
  white-space: nowrap;
  min-width: 80px;
}

.compare-tick  { color: var(--color-accent); font-size: 1.4rem; }
.compare-cross { color: #cbd5e1; font-size: 1.4rem; }
.compare-dot { font-size: 0.5rem; margin: 0 2px; }
.compare-dot-on  { color: var(--color-accent); }
.compare-dot-off { color: #cbd5e1; }


/* ============*/
/* Blockquotes  */
/* ============*/
.blockquote {
    border-left: 5px solid #CC0000; /* Standard border */
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    font-style: italic !important;
}
  /* ... PULL QUOTE ... */

  .pullquote-wrapper {
  margin: 80px 0;
}
  .pullquote {
    margin: 48px -24px !important;
    padding: 32px 48px;
    background: #eeeeee;
    color: #000000;
    position: relative;
  }

    .pullquote p {
    font-family: Trebuchet MS;
    font-style: italic;
    font-size: 1.35rem;
    line-height: 1.5;
    margin: 0;
  }

  .pullquote::before {
    content: '"';
    font-family: 'Playfair Display', serif;
    font-size: 6rem;
    color: #CC0000;
    position: absolute;
    top: -20px;
    left: 32px;
    line-height: 1;
  }

/* ============*/
/*  Sidebar    */
/* ============*/

/* search box distance left-column*/
.mod-finder .awesomplete > input  {
  margin-left: 0.5rem;
}
/* search box distance results page*/
.com-finder .form-inline .form-control,
.com-finder .form-inline .inputbox {
  margin-left: 0.5rem;
}
/* search box hide URL with no link on results page*/
.com-finder .result-url {
  display: none;
}
.mod-articlescategories.categories-module::before {
  content: "Categories:";
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: Trebuchet MS;
  color: #000000;
  margin-bottom: 10px;
  margin-top: 20px;
}

.mod-articlescategories li p {
  font-size: 0.875rem;
  color: #6c757d !important;
}

/* ============*/
/*RS FORMS */
/* ============*/
/*CSS customisation is on the form, may need tweaking*/
/*Position x at top of form - especially for iPhones */
.wf-mediabox-nav {
  background-color: transparent !important;
  padding: 1em;
  position: fixed;
  top: 0;}

.wf-mediabox-close > svg{
right: 5px; margin-top:-5px;
  position: fixed;}

.wf-mediabox-content
{margin-top:30px}
/*===============*/


 /* ... iQLASER CTA ... */
  .iq-cta {
    border: 1px solid #CC0000;
    padding: 28px 32px;
    margin: 48px 0 0;
    background: #fffdf7;
  }

  .iq-label {
    font-size: 0.70rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #CC0000;
    font-weight: 500;
    margin-bottom: 6px !important;
  }

  .iq-name {
    font-family: 'Trebuchet', serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 12px !important;
  }

  .iq-desc {
    font-size: 0.92rem;
    color: var(--mid);
    margin-bottom: 0 !important;
  }

.anchor {position:relative; top:-170px;}
.item-page {margin-bottom:0px!important}

.principle_banner_large {width: 100%; padding-top:15px; margin-left:-15px}
.principle_banner_small {width: 100%; padding-top:10px; margin-left:-10px}

.t4-banner {background:#FFF !important}

.corporate .slideshow {
    background: #FFFFFF!important;
    border-bottom: 0px solid #eeeeee !important;
  padding: 0px 0 !important;   }
.slideshow.hidden-xs {display: block !important;} /*makes slideshow display in small screens*/

/* This is the class to add to the row*/
.row.display-flex {display: flex;}

/* This is the class that must be used on the column using the background image */
.fitpic {background-size: cover !important; width: 100%; height: 100%; background-position: center center;}


.PrintOnly {display: none;}




/* ============================================= */
/*           EQUAL RESPONSIVE COLUMNS            */
/* ============================================= */
 
@media screen and (min-width: 576px){
       
  .equalflow {display} 
  
  .paraflow {column-count: 2; margin-top:20px; margin-bottom:20px; column-gap:2rem} 
  .paraflow :first-child{margin-top:0 !important;}
  .paraflow :last-child{margin-bottom:0 !important;}

}
/* Fix Google Font Rendering in Chrome */

h1, .h1 {font-size: 32px; Color: #CC0000 !important}
h2, .h2 {font-size: 28px; Color: #CC0000 !important; text-align:center;}
h3, .h3 {font-size: 24px; Color: #CC0000 !important;}
h4, .h4 {font-size: 16px; color: #525456;}


.page-header h2 {font-size: 20px !important;; color: #000000 !important;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: Trebuchet MS;
    font-weight: 500;
    line-height: 1.1;
}

/* Heading sizes for Phones - Breakpoint md*/
@media (max-width: 767px){
h1, .h1 {font-size: 20px; Color: #CC0000 !important}
h2, .h2 {font-size: 20px; Color: #CC0000 !important}
h3, .h3 {font-size: 18px; Color: #CC0000 !important}
h4, .h4 {font-size: 16px; color: #525456;}

.page-header h2 {font-size: 16px !important} 
}
 
 a {
    color: #CC0000;
}
a:hover, a:focus{
	color: #444444;
	text-decoration: underline;
}


.clearing {clear: both;}

hr {border-top: 1px solid #808080}


li::marker {
  color: #cc0000;
  font-size: 1.1em
  
}


.img-fixed-size-noright { height: auto !important; width: auto !important; }
.img-principal_logo {float:right !important; height:41px} 

.img-main-pic {margin-left:auto; margin-right:auto ; width: 325px; height: auto; max-width: 100%; float: right; margin-bottom:15px !important; } /* negative top margin for desktops */
/*.img-main-pic {margin-left:auto; margin-right:auto ; margin-bottom:15px !important; } /* negative top margin for desktops */

@media (max-width: 768px) {
  .img-main-pic {
    width: 100%;
    height: auto;
    float: none;
    display: block;
    margin: 0 auto;
  }
}
.applications {font-size: 8pt ;  }
.applications-page {width:100% !important}
.applications-space { padding-bottom:10px; }  

.applications-2lines-img { padding-top:2px; }
.img-software_content {margin:auto !important; height: 100px !important; width: auto !important; }

.responsive-video {
position: relative;
padding-bottom: 30.00%;
padding-top: 30%; overflow: hidden;
margin-bottom: 20px;

} 

/*.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;

}*/

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}

/* =======Change navs =======*/
/* Level1 - navs*/
/*keep*/#t4-header {background-color:#fff !important;}
/*keep*/.t4-navbar { display: flex; justify-content: flex-end; align-items: center; min-height: 30px !important;  height: 30px !important;}
/*keep*/.t4-megamenu.animate.slide .dropdown > .dropdown-menu {margin-top: -8px !important; } /*move dropdown up by 8 px*/
.t4-navbar .nav-item {margin-left:30px; list-style:none !important} /* space out navs and removed customised bullet*/
.t4-megamenu .mega-inner .nav-item {margin-left:0px;}/* negates the spacing from above which was  carried through to the dropdown*/
/*keep*/.t4-megamenu .mega-inner {padding-top:15px!important; padding-bottom:0px !important;}
/*keep*/.t4-megamenu .dropdown-menu .mega-dropdown-inner {
  background:#ededee; 
  padding: 0px 10px 0px 10px !important;
  border: 1px solid #000000;
  margin-top:-3px !important;
  }
/*keep*/.dropdown-menu {line-height: 1.45;}
/*keep*/.hr-dropdown {margin-top:.5rem; margin-bottom:.5rem}
/*.t4-megamenu .dropdown-menu li > a {padding:0}*/
.t4-megamenu .dropdown-menu li > a:hover, .t4-megamenu .dropdown-menu li > a:focus, .t4-megamenu .dropdown-menu li > a:active, .t4-megamenu .dropdown-menu li > .nav-link:hover, .t4-megamenu .dropdown-menu li > .nav-link:focus, .t4-megamenu .dropdown-menu li > .nav-link:active, .t4-megamenu .dropdown-menu li .dropdown-item:hover, .t4-megamenu .dropdown-menu li .dropdown-item:focus, .t4-megamenu .dropdown-menu li .dropdown-item:active {
    background-color: transparent !important; }
.navheader {padding-bottom:7px}

/* Drop-down width for small i-pads - no hamburger: few 1st level navs. Breakpoint md*/
@media (max-width: 850px){
   .t4-megamenu .width-600-ipad {
   width: 600px !important;
   float: left ; 
}
  } 

 THESE THREE ARE CRITICAL TO GAPS IN DROPDOWNS - Expanded nav & off-canvas. Start with 0 and change afterwards*/
.nav-link {padding:15px !important}
/*.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item {padding:0px !important; }*/
.t4-megamenu .mega-nav > li a {padding: 0 !important}

/* Off canvas  NO OFF_CANVAS. If needed get from iQlaser*/

.button_large{
	
	font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    padding: 0;
    margin: 0;
    color: #000000 !important;
    height:90px;
    float:right !important;
    margin-top:15px;

}

.btn {padding: 4px 8px !important}

.btn.btn-primary {
    color: #ffffff;
    background-color:#dc3545 !important;
    border-color: #000000 !important;
}

.btn-enquiries {
    color: #CC0000;
    background-color:#FFFFFF !important;
    border-color: #000000 !important;
    position: relative;
    z-index:1002 !important;;
}


.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color:#333333 !important;
    border-color: #333333 !important;
}




/*==Phone portrait== .col- */
/*@media (max-width: 479px)*/
@media (max-width: 575px)
{
 .phones-no-float {max-width: 100%; float: none;}/*for v-stars & other products that have smaller main images*/
.navbar-brand{padding-left:10px !important}
.btn-enquiries {margin-left: 0px; margin-right: 10px; margin-top: 25px;}
.main-product-image {max-width:250px !important; display: block !important; margin: 0 auto!important;}
 .img-fixed-size { height: auto !important; width: auto !important; } 
 .col-xs-6 {margin-top:20px !important;} 
 .ok-card3 {margin-bottom:25px !important}
  .ruler {display:none !important;}
  .uk-container {width: 100% !important} /*OK cards restricted width on Sectors/Dental in large screens */
  .page-title-indent  {margin-left:25px !important}  /*Sectors page heading indent for all screens */
  .banner_s {background-color: #ffffff; position:fixed; top:0px; z-index:1; width:100% !important;overflow: hidden;background-image: url('../../../images/2019-banner-logo_xs.png');  background-repeat: no-repeat;
    background-size: 100% 100%;}
   /*Fix header on phone::*/
#t4-header{
    position: -webkit-sticky !important;
    position: sticky !important;
     top: 0 !important;
    z-index: 10;}

.t4-sticky {
    position: absolute !important;
         top: 100px !important;
         width:100% !important;}
.article-header-h1 {
    font-size: 1.75rem !important;
    text-transform: none !important;
}  
.article-header-tag1 {
    font-size: 0.9rem;
}       
   
}



/* ==Phone landscape == .col-sm- */
/*@media (min-width: 480px) and (max-width: 767px)*/
@media (min-width: 576px) and (max-width: 767px)
{ 
.navbar-brand {padding-left:15px !important;}
.btn-enquiries {margin-right: 10px; margin-top: 25px;}
.navbar-default{background: transparent !important; width:50% !important } /*otherwise enquiries button is covered */ 
.img-main-pic {float:right !important; }
 .img-fixed-size { height: auto !important; width: auto !important; }
.col-xs-6 {margin-top:20px !important;} 
.vertical-align {!important}
  /*.applications {padding-right:120px !important }*/
  .ok-card3 {margin-bottom:25px !important}
    .ruler {display:none !important;}
 .uk-container {width: 100% !important} /*OK cards restricted width on Sectors/Dental in large screens */
  .page-title-indent {margin-left:25px !important} /*Sectors page heading indent for all screens */
  .banner_s {background-color: #ffffff; position:fixed; top:0px; z-index:1; width:100% !important;overflow: hidden;background-image: url('../../../images/2019-banner-logo_xs.png');  background-repeat: no-repeat;
    background-size: 100% 100%; }
.article-header-h1 {
    font-size: 1.75rem !important;
    text-transform: none !important;
}
.article-header-tag1 {
    font-size: 0.9rem;
}
.article-header-tag1 {
    font-size: 0.9rem;
}
  }


/*==Tablet portrait== col-md-*/
/*@media (min-width: 768px) and (max-width: 979px)*/
@media (min-width: 768px) and (max-width: 991px)
{
.navbar-brand {padding-left:15px !important;}

.btn-enquiries {margin-right: 10px; margin-top: 40px;}
.logo-small-container {margin-bottom:7px !important; margin-right:1px!important;} 
 
.navbar-default{background: transparent !important; width:50% !important } /*otherwise enquiries button is covered */ 
  .img-main-pic {float:right !important; margin-left:40px!important }
  
 /*.main-product-image {max-width:250px !important; display: block !imoprtant; margin: 0 auto!important;} */ 
   .img-fixed-size { height: auto !important; width: auto !important; }
  .valign { display: flex; align-items: center; } /* for videos to center vertically */
  .valignbottom /* for slogan */{
    display: flex !important;
    align-items: flex-end !important; }
   .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right:10px !important; } 
  .services-filler {height: 0px;}
    .ruler {display:none !important;}
    .xmas-vertical-align {display: flex; align-items: center;}
 .uk-container {width: 100% !important} /*OK cards restricted width on Sectors/Dental in large screens */
   .page-title-indent {padding-left:15px}  /*Sectors page heading indent for all screens */
 .banner_s {background-color: #ffffff; position:fixed; top:0px; z-index:1; width:100% !important;overflow: hidden;background-image: url('../../../images/2019-banner-logo_s.png');  background-repeat: no-repeat;
    background-size: 100% 100%; }
   .ga-form {height:940px !important}
  .spotlight-heading {margin-bottom: -2rem !important;}
  .article-header-h1 {
    font-size: 2.03rem !important;
    text-transform: none !important;
}
.article-header-tag1 {
    font-size: 0.9rem;
}
}

/*==Tablet landscape == .col-lg- */
/*@media (min-width: 980px) and (max-width: 1199px)*/
@media (min-width: 992px) and (max-width: 1199px)
{
    .non-phones-float {float: right;} /*for v-stars & other products that have smaller main images*/
.navbar-brand {padding-left:15px !important;}
.btn-enquiries {margin-left: 10px; margin-right: 20px; margin-top: 45px;}
.valign { display: flex; align-items: center; } /* for videos to center vertically */
.img-fixed-size { height: auto !important; width: auto !important;  }
  .img-main-pic {margin-top:-60px!important; margin-left:40px!important}
   .valignbottom /* for slogan */{
    display: flex !important;
    align-items: flex-end !important;  }
  .services-filler {height: 0px;}
  .xmas-vertical-align {display: flex; align-items: center;} 
 .page-title-indent {padding-left:25px}  /*Sectors page heading indent for all screens */
  .ga-form {height:850px !important}
  .spotlight-heading {margin-bottom: -2rem !important;}

  .view-article .component .col-lg-9 {
  flex: 0 0 66% !important;
  max-width: 66% !important;
  width: 66% !important;
  margin: 0 auto !important;
}
.article-header-h1 {
    font-size: 2.25rem !important;
    text-transform: none !important;
}

 }


    
/* ==Desktops ==.col-xl- */
@media (min-width: 1200px) 
{ 
.non-phones-float {float: right;} /*for v-stars & other products that have smaller main images*/
.logo-img {padding-left:20px}
.btn-enquiries {margin-right: 20px; margin-top: 45px;}
  .img-main-pic {margin-top:-60px!important; margin-left:40px!important}
.valign { display: flex; align-items: center; } /* for videos to center vertically */
 .xmas-vertical-align {display: flex; align-items: center;} 
  .OK-width_restriction {max-width:990px !important}
  .page-title-indent  {padding-left:25px} /*Sectors page heading indent for small screens */
  .navbar-default .navbar-nav > li > a {padding: 0px 15px !important;}/* stretches out navs in desktops */
  .slidehow-width {padding: 0px 110px;}
  .spotlight-heading {margin-bottom: -2rem !important;}

  .view-article .component .col-lg-9 {
  flex: 0 0 66% !important;
  max-width: 66% !important;
  width: 66% !important;
  margin: 0 auto !important;
}
}



.hp_block {
    background: -moz-linear-gradient(center top , #F8F8F9 0px, #EEEEF9 100%) no-repeat scroll 0 0 transparent;
    border: 1px solid #A7A8AA;
    border-radius: 3px 3px 3px 3px;
    color: #3E4041;
    
    font-size: 14px;
    margin: 0 auto;
    padding: 5px;
  
}
.hpblock_image_center {margin-left:auto; margin-right:auto;}







/* =======Footer======= */
.t3-copyright {padding: 20px 0px 0px 0px;}
.t3-footer {background: #ededee none repeat scroll 0 0;}
.footertable td {padding-top: 5px; padding-bottom:5px;}
.t3-footer small {display: none !important} /* Hides Bootstrap and Font Awesome links at bottom of page */

/* =======responsive Googlemap======= */
.googlemaps {
    position: relative;
    padding-bottom: 46.00%; /* height - other sizes in @media for smaller screens*/
    padding-top: 0px;
    height: 0;
  overflow: hidden;
}
.googlemaps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* =======Print ======= */
@media print {
  body:before {
        content:url(../../../images/2019_logo_website.png);
        position: absolute; top:35px; margin-left:20px;  z-index: -1;
    } 
  #back-to-top {display:none;!important}
  .banner {display:none;!important}
  .logo_small{display:none;!important}
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #de0404 !important;}
  
    .container {width: auto; height: auto; margin: 0 auto} /* fits content to page in Mozilla when Scale is set to 100% instead of Shrink-to-Fit */
  .slideshow  {display:none !important;}
.slideshow.hidden-xs {display: none !important;} /*negates slideshow display in small  screens*/
   
   a[href]:after {content: none !important;}/*stops all links showing as URLs - Bootstrap*/
  
  .valign {display:none} /* valign is used only for vertically aligning the videos. In print it makes them not display*/
  .noprint {display:none}
 .googlemaps {page-break-inside: avoid;} /* or 'auto' */
  .ok-card3 {visibility:visible!important; page-break-inside: avoid;  }/*otherwise cards don't show*/
   [class*="uk-width"]{ width: 33.333% !important; float:left !important;} /* Gets rid of single columns on OK cards*/
   
   .ok-card3 figure p {font-size:10px !important; background-color: rgba(255,255,255,0.5 !important)}
   .ok-card3 figure {font-size:12px !important; background-color: rgba(255,255,255,0.5 !important)} 
   .ok-card3 figure.effect-default p {opacity: 100;  -webkit-transform: none ; transform: none; }/*takes off mouseover*/
  .ok-card3 .ok-card3-text {font-size: 1.25rem !important}
  .ok-card3 figure h3 {font-size: 1.35rem !important; color: #de0404 !important;} 
  .ok-card3 .ok-card3-link {display:none}
}


/*===Google Ads===*/
/*Disable links and navs: suffix 'googleadsmenu' goes on menu item  which is hidden*/
.googleadsmenu .navbar-nav > li {display: none !important}
.googleadsmenu .off-canvas-toggle {display: none !important}
.googleadsmenu .btn-enquiries {display: none !important}
.googleadsmenu .btn-enquiries {display: none !important}
.googleadsmenu a.disabled {pointer-events: none; cursor: default;} /*class="disabled" on logo 'a href' large and small*/
.googleadsmenu .fa {display: none;}

/*Footer disabled in footer module.. "all pages except"*/

/* Stop height of form getting cut off before "submit"*/
@media (max-width: 979px){iframe#blockrandom-251.wrapper{height:895px !important}}
@media (min-width: 980px) and (max-width: 1199px){iframe#blockrandom-251.wrapper{height:850px !important}}
.form {line-height:1.3 !important; font-size: 13px;}
.mod-wrapper {border:none !important}