One Shot 04

.uwt-spack-wrapp{ font-family: Arial, sans-serif; position: relative; width: 752px; height: 418px; /*background-color: #fff;*/ background-image: url("https://www.supersavertravel.se/files/image/uwt-spack-bg.png"); } .uwt-spack-1{ position: absolute; top: 18px; left: 60px; font-size: 20px; } .uwt-spack-2{ position: absolute; top: 67px; left: 15px; } .uwt-spack-2 .uwt-1{ font-size: 18px; font-weight: bold; color: #0068bc; } .uwt-spack-2 .uwt-2{ font-size: 12px; margin-top:3px; } .uwt-spack-3{ position: absolute; top: 144px; left: 15px; } .uwt-spack-3 .uwt-1{ font-size: 18px; font-weight: bold; } .uwt-spack-3 .uwt-2{ font-size: 12px; margin-top:3px; width: 270px; } .uwt-spack-4{ line-height: 41px; position: absolute; top: 238px; left: 15px; font-size: 16px; } .uwt-spack-4-info{ line-height: 39px; position: absolute; top: 243px; left: 263px; font-size: 16px; color: #8c8c8c; } .uwt-tool-tip-box { /* max-width: 240px; */ border: 1px solid #bbbbbb; border-radius: 3px; background: #ffffff; color: #333333; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ font-size: 12px; line-height: 1.2; padding: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 300px; } .uwt-tool-tip-box:after, .uwt-tool-tip-box:before { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; transform-origin: center bottom; } .uwt-tool-tip-box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; transform-origin: center bottom; } .uwt-tool-tip-box:before { border-color: rgba(187, 187, 187, 0); border-top-color: #bbbbbb; border-width: 11px; margin-left: -11px; transform-origin: center bottom; } .uwt-tool-tip-box-1{ position: absolute; left: 107px; bottom: 180px; display: none; } .uwt-tool-tip-box-2{ position: absolute; left: 107px; bottom: 140px; display: none; } .uwt-tool-tip-box-3{ position: absolute; left: 107px; bottom: 100px; display: none; } .uwt-spack-wrapp-1{ position: absolute; top: 121px; left: 292px; width: 150px; height: 240px; cursor: pointer; border-radius: 2px; } .uwt-spack-wrapp-2{ position: absolute; top: 121px; left: 447px; width: 150px; height: 240px; cursor: pointer; border-radius: 2px; } .uwt-spack-wrapp-3{ position: absolute; top: 121px; left: 602px; width: 150px; height: 240px; cursor: pointer; border-radius: 2px; } .uwt-spack-wrapp-1-border{ position: absolute; top: 121px; left: 292px; width: 150px; height: 240px; cursor: pointer; border-radius: 2px; border: 1px solid #d9d9d9; box-sizing: border-box; pointer-events: none; } .uwt-spack-wrapp-2-border{ position: absolute; top: 121px; left: 447px; width: 150px; height: 240px; border-radius: 2px; border: 1px solid #d9d9d9; box-sizing: border-box; pointer-events: none; } .uwt-spack-wrapp-3-border{ position: absolute; top: 121px; left: 602px; width: 150px; height: 240px; border-radius: 2px; border: 1px solid #d9d9d9; box-sizing: border-box; pointer-events: none; } .uwt-spack-5{ position: absolute; top: 22px; left: 0px; text-align: center; width: 150px; } .uwt-spack-5 .uwt-1{ font-size: 20px; font-weight: bold; } .uwt-spack-5 .uwt-2{ font-size: 16px; margin-top:3px; } .uwt-spack-5 .uwt-3{ position: absolute; line-height: 39px; font-size: 16px; top: 100px; width:100%; text-align: center; } .uwt-spack-5 .uwt-plupp{ top: 63px; left: 76px; position: absolute; /* font-size: 40px; */ width: 7px; height: 7px; border-radius: 50%; background-color: #444; } .uwt-plupp-1{ display: none; } .uwt-plupp-2{ display: none; } .uwt-plupp-3{ display: none; } .uwt-spack-5 .uwt-plupp-bg{ top: 59px; left: 72px; position: absolute; font-size: 40px; width: 13px; height: 13px; border-radius: 50%; background-color: #f3f3f3; border: 1px solid #989898; } .uwt-spack-6{ font-size: 16px; width: 170px; position: absolute; top: 370px; left: 435px; text-align: center; } .uwt-show{ display: block !important; } .uwt-b-b{ opacity: .4; display: block; } .uwt-spack-popular-icon{ position: absolute; left: 65px; top: -13px; } .uwt-spack-selected{ border: 3px solid green !important; } .uwt-spack-3-selected{ border: 3px solid #8bb78b; } .uwt-plupp-1-selected{ opacity: 1 !important; display: block !important; } .uwt-spack-hover{ border-top: 5px solid #ccc; border-bottom: 5px solid #ccc; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } .uwt-spack-validation{ display:none; position:absolute; width: 567px; display: none; position: absolute; bottom: 315px; left: 10px; color: #d00; background-color: #ffc0cb; font-weight: 700; border-color: #ffc0cb; border-radius: 5px; padding: 10px; }