/* SCREEN
----------------------------------------------------------------------------------------------------- */


			
	#wrapper {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #00aeef;
			}
			
			
	#wrapper-ba {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #8E8E4B;
			}	

	#wrapper-bl {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #DD258D;
			}	

	
	#wrapper-ku {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #061f82;
			}	
			
	#wrapper-kv {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #2F5FAE;
			}					
			
	#wrapper-be {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #35939B;
			}
			
			
	#wrapper-md {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #81104A;
			}
			
	#wrapper-def {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #525252;
			}
			
	#wrapper-demo {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #009866;
			}		
									
				
	
	#wrapper-g {
			width:80%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: #939598;
			}
	
	#wrapper-w {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; /* allways relative */
			margin:0 auto; /* keep the layout centered */
			background-color: white;
			}
				
	
		#wrapper-k {
			width:100%;
			min-height:100%; /* keep footer down */
			position:relative; 
			margin:0 auto; /* keep the layout centered */
			background-color: #161616;
			}

			
	#header {
			height:auto;
			background-color: white;
			margin-left:auto;
			margin-right:auto;
			text-align:center; /* logo is centered */
			vertical-align:bottom;
			padding-top:0px;
			}
			
	#headerwi{
			width: 100%;
			height: 340px;
			background-color: white;
			margin-left:auto;
			margin-right:auto;
			border-bottom:0px dotted #005793;
			text-align:center; /* logo is centered */
			}
			
	
		#headerwi2{
			width: 100%;
			height: 100px;
			background-color: white;
			margin-left:auto;
			margin-right:auto;
			border-bottom:0px dotted #005793;
			text-align:center; /* logo is centered */
			}


#headerbox {
            width:100%;
			height:60px;
			background-color:RGBA(0, 174, 239, 1);
/* 			background-color:RGBA(45, 127, 198, 0.95); */
/* 			background-color:RGBA(106, 122, 222, 0.8); */
			-webkit-backdrop-filter: blur(10px);
			margin:0;
			position: fixed;
			padding-bottom:0px;
			text-align:center; /* logo is centered */
			top: 0;
            z-index: 10;
/* 
			 -moz-box-shadow:  0 0 5px 4px #000000;
           -webkit-box-shadow: 0 0 5px 4px #000000;
            box-shadow:        0 0 5px 4px #000000;
 */
			}		

			

		#top {
			width:100%;
			height:60px;
/* 			margin-top: 90px; */
/*             z-index:1; */
			padding-bottom:0px;
			border-top:0px solid #3EDCE7;
			border-bottom:0px solid #3EDCE7;
/* 			text-align:left; */
			}


#headerbox-be {
            width:100%;
			height:60px;
			background-color:#35939B;			
/* 			background-color:RGBA(0, 174, 239, 0.8);			 */
			-webkit-backdrop-filter: blur(10px);			
			margin:0;
			position: fixed;
			padding-bottom:0px;
			text-align:center; /* logo is centered */
			top: 0;
            z-index: 30;
			}		

#headerbox-bl {
            width:100%;
			height:60px;
			background-color:#DD258D;			
/* 			background-color:RGBA(0, 174, 239, 0.8);			 */
			-webkit-backdrop-filter: blur(10px);			
			margin:0;
			position: fixed;
			padding-bottom:0px;
			text-align:center; /* logo is centered */
			top: 0;
            z-index: 30;
			}		


	
#headerbox-md {
            width:100%;
			height:60px;
			background-color:#81104A;			
/* 			background-color:RGBA(0, 174, 239, 0.8);			 */
			-webkit-backdrop-filter: blur(10px);			
			margin:0;
			position: fixed;
			padding-bottom:0px;
			text-align:center; /* logo is centered */
			top: 0;
            z-index: 30;
			}		

#headerbox-ba {
            width:100%;
			height:60px;
			background-color:#8E8E4B;			
/* 			background-color:RGBA(0, 174, 239, 0.8);			 */
			-webkit-backdrop-filter: blur(10px);			
			margin:0;
			position: fixed;
			padding-bottom:0px;
			text-align:center; /* logo is centered */
			top: 0;
            z-index: 30;
			}		

#headerbox-kv {
            width:100%;
			height:60px;
			background-color:#2F5FAE;			
/* 			background-color:RGBA(0, 174, 239, 0.8);			 */
			-webkit-backdrop-filter: blur(10px);			
			margin:0;
			position: fixed;
			padding-bottom:0px;
			text-align:center; /* logo is centered */
			top: 0;
            z-index: 30;
			}		



