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
{
	line-height: 1.5;
	font-family: "Verdana";
	font-size: 15px;
	background-color: #fefefe;
	color: #000000;
}
h1 span
{
	color: dodgerblue;
}
h1
{
	margin: 0;
	font-size: 46px;
}
h2
{
	margin: 0;
	font-size: 23px;
}
h3
{
	margin: 0;
	font-size: 21px;
}
h4
{
	margin: 0;
	font-size: 19px;
}
h5
{
	margin: 0;
	font-size: 17px;
}
h6
{
	margin: 0;
	font-size: 15px;
}
h1, h2, h3, h4, h5
{
  	margin-bottom: 20px;
}
a
{
	color: dodgerblue;
}
ul 
{
  	padding: 0;
}
li
{
	display: inline-block;
	padding: 15px;
}
svg 
{
  	display: block;
  	margin: 0 auto;
	width: 50px
}
img
{
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
	border-radius: 50px;
}
section 
{
  	margin-bottom: 60px;
}
form
{
	position: relative
}
form button
{
	position: absolute;
	padding: 9px;
}
input
{
  	padding: 10px;
  	border-radius: 10px;
  	border: 1px solid;
}
main, aside
{
	float: left;
	width: 100%;
	padding: 0 2%;
}
g 
{
  	fill: dodgerblue;
 	opacity: 1;
}
hr
{
	color: #fcfcfc;
}
aside
{
	padding: 2%;
	background-color: #0e183c;
	color: white;
	border-top: 1px solid #ededed;
}
.wrapper
{
	display: block;
	float: left;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	padding: 1%;
	background-color: #fefefe;
}
#content 
{
  
}
#content > section:first-child
{
	margin-bottom: 20px;
}
.container
{
	float: left;
	width: 100%;
	padding: 0 2%;
}
.container-full
{
	float: left;
	padding: 0;
	width: 100%;
}
.row 
{
	float: left;
	padding: 5px;
	width: 100%;
}
[class*="col-"]
{
	float: left;
	padding: 10px;
	text-align: center;
}
.col-1
{
	width: 8.33%;
}
.col-2
{
	width: 16.66%;
}
.col-3
{
	width: 25%;
}
.col-4
{
	width: 33.3%;
}
.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%;
}
.link
{
  	display: block;
 	margin: 10px 0;
   	font-weight: bold;
	color: dodgerblue;
}
.center
{
	text-align: center;
}
.hidden
{
	display: none;
}
.button
{
	display: inline-block;
	margin: 15px 15px 0 0;
	padding: 10px;
	background-color: dodgerblue;
	color: #ffffff;
	border-radius: 10px;
  	border: none;
	text-decoration: none;
}
.top
{
	color: #000000;
}
.top span, .bottom span
{
	text-align: center;
	font-size: 12px;
}
.logo-box 
{
  	float: left;
}
.logo-bar
{
  	display: table;
}
.logo-bar > div 
{
  	display: table-cell;
  	float: none;
  	vertical-align: middle;
}
.logo-bar .col-3 a
{
  	display: table;
}
.logo 
{
  	display: table-cell;
  	float: none;
  	vertical-align: middle;
  	border-radius: 0;
  	color: #ffffff;
  	text-decoration: none;
}
.tel
{
	display: inline-block;
	float: right;
	padding: 15px;
	border-radius: 50px;
	background-color: dodgerblue;
}
.tel a
{
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
nav .row
{
	display: table;
}
nav li
{
	padding: 15px 30px;
}
nav li a
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.x 
{
  	display: none;
}
.hamburger, .close
{
	display: none;
}
.menu 
{
  	border-bottom: 1px solid #ededed;
}
.baner
{
	display: table;
	margin-bottom: 20px;
}
.baner .description button 
{
  	float: left;
  	margin: 20px 20px 20px 0;
}
#onas .button
{
	float: left;
}
.description 
{
  	display: block;
}
.description p 
{
  	text-align: left;
}
.slogan 
{
  	text-align: left;
  	line-height: normal;
}
.image
{
  	display: block;
	width: 100%;
	border-radius: 10% 50% 10% 50%;
  	background-color: #eee;
}
.blue-bg 
{
	margin-top: 20px;
	padding: 10px;
	background: dodgerblue;
	border-radius: 0 0 20px 20px;
}
.blue-bg a
{	
	margin: 0;
	color: #ffffff;
}
.description, .hero
{
  	display: table-cell;
  	float: none;
 	vertical-align: middle;
}
#oferta
{
   	padding: 30px;
   	background-color: #f7f7f7;
}
#oferta .whitebox
{
	width: 22%;
	margin: 1.5%;
	padding: 0px;
  	background-color: #fff;
  	border-radius: 20px;
}
.icons strong
{
  	display: block;
  	margin-bottom: 20px;
}
.photo 
{
  	max-width: 400px;
  	width: 100%;
  	margin-bottom: 20px;
  	padding: 0px;
  	box-shadow: none;
  	border-radius: 20px;
}
.photo:hover 
{
  	scale: 1.03;
  	transition: 0.2s;
}
h2.decoration::after 
{
  	content: '';
	display: block;
  	width: 100px;
  	height: 3px;
  	margin: 0 auto;
  	background: dodgerblue;
}
.col-4.box
{
 	margin: 1%;
  	width: 31.3%;
  	background-color: #f7f7f7;
  	border-radius: 20px;
}
.box
{
  	padding: 20px;
}
.cta > div
{
	display: table;
}
.contact
{
	display: table-cell;
	float: none;
	vertical-align: middle;
}
#socket li
{
	display: block;
	padding: 0;
	text-align: center;
}
#socket h5 
{
  	margin-bottom: 20px;
}
#socket .link
{
   	margin: 0;
}
.socialmedia li 
{
	display: inline-block !important;
	width: 35px;
	height: 35px;
	margin: 10px;
  	padding: 5px !important;
  	background: dodgerblue;
  	border-radius: 5px;
}
.socialmedia li a
{
   	color: #ffffff;
}
.bottom
{
	color: #000000;
}
/*Responsive*/

@media screen and (max-width: 1024px)
{
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
	{
		width: 100%;
	}
	p, h1, .description p, .slogan
	{
		text-align: center;
	}
	#mySidebar
	{
		display: none;
	}
	.hamburger, .close
	{
		display: block;
    		float: right;
    		font-size: 25px;
		text-decoration: none;
	}
	.x 
	{
	  	display: block;
	}
	.hasmenu 
	{
	  	display: block;
	}
	#onas .button 
	{
	  	float: none;
	}
	#socket .col-3 
	{
	 	 margin-bottom: 50px;
	}
}