html, body{
	height: 100%;
}

::selection { background: #fff; color:#005d89 }

body{
	font-family: 'Poppins', sans-serif;
	background:#005d89 url('../images/background.jpg') no-repeat center center;
	background-size: cover;
	margin: 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
}

*{
	box-sizing: border-box;
}

@font-face {
  font-family: 'invicon';
  src: url('../fonts/invicon.eot?14445388');
  src: url('../fonts/invicon.eot?14445388#iefix') format('embedded-opentype'),
       url('../fonts/invicon.woff2?14445388') format('woff2'),
       url('../fonts/invicon.woff?14445388') format('woff'),
       url('../fonts/invicon.ttf?14445388') format('truetype'),
       url('../fonts/invicon.svg?14445388#invicon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'invicon';
    src: url('../font/invicon.svg?14445388#invicon') format('svg');
  }
}
*/
[class^="invicon-"]:before, [class*=" invicon-"]:before {
  font-family: "invicon";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.invicon-fb:before { content: '\e800'; } /* '' */
.invicon-insta:before { content: '\e801'; } /* '' */
.invicon-favicon:before { content: '\e802'; } /* '' */



.invo-logo-anchor{
	display: inline-block;
	width: 387px;
	height: 84px;
	animation: fadeInUp 1s forwards;
}

@media (max-width:991px){
	.invo-logo-anchor{
		display: inline-block;
		width: 236px;
		height: 59px;
	}
}


.invo-header{
	padding: 50px 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.invo-container{
	padding: 0 95px;
}

@media (max-width:991px){
	.invo-container{
		padding: 0 59px;
	}
}
@media (max-width:767px){
	.invo-container{
		padding: 0 30px;
	}
}

.invo-header .invo-container {
    display:flex;
    flex-wrap:wrap;
}

.invo-head-right{
    flex:1;
    text-align:right;
}

.invo-right-nav{
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
}

.invo-right-nav a:not(.invo-btn){
    color:#fff;
    font-size:33px;
    display: block;
    position: relative;
    line-height: 1;
}

.invo-right-nav a:not(.invo-btn):before{
	content: '';
	display: block;
	position: absolute;
	left: -6px;
	right: -6px;
	top: -6px;
	bottom: -6px;
	border: 1px solid;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	transform: scale(0.7, 0.7);
}

.invo-right-nav li{
	animation: fadeInUp 1s forwards;
	opacity: 0;
}
.invo-right-nav li:nth-child(2){
	animation-delay: 0.2s;
}
.invo-right-nav li:nth-child(3){
	animation-delay: 0.4s;
}
.invo-right-nav a:not(.invo-btn):hover:before{
	transform: scale(1, 1);
	opacity: 1;
}

.invo-btn{
    display:inline-block;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-size:19px;
    border:2px solid #fff;
    border-radius:40px;
    padding: 7px 18px;    
    transition: color 0.2s ease-in-out, background 0.3s ease-in-out;
}

.invo-btn:hover{
	background: #fff;
	color: #005d89;
}

.invo-right-nav li + li{
	margin-left: 15px;
}

.invo-body {
    display:flex;    
    align-items: center;
    height: 100%;
    padding-top: 140px;
    padding-bottom: 88px;
    
}

h1{
    font-size:85px;
    font-weight:normal;
    text-transform:uppercase;
    margin:0 0 30px;
    animation: fadeInUp 1s forwards;
}



h1:after{
    content:'';
    display:block;
    width:100px;
    border-bottom:5px solid;
}

h5{
    font-size:24px;
    font-weight:300;
    line-height:1.5;
    margin:0;
    animation: fadeInUp 1s forwards;
    opacity: 0;
    animation-delay: 0.2s;
}

.invo-body p{
	max-width: 500px;
	font-weight: 300;
	line-height: 1.7;
	animation: fadeInUp 1s forwards;
	opacity: 0;
	animation-delay: 0.6s;
}

.invo-body .invo-right-nav{
	display: none;
}
@media (min-width:768px){
	.invo-body-wrap {
		height:100%
	}
	h5 span{
		display: block;
	}

}
@media (max-width:767px){
	h1{
		font-size: 36px;
		margin-bottom: 0;

	}
	h1:after{		
		width: 50px;
		margin: 10px auto 20px;
		border-bottom-width: 3px;
	}
	h5{
		font-size: 16px;
		font-weight: 500;
		max-width: 300px;
		margin: 0 auto 20px;
	}
	body{
		font-size: 16px;
		text-align: center;
		background-image: url('../images/background-mobile.jpg');
	}
	.invo-header{
		padding: 20px 0;
		position: static;
	}
	.invo-logo {
		width: 100%;
		text-align: center;		
	}
	.invo-logo-anchor{
		width:191px;
		height:42px;
	}

	.invo-right-nav a:not(.invo-btn){
		font-size:40px;
	}
	.invo-btn{
		font-size:16px;
		padding:3px 15px;
		border-width:1px;    
	}

	.invo-right-nav{
		justify-content:center;
	}
	.invo-body{
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
	}
	.invo-head-right {
		display:none;
	}
	.invo-body .invo-right-nav{
		display: flex;
		padding-top: 50px;
	}
	.invo-body p{
		margin: 0 auto;
	}
	h5 span:last-child {
		display:block;
	}

}

@keyframes fadeInUp{
	0%{
		opacity: 0;
		transform: translate(0, 10px);
	}
	100%{
		opacity: 100;
		transform: translate(0, 0);
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;		
	}
	100%{
		opacity: 100;		
	}
}

.invo-footer {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    font-size:16px;
    background:#005d89;
    padding:20px 0;
}
.invo-footer p{
    margin:0;
}
.invo-footer p strong{
    font-weight:500;
}

@media (max-width:767px){
	.invo-footer{
		font-size: 10px;
	}
	.invo-body-wrap {    
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		min-height:100%;
		padding-bottom: 70px;
	}
	.invo-header{
		padding-bottom: 40px;
	}
	.invo-body p span{
		display:block;
	}
}

@media (max-width:767px) and (max-height:600px){
    .invo-body .invo-right-nav{
        padding-top:0;
    }
    .invo-header{
        padding-bottom:30px
    }
}


@media (max-width:767px) and (max-height:550px){
    
    .invo-header{
        padding-bottom:5px;
        padding-top:5px;
    }
}