/*style.css*/
/* ===== Page and Table Wrapper ===== */
.articlebody-dl{ 
	width: 70%;
	min-height: 100%;
	padding-top: 170px ;
	text-align:justify;
	line-height: 1.5;
	font-size:18px;
	background-color:#f9f9f9;
	
	
	
}
.accordion-dl {
  background-color: white;
  color: black;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius:0;
  font-weight:normal;
  
}

.accordion-dl:hover {
  background-color:  #e6f2ff;
  color:black;
}
.accordion-dl.active {
  background-color:  #e6f2ff;
  color:black;
}

.panel-dl {
  padding: 0 0px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #e6f2ff;
}
img.accordion-dl{
	width:10px;
	transform: rotate(0);
}
.accordion-dl:hover img{

background-color: #e6f2ff;
	transform: rotate(0.25turn);
}
.accordion-dl.active img{
	
	background-color: #e6f2ff;
	width:10px;
	transform: rotate(0.25turn);
}
.table-container {
    width: 100%;
    overflow-x: auto; /* horizontal scroll on small screens */
    padding: 10px 0;
}

/* ===== Table Styling ===== */
.download-table {
    width: 100%;
    min-width: 600px; /* prevent extreme shrinking */
    border-collapse: separate !important;
    border-spacing: 0 10px; /* vertical gap between rows */
    font-size: 14px;
}

/* ===== Table Header ===== */
.download-table thead th {
    background-color: #f9f9f9 !important;
    color: #000 !important;
    text-align: left;
    padding: 10px 15px;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    transition: none !important; /* no hover effect */
}

/* Ensure thead tr never changes on hover */
.download-table thead tr:hover {
    background-color: none !important;
}

/* ===== Table Rows (tbody) ===== */
.download-table tbody tr {
    background-color: #ffff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    border-radius: 8px;
    transition: transform 0.2s;
}

/* Hover effect for tbody rows only */
.download-table tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    background-color: #e6f2ff;
}

/* ===== Table Cells ===== */
.download-table tbody td {
    padding: 10px 15px;
}

/* Download links styled as buttons */
.download-table tbody td a {
    text-decoration: none;
    background-color: #0073e6;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
}

.download-table tbody td a:hover {
    background-color: #005bb5;
}

/* ===== Responsive / Mobile Collapsed View ===== */
@media screen and (max-width: 768px) {
    /* Hide table headers */
    .download-table thead {
        display: none !important;
    }

    /* Rows become blocks */
    .download-table tbody tr {
        display: block;
        margin-bottom: 10px;
    }

    /* Cells become flexible */
    .download-table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 8px 10px;
        border-bottom: 1px solid #eee;
    }

    .download-table tbody td:last-child {
        border-bottom: none;
    }

    /* Reduce font size slightly */
    .download-table {
        font-size: 13px;
    }
}

/* Optional: very small screens stack cells vertically */
@media screen and (max-width: 480px) {
    .download-table tbody td {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}


.menu {
	/*position: fixed; 
	top: 0;
	left: 0; */ 
	/*padding-top: 20px;
	padding-left: 2px;
	/*border: 2px; 
	border-color: red;
	border-style: solid;*/ 
	
}
.ctabnp4{
	max-width:40% ;
	height:auto ;
	background-color: white ; 
	padding:5px; 
	border-radius:0px 60px 60px 60px ; 
	border-color:black;
	box-shadow:0px 0px 5px black ;
	padding-left:0px ;
	margin:-3px ;
	padding-right:20px ;
margin-left:800px ;
	margin-top:-350px ;
	font-size:26px ;	
	padding-bottom:40px ;
}

.mainbody {
	background-color:white; 
	width: 85%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align: justify ;
	
	
}
.mainbody2 {
	background-color:white; 
	width: 50%;
	min-height: 100%;
	padding-top: 170px;
	text-align: justify ;
	padding-bottom: 30px;
	
}
.mainbody3 {
	background-color:white; 
	width: 50%;
	min-height: 100%;
	padding-top:0px;
	text-align: left ;
	padding-bottom: 30px;
}
.mainbody4 {
	background-color:white; 
	width: 60%;
	min-height: 100%;
	padding-top:0px;
	text-align: left ;
	padding-bottom: 30px;

}
.mainbodytrans {
	background:transparent;
	width: 80%;
	min-height: 100%;
	padding-top:0px;
	text-align: justify ;
	padding-bottom: 30px;

}
.mainbody5{ 
	width: 35%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:right;
	
}
.mainbody6{ 
	width: 90%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:left;
	
	
}
.mainbody7{ 
	width: 35%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:right;
	
}
.mainbody8{ 

	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:center;
	
}
.articlebody{ 
	width: 70%;
	min-height: 100%;
	padding-top: 170px ;
	text-align:justify;
	line-height: 1.5;
	font-size:18px;
	
	
	
}
.casestudy{ 
	width: 50%;
	min-height: 100%;
	padding-top: 170px ;
	text-align:justify;
	line-height: 1.5;
	font-size:18px;
}
.img {
  max-width: 100%;
  height: auto;
}

 /* The side navigation menu */
.sidenav {
  height: 80%; 
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; 
  z-index: 1; /* Stay on top */
  top: 60px; /* Stay at the top */
 /* left: 0;*/
  margin-left: -15px;
  border-style: solid;
  border-width: 1px;
  border-radius: 00px;
  border-color: #655480;
  background-color: #fcfdfd;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 50px; /* Place content 60px from the top */
  margin-bottom:50px;
  transition: 0.5s; 
}
.search-wrapper {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

#siteSearchInput {
  width: 100%;
  padding: 8px 30px 8px 8px; /* make room for the X button */
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

#clearSearch {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  color: #999;
  user-select: none;
}

#clearSearch:hover {
  color: #333;
}


