label{
 font-size:70%;
 }

.packagebox {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius:5px;
  padding:0px;
  margin:0px;
}


.packagebox:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
 // transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */

.packagebox:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */

.packagebox:active:after {
  opacity: 0;
}



body {
overflow-x: hidden;
 -ms-scroll-limit-x-max:0;/*keeps hexagons from expanding page*/
 -ms-scroll-limit-x-min:0;
   overflow-y: scroll;
   padding:0px;
}

html, body, iframe, input {

font-family: "Montserrat";
    text-align: center;
    
margin:0;

padding:0;



}

form{
font-size: x-large;
}

input, textarea{
border-radius:5px;
border: solid 1px;
border-color: grey;
}

.h2_bar{
width:100%; 
background-color:white; 
color:#63A1B0; 
font-size:37px; 
padding-top:5px; padding-bottom:5px;
height:50px; 
position:relative;
}
.h2_bar_invert{
width:100%; 
background-color:#63A1B0; 
color:white; 
font-size:37px; 
padding-top:5px; padding-bottom:5px;
height:50px; 
position:relative;
}

.header{
   background: url("background_highq.jpg") no-repeat top center fixed;
   background-size: cover;
   background-attachment: scroll;
   height: 100%;
   width: 100%;
   margin: 0px;
   padding: 0px;
   top:80px;
   position:fixed;
   z-index:-900;
}

.header3{
   background: white;
   background-size: cover;
   background-attachment: scroll;
   height: 100%;
   width: 100%;
   margin: 0px;
   padding: 0px;
   top:80px;
   position:fixed;
   z-index:-900;
}
 /*
#iframe{
    width:75%;
    height:500;
    margin-left:50px;
    border:none;
    position:fixed;
    left: 50%;
margin-left: -37.5%;
top:80px;
}*/




.iframeHat2 {
    height:500;
    border:none;
top:680px;
    background-color:transparent;//rgba(10,100,0,0.5);
    z-index:999;
 scrolling:no;
   position:fixed; 
   height:480px; /* your iframe height */
   //top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}





.graph{
border-radius: 5px;
}

.sm_logos{
width:15vw;
padding:1vw;
opacity:0.1;
}

.sm_logos2{
width:7vw;
padding:1vw;
opacity:1;
}

.surv_logos{
width:8vw;
padding:1vw;
opacity:1;
}

.menu:hover{
    color: black;
}





a{
    color: #63A1B0;
    text-decoration: none;
}


.packagebox, table{
 box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}


.h1_packages{
color:#63A1B0;
}


td{
padding: 25px;
border-bottom: 1px solid #ddd;

}
.checkmark{
width:45px;

}
tr:hover {background-color: #f5f5f5}

.quotes{
left:-8000px;
display:none;

}
.authors{
left:-10000px;
display:none;

}

.bordered{
border:solid 1px; border-radius:5px; border-color:#CACFD2; border-style:outset;

}


.requestbutton { 
color:white;
}
.requestbutton:hover {
color:black;
}


.requestbutton2 {
color:#295679;
}
.requestbutton2:hover {
color:#FFAF0A;
}

.requestbutton3 {
color:#992277;
}
.requestbutton3:hover {
color:#FFAF0A;
}

#viewComparison {
color:#63A1B0;
}
#viewComparison:hover {
color:#295679;
}


.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  
  border-top: 15px solid #63A1B0;
  padding:0;
  margin:0;
}


.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  
  border-bottom: 15px solid #63A1B0;
  padding:0;
  margin:0;
}


#submit_button{
background-color:white; }


#submit_button:hover{
color:white;
border-color:#63A1B0;
background-color: #63A1B0; 
cursor:pointer;
}


.bottom_links{
color: white;
	
}