:root { --main-back-col: #abc267; }

body {margin: 0px;}

.footer{width:100%; z-index:98; background-color:var(--main-back-col); height:150px; margin-top:2px; position:relative;}
.footer-content{position:absolute; top:10px; width:90%; left:5%}
.footer p{font-size: 14px; color:#FFFFFF; line-height: 140%;}
.footer a{text-decoration:none; font-size: 14px;}
.footer a:link {color:#FFFFFF;}
.footer a:visited {color:#FFFFFF;}
.footer a:active {color:#FFFFFF;}
.footer a:hover {color:#CCCCCC;}

/*	HEADER - STANDARD */

/* .header{width:100%; margin: 0px; z-index:100; background-color:#CCCCCC; padding:0px; height:200px } */   

/*	HEADER - ANIMATED REDUCING IN SIZE */

header{ /*Important not specified as a class because header is reducing*/
position: fixed; 
height: 195px; 
top:0px; 
width:100%; 
z-index:100; 
background-position:center top; 
background-repeat: repeat;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
	/* background-image:url(../graphics/header-background.png); */
	background-color:var(--main-back-col);
	
}

header.smaller {
    height: 140px;
	background-color:var(--main-back-col);
	background-position:center top; 
	background-repeat: repeat;
	border-bottom:thin solid #FFFFFF;
}

.logo-container{width:300px; margin:auto; margin-top:15px;}
header.smaller .logo-container{width:210px;}

header #logo{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
	 width: 300px;
     height: 120px;
	 position: relative; 
	}
	
header.smaller #logo{width:210px; height:84px; bottom:12px;}
.header-fixed-padding{width:100%; height:200px;} /* If fixed header padding required to shift content down below should be similar height to header div*/  

.header-line{width:100%; height:2px; position:absolute; bottom: 2px; background-color:#9f9f9f }
.header-contacts{width:700px;  z-index:100; height:20px; position:absolute; top: 25px; right:3%; padding-right:3px; text-align:right; color:#FFFFFF; font-size:15px; font-weight:bolder; }

/*	MAIN CONTENT GRAPHICS */

.main-container {width:90%; margin:0px auto}
.main-container-columns {width:90%; margin:0px auto}
.main-container {overflow:hidden;} /*Important if slider in place*/
.main-content {padding: 10px 0px 0px 0px;  position:relative}

/*Handle Content Display*/

.im-cont-left{float:left; padding:5px 20px 10px 3px; z-index:3; position:relative;  margin:-3px 0px 0px -3px}
.im-cont-right{float:right; padding:3px 3px 10px 20px; z-index:3; position:relative;  margin:-3px -3px 0px 0px;}
.im-cont-above{padding:0px 0px; z-index:3; position:relative; text-align:center; margin:0px auto;}
.im-cont-above-column{padding:0px; z-index:3; position:relative; text-align:center; margin:0px auto;}
.im-cont-right img, .im-cont-left img, .im-cont-above img, .im-cont-above-column img{width:100%;}
.image-link a{text-decoration: none !important; border-bottom: none !important;}

.hide-content{visibility:hidden; display:none;}

/*Anchor Return Point Adjustment*/

:target:before {
content:"";
display:block;
height:0px; /* fixed header height*/
margin:30px 0 0; /* negative fixed header height */
}

/*Handle Video Sizing in iframes*/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	width:80%;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

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

/*Flex Container for Columns*/
.main-flex-container{display:flex; width:100%; flex-direction: row; justify-content: space-between; margin:0px; align-items:stretch}
.para-flex-col{display:flex; flex-direction: column; background-image: url(../graphics/admin-buttons/column-back.png)}
.para-flex-col-1{display:flex; flex-direction: column;}
/*End*/

/*A Rounded Booking Type Button*/
.nav-button-book{float:right; z-index:1001; margin: 55px 4px 33px 20px;}		
.nav-button-book{ padding:10px; font-weight:bold; color:#FFFFFF; background-color:#605f60;  border-radius: 10px;}
.nav-button-book:hover{background-color:#CCCCCC;}	
	
/*An Attractive Form Button*/	
.form-button input{ padding: 10px 20px; color:#FFFFFF; background:#605f60; border: 1px solid #605f60; border-radius: 10px; text-shadow:none; box-shadow: none}
.form-button input:hover{ background-color:#CCCCCC;  border: 1px solid #CCCCCC; cursor:pointer}	

/*Social Media Share Buttons*/	
.share-but{display:inline-block; width:40px; margin: 0px 2px}
.share-but img{width:100%;}
.share-but a{text-decoration:none; border-bottom:none;}
.share-but a:hover{opacity: .7;}


/*CK EDITOR STYLES - If styles used*/

/*End*/

.cookie
	{
	width:100%; min-height: 70px; background-color: #666666; text-align:center;
    position:fixed;
    bottom:0px;
    left:auto;
    right:auto;
    margin-bottom:0px;
	z-index:1000;
	padding:0px 5%;
		
}

.cookie p, .cookie a{color: #FFFFFF; line-height:200%;}

.cookie-button a{ display:inline-block; height:46px; padding:12px 8px 5px 8px; font-weight:bold; border:#FFFFFF 2px solid;  border-radius: 10px; margin-left:5px}
.cookie-button a{ font-weight:bold;  color: #FFFFFF !important; font-size:16px !important; text-decoration:none !important;  line-height:normal}
.cookie-button a:hover{background-color:#FFFFFF; color: #666666 !important; border:#FFFFFF 2px solid; }


.NewsCheck{visibility:hidden; display:none;}

.home-content-container{width:65%; margin:0px auto; padding:10px 0px}
.content-container-padded, .content-container-mailing{padding: 30px 0px}

.home-menu-container{width:100%; background-color:#f5f5f5; margin-top: 20px}
.home-menu-flex{width:85%; margin:auto; background:#FFFFFF; display:flex; flex-wrap: wrap; justify-content: space-evenly;}
.home-menu-sub{width:19%; margin-bottom:1%}
.home-menu-sub a{margin:0px  !important}
.home-menu-flex-top{width:96%; margin:20px auto 0px; background:#FFFFFF; display:flex; flex-wrap: wrap; justify-content: left;}
.home-menu-sub-top{width:11.5%; margin-bottom:1%; margin-right:1%}
.home-menu-sub-top a{margin:0px !important}
.home-menu-sub-img{width:100%; height:80%; overflow:hidden; background-size: 100%;  background-position: center; animation-name: menushrink; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: ease-in;}
.home-menu-sub-img img{width:100%;}
.home-menu-sub-text{width:100%; height:19%; margin-top: 1%; position:relative;}
.home-menu-sub-text-1{width:100%; color:#FFFFFF; text-align:center; position:absolute; top:30%;}
.home-menu-sub-text-2{width:100%; color:#FFFFFF; text-align:center; position:absolute; top:20%;  font-size:15px !important}

.home-menu-sub:hover > .home-menu-sub-img {   animation-name: menugrow; animation-duration: .5s; animation-fill-mode: forwards;}
.home-menu-sub-top:hover > .home-menu-sub-img {   animation-name: menugrow; animation-duration: .5s; animation-fill-mode: forwards;}

@keyframes menugrow 
{
  0%   {background-size: 100%;}
  100% {background-size: 120%; background-position: top}
}

@keyframes menushrink 
{
  0%   {background-size: 120%; background-position: top}
  100% {background-size: 100%;}
}

.cont-text p, .home-menu-text p{font-size: 17px; color: #a7a7a7; line-height: 150%;}
.cont-text ul{font-size: 17px; margin-left:20px; overflow: hidden; color:#a7a7a7; line-height:200% }
.cont-text td{font-size: 17px; color: #a7a7a7; line-height: 150%;}

/*Home News Display*/
.large-news-box {width: 100%; border:#999999 thin solid;}
.news-box{margin:1%; width:98%; height:180px} 
.news-small-title{display: flex; align-items: center; height:99px; margin-left:20px; margin-right:10px}
.news-small-right{float:left; width:74%; margin-bottom:1%; height:99px; background:url(../layout/graphics/more_news_background.gif) no-repeat left center;} 
.news-small-text{width:100%; margin-bottom:1%; height:99px; background:url(../layout/graphics/more_news_background.gif) no-repeat left center;}
.news-small-left{float:left; width:25%; margin-right:1%; margin-bottom:1%}
.news-small-left img{width:100%; height:99px}

img.largebutton:hover {opacity: 0.8; filter: alpha(opacity=80);}
img.clients:hover {opacity: 0.5; filter: alpha(opacity=50);}

/*Social Media Icons and Search*/
.header-sm{position:absolute; top:20px; right:30px; width:301px; /*background-color:#000033*/}
.SearchBox{float:right; width:190px; background-image:url(../graphics/search_box.gif)}
.SearchBox form{height:37px; margin:0px; padding:0px;}
.SearchBox form input[type=text]{height:20px; margin:6px; border: 2px solid white;}	

.mob-basket{visibility:hidden; display:none;}

#s-button{
    background-image:url('../graphics/search_off.gif');
    width: 37px;
    height: 37px;
    border-style: none;
    background-color: transparent;
    text-indent: 480px;    /* hack to hide the text */
  }

#s-button:hover {
    background-image: url('../graphics/search_on.gif')
  }

.shop-cats-img{padding:2%; border:#CCC thin solid;}

.paging{padding-top: 20px; text-align:center}
.paging-container, .paging-chosen{padding: 5px; border:thin solid #605f60; text-align:center; margin-right:2px; display:inline-block}
.paging-container {background-color:#FFFFFF;}
.paging-container:hover{background-color:#605f60;}
.paging a{border-bottom:none;}
.paging a:hover{color:white;}

.shopbuts{
  background-image: url(../layout/graphics/shop-buttons.png);
  background-repeat: no-repeat;
  height: 50px;
}
.shopbuts:hover{
opacity:0.7;
}
.shopbut1 {background-position: 0px 0px; width: 70px;} 
.shopbut2 {background-position: 0px -50px; width: 60px;}
.shopbut3 {background-position: 0px -100px; width: 180px;}
.shopbut4 {background-position: 0px -150px; width: 180px;}
.shopbut5 {background-position: 0px -200px; width: 180px;}
.shopbut6 {background-position: 0px -250px; width: 180px;}
.shopbut7 {background-position: 0px -300px; width: 70px;}
.shopbut8 {background-position: 0px -350px; width: 70px;}
.shopbutform{border:none; background-color: Transparent; cursor: pointer;}


/*
   Layout of content pages
    -----------------------------
*/

/* Left and right content divs casestudies and news/articles/blog */
.left_side{width:78%; float:left;}
.right_side{width:20%; margin-left:2%; float:left; margin-top:51px}

.heading_c, .heading_d {font-size: 16px; font-weight: bold; margin-top:0px; color:#605f60;}
.heading_d {font-size: 12px;}

/* Image Box Layout(Used in casestudies) */

.cimage_case {float:left; width: 186px; height: 186px; border:#999999 thin solid; background-color:#FFFFFF;}
.cimage_case img {padding: 3px; width:180px; height:180px}
.cimage_case a {border:none; margin: 0px}

.cimage_large {float:left; width: 136px; height: 136px; border:#999999 thin solid; background-color:#FFFFFF;}
.cimage_large img {padding: 3px; width:130px; height:130px}
.cimage_small_container {float:left; width: 69px; margin-left:3px; margin-top:14px}

.cimage_small {width: 69px; border:#999999 thin solid; background-color:#FFFFFF; margin-bottom: 3px}
.cimage_small img {padding: 3px; width:63px; height:63px}
.c_content_im {position: relative; overflow: hidden; padding-left:16px;}
.c_content {position: relative; overflow: hidden;}

.gal_flex_outer {display: flex; flex-wrap: wrap; justify-content:space-evenly}
.gal_image_outer {width: 350px; height:350px; border:#999999 thin solid; background-color:#FFFFFF;  margin-left:auto; margin-right:auto;}
.gal_image_large {width: 344px; overflow:hidden; margin-left:auto; margin-right:auto; padding-top:2px;  display: flex; justify-content: center;  }
.gal_image_large img {height:344px; width: auto;}
.gal_image_large img:hover {height:340px; width: auto; margin-top:2px}
.gal_container {width:350px;  margin-bottom:20px}
.gal_container_content {width:90%; margin-left:auto; margin-right:auto; }

.related-files{border:thin solid #CCCCCC; width:92%; margin-left:auto; margin-right:auto; padding: 0px 15px 0px 15px; margin-top:20px; background-color:#FFFFFF}

.date_text {font-size: 11px; font-weight: bold;}

.c_title {font-size: 16px; font-weight: bold; border-bottom: thin dotted #605f60; display:block; color: #605f60; text-align:center}

.c_title a{font-size: 16px; border:none; text-decoration:none;}
.c_title a:link {color: #605f60; border:none; text-decoration:none;}
.c_title a:visited {color: #605f60; border:none; text-decoration:none;}
.c_title a:active {color: #605f60; border:none; text-decoration:none;}
.c_title a:hover {color: #000000; border:none; text-decoration:none;}

.breadcrumb {font-size: 10px !important; color: #605f60 !important;}
.breadcrumb a{font-size: 10px; text-decoration:none;}
.breadcrumb a:link {color: #605f60; font-size: 10px;  text-decoration:none;}
.breadcrumb a:visited {color: #605f60; font-size: 10px;  text-decoration:none;}
.breadcrumb a:active {color: #605f60; font-size: 10px;  text-decoration:none;}
.breadcrumb a:hover {color: #a7a7a7; font-size: 10px;  text-decoration:none;}

.right_side a:link {font-size: 12px;}
.right_side a:visited {font-size: 12px;}
.right_side a:active {font-size: 12px;}
.right_side a:hover {font-size: 12px;}

#slidercontainer{margin:30px 0px 30px -120px;}

.login-box, .login-box-right {border:thin solid #605f60; margin-top:15px; padding: 2%; float:left; min-height:400px}
.login-box {width:52%;}
.login-box-right{width:36%; margin-left:2%;}
.mob-log{visibility:hidden; display:none;}

/* Product Pages */
.basket_im {width: 120px; height: 120px; border:#999999 thin solid; background-color:#FFFFFF; float:left}
.basket_im img {padding: 3px; width:114px; height:114px}
.basket_content{float:left; width:70%; margin-left:3%}

.basket-container{width:100%;}
.basket-sub-1{float:left; width: 30%; text-align:right}
.basket-sub-2{float:left; width: 68%; margin-left:2%}
.basket-but{width:80%; text-align:right;}

.order-container{width: 68%}

.form-left{float:left; width:20%; margin-right:2%; text-align:right;}
.form-left-large{float:left; width:30%; margin-right:2%; text-align:right;}
.form-right{float:left; width:50%;}
.form-right input[type="text"]{width:100%}

.shop-cats-home{width:31%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:10px; float:left}
.shop-cats-cat{width:21%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:10px; float:left}
/*.shop-cats-img in CSS folder layout.css*/

.shop-mini-basket{width:80%; margin-left:auto; margin-right:auto; margin-bottom:26px}

.options-left{float:left; width:15%; margin-left:5%; text-align:right}
.options-right{float:left; width:79%; margin-left:1%}
.options-req-left{float:left; width:200px; margin-left:20px; padding-right:10px;}
.options-req-right{float:left; width:400px;}

.cat-cont{float:left; width:23%; margin: 1%; position:relative}
.cat-cont-content{float:left; width:74%; margin: 1%}
.cat-cont img{width:100%;}
.cat-cont-title{background-color:#96629a; width:98%; padding:1%; margin-top:2px}
.cat-cont:hover .cat-cont-title {background-color:#af9968;}
.cat-cont:hover img {opacity: 0.9; filter: alpha(opacity=90);}
.cat-cont-title p{color:#FFFFFF; text-align:center; font-weight:bold; line-height:160%}
.marg{padding:20px 0px}

.case-npl{width:49%; float:left; text-align:center}
.case-npr{width:49%; float:right; text-align:center}
.case-np-cont{width:100%; margin: 20px auto}
.case-flex-1-a{width:132px; float:left; height:80px; overflow:hidden;}
.case-flex-2-a{width:60%; background-color: #6da82a; color:#FFFFFF; padding:15px; font-size:18px;  float:left;  min-height:80px;}

.case-flex-1-b{width:132px; float:right; height:80px; overflow:hidden;}
.case-flex-2-b{width:60%; background-color: #6da82a; color:#FFFFFF; padding:15px; font-size:18px;  float:right;  min-height:80px;}
.case-npl:hover .case-flex-2-a{background-color: #999999}
.case-npr:hover .case-flex-2-b{background-color: #999999}

@keyframes cats-move {
from {margin-bottom:20px; margin-top:8px; background-color:#FFFFFF;}
to {margin-bottom:28px; margin-top:0px; background-color: #E8E8E8;}
}
@keyframes cats-moveback {
from {margin-bottom:28px; margin-top:0px; background-color: #E8E8E8;}
to {margin-bottom:20px; margin-top:8px; background-color:#FFFFFF;}
}
.cats-content-ds2{display:flex; flex-wrap:wrap; justify-content: flex-start; align-items:stretch;}
.cats-content-box{display:flex; flex-direction: column; width:47%; border:thin #CCCCCC solid; margin: 8px 1% 20px 1%; background-color:#FFFFFF; animation-name: cats-moveback; animation-duration: .8s;}
.cats-content-box:hover{margin-bottom:28px; margin-top:0px;  background-color:#E8E8E8; animation-name: cats-move; animation-duration: .5s;}
.cats-content-box img{width:100%}
.cats-content-box p{width:90%; margin: 10px auto;}
.cats-content-box h3{width:90%; margin: 20px auto 10px; text-align:center; border-bottom: none; line-height:150%}
.cats-content-box a{ text-decoration:none !important; border-bottom: none !important; padding-bottom: 0px !important }
.cats-content-sm{font-size:12px; font-weight:bold}

.case-image-container {padding-top: 65%; overflow:hidden; background-size: cover;}	

.prod-dropdown{background-color:#FFFFFF; height: 100vh; width:100%; position:fixed; margin-top:12px; top:200; left:0; z-index:99; visibility:hidden; display:none }
.nav-button:hover > .prod-dropdown{visibility:visible; display:block;}

/*Standard Navigation Buttons*/
.navbuts{background-image: url(../layout/graphics/buttons-v2.png); background-repeat: no-repeat; height: 48px;}
.navbuts:hover{cursor:pointer}
.navbut1 {background-position: 0px 0px; width: 165px;}
.navbut2 {background-position: 0px -48px; width: 220px;}
.navbut3 {background-position: 0px -96px; width: 220px;}
.navbut4 {background-position: 0px -144px; width: 220px;}
.navbut5 {background-position: 0px -192px; width: 220px;}
.navbut1:hover {background-position: -223px 0px;}
.navbut2:hover {background-position: -223px -48px;}
.navbut3:hover {background-position: -223px -96px;}
.navbut4:hover {background-position: -223px -144px;}
.navbut5:hover {background-position: -223px -192px;}
.navbutmain {background-position: 0px -240px; width: 40px; margin-left:auto; margin-right:auto} 
.navbutbasket {background-position: -150px -240px; width: 60px;}
.nbbmob {position:absolute; top:8px; right:20px}
.navbutbasket:hover {background-position: -373px -240px;}

.home-flex-container{display:flex; width:100%; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin-top:20px}
.home-flex-sub{width:49.9%; margin-bottom:3px}
.home-flex-sub p, .home-flex-sub h3{color:#FFFFFF; text-align:center; line-height:160%}
.order1{order:1}
.order2{order:2}
.order3{order:3; overflow: hidden; height:450px;}
.order4{order:4; overflow: hidden; height:450px;}

@media screen and (max-width:1800px)
{ 
.home-menu-sub-top{width:13.2%; margin-bottom:1%; margin-right:1%}
}

@media screen and (max-width:1600px)
{ 
.main-container {width:90%;}
.main-container-columns {width:90%;}
.home-menu-sub-top{width:15.5%; margin-bottom:1%; margin-right:1%}
}

@media screen and (max-width:1350px)
{
.main-container {width:90%;}
.main-container-columns {width:90%;}
.home-menu-sub{width:24%; margin-bottom:1%}
.home-menu-sub-top{width:19%; margin-bottom:1%; margin-right:1%}
}
@media screen and (max-width:1200px)
{ 
.cats-content-box{ width:47%; }
}
@media screen and (max-width:1100px)
{ 
.case-np-cont{width:96%; margin:auto}
.case-npl{width:465px; float:none; margin-left:-16px}
.case-npr{width:465px; float:none; margin-top:10px; margin-left:16px}
.case-np-cont{width:470px; margin:auto}

.desktop-pad{width:100%; height:40px}

.home-menu-sub{width:32%; margin-bottom:1%}
}

@media screen and (max-width:990px)
{ 

.home-menu-flex{width:96%}
.main-container {width: 100%;}
.main-content {width: 94%; margin-left:auto; margin-right:auto}

.header-contacts{width:50%; top:auto; bottom: 25px; right:3%;}

.im-cont-above { margin:0px auto 4px auto}
.im-cont-left { float:none; min-width:40%; padding:3px 0px 10px 0px; margin: 0px auto 20px auto}
.im-cont-right { float:none; min-width:40%; padding:3px 0px 10px 0px; margin: 0px auto 20px auto}

.main-container-columns {width:100%;}
.main-flex-container{flex-direction: column; width:100%;}
.para-flex-col-1{width:100% !important; margin: 10px 0px}

.prod_main_im img {padding:3%; width:94%}

.mob-basket{visibility:visible; display:block; position:absolute; bottom:0px; text-align:center; width:100%;}
.mob-basket p{line-height:0px}

.left_side{margin-left:auto; margin-right:auto; width:94%; float:none;}
.right_side{visibility:hidden; display:none;}

.cimage_large {float:left; width: 96px; height: 96px;}
.cimage_large img {padding: 3px; width:90px; height:90px}

.cimage_case {float:left; width: 146px; height: 146px;}
.cimage_case img {padding: 3px; width:140px; height:140px;}

.gal_container {float:none; width:100%;}

.order-container{width: 100%}

.shop-cats-home, .shop-cats-cat{width:44%; margin-left:2%; margin-right:2%; margin-top:20px; margin-bottom:10px; float:left}

.prod_medium, .prod_large {width: 100%; height: auto; border:#999999 thin solid; background-color:#FFFFFF; margin-left:auto; margin-right:auto}
.prod_medium img {padding: 2%; width:96%; height:auto}
.prod_large img {padding: 2%; width:96%; height:auto}
.prod_large_container {width:92%; float:left; margin-left:auto; margin-right:auto; padding: 10px 0px 14px 0px}

.options-left{float:none; width:90%; margin-left:auto; margin-right:auto; text-align:left}
.options-right{float:none; width:90%; margin-left:auto; margin-right:auto}

.options-req-left{float:none; width:90%; margin-left:auto; margin-right:auto; padding-right:0px; text-align:left}
.options-req-right{float:none; width:90%; margin-left:auto; margin-right:auto}

.basket_im {width: 120px; height: 120px; float:none; margin-left:auto; margin-right:auto}
.basket_im img {padding: 3px; width:114px; height:114px}
.basket_content{float:none; width:90%; margin-left:auto; margin-right:auto; padding-top:20px}

.basket-sub-1{float:none; width: 100%; text-align:center}
.basket-sub-2{float:none; width: 100%; margin-left: auto;  text-align:center}
.basket-but{width:100%; text-align:right;}

.login-box select{width:100%;}
.login-box, .login-box-right {width:94%; float:none; margin-left:auto; margin-right:auto}
.mob-log{visibility:visible; display:block}
.form-right{width:60%;}
.form-left{width:28%;}

header #logo{ left: 50%; top: 10px; transform: translate(-50%, 0);}
header{height: 160px;}
header.smaller {
    height: 130px;
	background-color:var(--main-back-col);
	background-position:center top; 
	background-repeat: repeat;
}

.header-contacts{width:90%; text-align:center;  right:5%; bottom:15px}
.header-fixed-padding{height:160px;} /* If fixed header padding required to shift content down below */  
}
@media screen and (max-width:850px)
{ 
.cats-content-box{ width:96%;}
.home-flex-sub{width:100%;}
.order1{order:1}
.order2{order:3}
.order3{order:4;}
.order4{order:2;}

}
@media screen and (max-width:700px)
{ 
.home-menu-sub{width:49%; margin-bottom:1%}
}

@media screen and (max-width:500px)
{ 

.home-menu-sub{width:98%; margin-bottom:1%}
.home-menu-sub-text-1{font-size:22px;}
header{height: 140px;}
header #logo{ width: 200px; height: 80px}
.header-contacts{bottom:40px}
.header-fixed-padding{height:140px;}

header.smaller { height: 85px; }
header.smaller #logo{ width: 150px; height: 60px; left: -10%; top: 0px; transform: translate(0, 0); }
header.smaller .header-contacts{visibility:hidden; display:none}

.footer{height:200px;}

.desktop-pad{visibility:hidden; display:none}

.im-cont-left { min-width:60%; }
.im-cont-right { min-width:60%; }

.video-container {width:100%;}

.quote-content{padding:20% 0px 20% 0px; font-size:24px;}
.quote-strip{background-size:100%}

.cat-cont, .res-cont{float:none; width:80%; margin: 10px auto;}

.case-image{display:none;}
.case-flex-1-a{width:32px; }
.case-flex-2-a{width:260px; }
.case-flex-1-b{width:32px; }
.case-flex-2-b{width:260px; }
.case-npl{width:340px; margin:auto}
.case-npr{width:340px; margin-left:auto; margin-right:auto; margin-top:10px}
.case-np-cont{width:auto; margin:auto}
}



/* Blinks forever times */
.blink {
    -webkit-animation: blink 2s infinite;
    -moz-animation: blink 2s infinite;
    -ms-animation: blink 2s infinite;
    -o-animation: blink 2s infinite;
    animation: blink 2s infinite;
}

@-webkit-keyframes blink {/* percentages are the times so 0% is the start and 100% is the end of the cycle */
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    50.01% { opacity: 1; }
    100% { opacity: 0.3; }
}

@-moz-keyframes blink {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    50.01% { opacity: 1; }
    100% { opacity: 0.3; }
}

@-ms-keyframes blink {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    50.01% { opacity: 1; }
    100% { opacity: 0.3; }
}

@-o-keyframes blink {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    50.01% { opacity: 1; }
    100% { opacity: 0.3; }
}

@keyframes blink {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    50.01% { opacity: 1; }
    100% { opacity: 0.3; }
}

/* @end */