#headerbox-def {
            width:100%;
			height:60px;
			background-color:#525252;			
/* 			background-color:RGBA(0, 174, 239, 0.8);			 */
			-webkit-backdrop-filter: blur(10px);			
			margin:0;
			position: fixed;
			padding-bottom:0px;
			text-align:center; /* logo is centered */
			top: 0;
            z-index: 30;
			}		


#headerbox-demo {
            width:100%;
			height:60px;
			background-color:#009866;			
/* 			background-color:RGBA(0, 174, 239, 0.8);			 */
			-webkit-backdrop-filter: blur(10px);			
			margin:0;
			position: fixed;
			padding-bottom:0px;
			text-align:center; /* logo is centered */
			top: 0;
            z-index: 30;
			}		

	
	#header2 {
			height:70px;
			background-color: white;
			margin-left:auto;
			margin-right:auto;
			text-align:center; /* logo is centered */
			vertical-align:bottom;
			padding-top:70px;
			}		
	
	
			
	#container {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#00aeef;
    		margin: 0 auto; /* keep container centered */
			}
			
	#container-ba {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#8E8E4B;
    		margin: 0 auto; /* keep container centered */
			}

	#container-bl {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#DD258D;
    		margin: 0 auto; /* keep container centered */
			}

			
	#container-ku {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#061f82;
    		margin: 0 auto; /* keep container centered */
			}
			
	
	#container-kv {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#2F5FAE;
    		margin: 0 auto; /* keep container centered */
			}				
				
			
	#container-be {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#35939B;
    		margin: 0 auto; /* keep container centered */
			}				
	
	#container-md {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#81104A;
    		margin: 0 auto; /* keep container centered */
			}

#container-def {
			width:100%; /* porcentage of the parent element: wrapper */
			height:auto;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#525252;
    		margin: 0 auto; /* keep container centered */
			}	
			
			
	#container-demo {
			width:100%; /* porcentage of the parent element: wrapper */
			height:auto;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#009866;
    		margin: 0 auto; /* keep container centered */
			}		
			
			
	#container-g {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#939598;
    		margin: 0 auto; /* keep container centered */
			}	
			
	#container-w {
			width:100%; /* porcentage of the parent element: wrapper */
			height:100%;
			padding-top:20px; /* distance of the first element from the top */
			padding-bottom:50px;   /* Height of the footer element */
			background-color:#ffffff;
    		margin: 0 auto; /* keep container centered */
			color:#58595B;
			}	
						
			
	#ideas {
			width:70%; /* porcentage of the parent element: wrapper */
			height:auto;
			padding-top:0; /* distance of the first element from the top */
			padding-bottom:10px;   /* Height of the footer element */
			background-color: none;
    		margin: 0 auto; /* keep container centered */
    		text-align:left;
			}	

	#footer {
			position:relative;
   			bottom:0;
   			width:100%;
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#00aeef;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}
			
			
		#footerk {
			
   			bottom:0;
   			width:100%;
   			padding-top:5px;
   			height:50px;
			border-top:0px dotted #f1f1f1;
			text-align:center;
			background-color:#161616; 
			color:#c1c1c1; 
			text-transform:uppercase; 
			font-family: 'Gill Sans', 'Helvetica Neue', Helvetica, sans-serif;
			font-size:0.7em;
			letter-spacing: 0.6px;
			font-weight: 100;
			}		
		
		#footerw {
			
   			bottom:0;
   			width:100%;
   			padding-top:5px;
   			height:50px;
			border-top:0px dotted #f1f1f1;
			text-align:center;
			background-color:#ffffff; 
			color:#525252; 
			text-transform:uppercase; 
			font-family: 'Gill Sans', 'Helvetica Neue', Helvetica, sans-serif;
			font-size:0.7em;
			letter-spacing: 0.6px;
			font-weight: 100;
			}		
			
			
	#whitedw {
			position:relative;
   			bottom:0;
   			width:100%;
   			height:50px;
			/*border-top:1px dotted #ffffff;*/
   			background-color:#00aeef;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			}		
			
	#footer-ba {
			position:relative;
   			bottom:0;
   			width:100%;
   			/*margin-left: 10%;*/
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#8E8E4B;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}	
			
	#footer-bl {
			position:relative;
   			bottom:0;
   			width:100%;
   			/*margin-left: 10%;*/
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#DD258D;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}	

			
	#footer-ku {
			position:relative;
   			bottom:0;
   			width:100%;
   			/*margin-left: 10%;*/
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#061f82;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}	
			
			
	#footer-kv {
			position:relative;
   			bottom:0;
   			width:100%;
   			/*margin-left: 10%;*/
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#2F5FAE;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}						
				
			
	#footer-be {
			position:relative;
   			bottom:0;
   			width:100%;
   			/*margin-left: 10%;*/
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#35939B;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;

			}			
			
			
	#footer-md {
			position:relative;
   			bottom:0;
   			width:100%; 
            /*margin:0%;*/
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#81104A;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}	
			
	#footer-d {
			position:relative;
   			bottom:0;
   			width:100%; 
            /*margin:0%;*/
   			height:50px;
			border-top:1px dotted #525252;
   			background-color:#ffffff;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			color:#525252; 
			letter-spacing: 0.7px; 
			}									
			
			
			
	#footer-def {
			position:relative;
   			bottom:0;
   			width:100%; 
            /*margin:0%;*/
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#525252;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}									
			
			
	#footer-demo {
			position:relative;
   			bottom:0;
   			width:100%; 
            /*margin:0%;*/
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#009866;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}							
			
					
			
			
	#footer-g {
			position:absolute;
   			bottom:0;
   			width:100%;
   			height:50px;
			border-top:1px dotted #ffffff;
   			background-color:#939598;
			text-align:center;
			padding:10px 0 0 0;
			font-size:0.8em;
			text-transform:uppercase;
			}
					
			
	table.center {
			width:400px;
			cellpadding:0;
			border:1px;
			margin-left:auto; 
    		margin-right:auto;
			}	
			
		
	
	.fill { 
		height:25px;
		background-color:#ffffff;
		font-size:0.9em; 
		letter-spacing:0.05em;
		text-transform:initial;
		font-weight:100;
		border: 1px solid #929292;
		margin-top:5px;
		margin-left:0;
		}	
			
	
