Nature from the air

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat.

Lorem Ipsum

Is the key to wealth
I

Lorem Ipsum

Is the key to wealth
r

Lorem Ipsum

Is the key to wealth
R

Lorem Ipsum

Is the key to wealth

Ascending Ventures

Welcome to our online shop

Contact Us for any Queries

10 + 12 =

ASCENDING VENTURES

The art of meeting your highest expectations

ADDRESS

Pretoria, South Africa.

PHONE

082 491 7116

WEB

Email : info@ascendingventures.co.za
CONTACT ME
Please leave us a note or ask a question.

/* 3D Portfolio layout pack css code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: link ** Get Support Here https://webdesign101.berlin/divi-den/support/ */ #page-container{ padding-top: 0 !important; } /*Hello Section*/ .hello_section .et_pb_column_1_4:last-child .et_pb_promo_description p:last-child, .hello_section .et_pb_column_1_2 .et_pb_promo_description p:last-child{ padding-bottom: 0 !important; } .hello_section .et_pb_column_1_4:last-child .et_pb_promo_description p, .hello_section .et_pb_column_1_2 .et_pb_promo_description p { padding-bottom: 30px !important; } /*Contact circles*/ .contact_boxes .et_pb_blurb_container a:hover { opacity: 0.6 !important; } .contact_boxes .et_pb_blurb_container a { color: #666666 !important; } .contact_boxes .et_pb_blurb_container { vertical-align: middle !important; padding-left: 1.3vw; } .testimonial2 .et_pb_slide { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .testimonial2 .et_pb_slide_description:after { transform: rotate(180deg); } .testimonial2 .et_pb_slide_description:after, .testimonial2 .et_pb_slide_description:before { content: '“'; display: block; font-size: 120px; color: #333333; line-height: 100%; font-family: 'Font_5200', sans-serif !important; max-height: 72px; } .testimonial2 .et-pb-controllers a:hover { background-color: #d09bef !important; } .testimonial2 .et-pb-controllers a { width: 10px; height: 10px; background-color: #d7d6d4; border-radius: 100%; } .price_table_3 .et_pb_pricing .et_pb_pricing_table:last-child { margin-right: 0 !important; } .price_table_3 .et_pb_pricing .et_pb_pricing_table { box-shadow: 0px 0px 32.2px 2.8px rgba(0, 0, 0, 0.13); border-radius: 0; margin-bottom: 0; padding: 12.2vw 2vw 1.5vw; background-color: #fff !important; border: none !important; margin-top: 0 !important; width: 29.666% !important; margin-right: 5.5% !important; position: relative; cursor: pointer; clear: none; } /* fix for divi update 3.0.51 */ .price_table_3 .et_pb_pricing .et_pb_pricing_table .et_pb_pricing_content{ position: static; } .price_table_3 .et_pb_pricing li { line-height: 180%; } .price_table_3 .et_pb_pricing li:last-child { position: static; } .price_table_3 .et_pb_pricing li:last-child span { position: absolute; top: 51px; right: 0; left: 0; } #page-container .price_table_3 a.et_pb_button:after, #page-container .price_table_3 a.et_pb_pricing_table_button:after { display: none !important; } #page-container .price_table_3 .et_pb_column_4_4 { margin: 0 auto !important; } #page-container .price_table_3 .et_pb_column_4_4 .et_pb_button_module_wrapper.et_pb_module { display: inline-block !important; } #page-container .price_table_3 a.et_pb_pricing_table_button { padding: 10px 20px !important; transition: 0.2s !important; } #page-container .price_table_3 .et_pb_column_4_4 .et_pb_button_module_wrapper.et_pb_module .et_pb_button { padding: 7px 57px 7px 18px; transition: 0.2s !important; } #page-container .price_table_3 .et_pb_featured_table a.et_pb_button { background-color: #d09bef; color: #fff !important; } /*Hovers*/ #page-container .price_table_3 .et_pb_pricing_table a.et_pb_pricing_table_button, #page-container .price_table_3 .et_pb_pricing_table { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #page-container .price_table_3 .et_pb_pricing_table:hover { transform: scale(1.02); } #page-container .price_table_3 .et_pb_pricing_table:hover a.et_pb_pricing_table_button { background-color: #add1fa; color: #fff !important; } body img.avatar { display: none !important; } .blog_6 article h2.entry-title img.avatar { display: none !important; } .blog_6 article { width: 25% !important; float: left; position: relative; overflow: hidden; padding: 3.2vw 2vw; cursor: pointer; margin: 0 !important; } .blog_6 a.entry-featured-image-url { position: absolute; top: 0; height: 100% !important; width: 100%; left: 0 !important; } @-moz-document url-prefix() { .blog_6 a.entry-featured-image-url { left: 100%; } } .blog_6 .et_overlay:before { top: 47%; } .blog_6 .post-content p { max-height: 57px; overflow: hidden; } .blog_6 .post-content { z-index: 1; position: relative; line-height: 150%; } .blog_6 .entry-featured-image-url img { height: 100% !important; width: auto !important; max-width: none !important; left: 50% !important; transform: translate(-50%, 0) !important; position: relative; } #page-container .banner_3d_portfolio .et_pb_button_module_wrapper a.et_pb_button:hover, .blog_6 .post-content .more-link:hover { background-color: #fff !important; color: #d09bef !important; box-shadow: none !important; } .banner_3d_portfolio .et_pb_button_module_wrapper a.et_pb_button, .blog_6 .post-content .more-link { position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .banner_3d_portfolio .et_pb_button_module_wrapper a.et_pb_button:before, .blog_6 .post-content .more-link:before { border-bottom: 3px solid #d09bef; border-left: 3px solid #d09bef; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .banner_3d_portfolio .et_pb_button_module_wrapper a.et_pb_button:after, .blog_6 .post-content .more-link:after { border-top: 3px solid #d09bef; border-right: 3px solid #d09bef; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } #page-container .banner_3d_portfolio .et_pb_button_module_wrapper a.et_pb_button:before, .blog_6 .post-content .more-link:before, .banner_3d_portfolio .et_pb_button_module_wrapper a.et_pb_button:after, .blog_6 .post-content .more-link:after { width: 100%; height: 100%; z-index: 3; content: '' !important; position: absolute; top: 0 !important; left: 0 !important; box-sizing: border-box; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.5s; transition: 0.5s; border-radius: 10px !important; display: block !important; opacity: 1 !important; margin: 0 !important; } .banner_3d_portfolio .et_pb_button_module_wrapper a.et_pb_button:hover:before, .blog_6 .post-content .more-link:hover:before, .banner_3d_portfolio .et_pb_button_module_wrapper a.et_pb_button:hover:after, .blog_6 .post-content .more-link:hover:after { -webkit-transform: scale(1) !important; transform: scale(1) !important; } .blog_6 .post-content p { display: none !important; } /*Hovers*/ .blog_6 article .post-content, .blog_6 article h2.entry-title, .blog_6 article:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_6 article:hover:after { background-image: -moz-linear-gradient(-90deg, rgb(77, 43, 177) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(-90deg, rgb(77, 43, 177) 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(-90deg, rgb(77, 43, 177) 0%, rgba(0, 0, 0, 0) 100%); background-color: rgba(152, 122, 243, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); } .blog_6 article:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(152, 122, 243, 0.8); visibility: visible; } .blog_6 article:hover .post-content { transform: translate(0, -40%); } .blog_6 article:hover h2.entry-title { transform: translate(0, 50%); } /*Top 3D Portfolio*/ .banner_3d_portfolio { min-height: 1090px; max-height: 1200px; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid div.project:nth-child(8), #page-container .banner_3d_portfolio .et_pb_portfolio_grid div.project:nth-child(5), #page-container .banner_3d_portfolio .et_pb_portfolio_grid div.project:nth-child(3) { margin-top: -8vw !important; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid div.project:nth-child(2) { clear: both !important; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid div.project:nth-child(3n+3) { margin-right: 0 !important; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid div.project { width: 32% !important; margin-right: 2% !important; margin-bottom: 2% !important; position: relative !important; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-style: preserve-3d; -moz-transform-style: none; transform-style: preserve-3d; transform: translateX(33vw) translateY(-339px) rotateX(54deg) rotateZ(47deg); -webkit-transform-origin: 18% 41%; transform-origin: 18% 41%; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid .project a .et_overlay:before { display: none !important; } .banner_3d_portfolio .et_pb_portfolio_grid .project a img { -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0.1, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0.1, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0.1, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0.1, 1); z-index: 9; position: relative; } .banner_3d_portfolio .et_pb_portfolio_grid .project a .et_portfolio_image:after, .banner_3d_portfolio .et_pb_portfolio_grid .project a:after, .banner_3d_portfolio .et_pb_portfolio_grid .project a .et_overlay, .banner_3d_portfolio .et_pb_portfolio_grid .project a img { -webkit-transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s; transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s; } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { opacity: 0.2; box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.8); -webkit-transform: translateZ(-1px) scale(1); transform: translateZ(-1px) scale(1); } .banner_3d_portfolio .et_pb_portfolio_grid .project a:before { content: ''; position: absolute; z-index: -1; top: 5px; right: 5px; bottom: 5px; left: 5px; opacity: 0.6; background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8); -webkit-transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s; transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } .banner_3d_portfolio .et_pb_portfolio_grid .project a .et_overlay { background: -webkit-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -moz-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -o-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -ms-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: linear-gradient(120deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); opacity: 0.4; border: none !important; z-index: 3 !important; } .banner_3d_portfolio .et_pb_portfolio_grid .project a .et_portfolio_image:after { content: ''; position: absolute; z-index: 5 !important; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.4; background: -webkit-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -moz-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -o-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -ms-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: linear-gradient(120deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); } .banner_3d_portfolio .et_pb_portfolio_grid .project a:after { content: ''; position: absolute; z-index: 0 !important; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.4; background: -webkit-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -moz-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -o-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: -ms-linear-gradient(-30deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); background: linear-gradient(120deg, #300c9b 3%, #a6c7f6 61%, #ffffff 97%); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { -ms-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 90, 1); -webkit-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 90, 1); -moz-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 90, 1); transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 90, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { -ms-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); -webkit-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); -moz-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { -ms-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 60, 1); -webkit-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 60, 1); -moz-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 60, 1); transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 60, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { -ms-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 120, 1); -moz-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 120, 1); -webkit-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 120, 1); transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 120, 1); } /* Fallback for firefox */ @-moz-document url-prefix() { .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { transform: translateX(5px ) translateY(20px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { transform: translateX(-60px ) translateY(-60px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { transform: translateX(-45px ) translateY(-45px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { transform: translateX(-30px ) translateY(-30px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { transform: translateX(-14px ) translateY(-13px ); } } /* Fallback fo IE */ body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { transform: translateX(-10px ) translateY(20px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { transform: translateX(-50px ) translateY(-50px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { transform: translateX(-40px ) translateY(-40px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { transform: translateX(-20px ) translateY(-20px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { transform: translateX(-10px ) translateY(-13px ) rotate(2deg); } /*Responsive*/ @media only screen and (min-width: 2000px) { .et_pb_column_1 { right: 23% !important; } } @media only screen and (max-width: 1860px) { .blog_6 article:hover .post-content { transform: translate(0, -30%); } .blog_6 article:hover h2.entry-title { transform: translate(0, 30%); } .banner_3d_portfolio .et_pb_column_1_4 { width: 25% !important; margin-left: 5% !important; } .banner_3d_portfolio .et_pb_column_3_4 { width: 90% !important; position: static; margin-bottom: -30vw; max-width: none; float: right; margin-top: -23vw; } #page-container .banner_3d_portfolio .et_pb_promo_description p { font-size: 24px !important; } #page-container .banner_3d_portfolio .et_pb_promo_description h2 { font-size: 40px !important; padding-bottom: 35px !important; } .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: 3% 30%; transform-origin: 3% 30%; -moz-transform-style: none; } .banner_3d_portfolio { min-height: 0; max-height: 100%; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: 18% 45%; transform-origin: 18% 45%; } .price_table_3 .et_pb_pricing li:last-child span{ top: 2vw !important; } .price_table_3 .et_pb_pricing .et_pb_pricing_table { padding: 13.2vw 2vw 2vw; } } @media only screen and (max-width: 1500px) and (min-width: 1390px){ .et_pb_cta_0 .et_pb_promo_description { margin-top: -80px; margin-right: -40px; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: 0% 47%; transform-origin: 0% 47%; } .banner_3d_portfolio .et_pb_column_3_4 { margin-bottom: -18vw; } } @media only screen and (max-width: 1390px) { .price_table_3 .et_pb_pricing li:last-child span { top: 30px; } .price_table_3 .et_pb_pricing .et_pb_pricing_table { padding-top: 200px !important; } #page-container .blog_6 .et_pb_post h2 { font-size: 20px !important; } #page-container .blog_6 .et_pb_post .more-link { padding: 10px 21px; } #page-container .blog_6 .post-content p { max-height: 43px; font-size: 18px; } .blog_6 .post-content { line-height: 120%; } .blog_6 article:hover h2.entry-title { transform: translate(0, 35%); } .blog_6 article:hover .post-content { transform: translate(0, -27%); } .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: -14% 36%; transform-origin: -14% 36%; -moz-transform-style: none; } .banner_3d_portfolio .et_pb_column_1_4 .et_pb_promo_description{ margin-right: -170px; margin-top: 0; } .banner_3d_portfolio .et_pb_column_3_4 { width: 100% !important; position: static; margin-bottom: -43vw !important; max-width: none; float: right; margin-top: -8vw; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: 33% 45%; transform-origin: 33% 45%; } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { -ms-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 45, 1); -webkit-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 45, 1); -moz-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 45, 1); transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 45, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { -ms-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); -webkit-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); -moz-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { -ms-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 55, 1); -webkit-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 55, 1); -moz-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 55, 1); transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 55, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { -ms-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 80, 1); -moz-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 80, 1); -webkit-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 80, 1); transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 80, 1); } /* Fallback for firefox */ @-moz-document url-prefix() { .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { transform: translateX(5px ) translateY(20px ) !important; } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { transform: translateX(-60px ) translateY(-60px ) !important; } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { transform: translateX(-45px ) translateY(-45px ) !important; } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { transform: translateX(-30px ) translateY(-30px ) !important ; } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { transform: translateX(-14px ) translateY(-13px ) !important; } } /* Fallback fo IE */ body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { transform: translateX(-10px ) translateY(20px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { transform: translateX(-50px ) translateY(-50px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { transform: translateX(-40px ) translateY(-40px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { transform: translateX(-20px ) translateY(-20px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { transform: translateX(-10px ) translateY(-13px ) rotate(2deg); } } @media only screen and (max-width: 1390px) and (min-width: 1180px) { #page-container .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: 35% 47%;; transform-origin: 35% 47%; } } @media only screen and (max-width: 980px) { .price_table_3 .et_pb_column_4_4 .et_pb_promo { display: block; margin-right: 0px !important; } .blog_6 article { width: 50% !important; padding: 40px; margin-bottom: 0; } .blog_6 .post-meta { display: none; } .banner_3d_portfolio .et_pb_column_1_4 { width: 65% !important; margin-left: 5% !important; } .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: 23% 50%; transform-origin: 23% 50%; } .banner_3d_portfolio .et_pb_column_1_4 .et_pb_promo_description{ margin-right: 0 !important; } .banner_3d_portfolio .et_pb_column_1_4 .et_pb_promo_description { margin-top: -7vw !important; } .banner_3d_portfolio .et_pb_column_3_4 { margin-bottom: -51vw !important; margin-top: 0 !important; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: 31% 51%; transform-origin: 34% 56%; } #page-container .contact_boxes .et_pb_blurb_content .et_pb_main_blurb_image{ display: block !important; padding: 25px !important; margin: 0 auto 10px !important; } #page-container .contact_boxes .et_pb_blurb_content{ margin: 0 auto !important; } .contact_boxes .et_pb_blurb_container { padding-left: 0 !important; display: block !important; text-align: center; } .contact_boxes .et_pb_column_1_3:last-child{ margin-right: 0 !important; } .contact_boxes .et_pb_column_1_3{ width: 32% !important; margin-right: 2% !important; } .et_pb_section .price_table_3{ width: 90% !important; } .price_table_3 .et_pb_pricing .et_pb_pricing_table { padding: 182px 20px 20px; width: 32% !important; margin-right: 2% !important; } .price_table_3 .et_pb_pricing li:last-child span { top: 20px; } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { -ms-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 35, 1); -webkit-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 35, 1); -moz-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 35, 1); transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 35, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { -ms-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1); -webkit-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1); -moz-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1); transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 20, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { -ms-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 45, 1); -webkit-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 45, 1); -moz-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 45, 1); transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 45, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { -ms-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 60, 1); -moz-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 60, 1); -webkit-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 60, 1); transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 60, 1); } /* Fallback for firefox */ @-moz-document url-prefix() { .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { transform: translateX(20px ) translateY(40px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { transform: translateX(-60px ) translateY(-60px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { transform: translateX(-50px ) translateY(-50px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { transform: translateX(-40px ) translateY(-40px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { transform: translateX(10px ) translateY(-13px ) rotate(2deg); } } /* Fallback fo IE */ body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { transform: translateX(-10px ) translateY(20px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { transform: translateX(-50px ) translateY(-50px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { transform: translateX(-40px ) translateY(-40px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { transform: translateX(-20px ) translateY(-20px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { transform: translateX(-10px ) translateY(-13px ) rotate(2deg); } } @media only screen and (max-width: 767px) { #page-container .price_table_3 .et_pb_column_4_4 { padding: 40px 0 !important; } .price_table_3 .et_pb_pricing .et_pb_pricing_table:last-child { margin-bottom: 0 !important; margin-right: auto !important; } .price_table_3 .et_pb_pricing li:last-child span { top: 30px; } .price_table_3 .et_pb_pricing .et_pb_pricing_table { width: 100% !important; max-width: 400px !important; margin: 0 auto !important; margin-bottom: 30px !important; display: block; padding: 30px; float: none; } .et_pb_section .price_table_3 { width: 80% !important; } #page-container .price_table_3 a.et_pb_pricing_table_button { float: none !important; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid .et_pb_grid_item:nth-child(3n+1){ clear: both !important; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid .et_pb_grid_item:nth-child(2n+1){ clear: none !important; } #page-container .banner_3d_portfolio .et_pb_promo_description { padding-bottom: 20px !important; } #page-container .banner_3d_portfolio .et_pb_promo_description h2 { font-size: 30px !important; padding-bottom: 20px !important; } #page-container .banner_3d_portfolio .et_pb_portfolio_grid { transform: translateX(33vw) translateY(-35vw) rotateX(54deg) rotateZ(47deg); } .contact_boxes .et_pb_column_1_3{ width: 100% !important; margin-right: 0 !important; } .blog_6 .et_pb_post h2.entry-title { margin-bottom: 39%; } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { -ms-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); -webkit-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); -moz-transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); transform: matrix3d(0.9, 0.039, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { -ms-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 15, 1); -webkit-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 15, 1); -moz-transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 15, 1); transform: matrix3d(0.9, 0.079, 0, 0, 0.07, 1, 0, 0, 0, 0, 1, 0, 0, 0, 15, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { -ms-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 40, 1); -webkit-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 40, 1); -moz-transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 40, 1); transform: matrix3d(0.9, 0.09, 0, 0, 0.08, 1, 0, 0, 0, 0, 1, 0, 0, 0, 40, 1); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { -ms-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1); -moz-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1); -webkit-transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1); transform: matrix3d(1, 0.06, -0.05, 0, 0.1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1); } /* Fallback for firefox */ @-moz-document url-prefix() { .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { transform: translateX(-20px ) translateY(10px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { transform: translateX(-60px ) translateY(-60px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { transform: translateX(-50px ) translateY(-50px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { transform: translateX(-40px ) translateY(-40px ); } .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { transform: translateX(10px ) translateY(-5px ) rotate(2deg); } } /* Fallback fo IE */ body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:before { transform: translateX(-10px ) translateY(20px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a img { transform: translateX(-50px ) translateY(-50px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_overlay { transform: translateX(-40px ) translateY(-40px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a .et_portfolio_image:after { transform: translateX(-20px ) translateY(-20px ); } body.ie .banner_3d_portfolio .et_pb_portfolio_grid .project:hover a:after { transform: translateX(-10px ) translateY(-13px ) rotate(2deg); } } @media only screen and (max-width: 600px) { .blog_6 article { width: 100% !important; padding: 40px; } } @media only screen and (max-width: 480px) { #page-container .banner_3d_portfolio .et_pb_portfolio_grid { -webkit-transform-origin: 36% 49%; transform-origin: 36% 49%; width: 130%; transform: translateX(12vw) translateY(-21vw) rotateX(54deg) rotateZ(47deg); } .banner_3d_portfolio .et_pb_column_1_4 { width: 100% !important; margin-left: 0% !important; padding-right: 10% !important; padding-left: 5% !important; } .blog_6 .et_pb_post h2.entry-title { margin-bottom: 32.7%; } } #page-container .footer3 .et_pb_column_4_4 { margin: 0 auto !important; } /*Social Icons*/ .footer3 .et_pb_social_media_follow li:last-child { margin-right: 0 !important; } .footer3 .et_pb_social_media_follow li { margin-right: 7px !important; } .footer3 .et_pb_social_media_follow li a:before, .footer3 .et_pb_social_media_follow li a { width: 35px !important; height: 35px !important; } /*Css Animation*/ .footer3 .et_pb_social_media_follow li a:hover:before { color: #fff !important; } .footer3 .gform_wrapper .gform_footer .gform_button, .footer3 .et_pb_social_media_follow li a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer3 .gform_wrapper .gform_footer .gform_button:hover { transform: scale(1.1); } .footer3 .et_pb_social_media_follow a.icon.circle { transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .footer3 .et_pb_social_media_follow a.icon.circle:after { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); transition-duration: 0.3s; transition-property: transform opacity; } .footer3 .et_pb_social_media_follow li.et_pb_social_icon:hover a.icon.circle:after { opacity: 1; transform: translateY(5px); } .footer3 .et_pb_social_media_follow li.et_pb_social_icon:hover a.icon.circle { transform: translateY(-5px); } /*Form*/ .footer3 .et_pb_newsletter p label.et_pb_contact_form_label { display: block !important; position: absolute; width: 100%; text-align: left; pointer-events: none; top: 0; padding-left: 0; color: #fff; font-size: 16px; font-weight: 300; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; height: 100%; padding-top: 10px; } .footer3 .et_pb_newsletter { width: 100%; padding: 0 !important; } .footer3 .et_pb_newsletter .et_pb_newsletter_form p { position: relative; padding-bottom: 0 !important; display: inline-block; } .footer3 .et_pb_newsletter .et_pb_newsletter_form p:nth-child(5) { width: 20%; margin-left: 0; } .footer3 .et_pb_newsletter .et_pb_newsletter_form p:not(:nth-child(5)) { width: 36.8%; margin-right: 3.6%; } .footer3 .et_pb_newsletter .et_pb_newsletter_button span.et_pb_newsletter_button_text { display: inline-block; top: 50%; position: relative; transform: translate(0, -50%); } .footer3 .et_pb_newsletter .et_pb_newsletter_button:after { display: none !important; } /*Hover effects*/ .footer3 .et_pb_newsletter p label:before { border-top: 3px solid #fff; -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -6px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -6px, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .footer3 .et_pb_newsletter p label:after { z-index: -1; background: #fff; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .footer3 .et_pb_newsletter p label:after, .footer3 .et_pb_newsletter p label:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .footer3 .et_pb_newsletter .filled label, .footer3 .et_pb_newsletter p input:focus + label { color: transparent !important; } .footer3 .et_pb_newsletter p input:focus + label::before, .footer3 .et_pb_newsletter p.filled label::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s; transition-delay: 0s; } .footer3 .et_pb_newsletter p input:focus + label::after, .footer3 .et_pb_newsletter p.filled label::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .footer3 .et_pb_newsletter p.filled, .footer3 .et_pb_newsletter p.focus { border-radius: 6px !important; overflow: hidden; } .footer3 .et_pb_newsletter .filled input, .footer3 .et_pb_newsletter input:focus { font-size: 16px; font-weight: 400; } .footer3 .et_pb_newsletter .filled input { color: #2c2c2c; } .footer3 .et_pb_newsletter input:focus { color: #2c2c2c; } /*Hover For Submit Button*/ #page-container .footer3 .et_pb_newsletter p .et_pb_newsletter_button { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events: none; cursor: default; margin-right: 0 !important; } #page-container .footer3 .et_pb_newsletter p:nth-child(5), #page-container .footer3 .et_pb_newsletter .et_pb_feedburner_form p:nth-child(2), #page-container .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4) { cursor: pointer; text-align: center; } #page-container .footer3 .et_pb_newsletter p:nth-child(5):not(.onclic):not(.validate):hover .et_pb_newsletter_button, #page-container .footer3 .et_pb_newsletter .et_pb_feedburner_form p:nth-child(2):not(.onclic):not(.validate):hover .et_pb_newsletter_button, #page-container .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4):not(.onclic):not(.validate):hover .et_pb_newsletter_button { background-color: #fff !important; color: #d09bef !important; cursor: pointer; } .footer3 .et_pb_newsletter .et_pb_newsletter_form p:nth-child(5):not(.onclic):not(.validate):before, .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:nth-child(2):not(.onclic):not(.validate):before, .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4):not(.onclic):not(.validate):before { border-bottom: 3px solid #d09bef; border-left: 3px solid #d09bef; -webkit-transform-origin: 0 100%; } .footer3 .et_pb_newsletter .et_pb_newsletter_form p:nth-child(5):not(.onclic):not(.validate):after, .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:nth-child(2):not(.onclic):not(.validate):after, .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4):not(.onclic):not(.validate):after { border-top: 3px solid #d09bef; border-right: 3px solid #d09bef; -webkit-transform-origin: 100% 0%; } .footer3 .et_pb_newsletter .et_pb_newsletter_form p:nth-child(5):not(.onclic):not(.validate):hover:before, .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:nth-child(2):not(.onclic):not(.validate):hover:before, .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4):not(.onclic):not(.validate):hover:before, .footer3 .et_pb_newsletter .et_pb_newsletter_form p:nth-child(5):not(.onclic):not(.validate):hover:after, .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:nth-child(2):not(.onclic):not(.validate):hover:after, .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4):not(.onclic):not(.validate):hover:after { -webkit-transform: scale(1); } .footer3 .et_pb_newsletter .et_pb_newsletter_form p:nth-child(5):not(.onclic):not(.validate):before, .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:nth-child(2):not(.onclic):not(.validate):before, .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4):not(.onclic):not(.validate):before, .footer3 .et_pb_newsletter .et_pb_newsletter_form p:nth-child(5):not(.onclic):not(.validate):after, .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:nth-child(2):not(.onclic):not(.validate):after, .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4):not(.onclic):not(.validate):after { width: 100%; height: 100%; z-index: 3; content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; -webkit-transform: scale(0); -webkit-transition: 0.5s; transition: 0.5s; border-radius: 6px !important; } /*Submit button animate*/ #page-container .footer3 p:nth-child(5) span.et_subscribe_loader { display: none !important; } #page-container .footer3 p:nth-child(5).validate:before, #page-container .footer3 p:nth-child(5).onclic:before { display: none !important; } #page-container .footer3 p:nth-child(5).onclic { background-color: transparent !important; box-shadow: none !important; } #page-container .footer3 p:nth-child(5).onclic .et_pb_newsletter_button { width: 62px !important; height: 62px; background-color: transparent !important; border-color: #666 !important; border-width: 3px !important; border-radius: 50% !important; font-size: 0 !important; border-style: solid !important; border-left-color: #1ECD97 !important; animation: rotating8 2s 0.25s linear infinite !important; color: transparent !important; } .footer3 p:nth-child(5).onclic:hover { color: #cc0033 !important; background: white !important; } #page-container .footer3 p:nth-child(5).validate .et_pb_newsletter_button { background-color: transparent !important; font-size: 0 !important; } .footer3 p:nth-child(5).validate { background: #1ECD97; border-radius: 6px; } .footer3 p:nth-child(5).validate .et_pb_newsletter_button { color: transparent !important; } .footer3 p:nth-child(5).validate:after { font-family: "ETmodules"; content: "N"; position: absolute; top: 50%; color: #fff !important; transform: translate(0, -50%); font-size: 23px; width: 100%; text-align: center; left: 0; } @keyframes rotating8 { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*Feedburner Form*/ .footer3 .et_pb_feedburner_form form { width: 100% !important; } .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:nth-child(2) { margin-right: 0 !important; height: 100%; } .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p button.et_pb_newsletter_button { position: static !important; } .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:first-child { width: 61% !important; } .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p { width: 35.3%; margin-right: 2%; vertical-align: top; } /*aweber Form*/ .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4) { width: 23% !important; margin-right: 0 !important; } /*result*/ .footer3 .et_pb_newsletter_result h2 { color: #14bf0a !important; } .footer3 .et_pb_newsletter_result { text-align: right !important; width: 100% !important; color: #14bf0a !important; } .footer3 .et_pb_newsletter_form[data-service="aweber"] .et_pb_newsletter_result { font-size: 16px; padding: 10px 10px 10px 0; } body.ie:not(.unknown) .footer3 .et_pb_newsletter .et_pb_newsletter_button span.et_pb_newsletter_button_text { transform: translate(0, 8%); } #page-container .footer3 { box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25); } /*Responsive*/ @media only screen and (max-width: 1390px) { #page-container .footer3 .et_pb_promo_description h2 { font-size: 30px !important; } } @media only screen and (max-width: 980px) { .footer3 .et_pb_text { background-position: bottom; text-align: center; } .footer3 .et_pb_social_media_follow { padding-top: 0 !important; } .footer3 .et_pb_social_media_follow li { margin-bottom: 0 !important; } .footer3 .et_pb_row .et_pb_column_1_3:last-child { margin-bottom: 0 !important; } .footer3 .et_pb_column_1_3:last-child{ margin-right: 0 !important; } .footer3 .et_pb_column_1_3{ width: 32% !important; margin-right: 2% !important; } } @media only screen and (max-width: 767px) { .footer3 .et_pb_text { padding-top: 0 !important; } .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:first-child, .footer3 .et_pb_newsletter .et_pb_newsletter_form p:not(:nth-child(5)) { width: 100% !important; margin-right: 0 !important; margin-bottom: 40px; } .footer3 .et_pb_newsletter .et_pb_newsletter_form { display: block; } .footer3 .et_pb_newsletter .et_pb_newsletter_form[data-service="aweber"] p:nth-child(4), .footer3 .et_pb_newsletter .et_pb_newsletter_form.et_pb_feedburner_form p:nth-child(2), .footer3 .et_pb_newsletter .et_pb_newsletter_form p:nth-child(5) { width: 100% !important; margin-bottom: 0 !important; } .footer3 .et_pb_newsletter .et_pb_newsletter_button span.et_pb_newsletter_button_text { display: inline-block; top: auto; position: relative; transform: translate(0, 0); } #page-container .footer3 .et_pb_newsletter .et_pb_newsletter_button { height: auto; position: static; width: 100%; } .footer3 .et_pb_column_1_3{ width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 480px) { .footer3 .et_pb_row:first-child .et_pb_text { padding-top: 20px !important; background: none !important; } } /* Personal Portfolio Project Page css code */ /*Content*/ .portfolio_content .et_pb_text p { padding-bottom: 13px !important; } .portfolio_content .et_pb_text p strong { display: inline-block; min-width: 93px; text-align: right; margin-right: 31px; } /*Slider*/ .portfolio_slider h2 { text-align: center; font-size: 48px; font-weight: 700; padding-bottom: 60px !important; } .portfolio_slider .et_pb_gallery .et_pb_gallery_item .et_pb_container { width: 100% !important; } .portfolio_slider .et_pb_gallery .et_pb_gallery_item .et_pb_gallery_image img { display: block; max-height: none !important; width: 100%; } .portfolio_slider .et_pb_gallery .et_pb_gallery_item .et_pb_gallery_image { width: 100% !important; margin: 0 !important; position: static !important; } .portfolio_slider .et_pb_gallery .et_pb_gallery_item .et_pb_slide_description { display: none !important; } .portfolio_slider .et_pb_gallery .et_pb_gallery_item { display: inline-block !important; float: none !important; padding: 0 !important; /*min-height: 400px !important;*/ opacity: 1 !important; margin: 0; padding-right: 30px !important; } .portfolio_slider .et_pb_gallery .et-pb-controllers, .portfolio_slider .et_pb_gallery .et-pb-slider-arrows { display: none !important; } .portfolio_slider .et_pb_gallery .et_pb_gallery_items { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } /*Navigate*/ /*Navigate*/ #prev-next-single a { font-size: 36px !important; font-weight: 700 !important; color: #333333; line-height: 140% !important; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #prev-next-single div.prev-link, #prev-next-single div.next-link{ position: relative; overflow: hidden; } #prev-next-single a:last-child{ color: #d09bef !important; position: absolute; top: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; height: 100%; border: none !important; width: 100% !important; text-transform: capitalize !important; letter-spacing: 0 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #prev-next-single div.prev-link:hover a:first-child, #prev-next-single div.next-link:hover a:first-child, #prev-next-single div.prev-link:hover a:last-child, #prev-next-single div.next-link:hover a:last-child{ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } #prev-next-single .et_pb_row { padding: 73px 0; max-width: 1106px; } #prev-next-single a:hover { opacity: 0.6; } #prev-next-single a { font-size: 36px !important; font-weight: 700 !important; color: #333333; } #prev-next-single .next-link { float: right; text-align: right; } #prev-next-single .prev-link, #prev-next-single .next-link { width: 50% !important; display: inline-block; } #prev-next-single .prev-link a:before { content: "D"; margin-right: 20px !important; } #prev-next-single .next-link a:after { content: "E"; margin-left: 20px !important; } #prev-next-single .prev-link a:before, #prev-next-single .next-link a:after { display: inline-block; font-family: "ETmodules" !important } .portfolio_slider .slide-controllers { text-align: center; margin-top: 36px; } .portfolio_slider .slide-controllers a.dot:hover, .portfolio_slider .slide-controllers a.dot.active { opacity: 0.6; } .portfolio_slider .slide-controllers a.dot { display: inline-block !important; width: 20px !important; height: 20px !important; background-color: #fff; margin-right: 10px !important; font-size: 0 !important; border-radius: 50% !important; cursor: pointer; } /*Responsive*/ @media only screen and (max-width: 1390px) and (min-width: 981px) { .portfolio_content .et_pb_text p strong { min-width: 0; text-align: left; margin-right: 31px; display: block; } } @media only screen and (max-width: 980px) { .portfolio_slider .owl-dots .owl-dot span { width: 15px !important; height: 15px !important; } #prev-next-single a { font-size: 28px !important; } .portfolio_slider h2 { font-size: 40px; padding-bottom: 40px !important; } } @media only screen and (max-width: 767px) { .portfolio_slider h2 { font-size: 30px; padding-bottom: 30px !important; } #prev-next-single .prev-link a:before { margin-right: 5px !important; } #prev-next-single .next-link a:after { content: "E"; margin-left: 5px !important; } #prev-next-single a { font-size: 20px !important; } .portfolio_content .et_pb_text p strong { min-width: 0; text-align: left; margin-right: 31px; display: block; } #prev-next-single .et_pb_row { padding: 50px 0; } } @media only screen and (max-width: 480px) { #prev-next-single .prev-link, #prev-next-single .next-link { width: 100% !important; display: block; text-align: center; } #prev-next-single .next-link { float: none; text-align: center; margin-top: 10px; } .portfolio_content .et_pb_promo, .portfolio_content .et_pb_text { width: 100% !important; } } .et_pb_map { height: 420px!important; } /*Stops the browser creating a horizontal scrollbar*/ .ds-carousel-section { overflow: hidden; max-height: 300px; } /*Reduces the section height on mobiles*/ @media only screen and (max-width: 567px) { .ds-carousel-section { max-height: 140px; padding: 0; } } /*Sets the width of the image modules and floats them so they are next to each other*/ .ds-carousel-logo { width: 20%; float: left; } .ds-carousel-logo img { opacity: 0.7; } .ds-carousel-logo img:hover { opacity: 1; } /*Sets the layout for the first row*/ .ds-image-carousel-first { width: 100% !important; max-height: 200px; height: 200px; background: #fff; animation: 15s first 1 linear; animation-fill-mode: forwards; } /*Sets the layout for the second row*/ .ds-image-carousel-second { z-index: 2; height: 200px; background: #fff; width: 100% !important; float: left; display: inline-block; top: -200px; animation: 30s second infinite linear; } /*Sets the layout for the third row*/ .ds-image-carousel-third { z-index: 1; height: 200px; background: #fff; width: 100% !important; float: left; display: inline-block; top: -400px; animation: 30s third infinite linear; animation-delay: 15s; opacity: 0; } /*Animation for the continuous scrolling effect*/ @keyframes first { 0% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); z-index: 3; } 99.99% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 3; } 100% { z-index: -1; } } @keyframes second { 0% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes third { 0.1% { opacity: 0; } 0.2% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 1; } 100% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; } }