/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 101%;
  overflow:scroll;
  overflow-x:hidden;
  overflow-y: scroll;
}
body {
  /* Margin bottom by footer height*/ 
  background-color:#ffffff!important;
  background-image:url(../graphics/sky-bkg.jpg);background-repeat:no-repeat;
  font-family: /*'Archivo Narrow', sans-serif;*/'Open Sans', sans-serif;
  margin-top:0px;
  padding-top:15px;/* padding needed to be added when phone# was moved down (header-top-item changed from 1em to 4.7em) - mobile menu has too much space at the top so an adjustment is made there as well*/ 
  width:100%;
  overflow-x:hidden;
  margin-bottom: 150px;/* required for sticky footer*/
}
nav.navbar.navbar-default, ul.nav.nav-justified, ul.nav.nav-justified li a{
	background:none!important;
	
}
div.carousel-inner{background:  
  url(../images/banners/stock-photo-21737587-office-floor-space.jpg);background-size:cover;background-position: center center;}

.footer {
  position: absolute;
  bottom: 0px;
  width: 100%; 
  height: 160px;/* Set the fixed height of the footer here - also adjust the bottom margin of the body */
 /*  background-color: #f5f5f5;
*/
}
/* GENERAL*/
.blk{color:#222;}
.wht{color:#fff;}
.rd{color:#E4001B;}
.brt-rd{color:#f00;}
h1{ font-size:/*3.2em;*/2em;
font-family: 'Oswald', sans-serif;
color:#E4001B;
}
h2{ font-size:/*2.5em;*/1.8em;
font-family: 'Oswald', sans-serif;
color:#E4001B;
}
h3{ font-size:1.5em;
font-family: 'Oswald', sans-serif;
color:#E4001B;
}
h4{ font-size:1.3em;
font-family: 'Oswald', sans-serif;
}
h5{ font-size:1.2em;
font-family: 'Open Sans', sans-serif;font-weight:500;
}
p.page-title{
	font-family: 'Oswald', sans-serif;
	padding:0px;
	margin:0px;
	line-height:70px;
	font-size:2.2em;	
	padding:10px 0px;
}

p.page-title::first-line {
	color: white;
}

.page-title-shadow {
    float: left;
/*
    background-color: rgba(55,55,55,0.6);
    text-shadow: 2px 2px 4px #555;
    box-shadow: 0 0 3px 5px rgba(55,55,55,0.6);
    -ms-box-shadow: 0 0 3px 5px rgba(55,55,55,0.6);
    -webkit-box-shadow: 0 0 3px 5px rgba(55,55,55,0.6);
    -moz-box-shadow: 0 0 3px 5px rgba(55,55,55,0.6);
*/
}	
	
img.banner-icon{width:60px!important;height:60px!important;}*/
p{font-family:'Open Sans', sans-serif;color:#444;font-weight:400;font-size:1.1em;line-height:1.5em;}
.large{font-family:'Open Sans', sans-serif;color:#444;font-weight:400;font-size:1.2em;line-height:1.6em;}
ul.content-list ul{padding-top:15px;padding-bottom:20px;}
ul.content-list li, ul li{font-family: 'Open Sans', sans-serif;color:#444;weight:400;font-size:1.1em;line-height:1.4em;}
a{color:#6194bc;text-decoration:none;}
a:hover{color:red;text-decoration:none!important;}
a:visited{color:#6194bc;} 
ul.colored-bullets li{
color:#6194bc;
}
ul.colored-bullets li span, ul li span, ul li {
color:#555;
font-size:1em;line-height:1.4em;
font-family:'Open Sans', sans-serif;
}
ol.faqs li{
	font-family:'Open Sans', sans-serif;
	color:#444;
	font-weight:400;
	font-size:1.1em;
}
.center{text-align:center;}
.no-wrap{white-space:nowrap;}
.btn.outline {
    background: none;
    padding: 12px 22px;
}
img.center{
	text-align:center;
	margin:auto;
}
.header-top-items{
	 font-size:.9em;
	 line-height:4.7em;/*this was 1em when phone#span was placed just below top "<div class="col-md-12">" in menu include. padding-top:15px needed to be added to body tag with this change as well to create a bit of space at the top of the page. Adjustment (2 additional styles)added to mobile(max-width:767px) to reduce additional space at the top of the mobile page header. */
	 float:right;
	 clear:right;
	 padding-right:15px;
	 text-decoration:none;
	
}
span.header-top-items a{
	display:inline-block;
	color:#555;
	
}
span.header-top-items a:hover{
	color:#FF0000!important;
}

.marketing{
	margin-top:50px;
}
img.partner-logos{
	max-width:100%;
	height:auto;
}
.shadow{
	-moz-box-shadow: 3px 3px 4px #555;
	-webkit-box-shadow: 3px 3px 4px #555;
	box-shadow: 3px 3px 4px #555;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');
}


img.banner-icon{
	margin:-10px 15px 0px 0px;
	width:60px;
	height:60px;	
}
.vertical-space-5{
	width:100%;
	line-height:5px;
	clear:both;
	}
.vertical-space-10{
	width:100%;
	line-height:10px;
	clear:both;
	}
.vertical-space-15{
	width:100%;
	line-height:15px;
	clear:both;
	}
.vertical-space-20{
	width:100%;
	line-height:20px;
	clear:both;
	}
.vertical-space-30{
	width:100%;
	line-height:30px;
	clear:both;
}	
.vertical-space-40{
	width:100%;
	line-height:40px;
	clear:both;
}
.vertical-space-50{
	width:100%;
	line-height:50px;
	clear:both;
}
.lt-blue{
	color:#D0EAFF;
}
.md-blue{
	color:#A5D1F3;
}
.blue{
	color:#6194BC;
}
.red{
	color:#E4001B;
}
.lt-grey{
	background-color:#ececec;
}
.dk-grey{
	background-color:#606060;
}
.wht-bkg{
	background-color:#fff;
}
.lt-bl-bkg{
	background-color:#DDE7F0;
}
.md-blue-bkg{
	background-color:#A5D1F3;
}
.lt-blue-bkg{
	background-color:#cce8ff;
}
.blue-bkg{
	background-color:#6194BC;
}
.red-bkg{
	background-color:#E4001B;
}
.lt-grey-bkg{
	background-color:#ececec;
}
.dk-grey-bkg{
	background-color:#606060;
}
.blk{
	color:#444;
}
div.container-fluid.dk-grey{ /* header bar background image - has a dk-grey bkg-color */
	background:url('../graphics/header-bar-drk-block-bkg3.png');
	background-repeat:repeat-x;	
}
div.container-fluid.dk-grey {
	border-top:1px solid #808080;
	-moz-box-shadow: 3px 3px 4px #555;
	-webkit-box-shadow: 3px 3px 4px #555;
	box-shadow: 3px 3px 4px #555;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');	
}


span.scroll a.link-blk, span.scroll a.link-blk:hover{
	color:#444!important;
}
.scroll{
	display:inline-block;
	color:inherit;
}
.divider-red{
	width:100%;
	height:1px;
	background-color:#E4001B;
}
.divider-blue{
	width:100%;
	height:10px;
	background-color:#6194BC;
}
.divider-black{
	width:100%;
	height:1px;
	background-color:#222222;
}

/* -------- scroll links -------------- */
span.scroll a{
	color:#444!important;
}
span.scroll a:hover{
	color:#6194BC!important;
	text-decoration:none;
}
img.arrow-up{width:30px;height:30px;}	

/* -------- buttons -------------- */
a.btn.btn-primary{
	background-color:#6194BC;
	color:#D0EAFF;
}
a.btn.btn-primary:hover{
	background-color:#6194BC;
	color:#fff;
}
div#order-buttons{
	margin-left:1.5%;
}
#order-buttons a{
	margin:3px 10px;
}
.btn-primary.outline {
	border: 2px solid #018086!important;
	color: #018086;
}	
.btn-primary.outline {
    border: 2px solid #018086!important;
    color: #018086!important;
}
.dropdown-toggle.btn-primary {
	color: #018E96!important;
	border-color: #018E96!important;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #018086!important;
	color: #018086!important;
	box-shadow: none;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #333!important;
    border-color: #018E96!important;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #018086!important;
	background:#018E96!important;
    color: #ffffff!important;
    box-shadow: none;
}
/* ---------- interior banners---------------------------*/  
div.jumbotron.interior{
	height:350px;
	min-height:150px;
	padding:0px;
	margin:0px;
	border-top:0px;
}
/* ----------------map-legend-styles -------------------*/
 #legend {
       width:100%; 
        padding: 10px;
        margin: 10px;
        border: 2px solid #000;
		float:left;
		opacity:1;
      }
      #legend h3 {
        margin-top: 0;
      }
      #legend img {
        vertical-align: middle;
      }
	  @media screen and (max-width: 600px) {
		  #legend{display:none;}
	  }
/* ----------------product-category-display -------------------*/
/*.wrapper{margin:15px;padding:15px;}*/
div.product-cat-img{width:95%;height:0;padding-bottom:60%;text-align:center;margin:auto;overflow:hidden;}
div.product-cat-text{height:3.5em;}
div.product-cat-text p{line-height:1.1em;font-size:1.4em;margin-top:3px;color:#000;}

/* ----------------product-category2-display -------------------*/
.wrapper{margin:10px;padding:10px;clear:both;}/**/

div.product-cat2-img{position:relative;width:95%;height:0;padding-bottom:75%;text-align:center;margin:auto;overflow:hidden;}
div.product-cat2-text{font-family:'Open Sans', sans-serif;margin:15px;font-size:2.5em;/*height:500px;*/height:auto;}
/*div.product-cat2-text p{font-family:'Open Sans', sans-serif;line-height:1.2em;font-size:.9em;margin-top:3px;color:#333;text-align:left;}
div.product-item-text ul li {font-family:'Open Sans', sans-serif;line-height:1.1em;font-size:.9em;margin-top:5px;color:#333;}*/

img.cat2-detail-img {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);max-width:100%;max-height:100%} 

/*img.item-detail-img {height: 100%;position: absolute;width: 100%;}*/
h5.summary-heading{text-align:left;color:#00468C;margin-bottom:3px;}

/* ----------------product-item-display -------------------*/
.wrapper{margin:10px;padding:10px;clear:both;}/**/
div.product-item-logo {width:100%;height:auto;}
div.product-item-logo img{width:40%;height:45%;float:left;clear:both;margin:3px 15px 5px 15px;;}
div.product-item-img{position:relative;width:95%;height:0;padding-bottom:75%;text-align:center;margin:auto;overflow:hidden;}
div.product-item-text{font-family:'Open Sans', sans-serif;margin:15px;height:500px;}
div.product-item-text p{font-family:'Open Sans', sans-serif;line-height:1.2em;font-size:.9em;margin-top:3px;color:#333;text-align:left;}
div.product-item-text ul li {font-family:'Open Sans', sans-serif;line-height:1.1em;font-size:.9em;margin-top:5px;color:#333;}

img.item-detail-img {position: absolute;text-align:center;margin:auto; top: 50%;  left: 50%; transform: translate(-50%, -50%);max-width:100%;max-height:100%} 

/*img.item-detail-img {height: 100%;position: absolute;width: 100%;}*/
h5.summary-heading{text-align:left;color:#00468C;margin-bottom:3px;}

/* -----------forms --------------------*/

div.form-group{
	font-family: 'Archivo Narrow', sans-serif;
	font-size:1.4em;
}
div.form-group div input.form-control,
div.form-group div textarea.form-control
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}
input#name, input#email, textarea#comments{
	color:#333;
	padding-left:3px;
		max-width:95%;
}

/* -----------forms --------------------*/
@media screen and (max-width:800px) {
div.jumbotron{margin-top:0px!important;}
}
/* NAVIGATION */
#simplify-text{
	font-size:1em;
	margin-left:15px;
	color:#606060;/*#e4001b;*/
	font-family: 'Archivo Narrow', sans-serif;
}
#simplify-text a:visited{
	color:#606060!important;
}

#simplify-text a:hover{
	color:#ff0000!important;
}

li#menu-logo{display:inline-block;z-index:2000;}
img#logo-sm{/*display:none;*/}
.navbar.navbar-default{
	box-shadow:none!important;		
}

nav.navbar {background-color:#fff;margin-bottom:0px;border-top:0px;}
div.navbar-header{background-color:#fff;}


a.navbar-brand{display:none;}
nav.navbar div.container  {padding-bottom:7px;}/* adds to the bottom of the menu container bar */
nav.navbar div.container ul li a{color:#606060;white-space:nowrap;text-transform:uppercase;font-family: 'Oswald', sans-serif;font-weight:400;font-size:1.2em;}
nav.navbar div.container ul li a:hover{background-color:#ccc;color:red;}
nav.navbar div.container ul li.active a{background-color:#ccc;color:red;}
nav.navbar div.container ul li ul li a{width:100%;background-color:#fff;color:#555;text-align:left;font-size:1em;text-transform:capitalize}
nav.navbar div.container ul li ul li:hover a{width:100%;background-color:#606060!important;color:#fff!important;}
nav.navbar div.container ul li ul li:active a{background-color:#fff!important;color:#red!important;}
li.dropdown-header{text-transform:uppercase;color:#E4001B;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
  background-color: #606060;
  color: #ffffff;
}
nav.navbar div.container ul li ul{ /*dropshadow on the dropdown menu */
    box-shadow: 7px 7px 5px #888;
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;	
}
nav.navbar.navbar-default::before{
	padding-top:0px!important;
	margin-top:0px!important;
height:auto!important;
}
li.active a{
	color:red!important;
}
.navbar h3{/* if padding above the logo is required, remove .navbar h3 to allow the default h3 padding */	
	margin-bottom:7px!important;
	margin-top:0px!important;
	height:auto!important;}
/* ************adjustments for justified styles ******************** */ 

.nav-justified > li > a{
  padding-top: /**/15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #fff; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background-image:      -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background-image:         linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
}               
li.dropdown-header{
	color:#444;
	font-size:1em;
	line-height:1em;
}   
li#home.active a{
  background-color:#fff; 
  color: #444;
}
li.dropdown-item a {
	color:#606060!important;
}

div.navbar-header{
/*	padding-bottom:7px;!important;*/
}

 @media screen and (max-width:767px) { 
 	.navbar h3{display:none;}
	a.navbar-brand{display:block;} 
	img#logo-sm{display:block;/**/}	span#simplify-text-m{
	display:block;
}
body, nav.navbar.navbar-default, ul.nav.nav-justified, ul.nav.nav-justified li a{
	background:#fff!important;
	
}
span.header-top-items{line-height:1em!important;}/*added when phone# at top of page was moved down */
button.navbar-toggle{clear:right;}/*added when phone# at top of page was moved down */

 }
/* -----------------mobile-menu ---------------------- */

/* Customize the nav-justified links to\fill the entire space of the .navbar */
@media screen and (max-width: 765px) {

div.container div.navbar-header{	
text-align:center;
  margin:auto;
  height:120%;
  clear:both;
	}
 ul.nav.nav-justified{
 height:100%!important;  
  }
div#navbar.navbar-collapse.collapse.in{/*controls the space around the menu frame --*/
 background-color:#ececec;
 width:100%;
 padding-top:15px;
 padding-bottom:15px;
 margin-bottom:10px;
 width:inherit;		
 height:auto;
	}	 
.outer-container {
 border: 5px solid purple;
 position: relative;
 overflow: hidden;
} 
.inner-container {
 position: absolute;
 left: 0;
 overflow-x: hidden;
 overflow-y: scroll;
} 
.inner-container::-webkit-scrollbar {
 display: none;
}
li.dropdown.open{
  width:100%;
  text-align:center;
  margin:auto;
  height:120%;
  clear:both;
  display:inline-block;
	}
ul.dropdown-menu, ul.dropdown-menu li {
		width:100%!important;
		clear:both;	
	}	
	li.dropdown.open{}
	a.dropdown-toggle{
	}
	ul.dropdown-menu li a{
		z-index:1;
		height:auto;
		clear:both;
	}
	ul.nav.nav-justified{	
	}
.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
  width:100%;
  text-align:center;
  margin:auto;
  height:120%;
  clear:both;
  scrollbar:hidden;
}
.nav-justified>li{
	background-color:blue;
}
.nav-justified > li > a {
 width: 100%;
  height: 100%;
  overflow: auto;
  padding-right: 15px; /* Increase this value for cross-browser compatibility */
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #333;
  text-align: center;
  background-color: #e5e5e5; /* Old browsers background-color:green;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 *//**/
/*   background-repeat: repeat-x; Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  width:100%;
  height:auto;
  color:red;
  background-color: #ddd;
  background-image: none;
 -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);/* */
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;

}
}

@media (min-width: 765px) {
  .nav-justified {
    max-height: 52px;
  }
}

/* --------------------- slider with fade transitions ----------------------- */	

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-indicators .active{
	background-color: #C7D9E7;
}
.carousel-indicators li{
	border-color:#777;
}
/*html,
body,*/
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
/*.item:nth-child(1) {
  background:#74C390 green;#AB1C14#CA4650 red#A5D1F3;
}*/
/*.item:nth-child(2) {
  background:#CA4650;#51BCE8;lt-bright-blue#A5D1F3;
}*/
/*.item:nth-child(3) {
  background: #CA4650#E46653 orange#A5D1F3;
}*/
/* ---------------------- end of slider with fade transitions -------------------------- */


/* ------------ background images ------------ */ 

body.hp-bkg{background:  
  url(../images/hp-bkgA.png);background-size:cover;background-position: left 0px bottom 60px;  /*image at the bottom of the home page*/ 
}

/* ------------ interior page banner backgrounds ----------- */
	
div#about-bkg.jumbotron.interior{		
	background:url(../images/about-bkg.jpg);background-repeat:no-repeat;background-size:cover!important;background-position:center center!important;
}
/* ----------------slimScroll -------------------*/
:focus{
    outline: none;
}
.slimScroll {
  border: 1px solid #CCC;/*  */
    margin-top: 20px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 380px;  /* set this height in percentage to test resizing */
    width: 95%;
}

/* custom stylings */

.wrapper, .scroll-wrapper {
    padding: 5px;
}
.scroll-wrapper.mac + .scrollBarContainer{
    background-color: transparent;
}
.scrollBarContainer.animate .scroll{
    transition: 2s opacity ease;
    -ms-transition: 2s opacity ease;
    opacity: .5;
}
.scrollBarContainer:hover .scroll{
    opacity: 0.5;
    transition: none;
    -ms-transition: none;
}
.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
} 

.scroll{
    border-radius: 10px;
}
.wrapper + .scrollBarContainer{
    background-color: #eee9ee;
}
.scrollBar {
    background-color:#60F509;
    border-radius: 10px;
    opacity: 0.5;
}
.scroll-bar{
    background-color: #14D1E0;
}
div.services-block2{
	min-height:280px;
}
@media screen and (max-width: 991px) {
div.services-block2{
	min-height:350px;
}
}
@media screen and (max-width: 765px) {
	
span.header-subtitle{display:none!important;}
div.services-block2{
	min-height:auto!important;
}
}
@media screen and (max-width: 400px) {
	
div.mobile-clear{width:100%;clear:left;}

}

@media screen and (max-width: 640px) {/* display on phones wasn't working 'transition css' not working - this is the adjustment */
	
/* ----------------product-category-display -------------------*/
img.cat2-detail-img {position: absolute; top: 5%;  left: 2.2%;right:3.5%;/**/text-align:center!important;margin:auto!important; transform: none!important;)/**/max-width:90%!important;max-height:90%!important;} 	
	
/* ----------------product-item-display -------------------*//* display on phones wasn't working 'transition css' not working - this is the adjustment */

img.item-detail-img {position: absolute; top: 5%;  left: 2.2%;right:3.5%;/**/text-align:center!important;margin:auto!important; transform: none!important;)/**/max-width:90%!important;max-height:90%!important;} 

}
/* ------------ validation errors ----------- */
div.message{
padding-left: 2px;
}

div.error{
background-color:#F3E6E6;
border-color: #924949;
border-style: solid solid solid solid;
margin-left: 4px;
margin-top: 4px;
border-width: 2px;
padding: 5px;
}



.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Article boxes content */
    .article-img
    {
        float: left;
        border-color: #EEEEEE;
        border-style: inset inset inset inset ;
        border-width: 1px 1px 1px 1px;
        border-radius: 3px;
        padding: 5px 5px 5px 5px ;
        margin: 0px 0px 0px 0px;
	width: 100%;
        height: 50px;
        overflow: hidden;
        background-color: #ffffff;
    }
    .article-head {float: left; font-size:1.5em; width: 100%; height: auto; overflow: hidden; background-color: #FFFFFF;}
    .article-text {float: right; width: 100%; height: auto; overflow: hidden; background-color: #FFFFFF;}
    .article-frame
    {
        width:30%;
        min-width: 250px;
	height:250px;
        display: inline-block;
        border-color: #AAAAAA;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 8px;
        border-radius: 3px;
        padding: 15px 15px 15px 15px;
        margin: 15px 15px 15px 15px;
        -webkit-box-shadow: 0 0 100px 5px #cce8ff;
        box-shadow: 0 0 100px 5px #cce8ff;
        overflow: hidden;
    }


    .services-frame-dark
    {
        width: 100%;
        display: inline-block;
        border-color: #AAAAAA;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 8px;
        border-radius: 3px;
        padding: 15px 15px 15px 15px;
        margin: 15px 15px 15px 15px;
        -webkit-box-shadow: 0 0 100px 3px #cce8ff;
        box-shadow: 0 0 100px 3px #cce8ff;
        overflow: hidden;
    }

    .services-frame-light
    {
        width: 100%;
        display: inline-block;
        border-color: #AAAAAA;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 8px;
        border-radius: 3px;
        padding: 15px 15px 15px 15px;
        margin: 15px 15px 15px 15px;
        -webkit-box-shadow: 0 0 100px 3px #cce8ff;
        box-shadow: 0 0 100px 3px #cce8ff;
        overflow: hidden;
    }

    .products-inner-logo
    {
        width: 100%;
        display: inline-block;
        overflow: hidden;
    }
    .products-inner-text
    {
        width: 100%;
        display: inline-block;
        overflow: hidden;
    }