a {
	color: black;text-decoration:none;
}
a:visited {
	color: black;
}
a:active {
	color: black;
}
a:hover {
	color: #008080;
}
h1 {
	font-size:x-large;position:relative;
}
/* plain body
body {
	margin:0;padding:0;
	background-color:rgba(245,245,245,1);
	
}
*/
body {
	margin:0;padding:0;
	/*background:url('../barbkgnd.svg');*/
	background-color: /*#b3c9ce;*/ rgb(238,238,248,1.0)/*(228,228,238,0.97)*/;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
    background-attachment: fixed;
}

/*dropdown menu area*/

.topmenu {
	background-color:rgba(80,80,80,1);
	/*background-image: url(../headerfooter/BuntingDbl.svg);
	christmas settings-- 
  background:url('../Icons/snow-animated-002.gif');background-color:rgba(0,0,0,0.9);box-shadow:inset 0px -30px 25px white, 2px 2px 10px rgba(0,0,0,0.4);*/
	height:4vw; min-height: 50px;
	width:100vw;
	padding:4px 0px 5px 0px;
	overflow:visible;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
.contactbutton {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(8px + 0.6vw);
	font-weight:bold;
	/*border:2px white solid;
	border-radius:5px;*/	
	padding:2px 2px 2px 2px;
	margin-left:1vw;
	/*background-color:rgba(55,155,150,0.8);
	box-shadow: 0 0 4px rgba(0,0,0,0.8);*/
	text-shadow:1px 1px 3px #000,-1px -1px 1px white,-1px 1px 1px #000,1px -1px 1px #000,3px 3px 15px white;
}
.menulist{
	padding-right:20px;
}
.menuitems{
	font-weight: bolder;
}
.menudetails{
	font-size:calc(11px + 0.3vw);
}
.menutext{
	font-size:calc(12px + 0.3vw);
	font-weight: lighter;
}
/*dropdown menu stuff*/

  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
	top: -50px;
/*full size coverage*/
	width:100%;
	height:100%;
	margin:0 auto;
	background-color:#a8a8a8f1;
	/*background-image: url('../headerfooter/BuntingFull.svg');*/
	transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
  }
  
  /* Dropdown Content (Hidden by Default) only used in Backoffice area */
  .dropdown-content {
	/*display:none;*/
	position: absolute;
	/*background-color: rgba(245,245,245,0.7);
	min-width: 170px;
	width:90%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
	transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
	  transform: scale(0.0) translate(-80%, -80%);
  */
	z-index: 99;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	/*color: black;*/
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  /* Change color of dropdown links on hover 
  .dropdown-content a:hover {background-color: #f1f1f1}*/
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
	display: block;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	transform:scale(1.0);
  }
  
  .menubutton{
	  color:white;
	  font-weight: bold;
	  transition: all 0.2s linear;
	  -webkit-transition: all 0.2s linear;
	  -moz-transition: all 0.2s linear;
	  -o-transition: all 0.2s linear;
	  -ms-transition: all 0.2s linear;
  }
  
  .menubutton a{
	  color:white;
  }
  .menubutton:hover{
	  color:rgba(230,230,230,1);
	  transform:scale(0.99);
  }
  
  .menuoutline{  /*only used in Backoffice*/
	  font-family:Arial, Helvetica, sans-serif;
	  /*font-size:1vw;
	  font-weight:bold;*/
	  border:4px white solid;
	  border-radius:5px;
	  color:white;	
	  padding:3px 6px 3px 6px;
	  box-shadow: 0 0 7px rgba(0,0,0,0.8);
  }
  .socialiconmenubar{
	border:0;
	font-size:0px;
	padding:0px 5px 0px 5px;
	/*margin-right:50px;*/
	top:-5px;
	float:right;
}

.menuburger{
	transition: all 0.3s /*ease-in-out*/;
	transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
	/*-webkit-transition: all 0.4s ease-in-out;
	-webkit-transition-timing-function:;*/
	-moz-transition: all 0.3s ease-out;
	/*-moz-transition-timing-function:;*/
	-o-transition: all 0.3s ease-out;
	/*-o-transition-timing-function:;*/
	-ms-transition: all 0.3s ease-out;
	/*-ms-transition-timing-function:;*/
	
}
.menuburger:hover{
	transform:rotate(90deg) scale(1.2);
}

