/* FONTS */
@font-face {
    font-family: EncodeSansCondensed-400-Regular;
    src: url(fonts/EncodeSansCondensed-400-Regular.ttf);
}
@font-face {
    font-family: EncodeSansCompressed-600-SemiBold;
    src: url(fonts/EncodeSansCompressed-600-SemiBold.ttf);
}
@font-face {
    font-family: EncodeSansCompressed-300-Light;
    src: url(fonts/EncodeSansCompressed-300-Light.ttf);
}

@font-face {
    font-family: EncodeSansCompressed-700-Bold;
    src: url(fonts/EncodeSansCompressed-700-Bold.ttf);
}

body
{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
	color: #1d4469;
  }

main
{
    flex: 1 0 auto;
	background: #fff;
}

.red
{
	background: red;
}
.green
{
	background: green;
}

.rightImg
{
	float: right;
	width: 282px;
	height: 165px;
}

.leftImg
{
	float: left;
	width: 400px;
	height: 180px;
}

header
{
	height: 480px;
	width: 100%;
	background: #14a0f1 url(images/background.png) repeat;
}
header h4
{
	color: #1d4469;
}
header h3, a, u, span
{
	color: #fff;
}

.logo {
	margin-top: 26px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.logo:hover, .logo:focus, .logo:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

#offer
{
	float: left;
	padding-top: 20px;
	border-bottom: 4px dashed #f5f5f5;
}
.border
{
	border-top: 4px dashed #f5f5f5;
}
main img
{
	margin-top: 15px;
}
footer
{
	background: #244361;
}
footer p
{
	color: #fff;
	margin: 25px 0 0 0;
}
p
{
	color: #1d4469;
}
#interest
{
	list-style-type: circle;
	color: #1d4469;
}
nav a
{
	color: #fff;
	text-decoration: none;
}

nav ul
{
	float: right;
}

nav ul li
{
	float: left;
}

nav li
{
	list-style-type: none;
	font-weight: 400;
	padding: 0.5em 0.5em;
	font-size: 1.1em;
	height: auto;
	color: #f1f1f1;
}

[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

[data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 7px;
	width: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
}

[data-tooltip]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.more {
	display: none;
}