h1 {font-size:68px;font-family:'RobotoBold';font-weight:300;text-transform:uppercase;text-align:center;padding-top:56px;}
h1 span {font-size:34px;font-family:'RobotoThin';display:block;width:605px;margin:auto;border-bottom:2px solid #dfdfdf;margin-bottom:16px;padding-bottom:20px;}
h1 span.last {font-size:24px;margin:auto;padding:0;border:none;}

img.screen-1 {width:960px;margin:30px auto 0;display:block;}

section.intro {padding-top:57px;width:960px;margin:auto;}
section.intro h2 {font-size:24px;font-family:'RobotoBold';padding-bottom:20px;}

section.intro div {font-size:12px;line-height:16px;}
section.intro p {margin-bottom:15px;}
section.intro .left {width:460px;padding-right:20px;float:left;}
section.intro .right {width:460px;float:left;}

.diff-pics {width:960px;margin:auto;height:500px;}

section#goals {padding-top:75px;}
section#goals .top {width:960px;margin:auto;}
section#goals h2 {font-size:48px;font-family:'RobotoBold';font-weight:300;margin-left:270px;text-transform:uppercase;float:left;}
section#goals h2 span {display:block;width:34px;height:34px;cursor:pointer;background:url(../images/poligrafia-icon-arrow-down.jpg) no-repeat;margin:auto;}

section#goals .bottom {background:url(../images/pg-bottom-bg.png);margin-top:11px;border-top:1px solid #a3a3a3;height:961px;border-bottom:1px solid #a3a3a3;}
section#goals .bottom .holder {width:960px;margin:auto;position:relative;}
section#goals img.makieta {width:813px;display:block;margin:auto;padding-top:35px;}

section#goals div.tip {position:absolute;background:#e3e3e3;border-radius:50%;text-align:center;overflow:hidden;}
section#goals .tip-1 {
    width:0px;
    height:0px;
    top:0px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
section#goals .tip-2 {width:0px;height:0px;top:-70px;right:233px;}
section#goals .tip-2 {
        transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
section#goals .tip-3 {width:0px;height:0px;top:0;right:0;}
section#goals .tip-3 {
        transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
section#goals .tip-4 {width:0px;height:0px;top:400px;right:20px;}
section#goals .tip-4 {
        transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
section#goals .tip-5 {width:0px;height:0px;top:419px;left:37px;}
section#goals .tip-5 {
        transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

section#goals .tip-1-hover {width:105px;height:95px;top:0;border:1px solid #c4c4c4;padding:20px;}
section#goals .tip-2-hover {width:105px;height:95px;top:-70px;right:233px;border:1px solid #c4c4c4;padding:20px;}
section#goals .tip-3-hover {width:70px;height:60px;top:0;right:0;border:1px solid #c4c4c4;padding:20px;}
section#goals .tip-4-hover {width:105px;height:95px;top:400px;right:20px;border:1px solid #c4c4c4;padding:20px;}
section#goals .tip-5-hover {width:60px;height:50px;top:419px;left:37px;border:1px solid #c4c4c4;padding:20px;}

section#goals .tip-arrow-1 {
    background:url(../images/tip-1-arrow.png) no-repeat;
    z-index:1;
    position:absolute;
    width:0;
    height:0;
    top:64px;
    left:130px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

section#goals .tip-arrow-2 {
    background:url(../images/tip-2-arrow.png) no-repeat;
    z-index:1;
    position:absolute;
    width:0;
    height:0;
    top:-7px;
    right:351px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

section#goals .tip-arrow-3 {
    background:url(../images/tip-3-arrow.png) no-repeat;
    z-index:1;
    position:absolute;
    width:0;
    height:0;
    top:51px;
    right:-1px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

section#goals .tip-arrow-4 {
    background:url(../images/tip-4-arrow.png) no-repeat;
    z-index:1;
    position:absolute;
    width:0;
    height:0;
    top:479px;
    right:112px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

section#goals .tip-arrow-5 {
    background:url(../images/tip-5-arrow.png) no-repeat;
    z-index:1;
    position:absolute;
    width:0;
    height:0;
    top:375px;
    left:127px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

section#goals .tip-arrow-1-hover {width:156px;height:99px;}
section#goals .tip-arrow-2-hover {width:166px;height:99px;}
section#goals .tip-arrow-3-hover {width:104px;height:153px;}
section#goals .tip-arrow-4-hover {width:150px;height:111px;}
section#goals .tip-arrow-5-hover {width:156px;height:99px;}

section#icons {width:960px;margin:auto;position:relative;padding-bottom:104px;height:807px;overflow:hidden;}
section#icons h2 {font-size:48px;text-transform:uppercase;font-family:'RobotoBold';font-weight:300;text-align:center;padding-top:77px;}
section#icons h2 span {font-family:'RobotoThin';}
section#icons img {position:absolute;top:135px;left:0;}
section#icons .pg-icon-1 {
    width:0px;
    height:0px;
    position:absolute;
    top:480px;
    left:260px;
    z-index:1;
    background:url(../images/pg-icon-1.png) no-repeat;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

section#icons .pg-hand {z-index:2;position:absolute;top:111px;background:url(../images/pg-hand.png) no-repeat;right:-530px;width:530px;height:439px;}
section#icons .pg-icon-1-hover {width:268px;height:183px;}

section#diff {height:1485px;background:url(../images/pg-bottom-bg.png);color:#fff;}
section#diff .holder {width:960px;margin:auto;}
section#diff .left {float:left;width:480px;padding-top:60px;}
section#diff .right {float:left;width:480px;padding-top:60px;padding-bottom:60px;}
section#diff .left h2 {font-size:48px;font-family:'RobotoBold';font-weight:300;text-transform:uppercase;padding-top:50px;}
section#diff p {padding-bottom:15px;font-size:12px;}

.gallery {padding-top:30px;}