#searchResults {
  display: none;           /* hide by default */
  margin-top: 15px;
  max-height: 160px;       /* shows ~4 results, scrollable */
  overflow-y: auto;
  text-align: left;
  width:90%;
  color: black;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px;
  background: #fff;
}

#searchResults::before {
  content: "Search Results";
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 8px;
  color: black;
}

#searchResults a {
  color: black;
  text-decoration: none;
  display: block;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}
#searchResults a:last-child {
  border-bottom: none;
}
#searchResults a:hover {
  text-decoration: underline;
}
/* The navigation menu links */
.sidenav a {
  padding: 8px 4px 4px 20px;
  text-decoration: none;
  font-size: 16px;
  color: #61507a;
  display: block;
  transition: 0.3s;
  
}
.sidenavheading{
  padding: 5px 1px 1px 20px;

  font-size: 16px;
  color: #61507a;
  display: block;
  transition: 0.3s;
  margin:2px;
 
  
}
/* Accordion / dropdown */
.dropdown-container {
    display: none;
    padding-left: 15px;  /* indent child links */
	background-color:white;
}
.dropdown-container {
    display: none;
    padding-left: 15px;  /* indent child links */
	background-color:white;
}
.dropdown-btn {
    cursor: pointer;
    display: block;
	background-color:white;
}

a.dropdown-btn:hover
 {color: #332A3F; 
	text-decoration: none ;
	border-style: solid;
	border-width:1px;
    border-radius: 0px;
    border-color: #b3b5b6;
    background-color: #e0e1e3;
	padding: 8px 4px 4px 20px;
}

.dropdown-btn.active::after {
    content: " ▲";
    float: right;
}
.dropdown-btn::after {
    content: " ▼";
    float: right;
	
}
a.dropdown-btn.active {
	 background-color: #e0e1e3;
}
.currentpage:hover {
	text-decoration: none ;
	padding: 8px 4px 4px 20px;
    }
    
.currentpage {
	color: #61507a; 
	text-decoration: none ;
	border-style: solid;
	border-width:1px;
    border-radius: 0px;
    border-color: #b3b5b6;
    background-color: #ff9523;
	padding: 8px 4px 4px 20px;
	}

.linkpage:hover {
	color: #332A3F; 
	text-decoration: none ;
	border-style: solid;
	border-width:1px;
    border-radius: 0px;
    border-color: #b3b5b6;
    background-color: #e0e1e3;
	padding: 8px 4px 4px 20px;
	}

#sitemap ul {
  list-style-type: none;
  margin-left: 20px;
  padding-left: 0;
}

#sitemap li {
  margin: 5px 0;
}

#sitemap a {
  text-decoration: none;
  color: #4a2a6a;
}

#sitemap a:hover {
  text-decoration: underline;
}


/*/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #61507a;

}

.sidenav a:active {
  border-style: solid;
  border-radius: 10px;
  border-color: grey;
  background-color: grey;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  
}
.sidenav .closebtn:hover { 
	color: #61507a; 
text-decoration: none ;}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 10px; }
  .sidenav a {font-size: 16px;}
} 
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .mainbody {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	text-align: left;
	
  }
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .mainbody2 {
    width:90%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	text-align: left;
  }
}
@media screen and (max-width:800px) {
  .mainbody4 {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	text-align: left;
  }
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .mainbody5 {
    width:95%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	color: black;
	text-align: right;
	background: rgba(255, 255, 255, .5)
	
  }
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .mainbody6 {
    width:90%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	color: black;
	min-height: 100%;
	text-align: left;
	line-height: 1.5;
	padding-left:10px;
	
	
  }
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
.articlebody{ 
	width: 90%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:left;
	line-height: 1.5;
	font-size:18px;
	
}}

@media screen and (max-width:1600px) {
.casestudy{ 
	width: 70%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:left;
	line-height: 1.5;
	font-size:18px;
	
}}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
.casestudy{ 
	width: 90%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:left;
	line-height: 1.5;
	font-size:18px;
	
}}
@media screen and (max-width:800px) {
  .mainbody7 {
    width:95%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	color: black;
	text-align: right;
	background: rgba(255, 255, 255, .0)
	
  }
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .mainbody8 {
    width:95%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	color: black;
	text-align: right;
	background: rgba(0, 0, 0, .5)
	
  }
}

.video{
	
	border:2px solid;
	
}
@media screen and (max-width:800px) {
.video {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	height: auto;
	text-align: left;
  }
}
.video::-webkit-media-controls-panel {
  width: auto;
  color:black;
}
a:link {
	color: #ff9523; 
		text-decoration: none;
	}
		

a:visited { 
	color: #ff9523; 
	text-decoration: none ;
	}
a:hover { 
	color: #ff9523; 
	text-decoration: underline ;
	
	}
.a1:link {
	color: black; 
		text-decoration: none;
		
	}

.a1:visited { 
	color: black; 
	text-decoration: none ;
	}
.a1:hover { 
	color: white; 
	text-decoration: none ;
			}
	
/*	a:active { 
	color: #61507a; 
	text-decoration: none ;
	border-style: solid;
    border-radius: 10px;
    border-color: grey;
    background-color: grey;
    }*/
	

    


	
