@charset "utf-8";
/* CSS Document */
body {	
	margin:0;font-family:Arial;
	font-size:16px;
	  background-color:#fff; 
	  }
.each_section {
  max-width: 90%;
  margin: auto;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}

.each_section5 {

  max-width: 60%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}	


.each_section2 {
  max-width: 90%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}


	
.each_section2mail {
  max-width: 50%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}

.each_section3 {
  max-width: 85%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
}

.each_section4 {
  max-width: 90%;
  margin: auto;
  margin-top:1em;
  margin-right:3em;
  background-color:#fff;
  clear:both;
  /*border:1px solid #ddd;*/
}	


.fdiv {
	float:left;
	margin-right:2em;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	width:21%;

}

.fdiva {
	float:left;
	margin-right:2em;
	/*overflow: hidden;*/
	display: inline-block;
	margin: 0 auto;
	width:30%;

}

h2.footer {
	color:#fff;
	
}

/* Top Nav */

.topnav {
  overflow: hidden;
  background-color: #5276ee;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}





.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: #5276ee;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.ipsearch {
	float:right;
	clear:both;
	width:50%;
	
}

.dclear {
  clear: left;
  height:1em;
}

.cboth {
	clear:both;
}

form.ipsearchform input[type=text] {
  
  border: 1px solid grey;
  float: left;
  width: 250px;
  background: #f1f1f1;
  height:1.9em;
}

form.ipsearchform button {
  float: left;
  width: 9.7%;  
  background: #0b7dda;
  color: white; 
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  height:2.3em;
  
}

form.ipsearchform button:hover {
  background: #400000;
}

form.ipsearchform::after {
  content: "";
  clear: both;
  display: table;
}

.clrFloat {
	width:100%;
	height:10px;
	float:none;
}

.col1Member {
	max-width:350px;
	margin-right:10px;
	margin-bottom:20px;
	height:720px;line-height:1em;overflow:auto;padding:5px;
	float:left;
	background-color:#fff;
}
.col2Member {
	margin-right:50px;
	max-width:450px;
	float:left;
	font-weight:400;
}
.col3Member {
	margin-left:20px;
	max-width:350px;
	float:left;
	margin-bottom:20px;
	margin-top:-10px;
}

.colcalc {
	float:left;
	background-color:#fff;
	width:400px;
	margin-left:1em;
	margin-right:1em;
	
}

.colcalc2 {
	float:left;
	background-color:#fff;
	width:400px;
	margin-left:1em;
	margin-right:1em;
	
}


.col1 {
	float:left;
	background-color:#fff;
	width:30%;/**/
	margin-left:1em;
	/*height:620px;line-height:1em;overflow:auto;padding:5px;*/
}

#ad {
	background-color:#5276ee;
	color:#fff;
	
	margin:1em;
}
p.ad {
	color:#fff;
	margin:1em;
	font-size:1.5em;
}


a.ad:link, a.ad:visited {
  
  color:#fff;
  text-align: center;
  text-decoration: none;
  
}

a.ad:hover, a.ad:active {
  color:#ff3;
}	

a.general:link, a.general:visited {
  
  color:#5276ee;
  text-align: center;
  text-decoration:underline;
  
}

a.general:hover, a.general:active {
  color:#400000;
}


.col1b {
	float:left;
	background-color:#fff;
	width:25%;/**/
	margin-left:1em;
	/*height:620px;line-height:1em;overflow:auto;padding:5px;*/
}

.col2 {
	float:left;
	background-color:#fff;
	width:30%;/**/
	margin-left:1em;
	
}

.colipv6 {
	float:left;
	background-color:#fff;
	width:40%;/**/
	margin-left:1em;
	margin-bottom:1em;
	
}

textarea.calc {
	font-size:18px;
	color:#400000;
}
/* Fonts */
h1, h2 {
	color:#000;
	font-size:1.5em;
}

h1.mains {
	margin-left:20px;
	margin-right:20px;
}

h2.mains {
	margin-left:20px;
}

h2.ipv6 {
	margin-top:0px;
}

p {
	margin-left:20px;
	margin-right:20px;
	font-size:1em;
}

p.failed {
	margin-left:0px;
	margin-right:20px;
	font-size:1em;
	color:#F00;
}

p.calc {
	margin-left:0px;
	margin-right:20px;
	font-size:1em;
	
}
p.countries {
	margin-left:0px;
	margin-top:0px;
	font-size:1em;
	color:#4000;
}

* {
  box-sizing: border-box;
}


form.cipb_search input[type=text] {
  padding: 10px;
  font-size: 16px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
  
}

form.cipb_search button {
  float: left;
  width: 20%;
  font-size: 16px;
  height:41px;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 16px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
    
}

form.cipb_search button:hover {
  background: #0b7dda;
}

form.cipb_search::after {
  content: "";
  clear: both;
  display: table;
}

