#DigitalPortfolio-Page-BuyersGuide{margin-top:5%;margin-bottom:6%}.allImagesandDivs{background-color:#333}#BG-white{background-color:#fff}.allImagesandDivs img{width:100%;height:auto}#iPad-BG-1 #desktop2{width:80%;margin:0 auto;margin-top:2%!important;margin-bottom:2%!important}#iPad-BG-1 #desktop2,#iPad-BG-1 #desktop2 .inner-div-2,#iPad-BG-1 #desktop3{display:flex;flex-direction:column}#iPad-BG-1 #desktop3{position:relative}#iPad-BG-1 #desktop3 .inner-div-1 img{width:90%!important}#iPad-BG-1 #lowerleaderboard-img{display:flex}#iPad-BG-1 #desktop3 .inner-div-2,#iPad-BG-1 #desktop6{width:80%;margin:0 auto}#iPad-BG-1 #desktop4,#iPad-BG-1 #desktop5{display:flex;width:80%;justify-content:center;margin:4% auto 0}#iPad-BG-1 #desktop4 .inner-div-1{margin-right:4%}#iPad-BG-1 #desktop6 .inner-div-1 img{width:200px}#iPad-BG-1 #desktop7{background-color:#333;margin-top:2%}#CatFish{background-color:rgba(0,0,0,.7);position:sticky;position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;left:0;right:0;bottom:-2px;border:1px solid #000;box-sizing:border-box;width:100%;text-align:center;z-index:998!important;display:flex;height:100%;justify-content:space-between}#CatFishImg img{max-width:100%;height:100%!important;width:80%!important;display:flex}#catFishClose{background-color:#a9a9a9;height:18px;width:18px;z-index:9999;text-decoration:none;line-height:18px;font-size:8px;border-radius:3px;color:#000;text-align:center;font-family:Roboto,sans-serif;cursor:pointer;transition:background-color .3s ease;transition:color .3s ease;margin-bottom:3px;margin-right:5px;margin-left:2px;float:right}#catFishClose:hover{background-color:#696969;color:#fff}#iPad-BG-1 #blueBox15{width:70%;margin-left:10%}.mobile-div{display:none}#iPad-container{width:100%}#iPad-container,.iPad-BG{position:relative;margin:0 auto;display:flex;justify-content:center}.iPad-BG{flex-direction:column}.iPad-image{margin:0 auto}.inside-iPad{max-width:100%;max-height:100%;position:absolute;width:70.5%;height:70%;overflow:auto;top:auto;left:0;overflow-x:hidden;right:0;margin-left:auto;margin-right:auto;margin-top:22px;background-color:#fff}.iPad-BG{display:none}.computer-show{display:flex}#myComputerContainer{margin:0 auto;width:100%;display:flex;justify-content:center}#myComputerContainer .computer-btn{display:inline-block;padding:10px 30px;position:relative;font-family:proxima-nova,Kanit!important;font-size:16px;font-family:Kanit;font-style:normal;font-weight:700;text-decoration:none;color:#48c6ff;text-align:center;margin:10px;text-transform:uppercase;border-radius:30px;border:1px solid #48c6ff;background-color:transparent;cursor:pointer}#myComputerContainer .computer-btn.computer-active,#myComputerContainer .computer-btn:hover{color:#fff;background-color:#3dc5fc;background:-moz-linear-gradient(left,#3dc5fc 0,#3dc5fc 100%);background:linear-gradient(left,#3dc5fc,#3dc5fc);background:-webkit-linear-gradient(left,#3dc5fc,#3dc5fc)}#iPad-BG-2 #desktop3{display:flex;position:relative}#iPad-BG-2 #desktop3 .inner-div-1{display:flex}#iPad-BG-2 #desktop3 .inner-div-2{width:50%}#iPad-BG-2 #inner-text-p{width:100%}#iPad-BG-2 #inner-text-p,#iPad-BG-2 #inner-text-p-2{font-size:8px;text-align:justify;margin-left:15px;font-family:Segoe UI,Helvetica,Verdana,Arial,sans-serif;color:#444}#iPad-BG-2 #inner-text-p-2{width:80%}#iPad-BG-2 #blueBox7{width:60%;margin-left:15px}#blueBox7 #lowerleaderboard-img{display:flex}.DP-popups .p-popup p{margin-block-start:-2px!important}.DP-popups{display:none;position:fixed;z-index:1;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7);text-align:left;z-index:999999999}@keyframes fadeInUp{0%{transform:translate3d(0,40px,0)}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{transform:translate3d(0,40px,0)}to{transform:translateZ(0);opacity:1}}.animatedFadeInUp{opacity:0}.fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}.modal-content{background-color:#ebebeb;margin:auto;padding:3em 3.5em;border:1px solid #888;width:55%;border-radius:5px;position:relative;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}.DP-popups .close1,.DP-popups .close2,.DP-popups .close3,.DP-popups .close4,.DP-popups .close5,.DP-popups .close6,.DP-popups .close7,.DP-popups .close8,.DP-popups .close9,.DP-popups .close10,.DP-popups .close11,.DP-popups .close12,.DP-popups .close13,.DP-popups .close14,.DP-popups .close15{font-size:35px;font-weight:600;line-height:25px;width:40px;height:40px;text-align:right;color:#48c6ff;background:transparent;padding-top:6px;padding-right:12px;position:absolute;top:0;right:0}.DP-popups .close1:focus,.DP-popups .close1:hover,.DP-popups .close2:focus,.DP-popups .close2:hover,.DP-popups .close3:focus,.DP-popups .close3:hover,.DP-popups .close4:focus,.DP-popups .close4:hover,.DP-popups .close5:focus,.DP-popups .close5:hover,.DP-popups .close6:focus,.DP-popups .close6:hover,.DP-popups .close7:focus,.DP-popups .close7:hover,.DP-popups .close8:focus,.DP-popups .close8:hover,.DP-popups .close9:focus,.DP-popups .close9:hover,.DP-popups .close10:focus,.DP-popups .close10:hover,.DP-popups .close11:focus,.DP-popups .close11:hover,.DP-popups .close12:focus,.DP-popups .close12:hover,.DP-popups .close13:focus,.DP-popups .close13:hover,.DP-popups .close14:focus,.DP-popups .close14:hover,.DP-popups .close15:focus,.DP-popups .close15:hover{color:#000;text-decoration:none;cursor:pointer}.popup-h1{color:#48c6ff;font-size:2em;font-weight:700;text-align:center;margin:0;text-transform:uppercase;line-height:normal}.popup-h1 span{cursor:text!important;font-size:unset!important;font-weight:400!important;line-height:normal!important;width:auto!important;height:auto!important;text-align:left!important;background:transparent!important;padding-top:0!important;padding-right:0!important;position:unset!important}.popup-paragraph{color:#666;font-size:1em;font-weight:400}.popup-content img{width:100%}.container-slideshow{position:relative}.slideShowImages img{width:90%;margin-left:auto;margin-right:auto;display:block}.mySlides-slideshow{display:none}.cursor-slideshow{cursor:pointer}.next-slideshow,.prev-slideshow{cursor:pointer;color:#48c6ff;position:absolute;width:auto;display:flex;top:0;bottom:0;align-items:center;font-weight:700;font-size:27px;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}.next-slideshow{right:0}.next-slideshow:active,.next-slideshow:hover,.prev-slideshow:active,.prev-slideshow:hover{color:#000}.numbertext-slideshow{display:none;color:#000;font-size:12px;padding:8px 12px;position:absolute;top:0}.caption-container-slideshow{text-align:center;background-color:#222;padding:2px 16px;color:#fff}.row-slideshow{display:flex;justify-content:center;margin:0 auto}.row-slideshow:after{content:"";display:table;clear:both}.column-slideshow{float:left;width:auto;padding-right:2%}.column-slideshow:last-child{padding-right:0}.DP-popups .column-slideshow div{opacity:.6;border:3px solid #fff;cursor:pointer;display:flex;justify-content:center;align-items:center;overflow:hidden}.DP-popups .column-slideshow div img{flex-shrink:0;min-width:100%;min-height:100%}.DP-popups .active-slideshow,.DP-popups .column-slideshow div:hover{opacity:1;border:3px solid #48c6ff}.DP-popups .spec{height:auto}.DP-popups .model-name{width:100%;color:#000;height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;margin-bottom:2%}.DP-popups .model-size{float:left;width:100%;height:auto;color:#000}.DP-popups .model-size ul{padding-inline-start:18px!important}.DP-popups .samplesFlex{display:flex;justify-content:center}.DP-popups .samplesHeader{font-size:1.1em;color:#000;text-align:center;line-height:normal}.popupPlus{display:flex;justify-content:center;flex-direction:column}.DP-popups .popup-paragraph .otherbrands-wrap a{color:#48c6ff;text-decoration:none;font-size:1.1em}.DP-popups .popup-paragraph .otherbrands-wrap a:hover{color:#525252}.popupPlus img{width:15px;height:15px;margin-right:5px}#bottom-results-wrap{float:left;width:100%;height:auto;margin:0}.otherbrands-wrap{float:left;margin:0 15px 15px 0;display:none;align-content:center}.DP-popups .price-text{height:auto;color:#000}.DP-popups .btn_view{clear:left;width:80px;height:23px;display:block;background-color:#666;margin:0 auto 10px}.DP-Popups .reveal{width:100%;height:auto;padding:0}.DP-popups .reveal-wrap{width:100%;padding:0;display:flex;justify-content:space-evenly;flex-wrap:wrap}.DP-popups #p1-popup,.DP-popups #p2-popup{width:42%}.DP-popups .CTA-button-popup a{display:inline-block;padding:10px 30px;position:relative;font-family:proxima-nova,Kanit!important;font-size:16px;font-family:Kanit;font-style:normal;font-weight:700;text-decoration:none;color:#fff;text-align:center;margin:10px 0;text-transform:none;border-radius:30px;background-color:#3dc5fc;background:-moz-linear-gradient(left,#3dc5fc 0,#3dc5fc 100%);background:linear-gradient(left,#3dc5fc,#3dc5fc);background:-webkit-linear-gradient(left,#3dc5fc,#3dc5fc);border:0}#myPopup5 .popup-content,#myPopup6 .popup-content,#myPopup7 .popup-content,#myPopup8 .popup-content,#myPopup9 .popup-content,#myPopup10 .popup-content,#myPopup11 .popup-content,#myPopup12 .popup-content{display:flex;justify-content:space-evenly}#myPopup5 .container-slideshow,#myPopup6 .container-slideshow,#myPopup7 .container-slideshow,#myPopup8 .container-slideshow,#myPopup9 .container-slideshow,#myPopup10 .container-slideshow,#myPopup11 .container-slideshow,#myPopup12 .container-slideshow{position:relative;width:100%;height:90%}#myPopup5 .popup-paragraph,#myPopup6 .popup-paragraph,#myPopup7 .popup-paragraph,#myPopup8 .popup-paragraph,#myPopup9 .popup-paragraph,#myPopup10 .popup-paragraph,#myPopup11 .popup-paragraph,#myPopup12 .popup-paragraph{width:90%}#myPopup5 .reveal-wrap,#myPopup6 .reveal-wrap,#myPopup7 .reveal-wrap,#myPopup8 .reveal-wrap,#myPopup9 .reveal-wrap,#myPopup10 .reveal-wrap,#myPopup11 .reveal-wrap,#myPopup12 .reveal-wrap{width:80%;flex-direction:column;margin-left:5%}#myPopup5 .p-popup,#myPopup6 .p-popup,#myPopup7 .p-popup,#myPopup8 .p-popup,#myPopup9 .p-popup,#myPopup10 .p-popup,#myPopup11 .p-popup,#myPopup12 .p-popup{width:100%}.blueBoxes{cursor:pointer}.blueBoxes .hide{width:100%;position:absolute;left:0;right:0;bottom:0;top:0;display:none;margin:0 auto}.blueBoxes:hover .hide{display:flex;justify-content:center;align-items:center;background:rgba(72,198,255,.7607843137254902);width:100%;max-width:599px;flex-direction:row}.blueBoxes .hoverImage{display:flex;justify-content:center;margin-right:5px}.blueBoxes:hover #hide3,.blueBoxes:hover #hide4,.blueBoxes:hover #hide5,.blueBoxes:hover #hide6,.blueBoxes:hover #hide7,.blueBoxes:hover #hide8{display:flex;justify-content:center;align-items:center;background:rgba(72,198,255,.7607843137254902);width:100%;max-width:599px;flex-direction:row}.blueBoxes .hoverImage img{width:20px!important;height:20px!important}.blueBoxes .hoverText{color:#fff;font-size:1.3em;text-align:center}.ImageInn{border:6px solid #48c6ff;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;flex-direction:column}.ImageInn img{flex-shrink:0;min-width:100%;min-height:100%}.blueBoxes .hide img{max-height:100%;max-width:100%}#blueBox3 .hoverImage,#blueBox4 .hoverImage,#blueBox5 .hoverImage,#blueBox6 .hoverImage,#blueBox7 .hoverImage,#blueBox8 .hoverImage{margin-right:5px}@media only screen and (max-width:1700px){.modal-content{width:80%;padding:1.5em 1.25em}}@media screen and (max-width:980px){.blueBoxes .hoverText{font-size:1em}.blueBoxes .hoverImage img{width:15px!important;height:15px!important}}@media screen and (max-width:800px){.horizontal-align,.horizontal-align-center{width:100%!important;float:left!important;display:block!important}.horizontal-align-image{width:100%!important}.blueBoxes .hoverText{font-size:1.3em}.ImageInn{border:4px solid #48c6ff}}@media only screen and (max-width:810px){#myPopup1 #p2-popup .model-name,#myPopup2 #p2-popup .model-name,#myPopup15 #p2-popup .model-name{margin-top:2%!important}.DP-popups .reveal-wrap{flex-direction:column}.DP-popups #p1-popup,.DP-popups #p2-popup{width:100%}.blueBoxes .hoverText{font-size:.8em}.blueBoxes .hoverImage img{width:10px!important;height:10px!important}.ImageInn{border:4px solid #48c6ff}#myPopup5 .popup-content,#myPopup6 .popup-content,#myPopup7 .popup-content,#myPopup8 .popup-content,#myPopup9 .popup-content,#myPopup10 .popup-content,#myPopup11 .popup-content,#myPopup12 .popup-content{flex-direction:column}#myPopup5 .container-slideshow,#myPopup6 .container-slideshow,#myPopup7 .container-slideshow,#myPopup8 .reveal-wrap,#myPopup9 .container-slideshow,#myPopup10 .container-slideshow,#myPopup11 .container-slideshow,#myPopup12 .reveal-wrap{position:relative;width:100%;height:auto}#myPopup5 .popup-paragraph,#myPopup6 .popup-paragraph,#myPopup7 .popup-paragraph,#myPopup8 .reveal-wrap,#myPopup9 .popup-paragraph,#myPopup10 .popup-paragraph,#myPopup11 .popup-paragraph,#myPopup12 .reveal-wrap{width:100%}#myPopup5 .reveal-wrap,#myPopup6 .reveal-wrap,#myPopup7 .reveal-wrap,#myPopup9 .reveal-wrap,#myPopup10 .reveal-wrap,#myPopup11 .reveal-wrap,#myPopup12 .reveal-wrap,#myPopup812 .reveal-wrap{width:100%;margin-left:0}}@media only screen and (max-width:650px){.DigitalPortfolio-Page{border-bottom:5px dotted #48c6ff;border-top:5px dotted #48c6ff;margin-bottom:30%}#CatFish{bottom:0;flex-direction:column;align-content:flex-end;align-items:end}#CatFishImg img{width:100%!important}#iPad-BG-1 #blueBox15{width:100%;margin-left:0;margin-bottom:1%}#myComputerContainer{flex-direction:column}#mobile7{background-color:#333}.desktop-div{display:none!important}.mobile-div{display:block}#iPad-BG-1 #mobile2{display:flex;margin-top:4%;flex-direction:column}#iPad-BG-2 #mobile1,#iPad-BG-2 #mobile3{margin-top:4%}#mobile2 .inner-div-2{display:flex;flex-direction:column}#iPad-BG-1 #mobile3 #lowerleaderboard-img{width:100%;display:flex}#iPad-BG-1 #mobile4{margin-top:4%;margin-bottom:4%}#iPad-BG-1 #mobile4 .inner-div-2{margin-top:4%}#iPad-BG-1 #mobile5 .blueBoxes{width:50%;margin:0 auto}#iPad-BG-1 #mobile5,#iPad-BG-1 #mobile5 #blueBox11{margin-bottom:2%}#iPad-BG-1 #mobile5 #blueBox12{margin-top:2%}#iPad-BG-1 #mobile4 #lowerleaderboard-img,#iPad-BG-1 #mobile5 #lowerleaderboard-img{width:100%}.blueBoxes #hide3,.blueBoxes #hide4,.blueBoxes #hide5,.blueBoxes #hide6,.blueBoxes #hide7,.blueBoxes #hide8{flex-direction:row}#iPad-BG-2 #inner-text-p-2{display:none}.blueBoxes .hoverText{font-size:1.5em}.blueBoxes .hoverImage img{width:20px!important;height:20px!important}.popup-h1{margin-top:4%}.DP-popups .model-size{margin-bottom:2%}.DP-popups .CTA-button-popup{width:70%}#popup-paragraph{margin-bottom:4%}.DP-popups .CTA-button-popup a{width:100%}.ImageInn{border:6px solid #48c6ff}.DP-popups .row-slideshow{flex-direction:column}.DP-popups .column-slideshow{padding-right:0;margin-bottom:4%}.DP-popups .column-slideshow:last-child{margin-bottom:0}.DP-popups .slideshow-arrows{display:flex;justify-content:space-between}.DP-popups .next-slideshow,.DP-popups .prev-slideshow{font-size:24px}#myPopup1 .next-slideshow,#myPopup1 .prev-slideshow,#myPopup2 .next-slideshow,#myPopup2 .prev-slideshow{position:absolute;font-size:27px}.DP-popups .numbertext-slideshow,.iPad-image{display:none}.inside-iPad{position:relative;width:100%;height:100%;margin-top:0;overflow:revert;overflow-x:revert}.iPad-BG{width:100%;margin-bottom:6%;margin-top:6%}.blueBoxes .hide{display:flex;justify-content:center;align-items:center;overflow:hidden;background:rgba(72,198,255,.7607843137254902);max-width:100%!important}}@media only screen and (max-width:450px){.DP-popups .next-slideshow,.DP-popups .prev-slideshow{font-size:16px}}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/8596053/hub_generated/template_assets/63385209762/1649273377366/Multiview/css/modules/CreativePortfolioBuyersGuideMockup.css */