@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;900&display=swap);
/*
	@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;900&display=swap);
	@import url(http://fonts.googleapis.com/css?family=Lobster);
	Halcyonic 1.0 by nodethirtythree + FCT
	http://nodethirtythree.com | @nodethirtythree
	Released under the Creative Commons Attribution 3.0 license (nodethirtythree.com/license)
*/
/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/
.carousel-item {
  width: 580px;
  height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
	
/* Basic */

		body
		{
			background: #D4D9DD url('images/bg03.jpg');
		}

		body, input, textarea, select, nav
		{
			color: black; /*#474f51; */;
			font-size: 12pt;
			font-family: Cairo, sans-serif;
			line-height: 1.85em;
			font-weight: 400;
		}
		ul, ol, p, dl
		{
			margin: 0 0 2em 0;
		}

		a
		{
			text-decoration: underline;
		}
		
		a:hover
		{
			text-decoration: none;
		}

		section > :last-child, .last-child
		{
			margin-bottom: 0 !important;
		}

	/* Multi-use */

		.link-list
		{
		}
		
			.link-list li
			{
				padding: 0.2em 0 0.2em 0;
			}
			
			.link-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
			}
			
			.link-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

			#content .link-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .link-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}

		.quote-list
		{
		}
		
			.quote-list li
			{
				padding: 1em 0 1em 0;
				overflow: hidden;
			}
			
			.quote-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
			}

			.quote-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

				.quote-list li img
				{
					float: left;
				}

				.quote-list li p
				{
					margin: 0 0 0 90px;
					font-size: 1.2em;
					font-style: italic;
				}
				
				.quote-list li span
				{
					display: block;
					margin-left: 90px;
					font-size: 0.9em;
					font-weight: 400;
				}

			#content .quote-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .quote-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}
		
		.check-list
		{
		}

			.check-list li
			{
				padding: 0.7em 0 0.7em 45px;
				font-size: 1.2em;
				background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
			}
			
			.check-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
				background-position: 0 0.3em;
			}

			.check-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

			#content .check-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .check-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}
			
		.feature-image
		{
			display: block;
			margin: 0 0 2em 0;
			outline: 0;
		}
		
			.feature-image img
			{
				display: block;
				width: 100%;
			}

		.bordered-feature-image
		{
			display: block;
			background: #fff url('images/bg04.png');
			padding: 10px;
			box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
			margin: 0 0 1.5em 0;
			outline: 0;
		}
		
			.bordered-feature-image img
			{
				display: block;
				width: 100%;
			}
		
		.button-big
		{
			display: inline-block;
			background: #ed391b;
			color: #fff;
			text-decoration: none;
			font-size: 1.75em;
			font-weight: 300;
			padding: 15px 45px 15px 45px;
			outline: 0;
			border-radius: 10px;
			box-shadow: inset 0px 0px 0px 1px rgba(255,96,96,0.65), 3px 3px 3px 1px rgba(0,0,0,0.15);
			background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
			background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
			background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
			background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
			background-image: linear-gradient(top, #ed391b, #ce1a00);
		}

		.button-big:hover
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,128,128,0.65), 3px 3px 3px 1px rgba(0,0,0,0.15);
			background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
			background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
			background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
			background-image: -o-linear-gradient(top, #fd492b, #de2a10);
			background-image: linear-gradient(top, #fd492b, #de2a10);
		}

		/************************* The Modal*/
		/* The Modal (background) */
		.modal {
		  display: none; /* Hidden by default */
		  position: fixed; /* Stay in place */
		  z-index: 1; /* Sit on top */
		  padding-top: 100px; /* Location of the box */
		  left: 0;
		  top: 0;
		  width: 100%; /* Full width */
		  height: 100%; /* Full height */
		  overflow: auto; /* Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
		}
		
		/* Modal Content (image) */
		.modal-content {
		  margin: auto;
		  display: block;
		  width: 80%;
		  max-width: 854px;
	  	  padding: 5px;
	  	  background:#CCCCCC;
		}
		.modal-content:hover{
			background:aqua;	
			opacity: 1;
		}
		/* Modal Content (Video) */
		.modal-content-video {
		  margin: auto;
		  display: block;
		  width:854px;
		  height:480px;
		  max-width: 854px;
	  	  padding: 5px;
	  	  background:#CCCCCC;
		}
		.modal-content-video:hover{
			background:aqua;
			opacity: 1;
		}
		
		/* Caption of Modal Image */
		#caption {
		  margin: auto;
		  display: block;
		  width: 80%;
		  max-width: 854px;
		  text-align: center;
		  color: #ccc;
		  padding: 10px 0;
		  height: 150px;
		}
		
		/* Add Animation */
		.modal-content, .modal-content-video, #caption {  
		  -webkit-animation-name: zoom;
		  -webkit-animation-duration: 0.6s;
		  animation-name: zoom;
		  animation-duration: 0.6s;
		}
		
		@-webkit-keyframes zoom {
		  from {-webkit-transform:scale(0)} 
		  to {-webkit-transform:scale(1)}
		}
		
		@keyframes zoom {
		  from {transform:scale(0)} 
		  to {transform:scale(1)}
		}
		
		/* The Close Button */
		.close {
		  position: absolute;
		  top: 15px;
		  right: 35px;
		  color: #f1f1f1;
		  font-size: 40px;
		  font-weight: bold;
		  transition: 0.3s;
		}
		
		.close:hover,
		.close:focus {
		  color: #bbb;
		  text-decoration: none;
		  cursor: pointer;
		}
		
		/* 100% Image Width on Smaller Screens */
		@media only screen and (max-width: 700px){
		  .modal-content {
		    width: 100%;
		  }
		  .modal-content-video {
				width:98%;
				height:auto;
			}
		}
