/* trigger_popup_see - class to show popup message */
.trigger_popup_see, .trigger_popup_see1, .trigger_popup_see2, .trigger_popup_see3,
.trigger_popup_see4 {
	cursor: pointer;
    font-size: 16px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
	color: #0a883e !important;
	text-decoration: underline !important;
}
.trigger_popup_see5, .trigger_popup_see6, .trigger_popup_see7, .trigger_popup_see8,
.trigger_popup_see9, .trigger_popup_see10, .trigger_popup_see11 {
	cursor: pointer;
    font-size: 16px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
	text-decoration: underline !important;
}
/* end trigger_popup_see class */

/* hover_see - popup class to render popup */
.hover_see, .hover_see1, .hover_see2, .hover_see3, .hover_see4,
.hover_see5, .hover_see6, .hover_see7, .hover_see8, .hover_see9, .hover_see10,
.hover_see11 {
    cursor:pointer;
    display:none;
    position:fixed;
    text-align:center;
	top: 25%;
    width: 60%;
    z-index:10000;
	overflow: scroll;
}
.hover_see7 {
	cursor:pointer;
    display:none;
    position:fixed;
    text-align:center;
	top: 8%;
    width: 60%;
    z-index:10000;
	overflow: scroll;
}
/* end hover_see class */

/* a.trigger_popup_see - make the active link toggle the popup */
a.trigger_popup_see, .trigger_popup_see1, .trigger_popup_see2, .trigger_popup_see3,
.trigger_popup_see4, .trigger_popup_see5, .trigger_popup_see6, .trigger_popup_see7,
.trigger_popup_see8, .trigger_popup_see9, .trigger_popup_see10, .trigger_popup_see11 {
	margin: 0;
}
/* end a.trigger_popup_see class */

/* hover_see .helper class - set screen position */
.hover_see .helper, .hover_see1 .helper, .hover_see2 .helper, .hover_see3 .helper, .hover_see4 .helper,
.hover_see5 .helper, .hover_see6 .helper, .hover_see7 .helper, .hover_see8 .helper,
.hover_see9 .helper, .hover_see10 .helper, .hover_see11 .helper {
	display:inline-block;
    height:100%;
    vertical-align:middle;
}	
/* end hover_see .helper class */

/* hover_see div render class */
.hover_see > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
.hover_see1 > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
.hover_see2 > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
.hover_see3 > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
.hover_see4 > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
.hover_see5 > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
.hover_see6 > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
.hover_see7 > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
.hover_see8 > div, .hover_see9 > div, .hover_see10 > div, .hover_see11 > div {
	background-color: #eeeeee;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
	max-width: 100%;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
	opacity: 0.975;
}
/* end hover_see div render class */

/* popup_close - resusable */
.popup_close {
	background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 17px;
    line-height: 30px;
    width: 30px;
    height: 33px;
    text-align: center;
}
.popup_close:hover {
	background-color: #ccc;
}
.popup_close h3 {
	margin-right: unset !important;
}
.popup_close p {
	margin-right: unset !important;
	line-height: 1.4em !important;
	margin-bottom: .5em !important;
}
/* end popup_close class */