.cookie-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #222;
    color: #fff;
    padding: 15px 20px;
    display: none;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    z-index: 1000;
  }

  .cookie-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .cookie-popup p {
    margin: 0;
    flex: 1;
  }

  .cookie-popup button {
    padding: 8px 15px;
    background: #4CAF50;
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 4px;
  }

  .cookie-popup button:hover {
    background: #45a049;
  }

body
{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	background:#1d1d1d;
}
h1, h2, h3, h4
{
	font-weight:normal;
}
ul
{
	margin:0;
	padding:0;
	list-style:none;
}
a
{
	text-decoration:none;
}
a img
{
	border:none;
}
/* layout
------------------------------------ */
@media screen and (max-width: 768px) 
{
	div#wrapper
	{
		max-width:768px;
		margin:0 auto;
	}
	a.logo
	{
		display:block;
		background-color:#e03476;
		float:left;
		width:80%;
		text-align:center;
		padding:25px 0;
		height:33px;
	}
	a#menu_button
	{
		background-image:url(../images/menu.png);
		background-repeat:no-repeat;
		background-position:center 15px;
		width:20%;
		float:left;
		text-align:center;
		display:block;
		background-color:#249fda;
		color:#fff;
		padding:50px 0 15px;
		height:18px;
	}
	/* menu
	----------------------*/
	nav,
	#nav
	{
		width:100%;
		float:left;
		display:none;
	}
	ul#menu ul
	{
		display:none;
	}
	ul.sub.active
	{
		display:block !important;
	}
	ul#menu li
	{
		float:none;
	}

	ul#menu a
	{
		width:100%;/*for fixed width*/
		padding:20px 0;/*for fixed width*/
		text-align:left;/*for fixed width*/
		text-indent: 70px;
		display:block;
		margin-top: 1px;
		background-color:#249fda;
		color:#fff;
		background-repeat:no-repeat;
		background-position:10px 10px;
	}



	/* main content
	----------------------*/
	div#main_content img
	{
		max-width:96%;
		margin:2%;
		height:auto;
		float:left;
		display:block;
	}


	#main_left
	{
		width:98%;
		margin:1%;
	}
	#main_right
	{
		width:98%;
		margin:1%;
	}
}
@media screen and (min-width: 769px) 
{
	div#wrapper
	{
		max-width:960px;
		margin:5px auto;
	}
	a.logo
	{
		display:block;
		float:left;
		background-color:#e03476;
		padding:20px 35px;
		color:#1d1d1d;
		transition: background-color 0.7s;
		-moz-transition: background-color 0.7s; /* Firefox 4 */
		-webkit-transition: background-color 0.7s; /* Safari and Chrome */
		-o-transition: background-color 0.7s; /* Opera */
	}
	a.logo:hover
	{
		background-color:#249fda;
		color:#fff;
		transition: background-color 0.7s;
		-moz-transition: background-color 0.7s; /* Firefox 4 */
		-webkit-transition: background-color 0.7s; /* Safari and Chrome */
		-o-transition: background-color 0.7s; /* Opera */
	}
	a#menu_button
	{
		display:none;
	}
	/* menu
	----------------------*/
	nav,
	#nav
	{
		float:right;
		display:block;
	}
	.activemobile
	{
		display:block !important;
	}
	ul#menu li
	{
		float:left;
		/*position:relative;*//*needed for vertical sub menu*/
	}
	ul#menu a
	{
		width:90px;/*for fixed width*/
		padding:50px 0 5px;/*for fixed width*/
		text-align:center;/*for fixed width*/
		display:block;
		margin: 0 0 0 2px;
		/*padding:50px 20px 5px;*//*for fluid width*/
		background-color:#249fda;
		color:#fff;
		background-repeat:no-repeat;
		background-position:center 10px;
		transition: background-color 0.7s;
		-moz-transition: background-color 0.7s; /* Firefox 4 */
		-webkit-transition: background-color 0.7s; /* Safari and Chrome */
		-o-transition: background-color 0.7s; /* Opera */
	}
	ul#menu a:hover
	{
		background-color:#3549E0;
		color:#fff;
		transition: background-color 0.7s;
		-moz-transition: background-color 0.7s; /* Firefox 4 */
		-webkit-transition: background-color 0.7s; /* Safari and Chrome */
		-o-transition: background-color 0.7s; /* Opera */
	}
	ul#menu a.home:hover
	{
		background-color:#018c17;
	}
	ul#menu a.services:hover
	{
		background-color:#FF3311;
	}
	ul#menu a.about:hover
	{
		background-color:#074760;
	}
	ul#menu a.email:hover
	{
		background-color:#ff6d0e;
	}
	ul#menu ul
	{
		display:none;
		position:absolute;
		margin-left:2px;
		right:0;/*needed for horizontal sub menu*/
	}
	ul#menu li:hover ul
	{
		display:block;
		z-index:999;
	}
	ul#menu ul li
	{
		float:left;/*needed for horizontal sub menu*/
		/*float:none;*//*needed for vertical sub menu*/
	}
	ul#menu ul li a
	{
		width:80px;
		/*padding:10px;*//*needed for vertical sub menu*/
		padding:5px;/*needed for vertical sub menu*/
		font-size:12px;
		margin:2px 0 0 2px;
		background-color:#3549E0;
	}
	ul#menu ul li a:hover
	{
		background-color:#623EBE;
	}
	/* main content
	----------------------*/
	div#main_content img
	{
		margin:10px auto;
		display:block;
	}
	#main_left
	{
	width: 46%;
	margin: 2%;
	float: left;
	}
	#main_right
	{
	width: 46%;
	margin: 2%;
	float: left;
	}
}

/* header
----------- */
header,
#header
{
	margin-bottom:3px;
	color:#fefefe;
	position:relative;/*needed for horizontal sub menu*/
}
/* menu
----------- */
ul#menu a.home
{
	background-image:url(../images/home.png);
}
ul#menu a.services
{
	background-image:url(../images/services.png);
}
ul#menu a.about
{
	background-image:url(../images/info.png);
}
ul#menu a.email
{
	background-image:url(../images/email.png);
}
/* title
----------- */
header h1,
#header h1
{
	color:#24a0da;
	border-bottom:1px solid #24a0da;
	padding:0 0 5px 5px;
}
/* main content
----------- */
div#main_content
{
	padding: 10px 30px;
	display: block;
	background: #e5e5e5;
	color: #3f3f3f;
	text-align: left;
	overflow: hidden;
}
/* footer
----------- */
footer,
#footer
{
	margin-top:3px;
	padding:10px;
	display:block;
	text-align:center;
	font-size:12px;
	color:#3f3f3f;
}
footer  p,
#footer p
{
	margin:0px;
	color:#fff;
}
/* classes
----------- */
div.clear
{
	clear:both;
}.MAIN-TXT {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
}
.HEADING {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #333;
	text-align: center;
	font-weight: bold;
}
.HEADING-BLUE {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #249FDA;
	font-weight: bold;
}
.PHONE {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	text-align: center;
	color: #249FDA;
	font-weight: bold;
}
.SITEMAP {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #666;
}
.LAPTOP-MODELS {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
}
}
.contact input {
  width: 100%;
}
form {
  max-width: 500px;
  margin: auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #555;
}
input[type="text"], input[type="email"], textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}
textarea {
  resize: vertical; /* Allow vertical resize */
  height: 100px; /* Set a default height */
}
button {
  background-color: #5cb85c;
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
  width: 100%;
}
button:hover {
  background-color: #4cae4c;
}
.biglinkred {
	font-size: 24px !important;
	text-decoration: underline;
	font-weight: bold;
	color: #C00;