/*------------static header-----------*/
header {
	width: 100vw;
	height: calc(30px+27.5vw);
	/*max-height: 400px;*/
	overflow: hidden;
	/*position: fixed;*/
	top: 50px;
	left: 0;
	/*z-index: 98;*/
  
	
	/*christmas settings-- */
	/*background:url('../Icons/snow-animated-002.gif');background-color:rgba(0,0,0,0.9);box-shadow:inset 0px -35px 50px white, 2px 2px 10px rgba(0,0,0,0.4);*/
	/*standard settings-- *//*background-color: rgba(245,245,245,1);*//*box-shadow:inset 0px -5px 15px white;*/background-color:rgba(30,30,30,1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
  }

.headerhmq{
	background-image: url('../headerfooter/headerhmq.jpg');	  
  }
.headerhmcoro{
	background-image: url('../headerfooter/HMCongrats1600px.jpg');
} 
  
.headerbanner{
  background: url(../headerfooter/fullheaderlong2025.jpg) 0 bottom repeat-x;
  background-size: 600%;
  padding-bottom: 15.0vw;
  -webkit-animation: h_slide 40s ease-in-out infinite;
  -moz-animation: h_slide 40s ease-in-out infinite;
  animation: h_slide 40s ease-in-out infinite;
}
/*  --keyframes with 6 slides 9600px x 300px-- */
@keyframes h_slide {
	0% {
	  background-position: 0% bottom; }
	13.66667% {
	  background-position: 0% bottom; }
	16.66667% {
	  background-position: 20% bottom; }
	30.33333% {
	  background-position: 20% bottom; }
	33.33333% {
	  background-position: 40% bottom; }
	47% {
	  background-position: 40% bottom; }
	50% {
	  background-position: 60% bottom; }
	63.66667% {
	  background-position: 60% bottom; }
	66.66667% {
	  background-position: 80% bottom; }
	80.33333% {
	  background-position: 80% bottom; }
	83.33333% {
	  background-position: 100% bottom; }
	97% {
	  background-position: 100% bottom; }
	100% {
	  background-position: 120% bottom; } }

/*  --keyframes with 5 slides 8000px x 400px-- 
@keyframes h_slide {
	0% {
	  background-position: 0% bottom; }
	17% {
	  background-position: 0% bottom; }
	20% {
	  background-position: 25% bottom; }
	37% {
	  background-position: 25% bottom; }
	40% {
	  background-position: 50% bottom; }
	57% {
	  background-position: 50% bottom; }
	60% {
	  background-position: 75% bottom; }
	77% {
	  background-position: 75% bottom; }
	80% {
	  background-position: 100% bottom; }
	97% {
	  background-position: 100% bottom; }
	100% {
	  background-position: 125% bottom; } }
*/
/*  --keyframes with 4 slides 6400px x 400px--
@keyframes h_slide {
	0% {
	  background-position: 0% bottom; }
	20% {
	  background-position: 0% bottom; }
	25% {
	  background-position: 33.33333% bottom; }
	45% {
	  background-position: 33.33333% bottom; }
	50% {
	  background-position: 66.66667% bottom; }
	70% {
	  background-position: 66.66667% bottom; }
	75% {
	  background-position: 100% bottom; }
	95% {
	  background-position: 100% bottom; }
	100% {
	  background-position: 133.33% bottom; } }
*/
/*
header.smaller {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
*/
.headervidversion{
	background: url(../headerfooter/WebHeadVid.mp4);
}

.headersmdtest{
	background-image: url(../smdtest/rain.gif);
	padding:15px 10px 5px 10px;
}

.search{
	z-index: 100;
}
.spacer{
	height:38vw;
	max-height:550px;
}
.spacernew{
	height:0.8vw;min-height:5px;
}

.addresstop {/*Only used in Backoffice area*/
	font-family:Calibri, Consolas, monaco, Arial, monospace, Arial, Helvetica, sans-serif;
	/*font-size:3.5vw;*/
	font-weight:bold;
	text-decoration:none;
	color:rgba(5,5,5,0.9);
	float:right;
	margin-left:10px;
	width:auto;
}

.tel{
	font-size:clamp(30px, 3.5vw, 40px);
}
.add{
	font-size:clamp(25px, 3.5vw, 35px);
}
.addresstop a{
	color:rgba(5,5,5,0.9);
}

.addresstop a:hover{
	color:rgba(25,25,225,0.9);
}

.social{
	float:left;
	font-size:0;
	padding: 5px;
    background-color:rgba(30,30,30,0); 
    border-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.social1{
	float:left;	
	padding: 5px;
    background-color:rgba(30,30,30,0); 
  	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.socialiconmenu{
	border:0;
	font-size:0px;
	padding:20px;
	top:3px;
	float:left;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

div.socialiconmenu {
	position:relative;
}

div.socialiconmenu a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        /*background-color: #FFF;  Fix to make div clickable in IE */
        /*opacity: 0;  Fix to make div clickable in IE */
        /*filter: alpha(opacity=1);  Fix to make div clickable in IE */
}

.menu {
	float:left;
    width: auto;  
    padding: 5px;
    text-align:center;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}

.button{
	float:left;
	font-family: Calibri, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:black;
	height:20px;
	width:auto;
	padding:4px 4px 4px 4px;
	margin:1px 1px 1px 1px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.button:hover{
	color:rgba(230,230,230,1);
	transform:scale(0.99);
}

div.button {
	position:relative;
}

div.button a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.downloadbutton{
	float:left;
	background:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bolder;
	text-align: center;
	height:40px;
	width:80px;
	padding:10px 10px 10px 10px;
	margin:2px 2px 2px 2px;
	border-radius:5px;
	box-shadow:0px 0px 5px black;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.downloadbutton:hover{
	box-shadow:0px 0px 2px black;
	transform:scale(0.96)
}

div.downloadbutton {
	position:relative;
}

div.downloadbutton a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.viewerbutton{
	background:#F2F2F2;
	font-weight:bold;
	color:black;
	text-align:center;
	height:20px;
	width:100px;
	padding:10px 10px 10px 10px;
	margin:50px 5px 5px 5px;
	border-radius:5px;
	box-shadow:0px 0px 5px black;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.viewerbutton:hover{
	box-shadow:0px 0px 2px black;
	transform:scale(0.96)
}

div.viewerbutton {
	position:relative;
}

div.viewerbutton a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}



/*  ----------front page banner----------  */

.container {
  padding:1px;
  width:100%;
  height:260px;
  overflow:hidden;
}

div.button a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        /*z-index: 10; /* Places the link above everything else in the div */
       /* background-color: #FFF; /* Fix to make div clickable in IE */
        /*opacity: 0; /* Fix to make div clickable in IE */
       /* filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}


.slidercontainer {
   float:left;
   width: auto;
   height: auto;
   /*padding:20px;
   margin-bottom:40px;*/
}

/*  ----------new offices slider---------*/

.newsslider {
   width: auto;
   height: auto;
   padding:20px;
}

/*  ----------door opening landing page--------*/

.doorsurround {
	perspective: 20em;

	animation: DoorDisappear ease 4s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes DoorDisappear {
            0% {
                
				transform: translateY(0);
				z-index: 201;
            }
			80% {
				
				transform: translateY(0);
				z-index: 201;
			}
            99% {
                
				transform: translateY(-300%);
				z-index: 201;
            }
			100% {
				
				z-index: -10;
			}
}

.landingcontainertop {
	position:absolute;
	overflow: hidden;
	display: flex;
	background-image: url('../FridgeTop.svg');
	background-size:100% auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	animation: DoorTopAnimation ease 4s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes DoorTopAnimation {
            0% {
                opacity: 1;
				transform: translateY(0);
				z-index: 201;
            }
			80% {
				opacity: 1;
				transform: translateY(0);
				z-index: 201;
			}
            99% {
                opacity: 1;
				transform: translateY(-30%);
				z-index: 201;
            }
			100% {
				opacity: 0;
				z-index: 0;
			}
}

.landingcontainer {
	position: absolute;
	overflow: hidden;
	display: flex;
	background-image: url('../SolidDoorNoHinge.svg');
	background-size:100% auto;
	background-repeat: no-repeat;
	transform-style: preserve-3d;
	transform-origin: 98.7% center;
	width: 100%;
	height: 100%;
	animation: fadeOutAnimation ease-in-out 3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeOutAnimation {
            0% {
                opacity: 1;
				transform: perspective(250vw) rotateY(0deg) translateZ(0);
				z-index: 202;
            }
			60% {
				opacity: 1;
				transform: perspective(250vw) rotateY(0deg) translateZ(0);
				z-index: 202;
			}
            98% {
                opacity: 1;
				transform: perspective(250vw) rotateY(90deg) translateZ(-10%);
				z-index: 202;
            }
			100% {
				opacity: 0;
				transform: perspective(250vw) rotateY(90deg);
				z-index: 0;
			}
}
.bodydark {
	position:absolute;
	overflow: hidden;
	display: flex;
	background-color: #000;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	animation: DarkFadeAnimation ease 5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
		}
        @keyframes DarkFadeAnimation {
            0% {
                opacity:0;
				transform: translateY(0%);
				z-index:0;
			}
			1% {
				opacity:1;
				transform: translateY(0%);
				z-index: 198;
			}
			65% {
				opacity:1;
				transform: translateY(0%);
				z-index:198
			}
			99% {
				opacity:0;
				transform: translateY(0%);
				z-index:198
			}
            100% {
				opacity:0;
                transform: translateY(-200%);
				z-index:-10;
            }
			
}

.comeonin {
	color: #8db7ca;
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(13px + 1.5vw);
	font-weight:bold;
	padding:2px 5px 2px 5px;
	margin-left:1vw;
	/*background-color:rgba(55,155,150,0.8);
	box-shadow: 0 0 4px rgba(0,0,0,0.8);*/
	text-shadow:1px 1px 3px #000,-1px -1px 1px white,-1px 1px 1px #000,1px -1px 1px #000,3px 3px 15px white;
}

.doorpanel {
	transform-style: preserve-3d;
	margin:0 auto;
	padding-top:25vh;
	text-align:center;

	animation: DoorPanelAnimation ease-in-out 3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes DoorPanelAnimation {
            0% {
                z-index: 202;
            }
			60% {
				z-index: 202;
			}
            98% {
                z-index: 202;
            }
			100% {
				z-index: -10;
			}
}


/*  ----------div styles----------  */

.mainpage {
	margin-top:30px;margin-bottom:80px; 
    position:relative;/* bottom:100%; box-shadow: 0 0 10px rgba(0,0,0,0.4);*/
    width: 99vw;
    height:auto;
    /*padding: 30px;*/
    z-index:1;
	/*background:url('../barbkgnd.svg');*/
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-color:/*#b3c9ce;*/ rgb(238,238,248,1.0); 
    /*box-shadow:inset 5px 5px 10px white, inset -4px -4px 10px rgba(0,0,0,0.8), 3px 3px 15px rgba(0,0,0,0.4), 0 0 15px rgba(0,0,0,0.4);
    border-radius: 10px; */
	
}
.textsection {
	padding:20px;
}
.textfit {
	/*width:90vw;*/
	margin:0 auto;
}
.sectionheader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	text-align:center;
	border:1px solid white;
	/*border-radius:5px;*/
	/*width:calc(95vw - 50px);*/
	margin:0px auto;
	margin-bottom:/*10px;*/1px;
	position:relative;
	color:white;	
	padding:10px;
	box-shadow:/*3px 3px 15px rgba(0,0,0,0.4),*/ 0 0 2px rgba(0,0,0,0.8);
}
.sectionsearch{
	text-align:center;
	border:1px solid white;
	margin:0px auto;
	margin-bottom:1px;
	position:relative;
	color:white;	
	padding:0px;
	box-shadow: 0 0 2px rgba(0,0,0,0.8);
}
.sectionsecondary {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	text-align:center;
	border:/*3px*/ 1px solid #666666;
	/*border-radius: 5px;*/
	/*width:calc(95vw - 50px);*/
    margin:0px auto;
    margin-bottom:/*10px;*/1px;
    position: relative;
    padding:10px;
	color:white; 
    background-color: gray;
    box-shadow:/*inset -2px -2px 10px rgba(0,0,0,0.7), inset 2px 2px 10px white, 3px 3px 15px rgba(0,0,0,0.4),*/ 0px 0px 2px rgba(0,0,0,0.8);
}
.sectionsecondaryplain {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	text-align:center;
	border:/*3px*/1px solid white;
	/*border-radius: 5px;*/
	/*width:calc(95vw - 50px);*/
    /*margin:0px auto;*/
    margin-bottom:/*10px;*/1px;
    position: relative;
    padding:10px;
	color:white; 
    /*background-color: gray;*/
    box-shadow:/*inset -2px -2px 10px rgba(0,0,0,0.7), inset 2px 2px 10px white, 3px 3px 15px rgba(0,0,0,0.4),*/ 0px 0px 2px rgba(0,0,0,0.8);
}
.sectionsecondaryopaque {	
	border-bottom:1px solid rgb(125,125,125,1);
	/*border-radius: 5px;*/
	/*width:calc(95vw - 50px);*/
    margin:0px auto;
    margin-bottom:/*10px;*/1px;
    position: relative;
    padding:10px;
	color:white; 
    background-color: rgb(238,238,248,1.0)/*(228,228,238,0.97);
    box-shadow:/*inset -2px -2px 10px rgba(0,0,0,0.7), inset 2px 2px 10px white, 3px 3px 15px rgba(0,0,0,0.4),*/ 0px 0px 2px rgba(0,0,0,0.8);
}
#map-canvas {
	height:300px;
	/*width:700px;*/
	width:calc(95vw - 50px);
	margin:0 auto;
	z-index:1;
	/*border-radius:10px;*/
	box-shadow:/*inset 5px 5px 10px white, inset -4px -4px 10px rgba(0,0,0,0.8), 3px 3px 15px rgba(0,0,0,0.4),*/ 2px 2px 0px rgba(0,0,0,0.4);
}
.outline{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:medium;*/
	font-weight:normal;
	/*border:2px white solid;*/
	border:2px red solid;
	/*border-radius:5px;*/
	/*color:white;*/	
	color:black;
	padding:2px;
	box-shadow: 0 0 4px rgba(0,0,0,0.8);
}
.nooutline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(13px + 0.2vw);
	/*font-weight:bold;
	border:2px white solid;
	border-radius:5px;*/
	color:white;	
	padding:2px;
	/*box-shadow: 0 0 4px rgba(0,0,0,0.8);*/
}
.outline:hover{
	box-shadow: 0 0 2px rgba(0,0,0,0.8);
	/*transform:scale(0.98);*/
}
.index{
	background-color:red;
}
.home{
	background-color:rgba(102,102,102,0.8);
}

.history{
	background-color:rgba(255,144,0,0.8);
}

.contact{
	background-color:rgba(128,128,0,0.8);
}

.download{
	background-color:rgba(153,0,255,0.8);
}

.install{
	background-color:rgba(55,155,150,0.8);
}

.products {
	background-color:rgba(128,0,0,0.8);	
}

.news {
	background-color:rgba(0,0,128,0.8);
}

.environment {
	background-color:rgba(0,128,0,0.8);
}

.equest {
	background-color:rgba(205,205,0,0.8);
}

.viewer {
	background-color: rgba(0, 173, 252, 0.8);
}
.textplain {
	background-color: #D9F9FF;
}

.footer	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	/*christmas settings--
	color:black;*/
}

.footersectiondark {
	width:99vw; 
    bottom:100%; 
	background-color:rgb(10, 10, 10, 1); 
	/*christmas settings-- 
  background:url('../Icons/snow-animated-002.gif');background-color:rgba(50,50,50,0.9);box-shadow:inset 0px -5px 50px white, 2px 2px 10px rgba(0,0,0,0.4);*/
}

@keyframes fadein {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
}

@keyframes slideup {
	0% {
		transform: translateY(100vw);
	}
	100% {
		transform: translateY(0)
	}
}

.sectionholder{
	float:left;
	position:relative;
	margin:0 auto;
	padding:0.1vw;
	/*width:90vw;*/
	overflow:hidden;
}

.sectionholder:hover{
	overflow:visible;
}

.section{
	float:left;
	position:relative;
	background:rgba(5,5,5,0.9)/*#D7F7FF*/;color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:justify;	
	height:475px;
	width:/*276px;*/225px;
	padding:20px;
	/*margin:2px;
	border-radius:5px;*/
	box-shadow:0 0 2px rgba(0,0,0,0.4)/*,inset -4px -4px 10px rgba(0,0,0,0.7), inset 5px 5px 15px white, 3px 3px 5px rgba(0,0,0,0.4), */;
	overflow:hidden;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	z-index:2;
	animation: 1s ease-out 0s 1 fadein;
}

.section:hover{
	background:rgba(65,65,65,0.9);
	box-shadow:/*inset 0px 0px 1px black,*/ 0px 0px 1px black;
	/*height:329px 350px;*/
	z-index:20;
	/*transform:scale(1.01);*/
}

div.section {
	position:relative;
}

div.section a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.sectionhalf{
	float:left;
	position:relative;
	background:rgba(238,238,248,1.0)/*(220,220,225,0.9)/*#D7F7FF*/;color:rgb(40, 40, 40,0.9);
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:justify;	
	height:475px;
	width:42vw;
	min-width:300px;
	padding:20px;
	/*margin-left:0.5vw;
	border-radius:5px;*/
	/*box-shadow:0 0 2px rgba(0,0,0,0.4)/*,inset -4px -4px 10px rgba(0,0,0,0.7), inset 5px 5px 15px white, 3px 3px 5px rgba(0,0,0,0.4), */;
	overflow:hidden;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	z-index:2;
}

.sectionhalf:hover{
	background:rgba(255, 255, 255, 0.9);
	/*box-shadow:/*0px 0px 2px black;
	/*height:329px 350px;*/
	z-index:20;
	/*transform:scale(1.01);*/
}

div.sectionhalf {
	position:relative;
}

div.sectionhalf a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.sectionhalfpic{
	height: 35vw;
	min-height: 200px;
	max-height: 300px;
}
.sectionhalflong{
	height:550px;
}

.sectionchoice{
	float:left;
	position:relative;
	background:rgba(238,238,248,1.0)/*(225,225,225,0.9)/*#D7F7FF*/;color:rgb(60, 60, 60);
	height:10vw;
	width:30%;
	padding:1vw;
	/*margin-left:0.5vw;
	border-radius:5px;*/
	/*box-shadow:0 0 2px rgba(0,0,0,0.4)/*,inset -4px -4px 10px rgba(0,0,0,0.7), inset 5px 5px 15px white, 3px 3px 5px rgba(0,0,0,0.4), */;
	overflow:hidden;
	transition: all 1.3s ease-out;
	-webkit-transition: all 1.3s ease-out;
	-moz-transition: all 1.3s ease-out;
	-o-transition: all 1.3s ease-out;
	-ms-transition: all 1.3s ease-out;
	z-index:2;
}

.sectionchoice:hover{
	background:rgba(205,205,205,0.9);
	box-shadow:/*inset 0px 0px 1px black,*/ 0px 0px 2px black;
	/*height:329px 350px;*/
	z-index:20;
	/*transform:scale(0.99);*/
}

div.sectionchoice {
	position:relative;
}

div.sectionchoice a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.buttonchoice {
	width:98%;
	/*
	font-size:0%
	*/;
}


.sectionquick{
	float:left;
	position:relative;
	background:rgba(5,5,5,0.9)/*#D7F7FF*/;color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:justify;	
	/*height:148px;*/
	width:85%;
	height:auto;
	padding:1px;
	/*margin:2px;*/
	/*border-radius:5px;*/
	box-shadow:0 0 3px rgba(0,0,0,0.4)/*,inset -4px -4px 10px rgba(0,0,0,0.7), inset 5px 5px 15px white, 3px 3px 5px rgba(0,0,0,0.4), */;
	overflow:hidden;
	transform-style:preserve-3d;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	z-index:2;
}

.sectionquick:hover{
	background:rgba(65,65,65,0.9);
	box-shadow:/*inset 0px 0px 1px black,*/ 0px 0px 2px black;
	/*height:329px 350px;*/
	z-index:20;
	overflow:visible;
	/*transform:rotate3D(1, -50, 1, 15deg) scale(1.1);*/
}

div.sectionquick {
	position:relative;
}

div.sectionquick a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
.dividerquick{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:center;
	margin:0px;
	/*background-color:gray;*/
	border:3px white solid;
	/*border-radius:5px;*/
	float:left;
	width:80%;
	color:white;	
	padding:2px;
	/*box-shadow:3px 3px 15px rgba(0,0,0,0.4), 0 0 8px rgba(0,0,0,0.8);*/
}

.pageedgel {
	margin-left:5vw;
	width:1px;
	height:auto;
	float:left;
}
.pageedger {
	margin-right:5vw;
	width:1px;
	height:auto;
	float:left;
}
.hiressectionholder{
	float:left;
	position:relative;
	padding:10px;
	overflow:hidden;
}

.hiressectionholder:hover{
	overflow:visible;
}

.hiressection{
	float:left;
	position:relative;
	background:rgba(240,240,240,0.8)/*#D7F7FF*/;color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:justify;	
	min-height:280px;
	width:auto;
	padding:20px;
	/*margin:10px;*/
	/*border-radius:5px;*/
	box-shadow:0 0 2px rgba(0,0,0,0.4)/*,inset -4px -4px 10px rgba(0,0,0,0.7), inset 5px 5px 15px white, 3px 3px 5px rgba(0,0,0,0.4), */;
	overflow:hidden;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	z-index:2;
}

.divider1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:left;
	margin:14px;
	/*background-color:gray;*/
	border:1px white solid;
	/*border-radius:5px;*/
	float:left;
	width:160px;
	color:white;	
	padding:5px;
	box-shadow:/*3px 3px 15px rgba(0,0,0,0.4),*/ 0 0 2px rgba(0,0,0,0.8);
}
.divider2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:center;
	margin:10px 10px 10px 20px;
	/*background-color:gray;*/
	border:1px white solid;
	/*border-radius:5px;*/
	float:left;
	color:white;	
	padding:5px;
	box-shadow:/*3px 3px 15px rgba(0,0,0,0.4),*/ 0 0 2px rgba(0,0,0,0.8);
}
.divider3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	/*background-color:gray;*/
	border:1px white solid;
	/*border-radius:5px;*/
	float:left;
	width:auto;
	color:white;	
	padding:5px;
	box-shadow:/*3px 3px 15px rgba(0,0,0,0.4),*/ 0 0 2px rgba(0,0,0,0.8);
}
.divider4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(9px + 0.6vw);
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	background-color:white;
	border:calc(2px + 0.2vw) red solid;
	border-radius:7px;
	float:left;
	width:auto;
	color:black;	
	padding:5px;
	box-shadow:/*3px 3px 15px rgba(0,0,0,0.4),*/ 0 0 2px rgba(0,0,0,0.8);
}

