body{
	font-family:Montserrat;
	font-size:18px;
}



.header{
	background-color:#eee;
	position: initial;
	margin:auto;
	padding:0px;
	width:100%;
	display:table;
}

.header .header-left{
	display: table-cell;
	float:left;
	margin-left:100px;
}

.header	.header-center{
	display: table-cell;
	width:50%;
	margin-left:35%;
	vertical-align:middle;
}

.header	.header-right{
	display: table-cell;
	float:right;
	margin-right:100px;
	vertical-align:middle;
}



.nav-top a{
	float: left;
	color:black;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	overflow:hidden;
	font-size:22px;
}


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

.dropdown-container .dropdown-button{
	border:none;
	outline:none;
	margin:0px;
	background-color: inherit;
	font-family: inherit;
	font-size:22px;
	font-weight:600;
	padding: 14px 16px;
}

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

}

.dropdown-box a {
	float: none;
	color: black;
	height:30px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size:20px;
	font-weight:normal;
}

.dropdown-box a img{
	width:50px;
	vertical-align:middle;
	margin-right:20px;
}

.dropdown-container:hover, .nav-top a:hover, .dropdown-box a:hover{
	background-color:#fff;
}

.dropdown-container:hover .dropdown-box{
	display:block;
}

.mainbody{
	min-height:1200px;
	margin-bottom:100px;
}

div.mainbody .content{
	display:block;
	padding:20px;
	width:85%;
	min-width:700px;
	max-width:1000px;
	margin:auto;
	color:#333;
	font-weight:400;
	margin-bottom:20px;
}

div.content .suptitle{
	margin-top:100px;
	text-align:center;
	font-size:70px;
	font-family:Montserrat;
	font-weight:bold;
}
div.content .title{
	font-size:30px;
	text-align:center;
	font-family:Montserrat;
	font-weight:bold;
}

h1{
	font-size:32px;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	font-family:Montserrat;
	font-weight:bold;
}


h2{
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:0px;
	font-size:26px;
	text-align:left;
	font-family:Montserrat;
	font-weight:bold;
}

h3{
	margin-bottom:10px;
	font-size:20px;
	text-align:left;
	font-family:Montserrat;
	font-weight:bold;
}

h4{
	margin:8px;
	font-size:20px;
	text-align:center;
	font-family:Montserrat;
	font-weight:bold;
}

.foot{
	font-size:14px;
}

a:link, a:visited{
	text-decoration: none;
	font-weight:600;
	color:black;
}

a:hover{
	text-decoration: underline;
}

.mainbody a:link, .mainbody a:visited{
	color:#555588;
}

.header a:hover{
	text-decoration: none;
}



div.container{
	width:100%;
	display:table;
	margin:auto;
	margin-bottom:50px;
}


div.side-side-2{
	width:45%;
	padding:20px;
	margin:0px;
	float:left;
}

div.side-side-3{
	width:30%;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	float:left;
}

div.side-side-3-2{
	width:65%;
	padding-left:10px;
	padding-right:10px;
	padding-top:60px;
	margin:0px;
	float:left;
}


div.side-side-4{
	width:23%;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	float:left;
}


div.side-side-4-3{
	width:75%;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	float:left;
}


div.scroll-container{
	width:95%;
	margin:auto;
	padding-bottom:20px;
	overflow-x:auto;
	display: -webkit-box;
}

div.scroll-divin{
	width:400px;
	height:350px;
	margin-right:20px;
	padding:20px;
	background-color:#ddd;
	border:3px;
	overflow-y:auto;
	border-color:#ccc;
	border-style:solid;
	border-radius:15px;
}




table td p{
	margin:0px;
}

table td input[type=checkbox]{
	background-color:red;
	border-color:#222;
}




table.table-subscribe-plan td{
	text-align:center;
	background-color:#eee;
}


table.table-subscribe-plan col{
	text-align:center;
	background-color:#ccc;
}

.tooltip{
	float:left;
}



p button{
	height:40px;
	width:250px;
	font-weight:bold;
	font-size:20px;
} 


.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
	text-align:left;
  color: #fff;
  padding: 10px;
	margin-left:20px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 15px;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

code{
	display: block;
	background-color:#aaa;
	font-family:monospace;
    margin-left: 10px;
    padding:5px;
}

code ul{
	padding:0px;
	margin:0px;
    list-style:none;
}


code ul li:before{
	content:'$';
	padding-right:2px;
}

.foot{
	position:relative;
	vertical-align:bottom;	
	bottom:0px;
	padding:10px;	
	padding-bottom:10px;	
	width:99%;
	background-color:#CCC;
}

svg rect, svg line{
	stroke:black;
	fill:white;
	stroke-width:3px;
}

div.narrow{
	width:600px;
	display:block;
	padding:20px;
	width:600px;
	margin:auto;
	margin-top:50px;
	color:#333;
}

div.form{
	border:3px;
	border-color:#ccc;
	border-style:solid;
	border-radius:15px;
	margin:auto;
	padding:20px;
	margin-top:20px;
}



form label{
	display:inline-block;
	width: 220px;
	margin-left:10px;
}


form select,input{
	width: 300px;
}

input[type=checkbox]{
	width:30px;
}

form p.line-submit{
	height:50px;
}

form p button[type=submit]{
	margin-left:60%;
}