body {margin: 0;}
.overview-content {position: relative; font-size: 18px; color: #585858; line-height: 1.5; font-family: "MyriadProLight", Helvetica, Arial, sans-serif; text-align: center; text-align: -webkit-center;}
.overview-content .section {width: 100%; overflow: hidden; }
.overview-content .title {font-size: 48px; line-height: 1.2; margin: 0; font-weight: normal; color: #585858;}
.overview-content p {font-size: 18px; color: #585858; margin: 0;}

.overview-content .a {height: 1134px; background: url('../images/product-2_a.jpg') 50% 0 no-repeat;}

.overview-content .h {height: 1360px; background: url('../images/product-2_h.jpg') 50% 0 no-repeat;}
.overview-content .h .info {padding-top: 80px; text-align: left; text-align: -webkit-left; width: 1200px; margin: 0 auto;}
.overview-content .h .info .text {margin-top: 20px;}
.overview-content .h .info .space {height: 40px;}
.overview-content .h .info .sm-block {margin-top: 40px; width: 120px; height: 100px; border-bottom: 1px solid #aaabab;}
.overview-content .h .info .block {margin-top: 45px; height: 55px; border-bottom: 1px solid #aaabab; width: 290px;}
.overview-content .h .info .block p {font-size: 28px;}
.overview-content .h .animation {position: relative;}
.overview-content .h .animation .top {position: absolute; top: 225px; left: -90px; z-index: 6; width: 466px; height: 277px; background: url(../images/printer.png) 50% 0 no-repeat;}
.overview-content .h .animation .middle {
    position: absolute; 
    z-index: 4; 
    width: 466px; 
    height: 277px; 
    background: url(../images/photo.png) 50% 0 no-repeat;
    top: 285px;
    left: -55px;
}
.overview-content .h .animation .middle.active, .overview-content .h .animation .photo-shadow.active {
    animation: photo_move 1s linear;
    -moz-animation: photo_move 1s linear;
    -webkit-animation: photo_move 1s linear;
    -ms-transform: photo_move 1s linear;
    -o-transform: photo_move 1s linear;
    transform: translate(200px, 72px);
    -webkit-transform: translate(200px, 72px);
    -moz-transform: translate(200px, 72px);
    -ms-transform: translate(200px, 72px);
    -o-transform: translate(200px, 72px);
}
@keyframes photo_move {
    0% {transform: translate(0, 0);}
    100% {transform: translate(200px, 72px);}
}
@-webkit-keyframes photo_move {
    0% {-webkit-transform: translate(0, 0);}
    100% {-webkit-transform: translate(200px, 72px);}
}
@-moz-keyframes photo_move {
    0% {-moz-transform: translate(0, 0);}
    100% {-moz-transform: translate(200px, 72px);}
}
@-o-keyframes photo_move {
    0% {-o-transform: translate(0, 0);}
    100% {-o-transform: translate(200px, 72px);}
}
@-ms-keyframes photo_move {
    0% {-ms-transform: translate(0, 0);}
    100% {-ms-transform: translate(200px, 72px);}
}
.overview-content .h .animation .bottom {position: absolute; top: 225px; left: -90px; z-index: 2; width: 466px; height: 277px; background: url(../images/printer-bottom.png) 50% 0 no-repeat;}
.overview-content .h .animation .photo-shadow {
    position: absolute; 
    top: 298px; 
    left: -80px; 
    z-index: 1; 
    width: 466px; 
    height: 277px; 
    background: url(../images/shadow.png) 50% 0 no-repeat;
}

.overview-content .b {height: 799px; background: url('../images/product-2_b.jpg') 50% 0 no-repeat;}
.overview-content .b .info {width:1200px; padding-top: 115px; text-align: left; text-align: -webkit-left; position: relative; margin: 0 auto;}
.overview-content .b .right-component {right: 50px; position: absolute;}
.overview-content .b .title {color: #fff; max-width: 490px;}
.overview-content .b p {max-width: 490px; margin-top: 15px; color: #828282;}
.overview-content .b sup {font-size: 10px; color: #828282;}
.overview-content .b .ram h1 {font-size: 28px; color: #ffffff; line-height: 2; font-weight: normal; border-bottom: 1px solid #46484a; margin-top: 80px; width: 225px;}
.overview-content .b .mem h1 {font-size: 28px; color: #ffffff; line-height: 2; font-weight: normal; border-bottom: 1px solid #46484a; margin-top: 30px; width: 190px;}

.overview-content .c {height: 1000px; background: url('../images/product-2_c.jpg') 50% 0 no-repeat;}
.overview-content .c .info {padding-top: 180px; text-align: left; text-align: -webkit-left; width: 1200px; margin: 0 auto;}
.overview-content .c .text {margin-top: 20px; width: 550px;}
.overview-content .c .g3-g4 {margin-top: 40px; position: relative;}
.overview-content .c .g3-g4 .g3 {width: 212px; height: 212px; display: inline-block; text-align: center;  text-align: -webkit-center;}
.overview-content .c .g3-g4 .g4 {width: 212px; height: 212px; display: inline-block; margin-left: 50px;  text-align: center; text-align: -webkit-center; position: relative;}
.overview-content .c .g3-g4 .g3 .large {margin: 0 auto; margin-top: 65px; width: 85px; height: 47px; background: url('../images/product-2_c_3g.png') 50% 0 no-repeat;}
.overview-content .c .g3-g4 .g3 .small {font-size: 20px; color: #46484a;}
.overview-content .c .g3-g4 .g4 .large {margin: 0 auto; margin-top: 52px; width: 86px; height: 85px; background: url('../images/product-2_c_4g.png') 50% 0 no-repeat;}
.overview-content .c .g3-g4 .g4 .small {font-size: 20px; color: #46484a;}
.overview-content .c .g3-g4 .overlay {position: absolute; width: 212px; height: 212px; left: 0; top: 0;}
.overview-content .c .g3-g4 .bg { background: url('../images/product-2_c_circle.png') 50% 0 no-repeat;}

.overview-content .e {height: 900px; background: url('../images/product-2_e.jpg') 50% 0 no-repeat;}
.overview-content .e .info {width:1200px; padding-top: 260px; text-align: left; text-align: -webkit-left; position: relative; margin: 0 auto;}
.overview-content .e .right-component {right: 0; position: absolute; width: 530px;}
.overview-content .e .title {margin-bottom: 25px;}
.overview-content .e .logo-neffos {width: 405px; height: 203px; background: url('../images/product-2_e_icon.png') 50% 0 no-repeat; margin-top: 40px;}

.overview-content .f {height: 1093px; background: url('../images/product-2_f.jpg') 50% 0 no-repeat;}
.overview-content .f .info {padding-top: 95px; text-align: left; width: 670px; margin: 0 auto;}
.overview-content .f .title {line-height: 1.2; margin: 0; font-weight: normal; margin-bottom: 25px;}
.overview-content .f .info .block {margin-top: 45px; height: 55px; border-bottom: 1px solid #aaabab; width: 130px;}
.overview-content .f .info .block p {font-size: 28px;}


.overview-content .g {height: 1045px; background: url('../images/product-2_g.jpg') 50% 0 no-repeat;}
.overview-content .g .info {padding-top: 320px; text-align: left; text-align: -webkit-left; width: 1200px; margin: 0 auto;}
.overview-content .g .title {width: 440px;}
.overview-content .g .text {margin-top: 20px; width: 480px;}

@media screen and (max-width: 736px){
	.overview-content .title {font-size: 30px; line-height: 1.2;padding:0 0.45rem 20px;}
	.overview-content p {font-size: 18px; line-height:1.45;padding:0 0.45rem;}
	.overview-content .a{background:url(../mobile/a.jpg) 50% 0 no-repeat;background-size:100%;height:133vw;}
	.overview-content .h{background:url(../mobile/b.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:50%;height:auto;}
	.overview-content .h .info{padding-top:40px;width:auto;}
	.overview-content .h .info .text{margin-top:0;}
	.overview-content .h .animation,.overview-content .h .space{display:none;}
	.overview-content .h .info .sm-block,.overview-content .h .info .block{font-size:0;height:auto;width:auto;margin:15px 0.45rem 0;border-bottom:none;}
	.overview-content .h .sm-block h1{padding:0;font-size:24px;}
	.overview-content .h .sm-block p,.overview-content .h .info .block p{padding:0;font-size:14px;display:inline-block;border-bottom: 1px solid #aaabab;}
	.overview-content .b{height:auto;background:#000;background:url(../mobile/c-bg.jpg) 50% 100% repeat-y;background-size:100%;margin-bottom: -16px;}
	.overview-content .b .info{width:auto;padding-top:40px;}
	.overview-content .b .right-component{position:relative;right:auto;text-align:center;font-size:0;}
	.overview-content .b .right-component>p:last-child{display:none;}
	.overview-content .b .title{text-align:center;}
	.overview-content .b .title+p{background:url(../mobile/c.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:82%;}
	.overview-content .b p{text-align:center;margin-top:0;color:#fff;}
	.overview-content .b .ram,.overview-content .b .mem{display:inline-block;text-align:center;position:relative;top:-14vw;}
	.overview-content .b .ram h1,.overview-content .b .mem h1{margin:0;border-bottom:none;line-height:1.2;width:auto;font-size:14px;}
	.overview-content .b .ram h1 span, .overview-content .b .mem h1 span{font-size:14px!important;}
	.overview-content .c{height:auto;background:url(../mobile/d-bg.jpg) 50% 100% repeat-y;background-size:100%;}
	.overview-content .c .info{padding-top:40px;width:auto;background:url(../mobile/d1.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:100%;}
	.overview-content .c .text{margin:0;width:auto;}
	.overview-content .c .g3-g4{position:absolute;margin-top:3vw;font-size:0;}
	.overview-content .c .g3-g4 .overlay{width:25vw;height:25vw;left:0.45rem;background-size:100%;}
	.overview-content .c .g3-g4 .overlay canvas{width:25vw!important;height:25vw!important;}
	.overview-content .c .g3-g4 .g3,.overview-content .c .g3-g4 .g4{width:auto;height:25vw;}
	.overview-content .c .g3-g4 .g3 .large,.overview-content .c .g3-g4 .g4 .large{margin-top:8.5vw;background-size:36%;height:6vw;width:auto;}
	.overview-content .c .g3-g4 .g3 .small,.overview-content .c .g3-g4 .g4 .small{font-size:3vw;}
	.overview-content .c .g3-g4 .g4{margin-left:0;margin-top:28vw;}
	.overview-content .c .g3-g4 .g4 .large{height:9.5vw;margin-top:6.5vw;}
	.overview-content .e{background:url(../mobile/e-bg.jpg) 50% 100% repeat-y;height:auto;background-size: 100%;}
	.overview-content .e .title{margin-bottom:0;}
	.overview-content .e .info{width:auto;padding:40px 0 80%;background:url(../mobile/e.jpg) 50% 100% no-repeat;background-size: 100%;}
	.overview-content .e .right-component{position:relative;width:auto;}
	.overview-content .e .logo-neffos{display:none;}
	.overview-content .f{background:url(../mobile/f.jpg) 50% 100% no-repeat;background-size:100%;height:auto;}
	.overview-content .f .info{padding:40px 0 92%;width:auto;position:relative;}
	.overview-content .f .title{margin:0;}
	.overview-content .f .info .block{position:absolute;bottom:12vw;width:auto;height:auto;border-bottom:none;}
	.overview-content .f .info .block p span{font-size:16px!important;line-height:1.2;white-space:nowrap;border-bottom: 1px solid #aaabab;}
	.overview-content .g{background:url(../mobile/g-bg.jpg) 50% 100% repeat-y;height:auto;background-size:100%;}
	.overview-content .g .info{padding:40px 0 100%;width:auto;background:url(../mobile/g.jpg) 50% 100% no-repeat;height:auto;background-size:100%;}
	.overview-content .g .title{width:auto;}
	.overview-content .g .text{margin-top:0;width:auto;}
}