/*temporary information section*/

.sectionspecial{
	float:left;
	position:relative;
	background:rgba(10,10,10,0.8)/*#D7F7FF*/;color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:justify;	
	height:auto;
	width:95%;
	padding:20px 40px 20px 0px;
	margin:0 auto;
	/*border-radius:5px;*/
	box-shadow:0 0 2px rgba(0,0,0,0.4)/*,inset -4px -4px 10px rgba(0,0,0,0.7), inset 5px 5px 15px white, 3px 3px 5px rgba(0,0,0,0.4), */;
	overflow:hidden;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	z-index:2;
}

.sectionspecial1{
	float:left;
	position:relative;
	background:rgba(255,255,255,1.0)/*#D7F7FF*/;color:rgba(10,10,20,1.0);
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:justify;	
	height:auto;
	width:95%;
	padding:2%;
	margin:0px auto;
	/*border-radius:5px;*/
	box-shadow:0 0 2px rgba(0,0,0,0.4)/*,inset -4px -4px 10px rgba(0,0,0,0.7), inset 5px 5px 15px white, 3px 3px 5px rgba(0,0,0,0.4), */;
	overflow:hidden;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	z-index:2;
}

.picturepanel{
	float:left;
	width:250px;
	height:250px;
	margin:10px;
	/*border-radius:10px;*/
	box-shadow:inset 0 0 15px rgba(0,0,0,0.5);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.picturehistory{
	margin:10px;
	border:5px gray solid;
	/*border-radius:10px;*/
	box-shadow: 3px 3px 15px rgba(0,0,0,0.5);
}

.picturenews{
	padding: 5px;
    background-color:rgba(30,30,30,0.1); 
    box-shadow:/*inset 5px 5px 10px white, inset -4px -4px 10px rgba(0,0,0,0.8), 3px 3px 15px rgba(0,0,0,0.4),*/ 0 0 2px rgba(0,0,0,0.4);
    /*border-radius: 10px;*/
    
}
.picturegallery{
	float:left;
	margin:10px;
	border:10px white solid;
	/*border-radius:10px;*/
	box-shadow:/*inset -1px -1px 10px rgba(0,0,0,0.6), inset 2px 2px 5px white, 3px 3px 15px rgba(0,0,0,0.4),*/ 0 0 2px rgba(0,0,0,0.4);
}
.cabinetpanel {
	float:left;
	background:rgb(238,238,248,1.0);
	max-width:90%;
	/*border:1px gray solid;
	border-radius:3px;
	box-shadow:0px 0px 2px black;*/
	z-index: 1;
	transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
}
.cabinetpanel:hover{
	background:rgb(255, 255, 255);
	/*box-shadow: 0px 0px 1px black;*/
}
div.cabinetpanel {
        position: relative;
}
div.cabinetpanel a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
.cabinetdetailpanel {
	padding-right:20px;
}
.videopanel {
	float: left;
	background:#E2E2E2;
	width:80vw;
	max-width:740px;
	height: auto;
	padding:5px;
	border:1px gray solid;
	/*border-radius:8px;*/
	box-shadow:0px 0px 2px black;
}
.xmasvideopanel {
	margin: 0 auto;
	background:#E2E2E2;
	width:50%;
	/*max-width:740px;*/
	height: auto;
	padding:5px;
	border:1px gray solid;
	/*border-radius:8px;*/
	box-shadow:0px 0px 2px black;
}
.xmaslights{
	position:fixed;
	right:0;bottom:0;
	
	z-index: 100;
}
/*--------------------------------------*/

.specinfo { border:10px solid #fcfafa; border-radius:5px; padding:5px; width:130px; height:190px; background-color:#deddcd; margin:0 auto;transition: all 0.3s;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    transform: scale(0.8) translateX(20px) translateY(5px);
}

.specinfo:hover {
	transform:scale(1.05);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
	
.specinfo h4 { color:teal; font-variant: small-caps; font-family:Calibri; font-weight:bold; text-align:center; padding-bottom:0px; }
.specinfo p { font-family:Calibri; font-weight:normal; text-align:center; padding-bottom:2px; }
.specinfo a { font-family:Calibri; background-color:gray; padding:2px; color:#eee; text-decoration:none; display:block; width:80px; text-align:center; margin:0 auto; 
			border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition-duration: 0.3s;-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s;}

.specinfo a:hover, .specinfo a:focus { background-color:silver; color:black; font-weight: bold; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s;}

.noflip {
    /*width:200px;height:200px;background-color:blue;*/
    width:140px;height:200px;
    background-size:contain;
    font-size:11pt;
    display: inline-block;
    float:left;
    margin:5px;
	transition: all 0.3s; 
}
.noflip:hover {
	transform:scale(0.95);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}


/*  ----------flipping cards------  */

/* entire container, keeps perspective */
.flip-container {
    perspective: 1000;
    transform-style: preserve-3d;
    display: inline-block;
    margin:20px;
}

/*  UPDATED! flip the pane when hovered */
.flip-container:hover .back {
    transform: rotateY(0deg);
    transform:scale(1.1);
}
.flip-container:hover .front {
    transform: rotateY(180deg);
}

.flip-container, .front {
    width: 160px;
    height: 224px;
}

.flip-container, .back {
    width: 160px;
}


/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;

    position: absolute;
    top: 0;
    left: 0;
}
.back{
    margin-top: 0px;
}

/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(-180deg);
}

