* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
html,body{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: 'Raleway', sans-serif !important;
}
section{
	background-size: 100%;
	width: 105%;
	height: 105%;
	position: relative;
	overflow: hidden;
}
section:before{
	bottom: 0;
	top: 0;
	position: absolute;
	left: 0;
	margin: auto;
	right: 0;
	content:"";
	background: -moz-linear-gradient(45deg, rgba(16,23,43,0.92) 0%, rgba(16,23,43,0) 60%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(16,23,43,0.92)), color-stop(60%, rgba(16,23,43,0)));
	background: -webkit-linear-gradient(45deg, rgba(16,23,43,0.92) 0%, rgba(16,23,43,0) 60%);
	background: -o-linear-gradient(45deg, rgba(16,23,43,0.92) 0%, rgba(16,23,43,0) 60%);
	background: -ms-linear-gradient(45deg, rgba(16,23,43,0.92) 0%, rgba(16,23,43,0) 60%);
	background: linear-gradient(45deg, rgba(16,23,43,0.92) 0%, rgba(16,23,43,0) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10172b', endColorstr='#10172b', GradientType=1 );
}

.logo{
	position: absolute;
	top: 60px;
	right: 125px;
	width: 300px;
}
.logo img{
	width: 100%
}
.texto{
	width: 350px;
	position: absolute;
	top: 20%;
	left: 14%;
	/* right: 0; */
	margin: auto;
}
.texto img{
	width: 100%
}
.texto .img1{}
.texto .img2{
	margin-top: 120px;
	margin-left: 40px;
}

.pasos{
	position: absolute;
	bottom: 8%;
	display: flex;
	width: 50%;
	left: 0;
	right: 0;
	margin: auto;
	justify-content: space-between;
}
.pasos img.paso{
	width: 140px;
	transition: all 0.3s
}
.pasos img.paso:hover{
	width: 150px;
}
.pasos div{
	width: 80%;
	margin: auto;
	position: absolute;
	height: 3px;
	background: #b90a0a;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
}
.pais{
    position: absolute;
    width: 400px;
    left: 0;
    right: 0;
    margin: auto;
    height: 70px;
    top: 48%;
    z-index: 3;
}
.pais span{
    display: block;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px;
}
.pais .azul{
    display: inline-block;
    width: 45px;
    background: rgb(77, 99, 175);
    height: 42px;
    border-radius: 6px 0 0 6px;
    position: relative;
}
.pais .azul img{width: 24px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;height: 24px;position: absolute;}
.pais .select{
    display: inline-block;
    background: #fff;
    height: 42px;
    vertical-align: top;
    margin-left: -4px;
    width: 350px;
    border-radius: 0 6px 6px 0;
    padding: 13px;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.pais .select img{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transition: all 0.5s
}
.rotate{
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.avion{
	transition: all cubic-bezier(1, -0.02, 1, 1.04) 1.5s;
	left: 3000px!important;
}
.pais .lista{
    width: 350px;
    background: #fff;
    margin-left: 45px;
    margin-top: -20px;
    padding-top: 20px;
    display: none;
}
.pais .lista .p{
    border-bottom: 1px solid #ddd;
    padding: 10px;
    cursor: pointer;
}
 @media (max-width: 1000px) {}
 @media (max-width: 480px) {
 	body{
 		position: relative;
 	}
 	.logo{
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    top: 30px;
	}
 	.logo img{
    width: 70%;
    display: block;
    margin: auto;
}
 	.texto{
    width: 80%;
    max-width: 350px;
    left: 0;
    right: 0;
}
	.texto .img1{
    width: 87%;
    margin: 14px auto;
    display: block;
}
	.texto .img2{
    margin: auto;
    width: 80%;
}

.pais{
    width: 90%;
    /* margin: auto; */
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    padding: 10px;
    max-width: 400px;
}
.pais .azul{
    width: 15%;
}
.pais .select{
    width: 85%;
}
.pais .lista{
    width: 83%;
    height: 150px;
    overflow: auto;
}
.pasos{
    width: 90%;
}
.pasos img.paso{
    width: 90px;
}
.pasos div{
    width: 70%;
}

 }
 video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; 
}
h1 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 60px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    margin: 0 auto;
    padding: 20px 0 60px 0;
    line-height: 1;
}
h1 b {color:#009688;}

/* social icons */
.social-icons-wrapper {
position: absolute;
margin: 0 auto;
padding: 200px 0 0 0;
right:90px;
bottom:130px;
}

.social-icons-wrapper ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.social-icons-wrapper ul li {
display: inline;
margin: 0 auto;
padding: 0;
}

ul.social-icons {
font-size: 17px;
margin: 0 auto;
padding: 0;
}

ul.social-icons a {
padding: 0 5px 0 0;
color: #fff;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

ul.social-icons a:hover {
padding: 0 5px 0 0;
color: #fff;
        opacity: 0.3;
   -moz-opacity: 0.3;
-webkit-opacity: 0.3;
filter: alpha(opacity=30);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
@media only screen and (max-width: 990px) {
 h1 {font-size:40px;}
 .pais .select {display:inline-table;}
 .pasos img.paso {width:75px;height:75px;}
 .social-icons-wrapper {right:33%;}
}