/*
	-----------------------------------------------------------------------------------
	----------------------------    ZCode Base-site css    ----------------------------
	-----------------------------------------------------------------------------------
*/
div#popup-container {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #00000020;
}

div#popup-container .popup-window {
	width: 400px;
	position: absolute;
	background: white;
	border: 1px solid black;
	border-radius: 12px;
	padding: 20px;
	left: calc(50% - 200px);
	top: 80px;
	box-shadow: 7px 7px 11px rgba(0,0,0,0.3);
}
div#popup-container .popup-window .close-popup {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 10px 12px;
	font-family: sans-serif;
}

.main ul {
	list-style: disc;
	margin-left: 30px;
	font-size: 16px;
	line-height: 19px;
	width: 70%;
}

.main .callout ul {
	list-style: disc;
	margin-left: 20px;
	font-size: 16px;
	line-height: 19px;
	width: 80%;
}

.main .callout ul li {
	margin-bottom: 5px;
}

div#popup-container .popup-footnote {
	font-size: 14px;
	line-height: 16px;
}	

.columns {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.white-box-60 {
	background: rgba(255, 255, 255, 0.60);
	border-radius: 20px;
}
	
.columns .column {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	position:relative;
}

.main .column p {
	width: 100%;
}

.columns .column.col1 { -webkit-flex: 1 1 8.333325%; -ms-flex: 1 1 8.333325%; flex: 1 1 8.333325%; }
.columns .column.col2 { -webkit-flex: 1 1 16.66665%; -ms-flex: 1 1 16.66665%; flex: 1 1 16.66665%; }
.columns .column.col3 { -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; }
.columns .column.col4 { -webkit-flex: 1 1 33.33333%; -ms-flex: 1 1 33.33333%; flex: 1 1 33.33333%; }
.columns .column.col5 { -webkit-flex: 1 1 41.66666%; -ms-flex: 1 1 41.66666%; flex: 1 1 41.66666%; }
.columns .column.col6 { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; }
.columns .column.col7 { -webkit-flex: 1 1 58.33333%; -ms-flex: 1 1 58.33333%; flex: 1 1 58.33333%; }
.columns .column.col8 { -webkit-flex: 1 1 66.66665%; -ms-flex: 1 1 66.66665%; flex: 1 1 66.66665%; }
.columns .column.col9 { -webkit-flex: 1 1 75%; -ms-flex: 1 1 75%; flex: 1 1 75%; }
.columns .column.col10 { -webkit-flex: 1 1 83.33333%; -ms-flex: 1 1 83.33333%; flex: 1 1 83.33333%; }


.flash {
	text-align: center;
	color: #900;
	font-size: 17px;
}


.input-form .columns .column {
	padding: 0 4px 0 4px;
}
.input-form .columns .column:first-child {
	padding-left: 0;
}
.input-form .columns .column:last-child {
	padding-right: 0;
}

.clear {
	clear: both;
}

img .center {
	vertical-align: middle;
}

.center {
	text-align: center;
}


/*
	-----------------------------------------------------------------------------------
	--------------------------    End ZCode Base-site css    --------------------------
	-----------------------------------------------------------------------------------
*/
/*
		 d888b  db       .d88b.  d8888b.  .d8b.  db        
		88' Y8b 88      .8P  Y8. 88  `8D d8' `8b 88        
		88      88      88    88 88oooY' 88ooo88 88        
		88  ooo 88      88    88 88~~~b. 88~~~88 88        
		88. ~8~ 88booo. `8b  d8' 88   8D 88   88 88booo.   
		 Y888P  Y88888P  `Y88P'  Y8888P' YP   YP Y88888P   
*/											   

									   
										
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

body {
	font-family: "Open Sans", sans-serif;
	background-color: #c4ecfc;
}

body > div {
	background-color: white;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

h1 {
	/* text-transform: uppercase;*/
	/*color: #54938f;*/
	font-style: normal;
	font-weight: 500;
	font-size: 2em;
	text-align: left;
	margin: 10px 0;
	/* font-weight: bold; */
}

h2 {
	color: #E51B24;
	font-weight: 500;
	font-size: 1.4em;
	margin: 18px 0 6px;
}

p, li {
	line-height: 24px;
	font-size: 17px;

}

h2.purple {
	margin: 10px 0 0 0;
}

h3 {
	color: black;
	font-weight: bold;
	font-size: 1.15em;
}

.teal-text {
	color: #68b1ad;
}

.teal-background {
	color: white;
	background-color: #68b1ad;
}

.black-text {
	color: black;
}
.red-text {
	color: #E51B24;
}


.purple-text {
	color: rgb(167,29,142);
}

.teal {
	background-color: #68b1ad;
}

.banner {
	background-repeat: no-repeat;
	background-size: contain;
	height: 20vw;
	background-image: url(/img/boots_crop.png);

}

.right {
	text-align: right;
}
.column.white-box {
	background-color: white;
}

/*
		db   db d88888b  .d8b.  d8888b. d88888b d8888b.    
		88   88 88'     d8' `8b 88  `8D 88'     88  `8D    
		88ooo88 88ooooo 88ooo88 88   88 88ooooo 88oobY'    
		88~~~88 88~~~~~ 88~~~88 88   88 88~~~~~ 88`8b      
		88   88 88.     88   88 88  .8D 88.     88 `88.    
		YP   YP Y88888P YP   YP Y8888D' Y88888P 88   YD    
*/												   
.header .upper {
	background: url(/img/upper_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	position: relative;
}

div.header .upper .lang-selector {
	position: absolute;
	padding: 20px 0;
	right: 50px;
	bottom: 0.6vw;
}

div.header .upper .lang-selector li {
	display: inline-block;
}

div.header .upper .lang-selector li a {
	color: #E51B24;
	text-decoration: none;
	padding: 6px;
}
div.header .upper .lang-selector li a:hover {
	text-decoration: underline;
}

div.header .nav {
	/*background: #D5F1FB;*/
	/*border-top: 4px solid #B1E3F7; */
	/*border-bottom: 4px solid #B1E3F7; */
	text-align: center;
	display: flex;
	min-height: 35px;
}

div.header .nav a {
	flex: 0 1 auto;
	display: inline-block;
	color: black;
	text-decoration: none;
	padding: 8px 15px;
	font-size: 1.1em;
	/*text-transform: uppercase;*/
} 

div.header .nav a:hover {
	text-decoration: underline;
}

.red.divider {
	flex: 0 1 auto;
	display: inline-block;
	color: black;
	text-decoration: none;
	padding: 8px;
	font-size: 1.1em;
	color: #E51B24;
}

div.logo {
    display: inline;
}

div.logo img.logo {
	width: 40%;
	margin-left: 20px;
	margin-top: 20px;
}

div.medallion {
    display: inline-block;
}

div.medallion img.medallion {
	margin-left: 40px;
    width: 9vw;
}

.button-bar {
	text-align: right;
	padding-right: 20px;
}

.button-bar a {
	border: 2px solid #E51B24;
	border-radius: 10px;
	padding: 5px 14px;
	margin: 5px 7px;
	display: inline-block;
	color: #E51B24;
	font-weight: bold;
	text-decoration: none;
}


/*
		.88b  d88.  .d8b.  d888888b d8b   db               
		88'YbdP`88 d8' `8b   `88'   888o  88               
		88  88  88 88ooo88    88    88V8o 88               
		88  88  88 88~~~88    88    88 V8o88               
		88  88  88 88   88   .88.   88  V888               
		YP  YP  YP YP   YP Y888888P VP   V8P               
*/

.main {
	padding: 10px 40px 40px 40px;
}

.main > p, .main > ul {
	max-width: 800px;
}

.section-image form {
	padding: 30px;
}

.tiles {
  /*  background: #e5f7fb;*/
	padding: 40px;
}

.tile-listing {
	display: inline-grid;
	width: 33.3%;
	height: 260px;
	padding: 41px;
}

.tile-listing .inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	color: white;
	padding: 10px;
	text-align: center;
	background: #E51B24;
	border-radius: 20px;
 /*   border-top: 5px solid rgb(192,212,0); */
  /*  border-bottom: 1px solid #999; */
}

.tile-listing .inner .tile-image {
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.tile-listing .tile-image.grow {
	flex: 1 1 auto;
}
.tile-listing .tile-image.grow2 {
	flex: 2 1 auto;
}

.tile-listing .tile-button a.button {
	text-decoration: none;
	font-weight: bold;
	color: white;
	font-size: 1.2em;
}

/*
		d88888b  .d88b.   .d88b.  d888888b d88888b d8888b. 
		88'     .8P  Y8. .8P  Y8. `~~88~~' 88'     88  `8D 
		88ooo   88    88 88    88    88    88ooooo 88oobY' 
		88~~~   88    88 88    88    88    88~~~~~ 88`8b   
		88      `8b  d8' `8b  d8'    88    88.     88 `88. 
		YP       `Y88P'   `Y88P'     YP    Y88888P 88   YD 
*/												   


div.page-footer {
	background-color: white;
	background: url(/img/lower_left.jpg) white;
	text-align: right;
	min-height: 80px;
	background-position: right;
	padding: 0 0 0 100px;
	color: black;
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
}


div.page-footer .column.logo {
	background-image: url(/img/Covis_logo.png);
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: center center;
}

div.page-footer a {
	text-decoration: none;
	color: black;
}

.page-footer .slope img {
	height: 5vw;
}

.column.copyright {
	padding: 1.2vw;
	color: grey;
}

.copyright div.small p {
	font-size: 75%;
}

/*
		d8888b.  .d8b.   d888b  d88888b .d8888.            
		88  `8D d8' `8b 88' Y8b 88'     88'  YP            
		88oodD' 88ooo88 88      88ooooo `8bo.              
		88~~~   88~~~88 88  ooo 88~~~~~   `Y8b.            
		88      88   88 88. ~8~ 88.     db   8D            
		88      YP   YP  Y888P  Y88888P `8888Y'            
*/	

.front-page .main {
	padding: 0;
}

.front-page .banner {
	background-image: url(/img/boots.jpg);
	min-height: 40vw;
	background-size: contain;
	background-position: center;
}

.front-page-sections {
	background-color: #caf0ff;
	padding: 20px;
	color: black;
	border-radius: 40px;
	border-width: 8px;
   margin: 40px 0;
	display: flex;
	flex-direction: row;
	margin: 40px 10px 40px 10px;
}

.front-page-section {
	width: 50%;
	padding: 40px;
	border-left: 1px solid black;
}

.front-page-section:first-child {
	border-left: none;
}

.front-page-sections h2 {
	color: black;
	margin: 0 0 10px;
}

.front-page-sections h3 {
	color: black;
	font-weight: bold;
	font-size: 1.15em;
}
	
.front-page-section .form-row {
	margin-bottom: 20px;
}
.front-page-section .form-row:last-child {
	margin-bottom: 0px;
}

.contact-us-form {
	padding: 30px;
}

.contact-us-form .form-row { 
	margin-bottom: 20px;
}

.contact-us-form label {
	display: block;
	text-transform: uppercase;
	color: #777;
}
.contact-us-form input[type="text"], .contact-us-form input[type="email"] {
	width: calc(100% - 20px);
}

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

			 d888   .d8888b.   .d8888b.      d8888                    
			d8888  d88P  Y88b d88P  Y88b    d8P888                    
			  888  888    888        888   d8P 888                    
			  888  888    888      .d88P  d8P  888  88888b.  888  888 
			  888  888    888  .od888P"  d88   888  888 "88b `Y8bd8P' 
			  888  888    888 d88P"      8888888888 888  888   X88K   
			  888  Y88b  d88P 888"             888  888 d88P .d8""8b. 
			8888888 "Y8888P"  888888888        888  88888P"  888  888 
													888               
													888               
													888               
																	
-----------------------------------------------------------------------------------  */



@media only screen and (max-width: 1024px) {
	

}

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

					 .d8888b.      d8888   .d8888b.                    
					d88P  Y88b    d8P888  d88P  Y88b                   
					Y88b. d88P   d8P 888  888    888                   
					 "Y88888"   d8P  888  888    888 88888b.  888  888 
					.d8P""Y8b. d88   888  888    888 888 "88b `Y8bd8P' 
					888    888 8888888888 888    888 888  888   X88K   
					Y88b  d88P       888  Y88b  d88P 888 d88P .d8""8b. 
					 "Y8888P"        888   "Y8888P"  88888P"  888  888 
													 888               
													 888               
													 888               
																														
 -----------------------------------------------------------------------------------  */


@media only screen and (max-width: 840px) {

}

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

					 .d8888b.      d8888   .d8888b.                    
					d88P  Y88b    d8P888  d88P  Y88b                   
					888          d8P 888  888    888                   
					888d888b.   d8P  888  888    888 88888b.  888  888 
					888P "Y88b d88   888  888    888 888 "88b `Y8bd8P' 
					888    888 8888888888 888    888 888  888   X88K   
					Y88b  d88P       888  Y88b  d88P 888 d88P .d8""8b. 
					 "Y8888P"        888   "Y8888P"  88888P"  888  888 
													888               
													888               
													888               
												   
 -----------------------------------------------------------------------------------  */


@media only screen and (max-width: 640px) {
	.front-page-sections {
		flex-direction: column;
	}

	.front-page-sections .front-page-section {
		width: 100%;
		border: none;
		border-top: 1px solid black;
	}
	.front-page-sections .front-page-section:first-child {
		border-top: none;
	}
}	


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

						d8888   .d8888b.   .d8888b.                    
					   d8P888  d88P  Y88b d88P  Y88b                   
					  d8P 888         888 888    888                   
					 d8P  888       .d88P 888    888 88888b.  888  888 
					d88   888   .od888P"  888    888 888 "88b `Y8bd8P' 
					8888888888 d88P"      888    888 888  888   X88K   
						  888  888"       Y88b  d88P 888 d88P .d8""8b. 
						  888  888888888   "Y8888P"  88888P"  888  888 
													 888               
													 888               
													 888    

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

@media only screen and (max-width: 420px) {

}