.flipinfo {
	border:5px solid silver; border-radius:5px; width:150px; height:214px; padding:10px; /*background-color:#deddcd;*/ background-size:contain; box-shadow:2px 2px 10px #888; -moz-box-shadow:2px 2px 10px #888; -webkit-box-shadow:2px 2px 10px #888;}
.flipinfo a { background-color:teal; padding:5px 10px; color:#eee; font-family:Calibri; font-weight:bold; font-size:15pt; text-align:center; text-decoration:none; display:block; width:80px; text-align:center; margin:0 auto;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition-duration: 0.3s ease-in-out; -webkit-transition-duration: 0.3s ease-in-out; -moz-transition-duration: 0.3s ease-in-out; -ms-transition-duration: 0.3s ease-in-out;}
.flipinfo a:hover, .flipinfo a:focus { background-color:silver; color:black; font-weight: bold; transition-duration: 0.3s ease-in-out; -webkit-transition-duration: 0.3s ease-in-out; -moz-transition-duration: 0.3s ease-in-out; -ms-transition-duration: 0.3s ease-in-out;}

.flipfront {
	border:5px solid silver; border-radius:5px; width:150px; height:214px; padding:10px;  /*background-size:contain;*/ background-color:#deddcd; box-shadow:2px 2px 10px #888; -moz-box-shadow:2px 2px 10px #888; -webkit-box-shadow:2px 2px 10px #888;}
.flipfront h3 { color:teal; /*font-variant: small-caps;*/ font-family:Calibri; font-weight:bold; font-size:15pt; text-align:center; padding-bottom:15px; }
.flipfront p { padding-bottom:15px; font-family:Calibri; font-size:12pt; text-align:center;}


/*-----   image panels   ----*/

.brochure {
	background-image:url('../Icons/brochure.png')}
.pricelist {
	background-image:url('../Icons/price.png');}
.upright {
	background-image:url('../Icons/specupright.png')}
.u900h {
	background-image:url('../Icons/spec900.png')}
.u800h {
	background-image:url('../Icons/spec800.png')}
.hicap {
	background-image:url('../Icons/spechicap.png')}
.tl {
	background-image:url('../Icons/spectl.png')}
.milk {
	background-image:url('../Icons/specmilk.png')}
.fish {
	background-image:url('../Icons/specfish.png')}
.p276e {
	background-image:url('../Icons/spec276e.png')}
.p7050 {
	background-image:url('../Icons/spec7050.png')}
.prange {
	background-image:url('../Icons/specpass.png')}
.od {
	background-image:url('../Icons/specod.png')}
.retail {
	background-image:url('../Icons/specretail.png')}
.ecoldn {
	background-image:url('../Icons/spececoldn.png')}
.bd4 {
	background-image:url('../Icons/specbd4.png')}
.manualecold {
	background-image:url('../Icons/manualecold.png')}
.manualhicap {
	background-image:url('../Icons/manualhicap.png')}
.manualpass {
	background-image:url('../Icons/manualpassthr.png')}
.manualcounter {
	background-image:url('../Icons/manualcounter.png')}
.manualod {
	background-image:url('../Icons/manualod.png')}
.manualfish {
	background-image:url('../Icons/manualfish.png')}
.manualtl {	
	background-image:url('../Icons/manualtl.png')}
.techwire {
	background-image:url('../Icons/techwire.png')}
.tech12v {
	background-image:url('../Icons/tech12v.png')}
.techcarelswap {
	background-image:url('../Icons/techcarelswap.png')}
.techtroubleshoot {
	background-image:url('../Icons/techtroubleshoot.png')}
.techlinedwg {
	background-image:url('../Icons/techlinedwg.png')}
.techdwgmm {
	background-image:url('../Icons/techdwgmm.png')}
.techdwgbb {
	background-image:url('../Icons/techdwgbb.png')}
.techelevcold {
	background-image:url('../Icons/techelevecold.png')}
.techelevpass {
	background-image:url('../Icons/techelevpass.png')}
.ecolabel {
	background-image:url('../Icons/ecolabel.png')}
.medical {
	background-image:url('../Icons/specmedi.png')}
.drange {
	background-image:url('../Icons/specdrange.png')}
.mm9rt {
	background-image:url('../Icons/specmm9rt.png')}
	
	
/*  ----------font styles----------  */

.ecold {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:small;*/
	font-weight:bold;
	font-style:italic;
	color:green;
}

.bodytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:calc(12px + 0.2vw);
	text-align:center;
	color:rgb(40, 40, 40);
}

.sectiontext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	text-align:justify;
	color:white;
}
.bodytextblue {
	font-family: arial, verdana, sans-serif; 
	font-size: small;
	padding:10px;
	float: left;
	margin:10px 10px 10px 10px;
	background-color:#B4DAE2;
	width: 50%;
	border: 1px #B4DAE2 solid;
	/*border-radius: 10px;*/
	box-shadow:/*inset -2px -2px 10px white, inset 2px 2px 10px gray,*/ 3px 3px 15px rgba(0,0,0,0.4);
}

.headlinetextred {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:red;
}

.headlinetextblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:black;
}
.producth2 {
	padding-left:20px;
}
.blocktextgreen {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:white;
	background-color:teal;
}
.blocktextplain {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:rgb(40, 40, 40);
	background-color:rgb(238,238,248,1.0)
}
.small {
	font-size:small;
}

.xsmall {
	font-size:x-small;
}

.medium {
	font-size:medium;
}

.bold {
	font-weight:bold;
}
.underline {
	text-decoration: underline;
}
.italic {
	font-style: italic;
}
.spectext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#E6E6E6
}

.featuretext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	text-align:left;
	color:black;
}

/*  ----------image styles----------  */

.styleicon{
	border:0;
	
}

.stylegroupicon{
	border:1px white solid;
	/*height:100px;*/
	width:100px;
	height:auto;
	background-color:white;
	/*box-shadow: 1px 1px 8px rgba(0,0,0,0.9);*/
}
.socialicon{
	border:0px;
	height:40px;
	font-size:0;
}
.picturezoom{
	width:auto;
	overflow:visible;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.picturezoom:hover{
	transform: translate(0px,-20px) scale(2.2);
	
}