﻿@charset "UTF-8"; 


/* Set Colours for project*/
:root {
    /* --first-color: #009fe3;
    --second-color: #137d3d;
    --third-color: #413467;
    --fourth-color: #dde8ed;
    --fifth-color: #137d3d; */

    --first-color: #137d3d;
    --second-color: #009fe3;
    --third-color: #413467;
    --fourth-color: #eeeeee;
    --fifth-color: #137d3d;
}

body, p, .dxheControl .dxheHtmlViewArea, body.dxheDesignViewArea, body.dxhePreviewArea{
    color:black;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    margin:0;}

p {margin: 0px 0px 10px 0px}

body.dxheDesignViewArea {background-color:transparent!Important;padding:2px}
body.dxhePreviewArea {background-color:transparent!Important;padding:2px}

/* CSS Document */

h1 {
    font-weight: 400;
    font-style: normal;
    color: var(--first-color);
    font-size: 34px;
    margin: 0px 0px 10px 0px;
    line-height: initial;
}
h2{font-weight:400; color:var(--second-color); font-size: 30px;margin: 0px 0px 8px 0px; font-style: normal;line-height: initial;}
h3{font-weight:400; color:var(--first-color); font-size: 25px;margin: 0px 0px 8px 0px; font-style: normal;line-height: initial;}
h4{font-weight:400; color:var(--second-color); font-size: 22px;margin: 0px 0px 7px 0px; font-style: normal;line-height: initial;}

.dxheContentArea {background: #fff}
strong, b{font-weight:bold}
i, em{font-style:italic}
.caption {font-style: italic;font-size: 90%;margin-top:8px;margin-bottom:0px}

.feature-heading{text-align:center; font-size:20px; margin-bottom:0px}

.presented{font-size:85%;line-height:1.5}

.media-icons{font-size:30px; line-height:40px}
.media-icons a{cursor:pointer}

.search-site-glass-ico	{cursor:pointer; position:relative; left:-3px; color:#000!Important;}

.lightblue{color:#B8CFE9}

.telno{color:#fff;position:relative;top:10px;height:20px;}

.white{color:#fff}

.homesliderhead{font-size:40px!Important; line-height:105%;  font-size:36px !important}

.product-grid-product-name a{ display:block;  font-size:16px;  height:40px;  line-height:20px;  margin-top:10px;  overflow:hidden}
.product-grid-product-name a:hover{text-decoration:none}



/*Styles for screen 667px and lower*/
@media only screen and (max-width:667px){
.grey{width:100%; margin-right:0px; float:left; margin-top:10px}
.txbsitesearch{margin-left:0}
}