.logo {
	padding-top: 3px;
	padding-bottom: -20px;
	padding-left:0px;
	padding-right:0px;
	height: auto;
	max-width:100%;
	margin:0px;
	margin-bottom:-50px;
	}
	
@media screen and (max-width:900px) {	
	.logo {
	padding-top: 3px;
	padding-bottom: -20px;
	padding-left:0px;
	padding-right:0px;
	height: auto;
	max-width:100%;
	margin:0px;
	margin-bottom:0px;
	}
}

.whitespace {
	height: 700px;
	}
	/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 360px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
 table, thead, tbody, th, td, tr { 
		display: block; 
	}
}
.backtotop {
	position: fixed;
	bottom: 0px; /* Stay at the bottom */
	padding-right: 8px;
	right: 0;
	}

.header {
	position: fixed;
	top: 0; 
	left: 0px;
	background-color: white;
	width: 100%;
	z-index: 1;
	padding:0px;
	margin:0px;
}
.buildinghome {
	background-image: url('images/testindex_small.webp');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  /*margin-top: 150px;*/
  padding-top: 150px;
margin-left:0;
margin-right:0;
max-width:100%;
}
.buildingbacknetp2 {
	background-image: url('images/mahdis-mousavi-I0QTg9ctFDY-unsplash2small.webp');
	/*background-image: url('images/trial_image.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  /*margin-top: 150px;*/
  padding-top: 170px;
 
}
.buildingbacknetp1 {
	background-image: url('images/mahdis-mousavi-I0QTg9ctFDY-unsplash21mall.webp');
	/*background-image: url('images/trial_image.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  /*margin-top: 150px;*/
  padding-top: 170px;
 
}


