html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
}
*
{
	box-sizing: border-box;
}
@font-face
{
	font-family: verdana;
	src: url(Verdana.ttf); 
}
body
{
	font-family: 'verdana', sans-serif;
	font-size: 18px;
	line-height: 1.5;
}
.row::after
{
	display: block;
	content: "";
	clear: both;
}
[class*="col-"]
{
	float: left;
	padding: 15px;
}
.col-1
{
	width: 8.33%;
}
.col-2
{
	width: 16.66%;
}
.col-3
{
	width: 25%;
}
.col-4
{
	width: 33.33%;
}
.col-5
{
	width: 41.66%;
}
.col-6
{
	width: 50%;
}
.col-7
{
	width: 58.33%;
}
.col-8
{
	width: 66.66%;
}
.col-9
{
	width: 75%;
}
.col-10
{
	width: 83.33%;
}
.col-11
{
	width: 91.66%;
}
.col-12
{
	width: 100%;
}
h1
{
	display: block;
	width: 100%;
	height: auto;
	font-size: 28px;
	color: rgba(228, 179, 6, 1);
}
p
{
	line-height: 1.5;
}
a
{
	color: inherit;
	text-decoration: none;
}
li
{
	font-size: 14px;
}
nav 
{
  float: left;
  position: relative;
  height: auto;
  width: 100%;
  padding: 20px !important;
  margin-bottom: 0 !important;
  z-index: 999999;
}
nav ul
{
	text-align: center;
}
nav li
{
  display: inline-block;
  list-style-type: none;
  padding: 0 15px;
}
nav li a 
{
  font-size: 18px;
}
nav > ul > li:first-child
{
	display: none;
}
strong
{
	display: block;
	margin-bottom: 20px;
}
img
{
	display: block;
	margin: 0 auto;
	padding: 10px;
	max-width: 100%;
}
h2 
{
  text-decoration: underline;
}
footer 
{
  text-align: center;
  border-top: 1px solid #ccc;
}
header
{
	margin-bottom: 0 !important;
}
.row
{
	max-width: 1920px;
	padding: 0 5%;
	margin-bottom: 50px;
}
.row, section, header, footer
{
	float: left;
	width: 100%;
}
.hasmenu
{
	position: relative;
}
.submenu 
{
	display: none;
}
.hasmenu:hover > .submenu
{
	display: block;
	position: absolute;
	padding: 10px;
	background-color: #000;
	color: #fff;
	text-align: left;
	border-radius: 10px;
}
.submenu li
{
  display: block;
  margin-bottom: 10px;
}
.slogan, .description
{
  padding: 50px;
}
p
{
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 2;
  font-size: 14px;
}
.slogan a 
{
  display: inline-block;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
}
.top
{
	margin-bottom: 0;
	display: table;
	border-bottom: 1px solid #ccc;
}
.cell
{
	display: table-cell;
	float: none;
	vertical-align: middle;
}
#header
{
	transition: 0.2s;
	height: 180px;
	margin: 0;
}
#wrapper 
{
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.baner, .socket
{
  background-color: #202932;
  color: #fff;
}
.right
{
	float:right !important
}
.hamburger
{
	display: none;
}
.icons
{
	padding: 10px;
	text-align: right;
}
.icons li
{
	display: inline-block;
	padding: 0 25px;
}
.icons li a
{
	display: table;
	font-size: 18px;
}
.icons img 
{
  display: table-cell;
  padding: 0;
  vertical-align: middle;
}
.socket
{
	margin-bottom: 0 !important;
}
.pad-left
{
	margin-left: 40px;
}
.w3-animate-right{animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}



@media screen and (max-width: 1024px)
{
	.top, .icons li a
	{
		display: block;
	}
	p, h1, h2, .icons
	{
		text-align: center;
	}
}
@media screen and (max-width: 768px)
{
	nav 
	{
	   position:fixed !important;
	   display: none;
	   padding: 20px;
	   right: 0;
		height:100%;
		width:200px;
	   z-index: 3;
	   overflow: auto;
		background-color: #000000;
	   color: #fff;
	}
	nav ul li:first-child
	{
		display: block;
	}
	nav > ul > li:first-child a
	{
		color: red;
	}
	nav li
	{
		display: block;
		padding: 10px;
		border-bottom: 1px solid #ccc;
		list-style-type: none;
		text-align: left;
	}
	.hamburger 
	{
	  position: fixed;
	  right: 40px;
	  top: 40px;
	  display: block;
	  float: right;
	  padding: 10px;
	  text-align: center;
	  border: 2px solid rgb(228, 179, 6);
	  border-radius: 5px;
	  background-color: #fff;
	}
	[class*="col-"]
	{
		width: 100%;	
	}
	.submenu 
	{
	  display: block;
	  position: relative;
	  margin-left: 15px;
	}
	.hasmenu:hover > .submenu
	{
		display: block;
		position: relative;
		padding: 10px;
		text-align: left;
		border-radius: 10px;
		background-color: #000;
		color: #fff;
	}
}
@media screen and (max-width: 520px)
{
	h1, h2, h3 
	{
	  font-size: 1.2em;
	}
	.icons img
	{
		display: block;
	}
}