/************************* End The Modal*/



/*********************************************************************************/
/* 1200px (>= 481px) Desktop										             */
/*********************************************************************************/

	@media only screen and (min-width: 481px) {
		.email {
			width:50%;
		}
		img:hover {	
			opacity: 0.5;
		}
		section:last-child
		{
			margin-bottom: 0 !important;
		}

		/* Wrappers */

			#header-wrapper
			{
				background: #3B4346 url('images/bg01.jpg');
				border-bottom: 1px #E0E8EB solid;
				/*box-shadow: inset 0px -1px 0px 0px #51575a;*/
			}

			.subpage #header-wrapper
			{
				height: 155px;
			}
			
			#features-wrapper
			{
				background: #f7f7f7 url('images/bg04.png');
				border-bottom: 1px #E0E8EB solid;
				padding: 15px 0 15px 0;
			
			}
			
			#content-wrapper
			{
				background: #f7f7f7 url('images/bg04.png');
				border-bottom: 1px #E0E8EB solid;
				padding: 15px 0 15px 0;
				font-size:11pt;
			
			}
			
			#footer-wrapper
			{
				padding: 45px 0 45px 0;
			}
		
		/* Header */
		
			#header
			{
				min-height: 100px;
				position: relative;
				background: #3B4346 url('images/bg01.jpg');
			}
				#header img
				{
					float:left;
					
				}

				#header h1
				{
					position: absolute;
					left: 0;
					bottom: 35px;
					font-family: 'Lobster', sans-serif;
					font-size: 2.75em; /*2.75em; */
				}
			
					#header h1 a
					{
						color: #003300;
						text-decoration: none;
					}
				#header h2
				{
					text-align: right;
					font-size: 1.3em;
					color: #800000;
				}
					#header h2 a
					{
						color: #800000;
						text-decoration: none;
					}
					#header h2 a:hover
					{
						color: #FF0000;
					}
				#header h3
				{
				 text-align: right;
				 color: #000000;
				}
					#header h3 a
					{
						color: #000000;
						text-decoration: none;
					}
					#header h3 a:hover
					{
						color: #FF0000;
					}

				#header nav
				{
					position: absolute;
					right: 0;
					bottom: 0px;
					font-weight: normal;
				}
			
					#header nav a
					{
						color: #003300;
						text-decoration:none;
						font-size: 1.2em;
						font-weight: 600;
						margin-left: 20px;
						outline: 0;
					}

					#header nav a:hover
					{
						color: #FF0000;
					}

		/* Banner */
			
			#banner
			{
				background: #f7f7f7 url('images/bg04.png');
/*				border-top: solid 1px #222628; 
				box-shadow: inset 0px 1px 0px 0px #3e484a;*/
				padding: 10px 0 10px 0;
				color: #000000;
			}

				#banner .bordered-feature-image
				{
					margin-bottom: 0;
				}

				#banner p
				{	
					font-size: 1.6em;
					font-weight: 200;
					line-height: 1.25em;
					padding-right: 1em;
					margin: 0 0 1em 0;
					text-align: justify;
				}
				#banner video
				{	
					width:640px;
					height:360px;
				}

		/* Features */

			#features
			{
				color: #000000;
			}
			
				#features h2
				{
					font-size: 1.25em;
					color: #003300;
					margin: 0 0 0.25em 0;
					font-weight:bold;
				}
				#features a
				{
					color: #003300;
				}
				#features section a h2:hover
				{
					color: #FF0000;
				}
								
				#features section a h3:hover
				{
					color: #FF0000;
				}
				#features section h3 strong
				{
					font-weight:bold;
				}

				#features strong
				{
				color: #003300;
				}


		/* Content */

			#content
			{
			}
			
				#content section
				{
					background: #fff;
					padding: 40px 30px 45px 30px;
					box-shadow: 2px 2px 2px 1px rgba(128,128,128,0.1);
					margin: 0 0 10% 0;
					height:480px;
				}

				#content h2
				{
					font-size: 1.8em;
					color: #000000;
					margin: 0 0 0.25em 0;
				}
				
				#content h3
				{
					color: #000000;
					font-size: 1.25em;
				}
				
				#content a
				{
					color: #003300;
					text-decoration: none;				
				}
					#content a:hover 
					{
						color: #FF0000;
					}
				
				#content header
				{
					margin: 0 0 2em 0;
				}

		/* Footer */

			#footer
			{
			color: #000000;
				/*text-shadow: 1px 1px 0px rgba(255,255,255,0.5); */
			}
				#footer h2
				{
					font-size: 1.25em;
					color: #000000;
					margin: 0 0 0.5em 0;
				}
				#footer a
				{
				color: #000000;
				text-decoration: none;
				}
					#footer a:hover
					{
						color: #FF0000;
					}

		/* Copyright */

			#copyright
			{
				border-top: solid 1px #b5bec3;
				box-shadow: inset 0px 1px 0px 0px #e0e4e7;
				text-align: center;
				padding: 45px 0 80px 0;
				color: #000000;
				/*text-shadow: 1px 1px 0px rgba(255,255,255,0.5); */
}
			
				#copyright a
				{
					color: #E0E4E6;
					text-decoration: none;
				}

					#copyright a
					{
						color: #FF0000;
					}
	}
	