.buildingabout {
	background-image: url('images/testbnp2_small.webp');
	/*background-image: url('images/trial_image.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  /*margin-top: 150px;*/
  padding-top: 170px;
   margin-left:-8px;
	margin-right:-8px;
}
.buildinghvac {
	background-image: url('images/building_image9_small.jpg');
	/*background-image: url('images/trial_image.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
 /* margin-top: 150px;*/
 padding-top: 170px;
 margin-left:-8px;
	margin-right:-8px;
}
.buildingother {
	background-image: url('images/building_image5_small.jpg');
	/*background-image: url('images/trial_image.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
 /* margin-top: 150px;*/
  padding-top: 170px;
  margin-left:-8px;
	margin-right:-8px;
}
.buildingcontact {
	background-image: url('images/pos_image1_small.jpg');
	/*background-image: url('images/trial_image.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
 /* margin-top: 150px;*/
  padding-top: 170px;
  margin-left:-8px;
	margin-right:-8px;
}
.buildingBACnetP2downloads{
	background-image: url('images/testdownloadbsmall.webp');
	/*background-image: url('images/trial_image.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
 /* margin-top: 150px;*/
  padding-top: 170px;
  margin-left:-8px;
	margin-right:-8px;
 
}
.buildingFAQ{
	background-image: url('images/building_FAQ_small.jpg');
	/*background-image: url('images/trial_image.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
 /* margin-top: 150px;*/
  padding-top: 170px;
  margin-left:-8px;
	margin-right:-8px;
 
}
.industries{
	background-image: url('images/wesley-tingey-mvLyHPRGLCs-unsplash3smallertsmall.jpg');
	/*background-image: url('images/wesley-tingey-mvLyHPRGLCs-unsplash3small.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
 /* margin-top: 150px;*/
  padding-top: 170px;
  margin-left:-8px;
	margin-right:-8px;
	
 
}
.devices{
	background-image: url('images/devices saved.smaller.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
 /* margin-top: 150px;*/

  margin-left:-8px;
	margin-right:-8px;
	width:100%;
	
}
	
 
.contact{
	background-image: url('images/testdownloadsmall.jpg');
	/*background-image: url('images/wesley-tingey-mvLyHPRGLCs-unsplash3small.jpg');*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
 /* margin-top: 150px;*/
  padding-top: 170px;
  margin-left:-8px;
	margin-right:-8px;
	
 
}
.h2 {
	font-weight: normal;
	text-align: normal;
}
.usasites::before{
content: "177 ";
}
.sites::before{
content: "198 ";
}

.devicessaved::before{
content: "65,598 ";
}
.overdevices::before{
content: "65,000 ";
}
.numberofcountries::before{
content: "7 ";
}
.currentdate::before{
content:"May 2026"	
}
.Servers::before{
content:"480 "	
}

h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h1.aboutH {
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-weight:bold; 
	color:white; font-size:100px;
	padding-bottom:60px;
	letter-spacing: -0.08em;"
}

@media screen and (max-width:1127px){
h1.aboutH {
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-weight:bold; 
	color:white; font-size:80px;
	padding-bottom:60px;
	letter-spacing: -0.08em;
}
}

@media screen and (max-width:835px){
h1.aboutH {
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-weight:bold; 
	color:white; font-size:70px;
	padding-bottom:60px;
	letter-spacing: -0.08em;

}
}

@media screen and (max-width:760px){
h1.aboutH {
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-weight:bold; 
	color:white; font-size:60px;
	padding-bottom:60px;
	letter-spacing: -0.08em;

}
}




button {
		/*background-image: url('images/Button.png');
		background-size: auto 30px;
		background-repeat: no-repeat;*/
		background-color: #4b025b ;
		 border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 12px;
		
}
button:hover {
		/*background-image: url('images/Button_hover.png');*/
		background-color: #332A3F ;
		color:white;
}

.sbutton {
		/*background-image: url('images/Button.png');
		background-size: auto 30px;
		background-repeat: no-repeat;*/
		background-color: #ff9523	;
		 border: none;
		color: black;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 0;
		
}
.sbutton:hover {
		/*background-image: url('images/Button.png');
		background-size: auto 30px;
		background-repeat: no-repeat;*/
		background-color: #7c002d	;
		 border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 0;
		
}
.sbuttong {
		/*background-image: url('images/Button.png');
		background-size: auto 30px;
		background-repeat: no-repeat;*/
		background-color: white ;
		 border: solid;
		 border-width:2px;
		 border-color: #dcdcdc;
		color: #484848;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 12px;
		min-width: 100px;
		border-radius: 20px;
		
}

.sbuttong:hover {
		/*background-image: url('images/Button_hover.png');*/
		background-color: #bbbbbb ;
}
.sbuttonb {
		/*background-image: url('images/Button.png');
		background-size: auto 30px;
		background-repeat: no-repeat;*/
		background-color:#00b1c6;
		 border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 0;
		
}
.sbutton1 {
		/*background-image: url('images/Button.png');
		background-size: auto 30px;
		background-repeat: no-repeat;*/
		background-color:#ea6656;
		 border: none;
		color:white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 0;
		
}
.sbutton1:hover {
		/*background-image: url('images/Button_hover.png');*/
		background-color: #118C4F;
		color: white;
}
.sbutton:hover {
		/*background-image: url('images/Button_hover.png');*/
		background-color: #7c002d ;
		color:white;
}
.b1 {
		/*background-image: url('images/Button.png');
		background-size: auto 30px;
		background-repeat: no-repeat;*/
		background-color: #655480 ;
		border: none;
		color: white;
		padding: 5px 5px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		width: 100px;
		border-radius: 0px;
		position:fixed; 
		right:12px; 
		margin-top: -43px; 
}
.footer {
	
	padding-top:10px;
	font-family:arial;
	font-size:10;
	background-color:#083b84;
	text-align: center ;
	color:white;
	/*position: fixed;
	bottom: 0; */
	padding-bottom: 5px;
	margin-left:0;
	margin-right:0;
	margin-bottom:-8px;
}

.images_Identifying {
	width: 60%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:800px) {
.images_Identifying {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	
  }
}
@media screen and (max-width:800px){
.mainbody3 {
    width:90%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	text-align: left;
	}
}


/* Style all font awesome icons */
.fa {
  margin: 2px;
  padding: 10px;
  font-size: 40px;
  width: 10px;
  height: 10px;
  text-align: center;
  text-decoration: none;
  color: white;

}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

.fa-facebook {
  background:#3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-youtube {
  background: #FF0000;
  color: white;
}


.what{
	
	left: 0;
	margin-top: -160px;
	margin-bottom: 160px;
}
.why{
	left: 0;
	margin-top: -350px;
	margin-bottom: 350px;
}
.use{
	left: 0;
	margin-top: -350px;
	margin-bottom: 350px;
}
.CB{
	left: 0;
	margin-top: -400px;
	margin-bottom: 400px;
}
.EYO{
	left: 0;
	margin-top: -300px;
	margin-bottom: 300px;
}
.AHN{
	left: 0;
	margin-top: -400px;
	margin-bottom: 400px;
}
.nf{
	left: 0;
	margin-top: -425px;
	margin-bottom: 425px;
}
.HI{
	left: 0;
	margin-top: -400px;
	margin-bottom: 400px;
}
.bev{
	width:100%; 
	height:5px; 
	position: relative;
	margin-bottom:-5px;
}

 #grad{
	 height:auto;
	 background-image: linear-gradient(to right, rgba(189, 195, 199, 0.2), rgba(228, 233, 237, .1));
 }
  #purplegrad{
	 height:auto;
