.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//demo.divi-den.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .pswp{height:calc(100% - 46px);top:46px}}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//demo.divi-den.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//demo.divi-den.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//demo.divi-den.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}/* Theme Name: Divi child theme Template: Divi */ /*! Theme Name: Divi Theme URI: http://www.elegantthemes.com/gallery/divi/ Version: 4.11.2 Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection. Author: Elegant Themes Author URI: http://www.elegantthemes.com License: GNU General Public License v2 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER DIVI THEME CSS RULES */ /* 1 of 8 Divi Person Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: https://webdesign101.berlin/product/divi-person-module-layout-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ /*Columns*/ .team_1 .et_pb_column_4_4 .et_pb_team_member { width: 18% !important; margin-right: 2.5% !important; float: left; } .team_1 .et_pb_column_1_2 { width: 41.5% !important; margin-right: 11.5% !important; } .team_1 .et_pb_column_1_3 { width: 26% !important; margin-right: 9.2% !important; } .team_1 .et_pb_column_4_4 .et_pb_team_member:last-child, .team_1 .et_pb_column_1_2:last-child, .team_1 .et_pb_column_1_3:last-child { margin-right: 0 !important; } /*Images*/ .team1 img { display: block; width: 100% !important; position: relative; } .team_1 .et_pb_column_1_2 .et_pb_team_member_image { margin-bottom: 81px !important; } .team_1 .et_pb_column_1_2 img { top: 2.8vw; left: 2.8vw; } .team_1 .et_pb_column_1_3 img { top: 1.9vw; left: 1.9vw; } .team_1 .et_pb_column_1_4 img { top: 1.5vw; left: 1.5vw; } .team_1 .et_pb_column_4_4 img { top: 2vw; left: 2vw; } /*.team_1 .et_pb_column_4_4 h4 {*/ /*font-size: 20px !important;*/ /*}*/ .team_1 .et_pb_column_4_4 .et_pb_member_social_links{ padding-top: 13px !important; } .team_1 .et_pb_column_4_4 .et_pb_team_member_image { box-shadow: inset 0 0 0px 19px #cc0033 !important; margin-bottom: 64px !important; max-width: 190px; } .team_1 .et_pb_column_1_4 .et_pb_team_member_image { box-shadow: inset 0 0 0px 15px #cc0033 !important; } .team_1 .et_pb_column_1_4 .et_pb_team_member_image { margin-bottom: 50px !important; } .team_1 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image { width: 100% !important; } .team_1 .person_link { display: none !important; } /*Responsive*/ @media only screen and (max-width: 1390px) { .team1 img { top: 2.9vw; left: 2.9vw; } .team_1 .et_pb_column_1_3 .et_pb_team_member_image, .team_1 .et_pb_column_1_2 .et_pb_team_member_image { box-shadow: inset 0 0 0 15px #cc0033 !important; } .team_1 .et_pb_column_1_2 img { top: 2.3vw; left: 2.3vw; } .team_1 .et_pb_column_1_4 h4 { font-size: 18px !important; } .team_1 .et_pb_column_1_4 .et_pb_team_member_image { box-shadow: inset 0 0 0px 10px #cc0033 !important; } .team_1 .et_pb_column_4_4 h4 { font-size: 18px !important; } .team_1 .et_pb_column_4_4 img { top: 1.5vw; left: 1.5vw; } .team_1 .et_pb_column_4_4 .et_pb_team_member_image { box-shadow: inset 0 0 0px 10px #cc0033 !important; margin-bottom: 50px !important; max-width: 190px; } } @media only screen and (max-width: 980px) { .team1 .et_pb_team_member_image { width: 100% !important; box-shadow: inset 0px 0px 0px 12px #cc0033; margin-bottom: 3.2vw !important; } .team1 h4 { font-size: 20px !important; } .team_1 .et_pb_column .et_pb_team_member_image { margin-bottom: 30px !important; } .team_1 .et_pb_column_1_2 .et_pb_team_member_image { margin-bottom: 40px !important; } body .team_1 .et_pb_member_social_links { Padding-top: 0 !important; } .team_1 .et_pb_column_1_3 img { top: 2.9vw; left: 2.9vw; } #page-container .team_1 .et_pb_column_1_4 { width: 47% !important; margin-right: 6% !important; margin-bottom: 40px !important; } #page-container .team_1 .et_pb_column_1_4:nth-child(2n+2) { margin-right: 0 !important; } .team_1 .et_pb_column_1_4 img { top: 2.5vw; left: 2.5vw; } .team_1 .et_pb_column_4_4 img { top: 1.5vw; left: 1.5vw; } } @media only screen and (max-width: 980px) and (min-width: 767px) { .team_1 .et_pb_column_4_4 .et_pb_team_member{ width: 100% !important; margin-right: 0 !important; margin-bottom: 60px !important; } .team_1 .et_pb_column_4_4 .et_pb_team_member:last-child{ margin-bottom: 0 !important; } .team_1 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image{ box-shadow: inset 0 0 0px 15px #cc0033 !important; margin-right: 60px !important; margin-bottom: 20px !important; } .team_1 .et_pb_column_4_4 img { top: 3.5vw; left: 3.5vw; } .team_1 .et_pb_column_4_4 .et_pb_member_social_links { padding-top: 0px !important; margin-top: 6px !important; } } @media only screen and (max-width: 767px) { .team_1 .et_pb_column_4_4 .et_pb_team_member, .team_1 .et_pb_column_1_3 { width: 100% !important; margin-right: 0 !important; margin-bottom: 60px !important; } .team_1 .et_pb_column_4_4 .et_pb_team_member:last-child, .team_1 .et_pb_column_1_3:last-child { margin-bottom: 0 !important; } .team_1 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image{ box-shadow: inset 0 0 0px 10px #cc0033 !important; margin-bottom: 20px !important; } .team_1 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image, .team1 .et_pb_team_member_image { width: 80% !important; box-shadow: inset 0 0 0 20px #cc0033; margin-bottom: 6.2vw !important; margin: 0 auto; max-width: 190px; } .team_1 .et_pb_column_4_4 img { top: 3.5vw; left: 3.5vw; } .team1 img { top: 5.9vw; left: 5.9vw; } .team1 .et_pb_team_member_description .et_pb_member_social_links { padding-top: 0 !important; } .team1 .et_pb_team_member_description { text-align: center !important; } .team_1 .et_pb_column_1_2 img { top: 2.6vw; left: 2.6vw; } .team_1 .et_pb_column_1_2 .et_pb_team_member_image { box-shadow: inset 0 0 0 10px #cc0033 !important; } .team_1 .et_pb_column_1_3 img { top: 4.9vw; left: 4.9vw; } } @media only screen and (max-width: 480px) { .team1 .et_pb_team_member_image { box-shadow: inset 0 0 0 10px #cc0033; } .team_1 .et_pb_column_1_2:last-child { margin-bottom: 0 !important; } .team_1 .et_pb_column_1_2 { width: 100% !important; margin-right: 0% !important; margin-bottom: 40px !important; } .team_1 .et_pb_column_1_2 img { top: 4.6vw; left: 4.6vw; } .team_1 .et_pb_column_1_3 img { top: 5.9vw; left: 5.9vw; } #page-container .team_1 .et_pb_column_1_4:last-child{ margin-bottom: 0 !important; } #page-container .team_1 .et_pb_column_1_4 { width: 100% !important; margin-right: 0 !important; margin-bottom: 40px !important; } .team_1 .et_pb_column_1_4 img { top: 4.5vw; left: 4.5vw; } .team_1 .et_pb_column_4_4 img { top: 5.5vw; left: 5.5vw; } } /*Animation Css*/ .team1 * { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer !important; } .team1:hover .et_pb_team_member_image { transform: rotate(-3deg); } .team1:hover .et_pb_team_member_image img { transform: rotate(6deg); } .team1:hover h4:after { width: 75%; } .team1 h4:after { content: ""; display: block; width: 0; height: 1px; background-color: #cc0033 !important; margin: 10px 0px -10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media only screen and (max-width: 767px) { .team1 h4:after { margin: 10px auto -10px; } } /* 2 of 8 Divi Person Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: https://webdesign101.berlin/product/divi-person-module-layout-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .team2 .person_link{ display: none !important; } /******** Team 2 Social Icons ***********/ .team2 .et_pb_member_social_links a { color: #fff !important; } /*Responsive*/ @media only screen and (max-width: 980px) { .team2 * { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team2 { margin-bottom: 60px !important; position: relative; } .team2 .et_pb_team_member_image { width: 100% !important; float: none !important; } .team2 .et_pb_team_member_image img { display: block; width: 100% !important; } .team2 .et_pb_team_member_description h4 { font-size: 20px !important; } .team2 .et_pb_team_member_description { padding: 6vw !important; } } /*****Animation Css******/ .team2:after { content: "" !important; display: block !important; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100% !important; filter: alpha(opacity=0) !important; opacity: 0; background: rgba(0, 0, 0, .15); visibility: visible !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team2:hover:after { opacity: 100 !important; } .team2:hover { cursor: pointer; } .team2 .et_pb_member_social_links{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team2:hover .et_pb_member_social_links{ bottom: 5.6vw !important; } .team2 .et_pb_team_member_description { z-index: 5 !important; } .team2 .et_pb_member_position:after{ content: ""; display: block; width: 0; height: 1px; background-color: #fff !important; margin: 10px 0px -10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team2:hover .et_pb_member_position:after{ width: 50%; } /* 3 of 8 Divi Person Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: https://webdesign101.berlin/product/divi-person-module-layout-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .team3 img { display: block; width: auto !important; height: 100% !important; max-width: none; } .team3 .et_pb_team_member_image { position: relative; } .team3.image_right .et_pb_team_member_image, .team3.image_right .et_pb_team_member_description { float: right !important; } .team3 { overflow: hidden; } .team3:hover { cursor: pointer; } .team3.person_bottom_right .et_pb_team_member_description, .team3.person_bottom_left .et_pb_team_member_description { text-align: right !important; } .team3.person_bottom_right .et_pb_team_member_image:before, .team3.person_bottom_left .et_pb_team_member_image:before, .team3.person_top_left .et_pb_team_member_image:after, .team3.person_top_right .et_pb_team_member_image:after { content: ""; width: 70px; height: 70px; display: block; position: absolute; bottom: 0; top: 0; margin: auto; transform: rotate(45deg); visibility: visible !important; z-index: 3 !important; } .team3.person_top_left .et_pb_team_member_image:after, .team3.person_top_right .et_pb_team_member_image:after { right: -2.6vw; } .team3.person_bottom_right .et_pb_team_member_image:before, .team3.person_bottom_left .et_pb_team_member_image:before { left: -2.6vw; } .team3.person_bottom_left .et_pb_team_member_image:before { background-color: #000; } .team3.person_bottom_right .et_pb_team_member_image:before { background-color: #e8e9ed; } .team3.person_top_left .et_pb_team_member_image:after { background-color: #fff; } .team3.person_top_right .et_pb_team_member_image:after { background-color: #e91e63; } .team3 .person_link { display: none !important; } /*Responsive*/ @media only screen and (min-width: 1921px) { .team3 .et_pb_team_member_image img { min-width: 100%; height: auto !important; } } @media only screen and (max-width: 1310px) { .team3.person_bottom_right .et_pb_team_member_image:before, .team3.person_bottom_left .et_pb_team_member_image:before, .team3.person_top_left .et_pb_team_member_image:after, .team3.person_top_right .et_pb_team_member_image:after { display: none !important; } .team_3 .et_pb_row{ display: block; } .team_3 .et_pb_column { width: 100% !important; } .et_pb_column .team3 .et_pb_team_member_image { width: 50% !important; margin: 0 !important; } .et_pb_column .team3 .et_pb_team_member_description { padding: 8vw !important; } } @media only screen and (max-width: 1310px) and (min-width: 980px){ .team3 .et_pb_team_member_image img { display: block; width: 100% !important; } } @media only screen and (max-width: 767px) { .et_pb_column .team3 .et_pb_team_member_image, .et_pb_column .team3 .et_pb_team_member_image img, .et_pb_column .team3 .et_pb_team_member_description { width: 100% !important; } .et_pb_column .team3 .et_pb_team_member_description { padding: 8vw !important; text-align: center !important; } } @media only screen and (max-width: 480px) { .team3 .et_pb_team_member_description:after, .team3 .et_pb_team_member_description:before { top: 10px !important; right: 10px !important; bottom: 10px !important; left: 10px !important; } } /*Animation Css*/ .team3 .et_pb_team_member_description:after, .team3 .et_pb_team_member_description:before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; pointer-events: none; } .team3 .et_pb_team_member_description:before { border-top: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } .team3 .et_pb_team_member_description:after { border-right: 1px solid #000; border-left: 1px solid #000; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } .team3:hover .et_pb_team_member_description:before, .team3:hover .et_pb_team_member_description:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .team3.person_top_right .et_pb_team_member_description:before, .team3.person_top_right .et_pb_team_member_description:after, .team3.person_bottom_left .et_pb_team_member_description:before, .team3.person_bottom_left .et_pb_team_member_description:after { border-color: #fff !important; } .team3 .et_pb_team_member_description, .team3 .et_pb_team_member_image img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team3:hover .et_pb_team_member_image img { transform: scale(1.1); } .team3:hover .et_pb_team_member_description { /*transform: scale(1.05);*/ } /* 4 of 8 Divi Person Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: https://webdesign101.berlin/product/divi-person-module-layout-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .team4 { overflow: hidden; } .team4:hover { cursor: pointer; } .team4 .person_link{ display: none !important; } /*Responsive*/ @media only screen and (max-width: 980px) { .team4 .et_pb_team_member_image { width: 100% !important; } .team4 .et_pb_team_member_image img { width: 100% !important; display: block; } } /*Animation Css*/ .team4 { cursor: pointer; } .team4 .et_pb_team_member_description h4:after { content: ""; display: block; width: 0; height: 1px; background-color: #fff !important; margin: 10px 0px -10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team4 .et_pb_team_member_description, .team4 .et_pb_team_member_image img, .team4 .et_pb_team_member_image { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team4:hover .et_pb_team_member_image { transform: scale(1.2); } .team4:hover .et_pb_team_member_image img { transform: rotate(-8deg); } .team4:hover .et_pb_team_member_description h4:after { width: 75%; margin: 10px 0px 2px; } /*Responsive*/ @media only screen and (min-width: 1921px) { .team4 .et_pb_team_member_description, .team4 .et_pb_team_member_image img, .team4 .et_pb_team_member_image { min-width: 100%; } } /* 5 of 8 Divi Person Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: https://webdesign101.berlin/product/divi-person-module-layout-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .team5 { overflow: hidden; } .team5:hover { cursor: pointer; } .team5 .person_link{ display: none !important; } .team5 { overflow: visible !important; } .team5 > div{ -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } .team5:hover .et_pb_team_member_image { -webkit-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); opacity: 0 !important; } .team5:hover .et_pb_team_member_description { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); opacity: 1; } /*Responsive*/ @media only screen and (max-width: 980px) { .team5 .et_pb_team_member_image { width: 100% !important; } .team5 .et_pb_team_member_image img { width: 100% !important; display: block; } #page-container .team_5 .et_pb_column_1_4 { width: 48% !important; margin-right: 4% !important; } #page-container .team_5 .et_pb_column_1_3{ width: 32% !important; margin-right: 2% !important; } #page-container .team_5 .et_pb_column_1_3:last-child, #page-container .team_5 .et_pb_column_1_4:nth-child(2n+2){ margin-right: 0 !important; } #page-container .team_5 .et_pb_row { overflow: visible; } } @media only screen and (max-width: 767px) { #page-container .team_5 .et_pb_column_1_4 { width: 100% !important; margin-right: 0 !important; } #page-container .team_5 .et_pb_column_1_3{ width: 100% !important; margin-right: 0 !important; } #page-container .team_5 .team5{ margin-bottom: 60px !important; } .team5:hover .et_pb_team_member_image { -webkit-transform: translate3d(0,100%,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,100%,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,100%,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,100%,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,100%,0) rotate3d(1,0,0,-90deg); } } /* 6 of 8 Divi Person Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: https://webdesign101.berlin/product/divi-person-module-layout-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .team6:hover { cursor: pointer; } .team6 .person_link{ display: none !important; } /*team 1_5*/ .team_6 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image img{ width: 100%; } .team_6 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image{ width: 100% !important; } .team_6 .et_pb_column_4_4 .et_pb_team_member { width: 16.6% !important; margin-right: 4.2% !important; float: left; position: relative; } .team_6 .et_pb_column_4_4 .et_pb_team_member:last-child{ margin-right: 0 !important; } /*Responsive*/ @media only screen and (max-width: 980px) { .team6 .et_pb_team_member_image { width: 100% !important; } .team6 .et_pb_team_member_image img { width: 100% !important; display: block !important; } #page-container .team_6 .et_pb_column_1_2{ width: 48% !important; margin-right: 4% !important; } #page-container .team_6 .et_pb_column_1_2:last-child{ margin-right: 0 !important; } #page-container .team_6 .et_pb_column_1_3:last-child{ margin-right: 0 !important; } #page-container .team_6 .et_pb_column_1_3{ width: 32% !important; margin-right: 2% !important; } #page-container .team_6 .et_pb_column_1_4:nth-child(2n+2){ margin-right: 0 !important; } #page-container .team_6 .et_pb_column_1_4{ width: 48% !important; margin-right: 4% !important; margin-bottom: 4% !important; } /*team 1_5*/ .team_6 .et_pb_column_4_4 { text-align: center; } .team_6 .et_pb_column_4_4 .et_pb_team_member { width: 48% !important; margin-right: 3% !important; margin-bottom: 3% !important; float: none; display: inline-block; position: relative; } .team_6 .et_pb_column_4_4 .et_pb_team_member:nth-child(2n+2), .team_6 .et_pb_column_4_4 .et_pb_team_member:last-child{ margin-right: 0 !important; } } @media only screen and (max-width: 767px){ #page-container .team_6 .et_pb_column_1_3:last-child{ margin-right: auto !important; } #page-container .team_6 .et_pb_column_1_3 { width: 50% !important; margin-right: auto !important; margin-left: auto !important; display: block; float: none; margin-bottom: 40px !important; } } @media only screen and (max-width: 480px){ .team_6 .et_pb_column .et_pb_team_member_description{ bottom: 30px !important; } .team_6 .et_pb_column_4_4 .et_pb_team_member, body #page-container .team_6 .et_pb_column { width: 100% !important; margin-right: auto !important; margin-left: auto !important; display: block; float: none; margin-bottom: 40px !important; } } /*Animation Css*/ .team6 .et_pb_team_member_image, .team6 .et_pb_team_member_description { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team6:hover .et_pb_team_member_description { bottom: 0 !important; } .team6:hover .et_pb_team_member_image { transform: scale(1.15); } /* 7 of 8 Divi Person Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: https://webdesign101.berlin/product/divi-person-module-layout-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .team7{ background-color: #ffffff !important;} .team7:hover { cursor: pointer; } .team7 .et_pb_team_member_description { text-align: center !important; } .team7 .person_link{ display: none !important; } .team7 .et_pb_team_member_description h4:after{ content: ""; display: block; width: 0; height: 1px; background-color: #cccccc !important; margin: 10px auto -10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*team 1_3*/ .team_7 .et_pb_column_1_3 .et_pb_team_member .et_pb_team_member_image{ margin-bottom: 36px; } .team_7 .et_pb_column_1_3 .et_pb_team_member{ padding: 2.2vw 1.6vw !important; } /*team 1_4*/ .team_7 .et_pb_column_1_4:last-child{ margin-right: 0 !important; } .team_7 .et_pb_column_1_4{ width: 23.2% !important; margin-right: 2.4% !important; } .team_7 .et_pb_column_1_4 .et_pb_team_member .et_pb_team_member_image{ margin-bottom: 35px; } .team_7 .et_pb_column_1_4 .et_pb_team_member { padding: 2.3vw 1.7vw 2vw !important; } /*team 1_5*/ .team_7 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image{ margin-bottom: 35px; } .team_7 .et_pb_column_4_4 .et_pb_team_member { padding: 2.3vw 1.7vw 2vw !important; } .team_7 .et_pb_column .et_pb_team_member .et_pb_team_member_image img, .team_7 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image{ width: 100% !important; } .team_7 .et_pb_column_4_4 .et_pb_team_member { width: 18.4% !important; margin-right: 2% !important; float: left; position: relative; } .team_7 .et_pb_column_4_4 .et_pb_team_member:last-child{ margin-right: 0 !important; } /*Animation Css*/ .team7 .et_pb_team_member_description , .team7, .team7 .et_pb_team_member_image, .team7 .et_pb_team_member_image img{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team7:hover .et_pb_team_member_description h4:after{ width: 60%; } .team7:hover .et_pb_team_member_description { transform: translate(0,-10px); } /*.team7:hover .et_pb_team_member_image img{*/ /*transform: translate(0,10px);*/ /*}*/ .team7:hover .et_pb_team_member_image { transform: scale(0.9); } .team7:hover{ box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.35); } /*Responsive*/ @media only screen and (max-width: 980px) { /*team 1_2*/ .team_7 .et_pb_column_1_2:last-child{ margin-right: 0 !important; } .team_7 .et_pb_column_1_2{ width: 48% !important; margin-right: 4% !important; } .team_7 .et_pb_column .et_pb_team_member_image{ width: 100% !important; } .team_7 .et_pb_column .et_pb_team_member_image{ margin-bottom: 20px !important; } /*team 1_3*/ .team_7 .et_pb_column_1_3:last-child{ margin-right: 0 !important; } .team_7 .et_pb_column_1_3{ width: 31% !important; margin-right: 3.5% !important; } /*team 1_4*/ #page-container .team_7 .et_pb_column_1_4:nth-child(2n+2){ margin-right: 0 !important; } #page-container .team_7 .et_pb_column_1_4{ width: 48% !important; margin-right: 4% !important; } /*team 1_5*/ .team_7 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image{ margin-bottom: 0 !important; } .team_7 .et_pb_column_4_4 .et_pb_team_member { padding: 2.3vw 1.7vw 2vw !important; } .team_7 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image{ width: 40% !important; margin-right: 5% !important; } .team_7 .et_pb_column_4_4 .et_pb_team_member { width: 48% !important; margin-right: 3% !important; margin-bottom: 2% !important; float: none !important; display: inline-block !important; } .team_7 .et_pb_column_4_4{ text-align: center !important; } .team_7 .et_pb_column_4_4 .et_pb_team_member:nth-child(2n+2), .team_7 .et_pb_column_4_4 .et_pb_team_member:last-child{ margin-right: 0 !important; } .team_7 .et_pb_column_4_4 .et_pb_member_social_links{ text-align: left !important; } .team_7 .et_pb_column_4_4 .et_pb_team_member_description { display: block; float: left; text-align: left !important; padding-top: 8px; } } @media only screen and (max-width: 980px) and (min-width: 767px) { .et_pb_column_4_4 .team7:hover .et_pb_team_member_description { transform: translate(0,0); } .et_pb_column_4_4 .team7 .et_pb_team_member_description h4:after { margin: 10px 0 -10px; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .team7:hover .et_pb_team_member_description { transform: translate(0,0); } .team7 .et_pb_team_member_description h4:after { margin: 10px 0 -10px; } } @media only screen and (max-width: 767px) { #page-container .team_7 .et_pb_column .et_pb_team_member .et_pb_team_member_image{ width: 40% !important; margin-right: 5% !important; margin-bottom: 0 !important; float: left; } #page-container .team_7 .et_pb_column .et_pb_team_member { margin-bottom: 0 !important; } #page-container .team_7 .et_pb_column, #page-container .team_7 .et_pb_column_4_4 .et_pb_team_member { width: 100% !important; margin-right: 0 !important; margin-bottom: 40px !important; float: none !important; display: block !important; } #page-container .team_7 .et_pb_column{ text-align: center !important; } #page-container .team_7 .et_pb_column .et_pb_team_member:nth-child(2n+2), #page-container .team_7 .et_pb_column .et_pb_team_member:last-child{ margin-right: 0 !important; } #page-container .team_7 .et_pb_column .et_pb_member_social_links{ text-align: left !important; } #page-container .team_7 .et_pb_column .et_pb_team_member_description { display: block; float: left; text-align: left !important; padding-top: 8px; } #page-container .team_7 .et_pb_column .et_pb_team_member { padding: 2.5vw !important; } } @media only screen and (max-width: 480px) { #page-container .team_7 .et_pb_column .et_pb_team_member .et_pb_team_member_image{ width: 100% !important; margin-right: 0 !important; margin-bottom: 30px !important; float: none; } #page-container .team_7 .et_pb_column .et_pb_member_social_links{ text-align: center !important; } #page-container .team_7 .et_pb_column .et_pb_team_member_description { display: block; float: none; text-align: center !important; padding-top: 0; } #page-container .team_7 .et_pb_column .et_pb_team_member { padding: 5.5vw !important; } } /* 8 of 8 Divi Person Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest person module here: https://webdesign101.berlin/product/divi-person-module-layout-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .team8 .et_pb_team_member_image img { display: block; width: 100%; } .team8 .person_link { display: none !important; } .team8 .et_pb_column { cursor: pointer; } .team8 .et_pb_column .et_pb_team_member_image { width: 100% !important; } .team8 .et_pb_column .et_pb_team_member_description h4:after { content: ""; display: block; width: 0; height: 1px; background-color: #fff !important; margin: 15px auto -15px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .team8 .et_pb_column:hover .et_pb_team_member_description h4:after { width: 50%; } .team8 .et_pb_column{ transition-duration: 0.3s; } .team8 .et_pb_column:hover{ transform: translateY(-5px); } .team8 .et_pb_column:hover:after{ opacity: 1; transform: translateY(10px); } .team8 .et_pb_column:after{ pointer-events: none; position: absolute; z-index: 0; content: ''; top: 100%; left: 0; height: 10px; width: 60%; 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; visibility: visible; right: 0; margin: auto; } .team8 .et_pb_column:hover .et_pb_team_member_description { background-color: #cc0033; } .team8 .et_pb_column .et_pb_team_member .et_pb_team_member_description{ opacity: 0; } .team8 .et_pb_column .et_pb_team_member .et_pb_team_member_image{ opacity: 1; } .team8 .et_pb_column .et_pb_team_member:hover .et_pb_team_member_description{ -webkit-transform: rotateY( 0); -moz-transform: rotateY( 0); -o-transform: rotateY( 0); -ms-transform: rotateY( 0); transform: rotateY(0); opacity: 1; } .team8 .et_pb_column .et_pb_team_member:hover .et_pb_team_member_image{ -webkit-transform: rotateY( -180deg); -moz-transform: rotateY( -180deg); -o-transform: rotateY( -180deg); -ms-transform: rotateY( -180deg); transform: rotateY( -180deg); opacity: 0; } .team8 .et_pb_column_1_4:last-child { margin-right: 0 !important; } .team8 .et_pb_column_1_4 { width: 20% !important; margin-right: 6.6% !important; } .team8 .et_pb_column_1_3 .et_pb_team_member_description { padding-top: 39% !important; } /*Responsive*/ @media only screen and (max-width: 980px) { #page-container .team8 .et_pb_column_1_4 { width: 38% !important; margin-right: 6% !important; margin-bottom: 10%; margin-left: 6% !important; } .team8 .et_pb_column_1_4 .et_pb_team_member_description { padding-top: 39% !important; } #page-container .team8 .et_pb_column_1_3:last-child{ margin-right: 0 !important; } #page-container .team8 .et_pb_column_1_3 { width: 32% !important; margin-right: 2% !important; margin-bottom: 2%; margin-left: 0 !important; } .team8 .et_pb_column_1_4 .et_pb_team_member_description { padding-top: 39% !important; } } @media only screen and (max-width: 767px) { #page-container .team8 .et_pb_column_1_4 { width: 47% !important; margin-right: 6% !important; margin-bottom: 6%; margin-left: 0 !important; } #page-container .team8 .et_pb_column_1_4:nth-child(2n+2) { margin-right: 0 !important; } .team8 .et_pb_column_1_4 .et_pb_team_member_description { padding-top: 35% !important; } #page-container .team8 .et_pb_column_1_3 { width: 50% !important; margin-right: auto !important; margin-bottom: 40px; margin-left: auto !important; display: block; float: none !important; text-align: center; } #page-container .team8 .et_pb_column_1_3:last-child{ margin-right: auto !important; } } @media only screen and (max-width: 480px) { #page-container .team8 .et_pb_column_1_3, #page-container .team8 .et_pb_column_1_4 { width: 100% !important; margin-right: 0 !important; margin-bottom: 40px; margin-left: 0 !important; } .team8 .et_pb_column_1_4 .et_pb_team_member_description { padding-top: 39% !important; } } /*/* MASTER Divi Blurb Module Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest module here: https://webdesign101.berlin/product/divi-blurb-module-layout-kit/ ** Get Support Here: https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .blurbs_1 .et_pb_blurb_container { vertical-align: middle; padding: 1.57vw 1.05vw 1.05vw 2.1vw; line-height: 160%; } .blurbs_1 .et-pb-icon { font-size: 60px !important; } /*Hover*/ .blurbs_1 .et_pb_blurb, .blurbs_1 .et_pb_blurb .et-pb-icon{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blurbs_1 .et_pb_blurb:hover { box-shadow: 0 0 32.2px 2.8px rgba(204, 204, 204, 0.65); } .blurbs_1 .et_pb_blurb:hover .et-pb-icon{ transform: scale(2); } .blurbs_1 .et_pb_blurb:hover .et_pb_blurb_container { -webkit-animation: fadeIn 5s infinite; /* Safari 4.0 - 8.0 */ animation: fadeIn 1s infinite; animation-iteration-count: 1; } @-webkit-keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*Responsive*/ @media only screen and (max-width: 1390px){ .blurbs_1 .et_pb_blurb_container h4 a, .blurbs_1 .et_pb_blurb_container h4{ font-size: 18px !important; } .blurbs_1 .et_pb_blurb:hover .et-pb-icon { transform: scale(1.4); } } @media only screen and (max-width: 767px){ .blurbs_1 .et_pb_blurb:hover .et-pb-icon { transform: scale(1.2); } } @media only screen and (max-width: 480px){ .blurbs_1 .et_pb_blurb .et_pb_main_blurb_image { padding: 12.9vw; display: block; width: 100%; margin-bottom: 0; } .blurbs_1 .et_pb_blurb_container { padding: 20px; text-align: center; } .blurbs_1 .et-pb-icon { font-size: 100px !important; } } .blurbs_2 .et_pb_blurb_container { vertical-align: middle; padding: 1.05vw 1.05vw 0.5vw 2.1vw; line-height: 160%; position: relative; z-index: 5; } .blurbs_2 .et_pb_main_blurb_image img { display: block !important; } .blurbs_2 .et_pb_blurb:hover .et_pb_blurb_container:before { left: -13px; } .blurbs_2 .et_pb_blurb_container:before { content: ""; display: block; width: 30px; height: 30px; transform: rotate(45deg); background-color: #fff; position: absolute; left: 7px; top: 0; bottom: 0; margin: auto; z-index: -1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blurbs_2 .et_pb_blurb:hover .et_pb_blurb_container h4:after { width: 100%; margin: 14px 0 0px; } .blurbs_2 .et_pb_blurb .et_pb_blurb_container h4:after { content: ""; display: block; width: 0; height: 1px; background-color: #cccccc !important; margin: 0 0 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blurbs_2 .et_pb_blurb:hover .et_pb_blurb_container { -webkit-animation: fadeIn 1s infinite; /* Safari 4.0 - 8.0 */ animation: fadeIn 1s infinite; animation-iteration-count: 1; } @-webkit-keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*Responsive*/ @media only screen and (max-width: 1390px) { .blurbs_2 .et_pb_blurb_container { padding: 0 1.05vw 0 2.1vw; } .blurbs_2 .et_pb_blurb .et_pb_main_blurb_image { vertical-align: middle; width: 30%; } .blurbs_2 .et_pb_blurb_container h4 a, .blurbs_2 .et_pb_blurb_container h4 { font-size: 18px !important; } .blurbs_2 .et_pb_blurb .et_pb_blurb_container h4:after { margin: 6px 0 -6px; } .blurbs_2 .et_pb_blurb:hover .et_pb_blurb_container h4:after { margin: 6px 0 -6px; } } @media only screen and (max-width: 980px) { .blurbs_2 .et_pb_blurb .et_pb_main_blurb_image { width: auto; } } @media only screen and (max-width: 767px) { .blurbs_2 .et_pb_blurb .et_pb_main_blurb_image { width: 35%; } } @media only screen and (max-width: 480px) { .blurbs_2 .et_pb_main_blurb_image img { width: 100% !important; } .blurbs_2 .et_pb_blurb .et_pb_main_blurb_image { width: 100%; display: block !important; margin-bottom: 0 !important; } .blurbs_2 .et_pb_blurb_container { padding: 20px; text-align: center; } .blurbs_2 .et_pb_blurb_container:before { left: 0; top: 8px; bottom: auto !important; right: 0; } .blurbs_2 .et_pb_blurb:hover .et_pb_blurb_container:before { top: -9px; left: 0; } .blurbs_2 .et_pb_blurb:hover .et_pb_blurb_container h4:after { margin: 6px auto -6px; width: 60% !important; } .blurbs_2 .et_pb_blurb .et_pb_blurb_container h4:after { margin: 6px auto -6px; } } .blurbs_3 .et_pb_column_4_4 h2:after{ content: ""; display: block; width: 131px; height: 1px; background-color: #d7d7d7; margin: 20px auto 36px; } .blurbs_3 .et_pb_column_1_4 .et-pb-icon{ font-size: 60px !important; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb_container{ padding: 0 17px 24px; line-height: 168%; } .blurbs_3 .et_pb_column_1_4{ cursor: pointer; } .blurbs_3 .et_pb_column_1_4 .back .et-pb-icon:after{ content: ""; display: block; width: 0; height: 1px; background-color: #fff; margin: 0 auto; -webkit-transition: all 0.9s linear; -moz-transition: all 0.9s linear; -o-transition: all 0.9s linear; -ms-transition: all 0.9s linear; transition: all 0.9s linear; } .blurbs_3 .et_pb_column_1_4 .back .et-pb-icon{ font-size: 120px !important; /*border-bottom: 1px solid !important;*/ line-height: 90%; } .blurbs_3 .et_pb_column_1_4:hover .back .et-pb-icon:after{ width: 100%; } .blurbs_3 .et_pb_column_1_4{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb{ background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb .et_pb_main_blurb_image{ display: block; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb.back{ opacity: 0; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb.front{ opacity: 1; } .blurbs_3 .et_pb_column_1_4:hover .et_pb_blurb.back{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); /*transform-style: preserve-3d;*/ opacity: 1; } .blurbs_3 .et_pb_column_1_4:hover .et_pb_blurb.front{ -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); /*transform-style: preserve-3d;*/ opacity: 0; } /*Responsive*/ @media only screen and (max-width: 980px) { .blurbs_3 .et_pb_row{ overflow: visible; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb{ max-width: 226px; margin: 0 auto !important; left: 0; right: 0; } } @media only screen and (max-width: 480px) { .blurbs_3 .et_pb_column_1_4 .et_pb_main_blurb_image { padding: 40px !important; margin-bottom: 23px; } } .blurbs_4 .et_pb_column_1_3 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 900px; -moz-perspective: 900px; -o-perspective: 900px; -ms-perspective: 900px; perspective: 900px; cursor: pointer; } .blurbs_4 .et_pb_blurb { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } .blurbs_4 .et_pb_column_1_3 .back .et_pb_blurb_content p{ min-width: 200px; } .blurbs_4 .et_pb_column_1_3:hover .front { -webkit-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg); opacity: 0 !important; } .blurbs_4 .et_pb_column_1_3:hover .back { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); opacity: 1; } /*Responsive*/ @media only screen and (max-width: 1390px) { .blurbs_4 .et_pb_blurb h4, .blurbs_4 .et_pb_blurb h4 a{ font-size: 18px !important; } } @media only screen and (max-width: 980px) { .blurbs_4 .et_pb_blurb.front { padding: 40px !important; } .blurbs_4 .et_pb_blurb .et_pb_main_blurb_image, .blurbs_4 .et_pb_blurb .et_pb_blurb_content{ text-align: center !important; } } .blurbs_5 .et_pb_main_blurb_image:after { pointer-events: none; position: absolute; content: ''; left: 0; height: 10px; width: 46%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 67%); transition-duration: 0.3s; transition-property: transform opacity; display: block; margin: 0px auto 0; right: 0; } .blurbs_5 .et_pb_main_blurb_image img { padding: 3.7vw; display: block; width: 100%; } .blurbs_5 .et_pb_blurb_container { line-height: 190%; } .blurbs_5 .et_pb_blurb:hover .et_pb_main_blurb_image { transform: translateY(-17px); } .blurbs_5 .et_pb_blurb:hover .et_pb_main_blurb_image:after { opacity: 1; transform: translateY(29px); } .blurbs_5 h4:after { content: ""; display: block; width: 0; height: 1px; background-color: #d7d7d7; margin: 24px auto -25px; transition-duration: 0.3s; } .blurbs_5 .et_pb_blurb:hover h4:after { width: 40%; } .blurbs_5 .et_pb_blurb:hover .et_pb_blurb_container { -webkit-animation: fadeIn 5s infinite; /* Safari 4.0 - 8.0 */ animation: fadeIn 1s infinite; animation-iteration-count: 1; } @-webkit-keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*Responsive*/ @media only screen and (max-width: 980px) { .blurbs_5 .et_pb_main_blurb_image { max-width: 200px; margin: 0 auto 40px; } .blurbs_5 .et_pb_main_blurb_image img { padding: 6vw; } } @media only screen and (max-width: 767px) { .blurbs_5 .et_pb_main_blurb_image img { padding: 9vw; } } @media only screen and (max-width: 480px) { .blurbs_5 .et_pb_main_blurb_image img { padding: 14vw; } } .blurbs_6 .et_pb_main_blurb_image img { filter: grayscale(100%); } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container h4 { position: relative; } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container h4:after { bottom: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container h4:before { top: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container h4:before, .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container h4:after { position: absolute; left: 0; right: 0; margin: auto; width: 50%; height: 2px; background: #cc0033; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_blurb_container h4:after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_blurb_container h4:before { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_blurb_container p { transform: translateY(15px); } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container, .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_main_blurb_image a { position: relative; z-index: 3; } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_main_blurb_image { position: relative; max-width: 74px; margin: 0 auto 10px; } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container p, .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_main_blurb_image img, .blurbs_6 .et_pb_column_1_3 .et_pb_blurb .et_pb_main_blurb_image:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blurbs_6 .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_main_blurb_image img { filter: grayscale(0); } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb { width: 18% !important; margin-right: 2.4% !important; float: left; text-align: center; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb .et_pb_main_blurb_image:after { pointer-events: none; position: absolute; content: ''; left: 0; height: 10px; width: 46%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 67%); transition-duration: 0.3s; transition-property: transform opacity; display: block; margin: 0px auto 0; right: 0; margin-bottom: -10px !important; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb:last-child { margin-right: 0 !important; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb img { transition: 0.3s !important; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb h4 a { transition: 0.3s !important; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb:hover h4 a { color: #cc0033 !important; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb:hover .et_pb_main_blurb_image:after { -webkit-animation: shrink 1s infinite; /* Safari 4.0 - 8.0 */ animation: shrink 1s infinite; position: relative; animation-iteration-count: 1; opacity: 1; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb:hover img { -webkit-animation: mymove 1s infinite; /* Safari 4.0 - 8.0 */ animation: mymove 1s infinite; position: relative; animation-iteration-count: 1; } @-webkit-keyframes mymove { from { top: 0; } to { top: 10px; } } @keyframes mymove { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -9px, 0); transform: translate3d(0, -9px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @-webkit-keyframes shrink { from { width: 25%; } to { width: 46%; } } @keyframes shrink { from, 20%, 53%, 80%, to { width: 46%; } 40%, 43% { width: 25%; } 70% { width: 35%; } 90% { width: 43%; } } /*Responsive*/ @media only screen and (max-width: 980px) { .blurbs_7 .et_pb_column_4_4 .et_pb_blurb h4{ font-size: 16px !important; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb .et_pb_main_blurb_image{ max-width: 80px; margin: 0 auto 20px; } } @media only screen and (max-width: 767px) { .blurbs_7 .et_pb_column_4_4 .et_pb_promo_description, .blurbs_7 .et_pb_column_4_4 { text-align: center; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb { width: 31% !important; margin-right: 2.5% !important; float: none !important; display: inline-block; } .blurbs_7 .et_pb_column_4_4 .et_pb_blurb:nth-child(3){ margin-right: 0 !important; } } @media only screen and (max-width: 480px) { .blurbs_7 .et_pb_column_4_4 .et_pb_blurb { width: 100% !important; margin-right: 0% !important; } } .blurbs_8 .et_pb_column_4_4 .et_pb_text { width: 25.9% !important; margin-right: 2% !important; float: left; text-align: left; padding-top: 32px; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb { width: 10% !important; margin-right: 5.5% !important; float: left; text-align: center; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:last-child { margin-right: 0 !important; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb .et_pb_promo_description { max-width: 790px; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb { cursor: pointer; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:after { content: ""; display: block; background-color: #ffffff; position: absolute; left: 0; box-shadow: 0px 0px 32.2px 2.8px rgba(204, 204, 204, 0.65); width: 100%; padding-top: 100%; border-radius: 100%; z-index: 0; top: 50%; transform: translate(0,-50%) scale(0); } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:after, .blurbs_8 .et_pb_column_4_4 .et_pb_blurb .et_pb_blurb_container , .blurbs_8 .et_pb_column_4_4 .et_pb_blurb .et_pb_main_blurb_image { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:hover .et_pb_blurb_container { transform: translateY(-15px); } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:hover:after { top: 50%; transform: translate(0,-50%) scale(1.8); } /*Responsive*/ @media only screen and (max-width: 1390px) { .blurbs_8 .et_pb_column_4_4 .et_pb_blurb h4, .blurbs_8 .et_pb_column_4_4 .et_pb_blurb h4 a { font-size: 16px !important; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb { width: 11% !important; margin-right: 4.2% !important; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:hover:after { transform: translate(0,-50%) scale(1.6); } } @media only screen and (max-width: 980px) { .blurbs_8 .et_pb_column_4_4 .et_pb_promo_description { text-align: center !important; } .blurbs_8 .et_pb_column_4_4 .et_pb_text { width: 100% !important; margin-right: 0% !important; text-align: center; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb { width: 18% !important; margin-right: 2.5% !important; float: left; text-align: center; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:last-child { margin-right: 0 !important; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb .et_pb_main_blurb_image { max-width: 80px; margin: 0 auto 20px; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:hover:after { transform: translate(0,-50%) scale(1.2); } } @media only screen and (max-width: 767px) { .blurbs_8 .et_pb_column_4_4 { text-align: center !important; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb { width: 31% !important; margin-right: 2.5% !important; float: none !important; display: inline-block; } .blurbs_8 .et_pb_column_4_4 .et_pb_blurb:nth-last-child(3) { margin-right: 0 !important; } } @media only screen and (max-width: 480px) { .blurbs_8 .et_pb_column_4_4 .et_pb_blurb { width: 100% !important; margin-right: 0% !important; } }*/ /* Master Contact Form Kit Css Code ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest kit here: : https://webdesign101.berlin/product/divi-contact-form-kit/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ ** Default RED Colour to replace anywhere in the css = #cc0033 */ .contact_1 .et_pb_contact_form { margin-left: 0 !important; } .contact_1 .et_pb_contact_form .et_pb_contact_field_last { width: 65%; float: left; padding-left: 0 !important; margin-right: 5.4%; } .contact_1 .et_pb_contact_form .et_pb_contact_field_half { width: 29.6%; padding: 0 !important; margin-bottom: 43px !important; margin: 0; overflow: visible; clear: none !important; } .contact_1 .et_pb_contact_form .et_contact_bottom_container { margin-top: -14px !important; width: 29.6%; } #page-container .contact_1 .et_pb_contact_form p textarea::-webkit-input-placeholder, #page-container .contact_1 .et_pb_contact_form p input::-webkit-input-placeholder { color: transparent !important; } #page-container .contact_1 .et_pb_contact_form p textarea::-moz-placeholder, #page-container .contact_1 .et_pb_contact_form p input::-moz-placeholder { color: transparent !important; } #page-container .contact_1 .et_pb_contact_form p textarea:-ms-input-placeholder, #page-container .contact_1 .et_pb_contact_form p input:-ms-input-placeholder { color: transparent !important; } #page-container .contact_1 .et_pb_contact_form p textarea:-moz-placeholder, #page-container .contact_1 .et_pb_contact_form p input:-moz-placeholder { color: transparent !important; } /*Error */ .contact_1 .et_pb_contact_form_container .et-pb-contact-message ul { padding-bottom: 20px !important; } .contact_1 .et_pb_contact_form p textarea.et_contact_error, .contact_1 .et_pb_contact_form p input.et_contact_error { padding-left: 24px !important; } .contact_1 .et_pb_contact_form p textarea.et_contact_error + label, .contact_1 .et_pb_contact_form p input.et_contact_error + label { padding-left: 24px !important; } /*Animation*/ .contact_1 .et_pb_contact_form p { position: relative; } .contact_1 .et_pb_contact_form p label { display: block !important; position: absolute; width: 100%; text-align: left; pointer-events: none; top: 22px; padding-left: 0; color: #2c2c2c; font-size: 16px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contact_1 .et_pb_contact_form p.filled label, .contact_1 .et_pb_contact_form p.focus label { -webkit-transform: translate3d(0, -210%, 0); transform: translate3d(0, -210%, 0); color: #cc0033; font-size: 14px; } /*Responsive*/ @media only screen and (max-width: 767px) { .contact_1 .et_pb_contact_form .et_pb_contact_field_last { width: 100% !important; margin-right: 0 !important; margin-bottom: 31px; } .contact_1 .et_pb_contact_form .et_pb_contact_field_half { margin-bottom: 40px !important; } .contact_1 .et_pb_contact_form .et_contact_bottom_container { margin-top: 0px !important; } } @media only screen and (max-width: 480px) { .contact_1 .et_pb_contact_form .et_contact_bottom_container { width: 100%; } } .contact_2 .et_pb_contact_form { margin-left: 0 !important; } .contact_2 .et_pb_contact_form .et_pb_contact_field { padding: 0 !important; margin: 0 !important; } .contact_2 .et_pb_contact_form .et_contact_bottom_container { margin-top: 0 !important; width: 100%; } #page-container .contact_2 .et_pb_contact_form textarea::-webkit-input-placeholder, #page-container .contact_2 .et_pb_contact_form input::-webkit-input-placeholder { color: transparent !important; } #page-container .contact_2 .et_pb_contact_form textarea::-moz-placeholder, #page-container .contact_2 .et_pb_contact_form input::-moz-placeholder { color: transparent !important; } #page-container .contact_2 .et_pb_contact_form textarea:-ms-input-placeholder, #page-container .contact_2 .et_pb_contact_form input:-ms-input-placeholder { color: transparent !important; } #page-container .contact_2 .et_pb_contact_form textarea:-moz-placeholder, #page-container .contact_2 .et_pb_contact_form input:-moz-placeholder { color: transparent !important; } /*End Form Style*/ #page-container .contact_2 .et_pb_column_4_4 { max-width: 1080px !important; margin: auto !important; float: none !important; width: 80% !important; } .contact_2 hr { border-width: 2px; border-color: #e7e7e7 !important; border-style: solid; width: 64px; margin-left: 0; margin: 19px 0 24px; } .contact_2 .et_pb_row:first-child i.fa.fa-home { font-size: 18px !important; } .contact_2 .et_pb_row:first-child i.fa.fa-envelope { font-size: 14px !important; } .contact_2 .et_pb_row:first-child i.fa.fa-mobile { font-size: 24px !important; } .contact_2 .et_pb_row:first-child i { min-width: 27px; color: #cc0033; vertical-align: middle; } .contact_2 .et_pb_column_1_2 .et_pb_promo_description p.social_icons { padding-bottom: 0 !important; } .contact_2 .et_pb_column_1_2 .et_pb_promo_description .elegantFont { font-family: "ETmodules" !important; min-width: 27px; color: #cc0033; vertical-align: middle; clear: both !important; display: inline-block; } .contact_2 .et_pb_column_4_4 .elegantfont { font-family: "ETmodules" !important; color: #fff !important; margin-left: 20px !important; } .contact_2 .et_pb_row:first-child .et_pb_promo_description p:last-child { line-height: 200%; } .contact_2 .et_pb_row:first-child .et_pb_promo_description p:last-child a { width: 85%; display: inline-block; } .contact_2 .et_pb_row:last-child .et_pb_promo p:last-child { padding-bottom: 0 !important; } .contact_2 .et_pb_row:last-child .et_pb_promo p { padding-bottom: 27px !important; } .contact_2 .et_pb_row:last-child .et_pb_text { float: right; margin-top: -46px; } #page-container .contact_2 p a:hover { opacity: 0.7; } /*Error */ .contact_2 .et_pb_contact_form_container .et-pb-contact-message ul { padding-bottom: 10px !important; } .contact_2 .et_pb_contact_form p input.et_contact_error { margin-bottom: 5px !important; } .contact_2 .et_pb_contact_form p textarea.et_contact_error + label, .contact_2 .et_pb_contact_form p input.et_contact_error + label { padding-left: 21px !important; } /*Animation*/ .contact_2 .et_pb_contact_form p:before { display: inline-block !important; font-family: "ETmodules" !important; color: #cc0033; margin: 0 !important; opacity: 1; font-size: 19px !important; position: absolute; top: 34px; left: 20px; -webkit-transform: translate3d(-56px, 0, 0) translate(0, -50%); transform: translate3d(-56px, 0, 0) translate(0, -50%); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; border-right: 1px solid #ccc; padding-right: 8px; min-width: 20px; z-index: 1 !important; } .contact_2 .et_pb_contact_form p.filled:before, .contact_2 .et_pb_contact_form p.focus:before { -webkit-transform: translate3d(0, 0, 0) translate(2px, -50%); transform: translate3d(0, 0, 0) translate(2px, -50%); } .contact_2 .et_pb_contact_form p:first-child:before { content: ''; } .contact_2 .et_pb_contact_form p:nth-child(2):before { content: ''; } .contact_2 .et_pb_contact_form p:nth-child(3):before { content: ''; } .contact_2 .et_pb_contact_form p { position: relative; overflow: hidden; } .contact_2 .et_pb_contact_form p label { display: block !important; position: absolute; width: 100%; text-align: left; pointer-events: none; top: 22px; padding-left: 0; color: #2c2c2c; font-size: 18px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contact_2 .et_pb_contact_form p.filled label, .contact_2 .et_pb_contact_form p.focus label { opacity: 0; -webkit-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0); } /*Responsive*/ @media only screen and (max-width: 980px) { .contact_2 .et_pb_row:first-child .et_pb_promo_description { max-width: 100%; text-align: center; } .contact_2 hr { margin-left: auto; margin: 19px auto 24px; } .contact_2 .et_pb_row:last-child .et_pb_promo { width: 100%; max-width: 100%; text-align: center; } .contact_2 .et_pb_row:last-child .et_pb_text { float: none; margin-top: 20px; text-align: center; } } @media only screen and (max-width: 767px) { .contact_2 .et_pb_row:first-child .et_pb_contact_form_container { padding: 30px !important; } } .contact_3 .et_pb_contact_form { margin-left: 0 !important; } .contact_3 .et_pb_contact_form .et_pb_contact_field { padding: 0 !important; margin: 0 !important; } .contact_3 .et_pb_contact_form .et_pb_contact_field_half.et_pb_contact_field_last { margin-right: 0 !important; } .contact_3 .et_pb_contact_form .et_pb_contact_field_half { width: 47% !important; margin-right: 6% !important; margin-bottom: 26px !important; } .contact_3 .et_pb_contact_form .et_contact_bottom_container { margin-top: 24px !important; width: 100%; } .contact_3 h1.et_pb_contact_main_title:after { content: ""; display: inline-block; height: 3px; width: 70%; background-color: #cc0033; float: right; margin-top: 15px; } #page-container .contact_3 .et_pb_contact_form p textarea::-webkit-input-placeholder, #page-container .contact_3 .et_pb_contact_form p input::-webkit-input-placeholder { color: transparent !important; } #page-container .contact_3 .et_pb_contact_form p textarea::-moz-placeholder, #page-container .contact_3 .et_pb_contact_form p input::-moz-placeholder { color: transparent !important; } #page-container .contact_3 .et_pb_contact_form p textarea:-ms-input-placeholder, #page-container .contact_3 .et_pb_contact_form p input:-ms-input-placeholder { color: transparent !important; } #page-container .contact_3 .et_pb_contact_form p textarea:-moz-placeholder, #page-container .contact_3 .et_pb_contact_form p input:-moz-placeholder { color: transparent !important; } /*Error*/ .contact_3 .et_pb_contact_form p textarea.et_contact_error, .contact_3 .et_pb_contact_form p input.et_contact_error { border-radius: 6px; } .contact_3 .et_pb_contact_form p textarea.et_contact_error + label, .contact_3 .et_pb_contact_form p input.et_contact_error + label { padding-left: 24px !important; } /*Animation*/ .contact_3 .et_pb_contact_form p:not(.et_pb_contact_field_half ) { clear: both; } .contact_3 .et_pb_contact_form p { position: relative; overflow: visible; } .contact_3 .et_pb_contact_form p label { display: block !important; position: absolute; width: 100%; text-align: left; pointer-events: none; top: 22px; padding-left: 0; color: #2c2c2c; font-size: 16px; font-weight: 400; z-index: 2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contact_3 .et_pb_contact_form p.filled label, .contact_3 .et_pb_contact_form p.focus label { opacity: 0; -webkit-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0); } .contact_3 .et_pb_contact_form p.filled textarea, .contact_3 .et_pb_contact_form p.focus textarea, .contact_3 .et_pb_contact_form p.filled input, .contact_3 .et_pb_contact_form p.focus input { box-shadow: 0px 0px 7.36px 0.64px rgba(204, 204, 204, 0.65); display: block; border: 1px solid #eee !important; border-radius: 6px; padding-left: 24px !important; } /*Responsive*/ @media only screen and (max-width: 1390px) { .contact_3 h1.et_pb_contact_main_title:after { width: 58%; } } @media only screen and (max-width: 980px) { .contact_3 h1.et_pb_contact_main_title:after { margin-top: 10px; } } @media only screen and (max-width: 767px) { .contact_3 .et_pb_contact_form .et_pb_contact_field_half { width: 100% !important; margin-right: 0% !important; } } @media only screen and (max-width: 480px) { .contact_3 h1.et_pb_contact_main_title:after { width: 40%; } } .contact_4 .et_pb_contact_form { margin-left: 0 !important; } .contact_4 .et_pb_contact_form .et_pb_contact_field { padding: 0 !important; margin: 0 !important; margin-bottom: 12px !important; } .contact_4 .et_pb_contact_form .et_contact_bottom_container { margin-top: -3px !important; width: 100%; } .contact_4 .et_pb_accordion .et_pb_toggle_close h5:before { left: 40px; } .contact_4 .et_pb_accordion .et_pb_toggle_close h5 { padding: 33px 39px 33px 89px !important; } .contact_4 .et_pb_accordion .et_pb_toggle_close { margin-bottom: 20px !important; } .contact_4 .et_pb_accordion .et_pb_toggle_open h5 { font-weight: 700; } .contact_4 .et_pb_accordion .et_pb_toggle_open h5:before { content: "\e04f" !important; display: block !important; margin-top: -16px; color: #cc0033; } .contact_4 .et_pb_accordion .et_pb_toggle { -webkit-transition: box-shadow 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; } .contact_4 .et_pb_accordion .et_pb_toggle h5:before, .contact_4 .et_pb_accordion .et_pb_toggle h5 { -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .contact_4 .et_pb_accordion .et_pb_toggle:hover h5, .contact_4 .et_pb_accordion .et_pb_toggle:hover h5:before { color: #cc0033 !important; } .contact_4 .et_pb_accordion .et_pb_toggle:hover { border-color: #e1e1e1 !important; box-shadow: none !important; cursor: pointer; } .contact_4 .et_pb_text strong { color: #cc0033 !important; } #page-container .contact_4 .et_pb_contact_form p textarea::-webkit-input-placeholder, #page-container .contact_4 .et_pb_contact_form p input::-webkit-input-placeholder { color: transparent !important; } #page-container .contact_4 .et_pb_contact_form p textarea::-moz-placeholder, #page-container .contact_4 .et_pb_contact_form p input::-moz-placeholder { color: transparent !important; } #page-container .contact_4 .et_pb_contact_form p textarea:-ms-input-placeholder, #page-container .contact_4 .et_pb_contact_form p input:-ms-input-placeholder { color: transparent !important; } #page-container .contact_4 .et_pb_contact_form p textarea:-moz-placeholder, #page-container .contact_4 .et_pb_contact_form p input:-moz-placeholder { color: transparent !important; } .contact_4 .et_pb_contact_form_container .et-pb-contact-message ul { padding-bottom: 12px !important; } /*Animation*/ .contact_4 .et_pb_contact_form p { 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; } .contact_4 .et_pb_contact_form p label { display: block !important; position: absolute; width: 100%; text-align: left; pointer-events: none; top: 16px; padding-left: 30px; color: #2c2c2c; font-size: 16px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contact_4 .et_pb_contact_form p.filled label, .contact_4 .et_pb_contact_form p.focus label { opacity: 0; } .contact_4 .et_pb_contact_form p.filled textarea, .contact_4 .et_pb_contact_form p.focus textarea, .contact_4 .et_pb_contact_form p.filled input, .contact_4 .et_pb_contact_form p.focus input { box-shadow: 0px 0px 32.2px 2.8px rgba(204, 204, 204, 0.65); border-color: transparent !important; } /*Responsive*/ @media only screen and (max-width: 480px) { .contact_4 .et_pb_accordion .et_pb_toggle h5:before, .contact_4 .et_pb_accordion .et_pb_toggle_open h5:before { display: none !important; } .contact_4 .et_pb_accordion .et_pb_toggle_close h5 { padding: 30px !important; } .contact_4 .et_pb_accordion .et_pb_toggle_content, .contact_4 .et_pb_accordion .et_pb_toggle_open h5 { padding-left: 0 !important; } } .contact_5 .et_pb_contact_form { margin-left: 0 !important; } .contact_5 .et_pb_contact_form .et_pb_contact_field { padding: 0 !important; margin: 0 !important; margin-bottom: 31px !important; } .contact_5 .et_pb_contact_form .et_pb_contact_field_half.et_pb_contact_field_last { margin-right: 0 !important; } .contact_5 .et_pb_contact_form .et_pb_contact_field_half { width: 47% !important; margin-right: 6% !important; } .contact_5 .et_pb_contact_form .et_contact_bottom_container { margin-top: 7px !important; width: 100%; text-align: left; overflow: visible; } .contact_5 .et_pb_contact_form_label { display: block; font-size: 0; margin-bottom: -5px; position: relative; } .contact_5 .et_pb_contact_form_label:after { content: ""; display: block; width: 100%; height: 1px; background-color: #e7e7e7; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: -7px; transform: translate(0, 45px); } .contact_5 .et_pb_contact_form_label:before { display: inline-block; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contact_5 .et_pb_contact_form_label[for^="et_pb_contact_name"]:before { content: 'First and last name'; } .contact_5 .et_pb_contact_form_label[for^="et_pb_contact_email"]:before { content: 'Email Address here'; } .contact_5 .et_pb_contact_form_label[for^="et_pb_contact_phone number"]:before { content: 'Your phone number here'; } .contact_5 .et_pb_contact_form_label[for^="et_pb_contact_company"]:before { content: 'Your company here'; } .contact_5 .et_pb_contact_form_label[for^="et_pb_contact_message"]:before { content: 'Tell us your idea'; transform: translate(0, -168px); } .contact_5 .et_pb_promo .et_pb_promo_description p { max-width: 390px; line-height: 150%; } .contact_5 .et_pb_contact_form p { overflow: visible; } .contact_5 .et_pb_contact_form p.filled .et_pb_contact_form_label:before, .contact_5 .et_pb_contact_form p.focus .et_pb_contact_form_label:before { /*color: #cc0033;*/ } .contact_5 .et_pb_contact_form p textarea, .contact_5 .et_pb_contact_form p input { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contact_5 .et_pb_contact_form p.filled textarea, .contact_5 .et_pb_contact_form p.focus textarea, .contact_5 .et_pb_contact_form p.filled input, .contact_5 .et_pb_contact_form p.focus input { transform: translate(0, 15px); } .contact_5 .et_pb_contact_form p.filled .et_pb_contact_form_label:before, .contact_5 .et_pb_contact_form p.focus .et_pb_contact_form_label:before { transform: translate(0, 20px); } .contact_5 .et_pb_contact_form p.filled .et_pb_contact_form_label[for="et_pb_contact_message_4"]:before, .contact_5 .et_pb_contact_form p.focus .et_pb_contact_form_label[for="et_pb_contact_message_4"]:before { transform: translate(0, 20px); } .contact_5 .et_pb_contact_form p.filled .et_pb_contact_form_label:after, .contact_5 .et_pb_contact_form p.focus .et_pb_contact_form_label:after { transform: translate(0, 23px); } .contact_5 .et_pb_contact_form p:not(.et_pb_contact_field_half ) { clear: both; } .contact_5 .et_pb_contact_form textarea::-webkit-input-placeholder, .contact_5 .et_pb_contact_form input::-webkit-input-placeholder { font-size: 30px !important; font-weight: 700 !important; } .contact_5 .et_pb_contact_form textarea::-moz-placeholder, .contact_5 .et_pb_contact_form input::-moz-placeholder { font-size: 30px !important; font-weight: 700 !important; } .contact_5 .et_pb_contact_form textarea:-ms-input-placeholder, .contact_5 .et_pb_contact_form input:-ms-input-placeholder { font-size: 30px !important; font-weight: 700 !important; } .contact_5 .et_pb_contact_form textarea:-moz-placeholder, .contact_5 .et_pb_contact_form input:-moz-placeholder { font-size: 30px !important; font-weight: 700 !important; } /*Error*/ .contact_5 .et_pb_contact_form_container .et-pb-contact-message ul { padding-bottom: 12px !important; } .contact_5 .et_pb_contact_form p textarea.et_contact_error, .contact_5 .et_pb_contact_form p input.et_contact_error { padding-left: 15px !important; } .contact_5 .et_pb_contact_form p textarea.et_contact_error + .et_pb_contact_form_label[for="et_pb_contact_message_4"]:before { transform: translate(0, 20px); } .contact_5 textarea.et_contact_error + .et_pb_contact_form_label:after { transform: translate(0, 52px); } /*Responsive*/ @media only screen and (max-width: 980px) { .contact_5 .et_pb_contact_form textarea::-webkit-input-placeholder, .contact_5 .et_pb_contact_form input::-webkit-input-placeholder { font-size: 26px !important; } .contact_5 .et_pb_contact_form textarea::-moz-placeholder, .contact_5 .et_pb_contact_form input::-moz-placeholder { font-size: 26px !important; } .contact_5 .et_pb_contact_form textarea:-ms-input-placeholder, .contact_5 .et_pb_contact_form input:-ms-input-placeholder { font-size: 26px !important; } .contact_5 .et_pb_contact_form textarea:-moz-placeholder, .contact_5 .et_pb_contact_form input:-moz-placeholder { font-size: 26px !important; } } @media only screen and (max-width: 767px) { .contact_5 .et_pb_contact_form .et_pb_contact_field_half { width: 100% !important; margin-right: 0 !important; } .contact_5 .et_pb_contact_form textarea::-webkit-input-placeholder, .contact_5 .et_pb_contact_form input::-webkit-input-placeholder { font-size: 22px !important; } .contact_5 .et_pb_contact_form textarea::-moz-placeholder, .contact_5 .et_pb_contact_form input::-moz-placeholder { font-size: 22px !important; } .contact_5 .et_pb_contact_form textarea:-ms-input-placeholder, .contact_5 .et_pb_contact_form input:-ms-input-placeholder { font-size: 22px !important; } .contact_5 .et_pb_contact_form textarea:-moz-placeholder, .contact_5 .et_pb_contact_form input:-moz-placeholder { font-size: 22px !important; } } /* /*Header*/ .header7 .et_pb_image img { height: auto !important; } /*Header Responsive*/ @media only screen and (max-width: 980px) { .header7 .et_pb_promo_description { text-align: center !important; } #page-container .header7 .et_pb_promo_description h2 { letter-spacing: 0x !important; padding-bottom: 20px !important; } } /*Css Animation*/ .header7 .et_pb_image a:hover img { -webkit-animation: mymove 1s infinite; /* Safari 4.0 - 8.0 */ animation: mymove 1s infinite; position: relative; animation-iteration-count: 1; } @keyframes mymove { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -9px, 0); transform: translate3d(0, -9px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } /*Top Content*/ .content14 .et_pb_column_4_4 .et_pb_blurb:last-child { margin-right: 0 !important; } .content14 .et_pb_column_1_2 .et_pb_text p:last-child { padding-bottom: 0 !important; } .content14 .et_pb_column_1_2 .et_pb_text p { padding-bottom: 30px !important; } /*Hovers*/ .content14 .et_pb_column_4_4 .et_pb_blurb { cursor: pointer; } .content14 .et_pb_column_4_4 .et_pb_blurb .et_pb_main_blurb_image:after { pointer-events: none; position: absolute; content: ''; left: 0; height: 10px; width: 46%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 67%); transition-duration: 0.3s; transition-property: transform opacity; display: block; margin: 0px auto 0; right: 0; margin-bottom: -10px !important; } .content14 .et_pb_column_4_4 .et_pb_blurb:hover .et_pb_main_blurb_image:after { -webkit-animation: shrink 1s infinite; /* Safari 4.0 - 8.0 */ animation: shrink 1s infinite; position: relative; animation-iteration-count: 1; opacity: 1; } .content14 .et_pb_column_4_4 .et_pb_blurb:hover img { -webkit-animation: mymove 1s infinite; /* Safari 4.0 - 8.0 */ animation: mymove 1s infinite; position: relative; animation-iteration-count: 1; } @-webkit-keyframes mymove { from { top: 0; } to { top: 10px; } } @keyframes mymove { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -9px, 0); transform: translate3d(0, -9px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @-webkit-keyframes shrink { from { width: 25%; } to { width: 46%; } } @keyframes shrink { from, 20%, 53%, 80%, to { width: 46%; } 40%, 43% { width: 25%; } 70% { width: 35%; } 90% { width: 43%; } } /*Content Responsive*/ @media only screen and (max-width: 767px) { .content14 .et_pb_column_4_4 { text-align: center !important; } #page-container .content14 .et_pb_column_4_4 .et_pb_blurb { width: 31% !important; margin-right: 2% !important; margin-bottom: 30px !important; display: inline-block; float: none; } #page-container .content14 .et_pb_column_4_4 .et_pb_blurb:nth-child(3), #page-container .content14 .et_pb_column_4_4 .et_pb_blurb:last-child { margin-right: 0 !important; } .content14 .et_pb_column_1_2 .et_pb_text { text-align: center !important; } #page-container .content14 .et_pb_column_4_4 .et_pb_blurb:nth-last-child(2), #page-container .content14 .et_pb_column_4_4 .et_pb_blurb:last-child { margin-bottom: 0 !important; } } @media only screen and (max-width: 480px) { #page-container .content14 .et_pb_column_4_4 .et_pb_blurb { width: 100% !important; margin-right: 0 !important; margin-bottom: 20px !important; } #page-container .content14 .et_pb_column_4_4 .et_pb_blurb:nth-last-child(2){ margin-bottom: 20px !important; } } /*Testimonial*/ .testimonial4 .et_pb_slide { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .testimonial4 .et_pb_slide_description:after { transform: rotate(180deg); } .testimonial4 .et_pb_slide_description:after, .testimonial4 .et_pb_slide_description:before { content: '“'; display: block; font-size: 120px; color: #fff; line-height: 100%; font-family: 'Font_5200', sans-serif !important; float: left; max-height: 71px; } .testimonial4 .et-pb-controllers a:hover, .testimonial4 .et-pb-controllers a.et-pb-active-control { border: 1px solid #fff; } .testimonial4 .et-pb-controllers a { width: 24px; height: 24px; border-radius: 100%; background: transparent !important; position: relative; } .testimonial4 .et-pb-controllers a:before { content: ""; display: block; background: #fff; position: absolute; top: 6px; right: 6px; left: 6px; bottom: 6px; border-radius: 100%; } .testimonial4 .et-pb-controllers { height: auto !important; } /*Blurbs*/ .blurbs_3 .et_pb_column_4_4 h2:after { content: ""; display: block; width: 131px; height: 1px; background-color: #d7d7d7; margin: 20px auto 36px; } .blurbs_3 .et_pb_column_1_4 .et-pb-icon { font-size: 60px !important; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb_container { padding: 0 17px 24px; line-height: 168%; } .blurbs_3 .et_pb_column_1_4 { cursor: pointer; } .blurbs_3 .et_pb_column_1_4 .back .et-pb-icon:after { content: ""; display: block; width: 0; height: 1px; background-color: #fff; margin: 0 auto; -webkit-transition: all 0.9s linear; -moz-transition: all 0.9s linear; -o-transition: all 0.9s linear; -ms-transition: all 0.9s linear; transition: all 0.9s linear; } .blurbs_3 .et_pb_column_1_4 .back .et-pb-icon { font-size: 120px !important; line-height: 90%; } .blurbs_3 .et_pb_column_1_4:hover .back .et-pb-icon:after { width: 100%; } .blurbs_3 .et_pb_column_1_4 { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb { background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb .et_pb_main_blurb_image{ display: block; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb.back { opacity: 0; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb.front { opacity: 1; } .blurbs_3 .et_pb_column_1_4:hover .et_pb_blurb.back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .blurbs_3 .et_pb_column_1_4:hover .et_pb_blurb.front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; } /*Blurb Responsive*/ @media only screen and (max-width: 980px) { .blurbs_3 .et_pb_row { overflow: visible; } .blurbs_3 .et_pb_column_1_4 .et_pb_blurb { max-width: 226px; margin: 0 auto !important; left: 0; right: 0; } } @media only screen and (max-width: 480px) { .blurbs_3 .et_pb_column_1_4 .et_pb_main_blurb_image { padding: 40px !important; margin-bottom: 23px; } } /*Team*/ .team6:hover { cursor: pointer; } .team6 .person_link { display: none !important; } /*team 1_5*/ .team_6 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image img { width: 100%; } .team_6 .et_pb_column_4_4 .et_pb_team_member .et_pb_team_member_image { width: 100% !important; } .team_6 .et_pb_column_4_4 .et_pb_team_member { width: 16.6% !important; margin-right: 4.2% !important; float: left; position: relative; } .team_6 .et_pb_column_4_4 .et_pb_team_member:last-child { margin-right: 0 !important; } /*Team Responsive*/ @media only screen and (max-width: 980px) { .team6 .et_pb_team_member_image { width: 100% !important; } .team6 .et_pb_team_member_image img { width: 100% !important; display: block !important; } #page-container .team_6 .et_pb_column_1_2 { width: 48% !important; margin-right: 4% !important; } #page-container .team_6 .et_pb_column_1_2:last-child { margin-right: 0 !important; } #page-container .team_6 .et_pb_column_1_3:last-child { margin-right: 0 !important; } #page-container .team_6 .et_pb_column_1_3 { width: 32% !important; margin-right: 2% !important; } #page-container .team_6 .et_pb_column_1_4:nth-child(2n+2) { margin-right: 0 !important; } #page-container .team_6 .et_pb_column_1_4 { width: 48% !important; margin-right: 4% !important; margin-bottom: 4% !important; } /*team 1_5*/ .team_6 .et_pb_column_4_4 { text-align: center; } .team_6 .et_pb_column_4_4 .et_pb_team_member { width: 48% !important; margin-right: 3% !important; margin-bottom: 3% !important; float: none; display: inline-block; position: relative; } .team_6 .et_pb_column_4_4 .et_pb_team_member:nth-child(2n+2), .team_6 .et_pb_column_4_4 .et_pb_team_member:last-child { margin-right: 0 !important; } } @media only screen and (max-width: 767px) { #page-container .team_6 .et_pb_column_1_3:last-child { margin-right: auto !important; } #page-container .team_6 .et_pb_column_1_3 { width: 50% !important; margin-right: auto !important; margin-left: auto !important; display: block; float: none; margin-bottom: 40px !important; } } @media only screen and (max-width: 480px) { .team_6 .et_pb_column .et_pb_team_member_description { bottom: 30px !important; } .team_6 .et_pb_column_4_4 .et_pb_team_member, body #page-container .team_6 .et_pb_column { width: 100% !important; margin-right: auto !important; margin-left: auto !important; display: block; float: none; margin-bottom: 40px !important; } body #page-container .team_6 .et_pb_column:last-child { margin-bottom: 0 !important; } } /*Animation Css*/ .team6 .et_pb_team_member_image, .team6 .et_pb_team_member_description { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team6:hover .et_pb_team_member_description { bottom: 0 !important; } .team6:hover .et_pb_team_member_image { transform: scale(1.15); } /*Footer*/ .footer1 .et_pb_text a { color: #fff !important; } .footer1 .et_pb_text a:hover { opacity: 0.6 !important; cursor: pointer; } /*Css Animation*/ .footer1 .et_pb_blurb .et_pb_main_blurb_image img { position: relative; } .footer1 .et_pb_blurb .et_pb_main_blurb_image:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; } .footer1 .et_pb_blurb:hover .et_pb_main_blurb_image img, .footer1 .et_pb_blurb .et_pb_blurb_container:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer1 .et_pb_blurb .et_pb_blurb_container:after { content: ""; display: block; width: 0; height: 1px; background-color: #fff !important; margin: 10px auto -10px; } .footer1 .et_pb_blurb:hover { cursor: pointer; } .footer1 .et_pb_blurb:hover .et_pb_blurb_container:after { width: 70%; } .footer1 .et_pb_blurb:hover .et_pb_main_blurb_image img { -webkit-animation: mymove 5s infinite; animation: mymove 1s infinite; position: relative; animation-iteration-count: 1; } @-webkit-keyframes mymove { from { top: 0; } to { top: 10px; } } @keyframes mymove { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -9px, 0); transform: translate3d(0, -9px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } */ /* SEO Agency Divi Layout Homepage Css Code ** Watch the install video here: https://www.youtube.com/watch?v=phCc4A_UFP8 ** Product Built By Divi Den - https://webdesign101.berlin/divi-den/ ** Get the latest layout here: https://webdesign101.berlin/product/law-firm-divi-builder-layout-homepage/ ** Get Support Here https://webdesign101.berlin/divi-den/support/ */ .seo6 .et_pb_column_1_2 .et_pb_image img { display: block !important; margin: 0 auto; } .seo6 .et_pb_column_1_2 .et_pb_image { background-image: none !important; } .seo6 .et_pb_column_1_2 .et_pb_image, .seo6 .et_pb_column_1_2 .et_pb_image img { height: auto !important; } .seo3 .et_pb_column_1_2 .et_pb_image img { display: block !important; margin: 0 auto; } .seo3 .et_pb_column_1_2 .et_pb_image { background-image: none !important; } .seo input.input.et_pb_contact_captcha { color: #000000 !important; position: relative; padding: 0.7em 1em; border: 2px solid #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: transparent; } .seo .et_pb_contact_right { color: #000000; } @media all and (max-width: 980px) { .seo .et_pb_column { float: none !important; } .seo p, .seo h1, .seo h2, .seo h3, .seo h4, .seo h5, .seo img, .seo .et_pb_main_blurb_image, .seo .et_pb_blurb_6 .et_pb_main_blurb_image, .seo .et_pb_blurb_7 .et_pb_main_blurb_image, .seo .et_pb_blurb_8 .et_pb_main_blurb_image, .seo .et_pb_pricing_tables_0 .et_pb_pricing_heading h2, .seo .et_pb_pricing_tables_0 .et_pb_pricing_content_top, .seo .et_pb_pricing_tables_0 .et_pb_pricing_content, .seo .et_pb_pricing_tables_0 ul.et_pb_pricing li { text-align: center !important; } .seo3 .et_pb_column_1_2 .et_pb_image img { display: block; } .seo3 .et_pb_column_1_2 .et_pb_image { height: auto !important; background-image: none !important; } #page-container .seo6 { margin-bottom: 0 !important; } } @media all and (max-width: 600px) { .seo #circle .et_pb_column_1_4 { width: 100% !important; } } @media (max-width: 980px) and (min-width: 768px) { .seo .et_pb_column .et_pb_pricing_table { width: 33% !important; } .seo .et_pb_column .et_pb_pricing_table:nth-child(2n+1) { clear: inherit; } .seo .et_pb_column .et_pb_pricing_table:nth-child(n+3) { margin-top: 30px; } .seo .et_pb_row { position: relative; width: 95%; } } @media (max-width: 480px) { .seo3 .et_pb_column_1_2 .et_pb_image img { height: auto !important; } } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb { width: 154px; float: left; overflow: visible; position: relative; transition: 0.2s; top: 0; left: 0; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb .et_pb_blurb_description { display: none !important; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb:before { content: ""; width: 100%; display: block; padding-top: 100%; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb.blue:hover h4 { color: #68a4ff !important; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb.white:hover h4 { color: #fff !important; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb:hover { box-shadow: none; top: -0.2em; left: 0.2em; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb.blue:hover { background-color: #fff; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb.white:hover { background-color: #68a4ff; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb:hover:after { opacity: 1; -webkit-transform: translateY(0.3rem) translateX(-0.3rem); transform: translateY(0.3rem) translateX(-0.3rem); box-shadow: 0 30px 70px 0 rgba(0, 0, 0, 0.1); } .demos_dentist_header .et_pb_image, .demos_dentist_header .et_pb_image .et_pb_image_wrap, .demos_dentist_header .et_pb_row:first-child .et_pb_image .et_pb_image_wrap img { height: 100% !important; } .demos_dentist_header .et_pb_image .et_pb_image_wrap, .demos_dentist_header .et_pb_image .et_pb_image_wrap img { display: block !important; width: 100% !important; } .demos_dentist_content .et_pb_column:first-child .et_pb_text.last:last-child { margin-right: 0 !important; } .demos_dentist_content .et_pb_column:first-child .et_pb_text.last { width: 27% !important; margin-right: 1% !important; float: left; } .demos_dentist_content .et_pb_image { height: auto !important; } .demos_dentist_content .et_pb_image .et_pb_image_wrap, .demos_dentist_content .et_pb_image .et_pb_image_wrap img { display: block !important; width: 100% !important; height: auto !important; } /*team*/ .demos_dentist_persons .et_pb_team_member .et_pb_team_member_image { margin-bottom: 0 !important; overflow: hidden; max-width: 100% !important; } .demos_dentist_persons .et_pb_team_member .et_pb_team_member_image img { transition: 0.3s !important; transform: translate(0, -20px) scale(1.02); display: block; width: 100%; } .demos_dentist_persons .et_pb_team_member:hover .et_pb_team_member_image img { transform: translate(0, 0) scale(1); opacity: 0.5; } .demos_dentist_persons .et_pb_team_member .et_pb_team_member_description:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; transition: 0.3s; } .demos_dentist_persons .et_pb_team_member:hover .et_pb_team_member_description:before { transform: translate(0, 105%); } .demos_dentist_persons .et_pb_team_member:hover .et_pb_team_member_description h4, .demos_dentist_persons .et_pb_team_member:hover .et_pb_team_member_description p.et_pb_member_position { color: #ffffff !important; } .demos_dentist_persons .et_pb_team_member:hover:after, .demos_dentist_persons .et_pb_team_member:hover:before { transition-delay: 0.3s !important; width: 100%; } .demos_dentist_persons .et_pb_team_member .et_pb_team_member_description p:not(.et_pb_member_position) { display: none !important; } /*Footer*/ .demos_dentist_footer .et_pb_blurb .et_pb_blurb_container { vertical-align: middle; padding-left: 20px; } .demos_dentist_footer .et_pb_blurb .et_pb_main_blurb_image { width: auto !important; } .demos_dentist_footer a:hover { opacity: 0.5; } .demos_dentist_footer .et_pb_social_icon a:before, .demos_dentist_footer .et_pb_column a { color: #757575 !important; } .demos_dentist_footer .et_pb_column_1_2:first-child a { margin-right: 1.1vw; } .demos_dentist_footer .et_pb_column:first-child a { margin-bottom: 16px !important; display: inline-block; } .demos_dentist_footer .et_pb_column:nth-child(3) a, .demos_dentist_footer .et_pb_column:nth-child(2) a { padding-bottom: 14px !important; display: block; } .demos_dentist_footer .et_pb_column .et_pb_newsletter_description h2 { font-weight: 600 !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:last-child { width: 31%; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:first-child p, .demos_dentist_footer .et_pb_row:first-child .et_pb_column:nth-child(2) p, .demos_dentist_footer .et_pb_row:first-child .et_pb_column:nth-child(3) p { padding-bottom: 0 !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:nth-child(3) { width: 17%; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:nth-child(2) { width: 20.2%; } .demos_dentist_footer .et_pb_social_media_follow li a { margin-right: 4px !important; } .demos_dentist_footer .et_pb_row:last-child p img { vertical-align: sub; margin: 0 2px; } .demos_dentist_footer .et_pb_newsletter_form p { padding-bottom: 0 !important; } /*Animate*/ .demos_dentist_footer .et_pb_newsletter .et_pb_newsletter_form p input { padding: 17px 43px 17px 23px !important; } .demos_dentist_footer .et_pb_newsletter p label { display: block !important; position: absolute; width: 100%; text-align: left; pointer-events: none; top: 50%; transform: translate(0, -50%); padding-left: 26px; color: #757575; font-size: 16px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .demos_dentist_footer .et_pb_newsletter .filled label, .demos_dentist_footer .et_pb_newsletter p input:focus + label { -webkit-transform: translate3d(0, -240%, 0); transform: translate3d(0, -240%, 0); padding-left: 0; } .demos_dentist_footer .et_pb_newsletter .filled input, .demos_dentist_footer .et_pb_newsletter input:focus { color: #757575 !important; font-size: 16px; font-weight: 400; box-shadow: inset 0 0 1px #9b9b9b; } .demos_dentist_footer .et_pb_newsletter p:not(.filled):not(.focus) input { color: transparent !important; } .demos_dentist_footer .et_pb_newsletter input::-webkit-input-placeholder { font-size: 0 !important; } .demos_dentist_footer .et_pb_newsletter input::-moz-placeholder { font-size: 0 !important; } .demos_dentist_footer .et_pb_newsletter input:-ms-input-placeholder { font-size: 0 !important; } .demos_dentist_footer .et_pb_newsletter input:-moz-placeholder { font-size: 0 !important; } .demos_dentist_testimonials .et_pb_image { height: auto !important; } .demos_dentist_testimonials .et_pb_image .et_pb_image_wrap, .demos_dentist_testimonials .et_pb_image .et_pb_image_wrap img { display: block !important; width: 100% !important; height: auto !important; } /*Responsive*/ @media only screen and (min-width: 1930px) { .demos_dentist_footer .et_pb_row:first-child { padding-top: 60px !important; padding-bottom: 60px !important; } } @media only screen and (max-width: 1390px) { #page-container .demos_dentist_persons .et_pb_row, #page-container .demos_dentist_testimonials .et_pb_row, #page-container .demos_dentist_content2 .et_pb_row, #page-container .demos_dentist_blurbs .et_pb_row, #page-container .demos_dentist_content .et_pb_row, #page-container .demos_dentist_footer .et_pb_row { width: 90% !important; } .demos_dentist_header .et_pb_row { width: 90% !important; } } @media only screen and (max-width: 1390px) and (min-width: 981px) { .demos_dentist_header .et_pb_row:nth-last-child(2) { padding-top: 100px !important; } .demos_dentist_header .et_pb_row:last-child { padding-bottom: 0 !important; } .demos_dentist_header .et_pb_row .et_pb_text { max-width: 460px !important; } .demos_dentist_header .et_pb_row .et_pb_promo { font-size: 70px !important; } } @media only screen and (max-width: 980px) { .demos_dentist_header:before { opacity: 0.8 !important; } .demos_dentist_footer .et_pb_row:first-child { width: 90% !important; max-width: 90% !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column .et_pb_blurb { padding: 40px 5px !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column { width: 32% !important; float: left !important; margin-right: 2% !important; margin-bottom: 0 !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:last-child { margin-right: 0 !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column .et_pb_main_blurb_image { display: block; margin-bottom: 10px !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column .et_pb_main_blurb_image img { margin: 0 auto; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column .et_pb_blurb_container { padding-left: 0; text-align: center; display: block; } .demos_dentist_footer .et_pb_row:last-child ul.et_pb_social_media_follow li { display: inline-block !important; float: none !important; } .demos_dentist_footer .et_pb_row:last-child ul.et_pb_social_media_follow { float: none; text-align: center !important; margin-top: 0 !important; margin-right: 0 !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:nth-child(3) { margin-right: 0 !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:last-child { width: 100% !important; } .demos_dentist_footer .et_pb_row h2 { padding-bottom: 20px !important; } .demos_dentist_footer .et_pb_row .et_pb_column:last-child h2 { padding-bottom: 0 !important; } .demos_dentist_footer .et_pb_row:last-child .et_pb_column .et_pb_text { text-align: center !important; } .demos_dentist_footer .et_pb_row:last-child .et_pb_column:first-child { margin-bottom: 10px !important; } .demos_dentist_footer .et_pb_row:last-child .et_pb_column { margin-bottom: 0 !important; } .demos_dentist_footer .et_pb_newsletter .filled label, .demos_dentist_footer .et_pb_newsletter p input:focus + label { -webkit-transform: translate3d(0, -210%, 0); transform: translate3d(0, -210%, 0); } .demos_dentist_content .et_pb_divider:before { border-top-width: 70px !important; } .demos_dentist_content .et_pb_divider { height: 70px !important; margin-bottom: 20px !important; } } @media only screen and (max-width: 767px) { .demos_dentist_persons .et_pb_team_member .et_pb_team_member_description { padding: 20px 5px !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:last-child, .demos_dentist_footer .et_pb_row:first-child .et_pb_column { width: 47% !important; margin-bottom: 30px !important; } } @media only screen and (max-width: 480px) { .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb .et_pb_blurb_content { padding: 0 15px !important; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb:first-child { margin-right: 8px !important; } .demos_dentist_header .demos_blurbs_circle_images .et_pb_blurb { width: 140px !important; } .demos_dentist_persons .et_pb_team_member .et_pb_team_member_description { padding: 20px !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column .et_pb_promo_description { text-align: center !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column { width: 100% !important; float: left !important; margin-right: 0 !important; margin-bottom: 30px !important; } .demos_dentist_footer .et_pb_row:first-child .et_pb_column:last-child { width: 100% !important; } .demos_dentist_footer .et_pb_row .et_pb_column .et_pb_promo h2 { text-align: center !important; } .demos_dentist_content .et_pb_column:first-child .et_pb_text.last { width: 100% !important; margin-right: 0 !important; margin-bottom: 9px; } .demos_dentist_content .et_pb_column:first-child .et_pb_text.last:last-child { margin-bottom: 20px; } } .coco_fresh_header.demo_personal_trainer_header .next_post_image_title { bottom: 220px; } .coco_fresh_header.demo_personal_trainer_header .et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-next { background-color: #ffdd33 !important; color: #fff !important; } .coco_fresh_header.demo_personal_trainer_header .et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-next:hover { color: #9dafbd !important; background-color: #fff !important; } .coco_fresh_header.demo_personal_trainer_header .et_pb_slider .et-pb-slider-arrows a:hover { background-color: #ffdd33 !important; } body.et-fb .pegasus-cta4.demo_personal_trainer_cta .et_pb_button_module_wrapper a.et_pb_button, body.et-fb .pegasus-content03.demo_personal_trainer_content .et_pb_button_module_wrapper a.et_pb_button { position: relative !important; } body:not(.et-fb) .pegasus-cta4.demo_personal_trainer_cta .et_pb_column { position: static !important; } .jamie-home-hotel-offers.demo-home-hotel-offers .et-pb-slider-arrows a:hover { color: #fff !important; background-color: #ffdd33 !important; } .jamie-home-hotel-offers.demo-home-hotel-offers .et-pb-slider-arrows a { color: #444444 !important; } .coco_tab_testimonials.demo_tab_testimonials .et_pb_slider .et-pb-controllers a { transition: 0.3s; } .coco_tab_testimonials.demo_tab_testimonials .et_pb_slider .et-pb-controllers a:hover, .coco_tab_testimonials.demo_tab_testimonials .et_pb_slider .et-pb-controllers a.et-pb-active-control { color: #ffdd33 !important; } .coco_tab_testimonials.demo_tab_testimonials .et_pb_slider .et-pb-controllers a:after { background-color: #ffdd33 !important; } body #page-container .pixel-footer2.demo_personal_trainer_footer .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button { padding-top: 12px !important; padding-bottom: 10px !important; } .pixel-footer2.demo_personal_trainer_footer .et_pb_contact_form p { width: 100% !important; margin-left: 0 !important; } .pixel-footer2.demo_personal_trainer_footer .et_pb_contact_form p { margin-bottom: 35px !important; } .content_8_M.demo_personal_trainer_content8 .et_pb_column:hover { background-color: #ffdd33; } .content_8_M.demo_personal_trainer_content8 .et_pb_column .et_pb_blurb h4:before { color: #323c47; } .content_8_M.demo_personal_trainer_content8 .et_pb_column:hover .et_pb_blurb * { color: #323c47 !important; } @media only screen and (min-width: 1931px) { .content_8_M.demo_personal_trainer_content8 .et_pb_column { padding: 40px !important; } body #page-container .pegasus-cta4.demo_personal_trainer_cta .et_pb_button { right: 0 !important; } } @media only screen and (max-width: 1390px) { .pegasus-cta4.demo_personal_trainer_cta .et_pb_row, .pixel-footer2.demo_personal_trainer_footer .et_pb_row, .content_8_M.demo_personal_trainer_content8 .et_pb_row { width: 90% !important; } .pegasus-content03.demo_personal_trainer_content .et_pb_column .et_pb_button_module_wrapper .et_pb_button { top: 0 !important; } .pegasus-content03.demo_personal_trainer_content .et_pb_column:last-child { padding-top: 0 !important; } } @media only screen and (max-width: 1390px) and (min-width: 981px) { .jamie-home-hotel-offers.demo-home-hotel-offers .et_pb_slide_description h2.et_pb_slide_title { font-size: 20px !important; } } @media only screen and (max-width: 980px) { .coco_fresh_header.demo_personal_trainer_header .next_post_image_title { bottom: 130px; } .pegasus-content03.demo_personal_trainer_content .et_pb_column .et_pb_button_module_wrapper .et_pb_button { left: 0; } .content_8_M.demo_personal_trainer_content8 .et_pb_row .et_pb_column .et_pb_divider { margin: 16px 0 !important; } } .pegasus-blurb2.demo_high_school_blurb .et_pb_blurb:hover .et_pb_main_blurb_image { background-color: #1a47b0; } .pegasus-blurb2.demo_high_school_blurb .et_pb_blurb .et_pb_blurb_container h4:after { background-color: #1a47b0; } .coco_sqweez_decide_blurbs.demo_high_school_decide_blurbs .et_pb_blurb .et_pb_blurb_content:before { background-color: #1a47b0; } .coco_decide_blurbs.coco_sqweez_decide_blurbs.demo_high_school_decide_blurbs .et_pb_blurb:hover .et_pb_blurb_container{ color: #595f6f !important; } .coco_decide_blurbs.coco_sqweez_decide_blurbs.demo_high_school_decide_blurbs .et_pb_blurb:hover .et_pb_blurb_container h4 { color: #f91f42 !important; } .pegasus_blog_1.demo_high_school_blog article:first-child a.more-link{ color: #fff !important; background-color: #f91f42 !important; } .pegasus_blog_1.demo_high_school_blog article:first-child a:hover.more-link { color: #fff !important; background-color: #1a47b0 !important; } .pegasus_blog_1.demo_high_school_blog .entry-featured-image-url{ border-radius: 0 !important; } .pegasus_blog_1.demo_high_school_blog article .post-content p{ display: none !important; } @media only screen and (min-width: 1930px){ .pegasus_blog_1.demo_high_school_blog article:first-child h2.entry-title { padding-bottom: 40px; } } @media only screen and (max-width: 1390px){ .pegasus_blog_1.demo_high_school_blog article:first-child h2.entry-title { padding-bottom: 20px; } } @media only screen and (max-width: 980px){ .pegasus-content14 .et_pb_button_module_wrapper .et_pb_button{ left: 0 !important; } } @media only screen and (max-width: 980px){ .pegasus-content14.demo_high_school_pegasus_content14 .et_pb_column_1_2 { margin-top: 40px !important; } } .coco_go_header.demo_ngo_go_header .et_pb_slider .et_pb_slide .et_pb_button_wrapper .et_pb_button:before { background-color: #fccdd3; } .coco_go_header.demo_ngo_go_header .et_pb_slider .et-pb-slider-arrows a:hover { background-color: #fccdd3 !important; } .coco_go_header.demo_ngo_go_header .et_pb_slider .slider_number .numers_line .numers_line_inner { background-color: #62bcfa; } .coco_go_header.demo_ngo_go_header .et_pb_slider .et_pb_slide .et_pb_slide_content strong { top: -44px; color: #62bcfa; } .pegasus-blurb6.demo_ngo_blurb6 .et_pb_image_wrap { border-radius: 0 !important; } .pegasus-blurb6.demo_ngo_blurb6 .et_pb_blurb .et_pb_image_wrap:before { content: "more info" !important; font-size: 30px; } .pegasus-blurb6.demo_ngo_blurb6 .et_pb_blurb:hover .et_pb_image_wrap { box-shadow: 0 0 0 2px #62bcfa; } .coco_dream_case_study.demo_ngo_dream_case_study .et_pb_promo .et_pb_button_wrapper .et_pb_button:before { background-color: #62bcfa; } .blurb2_venus .demo_ngo_dream_venus_blurb .et_pb_column:hover { box-shadow: none; } @media only screen and (max-width: 1390px) { .demo_ngo_footer .et_pb_row, .demo_ngo_blurb6 .et_pb_row { width: 90% !important; } .pegasus-content19.demo_ngo_content19 .et_pb_column_1_3:last-child { margin-right: 0 !important; } .pegasus-content19.demo_ngo_content19 .et_pb_column_1_3 { width: 31.3% !important; margin-right: 3% !important; } } @media only screen and (max-width: 767px) { body #page-container .demo_ngo_magical_content .et_pb_button { padding: 8px 10px !important; } .pegasus-content19.demo_ngo_content19 .et_pb_column_1_3 { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 480px) { #page-container .pixel-footer5.demo_ngo_footer .et_pb_column_1_4 { width: 100% !important; margin-right: 0 !important; } } body:not(.ie) .gradiend_cta_title.et_pb_promo .et_pb_promo_description .et_pb_module_header, body:not(.ie) .gradiend_text_description.et_pb_text .et_pb_text_inner p, body:not(.ie) .gradiend_text_description.et_pb_text .et_pb_text_inner { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; background: #8f00ff; background: -moz-linear-gradient(left, #8f00ff 0%, #ff0055 100%); background: -webkit-linear-gradient(left, #8f00ff 0%, #ff0055 100%); background: linear-gradient(to right, #8f00ff 0%, #ff0055 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f00ff', endColorstr='#ff0055', GradientType=1); } .demo_hairdresser_pop_portfolio .project .myexcerpt, .demo_hairdresser_pop_portfolio .project .portfolio_date, .demo_hairdresser_pop_portfolio .project .portfolio_auther { display: none !important; } .sigmund_hover_effect.demo_hairdresser_pop_portfolio .et_pb_portfolio_item.type-project:after { box-shadow: inset 0 0 0 6px #ff0055; } .pop_portfolio.demo_hairdresser_pop_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a.active, .pop_portfolio.demo_hairdresser_pop_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a:hover { color: #000000 !important; } .pop_portfolio.demo_hairdresser_pop_portfolio .et_pb_portfolio_items .type-project .et_portfolio_image:after{ content: 'View Hairstyle'; } .person_3_f.demo_hairdresser_person .et_pb_team_member .et_pb_team_member_description:before { border-color: #fc005a !important; } .pixel-footer1.demo_hairdresser_footer .et_pb_promo_description a { display: block; margin-bottom: 16px !important; } /*Home Menu*/ .demo_hairdresser_blurbs .et_pb_blurb:last-child { margin-right: 0 !important; } .demo_hairdresser_blurbs .et_pb_blurb { float: left; width: 14.8%; margin-right: 2.2%; } .demo_hairdresser_blurbs .et_pb_blurb .et_pb_main_blurb_image { overflow: hidden; position: relative; } .demo_hairdresser_blurbs .et_pb_blurb .et_pb_main_blurb_image img { display: block; margin: 0 auto; padding: 13px; } .demo_hairdresser_blurbs .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap { background-color: #f9f2ff; border-radius: 50%; } .demo_hairdresser_blurbs .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap, .demo_hairdresser_blurbs .et_pb_blurb .et_pb_main_blurb_image:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .demo_hairdresser_blurbs .et_pb_blurb .et_pb_blurb_description { display: none !important; } .demo_hairdresser_blurbs .et_pb_blurb .et_pb_main_blurb_image:after { content: 'View'; display: block; color: #ffffff; background-color: #ff0055; right: 0; bottom: 0; position: absolute; top: 0; left: 0; font-size: 16px; padding: 38px 10px; line-height: 120%; border-radius: 50%; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; } .demo_hairdresser_blurbs .et_pb_blurb:hover .et_pb_main_blurb_image:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .demo_hairdresser_blurbs .et_pb_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; } .demo_hairdresser_blurbs .et_pb_blurb:hover .et_pb_blurb_container h4 { color: #8f9898 !important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 { width: 29% !important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_2_3 { width: 56.2% !important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column .et_pb_text strong { display: block; margin-top: 13px; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 .et_pb_image .et_pb_image_wrap, .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 .et_pb_image .et_pb_image_wrap img { display: block !important; width: auto !important; } /*Header*/ .demo_hairdresser_header .et_pb_column_2_5 { width: 38.7% !important; } .demo_hairdresser_header .et_pb_column_3_5 { width: 61.3% !important; } .demo_hairdresser_header .et_pb_column_3_5 .et_pb_image .et_pb_image_wrap, .demo_hairdresser_header .et_pb_column_3_5 .et_pb_image .et_pb_image_wrap img { display: block !important; width: 100% !important; } .demo_hairdresser_opening_hours .et_pb_column_3_5 .et_pb_promo_description p { display: inline; } .demo_hairdresser_opening_hours .et_pb_column_3_5 .et_pb_promo_description h2 { display: inline-block; } .demo_hairdresser_book_online .et_pb_button_wrapper .et_pb_button:after { right: 6px; transition: 0s; } body.ie .demo_hairdresser_book_online .et_pb_button_wrapper .et_pb_button:after, body.ie .demo_hairdresser_cta .et_pb_button_wrapper .et_pb_button:after { font-size: 16px !important; } .demo_hairdresser_cta .et_pb_button_wrapper .et_pb_button:after { right: -6px; transition: 0s; } .demo_hairdresser_cta .et_pb_promo .et_pb_promo_description ul { padding: 0 !important; } .demo_hairdresser_cta .et_pb_promo .et_pb_promo_description ul li:last-child { margin-bottom: 0 !important; } .demo_hairdresser_cta .et_pb_promo .et_pb_promo_description ul li { list-style: none !important; margin-bottom: 10px !important; } body.ie #page-container .pixel-footer1 .et_pb_newsletter_form p{ flex-basis: auto !important; } @media only screen and (max-width: 1600px) { .pegasus-content07.demo_hairdresser_content07 .et_pb_column .et_pb_text strong { display: block; margin-top: 0; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 { width: 43% !important; } } @media only screen and (max-width: 1390px) { .demo_hairdresser_footer .et_pb_row , .demo_hairdresser_person .et_pb_row , .demo_hairdresser_cta .et_pb_row , .demo_hairdresser_book_online .et_pb_row , .demo_hairdresser_blurbs .et_pb_row { width: 90% !important; } .demo_hairdresser_blurbs .et_pb_column_4_4 { text-align: center; } .demo_hairdresser_book_online .et_pb_row .et_pb_promo { padding-right: 8%!important; padding-left: 8%!important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 .et_pb_text:first-child { font-size: 20px !important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 .et_pb_promo{ margin-bottom: 0 !important; } } @media only screen and (max-width: 1390px) and (min-width: 981px){ .demo_hairdresser_header .et_pb_column_2_5 { padding-top: 13%; padding-left: 16%; } .demo_hairdresser_header .et_pb_column_2_5 .et_pb_text{ font-size: 20px !important; } .demo_hairdresser_header .et_pb_column_2_5 .et_pb_promo .et_pb_promo_description h2{ font-size: 70px!important; } .demo_hairdresser_opening_hours .et_pb_column{ width: 100% !important; } .demo_hairdresser_opening_hours .et_pb_row{ max-width: 90% !important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 .et_pb_promo .et_pb_promo_description h2{ font-size: 70px!important; padding-bottom: 20px !important; } } @media only screen and (max-width: 980px) { .demo_hairdresser_blurbs .et_pb_column_4_4 { text-align: center !important; } .demo_hairdresser_blurbs .et_pb_blurb:nth-child(3n+3){ margin-right: 0; } .demo_hairdresser_blurbs .et_pb_blurb { width: 32%; margin-right: 2%; } .demo_hairdresser_header .et_pb_column_4_4 .et_pb_image{ display: none !important; } .demo_hairdresser_header.et_pb_section:before{ width: 4.5%; } .demo_hairdresser_book_online .et_pb_image .et_pb_image_wrap, .demo_hairdresser_book_online .et_pb_image .et_pb_image_wrap img{ display: block !important; width: 100% !important; } #page-container .demo_hairdresser_book_online .et_pb_column_1_3:last-child{ margin-bottom: 0 !important; } #page-container .demo_hairdresser_book_online .et_pb_column_1_3{ max-width: 400px !important; margin: 0 auto 30px !important; float: none !important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 .et_pb_image{ display: none !important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 .et_pb_promo{ max-width: 100% !important; } .pegasus-content07.demo_hairdresser_content07 .et_pb_column_1_3 .et_pb_promo .et_pb_promo_description h2{ padding-bottom: 15px !important; } .demo_hairdresser_cta .et_pb_column_1_3:last-child{ margin-right: 0 !important; } .demo_hairdresser_cta .et_pb_column_1_3{ width: 32% !important; margin-right: 2% !important; } #page-container .demo_hairdresser_opening_hours .et_pb_row { width: 90% !important; } } @media only screen and (max-width: 767px) { .demo_hairdresser_blurbs .et_pb_blurb:nth-child(3n + 3) { margin-right: 0 !important; } .demo_hairdresser_blurbs .et_pb_column_4_4 { text-align: center; padding: 0 2vw; } .demo_hairdresser_cta .et_pb_column_1_3 { width: 100% !important; margin-right: 0 !important; } .demo_hairdresser_opening_hours .et_pb_column_3_5 .et_pb_promo_description h2 { display: block; } } @media only screen and (max-width: 767px) and (min-width: 481px) { .person_3_f.demo_hairdresser_person .et_pb_team_member{ float: left !important; display: block !important; } } @media only screen and (max-width: 480px) { .demo_hairdresser_blurbs .et_pb_column_4_4 { text-align: center !important; padding: 0; } .demo_hairdresser_blurbs .et_pb_blurb { width: 48% !important; margin-right: 4% !important; } .demo_hairdresser_blurbs .et_pb_blurb:nth-child(3n+3){ margin-right: 4% !important; } .demo_hairdresser_blurbs .et_pb_blurb:nth-child(2n+2){ margin-right: 0 !important; } .demo_hairdresser_header .et_pb_column_2_5 { width: 100% !important; } .demo_hairdresser_header .et_pb_column_3_5 { width: 100% !important; } .demo_hairdresser_header .et_pb_column .et_pb_text , .demo_hairdresser_header .et_pb_column .et_pb_promo{ margin-right: 0 !important; } .demo_hairdresser_footer .et_pb_text{ display: block !important; } } .pixie-header9.demo_band_header .et_pb_text a { margin-left: 8.2% !important; display: inline-block; } .pixie-header9.demo_band_header .et_pb_text a:first-child { margin-left: 0 !important; } #page-container .sigmund_cute_slider.demo_band_cute_slider .et_pb_slider .et-pb-slider-arrows a:before { color: #7a7a7a !important; } #page-container .sigmund_cute_slider.demo_band_cute_slider .et_pb_slider .et-pb-slider-arrows a { border-color: #7a7a7a !important; } .sigmund_cute_slider.demo_band_cute_slider .et_pb_slider .et_pb_slide_content p:not(:last-child) { padding-bottom: 30px; } .sigmund_showcase_cta.demo_band_showcase_cta .et_pb_blurb .et_pb_main_blurb_image .et-pb-icon { padding: 14px; } .sigmund_showcase_cta.demo_band_showcase_cta .et_pb_blurb .et_pb_main_blurb_image .et-pb-icon:hover { background-color: #fff !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #222531; border-color: #fff; } .person_2_f.demo_band_persons .et_pb_team_member .et_pb_team_member_description .et_pb_member_position:after { border-color: #7a7a7a !important; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3:hover { border-color: #222531 !important; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3:hover { background-color: #222531 !important; } .blurb_5_M.demo_band_blurb_M .et_pb_blurb:hover .et_pb_blurb_content { background-color: transparent !important; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3 .et_pb_promo .et_pb_button_wrapper .et_pb_button { padding: 5px 27px !important; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3:hover .et_pb_promo { opacity: 1; transform: translate(0, 0); } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3:hover .et_pb_main_blurb_image { transform: translate(0, 190px); padding-top: 0; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3:hover .et_pb_blurb .et_pb_blurb_container h4 { transform: none !important; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3 .et_pb_blurb .et_pb_blurb_container { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3:hover .et_pb_blurb .et_pb_blurb_container { transform: translate(0, 180px); opacity: 0; height: 0; padding: 0; } .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_blurb_content { min-height: 401px; } .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap, .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_main_blurb_image img { display: block !important; width: 100% !important; } .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap { width: 66% !important; margin-left: 0 !important; position: relative; } .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap img { z-index: 15; position: relative; box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1); } .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap:before { content: ""; display: block; background-color: #332e2e; border-radius: 50% !important; position: absolute; width: 97%; height: 97%; right: -59%; bottom: 0; } .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_blurb_description p:not(:last-child) { padding-bottom: 30px; } .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap:after { content: ""; display: block; background-color: transparent; border-radius: 50% !important; position: absolute; width: 5px; height: 5px; right: -26%; bottom: 32%; border: 30px solid #eaeaea; } .careers1-company-perks.demo_band_company_perks .et_pb_button_module_wrapper .et_pb_button:hover { box-shadow: none !important; } .slider_2_M.demo_band_slider .et-pb-controllers:before { width: 80%; background-color: #7a7a7a; left: 10%; } .slider_2_M.demo_band_slider .et-pb-controllers > a:after { display: none; } .slider_2_M.demo_band_slider .et-pb-controllers > a .dot { border-radius: 100%; height: 15px; width: 15px; z-index: 9; position: relative; border: 1px solid #7a7a7a; background-color: #7a7a7a !important; display: block; margin: 0 auto 14px; } .slider_2_M.demo_band_slider .et-pb-controllers > a p.title { font-size: 18px !important; margin-bottom: -1px; } .slider_2_M.demo_band_slider .et-pb-controllers > a p { color: #989898; margin: auto; text-align: center; padding-bottom: 0; font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif; font-size: 16px; font-weight: 700; line-height: 120%; } .slider_2_M.demo_band_slider .et-pb-controllers > a { width: 20% !important; height: auto !important; background-color: transparent !important; border: none !important; text-indent: 0 !important; padding: 0 5px; margin: 0 !important; } .slider_2_M.demo_band_slider .et-pb-controllers > a.et-pb-active-control, .slider_2_M.demo_band_slider .et-pb-controllers > a:hover { background-color: transparent !important; } .slider_2_M.demo_band_slider .et-pb-controllers > a.et-pb-active-control .dot, .slider_2_M.demo_band_slider .et-pb-controllers > a:hover .dot { background-color: #ffffff !important; } .slider_2_M.demo_band_slider .et-pb-controllers > a.et-pb-active-control p, .slider_2_M.demo_band_slider .et-pb-controllers > a:hover p { color: #ffffff !important; } #page-container .slider_2_M.demo_band_slider .et_pb_row.first { max-width: 1175px !important; width: 90% !important; } .slider_2_M.demo_band_slider .et-pb-controllers { max-width: 1220px; height: auto !important; } .slider_2_M.demo_band_slider .et_pb_slide_image { border-radius: 0 !important; } .slider_2_M.demo_band_slider .et_pb_slide_image img { opacity: 0.5 !important; transition: 0.3s; } .slider_2_M.demo_band_slider .et-pb-active-slide .et_pb_slide_image img { opacity: 1 !important; } .coco_hot_new_products.demo_band_hot_new_products .et_pb_shop .products li.product .et_shop_image .et_overlay:before { font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; } .coco_hot_new_products.demo_band_hot_new_products .et_pb_shop .products li.product .et_shop_image .et_overlay:before { bottom: 31px; right: 40px; } .coco_cast_footer.coco_band_cast_footer .et_pb_newsletter .et_pb_newsletter_form p:after{ background-color: #989898!important; } .coco_cast_footer.coco_band_cast_footer .et_pb_newsletter .et_pb_newsletter_form p.et_pb_newsletter_field:hover label, .coco_cast_footer.coco_band_cast_footer .et_pb_newsletter .et_pb_newsletter_form p.et_pb_newsletter_field.filled label, .coco_cast_footer.coco_band_cast_footer .et_pb_newsletter .et_pb_newsletter_form p.et_pb_newsletter_field.focus label{ color: #989898!important; } .coco_cast_footer.coco_band_cast_footer .et_pb_newsletter .et_pb_newsletter_form p.et_pb_newsletter_field input{ border-radius: 0 !important; } /*Responsive*/ @media only screen and (max-width: 1390px) { .demo_band_persons .et_pb_row, .demo_band_blurb_M .et_pb_row { width: 90% !important; } .blurb_5_M.demo_band_blurb_M .et_pb_blurb .et_pb_blurb_content { min-height: 405px; } } @media only screen and (max-width: 1390px) and (min-width: 981px) { .demo_band_blurb_M .et_pb_promo .et_pb_promo_description h2 { font-size: 20px !important; } } @media only screen and (max-width: 980px) { .coco_hot_new_products .et_pb_column_1_2 .et_pb_text, .coco_hot_new_products .et_pb_column_1_2 .et_pb_button_module_wrapper, .demo_band_persons .et_pb_column_1_2 .et_pb_button_module_wrapper, .demo_band_persons .et_pb_column_1_2 .et_pb_text { text-align: center !important; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3:hover .et_pb_main_blurb_image { transform: translate(0, 240px); } } @media only screen and (max-width: 767px) { #page-container .blurb_5_M.demo_band_blurb_M .et_pb_row .et_pb_column_4_4 .et_pb_promo h2 { text-align: center !important; } #page-container .blurb_5_M.demo_band_blurb_M .et_pb_row:last-child .et_pb_column:last-child { margin-bottom: 0 !important; } #page-container .blurb_5_M.demo_band_blurb_M .et_pb_row:last-child .et_pb_column { margin: 0 auto 30px !important; max-width: 380px; float: none; } .blurb_5_M.demo_band_blurb_M .et_pb_column_1_3:hover .et_pb_main_blurb_image { transform: translate(0, 200px); } .slider_2_M.demo_band_slider .et-pb-controllers > a p:not(.title) { display: none; } } @media only screen and (max-width: 480px) { .slider_2_M.demo_band_slider .et-pb-controllers > a p.title { display: none; } } /* /* Header */ .multipurpose-homepage-header .et_pb_image img { height: auto !important; } /*Responsive*/ @media only screen and (min-width: 1930px) { body .multipurpose-homepage-header .et_pb_promo { padding-right: 0!important; } } @media only screen and (max-width: 980px) { .multipurpose-homepage-header .et_pb_promo_description { text-align: center !important; } #page-container .multipurpose-homepage-header .et_pb_promo_description h2 { letter-spacing: -2px !important; padding-bottom: 20px !important; } } /* Feature */ .multipurpose-homepage-features .et_pb_column_4_4 .et_pb_promo_description p { max-width: 660px; margin: 0 auto; } .multipurpose-homepage-features .et_pb_column_1_3 .et_pb_main_blurb_image img { display: block; } .multipurpose-homepage-features .et_pb_main_blurb_image { margin: 0 auto 10px; } /*CSS animation*/ .multipurpose-homepage-features .et_pb_column_1_3 .et_pb_blurb:first-child:after, .multipurpose-homepage-features .et_pb_column_1_3 .et_pb_blurb:hover .et_pb_main_blurb_image img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .multipurpose-homepage-features .et_pb_column_1_3 .et_pb_blurb { cursor: pointer; } .multipurpose-homepage-features .et_pb_column_1_3:hover .et_pb_blurb:first-child:after { width: 75% !important; } .multipurpose-homepage-features .et_pb_column_1_3:hover .et_pb_blurb .et_pb_blurb_container { -webkit-animation: fadeIn 5s infinite; animation: fadeIn 1s infinite; animation-iteration-count: 1; } /*Responsive*/ @media only screen and (max-width: 980px) { .multipurpose-homepage-features .et_pb_main_blurb_image { margin: 0 auto 30px !important; } .multipurpose-homepage-features .et_pb_promo_description, .multipurpose-homepage-features .et_pb_blurb_content { text-align: center !important; } .multipurpose-homepage-features .et_pb_column_1_3 .et_pb_blurb:first-child:after { margin: 15px auto 5px; } .multipurpose-homepage-features .et_pb_column_4_4 .et_pb_promo:after { margin: 20px auto 0; } .multipurpose-homepage-features h2 { padding-bottom: 20px !important; } .multipurpose-homepage-features .et_pb_column_4_4 .et_pb_promo_description p { max-width: 100%; } } /* Testimonial */ .multipurpose-homepage-testimonial .et_pb_slide { background: transparent !important; box-shadow: none !important; padding: 0 !important; } .multipurpose-homepage-testimonial .et_pb_slide_description:before { content: '{'; display: block; font-size: 72px; line-height: 100%; font-family: ETmodules !important; text-align: center; margin-bottom: 3px; } .multipurpose-homepage-testimonial .et-pb-controllers a:hover, .multipurpose-homepage-testimonial .et-pb-controllers a.et-pb-active-control { border: 1px solid; } .multipurpose-homepage-testimonial .et-pb-controllers a { width: 24px; height: 24px; border-radius: 100%; background: transparent !important; color: inherit; position: relative; } .multipurpose-homepage-testimonial .et-pb-controllers a:before { content: ""; display: block; box-shadow: inset 0 0 0 14px; position: absolute; top: 6px; right: 6px; left: 6px; bottom: 6px; border-radius: 100%; } .multipurpose-homepage-testimonial .et-pb-controllers { height: auto !important; } /* Feature */ .multipurpose-homepage-features2 .et_pb_blurb { float: left; width: 20%; } .multipurpose-homepage-features2 .et_pb_blurb .et_pb_main_blurb_image:after { content: ""; display: block; width: 0; height: 1px; background-color: #000; margin: 20px auto -15px; } .multipurpose-homepage-features2 .et_pb_blurb:hover .et_pb_main_blurb_image:after { width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*Responsive*/ @media only screen and (max-width: 767px) { .multipurpose-homepage-features2 .et_pb_blurb:last-of-type .et_pb_main_blurb_image, .multipurpose-homepage-features2 .et_pb_blurb:nth-of-type(2) .et_pb_main_blurb_image { margin: 0 !important; } .multipurpose-homepage-features2 .et_pb_blurb:nth-last-of-type(2) .et_pb_main_blurb_image, .multipurpose-homepage-features2 .et_pb_blurb:nth-of-type(3) .et_pb_main_blurb_image { margin: 0; } #page-container .multipurpose-homepage-features2 .et_pb_blurb h4 { padding-top: 0; } #page-container .multipurpose-homepage-features2 .et_pb_blurb { width: 100% !important; } .multipurpose-homepage-features2 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image { margin-bottom: 20px !important; } .multipurpose-homepage-features2 .et_pb_blurb .et_pb_blurb_content { max-width: 250px !important; } .multipurpose-homepage-features2 .et_pb_blurb .et_pb_blurb_content { transform: scale(1); } } /* CTA */ #page-container .multipurpose-homepage-cta .et_pb_column { margin-right: auto !important; } #page-container .multipurpose-homepage-cta .et_pb_button_module_wrapper { float: right; width: 48%; padding-left: 10%; margin-top: -10px; } /*Blog */ #page-container .multipurpose-homepage-blog div.column article { background-color: #2b2b33; padding: 23px; } #page-container .multipurpose-homepage-blog div.column article .et_pb_image_container { padding: 23px; padding-bottom: 0; } #page-container .multipurpose-homepage-blog article .entry-featured-image-url { margin-bottom: 25px !important; } /*Responsive*/ @media only screen and (min-width: 1930px) { .multipurpose-homepage-blog { background-size: cover !important; background-position: top center !important; } } @media only screen and (min-width: 1391px) { #page-container .multipurpose-homepage-blog .et_pb_ajax_pagination_container { display: flex !important; } } @media only screen and (max-width: 1390px) { #page-container .multipurpose-homepage-blog3 article:nth-child(2n + 2) { margin-right: 0 !important; } #page-container .multipurpose-homepage-blog3 article { width: 48% !important; margin-right: 4% !important; } } @media only screen and (max-width: 980px) { #page-container .multipurpose-homepage-blog .column { width: 100% !important; max-width: 400px !important; margin: 0 auto !important; float: none !important; } .multipurpose-homepage-blog .et_pb_row { width: 90% !important; } } @media only screen and (max-width: 767px) { #page-container .multipurpose-homepage-blog article { width: 100% !important; margin-right: 0 !important; } #page-container .multipurpose-homepage-cta .et_pb_button_module_wrapper, #page-container .multipurpose-homepage-cta .et_pb_promo { float: none; width: 100%; padding-left: 0; text-align: center; } } /*Footer*/ .multipurpose-homepage-footer .et_pb_text a { color: #fff !important; } .multipurpose-homepage-footer .et_pb_text a:hover { opacity: 0.6 !important; cursor: pointer; } /*Css Animation*/ .multipurpose-homepage-footer .et_pb_blurb .et_pb_main_blurb_image img { position: relative; } .multipurpose-homepage-footer .et_pb_blurb .et_pb_main_blurb_image:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; } .multipurpose-homepage-footer .et_pb_blurb:hover .et_pb_main_blurb_image img, .multipurpose-homepage-footer .et_pb_blurb .et_pb_blurb_container:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .multipurpose-homepage-footer .et_pb_blurb .et_pb_blurb_container:after { content: ""; display: block; width: 0; height: 1px; background-color: #fff !important; margin: 10px auto -10px; } .multipurpose-homepage-footer .et_pb_blurb:hover { cursor: pointer; } .multipurpose-homepage-footer .et_pb_blurb:hover .et_pb_blurb_container:after { width: 70%; } */ .red-divider h3 { line-height: 150% !important } .freebies-list a { border-bottom: 1px solid #000; } .freebies-list a:hover { border-bottom: 1px solid #804180; color: #804180; } .freebies-list a:visited { color: #804180; border-bottom: 1px solid #804180; } /**Demo buttons**/ #ddd-freebie-btns { position: fixed; top: 0; right: 0; z-index: 999; padding: 20px; display: flex !important; background: rgba(255,255,255,0.1); width: 100%; justify-content: flex-end; font-weight: 600; } #btn-r { margin-left: 20px; } .ddd-freebie-demo-btn a { color: #ffffff !important; font-size: 18px !important; line-height: 18px !important; text-align: center; background-color: #6d24bb; padding: 14px 23px 14px; border-radius: 6px; margin: 7px 0; transition: all 0.2s; } .ddd-freebie-demo-btn a:hover { opacity: 0.7; } #btn-l a { background: #6E25BC; } #btn-r a { background: #a6e40f; } /******** Blurbs ***********/ .blurb_click { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); } .blurb_click { vertical-align: bottom; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; } .blurb_click:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); cursor: pointer; } /* --------------animation for team ------------------*/ .blurb_about .et_pb_blurb h4 { -webkit-transform: translate3d(0, 88px, 0); transform: translate3d(0, 88px, 0); -webkit-transition: -webkit-transform .35s; transition: transform .35s; } .blurb_about .et_pb_blurb_content { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); -webkit-transition: opacity .1s, -webkit-transform .35s; transition: opacity .1s, transform .35s; filter: alpha(opacity=0); opacity: 0 !important; padding-top: 5%; zoom: 1; } .blurb_about .et_pb_blurb_content { position: relative; height: 100% !important; } .blurb_about .et_pb_blurb_content:hover { padding: 8% 12%; position: relative; } .blurb_about { transition: .3s; } .blurb_about:hover { background: #fafafa; } .blurb_about:hover h4 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size: 22px !important; } .blurb_about .et_pb_blurb_content:hover { -webkit-transform: translate3d(0, 0, 0); -webkit-transition-delay: .05s; -webkit-transition-duration: .35s; filter: alpha(opacity=1); opacity: 1 !important; transform: translate3d(0, 0, 0); transition-delay: .05s; transition-duration: .35s; zoom: 1; } /*pricing tabel responsive fix*/ @media (max-width: 980px) { .et_pb_column .et_pb_pricing_table { width: 100% !important; margin: 0 0 30px !important; } #ddd-freebie-btns { top: 40px; justify-content: center; } } .et_pb_post_slider .et_pb_slide a, .et_pb_portfolio .type-project a, .et_pb_shop .products li.product a, .et_pb_posts .et_pb_post a{ cursor: pointer; } .cbp-spmenu .menu li{ border-top: none !important; border-bottom: solid 1px rgba(255,255,255,0.5) !important; } .cbp-spmenu .menu li a:hover{ opacity: 0.5; } .cbp-spmenu .menu li a{ color: #fff !important; }