input::-webkit-input-placeholder { color:#fefe; }
input:-moz-placeholder { color:#fefe; } /* FF 4-18 */
input::-moz-placeholder { color:#fefe; } /* FF 19+ */
input:-ms-input-placeholder { color:#fefe; } /* IE 10+ */

.container {
    max-width: 360px;
}

.eyeIcon {
    float: right;
    right: 20px;
    margin-top: -32px;
    position: absolute;
    z-index: 3;
}

.eyeIcon img{
    height: 30px;
}

body
{
    background-image: url('../images/backgrounds/1.jpg');
    background-repeat: no-repeat;
    /*background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
}

body.request .r-form .rf-field #padlock {
    width: 32px;
}

body.request .r-form .rf-field input
{
    color: #fff;
    padding: 2px;
    font-weight: 300;
}

body.request .r-form .rf-field.n2-inputs input {
    width: calc(50% - 27px);
}

body.request .r-form button
{
    background: #fff;
    color: #55abcb;
}

body.request .r-form button:hover 
{
    background: #55abcb;
    color: #fff;
}

body.request .r-form .rf-caption
{
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.r-clearfix-1 {
    margin-bottom: 5%;
}

.r-clearfix-2 {
    margin-bottom: 5%;
}

.r-clearfix-3 {
    margin-bottom: 5%;
}

.r-clearfix-4 {
    margin-bottom: 5%;
}

.r-clearfix-5 {
    margin-bottom: 8%;
}

.r-clearfix-6 {
    margin-bottom: 40%;
}

.ferie {
	font-size:18px;
	position:absolute;
	width:100%;
	bottom:250px;
	z-index:3;
}

@media (min-width:1193px)
{
	.ferie {
		
font-size:16px;
bottom:230px;

	}
}

@media (max-width:1193px)
{
.ferie{
font-size:16px;
bottom:230px;
}
}

@media (max-width:699px)
{
.ferie{
bottom:108px;
font-size: 14px;
}
}

@media (max-width: 300px) {
    .ferie {
        bottom: 150px;
    }
}

@media screen and (max-width: 812px) and (orientation: landscape)
{
    body {
        background-image: url('../images/backgrounds/2.jpg');
        background-size: 200% auto;
    }

    .request .r-logo {display: none;}
    .request .r-company-logo {display: none;}

    .r-clearfix-1 {
        margin-bottom: 0%;
    }

    .r-clearfix-2 {
        margin-bottom: 2%;
    }

    .r-clearfix-3 {
        margin-bottom: 2%;
    }

    .r-clearfix-4 {
        margin-bottom: 2%;
    }

    .r-clearfix-5 {
        margin-bottom: 4%;
    }

    .r-clearfix-6 {
        margin-bottom: 2%;
    }


}


@media screen and (max-width: 414px) and (orientation: portrait)
{
    .container {
        max-width: 280px;
    }

}

#bannerSignIn{
    width: 20%;
    height: auto;
    left: -20%;
    top:15%;
    position: fixed;
    z-index: 9999999999;
    display: flex;
    flex-flow: row;
    align-items: center;

    -webkit-transform: translateX(none);
    -moz-transform: translateX(none);
    transform: translateX(none);
    transition: transform 500ms linear;
}

.showBanner{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    transition: transform 500ms linear;
}

#bannerSignInRight{
    width: 20%;
    height: auto;
    /*right: -20%;*/
    right: 0%;
    top:25%;
    position: fixed;
    z-index: 9999999999;
    display: flex;
    flex-flow: row;
    align-items: center;

    -webkit-transform: translateX(none);
    -moz-transform: translateX(none);
    transform: translateX(none);
    transition: transform 500ms linear;
}

.showBannerRight{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    transition: transform 500ms linear;
}

.closeBanner{
    background: none;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 1px;
    right: -10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2vw;
    z-index: 99999999999;
    cursor: pointer;
}

.closeBannerRight{
    background: none;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 1px;
    left: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2vw;
    z-index: 99999999999;
    cursor: pointer;
}

#bannerSignInRight .bannerImage {
    cursor: pointer;
    filter: alpha(opacity=0);
}
#bannerSignIn .bannerImage {
    filter: alpha(opacity=0);
}

#bannerSignInRight .appleIcon{
    position: absolute;
    width: 10%;
    height: auto;
    bottom: 5%;
    right: 35%;
    z-index: 99999999999;
    cursor: pointer;
}

#bannerSignInRight .androidIcon{
    position: absolute;
    width: 12%;
    height: auto;
    bottom: 5%;
    right: 50%;
    z-index: 99999999999;
    cursor: pointer;
}

@media screen and (max-width: 570px)
{
    #bannerSignIn, #bannerSignInRight{
        display: none;
    }
}
/*
@media screen and (max-width: 750px)
{
    #bannerSignIn, #bannerSignInRight{
        width: 200px;
    }
    #bannerSignIn{
        left: -200px;
    }
    #bannerSignInRight{
        right: -200px;
    }
}
*/