background: rgb(46,41,122);
background: linear-gradient(90deg, rgba(46,41,122,1) 14%, rgba(82,9,121,1) 49%, rgba(146,6,115,1) 85%);
 }

  #cgrad{
	 height:auto;
background: rgb(9,70,151);
background: linear-gradient(90deg, rgba(9,70,151,1) 15%, rgba(91,27,124,1) 35%, rgba(114,24,121,1) 84%);
  }
.ctabnp2container{
width:40%;
}
.ctabnp2{
	max-width:100%;
	height:auto;
	background: rgb(9,70,151);
background: linear-gradient(90deg, rgba(9,70,151,1) 15%, rgba(91,27,124,1) 35%, rgba(114,24,121,1) 84%);
	padding:5px; 
	border-radius:0; 
	border-color:c6bfd8;
	padding-left:0px;
	margin:-3px;
	padding-right:20px;
	color:white;
}
.ctabnp2about{
	max-width:800px;
	height:auto;

	background: rgb(9,70,151);
background: linear-gradient(90deg, rgba(9,70,151,1) 15%, rgba(91,27,124,1) 35%, rgba(114,24,121,1) 84%);
	padding:5px; 
	border-radius:0; 
	border-color:c6bfd8;
	padding-left:0px;
	margin:-3px;
	padding-right:20px;
	color:white;
}
.ctabnp3{
	max-width:30%;
	height:auto;
	background-color: #5d1d7e; 
	padding:5px; 
	border-radius:0px 60px 60px 60px; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin:-3px;
	padding-right:20px;
	margin-left:500px;
	margin-top:-400px;
	font-size:26px;
	color:white;
}
@media screen and (max-width:1500px){
.ctabnp3{
	max-width:30%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0px 60px 60px 60px; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin:-3px;
	padding-right:20px;
	margin-left:800px;
	margin-top:-422px;
	font-size:26px;	
}}
@media screen and (max-width:1200px){
.ctabnp3{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:0px;
	margin-left:50px;
	margin-bottom:-100px;
}}
@media screen and (max-width:1025px){
.ctabnp3{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-100px;
}}
@media screen and (max-width:800px){
.ctabnp3{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-100px;

	
}}

.ctabnp5{
	max-width:70%;
	min-height: 100%;
	background-color:white;
	padding:0px; 
	border-radius:60px 0px 60px 60px; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:20px;
	padding-right:20px;
	margin-top:-5px;
	font-size:26px;
	text-align:left;
	margin-bottom:25px;

	margin-left:300px;
	
	
}

@media screen and (max-width:1200px){
.ctabnp5{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:0px;
	margin-left:100px;
	margin-bottom:0px;
	margin-right:100px;
	text-align: center;
	
}}
@media screen and (max-width:1025px){
.ctabnp5{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:0px; 
	padding-bottom:5px;
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:50px;
}}
@media screen and (max-width:900px){
.ctabnp5{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:50px;
	margin-left:0px;
	margin-bottom:50px;

	
}}
@media screen and (max-width:800px){
.ctabnp5{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;

	
}}

@media screen and (max-width:500px){
.ctabnp5{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding-top:0px;

	
}}




.BNP2{ 
	width: 100%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:right;
	margin-left:250px;
	margin-top:100px;
	margin-bottom:130px;
	background: black;

	
}

  @media screen and (max-width:1600px) {
  .BNP2{
  	width: 75%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:right;
	background: linear-gradient(to right, rgba(0,172,198,0), rgba(0,172,198,1));
	margin-left:180px;
	margin-top:100px;
	margin-bottom:130px;
	
  }}
    @media screen and (max-width:1450px) {
  .BNP2{
  	width: 75%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:right;
	background: linear-gradient(to right, rgba(0,172,198,0), rgba(0,172,198,1));
	margin-left:100px;
	margin-top:100px;
	margin-bottom:130px;
	
  }}
      @media screen and (max-width:1200px) {
  .BNP2{
  	width: 75%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:right;
	background: linear-gradient(to right, rgba(0,172,198,0), rgba(0,172,198,1));
	margin-left:100px;
	margin-top:100px;
	margin-bottom:130px;

	
  }}
        @media screen and (max-width:1025px) {
  .BNP2{
  	max-width:100%;
	min-height: 100%;
	/*padding-top: 170px ;*/
	text-align:right;
	background: linear-gradient(to right, rgba(0,172,198,0), rgba(0,172,198,1));
	margin-left:100px;
	margin-top:100px;
	margin-bottom:130px;
	margin-right:0px;
	
  }}
  @media screen and (max-width:800px) {
  .BNP2{
    width:95%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	color: black;
	text-align: right;
	background: linear-gradient(to right, rgba(0,172,198,0), rgba(0,172,198,1));
	margin-left:0px;
	margin-top:75px;
	margin-bottom:0px;
	margin-right:0px;
	
  }}
    @media screen and (max-width:590px) {
  .BNP2{
    width:95%; /* The width is 100%, when the viewport is 800px or smaller */
	/*padding-top: 170px;*/
	color: black;
	text-align: right;
	background: linear-gradient(to right, rgba(0,172,198,0.5), rgba(0,172,198,1));
	margin-left:0px;
	margin-top:50px;
	margin-bottom:0px;
	margin-right:0px;
	
  }}