/*********************************************************************************/
/* 1000px (>= 481px && <= 1199px)                                                */
/*********************************************************************************/

	@media only screen and (max-width: 1199px) and (min-width: 481px) {

		/* Multi-use */
			.email {
				width:50%;
			}
			.check-list
			{
			}

				.check-list li
				{
					font-size: 1em;
					line-height: 2em;
				}

			.quote-list
			{
			}
			
				.quote-list li
				{
					padding: 1em 0 1em 0;
				}
				
					.quote-list li img
					{
						width: 60px;
					}
				
					.quote-list li p
					{
						margin: 0 0 0 80px;
						font-size: 1em;
						font-style: italic;
						line-height: 1.8em;
					}
					
					.quote-list li span
					{
						display: block;
						margin-left: 80px;
						font-size: 0.8em;
						font-weight: 400;
						line-height: 1.8em;
					}

			.feature-image
			{
				margin: 0 0 1em 0;
			}

			.button-big
			{
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}

		/* Banner */
			
			#banner
			{
			}

				#banner p
				{	
					font-size: 1.75em;
				}

				#banner video
				{	
					width:480px;
					height:270px;
				}
		/* Header */
		
			#header
			{
			}

				#header h1
				{
					font-size: 2.25em;
				}

				#header nav
				{
				}
			
					#header nav a
					{
						font-size: 1.1em;
					}

		/* Content */

			#content
			{
			}
			
				#content h2
				{
					font-size: 1.4em;
				}

				#content h3
				{
					font-size: 1.1em;
				}
				
				#content header
				{
					margin: 0 0 1.25em 0;
				}
	}
	
