body {font-family:'RobotoRegular', sans-serif;color:#5191cd;}


section#case {background:url(../images/sky.png) 79% 0 no-repeat;zoom:1;overflow:hidden;}
section#case div.clouds {position:absolute;height:476px;overflow:hidden;width:100%;}
div.clouds div {position:absolute;}
div.clouds .cloud-1 {width:652px;height:356px;background:url(../images/cloud-1.png) no-repeat;left:70%;top:0;}
div.clouds .cloud-2 {width:562px;height:456px;background:url(../images/cloud-2.png) no-repeat;left:20%;top:20px;}

article#main {width:960px;margin:auto;}

section#intro {position:relative;height:890px;}
section#intro div.phone-big {width:539px;height:689px;position:absolute;top:74px;right:-65px;}
section#intro div.phone-small {width:273px;height:548px;position:absolute;top:313px;right:332px;}
section#intro div.phone-big img {
    width:431px;
    height:551px;
   -webkit-transition: 0.5s all ease-in-out;
   -moz-transition: 0.5s all ease-in-out;
   -o-transition: 0.5s all ease-in-out;
   transition: 0.5s all ease-in-out;
}
section#intro div.phone-small img {
    width:218px;
    height:438px;
   -webkit-transition: 0.5s all ease-in-out;
   -moz-transition: 0.5s all ease-in-out;
   -o-transition: 0.5s all ease-in-out;
   transition: 0.5s all ease-in-out;
}
section#intro img.phone-big-loaded {width:539px;height:689px;}
section#intro img.phone-small-loaded {width:273px;height:548px;}
section#intro div.plane {width:688px;height:232px;background:url(../images/plane.png) no-repeat;position:absolute;bottom:0;}
section#intro h1 {font-family:'RobotoBold';font-size:28px;text-transform:uppercase;position:absolute;top:135px;background:url(../images/kongres-logo.jpg) no-repeat;padding-left:95px;padding-top:52px;}
section#intro .intro-text {position:absolute;top:220px;font-family:'RobotoThin';font-size:30px;text-transform:uppercase;}
section#intro .intro-text span {display:block;font-size:22px;}
section#intro .requirements {position:absolute;top:400px;}
section#intro .requirements h2 {font-family:'RobotoRegular';font-size:16px;padding-bottom:20px;font-size:14px;}
section#intro .requirements p {line-height:20px;font-size:14px;}

section#icons {padding-right:38px;padding-bottom:26px;}
section#icons ul {float:right;padding-bottom:5px;position:relative;width:300px;height:40px;}
section#icons ul li {float:left;list-style:none;margin-right:15px;position:relative;zoom:1;display:none;}
section#icons .icon-calendar {width:28px;height:33px;background:url(../images/icon-calendar.png) no-repeat;right:-500%;}
section#icons .icon-pin {width:26px;height:32px;background:url(../images/icon-pin.png) no-repeat;right:-500%;}
section#icons .icon-people {width:33px;height:27px;background:url(../images/icon-people.png) no-repeat;right:-500%;}
section#icons .icon-people-2 {width:30px;height:28px;background:url(../images/icon-people-2.png) no-repeat;right:-500%;}
section#icons .icon-info {width:28px;height:28px;background:url(../images/icon-info.png) no-repeat;right:-500%;}
section#icons .icon-pencil {width:25px;height:29px;background:url(../images/icon-pencil.png) no-repeat;right:-500%;}
section#icons .icon-mail {width:33px;height:24px;background:url(../images/icon-mail.png) no-repeat;right:-500%;}
section#icons .last {margin:0;}
section#icons div {text-align:right;font-family:'RobotoLight';}

section#desktop {width:887px;height:727px;background:url(../images/desktop.jpg) no-repeat;margin:auto;position:relative;}
section#desktop .arrow-down {width:48px;height:0;background:url(../images/arrow-down.png) no-repeat;position:absolute;top:-20px;right:50px;}
section#desktop .arrow-up {width:61px;height:82px;background:url(../images/arrow-up.png) no-repeat;position:absolute;bottom:157px;left:11px;}
section#desktop .desc {width:240px;position:absolute;bottom:49px;text-align:right;left:-15px;line-height:20px;font-family:'RobotoLight';}

section#water {width:960px;height:460px;background:url(../images/water.jpg) no-repeat;position:relative;}
section#water .iphone {top:-82px;left:267px;width:249px;height:364px;position:absolute;}

.ex_zoom {
        width: 125px; height:182px; margin: auto; padding: 10px; display: block;
       color: black; text-decoration: none;
   opacity: 0;
   -webkit-transition: 0.5s all ease-in-out;
   -moz-transition: 0.5s all ease-in-out;
   -o-transition: 0.5s all ease-in-out;
   transition: 0.5s all ease-in-out;
}

.ex_zoom_loaded {
   -webkit-transform: rotate(360deg) scale(2);
   -moz-transform: rotate(360deg) scale(2);
   -o-transform: rotate(360deg) scale(2);
   transform: rotate(360deg) scale(2);
   opacity: 1;
}

section#water .arrow-down-2 {
    width:0px;
    height:78px;
    background:url(../images/arrow-down-2.png) no-repeat;
    position:absolute;
    bottom:141px;
    left:-26px;
    transition: 0.5s width ease-in-out;
}
section#water .arrow-down-2-loaded {width:65px;}

section#summary {padding-bottom:40px;}
section#summary h3 {font-size:46px;font-weight:700;padding-bottom:20px;font-family:'RobotoCondensed';}
section#summary span {font-size:71px;font-weight:300;padding-bottom:20px;display:block;font-family:'RobotoThin';}
section#summary p {font-size:39px;font-family:'RobotoThin';}