/* IMAGES
----------------------------------------------------------------------------------------------------- */

	.house {
			width:50%;
			border:0;
			}
			
	.thelogo {	
			border:0;		
			}

			
	
			
/* STYLE
----------------------------------------------------------------------------------------------------- */			
	
	body 	{
			color:#ffffff;
			/*color: #414a51;*/
    		background-color: #414a51;
			/*font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;*/
			font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
			font-size: 15px;
			font-weight: 100;
			}
	
	.icons {
			color:white;
			text-align:center;
			font-weight:100;
			}		
			
	html, body {
			margin:0;
			padding:0;
			height:100%; 
			}

			
	h1 		{
			width:80%;
			font-size: 3em;
			text-align:left;
			font-weight: 600;
			line-height: 1.2em;
			padding: 0px;
			margin-left:auto;
			margin-right:auto;
			color: #414a51;
			}
	
						
		
	.footer {
			font-style:italic;
			font-size:0.8em;
			line-hight:10px;
			color:#414a51;;
			text-align:right;
			padding-top:20px;
			}
			
			
	p#index { 
			width:60%;
			background-color: none;
			font-size: 1em; 
			font-weight: 100; 
			text-transform:normal;
			letter-spacing: 0em; 
			line-height: 1.2em;
			text-align: left;
			vertical-align:bottom;
			padding-top:0px; 
			padding-left:0px; 
			padding-bottom:30px;
			padding-right:0em; 
			margin-left:auto;
			margin-right:auto;
			border-bottom: 0px solid black;
			clear:both;
			}

	
	.icontitle	{
			font-weight: 600;
			font-size:1.2em;
			}
			
	.icontitle2	{
			font-weight: 600;
			font-size:1.3em;
			}
	
	.icontitle3	{
			font-weight: 200;
			font-size:1em;
			}				

	.image_float {
			float:left;
			margin: 0 0 0 0;
			}	