@media screen and (max-width:800px){
.ctabnp2container{
	width:100%;
	height:auto;
}}
@media screen and (max-width:800px){
.ctabnp2{
	width:100%;
	height:auto;
	background-color: #c6bfd8; 
	border-radius:0; 
	border-color:#c6bfd8;
	padding-right:0px;
	margin:-1px;
}}
.contactcont{
	
	z-index:1;
	right:0px;
	text-align:right;
	margin-top:-40px;
	position: absolute;
	display:inline;
	

}
@media screen and (max-width:1025px){
.contactcont {
	
	z-index:1;
	right:0px;
	text-align:right;
	margin-top:-70px;
	position: absolute;
	font-size: 10px;
	display:inline;
}
}




.helpfullinks{
	width: 90%;
	min-height: 100%;
	margin-left:100px;
	text-align:left;
	
}
@media screen and (max-width:1200px){
.helpfullinks{
	width: 90%;
	min-height: 100%;
	margin-left:10px;
	text-align:left;
}}
@media screen and (max-width:800px){
.helpfullinks{
	width: 90%;
	min-height: 100%;
	margin-left:10px;
	text-align:left;
}}
/*---------------------------bacnetP2image--------------------*/
}
.bp2imagecont{
	width:500px;
	height:auto;	
}
.bp2image{
	height:auto;
	width:100%;
	padding-left:50px;
	padding-top:35px; 
	padding-bottom:35px;
	
}
@media screen and (max-width:1025px) {
.bp2image{
	width:90%;
	height:auto;
	padding-left:0px;	
margin:-1px;	
}}

@media screen and (max-width:800px) {
.bp2image{
	max-width:90%;
	height:auto;
padding-left:0;	
margin:-1px;
}}
/*---------------------------bacnetP2image--------------------*/

.articleheadings{
	text-align:center; 
	font-weight:normal;
padding-top:35;
}
.customerheadings{
	text-align:left; 
	font-weight:normal;
padding-top:35;
padding-bottom:0px;
margin-bottom:-10px;
}
.pricing{
	max-width:80%;
}
@media screen and (max-width:800px){
	.pricing{
	max-width:100%;
}}
.pricing1{
	max-width:40%;
}
@media screen and (max-width:800px){
	.pricing1{
	max-width:100%;
}}
@media screen and (max-width:800px){
.articleheadings{
	text-align:center; 
	font-weight:normal;
padding-top:35;
}}
.compimg{
max-width:300px;
height:auto;
}
.FAQp{
padding-left:30px;
padding-right:30px;
}
.reqcont{
	max-width:550px;
}
@media screen and (max-width:800px){
.reqcont{
	max-width:100%;
}}


/*---------------------menu scroll bar------------------*/
 /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e0e1e3;
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #655480;
  border-radius: 0px; 
  }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #332A3F;
 /*---------------------menu scroll bar------------------*/
 
 
 
} 
hr.round {
  border: 0;
  border-top: 2px solid black;
  border-bottom: 1px solid #fff;
  width:70%;
  border-radius:20px;
 
}
.niagaraimg{
	width:600px;
	height:auto;
}
@media screen and (max-width:800px){
.niagaraimg{
	width:100%;
	height:auto;
}}

/* Promo banner and text*/
.promoimage{
	width: 500px;
	height: auto;
	padding:0px; 
	margin:0px;
}

@media screen and (max-width:800px){
.promoimage{
	width: 100%;
	height: auto;
	padding:0px; 
	margin:0px;
}}

.promocontainer{
	padding:10px; 
	padding-bottom:20px;
}

@media screen and (max-width:800px){
.promocontainer{
	padding:10px; 
	padding-bottom:20px;
}}

.promot{
	background:white; 
	max-width:70%; 
	margin:0px; 
}
@media screen and (max-width:800px){
.promot{
	background:white; 
	max-width:100%; 
	margin:0px; 
	
}}

