﻿
.CenterMe {
	background-color:#d6d6d4;
	color: #FFF;
	font-size: 1rem;
	text-transform: uppercase;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.FlexWrapper {

	display: flex;
	justify-content: space-around;
	height: auto;
	width: 100%;
}

.FlexItems {
border: 2px solid #ebebeb; 	
	justify-content: center;
    color: #776363;
	font-size: 2.0rem;
/*	text-transform: uppercase; */
	display: flex;
	height: 100px;
/*	text-shadow: 1px 1px 1px #2d2d2d; */
}	
}

.FlexItems2 {
/*	border: 1px solid #ebebeb; */	
	justify-content: center;
    color: #FFF;
	font-size: 1.5rem;
	text-transform: uppercase;
	display: flex;
	height: 45px;
	margin-top: 10px;
	text-shadow: 1px 1px 1px #2d2d2d; 

/*	margin-bottom: 0px; */
}


.FlexOne {
 /*   align-items: center;   adjust logo*/
	flex: 1 0 auto;
	background: linear-gradient( #e3e3e3, #f0f2ec); 
	/* background: linear-gradient( #003366, #558bad); */
 /*	width: 275px /*	added 25px to the image width for margins */
	
}


.FlexTwo {
  align-items: center; 
    padding-left:5px;
    padding-right:5px;
	flex: 1.5 0 auto;
	background: linear-gradient( #e3e3e3, #f0f2ec);  
/*	background: linear-gradient( #003366, #558bad); */

}


.FlexThree {
    align-items: center;
	flex: 1 0 auto;
 	background: linear-gradient( #e3e3e3, #f0f2ec);  
/*	background: linear-gradient( #003366, #558bad); */

/*	width: 125px /*	added 25px to the image width for margins */


}

.FlexFour {
    align-items: center;
	flex: 1 0 auto;
	background-color: #e3e3e3; 
}


.grad1 {
    height: 85px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e3e3e3, #f0f2ec); /* Standard syntax (must be last) */
}

.form-group-mod {
margin-bottom:5px;
padding-left:5px;
}

.mrgn-cust {
 	 margin-top: 5px;
   }
   
/* .placeholder {
 	 font-size: 12px;
   } */
   
.mrgn-left-cust {
 	 margin-left: 21px;
   }
 
.form-text {
	font-size: 14px;	
	}
	
.txt-vertcntr {
	margin-top: 5px;
	}

/* .radio {	
  margin-top: -1px;
  vertical-align: top; 
} */

input[type=radio], label{   
    vertical-align: baseline;
    
    margin: 2.5px;
 }
	

.place-color::-moz-placeholder {
  color: #e7e6e6;
}
.place-color:-ms-input-placeholder {
  color: #e7e6e6;
}
.place-color::-webkit-input-placeholder {
  color: #e7e6e6;
}

.hide-error {
    display: none;
}

.welnext {
   display: inline-block;
/* padding: 6px 12px; */
  	margin-bottom: 0;
  	text-align: center;
 	white-space: nowrap;
 	vertical-align: middle;
 	cursor: pointer;
    height: 40px;
    line-height: 40px;
/*    padding: 0 40px; */
    border: 1px solid #c7c6c5;
    border-radius: 5px;
    color: #40464b;
    font-family: sans-serif; 
    font-size: 15px;
    font-weight: 700; 
    text-decoration: none;
    background: #efefef;
    /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #dadada 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #dadada));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0%, #dadada 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0%, #dadada 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%, #dadada 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #efefef 0%, #dadada 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$t5_btn_bg_start', endColorstr='$t5_btn_bg_end',GradientType=0 );
    /* IE6-9 */ }
    
.welnext:hover {
    background: #efefef;  text-decoration: none; color: #40464b; } /*button hover color*/
    
a:link {
    text-decoration: none;
}

a:visited
{
color: #40464b;
text-decoration: none;
}

.add-pad
{
padding-left: 3px;
}

/*---------------------------------------------------------------------------------------------*/    
  
 /* xs < 768 */
@media screen and (max-width: 767px) {
    body {
        font-size: 1.1em;
		
    }
      
  h4 {
        font-size: 1.2em;
    }

  h5 {
        font-size: 1.2em;
    }

	.FlexItems {
	font-size: 1.3rem;	
	}

	.FlexItems2 {
	font-size: 1.3rem;	
	}

	.FlexWrapper {
	display: inline-block;
	}

	.FlexOne {
    	height: 65px;
    	/* background: linear-gradient( #e3e3e3, #c1c7b1); */
    	background: linear-gradient( #e3e3e3, #ecedea);

	}

	.FlexTwo {
    	height: auto;
    	background: linear-gradient( #ecedea, #e7e8e6);

	}

	.FlexThree {
    	height: 40px;
    	background: linear-gradient(#e7e8e6, #f0f2ec);

	}
	
	 .form-text {
	font-size: 1.0em;	
	}

    .welnext {
        font-size: 11px;       
    }
	 
}

/* sm */
@media screen and (min-width: 768px) {
    body {
        font-size: 1.2em;
    background: url('../img/index_bkg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;			
    }

    h4 {
        font-size: 1.3em;
    }
        
    h5 {
        font-size: 1.4em;
    }


   .FlexItems {
	font-size: 1.5rem;	
	height: 65px;
	
	}
	
	 .form-text {
	font-size: 1.1em;	
	}

}

/* md */
@media screen and (min-width: 992px) {
    body {
        font-size: 1.3em;
    background: url('../img/index_bkg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;		
    }
	

    h4 {
        font-size: 1.4em;
	}
	
	h6 {
        font-size: 1.0em; 
	}

  .FlexItems {
	font-size: 1.65rem;	
	height: 65px;
	}
	
.row-even {
	background-color: #d3d2d2;
}

.row-odd {
	background-color: #b4b2b
}

 .mrgn-cust {
 	 margin-top: 10px;
 	 margin-left: 3px;
   }
   
   	 .form-text {
	font-size: 14px;	
	}


}

/* lg */
@media screen and (min-width: 1200px) {
   
	 body {
        font-size: 1.4em;
    background: url('../img/index_bkg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;		
    }
	
        h4 {
        font-size: 1.6em; 
}

		h5 {
        font-size: 1.4em; 
}
		h6 {
        font-size: 1.0em; 
}
    
  .FlexItems {
	font-size: 1.9rem;	
	height: 65px;
	}   
	
	.mrgn-cust {
	 	 margin-top: 10px;
	 	 margin-left: 2px;
   }

   	 .form-text {
	font-size: 14px;	
	}

  
}

/*---------------------------------------------------------------------------------------------*/  
 
    
 .hdr-cust {
	  vertical-align: middle;
	  height: 85px }

 .pghdr-cust {
	  padding-bottom:0; 
	  margin:0 0 10px; 
	  border-bottom:1px solid #d3d2d2  ; /* #eee */
   }

    
 .undl-cust {
	  padding-bottom:0; 
	
	  border-bottom:1px solid #dddbdb ;  /* #d3d2d2 */
	}
	.footer-col {
    color: #fefefe; 
	}

/*------------moved from end of header*/
pre {margin: 45px 0 60px;}

h1 {margin: 60px 0 60px 0;}

p {margin-bottom: 10px;}

.error {color: #c7254e;}

/*--------------------------------------------------*/

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 100px auto;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.spinner2 {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 100px auto;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
