{"id":7113,"date":"2023-11-09T06:44:05","date_gmt":"2023-11-09T06:44:05","guid":{"rendered":"https:\/\/nenadsimicdp.com\/?post_type=portfolio_item&#038;p=7113"},"modified":"2025-02-19T05:30:18","modified_gmt":"2025-02-19T05:30:18","slug":"breathe-easy-nortek-global-hvac","status":"publish","type":"portfolio_item","link":"https:\/\/nenadsimicdp.com\/?portfolio_item=breathe-easy-nortek-global-hvac","title":{"rendered":"Breathe Easy &#8211; Nortek Global HVAC"},"content":{"rendered":"<style>\n\/*===== general options =========*\/\na {\n    box-shadow: none !important;\n}\n\n.view *, .album_categories *, .album_back_button *, #album_disabled_layer {\n    font-family: sans-serif, Arial, Verdana, Sylfaen !important;\n}\n\n#album_disabled_layer {\n    display: none;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    background-color: transparent;\n    z-index: 10;\n    padding-top: 20px;\n    color: #fff;\n}\n\n#album_list_container {\n    position: relative;\n}\n\n\/* ====================== album onhover styles ==========================*\/\n\n#album_list .view {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    -o-box-sizing: border-box;\n    display: none;\n\n}\n\n.view .mask,\n.view .content {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    left: 0;\n}\n\n.view h2 {\n    text-transform: uppercase;\n    color: #fff;\n    text-align: center;\n    position: relative;\n    font-size: 17px;\n    font-family: Raleway, serif;\n    padding: 10px;\n    \/*background: rgba(0, 0, 0, 0.8);*\/\n    margin: 20px 0 0 0;\n\n}\n\n.album_back_button a, .view a {\n    text-decoration: none !important;\n}\n\n.view p {\n    font-family: Merriweather, serif;\n    font-style: italic;\n    font-size: 14px;\n    position: relative;\n    color: #fff;\n    padding: 0px 20px 0px;\n    text-align: center;\n\n}\n\n.view a.info {\n    display: inline-block;\n    text-decoration: none;\n    font-size: 13px;\n    padding: 2px 14px;\n    margin-bottom: 3px;\n    background: #000;\n    color: #fff;\n    font-family: Raleway, serif;\n    text-transform: uppercase;\n    box-shadow: 0 0 1px #000\n}\n\n.mask-text h2 {\n    font-size: 20px !important;\n}\n\n.view a.info:hover {\n    box-shadow: 0 0 5px #000\n}\n\n.view .mask-bg {\n    height: 100%;\n}\n\n.view .album_social {\n    color: #fff;\n    position: absolute;\n    bottom: 3px;\n    left: 3px;\n    border: 1px solid #ffffff;\n    -webkit-border-radius: 3px;\n    -moz-border-radius: 3px;\n    border-radius: 3px;\n    padding: 3px 5px;\n\n}\n\n.view .album_social:active, .view .album_social:focus, .view .album_social:hover {\n    color: #ffffff;\n    outline: none;\n}\n\n\/*1*\/\n\n.view .info {\n    margin-top: 5px;\n}\n\n.view-first .mask {\n    opacity: 0;\n    background-color: rgba(0, 0, 0, 0.7);\n    transition: all 0.4s ease-in-out;\n\n}\n\n.view-first h2 {\n    transform: translateY(-100px);\n    opacity: 0;\n    font-family: Raleway, serif;\n    transition: all 0.2s ease-in-out;\n}\n\n.view-first p {\n    transform: translateY(100px);\n    opacity: 0;\n    transition: all 0.2s linear;\n}\n\n.view-first a.info {\n    opacity: 0;\n    transition: all 0.2s ease-in-out;\n}\n\n\/* *\/\n\n.view-first:hover img {\n    \/*transform: scale(1.1);*\/\n}\n\n.view-first:hover .mask {\n    opacity: 1;\n}\n\n.view-first:hover h2,\n.view-first:hover p,\n.view-first:hover a.info {\n    opacity: 1;\n    transform: translateY(0px);\n}\n\n.view-first:hover p {\n    transition-delay: 0.1s;\n}\n\n.view-first:hover a.info {\n    transition-delay: 0.2s;\n}\n\n\/*2*\/\n.view-second img {\n    -webkit-filter: grayscale(0) blur(0);\n    filter: grayscale(0) blur(0);\n    -webkit-transition: .3s ease-in-out;\n    transition: .3s ease-in-out;\n}\n\n.view-second .mask {\n    background-color: rgba(226, 200, 127, 0.2);\n    transition: all 0.5s linear;\n    opacity: 0;\n}\n\n.view-second h2 {\n    background: transparent;\n    margin: 20px 40px 0px 40px;\n    transform: scale(0);\n    color: #333;\n    transition: all 0.5s linear;\n    opacity: 0;\n}\n\n.view-second p {\n    opacity: 0;\n    transform: scale(0);\n    transition: all 0.5s linear;\n}\n\n.view-second a.info {\n    opacity: 0;\n    transform: scale(0);\n    transition: all 0.5s linear;\n}\n\n.view-second:hover img {\n    -webkit-filter: grayscale(100%) blur(3px);\n    filter: grayscale(100%) blur(3px);\n}\n\n.view-second:hover .mask {\n    opacity: 1;\n}\n\n.view-second:hover h2,\n.view-second:hover p,\n.view-second:hover a.info {\n    transform: scale(1);\n    opacity: 1;\n}\n\n.view-second img {\n    -webkit-filter: grayscale(0) blur(0);\n    filter: grayscale(0) blur(0);\n    -webkit-transition: .3s ease-in-out;\n    transition: .3s ease-in-out;\n}\n\n.view-second:hover img {\n    -webkit-filter: grayscale(100%) blur(3px);\n    filter: grayscale(100%) blur(3px);\n}\n\n\/*3*\/\n\n.view-third img {\n    transform: scaleY(1);\n    transition: all .7s ease-in-out;\n}\n\n.view-third a.info {\n    opacity: 0;\n    transform: scale(0);\n    transition: all 0.5s linear;\n}\n\n.view-third:hover img {\n    -webkit-transform: scale(10);\n    transform: scale(10);\n    opacity: 0;\n}\n\n.view-third:hover .mask {\n    opacity: 1;\n}\n\n.view-third:hover h2,\n.view-third:hover p,\n.view-third:hover a.info {\n    transform: scale(1);\n    opacity: 1;\n}\n\n\/* ==== view 4 ===*\/\n\n.view-forth-wrapper {\n    overflow: hidden;\n    position: relative !important;\n    height: 100%;\n    \/* cursor: pointer;*\/\n}\n\n.view-forth img {\n    max-width: 100%;\n    position: relative;\n    top: 0;\n    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\n    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.view-forth .mask {\n    position: absolute;\n    width: 100%;\n    \/*    height: 70px;*\/\n    \/*    bottom: -70px;*\/\n    height: 50%;\n    bottom: -50%;\n    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\n    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\n    top: inherit;\n}\n\n.view-forth:hover .mask {\n    bottom: 0;\n}\n\n.view-forth:hover img {\n    top: -30px;\n}\n\n\/*==  view 5 ==*\/\n\n.view-fifth .view-fifth-wrapper,\n.view-fifth .view-fifth-wrapper img {\n    display: block;\n    position: relative;\n}\n\n.view-fifth .view-fifth-wrapper {\n    overflow: hidden;\n    height: 100%;\n}\n\n.view-fifth .view-fifth-wrapper .mask {\n    display: none;\n    position: absolute;\n    background: #333;\n    background: rgba(75, 75, 75, 0.7);\n    width: 100%;\n    height: 100%;\n}\n\n\/* ====================== album category styles ==========================*\/\n\n#filters {\n    margin: 1% 0;\n    padding: 0;\n    list-style: none;\n    list-style-type: none !important;\n\n}\n\n#filters li {\n    float: left;\n    list-style-type: none !important;\n}\n\n#filters li:first-child span {\n    margin-left: 0px;\n}\n\n#filters li span {\n    display: block;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n.album_categories {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    padding-top: 5px;\n}\n\n\/*=========  sharing buttons  ============*\/\n\n.album_socials {\n    position: relative;\n    top: 3px;\n    width: 100px;\n    height: 28px;\n    margin: 0 auto;\n}\n\n.album_socials .rwd-share-buttons {\n    top: 0px !important;\n    width: 100% !important;\n    margin: 0px !important;\n}\n\n.album_socials a {\n    text-decoration: underline !important;\n}\n\n.gallery_images, .album_image_place {\n    margin-top: 15px;\n    margin-top: 15px;\n}\n\n#rwd-share-facebook:hover {\n    background-position: 0 -31px !important;\n}\n\n#rwd-share-twitter:hover {\n    background-position: -31px 32px !important;\n}\n\n#rwd-share-googleplus:hover {\n    background-position: -66px -31px !important;\n}\n\n.rwd-share-buttons li, .rwd-share-buttons li a {\n    width: 26px !important;\n    border: 0px !important;\n}\n\n.rwd-share-buttons {\n    top: 0 !important;\n}\n\n.img_link_btn {\n    position: absolute;\n    z-index: 99999;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100%;\n    padding: 8px;\n}\n\n.rwd-title {\n    padding: 10px 0px !important;\n}\n\n@media only screen and (max-width: 475px) {\n    .rwd-share-buttons {\n        top: -25px !important;\n    }\n\n    .rwd-title-text {\n        line-height: 15px;\n    }\n}\n\n\/*=========  hover style ===========*\/\n\n#hover {\n    color: rgba(188, 175, 204, 0.9);\n}\n\nh2#testimonials {\n    color: #fffae3;\n}\n\ndiv#all {\n    width: 100%;\n    height: 100%;\n}\n\n.view img {\n    height: auto;\n}\n\n.view {\n    color: #fff;\n    margin: 0 10px 10px 0;\n    overflow: hidden;\n    position: relative;\n    text-align: center;\n    float: left;\n    cursor: default;\n    border: 1px solid #ccc;\n}\n\n.view-wrapper {\n    height: 100%;\n}\n\n.view img {\n    display: block;\n    position: relative;\n    transition: all 0.2s linear;\n    height: 100%;\n    width: auto;\n    max-width: 100%;\n    margin: 0 auto;\n}\n\n.mask-text h2 {\n    font-size: 20px !important;\n    margin-top: 20px !important;\n}\n\n\/* view 1 *\/\n\n.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {\n    color: #fff;\n}\n\n\/*  view 2 *\/\n.view-second .text-category, .view-second .mask-text h2, .view-second p {\n    color: #333;\n}\n\n.view-second .mask-text h2 {\n    border-bottom: 1px solid #333;\n}\n\n\/* view 3*\/\n.view-third .mask {\n    background-color: #ccc;\n    transition: all 0.5s linear;\n    opacity: 0;\n    color: #333;\n}\n\n.view-third h2 {\n    border-bottom: 1px solid #333;\n    background: transparent;\n    margin: 20px 40px 0px 40px;\n    transform: scale(0);\n    color: #333;\n    transition: all 0.5s linear;\n    opacity: 0;\n}\n\n.view-third p {\n    color: #333;\n    opacity: 0;\n    transform: scale(0);\n    transition: all 0.5s linear;\n}\n\n.view-third .text-category {\n    color: #333;\n}\n\n\/* view 4 *\/\n\n.view-forth .mask-bg {\n    background: #333;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.view-forth .mask-text {\n    color: #fff;\n    position: relative;\n    z-index: 500;\n    padding: 5px 8px;\n}\n\n.view-forth .mask-text h2 {\n    margin: 0px;\n    font-size: 13px;\n    padding: 2px;\n    color: #fff;\n}\n\n.view-forth .mask-text h2:hover {\n    cursor: pointer;\n}\n\n.view-forth .text-category {\n    display: block;\n    font-size: 15px;\n    color: #fff;\n}\n\n.view-forth p {\n    color: #fff;\n}\n\n\/* view 5 *\/\n.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {\n    color: #fff;\n}\n\n<\/style>\n    <input type=\"hidden\" name=\"view_style\" value=\"view-first\">\n\n    <section id=\"huge_it_gallery_content_11\" class=\"gallery-img-content\"\n             data-gallery-id=\"11\"\n             data-content-per-page=\"5\"\n             data-rating-type=\"off\">\n        <div id=\"huge_it_gallery_container_11\"\n             data-show-center=\"off\"\n             class=\"huge_it_gallery_container super-list variable-sizes clearfix view-lightbox-gallery\">\n            <div id=\"huge_it_gallery_container_moving_11\"\n                 class=\"super-list variable-sizes clearfix\">\n                <input type=\"hidden\" class=\"pagenum\" value=\"1\"\/>\n                                <input type=\"hidden\" id=\"total\" value=\"1\"\/>\n                                    <div class=\"view view-first element element_11\" tabindex=\"0\"\n                         data-symbol=\"Breathe Easy\" data-category=\"alkaline-earth\">\n                        <div class=\"view-first-wrapper view-wrapper\">\n                                                                                                                <a href=\"https:\/\/nenadsimicdp.com\/wp-content\/uploads\/2023\/11\/Tree9-Breathe-Easy_4_resize.jpg\"\n                               title=\"Breathe Easy\"><img\n                                        alt=\"Breathe Easy\"\n                                        id=\"wd-cl-img0\"\n                                        title=\"Breathe Easy\"\n                                        src=\"https:\/\/nenadsimicdp.com\/wp-content\/uploads\/2023\/11\/Tree9-Breathe-Easy_4_resize.jpg\"\/>\n                                                                                                        <div class=\"mask\">\n                                            <div class=\"mask-text\">\n                                                                                                    <h2 >\n                                                        Breathe Easy                                                    <\/h2>\n                                                                                                <span class=\"text-category\">Nortek Global HVAC<\/span>\n                                            <\/div>\n                                            <div class=\"mask-bg\">\n                                            <\/div>\n                                        <\/div>\n                                    <\/a>\n                        <\/div>\n                        \n                    <\/div>\n                                        <div class=\"view view-first element element_11\" tabindex=\"0\"\n                         data-symbol=\"Breathe Easy\" data-category=\"alkaline-earth\">\n                        <div class=\"view-first-wrapper view-wrapper\">\n                                                                                                                <a href=\"https:\/\/nenadsimicdp.com\/wp-content\/uploads\/2023\/11\/Tree9-Breathe-Easy_1_resize.jpg\"\n                               title=\"Breathe Easy\"><img\n                                        alt=\"Breathe Easy\"\n                                        id=\"wd-cl-img1\"\n                                        title=\"Breathe Easy\"\n                                        src=\"https:\/\/nenadsimicdp.com\/wp-content\/uploads\/2023\/11\/Tree9-Breathe-Easy_1_resize.jpg\"\/>\n                                                                                                        <div class=\"mask\">\n                                            <div class=\"mask-text\">\n                                                                                                    <h2 >\n                                                        Breathe Easy                                                    <\/h2>\n                                                                                                <span class=\"text-category\">Nortek Global HVAC<\/span>\n                                            <\/div>\n                                            <div class=\"mask-bg\">\n                                            <\/div>\n                                        <\/div>\n                                    <\/a>\n                        <\/div>\n                        \n                    <\/div>\n                                        <div class=\"view view-first element element_11\" tabindex=\"0\"\n                         data-symbol=\"Breathe Easy\" data-category=\"alkaline-earth\">\n                        <div class=\"view-first-wrapper view-wrapper\">\n                                                                                                                <a href=\"https:\/\/nenadsimicdp.com\/wp-content\/uploads\/2023\/11\/Tree9-Breathe-Easy_2_resize.jpg\"\n                               title=\"Breathe Easy\"><img\n                                        alt=\"Breathe Easy\"\n                                        id=\"wd-cl-img2\"\n                                        title=\"Breathe Easy\"\n                                        src=\"https:\/\/nenadsimicdp.com\/wp-content\/uploads\/2023\/11\/Tree9-Breathe-Easy_2_resize.jpg\"\/>\n                                                                                                        <div class=\"mask\">\n                                            <div class=\"mask-text\">\n                                                                                                    <h2 >\n                                                        Breathe Easy                                                    <\/h2>\n                                                                                                <span class=\"text-category\">Nortek Global HVAC<\/span>\n                                            <\/div>\n                                            <div class=\"mask-bg\">\n                                            <\/div>\n                                        <\/div>\n                                    <\/a>\n                        <\/div>\n                        \n                    <\/div>\n                                        <div class=\"view view-first element element_11\" tabindex=\"0\"\n                         data-symbol=\"Breathe Easy\" data-category=\"alkaline-earth\">\n                        <div class=\"view-first-wrapper view-wrapper\">\n                                                                                                                <a href=\"https:\/\/nenadsimicdp.com\/wp-content\/uploads\/2023\/11\/Tree9-Breathe-Easy_3_resize.jpg\"\n                               title=\"Breathe Easy\"><img\n                                        alt=\"Breathe Easy\"\n                                        id=\"wd-cl-img3\"\n                                        title=\"Breathe Easy\"\n                                        src=\"https:\/\/nenadsimicdp.com\/wp-content\/uploads\/2023\/11\/Tree9-Breathe-Easy_3_resize.jpg\"\/>\n                                                                                                        <div class=\"mask\">\n                                            <div class=\"mask-text\">\n                                                                                                    <h2 >\n                                                        Breathe Easy                                                    <\/h2>\n                                                                                                <span class=\"text-category\">Nortek Global HVAC<\/span>\n                                            <\/div>\n                                            <div class=\"mask-bg\">\n                                            <\/div>\n                                        <\/div>\n                                    <\/a>\n                        <\/div>\n                        \n                    <\/div>\n                                <\/div>\n            <div class=\"clear\"><\/div>\n        <\/div>\n        \n\n    <\/section>\n\n<style>\n.gallery-img-content .clear {\n    clear: both;\n}\n.gallery-img-content a{\n    border-bottom: none;\n}\n.element_11 {\n    max-width:275px;\n    margin:0 2px 10px 0;\n    border:0px solid #eeeeee;\n    border-radius:3px;\n    outline:none;\n    overflow:hidden;\n}\n.element_11 .image-block_11 {\n    position:relative;\n    width: 100%;\n\twidth:275px;\n    max-width:275px;\n}\n.element_11 .image-block_11 a {display:block;}\n.element_11 .image-block_11 img {\n    width: 100%;\n    max-width:275px !important;\n    height:auto;\n    display:block;\n    border-radius: 0 !important;\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;\n}\n.element_11 .image-block_11 img:hover {\n    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;\n}\n.element_11 .image-block_11 .play-icon {\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:100%;\n}\n\n.element_11:hover .title-block_11 {bottom:0;}\n.element_11 .title-block_11 a, .element_11 .title-block_11 a:link, .element_11 .title-block_11 a:visited, .element_11 .title-block_11 {\n    position:relative;\n    margin:0;\n    padding:0 1% 0 2%;\n    width:97%;\n    text-decoration:none !important;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space:nowrap;\n    z-index:20;\n    font-size: 16px;\n    color:#0074A2;\n    font-weight:normal;\n}\n.element_11 .image-block_11  .play-icon.youtube-icon {background:url(https:\/\/nenadsimicdp.com\/wp-content\/plugins\/gallery-images\/assets\/images..\/admin_images\/play.youtube.png) center center no-repeat;}\n.element_11 .image-block_11  .play-icon.vimeo-icon {background:url(https:\/\/nenadsimicdp.com\/wp-content\/plugins\/gallery-images\/assets\/images..\/admin_images\/play.vimeo.png) center center no-repeat;}\n.element_11 .title-block_11 {\n    position:absolute;\n    left:0;\n    width:100%;\n    padding-top:5px;\n    height: 36px;\n    bottom:-41px;\n    background: rgba(0,0,0,0.8)  !important;\n    -webkit-transition: bottom 0.3s ease-out 0.1s;\n    -moz-transition: bottom 0.3s ease-out 0.1s;\n    -o-transition: bottom 0.3s ease-out 0.1s;\n    transition: bottom 0.3s ease-out 0.1s;\n}\n.element_11 .title-block_11 a:hover, .element_11 .title-block_11 a:focus, .element_11 .title-block_11 a:active {\n    color:#2EA2CD;\n    text-decoration:none;\n}\n.load_more4 {\n    margin: 10px 0;\n    position:relative;\n    text-align:center;\n    width:100%;\n}\n.load_more_button4 {\n    border-radius: 10px;\n    display:inline-block;\n    padding:5px 15px;\n    font-size:16px !important;;\n    color:#FF0D0D !important;;\n    background:#5CADFF !important;\n    cursor:pointer;\n}\n.load_more_button4:hover{\n    color:#FF4040 !important;\n    background:#99C5FF !important;\n}\n.loading4 {\n    display:none;\n}\n.paginate4{\n    font-size:19px !important;\n    color:#FF2C2C !important;\n    text-align: center;\n    margin-top: 25px;\n}\n.paginate4 a{\n    border-bottom: none !important;\n}\n.icon-style4{\n    font-size: 21px !important;\n    color:#B82020 !important;\n}\n.clear{\n    clear:both;\n}\n@media screen and (max-width: 480px){\n    .element_11{\n        max-width:100% !important;\n    }\n}\n\n\n.view-wrapper img{\n    height:auto;\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7110,"comment_status":"open","ping_status":"closed","template":"","meta":[],"portfolio":[104],"_links":{"self":[{"href":"https:\/\/nenadsimicdp.com\/index.php?rest_route=\/wp\/v2\/portfolio_item\/7113"}],"collection":[{"href":"https:\/\/nenadsimicdp.com\/index.php?rest_route=\/wp\/v2\/portfolio_item"}],"about":[{"href":"https:\/\/nenadsimicdp.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio_item"}],"author":[{"embeddable":true,"href":"https:\/\/nenadsimicdp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nenadsimicdp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nenadsimicdp.com\/index.php?rest_route=\/wp\/v2\/media\/7110"}],"wp:attachment":[{"href":"https:\/\/nenadsimicdp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7113"}],"wp:term":[{"taxonomy":"portfolio","embeddable":true,"href":"https:\/\/nenadsimicdp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio&post=7113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}