/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	background: padding:1em 0; text-align:center;
}

/*  References Manual Slideshow   ==================================================================== */

.nospace {
	display:none;
	visibility:hidden;
}

.mySlides {
	display:none;
}

.w3-btn,.w3-button {
	border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap
}

.w3-black,.w3-hover-black:hover {
	color:#fff!important;background-color:#000!important
}

.w3-display-left {
	/*  position:relative;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%) */
}

.w3-display-right {
	/*  position:relative;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%) */
}

/*  End References Manual Slideshow   ==================================================================== */

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

/*  GRID OF TWO   ============================================================================= */

.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/* -------------------------------------------------- */

/* Send Button Styles */

  .send-btn{
    padding: 10px 24px; 
    font-size: 1.5em;
    border-radius: 50%;
    color: #fff;
    background-color: #c3c3c3;
  }
  
/* -------------------------------------------------- */


/*  floating java top button  */
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 6px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgb(192,192,192); opacity: 0.6; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

/*  end floating java top button  */


.mytext2 {
	clear: both;
	margin: 1% 0 1% 1.6%;
	text-align:left;
	padding-top:12px;
	padding-right:0;
	padding-left:0;
} 

.section p {
	text-align:left; 
	padding-left:5%;
}

.my_checkbox {
    width: 90%;
    padding: 12px 20px;
	margin: 1% 0 1% 5%;
	text-align:left;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
} 

input[type=text] {
    width: 90%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    background: transparent;
    color: white;
}

textarea {
    width: 89%;
    height: 10%;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    background: transparent;
    color: white;
}