.promotextcontainer{
	padding:0px; 
	margin-left:20px;
	line-height: 1.5;
	font-size: 20px;
}

@media screen and (max-width:800px){
.promotextcontainer{
	padding:10px; 
	margin-left:20px;
	line-height: 1.5;
	font-size: 20px;
}}



.accordion {
  background-color: white;
  color: black;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius:0;
  font-weight:normal;
}

.accordion:hover {
  background-color: #e0e1e3;
  color:black;
}
.accordion.active {
  background-color: #e0e1e3;
  color:black;
}

.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
img.accordion{
	width:14px;
	transform: rotate(0);
}
.accordion:hover img{

background-color:#e0e1e3;
	transform: rotate(0.25turn);
}
.accordion.active img{
	
	background-color:#e0e1e3;
	width:14px;
	transform: rotate(0.25turn);
}



.cookie-container{
	position:fixed;
	bottom: -100%;
	left:0;
	right: 0;
	background: #2f3640;
	color: #f5f6fa;
	padding: 0 32;
	transition: 400ms;
}
.cookie-container.active{
	bottom:0;
}
.cookie-container a {
	color: #f5f6fa;
}
.cookie-btn {
	background: #e84118;
	border: 0;
	color: #f5f6fa;
	padding: 12px 48px;
	font-size: 18px;
	margin-bottom: 16px;
	border-radius: 8px;
	cursor: pointer;
}




.bacnetp2download {
	background-color: #ff9523 ;
		 border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 0;
}


.bacnetp2download:hover {
		/*background-image: url('images/Button_hover.png');*/
		background-color: #7c002d ;
}*/

.bacnetp2download:disabled{
	background-color: black ;
		 border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 0;
}
.bacnetp2download:disabled:hover {
		/*background-image: url('images/Button_hover.png');*/
		background-color: grey ;
}


.bacnetp2downloadcn {
	background-color: #4b025b ;
		 border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 12px;
}



.bacnetp2downloadcn:hover {
		/*background-image: url('images/Button_hover.png');*/
		background-color: #332A3F ;
		border-radius: 12px;
}*/

.bacnetp2downloadcn:disabled{
	background-color: #c6bfd8 ;
		 border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 12px;
		cursor:not-allowed;
}
.bacnetp2downloadcn:disabled:hover {
		/*background-image: url('images/Button_hover.png');*/
		background-color: #c6bfd8 ;
		border-radius: 12px;
}



button:disabled.bacnetp2downloadcn{
	background-color: #c6bfd8 ;
	border: none;
		color: #white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 12 !important;
		cursor:not-allowed;
}

button:disabled{
	background-color: #ffd5b4 ;
	border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		
		cursor:not-allowed;
}

 
button.gsc-search-button-v2  {
    border-color: #655480;
    background-color: #655480;
    background-image: none;
    filter: none;
	   padding: 6px 27px;
}


button.gsc-search-button.gsc-search-button-v2 {
    font-size: 0;
    padding: 10px 27px;
    width: auto;
    vertical-align: middle;
    border: 4px solid #655480;
    border-radius: 0px;
 
}
button.gsc-search-button-v2:hover, button.gsc-search-button-v2:focus {
    border-color: #332A3F;
    background-color: #332A3F;
    background-image: none;
    filter: none;
	   padding: 6px 27px;
}
button.gsc-search-button.gsc-search-button-v2:hover, button.gsc-search-button.gsc-search-button-v2:focus {
    font-size: 0;
    padding: 10px 27px;
    width: auto;
    vertical-align: middle;
    border: 4px solid #655480;
    border-radius: 0px;
	 border-color: #332A3F;
    background-color: #332A3F;
 
}


div#gsc-iw-id1.gsc-input-box {
    padding-top: 6px;
    padding-bottom: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


span.rev { unicode-bidi:bidi-override; direction:rtl }
span.rev.email:before { content:"moc.etisbew" }
span.rev.email:after { content:"@nhoj :liamE" }
span.rev.phone:before { content:"4421-658 " }
span.rev1 { unicode-bidi:bidi-override; direction:rtl }
span.rev.phone:after { content:" (324) 1+ :enohP" }
span.rev1.phone:before { content:"2057-254" }
span.rev1.phone:after { content:" -529 :enohP" }

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.center1 {
  border: 0px solid;
  
  margin: auto;
  width: 80%;
  padding: 30px;
 
}

/*------------------------------------case study-----------------------------*/
.casestudyresize{ 
	width: 50%;
	min-height: 100%;
	padding-top: 170px ;
	text-align:justify;
	line-height: 1.5;
	font-size:18px;

}
@media screen and (max-width:1500px){
.casestudyresize{ 
	width: 70%;
	min-height: 100%;
	padding-top: 170px ;
	text-align:justify;
	line-height: 1.5;
	font-size:18px;
	padding-left:10px;
	padding-right:10px;
}}
@media screen and (max-width:1025px){
.casestudyresize{ 
	width: 100%;
	min-height: 100%;
	padding-top: 170px ;
	text-align:justify;
	line-height: 1.5;
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
}}
.center-casestudyimages {
  display: block;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  min-width:100%;
}

