@charset "UTF-8"; 

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

:root {
  --first-font: 'Roboto Slab', serif;
  --second-font: 'Roboto', sans-serif;
  --first-color: #0455BF;
  --second-color: #BF2817;
}

/* CSS Document */
h1{font-family:var(--first-font); color:#000; font-weight:400; font-size:2.0em;  /* 24px / 16px = 1.5em */margin-bottom:7px; line-height:120%; margin-top:0px}
h2{font-family:var(--first-font); color:var(--first-color); font-weight:400; font-size:1.75em;  /* 24px / 16px = 1.5em */margin-bottom:9px; line-height:120%}
h3{font-family:var(--first-font); color:var(--second-color); font-weight:bold; font-size:1.5em;  /* 24px / 16px = 1.5em */margin-bottom:5px; line-height:120%}
h4{font-family:var(--first-font); color:#000; font-weight:400; font-size:1.3em;  /* 24px / 16px = 1.5em */margin-bottom:5px; line-height:120%}

body, p, 
.dxheControl .dxheHtmlViewArea, body.dxheDesignViewArea, body.dxhePreviewArea
{font-family:var(--second-font); font-weight:normal; font-size:15px; color:#000; line-height:140%;margin-bottom:12px}

body {font-family:var(--second-font); font-weight:normal; font-size:15px; color:#000; line-height:140%;}
body.dxheDesignViewArea {background-color:transparent!Important;padding:2px}
body.dxhePreviewArea {background-color:transparent!Important;padding:2px}
.dxheContentArea {background: #fff}
strong, b{font-weight:800}
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:#ffffff!Important;}

.lightblue{color:#B8CFE9}

.tel-no{ font-size:20px;  font-weight:600;  margin-top:5px}

.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){
h1{ font-size:26px}
h2{ font-size:18px}
p{font-size:13px}
.grey{width:100%; margin-right:0px; float:left; margin-top:10px}
.txbsitesearch{margin-left:0}
}