@media screen and (max-width: 900px) {
.col1 {
	float:left;
	background-color:#fff;
	width:100%;
	margin-left:1em;
}
.col1b {
	float:left;
	background-color:#fff;
	width:100%;/**/
	margin-left:1em;
	/*height:620px;line-height:1em;overflow:auto;padding:5px;*/
}
col2 {
	float:left;
	background-color:#fff;
	width:100%;
	margin-left:1em;
}

.each_section5 {

  max-width: 80%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}	

.each_section2mail {
  max-width: 70%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  input.search_ip {
  width: 250px;
 
} 

form.cipb_search {

  margin: auto;
}

.each_section {
  max-width: 100%;
  margin: auto;
  background-color:#fff;
  
	}
	
.each_section2 {
  max-width: 90%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  
	}

.each_section5 {

  max-width: 60%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}	
	
	
.each_section2mail {
  max-width: 90%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}
	
.col1 {
	float:left;
	background-color:#fff;
	width:100%;
	margin-left:0px;
}

.col1b {
	float:left;
	background-color:#fff;
	width:100%;/**/
	margin-left:1em;
	/*height:620px;line-height:1em;overflow:auto;padding:5px;*/
}

col2 {
	float:left;
	background-color:#fff;
	width:100%;
	margin-left:1em;
}	
.footer {
  max-width: 100%;
  margin: auto;
  margin-top:1em;
  border:1px solid #ddd;
  
	padding-top: 10px;
  	padding-bottom: 10px;
	text-align:center;
	color:#FFF;
	height:4em;
}

.logo {
	float:none;
	margin: 10px;
	max-width:320px;
	max-height:114px;
}

}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  
}

@media screen and (max-width: 400px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
.each_section5 {

  max-width: 90%;
  margin: auto;
  margin-top:1em;
  background-color:#fff;
  /*border:1px solid #ddd;*/
	}	  
  
}

/* footer */
.container {
	width:90%;
	margin: auto;
	color:#fff;
	padding:10px;
	min-height:50px;
	background-color:black; /* #5276ee */
	text-align:center;
	clear:both;
	/*display:flex;
	flex-flow:row wrap;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:flex-around; /* around, between, evenly, flex-end, flex-start */
	/*align-items:stretch; /* baseline, center, flex-end, flex-start, stretch   */
	/*align-content:space-between;  /* space-around, space-between, center  */*/
}

.item {
	width:400px;
	margin:1em;
	/*flex-grow: 1; flex-shrink does opposite of grow; flex-basis tells how much each item will take as a default. */
	/*flex-basis: 400px;;
	padding:1em;*/
}
.item3 {
	width:350px;
	margin:1em;
	/*flex-grow: 1; flex-shrink does opposite of grow; flex-basis tells how much each item will take as a default. */
	/*flex-basis: 400px;;
	padding:1em;*/
}
.item2 {
	
	 /*flex-grow:1; grow shrink basis on one line: flexL 0 10 100px; */
	width:100%;
	padding:.1em;
}	
.item_contact {
	width:30%;
}

.footer_contact {
	width:300px;
	float:left:
}

a.bogon:link, a.bogon:visited {
  background-color:#03F;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  width:200px;
  display: inline-block;
  margin-bottom:10px;

}

a.bogon:hover, a.bogon:active {
  background-color: #333;
}	

a.regular:link, a.regular:visited {
  background-color:#03F;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;



}

a.regular:hover, a.bogon:active {
  background-color: #333;
}


a.footer:link, a.footer:visited {
	text-decoration: none;
	color:#fff;
	text-align:center;
}

a.footer:hover, a.footer:active {
  color:#CCC;
}	

p.center {
	text-align:center;
	margin-top:1em;
}

p.footer {
	margin-bottom:.5em;
	text-align:center;
}
p.footerC {
	text-align:center;
}
.footerCd {
	text-align:center;
	color:#fff;
}
p.countrylist {
	margin-left:0px;
}

h2.footer {
	margin-bottom:1em;
	text-align:center;
}

span.previous {
    float:left;
}
span.next {
    float:right;    
}
p.last {
    margin-top:-1.2em;
	text-align:center;
}

@media screen and (max-width: 900px) {
.container {
	width:100%;
}


.item {
	
	max-width:400px;
	margin:1em;
	/*flex-grow: 1; flex-shrink does opposite of grow; flex-basis tells how much each item will take as a default. */
	/*flex-basis: 400px;;
	padding:1em;*/
}	
	
}

@media screen and (max-width: 600px) {
.container {
	width:100%;
}
.item {
	
	max-width:400px;
	margin:1em;
	/*flex-grow: 1; flex-shrink does opposite of grow; flex-basis tells how much each item will take as a default. */
	/*flex-basis: 400px;;
	padding:1em;*/
}	

}

@media screen and (max-width: 400px) {
.container {
	width:100%;
}
.item {
	
	max-width:380px;
	margin:1em;
	/*flex-grow: 1; flex-shrink does opposite of grow; flex-basis tells how much each item will take as a default. */
	/*flex-basis: 400px;;
	padding:1em;*/
}	

}