@media screen and (max-width:1200px){
.center-casestudyimages {
  display: block;
  margin-left: 0;
  margin-right: 0;
  max-width: 80%;
  min-width:80%;
}}
@media screen and (max-width:1025px){
.center-casestudyimages {
  display: block;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  min-width:100%;
}}
.center-casestudyimages1 {
  display: block;
  align-items:center;
  text-align:justify;
  margin-left: 0;
  margin-right: 0;
  max-width: 40%;
  min-width:40%;
}
@media screen and (max-width:1200px){
.center-casestudyimages1 {
  display: block;
  margin-left: 0;
  margin-right: 0;
  max-width: 80%;
  min-width:80%;
}}
@media screen and (max-width:1025px){
.center-casestudyimages1 {
  display: block;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  min-width:100%;
}}

.center-casestudyimages2 {

  align-items:center;
  margin-left: 0;
  margin-right: 0;
  max-width: 80%;
  min-width:80%;
}


/* Slideshow container */
.slideshow-container {
  width: 600px;
  max-width:100%;
  position: relative;
  margin: auto;
  height: 600px;
  vertical-align:middle;
}

.slideshow-nav {
  text-align:center; 
  padding: 30px 0;
}
  
.mySlides {
  width: auto;

}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #083b84;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #ff9523;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
 
  width: auto;
  padding: 6px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  vertical-align:middle;
  transform: translateY(500%)
  
}



.prev:hover, .next:hover {
  background-color: black;
  color: white;
}



.consolcomm{
	Background-color:lightgrey;
	padding: 10px;
	width:80%;
	align-items:center;
	justify-content: center;
	box-sizing:border-box;
	 display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
}

.Reports{
	
	padding: 10px;
	width:80%;
	align-items:center;
	justify-content: center;
	box-sizing:border-box;
	 display: block;
  margin-left: auto;
  margin-right: auto;
  
}
#bigpic {
	max-width: 100%;
}
#bigpic1 {
	max-width: 100%;
}
#bigpic2 {
	max-width: 100%;
}




.hardware1{
	z-index:-1;
}



@media screen and (max-width:1500px){
.ctabnp4{
	max-width:30%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0px 60px 60px 60px; 
	border-color:black;
	box-shadow:0px 0px 5px black;
	padding-left:0px;
	margin:-3px;
	padding-right:20px;
margin-left:800px;
	margin-top:-350px;
	font-size:26px;	
	padding-bottom:40px;
}}
@media screen and (max-width:1200px){
.ctabnp4{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-radius:0; 
	box-shadow:0px 0px 5px black;
	border-color:black;
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-80px;
	margin-right:0px;
}}
@media screen and (max-width:1025px){
.ctabnp4{
	max-width:100%;
	height:auto;
	background-color: white; 
	padding:5px; 
	border-color:black;
	box-shadow:0px 0px 5px black;
		border-radius:0; 
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-80px;
	margin-right:0px;
}}
@media screen and (max-width:800px){
.ctabnp4{
	max-width:100%;
	height:auto;
	border-color:black;
	box-shadow:0px 0px 5px black;
		border-radius:0; 
	padding:5px; 
	padding-left:0px;

	margin-top:0px;
	margin-left:0px;
	margin-bottom:-60px;
	margin-right:0px;

	
}}

td.quotes {
  width:30%;
  padding:30px; 
  color:white;
  vertical-align:top;

}
@media screen and (max-width:1025px){
td.quotes {
  width:90%;
  padding:30px; 
  color:white;
  text-align:left;
}}

img.teamimages{
	max-width:400px;
}

@media screen and (max-width:1380px){
img.teamimages{
	max-width:300px;
	position:center;
	
}}


@media screen and (max-width:1024px){
img.teamimages{
	max-width:600px;
	position:center;
	display:none;

	
}}

.teamimages {
	height:auto;
}

@media screen and (max-width:1025px){
.teamimages {		background-color: #ff9523	;
		 border: none;
		color: black;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 0;
		
}
.sbutton:hover {
		/*background-image: url('images/Button.png');
		background-size: auto 30px;
		background-repeat: no-repeat;*/
		background-color: #00b1c6	;
		 border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		min-width: 250px;
		border-radius: 0;
	height:50px;
}}

td.quotes1 {
  width:30%;
  padding:30px; 
  color:white;
  vertical-align:top;

}
@media screen and (max-width:1025px){
td.quotes1 {
  width:90%;
  padding:30px; 
  color:white;
  text-align:left;
  display:none;
}}
.quotes2 {
  width:100px;
  padding:30px; 
  color:white;
  text-align:left;
 display:none;
}

@media screen and (max-width:1025px){
.quotes2 {
  width:100px;
  padding:30px; 
  color:white;
  text-align:center;
 display:block;
}}