* {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vphone_iframe {
  padding: 10px 10px;
  border: none;
  cursor: pointer;
  height: 660px;
  width: 460px;
}

.hphone_iframe {
  padding: 20px 20px;
  border: none;
  cursor: pointer;
  height: 400px;
  width: 600px;
}

.all_iframe {
  padding: 20px 20px;
  border: none;
  cursor: pointer;
  height: 400px;
  width: 500px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}




.all_button {
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  text-decoration:none;
  	font-family:arial;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
}

.green_button {
  background-color: #04AA6D;
  color: white;
}
.green_button:hover {
    background-color: #45a049;
}


/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column, input[type=greenbutton] {
    width: 100%;
    margin-top: 0;
  }
}

.navtop {
  background-color: #2f3947;
  height: 60px;
  width: 100%;
  border: 0;
}

.navtop div {
  display: flex;
  margin: 0 auto;
  width: 1000px;
  height: 100%;
}

.navtop div h1, .navtop div a {
  display: inline-flex;
  align-items: center;
}

.navtop div h1 {
  flex: 1;
  font-size: 24px;
  padding: 0;
  margin: 0;
  color: #eaebed;
  font-weight: normal;
}

.navtop div a {
  padding: 0 20px;
  text-decoration: none;
  color: #c1c4c8;
  font-weight: bold;
}

.navtop div a i {
  padding: 2px 8px 0 0;
}

.navtop div a:hover {
  color: #eaebed;
}

@media screen and (max-width: 1000px) {
  .navtop {
    height: auto;
    padding: 10px;
  }
  .navtop div {
    flex-flow: wrap;
    width: 100%;
  }
  .navtop div h1 {
    display: block;
    flex-basis: 100%;
  }
  .navtop div a {
    padding: 10px 0;
    flex-basis: 50%;
  }

}



.rect_390_80 {
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
height:40px;
	line-height:40px;
width:390px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #528ecc;
}

.blue_pbt {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8FAADC), color-stop(1, #2A4B86) );
	background:-moz-linear-gradient( center top, #8FAADC 5%, #2A4B86 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8FAADC', endColorstr='#2A4B86');
	background-color:#8FAADC;
}

.blue_pbt:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2A4B86), color-stop(1, #8FAADC) );
	background:-moz-linear-gradient( center top, #2A4B86 5%, #8FAADC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A4B86', endColorstr='#8FAADC');
	background-color:#2A4B86;
}.blue_pbt:active {
	position:relative;
	top:1px;
}