/*********************************************************************************/
/* Mobile (<= 480px)                                                             */
/*********************************************************************************/

	@media only screen and (max-width: 480px) {
		.email {
			width:98%;
		}
		body, input, textarea, select
		{
			font-size: 13pt;
			line-height: 1.4em;
		}

		/* Multi-use */

			.quote-list
			{
			}
			
				.quote-list li
				{
				}
				
					.quote-list li p
					{
						margin-bottom: 0.5em;
					}
			
			.check-list
			{
			}

				.check-list li
				{
					font-size: 1em;
				}

			.button-big
			{
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}
			
		/* Wrappers */

			#header-wrapper
			{
/*				background: #3B4346 url('images/bg01.jpg');*/
				background: #3B4346 url('images/bg01.jpg') top center;
				border-bottom: 1px #E0E8EB solid;
				/*box-shadow: inset 0px -1px 0px 0px #51575a;*/
				padding: 15px;
				font-size:0.9em;
			}

			/*
				Don't want the banner? Uncomment the lines below:

				#header-wrapper { background-position: bottom center; }
				#banner { display: none !important; }
			*/

			#features-wrapper
			{
				background: #f7f7f7 url('images/bg04.png');
				padding: 15px 15px 30px 15px;
				font-size:0.9em;
			}
			
			#content-wrapper
			{
				background: #f7f7f7 url('images/bg04.png');
				padding: 5px;
				font-size:0.9em;
			}
			
			#footer-wrapper
			{
				padding: 40px 15px 15px 15px;
			}

		/* Header */
		
			#header
			{
				position: relative;
				text-align: center;
				padding: 10px 0 10px 0;
			}
				#header img
				{
					float:none;
				}
				#header h1
				{
					font-family: Lobster, sans-serif;
					font-size: 2.4em;
					margin: 0.25em 0 0.6em 0;
				}
			
					#header h1 a
					{
						color: #003300;
						text-decoration: none;
					}
					
				#header h2
				{
					text-align: center;
					font-size: 1.2em;
					color: #800000;
				}
					#header h2 a
					{
						color: #800000;
						text-decoration: none;
					}
					#header h2 a:hover
					{
						color: #FF0000;
					}

				#header h3
				{
				 text-align:center;
				 color: #000000;
				}
					#header h3 a
					{
						color: #000000;
						text-decoration: none;
					}
					#header h3 a:hover
					{
						color: #FF0000;
					}

				#header nav
				{
					font-weight: normal;
					line-height: 1.75em;
				}
			
					#header nav a
					{
						display: inline-block;
						color: #003300;
						text-decoration: none;
						font-size: 1.4em;
						font-weight: bold;
						margin: 0 1em 0 1em;
					}

					#header nav a:hover
					{
						color: #FF0000;
					}

			#banner
			{
				background: #f7f7f7 url('images/bg04.png');
				position: relative;
				/*border-top: solid 1px #222628;
				box-shadow: inset 0px 1px 0px 0px #3e484a;*/
				color: #000000;
				text-align: center;
				padding: 20px 20px 10px 20px;
			}

				#banner .bordered-feature-image
				{
					/*height:100px;
					width: 262px;
					display: none; */
				}

				#banner p
				{
					font-size: 1.25em;
					font-weight: 200;
					line-height: 1.25em;
					margin: 0 0 1em 0;
				}
				#banner video
				{	
					width:98%;
					height:auto;
				}

		/* Features */

			#features
			{
				color: #000000;
			}
				#features .imgmobile {
					width:100%;
					height:100%;
				}			
				#features section
				{
					padding: 0 0 25px 0;
					margin: 0 0 25px 0;
					border-bottom: 1px #E0E8EB solid;
					/*box-shadow: inset 0px -1px 0px 0px #272d30;*/
				}
				
				#features > div > div:last-child > section
				{
					padding-bottom: 0;
					margin-bottom: 0;
					border-bottom: 0;
					box-shadow: none;
				}
			
				#features h2
				{
					font-size: 1.25em;
					color: #000000;
					margin: 0 0 0.25em 0;
				}

				#features a
				{
					color: #003300;
				}
				#features section a h2:hover
				{
					color: #FF0000;
				}				
				#features strong
				{
					color: #003300;
				}

		/* Content */

			#content
			{
			}

				#content section
				{
					background: #fff;
					/*box-shadow: inset 0px 0px 0px 1px rgba(128,128,128,0.2);*/
					padding: 30px 15px 30px 15px;
					margin: 0 0 5px 0;
				}
			
				#content h2
				{
					font-size: 1.25em;
					color: #000000;
					margin: 0 0 0.1em 0;
				}
				
				#content h3
				{
					color: #000000;
					font-size: 1em;
				}
				
				#content a
				{
					color: #003300;
					text-decoration: none;				
				}
					#content a:hover 
					{
						color: #FF0000;
					}
				
				#content header
				{
					margin: 0 0 1.25em 0;
				}

		/* Footer */

			#footer
			{
				color: #000000;
				font-size:0.9em;
				
				/*text-shadow: 1px 1px 0px rgba(255,255,255,0.5); */
			}

				#footer section
				{
					margin: 0 0 40px 0;
				}
			
				#footer h2
				{
					font-size: 1.25em;
					color: #000000;
					margin: 0 0 0.75em 0;
				}
				
				#footer a
				{
					color: #000000;
					text-decoration: none;				
				}
					#footer a:hover
						{
							color: #FF0000;		
						}
					

				
				#footer .link-list
				{
					margin: 0 0 30px 0 !important;
				}

		/* Copyright */

			#copyright
			{
				/*border-top: solid 1px #b5bec3;
				box-shadow: inset 0px 1px 0px 0px #e0e4e7;
				*/
				text-align: center;
				padding: 20px 30px 20px 30px;
				color: #FFFFFF;
				/*text-shadow: 1px 1px 0px rgba(255,255,255,0.5);*/
			}
			
				#copyright a
				{
					text-decoration: none;				
					color: #E0E4E6;
				}
					#copyright a:hover 
					{
						color: #FF0000;
					}

	}