/* LINKS
----------------------------------------------------------------------------------------------------- */		
		
		
	a.abacus:link { 
			color:#005793;;
			text-decoration: none;
			border-bottom:0px solid white;
			font-weight: normal; 
			letter-spacing: 0.7px; 
			}
	
	a.abacus:visited {
			color:#005793; 
			text-decoration: none; 
			border-bottom:0px dotted white; 
			font-weight: normal; 
			letter-spacing: 0.7px; 
			}
	
	a.abacus:hover { 
			color:#fbb040; 
			text-decoration: none; 
			border-bottom:1px solid white; 
			font-weight: normal; 
			letter-spacing: 0.7px;
			}
	
	a.abacus:active { 
			color:#005793;; 
			text-decoration: none; 
			border-bottom:0px dotted #d4711a; 
			font-weight: normal; 
			letter-spacing: 0.7px; 
			}

	a.abacusk:link { 
			color:#c1c1c1;;
			text-decoration: none;
			border-bottom:0px solid white;
			font-weight: 100; 
			letter-spacing: 0.6px; 
			text-transform:uppercase;
			}
	
	a.abacusk:visited {
			color:#c1c1c1; 
			text-decoration: none; 
			border-bottom:0px dotted white; 
			font-weight: 100; 
			letter-spacing: 0.6px;
			text-transform:uppercase; 
			}
	
	a.abacusk:hover { 
			color:#00aeef; 
			text-decoration: none; 
			border-bottom:0px solid white; 
			font-weight: 100; 
			letter-spacing: 0.6px;
			text-transform:uppercase;
			}
	
	a.abacusk:active { 
			color:#c1c1c1;; 
			text-decoration: none; 
			border-bottom:0px dotted #d4711a; 
			font-weight: 100; 
			letter-spacing: 0.6px;
			text-transform:uppercase; 
			}	
		

	a.abacusw:link { 
			color:#525252;;
			text-decoration: none;
			border-bottom:0px solid white;
			font-weight: 100; 
			letter-spacing: 0.6px; 
			text-transform:uppercase;
			}
	
	a.abacusw:visited {
			color:#525252; 
			text-decoration: none; 
			border-bottom:0px dotted white; 
			font-weight: 100; 
			letter-spacing: 0.6px;
			text-transform:uppercase; 
			}
	
	a.abacusw:hover { 
			color:#00aeef; 
			text-decoration: none; 
			border-bottom:0px solid white; 
			font-weight: 100; 
			letter-spacing: 0.6px;
			text-transform:uppercase;
			}
	
	a.abacusw:active { 
			color:#525252;; 
			text-decoration: none; 
			border-bottom:0px dotted #d4711a; 
			font-weight: 100; 
			letter-spacing: 0.6px;
			text-transform:uppercase; 
			}	

		
	a.abacus-ba:link { 
			color:#ffffff;;
			text-decoration: none;
			border-bottom:0px solid white;
			font-weight: normal; 
			letter-spacing: 0.7px; 
			text-transform:uppercase;
			font-size:0.9em;
			
			}
	
	a.abacus-ba:visited {
			color:#ffffff; 
			text-decoration: none; 
			border-bottom:0px dotted white; 
			font-weight: normal; 
			letter-spacing: 0.7px; 
			}
	
	a.abacus-ba:hover { 
			color:#fbb040; 
			text-decoration: none; 
			border-bottom:0px solid white; 
			font-weight: normal; 
			letter-spacing: 0.7px;
			}
	
	a.abacus-ba:active { 
			color:#ffffff;; 
			text-decoration: none; 
			border-bottom:0px dotted #d4711a; 
			font-weight: normal; 
			letter-spacing: 0.7px; 
			}	
		
	a.abacus-dw:link { 
			color:#ffffff;;
			text-decoration: none;
			border-bottom:0px solid white;
			font-weight: 100; 
/* 			font-size:1em; */
			letter-spacing: 0.7px; 
			text-transform:uppercase;
			font-size:0.8em;
			
			}
	
	a.abacus-dw:visited {
			color:#f1f1f1; 
			text-decoration: none; 
			border-bottom:0px dotted white; 
			font-weight: 100; 
/* 			letter-spacing: 0.7px;  */
			}
	
	a.abacus-dw:hover { 
			color:#fbb040; 
			text-decoration: none; 
			border-bottom:0px solid white; 
			font-weight: 100; 
			letter-spacing: 0.7px;
			}
	
	a.abacus-dw:active { 
			color:#f1f1f1;; 
			text-decoration: none; 
			border-bottom:0px dotted #d4711a; 
			font-weight: 100; 
			letter-spacing: 0.7px; 
			}	
	
	a.abacus-d:link { 
			color:#525252;;
			text-decoration: none;
			border-bottom:0px solid white;
			font-weight: 100; 
/* 			font-size:1em; */
			letter-spacing: 0.7px; 
			text-transform:uppercase;
			font-size:0.9em;
			
			}
	
	a.abacus-d:visited {
			color:#525252; 
			text-decoration: none; 
			border-bottom:0px dotted white; 
			font-weight: 100; 
/* 			letter-spacing: 0.7px;  */
			}
	
	a.abacus-d:hover { 
			color:#00aeef; 
			text-decoration: none; 
			border-bottom:0px solid white; 
			font-weight: 100; 
			letter-spacing: 0.7px;
			}
	
	a.abacus-d:active { 
			color:#525252;; 
			text-decoration: none; 
			border-bottom:0px dotted #d4711a; 
			font-weight: 100; 
			letter-spacing: 0.7px; 
			}	


	
	a.abacus-dos:link { 
			color:#00aeef;;
			text-decoration: none;
			border-bottom:0px solid white;
			font-weight: normal; 
			letter-spacing: 0.7px; 
			}
	
	a.abacus-dos:visited {
			color:#00aeef; 
			text-decoration: none; 
			border-bottom:0px dotted white; 
			font-weight: normal; 
			letter-spacing: 0.7px; 
			}
	
	a.abacus-dos:hover { 
			color:#8DC63F; 
			text-decoration: none; 
			border-bottom:1px solid white; 
			font-weight: normal; 
			letter-spacing: 0.7px;
			}
	
	a.abacus-dos:active { 
			color:#00aeef; 
			text-decoration: none; 
			border-bottom:0px dotted #d4711a; 
			font-weight: normal; 
			letter-spacing: 0.7px; 
			}		

	
	.logoclient {
			width:auto;
			text-align:center;
			border:0;
			}
	
	
	.food {
			width:auto;			
			}	
			
			
		.menu	{
			background-color:#999999;
			text-align:center;
			}
			
			
						
	.menu:visited {
			background-color:white;
			}
			
	
	.menu:hover {
			background-color:#00aeef;
			}		

	
	.menu:active	{
			
			}			
			
			
		.menuac	{
			background-color:#00aeef;
			text-align:center;
			}
			
			
						
	.menuac:visited {
			background-color:white;
			}
			
	
	.menuac:hover {
			background-color:#00aeef;
			}		

	
	.menuac:active	{
			
			}									
			
