@charset "utf-8";
/* CSS Document */

/* Hide horizontal scrollbar */
body {
  overflow-x: hidden; 
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
width:100%;	
}


/* Style for the replacer target div */
#Content {
	border: none;
 	padding: 40px 7%;		
		}
	
/* default font size and line height */
html {
  font-size: 12px;
  line-height: 1.5;
  }

/* font size and line height for header tags */
h1, h2, h3, p, ul {
  font-weight: bold;
  margin: 0;
  font-family: 'Open Sans', sans-serif;	
}

.imgp { padding:5px; }

h1 {
  font-size: calc(1.5rem + 1.5vw);
  line-height: 1.2;
  margin-bottom:20px;
}

h2 {
  font-size: calc(1.25rem + 1.25vw);
  line-height: 1.3;
  margin-bottom:50px;
}

h3 {
  font-size: calc(.75rem + .75vw);
  line-height: 1.4;
}

ul { list-style-type: none; }

/* font size and line height for paragraph tags */
p ul{
  font-size: calc(1rem + 0.5vw);
  line-height: 1.5;
  margin: 0;
}

body, input, select, textarea {
  color: #666;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: 300;
  line-height: 1.65em;
}

a { color:#060d2e; }

i {
	color:#0B77BC;
	padding-right:15px;
    width:30px;}

/* background gradient */
.grad {
  background: linear-gradient(-45deg, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);;
  background-size: 400% 400%;
  position: relative;
  animation: animate 20s ease-in-out infinite;
  background-attachment: fixed;
}

@keyframes animate{
  0% {background-position: 0 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0 50%;}
}

/* some custom padding */

.genpad {padding:7%;}
	
.paddington {padding-top:20px; padding-bottom:20px;}

.padserv {padding: 20px 7%;}

.ptop {padding-top:20px;}	
	
.mtop60 { margin-top:30px;}

#pad {padding: 7%;}	
	
.pad7 {padding: 60px 7%;}

.pad27 {padding: 20px 7%;}	
	
/* Hero Banner */
#banner {display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		height: 100vh;
		min-height: 35em;
		overflow: hidden;
		position: relative;
		text-align: center;
		background-image: url('image_dep/server-rackD.jpg');
	}	
	
#banner h1 {
		color:white;
	    padding:5px;
		font-size: 48px
	}	
#banner p {
		color:white;
	    padding:5px;	
	}

.Obutton {
		color:white;
		width:150px;
		}

.but1 {
	border:0;
	background: -webkit-linear-gradient(#0B77BC, #2B398F);
	color:white;
}

.but2 {
	background: -webkit-linear-gradient(#CFFFB2, #688059);
}

/* replacer zone */	
#replacer img:hover {  
	box-shadow: 0 0 20px rgba(0, 0, 20, 0.95);
	}

#replacer h3 {
	color:white;
	padding:20px;
			}	

/* individual company name format */	
.company {
		background-color: #3F3F3F;
		border-radius: 10px;
		padding:10px;
		color:white;
	    text-align: center;
	}

/* navigation format */	
.navback {background-color:#060d2e;}

#navitron i { color:#FFF; padding-right:5px;}	
#navitron a { font-size:14px; padding-right:10px; color:white;}
#navitron a:hover { background-color:#0B77BC }	
#dropone, #drops a:hover {background-color:#0B77BC;}

.imgcent { 
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	}	

.coreback { background-color: url("image_dep/valuable-01.jpg"); }
	
.value_cont {
		padding:20px;
		border: 2px solid;
		border-radius: 5px;
		margin-bottom:30px;
		background-color:#0778BD;
		color:white;
		min-height:165px;
	}	
#values li {padding-top:10px;}	
	
#values2 li {padding-top:10px;}

#valu h3 {	
		color:#0778BD;
		line-height:2.25em;
	}

.vale {
	width:100%;
	 font-size: 45px;
  background: -webkit-linear-gradient(#0B77BC, #2B398F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.grey {background-color:#F2F2F2;}

	
/* NAIC zone */	
#naicid li {
		font-size:15px;
		list-style: none
	}	
#naicid b {color:#0778BD;}
	
#naicidtwo li {
		font-size:15px;
		list-style: none
	}	
	
#naicidtwo b {color:#0778BD;}

.naicnum {
	color:#0B77BC;
	font-size:18px;
}
.naicdes {
	color:dimgrey;
	 font-size: calc(.8rem + 0.5vw);
  line-height: 1.5;
  margin: 0;
}

#certs img {
	margin:20px;
	padding:0;
    text-align: center;
}

/* services zone */	
.serve {
	margin-bottom:15px;
	border-radius: 15px; 
}

.services {
		min-height:300px;
    background-color:#F4F4F4;
	margin:30px 0px;
}

#ser p {padding:10px 0px;}

#ser i {
	 background: -webkit-linear-gradient(#0B77BC, #2B398F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.homecta {
	color:white;
	background-image:url("image_dep/hh.jpg");
	background-size: cover;

}



.backup { background: -webkit-linear-gradient(#0B77BC, #2B398F);}

.sevicer {
	  border:thick solid #0B77BC ;
	  color:#0B77BC;
	  border-radius: 15px; 
}

.abouthero {
	background: -webkit-linear-gradient(#0B77BC, #2B398F);
	color:white;
}

#aboutintro {
	background-color: rgba(0, 0, 0, .85);
    color:white;	
	padding:40px;
}

#certifimg img {
	margin:10px;
}

/* The tab zone */
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  min-height: 600px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

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

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

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  min-height: 600px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}

.certround {
	max-width:875;
	text-align: center;
	margin: auto;
}

.certflat {
	max-width:1100;
	text-align: center;
	margin: auto;
}