:root 
{
    --WHITE: #FFF;
    --Primary: #0080A2;
    --Primary_Hover: #006c8a; 
}

@font-face
  {
   font-family: OpenSans;
   src:url(../fonts/open-sans/OpenSans-Regular.ttf);
  }
  
@font-face
  {
   font-family: OpenSans_Light;
   src:url(../fonts/open-sans/OpenSans-Light.ttf);
  }
  
@font-face
{
 font-family: OpenSansSemiBold;
 src:url(../fonts/open-sans/OpenSans-Semibold.ttf);
}

@font-face
{
 font-family: OpenSansBold;
 src:url(../fonts/open-sans/OpenSans-Bold.ttf);
} 

@font-face
{
 font-family: SegoeUI_Regular;
 src:url(../fonts/SegoeUI/SegoeUI.ttf);
} 

@font-face
{
 font-family: SegoeUI_SemiBold;
 src:url(../fonts/SegoeUI/SegoeUI_semiBold.ttf);
} 


::-webkit-scrollbar{width: 6px; height:6px;}
::-webkit-scrollbar-track {background:#f1f1f1;}
/* Handle */
::-webkit-scrollbar-thumb {background:#888;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:#555;}



body{position:absolute; margin:0; width:100%; height:100%; background:var(--WHITE); font-family:OpenSans;}


a{text-decoration:none; cursor:pointer;}



.Menu_Top{position:relative; width:100%; height:70px; background:var(--WHITE); box-shadow: 0px 2px 4px #0000003d; padding-top:12px; padding-left:60px; box-sizing:border-box; display:block; float:left; color:#707070; z-index:2;}
.Menu_Top .Active{color: var(--Primary); font-family:OpenSansSemiBold; z-index:2;}
.Logo{position:relative; width:120px; height:50px; background-image: url("../images/com/logo_full.svg"); background-size:contain; background-repeat:no-repeat; display:block; float:left; cursor:pointer;}

#MobileMenu_Toggle{display:none;}

.MenuButtons_Container{position:relative; margin:auto; margin-left:calc(50vw - 200px); max-width:300px; height:40px; display:block; display:flex; justify-content:space-between; line-height:50px; background2:RED;}
.MenuButtons_Container .Button{display:block; float:left;}
.MenuButtons_Container .Button:hover{cursor:pointer;}



#Menu_Products{position:absolute; display:block; top:70px; width:290px; height:calc(100vh + 400px); padding:35px 25px 30px 20px; box-sizing:border-box; background:WHITE; box-shadow: 0px -12px 6px #0000003d; z-index:1;}
#Menu_Products .BreadCrumbs{color:SILVER; font-size:13px;}
#Menu_Products .FilterToggle{position:relative; margin-top:8px; width:100%; height:33px; padding-left:8px; padding-right:12px; box-sizing:border-box; line-height:31px; border-radius:5px; border:solid 1px #C9C9C9; font-size:15px; display:flex;  justify-content:space-around; color:SILVER;}
#Menu_Products .FilterToggle .Button{position:relative; max-width:33%; background2:RED; display2:block; float2:left; text-align:center;}
#Menu_Products .FilterToggle #ActiveIndicator{position:absolute; top:0; left:0; width:52px; height:100%; background:var(--Primary); border-radius:5px; color:WHITE; text-align:center; z-index:1;}


#Menu_Products .FilterButtons_Container{position:relative; margin-top:40px; width:100%; min-height:30px; background2:chocolate; padding:2px; box-sizing:border-box;}
#Menu_Products .FilterButtons_Container .FilterCategory_Container{position:relative; width:100%; min-height:30px; background2:crimson;}

 .FilterCategory_Container .Nested{position:relative; position:relative; width:100%; min-height:30px; line-height:30px; box-sizing:border-box;}
 .FilterCategory_Container .Nested_0{position:relative; background2:BLUE; padding-left:0px; margin-bottom:14px; font-size:15px; font-family:OpenSansSemiBold; color:#292929;}
 .FilterCategory_Container .Nested_1{position:relative; background2:rgb(79, 158, 0); padding-left:30px; line-height2:1em; font-size:14px; color:#646464; font-family:OpenSans;}
 .FilterCategory_Container .Nested_2{position:relative; background2:rgb(23, 46, 0); padding-left:60px;}
 .FilterCategory_Container .Nested.Active{color:var(--Primary); font-family:OpenSansSemiBold;}
 .FilterCategory_Container .Nested:hover{cursor:pointer; font-family:OpenSansBold;}

.PageBanner{position:relative; width:100%; height:300px; display:block; float:left; background2:BLACK; background-image: url("../images/b2.jpg"); background-size:cover; background-position:center; background-repeat:no-repeat;}
.PageBanner_Products{position:relative; width:100%; height:300px; display:none; float:left; background2:BLACK; background-image: url("../images/b0.jpg"); background-size:cover; background-position:center; background-repeat:no-repeat; box-shadow2: 0px 2px 4px #0000003d; transition:background-image .3s;}


.PageBanner_Home{position:relative; width:100%; height:40vw; min-height:300px; display:block; float:left; background-size:cover; background-position:top; background-repeat:no-repeat; box-shadow2: 0px 2px 4px #0000003d; transition:background-image .3s; overflow:hidden;}
.PageBanner_Home .TextContainer{position:absolute; top:0px; width:100%; min-width:400px; min-height:40%; height:100%; background:#00202971; padding:6vw 20% 0px 20%; box-sizing:border-box; border-radius:5px; text-align:center; box-sizing:border-box; z-index:2;}
.PageBanner_Home .Title{position:relative; margin-top:12px; width:100%; min-height:1em; font-size:4.5vw; color:WHITE; font-family:OpenSansBold; line-height:4.9vw;}
.PageBanner_Home .Body{position:relative; margin-top:5px; margin-left:5%; margin-top:20px; width:90%; min-height:1em; font-size:17px; color:WHITE;}
.PageBanner_Home .Button{position:relative; margin:auto; margin-top:30px; margin-bottom:18px; width:20%; min-height:1em; font-size:18px; text-align:center; color:WHITE; background:#008eb6; padding:20px; border-radius:8px; font-family:OpenSansSemiBold; transition:width .3s; z-index:2;}
.PageBanner_Home .Button:hover{cursor:pointer; width:25%; background:WHITE; color:#008eb6;}

.PageBanner_Home:after { z-index:1;
  position:absolute; bottom:0; left:0; 
  height:100%; width:100%;
  content:"";
  background: linear-gradient(to top,
     rgba(0, 0, 0, 0.438) 15%, 
     rgba(58, 50, 50, 0) 45%
  );
  pointer-events: none; /* so the text is still selectable */
}


#Product_Preview_Container{position:absolute; top:2112px; width:calc(100% - 307px); height:100%; background:WHITE; z-index:2; transition:top .3s; border-radius:6px; display:none;} 
#Product_Preview_Container .CloseButton{position:absolute; top:30px; left:calc(50% - 30px); width:60px; height:60px; line-height:60px; background:var(--Primary); border-radius:80px; text-align:center; color:WHITE; font-size:24px; font-family:OpenSansBold; z-index:1; cursor: pointer;}

#Product_Preview_Container .CloseButton:hover{cursor:pointer; font-size:22px; background:#006986;}
#Product_Preview_Container .CloseButton:active{cursor:pointer; font-size:22px; background:#008eb6;}


#Product_Preview_Container .MainPreview{position:relative; margin:auto; margin-top:60px; width:70%; height:30vw; max-height:300px; min-height:200px; background:BLACK; border-radius:8px;}
#Product_Preview_Container .Thumbnails_Container{position:relative; margin:auto; margin-top:20px; width:70%; height:130px; background2:SILVER; display:flex; justify-content:space-between;}
#Product_Preview_Container .Thumbnails_Container .Block{width:calc(20% - 1vw); height:10vw; background:BLACK; text-align:center; border-radius:8px;}
#Product_Preview_Container .Thumbnails_Container .Block:hover{opacity:.8; cursor:pointer;}
#Product_Preview_Container .PreviewTitle{position:relative; margin:auto; margin-top:4vw; width:70%; min-height:2px; background2:RED; font-size:24px; color:var(--Primary); font-family:OpenSansSemiBold;}
#Product_Preview_Container .PreviewBody{position:relative; margin:auto; margin-top:12px; width:70%; min-height:2em; background2:GREEN;}

#Product_Preview_Container .Stock_Button{position:relative; margin-top:50px; margin-left:12vw; width:200px; height:40px; line-height:40px; background:GREEN; display:block; float:left; border-radius:6px; text-align:center; color:WHITE;}
#Product_Preview_Container .Close_Button{position:relative; margin-top:50px; margin-right:12vw; width:200px; height:40px; line-height:40px; background:#414141; display:block; float:right; border-radius:6px; text-align:center; color:WHITE;}



.PageBody_Container{position:relative; width:100%; min-height:calc(100vh - 150px); display:block; float:left;}
.PageBody_Container_About{position:relative; width:100%; min-height:calc(90vh - 150px); display:block; float:left;}
.PageBody_Container_About .BodyText_About{font-size:15px; padding-left:10px; padding-right:10px; box-sizing:border-box;}

.PageBody_Container_Products{position:relative; width:calc(100% - 305px); min-height:calc(90vh - 150px); padding-left:300px; padding-right:5px; display:block; float:left;}
.PageBody_Container_Products .ProductInfo_Container{position:relative; margin:auto; margin-top:50px; padding-left:18px; padding-right:18px; box-sizing:border-box; max-width:1000px; min-height:80px; background2:GREEN; display:block; text-align:left; }
.PageBody_Container_Products .ProductInfo_Container .Title{font-weight:600px; color:var(--Primary); margin-bottom:10px; font-size:28px; font-family:OpenSansSemiBold; transition:font-size 2s;}
.PageBody_Container_Products .ProductInfo_Container .Body{font-size:15px; line-height:1.6em;}


.PageBody_Container_Home{position:relative; width:70%; min-height:calc(90vh - 150px); margin-left:15%; display:block; float:left; background2:rgb(214, 214, 214);}
.PageBody_Container_Home .Updates_Container{position:relative; margin:auto; margin-top:60px; max-width:1000px; min-height:80px; background2:GREEN; display:block; text-align:left; }
.PageBody_Container_Home .Updates_Container .Title{font-weight:600px; margin-top:60px; font-size:48px; text-transform:uppercase; font-family:OpenSansBold; color:#006c8a; text-align:center; transition:font-size 2s;}
.PageBody_Container_Home .Updates_Container .subTitle{font-weight:600px; color:rgb(97, 97, 97); margin-bottom:10px; font-size:28px; font-family:OpenSansSemiBold; text-align:center;}
.PageBody_Container_Home .Updates_Blocks_Container{display:flex; margin-top:50px; width:100%; min-height:400px; 
  flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-content:space-between; row-gap:20px; column-gap:10px; background2:RED;}
.PageBody_Container_Home .Updates_Blocks_Container .Block{background:rgb(240, 240, 240); width:31.5%; min-width:180px; min-height:250px; border-radius:4px; padding-bottom:15px; cursor:pointer; overflow:hidden;}
.PageBody_Container_Home .Updates_Blocks_Container .Block .Image{position:relative; width:100%; height:200px; display:block; float:left; background:BLACk; transition:height .5s; background-size:cover;}
.PageBody_Container_Home .Updates_Blocks_Container .Block .Image:hover{height:255px;}
.PageBody_Container_Home .Updates_Blocks_Container .Block .Title{font-size:20px; text-align:left; margin-top:5px; width:100%; padding:12px; box-sizing:border-box; display:block; float:left;}
.PageBody_Container_Home .Updates_Blocks_Container .Block .Body{font-size:14px; text-align:left; margin-left:5%; width:90%; max-height:100px; overflow:hidden; box-sizing:border-box; display:block; float:left;}
.PageBody_Container_Home .Updates_Blocks_Container .Block .Button{font-size:18px; line-height:8px; margin-top:20px; margin-left:5%; min-width:10px; height:34px; background:#006c8a; color:WHITE; padding:12px; box-sizing:border-box; display:block; float:left; border-radius:4px;}
.PageBody_Container_Home .Updates_Blocks_Container .Block .Button:hover{cursor:pointer; background:#003341;}

.PageBody_Container_Home .About_Container{position:relative; margin:auto; margin-top:50px; margin-bottom:140px; width:90%; min-height:300px; background2:GREEN; display:block; float:left; }
.PageBody_Container_Home .About_Container .Image{position:relative; width:50%; min-width:200px; margin-left:20px; margin-bottom:10px; height:200px; background:BLACK; display:block; float:right; border-radius:4px; background-size:cover;}
.PageBody_Container_Home .About_Container .Title{margin-bottom:10px; color:#006c8a; font-family:OpenSansBold; font-size:20px; text-transform:uppercase;}

.PageResults_Container{position:relative; margin:auto; margin-top:50px; margin-bottom:100px; padding-right:20px; box-sizing:border-box; max-width:1000px; min-height:500px; background2:orange; display:flex; flex-wrap:wrap; justify-content:space-between; transition: margin-top .3s;}
.PageResults_Container .ResultBlock_Container{margin-top:30px; margin-bottom:80px; width:280px; height:350px; background2:SILVER;}
.PageResults_Container .ResultBlock_Container .Thumb{position:relative; width:100%; height:200px; background:#c2c2c2; border-radius:5px; box-shadow: 0px 2px 4px #c7c7c7; overflow:hidden;}
.PageResults_Container .ResultBlock_Container .Thumb img{position:absolute; top:0; left:0; width:100%; height:100%; background-size2:'cover';}
.PageResults_Container .ResultBlock_Container .Title{position:relative; margin-top:12px; margin-bottom:2px; width:100%; color:var(--Primary); font-family:OpenSansSemiBold;}
.PageResults_Container .ResultBlock_Container .Body{position:relative; width:100%; font-size:15px; min-height:80px;}
.PageResults_Container .ResultBlock_Container .Button{position:relative; margin-top:10px; width:100px; height:40px; font-size:14px; line-height:40px; text-align:center; color:WHITE; background:GREEN; border-radius:5px;}
.PageResults_Container .ResultBlock_Container:hover{cursor:pointer; opacity:.9;}
.PageResults_Container .ResultBlock_Container:active{cursor:pointer; opacity:.8;}
.Button.GreyButton{background:#999 !important;}



.CenteredText_Container{position:relative; margin:auto; margin-top:100px; max-width:800px; min-height:80px; background2:RED; display:block; text-align:center;}
.CenteredText_Container .BodyTitle{font-weight:600px; color:var(--Primary); margin-bottom:10px; font-size:26px; font-family:OpenSansSemiBold; transition:font-size 2s;}
.CenteredText_Container .BodysubTitle{font-weight:600px; color:#707070; margin-bottom:10px; font-size:20px;}
.CenteredText_Container .BodyText{font-weight:400px; color:#707070; margin-bottom:10px; font-size:14px; margin-bottom:50px;}


.CenteredText_Container .SocialIcons_Container{position:relative; margin:auto; width:170px; height:30px; background2:PINK; display:flex; justify-content:space-between;}
.CenteredText_Container .SocialIcons_Container .Icon{position:relative; width:30px; height:30px; background:var(--Primary); display:block; border-radius:4px;}

.CenteredText_Container .SocialIcons_Container .FaceBookIcon{-webkit-mask-image:url('../images/icons/facebook_icon.svg'); -webkit-mask-size:90% 78%; -webkit-mask-position:6px 3px; -webkit-mask-repeat:no-repeat;}

.CenteredText_Container .SocialIcons_Container .YoutubeIcon{-webkit-mask-image:url('../images/icons/youtube_icon.svg'); -webkit-mask-size:100% 100%; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat;}

.CenteredText_Container .SocialIcons_Container .InstagramIcon{-webkit-mask-image:url('../images/icons/instagram_icon.svg'); -webkit-mask-size:100% 81%; -webkit-mask-position:3px 2px; -webkit-mask-repeat:no-repeat;}

.CenteredText_Container .SocialIcons_Container .LinkedInIcon{-webkit-mask-image:url('../images/icons/linkedIn_icon.svg'); -webkit-mask-size:100% 80%; -webkit-mask-position:-2px 1px; -webkit-mask-repeat:no-repeat;}


.Form_Container{position:relative; margin:auto; margin-top:50px; max-width:600px; min-height:300px; background2:RED; transition:height .5s, min-height .5s;}
.Form_Container .Title{position:relative; font-size:17px; margin-bottom:7px; width:100%; min-height:1em; color:#707070; font-family:OpenSansSemiBold;}
.Form_Container .Label{color:#8f8f8f; font-size:15px;}
.Form_Container input,select{margin-top:5px; height:30px; border:solid 1px #bdbdbd; border-radius:3px; background:WHITE; color:#383838; width:100%; box-sizing:border-box; padding:5px;}



.Form_Container textarea{margin-top:5px; height:130px; border:solid 1px #bdbdbd; border-radius:3px; background:WHITE; color:#383838; width:100%; box-sizing:border-box; padding:5px;}


.InputBlock_Half{position:relative; width:49%; display:block; float:left; background2:yellow;}
.ExtraMargin_Right{margin-right:6px;}
.InputBlock_Full{position:relative; width:calc(100% - 2px); display:block; float:left;}
.Form_Container .Spacer{position:relative; width:100%; height:15px; display:block; float:left;}

.Form_Container .InputArea_Container{position:relative; width:100%; min-height:100px; background:#F6F7F8; padding:20px; padding-bottom:50px; border-radius:3px;}

.Form_Container .InputArea_Container2{position:relative; width:100%; min-height:100px; background:#F6F7F8; padding:20px; padding-bottom:150px; border-radius:3px;}



.FormButtons_Container{position:relative; margin:auto; margin-top:20px; margin-bottom:100px; max-width:600px; height:50px; background2:RED;}
.FormButtons_Container .Button{position:relative; display:block; float:left; margin-right:20px; background:WHITE; border:solid 1px #BEBEBE; padding:10px; padding-left:30px; padding-right:30px; border-radius:4px; color:#707070; font-size:14px;}
.FormButtons_Container .Button.Primary{background:var(--Primary); color:WHITE; border:none;}
.FormButtons_Container .Button:hover{cursor:pointer; background:var(--Primary_Hover);}

.Footer_Container{position:relative; width:100%; min-height:200px; background:var(--Primary); display:block; float:left; color:var(--WHITE); padding-top:50px; padding-bottom:40px; padding-left:60px; padding-right:60px; border-top:solid 1px #008EB4; box-sizing:border-box; transition:opacity .4s; z-index:1; overflow:auto;}
.Footer_Container .ColumnsLeft_Container{position:relative; max-width:430px; min-height:100px; background2:PINK; display:block; float:left; display:flex; justify-content:space-between;}
.Footer_Container .ColumnsLeft_Container .Column{position:relative; min-width:100px; height:150px; background2:SILVER;}
.Footer_Container .ColumnsLeft_Container .Column .Title{color2:RED; margin-bottom:15px; font-family:OpenSansSemiBold;}
.Footer_Container .ColumnsLeft_Container .Column .Text{color2:GREEN; font-size:13px; line-height:20px;}

.Footer_Container .CopyrightLine{position:relative; width:100%; display:block; float:left; margin-top:40px; font-size:12px;}
.Footer_Container .Logo{position:absolute; top:60px; right:80px; width:230px; height:200px; background:WHITE;}

.Footer_Container .Logo{-webkit-mask-image:url('../images/com/logo_full.svg'); -webkit-mask-size:100% 80%; -webkit-mask-position:-2px -25px; -webkit-mask-repeat:no-repeat;}
 
.AddressText{position:absolute; bottom:38px; right:83px; font-size:14px; line-height:18px; text-align:right;}



.PostPage{position:relative; margin:auto; margin-top:30px; width:60%; min-height2:40vw; background:SILVER;}
.PostPage .Post_Banner{position:relative; margin-top:40px; width:100%; height:30vw; background:BLACK; display:block; float:left; border-radius:5px; background-size:cover; background-position:top;}
.PostPage .Post_Title{position:relative; margin-top:22px; width:100%; text-align2:center; font-size:37px; color:#006c8a; display:block; float:left; font-family:SegoeUI_SemiBold;}
.PostPage .Post_subTitle{position:relative; margin-top:4px; margin-left:15%; width:70%; text-align2:center; font-size:21px; color:rgb(48, 48, 48); display:block; float:left;}
.PostPage .PostInfo_Container{position:relative; margin:auto; margin-left2:30%; width:40%; text-align:left; height2:100%; display:block; float:left; background2:red;}
.PostPage .PostInfo_Container .Post_Date{margin-top:10px; text-align:left; font-size:13px; color:#5a5a5a;}

.PostPage .PostBody{position:relative; margin:auto; margin-top:40px; margin-bottom:200px; width:100%; height:100%; font-size:16px;  display:block; float:left; color:#4e4e4e; background2:GREEN; text-align2:center;}
.PageFoot{position:fixed; bottom:20px; width:100%; text-align2:center; font-size:9px; color2:#A8A8A8; opacity:.4; z-index:0;}







.FeaturedBlocks_Container{position:relative; margin:auto; margin-top:35px; margin-bottom:180px; width:100%; height:470px; background2:SILVER; display:block; float:left; gap:20px; padding:0 0%; box-sizing:border-box; clear:both;}
.SliderContainer{overflow:auto; }
.FeaturedBlocks_Container .Title{font-weight:600px; margin-top:0px; font-size:48px; text-transform:uppercase; font-family:OpenSansBold; color:#006c8a; text-align:center; transition:font-size 2s;}
.FeaturedBlocks_Container .SubTitle{font-weight:600px; color:rgb(97, 97, 97); margin-bottom:20px; font-size:28px; font-family:OpenSansSemiBold; text-align:center;}

.FeaturedBlocks_Container .Slider{position:relative; width:calc(400px * 6); height:400px; display:block; float:left; background2:ORANGE; overflow-y:hidden;}

.FeaturedBlocks_Container .FeaturedBlock{position:relative; margin:0 5px 30px 25px; width:360px; height:calc(100% - 7px); display:block; float:left; background:#b8b8b8; border:solid .5px #d3d3d3; border-radius:8px; box-sizing:border-box; overflow:hidden;}
.FeaturedBlocks_Container .FeaturedBlock .Image{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:0;}
.FeaturedBlocks_Container .FeaturedBlock .Description{position:absolute; bottom:20px; left:10%; width:80%; margin:auto; text-align:center; color:WHITE; background:#005d77; padding:8px; box-sizing:border-box; border-radius:5px;}
.FeaturedBlocks_Container .FeaturedBlock:hover{cursor:pointer; opacity:.9;}





















.Half_Opacity{opacity:.5;}




@media only screen and (max-width: 640px) 
{
  body{background-color2:lightblue;}

  .Logo{margin-left:15px; height2:45px;}

  #Menu_Products{display:absolute; display:none; top:133px; width:100%; padding:35px 35px 30px 35px;}
  #Menu_Products33{position:absolute; top:70px; width:290px; height:calc(100vh + 400px); padding:35px 25px 30px 20px; box-sizing:border-box; background:WHITE; box-shadow: 0px -12px 6px #0000003d; z-index:1;}



#MobileMenu_Grid{display:absolute; display:none; top:130px; width:100%; height:calc(100vh); padding:35px 55px 30px 35px; box-sizing:border-box; z-index:10; background:WHITE; opacity:1;}
#MobileMenu_Grid .Block{width:calc(24% ); min-width:85px; width:calc(32%); height:90px; background:var(--Primary); float:left; border-radius:12px; margin:1.5px; text-align:center; font-size:12px; color:var(--WHITE); padding:23px 10px; box-sizing:border-box;}
#MobileMenu_Grid .Block:hover{cursor:pointer; background:var(--Primary_Hover);}


  #Product_Preview_Container{position:absolute; width:calc(100%);} 

  .PageBody_Container_Products{position:relative; width:calc(100%); min-height:calc(90vh - 150px); padding-left:0px; padding-right:5px; display:block; float:left;}
  #Product_Preview_Container .PreviewTitle{margin-top:-35px;}


  .CenteredText_Container{margin-top:40px;}

  .Form_Container .Title{text-align:center; padding-left:20px; box-sizing:border-box;}
  .FormButtons_Container{margin-left:20px; width:80%;}

  .Form_Container{width:90%; margin:0; margin-top:40px; box-sizing:border-box; }
  
  .CenteredText_Container .BodyText{font-size:12px; padding-left:10px; padding-right:10px; box-sizing:border-box;}

  
  .Footer_Container .Logo{position:relative; margin:auto; top:0px; left:calc(50% - 130px); width:260px; height:200px; background:WHITE;}
  .Footer_Container .Logo{-webkit-mask-image:url('../images/com/logo_full.svg'); -webkit-mask-size:100% 80%; -webkit-mask-position:-2px -25px; -webkit-mask-repeat:no-repeat;}
  .AddressText{position:relative; bottom:38px; left:0px; width:100%; font-size:14px; line-height:20px; text-align:center; display:block; float:left;}

  .Footer_Container .CopyrightLine{position:relative; width:100%; text-align:center; display:block; float:left; margin-top:0px; font-size:12px;}



  .Menu_Top{height:130px; padding-left:30px; padding-right:30px;}
  .Menu_Top .Logo{margin-top:2px; width:100%; background-position-x:left;}
  .Menu_Top .MenuButtons_Container{width:100%; padding-top:15px; margin-left:calc(50vw - 180px);}

  #MobileMenu_Toggle{position:absolute; top:12px; right:30px; width:42px; height:42px; display:block; color:BLACK; font-size:30px; line-height:42px; text-align:center; border-radius:8px; user-select:none;}
  #MobileMenu_Toggle:hover{cursor:pointer;}
  #MobileMenu_Toggle:active{cursor:pointer; opacity:.8; background:SILVER;}

  .PageBody_Container_Products .ProductInfo_Container{margin-top:25px;}
  .PageBody_Container_Products .ProductInfo_Container .Title{font-size:24px;}


  .PageResults_Container{min-height:500px; justify-content:space-around;}
  .PageResults_Container .ResultBlock_Container{margin-bottom:50px; width:85%; height:350px;}

  
  #Product_Preview_Container .Stock_Button{position:relative; margin:auto; margin-top:30px; margin-left:20px; width:calc(100% - 40px);}
  #Product_Preview_Container .Close_Button{margin-top:20px; margin-left:20px;  margin-right:75px; width:calc(100% - 40px); float:left;}





  .PageBody_Container_Home{margin:0; width:100%; padding:0 20px; box-sizing:border-box; background2:GREEN;}
  .PageBody_Container_Home .Updates_Container .Title{margin-top:60px; font-size:38px;}
  .PageBody_Container_Home .Updates_Container .subTitle{font-size:18px;}

  .PageBody_Container_Home .Updates_Blocks_Container{margin-top:50px; width:100%; row-gap:35px; column-gap:10px; background2:RED;}
  .PageBody_Container_Home .Updates_Blocks_Container .Block{width:100%; min-width:180px; min-height:250px; border-radius:4px; padding-bottom:15px;}


  .FeaturedBlocks_Container{width:100%; height:470px; background2:SILVER; margin-top:60px; margin-bottom:30px;}
  .SliderContainer{overflow:auto; }
  .FeaturedBlocks_Container .Title{margin-top:0px; font-size:38px; line-height:38px;}
  .FeaturedBlocks_Container .SubTitle{font-size:18px; margin-top:10px;}


  .FeaturedBlocks_Container .Slider{width:calc(260px * 6); height:350px;}

  .FeaturedBlocks_Container .FeaturedBlock{position:relative; margin:0 5px 30px 25px; width:260px; height:calc(100% - 7px);}
  .FeaturedBlocks_Container .FeaturedBlock .Image{z-index:0;}
  .FeaturedBlocks_Container .FeaturedBlock .Description{padding:8px;}

  .PageBody_Container_Home .About_Container{margin-top:50px; margin-bottom:140px; width:calc(100% - 0px); min-height:300px; background2:GREEN;}
  .PageBody_Container_Home .About_Container .Image{position:relative; width:100%; min-width:200px; margin-left:0px; margin-bottom:10px; height:200px; background-size:cover;}
  .PageBody_Container_Home .About_Container .Title{margin-bottom:10px; color:#006c8a; font-size:26px; text-align:center;}


  .PageBanner_Home{height:40vw; min-height:400px; background-size:cover; background-position:top; overflow:hidden;}
.PageBanner_Home .TextContainer{position:absolute; top:0px; width:100%; min-width:200px; min-height:0%; height:100%; background:#00202971; padding:6vw 20px 0px 20px; border-radius:5px; text-align:center; box-sizing:border-box; z-index:2;}
.PageBanner_Home .Title{position:relative; margin-top:20px; width:100%; min-height:1em; font-size:24px; line-height:26px;}
.PageBanner_Home .Body{margin:0; margin-top:14px; width:100%; font-size:14px;}
.PageBanner_Home .Button{position:relative; margin:auto; margin-top:30px; margin-bottom:18px; width:80%; min-height:1em; font-size:22px; padding:10px; border-radius:8px;}






.PostPage{margin-top:30px; width:100%; padding:0 20px; box-sizing:border-box; }
.PostPage .Post_Banner{width:100%; height:50vw; background-position:top;}
.PostPage .Post_Title{margin-top:22px; font-size:33px; color:#006c8a;}
.PostPage .Post_subTitle{margin:0; width:100%; text-align:left; font-size:21px; padding:0px; box-sizing:border-box;}
.PostPage .PostInfo_Container{position:relative; margin:auto; margin-left2:30%; width:40%; text-align:left; height2:100%; display:block; float:left; background2:red;}
.PostPage .PostInfo_Container .Post_Date{margin-top:10px; text-align:left; font-size:13px; color:#5a5a5a;}

.PostPage .PostBody{position:relative; margin:auto; margin-top:40px; margin-bottom:200px; width:100%; height:100%; font-size:16px;  display:block; float:left; color:#4e4e4e; background2:GREEN; text-align2:center;}
.PageFoot{position:fixed; bottom:20px; width:100%; text-align2:center; font-size:9px; color2:#A8A8A8; opacity:.4; z-index:0;}






.Footer_Container{position:relative; width:100%; min-height:200px; background:var(--Primary); color:var(--WHITE); padding:50px 5px 40px 5px; border-top:solid 1px #008EB4; box-sizing:border-box; transition:opacity .4s; z-index:1; overflow:auto;}
.Footer_Container .ColumnsLeft_Container{position:relative; margin-bottom:15px; max-width:430px; min-height:100px; width:100%; background2:PINK; padding:0 20px; box-sizing:border-box; display:block; float:left; display:flex; flex-wrap:wrap; justify-content:space-between;}
.Footer_Container .ColumnsLeft_Container .Column{position:relative; min-width:100px; width:33%; height:150px; background2:SILVER;}








}