/* TABLES
----------------------------------------------------------------------------------------------------- */		
		
	
	
	.tdwwhite	{
	    width:100%;
		background-color:#00aeef;
		}
		
	.tdwwhite-be	{
	    width:100%;
		background-color:#35939B;
		}
		
	.tdwwhite-ba	{
	    width:100%;
		background-color:#8E8E4B;
		}		
		
    .tdwwhite-ku	{
	    width:100%;
		background-color:#061f82;
		}			

     .tdwwhite-kv	{
	    width:100%;
		background-color:#2F5FAE;
		}
		
	.tdwwhite-std	{
	    width:100%;
		background-color:#00aeef;
		}	
		
	.tdwwhite-md	{
	    width:100%;
		background-color:#81104A;
		}	
		
		
	.tdwwhite-def	{
	    width:100%;
		background-color:#525252;
		}	
		
	.tdwwhite-demo	{
	    width:100%;
		background-color:#009866;
		}	
		
		
	.reporticon2	{
			width:50px;
			height:auto;
			background-color:#415169;
			text-align:center;
			border-top-left-radius:0px;
			border-top-right-radius:0px;
			border-bottom-left-radius:0px;
			border-bottom-right-radius:0px;
			}
			
			
						
	.reporticon2:visited {
			background-color:#055C58;
			}
			
	
	.reporticon2:hover {
			background-color:#00aeef;
			}		

	
	.reporticon2:active	{
			
			}
		
		
		
			
			
			
			


::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: Playfair Display, sans-serif;
  background: #f1f1f1;
}

.home {
  height: 100vh;
  position: relative;
  background: lime;

  
}

.home2 {
  height: 80vh;
  position: relative;
  background: #000000;
}

video {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height:80%;
  position: absolute;
  z-index: 1;
}


.overlay {
  position: absolute;
  width: 100%; /* Full width (cover the whole page) */
  height: 80%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: rgba(0,0,0,0.3);
}

.home-content {
  width: 75%;
  margin: 0 auto;
  position: relative;
  top: 50px;
  color: #fff;
  z-index: 3;
}

.home-content2 {
  width: 75%;
  margin: 0 auto;
  position: relative;
  top: 50px;
  color: #fff;
  z-index: 3;
}



.home-content h1 {
  font-family: Playfair Display, serif;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 65px;
  line-height: 1.1;
}

.middle-line {
  height: 100px;
  width: 2px;
  background: #fff;
  margin: 30px auto;
}

.middle-line2 {
  height: 50px;
  width: 2px;
  background: #fff;
  margin: 50px auto;
}



.home-content button {
  display: block;
  font-size: 15px;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  margin: 50px auto 0;
  padding: 16px 30px;
  cursor: pointer;
}

.home-content2 button {
  display: block;
  font-size: 15px;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  margin: 50px auto 0;
  padding: 16px 30px;
  cursor: pointer;
}