@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('/templates/asusplus/css/novicss/11avgust.css');

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
    
.ux390smanjirazmak { margin-top: auto;}
@media (max-width: 880px) { .ux390smanjirazma { margin-top: 50px;} }  
    
/******************************* ux390rosegold ******************************/

.ux390rosegold { color: #fff; background-color: #C5A9A6; margin-bottom: auto;}
.ux390rosegold h3 { margin-top: -5%; }
.ux390rosegold h4 { color: #fff; width:60%; font-size: 14pt; line-height: 30px; margin: 10% 30%; }
@media (max-width: 880px) { .ux390rosegold h4 { text-align:center;  margin-left: 0; width:100%; padding-top: 0; font-size: 14pt; font-weight: 300; margin: 0 0; } 
.ux390rosegold p { text-align:center;  margin-left: 0; padding-top: 0; font-size: 13pt; font-weight: 200; } 
.ux390rosegold h3 { margin-top: auto; }}
    
.ux390rosegold1 { color: #fff; background-color: #C5A9A6; margin-bottom: auto;}
.ux390rosegold1 h4 { color: #fff; background-color: #C5A9A6; margin-top: 110px;}
@media (max-width: 880px) { .ux390rosegold1 h3 { margin-top: auto;}
.ux390rosegold1 p { text-align:center;  margin-left: 0; padding-top: 0; font-size: 13pt; font-weight: 200; }}
    
.ux390rosegoldvideo { color: #fff; background-color: #C5A9A6;  margin-bottom: -60px;
margin-top: -50px;}
.ux390rosegoldvideo article { margin: 15% 35%; text-align: center; position: absolute; }
.ux390rosegoldvideo video { display: block; }
.ux390rosegoldvideo article { display: block; }
.ux390rosegoldvideo p { display: block; } 
.ux390rosegoldvideo i { display: block; }     
@media (max-width: 880px) { .ux390rosegoldvideo { margin-bottom:auto;}
.ux390rosegoldvideo video { display: none; }
.ux390rosegoldvideo p { display: none; }
.ux390rosegoldvideo i { display: none; }
.ux390rosegoldvideo article { margin: 0 0; text-align: center; position: static; margin-top: 30% } }

    
.video-background {
  position: fixed;
  right: 0; 
  bottom: 0;
  max-height: 100%; 
  max-width: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

.article {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 450px;
}

.img-stodvadeset { display: inline-block; width: 120%; background-position: center top !important; background-size: cover !important; }
    @media (min-width: 992px) { .img-stodvadeset { width: 100%; background-position: center; }}
    
.ux390rosegoldslika { background: url("/images/notebook/ux390rosegold/beauty_style.jpg") no-repeat fixed; background-size: 100%; height: 400px; color: #fff; background-color: #fff;}
@media (max-width: 880px){ .ux390rosegoldslika { background: url("/images/notebook/ux390rosegold/beauty_style-mobile.jpg") no-repeat center; background-size: 100%; height: 95px;}}
    
.ux390-tabs { border: 0; text-align: center; }
.ux390-tabs.nav-tabs { display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ux390-tabs.nav-tabs > li { float: left; width: 33%; display: inline-block; font-size: 20px; color: #ffffff; margin: 0; border-left: 1px #fff solid; }
.ux390-tabs.nav-tabs > li a { float: left; width: 100%; margin: 0; padding: 4px 30px; white-space: nowrap; color: #ffffff; border: 0; border-radius: 0; }
.ux390-tabs.nav-tabs > li a:hover { border: 0; background: rgba(0, 0, 0, 0.075); color: #fff; }
.ux390-tabs.nav-tabs > li:first-child { border-left: 0; }
.ux390-tabs.nav-tabs > li.active { border: 0; }
.ux390-tabs.nav-tabs > li.active a { color: #fff; background: rgba(0, 0, 0, 0.075); border: 0; }
.ux390-tabs.nav-tabs > li.active a:hover { border: 0; }
    
.img-veca { width: 150%; }
@media (max-width: 880px) {.img-veca { width: 100%; }}
    
.img-60rosegold { width: 60%; }
@media (max-width: 880px) {.img-60rosegold { width: 100%; }}
    
/******************************* gl502 ******************************/
.gl502header { background: url("/images/notebook/gl502/web/heder.jpg") no-repeat top; background-size: 100% !important; margin: 0; padding: 22px 0 730px; color: #fff; background-color: #000;}
.gl502header h2 { font-weight: 800; margin-top: 3%; }
@media (max-width: 880px){.gl502header { background: url("/images/notebook/gl502/mobile/header.jpg") no-repeat bottom; 
background-size: 100%; margin-top:auto; height: 600px; color: #fff; background-color: #000;}
.gl502header img {margin-top: 30px;}
.gl502header h2 { font-weight: 600; font-size: 35px; line-height: 100%; margin-top: 5%; }}
    
.gl502 {color: #fff; background-color: #000;}
.gl502 h2 {color: #fd6e05; font-weight:bold;}
@media (max-width: 991px) { .gl502 h2 { font-size:25px; color: #fd6e05; font-weight:bold; line-height:inherit;} }

    
.gl502perf1 {color: #fff; background-color: #000; margin-top: -3%}
.gl502perf1 h2 {color: #fd6e05; font-weight:bold; padding-top: 40%;}
@media (max-width: 991px) { .gl502perf1 h2 { font-size:25px; color: #fd6e05; font-weight:bold; line-height:inherit; padding-top: 0;} }

.gl502perf { background: url("/images/notebook/gl502/web/performanse.jpg") no-repeat top;  background-size: 100% !important; width: 100%; margin: 0; padding: 22px 0 400px;  color: #fff; background-color: #000;}
@media (max-width: 880px){.gl502perf { background: url("/images/notebook/gl502/web/performanse.jpg") no-repeat top;
background-size: 100%; color: #fff; background-color: #000;}
    
.img-gl502 { width: 150%; }
@media (max-width: 880px) {.img-gl502 { width: 120%; margin: 0 -4%; }}}

.grfikagl502 { width: 1500px; height: 500px; text-align:center; }
@media (max-width: 880px) { .grfikagl502 { width: 100%;  height: 119px; text-align:center;}}
    
.gl502-game {color: #fff; background-color: #000;}
.gl502-game  h2 {color: #fd6e05; font-weight:bold;}
.gl502-game  h3 {color: #FE0000; font-weight: 500; font-size: 45px; margin-bottom:-1%;}
@media (max-width: 991px) { .gl502-game h2 { font-size:25px; color: #fd6e05; font-weight:bold; line-height:inherit; padding-top: 0;} }
    
/******************************* ux360 zemska ******************************/

.ux360zemskaheader { background: url("/images/notebook/ux360zemska/web/header.png") no-repeat top;
background-size: 100% !important; margin: 0; padding: 22px 0 450px; color: #fff;}
.ux360zemskaheader h2 {margin-top: 13%; margin-left:3%;  width:40%; font-weight: 500;}
@media (max-width: 880px){.ux360zemskaheader { background: url("/images/notebook/ux360zemska/web/header.png") no-repeat center; 
background-size: 100%; margin-top: -22%; margin-bottom:-30%; height: 50px; color: #fff;}
.ux360zemskaheader h2 {font-size:small; line-height: 150%; margin-top: 150px }}

.ux360zemska { margin-top: -3%;}

/******************************* ZENFONE GO ******************************/

.kv-bg {
    width: 100%;
    height: 0;
    margin-top: 100;
    padding-bottom: 55.83333%;
    position: relative;
    top: 100;
    left: 0;
    z-index: -10;
    background: url(/images/zenfonego/kv.jpg) no-repeat;
    background-size: contain;
    text-align: center;
}
    
.box-detail-info-down {
    width: 100%;    
    margin: 0 auto;
    font-weight: 300;
    font-size: 16px;
    color: #737373;
}
    

.kv-text-go { font-size: 22px; line-height: 42px; max-width: 620px !important; margin-left: 100px; }
.kv-text-go a { color: #b59c6e; transition: opacity 300ms ease; }
.kv-text-go a:hover { text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); }
    
.siva { background: #F5F5F5; }
    
.siva390 { background: #F5F5F5; margin-top: -40px;}
.siva390 img { width: auto;}
.siva390 h2 { margin-top: 40px; }
.siva390 h3 { font-weight: normal; color: #DEB34A; }    
 @media (max-width: 1300px) { .siva390 {}
.siva390 img {width: 80%; } }      
    
.tamnosiva { background: #2C2C2C; color: #fff; margin-top: -40px; }
.tamnosiva h4 { padding-top: 145px; }
 @media (max-width: 1300px) {.tamnosiva { margin-top: -15px; }
.tamnosiva h4 { margin-top: -190px; }
.tamnosiva img { width: 150%; margin-left: -15px; }}
    
    .crna { background: #000000; color: #fff }

.center-sectionnova { display: inline-block; width: 100%; text-align: center; }
.center-sectionnova h2 { margin-bottom: 20px; }
.center-sectionnova h3 { margin-top: 14px; }
.center-sectionnova li { text-align: left; margin: -8px auto; }
.center-sectionnova p { max-width: 1000px; margin: 0 auto; margin-bottom: 8px; line-height: 32px; }
.center-sectionnova p { margin-bottom: 8px; }    
    
/******************************* rog ******************************/
    

.rog-section { display: inline-block; width: 100%; text-align: center; }
.rog-section h1 { font-family: 'rogfontsv15-regular', sans-serif; }
.rog-section h2 { font-weight: bolder; margin-bottom: 25px; }
.rog-section h3 { margin-top: 14px; }
.rog-section li { text-align: left; }
.rog-section p { max-width: 880px; margin: 0 auto; margin-bottom: 25px; }
.rog-section p { margin-bottom: 15px; }
    
.img-dvesta { display: inline-block; width: 200%; background-position: center top !important; background-size: 200% !important; }
    @media (max-width: 992px) { .img-dvesta { width: 100%; background-position: center; }}
        
.img-trista { display: inline-block; width: 100%; background-position: center top !important; background-size: cover !important; }
    @media (min-width: 992px) { .img-trista { width: 300%; background-position: center; }}
    
.fxvm { background: url("/images/notebook/rog/fx502/1.jpg") no-repeat center; background-color: #000; height: 1394px; color: #fff; }
    @media (max-width: 800px) {.fxvm { background: url("/images/notebook/rog/fx502/1mob.jpg") no-repeat center; height: 953px; } }
.fxvm img { padding-top: 150px; }
    
.fxvm2 { background: url("/images/notebook/rog/fx502/2.jpg") no-repeat center; background-color: #000; height: 1009px; color: #fff; }
.fxvm2 h2 { margin-top: 165px; color: #FD6E05; }  
    @media (max-width: 800px) {.fxvm2 { background: url("/images/notebook/rog/fx502/2mob.jpg") no-repeat bottom; height: 920px; } 
    
   .fxvm2 h2 { margin-top: 10px; } }
    
    
.fxvm3 { background: url("/images/notebook/rog/fx502/7.jpg") no-repeat top; background-color: #000; height: 1100px; color: #fff; margin-top: -12px; }
.fxvm3 h2 { margin-top: 95px; color: #FD6E05; }
    @media (max-width: 800px) {.fxvm3 { background: url("/images/notebook/rog/fx502/7mob.jpg") no-repeat bottom; height: 930px; background-color: #000; } 
    
   .fxvm3 h2 { margin-top: 12px; } }
    
.fxvm4 { background: #000; color: #fff; margin-top: -100px; }
.fxvm4 h2 { padding-top: 270px; color: #FD6E05; }
    @media (max-width: 800px) {.fxvm4 { background: #000; color: #fff; }
.fxvm4 h2 { color: #FD6E05; margin-top:-223px;} 
.fxvm4 img { padding-top: 23px; margin-left: -130px; color: #FD6E05; width: 190%; } } 
    
    
.fxvm5 { background: url("/images/notebook/rog/fx502/51.png") no-repeat center; background-color: #000; height: 1115px; color: #fff; }
.fxvm5 h2 { margin-top: 212px; color: #FD6E05;}
   @media (max-width: 800px) { .fxvm5 { background: url("/images/notebook/rog/fx502/5mob.png") no-repeat top; background-color: #000; height: 1306px; color: #fff; } 
.fxvm5 h2 { margin-top: 600px;} }
    
    
.img-dvesta { width: 200%; background-position: center top !important; background-size: cover !important; }
    @media (max-width: 991px) { .img-dvesta { width: 100%; background-position: center; }}
    
.grfikag752 { width: 1300px; height: 330px; text-align:center; }
@media (max-width: 880px) { .grfikag752 { width: 100%;  height: 85px; text-align:center;}}
        
/******************************* laser ******************************/
        
.laserprva { background: url("/images/telefoni/zenfonelaser/header.jpg") no-repeat center; height: 1396px; color: #fff; }
.laserprva  img { margin-top: 242px; margin-left: 745px; }
.laserprva  h2 { margin-left: 725px; }        
        @media (max-width: 1300px) { .laserprva { background: url("/images/telefoni/zenfonelaser/headermobmed.png") no-repeat center; background-color: #880201;  height: 1252px; }
                                    .laserprva img { align-items: center; margin-top: 45px; margin-left: -10px; }
                                    .laserprva h2 { font-size: 30pt; margin-left: -10px; text-align: center; color: #fff;} }
        
        @media (max-width: 880px) { .laserprva { background: url("/images/telefoni/zenfonelaser/headermob.png") no-repeat center; background-color: #880201; height: 880px; }
                                    .laserprva img { align-items: center; margin-top: 35px; }
                                    .laserprva h2 { font-size: 25pt; text-align: center; color: #fff;} }
        
            
.crvenaprva { background: #880201; color: #fff; margin-top: -255px; }
     @media (max-width: 880px) { .crvenaprva { background: #880201; color: #fff; margin-top: -30px; } }
.crvena { background: #880201; color: #fff; }
    
    .crvenadruga { background: #880201; color: #fff; margin-top: -46px; padding-bottom:50px; }
    
.fokus { background: url("/images/telefoni/zenfonelaser/fokus.png") no-repeat center; height: 1448px; color: #fff; background-color: #880201; } 
    @media (max-width: 1300px) { .fokus { background: url("/images/telefoni/zenfonelaser/fokusmob.png") no-repeat center; background-color: #880201;  width: 100%; margin-top: -335px; }}

.gorelaser { margin-top: -17px; background-color: #fff; text-align: center;}
     @media (max-width: 1300px) { .gorelaser { margin-top: -357px; } }
    
.tekstselfi { margin-top: 230px; text-align: left;}   
     @media (max-width: 1300px) { .tekstselfi { margin-top: 10px; } } 
    
.selfislika { margin-top: 80px; width: 270%; background-position: center top !important; background-size: cover !important; }
    @media (max-width: 1300px) { .selfislika { margin-top: 1px; width: 110%; } }
    
.sonicslika { margin-top: 295px; width: 390%; background-position: center top !important; background-size: cover !important; }
    @media (max-width: 1300px) { .sonicslika { margin-top: 1px; width: 110%; } }
    
.crnal { background: #000; color: #fff; margin-top: -80px; }
.crnal img { margin-top: 0px; }
    @media (max-width: 991px) { .crna { margin-top: -12px; } 
                                 .crna img { margin-top: 0; } }

.laserl { margin-top: -60px; }
    
.laserk { margin-top: -80px; }
@media (max-width: 991px) { .laserk { margin-top: 0px; }}
.laserk img { margin-top: -280px; width: 150% } 
@media (max-width: 991px) { .laserk { margin-top: 0px; }
.laserk img { margin-top: 0px; width: 100% } }  
    
/******************************* rog gl553 ******************************/
    
.roggl553 { background: url("/images/notebook/rog/GL553/output_6wPmJB.gif") no-repeat top; height: 1240px; color: #fff; background-color: #000; }
.roggl553 p { padding-top: 15px; }
    @media (max-width: 880px) { .roggl553 { background: url("/images/notebook/rog/GL553/output_6wPmJBmob.gif") no-repeat center; background-color: #000; height: 830px; }
    .roggl553 h2 {  font-size: 25px; line-height: 1.2; }
    .roggl553 p { padding-top: 50px; }
    .roggl553 img {padding-top: 49px}}
    
.roggl5531 { background: url("/images/notebook/rog/GL553/fg.jpg") no-repeat bottom; height: 1165px; color: #fff; background-color: #000;}
.roggl5531 h2 { color: #da7a3a;}
   @media (max-width: 880px) { .roggl5531 { background: url("/images/notebook/rog/GL553/fgmob.jpg") no-repeat bottom; background-size: 100%, cover; background-color: #000; height: 600px;}
   .roggl5531 h2 { font-size: 25px; line-height: 1.2; }}
    
.roggl5532 { background: url("/images/notebook/rog/GL553/fg(1).jpg") no-repeat bottom; background-size: auto; height: 1260px; color: #fff; background-color: #000;}
.roggl5532 h2 { color: #da7a3a;}
.roggl5532 h1 { color: #a11511; font-size: 45px; margin-bottom:0px;}
.roggl5532 img { padding-top: 55px;}
   @media (max-width: 880px) { .roggl5532 { background-size: 100%, cover; background-color: #000; height: 900px;}
   .roggl5532 h2 { font-size: 25px; line-height: 1.2; }
   .roggl5532 img { padding-top: 0px; margin-bottom:10px;}
   .roggl5532 h1 { color: #a11511; font-size: 45px; margin-bottom:0px; margin: auto;}}
    
.roggl5533 { background: url("/images/notebook/rog/GL553/fg(2).jpg") no-repeat bottom; background-size: auto; height: 1160px;  color: #fff; background-color: #000;}
.roggl5533 h2 { color: #da7a3a;}
@media (max-width: 880px) { .roggl5533 { background-size: contain; height: 455px; }
.roggl5533 h2 { font-size: 25px; line-height: 1.2; }}
    

.roggl5534 { background: url("/images/notebook/rog/GL553/fg(3).jpg") no-repeat bottom; background-size: auto; height: 970px; margin-top:-140px;  color: #fff; background-color: #000;}
.roggl5534 h2 { color: #da7a3a; margin-top: 100px;}
.roggl5534 h1 { color: #a11511; font-size: 45px; margin-bottom:0px;}   
@media (max-width: 880px) { .roggl5534 { background: url("/images/notebook/rog/GL553/fg(3)mob.jpg") no-repeat bottom; background-size: 100%; height: 940px; margin-top: 0;  color: #fff; background-color: #000;}
.roggl5534 h2 { font-size: 25px; line-height: 1.2; margin-top:auto; }
.roggl5534 h1 { margin: auto; }}
    
.roggl5535 { background: url("/images/notebook/rog/GL553/fg(4).jpg") no-repeat bottom; background-size: 100%; height: 850px; color: #fff; background-color: #000;}
.roggl5535 h2 { color: #da7a3a; margin-top: 140px;}
   @media (max-width: 880px) { .roggl5535 { background: url("/images/notebook/rog/GL553/fg(4)mob.jpg") no-repeat bottom; background-size: 100%; height: 420px; margin-top: 0;  color: #fff; background-color: #000;}
   .roggl5535 h2 {font-size: 25px; line-height: 1.2; margin: auto;}}
    
.roggl5536 { background: url("/images/notebook/rog/GL553/fg(5).jpg") no-repeat bottom; background-size: auto; height: 1220px; color: #fff; background-color: #000;}
.roggl5536 h2 { color: #da7a3a; } 
  @media (max-width: 880px) { .roggl5536 { background-size: contain; height: 520px;}
  .roggl5536 h2 {font-size: 25px; line-height: 1.2;}}
    
.roggl5537 { background: url("/images/notebook/rog/GL553/fg(6).jpg") no-repeat bottom; background-size: auto; margin-top:-90px; height: 990px; color: #fff; background-color: #000;}
.roggl5537 h2 { color: #da7a3a; }
   @media (max-width: 880px) { .roggl5537 { background-size: contain; height: 510px; margin-top:auto;}
   .roggl5537 h2 {font-size: 25px; line-height: 1.2;}}
    
.roggl5538 { background: url("/images/notebook/rog/GL553/output_WTvQZU.gif") no-repeat bottom; background-size: auto; height: 1170px; color: #fff; background-color: #000;}
.roggl5538 h2 { color: #da7a3a; }
@media (max-width: 880px) { .roggl5538 { background-size: contain; height: 500px}
   .roggl5538 h2 {font-size: 25px; line-height: 1.2;}}
/******************************* e403 ******************************/

.e403 { color: #fff; background-color: #648C94;}
@media (max-width: 880px) {.e403 img { margin-top: 9%;}
.e403 h2 { font-size: xx-large; }}

.e403-siva { color: #000; background-color: #DCDCDC;}

.e403-narandzasto { color: #F1861E;}
.e403-narandzasto p { margin-bottom: -100%;}
.e403-narandzasto h3 { margin-bottom: -4%;}

.e403-tac h3 { font-size: 11px; font-weight: 800; margin-bottom: -15%;}
.e403-tac p1 { font-size: 11px; font-weight: 500;}
.e403-tac img { margin-bottom: -30%;}
@media (max-width: 880px) { .e403-tac h3 { font-size: 9px; font-weight: 800;  margin-top:auto; margin-bottom: -2%;}
.e403-tac p1 { font-size: 11px; font-weight: 500;}
.e403-tac img { margin-bottom: -10%;}}


.aluminijume403 h2 { width: 40%; margin-top: -8%; margin-left: 7%; }
@media (max-width: 880px) {.aluminijume403 h2 { width: 100%; margin-top: auto; margin-left: auto; font-size: xx-large;}}

.e403-200 { width: 200%; background-position: center top !important; background-size: cover !important;  margin-top:20%;}
    @media (max-width: 880px) { .e403-200 { width: 100%; background-position: center; margin-top: 0; }}

.e403-150 { width: 150%; background-position: center top !important; background-size: cover !important; margin-top:-8%;}
    @media (max-width: 880px) { .e403-150 { width: 100%; background-position: center; margin-top: 0; }}

 .e403-120 { width: 120%; background-position: center top !important; background-size: cover !important;}
    @media (max-width: 880px) { .e403-120 { width: 100%; background-position: center; margin-top: 0; }}

/******************************* gl552 ******************************/

.gl552 {color: #fff; background-color: #000;}
.gl552 h2 { color: #da7a3a;}
.gl552 h1 { color: #a11511; font-size: 45px; margin-bottom:0px;}

.roggl552 { background: url("/static/cg/gl552/img/header.jpg") no-repeat top; height: 1240px; color: #fff; background-color: #000; }
.roggl552 p { padding-top: 15px; }
    @media (max-width: 880px) { .roggl552 { background: url("/static/cg/gl552/img/header-mobile.jpg") no-repeat bottom; background-color: #000; height: 730px; }
    .roggl552 h2 {  font-size: 25px; line-height: 1.2; }
    .roggl552 img {padding-top: 49px}}

.roggl5521 { background: url("/static/cg/gl552/img/igre.jpg") no-repeat bottom; height: 1165px; color: #fff; background-color: #000;}
.roggl5521 h2 { color: #da7a3a;}
   @media (max-width: 880px) { .roggl5521 { background: url("/static/cg/gl552/img/igre.jpg") no-repeat bottom; background-size: 100%, cover; background-color: #000; height: 500px;}
   .roggl5521 h2 { font-size: 25px; line-height: 1.2; }}

/******************************* mikronis ******************************/

.gl753mikronis { background: url("/images/notebook/rog/GL553/output_6wPmJB.gif") no-repeat top; height: 1240px; color: #fff; background-color: #000; }
.gl753mikronis p { padding-top: 15px; }
    @media (max-width: 880px) { .gl753mikronis { background: url("/images/notebook/rog/GL553/output_6wPmJBmob.gif") no-repeat center; background-size: 200%; background-color: #000; height: 930px; }
    .gl753mikronis h2 {  font-size: 25px; line-height: 1.2; }
    .gl753mikronis p { padding-top: 50px; }
    .gl753mikronis img {padding-top: 49px}}

 .gl753-1 { background: url("/images/notebook/rog/GL553/fg.jpg") no-repeat bottom; height: 1165px; color: #fff; background-color: #000;}
.gl753-1 h2 { color: #da7a3a;}
   @media (max-width: 880px) { .gl753-1 { background: url("/images/notebook/rog/GL553/fgmob.jpg") no-repeat bottom; background-size: 100%, cover; background-color: #000; height: 750px;}
   .gl753-1 h2 { font-size: 25px; line-height: 1.2; }}

.gl753-2 { background: url("/images/notebook/rog/GL553/fg(1).jpg") no-repeat bottom; background-size: auto; height: 1260px; color: #fff; background-color: #000;}
.gl753-2 h2 { color: #da7a3a;}
.gl753-2 img { padding-top: 55px;}
   @media (max-width: 880px) { .gl753-2 { background-size: 100%, cover; background-color: #000; height: 670px;}
   .gl753-2 h2 { font-size: 25px; line-height: 1.2; }
   .gl753-2 img { padding-top: 0px; margin-bottom:10px;}}
       
.gl753-3 { background: url("/images/notebook/rog/GL553/fg(2).jpg") no-repeat bottom; background-size: auto; height: 1160px;  color: #fff; background-color: #000;}
.gl753-3 h2 { color: #da7a3a;}
@media (max-width: 880px) { .gl753-3 { background-size: contain; height: 650px; }
.gl753-3 h2 { font-size: 25px; line-height: 1.2; }}

.gl753-4 { background: url("/images/notebook/rog/GL553/fg(3).jpg") no-repeat bottom; background-size: auto; height: 970px; margin-top:-140px;  color: #fff; background-color: #000;}
.gl753-4 h2 { color: #da7a3a; margin-top: 100px;}
.gl753-4 h1 { color: #a11511; font-size: 45px; margin-bottom:0px;}   
@media (max-width: 880px) { .gl753-4 { background: url("/images/notebook/rog/GL553/fg(3)mob.jpg") no-repeat bottom; background-size: 100%; height: 840px; margin-top: 0;  color: #fff; background-color: #000;}
.gl753-4 h2 { font-size: 25px; line-height: 1.2; margin-top:auto; }
.gl753-4 h1 { margin: auto; }}

.gl753-5 { background: url("/images/notebook/rog/GL553/fg(5).jpg") no-repeat bottom; background-size: auto; height: 1220px; color: #fff; background-color: #000;}
.gl753-5 h2 { color: #da7a3a; } 
  @media (max-width: 880px) { .gl753-5{ background-size: contain; height: 670px;}
  .gl753-5 h2 {font-size: 25px; line-height: 1.2;}}

.gl753-6 { background: url("/images/notebook/rog/GL553/fg(6).jpg") no-repeat bottom; background-size: auto; margin-top:-90px; height: 990px; color: #fff; background-color: #000;}
.gl753-6 h2 { color: #da7a3a; }
   @media (max-width: 880px) { .gl753-6 { background-size: contain; height: 610px; margin-top:auto;}
   .gl753-6 h2 {font-size: 25px; line-height: 1.2;}}
    
.gl753-7 { background: url("/images/notebook/rog/GL553/output_WTvQZU.gif") no-repeat bottom; background-size: auto; height: 1170px; color: #fff; background-color: #000;}
.gl753-7 h2 { color: #da7a3a; }
@media (max-width: 880px) { .gl753-7 { background-size: contain; height: 700px; margin-top:auto;}
   .gl753-7 h2 {font-size: 25px; line-height: 1.2;}}

.gl553-rs {background-color: black; color: #fff;}
.gl553-rs h2 { color: #da7a3a; }
@media (max-width: 880px) { .gl553-rs h2 { color: #da7a3a; font-size: 30px; line-height:inherit;}}

.gl553-rs-igre {background-color: black; color: #fff; background: url("/images/notebook/rog/GL553/zasvakuigru.jpg") no-repeat bottom; height:1100px; 
background-attachment: local; background-size: auto;}
.gl553-rs-igre h2 { color: #da7a3a; }
@media (max-width: 880px) { .gl553-rs-igre { background-color: #000; color: #fff; background-image: url("/images/notebook/rog/GL553/performansemobile.jpg") no-repeat bottom; height:540px; 
background-attachment: local; background-size: 100%;}
.gl553-rs-igre h2 { color: #da7a3a; font-size: 30px; line-height:inherit;}}

.gl553-150 { width: 150%; background-position: center top !important; background-size: cover !important;}
    @media (max-width: 880px) { .gl553-150 { width: 100%; background-position: center; margin-top: 0; }}
/******************************* ux360windows ******************************/


.ux360windows {background-color: #e9ecef; color:#495057;}
.ux360windows h3 {font-size: 20px; font-weight: 500; color:#868e96; line-height:inherit;}
.ux360windows h2 { font-size: 30px; color:#868e96; font-weight: 600;}
@media (max-width: 880px) { .ux360windows h3 {font-size: 15px; font-weight: 400; color:#868e96; line-height:inherit;}
.ux360windows {padding-top: 30px;}}

.img-30-ux360 { width: 35%; background-position: center top !important; background-size: cover !important; margin-bottom:8%;}
    @media (max-width: 884px) { .img-30-ux360 { width: 80%; background-position: center; margin-top: 0; margin-bottom:0; }}


.btnux360 {
  background-color: #e9ecef;
  color: #154c8f;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #1f628d 2px;
  text-decoration: none;
}

.btnux360:hover {
  background: #154c8f;
   color: #fff;
  text-decoration: none;
}

.fx502-poza-prva { background-color: #000; color: #fff; }
.fx502-poza-prva img { margin-top: auto; }

.fx502-poza { background-color: #000; color: #fff; }
.fx502-poza h2 { color: #FD6E05; }
@media (max-width: 880px) {.fx502-poza h2 { color: #FD6E05; font-size:25px; margin-bottom:auto; line-height:inherit; }
.fx502-poza h3 { color: #FD6E05; font-size:20px; margin-bottom:auto; line-height:inherit; }}

.fx502-350 { width: 350%; background-position: center top !important; background-size: cover !important;}
    @media (max-width: 880px) { .fx502-350 { width: 100%; background-position: center; margin-top: 0; }}

.fx502-250 { width: 250%; background-position: center top !important; background-size: cover !important;}
    @media (max-width: 991px) { .fx502-250 { width: 100%; background-position: center; margin-top: 0; }}

.fx502-150 { width: 150%; background-position: center top !important; background-size: cover !important; margin-top:-8%;}
    @media (max-width: 880px) { .fx502-150 { width: 100%; background-position: center; margin-top: 0; }}
    
/******************************* g502 ******************************/    
       @keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  width:100%;
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

/******************************* zenfone live ******************************/  

.zenfone-live-header { 
color: #333; 
background: url("/images/telefoni/zenfonelive/web/header.jpg") no-repeat top; 
height:1610px; 
background-attachment: local; 
background-size: 100%;}

    @media (max-width: 990px) { .zenfone-live-header { color: #333; 
    background: url("/images/telefoni/zenfonelive/mobile/header.jpg") no-repeat top;
    margin-top: 0;
    height: border-box; 
    background-attachment: local; 
    background-size: 100%;}}

.zenfone-live-header-box {
    font-size: 90px;
    text-align: left;
    line-height: 1.13;
    letter-spacing: -0.4px;
    position: absolute;
    right: 15%;
    width: 30%;
    z-index: 2;
    top: 116px;
    padding-top: 98px; }

.zenfone-live-header-box a { display: block; }

     @media (max-width: 1400px) { .zenfone-live-header-box {
    text-align: left;
    line-height: 1.13;
    letter-spacing: -0.4px;
    position: absolute;
    right: 15%;
    width: 30%;
    z-index: 2;
    top: 80px;
    padding-top: 70px; } }

    @media (max-width: 1172px) { .zenfone-live-header-box {
    text-align: left;
    line-height: 1.13;
    letter-spacing: -0.4px;
    position: absolute;
    right: 5%;
    width: 40%;
    z-index: 2;
    top: 60px;
    padding-top: 50px; } }


     @media (max-width: 990px) { .zenfone-live-header-box { text-align: center;
                                                            width: 50%;
                                                            right: 23%;
                                                            z-index: 2;
                                                            top: 0;
                                                            padding-top: 96px; }
                                                            
                                 .zenfone-live-header-box a { display: none; } }

      @media (max-width: 600px) { .zenfone-live-header-box { text-align: center;
                                                            width: 70%;
                                                            right: 14%;
                                                            z-index: 2;
                                                            top: 8%;
                                                            padding-top: 13%; }

                                 .zenfone-live-header-box h3 { font-size: 27px;}
                                                            
                                 .zenfone-live-header-box a { display: none; } }

      @media (max-width: 426px) { .zenfone-live-header-box { text-align: center;
                                                            z-index: 2;
                                                            top: 60px;
                                                            }

                                 .zenfone-live-header-box h3 { font-size: large; }
                                                            
                                 .zenfone-live-header-box a { display: none; } }
                                 
     @media (max-width: 376px) { .zenfone-live-header-box { text-align: center;
                                                            z-index: 2;
                                                            top: 45px;
                                                            }

                                 .zenfone-live-header-box h3 { font-size: large; }
                                                            
                                 .zenfone-live-header-box a { display: none; } }


.zenfone-live-header-tekst { margin-top: -600px; }
.zenfone-live-header-tekst p {font-size: 24px; line-height: inherit;}
.zenfone-live-header-tekst h4 {font-size: 24px; line-height: inherit; margin-top: 150px; color: #F3A747}
.zenfone-live-header-tekst h3 {text-align: center; font-weight: 500; color: #6d6c6b; max-width: initial; }

  @media (max-width: 1784px) {.zenfone-live-header-tekst { margin-top: -900px; }
  .zenfone-live-header-tekst p {font-size: 20px; line-height: inherit;}}
  @media (max-width: 1483px) {.zenfone-live-header-tekst { margin-top: -1040px; }
  .zenfone-live-header-tekst p {font-size: 20px; line-height: inherit;}}
  @media (max-width: 1282px) {.zenfone-live-header-tekst { margin-top: -1120px; }
  .zenfone-live-header-tekst p {font-size: 17px; line-height: inherit;}}
  @media (max-width: 1081px) {.zenfone-live-header-tekst { margin-top: -1200px; }
  .zenfone-live-header-tekst p {font-size: 15px; line-height: initial; width: 82%;}}
  @media (max-width: 990px) {.zenfone-live-header-tekst { margin-top: -848px; }
  .zenfone-live-header-tekst p {font-size: 15px; line-height: initial; width: 90%;}}
  @media (max-width: 905px) {.zenfone-live-header-tekst { margin-top: -916px; }
  .zenfone-live-header-tekst p {font-size: 15px; line-height: initial; width: 90%;}}
  @media (max-width: 818px) {.zenfone-live-header-tekst { margin-top: -979px; }
  .zenfone-live-header-tekst p {font-size: 15px; line-height: initial; width: 90%;}}
  @media (max-width: 705px) {.zenfone-live-header-tekst { margin-top: -1065px; }
  .zenfone-live-header-tekst p {font-size: 15px; line-height: initial; width: 90%;}}
  @media (max-width: 574px) {.zenfone-live-header-tekst { margin-top: -1165px; }
  .zenfone-live-header-tekst p {font-size: 15px; line-height: initial; width: 90%;}}
  @media (max-width: 440px) {.zenfone-live-header-tekst { margin-top: -1265px; }
  .zenfone-live-header-tekst p {font-size: 15px; line-height: initial; width: 90%;}
.zenfone-live-header-tekst h4 {font-size: 20px; line-height: inherit; margin-top: 50px; color: #F3A747}
 .zenfone-live-header-tekst h3 {font-size: 21px; text-align: center; font-weight: 400; color: #6d6c6b; max-width: initial; }}
  @media (max-width: 376px) {
.zenfone-live-header {margin-top:26px;}
    .zenfone-live-header-tekst { margin-top: -1325px; }
  .zenfone-live-header-tekst p {font-size: 15px; line-height: initial; width: 90%;}}

  .zenfone-live-video { 
width: 100%;
  max-width: 2560px;
  height: 1429px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/beautification.jpg");
position: relative; }
  
  /*section__new02*/
.section_1300 {
  width: 100%;
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  bottom: 0px; }

.beautification_movie {
  overflow: hidden;
  position: absolute;
  height: 460px;
  width: 420px;
  top: 310px;
  right: 175px;
  background-image: url("/images/telefoni/zenfonelive/web/beautification-photo.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.beautification_movie video {
  width: 818px;
  margin-left: -214px; }

.beautification_phone {
  position: absolute;
  z-index: 3;
  width: 100%;
  max-width: 2560px;
  height: 1389px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url("/images/telefoni/zenfonelive/web/beautification.png"); }

.zenfone-live-video .section_content {
  position: absolute;
  z-index: 4;
  width: 100%;
  left: 0px;
  top: 0px; }

.zenfone-live-video .wd__content .content__title {
  margin-top: -8px; }

.zenfone-live-video .wd__content .content__title sup.deg {
  font-size: 30px;
  top: 10px; }

.zenfone-live-video .wd__content .content__info {
  width: 972px;
  margin-top: 20px;
  padding-left: 0px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/web/beautificationx2.jpg");
    background-size: 2560px; }
  .beautification_phone {
    background-image: url("/images/telefoni/zenfonelive/web/beautificationx2.png");
    background-size: 2560px; } }


@media (max-width: 1300px) and (min-width: 721px) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-tabletx1.jpg");
    height: auto;
    top: -540px;
    padding-bottom: 600px; }
  .zenfone-live-video .wd__content .content__title {
    width: 500px;
    margin-top: -13px; }
  .zenfone-live-video .wd__content .content__info {
    margin-top: -1px;
    width: 81%; }
  .beautification_phone {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-tabletx1.png");
    height: 100%; }
  .section_1300 {
    max-width: 720px;
    bottom: 0px; }
  .beautification_movie {
    height: 260px;
    width: 245px;
    top: auto;
    right: 50px;
    bottom: -360px; }
  .beautification_movie video {
    height: 260px;
    margin-left: -284px; } }

@media (max-width: 1300px) and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 991px) and (max-width: 1300px) and (min-resolution: 144dpi) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-tablet.jpg");
    background-size: 1300px; }
  .beautification_phone {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-tablet.png");
    background-size: 1300px; } }

.mb2 {
  display: none; }

@media (max-width: 990px) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-mobile.jpg");
    height: auto;
    top: -355px;
    padding-bottom: 581px; }
  .pc2 {
    display: none; }
  .mb2 {
    display: inline-block; }
  .zenfone-live-video .wd__content .content__title sup.deg {
    font-size: 20px;
    top: -1px;
    line-height: 1.21; }
  .zenfone-live-video .wd__content .content__info {
    margin-top: 0px; }
  .beautification_phone,
  .section_1300,
  .beautification_movie {
    display: none;
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: -1; } }

    @media (max-width: 970px) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/ezgif-2-9a836e9b88.gif");
    height: auto;
    top: -241px;
    margin-bottom:-170px;
    padding-bottom: 390px; }
  .pc2 {
    display: none; }
  .mb2 {
    display: inline-block; }
  .zenfone-live-video .wd__content .content__title sup.deg {
    font-size: 20px;
    top: -1px;
    line-height: 1.21; }
  .zenfone-live-video .wd__content .content__info {
    margin-top: 0px; }
  .beautification_phone,
  .section_1300,
  .beautification_movie {
    display: none;
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: -1; } }

@media (max-width: 721px) {
  .pc2 {
    display: inline-block; }
  .mb2 {
    display: none; } }

@media (max-width: 320px) {
  .pc2 {
    display: none; }
  .mb2 {
    display: inline-block; } }

@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 991px) and (min-resolution: 144dpi) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-mobilex2.jpg");
    background-size: 990px; } }


@media (max-width: 720px) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-mobile.jpg");
    height: auto;
    top: -355px;
    padding-bottom: 345px; }
  .pc2 {
    display: none; }
  .mb2 {
    display: inline-block; }
  .zenfone-live-video .wd__content .content__title sup.deg {
    font-size: 20px;
    top: -1px;
    line-height: 1.21; }
  .zenfone-live-video .wd__content .content__info {
    margin-top: 0px; }
  .beautification_phone,
  .section_1300,
  .beautification_movie {
    display: none;
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: -1; } }

@media (max-width: 640px) {
  .pc2 {
    display: inline-block; }
  .mb2 {
    display: none; } }

@media (max-width: 320px) {
  .pc2 {
    display: none; }
  .mb2 {
    display: inline-block; } }

@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-mobilex2.jpg");
    background-size: 720px; } }

    @media (max-width: 441px) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-mobile.jpg");
    height: auto;
    top: -450px;
    margin-top:-100px;
    margin-bottom: -80px;
    padding-bottom: 200px; }}

    @media all and (max-width: 441px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 441px) and (min-resolution: 144dpi) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-mobilex2.jpg");
    background-size: 426px; } }

    @media (max-width: 399px) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-mobile.jpg");
    height: auto;
    top: -390px;    
    margin-bottom: -80px;
    padding-bottom: 200px; }}

      @media (max-width: 353px) {
  .zenfone-live-video {
    background-image: url("/images/telefoni/zenfonelive/mobile/beautification-mobile.jpg");
    height: auto;
    top: -320px;    
margin-bottom: auto;
    padding-bottom: 250px; }}


.zenfone-live-glamur  { margin-top: -60px;}

 @media all and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 1024px) and (min-resolution: 144dpi) { .zenfone-live-glamur  { margin-top: -390px;} }
 @media all and (max-width: 426px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 426px) and (min-resolution: 144dpi) { .zenfone-live-glamur  { margin-top: -290px;} }

 .section-live-snimanje {
  width: 100%;
  max-width: 1896px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  bottom: 0px; }

  .zenfone-live-snimanje {   overflow: hidden;
  width: 100%;
  background-image: url("/images/telefoni/zenfonelive/web/live.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

   .zenfone-live-snimanje video {  width: 100%;}

  .zenfone-live-snimanje img {  display: none;}

@media (max-width: 769px) {

 .zenfone-live-snimanje video {  display: none;} }



 .img-zenfonelive-selfie { display: block; max-width: 205%; height: auto; left:auto; right:auto;}
 @media (max-width: 991px){ .img-zenfonelive-selfie { display: none;} 
  .zenfonelive-selfie{
  background-size:cover;
  height: 1100px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/mobile/selfiejpg.jpg");
position: relative; }}

@media (max-width: 769px){ .img-zenfonelive-selfie { display: none;} 
  .zenfonelive-selfie{
  background-size:cover;
  height: 900px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/mobile/selfiejpg.jpg");
position: relative; }}

@media (max-width: 426px){ .img-zenfonelive-selfie { display: none;} 
  .zenfonelive-selfie{
  background-size:cover;
  height: 1040px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/mobile/selfiejpg.jpg");
position: relative; }}

@media (max-width: 375px){ .img-zenfonelive-selfie { display: none;} 

  .zenfonelive-selfie{
  background-size:cover;
  height: 1210px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/mobile/selfiejpg.jpg");
position: relative; }}

@media (max-width: 353px){ .img-zenfonelive-selfie { display: none;} 
  .zenfonelive-selfie{
  background-size:cover;
  height: 1340px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/mobile/selfiejpg.jpg");
position: relative; }}


.zenfonelive-blic { 
background-color:#000;
color:#fff;
margin-top:-40px;}

.zenfonelive-blic h3 { margin-top: 80px; }
@media (max-width: 991px){ .zenfonelive-blic h3 { margin-top: 0; }
.zenfonelive-blic { margin-top:auto; }}

.zenfonelive-beautificationmode {
  background-size:cover;
  height: 1450px;
  margin-left: auto;
  margin-right: auto;
  background-position: top bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/eis_bg.jpg");
position: relative; }

.zenfonelive-beautificationmode h3 { margin-top: 140px;}


@media (max-width: 1819px) { .zenfonelive-beautificationmode h3 { margin-top: 120px;}}
@media (max-width: 1200px) { .zenfonelive-beautificationmode h3 { margin-top: 55px;}}
@media (max-width: 991px) { .zenfonelive-beautificationmode h3 { margin-top: 0;}}

@media (max-width: 657px){
.zenfonelive-beautificationmode {
  background-size:cover;
  height: 1330px;
  margin-left: auto;
  margin-right: auto;
  background-position: top bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/eis_bg.jpg");
position: relative; }}

@media (max-width: 600px){
.zenfonelive-beautificationmode {
  background-size:cover;
  height: 1240px;
  margin-left: auto;
  margin-right: auto;
  background-position: top bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/eis_bg.jpg");
position: relative; }}


@media (max-width: 520px){
.zenfonelive-beautificationmode {
  background-size:cover;
  height: 1120px;
  margin-left: auto;
  margin-right: auto;
  background-position: top bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/eis_bg.jpg");
position: relative; }}

@media (max-width: 380px){
.zenfonelive-beautificationmode {
  background-size:cover;
  height: 1050px;
  margin-left: auto;
  margin-right: auto;
  background-position: top bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/eis_bg.jpg");
position: relative; }}


.zenfonelive-zvukk {
  background-size:contain;
  color:white;
  background-color:black;
  height: 850px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/sonicmaster.gif");
position: relative; }

@media (max-width: 1200px) {.zenfonelive-zvukk {
  background-size:contain;
  color:white;
  background-color:black;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/sonicmaster.gif");
position: relative; }}


@media (max-width: 768px) {.zenfonelive-zvukk {
  background-size:contain;
  color:white;
  background-color:black;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/sonicmaster.gif");
position: relative; }}

@media (max-width: 520px) {.zenfonelive-zvukk {
  background-size:contain;
  color:white;
  background-color:black;
  height: 650px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/sonicmaster.gif");
position: relative; }}


@media (max-width: 443px) {.zenfonelive-zvukk {
  background-size:contain;
  color:white;
  background-color:black;
  height: 710px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/sonicmaster.gif");
position: relative; }}

@media (max-width: 380px) {.zenfonelive-zvukk {
  background-size:contain;
  color:white;
  background-color:black;
  height: 820px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/sonicmaster.gif");
position: relative; }}

@media (max-width: 376px) {.zenfonelive-zvukk {
  background-size:contain;
  color:white;
  background-color:black;
  height: 520px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/telefoni/zenfonelive/web/sonicmaster.gif");
position: relative; }}

 
/******************************* ROG ******************************/

.gaming-video-section {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	overflow: hidden; }

  

.gaming-video {
   position: fixed;
  top: 50%; left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
 -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}

.gaming-video__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
    .gaming-video {
        background: url('http://dev2.slicejack.com/fullscreen-video-demo/img/videoframe.jpg') center center / cover no-repeat;
    }

    .gaming-video__video {
        display: none;
    }
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}




.gaming-video1__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
    .gaming-video1 {
        background: url('http://dev2.slicejack.com/fullscreen-video-demo/img/videoframe.jpg') center center / cover no-repeat;
    }

    .gaming-video1__video {
        display: none;
    }
}

.gaming-section-01 {
overflow: hidden;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/poster-rog.jpg");
position: relative; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .gaming-section-01 {
    background-image: url("/images/gaming/img/web/poster-rog.jpg");
    background-size: 2560px; }}


@media (max-width: 1441px) and (min-width: 991px) { .gaming-section-01 {width: 100%;
  
  height: 629px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/poster-rog.jpg");
position: relative; } }

@media (max-width: 990px) { .gaming-section-01 { width: 100%;
  max-width: 2560px;
  height: 429px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/poster-rog.jpg");
position: relative; } }

@media (max-width: 426px) { .gaming-section-01 { width: 100%;
  max-width: 2560px;
  height: 329px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/poster-rog.jpg");
position: relative; } }

.bottom-gaming {
	position:absolute;
    bottom:1%;
	left:48%;
	right:0;
    margin:auto;
}

@media (max-width: 990px){
.bottom-gaming {
	position:absolute;
    bottom:1%;
	left: 0;
	right:0;
	width: 9%;
    margin:auto;
}}


.gaming-section-02 {
color:#fff;
  max-width: 2560px;
  height: 890px;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/performanse-pozadina.jpg");
position: relative; }

.gaming-section-02 h3 { font-weight: 900;} 

@media (max-width: 1441px) and (min-width: 991px) { .gaming-section-02 {width: 100%;
  
  height: 529px;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/performanse-pozadina.jpg");
position: relative; }}

@media (max-width: 990px) { .gaming-section-02 { width: 100%;
  
  height: 929px;
  margin-left: auto;
  margin-right: auto;
  background-position: top;
  z-index: 2;
  background-size:contain;
  background-repeat: no-repeat;
  background-color: #000;
background-image: url("/images/gaming/img/web/performanse-pozadina.jpg");
position: relative; } }


@media (max-width: 426px) { .gaming-section-02 { 
  height: 829px;
  margin-left: auto;
  margin-right: auto;
  background-position: top;
  z-index: 2;
  background-size:contain;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/performanse-pozadina.jpg");
position: relative; }}


.gaming-section-03 {
  color:#fff;
  max-width: 2560px;
  height: 1429px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/hladno.jpg");
position: relative; }

.gaming-section-03 h3 { font-weight: 900; }


@media (max-width: 1441px) and (min-width: 991px) { .gaming-section-03 {width: 100%;
  
  height: 829px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/hladno.jpg");
position: relative; } }

@media (max-width: 990px) { .gaming-section-03 { width: 100%;
  max-width: 2560px;
  height: 429px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/hladno.jpg");
position: relative; } }

@media (max-width: 426px) { .gaming-section-03 { width: 100%;
  max-width: 2560px;
  height: 429px;
  margin-left: auto;
  margin-right: auto;
  background-position: center bottom;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
background-image: url("/images/gaming/img/web/hladno.jpg");
position: relative; } }

.gaming-section-04 { 
background-color:#000;
color:#fff;}




/******************************* GX700 ******************************/


.gx700-01 { background-color:#000;
color:#fff;}

.gx700-01 h3 { padding-top: 130px; font-weight:900;}

.img-gx700 { display: block; max-width: 130%; height: auto; }

@media (max-width: 1200px) { .gx700-01 { 
background-color:#000;
color:#fff;}
.gx700-01 h3 { 
font-size: 32px;
font-weight: 500;
line-height: inherit;
padding-top: 40px;
left:auto;}} 

@media (max-width: 992px) { .gx700-01 { 
background-color:#000;
color:#fff;}
.gx700-01 h3 { 
font-size: 32px;
font-weight: 500;
line-height: inherit;
padding-top: 40px;
left:auto;}
.img-gx700 { display: block; max-width: 100%; height: auto; }}

.gx700-03 { background-color:#000;
color:#fff;}

.gx700-03 h3 { font-weight: 900;}


.gx700-02 { background-color:#000;}

.gx700-video {
  height:500px; 
margin-left: auto;
margin-right: auto;
width: 70%;}

@media (max-width: 426px){ .gx700-video {
  height:250px; 
margin-left: auto;
margin-right: auto;
width: 80%;}}


.gx700-04 { background-color:#000;
color:#fff;}

.gx700-04 h3 { font-weight: 900;}

.img-gx700-04 { display: block; max-width: 130%; height: auto; margin-top:190px;}

.gx700-05 { 
background-image: url("/images/notebook/rog/gx700/4k-pozadina.jpg");
position:static;
left: auto;
right: auto;
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
background-color:#000;
color:#fff;}

.gx700-05 h3 { font-weight: 900;}

@media (max-width: 1200px){  .gx700-05 h3 { font-size: 30px; font-weight: 500;}
.gx700-05 p { font-size: 16px;}}


/******************************* fx553 ******************************/


.fx553-poza-prva { background-color: #000; color: #fff; }
.fx553-poza-prva img { margin-top: auto; }

@media (max-width: 991px){ .fx553-poza-prva h2 { font-size:30px; line-height:inherit }
.fx553-poza-prva h3 { margin-top: 35px; }}

.fx553-img-beincomand { display: block; max-width: 130%; height: auto; margin-top:auto;}
@media (max-width: 991px) { .fx553-img-beincomand { display: block; max-width: 100%; height: auto; margin-top:auto;}}

.fx553-img-design { display: block; max-width: 150%; height: auto; margin-top:auto;}
@media (max-width: 991px) { .fx553-img-beincomand { display: block; max-width: 100%; height: auto; margin-top:auto;}}

.fx553-poza { background-color: #000; color: #fff; }
.fx553-poza h2 { color: #FD6E05; margin-top:75px; }
@media (max-width: 880px) {.fx553-poza h2 { color: #FD6E05; font-size:25px; margin-bottom:auto; line-height:inherit; margin-top:0; }
.fx553-poza h3 { color: #FD6E05; font-size:20px; margin-bottom:auto; line-height:inherit; }}

/******************************* ux410 ******************************/

.windows { position: absolute;
    right: 46px;
    display:block;}

.windows img { 
margin-top:15px;
width: 90%;
display:block
}

.windows p { font-size: 12px;}

@media (max-width: 1608px){ .windows p { font-size: 11px;}} 
@media (max-width: 1557px){ .windows p { font-size: 12px;}}
@media (max-width: 1416px){ .windows p { font-size: 12px;}}
@media (max-width: 1170px){ .windows p { font-size: 11px;}}

@media (max-width: 1080px){ .windows { right: 26px;}}



@media (max-width: 991px){ .windows { display:none;}}


.windows-text { 
margin-top: 228px;
position: absolute;
left: 46px;
display:block;}

.windows-text h3 { font-size: 22px; line-height:inherit; text-align:left}

@media (max-width: 991px){ .windows-text { display:none;}}

/**.zenbook-ux410-header {
  display: inline-block; width: 100%; text-align: center;
  background-size: 100%;
  color:black;
  background-color:white;
  height: 150%;
  margin-left: auto;
  margin-right: auto;
  background-position: top bottom;
  z-index: 2;
  background-repeat: no-repeat;
background-image: url("/images/notebook/ux410/web/header.jpg");
position: relative; } **/


.ux390heder { text-align:center; width: 60%;  margin-left: auto; margin-right: auto;} 
.ux390heder h4 { color:white; margin-top:-50px; margin-bottom:30px; } 


.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; width: 100%; text-align: center;
width:100%; height:0; padding-bottom:80%; background:url(/images/notebook/ux410/web/header.jpg) ;background-size:100%; background-repeat:no-repeat;}


.zenbook-ux410-header h2 { margin-top: 80px; }


.btnux410 {
  background-color: rgba(0, 0, 0, 0.075);
  color: #3777BC;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #3777BC 2px;
  text-decoration: none;
  display:none;
}

.btnux410:hover {
  background: #3777BC;
   color: #fff;
  text-decoration: none;
}

@media (min-width: 992px){ .btnux410 { display:block;}}


.ux410opis { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; color:white; margin-top: 1600px; }
.ux410opis:before, .ux410opis:after { content: " "; display: table; }
.ux410opis:after { clear: both; }
@media (min-width: 768px) { .ux410opis { margin-top: 750px; } }
@media (min-width: 992px) { .ux410opis { margin-top: 969px; } }
@media (min-width: 1200px) { .ux410opis { margin-top: 1170px; } }
@media (max-width: 2500px) { .ux410opis { margin-top: 1400px; } }
@media (max-width: 2460px) {.ux410opis { margin-top: 1280px; }}
@media (max-width: 2260px) {.ux410opis { margin-top: 1190px;}}
@media (max-width: 2060px) {.ux410opis { margin-top: 1090px; }}
@media (max-width: 1926px) {.ux410opis { margin-top: 990px; }}
@media (max-width: 1853px) {.ux410opis { margin-top: 940px; }}
@media (max-width: 1752px) {.ux410opis { margin-top: 900px; }}
@media (max-width: 1686px) {.ux410opis { margin-top: 860px; }}
@media (max-width: 1600px) {.ux410opis { margin-top: 760px; }}
@media (max-width: 1512px) {.ux410opis { margin-top: 740px; }}
@media (max-width: 1440px) {.ux410opis { margin-top: 680px; }}
@media (max-width: 1400px) {.ux410opis { margin-top: 650px; }}
@media (max-width: 1340px) {.ux410opis { margin-top: 620px; }}
@media (max-width: 1293px) {.ux410opis { margin-top: 660px; }}
@media (max-width: 1277px) {.ux410opis { margin-top: 630px; }}
@media (max-width: 1249px) {.ux410opis { margin-top: 610px; }}
@media (max-width: 1200px) {.ux410opis { margin-top: 550px; }}
@media (max-width: 1110px) {.ux410opis { margin-top: 420px; }}
@media (max-width: 1050px) {.ux410opis { margin-top: 390px; }}
@media (max-width: 992px) {.ux410opis {margin-top: 500px;}}
@media (max-width: 984px) {.ux410opis { margin-top: 36%; }}
@media (max-width: 960px) {.ux410opis { margin-top: 34%; }}
@media (max-width: 927px) {.ux410opis { margin-top: 32%; }}
@media (max-width: 890px) {.ux410opis { margin-top: 28%; }}
@media (max-width: 769px) {.ux410opis { margin-top: 30%; }}
@media (max-width: 678px) {.ux410opis { margin-top: 55%; }}
@media (max-width: 557px) {.ux410opis { margin-top: 50%; }}
@media (max-width: 528px) {.ux410opis { margin-top: 55%; }}
@media (max-width: 521px) {.ux410opis { margin-top: 63%; }}
@media (max-width: 516px) {.ux410opis { margin-top: 54%; }}
@media (max-width: 441px) {.ux410opis { margin-top: 75%; }}
@media (max-width: 389px) {.ux410opis { margin-top: 70%; }}
@media (max-width: 377px) {.ux410opis { margin-top: 63%; }}
@media (max-width: 332px) {.ux410opis { margin-top: 53%; }}

@media (max-width: 2460px){.zenbook-ux410-header h2 { margin-top: 50px; }} 
@media (max-width: 2260px){.zenbook-ux410-header h2 { margin-top: 20px; } }
@media (max-width: 2060px){.zenbook-ux410-header h2 { margin-top: auto; } }
@media (max-width: 1853px){.zenbook-ux410-header h2 { margin-top: -13px; } }
@media (max-width: 1752px){.zenbook-ux410-header h2 { margin-top: -25px; } }
@media (max-width: 1686px){.zenbook-ux410-header h2 { margin-top: -35px; } }

@media (max-width: 1600px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; width: 100%; text-align: center;
width:100%; height:0; padding-bottom:80%; background:url(/images/notebook/ux410/web/header-1600.jpg) ;background-size:100%; background-repeat:no-repeat;}
.zenbook-ux410-header p {margin-top:-70px;}
  .zenbook-ux410-header h2 { margin-top: auto; } }
@media (max-width: 1512px){.zenbook-ux410-header h2 { margin-top: -19px; }
.zenbook-ux410-header p {margin-top:auto;} }
@media (max-width: 1400px){.zenbook-ux410-header h2 { margin-top: -35px; } }
@media (max-width: 1340px){.zenbook-ux410-header h2 { margin-top: -40px; } }
@media (max-width: 1293px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; width: 100%; text-align: center;
width:100%; height:0; padding-bottom:85%; background:url(/images/notebook/ux410/web/header-1300.jpg) ;background-size:100%; background-repeat:no-repeat;}
  .zenbook-ux410-header h2 { margin-top: -18px; } }
  @media (max-width: 1225px){.zenbook-ux410-header h2 { margin-top: -40px; } }

@media (max-width: 1200px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; width: 100%; text-align: center;
width:100%; height:0; padding-bottom:85%; background:url(/images/notebook/ux410/web/header-1200.jpg) ;background-size:100%; background-repeat:no-repeat;}
  .zenbook-ux410-header h2 { margin-top: -30px; } }

  @media (max-width: 1110px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; width: 100%; text-align: center;
width:100%; height:0; padding-bottom:85%; background:url(/images/notebook/ux410/web/header-1110.jpg) ;background-size:100%; background-repeat:no-repeat;}
  .zenbook-ux410-header h2 { margin-top: -30px; } }

 @media (max-width: 1025px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; width: 100%; text-align: center;
width:100%; height:0; padding-bottom:85%; background:url(/images/notebook/ux410/web/header-1020.jpg) ;background-size:100%; background-repeat:no-repeat;}
  .zenbook-ux410-header h2 { margin-top: -30px; } 
   .zenbook-ux410-header p {margin-top:-15px;}}

   @media (max-width: 992px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; width: 100%; text-align: center;
width:100%; height:0; padding-bottom:86%; background:url(/images/notebook/ux410/web/header-1020.jpg) ;background-size:100%; background-repeat:no-repeat;}
  .zenbook-ux410-header h2 { margin-top: -30px; }
  .zenbook-ux410-header p {margin-top:-100px;} }
     @media (max-width: 985px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; text-align: center;
 height:0; padding-bottom:86%; background:url(/images/notebook/ux410/web/header-984.jpg) ;background-size:100%; background-repeat:no-repeat;}
  .zenbook-ux410-header h2 { margin-top: auto; } }
    @media (max-width: 890px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; text-align: center;
 height:0; padding-bottom:86%; background:url(/images/notebook/ux410/mobile/header-890.jpg) ;background-size:100%; background-repeat:no-repeat;}
  .zenbook-ux410-header h2 { margin-top: auto; } }

     @media (max-width: 981px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
 
display: inline-block; text-align: center;
 height:0; padding-bottom:94%; background:url(/images/notebook/ux410/web/header-984.jpg) ;background-size:100%; background-repeat:no-repeat;background-color:#241f19;}
  .zenbook-ux410-header h3 { margin-top: -25px; font-size: 28px; font-weight:400; line-height:inherit }
  .zenbook-ux410-header p {margin-top:auto;}}

  @media (max-width: 895px) { .zenbook-ux410-header p {padding-top:130px!important;}}

   @media (max-width: 832px){.zenbook-ux410-header h2 { margin-top: -15px; } }
   @media (max-width: 806px){.zenbook-ux410-header h2 { margin-top: -25px; } }

    @media (max-width: 788px){
.zenbook-ux410-header {
  position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
display: inline-block; text-align: center;
 height:0; padding-bottom:86%; background:url(/images/notebook/ux410/mobile/header-788.jpg);background-size:100%; background-repeat:no-repeat;}
  .zenbook-ux410-header h2 { margin-top: -35px; }
   .zenbook-ux410-header h3 { margin-top: -5px; } }
   @media (max-width: 693px) { .zenbook-ux410-header { background:url(/images/notebook/ux410/mobile/header-692.jpg); }
   .zenbook-ux410-header h2 { margin-top: -20px; }
   .zenbook-ux410-header h3 { margin-top: -26px; } }
      @media (max-width: 678px) { .zenbook-ux410-header {  background:url(/images/notebook/ux410/mobile/header-678.jpg); background-size:100%; padding-bottom:150%; position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
  background-repeat:no-repeat;
   height:0;
display: inline-block; text-align: center; }
   .zenbook-ux410-header h2 { margin-top: auto; }
   .zenbook-ux410-header h3 { margin-top: auto; } }


    @media (max-width: 557px) { .zenbook-ux410-header h2 { margin-top: -15px; }
   .zenbook-ux410-header h3 { margin-top: -14px; } }
       @media (max-width: 534px) { .zenbook-ux410-header h2 { margin-top: -19px; }
   .zenbook-ux410-header h3 { margin-top: -18px; } }

      @media (max-width: 528px) { .zenbook-ux410-header {  background:url(/images/notebook/ux410/mobile/header-528.jpg); background-size:100%; padding-bottom:172%; position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
  background-repeat:no-repeat;
   height:0;
display: inline-block; text-align: center; }
   .zenbook-ux410-header h2 { margin-top: auto; }
   .zenbook-ux410-header h3 { margin-top: auto; } }
         @media (max-width: 521px) { .zenbook-ux410-header {  background:url(/images/notebook/ux410/mobile/header-521.jpg); background-size:100%; padding-bottom:172%; position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
  background-repeat:no-repeat;
   height:0;
display: inline-block; text-align: center; }
   .zenbook-ux410-header h2 { margin-top: auto; }
   .zenbook-ux410-header h3 { margin-top: auto; } }


    @media (max-width: 480px) { .zenbook-ux410-header h2 { margin-top: auto; }
   .zenbook-ux410-header h3 { margin-top: -10px; } }
   @media (max-width: 454px) { .zenbook-ux410-header h2 { margin-top: auto; }
   .zenbook-ux410-header h3 { margin-top: -15px; } }

    @media (max-width: 441px) { .zenbook-ux410-header {  background:url(/images/notebook/ux410/mobile/header-441.jpg); background-size:100%; padding-bottom:224%; position: relative;  
z-index: 2;
color:#ddd;
  background-color:white;
  background-repeat:no-repeat;
   height:0;
display: inline-block; text-align: center; }
   .zenbook-ux410-header h2 { margin-top: auto; }
   .zenbook-ux410-header h3 { margin-top: auto; } }

@media (max-width: 398px) { .zenbook-ux410-header {  background:url(/images/notebook/ux410/mobile/header-398.jpg); background-size:100%; padding-bottom:224%; position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
  background-repeat:no-repeat;
   height:0;
display: inline-block; text-align: center; }
   .zenbook-ux410-header h2 { margin-top: -10px; }
   .zenbook-ux410-header h3 { margin-top: -10px; } }

@media (max-width: 389px) { .zenbook-ux410-header {  background:url(/images/notebook/ux410/mobile/header-389.jpg); background-size:100%; padding-bottom:224%; position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
  background-repeat:no-repeat;
   height:0;
display: inline-block; text-align: center; }
   .zenbook-ux410-header h2 { margin-top: -13px; }
   .zenbook-ux410-header h3 { margin-top: -13px; } }

   @media (max-width: 377px) { .zenbook-ux410-header {  background:url(/images/notebook/ux410/mobile/header-377.jpg); background-size:100%; padding-bottom:264%; position: relative;  
z-index: 2;
background-color:#2b2e33;
 color:#ddd;
  background-color:white;
  background-repeat:no-repeat;
   height:0;
display: inline-block; text-align: center; }
   .zenbook-ux410-header h2 { margin-top: -13px; }
   .zenbook-ux410-header h3 { margin-top: -13px; font-size:20px; line-height:inherit;}
    .zenbook-ux410-header p {margin-top:auto;}}

     @media (max-width: 372px) { .zenbook-ux410-header {  background:url(/images/notebook/ux410/mobile/header-372.jpg); background-size:100%; padding-bottom:266%; position: relative;  
z-index: 2;
 color:#ddd;
  background-color:white;
  background-repeat:no-repeat;
   height:0;
display: inline-block; text-align: center; }
   .zenbook-ux410-header h2 { margin-top: -13px; }
   .zenbook-ux410-header h3 { margin-top: -13px; } }


.ux410-tanak p { width:50%; }
.ux410-tanak img { margin-top:-150px; z-index:2; }

 @media (max-width: 991px) {.ux410-tanak p { width:100%; }
.ux410-tanak img { margin-top:auto; z-index:2; }}


.ux410-img-performanse { display: inline-block; width: 160%; background-position: center top !important; background-size: cover !important; position:relative; z-index:-5; margin-top:0; }
    @media (max-width: 991px) { .ux410-img-performanse { width: 100%; background-position: center; margin-top:auto; }}
    
@media (max-width: 1200px) { 
.ux410-performanse h3 { font-size:30px; }
.ux410-performanse p { font-size:18px; line-height:inherit; }}

.ux410-img-grafika { display: inline-block; width: 160%; background-position: center top !important; background-size: cover !important; position:relative; z-index:-5; margin-top:0; }
    @media (max-width: 991px) { .ux410-img-grafika { width: 100%; background-position: center; margin-top:auto; }}

/******************************* ux490 ******************************/

.ux490-header{
padding-bottom:36%;
  position:relative;color:#ddd;background-color:#090909 !important;display:inline-block;text-align:center;background:url(/images/notebook/ux490/web/pozadina.jpg);background-repeat:no-repeat;background-position:top center;}
.ux490-header img{width:70%;}
.ux490-header h2{font-weight:300;font-size:55px;}
.ux490-header p{font-size:25px;}
@media (max-width:2407px){.ux490-header{padding-bottom:40%;}}
@media (max-width:2162px){.ux490-header{padding-bottom:45%;}}
@media (max-width:1926px){.ux490-header{padding-bottom:50%;}}
@media (max-width:1730px){.ux490-header{padding-bottom:55%;}}
@media (max-width:1574px){.ux490-header{padding-bottom:60%;}}
@media (max-width:1470px){.ux490-header{padding-bottom:65%;}}
@media (max-width:1348px){.ux490-header{position:relative;color:#ddd;background-color:#333;display:inline-block;text-align:center;padding-bottom:70%;background:url(/images/notebook/ux490/web/pozadina-2400.jpg);background-repeat:no-repeat;background-position:top center;}
.ux490-header img{width:65%;}
.ux490-header h2{font-weight:300;font-size:50px;}
.ux490-header p{font-size:18px;}}
@media (max-width:1258px){.ux490-header{padding-bottom:75%;}}
@media (max-width:1121px){.ux490-header{padding-bottom:80%;}}
@media (max-width:1056px){.ux490-header{padding-bottom:85%;}}
@media (max-width:898px){.ux490-header{color:#ddd;background-color:#333;display:inline-block;text-align:center;padding-bottom:100%;background:url(/images/notebook/ux490/mobile/pozadina-2300.jpg);background-repeat:no-repeat;background-position:top center;}
.ux490-header img{margin-top:inherit;width:70%;}
.ux490-header h2{font-weight:200;font-size:40px;}
.ux490-header p{font-size:18px;width:90%;}}
@media (max-width:814px){.ux490-header{padding-bottom:115%;}}
@media (max-width:669px){.ux490-header{position:relative;color:#ddd;background-color:#090909;display:inline-block;text-align:center;padding-bottom:0%;background:url(/images/notebook/ux490/mobile/pozadina.jpg);background-size:130%;background-repeat:no-repeat;background-position:top center;}
.ux490-header img{margin-top:10%;width:70%;}
.ux490-header h2{font-weight:200;font-size:40px;}
.ux490-header p{margin-top:450px;font-size:18px;width:90%;}}
@media (max-width:590px){.ux490-header p{margin-top:390px;font-size:18px;width:90%;}}
@media (max-width:492px){.ux490-header p{margin-top:260px;font-size:18px;width:90%;}}
@media (max-width:441px){.ux490-header h2{font-weight:100;font-size:32px;}
.ux490-header p{margin-top:210px;font-size:18px;width:90%;}}
@media (max-width:422px){.ux490-header img{width:60%;}
.ux490-header h2{font-weight:100;font-size:27px;line-height:inherit;}
.ux490-header p{margin-top:290px;font-size:18px;width:100%;display:block;}}
@media (max-width:399px){.ux490-header img{width:60%;}
.ux490-header h2{font-weight:100;font-size:23px;line-height:inherit;}
.ux490-header p{margin-top:290px;font-size:18px;width:90%;}}
@media (max-width:376px){.ux490-header img{width:60%;}
.ux490-header h2{font-weight:100;font-size:23px;line-height:inherit;}
.ux490-header p{margin-top:250px;font-size:18px;width:90%;}}
@media (max-width:350px){.ux490-header img{width:60%;}
.ux490-header h2{font-weight:100;font-size:22px;line-height:inherit;}
.ux490-header p{margin-top:230px;font-size:18px;width:90%;}}

.img-ux490-ekran { display: block; max-width: 120%; height: auto; margin-top:auto; position:relative; z-index:-5;}
@media (max-width: 991px) { .img-ux490-ekran { display: block; max-width: 100%; height: auto; margin-top:auto;}}

.likdrziux490 { background: url("/images/notebook/ux490/web/beauty_style.jpg") no-repeat fixed; background-size: 100%; height: 480px; color: #fff; background-color: #fff;}
@media (max-width: 991px){ .likdrziux490 { background: url("/images/notebook/ux490/mobile/beauty_style.jpg") no-repeat center; background-size: 140%; height: 100px;}}

.img-ux490-performanse { display: block; max-width: 173%; height: auto; margin-top:auto; position:relative; z-index:-5;}
@media (max-width: 991px) { .img-ux490-performanse { display: block; max-width: 100%; height: auto; margin-top:auto;}}

.ux490-performanse {color:white;background-color: #0A0D16;z-index:1;position:relative;}
.ux490-performanse h3 { margin-top: 500px;}
@media (max-width: 1885px)  {.ux490-performanse h3 { margin-top: 330px;}}
@media (max-width: 1625px)  {.ux490-performanse h3 { margin-top: 170px;}}
@media (max-width: 1499px)  {.ux490-performanse h3 { margin-top: 130px;}}
@media (max-width: 1169px)  {.ux490-performanse h3 { margin-top: 90px;}}
@media (max-width: 1057px)  {.ux490-performanse h3 { margin-top: 50px;}}
@media (max-width: 991px)  {.ux490-performanse { background-color:black; z-index:1; position:relative;}}


 .img__thermal .img__thermal_01 {
      z-index: 9;
      background-image: url("/images/notebook/ux490/web/system_ok_b.png"); 
      opacity:0.25;}
      .img__thermal .img__thermal_01:hover {
      z-index: 1;
      background-image: url("/images/notebook/ux490/web/system_ok.png");
      opacity:0.25; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
       .img__thermal .img__thermal_01 {
          background-image: url("/images/notebook/ux490/mobile/system_ok_b.png"); } }
     .img__thermal .img__thermal_02 {
      z-index: 1;
      background-image: url("/images/notebook/ux490/web/system_ok.png");
      opacity:0.25; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
       .img__thermal .img__thermal_02 {
          background-image: url("/images/notebook/ux490/mobile/system_ok.png"); } }
         .img__thermal {
    z-index: 1;
    width: 1725px;
    height: 520px;
    position: relative;
    left: 50%;
    margin-left: -862.5px;
    margin-top: 31px; }
   .img__thermal .img {
      width: 1725px;
      height: 520px;
      background-position: top center;
      background-position-x: center;
      background-position-y: top;
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0; }

.img-ux490-baterija { display: block; max-width: 140%; height: auto; margin-top:auto; position:relative; z-index:-5;}
@media (max-width: 991px) { .img-ux490-baterija { display: block; max-width: 100%; height: auto; margin-top:auto;}}

.ux490-mobility {z-index:1;
background: url("/images/notebook/ux490/web/ubiquity.jpg");
color:white;
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center;
padding-bottom: 400px;}

.ux490-mobility h3 {margin-top:500px;}

@media (max-width: 2233px) {.ux490-mobility h3 {margin-top:330px;} .ux490-mobility p {width:65%;}}
@media (max-width: 1293px) {.ux490-mobility h3 {margin-top:300px; width:60%; margin-left:auto; margin-right:auto;} .ux490-mobility p {width:60%;}}
@media (max-width: 991px) { .ux490-mobility {z-index:1;
background: url("/images/notebook/ux490/web/ubiquity.jpg");
color:white;
background-color:#180815;
background-size:100%;
background-repeat:no-repeat;
background-position:bottom;
padding-bottom: 400px;}
.ux490-mobility h3 {margin-top:0; width:100%; margin-left:auto; margin-right:auto;} .ux490-mobility p {width:80%;}}

@media (max-width: 645px) { .ux490-mobility {padding-bottom:300px;}}
@media (max-width: 372px) { .ux490-mobility {padding-bottom:200px;}}

.img-ux490-hello { display: block; max-width: 170%; height: auto; margin-top:auto; position:relative; z-index:-5;}
@media (max-width: 991px) { .img-ux490-hello { display: block; max-width: 100%; height: auto; margin-top:auto;}}

.ux490-muzika { background-color:black;
color:white; }

.forza {padding: 0px 0px 0px 0px;} 

.img-forza {position:relative; z-index:-5; width:210%;}

.forza-tekst {text-align: right; margin-top: 55%; margin-right:20%;}

.forza-tekst h2 {font-weight:900; font-size:55px; width:100%; text-align: right;}

@media (max-width: 1478px){ .forza-tekst h2 {font-weight:800; font-size:30px; width:100%; line-height:inherit; text-align: right;}
.forza-tekst {text-align: right; margin-top: 50%; margin-right:20%;}}
@media (max-width: 1161px){ .forza-tekst h2 {font-weight:800; font-size:26px; width:100%; line-height:inherit; text-align: right;}
.forza-tekst {text-align: right; margin-top: 42%; margin-right:20%;}}
@media (max-width: 1109px){.forza-tekst {text-align: right; margin-top: 32%; margin-right:20%;}}
@media (max-width: 991px){ .forza-tekst h2 {font-weight:800; font-size:26px; width:100%; line-height:inherit; text-align: center;}
.img-forza {position:relative; z-index:-5; width:100%; margin-top:-300px;}
.forza-tekst {text-align:center; margin-top:auto; margin-right:auto;}}

@media (max-width: 710px){ .forza-tekst h2 {font-weight:800; font-size:26px; width:100%; line-height:inherit; text-align: center;}
.img-forza {position:relative; z-index:-5; width:100%; margin-top:-320px;}
.forza-tekst {text-align:center; margin-top:auto; margin-right:auto;}}

@media (max-width: 538px){ .forza-tekst h2 {font-weight:800; font-size:26px; width:100%; line-height:inherit; text-align: center;}
.img-forza {position:relative; z-index:-5; width:100%; margin-top:-350px;}
.forza-tekst {text-align:center; margin-top:auto; margin-right:auto;}}

@media (max-width: 510px){ .forza-tekst h2 {font-weight:800; font-size:26px; width:100%; line-height:inherit; text-align: center; margin-top:30px;}
.img-forza {position:relative; z-index:-5; width:100%; margin-top:-350px;}
.forza-tekst {text-align:center; margin-top:auto; margin-right:auto;}}


/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
.zenfonego-zb500kg {padding: 0px 0px 0px 0px;}
.zenfonego-zb500kg h2 {font-family: 'Roboto Condensed', sans-serif; color:#D23749; font-weight:300; font-size:60px; text-align:center; line-height:70px;}
.zenfonego-zb500kg p {font-family: 'Roboto Condensed', sans-serif; margin-top:60px; font-size:30px; line-height:inherit; ;margin-bottom:30px; color:white;}
.btnzb500kg {
  background-color: #D23749;
  font-family: 'Roboto Condensed', sans-serif;
  color: #fefafb;
  font-size: 20px;
  padding: 10px 40px 10px 40px;
  border: solid #fefafb 2px;
  margin-top: 10px;
  text-decoration: none;
}

.btnzb500kg:hover {
  background: #fefafb;
   color: #D23749;
  text-decoration: none;
}

.zenfonego-zb552kl {padding: 0px 0px 0px 0px;}
.zenfonego-zb552kl h2 {

  font-family: 'Roboto Condensed', sans-serif; color:#fff; font-weight:300; font-size:60px; text-align:center; line-height:70px;}
.zenfonego-zb552kl p { color:#fff;
  font-family: 'Roboto Condensed', sans-serif; margin-top:100px; font-size:30px; line-height:inherit; ;margin-bottom:25px;}

.padaju-cene {
  background-position: center center;
  background-size: cover;
  height: auto;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: relative;
  top: 0;
  width: auto;
}
@media (max-width: 991px) {
  .padaju-cene {
    padding: 20px;
  }
}
.padaju-cene .overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: -141;
}
.padaju-cene .container {
  position: relative;
  
}

.zenfonego-zb500kg-header {
padding: 0px 0px 0px 0px;
  }

  .zenfonego-zb500kg-header p { color:#D23749; font-weight:600;  line-height:inherit; background-color:#e7e6d2; padding: 15px 15px 15px 15px; }

  .laser-margina {margin-top:40px; margin-bottom:15px;}

.zenfone-lasr-padaju {padding: 0px 0px 0px 0px;}
.zenfone-lasr-padaju h2 {

  font-family: 'Roboto Condensed', sans-serif; color:#D23749; font-weight:300; font-size:60px; text-align:center; line-height:70px;}
.zenfone-lasr-padaju p {
  font-family: 'Roboto Condensed', sans-serif; margin-top:60px; font-size:30px; line-height:inherit; ;margin-bottom:25px;}

  @media (max-width:1200px) {
    .zenfone-lasr-padaju h2 {font-size:45px;line-height:60px;}
    .zenfone-lasr-padaju p {font-size:20px; margin-top:70px;}

    .zenfonego-zb552kl h2 {font-size:45px;line-height:60px; }
    .zenfonego-zb552kl p {font-size:20px; margin-top:90px;}

    .zenfonego-zb500kg h2 {font-size:45px;line-height:60px;}
    .zenfonego-zb500kg p {font-size:20px;}}

    @media (max-width:991px) {
    .zenfone-lasr-padaju p {font-size:20px; margin-top:0;z-index:-50;}

    .zenfonego-zb552kl p {font-size:20px; margin-top:0; z-index:-50;}

    .zenfonego-zb500kg p {font-size:20px; margin-top:0; z-index:-50;}}
 
 .pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
.pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }

.t102ha-tac {background-color:#f7f7f7;}

.t102ha-header {
padding: 0px 0px 0px 0px;
  }

.t102ha-header-picture { padding-top: 1em;; } 
.t102ha-header h2 { color:white; }
.t102ha-header p { margin-top:30em; color:white; padding-bottom:50px; }

.t102ha-header {
  background-position: top center;
  background-size: cover;
  height: auto;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: relative;
  top: 0;
  width: auto;
}
@media (max-width: 991px) {
  .t102ha-header {
    padding: 20px;
  }
}
.t102ha-header .overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: -141;
}
.t102ha-header .container {
  position: relative;
  
}

.logopromacija {
  display: block;
  width: 100%;
  height: auto;
}

.logopromacija-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #fff;
}

.laser-margina:hover .logopromacija-overlay {
  opacity: 1;
}

.text-padaju {
  color: #d23749;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.text-under-construction {
  color: #d23749;
  z-index:100000;
  font-size: 30px;
  font-weight:600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


.laser-margina-manja {margin-bottom:15px;}
.laser-margina-manja:hover .logopromacija-overlay {
  opacity: 1;
}

.iframe-text-pozadina {background-color:antiquewhite;}

.iframe-btn {
  background-color: #2262a1;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #1f628d 2px;
  text-decoration: none;
}

.iframe-btn:hover {
  background: #22b4d3;
   color: #fff;
  text-decoration: none;
}

.performanse-img {margin-top:-200px; z-index:0;}
@media (max-width:1389px) {.performanse-img {margin-top:auto; z-index:0;}}

.img-k556-slika {margin-left:-650px; z-index:0;}
@media (max-width:991px) {.img-k556-slika {margin-left:0; z-index:0; width:100%;}}

.iframe-k556 {width:1000px; height:550px;}
@media (max-width:991px){.iframe-k556 {width:600px; height:350px;}}
@media (max-width:500px){.iframe-k556 {width:400px; height:220px;}}
@media (max-width:390px){.iframe-k556 {width:300px; height:170px;}}

.baterija-k556 h2 {color:#22b4d3; font-weight:500; margin-bottom:auto;}

.sivo-k556 {background-color:#FAFAFA;}

.text-siva { 
background-color: #E8E8E8;
margin-top:-15px;
padding-bottom:9px;
}

@media (max-width:991px){.text-siva { 
background-color: #E8E8E8;
margin-top:-15px;
padding-bottom:9px;
}}

/******************************* ux510 ******************************/

.ux510-header {
  background-position: center center;
  background-size: cover;
  height: auto;
  margin-top:-30px;
  padding-top:50px;
  padding-bottom:50px;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: relative;
  top: 0;
  width: auto;
}
@media (max-width: 991px) {
   {
    padding: 20px;
  }
}

.ux510-elegant-img { background: url("/images/notebook/UX/UX510/Elegant-and-durable-aluminum-construction.jpg") no-repeat ; background-size: 100%; height: 300px; color: #fff; background-color: #fff;}
@media (max-width: 991px){ .ux510-elegant-img { background: url("/images/notebook/UX/UX510/Elegant-and-durable-aluminum-construction.jpg") no-repeat center; background-size: 140%; height: 100px;}}

/******************************* Zenfone AR ******************************/

.img-zenfonera-header {
  z-index:-1;
  position: relative;
  width:100%;
  margin-top:-300px;}

  @media (max-width: 991px){
    .img-zenfonera-header {
  z-index:-1;
  margin-left:-30px;
  position: relative;
  width:120%;
  margin-top:-180px;}}

  @media (max-width: 991px) {
.zefonear-header-logo {margin-top:30px; width:60%; margin-left:auto;margin-right:auto;}}

   @media (max-width: 591px) {
.zefonear-header-logo {margin-top:20px; width:50%; margin-left:auto;margin-right:auto;}}


.img-zenfonera-arandvr {
  z-index:-1;
  position: relative;
  width:100%;
  margin-top:-300px;}

@media (max-width: 991px){
    .img-zenfonera-arandvr {
  z-index:-1;
  margin-left:-30px;
  position: relative;
  width:120%;
  margin-top:00px;}}

  .video-zenfonear {
   
   position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
   
}

 .video-tango {
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
   
}

.gif-video-tango {display: none;}

@media (max-width: 991px) {  
.gif-video-tango {display: block;}
.video {width: 100%; }
.video-tango {width: 100%; display: none;}}

/******************************* ZenFone 3 Zoom ******************************/

.video-totalzoom-zenfonezoom { 
position:relative;
margin-top:-250px;
width: 100%; 
  height: auto;
  z-index: -100;}

.gif-totalzoom-zenfonezoom {display:none;}

@media (max-width: 991px)  {
  .video-totalzoom-zenfonezoom { display:none;}}

.zenfonezoom-header-pozadina { 
position:relative;
margin-top:-520px;
width: 100%; 
  height: auto;
  z-index: -100;}
  
.zenfonezoom-dualrearlens {background-color: #0A0B2A; color:#fff; padding-bottom:0;}
.zenfonezoom-header-bg {background-color: #0A0B2A; z-index:-120!important; position:relative; padding-bottom:0;}

  .zenfonezoom-header { margin-left:-500px; color:#fff;}
  .zenfonezoom-header p { width: 40%; }
  .zenfonezoom-header img { margin-top: auto;}

@media (max-width:991px) {.zenfonezoom-header-pozadina {
margin-top:0;
width: 120%; 
  height: auto;
  margin-left:-90px;}

.gif-totalzoom-zenfonezoom {display:block; margin-top:-360px; position:relative; z-index:-100; width:110%; margin-left:-5%;}

.zenfonezoom-header { margin-left:0; color:#fff;}
  .zenfonezoom-header p { width: 90%; }
  .zenfonezoom-header img { margin-top: 20px;}}

@media (max-width:426px) {.zenfonezoom-header-pozadina {
margin-left:-50px;}
.gif-totalzoom-zenfonezoom {display:block; margin-top:-390px; position:relative; z-index:-100; width:110%; margin-left:-5%;}
.zenfonezoom-header img { margin-top: 40px;}}



.zenfone3zoom-totalzoom {padding-bottom:0px; margin-top:-20px;}
.zenfone3zoom-opticalzoom-img {margin-top:0;}
.zenfone3zoom-opticalzoom-img img {margin-top: -660px!important;}
.zenfone3zoom-opticalzoom { margin-top:-35px; padding-bottom:0;}
.zenfone3zoom-opticalzoom h3 {margin-top:40%;}
.zenfone3zoom-lowlight {background-color:#7d3f54; color:#fff; padding-bottom:0;}
.zenfone3zoom-lowlight-img img { margin-top:-500px!important;}
.zenfone3zoom-selfie {background-color:#000; color:#fff; padding-bottom:0;}
.zenfone3zoom-selfie p {margin:auto;}
.zenfone3zoom-selfie-img {width:140%; margin-top:-70px; margin-left:-200px;}
.zenfone3zoom-manualmode {padding-bottom:0; background-color:#000000; color:#fff;}
.zenfone3zoom-manualmode-img img {margin-top:-400px;}



@media (max-width:1201px) {
.zenfone3zoom-opticalzoom h3 {margin-top:0;}
.zenfone3zoom-opticalzoom-img img {margin-top: -550px!important;}
.zenfone3zoom-lowlight-img img { margin-top:-390px!important;}
.zenfone3zoom-manualmode-img img {margin-top:-350px;}
.zenfone3zoom-selfie-img {width: 150%; margin-top:-10px; margin-left:-200px;}
  }

@media (max-width:991px){
  .zenfone3zoom-opticalzoom {background-color:#dcbdab}
  .zenfone3zoom-opticalzoom-img img {margin-top: 0px!important;}
  .zenfone3zoom-opticalzoom-img {width:120%; margin: 0px 0px 0px -10%;}
  .zenfone3zoom-lowlight-img img { margin-top:0px!important;}
  .zenfone3zoom-lowlight-img {width:120%; margin: 0px 0px 0px -10%;}
  .zenfone3zoom-selfie-img {width:100%; margin-top:auto; margin-left:auto;}
  .zenfone3zoom-manualmode-row {display:none;}
  .zenfone3zoom-manualmode-img {margin-top:0px;}
  .zenfone3zoom-manualmode-img img {width:140%; margin: 0px 0px 0px -10%;}
}

.zenfone3zoom-battery {background-color:#000; color:#fff; padding-bottom:0px; position:relative; z-index:-10;}
.zenfone3zoom-battery-p {z-index: 10!important;}
.zenfone3zoom-battery-row h4 {color:goldenrod; font-size:43px; font-weight:200; line-height:inherit; margin: -10px 0px 0px 0px;}
.zenfone3zoom-battery-img img {margin-top:-20%;  z-index:-1; position:relative;}


/******************************* ROG Strix GL702ZC ******************************/

.roggl702zc-header {background-color:#000; color:#fff;z-index:-2; position:relative; padding-bottom:0px;}
.roggl702zc-header h2 {font-weight:500; font-size:60px;}
.img-roggl702zc-header {width:100%; margin-top:-14%; z-index:-1; position:relative;}
.roggl702zc-ryzenradeon {background-color:#000; color:#fff;z-index:-2; position:relative; padding-bottom:0px;}
.roggl702zc-ryzenradeon h3 {font-weight:500; font-size:55px; color:#FD6E06; line-height:normal;margin-top:auto;}
.img-roggl702zc-ryzenradeon {width:100%; margin-top:-15%;}
.roggl702zc-wideview {background-color:#000; color:#fff;z-index:-2; position:relative; padding-bottom:0px;}
.roggl702zc-wideview h3 {font-weight:500; font-size:55px; color:#FD6E06; line-height:normal;margin-top:auto;}
.row-roggl702zc-wideview {margin-top:30px; margin-bottom:30px;}
.row-roggl702zc-wideview h3 {margin-bottom:0; margin-top:-10px;}
.video-roggl702zc-wideview {width: 100%; height: 100%; z-index: -100;}
.video-roggl702zc-wideview1 {position: fixed; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -100;}
.roggl702zc-kb {background-color:#000; color:#fff;z-index:-2; position:relative; padding-bottom:0px;}
.roggl702zc-kb h3 {font-weight:500; font-size:55px; color:#FD6E06; line-height:normal;margin-top:auto;}
.row-roggl702zc-kb {margin-top:30px; margin-bottom:30px;}
.row-roggl702zc-kb h3 {margin-bottom:0; margin-top:-10px;}
.roggl702zc-hladno {background-color:#000; color:#fff;z-index:-2; position:relative; padding-bottom:0px;}
.roggl702zc-hladno h3 {font-weight:500; font-size:55px; color:#FD6E06; line-height:normal;margin-top:auto;}
.img-roggl702zc-hladno {margin-left:-350px; position:relative; z-index:-2; width:170%;}
.roggl702zc-ramandssd {background-color:#000; color:#fff;z-index:-2; position:relative; padding-bottom:0px;}
.roggl702zc-ramandssd h3 {font-weight:500; font-size:55px; color:#FD6E06; line-height:normal;margin-top:auto;}
.img-roggl702zc-ramandssd {width:100%; margin-top:-20%;z-index:-2; position:relative;}
.roggl702zc-sonicstudio {background-color:#000; color:#fff;z-index:-2; position:relative; padding-bottom:0px;}
.roggl702zc-sonicstudio h3 {font-weight:500; font-size:55px; color:#FD6E06; line-height:normal;margin-top:auto;}

@media (max-width:991px){
.logo-roggl702zc-header {margin-top:12%;}
.roggl702zc-header h2 {font-size:30px;}
.img-roggl702zc-header {margin-top:-35%;}
.roggl702zc-ryzenradeon h3 {font-size:30px;}
.roggl702zc-wideview h3 {font-size:30px;}
.row-roggl702zc-wideview {display: none;}
.roggl702zc-kb h3 {font-size:30px;}
.roggl702zc-hladno h3 {font-size:30px;}
.row-roggl702zc-kb {display:none;}
.roggl702zc-ramandssd h3 {font-size:30px;}
.roggl702zc-sonicstudio h3 {font-size:30px;}
.img-roggl702zc-hladno {margin-left:0px; width:100%;}
.center-sectionnova p {line-height:inherit}
.text-justify { text-align: justify; }}

/******************************* ZenBook UX410 ******************************/

.ux430-header {padding-bottom:0;}
.img-ux430-header {width:100%; margin-top:-18%; position:relative; z-index:-2; margin-bottom:-18%;}
.ux430-chassis {padding-bottom:0;}
.row-ux430-chassis {margin-left:9%;}
.row-ux430-chassis h2 {color:#429FFD; margin-bottom:auto; font-weight:400;}
.row-ux430-chassis p {color:slategray; font-weight:400;}
.img-ux430-chassis {background: url("/images/notebook/UX/ux430/chassis.jpg") no-repeat fixed; background-size:100%; height:500px;}
.ux430-display {padding-bottom:0;}
.row-ux430-display h2 {color:#429FFD; margin-bottom:auto; font-weight:400;}
.row-ux430-display p {color:slategray; font-weight:400;}
.ux430-performance {background-color:#1d1d1d; color: white; position:relative; z-index:-2;}
.row-ux430-performance {margin-top:30px;}
.row-ux430-performance h3 {color:#429FFD; margin-bottom:auto; font-weight:400; margin-top:-10px;}
.row-ux430-performance p {font-weight:400;}
.img-ux430-performance {z-index:-1; position:relative; width:170%;}
.ux430-viewing {background-color:#1d1d1d; color: white; position:relative; z-index:-2;}
.ux430-battery {padding-bottom:0;}
.row-ux430-battery h3 {color:#429FFD; margin-bottom:auto; font-weight:400; margin-top:-10px;}
.row-ux430-battery p {color:slategray; font-weight:400;}
.img-ux430-battery {width:100%; margin-top:-33%;}
.ux430-keyboard {padding-bottom:0;}
.row-ux430-keyboard {text-align:center;}
.row-ux430-keyboard h3 {color:#429FFD; margin-bottom:auto; font-weight:400;}
.row-ux430-keyboard p {color:slategray; font-weight:400;}
.img-ux430-keyboard {width:100%; margin-top:-25%;}
.ux430-sonicmaster {padding-bottom:0;}
.row-ux430-sonicmaster h3 {color:#429FFD; margin-bottom:auto; font-weight:400;}
.row-ux430-sonicmaster p {color:slategray; font-weight:400;}
.img-ux430-sonicmaster {width:100%; margin-top:-42%;}

@media screen and  (min-width:2880px ) {.img-ux430-header {width:100%; margin-top:-50%; position:relative; z-index:-2; margin-bottom:-18%;}}
@media (max-width:1200px) {.img-ux430-performance {width:200%; margin-left:-30%;}}

@media (max-width:991px) {.ux430-header {margin-top:10px;}
.img-ux430-header {width:120%; margin-left:-10%; margin-top:-22%;}
.row-ux430-chassis {display:none;}
.img-ux430-chassis {height:300px;}
.row-ux430-display {display:none;}
.row-ux430-performance {display:none;}
.img-ux430-performance {width:100%; margin-left:0px;}
.row-ux430-battery {display:none;}
.img-ux430-battery {margin-top:auto;}
.row-ux430-keyboard {display:none;}
.img-ux430-keyboard {margin-top:auto;}
.row-ux430-sonicmaster {display:none;}
.img-ux430-sonicmaster {margin-top:auto;}
.img-ux430-chassis {background: url("/images/notebook/UX/ux430/chassis.jpg") no-repeat; background-size:100%; height:200px;} }

@media (max-width:733px) { .img-ux430-header {margin-top:-25%;}
.ux430-header h2 {margin-top:-2%;}}

@media (max-width:539px) { .img-ux430-header {margin-top:-28%;}
.ux430-header {margin-top:30px;}
.ux430-header h2 {margin-top:-2%; font-size:30px; font-weight:400;}
}

@media (max-width:419px) { .img-ux430-header {margin-top:-48%;}
.ux430-header {margin-top:37px;}
.ux430-header h2 {margin-top:-3%; font-size:25px; font-weight:300;}
}


.woobox-asusplus {padding-left: 24%; background-color: #000;}

/******************************* VivoBook Pro 15 N580 ******************************/


.center-sectio03082017 { display: inline-block; width: 100%; text-align: center; font-family: 'Open Sans'; }
.center-sectio03082017 h2 { margin-bottom: 80px; }
.center-sectio03082017 h3 { margin-top: 50px; }
.center-sectio03082017 p { max-width: 880px; margin: 0 auto; margin-bottom: 30px; }

.n580-windows {position:static; margin-bottom:-250px; }


.n580-header {color:#fff; padding-bottom:0; background-color:#2c394c; z-index:-1000!important; position:relative;}
.logo-n580 {margin-top:50px;}
.n580-header h2 {margin-top:60px;}
.n580-header p {margin-top:-25%; }
.img-n580-header {width:120%;  right: 10%;   margin-top:-23%; z-index:-2; position:relative;}
.row-n580-aluminum {margin-left:25%;}
.row-n580-aluminum h3 {color:#B59261; margin-bottom:auto; margin-top:-20px;}
.n580-performance {background-color:#f5f5f5; padding-bottom:0;}
.n580-performance h3 {color:#B59261;}
.n580-hladjenje {background-color:#000; color:#fff; padding-bottom:0;}
.video-n580-hladjenje {width:100%;}
.n580-zvuk {background-color:#000; color:#fff; padding-bottom:0; position:relative; z-index:-2;}
.pozadina-n580-zvuk {background-color:rgba(0, 0, 0, 0.6); padding: 10px 30px 10px 30px;}
.video-n580-zvuk {margin-top:-25%; position:relative; z-index:-1; width:100%}
.n580-tastatura {background-color:#C2C0C3;}
.n580-baterija {background-color:#C2C0C3;padding-bottom:0;}
.img-n580-baterija {width:100%; margin-top:-10%}

@media (max-width:1921px){.video-n580-zvuk {margin-top:-33%; position:relative; z-index:-1; width:100%}}
@media (max-width:1601px){.video-n580-zvuk {margin-top:-40%; position:relative; z-index:-1; width:100%}}

@media (max-width:1500px){
.logo-n580 {margin-top:35px;}
.n580-header h2 {margin-top:45px;}
.n580-header p {margin-top:-20%; }
.img-n580-header {margin-top:-26%;}
.video-n580-zvuk {margin-top:-45%;}}

@media (max-width:1281px) {.video-n580-zvuk {margin-top:-50%; position:relative; z-index:-1; width:100%}}

@media (max-width:1200px){
.logo-n580 {margin-top:20px;}
.n580-header h2 {margin-top:30px;}
.n580-header p {margin-top:-21%; }
.img-n580-header {margin-top:-30%;}
.video-n580-zvuk {margin-top:-100%;}}

@media (max-width:991px){
.n580-header {background-color:#2b384b; z-index:-3; position:relative;}
  .logo-n580 {margin-top:70px;}
  .n580-header h2 {margin-top:20px;}
.n580-header p {margin-top:-35%; }
.img-n580-header {margin-top:-60%;}
.row-n580-aluminum {display:none;}
.video-n580-zvuk {margin-top:0;}}


/******************************* XLS AKCIJA ******************************/

.center-sectiogejmingxls { display: inline-block; width: 100%; text-align: center; }
.center-sectiogejmingxls h2 { margin-bottom: 80px; }
.center-sectiogejmingxls h3 { margin-top: 50px; font-family: 'Anton', sans-serif; letter-spacing:2px; }
.center-sectiogejmingxls p { max-width: 880px; margin: 0 auto; margin-bottom: 30px; }


.xls-header-mobile {display:none;}
.xls-header {padding-bottom:0; padding-top:0; margin-bottom:-8%;}
.xls-header h4 {color:#fff; position:relative;}
.xls-header h3 {color:#fff; position:relative;}
.video-xls-header {width:100%; }
.xls-header-windows {top:-1250px; position:relative; width:60%; left:450px;}
.xls-header-windows p {color:#fff; font-size:14px;}
.modeli-xls-header {margin-top:-100%;}


@media (max-width:2200px){.modeli-xls-header {margin-top:-71%;}
.xls-header-windows {top:-1100px; position:relative; width:70%; left:150px;}
.xls-header-windows p {color:#fff; font-size:14px;}}
@media (max-width:1955px){.xls-header-windows {top:-950px; position:relative; width:70%; left:150px;}
.xls-header-windows p {color:#fff; font-size:13px;}}
@media (max-width:1689px){.xls-header-windows {top:-830px; position:relative; width:70%; left:150px;}
.xls-header-windows p {color:#fff; font-size:11px;}}
@media (max-width:1465px){.xls-header-windows {top:-790px; position:relative; width:70%; left:150px;}
.xls-header-windows p {color:#fff; font-size:10px;}}
@media (max-width:1200px){.modeli-xls-header {margin-top:-47%;}
.xls-header-windows {top:-600px; position:relative; width:90%; left:-150px;}}

@media (max-width:991px){.xls-header {display:none;}
.xls-mobile-2 {white-space: nowrap;}
.xls-header-mobile {background: url("/images/akcije/xls/mobile/images/xls-akcija_gore.png") no-repeat; background-size:100%; background-color:#000; z-index:-3; display:block; padding-bottom:0;}
}

@media (max-width:500px){ .xls-header-mobile {margin-bottom:-370px;}}

#z3qr h5 {margin-bottom:0;margin-top:0;}
#z3qr h4 {margin-bottom:0;}