#filmviewer{position:relative; margin:0 auto 4%; max-width:850px;}#filmviewer .selects{margin-bottom:2%;}#filmviewer .select{float:left; width:16%; line-height:28px; text-align:center; color:white; text-transform:uppercase; position:relative; font-weight:bold; background-color:#0099d5; margin-bottom:0.6666667%; margin-right:0.6666667%; cursor:pointer;}#filmviewer .select:after{content:"\43"; font-family:"ElegantIcons"; position:absolute; top:7px; right:7px;}#filmviewer .select:hover:after{content:"\42";}#filmviewer .select .name{padding:7px 0; padding-right:20px;}#filmviewer .select .items{display:none; position:absolute; top:100%; left:0px; width:100%; z-index:100; background-color:#0099d5;}#filmviewer .select:hover .items{display:block;}#filmviewer .select .item{padding:7px 0;}#filmviewer .select .item:hover{background-color:#026C95;}#filmviewer .select .item.active{background-color:#026C95;}#filmviewer .image_box{position:relative;}#filmviewer .images{position:relative;}#filmviewer .film{display:block; width:100%; position:relative; height:602px; background-repeat:no-repeat; background-position:center center; background-size:cover;}#filmviewer .film.inside{background-image:url('https://www.skyfol.hu/upload/pics/architectural_films/inside.jpg') !important;}#filmviewer .film.outside{background-image:url('https://www.skyfol.hu/upload/pics/architectural_films/outside.jpg') !important;}#filmviewer .type{position:absolute; bottom:0px; left:0px; width:25%; background-color:rgba(0,0,0,0.5);}#filmviewer .title{line-height:30px; font-size:14px; font-weight:300; color:white; width:49%; margin-right:51%; text-align:center; text-transform:uppercase;}#filmviewer .changeType{float:left; width:49%; margin-right:1px; text-align:center; line-height:50px; font-weight:300; font-size:14px; color:white; text-transform:uppercase; background-color:#0099d5;}#filmviewer .changeType:hover{background-color:#026C95;}#filmviewer .changeType.active{font-weight:bold; background-color:#026C95;}#filmviewer .onoff{position:absolute; bottom:0px; right:0px; width:32%; background-color:rgba(0,0,0,0.5);}#filmviewer .changeOn{float:right; width:49%; margin-left:1px; text-align:center; line-height:50px; font-weight:300; font-size:14px; color:white; text-transform:uppercase; background-color:#0099d5;}#filmviewer .changeOn:hover{background-color:#026C95;}#filmviewer .changeOn.active{font-weight:bold; background-color:#026C95;}#filmviewer .export{display:none; position:absolute; top:0px; left:0px; cursor:pointer; float:left; width:100px; text-align:center; line-height:50px; font-weight:300; font-size:14px; color:white; text-transform:uppercase; background-color:#0099d5;}#filmviewer .export:hover{background-color:#026C95;}body.green #filmviewer .select,body.green #filmviewer .select .items,body.green #filmviewer .changeType,body.green #filmviewer .changeOn,body.green #filmviewer .export{background-color:#58A641;}body.green #filmviewer .select .item:hover,body.green #filmviewer .select .item.active,body.green #filmviewer .changeType:hover,body.green #filmviewer .changeType.active,body.green #filmviewer .changeOn:hover,body.green #filmviewer .changeOn.active,body.green #filmviewer .export:hover{background-color:#387925;}@media only screen and (max-width:1300px){#filmviewer .select{width:24%;}#filmviewer .changeType{font-size:10px;}#filmviewer .changeOn{font-size:10px;}}@media only screen and (max-width:700px){#filmviewer .select{width:32%;}}@media only screen and (max-width:560px){#filmviewer .title{display:none;}#filmviewer .type{width:auto; background:none; position:relative;margin-top:1px;}#filmviewer .changeType{margin-right:0; width:50%;}#filmviewer .onoff{position:relative; margin:1px 0 70px 0; width:auto; background:none;}#filmviewer .changeOn{float:left; margin-left:0; width:50%;}}@media only screen and (max-width:500px){#filmviewer .select{width:49%;}}@media only screen and (max-width:650px){}@media only screen and (max-width:550px){}@media only screen and (max-width:420px){}