@charset "UTF-8";
/* CSS Document */

body{ background:url(../images/bg.jpg) no-repeat top center; margin:0; padding:0;}

ul, li, h3{ display:block; margin:0; padding:0;}

.main-content{width:1236px; margin:0 auto; position:relative; height:1020px; overflow:hidden;}
.register-form{margin-top:215px; padding-top:215px; z-index:1000; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; filter: alpha(opacity=100)\9;/*IE8*/ *alpha(opacity=100);/*IE7*/ -khtml-opacity: 0; position:relative; }
.register-form img{border:none;}
.register-form .con{position:absolute;  z-index:1001;}
@keyframes fallingC1 {
    from { margin-top:0; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { margin-top:100px; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}
.animationC1 {
    animation: fallingC1 0.5s linear normal forwards;
    -webkit-animation: fallingC1 0.5s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.5s;
}

.rose{ width:629px; height:397px; position:absolute; bottom:0; left:0; background:url(../images/rose.png) bottom left no-repeat; z-index:950;}
.lady-01{ width:622px; height:917px; background:url(../images/l01.png) bottom no-repeat; position:absolute; bottom:0; left:370px; display:block; z-index:900;}
@keyframes fallingA1 {
    from { bottom:-500px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}
.animationA1 {
    animation: fallingA1 0.4s linear normal forwards;
    -webkit-animation: fallingA1 0.4s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

@keyframes fallingA2 {
    from { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
    to { bottom:-917px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
}
.animationA2 {
    animation: fallingA2 0.6s linear normal forwards;
    -webkit-animation: fallingA2 0.6s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	display:none\9;/*IE8*/
}
.lady-02{ width:519px; height:861px; background:url(../images/l02.png) bottom no-repeat; position:absolute; bottom:0; left:710px; display:block; z-index:901;}
@keyframes fallingB1 {
    from { bottom:-500px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}
.animationB1 {
    animation: fallingB1 0.6s linear normal forwards;
    -webkit-animation: fallingB1 0.6s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}
@keyframes fallingB2 {
    from { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
    to { bottom:-861px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
}
.animationB2 {
    animation: fallingB2 0.6s linear normal forwards;
    -webkit-animation: fallingB2 0.6s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 0.2s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.2s;
	display:none\9;/*IE8*/
}
.lady-03{ width:429px; height:879px; background:url(../images/l03.png) bottom no-repeat; position:absolute; bottom:0; left:650px; display:none; z-index:902; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; filter: alpha(opacity=100)\9;/*IE8*/ *alpha(opacity=100);/*IE7*/}
@keyframes fallingD1 {
    from { bottom:-500px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}
.animationD1 {
    animation: fallingD1 0.6s linear normal forwards;
    -webkit-animation: fallingD1 0.6s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 0.3s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s;
}
@keyframes fallingD2 {
    from { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
    to { bottom:-879px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
}
.animationD2 {
    animation: fallingD2 0.6s linear normal forwards;
    -webkit-animation: fallingD2 0.6s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	display:none\9!important;/*IE8*/
}
.lady-04{ width:448px; height:943px; background:url(../images/l04.png) bottom no-repeat; position:absolute; bottom:0; left:420px; display:none; z-index:903; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; filter: alpha(opacity=100)\9;/*IE8*/ *alpha(opacity=100);/*IE7*/}
@keyframes fallingE1 {
    from { bottom:-500px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}

.animationE1 {
    animation: fallingE1 0.4s linear normal forwards;
    -webkit-animation: fallingE1 0.4s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 0.3s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s;
}

@keyframes fallingE2 {
    from { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
    to { bottom:-500px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
}
.animationE2 {
    animation: fallingE2 0.6s linear normal forwards;
    -webkit-animation: fallingE2 0.6s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	display:none\9!important;/*IE8*/
}
.lady-05{ width:471px; height:905px; background:url(../images/l05.png) bottom no-repeat; position:absolute; bottom:0; left:420px; display:none; z-index:904; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; filter: alpha(opacity=100)\9;/*IE8*/ *alpha(opacity=100);/*IE7*/}
@keyframes fallingF1 {
    from { bottom:-500px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}
.animationF1 {
    animation: fallingF1 0.5s linear normal forwards;
    -webkit-animation: fallingF1 0.5s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 0.3s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s;
}
.lady-06{ width:1235px; height:821px; background:url(../images/l06.png) bottom no-repeat; position:absolute; bottom:0; left:0; display:none; z-index:905; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; filter: alpha(opacity=100)\9;/*IE8*/ *alpha(opacity=100);/*IE7*/}
@keyframes fallingG1 {
    from { bottom:-821px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to { bottom:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}

.animationG1 {
    animation: fallingG1 0.6s linear normal forwards;
    -webkit-animation: fallingG1 0.6s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 0.3s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s;
}

.ourService{ width:1236px; margin:0 auto; font-family:Arial, sans-serif; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; filter: alpha(opacity=100)\9;/*IE8*/ *alpha(opacity=100);/*IE7*/}
@keyframes fallingH1 {
    from {margin-top:100px; opacity:0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
    to {margin-top:0; opacity:1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;}
}

.animationH1 {
    animation: fallingH1 0.4s linear normal forwards;
    -webkit-animation: fallingH1 0.4s linear normal forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}
.ourService ul{ text-align:center; margin-top:30px;}
.ourService ul li{ display:inline-table; width:350px; *float:left;/*IE7*/}
.ourService ul li:nth-child(2){ margin:0 85px;}
.ourService ul li .dec{ font-size:14px; color:#545454; line-height:20px;}

.ourService h3{font-family: 'Conv_AkzidenzGrotesk-Light'; font-weight:lighter; font-size:32px; color:#545454; margin:5px 0 20px 0;}

.btn{font-family: 'Conv_AkzidenzGrotesk-Light'; color:#fe1c24; font-size:36px; text-decoration:none; padding:7px 35px; text-align:center; margin-top:30px; display:inline-block; border-radius:5px; border:2px solid #fe1c24; margin-bottom:100px;}


.footerBar{ text-align:center; background-color:#ffffff; opacity:0.9; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; padding:10px 0; width:100%; position:fixed; bottom:0; left:0; z-index:1000; border-top:#f3f3f3 1px solid;}

.signIn{ position:fixed; right:10px; bottom:60px; z-index:1000; font-family:Arial, sans-serif; font-size:12px; color:#a8a8a8;}
.signIn a{ color:#fe1c24;}

@font-face {
	font-family: 'Conv_AkzidenzGrotesk-Light';
	src: url('../fonts/AkzidenzGrotesk-Light.eot');
	src: local('☺'), url('../fonts/AkzidenzGrotesk-Light.woff') format('woff'), url('fonts/AkzidenzGrotesk-Light.ttf') format('truetype'), url('../fonts/AkzidenzGrotesk-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*Reponsive*/
@media (max-width:750px) {
	.rose{ bottom:-180px;}
	.main-content, .ourService{ width:inherit;}
	.register-form{ padding-top:0;}
	.register-form .con{ position:inherit;}
	.register-form img{ margin:0 auto;}
	.lady-01{ left:0; width:450px; height:663px; background-size:450px 663px;}
	.lady-02{ left:180px; width:400px; height:664px; background-size:400px 664px;}
	.lady-03{ left:180px; width:300px; height:615px; background-size:300px 615px;}
	.lady-04{ left:0; width:320px; height:674px; background-size:320px 674px;}
	.lady-05{ left:0; width:321px; height:600px; background-size:312px 600px;}
	.lady-06{ left:0; width:600px; height:600px; background-size:903px 600px; background-position:right bottom;}
}