2015-06-20 15:13:40 +00:00
|
|
|
body.landing {
|
2015-06-21 12:00:17 +00:00
|
|
|
background: url(../img/landing-bg.jpg) #162232 center top no-repeat;
|
2015-06-20 15:13:40 +00:00
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
|
2015-06-21 14:34:27 +00:00
|
|
|
.icon-guest-load {
|
2015-06-22 07:28:08 +00:00
|
|
|
background: url(../img/guest-load.gif) no-repeat;
|
2015-06-21 14:34:27 +00:00
|
|
|
width: 16px;
|
|
|
|
height: 16px;
|
|
|
|
float: right;
|
|
|
|
margin: 5px -7px 0 7px;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2015-06-20 15:13:40 +00:00
|
|
|
.wrap-landing {
|
2015-06-23 12:13:27 +00:00
|
|
|
max-width: 1000px;
|
2015-06-20 15:13:40 +00:00
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo-big {
|
|
|
|
margin: 0 auto;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container-landing {
|
|
|
|
float: left;
|
|
|
|
width: 100%;
|
|
|
|
margin: 12% 0 0 0;
|
|
|
|
|
2015-06-21 11:09:29 +00:00
|
|
|
@include mq(medium) {
|
|
|
|
margin: 9% 0 0 0;
|
|
|
|
}
|
2015-06-20 15:13:40 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.teaser-landing {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 21px;
|
|
|
|
font-weight: 300;
|
|
|
|
text-shadow: 0 0 10px rgba(#fff, .6);
|
|
|
|
color: #8798ac;
|
|
|
|
line-height: 29pt;
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
|
|
|
|
.choose {
|
|
|
|
float: left;
|
|
|
|
color: #8798ac;
|
|
|
|
margin: 10px 30px;
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container-form-landing {
|
|
|
|
margin: 40px 0;
|
|
|
|
opacity: 0;
|
|
|
|
|
|
|
|
&.active {
|
2015-06-21 11:09:29 +00:00
|
|
|
transition: all .4s ease-in-out 0s;
|
2015-06-20 15:13:40 +00:00
|
|
|
|
|
|
|
margin: 60px 0;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|