#main-banner{ width: 100%; } #main-banner img{ width: 100%; } #featured-products{ width: 100%; } #featured-products img{ width: 100%; } select{ -webkit-appearance: none; } a{ -webkit-appearance: none; } .dealer-container{ padding-bottom: 50px; background: #F2F2F4; } .dealer-container .form-inline{ margin-bottom: 30px; } .form-inline .btn{ background: #1C4279; background-color: #1C4279; border-radius: 5px; } table.dataTable{ position: relative; box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); } table.dataTable td, table.dataTable th{ vertical-align: middle !important; padding-left: 30px !important; padding-right: 30px !important; } table.dataTable>tbody>tr.child ul.dtr-details{ width: 100%; } table.dataTable td p, table.dataTable th p{ margin-bottom: 0; } div.dataTables_wrapper div.dataTables_paginate{ margin-top: 10px; } table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before{ background: #1C4279; background-color: #1C4279; } table.dataTable>tbody>tr.child span.dtr-title{ margin-bottom: 10px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background: #1C4279; background-color: #1C4279; } table.dataTable td{ font-size: 12px; color: #58585B; } .dataTables_wrapper th, td { white-space: nowrap; } table.dataTable .even{ background: white; } table.dataTable .odd{ background: #e1e2e3; } div.dataTables_wrapper div.dataTables_info{ font-size: 12px; margin-top: 10px; } div.dataTables_wrapper div.dataTables_paginate ul.pagination{ font-size: 12px; } table.dataTable th{ background: white; background-color: white; color: #58585B; border-bottom: 0!important; font-size: 14px; } #loader { border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid white; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: relative; transform: translateY(-50%); top: 50%; margin: 0 auto; } div.dataTables_wrapper div.dataTables_processing{ position: absolute; top: 0; left: 15px; width: auto; text-align: center; padding: 0; right: 15px; bottom: 0; background: rgba(0,0,0,.7); margin-left: 0; margin-top: 0; } table.dataTable>tbody>tr.child ul.dtr-details>li{ white-space: normal; } .title-container{ margin-bottom: 30px; } .title-container .title{ margin-top: 0; font-family: 'RoihuW01Black'; color: #1C4279; } .title-container .subtitle{ font-family: 'RoihuW01Regular'; color: #404041; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .container-tap{ box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); } .container-tap.no-shad{ box-shadow: none; } .container-tap .title-container{ margin: 100px 0 30px 0; } .container-image{ box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.24), -12px 0 8px -4px rgba(0, 0, 0, 0.12); } .container-image img{ width: 100%; } .nav-special-product{ padding-top: 50px; margin-bottom: 30px; font-family: 'RoihuW01Black'; color: white; text-align:center; display: table; border-bottom: 1px solid #A7A9AB; margin-right: auto; margin-left: auto; } .nav-special-product > li { float:none; display:inline-block; zoom:1; display: table-cell; } .nav-special-product li a{ background: #A7A9AB; color: white; min-width: 150px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: 1px solid #A7A9AB !important; margin: 0 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: 0; } .nav-special-product li:first-child a{ margin-left: 0; } .nav-special-product li:last-child a{ margin-right: 0; } .nav-special-product li a:hover{ background: #2479B7; color: white; border-color: #2479B7; } .nav-special-product li a:active{ background: #2479B7; color: white; border-color: #2479B7 !important; } .nav-special-product>li.active>a, .nav-special-product>li.active>a:focus, .nav-special-product>li.active>a:hover{ background: #2479B7; color: white; border-color: #2479B7 !important; } .nav-special-product li a.astr:hover{ background: #e61100; color: white; border-color: #e61100 !important; } .nav-special-product li a.astr:active{ background: #e61100; color: white; border-color: #e61100 !important; } .nav-special-product>li.active>a.astr, .nav-special-product>li.active>a.astr:focus, .nav-special-product>li.active>a.astr:hover{ background: #e61100; color: white; border-color: #e61100 !important; } .nav-special-product li a.phils:hover{ background: #0066a1; color: white; border-color: #0066a1 !important; } .nav-special-product li a.phils:active{ background: #0066a1; color: white; border-color: #0066a1 !important; } .nav-special-product>li.active>a.phils, .nav-special-product>li.active>a.phils:focus, .nav-special-product>li.active>a.phils:hover{ background: #0066a1; color: white; border-color: #0066a1 !important; } .swiper-container { width: 100%; margin-left: auto; margin-right: auto; box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.24), -12px 0 8px -4px rgba(0, 0, 0, 0.12); } .swiper-slide { height: auto; text-align: center; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; } .swiper-slide.center{ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-pagination-bullet{ width: 12px; height: 12px; opacity: .6; } .swiper-pagination-bullet-active{ background-color:#1C4279; } .no-pad{ padding: 0; } .s-grey{ background: #e7e8e9; background-color: #e7e8e9; } .s-white{ background: #fff !important; background-color: #fff !important; } .s-grey .swiper-slide { background: #e7e8e9; background-color: #e7e8e9; } .s-teal{ background: #00a1e0; background-color: #00a1e0; } .s-teal .swiper-slide { background: #00a1e0; background-color: #00a1e0; } .no-mar{ margin: 0; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px; } .swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; } .swiper-pagination.disabled { display: none; } a.to-top-button{position:fixed;z-index:9999;color:#fff;padding-top:2px;text-align:center;font-size:40px;font-weight:600;background-color:#EF4036;}a.to-top-button.hide{display:none}a.to-top-button:not(.filter):hover{background-color:rgb(121,121,121)}a.to-top-button.filter:hover{filter:brightness(115%);-webkit-filter:brightness(115%)}a.to-top-button.sz-1{width:30px;height:30px}a.to-top-button.sz-2{width:40px;height:40px}a.to-top-button.sz-3{width:50px;height:50px}a.to-top-button.sz-4{width:60px;height:60px}a.to-top-button.sz-5{width:70px;height:70px}a.to-top-button.sz-6{width:80px;height:80px}a.to-top-button.bp-tl.bm-0{top:0;left:0}a.to-top-button.bp-tr.bm-0{top:0;right:0}a.to-top-button.bp-bl.bm-0{bottom:0;left:0}a.to-top-button.bp-br.bm-0{bottom:0;right:0}a.to-top-button.bp-tl.bm-1{top:10px;left:10px}a.to-top-button.bp-tr.bm-1{top:10px;right:10px}a.to-top-button.bp-bl.bm-1{bottom:10px;left:10px}a.to-top-button.bp-br.bm-1{bottom:10px;right:10px}a.to-top-button.bp-tl.bm-2{top:20px;left:20px}a.to-top-button.bp-tr.bm-2{top:20px;right:20px}a.to-top-button.bp-bl.bm-2{bottom:20px;left:20px}a.to-top-button.bp-br.bm-2{bottom:20px;right:20px}a.to-top-button.bp-tl.bm-3{top:30px;left:30px}a.to-top-button.bp-tr.bm-3{top:30px;right:30px}a.to-top-button.bp-bl.bm-3{bottom:30px;left:30px}a.to-top-button.bp-br.bm-3{bottom:30px;right:30px}a.to-top-button.bp-tl.bm-4{top:40px;left:40px}a.to-top-button.bp-tr.bm-4{top:40px;right:40px}a.to-top-button.bp-bl.bm-4{bottom:40px;left:40px}a.to-top-button.bp-br.bm-4{bottom:40px;right:40px}a.to-top-button.bp-tl.bm-5{top:50px;left:50px}a.to-top-button.bp-tr.bm-5{top:50px;right:50px}a.to-top-button.bp-bl.bm-5{bottom:50px;left:50px}a.to-top-button.bp-br.bm-5{bottom:50px;right:50px}a.to-top-button.bp-tl.bm-6{top:60px;left:60px}a.to-top-button.bp-tr.bm-6{top:60px;right:60px}a.to-top-button.bp-bl.bm-6{bottom:60px;left:60px}a.to-top-button.bp-br.bm-6{bottom:60px;right:60px}a.to-top-button.bp-tl.bm-7{top:70px;left:70px}a.to-top-button.bp-tr.bm-7{top:70px;right:70px}a.to-top-button.bp-bl.bm-7{bottom:70px;left:70px}a.to-top-button.bp-br.bm-7{bottom:70px;right:70px}a.to-top-button.bp-tl.bm-8{top:80px;left:80px}a.to-top-button.bp-tr.bm-8{top:80px;right:80px}a.to-top-button.bp-bl.bm-8{bottom:80px;left:80px}a.to-top-button.bp-br.bm-8{bottom:80px;right:80px}a.to-top-button.bp-tl.bm-9{top:90px;left:90px}a.to-top-button.bp-tr.bm-9{top:90px;right:90px}a.to-top-button.bp-bl.bm-9{bottom:90px;left:90px}a.to-top-button.bp-br.bm-9{bottom:90px;right:90px}a.to-top-button.bp-tl.bm-10{top:100px;left:100px}a.to-top-button.bp-tr.bm-10{top:100px;right:100px}a.to-top-button.bp-bl.bm-10{bottom:100px;left:100px}a.to-top-button.bp-br.bm-10{bottom:100px;right:100px}a.to-top-button.op-0{opacity:0}a.to-top-button.op-1{opacity:.5}a.to-top-button.op-2{opacity:.1}a.to-top-button.op-3{opacity:.15}a.to-top-button.op-4{opacity:.2}a.to-top-button.op-5{opacity:.25}a.to-top-button.op-6{opacity:.3}a.to-top-button.op-7{opacity:.35}a.to-top-button.op-8{opacity:.4}a.to-top-button.op-9{opacity:.45}a.to-top-button.op-10{opacity:.5}a.to-top-button.op-11{opacity:.55}a.to-top-button.op-12{opacity:.6}a.to-top-button.op-13{opacity:.65}a.to-top-button.op-14{opacity:.7}a.to-top-button.op-15{opacity:.75}a.to-top-button.op-16{opacity:.8}a.to-top-button.op-17{opacity:.85}a.to-top-button.op-18{opacity:.9}a.to-top-button.op-19{opacity:.95}a.to-top-button.op-20{opacity:1}a.to-top-button.p-aliceblue{background-color:#F0F8FF}a.to-top-button.p-antiquewhite{background-color:#FAEBD7}a.to-top-button.p-aqua{background-color:#0FF}a.to-top-button.p-aquamarine{background-color:#7FFFD4}a.to-top-button.p-azure{background-color:azure}a.to-top-button.p-beige{background-color:beige}a.to-top-button.p-bisque{background-color:#FFE4C4}a.to-top-button.p-black{background-color:#000}a.to-top-button.p-blanchedalmond{background-color:#FFEBCD}a.to-top-button.p-blue{background-color:#00F}a.to-top-button.p-blueviolet{background-color:#8A2BE2}a.to-top-button.p-brown{background-color:brown}a.to-top-button.p-burlywood{background-color:#DEB887}a.to-top-button.p-cadetblue{background-color:#5F9EA0}a.to-top-button.p-chartreuse{background-color:#7FFF00}a.to-top-button.p-chocolate{background-color:#D2691E}a.to-top-button.p-coral{background-color:coral}a.to-top-button.p-cornflowerblue{background-color:#6495ED}a.to-top-button.p-cornsilk{background-color:#FFF8DC}a.to-top-button.p-crimson{background-color:#DC143C}a.to-top-button.p-cyan{background-color:#0FF}a.to-top-button.p-darkblue{background-color:#00008B}a.to-top-button.p-darkcyan{background-color:#008B8B}a.to-top-button.p-darkgoldenrod{background-color:#B8860B}a.to-top-button.p-darkgray{background-color:#A9A9A9}a.to-top-button.p-darkgrey{background-color:#A9A9A9}a.to-top-button.p-darkgreen{background-color:#006400}a.to-top-button.p-darkkhaki{background-color:#BDB76B}a.to-top-button.p-darkmagenta{background-color:#8B008B}a.to-top-button.p-darkolivegreen{background-color:#556B2F}a.to-top-button.p-darkorange{background-color:#FF8C00}a.to-top-button.p-darkorchid{background-color:#9932CC}a.to-top-button.p-darkred{background-color:#8B0000}a.to-top-button.p-darksalmon{background-color:#E9967A}a.to-top-button.p-darkseagreen{background-color:#8FBC8F}a.to-top-button.p-darkslateblue{background-color:#483D8B}a.to-top-button.p-darkslategray{background-color:#2F4F4F}a.to-top-button.p-darkslategrey{background-color:#2F4F4F}a.to-top-button.p-darkturquoise{background-color:#00CED1}a.to-top-button.p-darkviolet{background-color:#9400D3}a.to-top-button.p-deeppink{background-color:#FF1493}a.to-top-button.p-deepskyblue{background-color:#00BFFF}a.to-top-button.p-dimgray{background-color:#696969}a.to-top-button.p-dimgrey{background-color:#696969}a.to-top-button.p-dodgerblue{background-color:#1E90FF}a.to-top-button.p-firebrick{background-color:#B22222}a.to-top-button.p-floralwhite{background-color:#FFFAF0}a.to-top-button.p-forestgreen{background-color:#228B22}a.to-top-button.p-fuchsia{background-color:#F0F}a.to-top-button.p-gainsboro{background-color:#DCDCDC}a.to-top-button.p-ghostwhite{background-color:#F8F8FF}a.to-top-button.p-gold{background-color:gold}a.to-top-button.p-goldenrod{background-color:#DAA520}a.to-top-button.p-gray{background-color:gray}a.to-top-button.p-grey{background-color:gray}a.to-top-button.p-green{background-color:green}a.to-top-button.p-greenyellow{background-color:#ADFF2F}a.to-top-button.p-honeydew{background-color:#F0FFF0}a.to-top-button.p-hotpink{background-color:#FF69B4}a.to-top-button.p-indianred{background-color:#CD5C5C}a.to-top-button.p-indigo{background-color:indigo}a.to-top-button.p-ivory{background-color:ivory}a.to-top-button.p-khaki{background-color:khaki}a.to-top-button.p-lavender{background-color:#E6E6FA}a.to-top-button.p-lavenderblush{background-color:#FFF0F5}a.to-top-button.p-lawngreen{background-color:#7CFC00}a.to-top-button.p-lemonchiffon{background-color:#FFFACD}a.to-top-button.p-lightblue{background-color:#ADD8E6}a.to-top-button.p-lightcoral{background-color:#F08080}a.to-top-button.p-lightcyan{background-color:#E0FFFF}a.to-top-button.p-lightgoldenrodyellow{background-color:#FAFAD2}a.to-top-button.p-lightgray{background-color:#D3D3D3}a.to-top-button.p-lightgrey{background-color:#D3D3D3}a.to-top-button.p-lightgreen{background-color:#90EE90}a.to-top-button.p-lightpink{background-color:#FFB6C1}a.to-top-button.p-lightsalmon{background-color:#FFA07A}a.to-top-button.p-lightseagreen{background-color:#20B2AA}a.to-top-button.p-lightskyblue{background-color:#87CEFA}a.to-top-button.p-lightslategray{background-color:#789}a.to-top-button.p-lightslategrey{background-color:#789}a.to-top-button.p-lightsteelblue{background-color:#B0C4DE}a.to-top-button.p-lightyellow{background-color:#FFFFE0}a.to-top-button.p-lime{background-color:#0F0}a.to-top-button.p-limegreen{background-color:#32CD32}a.to-top-button.p-linen{background-color:linen}a.to-top-button.p-magenta{background-color:#F0F}a.to-top-button.p-maroon{background-color:maroon}a.to-top-button.p-mediumaquamarine{background-color:#66CDAA}a.to-top-button.p-mediumblue{background-color:#0000CD}a.to-top-button.p-mediumorchid{background-color:#BA55D3}a.to-top-button.p-mediumpurple{background-color:#9370D8}a.to-top-button.p-mediumseagreen{background-color:#3CB371}a.to-top-button.p-mediumslateblue{background-color:#7B68EE}a.to-top-button.p-mediumspringgreen{background-color:#00FA9A}a.to-top-button.p-mediumturquoise{background-color:#48D1CC}a.to-top-button.p-mediumvioletred{background-color:#C71585}a.to-top-button.p-midnightblue{background-color:#191970}a.to-top-button.p-mintcream{background-color:#F5FFFA}a.to-top-button.p-mistyrose{background-color:#FFE4E1}a.to-top-button.p-moccasin{background-color:#FFE4B5}a.to-top-button.p-navajowhite{background-color:#FFDEAD}a.to-top-button.p-navy{background-color:navy}a.to-top-button.p-oldlace{background-color:#FDF5E6}a.to-top-button.p-olive{background-color:olive}a.to-top-button.p-olivedrab{background-color:#6B8E23}a.to-top-button.p-orange{background-color:#FFA500}a.to-top-button.p-orangered{background-color:#FF4500}a.to-top-button.p-orchid{background-color:#DA70D6}a.to-top-button.p-palegoldenrod{background-color:#EEE8AA}a.to-top-button.p-palegreen{background-color:#98FB98}a.to-top-button.p-paleturquoise{background-color:#AFEEEE}a.to-top-button.p-palevioletred{background-color:#D87093}a.to-top-button.p-papayawhip{background-color:#FFEFD5}a.to-top-button.p-peachpuff{background-color:#FFDAB9}a.to-top-button.p-peru{background-color:peru}a.to-top-button.p-pink{background-color:pink}a.to-top-button.p-plum{background-color:plum}a.to-top-button.p-powderblue{background-color:#B0E0E6}a.to-top-button.p-purple{background-color:purple}a.to-top-button.p-red{background-color:red}a.to-top-button.p-rosybrown{background-color:#BC8F8F}a.to-top-button.p-royalblue{background-color:#4169E1}a.to-top-button.p-saddlebrown{background-color:#8B4513}a.to-top-button.p-salmon{background-color:salmon}a.to-top-button.p-sandybrown{background-color:#F4A460}a.to-top-button.p-seagreen{background-color:#2E8B57}a.to-top-button.p-seashell{background-color:#FFF5EE}a.to-top-button.p-sienna{background-color:sienna}a.to-top-button.p-silver{background-color:silver}a.to-top-button.p-skyblue{background-color:#87CEEB}a.to-top-button.p-slateblue{background-color:#6A5ACD}a.to-top-button.p-slategray{background-color:#708090}a.to-top-button.p-snow{background-color:snow}a.to-top-button.p-springgreen{background-color:#00FF7F}a.to-top-button.p-steelblue{background-color:#4682B4}a.to-top-button.p-tan{background-color:tan}a.to-top-button.p-teal{background-color:#008080}a.to-top-button.p-thistle{background-color:#D8BFD8}a.to-top-button.p-tomato{background-color:tomato}a.to-top-button.p-turquoise{background-color:#40E0D0}a.to-top-button.p-transparent{background-color:transparent}a.to-top-button.p-violet{background-color:violet}a.to-top-button.p-wheat{background-color:wheat}a.to-top-button.p-white{background-color:#FFF}a.to-top-button.p-whitesmoke{background-color:#F5F5F5}a.to-top-button.p-yellow{background-color:#FF0}a.to-top-button.p-yellowgreen{background-color:#9ACD32}a.to-top-button.bw-0w{border:0}a.to-top-button.bw-1w{border:1px solid #FFF}a.to-top-button.bw-2w{border:2px solid #FFF}a.to-top-button.bw-3w{border:3px solid #FFF}a.to-top-button.bw-0b{border:0}a.to-top-button.bw-1b{border:1px solid #000}a.to-top-button.bw-2b{border:2px solid #000}a.to-top-button.bw-3b{border:3px solid #000}a.to-top-button.sh-0{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}a.to-top-button.sh-1{-webkit-border-radius:5%;-moz-border-radius:5%;border-radius:5%}a.to-top-button.sh-2{-webkit-border-radius:10%;-moz-border-radius:10%;border-radius:10%}a.to-top-button.sh-3{-webkit-border-radius:15%;-moz-border-radius:15%;border-radius:15%}a.to-top-button.sh-4{-webkit-border-radius:20%;-moz-border-radius:20%;border-radius:20%}a.to-top-button.sh-5{-webkit-border-radius:25%;-moz-border-radius:25%;border-radius:25%}a.to-top-button.sh-6{-webkit-border-radius:30%;-moz-border-radius:30%;border-radius:30%}a.to-top-button.sh-7{-webkit-border-radius:35%;-moz-border-radius:35%;border-radius:35%}a.to-top-button.sh-8{-webkit-border-radius:40%;-moz-border-radius:40%;border-radius:40%}a.to-top-button.sh-9{-webkit-border-radius:45%;-moz-border-radius:45%;border-radius:45%}a.to-top-button.sh-10{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}a.to-top-button.bs-1{-webkit-box-shadow:0 0 5px -1px rgba(0,0,0,.4);-moz-box-shadow:0 0 5px -1px rgba(0,0,0,.4);box-shadow:0 0 5px -1px rgba(0,0,0,.4)}a.to-top-button.bs-2{-webkit-box-shadow:0 0 5px -1px rgba(0,0,0,.6);-moz-box-shadow:0 0 5px -1px rgba(0,0,0,.6);box-shadow:0 0 5px -1px rgba(0,0,0,.6)}a.to-top-button.bs-3{-webkit-box-shadow:0 0 4px -1px rgba(0,0,0,.8);-moz-box-shadow:0 0 4px -1px rgba(0,0,0,.8);box-shadow:0 0 4px -1px rgba(0,0,0,.8)}a.to-top-button.bs-4{-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,1);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,1);box-shadow:0 0 4px 0 rgba(0,0,0,1)}a.to-top-button.bs-5{-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,1);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,1);box-shadow:0 0 4px 0 rgba(0,0,0,1)}a.to-top-button.sz-1 .arrow-img{vertical-align:top;margin:1px 15%}a.to-top-button.sz-1 .arrow-img.drop-img{margin:-2px 0%}a.to-top-button.sz-1 .arrow-img.arrow-l-img{margin:-1px 10%}a.to-top-button.sz-1 .arrow-img.caret-img{margin:1px 18%}a.to-top-button.sz-1 .arrow-img.arrow-circle-img,a.to-top-button.sz-1 .arrow-img.caret-circle-img,a.to-top-button.sz-1 .arrow-img.circle-img,a.to-top-button.sz-1 .arrow-img.circle-o-img{margin:2px 15%}a.to-top-button.sz-1 .arrow-img.rise-img{margin:1px 15%}a.to-top-button.sz-1 .arrow-img.top-img{margin:2px 15%}a.to-top-button.sz-2 .arrow-img{vertical-align:top;margin:2px 15%}a.to-top-button.sz-2 .arrow-img.drop-img{margin:-2px 0%}a.to-top-button.sz-2 .arrow-img.arrow-l-img{margin:-1px 10%}a.to-top-button.sz-2 .arrow-img.caret-img{margin:2px 18%}a.to-top-button.sz-2 .arrow-img.arrow-circle-img{margin:4px 15%}a.to-top-button.sz-2 .arrow-img.caret-circle-img,a.to-top-button.sz-2 .arrow-img.circle-img{margin:3px 15%}a.to-top-button.sz-2 .arrow-img.circle-o-img{margin:4px 15%}a.to-top-button.sz-2 .arrow-img.rise-img{margin:2px 15%}a.to-top-button.sz-2 .arrow-img.top-img{margin:3px 15%}a.to-top-button.sz-3 .arrow-img{vertical-align:top;margin:3px 15%}a.to-top-button.sz-3 .arrow-img.drop-img{margin:-2px 0%}a.to-top-button.sz-3 .arrow-img.arrow-l-img{margin:-1px 10%}a.to-top-button.sz-3 .arrow-img.caret-img{margin:3px 18%}a.to-top-button.sz-3 .arrow-img.arrow-circle-img,a.to-top-button.sz-3 .arrow-img.caret-circle-img,a.to-top-button.sz-3 .arrow-img.circle-img{margin:5px 15%}a.to-top-button.sz-3 .arrow-img.circle-o-img{margin:6px 15%}a.to-top-button.sz-3 .arrow-img.rise-img{margin:3px 15%}a.to-top-button.sz-3 .arrow-img.top-img{margin:4px 15%}a.to-top-button.sz-4 .arrow-img{vertical-align:top;margin:4px 15%}a.to-top-button.sz-4 .arrow-img.drop-img{margin:-2px 0%}a.to-top-button.sz-4 .arrow-img.arrow-l-img{margin:0 10%}a.to-top-button.sz-4 .arrow-img.caret-img{margin:4px 18%}a.to-top-button.sz-4 .arrow-img.arrow-circle-img{margin:7px 15%}a.to-top-button.sz-4 .arrow-img.caret-circle-img,a.to-top-button.sz-4 .arrow-img.circle-img{margin:6px 15%}a.to-top-button.sz-4 .arrow-img.circle-o-img{margin:7px 15%}a.to-top-button.sz-4 .arrow-img.rise-img{margin:4px 15%}a.to-top-button.sz-4 .arrow-img.top-img{margin:5px 15%}a.to-top-button.sz-5 .arrow-img{vertical-align:top;margin:5px 15%}a.to-top-button.sz-5 .arrow-img.drop-img{margin:-3px 0%}a.to-top-button.sz-5 .arrow-img.arrow-l-img{margin:1px 10%}a.to-top-button.sz-5 .arrow-img.caret-img{margin:5px 18%}a.to-top-button.sz-5 .arrow-img.arrow-circle-img{margin:8px 15%}a.to-top-button.sz-5 .arrow-img.caret-circle-img,a.to-top-button.sz-5 .arrow-img.circle-img{margin:7px 15%}a.to-top-button.sz-5 .arrow-img.circle-o-img{margin:8px 15%}a.to-top-button.sz-5 .arrow-img.rise-img{margin:4px 15%}a.to-top-button.sz-5 .arrow-img.top-img{margin:5px 15%}a.to-top-button.sz-6 .arrow-img{vertical-align:top;margin:6px 15%}a.to-top-button.sz-6 .arrow-img.drop-img{margin:-4px 0%}a.to-top-button.sz-6 .arrow-img.arrow-l-img{margin:1px 10%}a.to-top-button.sz-6 .arrow-img.caret-img{margin:6px 18%}a.to-top-button.sz-6 .arrow-img.arrow-circle-img{margin:9px 15%}a.to-top-button.sz-6 .arrow-img.caret-circle-img,a.to-top-button.sz-6 .arrow-img.circle-img{margin:8px 15%}a.to-top-button.sz-6 .arrow-img.circle-o-img{margin:9px 15%}a.to-top-button.sz-6 .arrow-img.rise-img{margin:6px 15%}a.to-top-button.sz-6 .arrow-img.top-img{margin:7px 15%}a.to-top-button .arrow-img.is-0{-webkit-filter:drop-shadow(2px 2px 2px #000);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')";filter:drop-shadow(2px 2px 2px #000)}a.to-top-button .arrow-img.is-1{-webkit-filter:drop-shadow(2px 2px 2px #111);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#111')";filter:drop-shadow(2px 2px 2px #111)}a.to-top-button .arrow-img.is-2{-webkit-filter:drop-shadow(2px 2px 2px #222);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#222')";filter:drop-shadow(2px 2px 2px #222)}a.to-top-button .arrow-img.is-3{-webkit-filter:drop-shadow(2px 2px 2px #333);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#333')";filter:drop-shadow(2px 2px 2px #333)}a.to-top-button .arrow-img.is-4{-webkit-filter:drop-shadow(2px 2px 2px #444);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";filter:drop-shadow(2px 2px 2px #444)}a.to-top-button .arrow-img.is-5{-webkit-filter:drop-shadow(2px 2px 2px #555);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#555')";filter:drop-shadow(2px 2px 2px #555)}a.to-top-button .arrow-img.is-6{-webkit-filter:drop-shadow(2px 2px 2px #666);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#666')";filter:drop-shadow(2px 2px 2px #666)}a.to-top-button .arrow-img.is-7{-webkit-filter:drop-shadow(2px 2px 2px #777);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#777')";filter:drop-shadow(2px 2px 2px #777)}a.to-top-button .arrow-img.is-8{-webkit-filter:drop-shadow(2px 2px 2px #888);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#888')";filter:drop-shadow(2px 2px 2px #888)}a.to-top-button .arrow-img.is-9{-webkit-filter:drop-shadow(2px 2px 2px #999);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#999')";filter:drop-shadow(2px 2px 2px #999)}a.to-top-button .arrow-img.is-10{-webkit-filter:drop-shadow(2px 2px 2px #AAA);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#AAA')";filter:drop-shadow(2px 2px 2px #AAA)}a.to-top-button .arrow-img.is-11{-webkit-filter:drop-shadow(2px 2px 2px #BBB);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#BBB')";filter:drop-shadow(2px 2px 2px #BBB)}a.to-top-button .arrow-img.is-12{-webkit-filter:drop-shadow(2px 2px 2px #CCC);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#CCC')";filter:drop-shadow(2px 2px 2px #CCC)}a.to-top-button .arrow-img.is-13{-webkit-filter:drop-shadow(2px 2px 2px #DDD);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#DDD')";filter:drop-shadow(2px 2px 2px #DDD)}a.to-top-button .arrow-img.is-14{-webkit-filter:drop-shadow(2px 2px 2px #EEE);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#EEE')";filter:drop-shadow(2px 2px 2px #EEE)}a.to-top-button .arrow-img.is-15{-webkit-filter:drop-shadow(2px 2px 2px #FFF);-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#FFF')";filter:drop-shadow(2px 2px 2px #FFF)} .wrapper-box-product{ padding: 0; } .wrapper-box-product .box-product{ padding: 30px 0 15px; text-align: center; /*border: 1px solid #e61100; box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); background: white; background-color: white;*/ -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; -ms-transition: all .15s ease-out; transition: all .15s ease-out; color: #e61100; cursor:pointer; display:block; text-decoration: none; display: flex; flex-direction: column; justify-content: center; align-items: center; align-self: center; } .wrapper-box-product .box-product:hover{ color: white; background: #e61100; background-color: #e61100; text-decoration: none; } .wrapper-box-product .box-product .img{ margin-bottom: 30px; display: flex; align-items: flex-end; } .wrapper-box-product .box-product img{ display: block; text-align: center; margin: 0 auto; } .wrapper-box-product .box-product .title{ font-family: 'RoihuW01Black'; font-size: 14px; } .wrapper-box-product .box-product .title h2{ font-size: 20px; margin: 30px 0; } .angle-view{ width: auto; height: auto; background: transparent; background-color: transparent; border: 0; } .angle-view ul{ width: auto; height: auto; } .angle-view img{ width: auto; max-width: 100%; margin: 0 auto; } #astr-modal .modal-content{ border-radius: 6px; } #astr-modal .modal-header{ border-bottom: 0; } #astr-modal .next-angle{ font-family: 'RoihuW01Regular'; color: black; font-size: 13px; background: transparent; background-color: transparent; } #astr-modal .close{ margin-top: 5px; } #astr-modal .close, #astr-modal .close:focus, #astr-modal .close:hover{ opacity: 1; } .btn-beli a{ background-color: #ED2229; background: #ED2229; color: white; letter-spacing: .5px; padding: 10px 15px; position: relative; text-align: left; display: inline-block; border: 0; margin-left: 5px; } .btn-beli.float{ position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); white-space: nowrap; z-index: 5; } .btn-beli.float a{ border-top-right-radius: 6px; border-top-left-radius: 6px; transition: padding .15s ease-in-out, color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: 1px solid #ED2229; -webkit-box-shadow: 0px 0px 20px -5px rgba(35, 31, 32, 0.58); -moz-box-shadow: 0px 0px 20px -5px rgba(35, 31, 32, 0.58); box-shadow: 0px 0px 20px -5px rgba(35, 31, 32, 0.58); font-size: 13px; padding: 8px 40px; } .btn-beli.float a:hover{ padding-bottom: 15px; } .flipbook-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/overlay_lightbox.png') repeat; z-index: 2147483646 !important; } .flipbook-wrapper { position: absolute; width: 100%; height: 100%; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ffffff; /*background: url('../images/overlay_lightbox.png') repeat;*/ } .flipbook-lightbox-thumb-overlay { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.2); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .flipbook-lightbox-thumb-overlay:hover { opacity: 1; } .flipbook-lightbox-thumb-icon { position: relative; margin-left: -50%; margin-top: -50%; color: #555; display: none; } .flipbook-lightbox-thumb-icon-holder { position: absolute; left: 50%; top: 50%; } .flipbook-wrapper-transparent { width: 100%; height: 100%; background: none; } .flipbook-main-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; direction: ltr !important; } .flipbook-bookLayer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .flipbook-zoomLayer { position: absolute; top: 0; left: 0; right: 0; bottom: 0px; overflow: hidden; opacity: .7; /*opacity: .5;*/ /*ointer-events:none;*/ } .flipbook-zoomLayer-inside { display: block; position: relative; background-image: url("../grid.jpg"); background-size: contain; text-align: center; } .flipbook-zoomLayer-inside .flipbook-carousel-page { float: left; } .flipbook-center-container { transform: translateZ(0px); -webkit-transform: translateZ(0px); -backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .flipbook-center-container-wrapper {} .flipbook-center-wrapper {} .flipbook-book { display: block; position: relative; } .flipbook-page { position: absolute; width: 100%; height: 100%; transform: translateZ(0px); /*-webkit-transform:translateZ(0px);*/ will-change: transform; } .flipbook-page3 { position: absolute; background: #eee; /* overflow: hidden; */ /*transform: translateZ(0px);*/ /*-webkit-transform:translateZ(0px);*/ /*will-change: transform;*/ } .flipbook-page3-html { position: absolute; /* width: 100%; */ /* height: 100%; */ top: 0; left: 0; /* transform-origin:0 0; */ /* -webkit-transform-origin:0 0; */ transform:translateZ(0); /* -webkit-transform:translateZ(0); */ /* float: left; */ /* z-index: 9999999999; */ } .flipbook-page3-inner { overflow:hidden; width: 100%; height: 100%; position: absolute; } .flipbook-page3-bg { width: 100%; height: 100%; position: absolute; } .flipbook-page3-image { /*overflow: hidden;*/ width: 100%; height: 100%; position: absolute; transform: translateZ(0); /* -webkit-transform: translateZ(0); */ } .flipbook-page3 img { /*transform-origin:0 0; -webkit-transform-origin:0 0; transform:translateZ(0); -webkit-transform:translateZ(0);*/ top: 0; bottom: 0; right: 0; left: 0; /* width: 100%; */ height: 100%; margin: auto; position: absolute; transform-origin: 0 0; -webkit-transform-origin: 0 0; /* transform:translateZ(0); */ /* -webkit-transform:translateZ(0); */ float: left; user-select: none; pointer-events: none; max-width: unset; } .flipbook-page3 canvas { /* position:absolute; */ width: 100%; height: 100%; /* top: 0; */ /* left: 0; */ transform: translateZ(0); backface-visibility: hidden; /* float: left; */ } .flipbook-page3-shadow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: translateZ(0); -webkit-transform: translateZ(0); /*background:rgba(0,0,0,.6);*/ background: #000; opacity: 0; pointer-events: none; /*opacity:.5;*/ } .flipbook-page3-front { transform-origin: 0 50%; -webkit-transform-origin: 0 50%; /* transform: translateZ(0); -webkit-transform: translateZ(0);*/ } .flipbook-page3-back { transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; /*transform: translateZ(0); -webkit-transform: translateZ(0);*/ z-index: 999999 !important; } .flipbook-book3 { display: block; position: relative; /*background: #F00;*/ } .flipbook-center-container3 { position: relative; /* height:100%; */ perspective: 4000px; -webkit-perspective: 4000px; transform: translateZ(0px); /*-webkit-transform:translateZ(0px);*/ will-change: transform; border: none; /* background: none; */ /* color: #000; */ /* opacity: .1; */ /* box-shadow: none; */ /* overflow: hidden; */ } .flipbook-page-face { position: absolute; background-color: #DDD; transform: translateZ(0px); -webkit-transform: translateZ(0px); -backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .flipbook-page-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .9); pointer-events: none !important; z-index: 10; } .flipbook-page-htmlContent { position: absolute; top: 0; left: 0; transform-origin: 0 0; z-index: 50; } .flipbook-page-htmlContent video, .flipbook-page-htmlContent iframe{ max-width: initial; } .flipbook-book canvas { position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 100%; transform: translateZ(0px); -webkit-transform: translateZ(0px); -backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .flipbook-page img { width: 100%; height: 100%; transform: translateZ(0px); -webkit-transform: translateZ(0px); -backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .flipbook-opacity0 { opacity: 0; } .flipbook-opacity1 { opacity: 1; } .flipbook-arrow-wrapper { opacity: .85; transition: opacity .3s; } .flipbook-arrow-wrapper:hover { opacity: 1; } .flipbook-left-arrow { display: block !important; position: absolute !important; top: 50% !important; margin-top: -20px; speak: none; font-style: normal; font-weight: normal; /* font-size: 32px !important; */ /* line-height: 40px !important; */ -webkit-font-smoothing: antialiased; text-align: center; cursor: pointer; width: 40px; /* height: 40px; */ -webkit-border-radius: 0; border-radius: 0; } .flipbook-right-arrow { display: block !important; position: absolute !important; top: 50% !important; speak: none; right: 0; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; text-align: center; cursor: pointer; } .flipbook-first-arrow { display: block !important; position: absolute !important; top: 50%; speak: none; left: 0; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; text-align: center; cursor: pointer; } .flipbook-last-arrow { display: block !important; position: absolute !important; top: 50%; speak: none; right: 0; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; text-align: center; cursor: pointer; } .flipbook-currentPageHolder { position: relative; z-index: 3; pointer-events: auto; display: inline-block; user-select: none; } .flipbook-floating{ background:rgba(0,0,0,.3); color: #FFF; position: absolute; } .flipbook-floating span{ color: #FFF; } .flipbook-floating span:hover{ color: #FFF; } .flipbook-currentPageHolder form{ position: absolute !important; top: 0; } .flipbook-currentPageNumber { /* font-weight: bold !important; */ border-radius: 15px !important; /* color: rgba(255, 255, 255, 0.72); */ padding: 5px 12px !important; /* background-color: rgba(0, 0, 0, 0.4); */ font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important; font-size: 14px; line-height: initial; } /*.flipbook-menu-title { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important; font-size: 16px; text-align: center; display: block; padding: 10px 0; width: 100%; }*/ .flipbook-currentPageInput { padding: initial !important; position: absolute !important; line-height: 14px !important; background: none !important; border: none !important; font-size: 14px !important; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important; /* font-weight: bold !important; */ text-align: center !important; /* color: rgba(255, 255, 255, 0.72) !important; */ height: 26px !important; top: 0 !Important; left: 0 !important; border: 2px solid rgba(128,128,128,.5); } .flipbook-currentPageInput:focus { /* outline: 0 !important; */ outline: 2px solid #88888885; } .flipbook-color-transparent { color: transparent!important; } .flipbook-browser-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; margin: 0 !important; padding: 0 !important; } /* .flipbook-totalPages { background: none; box-shadow: none; position: absolute !important; padding-left: 3em !important; border: none !important; width: 3em !important; font-size: 1.2em !important; font-family: 'Open Sans','Helvetica Neue', Arial, sans-serif; text-align: left !important; line-height: 30px !important; z-index: 9999; height: 35px; }*/ .flipbook-totalPages { box-shadow: none; padding-left: 3em !important; padding-right: 1em !important; padding-top: 6px !important; padding-bottom: 6px !important; border: none !important; width: 3em !important; font-size: 1em !important; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; text-align: left !important; line-height: 30px !important; /*z-index: 9999;*/ height: 35px; /* opacity: .7 !important; */ pointer-events: none; } .flipbook-currentPage:focus { outline: none; } .flipbook-menuBottom { position: absolute; bottom: 0; margin: 0; padding: 0; z-index: 2; pointer-events: none; display:flex; /* justify-content: space-between; */ } .flipbook-menu-fixed{ left: 0; right: 0; } .flipbook-menu-fixed .flipbook-menu{ align-items: center; } .flipbook-menu-center{ justify-content:center; align-items: center; /* margin-left: auto; */ } .flipbook-menu-right{ justify-content: flex-end; align-self: center; flex: 1; display: flex; min-width: -webkit-min-content; /* Workaround to Chrome bug */ /* margin-left: auto; */ } .flipbook-menu-left{ justify-content: flex-start; align-self: center; flex: 1; display: flex; min-width: -webkit-min-content; /* Workaround to Chrome bug */ } .flipbook-menu-floating{ margin-top: 5px !important; margin-bottom: 5px !important; left: 50%; transform: translate(-50%, 0); min-width: fit-content; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 2px; } .flipbook-menuTop { position: absolute; top: 0; margin: 0; padding: 0; z-index: 2; pointer-events: none; display: flex; justify-content: space-between; } .flipbook-menuWrapper:hover { opacity: 1; } .flipbook-menu { position: relative; text-align: center; display: flex; } .flipbook-menu-btn { user-select: none; display: inline; cursor: pointer; background: none; transition: : all .1s ease-out; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; } .flipbook-thumbHolder { bottom: 0; position: absolute; top: 0; z-index: 9; width: 250px; } .flipbook-thumbsWrapper { bottom: 0; position: absolute; left: 0; top: 90px; overflow: hidden; padding-top: 20px; } .flipbook-thumbsScroller { margin: 0; padding: 0; position: relative; text-align: center; min-width: 250px; padding-bottom: 20px; } .flipbook-thumb { margin: 0px auto 30px; cursor: pointer; position: relative; background: rgba(255,255,255,.1); border: 1px solid rgba(116, 116, 116, .3); } .flipbook-empty-thumb { display: inline-block; position: absolute; background: rgb(255, 0, 0); } .flipbook-thumb-num { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 14px; /* font-weight: bold; */ line-height: 14px; user-select: none; /* background: rgba(0, 0, 0, 0.39); */ /* padding: 10px; */ position: relative; top: 5px; } .flipbook-thumb img { /* border: 1px solid rgba(134, 134, 134, 0.33); */ display: inline-block; /* margin: 0 2px 7px 0; */ -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); /* -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); */ /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); */ } .flipbook-toc { position: relative; margin: 0; padding: 0; position: absolute; top: 50px; bottom: 0; overflow: hidden; width: 100%; } .flipbook-tocHolder { position: absolute; top: 0; width: 250px; bottom: 0; z-index: 9; } .flipbook-tocItem { display: block; /* padding: 10px 20px; */ /* text-align: justify; */ cursor: pointer; font-size: 14px; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; /* font-family: "Roboto Condensed", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-weight: 300;*/ /* border-top: solid 1px rgba(135, 135, 135, 0.22); */ /* border-bottom: solid 1px rgba(0,0,0,.3); */ } .flipbook-tocItem .title{ display: inline-block; /* width: 170px; */ } .flipbook-tocItem .title:hover{ text-decoration: underline; } .flipbook-tocItem:hover { /* background: rgba(128, 128, 128, .2) */ } .flipbook-tocItem .right { float: right; } .flipbook-tocTitle { display: block; padding: 20px 0; text-align: right; text-transform: uppercase; } .flipbook-bmHolder { position: absolute; top: 0; width: 250px; bottom: 0; transition: : all .3s ease-out; -webkit-transition: all .3s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all .3s ease-out; /* Firefox 4-15 */ -o-transition: all .3s ease-out; /* Opera 10.50 transition: all .3s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ /* margin: 20px; */ /* pointer-events: none; */ /* background: #000; */ z-index: 9; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.23); } .flipbook-searchHolder { position: absolute; top: 0; width: 250px; bottom: 0; transition: : all .3s ease-out; -webkit-transition: all .3s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all .3s ease-out; /* Firefox 4-15 */ -o-transition: all .3s ease-out; /* Opera 10.50 transition: all .3s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ /* margin: 20px; */ /* pointer-events: none; */ /* background: #000; */ z-index: 9; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.23); } .flipbook-findbar input { width: 230px; padding: 5px; margin: 0px 10px; font-size: 14px; } .flipbook-findbar input:focus { /* outline:2px solid #bfbfbf; */ } .flipbook-find-info { padding-left: 15px; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important; font-size: 14px; pointer-events: none; } .invisible { opacity: 0; pointer-events: none; display: none; } .transition { -webkit-transition: all .3s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all .3s ease-out; /* Firefox 4-15 */ -o-transition: all .3s ease-out; /* Opera 10.50*/ transition: all .3s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ } .flipbook-shareButtons { width: 41px; position: absolute; /*right: 0;*/ /*top: 0;*/ bottom: 40px; /*-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5);*/ /*box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5);*/ max-width: 100%; max-height: 100%; overflow: hidden; /* Aligns Vertically - Remove for Horizontal Only */ /* Aligns Horizontally - Remove for Vertical Only */ ; /* padding: 10px 0; */ /*margin-right: 10px;*/ text-align: center; } .flipbook-shareBtn { display: inline-block; cursor: pointer; /* margin-top: 10px; */ /* margin-bottom: 10px; */ } .flipbook-share-email{ background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='at' class='svg-inline--fa fa-at fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248 48.154 0 95.342-14.14 135.408-40.223 12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160 0 38.786-21.093 79.742-58.17 83.693-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.518 13.518 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775-74.58 0-137.831 62.234-137.831 151.46 0 65.303 36.785 105.87 96 105.87 26.984 0 57.369-15.637 74.991-38.333 9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232 504 95.653 394.023 8 256 8zm-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771 0-44.993 30.779-72.729 58.63-72.729 22.292 0 35.601 15.241 35.601 40.77 0 45.061-33.875 72.73-58.161 72.73z'%3E%3C/path%3E%3C/svg%3E"); } .flipbook-menu-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .7); z-index: 999999; } /* img{ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } */ .flipbook-icon-fa { speak: none; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; padding-bottom: 12px; padding-top: 12px; width: 36px; bottom: 0; text-align: center; pointer-events: auto; box-sizing: initial; display: inline-block; } .flipbook-icon-material { speak: none; font-style: normal; font-weight: normal; font-size: 24px; line-height: 1; -webkit-font-smoothing: antialiased; padding-bottom: 8px; padding-top: 8px; width: 36px; bottom: 0; text-align: center; pointer-events: auto; box-sizing: initial; display: inline-block; } .flipbook-btn-close { height: 40px; width: 40px; position: absolute; top: 0; right: 0; cursor: pointer; } .flipbook-btn-close-icon { height: 40px; line-height: 40px !important; } /* ui */ .flipbook-skin-color { /* -webkit-transition: all .3s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .3s ease-out; */ } .flipbook-font { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 14px; } .flipbook-btn { text-transform: uppercase; font-weight: bold; user-select: none; cursor: pointer; /* padding: 5px 25px; */ width: 200px; line-height: 32px; text-align: center; /* background: rgba(0,0,0,.1); */ margin: 5px auto; border: 1px solid #868686; border: none; background: #f9f9f9; background: none; border-radius: 3px; /* border-bottom: 3px solid rgba(0, 0, 0, .15); */ /* border: 2px solid #999; */ -webkit-transition: none; -o-transition: none; transition: none; font-size: 12px; } /*dark*/ .flipbook-bg-dark { background: rgb(49, 53, 56); } .flipbook-color-dark { color: rgba(255, 255, 255, 0.75); } .flipbook-color-dark:hover { color: #FFF; } /*light*/ .flipbook-bg-light { background: rgb(255, 255, 255); } .flipbook-color-light { color: rgba(50, 50, 50, 0.75); } .flipbook-color-light:hover { color: rgb(50,50,50); } /*twilight*/ .flipbook-bg-twilight { background: #141414; } .flipbook-color-twilight { color: #FEFFD3; } .flipbook-color-twilight:hover { color: #FEFFD3; } /*darkgrey*/ .flipbook-bg-darkgrey { background: #212121; } .flipbook-color-darkgrey { color: #9E9E9E; } .flipbook-color-darkgrey:hover { color: #BDBDBD; } /*lightgrey*/ .flipbook-bg-lightgrey { background: #E0E0E0; } .flipbook-color-lightgrey { color: #757575; } .flipbook-color-lightgrey:hover { color: #616161; } .flipbook-lightbox-toolbar { /* opacity:.6; */ } .flipbook-lightbox-close { position: absolute !important; z-index: 85 !important; right: 0px !important; top: 0 !important; text-align: center !important; text-decoration: none !important; cursor: pointer; opacity: .85; transition: opacity .3s; } .flipbook-lightbox-close:hover { opacity: 1; } .flipbook-loading-bar { position: relative; width: 100%; height: 6px; background-color: #333; border-bottom: 1px solid #333; } .flipbook-progress-bar { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #ddd; overflow: hidden; -webkit-transition: width 200ms; transition: width 200ms; } .flipbook-sub-menu { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 999; display: table; } .flipbook-sub-menu-center { display: table-cell; vertical-align: middle; text-align: center; } .flipbook-menu-header { position: relative; padding: 10px; /* padding-bottom: 20px; */ font-size: 16px; text-align: center; /* background: rgba(128,128,128,.2); */ /* border-bottom: 1px solid rgba(128,128,128,.5); */ } .flipbook-menu-title { pointer-events: none; user-select: none; /* opacity: .9; */ } .flipbook-sub-menu-content { display: inline-block; margin-top: -20px; min-width: 250px; padding-bottom: 10px; } .flipbook-carousel-scroller { /* height:100%; */ /* float:left; */ /* padding:0; */ /* position: absolute; */ /* top:0; */ } .flipbook-carousel-slide { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; position: absolute; overflow: hidden; } .flipbook-carousel-slide .slide-inner { /* height: 100%; */ /* box-shadow: 10px 10px 50px rgb(50, 50, 50); */ } .flipbook-carousel-slide .slide-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .flipbook-carousel-slide canvas {} .flipbook-carousel-page { /* height:100%; */ /* margin: 0 auto; */ display: inline-block; background: #f1f1f1; position: relative; /* float: left; */ /* opacity: .05; */ /* -webkit-transform-origin: 0 0; */ -moz-transform-origin: 0 0; -o-transform-origin: 0 0; /* transform-origin:0 0; */ /* width: 100%; */ /* height: 100%; */ /* box-shadow: 0px 0px 10px #f00; */ } .flipbook-carousel-page-inner { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; /* background: #f0f0f0; */ margin: 0; padding: 0; position: absolute; height: 100%; width: 100%; overflow: hidden; } .flipbook-carousel-page-inner canvas { width: 100%; height: 100%; transform: translateZ(0); } .flipbook-carousel-zoom-page { height: 100%; position: relative; } .flipbook-carousel-zoom-page img { top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute; } .flipbook-carousel-page img { top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute; pointer-events: none; } .flipbook-carousel-page .page-carousel-img {height: 100%;/* width: 100%; */transform: translateZ(0);} .flipbook-carousel-image-wrapper { position: absolute; width: 100%; height: 100%; } .flipbook-carousel-zoom-wrapper { position: absolute; width: 100%; height: 100%; } .flipbook-carousel-zoom { position: relative; width: 100%; height: 100%; } .flipbook-overflow-hidden { overflow: hidden !important; } .flipbook-share .social.bottom, .flipbook-share .social.top { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0 } .flipbook-share { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .flipbook-share [class*=entypo-]:before { font-family: entypo, sans-serif } .flipbook-share label { font-size: 16px; cursor: pointer; margin: 0; padding: 5px 10px; border-radius: 5px; background: #a29baa; color: #333; transition: all .3s ease } .flipbook-share label:hover { opacity: .8 } .flipbook-share label span { text-transform: uppercase; font-size: .9em; font-family: Lato, sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; padding-left: 6px } .flipbook-share .social { /* opacity: 0; */ /* transition: all .4s ease; */ /* margin-left: -15px; */ /* visibility: hidden; */ } .flipbook-share .social.top { -ms-transform-origin: 0 0; /* transform-origin: 0 0; */ /* margin-top:-80px */ /* bottom: 34px; */ /* position: absolute; */ /* left: 10px; */ } .flipbook-share .social.bottom { -ms-transform-origin: 0 0; transform-origin: 0 0; margin-top: 5px } .flipbook-share .social.middle.left, .flipbook-share .social.middle.right { -ms-transform-origin: 5% 50%; transform-origin: 5% 50%; -webkit-transform-origin: 5% 50%; -moz-transform-origin: 5% 50%; -o-transform-origin: 5% 50% } .flipbook-share .social.middle { margin-top: -34px } .flipbook-share .social.middle.right { margin-left: 105px } .flipbook-share .social.networks-1.center, .flipbook-share .social.networks-1.left, .flipbook-share .social.right { margin-left: 14px } .flipbook-share .social.load { transition: none!important } .flipbook-share .social.networks-1 { width: 60px } .flipbook-share .social.networks-1.middle.left { margin-left: -70px } .flipbook-share .social.networks-1 ul { width: 60px } .flipbook-share .social.networks-2, .flipbook-share .social.networks-2 ul { width: 120px } .flipbook-share .social.networks-2.center { /*margin-left: -13px*/ } .flipbook-share .social.networks-2.left { margin-left: -44px } .flipbook-share .social.networks-2.middle.left { margin-left: -130px } .flipbook-share .social.networks-3, .flipbook-share .social.networks-3 ul { width: 180px } .flipbook-share .social.networks-3.center { /*margin-left: -45px*/ } .flipbook-share .social.networks-3.left { margin-left: -102px } .flipbook-share .social.networks-3.middle.left { margin-left: -190px } .flipbook-share .social.networks-4, .flipbook-share .social.networks-4 ul { width: 240px } .flipbook-share .social.networks-4.center { /*margin-left: -75px*/ } .flipbook-share .social.networks-4.left { margin-left: 162px } .flipbook-share .social.networks-4.middle.left { margin-left: -250px } .flipbook-share .social.networks-5, .flipbook-share .social.networks-5 ul { /* width: 40px; */ } .flipbook-share .social.networks-5.center { /* margin-left:-105px */ } .flipbook-share .social.networks-5.left { margin-left: -225px } .flipbook-share .social.networks-5.middle.left { margin-left: -320px } .flipbook-share .social.active { /* opacity: 1; */ /* transition: all .4s ease; */ /* visibility: visible; */ } .flipbook-share .social.active.top {} .flipbook-share .social.active.bottom { -webkit-transform: scale(1)translateY(15px); -moz-transform: scale(1)translateY(15px); -o-transform: scale(1)translateY(15px); -ms-transform: scale(1)translateY(15px); transform: scale(1)translateY(15px) } .flipbook-share .social.active.middle.right { -webkit-transform: scale(1)translateX(10px); -moz-transform: scale(1)translateX(10px); -o-transform: scale(1)translateX(10px); -ms-transform: scale(1)translateX(10px); transform: scale(1)translateX(10px) } .flipbook-share .social.active.middle.left { -webkit-transform: scale(1)translateX(-10px); -moz-transform: scale(1)translateX(-10px); -o-transform: scale(1)translateX(-10px); -ms-transform: scale(1)translateX(-10px); transform: scale(1)translateX(-10px) } .flipbook-share .social ul { position: relative; left: 0; right: 0; height: 46px; color: #fff; margin: auto; padding: 0; list-style: none } .flipbook-share .social ul li { font-size: 16px; cursor: pointer; width: 40px; margin: 0; padding: 9px 0; text-align: center; float: left; /* display: none; */ height: 22px; position: relative; z-index: 2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; transition: all .3s ease; } .flipbook-share .social ul li:hover { /* color:rgba(0,0,0,.5) */ } .flipbook-share .social li[class*=facebook] { /* background:#3b5998; */ } .flipbook-share .social li[class*=twitter] { /* background:#6cdfea; */ } .flipbook-share .social li[class*=google_plus] { /* background:#e34429; */ } .flipbook-share .social li[class*=pinterest] { /* background:#c5282f; */ } .flipbook-share .social li[class*=send-o] { /* background:#42c5b0; */ } .flipbook-page-preloader { width: auto !important; height: auto !important; } .flipbook-page-preloader-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .cssload-container { width: 100%; height: 100%; top: 0; left: 0; text-align: center; position: absolute; z-index: 2147483647!important; pointer-events: none; } .cssload-speeding-wheel { width: 24px; height: 24px; /* margin: 0 auto; */ border: 3px solid rgba(0, 0, 0, 0.4); border-radius: 50%; border-left-color: rgba(255, 255, 255, 0.2); border-right-color: rgba(255, 255, 255, 0.2); animation: cssload-spin 575ms infinite linear; -o-animation: cssload-spin 575ms infinite linear; -ms-animation: cssload-spin 575ms infinite linear; -webkit-animation: cssload-spin 575ms infinite linear; -moz-animation: cssload-spin 575ms infinite linear; top: 45%; position: absolute; left: 50%; margin-left: -15px; margin-top: -15px; z-index: 3; } @keyframes cssload-spin { 100% { transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes cssload-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes cssload-spin { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes cssload-spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } .flipbook-lightbox-preloader { background: rgba(0, 0, 0, .5); height: 100%; width: 100%; } .flipbook-loading-text { position: absolute; top: 45%; margin-top: 20px; width: 100%; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important; font-size: 14px; color: #AAA !important; } .flipbook-loading-bg { width: 40px; height: 40px; border-radius: 4px; top: 45%; left: 50%; position: absolute; pointer-events: none; background: rgba(0, 0, 0, .2); margin: -20px; display: none; } .flipbook-fillPreloader { position: fixed; width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; pointer-events: none; } .flipbook-fillPreloader img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.11s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .thumb-btn-close { right: -15px; position: absolute; top: 0; cursor: pointer; } .flipbook-noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .flipbook-btn-active { background: rgba(128, 128, 128, .5); border: 2px solid rgba(128, 128, 128, .5) inset; } .flipbook-move { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .flipbook-page-item{ bottom : auto; right: auto; position: absolute; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .flipbook-textLayer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0.2; line-height: 1.0; color: #000; opacity: 1; } .flipbook-textLayer mark { background: #ff0; opacity: 0.3; color: transparent; } .flipbook-textLayer>span { color: transparent !important; /* color: #f00; */ position: absolute; white-space: pre; cursor: text; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .flipbook-textLayer>div { color: transparent !important; /* color: #f00; */ position: absolute; white-space: pre; cursor: text; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .flipbook-textLayer .highlight { margin: -1px; padding: 1px; background-color: rgb(180, 0, 170); border-radius: 4px; } .flipbook-textLayer .highlight.begin { border-radius: 4px 0px 0px 4px; } .flipbook-textLayer .highlight.end { border-radius: 0px 4px 4px 0px; } .flipbook-textLayer .highlight.middle { border-radius: 0px; } .flipbook-textLayer .highlight.selected { background-color: rgb(0, 100, 0); } .flipbook-textLayer ::selection { /* background: rgb(0, 0, 255); */ background: #B4D5FE; } .flipbook-textLayer ::-moz-selection { /* background: rgb(0, 0, 255); */ background: #B4D5FE; } .flipbook-textLayer .endOfContent { display: block; position: absolute; left: 0px; top: 100%; right: 0px; bottom: 0px; z-index: -1; cursor: default; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .flipbook-textLayer .endOfContent.active { top: 0px; } .flipbook-annotationLayer section { position: absolute; } .flipbook-annotationLayer .linkAnnotation>a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .flipbook-annotationLayer .linkAnnotation>a /* -ms-a */ { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; /* background: rgba(0, 255, 0, 0.29); */ } .flipbook-annotationLayer .linkAnnotation>a:hover { opacity: 0.2; background: #ff0; box-shadow: 0px 2px 10px #ff0; } .flipbook-annotationLayer .textAnnotation img { position: absolute; cursor: pointer; } .flipbook-annotationLayer .popupWrapper { position: absolute; width: 20em; } .flipbook-annotationLayer .popup { position: absolute; z-index: 200; max-width: 20em; background-color: #FFFF99; box-shadow: 0px 2px 5px #333; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; word-wrap: break-word; } .flipbook-annotationLayer .popup h1 { font-size: 1em; border-bottom: 1px solid #000000; padding-bottom: 0.2em; } .flipbook-annotationLayer .popup p { padding-top: 0.2em; } .flipbook-annotationLayer .highlightAnnotation, .flipbook-annotationLayer .underlineAnnotation, .flipbook-annotationLayer .squigglyAnnotation, .flipbook-annotationLayer .strikeoutAnnotation { cursor: pointer; } .flipbook-page-simple{ /* position:absolute; */ display: inline-block; } .flipbook-page-simple-inner{ position:absolute; } .flipbook-page-simple-inner img{ transform:translateZ(0); } .flipbook-page-simple-inner canvas{ transform:translateZ(0); } .flipbook-book-simple{ text-align:center; } .flipbook-disable-text-selection{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .annotationLayer section { position: absolute; } .annotationLayer .linkAnnotation > a, .annotationLayer .buttonWidgetAnnotation.pushButton > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer .linkAnnotation > a:hover, .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { opacity: 0.2; background: #ff0; box-shadow: 0px 2px 10px #ff0; } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; } .annotationLayer .textWidgetAnnotation input, .annotationLayer .textWidgetAnnotation textarea, .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { background-color: rgba(0, 54, 255, 0.13); border: 1px solid transparent; box-sizing: border-box; font-size: 9px; height: 100%; margin: 0; padding: 0 3px; vertical-align: top; width: 100%; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { font: message-box; font-size: 9px; resize: none; } .annotationLayer .textWidgetAnnotation input[disabled], .annotationLayer .textWidgetAnnotation textarea[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled], .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] { background: none; border: 1px solid transparent; cursor: not-allowed; } .annotationLayer .textWidgetAnnotation input:hover, .annotationLayer .textWidgetAnnotation textarea:hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover, .annotationLayer .buttonWidgetAnnotation.radioButton input:hover { border: 1px solid #000; } .annotationLayer .textWidgetAnnotation input:focus, .annotationLayer .textWidgetAnnotation textarea:focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 1px solid transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { background-color: #000; content: ''; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 115%; } .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } .annotationLayer .popupWrapper { position: absolute; width: 20em; } .annotationLayer .popup { position: absolute; z-index: 200; max-width: 20em; background-color: #FFFF99; box-shadow: 0px 2px 5px #333; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; font: message-box; word-wrap: break-word; } .annotationLayer .popup h1 { font-size: 1em; border-bottom: 1px solid #000000; margin: 0; padding-bottom: 0.2em; } .annotationLayer .popup p { margin: 0; padding-top: 0.2em; } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } @media (max-width: 991px){ .nav-special-product{ padding-top: 30px; margin-bottom: 15px; } } @media (max-width: 574px){ .swiper-slide { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide.bottom { -webkit-box-align: flex-end; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .nav-special-product li a{ font-size: 12px; min-width: 0; } .title-container .title{ font-size: 20px; } .title-container .subtitle{ font-size: 12px; } .container-tap .title-container{ margin: 50px 0 15px 0; } a.to-top-button.sz-4{ width: 45px; height: 45px; } a.to-top-button.sz-4 .arrow-img{ margin: 6px 15%; width: 25px; height: 25px; } .btn-beli a{ font-size: 10px; } } @media (max-width: 450px){ .nav-special-product li a{ font-size: 10px; margin: 0 3px; } } @media (max-width: 350px){ .nav-special-product li a{ font-size: 7px; margin: 0 3px; } } @media screen and (max-width: 350px){ .pagination li a { font-size: 9px; } .pagination>li>a, .pagination>li>span{ padding: 4px 8px; } }