.swiper-container{margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1;} .swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px, 0, 0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px, 0, 0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px, 0, 0); -o-transition-timing-function:ease; -o-transform:translate(0px, 0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px, 0, 0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px, 0, 0); transition-timing-function:ease;} .swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto;} .swiper-slide{float:left;} /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal{-ms-touch-action:pan-y;} .swiper-wp8-vertical{-ms-touch-action:pan-x;} .swiper-container{/* Specify Swiper's Size:*/ /*width:200px; height:100px;*/} .swiper-slide{/* Specify Slides's Size:*/ /*width:100%; height:100%;*/} .swiper-slide-active{/* Specific active slide styling:*/} .swiper-slide-visible{/* Specific visible slide styling:*/} .swiper-pagination-switch{/* Stylize pagination button:*/} .swiper-active-switch{/* Specific active button style:*/} .swiper-visible-switch{/* Specific visible button style:*/} .swiper-container, .swiper-wrapper, .swiper-slide{-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;} .swiper-container{-webkit-perspective:1200px; -moz-perspective:1200px; -o-perspective:1200px; perspective:1200px;} .swiper-wrapper{/* Windows 8 IE 10 fix */ -ms-perspective:1200px;} .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom{position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none;} .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */ background-image:-webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image:-moz-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */ background-image:-o-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */ background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */} .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */ background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image:-moz-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */ background-image:-o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */ background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */} .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */ background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */ background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */ background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */} .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */ background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image:-moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */ background-image:-o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */ background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */} .swiper-scrollbar{border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,0.1);} .swiper-scrollbar-drag{height:100%; width:100%; position:relative; background:rgba(0,0,0,0.5); border-radius:10px;} .swiper-scrollbar-cursor-drag{cursor:move;} .pace{width:100%; height:100%; position:relative;} .pace .pace-progress{height:100%; width:100%;} .pace .pace-progress:after{position:absolute; top:35%; left:0; right:0; content:attr(data-progress-text); font-size:8vmin; line-height:1; text-align:center; color:#999;} .sl-slider-wrapper{width:800px; height:400px; margin:0 auto; position:relative; overflow:hidden;} .sl-slider{position:absolute; top:0; left:0;} /* Slide wrapper and slides */ .sl-slide, .sl-slides-wrapper, .sl-slide-inner{position:absolute; width:100%; height:100%; top:0; left:0;} .sl-slide{z-index:1;} /* The duplicate parts/slices */ .sl-content-slice{overflow:hidden; position:absolute; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; background:#fff; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; opacity :1;} /* Horizontal slice */ .sl-slide-horizontal .sl-content-slice{width:100%; height:50%; left:-200px; -webkit-transform:translateY(0%) scale(1); -moz-transform:translateY(0%) scale(1); -o-transform:translateY(0%) scale(1); -ms-transform:translateY(0%) scale(1); transform:translateY(0%) scale(1);} .sl-slide-horizontal .sl-content-slice:first-child{top:-200px; padding:200px 200px 0px 200px;} .sl-slide-horizontal .sl-content-slice:nth-child(2){top:50%; padding:0px 200px 200px 200px;} /* Vertical slice */ .sl-slide-vertical .sl-content-slice{width:50%; height:100%; top:-200px; -webkit-transform:translateX(0%) scale(1); -moz-transform:translateX(0%) scale(1); -o-transform:translateX(0%) scale(1); -ms-transform:translateX(0%) scale(1); transform:translateX(0%) scale(1);} .sl-slide-vertical .sl-content-slice:first-child{left:-200px; padding:200px 0px 200px 200px;} .sl-slide-vertical .sl-content-slice:nth-child(2){left:50%; padding:200px 200px 200px 0px;} /* Content wrapper */ /* Width and height is set dynamically */ .sl-content-wrapper{position:absolute;} .sl-content{width:100%; height:100%; background:#fff;} /* Default styles for background colors */ /*.sl-slide-horizontal .sl-slide-inner{background:#ddd;} .sl-slide-vertical .sl-slide-inner{background:#ccc;}*/ .switchery{background-color:#fff; border:1px solid #dfdfdf; border-radius:20px; cursor:pointer; display:inline-block; height:25px; position:relative; vertical-align:middle; width:45px} .switchery>small{background:#fff; border-radius:100%; box-shadow:0 1px 3px rgba(0,0,0,0.4); height:25px; position:absolute; top:0; width:25px} @font-face{font-family:'social-icons'; src:url('fonts/social-icons.eot');} @font-face{font-family:'social-icons'; src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight:normal; font-style:normal;} [class^="social-icons-"], [class*=" social-icons-"]{font-family:'social-icons'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; /* Better Font Rendering =========== */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .social-icons-facebook:before{content:"\e601";} .social-icons-vimeo:before{content:"\e602";} .social-icons-instagram:before{content:"\e603";} .social-icons-twitter:before{content:"\e600";} @-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg)}} @-moz-keyframes rotate360{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(360deg)}} @-o-keyframes rotate360{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(360deg)}} @keyframes rotate360{0%{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}} .noise{position:relative; z-index:1} .noise:before, .body-noise:before{content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-image:url(data:image/png;base64,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)} .debug *{background-color:rgba(100,100,100,0.2)} .unselectable{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; user-drag:none} .selectable{-webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; -o-user-select:text; user-select:text; -webkit-user-drag:text; user-drag:text} .hideCursor{cursor:none !important} .hideTapHighlight{-webkit-tap-highlight-color:rgba(0,0,0,0)} .vertical_inset_shadows{-webkit-box-shadow:inset 0 10px 15px -8px rgba(0,0,0,0.3), inset 0 -10px 50px -8px rgba(0,0,0,0.6); -moz-box-shadow:inset 0 10px 15px -8px rgba(0,0,0,0.3), inset 0 -10px 50px -8px rgba(0,0,0,0.6); box-shadow:inset 0 10px 15px -8px rgba(0,0,0,0.3), inset 0 -10px 50px -8px rgba(0,0,0,0.6)} .vertical_inset_shadows>img{position:relative; display:block; z-index:-2} .ucFirst{text-transform:lowercase} .ucFirst:first-letter{text-transform:uppercase} .block{display:block !important} @media screen and (orientation:portrait){.landscape_only{display:none !important}} @media screen and (orientation:landscape){.portrait_only{display:none !important}} .invisible{visibility:hidden} html .desktop_only{display:none !important} html.desktop .desktop_only_ib, html.desktop .desktop_only{display:inline-block !important} html.desktop .desktop_only_i{display:inline-block !important} html.desktop .desktop_only_b{display:inline-block !important} html .mobile_only{display:none !important} html.mobile .mobile_only_ib, html.mobile .mobile_only{display:inline-block !important} html.mobile .mobile_only_i{display:inline-block !important} html.mobile .mobile_only_b{display:inline-block !important} html .tablet_only{display:none !important} html.tablet .tablet_only_ib, html.tablet .tablet_only{display:inline-block !important} html.tablet .tablet_only_i{display:inline-block !important} html.tablet .tablet_only_b{display:inline-block !important} html.mobile .no_mobile{display:none !important} .clear_float{clear:both} .forceGPU{-webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px)} .vertical_center_wrapper{display:table} .vertical_center_wrapper .vertical_center{display:table-cell; vertical-align:middle} .no_width{width:0; white-space:nowrap} .mt_03{margin-top:.3em !important} .mb_03{margin-bottom:.3em !important} .mt_05{margin-top:.5em !important} .mb_05{margin-bottom:.5em !important} .mt_08{margin-top:.8em !important} .mb_08{margin-bottom:.8em !important} .mt_10{margin-top:1em !important} .mb_10{margin-bottom:1em !important} .mt_15{margin-top:1.5em !important} .mb_15{margin-bottom:1.5em !important} .mt_20{margin-top:2em !important} .mb_20{margin-bottom:2em !important} .mt_25{margin-top:2.5em !important} .mb_25{margin-bottom:2.5em !important} .mt_30{margin-top:3em !important} .mb_30{margin-bottom:3em !important} .mt_01n{margin-top:-0.1em !important} .mt_03n{margin-top:-0.3em !important} .mb_01n{margin-bottom:-0.1em !important} .mb_03n{margin-bottom:-0.3em !important} .lh_100{line-height:100% !important} .lh_110{line-height:110% !important} .lh_120{line-height:120% !important} .no_wrap{white-space:nowrap} .no_break{display:inline-block} .white{color:#fff !important} .white.emboss{text-shadow:#485460 1px 1px 1px} .gradient_1{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image:-webkit-linear-gradient(top, #ffffff 40%, #e0e0e0 100%); background-image:-moz-linear-gradient(top, #ffffff 40%, #e0e0e0 100%); background-image:-o-linear-gradient(top, #ffffff 40%, #e0e0e0 100%); background-image:linear-gradient(to bottom, #ffffff 40%, #e0e0e0 100%)} .gradient_1_end{background-color:#e0e0e0} .gradient_2_top{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIzOSwgMjM5LCAyMzkpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==); background-image:-webkit-linear-gradient(top, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:-moz-linear-gradient(top, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:-o-linear-gradient(top, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:linear-gradient(to bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%)} .gradient_2_bottom{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIzOSwgMjM5LCAyMzkpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==); background-image:-webkit-linear-gradient(bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:-moz-linear-gradient(bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:-o-linear-gradient(bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:linear-gradient(to top, #efefef 0%, rgba(239, 239, 239, 0) 100%)} .important{color:#c53232} @font-face{font-family:'proxima_nova_rgregular'; src:url('../fonts/proximanova/proximanova_regular_ubasic/ProximaNova-Reg-webfont.eot'); src:url('../fonts/proximanova/proximanova_regular_ubasic/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova/proximanova_regular_ubasic/ProximaNova-Reg-webfont.woff') format('woff'), url('../fonts/proximanova/proximanova_regular_ubasic/ProximaNova-Reg-webfont.ttf') format('truetype'), url('../fonts/proximanova/proximanova_regular_ubasic/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight:normal; font-style:normal} @font-face{font-family:'proxima_nova_rgregular'; src:url('../fonts/proximanova/proximanova_regular_ubasic/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg') !important} .bold{font-weight:300 !important} .extra_bold{font-weight:400 !important} .italic{font-style:italic} .highlight{background:transparent url('../img/underline_black.svgz') repeat-x left bottom; background-size:auto .1em} .highlight.white{background:transparent url('../img/underline_white.svgz') repeat-x left bottom} .highlight.highlight_thin{background-size:auto .09em} .no_decoration{text-decoration:none !important} .underline{text-decoration:underline} .linethrough{text-decoration:line-through} .smaller{font-size:.8em} .smallest{font-size:.7em} .note_asterisk{font-size:.7em; position:relative; top:-0.35em} .note_asterisk_bigger{font-size:1em; position:relative; top:-0.08em} .loupe_wrapper{position:absolute; top:0; bottom:0; left:0; right:0} .loupe_wrapper .loupe_outer{display:inline-block; position:absolute; top:-98%; left:12%; width:36%; height:0; padding-bottom:36%; border-radius:100%; border:3px solid #ddd; overflow:hidden; box-shadow:0 0 6px rgba(0,0,0,0.5); opacity:1; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in} .loupe_wrapper .loupe_outer .loupe_inner{display:inline-block; position:absolute; top:0; bottom:0; left:0; right:0; border-radius:100%; overflow:hidden; border:4px solid #333; background:transparent url('../img/product/studio-beam-60.png') no-repeat; background-size:444.44444444% auto; background-position:38% -86%; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in} .loupe_wrapper.enable .loupe_outer{top:30%; left:12%; width:36%; opacity:1; -webkit-transition:all 1.00s cubic-bezier(0.000, 1.000, 1.000, 1.000); -moz-transition:all 1.00s cubic-bezier(0.000, 1.000, 1.000, 1.000); -o-transition:all 1.00s cubic-bezier(0.000, 1.000, 1.000, 1.000); transition:all 1.00s cubic-bezier(0.000, 1.000, 1.000, 1.000)} .loupe_wrapper.enable .loupe_outer .loupe_inner{background-size:444.44444444% auto; background-position:38% 42%; -webkit-transition:all 1.00s cubic-bezier(0.000, 1.000, 1.000, 1.000); -moz-transition:all 1.00s cubic-bezier(0.000, 1.000, 1.000, 1.000); -o-transition:all 1.00s cubic-bezier(0.000, 1.000, 1.000, 1.000); transition:all 1.00s cubic-bezier(0.000, 1.000, 1.000, 1.000)} .loupe_wrapper:hover .loupe_outer{top:-98% !important; left:12% !important; width:36% !important; opacity:1 !important; -webkit-transition:all 0.3s ease-in !important; -moz-transition:all 0.3s ease-in !important; -o-transition:all 0.3s ease-in !important; transition:all 0.3s ease-in !important} .loupe_wrapper:hover .loupe_outer .loupe_inner{background-size:444.44444444% auto !important; background-position:38% -86% !important; -webkit-transition:all 0.3s ease-in !important; -moz-transition:all 0.3s ease-in !important; -o-transition:all 0.3s ease-in !important; transition:all 0.3s ease-in !important} html.mobile .loupe_outer{border-width:2px !important} html.mobile .loupe_outer .loupe_inner{border-width:3px !important} .size_wrapper{position:absolute; left:0; right:0; top:0; height:0; opacity:0; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; transition:opacity 1s} .size_wrapper.top{margin-top:-3%} .size_wrapper.left{-webkit-transform:rotate(-90deg) translate(-140%); -moz-transform:rotate(-90deg) translate(-140%); -o-transform:rotate(-90deg) translate(-140%); -ms-transform:rotate(-90deg) translate(-140%); transform:rotate(-90deg) translate(-140%); -webkit-transform-origin:-23%; -moz-transform-origin:-23%; -o-transform-origin:-23%; -ms-transform-origin:-23%; transform-origin:-23%} .size_wrapper.bottom{-webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transform-origin:50%; -moz-transform-origin:50%; -o-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; margin-top:60%} .size_wrapper.right{-webkit-transform:rotate(90deg) translate(140%); -moz-transform:rotate(90deg) translate(140%); -o-transform:rotate(90deg) translate(140%); -ms-transform:rotate(90deg) translate(140%); transform:rotate(90deg) translate(140%); -webkit-transform-origin:123%; -moz-transform-origin:123%; -o-transform-origin:123%; -ms-transform-origin:123%; transform-origin:123%} .size_wrapper .measure{position:absolute; bottom:4px; left:0; right:0; text-align:center; font-size:.45em; -webkit-transform:translateY(400%); -moz-transform:translateY(400%); -o-transform:translateY(400%); -ms-transform:translateY(400%); transform:translateY(400%); -webkit-transition:-webkit-transform 0.40s ease 0.25s; -moz-transition:-moz-transform 0.40s ease 0.25s; -o-transition:-o-transform 0.40s ease 0.25s; transition:-webkit-transform 0.40s ease 0.25s, -moz-transform 0.40s ease 0.25s, -o-transform 0.40s ease 0.25s, transform 0.40s ease 0.25s} .size_wrapper .bar{height:1px; width:100%; background-color:#ccc; -webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transition:-webkit-transform 0.25s ease; -moz-transition:-moz-transform 0.25s ease; -o-transition:-o-transform 0.25s ease; transition:-webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease, transform 0.25s ease; position:relative} .size_wrapper .bar:after, .size_wrapper .bar:before{position:absolute; top:-3px; bottom:-3px; width:1px; background-color:inherit; content:''} .size_wrapper .bar:before{left:0} .size_wrapper .bar:after{right:0} .unfold_measure:not(:hover) .size_wrapper{opacity:1} .unfold_measure:not(:hover) .size_wrapper .measure{-webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition:-webkit-transform 1.0s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:-moz-transform 1.0s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:-o-transform 1.0s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:-webkit-transform 1.0s cubic-bezier(0.190, 1.000, 0.220, 1.000), -moz-transform 1.0s cubic-bezier(0.190, 1.000, 0.220, 1.000), -o-transform 1.0s cubic-bezier(0.190, 1.000, 0.220, 1.000), transform 1.0s cubic-bezier(0.190, 1.000, 0.220, 1.000)} .unfold_measure:not(:hover) .size_wrapper .bar{-webkit-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1); -webkit-transition:-webkit-transform 1.0s cubic-bezier(0.525, 0.055, 0.095, 0.995) 0.5s; -moz-transition:-moz-transform 1.0s cubic-bezier(0.525, 0.055, 0.095, 0.995) 0.5s; -o-transition:-o-transform 1.0s cubic-bezier(0.525, 0.055, 0.095, 0.995) 0.5s; transition:-webkit-transform 1.0s cubic-bezier(0.525, 0.055, 0.095, 0.995) 0.5s, -moz-transform 1.0s cubic-bezier(0.525, 0.055, 0.095, 0.995) 0.5s, -o-transform 1.0s cubic-bezier(0.525, 0.055, 0.095, 0.995) 0.5s, transform 1.0s cubic-bezier(0.525, 0.055, 0.095, 0.995) 0.5s} .compareit{position:relative; width:100%; height:100%; overflow:hidden} .compareit *{cursor:none !important} .compareit .before, .compareit .after{overflow:hidden; position:absolute; width:100%; height:100%} .compareit .before img, .compareit .after img{-webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px); visibility:hidden; position:absolute; left:0; top:0} .compareit .before.before, .compareit .after.before{width:0} .compareit>.handle{width:2.8em; height:2.8em; margin-left:-1.4em; margin-top:-1.4em; position:absolute; left:0; top:0; -webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px)} textarea{resize:none} .dark_button{margin:5px; padding:14px 0; width:140px; font-size:12px; line-height:100%; text-shadow:0 1px rgba(0,0,0,0.4); display:inline-block; vertical-align:middle; text-align:center; cursor:pointer; font-weight:bold; letter-spacing:1px; transition:background .1s ease-in-out; -webkit-transition:background .1s ease-in-out; -moz-transition:background .1s ease-in-out; -ms-transition:background .1s ease-in-out; -o-transition:background .1s ease-in-out; text-shadow:0 1px rgba(0,0,0,0.3); color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:4px; text-transform:uppercase; box-shadow:0 3px 0 0 #3f3f3f; background-color:#4e4e4e} .dark_button:hover{background-color:#686868; outline:0 none; text-decoration:none; color:#fff} .dark_button:active{padding-top:15px; margin-bottom:-1px; box-shadow:0 1px 0 0 #3f3f3f; outline:0 none; text-decoration:none; color:#fff} .dark_button.selected{background-color:#0ec55e} .more_about{font-weight:400 !important; font-size:.5em; background-color:rgba(150,150,150,0.15); padding:.9em .75em; margin-right:-1px; cursor:pointer; display:inline-block; border-radius:3px; -webkit-transition:background-color 0.1s ease; -moz-transition:background-color 0.1s ease; -o-transition:background-color 0.1s ease; transition:background-color 0.1s ease} .more_about img{height:.8em; margin:.125em .4em .075em 1.05em; position:relative; vertical-align:top; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); -webkit-transition:-webkit-transform 0.15s ease; -moz-transition:-moz-transform 0.15s ease; -o-transition:-o-transform 0.15s ease; transition:-webkit-transform 0.15s ease, -moz-transform 0.15s ease, -o-transform 0.15s ease, transform 0.15s ease} .more_about:hover{background-color:rgba(176,176,176,0.15)} .more_about:hover img{-webkit-transform:translateX(4px); -moz-transform:translateX(4px); -o-transform:translateX(4px); -ms-transform:translateX(4px); transform:translateX(4px)} .buy_button, .close_modal_button{font-size:12px; text-transform:uppercase; font-weight:bold; line-height:100%; padding:10px 15px; cursor:pointer; opacity:1; display:block; -webkit-transition:background-color 0.20s ease-out, color 0.18s ease-out; -moz-transition:background-color 0.20s ease-out, color 0.18s ease-out; -o-transition:background-color 0.20s ease-out, color 0.18s ease-out; transition:background-color 0.20s ease-out, color 0.18s ease-out} .buy_button:hover, .close_modal_button:hover{-webkit-transition:background-color 0.30s ease-out, color 0.15s ease-out; -moz-transition:background-color 0.30s ease-out, color 0.15s ease-out; -o-transition:background-color 0.30s ease-out, color 0.15s ease-out; transition:background-color 0.30s ease-out, color 0.15s ease-out} .buy_button{background-color:#fcfcfc; -webkit-transition:all 0.28s ease-out; -moz-transition:all 0.28s ease-out; -o-transition:all 0.28s ease-out; transition:all 0.28s ease-out} .buy_button:hover{color:white; background-color:#fbc73d; text-shadow:0 0 2px rgba(100,100,100,0.5)} .close_modal_button{background-color:#e26060; color:white; text-shadow:0 0 2px rgba(100,100,100,0.4)} .close_modal_button:hover{background-color:#eb7d7d} .transparent_button{padding:1em 1em; display:inline-block; cursor:pointer; text-transform:uppercase; -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; transition:all 0.1s ease-out; border-radius:2px; box-shadow:0 0 10px rgba(0,0,0,0.15); color:#ddd; background-color:rgba(250,250,250,0.1); border:none} .transparent_button:hover{background-color:rgba(200,200,200,0.085); color:#fff} .transparent_button:active{background-color:rgba(200,200,200,0.05)} form.white_form input[type="text"], form.white_form input[type="email"], form.white_form button, form.white_form textarea, form.white_form .container{background-color:rgba(250,250,250,0.1); box-shadow:0 0 10px rgba(0,0,0,0.3) !important; color:#ddd; line-height:1; border:none; border-radius:2px; padding:0; font-family:inherit; display:block; outline:none !important; margin:0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease} form.white_form input[type="text"]:focus, form.white_form input[type="email"]:focus, form.white_form button:focus, form.white_form textarea:focus, form.white_form .container:focus{background-color:rgba(200,200,200,0.085); color:#fff} html.mobile form.white_form input[type="text"], html.tablet form.white_form input[type="text"], html.mobile form.white_form input[type="email"], html.tablet form.white_form input[type="email"], html.mobile form.white_form button, html.tablet form.white_form button, html.mobile form.white_form textarea, html.tablet form.white_form textarea, html.mobile form.white_form .container, html.tablet form.white_form .container{box-shadow:none !important} .fancy_checkbox{width:100%; height:100%; position:relative} .fancy_checkbox input[type=checkbox]{opacity:0; position:absolute; bottom:0; left:50%} .fancy_checkbox label{cursor:pointer; position:absolute; top:0; left:0; bottom:0; right:0; background:transparent} .fancy_checkbox label:after{opacity:.05; content:''; position:absolute; width:40%; height:20%; background:transparent; top:30%; left:30%; border:.2em solid #eee; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)} .fancy_checkbox input[type=checkbox]:checked+label:after{opacity:1} .billing_form{display:inline-block; margin:0 auto} .billing_form input:not([type='checkbox']), .billing_form .select, .billing_form label{font-size:.75em; width:20em; display:block; padding:.5em .75em; margin-bottom:.5em; font-family:inherit; outline:none; border-radius:5px; border:none; background-color:#fff; box-shadow:0 1px 10px rgba(100,100,100,0.3)} .billing_form .select{position:relative; overflow:hidden; height:1.4em; background:#fff} .billing_form .select .icon{position:absolute; width:2em; height:2.25em; z-index:2; top:0; right:0; background:url(../img/ico-select.png) no-repeat center center; background-size:.75em .5em; pointer-events:none} .billing_form .select select{outline:none; font-family:inherit; font-size:1em; position:absolute; padding-left:.75em; top:0; right:0; bottom:0; left:0; border:0; width:115%; appearance:none !important; -moz-appearance:none !important; -webkit-appearance:none !important; cursor:pointer} .billing_form .privacy_disclaimer input{display:inline-block; vertical-align:middle} .billing_form .privacy_disclaimer .text{display:inline-block; width:85%; margin-left:5%; font-size:12px; text-align:left; vertical-align:middle} .billing_form input[disabled=disabled], .billing_form select[disabled=disabled], .billing_form .select[disabled=disabled], .billing_form textarea[disabled=disabled]{display:none} .billing_form input:focus::-webkit-input-placeholder{opacity:.5; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease} .billing_form input:focus:-webkit-input-placeholder{opacity:.5; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease} .billing_form input:focus::-moz-placeholder{opacity:.5; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease} .billing_form input:focus:-moz-placeholder{opacity:.5; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease} .billing_form input:focus::-ms-input-placeholder{opacity:.5; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease} .billing_form input:focus:-ms-input-placeholder{opacity:.5; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease} html.firefox .billing_form .select select{padding-top:6px} div{cursor:default} .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8{font-weight:100; line-height:.98; color:#4d4d4d; margin-bottom:.25em} .h1.darken, .h2.darken, .h3.darken, .h4.darken, .h5.darken, .h6.darken, .h7.darken, .h8.darken{color:#333} .h1{font-size:3em} .h2{font-size:2.6em} .h3{font-size:2em} .h4{font-size:1.75em} .h5{font-size:1.1em; font-weight:300} .h6{font-size:1em; font-weight:300} .h7{font-size:.88em; font-weight:300} .h8{font-size:.6em; font-weight:300} p{line-height:1.4em; margin-bottom:1em} p.no_margin{margin-bottom:0} textarea{overflow:auto} .product_name{display:inline-block; text-transform:lowercase; font-family:'proxima_nova_rgregular', sans-serif; font-size:1.1em} .product_name:first-letter{text-transform:uppercase} .product_name.lighten{color:#4d4d4d} .product_name.no_inflate{font-size:1em} .paypal_logo{position:relative; bottom:-0.1em; height:1.5em; vertical-align:middle} .paypal_logo.small{font-size:.65em} .blurred_bg{position:absolute; top:0; left:0; height:100%; width:100%; background:transparent url('../img/blurred-bg-behind.jpg') repeat-x; background-size:100% 100%; z-index:-1; -webkit-transform:translateX(0); transform:translate(0, 0)} .blurred_bg>img{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:opacity 2s cubic-bezier(0.810, 0.195, 0.310, 0.900); -moz-transition:opacity 2s cubic-bezier(0.810, 0.195, 0.310, 0.900); -o-transition:opacity 2s cubic-bezier(0.810, 0.195, 0.310, 0.900); transition:opacity 2s cubic-bezier(0.810, 0.195, 0.310, 0.900)} html.mobile .blurred_bg>img{opacity:1 !important} #header{-webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px); position:fixed; top:0; left:0; right:0; z-index:100; text-align:center; line-height:50px; height:50px; background-color:#efefef; box-shadow:0 0 10px rgba(50,50,50,0.3)} #header .left_wrapper{height:100%; position:relative; z-index:2; float:left; text-align:left; margin-left:4.33333333px} #header .left_wrapper .logo{overflow:hidden; height:100%; font-size:18px; background:transparent url('../img/logo.png') no-repeat left center; background-size:32px; padding-left:47px; margin-left:5px} #header .left_wrapper .logo .section_title{overflow:hidden; height:100%; font-size:15px} #header .left_wrapper .logo .section_title>div{position:relative; top:0} #header .center_wrapper{position:absolute; top:0; left:0; width:100%; height:100%} #header .center_wrapper .section_title{margin:0 auto; overflow:hidden; font-weight:400; font-family:'proxima_nova_rgregular', sans-serif; font-size:18px; background-color:#f6f6f6; height:100%; width:15em} #header .center_wrapper .section_title>div{position:relative; top:0} #header .right_wrapper{position:relative; z-index:2; float:right; text-align:right; margin-right:13px; height:100%; display:table} #header .right_wrapper .twitter{font-size:22px; margin-right:.9em; color:#55acee; vertical-align:middle; position:relative; opacity:.6; top:-2px} #header .right_wrapper .facebook{font-size:22px; margin-right:.6em; color:#3b5998; vertical-align:middle; position:relative; opacity:.6; top:-2px} #header .right_wrapper .button_wrapper{display:table-cell; vertical-align:middle; position:relative} #header .right_wrapper .button_wrapper .flipper{position:relative; width:123px; height:32px} #header .right_wrapper .button_wrapper .flipper>*{position:absolute; left:0; right:0; top:0; bottom:0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out} #header .right_wrapper .button_wrapper .flipper>*:first-child{-webkit-transform:perspective(200px) rotateX(0deg); -moz-transform:perspective(200px) rotateX(0deg); -o-transform:perspective(200px) rotateX(0deg); -ms-transform:perspective(200px) rotateX(0deg); transform:perspective(200px) rotateX(0deg)} #header .right_wrapper .button_wrapper .flipper>*:last-child{-webkit-transform:perspective(200px) rotateX(180deg); -moz-transform:perspective(200px) rotateX(180deg); -o-transform:perspective(200px) rotateX(180deg); -ms-transform:perspective(200px) rotateX(180deg); transform:perspective(200px) rotateX(180deg)} #header .right_wrapper .button_wrapper .flipper.flipped>*:first-child{-webkit-transform:perspective(200px) rotateX(-179.99deg); -moz-transform:perspective(200px) rotateX(-179.99deg); -o-transform:perspective(200px) rotateX(-179.99deg); -ms-transform:perspective(200px) rotateX(-179.99deg); transform:perspective(200px) rotateX(-179.99deg)} #header .right_wrapper .button_wrapper .flipper.flipped>*:last-child{-webkit-transform:perspective(200px) rotateX(0deg); -moz-transform:perspective(200px) rotateX(0deg); -o-transform:perspective(200px) rotateX(0deg); -ms-transform:perspective(200px) rotateX(0deg); transform:perspective(200px) rotateX(0deg)} #header .right_wrapper .button_wrapper .buy_button, #header .right_wrapper .button_wrapper .close_modal_button{position:absolute; top:0; left:0; right:0; bottom:0; padding:0; line-height:33px; text-align:center; border-radius:3px} .slide{width:100%; position:relative; text-align:center; overflow:hidden} .slide>.padded_content{padding:4em 1.5em} .slide>.padded_content.padding_small{padding:3em 1.1em} .slide>.padded_content.no_lateral_padding{padding-left:0; padding-right:0} .slide>.padded_content.no_vertical_padding{padding-top:0; padding-bottom:0} .slide.fill_screen{min-height:100%} .slide.full_width{width:100%} .slide.full_width>img{width:100%} .padded_content .halves_separator{position:relative; width:96%; margin-left:4%; margin-top:2.5em; margin-bottom:3em} .padded_content .halves_separator .drawing_container{width:100%; max-width:28em; display:inline-block; margin:0 auto; position:relative} .padded_content .halves_separator .drawing_container>img{vertical-align:middle; width:100%} .padded_content .halves_separator .drawing_container .drawing{position:absolute; width:100%; height:100%; top:0; left:0} .half_container{display:inline-block; width:50%; text-align:left} .half_container.left{float:left} .half_container.left>div{float:right} .half_container.left>div.text_wrapper{margin-right:0} .half_container.left>div.image_wrapper{margin-right:0} .half_container.right{float:right} .half_container.right>div.text_wrapper{margin-left:15%} .half_container.right>div.image_wrapper{margin-left:5%} .half_container .text_wrapper{position:relative; width:14em; max-width:90%} .half_container .image_wrapper{position:relative; width:10em; max-width:80%} .half_container .image_wrapper.large{width:14em} .half_container .image_wrapper>img{width:100%} #footer{z-index:99; background-color:#111; -webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px)} #footer .wrapper{color:#888; font-size:10px; font-weight:300 !important; line-height:200%; letter-spacing:.75px; text-transform:uppercase; padding:5px 10px 3px 10px} #footer .wrapper a{margin:0 15px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out} #footer .wrapper a:hover{color:#fff} #footer .wrapper a:active{-webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; transition:all 0.1s ease-out; color:#aaa} #footer .wrapper .product_name{font-size:1.2em; cursor:pointer} #footer .wrapper .company{opacity:.7} #flash_overlay{position:fixed; z-index:-10; top:0; bottom:0; left:0; right:0; background-color:white; opacity:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} #flash_overlay.on{opacity:1; z-index:9999; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none} #loading_overlay{-webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px); position:fixed; z-index:101; top:0; bottom:0; left:0; right:0; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image:-webkit-linear-gradient(top, #ffffff 40%, #e0e0e0 100%); background-image:-moz-linear-gradient(top, #ffffff 40%, #e0e0e0 100%); background-image:-o-linear-gradient(top, #ffffff 40%, #e0e0e0 100%); background-image:linear-gradient(to bottom, #ffffff 40%, #e0e0e0 100%); overflow:hidden} #loading_overlay .wrapper{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center} #loading_overlay .loading_logo>*{height:60px; width:60px; -webkit-animation:rotate360 0.85s ease 0s infinite; -moz-animation:rotate360 0.85s ease 0s infinite; -o-animation:rotate360 0.85s ease 0s infinite; animation:rotate360 0.85s ease 0s infinite} lesshat-selector{-lh-property:0;} @-webkit-keyframes floatBounce{0%{-webkit-transform:translateY(0.25em);} 100%{-webkit-transform:translateY(-0.25em);}} @-moz-keyframes floatBounce{0%{-moz-transform:translateY(0.25em);} 100%{-moz-transform:translateY(-0.25em);}} @-o-keyframes floatBounce{0%{-o-transform:translateY(0.25em);} 100%{-o-transform:translateY(-0.25em);}} @keyframes floatBounce{0%{-webkit-transform:translateY(0.25em); -moz-transform:translateY(0.25em); -ms-transform:translateY(0.25em); transform:translateY(0.25em);} 100%{-webkit-transform:translateY(-0.25em); -moz-transform:translateY(-0.25em); -ms-transform:translateY(-0.25em); transform:translateY(-0.25em);}} #scroll_tip_overlay{-webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px); pointer-events:none; position:fixed; bottom:0; left:0; right:0; text-align:center; z-index:99; font-size:12px} #scroll_tip_overlay>div{font-weight:400 !important; text-transform:uppercase; padding:.4em; border-radius:50%; background-color:rgba(255,255,255,0.6); margin-bottom:1.65em; display:inline-block; font-weight:400; border:1px solid rgba(100,100,100,0.2); -webkit-animation:floatBounce 0.8s ease-in-out alternate infinite; -moz-animation:floatBounce 0.8s ease-in-out alternate infinite; -o-animation:floatBounce 0.8s ease-in-out alternate infinite; animation:floatBounce 0.8s ease-in-out alternate infinite} #scroll_tip_overlay>div .arrow{height:.8em; width:1.1em; opacity:.9} html{position:relative; overflow-x:hidden; width:100%; height:100%; font-family:'Roboto', sans-serif; font-weight:100; color:#333; line-height:1.2em} html.windows, html.mobile{font-weight:300} html.windows .white, html.mobile .white{font-weight:100} html body{position:relative; height:100%; width:100%} html body .main_wrapper{position:relative; z-index:1; width:100%; height:100%; font-size:32px} @media screen and (orientation:landscape) and (max-height:768px){html body .main_wrapper{font-size:28.8px}} @media screen and (orientation:landscape) and (max-height:640px){html body .main_wrapper{font-size:24px}} @media screen and (orientation:landscape) and (max-height:480px){html body .main_wrapper{font-size:19.2px}} @media screen and (orientation:landscape) and (max-height:320px){html body .main_wrapper{font-size:16px}} @media screen and (orientation:portrait){html body .main_wrapper .padded_content{padding-top:5em !important; padding-bottom:6em !important} html body .main_wrapper .padded_content .halves_separator{margin-top:0 !important} html body .main_wrapper .half_container{width:70% !important; float:none !important; text-align:center !important} html body .main_wrapper .half_container>div{width:100% !important; max-width:100% !important; min-width:100% !important; margin:0 auto !important; float:none !important} html body .main_wrapper #header .button_wrapper .flipper{width:90px !important}} @media screen and (orientation:portrait) and (max-width:768px){html body .main_wrapper{font-size:25.6px}} @media screen and (orientation:portrait) and (max-width:640px){html body .main_wrapper{font-size:24px}} @media screen and (orientation:portrait) and (max-width:480px){html body .main_wrapper{font-size:19.2px}} @media screen and (orientation:portrait) and (max-width:320px){html body .main_wrapper{font-size:16px}} #welcome_screen{position:relative} #welcome_screen .content_wrapper{margin-top:1em} #welcome_screen .content_wrapper .image_wrapper{position:relative; display:inline-block; width:7em; margin-top:2.7em; margin-bottom:3em; margin-left:1em; margin-right:2em} #welcome_screen .content_wrapper .image_wrapper .photo{width:100%; opacity:0} #welcome_screen .content_wrapper .image_wrapper .scribble{position:absolute; top:4%; left:13.4%; width:65%; height:65.5%} #welcome_screen .content_wrapper .image_wrapper .size_wrapper{left:16%; right:21%; top:-4.5%} #welcome_screen .content_wrapper .description{text-align:left; display:inline-block; margin-left:2em; width:15em; vertical-align:text-bottom; margin-top:1em} #welcome_screen .buttons_wrapper{margin-top:1.5em} #welcome_screen .buttons_wrapper .left_counter{font-size:.65em; display:inline-block; width:0; white-space:nowrap; font-weight:300 !important} #intro_video{position:relative} #intro_video>.ratio_keeper{width:100%; height:0} #intro_video .play_button{height:80px; cursor:pointer} #intro_video .play_button:hover{opacity:.8} #intro_video .play_button.active{display:inline-block} #intro_video .play_button_label{text-transform:uppercase; display:none; font-size:10px; opacity:.7; margin-top:3px; word-spacing:2px} #intro_video .video_wrapper{background-color:black; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; text-align:center} #intro_video .video_wrapper .sizer{height:100%; width:64%; margin:0 auto} #intro_video .video_wrapper .sizer iframe{width:100%; height:100%} #intro_video .sl-slider-wrapper{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; opacity:1} #intro_video .sl-content{background-color:transparent} #intro_video .stage1_wrapper, #intro_video .stage2_wrapper{position:relative; width:100%; height:100%} #intro_video .stage1_wrapper{/*background:url(../../images/video_innr_bg.png) no-repeat;*/ background-size:cover} #intro_video .stage1_wrapper .bg{position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; opacity:1} #intro_video .stage1_wrapper .play_button_wrapper{width:100%; height:100%; color:white; position:relative; z-index:2} #idea .caveman{height:2em; zoom:1; filter:alpha(opacity=90); -webkit-opacity:0.9; -moz-opacity:0.9; opacity:0.9; display:block} #relio_tagline{height:14em; display:table} #intro_tagline{text-align:center} #intro_tagline .photo_gallery_wrapper{overflow:hidden; position:relative; margin-top:1.4em} #intro_tagline .photo_gallery{position:relative; width:30em; max-width:85%; margin:1.5em auto .3em auto; box-shadow:0 0 10px rgba(0,0,0,0.4)} #intro_tagline .photo_gallery .ratio_keeper{width:100%} #intro_tagline .photo_gallery .photo{position:absolute; top:0; bottom:0; left:0; right:0} #intro_tagline .photo_gallery .photo img{width:100%; height:100%} #product1 .image_wrapper img{position:relative} #product1 .image_wrapper .size_wrapper{left:29.3%; right:28%; top:.8em} #product1 .image_wrapper.tripod_photo_wrapper{width:16em; max-width:98%; top:-1em} #product1 .image_wrapper.tripod_photo_wrapper img.photo{position:relative; z-index:2} #product1 .image_wrapper.tripod_photo_wrapper img.wire{position:absolute; top:11.5%; right:56%; height:83%; width:auto; z-index:1} #product1 .text_wrapper .camera_mounts{width:13em; max-width:100%; height:auto; margin-bottom:1em; margin-top:-0.5em} html.mobile #product1 .measure, html.tablet #product1 .measure{-webkit-transform:translateY(0px)!important; -moz-transform:translateY(0px)!important; -o-transform:translateY(0px)!important; -ms-transform:translateY(0px)!important; transform:translateY(0px)!important} html.mobile #product1 .bar, html.tablet #product1 .bar{-webkit-transform:scaleX(1)!important; -moz-transform:scaleX(1)!important; -o-transform:scaleX(1)!important; -ms-transform:scaleX(1)!important; transform:scaleX(1)!important} #compare{text-align:center} #compare .tagline{margin:0 auto; padding:0 1.1em} #compare .compare_gallery_wrapper{overflow:hidden; position:relative} #compare .hint{width:33em; max-width:95%; margin:-1em auto -1em auto; text-align:left} #compare .hint .drag_me{width:2em; height:auto} #compare .compareit_wrapper{position:relative; width:30em; max-width:85%; margin:1.5em auto .3em auto; box-shadow:0 0 10px rgba(0,0,0,0.4)} #compare .compareit_wrapper .ratio_keeper{width:100%} #compare .compareit_wrapper .compareit{position:absolute; top:0; bottom:0; left:0; right:0} #compare .caption{font-size:.47em; margin:0 3em} #compare .caption .position{font-weight:400 !important} #compare .controls{margin-top:.6em} #compare .controls .center{position:relative; margin:0 auto; display:inline-block} #compare .controls .button_container{position:absolute; top:0; left:0; -webkit-transition:all 1.25s cubic-bezier(0.645, 0.045, 0.130, 1); -moz-transition:all 1.25s cubic-bezier(0.645, 0.045, 0.130, 1); -o-transition:all 1.25s cubic-bezier(0.645, 0.045, 0.130, 1); transition:all 1.25s cubic-bezier(0.645, 0.045, 0.130, 1)} #compare .controls .button_container:first-child{position:relative} #compare .controls .button_container:nth-child(1){-webkit-transform:translateX(-6em); -moz-transform:translateX(-6em); -o-transform:translateX(-6em); -ms-transform:translateX(-6em); transform:translateX(-6em)} #compare .controls .button_container:nth-child(2){-webkit-transform:translateX(-2em); -moz-transform:translateX(-2em); -o-transform:translateX(-2em); -ms-transform:translateX(-2em); transform:translateX(-2em)} #compare .controls .button_container:nth-child(3){-webkit-transform:translateX(+2em); -moz-transform:translateX(+2em); -o-transform:translateX(+2em); -ms-transform:translateX(+2em); transform:translateX(+2em)} #compare .controls .button_container:nth-child(4){-webkit-transform:translateX(+6em); -moz-transform:translateX(+6em); -o-transform:translateX(+6em); -ms-transform:translateX(+6em); transform:translateX(+6em)} #compare .controls .button{-webkit-tap-highlight-color:rgba(0,0,0,0); width:1.25em; height:1.25em; padding:1px; line-height:1; margin:.2em 0; border-width:2px !important; border-color:transparent; border-radius:100%; border-style:solid; opacity:.25; -webkit-transition:all 1.25s cubic-bezier(0.645, 0.045, 0.130, 1); -moz-transition:all 1.25s cubic-bezier(0.645, 0.045, 0.130, 1); -o-transition:all 1.25s cubic-bezier(0.645, 0.045, 0.130, 1); transition:all 1.25s cubic-bezier(0.645, 0.045, 0.130, 1)} #compare .controls .button:hover{opacity:.9; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; background-color:rgba(200,200,200,0.1)} #compare .controls .button.selected, #compare .controls .button.loading{opacity:.9; background-color:rgba(200,200,200,0.15)} #compare .controls .button.loading{border-color:#ddd; border-style:dashed; -webkit-animation:rotate360 3s linear 0s infinite; -moz-animation:rotate360 3s linear 0s infinite; -o-animation:rotate360 3s linear 0s infinite; animation:rotate360 3s linear 0s infinite} #compare .controls .button>img{border-radius:inherit; width:100%; height:100%} #compare .controls.collapsed .button_container{-webkit-transform:translateX(0px)!important; -moz-transform:translateX(0px)!important; -o-transform:translateX(0px)!important; -ms-transform:translateX(0px)!important; transform:translateX(0px)!important} #compare .controls.collapsed .button_container .button{opacity:.25 !important} #compare .bracket-down{width:12em; margin-top:.25em} #compare .try-another{font-size:.45em} #lens .landscape_only .label{position:absolute; top:34%; right:0} #lens .portrait_only .label{position:absolute; top:0; right:0; left:.2em} #lens .portrait_only .spacer{display:inline-block; width:38%} .made_in_italy{display:inline-block; position:relative} .made_in_italy .flag_wrapper{position:absolute; bottom:-0.225em; left:.75em; right:.75em; text-align:center; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transition:-webkit-transform 1.5s cubic-bezier(0.360, 0.480, 0.120, 1); -moz-transition:-moz-transform 1.5s cubic-bezier(0.360, 0.480, 0.120, 1); -o-transition:-o-transform 1.5s cubic-bezier(0.360, 0.480, 0.120, 1); transition:-webkit-transform 1.5s cubic-bezier(0.360, 0.480, 0.120, 1), -moz-transform 1.5s cubic-bezier(0.360, 0.480, 0.120, 1), -o-transform 1.5s cubic-bezier(0.360, 0.480, 0.120, 1), transform 1.5s cubic-bezier(0.360, 0.480, 0.120, 1)} .made_in_italy .flag_wrapper span{display:inline-block; width:33.3%; height:1px} .made_in_italy .flag_wrapper.unfold{-webkit-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1)} #gallery{padding-top:3em; padding-bottom:4em} #gallery .just{display:inline-block; position:relative; line-height:1em; padding-bottom:.2em; margin:0 .05em} #gallery .just .scribble{position:absolute; top:5%; left:3%; width:100%; height:auto} #gallery .just.strikethrough::after{width:100%} #gallery .compare_gallery_wrapper{margin:0; overflow:hidden; position:relative} #gallery .swiper-container{position:relative; padding:0; margin-bottom:-1px; width:80%; width:90%; max-width:35em; overflow:visible !important} #gallery .swiper-container div{cursor:-webkit-grab; cursor:-moz-grab} #gallery .swiper-slide{text-align:center; background:transparent; color:black; border-radius:5px} #gallery .swiper-slide.swiper-slide-active .content .caption{opacity:1} #gallery .swiper-slide.swiper-slide-active .content .caption span{-webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all 0.75s ease; -moz-transition:all 0.75s ease; -o-transition:all 0.75s ease; transition:all 0.75s ease} #gallery .swiper-slide .ratio_keeper{display:inline-block; width:100%; position:relative} #gallery .swiper-slide .ratio_keeper>img{width:100%; vertical-align:middle} #gallery .swiper-slide .content{position:absolute; top:0; left:3px; bottom:0; right:3px; overflow:hidden} #gallery .swiper-slide .content .photo{width:100%; height:100%; border-radius:2px} #gallery .swiper-slide .content .photo.flat{border-radius:2px} #gallery .hint{font-size:.6em; opacity:1; color:#777; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; transition:opacity 1s} #gallery .swiper_arrow_container{-webkit-transform:translateZ(0.01px); -moz-transform:translateZ(0.01px); -o-transform:translateZ(0.01px); -ms-transform:translateZ(0.01px); transform:translateZ(0.01px); position:absolute; top:0; bottom:0; z-index:2; -webkit-transition:-webkit-transform 1.0s cubic-bezier(0.230, 1.000, 0.320, 1.000); -moz-transition:-moz-transform 1.0s cubic-bezier(0.230, 1.000, 0.320, 1.000); -o-transition:-o-transform 1.0s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:-webkit-transform 1.0s cubic-bezier(0.230, 1.000, 0.320, 1.000), -moz-transform 1.0s cubic-bezier(0.230, 1.000, 0.320, 1.000), -o-transform 1.0s cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 1.0s cubic-bezier(0.230, 1.000, 0.320, 1.000)} #gallery .swiper_arrow_container.left{left:0; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%)} #gallery .swiper_arrow_container.right{right:0; -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%)} #gallery .swiper_arrow_container.unfold{-webkit-transform:translateX(0px)!important; -moz-transform:translateX(0px)!important; -o-transform:translateX(0px)!important; -ms-transform:translateX(0px)!important; transform:translateX(0px)!important} #gallery .swiper_arrow_container>div{display:table; height:100%} #gallery .swiper_arrow_container>div>div{display:table-cell; vertical-align:middle} #gallery .swiper_arrow_container img{width:1.75em; height:3.75em; opacity:.9; cursor:pointer} #gallery .swiper_arrow_container img:active{opacity:.8} #buy .left_counter{font-size:.67em} #buy .buy_button{font-size:.67em; padding:1.25em 2.9em} #buy .selling_notes{font-size:.45em; margin-bottom:8em} #buy .vat_notice{font-size:.45em; opacity:.5} #buy .button_strip{position:absolute; left:1em; right:1em; bottom:2em; font-size:.45em} #buy .button_strip .button{width:23%; margin:.75% .5%; border-color:#bbb; padding:.85em 0 .75em 0} #buy .partnership>span{padding-left:.33em; padding-right:.33em; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease} #buy .partnership:hover>span{padding-left:.5em; padding-right:.5em} #buy .still_interested{font-size:.45em} #contact form{margin-top:2em; display:inline-block} #contact input[type="text"], #contact input[type="email"], #contact textarea, #contact button, #contact .container{padding:.75em 1em; font-size:.75em; font-family:'proxima_nova_rgregular', sans-serif; margin-bottom:.25em} #contact input[type="text"], #contact input[type="email"]{width:8.875em; display:inline-block} #contact input[type="text"].left, #contact input[type="email"].left{margin-right:.125em} #contact input[type="text"].right, #contact input[type="email"].right{margin-left:.125em} #contact textarea{width:20em; height:6em} #contact .container{padding:0} #contact .privacy_checkbox{width:2.5em; height:2.5em; display:inline-block; overflow:hidden} #contact .privacy_disclaimer{display:inline-block; width:19.25em; height:2.5em; margin-left:.25em; vertical-align:top} #contact .privacy_disclaimer .table{display:table; text-align:center; width:100%; height:100%} #contact .privacy_disclaimer .table_cell{display:table-cell; vertical-align:middle} #contact .privacy_disclaimer .text{vertical-align:middle; padding:.5em; display:inline-block; font-size:.6em; line-height:130%; opacity:.4} #contact .privacy_disclaimer .text a{text-decoration:underline} #contact .button_perspective{-webkit-perspective:500px; -moz-perspective:500px; perspective:500px} #contact .submit_button{width:100%; margin-top:-0.166em; text-transform:none; -webkit-transform-style:flat; -moz-transform-style:flat; -o-transform-style:flat; -ms-transform-style:flat; transform-style:flat; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden} #contact ::-webkit-input-placeholder{color:rgba(200,200,200,0.33)} #contact :-moz-placeholder{color:rgba(200,200,200,0.33)} #contact ::-moz-placeholder{color:rgba(200,200,200,0.33)} #contact :-ms-input-placeholder{color:rgba(200,200,200,0.33)} @media screen and (orientation:portrait) { #welcome_screen .content_wrapper{margin-top:1.5em} #welcome_screen .content_wrapper .image_wrapper{display:block; width:10em; margin:2em auto} #welcome_screen .content_wrapper .description{text-align:center; display:block; margin:0 auto} #welcome_screen .buttons_wrapper{margin-top:2.5em} #welcome_screen .buttons_wrapper .left_counter{display:block; width:100%; margin:0 auto .75em auto} #idea .caveman{margin:0 auto} #intro_video>.ratio_keeper{padding-bottom:56%} #intro_video .video_wrapper .sizer{width:99.75%} #intro_tagline .photo_gallery_wrapper{margin-top:3em; margin-bottom:-1em} #buy .button_strip .button{width:46%} #gallery .swiper_arrow_container{display:none !important} } @media screen and (orientation:portrait) and (max-width:480px) { #welcome_screen .buttons_wrapper .button{width:100px} } #gallery .swiper-slide .content .vertical_center_wrapper{height:100%} #gallery .swiper-slide .content .description{font-size:.55em; position:absolute; top:0; bottom:0; left:0; right:0; padding:3em 8em; z-index:2; background-color:rgba(10,10,10,0.6); text-shadow:0 0 1em #0a0a0a} #gallery .swiper-slide .content .description *{color:#fff !important} #gallery .swiper-slide .content .description *.emboss{text-shadow:#485460 1px 1px 1px} #gallery .swiper-slide .content .description>.vertical_center_wrapper{width:100%} #gallery .swiper-slide .content .description .title{font-weight:100; line-height:.98; color:#4d4d4d; margin-bottom:.25em; font-size:3em} #gallery .swiper-slide .content .description .title.darken{color:#333} #gallery .swiper-slide .content .description .title img{position:relative; height:1em; width:auto} #gallery .swiper-slide .content .description .subtitle{font-weight:100; line-height:.98; color:#4d4d4d; margin-bottom:.25em; font-size:1em; font-weight:300} #gallery .swiper-slide .content .description .subtitle.darken{color:#333} #gallery .swiper-slide .content .description .url{text-decoration:underline; font-weight:100; line-height:.98; color:#4d4d4d; margin-bottom:.25em; font-size:.88em; font-weight:300; margin-top:.5em !important; cursor:pointer} #gallery .swiper-slide .content .description .url.darken{color:#333} #gallery .swiper-slide .content .description .body{font-style:italic; margin-top:4em} #gallery .swiper-slide .content .description .author{font-size:.75em; font-style:italic; color:rgba(250,250,250,0.5) !important; text-align:right; padding-right:2em; margin-bottom:0} #gallery .swiper-slide .content .description .author_url{font-size:.75em; text-align:right; padding-right:2em} #gallery .swiper-slide .content .description .author_url a{color:rgba(250,250,250,0.5) !important; text-decoration:underline; font-style:italic} #gallery .swiper-slide .content .description .author_url a:hover{color:rgba(250,250,250,0.8) !important} #gallery .swiper-wrapper .swiper-slide .description{opacity:0; -webkit-transition:opacity 0.45s ease-in-out 0s; -moz-transition:opacity 0.45s ease-in-out 0s; -o-transition:opacity 0.45s ease-in-out 0s; transition:opacity 0.45s ease-in-out 0s} #gallery .swiper-wrapper .swiper-slide .description .title, #gallery .swiper-wrapper .swiper-slide .description .subtitle, #gallery .swiper-wrapper .swiper-slide .description .url, #gallery .swiper-wrapper .swiper-slide .description .body, #gallery .swiper-wrapper .swiper-slide .description .author, #gallery .swiper-wrapper .swiper-slide .description .author_url{-webkit-transition:all 0.45s ease; -moz-transition:all 0.45s ease; -o-transition:all 0.45s ease; transition:all 0.45s ease; -webkit-transform:translateY(1ex); -moz-transform:translateY(1ex); -o-transform:translateY(1ex); -ms-transform:translateY(1ex); transform:translateY(1ex); opacity:0} #gallery .swiper-wrapper .swiper-slide .description .title.author, #gallery .swiper-wrapper .swiper-slide .description .subtitle.author, #gallery .swiper-wrapper .swiper-slide .description .url.author, #gallery .swiper-wrapper .swiper-slide .description .body.author, #gallery .swiper-wrapper .swiper-slide .description .author.author, #gallery .swiper-wrapper .swiper-slide .description .author_url.author{-webkit-transform:translateX(-5ex) translateY(1ex); -moz-transform:translateX(-5ex) translateY(1ex); -o-transform:translateX(-5ex) translateY(1ex); -ms-transform:translateX(-5ex) translateY(1ex); transform:translateX(-5ex) translateY(1ex)} #gallery .swiper-wrapper .swiper-slide .description .title.author_url, #gallery .swiper-wrapper .swiper-slide .description .subtitle.author_url, #gallery .swiper-wrapper .swiper-slide .description .url.author_url, #gallery .swiper-wrapper .swiper-slide .description .body.author_url, #gallery .swiper-wrapper .swiper-slide .description .author.author_url, #gallery .swiper-wrapper .swiper-slide .description .author_url.author_url{-webkit-transform:translateX(-9ex) translateY(1ex); -moz-transform:translateX(-9ex) translateY(1ex); -o-transform:translateX(-9ex) translateY(1ex); -ms-transform:translateX(-9ex) translateY(1ex); transform:translateX(-9ex) translateY(1ex)} #gallery .swiper-wrapper.show_reviews .swiper-slide .description{opacity:1; -webkit-transition:opacity 0.35s ease-in-out 0s; -moz-transition:opacity 0.35s ease-in-out 0s; -o-transition:opacity 0.35s ease-in-out 0s; transition:opacity 0.35s ease-in-out 0s} #gallery .swiper-wrapper.show_reviews .swiper-slide .description .title, #gallery .swiper-wrapper.show_reviews .swiper-slide .description .subtitle, #gallery .swiper-wrapper.show_reviews .swiper-slide .description .url, #gallery .swiper-wrapper.show_reviews .swiper-slide .description .body, #gallery .swiper-wrapper.show_reviews .swiper-slide .description .author, #gallery .swiper-wrapper.show_reviews .swiper-slide .description .author_url{-webkit-transition:all 2.55s cubic-bezier(0.010, 1, 0.320, 1.000); -moz-transition:all 2.55s cubic-bezier(0.010, 1, 0.320, 1.000); -o-transition:all 2.55s cubic-bezier(0.010, 1, 0.320, 1.000); transition:all 2.55s cubic-bezier(0.010, 1, 0.320, 1.000); -webkit-transform:translateX(0px) translateY(0) !important; -moz-transform:translateX(0px) translateY(0) !important; -o-transform:translateX(0px) translateY(0) !important; -ms-transform:translateX(0px) translateY(0) !important; transform:translateX(0px) translateY(0) !important; opacity:1} #gallery .reviews_toggle_wrapper .label, #gallery .reviews_toggle_wrapper .reviews_toggle{vertical-align:middle} #gallery .reviews_toggle_wrapper .reviews_toggle{margin-top:2px} #gallery .reviews_toggle_wrapper .label{font-size:.6em} @media screen and (orientation:portrait) { #gallery .swiper-slide .content .description{font-size:.5em; padding:2em} #gallery .swiper-slide .content .description .body{margin-top:2em} #gallery .swiper-slide .content .description .author, #gallery .swiper-slide .content .description .author_url{text-align:center; padding-right:0; -webkit-transform:translateX(0px) translateY(1ex) !important; -moz-transform:translateX(0px) translateY(1ex) !important; -o-transform:translateX(0px) translateY(1ex) !important; -ms-transform:translateX(0px) translateY(1ex) !important; transform:translateX(0px) translateY(1ex) !important} } .modal{position:fixed; top:0; bottom:0; left:0; right:0; background-color:#efefef; margin-top:50px; padding:1.5em .75em .75em .5em; z-index:10; text-align:center; display:none; visibility:hidden; opacity:0; -webkit-perspective:1000px; -moz-perspective:1000px; perspective:1000px} .modal.open{display:block; opacity:0} .modal.open.visible{visibility:visible; opacity:1} .modal .vertical_center_wrapper{width:100%; height:100%; font-size:21px} .modal .swiper-container{margin:0 auto; max-width:45em; text-align:center; overflow:hidden; padding:0 1em} .modal .swiper-container:before{content:''; height:1em; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIzOSwgMjM5LCAyMzkpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==); background-image:-webkit-linear-gradient(top, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:-moz-linear-gradient(top, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:-o-linear-gradient(top, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:linear-gradient(to bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%); position:absolute; top:0; left:0; right:0; z-index:100; pointer-events:none} .modal .swiper-container:after{content:''; height:3.5em; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIzOSwgMjM5LCAyMzkpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==); background-image:-webkit-linear-gradient(bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:-moz-linear-gradient(bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:-o-linear-gradient(bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%); background-image:linear-gradient(to top, #efefef 0%, rgba(239, 239, 239, 0) 100%); position:absolute; bottom:0; left:0; right:0; z-index:100; pointer-events:none} .modal .swiper-slide{padding-top:1em; padding-bottom:2em; padding-right:1em; padding-left:1em; position:relative} .modal .swiper-slide .icon{text-align:center} .modal .swiper-slide .icon>img{width:8em; height:auto; vertical-align:middle; margin:2em} .modal .swiper-slide .icon.bigger>img{width:13em} .modal .swiper-slide .title{margin-bottom:3em; text-align:center} .modal .swiper-slide .content_pro{margin-top:5em; width:100%} .modal .swiper-slide .notice{text-align:center; padding-top:.1em; padding-bottom:.1em; margin:0 0 1em 0} .modal .swiper-slide .mini_gallery{width:100%; height:auto; text-align:left; margin:1.1em 0 0 0} .modal .swiper-slide .mini_gallery img{display:inline-block; border-radius:4px; height:auto; width:100%; margin:0 0 1em 0} .modal .swiper-slide .mini_gallery span{font-size:.75em; text-align:center; display:block; margin-bottom:2.5em} .modal .swiper-slide .mini_gallery span:before{content:'[ '} .modal .swiper-slide .mini_gallery span:after{content:' ]'} .modal p{margin-bottom:2em} .modal .header_highlight{background-color:#e4e4e4; color:black; padding-left:.2em; padding-right:.2em; border-radius:2px; border:1px solid rgba(50,50,50,0.2)} .modal .thanks_to{position:relative; font-size:.8em; text-align:left; margin-top:3.5em} .modal .thanks_to th, .modal .thanks_to td{padding:.66em .5em} .modal .thanks_to thead{font-weight:bold} .modal .thanks_to thead tr{border-top:1px solid #ccc} .modal .thanks_to tbody tr{border-top:1px solid #ccc} .modal .thanks_to tbody tr:last-child{border-bottom:1px solid #ccc} .modal .thanks_to tbody a{text-decoration:none} .modal .thanks_to tbody a:hover{text-decoration:underline} .modal .thanks_to:before{content:''; position:absolute; top:-4px; left:0; right:0; border-top:1px solid #ccc} .modal .swiper-scrollbar{border-radius:10px; position:absolute; top:3.5em; bottom:3em; right:0; width:8px; background:rgba(0,0,0,0.033)} .modal .swiper-scrollbar .swiper-scrollbar-drag{background:rgba(0,0,0,0.05); border-radius:10px} html.mobile .modal, html.tablet .modal{opacity:1; -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; transition:none !important} html.mobile .modal .vertical_center_wrapper, html.tablet .modal .vertical_center_wrapper{font-size:18px; -webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; -ms-transform:none !important; transform:none !important} @media screen and (orientation:portrait) { html.mobile .modal .icon img{width:7em !important} html.mobile .modal .icon.bigger img{width:11em !important; margin:0 !important} html.mobile .modal .thanks_to{width:100%; text-align:center} html.mobile .modal .thanks_to tbody tr td:nth-child(2), html.mobile .modal .thanks_to thead tr td:nth-child(2), html.mobile .modal .thanks_to tbody tr td:nth-child(3), html.mobile .modal .thanks_to thead tr td:nth-child(3), html.mobile .modal .thanks_to tbody tr th:nth-child(2), html.mobile .modal .thanks_to thead tr th:nth-child(2), html.mobile .modal .thanks_to tbody tr th:nth-child(3), html.mobile .modal .thanks_to thead tr th:nth-child(3){display:none} } .ribbons{position:fixed; top:120px; left:0; z-index:5} .ribbons a{width:65px; height:100px; display:block; background-size:100% !important; margin-bottom:-10px} .opm-ribbon a{background:url('../img/opm-badge.png') no-repeat} .awww-ribbon a{background:url('../img/awww-badge.png') no-repeat}