/*====================================== Theme Name: Metan Divi Child Theme Theme URI: https://metan.duogeeks.com/ Description: Metan is a responsive retina multipurpose WordPress theme perfect for just about anyone. Whether you are a creative, a corporate team, a lawyer, a medical doctor, or a freelancer looking for a modern portfolio website or a personal blog, Metan is your best option. Version: 3.0 Author: Lovish Gulati Author URI: https://metan.duogeeks.com/ Template: Divi ======================================*/ /* You can add your own CSS styles here. Use !important to overwrite styles if needed. */ /* **===================={{{{[Divi Desktop Menu}}}}}========================** */ /*add point on top of the Divi menu submenu dropdown*/ nav > ul > li > ul:after { position: absolute; left: 20%; margin-left: 0px; top: -15px; width: 0; height: 0; content:''; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid rgba(var(--orange), 1); } /*dropdown menu padding*/ .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a { padding-left: 0px; padding-right: 0px; padding-top: 15px; padding-bottom: 15px; } /* ##### DROPDOWN MENU STYLES ##### */ #top-menu .sub-menu { background-color: rgba(var(--black), 1)!important; color: #FFFFFF!important;/* Background color dropdown */ border-top: 3px solid #25313a; /* Top border color dropdown */ } #top-menu .sub-menu li a { font-size: 13px; /* Font size dropdown */ width: 100%; color: #fff; border-bottom: 1px solid rgba(var(--black), 1)!important; /* Border bottom menu item color */ } .sub-menu li:hover { background-color: rgba(var(--orange), 1)!important; color: #fff!important/* Hover color menu item */ } .sub-menu .current_page_item { background-color: rgba(var(--orange), 1); /* Current menu item color dropdown */ color: #fff!important/* Hover color menu item */ } #top-menu .sub-menu li { padding-left: 0px!important; padding-right: 0px; width: 100%; } #top-menu li li a { padding-top: 10px; padding-bottom: 8px; } #top-menu .sub-menu { padding-top: 0; padding-bottom: 0px; padding-left: 0px!important; padding-right: 0px; } .nav ul li a:hover { opacity: 1; background-color: rgba(0,0,0,0); } .et_pb_sticky .et_pb_menu_1_tb_header.et_pb_menu ul li:hover>a { color: #ffff!important; } /************Mobile menu**************/ /* X icon in expanded mobile menu */ .mobile-style-x .mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; } /* Remove the top line in the mobile menu*/ .mobile-style .et_mobile_menu { border-top:0px; } .mobile-style .et_mobile_menu li li, .et_mobile_menu li ul { padding-left:0px !important; } /* Make mobile menu fullwidth */ .mobile-style .et_mobile_menu { min-width: 70vw; margin-left: -35vw; margin-top: 2.5vw; } /* Make the mobile menu full height */ .mobile-style .et_mobile_menu { min-height:50vh !important; min-height: -webkit-fill-available; padding-top:25px !important; } html { height: -webkit-fill-available; } /*Make Divi Mobile Menu Scrollable*/ .et_mobile_menu { overflow-y:scroll!important; max-height:80vh!important; -overflow-scrolling:touch!important; -webkit-overflow-scrolling:touch!important; } /**** This hides the sub menu items on mobile ****/ #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ #page-container .mobile_nav .menu-item-has-children { position: relative; } #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ #page-container span.menu-closed:before { content: "\43"; display: block; color: #fff; font-size: 16px; font-family: ETmodules; } #page-container span.menu-closed.menu-open:before { content: "\42"; } /***************{ All Pages Blurb Icon hover effect } *****************************/ /* grow icon */ .mp_m_blurb_grow:hover .et_pb_main_blurb_image img, .mp_m_blurb_grow:hover .et-pb-icon { -webkit-transition-duration: 0.3s; transition-duration: 0.8s;} .mp_m_blurb_grow:hover .et_pb_main_blurb_image img, .mp_m_blurb_grow:hover .et-pb-icon { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0);} /* blurb bob icon */ .mp_m_blurb_bob:hover .et_pb_main_blurb_image img, .mp_m_blurb_bob:hover .et-pb-icon { -webkit-animation-name: gq_bob_float_icon, gq_bob_icon; animation-name: gq_bob_float_icon, gq_bob_icon; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;} @-webkit-keyframes gq_bob_icon { 0% {-webkit-transform: translateY(-6px);transform: translateY(-6px);} 50% {-webkit-transform: translateY(-2px);transform: translateY(-2px);} 100% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}} @keyframes gq_bob_icon { 0% {-webkit-transform: translateY(-6px);transform: translateY(-6px);} 50% {-webkit-transform: translateY(-2px);transform: translateY(-2px);} 100% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}} @-webkit-keyframes gq_bob_float_icon { 100% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}} @keyframes gq_bob_float_icon { 100% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}} /*spin*/ /* client focused section blurb spin */ .mp_m_blurb_spin .et_pb_main_blurb_image img, .mp_m_blurb_spin .et-pb-icon { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} .mp_m_blurb_spin:hover .et_pb_main_blurb_image img, .mp_m_blurb_spin .et-pb-icon { -webkit-transform: rotate(360deg); transform: rotate(360deg);} .spin-blurb-icon { transition: box-shadow .2s ease-in-out; } /*add an arrow icon in the bottom right corner*/ .spin-blurb-icon:after { font-family: ETModules; content: "\39"; font-size: 36px; background-color: rgba(var(--orange), 1); color: #fff; position: absolute; top: 26px; right: 25px; transition: all .2s ease; border-radius: 100px; padding-top: 12px; padding-bottom: 12px; padding-left: 8px; padding-right: 8px; opacity: 0; } /*add the box shadow on hover*/ .spin-blurb-icon:hover { transition: box-shadow .2s ease-in-out; } /*adjust the icon on hover*/ .spin-blurb-icon:hover:after { color: #fff; transition: all .2s ease; border-radius: 100px; padding-top: 12px; padding-bottom: 12px; padding-left: 8px; padding-right: 8px; opacity: 1; } .spin-blurb-icon:hover:after { -webkit-animation: rotate-scale-down 0.65s linear both; animation: rotate-scale-down 0.65s linear both; } @-webkit-keyframes rotate-scale-down { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); } 50% { -webkit-transform: scale(0.5) rotateZ(180deg); transform: scale(0.5) rotateZ(180deg); } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); }} /* blurb animation drop */ .mp_m_blurb_drop:hover .et_pb_main_blurb_image img, .mp_m_blurb_drop:hover .et-pb-icon { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: gq_drop_icon; animation-name: gq_drop_icon; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);} @-webkit-keyframes gq_drop_icon { 0% {opacity: 0;} 50% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 51%, 100% {opacity: 1;}} @keyframes gq_drop_icon { 0% {opacity: 0;} 50% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 51%, 100% {opacity: 1;}} @keyframes rotate-scale-down { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); } 50% { -webkit-transform: scale(0.5) rotateZ(180deg); transform: scale(0.5) rotateZ(180deg); } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); }} /**************************************/ /************{Left Column on buttom in mobile device } ********************/ /***************************************/ @media (max-width:980px) { .et_section_regular .reverse-columns-mobile.et_pb_row, .et_section_specialty.reverse-columns-mobile .et_pb_row { display: flex; flex-direction: column-reverse; }} /**********Back to top button**************************/ /*---------- Custom Back To Top Button ----------*/ .et_pb_scroll_top.et-visible { opacity: 1; -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1); -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1); -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1); animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1); } .et_pb_scroll_top.et-pb-icon { right: 15px; bottom: 15px; border-radius: 25px; background: rgba(var(--orange), 1); padding: 10px; } .et_pb_scroll_top.et-pb-icon:hover { background: rgba(var(--black), 1); color: #fff; } .et_pb_scroll_top:before { content: "\21"; font-weight: 900; } /*** Bouncing Back To Top Button Animation ***/ span.et_pb_scroll_top.et-pb-icon.et-visible { animation: vertical-bounce 2.2s ease-out infinite; } @keyframes vertical-bounce { 0% { transform:translateY(0%); } 12.5% { transform:translateY(-20%); } 25% { transform:translateY(0%); } 37.5% { transform:translateY(-20%); } 50% { transform:translateY(0%); } } /***********Contact form error message********************/ option { color: rgba(var(--black), 1)!important; } .et-pb-contact-message p{ position: relative; background-color: #ffffff; color: rgba(var(--black), 1)!important; padding: 20px 20px 20px 20px!important; font-family: 'Barlow'; text-align: center; font-size: 22px; font-weight: 800; line-height: 1.5em; } .et-pb-contact-message ul { list-style-type: circle; padding: 0 0 1px 1em; line-height: 32px; color: rgba(var(--orange), 1); font-size: 16px; font-family: 'Barlow'; text-align: left; font-weight: 500; background-color: #ffffff; padding: 20px 20px 20px 20px!important; } .et-pb-contact-message { margin-bottom: 30px!important } .et-menu li li.menu-item-has-children>a:first-child:after { right: 20px; top: auto!important; } /* ********************=========== * Home 1=============== * ** * * ******************* */ /*slider button*/ .slider-1-button .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_more_button.et_pb_button { transition: 700ms!important; } /* Slider Dot Navigation */ .slider-3 .et-pb-controllers a { background-color: #ffffff00 !important; margin-right: 10px; padding: 4px; border: 4px solid #ffff; transition: all .4s ease; border-radius: 0px; transform: skew(-15deg); } .slider-3 .et-pb-controllers a:hover { transition: all .4s ease; transform: scale(1.2); } .slider-3 a.et-pb-active-control { padding: 0 !important; border: 8px solid rgba(var(--orange), 1) !important; transition: all .4s ease; } .slider-3 a.et-pb-active-control:hover { transform: scale(1); transition: all .4s ease; } /* Arrow Navigation */ .slider-3 .et-pb-arrow-prev { background: rgba(255,255,255,0.92); border-radius:30px; height:35px; } .slider-3 .et-pb-arrow-prev:before { content: "\44"!important; color: rgba(var(--black), 1); padding: 0px 20px 0px 20px; font-size: 30px; } .slider-3 .et-pb-arrow-prev:hover { background: rgba(var(--orange), 1); } .slider-3 .et-pb-arrow-prev:hover:before { color: #fff; } .slider-3 .et-pb-arrow-next { background: rgba(255,255,255,0.92); border-radius:30px; height: 35px; } .slider-3 .et-pb-arrow-next:before { content: "\45"!important; color: rgba(var(--black), 1); padding: 0px 20px 0px 20px; font-size: 30px; } .slider-3 .et-pb-arrow-next:hover { background: rgba(var(--orange), 1); } .slider-3 .et-pb-arrow-next:hover:before { color: #fff; } /* Text Animation */ .slider-3 .et_pb_slide_content h5{ animation-duration: .7s !important; animation-delay: 1.4s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: fadeIn; } .slider-3 .et_pb_slide_content p{ animation-duration: .7s !important; animation-delay: 1.4s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: Grow;} .slider-3 .et_pb_button_wrapper{ animation-duration: .7s !important; animation-delay: 2s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: flipInY; } /**image zoom effect**/ .et-zoom-in.et_pb_image:hover img, .et-zoom-in .et_pb_image_wrap:hover img, .et-zoom-in a:hover img { transform: scale(1.1); transition: all 2s 0s ease; } .et-zoom-in, .et-zoom-in a { overflow: hidden; } .et-zoom-in.et_pb_image img, .et-zoom-in .et_pb_image_wrap img, .et-zoom-in a img { transition: all 1s 0s ease; } /* ** CSS FOR DIVI BLURB 7 Developing Leaders section ** */ .blurb-77 { transform: translateY(0px); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease; } .blurb-77:hover { transform: translateY(-20px); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease; } .blurb-77:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 10px; width: 0; transition: width 0s ease, background 1s ease; } .blurb-77:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 10px; width: 0; background: rgba(var(--orange), 1); transition: width .5s ease; } .blurb-77:hover:before { width: 100%; background: rgba(var(--black), 1); transition: width 1s ease; } .blurb-77:hover:after { width: 100%; background: transparent; transition: all 0s ease; } /*number module plus sign*/ .dollar .percent-value:after { content:'+';} /* css to change send message position */ .et_contact_bottom_container{ display: flex; align-items: center; margin-top: 10px; justify-content: flex-start; width: 100% !important; } /* **{{{{Home 1 Footer}}}** */ .da_social_v10 li a.icon{ display: inline-block; font-size: 20px!important; background-color:rgba(var(--orange), 1) !important; cursor: pointer; margin: 15px 13px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; width: 50px; height: 50px; box-shadow: 0 0 0 4px rgba(255,255,255,1);} .da_social_v10 li a.icon:before{ font-size: 20px!important; line-height: 50px; height: 50px; width:50px;} .da_social_v10 li a.icon:hover{ -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; box-shadow: 0 0 0 0 rgba(255,255,255,0); transition: box-shadow 0.2s;} .da_social_v10 li a.icon:after{ pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -4px; left: -4px; padding: 0; z-index: 10; border: 4px dashed #fff;} .da_social_v10 li a.icon:hover:after{ -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite;} @-webkit-keyframes spinAround {from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); }} @-moz-keyframes spinAround { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg); }}@keyframes spinAround { from { transform: rotate(0deg) } to { transform: rotate(360deg); }} /* ********************=========== * Home 2=============== * ** * * ******************* */ /*slider button hover animation*/ .slider-button .et_pb_more_button{ color: #ffffff; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; padding: 12px 20px 7px; border-radius: 0; border: 1px solid rgba(var(--orange), 1); box-shadow: inset 3px 4px 0 rgba(var(--orange), 1), 4px 4px 0 rgba(var(--orange), 1); transition: all 0.5s cubic-bezier(0.1, 0.7, 0.3, -0.1) !important; } .slider-button .et_pb_more_button:hover{ color: rgba(var(--black), 1)!important; box-shadow: inset 160px 60px #ffffff, 0 0 0 #ffffff!important; padding: 12px 20px 7px !important; } /* Slider dot Navigation */ .slider-1 .et-pb-controllers { height: 7px; bottom: 0px !important; } .slider-1 .et-pb-controllers a { width: 20% !important; /* define the width of controllers here */ border-radius: 0px !important; margin-right: 0px !important; } .slider-1 .et-pb-controllers a:hover { background-color: rgba(var(--orange), 1)!important; transition: all 0.2s ease-in-out; } /* Slider Arrow Navigation */ .slider-1 .et-pb-arrow-prev:before { content: "\44"; background: rgba(255,255,255,0); border-radius: 30px; border: 2px solid rgba(var(--orange), 1); color: #fff; padding: 4px 5px 4px 4px; font-size: 30px; } .slider-1 .et-pb-arrow-prev { transition: all .4s ease; } .slider-1 .et-pb-arrow-prev:hover { transform: scale(1.2); transition: all .4s ease; } .slider-1 .et-pb-arrow-next:before { content: "\45"; background: rgba(255,255,255,0); border-radius: 30px; border: 2px solid rgba(var(--orange), 1); color: #fff; padding: 4px 5px 4px 4px; font-size: 30px; } .slider-1 .et-pb-arrow-next { transition: all .4s ease; } .slider-1 .et-pb-arrow-next:hover { transform: scale(1.2); transition: all .4s ease; } /* Text Animation */ .slider-1 .et_pb_slide_content p{ animation-duration: .7s !important; animation-delay: 1.4s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: fadeRight; } .slider-1 .et_pb_button_wrapper{ animation-duration: .7s !important; animation-delay: 2s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: fadeLeft; } /*Home 2 all button*/ .da_btn_v4{ color: rgba(var(--orange), 1); font-size: 16px; letter-spacing: 1px; text-transform: uppercase; padding: 12px 20px 7px; border-radius: 0; border: 1px solid rgba(var(--orange), 1); box-shadow: inset 3px 4px 0 rgba(var(--orange), 1), 4px 4px 0 rgba(var(--orange), 1); transition: all 0.5s cubic-bezier(0.1, 0.7, 0.3, -0.1) !important;} .da_btn_v4:hover{ color: #fff; box-shadow: inset 160px 50px 0 rgba(var(--black), 1), 0 0 0 rgba(var(--black), 1); padding: 12px 20px 7px !important;} .da_btn_v4.arbg:hover{ box-shadow: inset 160px 50px 0 #fff,0 0 0 #fff; padding: 12px 20px 7px!important; padding-top: 10px!important; padding-right: 50px!important; padding-bottom: 10px!important; padding-left: 50px!important; } /*contact form button hover*/ .button .et_pb_contact_submit.et_pb_button{ color: rgba(var(--orange), 1); font-size: 16px; letter-spacing: 1px; text-transform: uppercase; padding: 12px 20px 7px; border-radius: 0; border: 1px solid rgba(var(--orange), 1); box-shadow: inset 3px 4px 0 rgba(var(--orange), 1), 4px 4px 0 rgba(var(--orange), 1); transition: all 0.5s cubic-bezier(0.1, 0.7, 0.3, -0.1) !important; } .button .et_pb_contact_submit.et_pb_button:hover{ color: #fff; box-shadow: inset 160px 60px rgba(var(--black), 1), 0 0 0 rgba(var(--black), 1); padding: 12px 20px 7px !important; } /* Consulting service blurb button */ .prosen_blurb_with_button a.dg_button { color: #fff !important; border-width: 1px !important; border-radius: 0px; border: 2px solid transparent; padding: .5em 1em .5em 1em; font-family: "Fira Sans" !important; font-weight: bold; background-color: rgba(var(--orange), 1); display: inline-block; } /*Divi custom button hover*/ .prosen_blurb_with_button:hover a.dg_button { background-color: rgba(var(--black), 1); cursor: pointer; } /*Prortfolio hover animation*/ .home-twob-fwpf .et_pb_fullwidth_portfolio_0 .et_pb_portfolio_item:hover { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .home-twob-fwpf .et_pb_fullwidth_portfolio_0 .et_pb_portfolio_item:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .home-twob-fwpf .et-pb-arrow-prev:before{ color: rgba(var(--orange), 1); } .home-twob-fwpf .et-pb-arrow-next:before{ color: rgba(var(--orange), 1); } /*home 2 logo gallery lightbox disable*/ .disable-lightbox a { pointer-events: none; } .disable-lightbox .et_overlay { display: none ! important; } /* Paralax image background color overlay effect number module*/ .bg-overlay .et_parallax_bg::before { background-color: rgba(0,24,48,0.68); content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; } /*blog module hover blurb*/ .ib-container article{ z-index: 1; -webkit-backface-visibility: hidden; box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), 1px 1px 3px 10px rgba(0,0,0,0.2); transition: opacity 0.4s linear, transform 0.4s ease-in-out, filter 0.4s ease-in-out, box-shadow 0.4s ease-in-out; } .ib-container article img{ height: 200px !important; } .ib-container article.blur{ box-shadow: 0px 0px 30px 3px rgba(110,130,208,0.17); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); filter: blur(5px); } .ib-container article.active{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); box-shadow: 0px 0px 30px 3px rgba(110,130,208,0.17), 1px 6px 30px 3px rgba(110,130,208,0.17); z-index: 100; opacity: 1; } /*blog module list style footer*/ @media (min-width: 767px) { .home-twof-blog .entry-featured-image-url { width: 30%; float: left; margin-bottom: 0!important; } /*set the details width*/ .home-twof-blog .entry-title, .post-meta, .post-content { width: 70%!important; float: left; padding-left: 30px; }} /*blog image aspect ratio square 1:1*/ .home-twof-blog .entry-featured-image-url { padding-top: 30%; display: block; } .home-twof-blog .entry-featured-image-url img { position: absolute; height: 100%; width: 100%; border-radius: 10px; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } .home-twof-blog .et_pb_post { margin-bottom: 20px!important; } @media (min-width: 767px) { /*set the width of the input fields minus the width of the button*/ .home-twof-email .et_pb_newsletter_fields .et_pb_newsletter_field { flex-basis: calc(100% - 225px) !important; } /*set the width of the button*/ .home-twof-email .et_pb_newsletter_fields .et_pb_newsletter_button_wrap { flex-basis: 210px !important; } } /* **********=========== * {Home 3}} * =============**************** */ /*header social icon*/ .da_social_v3 li a.icon{ box-shadow: 0 0 0 4px rgba(var(--black), 1); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 13px; width: 50px; height: 50px; background-color:rgba(var(--orange), 1) !important; border-radius: 50%; text-align: center; position: relative; z-index: 1;} .da_social_v3 li a.icon:hover{ background-color:rgba(var(--orange), 1) !important;} .da_social_v3 li a.icon:before{color: #fff!important; font-size: 20px; line-height: 50px; width: 50px; height: 50px;} .da_social_v3 li a.icon:after{ top: -2px; left: -2px; padding: 2px; z-index: -1; background: rgba(var(--orange), 1); -webkit-transition:-webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .da_social_v3 li a.icon:hover:after{ -webkit-transform: scale(1.3);-moz-transform: scale(1.3); -ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;} /* Slider Arrow Navigation */ .slider-2 .et-pb-arrow-prev:before { content: "\44"; background: #fff; color: rgba(var(--orange), 1); padding: 4px 5px 4px 4px; font-size: 30px; } .slider-2 .et-pb-arrow-prev { margin-top:0px !important; margin-left:-22px; top:0; height:100%; background: #ffffff; padding-top: 310px; } @media screen and (max-width: 400px){ .slider-2 .et-pb-arrow-prev { margin-left:0px; }} .slider-2 .et-pb-arrow-next:before { content: "\45"; background: #FFF; border-radius: 30px; color: rgba(var(--orange), 1); padding: 4px 5px 4px 4px; font-size: 30px; } .slider-2 .et-pb-arrow-next { transition: all .4s ease; padding-top: 310px; top:0; height:100%; margin-right:-22px; background: #ffffff; margin-top:0px !important; } @media screen and (max-width: 400px){ .slider-2 .et-pb-arrow-next { margin-right:0px; } } /*home 3 all heilighted text*/ .pa-callout-3 { position: relative; color: #ffffff; background-color: rgba(var(--orange), 1); font-size: inherit; padding: .6em .6em; border-radius: 0px; margin: 0 6px; } /*home 3 all button*/ .da_btn_v1{ z-index: 2; background: rgba(var(--orange), 1); border:none; border-radius:0; color: #fff; text-transform: uppercase; font-family: fira sans; text-align: center; padding: 10px 30.5px; position: relative; outline: none; font-weight: 600; font-size: 15px; transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important;} .da_btn_v1:hover{ color: #fff; padding: 10px 30.5px !important; border:none !important;} .da_btn_v1.dark{ background-color:#fff !important; color: #111 !important;} .da_btn_v1.dark:hover{color: #fff !important;} .da_btn_v1.et_hover_enabled:hover::after{ transition: all 0.4s ease-out !important; z-index: -1;} .da_btn_v1::after{content: ""; width: 10px; height: 100%; position: absolute; right: 0; top: 0; opacity:1; z-index:-1; background: rgba(var(--black), 1); transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important;} .da_btn_v1:hover::after{width: 100%; transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important;} .da_btn_v1.bg::after { background: #fff!important; } .da_btn_v1.bg:hover::after { width: 100%; transition: all .4s ease-out!important; -moz-transition: all .4s ease-out!important; -webkit-transition: all .4s ease-out!important; -ms-transition: all .4s ease-out!important; -o-transition: all .4s ease-out!important; } .da_btn_v1.bg:hover{ color: rgba(var(--orange),1)!important } /**** BLURB LINK ***/ .blurb_link { display: block; margin-top: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .blurb_link:hover { letter-spacing: 1px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } /******2nd section blurb**********/ .et_pb_blurb_flip_2 { position: relative; overflow: hidden; padding: 20px; border: 2px solid rgba(var(--orange), 1); background-color: #fff; } /****number counter blurb*******/ .et_pb_ctr_number_da .percent-value::after { background-color: #fff; content: ""; display: block; height: 3px; margin: auto; margin-top: 20px; margin-bottom: 35px; position: absolute; bottom: -50px; left: 0; right: 0; width: 100px; transition: all 0.3s linear 0s; } /* ************================ * {{Home 4}} * ==================************* */ /*---To left align slider Left---*/ .ds-slider-left.et_pb_slider .et_pb_container { float: left !important; /*move the slider text container to the left*/ } .ds-slider-left .et_pb_slide_description { text-align: left !important; /*align the slider text to the left*/ padding: 35% 8%; } .ds-slider-left.et_pb_slider .et_pb_button { float: left !important; /*move the button to the left*/ } /* Slider Arrow Navigation */ .slider-5 .et-pb-arrow-prev:before { content: "\48";} .slider-5 .et-pb-arrow-next:before { content: "\49"; } .slider-5 .et-pb-arrow-prev:before, .slider-5 .et-pb-arrow-next:before { background: #FFF; border-radius: 100px; color: rgba(var(--black), 1); padding: 20px 20px 20px 20px; font-size: 30px; } /* Slider Dot Navigation */ .slider-5 .et-pb-controllers a { background-color: #ffffff00 !important; border-radius: 100px; margin-right: 10px; padding: 4px 20px; border: 5px solid rgba(var(--black), 1); transition: all .4s ease; } .slider-5 a.et-pb-active-control { width:20px; background: rgba(var(--black), 1) !important; border: 3px solid rgba(var(--black), 1) !important; transition: all .4s ease; } .slider-5 .et-pb-controllers a:hover { transform: scale(1.2); transition: all .4s ease; } .slider-5 a.et-pb-active-control:hover { transform: scale(1.0); transition: all .4s ease; } /* Text Animation */ .slider-2 .et_pb_slide_content .et_pb_slide_title { animation-duration: .7s !important; animation-delay: 1.4s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: slideWidth; } .slider-5 .et_pb_slide_content p{ animation-duration: .7s !important; animation-delay: 1.4s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: fadeInRight; } .slider-5 .et_pb_button_wrapper{ animation-duration: .7s !important; animation-delay: 2s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: fadeInBottom; } /* Divi custom button */ .prosen_blurb a.dg_button { color: rgba(var(--black), 1)!important; border-width: 0px!important; border-radius: 100px; font-size: 16px; font-family: 'Fira Sans',Helvetica,Arial,Lucida,sans-serif!important; font-weight: 700!important; text-transform: uppercase!important; background-color: rgb(249,108,0); padding-top: 15px!important; padding-right: 40px!important; padding-bottom: 15px!important; padding-left: 40px!important; box-shadow: inset -180px 0px 0px 0px #ffffff; transition-duration: 350ms; transition-timing-function: ease-out; transition-delay: 0ms; } .prosen_blurb a.dg_button:hover { color: #ffff!important; border-width: 0px!important; border-radius: 100px; font-size: 16px; font-family: 'Fira Sans'!important; font-weight: 700!important; text-transform: uppercase!important; background-color: rgba(var(--orange), 1); box-shadow: inset 0px 0px 0px 0px #ffffff; transition-duration: 350ms; transition-timing-function: ease-out; transition-delay: 0ms; } /*all h2 heading color highlights in text*/ .pa-color-highlightx { text-decoration: none; box-shadow: inset 0 -.5em 0 rgba(250,129,36,0.66); color: inherit; } /* blurb hover style in business needs*/ .da-blurb-style-5{ position: relative; border: 2px solid #fff; border-radius: 0px 30px; box-shadow: 5px 5px rgba(var(--orange), 1); background: rgba(var(--black), 1); padding: 30px 20px; } @media only screen and (max-width:990px){ .da-blurb-style-5{ margin-bottom: 30px; } } @media only screen and (max-width:767px){ .da-blurb-style-5:before{ transform: scale3d(1, 1, 1); } .da-blurb-style-5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ top: 30px; } } @media only screen and (max-width:480px){ .da-blurb-style-5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { top: 40px; } } /*---------------[ BLURB FLOAT]-----------------*/ .mp_m_blurb_float_shadow { border: 1px solid #eee; border-radius: 9px; box-shadow: 0px 6px 12px rgba(110, 130, 208, 0.3); padding: 17px; -webkit-transition: all .3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mp_m_blurb_float_shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(255,107,0,0.52) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(255,107,0,0.53) 0%, transparent 80%); -webkit-transition: all .3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mp_m_blurb_float_shadow:hover { -webkit-transform: translateY(-7px); transform: translateY(-7px); box-shadow: 0px 8px 14px rgba(110, 130, 208, 0.3);} .mp_m_blurb_float_shadow:hover:before { opacity:1; top: 106%; height: 15px;} /***portfolio ********/ /* filter and pagination */ .et_pb_portfolio_auto_portfolio .et_pb_portfolio_filters { text-align: center; } .et_pb_portfolio_auto_portfolio .et_pb_portfolio_filters > ul { display: inline-block; box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01); } .et_pb_portfolio_auto_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a, .et_pb_portfolio_auto_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .et_pb_portfolio_auto_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .et_pb_portfolio_auto_portfolio .et_pb_portofolio_pagination ul li a { border: 2px solid rgba(var(--black), 1); margin: -2px -2px 0 0; background-color: #fff; -webkit-transition: all 0.65s ease; -o-transition: all 0.65s ease; transition: all 0.65s ease; } .et_pb_portfolio_auto_portfolio .et_pb_portofolio_pagination { text-align: center; border-top: none; margin-top: 40px; } .et_pb_portfolio_auto_portfolio .et_pb_portofolio_pagination ul { display: inline-block; box-shadow: 0 0 55px 2px rgba(0,0,0,0.01); } .et_pb_portfolio_auto_portfolio .et_pb_portofolio_pagination ul li { padding: 0; } .et_pb_portfolio_auto_portfolio.et_pb_portofolio_pagination ul li a { padding: 10px 2px; } /*blog slider*/ .ds-advent-8 .et_pb_slide { padding: 0; } .ds-advent-8 .et_pb_slide_image { bottom: 0 !important; top: 0 !important; margin-top: 0 !important; } /*Position the slide description and add background*/ .ds-advent-8 .et_pb_slides .et_pb_slider_container_inner { display: block; } .ds-advent-8 .et_pb_slide_description { float: right; width: 30% !important; text-align: center; padding: 30px !important; margin: 3% !important; background: rgba(0,24,48,1); } /*Move slide description and add some padding on smaller tablets*/ @media all and (max-width: 768px) { .ds-advent-8 .et_pb_slides .et_pb_slider_container_inner { padding-top: 100%; } .ds-advent-8 .et_pb_slide_description { width: auto !important; position: absolute; bottom: 0; }} /*Add more padding on mobile*/ @media all and (max-width: 479px) { .ds-advent-8 .et_pb_slides .et_pb_slider_container_inner { padding-top: 200%; }} /*Position the controllers*/ .ds-advent-8 .et-pb-controllers { bottom: 50%; left: -20px; width: auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); } /*Reposition the controllers on smaller tablets and mobiles*/ @media all and (max-width: 768px) { .ds-advent-8 .et-pb-controllers { bottom: 94%; left: auto; width: 100%; margin: 0 auto; -webkit-transform: none; transform: none; }} /*Style the controllers*/ .ds-advent-8 .et-pb-controllers a { background-color: transparent !important; border: 2px solid #fff; border-radius: 0; width: 10px; height: 10px; margin: 10px; } /* **************=========== * {{Home 5}}} **============*************** */ /* ======================= all Button on home 5======================*/ .da_btn_v2.et_hover_enabled:hover::after{transition: all 0.4s ease-out !important;z-index: -1;} .da_btn_v2{ letter-spacing: 1px; color: #fff !important; text-transform: uppercase !important; padding: 10px 40.5px; background-color: rgba(var(--black), 1);display: inline-block;box-shadow: 0px 10px 30px 0px rgba(110,130,208,0.3);overflow: hidden; font-size: 15px; font-weight: 600; backface-visibility: hidden; transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important; } .da_btn_v2:hover{border: 2px solid transparent;padding: .3em 1em !important;padding: 10px 42.5px !important;} .da_btn_v2:after{line-height: 1.7em; font-size: 1em !important; content: attr(data-icon); left: -100% !important; top: 0%; margin-left: 0em !important; position: absolute; height: 100%; width: 100%; background-color: rgba(var(--orange), 1); text-align: center; transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important; } .da_btn_v2:hover:after{line-height: 3em !important;top: 0;left: 0 !important;transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important;} /*place button modules next to each other in the same column*/ .pa-inline-buttons .et_pb_button_module_wrapper { display: inline-block; } .pa-inline-buttons { text-align: center !important; } .pa-inline-buttons { text-align: center !important; } /*add a transition effect*/ .pa-blurb-icon-button { transition: box-shadow .2s ease-in-out;} /*add an arrow icon in the blurb bottom right corner*/ .pa-blurb-icon-button:after { font-family: ETModules; content: "\24"; font-size: 36px; color: rgba(var(--orange), 1); position: absolute; bottom: 26px; right: 25px; transition: all .2s ease} /*add the box shadow on hover*/ .pa-blurb-icon-button:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, .15); transition: box-shadow .2s ease-in-out; } /*adjust the icon on hover*/ .pa-blurb-icon-button:hover:after { color: rgba(var(--black), 1); bottom: 30px; transition: all .2s ease; } /*====blurb underline animation=====*/ .gq_b_classy_divider1 h4 { font-weight: 800; font-size: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gq_b_classy_divider1 h4:after { display: table; content: ""; border-top: 5px solid rgba(var(--black), 1); width: 50px; margin: 17px 0px 14px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gq_b_classy_divider1 .et-pb-icon { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gq_b_classy_divider1:hover h4 { color: rgba(var(--black), 1);} .gq_b_classy_divider1:hover h4:after { width: 120px; border-top: 5px solid rgba(var(--orange), 1);} .gq_b_classy_divider1:hover .et-pb-icon { color: rgba(var(--black), 1)!important;} /*BLOG GRID hover effect]------------*/ .finance-blog .et_pb_post { position: relative; overflow: hidden; } .finance-blog .et_pb_post a { color: rgba(0,24,48,0.6); } .finance-blog .et_pb_post .entry-featured-image-url img { transform: scale(1.0); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .finance-blog .et_pb_post:hover .entry-featured-image-url img { transform: scale(1.13); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .finance-blog .et_pb_post .post-meta .published { position: absolute; right: 10px; top: 10px; background: rgba(var(--orange), 1); width: 55px; text-align: center; line-height: 18px; z-index: 99; font-weight: 700; text-transform: capitalize; color: #fff; display: block; padding: 8px 10px; transform: translate3d(0, 0, 0); transition: all .5s ease; transition-delay: .5s; } .finance-blog .et_pb_post:hover .post-meta .published { transform: translate3d(0, -65px, 0); transition: all .5s ease; transition-delay: .5s; } .finance-blog .et_pb_post .post-content-inner p { padding-bottom: 20px; } .finance-blog .et_pb_post .post-meta a { color: rgba(var(--black), 1); } .finance-blog .et_pb_post .post-meta a:hover { color: rgba(var(--orange), 1); } .finance-blog .pagination .alignleft, .finance-blog .pagination .alignright { overflow: hidden; width: auto; margin: 0 auto; float: none; text-align: center; display: inline-block; line-height: 50px; } .finance-blog a.more-link { background: rgba(var(--orange), 1); width: 100%; display: block; text-align: center; margin-top: 20px; padding: 5px; text-transform: uppercase; } /*Footer 9 CSS Code */ /*Menu Items Hover Style */ .menu_item .arrow { opacity: 0; transition: all .1s; } .menu_item:hover .arrow { opacity: 1; transition: all .1s; } /* Vertical Align of Coluimns */ .vertical-align { display: flex; flex-direction: column; justify-content: center; } /* Change Columns Order on Mobile */ @media all and (max-width: 980px) { /*** wrap row in a flex box ***/ .custom_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; } .first-on-mobile { -webkit-order: 1; order: 1; } .second-on-mobile { -webkit-order: 2; order: 2; } .third-on-mobile { -webkit-order: 3; order: 3; } .custom_row:last-child .et_pb_column:last-child { margin-bottom: 30px; }} /* Social Icons Hover Effect */ .footer4 .social_icons .icon:hover { transform: rotate(360deg); transition: all .5s; } /* ************================= * {Home 6} * =================************ */ /******Header Hamberger menu*********/ .toggle-icon:after { content: "\61"; font-size: 32px; font-family: ETmodules !important; color: rgba(var(--black), 1); position: absolute; top: 32px; right: 0; cursor: pointer; } #divi-menu .et_pb_menu__menu>nav { margin-right: 38px; visibility: hidden; opacity: 0; -webkit-transition: .1s ease-in-out; -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; transform: translateY(50%); } .reveal-menu-items { opacity: 1 !important; visibility: visible !important; transform: translateY(0%) !important; } .icon-switch:after { content: '\4d'; font-size: 32px; font-family: ETmodules !important; color: rgba(var(--black), 1); position: absolute; top: 32px; right: 0; cursor: pointer; } /* **************============Home 6 page body styles====================************** */ /*** slider styles ***/ /*---Left align slider---*/ .ds-slider-left.et_pb_slider .et_pb_container { float: left !important; } .ds-slider-left .et_pb_slide_description { text-align: left !important; /*align the slider text to the left*/ padding: 25% 8%; } .ds-slider-left.et_pb_slider .et_pb_button { float: left !important; /*move the button to the left*/ } @media all and (max-width: 480px) { .ds-slider-left.et_pb_slider .et_pb_container { float: none !important; /*move the slider text container to the left*/ padding: 20% 8%; } } @media all and (max-width: 980px) { .ds-slider-left.et_pb_slider .et_pb_button { float: none !important; /*move the slider text container to the left*/ } } /*slider arrow style code*/ .dotstyle-smalldotstroke .et-pb-arrow-prev:before, .dotstyle-smalldotstroke .et-pb-arrow-next:before { font-family: 'Montserrat', sans-serif !important; font-size: 16px; letter-spacing: 1px; transform: rotate(-90deg) !important; display: inline-block; } .dotstyle-smalldotstroke .et-pb-arrow-prev:before { /* Change this to change the text*/ content:'PREV'!important; background-color: rgba(var(--black), 1)!important; padding: 30px!important; border-radius: 10px!important; } .dotstyle-smalldotstroke .et-pb-arrow-next:before { /* Change this to change the text*/ content:'NEXT' !important; background-color: rgba(var(--black), 1)!important; padding: 30px!important; border-radius: 10px!important; } /*Home 6 all h3 text double underline*/ #ftr-title h3::before, #ftr-title h3::after { position: absolute; left: 0; bottom: 0; background: rgba(var(--orange), 1); background-color: rgba(var(--orange), 1); width: 70px; height: 4px; content: ""; } #ftr-title h3::after { width: 40px; bottom: -8px; } #ftr-title { margin-bottom: 25px !important; } /*blurb underline animation*/ .gq_b_classy_divider2 h4 { font-weight: 800; font-size: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gq_b_classy_divider2 h4:after { display: table; content: ""; border-top: 5px solid rgba(var(--orange), 1); width: 100px; margin: 23px 0px 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .gq_b_classy_divider2:hover h4 { color: rgba(var(--black), 1);} .gq_b_classy_divider2:hover h4:after { width: 300px; border-top: 5px solid rgba(var(--orange), 1); transition: all 0.8s ease-in-out;} .gq_b_classy_divider2:hover .et-pb-icon { color: rgba(var(--black), 1)!important;} /**************Newsletter optin form button********************/ #home-law-firm-optin .et_pb_newsletter_button.et_pb_button:after{ margin-left: -15px !important; margin-top: -2px !Important; background:rgba(var(--orange), 1); padding:8px 15px; border-radius:100px } /*Divi Blurb Module hover description revel effects*/ #service-style-7 .et_pb_column { overflow: hidden; position: relative !important; } #service-style-7 .et_pb_column .et_pb_blurb { position: absolute !important; top: unset !important; bottom: -115px; width: 100%; transition: all 0.5s ease; } #service-style-7 .et_pb_column .et_pb_image .et_pb_image_wrap img, #service-style-7 .et_pb_column .et_pb_image .et_pb_image_wrap { width: 100%; } #service-style-7 .et_pb_column .et_pb_button_module_wrapper { position: absolute !important; top: unset !important; bottom: -72px; opacity: 0; width: 100%; transition: all 0.4s ease; } #service-style-7 .et_pb_column .et_pb_blurb_container { padding: 70px 20px 0; } #service-style-7 .et_pb_column .et_pb_blurb_description { opacity: 0; transition: all 0.5s ease; } #service-style-7 .et_pb_column:hover .et_pb_blurb_description { opacity: 1; } #service-style-7 .et_pb_main_blurb_image { position: absolute !important; left: 50%; margin-left: -45px; top: -45px; margin-bottom: 0; } #service-style-7 .et_pb_column .et_pb_blurb .et_pb_module_header { padding-bottom: 15px; } #service-style-7 .et_pb_column .et_pb_blurb { background-color: rgba(0,24,48,0.83); } #service-style-7 .et_pb_column .et_pb_button_module_wrapper .et_pb_button::after { margin-left: 0; } #service-style-7 .et_pb_column:hover .et_pb_button_module_wrapper { opacity: 1; bottom: 18px; } #service-style-7 .et_pb_column:hover .et_pb_blurb { bottom: 0; } @media screen and (max-width: 480px) { #service-style-7 .et_pb_column .et_pb_blurb { bottom: -150px; }} /**************= *=========================== * { Home 7} * ========================== ***********************/ /*** Slider styles ***/ .slider-333 .et-pb-controllers a { width: 20px; height: 20px; border-radius: 50%; } /*** Dot navigation Effect ***/ .slider-333 .et-pb-controllers a { position: relative !important; border: 2px solid #fff; -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .slider-333 .et-pb-controllers a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; background: rgba(var(--orange), 1); border-radius: 50%; -webkit-box-shadow: 0 0 1px rgba(var(--orange), 1); box-shadow: 0 0 1px rgba(var(--orange), 1); opacity: 0; -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, visibility 0s 0.3s; -o-transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease; } .slider-333 .et-pb-controllers a:hover, .slider-333.et-pb-controllers a:focus, .slider-333 .et-pb-controllers a.et-pb-active-control { border-color: rgba(var(--orange), 1); } .slider-333 .et-pb-controllers a.et-pb-active-control:after { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; -o-transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } /* Slider Arrow Navigation */ .slider-333 .et-pb-arrow-prev:before { content: "\44"; background: rgba(255,255,255,0); border-radius: 50px; border: 2px solid #fff; color: #fff; padding: 10px 10px 10px 10px; font-size: 30px; } .slider-333 .et-pb-arrow-prev { transition: all .4s ease; } .slider-333 .et-pb-arrow-next:before { content: "\45"; background: rgba(255,255,255,0); border-radius: 50px; border: 2px solid #fff; color: #fff; padding: 10px 10px 10px 10px; font-size: 30px; } .slider-333 .et-pb-arrow-next { transition: all .4s ease; } .slider-333 .et-pb-arrow-prev:before:hover { content: "\44"; background: rgb(255,255,255); border-radius: 50px; border: 2px solid #fff; color: #fff; padding: 10px 10px 10px 10px; font-size: 30px; } /*---Left align slider---*/ .slider-333.et_pb_slider .et_pb_container { float: left !important; } .slider-333 .et_pb_slide_description { text-align: left !important; /*align the slider text to the left*/ padding: 25% 8%; } .slider-333 .et_pb_slider .et_pb_button { float: left !important; /*move the button to the left*/ } @media all and (max-width: 480px) { .slider-333 .et_pb_slider .et_pb_container { float: none !important; /*move the slider text container to the left*/ padding: 30% 10%!important; }} @media all and (max-width: 980px) { .slider-333 .et_pb_slider .et_pb_button { float: none !important; /*move the slider text container to the left*/ }} /* show slider arrows always */ .slider-333 .et-pb-arrow-next { opacity: 1; right: 22px; } .slider-333 .et-pb-arrow-prev{ opacity: 1; left: 22px; } @media all and (max-width: 480px) { .slider-333 .et-pb-arrow-next { opacity: 1; right: 2px;}} @media all and (max-width: 480px) { .slider-333 .et-pb-arrow-prev { opacity: 1; left: 2px;}} /* service-style */ #service-style-6 .et_pb_column .et_pb_image .et_pb_image_wrap img, #service-style-6 .et_pb_column .et_pb_image .et_pb_image_wrap { width: 100%; } #service-style-6 .et_pb_column .et_pb_blurb.et_pb_blurb_position_left .et_pb_blurb_container { vertical-align: middle; width: 100%; } #service-style-6 .et_pb_column .et_pb_blurb + .et_pb_module { position: relative !important; overflow: hidden; } #service-style-6 .et_pb_column .et_pb_blurb { position: absolute !important; top: -38px; left: 6%; } #service-style-6 .et_pb_column { position: relative !important; } #service-style-6 .et_pb_column .et_pb_image + .et_pb_module { position: absolute !important; bottom: 100%; display: flex; flex-wrap: wrap; align-content: center; opacity: 0; width: 100%; height: 0; overflow: hidden; padding: 20px; transition: all 0.5s ease; } #service-style-6 .et_pb_column .et_pb_blurb { position: absolute !important; top: -38px; left: 6%; } #service-style-6 .et_pb_column .et_pb_image + .et_pb_module > div { width: 100%; } #service-style-6 .et_pb_column:hover .et_pb_image + .et_pb_module { height: 100%; bottom: 0; opacity: 1; } #service-style-6 .et_pb_column .et_pb_image + .et_pb_module > div { transform: translateY(40px); opacity: 0; transition: all 1000ms ease 500ms; } #service-style-6 .et_pb_column:hover .et_pb_image + .et_pb_module > div { transform: translateY(0); opacity: 1; } #service-style-6 .et_pb_column:hover .et_pb_blurb .et_pb_main_blurb_image { background-color: #fa8023; } @media screen and (max-width: 980px) { #service-style-6 .et_pb_column:not(:first-child){ margin-top: 60px; }} /*home 7 all section first text background shape*/ .first-heading { letter-spacing: 1px; line-height: 1.2em; background: rgba(var(--black), 1); max-width: 300px; margin: auto; margin-bottom: 10px; padding: 10px; clip-path: polygon(0 0,100% 0%,94% 100%,0% 100%); border-left: 6px solid rgba(var(--orange), 1); } /*home 7 section first text background shape right alighn*/ .first-heading-right { text-align: left!important; letter-spacing: 1px; line-height: 1.2em; background: rgba(var(--black), 1); width: 30%; display: block!important; margin-right: 0px; margin-bottom: 10px; padding: 10px; clip-path: polygon(0 0,100% 0%,94% 100%,0% 100%); border-left: 6px solid rgba(var(--orange), 1);} /*home 7 section first text background shape background color white*/ .first-heading-white { text-align: left!important; letter-spacing: 1px; line-height: 1.2em; background: #fff; width: 200px; display: block!important; margin-right: 100px; margin-bottom: 10px; padding: 10px; clip-path: polygon(0 0,100% 0%,94% 100%,0% 100%); border-left: 6px solid rgba(var(--orange), 1);} /*all button animation*/ .h7_btn_v3.et_hover_enabled:hover::after{transition: all 0.4s ease-out !important;z-index: -1;} .h7_btn_v3{ letter-spacing: 1px; color: #fff !important; text-transform: uppercase !important; padding: 7px 30.5px; background-color: #000;display: inline-block;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);overflow: hidden; font-size: 15px; font-weight: 600; backface-visibility: hidden; transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important; } .h7_btn_v3:hover{border: 2px solid transparent;padding: .3em 1em !important;padding: 7px 30.5px !important;} .h7_btn_v3:after{line-height: 1.7em; font-size: 1em !important; content: attr(data-icon); left: -100% !important; top: 0%; margin-left: 0em !important; position: absolute; height: 100%; width: 100%; background-color: rgba(var(--orange), 1)!important; text-align: center; transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important; } .h7_btn_v3:hover:after{line-height: 3em !important;top: 0;left: 0 !important;transition: all 0.4s ease-out !important; -moz-transition: all 0.4s ease-out !important; -webkit-transition: all 0.4s ease-out !important; -ms-transition: all 0.4s ease-out !important; -o-transition: all 0.4s ease-out !important;} .h7_btn_v3::after{background-color: rgba(var(--orange), 1);left: 0 !important;bottom: -100%;top: auto;} .h7_btn_v3:hover::after{bottom: 0% !important;} /*home 7 icon animation. this is white background icon animation*/ .blob .et_pb_main_blurb_image img{ background: white; border-radius: 50%; height: 130px; width: 130px; box-shadow: 0 0 0 0 rgb(255,255,255); transform: scale(1); } /*to add border in gallery section*/ .gallery img { border: 2px solid rgba(var(--orange), 1) !important;} /*Divi Blurb Module hover effects easy step section*/ .blurb-hover .et_pb_column:hover { background: transparent; } .blurb-hover .et_pb_blurb p { zoom: 1; opacity: 0; -webkit-transition: opacity .2s,-webkit-transform .35s; transition: opacity .2s,transform .35s; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } .blurb-hover .et_pb_column:hover p { color: rgba(var(--black), 1); -webkit-transition-delay: .05s; transition-delay: .05s; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); zoom: 1; opacity: 1; } .blurb-hover .et_pb_column:hover h4 { color: rgba(var(--black), 1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .blurb-hover .et_pb_blurb h4 { -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } .blurb-hover .et_pb_column { position: relative; } /*blog section css*/ .kh-blog article { padding: 50px 30px !important; position: relative; } .kh-blog article:hover .et_pb_image_container { visibility: visible; opacity: 1; } .kh-blog article:hover .more-link { background: rgba(var(--orange), 1); color: #fff!important; } .kh-blog .et_pb_image_container { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; margin-bottom: 0 !important; z-index: 1; visibility: hidden; opacity: 0; } .kh-blog .et_pb_post .entry-featured-image-url { position: absolute; margin-bottom: 0; bottom: 0; top: 0; height: 100%; width: 100%; } .kh-blog a.entry-featured-image-url img { height: 100% !important; width: 100%; object-fit: cover; } .kh-blog a.entry-featured-image-url:before { content: ""; background: rgba(var(--black), 1); height: 100%; width: 100%; display: block; opacity: 0.8; z-index: 1; position: absolute; } .kh-blog h2.entry-title, .kh-blog p.post-meta, .kh-blog .post-content { position: relative; z-index: 9; } @media only screen and (min-width: 768px) and (max-width: 980px) { .home .kh-blog .column:first-child .et_pb_post:last-child { display: none; } } /**************= *=========================== * {Home 8} * ========================== ***********************/ /* **Home 8 Header trensparent code** */ /*set the background color of the header*/ .pa-header { background: transparent; padding-top: 15px!important; padding-bottom: 0px!important; -webkit-transition: background-color .50s ease-out; -moz-transition: background-color .50s ease-out; -o-transition: background-color .50s ease-out; transition: background-color .50s ease-out; } /*set the background color of the fixed header when scrolling*/ .pa-fixed-header { background-color: rgba(var(--black), 1)!important; padding-top: 20px!important; padding-bottom: 10px!important; margin-top: -10px!important; -webkit-transition: background-color .50s ease-out; -moz-transition: background-color .50s ease-out; -o-transition: background-color .50s ease-out; transition: background-color .50s ease-out; } /* ****************=============={Home 8}================************** */ /***********Auto Header mobile optimization***********/ @media (max-width: 767px){ .auto-header .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { margin: 20px auto; width: 100%; max-width: 809px; padding: 0px!important; }} /********who we are**************/ .da-auto-service-section { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} /* service section Style */ #service-style-4 .et_pb_column, #service-style-4 .et_pb_module{ transition:all 0.3s ease;} #service-style-4 .hover-text { opacity: 0; height:0;} #service-style-4 .et_pb_column:hover .hover-text { opacity: 1; height: auto;} #service-style-4 .et_pb_promo { display: flex; align-content: center; align-items: center; flex-direction: column; justify-content: center;} #service-style-4 .et_pb_promo .et_pb_module_header, #service-style-4 .et_pb_promo_description div, #service-style-4 .et_pb_promo .et_pb_button_wrapper { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease;} #service-style-4 .et_pb_promo .et_pb_module_header { transform: translateY(50px);} #service-style-4 .et_pb_promo:hover .et_pb_module_header { transform: translateY(0);} #service-style-4 .et_pb_promo_description { overflow: hidden; padding: 0;} #service-style-4 .et_pb_promo_description div { transform: translateY(65px); opacity: 0;} #service-style-4 .et_pb_promo:hover .et_pb_promo_description div { opacity: 1; transform: translateY(0);} #service-style-4 .et_pb_promo:hover .et_pb_button_wrapper { transform: translateY(20px);} @media only screen and (max-width: 980px) { #service-style-4 .et_pb_promo_description { padding-bottom: 20px; }} @media only screen and (max-width: 673px) { #service-style-4 .et_pb_promo_description { padding-bottom: 0px; }} /*Designing the Blog Section*/ .consultant-blog .published { background: rgba(var(--orange), 1) !important; color: #fff!important; padding: 6px 20px; text-transform: uppercase; font-size: 12px; font-family: Lato; font-weight: 700; position: absolute; top: 0px; left: 0px; transition: .3s ease; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.42); } .consultant-blog .et_pb_post { position: relative; } /*** Responsive Styles Smartphone Portrait to ***/ @media all and (max-width: 479px) { .consultant-blog .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { margin: 20px auto; width: 100%; max-width: 800px; }} /* *****==================== * {{{{{{{Home 9}}}}}}}}} * ===================** */ /*our expertise blurb color changed*/ .mp_m_blurb_change_color, .mp_m_blurb_change_color h4, .mp_m_blurb_change_color .et-pb-icon { transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s;} .mp_m_blurb_change_color { padding: 20px; border-radius: 5px; background-color: rgba(var(--black), 1)!important} .mp_m_blurb_change_color h4 { color: #fff!important; font-weight:700;} .mp_m_blurb_change_color:hover { background-color: rgba(var(--orange), 1)!important; color: #fff;} .mp_m_blurb_change_color:hover h4 { color: #fff!important;} /*number counter style css*/ .da-counter-style-1{ background: #fff; text-align: center; padding: 0px 0 30px; margin-top: 30px; position: relative; box-shadow: 0 0 1px 10px rgba(var(--black), 1); border-radius: 10px; -webkit-transition: all 0.6s; transition: all 0.6s; } .da-counter-style-1:hover{ -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); box-shadow: 1px 5px 14px hsla(0,0%,0%,3); z-index: 1; box-shadow: 0 0 1px 10px rgba(var(--black), 1); border-radius: 10px; } .da-counter-style-1 .percent .percent-value{ width: 150px; height: 100px; line-height: 100px; background: rgba(var(--black), 1); margin: 0 auto; box-shadow: 0 8px 6px -6px #4d485e; font-size: 50px; color: #fff; position: absolute; top: -20px; left: 0; right: 0; } .da-counter-style-1 .percent .percent-value:before, .da-counter-style-1 .percent .percent-value:after{ content: ""; border-right: 20px solid rgba(var(--black), 1); border-left: 20px solid transparent; border-top: 20px solid transparent; position: absolute; top: 0; left: -40px; } .da-counter-style-1 .percent .percent-value:after{ border-right: 20px solid transparent; border-left: 20px solid rgba(var(--black), 1); left: auto; right: -40px; } .da-counter-style-1 .title{ font-size: 20px; font-weight: 600; color: #fff ; margin: 0; } #da-counter-style-1 .et_pb_column:first-child { background: rgba(255,255,255,0.7); } #da-counter-style-1.et_pb_column:first-child .et_pb_module{ position: relative; } #da-counter-style-1 .et_pb_column:first-child .et_pb_module::before, #da-counter-style-1 .et_pb_column:first-child .et_pb_module::after { content: ""; position: absolute; right: 0px; width:15px; height:90px; background: rgba(var(--black), 1); } #da-counter-style-1 .et_pb_column:first-child .et_pb_module::before { top: 0px; } #da-counter-style-1 .et_pb_column:first-child .et_pb_module::after { bottom: 0px; } /*our best qualities Style 8 */ #service-style-8 .et_pb_column .et-pb-icon { box-shadow: 0 0 40px rgba(0,0,0,0.05) !important; transition: all 0.4s ease; } #service-style-8 .et_pb_blurb:hover .et-pb-icon { transform: translateY(12px); color: rgba(var(--orange), 1) } #service-style-8 .et_pb_blurb::after { content: ''; position: absolute !important; left: 50%; bottom: 0px; width: 0; height: 3px; background-color: rgba(var(--orange), 1); transform: translateX(-50%); } #service-style-8 .et_pb_blurb .et_pb_module_header:hover { color: rgba(var(--orange), 1); } #service-style-8 .et_pb_blurb:hover::after { width: 100%; } #service-style-8 .et_pb_blurb::after { transition: all 0.4s ease; } /*choose your plan*/ .pricing-item-cursor { cursor: pointer; padding: 10px 5px; width: 50%; text-align: center; transition: 0.4s ease; text-transform: uppercase; font-weight: bold; line-height: 16px; position: relative; } .pricing-toggle { display: flex; background: #fff; /* Price Toggle background color */ box-shadow: 0 0 30px rgba(110,130,200,0.2); border: 1px solid rgba(0,24,48,0.37); border-radius: 50px; width: 300px; padding: 10px; justify-content: space-between; position: relative; } .pricing-toggle:before { content: ""; width: 50%; height: calc(100% - 10px); top: 5px; position: absolute; background:rgba(var(--orange), 1); /* Active toggle background color */ color: #fff!important; left: 5px; border-radius: 50px; transition: 0.4s ease; } .pricing-toggle.year:before { left: calc(50% - 5px); } .active-pricing-plan { color: #fff !important; /* Active Toggle Font Color */ } .price-panel.fade.active { position: relative; z-index: 5; -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); width: 370px !important; opacity: 1; } .price-panel.fade { position: absolute; left: 0; z-index: 1; transition: all .7s ease; -webkit-transform: scale(.8,.8) translateX(180px); transform: scale(.8,.8) translateX(180px); width: 370px !important; opacity: .4; } @media only screen and (min-width: 1024px) { #kh-pricing .et_pb_row { display: flex; align-items: center; }} @media only screen and (max-width: 768px) { .pricing-toggle { margin: auto; }} /* Visual Builder Only */ .et-fb-root-ancestor .kh-price-code { display: block; background: #f1f1f1; border: 1px dashed rgba(var(--black), 1); padding: 20px; text-align: center; } .kh-price-code { display: none; } @media screen and (max-width: 640px) { #da-counter-style-1 .et_pb_text_2 h1 {font-size: 58px;line-height: 70px;} #architecture-firm-counter .et_pb_column:nth-child(2) .et_pb_module { width: 100%; float: none; margin: 0px auto; margin-top: 0px; margin-top: 85px; }} @media (min-width: 767px) { /*set the width of the button*/ .agency-newsletter .et_pb_newsletter_fields .et_pb_newsletter_button_wrap { flex-basis: 150px !important; } /*set the width of the input field minus the width of the button*/ .agency-newsletter .et_pb_newsletter_form .et_pb_newsletter_field { flex-basis: calc(100% - 165px) !important; }} /*** Responsive Styles Smartphone Portrait ***/ @media all and (max-width: 479px) { /*set the width of the button*/ .agency-newsletter .et_pb_newsletter_fields .et_pb_newsletter_button_wrap { flex-basis: 100% !important; } /*set the width of the input field minus the width of the button*/ .agency-newsletter .et_pb_newsletter_form .et_pb_newsletter_field { flex-basis: calc(100% - 5px) !important; }} /*Link Style 5*/ .dp-link-style5{ display: inline-block; padding: 10px 15px; font-size: 20px; color: #fff; text-transform: uppercase; position: relative;} .dp-link-style5:hover{ color: #fff; } .dp-link-style5:before{ content: ""; width: 100%; height: 5px; border-radius: 0; background: #fff; position: absolute; bottom: 0; left: 0; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;} .dp-link-style5:hover:before{ width: 10px; height: 10px; border-radius: 50%; left: 50%;} /**==================== * {{{{{{{{home 10 medical mobile menu}}}}}}}}}} * ===================*****/ /* Remove the top line in the mobile menu*/ .medical-style .et_mobile_menu { border-top:0px;} .medical-style .et_mobile_menu li li, .et_mobile_menu li ul { padding-left:0px !important;} /* Make mobile menu fullwidth */ .medical-style .et_mobile_menu { min-width: 100vw; margin-left: -7vw; margin-top: 2.5vw;} /* Make the mobile menu full height */ .medical-style .et_mobile_menu { min-height:50vh !important; min-height: -webkit-fill-available; padding-top:50px !important;} html { height: -webkit-fill-available;} /* **Home 10** */ /************our courses sectoion******/ .blurb_freebie05 .divider1 { width: 0; transition: all .5s;} .blurb_freebie05:hover .divider1 { width: 100%; transition: all .5s;} /* Divider 2 */ .blurb_freebie05 .divider2 { width: 0; transition: all .5s; float: right;} .blurb_freebie05:hover .divider2 { width: 100%; transition: all .5s;} /*Text */ .blurb_freebie05 .heading p { opacity: 0; transform: scale(.5); transition: all .5s ease-in-out;} .blurb_freebie05:hover .heading p { opacity: 1; transform: scale(1); transition: all .5s ease-in-out;} .blurb_freebie05 .heading h2 { transform: translatey(30px); transition: all .5s ease-in-out;} .blurb_freebie05:hover .heading h2 { transform: translatey(0px); transition: all .5s ease-in-out;} @media (max-width: 768px){ .blurb_freebie05 .heading p { opacity: 1; transform: scale(1); transition: all 1s ease-in-out; margin-top: 30px; }} /*traniers style*/ .dp_team_style14 .et_pb_team_member:hover .et_pb_team_member_image img{opacity: .2;} .dp_team_style14 .et_pb_team_member .et_pb_team_member_image img{transition: all .5s ease;} .dp_team_style14 .et_pb_team_member:hover .et_pb_team_member_image .et_pb_member_social_links{ left: 15px; opacity: 1;} .dp_team_style14 .et_pb_team_member .et_pb_team_member_image .et_pb_member_social_links li{ display:block; margin-right:0; margin-bottom: 6px;} /*****=================== * {{{home 11 medical}}} * ==================**** *****/ /*doctor page slider*/ .rp_slider .et_pb_slide_content { max-width: 700px;} .rp_slider .et-pb-controllers a { width: 8em;height: 8em; background-repeat: no-repeat; background-size: cover; opacity: 1; transition: all .5s ease-out; color: transparent; background-position: center;} .rp_slider .et-pb-controllers { text-align: right; right: 2%; width: inherit; bottom: 5%; z-index: 9999;} /*** Controllers ***/ @media only screen and (max-width: 980px) { .rp_slider .et-pb-controllers {right: initial; left: initial; text-align: center; width: 100%;}} @media only screen and (max-width: 479px) { .rp_slider .et-pb-controllers { bottom: 70px;}} .rp_slider a.et-pb-active-control { width: 16em;} .rp_slider .et-pb-controllers a { background-color: transparent;} @media only screen and (max-width: 479px) { .rp_slider .et-pb-controllers a { width: 4em; height: 4em;} .rp_slider a.et-pb-active-control { width: 8em;} } /*** BCG Image Overflow ***/ .rp_slider .et_pb_slide::after { content: ""; width: 100%; height: 100%; position: absolute; background-image: linear-gradient(180deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.86) 100%); display: block; top: 0; left: 0;} /*** Slide Styling ***/ .rp_slider .et-pb-active-slide .et_pb_slide_description { animation: none; opacity: 1;} .rp_slider .et_pb_slide { opacity: 1!important; height: 100vh;} .rp_slider .et_pb_slide_description { opacity: 0;} .rp_slider .et-pb-active-slide .et_pb_slide_description, .rp_slider .et-pb-moved-slide .et_pb_slide_description {opacity: 1;} @media only screen and (max-width: 980px) { .rp_slider .et_pb_slide {height: 80vh;} } .rp_slider .et-pb-active-slide {opacity: 1!important; z-index: 999!important; transition: all .5s;} .rp_slider .et-pb-moved-slide { animation: rp_moved_slide; animation-duration: 1s; z-index: 99!important; opacity: 1!important; display: block!important;} /*** Slider Animation - Desktop ***/ @media only screen and (min-width: 981px) { .rp_slider .et-pb-active-slide { animation: rp_slide_change; animation-duration: 1s;} } @keyframes rp_slide_change { 0% {transform: translatex(100%);} 100% {transform: translatex(0);} } @keyframes rp_moved_slide { 0% {transform: translatex(0);} 100% {transform: translatex(-100%);} } /*** what we can help section animation ***/ /* Description Text */ .blurb_help02 .description p { opacity: 0; transform: translatey(50px); transition: all .3s ease-in-out; } .blurb_help02 .description { transform: translatey(-100px); transition: all .5s; } .blurb_help02:hover .description p { opacity: 1; transition: all .5s ease-in-out; transform: translatey(0); } .blurb_help02:hover .description { transform: translatey(0); transition: all .5s ease-in-out; } /*** Responsive Styles Smartphone Only ***/ @media all and (max-width: 767px) { .blurb_help02 .description p { opacity: 1; transition: all .5s ease-in-out; transform: translatey(0); } .blurb_help02 .description { transform: translatey(0); transition: all .5s ease-in-out; }} /*this page all page button click animation*/ /*** Material-style button click effect ***/ a.wrapper { overflow: hidden;} .ink { display: block; position: absolute; background:rgba(118,118,118,0.45); border-radius: 100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);} .animate { -webkit-animation:ripple 0.65s linear; animation:ripple 0.65s linear;} @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); }} @keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); }} /****Medical department custom cursor***/ .hide-cursor { cursor: none; } .cursor { -webkit-transition: all 0.2s ease !important; -moz-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; transition: all 0.2s ease !important; visibility: hidden; opacity: 0; } .show-cursor { visibility: visible !important; opacity: 1; } /*** Testimonials ***/ .testimonial_image img { transform: rotate(-320deg) scale(1.4); overflow: hidden; } /*our expertise*/ .blurb_section_style9 .blurb_module_style9 .et_pb_blurb_content:before,.blurb_section_style9 .blurb_module_style9 .et_pb_blurb_content:after{ content: ''; position: absolute; left: 0; right: 0; display: block; pointer-events: none; border: 0 solid rgba(var(--black), 1); height: 22px; transition: .22s;} .blurb_section_style9 .blurb_module_style9 .et_pb_blurb_content:before { top: 0; border-width: 1px 1px 0 1px;} .blurb_section_style9 .blurb_module_style9 .et_pb_blurb_content:after { bottom: 0; border-width: 0 1px 1px 1px;} .blurb_section_style9 .et_pb_blurb .et_pb_image_wrap, .blurb_section_style9 .et_pb_blurb .et_pb_main_blurb_image .et-pb-icon { display: block; margin: auto; background-color:rgba(var(--black), 1); border-radius: 50%; } .blurb_section_style9 .et_pb_blurb:hover .et_pb_image_wrap,.blurb_section_style9 .et_pb_blurb:hover .et_pb_main_blurb_image .et-pb-icon { display: block; margin: auto; background-color: #fff; border-radius: 50%; box-shadow: 6px 6px 40px 0px #d3dce8; color: rgba(var(--orange), 1) } .blurb_section_style9 .blurb_module_style9:hover .et_pb_blurb_content:before { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); border-color: rgba(var(--orange), 1)!important; } .blurb_section_style9 .blurb_module_style9:hover .et_pb_blurb_content:after { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); border-color: rgba(var(--orange), 1)!important; } .blurb_section_style9 .blurb_module_style9 .et_pb_blurb_content:hover .et-pb-icon{ color: rgba(var(--orange), 1) !important;} .blurb_section_style9 .blurb_module_style9 .et_pb_blurb_content { padding: 25px;} .da-medical-service-section { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} /*** Opening Hours ***/ @media only screen and (min-width: 980px) { .rp_row { display: flex; }} /* Column */ .rp_column { border: 1px solid rgba(42,61,96,0.1); border-radius: 5px; transform: scale(.95); padding: 20px 15px 15px 20px; transition: all .3s; width: 100%; } @media only screen and (max-width: 980px) { .rp_column { padding: 20px 5px 20px 5px; width: 100%; }} .rp_column:hover { border-color: rgba(var(--orange), 1); transition: all .3s; } @media only screen and (max-width: 768px) { .da-medical--service-content { } .da-medical--service-image { order: 1; padding-bottom: 35px; } .da-medical--service-text ul li { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }} /*****=================== * {{{home 12}}} * ==================**** *****/ /*** hero section overlap blurb Change Text Color of Blurb on Hover ***/ .custom_blurbs .et_pb_column:hover .et_pb_blurb h4, .custom_blurbs .et_pb_column:hover .et_pb_blurb p { color: white!important; } /*** Change Image Color of Blurb on Hover ***/ .custom_blurbs .et_pb_column:hover img { filter:contrast(0) brightness(2); } /*** Move Blurb Upwards on Hover ***/ .custom_blurbs .et_pb_column:hover .et_pb_blurb { transform: translateY(-20px); transition: all .3s ease-in-out; } .custom_blurbs .et_pb_column .et_pb_blurb { transition: all .3s ease-in-out; } /*** Make the Arrow "More Info" Appear on Hover Only ***/ .custom_blurbs .more_info { opacity: 0; transform: translateY(-30px); transition: all .3s ease-in-out; } .custom_blurbs .et_pb_column:hover .more_info { opacity: 1; transform: translateY(0); transition: all .3s ease-in-out; } @media only screen and (max-width: 768px) { .roof-service-image { order: 1; padding-bottom: 35px; }} /*video*/ /*** Video play icon ***/ @media only screen and (min-width: 980px) { .video .et_pb_video_play { left: 95%; top: 90%; position: relative!important; } } /* Video hover overlay */ .et_pb_module.et_pb_video { overflow: visible!important; } /* Icon */ @media only screen and (min-width: 980px) { .video:hover .et_pb_video_play::before { font-size: 70px; transition: all .5s ease-in-out;} .video .et_pb_video_play::before { transition: all .5s ease-in-out;} .video .et_pb_video_play::before { font-family: ETmodules; content: "\45"; border-radius: 50%; background: white; color: #2A3D60; box-shadow: 0 40px 50px 0 rgba(110,130,208,0.25); font-size: 50px; padding: 30px;}} /*this page all sub heading line*/ /*align the heading and lines*/ .pa-heading-line-right h2 { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; } /*add and adjust the lines*/ .pa-heading-line-right h2:before { content: ''; border-top: 5px solid; margin: 0 20px 0 0; flex: 1 0 20px; color: rgba(var(--orange), 1); } /*add spacing between heading and line*/ .pa-heading-line-right h2:before { margin: 0 20px 0 0; } /*this page all button*/ .btn1 { z-index:1; border: none; text-align: left; cursor: pointer; text-transform: uppercase; outline: none; overflow: hidden; position: relative; color: #fff; font-weight: 700; font-size: 15px; background-color: rgba(var(--black), 1); padding: 17px 60px; margin: 0 auto; box-shadow: 0 5px 15px rgba(0,0,0,0.20); } .btn1 span { position: relative; z-index: 1; } .btn1:before, .btn1:after { content: ""; z-index:-1; position: absolute; left: 0; top: 0; height: 490%; width: 140%; background: rgba(var(--orange), 1); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg); transform: translateX(-98%) translateY(-25%) rotate(45deg); } .btn1:hover:before { -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg); } .btn1:hover:after { background: rgba(var(--orange), 1); -webkit-transform: translateX(-65%) translateY(-25%) rotate(45deg); transform: translateX(-65%) translateY(-25%) rotate(45deg); } /*this page gsllery border remove*/ .gallery-border .gallery img { border: 00px solid rgba(var(--orange), 1)!important; } /*to style counter module*/ .da-counter-style-3{ padding: 30px 20px; margin-top: 20px; border-radius: 20px; border: 1px solid #fff; color: #fff; text-align: center; position: relative; background:rgba(var(--black), 1);; -webkit-transition: all 0.6s; transition: all 0.6s; box-shadow: 0 0 1px 10px rgba(var(--black), 1); } .da-counter-style-3:before, .da-counter-style-3:after{ content: ""; width: 10px; height: 50px; border-radius: 5px; border: 2px solid #aaaeb1; background: #fff; background-image: repeating-linear-gradient( transparent, transparent 2px, #c9cbcc 2px, #c9cbcc 4px); position: absolute; top: -32px; left: 20%; } .da-counter-style-3:after{ left: auto; right: 20%; } .da-counter-style-3 .da-counter-style-3-icon{ display: block; font-size: 50px; margin: 7px 0; } .da-counter-style-3 .percent .percent-value{ display: block; font-size: 40px; letter-spacing: 2px; margin-bottom: 30px; position: relative; color:#fff; } .da-counter-style-3 .percent .percent-value:before{ content: ""; width: 30%; height: 3px; background: rgba(255,255,255,0.3); margin: 0 auto; position: absolute; bottom: -10px; left: 0; right: 0; } .da-counter-style-3 .title{ font-size: 18px; text-transform: uppercase; letter-spacing: 1px; margin: 0; color:#fff; } @media only screen and (max-width: 990px){ .da-counter-style-3{ margin-bottom: 50px; } } /* roof testimonial show slider arrows always */ .roof-testimonial .et-pb-arrow-next { opacity: 1; right: 150px; } .roof-testimonial .et-pb-arrow-prev{ opacity: 1; left: 150px; } .roof-testimonial.et_pb_slider:hover .et-pb-arrow-prev{ opacity: 1; left: 150px; } .roof-testimonial.et_pb_slider:hover .et-pb-arrow-next { right: 150px; opacity: 1; } /* Slider Arrow Navigation */ .roof-testimonial .et-pb-arrow-prev:before { content: "\23"; background: #FFF; border-radius: 30px; color: #000000; padding: 4px 5px 4px 4px; font-size: 30px; } .roof-testimonial .et-pb-arrow-prev { transition: all .4s ease; } .roof-testimonial .et-pb-arrow-prev:hover { transform: scale(1.2); transition: all .4s ease; } .roof-testimonial .et-pb-arrow-next:before { content: "\24"; background: #FFF; border-radius: 30px; color: #000000; padding: 4px 5px 4px 4px; font-size: 30px; } .roof-testimonial .et-pb-arrow-next { transition: all .4s ease; } .roof-testimonial .et-pb-arrow-next:hover { transform: scale(1.2); transition: all .4s ease; } /* Slider Dot Navigation */ .roof-testimonial .et-pb-controllers a { background-color: #ffffff00 !important; border-radius: 50px; margin-right: 10px; padding: 4px; border: 4px solid #ffffff; transition: all .4s ease; } .roof-testimonial .et-pb-controllers a:hover { transition: all .4s ease; transform: scale(1.2); } .roof-testimonial a.et-pb-active-control { padding: 0 !important; border: 8px solid #fff !important; transition: all .4s ease; } .roof-testimonial a.et-pb-active-control:hover { transform: scale(1.2); transition: all .4s ease; } /*pricing table*/ .web_pricing1 .et_pb_pricing_content_top { border: none;} .web_pricing1 .et_pb_pricing_table { margin-top: 0 !important; } /* Custom Width Table From Tablets */ @media only screen and (max-width: 980px) and (min-width: 481px) { .et_pb_column .et_pb_pricing_table { width: 46% !important; margin-right: 4%; margin-bottom: 4%; }} /* All Tables */ .web_pricing1 .et_pb_pricing_table_0,.web_pricing1 .et_pb_pricing_table_1, .web_pricing1 .et_pb_pricing_table_2 { position: relative; margin-top: 0; background-color: #fff; border-radius: 0 0 6px 6px; transition: transform .3s ease-out, opacity .3s ease-out, .3s ease-out; cursor: pointer; } /* Label "Most Popular" */ .web_pricing1 .et_pb_pricing_table_1:after { content: "Most Popular"; font-family: 'Fira sans',Helvetica,Arial,Lucida,sans-serif; position: absolute; z-index: 9999; top: 0; right: 0; background: rgba(var(--orange), 1); color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; width: 130px; line-height: 30px; } /* ====== Animation On Hover Only From Desktop ======*/ @media only screen and (min-width: 1101px){ /* Position First and third table */ .web_pricing1 .et_pb_pricing_table_0{ transform: translatex(80px); opacity: .3; } .web_pricing1 .et_pb_pricing_table_2{ transform: translatex(-80px); opacity: .3; } /* Position and Opacity - First and third table On Hover */ .web_pricing1:hover.web_pricing1 .et_pb_pricing_table_0, .web_pricing1:hover.web_pricing1 .et_pb_pricing_table_2{ transform: translatex(0px); opacity: 1; } /* Box Shadow - Second Table On Hover */ .web_pricing1:hover.web_pricing1 .et_pb_pricing_table_1{ box-shadow: 0px 12px 80px -6px rgba(53,129,246,0.35); }} /* Custom Width and Opacity - First and third table */ .web_pricing1 .et_pb_pricing_table_0, .web_pricing1 .et_pb_pricing_table_2 { width: 30%; box-shadow: 0px 12px 70px -6px rgba(53,129,246,0.18); border-top: 3px solid rgba(var(--orange), 1)!important; } /* Custom Width and Position - Second table */ .web_pricing1 .et_pb_pricing_table_1 { border-top: 3px solid rgba(var(--orange), 1)!important; width: 40%; padding: 30px 0; top: -20px; box-shadow: 0px 12px 70px -6px rgba(53,129,246,0.18); } @media only screen and (max-width: 480px){ .web_pricing1 .et_pb_pricing_table_1 { top: 0px !important; }} /*****=================== * {{{home 13}}} * ==================**** *****/ /* **Home 13 drop down** */ /*Styling the scrollbar in the Dropdown menu*/ .google-dropdown::-webkit-scrollbar { width: .7em; } .google-dropdown::-webkit-scrollbar-thumb { background-color: #d8d3d3; border-radius: 100px; } /*Changes the color of the Menu Items on Click*/ .sj-gcard.et_pb_blurb:active { background: #e8f0fd !important } /*Adds a click effect to the button in the dropdown*/ .sj-more-button.et_pb_button:active { background-color: #ecf3fe; border-color: transparent; box-shadow: 0 1px 2px 0 rgba(110, 130, 208, .30), 0 2px 6px 2px rgba(110, 130, 208, .15); } /*Changes the Cursor to Pointer when move mouse to the dot image*/ .dot .et_pb_main_blurb_image{ cursor:pointer; } /*Adds a click effect to the Dots button*/ .dot .et_pb_main_blurb_image:active{ background:rgba(60,64,67,0.1) !important } /*Show the Text "Google Apps" on Hover over to the dots*/ .dot .et_pb_main_blurb_image:hover:after{ content: "Contact Us"; background: rgba(0,0,0,0.66); color: #fff; font-family: 'Fira Sans'; font-weight: 500; padding: 14px 3px !Important; font-size: 15px; border-radius: 5px; display: block; width: 100px; position: absolute; margin-top: 20px; margin-left: -30px; } .sj-menu-module .et_pb_menu .et_mobile_menu { margin-top: 50px !IMPORTANT; padding: 5%; width: 150%; } /*Trying to fix the Mobile Menu Hamburgur Menu at it's position - Hopefully it will work :) */ .mobile_menu_bar:before { position: relative; top: -2px !IMPORTANT; } /* *****************============={{Home 13}}==================************* ** */ /* Position Aware Hover Effect button*/ .et_pb_button.position_aware_effect { text-shadow:1px 1px rgba(13, 12, 12, 0.3), 2px 2px rgba(13, 12, 12, 0.3); box-shadow: 0px 2px 30px 10px rgba(110,130,200,.17); overflow:hidden; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 1 !important; } .et_pb_button.position_aware_effect:hover{ color: rgba(38, 38, 38, 0.5) !important; box-shadow: 0px 6px 14px 1px rgba(0,0,0,0.2); -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .et_pb_button.position_aware_effect:focus{ color: rgba(13, 13, 13, 1) !important; } @media all and (min-width: 981px) { .et_pb_button.position_aware_effect:after { margin-left: 0em !important; }} @media all and (max-width: 980px) { .et_pb_button.position_aware_effect:after { line-height: 1.7em !important; }} .blob{ z-index: -1; position:absolute; width:2px; height:2px; margin-left: 0; margin-top: 0; background: rgba(var(--orange), 1) !important; /* define your color here */ border-radius: 50%; border-color: rgba(var(--orange), 1) !important; /* define your color here */ border-width: 1px; border-style: solid; -webkit-transition: border-width 0.7s ease-in-out,margin-left 0.7s ease-in-out,margin-top 0.7s ease-in-out; transition: border-width 0.7s ease-in-out,margin-left 0.7s ease-in-out,margin-top 0.7s ease-in-out; } .expand{ border-color: rgba(var(--orange), 1) !important; /* define your color here */ border-width: 500px; border-style: solid; -webkit-transition: border-width 0.7s ease-in-out,margin-left 0.7s ease-in-out,margin-top 0.7s ease-in-out; transition: border-width 0.7s ease-in-out,margin-left 0.7s ease-in-out,margin-top 0.7s ease-in-out; margin-left:-500px; margin-top:-500px; } /*our service style css**/ /* Divider */ .blurb-web .et_pb_divider { width: 0; transition: all .5s ease-in-out; } .blurb-web:hover .et_pb_divider { width: 100%; transition: all .5s ease-in-out; } /* Description text */ .blurb-web .description { transform: translatex(60px); opacity: 0; transition: all .5s ease-in-out; } .blurb-web:hover .description { transform: translatex(0px); opacity: 1; transition: all .5s ease-in-out; } @media (max-width: 768px){ .blurb-web .description { transform: translatex(0px)!important; opacity: 1!important; transition: all .5s ease-in-out; }} /*we are committed section blurb icon*/ .pa-blurb-icon-button { transition: box-shadow .2s ease-in-out; } /*add an arrow icon in the bottom right corner*/ .pa-blurb-icon-web:after { font-family: ETModules; content: "\24"; font-size: 36px; color: rgba(var(--black), 1); background-color: #f1f1f5; border-radius: 100%; padding: 15px 10px 15px 10px; position: absolute; bottom: 26px; right: 5px; transition: all .2s ease; } /*adjust the icon on hover*/ .pa-blurb-icon-web:hover:after { color: #fff; background-color: rgba(var(--orange), 1); cursor: pointer; bottom: 30px; transition: all .2s ease; } /* our benefits */ .web-our-benefits{ text-align: center; border:1px solid rgba(var(--black), 1); } .web-our-benefits .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ display: inline-block; width: 100px; height: 100px; border-radius: 50%; position: relative; bottom: -12px; background: rgba(var(--black), 1); margin-bottom: 15px; font-size: 35px; color: #fff !important; line-height: 100px; transition: all 0.3s ease 0s; } .web-our-benefits .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ display: block; width: 190px; font-size: 20px; font-weight: bold; font-variant:small-caps; color: #333; line-height: 30px; text-align: center; text-transform: uppercase; border-bottom: 1px solid rgba(var(--black), 1); padding-bottom: 20px; margin: 0 auto 20px; position: relative; } .web-our-benefits .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before, .et_pb_blurb_da_1_18 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{ content: ""; width: 10px; height: 10px; border-radius: 50%; background: rgba(var(--black), 1); margin: 0 -5px 0 0; position: absolute; bottom: -5px; right: 50%; transition: all 0.4s ease 0s; } .web-our-benefits .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before{ left: 50%; margin: 0 0 0 -5px; } .web-our-benefits:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before{ left: 100%; } .et_pb_blurb_da_1_18:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{ right: 100%; } .et_pb_blurb_da_1_18 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ color: #fff; text-align:center; font-weight: 400; line-height: 28px; transition: all 0.5s ease 0s; padding: 0 15px;} @media only screen and (max-width:990px){ .et_pb_blurb_da_1_18{ margin-bottom: 30px; } } .web-our-benefits{background: rgba(var(--black), 1)!important;} .et_pb_blurb_da_1_18.light .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header,.et_pb_blurb_da_1_18.light .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ color:#fff;} .web-our-benefits .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before, .et_pb_blurb_da_1_18.light .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{ background:#fff;} .web-our-benefits .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ border-bottom:1px solid #fff;} .web-our-benefits .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ background:#fff; color: #000 !important;} .web-our-benefits:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ background:rgba(var(--black), 1); color: #fff !important;} /*feature*/ .et_pb_blurb_web-feature{ background-color:#fff; text-align:center; width:100%; border:1px solid rgba(251,130,34,0); border-radius: 8px; box-shadow:0 0 5px 0 rgba(110,130,208,.31); position:relative;} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_main_blurb_image{ background: rgba(var(--black), 1); height:120px; width:120px; margin:-60px auto 20px; border-radius:50%; transition:all .3s;} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ font-size:50px; color:#fff; line-height:90px; font-weight:900;} .et_pb_blurb_web-feature:hover .et_pb_blurb_content .et_pb_main_blurb_image{ text-shadow:0 0 2px #333; box-shadow:0 0 0 7px #fff inset,0 0 0 10px rgba(var(--black), 1);} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_blurb_container{ text-align:center!important;} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ color:#fff; background: rgba(var(--black), 1);font-size:20px;font-weight:600; text-transform:uppercase; padding:15px 0; margin:0 -15px 10px; display:block; position:relative;} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after,.et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before{ content:''; background:linear-gradient(45deg,transparent 49%, rgba(var(--black), 1) 50%); height:15px; width:14px; position:absolute; left:0; top:100%;} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{background:linear-gradient(225deg,transparent 49%, rgba(var(--black), 1) 50%); top:auto; bottom:100%; left:auto; right:0} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ padding:15px 10px 10px} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p{ color:#666; font-size:15px; line-height:25px; padding:0 10px 10px; margin:0 0 10px; font-weight:300;} @media only screen and (max-width:980px){ .et_pb_blurb_web-feature{ margin: 40px 10px 30px !important; } .et_pb_blurb_web-feature .et_pb_blurb_content{max-width: 100%;} .et_pb_blurb_web-feature .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ font-size:50px; color:#fff; line-height:70px!important; font-weight:900;}} /*faq css*/ .web_faq .et_pb_toggle{margin-bottom: 20px !important;border:none;background:0 0;border-radius:0;padding:0;box-shadow:none;} .web_faq .et_pb_toggle h5.et_pb_toggle_title{ display:block; font-size:16px; padding:17px 40px 17px 30px; background:#fff; border:1px solid #f3f3f3; border-bottom-color:#f3f3f3; border-bottom-style:solid; border-bottom-width:1px; border-bottom:none;position:relative; transition:all .5s ease 0s;} .web_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title:before{ content:'\4c'; color:#959595; background:#f4f4f4;} .web_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title:hover:before{background:rgba(var(--orange), 1); color:#fff} .web_faq .et_pb_toggle h5.et_pb_toggle_title:before{ font-weight:900; font-size:15px; color:#fff;content:'\4b'; width:45px; height:100%; line-height:54px; display:block!important; text-align:center; position:absolute; top:7px;right:-1px; background:rgba(var(--orange), 1);} .web_faq .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:after{ content:""; position:absolute; bottom:-11px; right:-1px; border-bottom:12px solid transparent; border-left:12px solid rgba(var(--orange), 1)} .web_faq .et_pb_toggle .et_pb_toggle_content{ font-size:14px; color:#b7b7b7; padding:0 30px 15px; line-height:20px; margin-right:12px; background:#fff; border:1px solid #f3f3f3; border-top:none;} .web_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title{background:#fafafa; color:#959595;} /* ************ * Home 14 * ************** */ /*mover slider*/ .mover-slider .et-pb-controllers a { opacity: 1; margin-bottom:10px; position:relative; width:12px; height:12px; display: block; color:#fff; background:#fff; border:none; cursor:pointer } .mover-slider .et-pb-controllers { right:0; width:auto; bottom:50%; left:auto; } .mover-slider .et-pb-controllers .et-pb-active-control { background-color:rgba(var(--orange), 1); } .mover-slider .et-pb-controllers .et-pb-active-control:before { opacity:1; border-bottom:10px solid rgba(var(--orange), 1); } .mover-slider .et-pb-controllers a:before { content:""; display:block; position:absolute; opacity:0; bottom:7px; left:0; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:5px solid #fff; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; } /*Controller (Arrow)*/ .mover-slider .et-pb-arrow-next, .mover-slider .et-pb-arrow-prev { font-size: 36px; opacity: 1; margin: 0; background-color: rgba(var(--orange), 1); border: 2px solid rgba(var(--orange), 1); border-radius: 5px;} .mover-slider .et-pb-arrow-next { right: 0px !important; } .mover-slider .et-pb-arrow-next:hover, .mover-slider .et-pb-arrow-prev:hover { font-size: 36px; opacity: 1; margin: 0; background-color: rgba(var(--black), 1); border: 2px solid rgba(var(--orange), 1); border-radius: 5px; } .mover-slider .et-pb-arrow-next { right: 0px !important; } .mover-slider .et-pb-arrow-prev { left: 0px !important; } /*From Mobile (Arrow)*/ @media all and (max-width: 479px) { .mover-slider .et-pb-arrow-next, .mover-slider .et-pb-arrow-prev { top: 90% !important; } .mover-slider .et-pb-arrow-next { right: -40px !important; } .mover-slider .et-pb-arrow-prev { left: -35px !important; }} /*** Responsive Styles Tablet Only ***/ @media all and (min-width: 768px) and (max-width: 980px) { .mover-slider .et-pb-arrow-next, .mover-slider .et-pb-arrow-prev { top: 90% !important; } .mover-slider .et-pb-arrow-next { right: -40px !important; } .mover-slider .et-pb-arrow-prev { left: -20px !important; }} /*From Desktop (Arrow)*/ .mover-slider .et-pb-slider-arrows { width: 6%; position: absolute; bottom: 70px; right: 50px; } .mover-slider .et_pb_slide_description { display:inline-block; padding:10% 5%; float:left; background:rgba(0,23,32,0.56); } .mover-slider .et_pb_slide_description .et_pb_slide_title { color:#FFF!important; font-weight:600; position:relative; font-size:14px; letter-spacing:2px; margin-bottom:15px; display: inline-block; background: rgba(var(--black), 1); padding: 10px; } .mover-slider .et_pb_slide_description .et_pb_slide_content h1 { color:#fff; font-size:60px; position:relative; line-height:1.2em; padding-bottom:0; margin-bottom:15px } .mover-slider .et_pb_slide_description .et_pb_slide_content h1:before { position:absolute; content:''; left:-50px; top:0; width:5px; height:100%; background-color:#fa7c04; box-sizing:border-box } .mover-slider .et_pb_slide_description .et_pb_slide_content p { font-weight: 500!important; font-family: 'barlow'; max-width:550px; margin-bottom:30px; margin-top:30px; font-size: 16px; } .mover-slider .et_pb_slide_description .et_pb_slide_content ul { padding:0 } .mover-slider .et_pb_slide_description .et_pb_slide_content ul li { display:inline-block } .mover-slider .et_pb_slide_description .et_pb_slide_content ul li a { padding:15px 20px; background:#fff; color:#000; text-transform:uppercase; font-size: 15px; font-weight: 700; } .mover-slider .et_pb_slide_description .et_pb_slide_content ul li a.btn.bg { background:#fa7c04; color:#fff } @media only screen and (max-width : 766px) { .mover-slider .et_pb_slide_description .et_pb_slide_content h1 { font-size: 30px; } .mover-slider .et_pb_slide_description .et_pb_slide_content ul li { margin-bottom: 35px; }} @media only screen and (max-width : 980px) { .mover-slider .et_pb_slide_description { padding: 14% 5% !important; }} /*mover page h2 title bottom underline*/ .mover-tile .et_pb_text_inner::after,.mover-tile .et_pb_text_inner::before{ background-color:rgba(var(--orange), 1); content:""; height:1px; position:absolute; transform:translateX(-50%)} .mover-tile .et_pb_text_inner::before{ bottom:-5px; width:100px; left:50%} .mover-tile .et_pb_text_inner::after{ bottom:0; width:140px; left:calc(50%)} /**********our services**********/ .et_pb_blurb_mover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ font-size: 24px; font-weight: bold; color: #333; margin: 0 0 10px 0; transition: all 0.5s ease 0s; text-align:center; font-variant:small-caps; } .et_pb_blurb_mover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{ content: ""; display: block; width: 50px; height: 3px; margin: 0 auto; margin-top: 13px; background: rgba(var(--black), 1); transition: all 0.3s ease-in-out 0s; } .et_pb_blurb_mover:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{ width: 70px; background:rgba(var(--orange), 1);} /*why choose us*/ .dp_feature_style13_blurb .et_pb_column_inner .et_pb_main_blurb_image:before{position: absolute; content: ''; width: 80px; height: 80px; top: -20px; right: 175px; border-radius: 50%; z-index: 1; transition: all 500ms ease; background-image: -webkit-linear-gradient( 45deg, #fefeff00 0%, #0000001a 100%); overflow: hidden;} /* **====================== * Home 15 E-commerce * ==============** */ /** Slider **/ .metan__shopping_slider_v1.et_pb_slider .et-pb-controllers a { text-indent:0!important; color:#fff!important; width:auto; height:auto; background-color:transparent!important; position:relative; margin-right:0; line-height:normal; padding:20px; font-weight:900; transition:all .3s ease; overflow:hidden; opacity:1; } .metan__shopping_slider_v1.et_pb_slider .et-pb-controllers a::after { content:""; width:35px!important; height:2px; left:5px; border-radius:150px; background-color:rgba(var(--orange), 1); -webkit-transition:width .3s ease; transition:width .3s ease; display:inline-block; position:relative; top:-4px; z-index:-1; } .metan__shopping_slider_v1.et_pb_slider .et-pb-controllers a.et-pb-active-control::after { width:60px!important } .metan__shopping_slider_v1_arrow .et_pb_slider:hover .et-pb-arrow-next, .metan__shopping_slider_v1_arrow .et_mobile_device .et-pb-arrow-next{ right:22px; opacity:.6; background-color:rgba(255,255,255,.15); color:white !important; border:solid 1px transparent; transform:scale(1); transition:all 0.6s ease-in-out;} .metan__shopping_slider_v1_arrow .et_pb_slider:hover .et-pb-arrow-prev, .metan__shopping_slider_v1_arrow .et_mobile_device .et-pb-arrow-prev{ left:22px; opacity:.6; background-color:rgba(255,255,255,.15); color:white !important; border:solid 1px transparent; transform:scale(1); transition:all 0.6s ease-in-out;} .metan__shopping_slider_v1_arrow .et-pb-arrow-prev:hover, .metan__shopping_slider_v1_arrow .et-pb-arrow-next:hover{ text-decoration:none; border:solid 1px #fff !important; background-color:rgba(255,255,255,0) !important; transition:all 0.6s ease-in-out;} .metan__shopping_slider_v1_arrow .et-pb-arrow-prev{left:-100px; border:solid 1px transparent; transform:scale(0.6); transition:all 0.6s ease-in-out;} .metan__shopping_slider_v1_arrow .et-pb-arrow-next{ right:-100px; border:solid 1px transparent; transform:scale(0.6); transition:all 0.6s ease-in-out;} @media only screen and (max-width : 980px) { .metan__shopping_slider_v1.et_pb_slider .et_pb_slide {background-blend-mode: overlay;} } .metan__shopping_slider_v1.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title { text-align: center; font-weight: 400; text-transform: uppercase!important; color: rgba(var(--black), 1)!important; background: #fff; padding: 5px 15px; margin-bottom: 20px; display: inline-block; } .metan__shopping_slider_v1.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title{ animation-duration: .7s !important; animation-delay: 1.4s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: Grow; } .et_pb_fullwidth_slider_0.et_pb_slider p{ animation-duration: .7s !important; animation-delay: 2s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: fadeInLeft; } body #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_more_button.et_pb_button{ animation-duration: .7s !important; animation-delay: 2.7s !important; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: fadeInBottom; } /** Section Title **/ .metan_title .et_pb_text_inner span.metan_text1 { display: inline-block; padding-right: 25px; margin: 0 0 5px; background: rgba(var(--black), 1); position: relative; padding: 3px 20px; z-index: 10;} .metan_title .et_pb_text_inner span.metan_text1:after, .metan_title .et_pb_text_inner span.metan_text1:before { content: ''; position: absolute; top: 0; left: 5px; width: 3px; height: 100%; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .metan_title .et_pb_text_inner span.metan_text1:after { left: 100%; width: 0; height: 0; border-width: 18px 0 18px 15px; border-style: solid; border-color: transparent transparent transparent rgba(var(--black), 1); } .metan_title.et_pb_text:after { content: ''; position: absolute; top: 35%; left: 0; right: 0; height: 2px; background: rgba(0,24,48,0.15); z-index: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .column_hover_effect_service1.et_pb_column { box-shadow: 0px 1px 1px 1px rgba(110, 130, 208, 0.05); transition: 0.4s ease-in-out; } .column_hover_effect_service1.et_pb_column:hover { box-shadow: 0 15px 20px rgba(110,130,208,0.2); -webkit-transform: translate(0, -4px); } /* Blurb Title Custom */ .blurb_service1 .et_pb_blurb h4{ margin-bottom: 15px !important; } #freeshipping-ecom .et_pb_blurb { overflow: hidden; position: relative !important; height: 100%; } #freeshipping-ecom .et_pb_blurb .et_pb_blurb_content { z-index: 1; } #freeshipping-ecom .et_pb_blurb .et-pb-icon { border-radius: 10px 0; padding: 18px; } #freeshipping-ecom .et_pb_blurb::before, #freeshipping-ecom .et_pb_blurb::after { content: ''; position: absolute !important; border-radius: 10px 0; box-sizing: border-box; opacity: 0; transition: all 0.4s ease; } #freeshipping-ecom .et_pb_blurb::before { top: 0; left: 50%; width: 0%; height: 100%; transform: translateX(-50%); border-top: 2px solid rgba(var(--orange), 1); border-bottom: 2px solid rgba(var(--orange), 1); } #freeshipping-ecom .et_pb_blurb::after { top: 50%; left: 0; width: 100%; height: 0%; transform: translateY(-50%); border-left: 2px solid rgba(var(--orange), 1); border-right: 2px solid rgba(var(--orange), 1); z-index: 0; } #freeshipping-ecom .et_pb_blurb:hover::before { width: 100%; opacity: 1; } #freeshipping-ecom .et_pb_blurb:hover::after { height: 100%; opacity: 1; } /*******Sale sectiom*********/ .metan-deal .ribbon strong { font-weight: 600; font-size: 14px; color: #fff; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: rgba(var(--orange), 1); position: absolute; top: 19px; right: -21px; } .metan-deal .ribbon { position: absolute; right: -45px; top: -22px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .metan-deal .ribbon strong::before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-left: 3px solid rgba(var(--orange), 1); border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid rgba(var(--orange), 1); } .metan-deal .ribbon strong::after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid rgba(var(--orange), 1); border-bottom: 3px solid transparent; border-top: 3px solid rgba(var(--orange), 1); } /** Deal Of the Day timmer**/ .metan-countdowne1 .section.values:before { content: " "; height: 12px; background: rgb(255,113,2)!important; width: 100%; z-index: 300; position: absolute; bottom: 0; right: -15px; display: block; border-radius: 0 0 15px 0; transform: skewX(-10deg); } .metan-countdowne1 .section.values:after { content: " "; height: 20px; width: 25px; bottom: 1px; background: rgba(var(--orange), 1)!important; position: absolute; border-radius: 26px 3px 30px 10px; left: 10px; z-index: 301; } .metan-countdowne1 .section p.value { margin: 0; padding: 0; color:#fff!important; opacity:1; display: block; } .metan-countdowne1 .section p.label { padding: 0; color:#106466!important; opacity:1; display: block; } .metan-countdowne1 .sep.section.zero, .blogly-countdown .sep.section { display:none !important; } .metan-countdowne1 .section p { font-size:45px; } @media only screen and (max-width : 480px) { .metan-countdowne1 .section.values { margin-bottom:20px; } .metan-countdowne1.section p.value { line-height:55px !important; }} .metan-countdowne1.et_pb_countdown_timer .section.values { margin: 0 15px; padding: 5px 0 25px 0; display: inline-block; background: rgba(var(--orange), 1)!important; border-top: 12px solid rgba(var(--black), 1)!important; width: 120px; position: relative; border-bottom-left-radius: 18px; margin-bottom: 20px; } /*this page all underline text*/ .metan-text-underline:before { bottom: 0; content: ''; display: inline-block; height: 3px; left: 0; background-color: rgba(var(--orange), 1); position: absolute; width: 50px; transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; } .metan-text-underline:hover:before { bottom: 0; content: ''; display: inline-block; height: 3px; left: 0; background-color: rgba(var(--orange), 1); position: absolute; width: 150px; transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; } /*==Couple fashion section==*= /*speech bubble with point on the left*/ .pa-speech-bubble-left { position: relative; background: rgba(var(--orange), 1); border-radius: .4em; } .pa-speech-bubble-left:after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-right-color: rgba(var(--orange), 1); border-left: 0; margin-top: -20px; margin-left: -20px; } /*======5 sale box animation======*/ .metan-sale65 { display:inline-block; overflow:hidden; margin-bottom:0!important; position:relative; vertical-align:top } .metan-sale65 .et_pb_blurb_content .et_pb_main_blurb_image { display:inline-block; overflow:hidden; position:relative; vertical-align:top } .metan-sale65 .et_pb_blurb_content .et_pb_main_blurb_image img { -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; transition:all .5s ease-in-out; display:block } .metan-sale65:hover .et_pb_blurb_content .et_pb_main_blurb_image img { transform:scale(1.1) } .metan-sale65 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { bottom:80px; left:30px; position:absolute; top:auto; margin:0 10px 0 0; z-index:99; right:40px; } .metan-sale65.top .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { bottom:auto; top:30px } .metan-sale65 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before { border-bottom:1px solid #fff!important; bottom:0; left:0; content:''; position:absolute; width:100%;} .metan-sale65 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { bottom:50px; left:30px; position:absolute; z-index:99; } .metan-sale65.top .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { bottom:auto; top:70px } .metan-sale65 .et_pb_blurb_content .et_pb_main_blurb_image:after { background:rgba(0, 0, 0, .3) } /***************** * {home 16} * ******************/ /***********/ /*slider animation*/ /****First orange text css*******/ .metan-shop-slider-v2 .et_pb_slide .et_pb_slide_description .et_pb_slide_title { text-transform: uppercase; font-size: 18px; color: rgba(var(--orange), 1) !important; margin: 0 0 10px; font-style: italic; font-weight: 700; text-align: center; line-height: 1.5; display: inline-block; position: relative; padding: 0 30px;} .metan-shop-slider-v2 .et_pb_slide .et_pb_slide_description .et_pb_slide_title:before, .metan-shop-slider-v2 .et_pb_slide .et_pb_slide_description .et_pb_slide_title:after { content: ''; background: rgba(var(--orange), 1); width: 100px; height: 1px; position: absolute; top: 50%; left: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .metan-shop-slider-v2 .et_pb_slide .et_pb_slide_description .et_pb_slide_title:after { left: inherit; right: 100%;} /****2nd squere box css*******/ .metan-shop-slider-v2 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size:103px; padding-bottom:0!important; font-weight:700; padding:20px !important; display:inline-block; border:10px solid #fff; color:#fff; letter-spacing:5px; text-transform:uppercase} .metan-shop-slider-v2 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size:56px; line-height:48px; font-weight:700; margin-top:25px; color:#fff; letter-spacing:1px; text-transform:uppercase} @media only screen and (max-width :480px) { .metan-shop-slider-v2 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size:25px; line-height:35px; padding:5px !important; display:block } /****3rd line text css*******/ .metan-shop-slider-v2 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size:30px; line-height:25px } .metan-shop-slider-v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { margin-bottom:10px }} /****mobile optimization css*******/ @media only screen and (min-width:481px) and (max-width:980px) { .metan-shop-slider-v2 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size:50px } .metan-shop-slider-v2 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size:45px }} /****slider button css*******/ .metan-shop-slider-v2 .et_pb_button_wrapper .et_pb_button{ color:#fff; display:inline-block; font-weight:700; padding:18px 45px!important; text-transform:uppercase; position:relative ;z-index:1; transition:all .5s linear 0s; border:none!important; background:rgba(var(--orange), 1); border-radius:150px; font-size:15px} .metan-shop-slider-v2 .et_pb_button_wrapper .et_pb_button:hover {color:#000} .metan-shop-slider-v2 .et_pb_button_wrapper .et_pb_button:before{ bottom:0; content:""; left:0; position:absolute; right:0; top:0; opacity:1; margin-left:0; display:block; transform:scaleX(0); transform-origin:0 50% 0 0; transition-duration:.3s; transition-property:transform; transition-timing-function:ease-out; z-index:-1; background:#fff; border:1px solid #fff; border-radius:30px;} .metan-shop-slider-v2 .et_pb_button_wrapper .et_pb_button:hover:before{ transform:scaleY(1)} .metan-shop-slider-v2 .et_pb_button_wrapper .et_pb_button:after{ display:none} /* Slider Dot Navigation */ .metan-shop-slider-v2 .et-pb-controllers a { background-color: #ffffff00 !important; border-radius: 100px; margin-right: 10px; padding: 4px 20px; border: 3px solid #ffffff; transition: all .4s ease;} .metan-shop-slider-v2 a.et-pb-active-control { width:20px; background: #ffffff !important; border: 3px solid #fff !important; transition: all .4s ease; } .metan-shop-slider-v2 a.et-pb-active-control:hover { transform: scale(1.2); transition: all .4s ease; } /* Slider Arrow Navigation */ .metan-shop-slider-v2 .et-pb-arrow-prev:before { content: "\23"; background: #FFF; border-radius: 1000px; color: #000000; padding: 20px 20px 20px 20px; font-size: 30px; } .metan-shop-slider-v2 .et-pb-arrow-prev { transition: all .4s ease; transform:skew(5deg); } .metan-shop-slider-v2 .et-pb-arrow-prev:hover { transform: scale(1.2); transition: all .4s ease; } .metan-shop-slider-v2 .et-pb-arrow-next:before { content: "\24"; background: #FFF; border-radius: 1000px; color: #000000; padding: 20px 20px 20px 20px; font-size: 30px; transform:skew(-10deg); } .metan-shop-slider-v2 .et-pb-arrow-next { transition: all .4s ease; transform:skew(-5deg); } .metan-shop-slider-v2 .et-pb-arrow-next:hover { transform: scale(1.2); transition: all .4s ease; } /*****************Shop Module v2*********/ /*** #.# Title**/ .metan_shop_v2 .main_title h2 { padding-bottom: 15px !important; line-height:26px; font-weight:600 !important; text-transform:uppercase !important; position:relative; margin-bottom:25px; } .metan_shop_v2 .main_title:before, .metan_shop_v2 .woocommerce ul.products li a h2.woocommerce-loop-product__title:before { bottom: -1px; content:''; height:5px; left:0; position:absolute; width:35px; background-color:rgba(var(--orange), 1); z-index:1 } .metan_shop_v2 .main_title:after, .metan_shop_v2 .woocommerce ul.products li a h2.woocommerce-loop-product__title:after { bottom:0; content:''; height:2px; left:0; background-color:rgba(var(--black), 1); position:absolute; width:100%; } .metan_shop_v2 .woocommerce ul.products li.product a.woocommerce-loop-product__link h2.woocommerce-loop-product__title { font-weight: 700; color: rgba(var(--black), 1);display: inline-block;} .metan_shop_v2 .woocommerce ul.products li.product a.woocommerce-loop-product__link h2.woocommerce-loop-product__title:hover{ color:rgba(var(--orange), 1);} /*image background orange color hover effect*/ .metan_shop_v2 .woocommerce ul.products li.product{position: relative;-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 100%; overflow: hidden; border: 1px solid; border-color: rgba(var(--black), 1); border-radius: 15px; padding: 10px 10px 20px 10px; background: #fff;} .metan_shop_v2 .woocommerce ul.products li.product a.woocommerce-loop-product__link .et_shop_image{display: block; position: relative; overflow: hidden;z-index: 1; margin-bottom: 10px;} .metan_shop_v2 .woocommerce ul.products li.product a.woocommerce-loop-product__link .et_shop_image:after{content: ''; width: 100%; height: 50%;z-index: -1; border-radius: 20px; position: absolute; left: 0; bottom: 0; background-color: rgba(var(--orange), 1); opacity: .1; -webkit-transition: all ease 0.35s; transition: all ease 0.35s;} .metan_shop_v2 .woocommerce ul.products li.product:hover a.woocommerce-loop-product__link .et_shop_image:after{opacity: 1; height: 100%;} .metan_shop_v2 .woocommerce ul.products li.product a.woocommerce-loop-product__link .et_shop_image img {display: block; margin: 0 auto; width: 100%;-webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); -webkit-transition: all ease 0.35s; transition: all ease 0.35s; border-radius: 20px;transition: all 0.3s;} .metan_shop_v2 .woocommerce ul.products li.product:hover a.woocommerce-loop-product__link .et_shop_image img {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .metan_shop_v2 .woocommerce .star-rating span::before{color:rgba(var(--orange), 1);} /*hover cart icon*/ .metan_shop_v2 .woocommerce ul.products li a .et_shop_image .et_overlay:before { top: -100%; background: #fff; box-shadow: 0 0 10px #fff; font-size: 15px; padding: 10px; border-radius: 50%; right: 20px; left: auto; color: rgba(var(--orange), 1);} .metan_shop_v2 .woocommerce ul.products li a:hover .et_shop_image .et_overlay:before { top: 35px;} /*sale badge css*/ .metan_shop_v2.et_pb_shop.et_pb_shop li.product .onsale { color: #fff; z-index: 15; background: rgba(var(--black), 1)!important; font-size: 12px; font-weight: 700!important; text-align: center; line-height: 31px!important; width: 40px; height: 52px; position: absolute; top: 0!important; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px)); left: auto!important; border-radius: 0!important; padding: 5px!important;} /*********Shop v2 default shorting css**************/ .metan_shop_v2 .woocommerce .woocommerce-ordering .orderby { height: 45px; font-size: 14px; text-transform: capitalize; font-weight: 500; margin-bottom: 20px; border-radius: 25px 0px 0px 25px; background-color: #f2f3f6!important; color: rgba(var(--black), 1)!important; font-family: 'Fira Sans';} .metan_shop_v2 .woocommerce .woocommerce-result-count { text-transform: uppercase; position: relative; padding-bottom: 10px !important; font-size: 15px; font-weight: 600; line-height: 28px; color: #2d2d2d; font-family: 'Fira Sans'; } .metan_shop_v2 .woocommerce .woocommerce-result-count:before, .metan_shop_v2 .woocommerce .woocommerce-result-count:after { content: ''; position: absolute; bottom: 0; width: 60px; border-top: 1px solid #d4d4d4; left: 0; font-family: 'Fira Sans';} .metan_shop_v2 .woocommerce .woocommerce-result-count:after { border-top: 3px solid rgba(var(--orange), 1)!important; display: block; position: absolute; bottom: -1px; width: 30px; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1); } .metan_shop_v2 .woocommerce .woocommerce-result-count:hover:after { width: 60px!important; } @media only screen and (max-width : 420px) { .et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product{width: 100% !important;} } /**************Shop v2 all heading both line***********/ /*center the heading and lines*/ .da-heading-line-both h2 { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; } /*add and adjust the lines*/ .da-heading-line-both h2:before, .da-heading-line-both h2:after { content: ''; border-top: 2px solid; margin: 0 20px 0 0; flex: 1 0 20px; color: rgba(var(--orange), 1);} /*add spacing between heading and lines*/ .da-heading-line-both h2:after { margin: 0 0 0 20px; } /* speech bubble with point on the the bottom*/ .da-speech-bubble-bottom { position: relative; background: #fff; border-radius: .4em; } .da-speech-bubble-bottom:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-top-color: #fff; border-bottom: 0; margin-left: -20px; margin-bottom: -20px; } /**************Shop List 4th section **/ .da_shop_listv2 .woocommerce ul.products li.product .button { display:none; } /**********Shop v2 all double underline title**********/ .da-shopv2-title:before{ bottom: -2px; content: ''; height: 5px; left: 0; position: absolute; width: 35px; background-color: rgba(var(--orange), 1); z-index: 1; } .da-shopv2-title:after{ bottom: 0; content: ''; height: 2px; left: 0; background-color: rgba(var(--black), 1); position: absolute; width: 100%; } /************shop v2 timmer Style***************/ .da-shopv2-timmer .et_pb_countdown_timer_container .sep { display:none; } .da-shopv2-timmer .et_pb_countdown_timer_container .section.values { border-radius: 15px; width: 70px; max-width: 70px; margin-right: 10px; background: rgba(var(--black), 1); height: 70px; line-height: 70px; position: relative; } @media only screen and (max-width : 399px) { .da-shopv2-timmer .et_pb_countdown_timer_container .section.values { width:50px; height:50px; line-height:50px; }} /*********Shop v2 offer text ribbon stle**********/ .dav2-ribbon{ font-size:20px; position:relative; display:inline-block; margin:0em; margin-left: -0.8em!important; text-align:center; } .dav2-text{ display:inline-block; padding:0.5em 1em; min-width:17em; line-height:1.2em; background: rgba(var(--orange), 1); position:relative; } .dav2-ribbon:after,.dav2-ribbon:before, .dav2-text:before,.dav2-text:after, .bold:before{ content:''; position:absolute; border-style:solid; } .dav2-ribbon:before{ top:0.3em; left:0.2em; width:100%; height:100%; border:none; background:#EBECED; z-index:-2; } .dav2-text:before{ bottom:100%; left:0; border-width: .5em .7em 0 0; border-color: transparent #FC9544 transparent transparent; } .dav2-text:after{ top:100%; right:0; border-width: .5em 2em 0 0; border-color: #FC9544 transparent transparent transparent; } .dav2-ribbon:after, .bold:before{ top:0.5em;right:-2em; border-width: 1.1em 1em 1.1em 3em; border-color: #ff7000 transparent #ff7000 #ff7000; z-index:-1; } .bold:before{ border-color: #EBECED transparent #EBECED #EBECED; top:0.7em; right:-2.3em; } @media all and (min-width: 980px) { ul.products.columns-3 li.product { width: 30.33%!important; } ul.products.columns-3 { display: flex; flex-wrap: wrap; justify-content: space-between; } ul.products.columns-4 li.product { width: 21%!important; } ul.products.columns-4 { display: flex; flex-wrap: wrap; justify-content: space-between; }} ul.products.columns-1 li.product { width: 100%!important; } ul.products.columns-1 { display: flex; flex-wrap: wrap; justify-content: space-between; } /* ****============ * our history * ============** */ /*******Milestone****************/ .et_pb_m_da_timeline_4_31{ position:relative} .et_pb_m_da_timeline_4_31:before{ content:''; background-color:#fb8122; height:90%; width:2px; transform:translateX(-50%); position:absolute; left:50%; top:0} .et_pb_m_da_timeline_4_31:after{ content:''; display:block; clear:both} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31{ width:50%; padding:0 40px 0 0; margin:0 5px 0 0;float:left; position:relative; z-index:1} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:after,.et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:before{ content:''; background-color:#fb8122; height:2px; width:100px; transform:translateY(-50%); position:absolute; right:0;top:50%} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:after{ height:15px; width:15px; border-radius:50%; right:-8px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content{ color:#fff; background-color:#001730; text-align:center; padding:15px 130px 15px 20px; margin:0 auto; border-radius:10px; display:block; overflow:hidden; max-width:100%; position:relative} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content:hover{text-decoration:none}.et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content:after,.et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content:before{ content:''; background-color:#fb8122; height:100%; width:32%; position:absolute; right:-1px; top:0; z-index:1;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,75% 0); clip-path:polygon(100% 0,100% 100%,0 100%,75% 0)} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content:after{ background-color:#e67218; transform:rotateX(180deg); z-index:0} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_main_blurb_image{ transform:translateY(-50%); position:absolute; right:18px; top:50%; z-index:1} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:#fff; font-size:42px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ font-size:24px; font-weight:700; color:#fff; text-transform:uppercase; text-align:center; margin:0} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ font-size:18px; text-align:center} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even){ margin:0 0 0 5px; padding:0 0 0 40px; float:right} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even):before{ right:auto; left:0} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even):after{ right:auto; left:-8px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even) .et_pb_blurb_content{ padding:15px 20px 15px 130px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even) .et_pb_blurb_content:before{ right:auto; left:0; transform:rotateY(180deg)} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even) .et_pb_blurb_content:after{ right:auto; left:0; transform:rotateY(-180deg) rotateX(180deg)} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image{ right:auto; left:20px} /* ===== Responsive ======*/ @media only screen and (max-width:990px){.et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content{ padding:15px 0px 15px 70px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even) .et_pb_blurb_content{ padding:15px 2px 15px 80px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content:after,.et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content:before{ width:33%} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_main_blurb_image{right:12px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image{left:12px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{font-size:16px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ font-size:15px; text-align:center} .et_pb_m_da_timeline_4_31:before{ transform:translateX(0); left:39px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31{ width:100%; padding:0 0 0 20px; margin:0 0 20px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even){ padding:0 0 0 20px; margin:0 0px 20px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:before{ right:auto; left:0} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:after{ right:auto; left:-8px} .et_pb_m_a_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content{ padding:15px 15px 15px 90px; border-radius:30px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content:before{ width:105px; right:auto;left:0; transform:rotateY(180deg)} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content:after{ width:105px; right:auto; left:0; transform:rotateY(180deg) rotateX(-180deg)} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_main_blurb_image,.et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image{ font-size:30px; right:auto; left:12px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{font-size:16px} .et_pb_m_da_timeline_4_31 .et_pb_da_timeline_31 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ font-size:15px; text-align:center} } /*** Responsive Styles Tablet Only ***/ @media all and (min-width: 768px) and (max-width: 980px) { .et_pb_m_da_timeline_4_31:before{ transform:translateX(0); left:76px} } /*********************** * * {{Blog all post }}* * ****************************/ /*style the Divi Post Navigation buttons*/ .et_pb_posts_nav .nav-previous a, .et_pb_posts_nav .nav-next a { color: #ffffff; /*background: rgba(var(--black), 1); border: 2px solid rgba(var(--black), 1);*/ padding: .7em 1.5em; border-radius: 50px; transition: all 0.3s ease-in-out; } div#category a { color: rgba(var(--black), 1); background-color: #fff; padding: 10px; border-radius: 100px; } div#category a:hover{ color: rgba(var(--orange), 1)!important; } /*style the Divi Post Navigation buttons on hover*/ .et_pb_posts_nav .nav-previous a:hover, .et_pb_posts_nav .nav-next a:hover { color: #fff; /*background: rgba(var(--orange), 1); border: 1px solid rgba(var(--orange), 1);*/ letter-spacing:1px; transition: all 0.3s ease-in-out; } /**************Divi social share column re arreange****/ @media only screen and (max-width: 980px) { .five-columns .et_pb_column { width: 33%!important; }} /* ******* *============== * {{blog default}} * ============== * **************************/ .free-blog-layout-1 .et_pb_post { display: flex; flex-direction: column; } .free-blog-layout-1 .post-meta { order: 0; } .free-blog-layout-1 .entry-title { margin-bottom: 30px; order: 1; } .free-blog-layout-1 .et_pb_post .entry-featured-image-url { order: 2; } .free-blog-layout-1 .post-content { order: 3; } .free-blog-layout-1 a.more-link { background-color: rgba(var(--black), 1); border-radius: 100px; display: inline-block; margin-top: 20px; padding: 10px 30px; text-transform: capitalize; } .free-blog-layout-1 a.more-link:hover { background-color: rgba(var(--orange), 1); border-radius: 100px; display: inline-block; margin-top: 20px; padding: 10px 30px; text-transform: capitalize; } .zoom-blog .author.vcard:before { padding-right: 5px; font-family: ETModules; content: '\e08a'; } .zoom-blog .published:before { padding-right: 5px; font-family: ETModules; content: '\e023'; } .zoom-blog .comments-number:before { padding-right: 5px; font-family: ETModules; content: '\77'; } .zoom-blog .et_pb_post img { transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; } .zoom-blog .et_pb_post:hover img { transform:scale(1.25) rotate(1.5deg); -moz-transform: scale(1.25) rotate(1.5deg); -webkit-transform:scale(1.25) rotate(1.5deg);} .zoom-blog a.entry-featured-image-url { overflow:hidden; border-radius: 15px!important; } /* ****============ * Blog Grid * ============** */ /*******Milestone****************/ /*blog module style css*/ /*make the parts of the blog post flexible*/ .roof-blog .et_pb_post { display: flex; flex-direction: column; } /*blog post featured image*/ .roof-blog1 .et_pb_post{position:relative;border: none; padding: 0;} .roof-blog1 .et_pb_post .et_pb_image_container{margin:0;} .roof-blog1 .et_pb_post .list_blog_description{position: relative; background-color: #fff; border-radius: 6px; margin-left: 11px; margin-right: 11px; margin-top: -50px; padding: 14px 23px 40px; z-index: 999; -webkit-box-shadow: 0px 0px 62px 0px rgba(27, 31, 45, 0.09); box-shadow: 0px 0px 62px 0px rgba(27, 31, 45, 0.09);} .roof-blog1 .et_pb_post .list_blog_description:before{position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0;z-index: -1; background-color: rgba(var(--black), 1)!important; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; border-radius: 6px;} .roof-blog1 .et_pb_post:hover .list_blog_description:before{-webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;} .roof-blog1 .et_pb_post .post-meta a{position: absolute; font-size: 13px; color: #fff; font-weight: 600; text-transform: uppercase; border-radius: 12px; padding: 3px 21px; margin-bottom: 10px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; background: rgba(var(--orange), 1)!important; width: -webkit-max-content; width: -moz-max-content; width: max-content;top: -11px; left: 15px; line-height: 18px; width: 200px; text-align: center;} .roof-blog1 .et_pb_post:hover .list_blog_description .entry-title, .roof-blog1 .et_pb_post:hover .post-meta a, .roof-blog1 .et_pb_post:hover .post-meta, .roof-blog1 .et_pb_post:hover .post-content a.more-link{color:#fff!important;} .roof-blog1 .et_pb_post .list_blog_description .entry-title:before{position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 100%; background: #ccc;-webkit-box-sizing: border-box; box-sizing: border-box;} /*********** * * blog list view with sidebar * * **************************/ .metan_blview .et_pb_post { border:none; -webkit-box-shadow:0 0 4px rgba(0, 0, 0, .12); box-shadow:0 0 4px rgba(0, 0, 0, .12); -webkit-transition:-webkit-box-shadow .35s ease; transition:-webkit-box-shadow .35s ease; transition:box-shadow .35s ease; transition:box-shadow .35s ease, -webkit-box-shadow .35s ease; text-align:center } .metan_blview .et_pb_post .et_pb_image_container { margin-bottom: 15px; overflow:hidden; vertical-align:middle; backface-visibility:hidden; -webkit-backface-visibility:hidden } @media only screen and (max-width : 480px) { .metan_blview .pagination .alignleft, .metan_blview .pagination .alignright, .search-results .pagination .alignleft, .search-results .pagination .alignright { float: none; margin-bottom: 30px; text-align: center; }} @media (min-width: 767px) { /*set the image width*/ .metan_blview .entry-featured-image-url { width: 30%; float: left; margin-bottom: 0!important; } /*set the details width*/ .metan_blview .entry-title, .metan_blview .post-meta, .metan_blview .post-content { width: 70%; float: left; padding-left: 30px; } } .metan_blview a.more-link { position: relative; top: 20px; color: #fff!important; background-color: rgba(var(--orange), 1)!important; font-size: 13px; text-transform: uppercase; font-weight: 700; padding: 13px 30px; box-shadow: 0 10px 10px 0px rgba(110,130,208,.15);; transition: all 0.3s ease-in-out; text-align: center;} .metan_blview a.more-link:hover { color: rgba(var(--orange), 1)!important; background: #fff!important; box-shadow: 0 10px 10px 0px rgba(110,130,208,.15); } /*blog image aspect ratio square 1:1*/ .metan_blview .entry-featured-image-url { padding-top: 33%; display: block; } .metan_blview .entry-featured-image-url img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } /*style the individual posts*/ .metan_blview .et_pb_post { box-shadow: 0px 6px 15px 2px rgba(110,130,208,0.22)!important; border-radius: 6px; padding-top: 25px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } /*** Responsive Styles Smartphone Portrait ***/ @media all and (max-width: 479px) { .metan_blview .entry-featured-image-url { padding-top: 71%; display: block; }} /************************* * Sidebar * **********************/ #categories-2 ul li, #meta-2 ul li, #recent-posts-2 ul li { padding-bottom:5px; margin:0 0 15px 0; border-bottom:1px dashed #e9e9e9; padding-top:5px } #recent-posts-2 ul li a { font-size:15px; line-height:21px; display:block; color:rgba(var(--black), 1)!important; } #categories-2 ul li a { color:rgba(var(--black), 1)!important; } .et_pb_widget li.cat-item a::before { content:""; float:left; margin-top:9px; margin-right:12px; width:6px; height:6px; border:1px dashed rgba(var(--orange), 1); background:rgba(var(--orange), 1); box-sizing:border-box } .et_pb_widget, .et_pb_widget{border-radius: 5px; box-shadow: 0px 6px 9px 0px rgba(110,130,208,0.20); padding:10px;} .et_pb_widget .widgettitle, .et_pb_widget .title{ text-transform: uppercase; position:relative; margin-bottom:0px; padding-bottom:10px; font-size:18px; font-weight:700; line-height:28px; color:#2d2d2d!important; } .et_pb_widget_area_left { border-right: 0px solid rgba(0,0,0,.1)!important; padding-right: 0px!important; } /*add padding, color, margin on tag which show in sidebar*/ .tagcloud a { font-size: 14px!important; padding: .5em 1.5em; font-weight: 600!important; background: #f2f3f6; color: rgba(var(--black), 1)!important; display: inline-block; margin-bottom: 8px; margin-left: 4px; margin-right: 4px; border-radius: 50px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /*sidebar tag hover color*/ .tagcloud a:hover { background: rgba(var(--orange), 1); color: #fff!important; } .widget_search #searchsubmit { border: 2px solid rgba(var(--black), 1); background-color: rgba(var(--black), 1); border-radius: 100px; } .widget_search input#searchsubmit{ border: 2px solid rgba(var(--black), 1); color: #fff; border-radius: 100px; } .widget_search input#s, .widget_search input#searchsubmit { padding: .7em; height: 40px!important; margin: 0; font-size: 14px; line-height: normal!important; border: 2px solid rgba(var(--black), 1); border-radius: 100px; color: #fff; text-transform: uppercase} /* Recent Post Title */ span.rpwwt-post-title { font-weight: 800; color: rgba(var(--black), 1); } /* changes weidget category */ .et_pb_widget.widget_categories ul li a { width: 90%; display: inline-block; padding: 6px; color: #000; } .et_pb_widget.widget_categories ul li { background: transparent; } #sidebar .et_pb_widget .widgettitle:after, #sidebar .et_pb_widget .widgettitle:before, #f_sidebar .et_pb_widget .title:after, #f_sidebar .et_pb_widget .title:before { content: ''; position: absolute; bottom: 0; width: 60px; border-top: 1px solid #d4d4d4; left: 0; } /*about us image*/ img#about-image { float: left; margin: 3px 8px 8px 0; border-radius: 100%; border: 4px solid rgba(var(--orange), 1)!important; } /*To show sidebar bottom in mobile and tablet*/ @media screen and ( max-width: 980px ) { .reverse { display: flex; flex-direction: column-reverse; }} /* Recent Post Title */ img.attachment-75x75.size-75x75.wp-post-image { border-radius: 10px; } .rpwwt-post-author { font-weight: 700!important; color: rgba(var(--orange), 1); } /* ************============== * {{career}} * ===============************ */ /*Our Recruitment Process*/ .metan-number-career { background: rgba(var(--black), 1); color: white;/* You can change background color of number circle here */ width: 50px; position: absolute; margin: 0 auto !important; left: 0; right: 0; top: -70px; height: 50px; border-radius: 50%; box-shadow: rgb(110, 130, 208, 0.3) 0px 10px 30px -2px; line-height: 50px; cursor: default; pointer-events: none; z-index: 6; } .work-card-career:hover .metan-number-career { color: #fff; background: rgba(var(--orange), 1); } .work-card-career { margin-top: 60px; z-index: 1; position: relative; } @media only screen and (max-width: 980px) { .work-card-career { margin-top: 120px; } .metan-number-career { top: -70px; }} /*** Responsive Styles Smartphone Only ***/ @media all and (max-width: 767px) { .metan-number-career { top: -40px; } } /* *************======== * {{career details}} * =======*********** */ /**Job responsibilities section design css******/ .da-career-details-service-section { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .da-career-details-service-text h2 { margin-bottom: 10px; } .da-career-details-service-text ul { padding-left: 0; list-style-type: none; margin-top: 30px; margin-bottom: 0; margin-left: -10px; margin-right: -10px; } /* Replace HEX color code to match your theme style */ .da-career-details-service-text ul li { margin-top: 5px; margin-bottom: 10px; margin-left: 1%; margin-right: 1%; position: relative; background-color: rgba(229,236,244,0.33); border-radius: 5px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, rgba(var(--black), 1)); } /* Replace HEX color code to match your theme style */ .da-career-details-service-text ul li span { display: block; color: rgba(var(--black), 1); text-transform: inherit; padding: 12px 12px 10px 45px; z-index: 1; position: relative; -webkit-transition: 0.5s; transition: 0.5s; font-weight: 600; font-size: 15px; } /* Replace HEX color code to match your theme style */ .da-career-details-service-text ul li span:before { content: "\e052"; font-family: "ETModules"; color: rgba(var(--orange), 1); display: block; position: absolute; left: 13px; font-size: 20px; line-height: 47px; top: 0; } /* Replace HEX color code to match your theme style */ .da-career-details-service-text ul li:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 5px; background-color: rgba(var(--black), 1); z-index: -1; -webkit-transition: 0.5s; transition: 0.5s; } .da-career-details-service-text ul li:hover:before { width: 100%; z-index: 1; } /* Replace HEX color code to match your theme style */ .da-career-details-service-text ul li:hover span, .da-career-details-service-text ul li:hover span:before { color: #fff; } @media only screen and (max-width: 768px) { .da-career-details-service-content { } .da-career-details-service-image { order: 1; padding-bottom: 35px; } .da-career-details-service-text ul li { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }} /*========================== Career Details application form* ========================*/ .da_checkbox_radio_button .et_pb_contact_field_checkbox, .da_checkbox_radio_button .et_pb_contact_field_radio { display: inline-block; /* comment this out if you want buttons to lined up vertically */ } /* This block hides the input fields. */ .da_checkbox_radio_button .et_pb_contact_field_checkbox i, .da_checkbox_radio_button .et_pb_contact_field_radio i { position: absolute; visibility: hidden !important; display: none !important; } /* Now we make the label the button. Style accordingly. */ .da_checkbox_radio_button .et_pb_contact_field_checkbox label, .da_checkbox_radio_button .et_pb_contact_field_radio label { border: 1px solid; border-color: rgba(var(--black), 1); border-radius: 5px; color: rgba(var(--black), 1); display: inline-block; cursor: pointer; font-weight: bold; line-height: 1.4em !important; max-width: 100%; padding: 14px; margin: 0 5px 5px 0 !important; transition: all ease .3s; } /* Button styles when hovered. */ .da_checkbox_radio_button .et_pb_contact_field_checkbox label:hover, .da_checkbox_radio_button .et_pb_contact_field_radio label:hover { background-color: rgba(var(--orange), 1); border-color: rgba(var(--orange), 1); color: #fff!important; cursor:pointer; } /* Button styles when checked. */ .da_checkbox_radio_button .et_pb_contact_field_radio input[type=radio]:checked + label, .da_checkbox_radio_button .et_pb_contact_field_checkbox input[type=checkbox]:checked + label { color: #fff; background: rgba(var(--orange), 1); border-color: rgba(var(--orange), 1); } /*add labels above the form input fields*/ .da_checkbox_radio_button .et_pb_contact_form label.et_pb_contact_form_label { display: block !important; font-weight: bold; font-family: "fira sans"; text-transform: capitalize; color: rgba(var(--black), 1); font-size: 17px; margin-bottom: 10px; } /*hide the extra label*/ .da_checkbox_radio_button .et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title { display: none; } /*make placehold text same color as field background*/ .da_checkbox_radio_button .et_pb_contact_form ::-webkit-input-placeholder { color: transparent !important; } .da_checkbox_radio_button .et_pb_contact_form.my_contact :-moz-placeholder { color: transparent !important; } .da_checkbox_radio_button .et_pb_contact_form ::-moz-placeholder { color: transparent!important; } .da_checkbox_radio_button .et_pb_contact_form :-ms-input-placeholder { color: transparent!important; } /* *******========= * {faq style 1 and 2 page css} * =======************** */ .metan-faq-s1 .et_pb_toggle{border:none; padding:0; margin-bottom:0!important;} .metan-faq-s1 .et_pb_toggle h5{ padding:0;border:none; border-radius:0; position:relative} .metan-faq-s1 .et_pb_toggle .et_pb_toggle_title{ display: block; margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; padding: 15px 20px 15px 60px !important; margin: 0; background: #fff; font-size: 18px; font-weight: 700; letter-spacing: 1px; color: rgba(var(--black), 1); border: 1px solid rgba(var(--black), 1); border-radius: 0; position: relative; } .metan-faq-s1 .et_pb_toggle_open h5{ margin-bottom:20px;} .metan-faq-s1 .et_pb_toggle_close h5::before, .metan-faq-s1 .et_pb_toggle h5:before{font-size:30px; right:auto; left:0} .metan-faq-s1 .et_pb_toggle_title::before{ font-weight: 900; width: 30px; height: 30px; line-height: 30px; background: rgba(var(--orange), 1); border-radius: 5px; border: 1px solid rgba(var(--black), 1); text-align: center; font-size: 20px; color: #fff; position: absolute; left: -20px !important; transition: all 0.3s ease 0s; } .metan-faq-s1 .et_pb_toggle_close h5:before{content:'\45'} .metan-faq-s1 .et_pb_toggle_open h5:before{content:"\43"!important; display:block!important} .metan-faq-s1 .et_pb_toggle_open h5{ color:df8d12!important; padding-top:0!important; padding-bottom:0!important} .metan-faq-s1 .et_pb_toggle_content{ padding: 20px; margin: 0 30px; border-bottom: 2px dashedrgba(var(--black), 1); background: #fff; border-top: none; border-left: 2px dashed rgba(var(--black), 1); border-right: 2px dashed rgba(var(--black), 1); font-size: 15px; color: rgba(var(--black), 1)!important; line-height: 28px; letter-spacing: 1px;} .metan-faq-s1 .et_pb_toggle_content p{ font-size: 15px; color: rgba(var(--black), 1); letter-spacing:0px; line-height: 28px;} @media only screen and (max-width: 480px) { .metan-faq-s1 .et_pb_toggle_content{ font-size: 14px; line-height: 22px; margin: 0 10px;} } /* **{{{{{{{{{{{{{{{{{faq Tabs}}}}}}}}}}}}}}** */ .tabsfaq .single-tabfaq { /* Width is calculated for 6 tabs (100/6 = 16.6666666667). If you'll use more or less tabs just divide 100 with number of tabs and replace 16% in every line) */ -ms-flex: 0 0 16.6666666667%; -webkit-box-flex: 0; flex: 0 0 16.6666666667%; max-width: calc(16.6666666667% - 10px); text-align: center; margin-right: 5px; margin-left: 5px; margin-bottom: 0 !important; cursor: pointer; } .tabsfaq .single-tabfaq:hover, .tabsfaq .single-tabfaq.current { /* Set tab background color for hover and active state */ background: rgba(var(--orange), 1); } .tabsfaq .single-tabfaq:hover h4, .tabsfaq .single-tabfaq.current h4 { color: #fff!important; } .tabsfaq .single-tabfaq:hover .et-pb-icon, .tabsfaq .single-tabfaq.current .et-pb-icon { /* Set icon color for hover and active tab state */ color: rgba(var(--black), 1) !important; } .tab_contentfaq .tabs_itemfaq { display: none; } .tab_contentfaq .tabs_itemfaq:first-child, .et-fb-root-ancestor .tab_contentfaq .tabs_itemfaq { display: block; } @media only screen and (max-width: 768px) { .kh-feature-content.text-left { order: 2; } .kh-feature-image.text-left { order: 1; padding-bottom: 35px; } .kh-feature-text ul li { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .tabsfaq .single-tabfaq { -ms-flex: 0 0 50%; /* Two tabs in a row on mobile */ -webkit-box-flex: 0; flex: 0 0 50%; max-width: calc(50% - 10px); margin-top: 10px; } } @media only screen and (min-width: 768px) and (max-width: 980px) { .tabsfaq .single-tabfaq { -ms-flex: 0 0 33.333333%; /* Three tabs in a row on tablet */ -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: calc(33.333333% - 10px); margin-top: 10px; } } /***********========== * {Sidebar project Menu} ================**************/ /*remove default 11px padding on each side of list items*/ .da-os-sub-vertical-menu .et-menu > li { padding-left: 0px; padding-right: 0px; } .da-os-sub-vertical-menu .et_pb_menu__menu nav ul li { display: block; width: 100%; margin: 10px 0; } .da-os-sub-vertical-menu .et_pb_menu__menu nav ul li a { padding: 20px!important; background: #f0f3f6; border-radius: 6px; border: 2px solid #f0f3f6; color:rgba(var(--black), 1); } .da-os-sub-vertical-menu .et_pb_menu__menu nav ul li a:hover { opacity: 1!important; color: #ffffff; background: rgba(var(--orange), 1); border-color: rgba(var(--orange), 1); } /*style the active menu item*/ .da-os-sub-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a { opacity: 1!important; color: #ffffff; background: rgba(var(--orange), 1); border-color: rgba(var(--orange), 1); } /*style the arrow icon if there are submenus*/ .da-os-sub-vertical-menu .et_pb_menu__menu .menu-item-has-children>a:first-child:after { content: "\35" !important; padding: 20px; font-size: 24px; } /*style the arrow icon if there are submenus to submenus*/ .da-os-sub-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after { padding: 8px !important; right: 0px !important; } .da-os-sub-vertical-menu .et_pb_menu__menu nav ul li ul { top: 0!important; } .da-os-sub-vertical-menu .et_pb_menu__menu nav li ul { left: 100%!important; } /*add an icon to the left of each menu item link*/ .da-os-sub-vertical-menu ul li a:before { font-family: 'ETMODULES'; content: '\24'; text-align: center; vertical-align: middle; margin-right: 8px; margin-left: 0px; color: rgba(var(--orange), 1); font-size: 1.3em; transition: all .75s ease; } .da-os-sub-vertical-menu ul li a:hover:before { margin-left: 7px; color: white!important; transition: all .75s ease; } /*style the active menu item icon*/ .da-os-sub-vertical-menu ul li.current-menu-item a:before { margin-left: 7px; color: #ffffff!important; } @media (max-width: 980px) { .et-db #et-boc .et-l .da-os-sub-vertical-menu .et_pb_menu__menu { display: flex; } .et-db #et-boc .et-l .da-os-sub-vertical-menu .et_mobile_nav_menu { display: none; }} /* **============= * {Portfolio Grid View 01 and home page 13} * ================** */ /*portfolio*/ .web-portfolio .et_pb_portfolio_item .et_portfolio_image{ position:relative; display:block; } .web-portfolio .et_pb_portfolio_item .et_portfolio_image:before{ position:absolute; top:0;left:0; width:100%; height:100%; text-align:center; content:""; background-color:rgba(0,0,0,0.5); border-radius:50%;z-index:1; opacity:0; transition:all .5s ease 0s;} .web-portfolio .et_pb_portfolio_item .et_portfolio_image:before{ border:0; border-radius:inherit; transform:scaleX(0)} .web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:before{ transform:scaleX(1); opacity:1;} .web-portfolio .et_pb_portfolio_item .et_portfolio_image:after{ background-color:#fff; border-radius:50%; bottom:0; color:rgba(var(--orange), 1); content:"\30"; font-family:ETmodules!important; font-size:18px; height:60px; left:0; line-height:60px; margin:auto; position:absolute; right:0; text-align:center; top:0;transform:scale(3); transition:all .5s ease 0s;width:60px; opacity:0; z-index:2;} .web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:after{ transform:scale(1); opacity:1} .web-portfolio .et_pb_portfolio_item .et_portfolio_image .et_overlay{background-color:transparent; border:none;} .web-portfolio .et_pb_portfolio_item .et_portfolio_image .et_overlay:before{ display:none;} .web-portfolio .et_pb_portfolio_item .et_pb_module_header{bottom:auto!important; top:15px; padding:10px!important; font-size:15px;} .web-portfolio .et_pb_portfolio_item .et_pb_module_header, .web-portfolio .et_pb_portfolio_item .post-meta{background:rgba(var(--orange), 1); padding:0 30px; position:absolute; color:#fff; bottom:15px; left:-100%; z-index:1; transition:all .3s ease .2s;} .web-portfolio .et_pb_portfolio_item .et_portfolio_image img{ width:100%; height:auto; transform:scale(1); transition:all 2s ease 0s;} .web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image img{ transform:scale(1.2);} .web-portfolio .et_pb_portfolio_item .post-meta, .web-portfolio .et_pb_portfolio_item .post-meta a{color:#fff;} .web-portfolio .et_pb_portfolio_item:hover .et_pb_module_header, .web-portfolio .et_pb_portfolio_item:hover .post-meta{left:0;} .web-portfolio .et_pb_portfolio_item{overflow:hidden; position:relative;} .web-portfolio .et_pb_portfolio_item .post-meta{background:rgba(var(--orange), 1);} @media only screen and (min-width:981px){.web-portfolio .et_pb_portfolio_filters ul{ text-align:center;} .web-portfolio .et_pb_portfolio_filters ul li{ display:inline-block; float:none!important; margin-left:10px;}} .web-portfolio .et_pb_portfolio_filters li a.active{ background-color:rgba(var(--black), 1)!important; color:#fff!important} .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{ text-transform:uppercase; letter-spacing:1px; font-size:15px; color:rgba(var(--black), 1)!important;} .web-portfolio .et_pb_portfolio_filters li a:hover{ background-color:rgba(var(--orange), 1)!important; color:#fff!important;} @media only screen and (min-width:981px){.web-portfolio .et_pb_portfolio_filters ul{text-align:center;} .web-portfolio .et_pb_portfolio_filters ul li{display:inline-block;float:none!important;margin-left:10px}} /* filter and pagination */ .et_pb_portofolio_pagination ul li a { border: 2px solid #f9f9f9; margin: -2px -2px 0 0; background-color: #fff; -webkit-transition: all 0.65s ease; -o-transition: all 0.65s ease; transition: all 0.65s ease; } .et_pb_portofolio_pagination { text-align: center; border-top: none; margin-top: 40px; } .et_pb_portofolio_pagination ul { display: inline-block; box-shadow: 0 0 55px 2px rgba(110,130,208,0.3); } .et_pb_portofolio_pagination ul li { padding: 0; } .et_pb_portofolio_pagination ul li a { padding: 20px 25px; } /* **============= * {Portfolio Grid View 02} * ================** */ .da_portfolio_home1 .da_portfolio_home1_content{ position:absolute; bottom:0; padding:0px 30px 30px 30px; left:0%; right:0;} .da_portfolio_home1 .project{ position:relative;} .da_portfolio_home1 .project .et_portfolio_image img{ height: 215px; object-fit:cover; border-radius:10px;} .da_portfolio_home1 .project .et_portfolio_image:after{ transition:background 0.8s, border-radius 0.3s, opacity 0.8s;border-radius:15px; background-color:transparent; background-image:linear-gradient( 180deg, #FFFFFF00 20%, #001730 100%); opacity:0.9; height:100%; width:100%; top:0; left:0; position:absolute; content:'';} .da_portfolio_home1 .post-meta{ padding-left: 0px!important; } @media only screen and (max-width:767px){ .da_portfolio_home1 .alignleft{ text-align:center;float:none;}} /* ********************* * {Portfolio Grid View 03 and home page 8} * ************************** */ .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item{ text-align:center; overflow:hidden; perspective:300px; position:relative;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .et_portfolio_image:before{ content:""; width:100%; height:100%; background:rgba(0,24,48,0.59); position:absolute; top:-100%; left:0; z-index:1; transition:all .4s ease 0s;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item:hover .et_portfolio_image:before{ top:0;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .et_portfolio_image{margin-bottom:0;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .et_portfolio_image img{width:100%; height:auto; transform:scale(1.1); transition:all .3s ease 0s;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item:hover .et_portfolio_image img{ transform:scale(1);} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .post-meta{ background:rgba(var(--orange), 1); position:absolute; bottom:0; left:50%; opacity:0; z-index:2; display:inline; padding:5px; font-style:italic; transform:translateX(-50%) rotateX(90deg); transform-origin:bottom; transition:all .4s ease 0s; width: 100%!important;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item:hover .post-meta{opacity:1; transform:translateX(-50%) rotateX(0)} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .post-meta a{ color:#fff; display:inline!important; width:100%;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .et_pb_module_header{ width:100%; background:rgba(var(--orange), 1); position:absolute; bottom:18px; left:50%; opacity:0; z-index:2; font-size:16px; padding:20px; color:#fff; text-transform:uppercase; transform:translateX(-50%) rotateX(90deg); transform-origin:bottom; transition:all .4s ease 0s;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item:hover .et_pb_module_header{ opacity:1;transform:translateX(-50%) rotateX(0)} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .et_pb_module_header a{display:block; width:100%;} /* ======================= Responsive=========================*/ @media only screen and (min-width:768px){.et_pb_portfolio_auto_portfolio .et_pb_portfolio_filters ul{ text-align:center; }.et_pb_portfolio_auto_portfolio .et_pb_portfolio_filters ul li{display:inline-block; float:none!important; margin-left:10px; }} @media only screen and (max-width:768px){ .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .post-meta{ background:rgba(var(--orange), 1); position:absolute; bottom:0; left:50%; opacity:1!important; z-index:2; display:inline-block; padding:5px; font-style:italic; transform:translateX(-50%) rotateX(0deg)!important; transform-origin:bottom; transition:all .4s ease 0s; width: 100%!important;} .et_pb_portfolio_auto_portfolio .et_pb_portfolio_item .et_pb_module_header{ width:100%; background:rgba(var(--orange), 1); position:absolute; bottom:18px; left:50%; opacity:1!important; z-index:2; font-size:20px; padding:20px; color:#fff; text-transform:uppercase; transform:translateX(-50%) rotateX(0deg)!important; transform-origin:bottom; transition:all .4s ease 0s;} } /* **============= * {Portfolio Grid View 04 and home page 9} * ================** */ #agency-portfolio .et_pb_text_inner h2 { position: relative; } #agency-portfolio .et_pb_portfolio_item { position: relative; float: left; width: 31%!important; height: 469px; margin-right: 2%; margin-bottom: 2%!important; } #agency-portfolio .et_pb_portfolio_item .et_portfolio_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #agency-portfolio .et_pb_portfolio_item .et_portfolio_image::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(251,130,34,0.63); opacity: 0; transition: .3s; } #agency-portfolio .et_pb_portfolio_item img { height: 100%; width: 100%; object-fit: cover; object-position: 100% 100%; } #agency-portfolio .et_pb_portfolio_item:last-child { margin-right: 0; } #agency-portfolio .et_pb_portfolio_item .et_pb_module_header { position: absolute; bottom:57px; left: 0px; width: 100; padding: 20px; color: #fff; font-weight: 700; opacity: 1; transition: .3s; z-index: 99; } #agency-portfolio .et_pb_portfolio_item .post-meta { position: absolute; left: 0px; bottom: 0px; padding: 20px; width: 100%; z-index: 99; } #agency-portfolio .et_pb_portfolio_item .post-meta a { color: #fff; } #agency-portfolio .et_pb_portfolio_item:hover .et_pb_module_header { top: 0; transform: translateY(15px); opacity: 1; } #agency-portfolio .et_pb_portfolio_item:hover .et_portfolio_image::before { opacity: 1; } #agency-portfolio .et_pb_portfolio_filters { margin-bottom: 0px; } #agency-portfolio .et_pb_portfolio_filters ul { position: relative; bottom: 110px; float: right; width: 50%; } #agency-portfolio .et_pb_portfolio_filters ul li a { border: none !important; font-weight: 500; font-size: 14px!important; color: #fff!important; background: rgba(var(--black), 1)!important; padding: 15px!important; } #agency-portfolio .et_pb_portfolio_filters ul li a:hover { background: rgba(var(--orange), 1)!important; color: #fff!important; } #agency-portfolio .et_pb_portfolio_filters ul li a.active { background: rgba(var(--orange), 1)!important; color: #fff!important; } #agency-portfolio .et_pb_portfolio_item::before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);} @media (max-width: 768x){ .agency-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters ul { width: 100%; display: flex; overflow: scroll; }} @media screen and (max-width: 640px) { #agency-portfolio .et_pb_portfolio_filters ul { position: static; float: none; width: 100%; margin-bottom: 20px; } #agency-portfolio .et_pb_portfolio_item { width: 90%!important; margin: 0 auto !important; margin-bottom: 5% !important; float: none; max-height: 360px;}} @media screen and (max-width: 768px) { #agency-portfolio .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: auto!important; display: block!important; }} @media screen and (min-width: 641px) and (max-width: 1024px) { #agency-portfolio .et_pb_portfolio_item { position: relative; float: left; width: 45%!important; height: 360px; margin-right: 2%; margin-bottom: 2%!important; } } /* **============= * {Portfolio Carousel and home page 12} * ================** */ .da-portfolio-carousel .et_pb_portfolio_filters li a:hover { background:rgba(var(--orange), 1); color:#fff !important;} .da-portfolio-carousel .et_pb_portfolio_item { overflow:hidden; position:relative} .da-portfolio-carousel .et_pb_portfolio_item .et_portfolio_image img{width:100%;} .da-portfolio-carousel .et_pb_portfolio_item:hover .post-meta, .da-portfolio-carousel .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay{ opacity:1 !important;} .da-portfolio-carousel .et_pb_portfolio_item .post-meta a { top:20px; transition:top .5s ease 0s, opacity .1s ease-in-out 0s; padding-top: 20px!important} .dct_pfl_1 .et_pb_portfolio_item:hover .et_pb_module_header { opacity:1} .da-portfolio-carousel .et_pb_portfolio_item .post-meta a:after, .da-portfolio-carousel .et_pb_portfolio_item .meta .post-meta:after{ content:""; border-bottom:2px solid rgba(var(--orange), 1); position:absolute; top:50px; left:35%; border-radius:2px; width:40%; transform:rotateX(-180deg); transition:width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s} .da-portfolio-carousel .et_pb_portfolio_item:hover .post-meta a:after, .da-portfolio-carousel .et_pb_portfolio_item:hover .meta .post-meta:after{ transform:rotate(180deg); transition-delay:.3s} .da-portfolio-carousel .et_pb_portfolio_item:hover .post-meta a, .da-portfolio-carousel .et_pb_portfolio_item:hover .meta .post-meta{ top:45%} .da-portfolio-carousel .et_pb_portfolio_item .et_pb_portfolio_image{ position:relative; overflow:hidden;} .da-portfolio-carousel .et_pb_portfolio_item .et_pb_portfolio_image img{ width: 100%; height: auto; transform: scale(1,1); transition: transform .5s linear;} .da-portfolio-carousel .et_pb_portfolio_item:hover .et_pb_portfolio_image img{ transform: scale(1.1,1.1)!important;} /* **=================== * {{pricing table page 1 and home page 1 table css}} * ==================** */ .metan_switch_btn_1, .metan_switch_btn_2 { min-width: 120px; text-align: center; } .metan_pricing { opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; -o-transition: opacity 0.4s ease, transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; } .metan_pricing.metan_active { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; -o-transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease; } .metan_pricing_1 { visibility: hidden; } .metan_pricing_1.metan_active { visibility: visible; } .metan_pricing_1.metan_active .et_pb_pricing_table { z-index: 1; } .metan_pricing_1.metan_active .et_pb_featured_table { z-index: 11; } .metan_pricing_2, .metan_pricing_2.et_hover_enabled:hover { position: absolute; top: 0; width: 100%; visibility: hidden; } .metan_pricing_2.metan_active { z-index: 10; visibility: visible; } @media (max-width: 980px){ .metan_pricing_switch_row .et_pb_column { width: 50% !important; }} /* set switch button-1 active background color */ body #page-container .et_pb_button.metan_switch_btn_1.metan_active, body #page-container .et_pb_button.metan_switch_btn_1.metan_active:hover { background-color: rgba(var(--black), 1) !important; color: #ffffff !important; } /* set switch button-2 active background color */ body #page-container .et_pb_button.metan_switch_btn_2.metan_active, body #page-container .et_pb_button.metan_switch_btn_2.metan_active:hover { background-color: rgba(var(--orange), 1) !important; color: #ffffff !important; } .metan_pricing .et_pb_pricing_heading { background-color: rgba(0,0,0,0); } .metan_pricing .et_pb_featured_table .et_pb_pricing_content_top, .metan_pricing .et_pb_pricing_content_top { border-bottom: 0px; } .metan_pricing .et_pb_pricing_content { padding: 30px 45px; } .metan_pricing .et_pb_pricing li > span:before { position: absolute; margin-left: -1em; font-family: ETmodules!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; text-shadow: none; font-weight: 400; font-style: normal; font-variant: none; top: 3px; left: -10px; border-width: 0; } /* set list item icon for available items */ .metan_pricing .et_pb_pricing li > span:before { content: "\4e"; } /* set list item icon for not available items */ .metan_pricing .et_pb_pricing li.et_pb_not_available > span:before { content: "\4d"; } .et-fb .metan_pricing { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .et-fb .metan_pricing_2 { visibility: visible; } /* *********=========== * {Team style 01} * =================*********** */ #person-style-4 .et_pb_team_member { position: relative !important; margin-bottom: 120px; } #person-style-4 .et_pb_team_member .et_pb_team_member_image, #person-style-4 .et_pb_team_member .et_pb_team_member_image img { width: 100% !important; max-width: 100% !important; } #person-style-4 .et_pb_team_member img { width: 100%; } #person-style-4 .et_pb_team_member .et_pb_team_member_image { margin: 0; } #person-style-4 .et_pb_team_member .et_pb_team_member_description { background-color: #fff; padding: 20px 20px 20px; box-shadow: 10px 17px 38px 0 rgba(110, 130, 208, 0.3); bottom: -70px; width: 90%; margin: 0 auto; position: absolute; left: 0; right: 0; } #person-style-4 .et_pb_team_member .team-desc { position: relative; transform: scaleY(0); opacity: 0; visibility: hidden; transition: all 0.5s; max-height: 0; } #person-style-4 .et_pb_team_member:hover .et_pb_team_member_description .team-desc { max-height: 400px; transform: scaleY(1); opacity: 1; margin-top: 10px; padding: 20px 0 20px; visibility: visible; } #person-style-4 .et_pb_team_member .team-desc::before { content: ''; position: absolute; z-index: 1; background: #fa8023; top: 0; left: 40%; width: 50px; height: 4px; right: 0; } /* *****************================ * {Team style 02} * ============****************** */ /* highly experienced legal tem */ #team2-person-style-5 .et_pb_team_member { position: relative !important; } #team2-person-style-5 .et_pb_team_member .et_pb_team_member_image, #team2-person-style-5 .et_pb_team_member .et_pb_team_member_image img { width: 100% !important; max-width: 100% !important; } #team2-person-style-5 .et_pb_team_member img { width: 100%; } #team2-person-style-5 .et_pb_team_member .et_pb_team_member_image { margin: 0; overflow: hidden; } #team2-person-style-5 .et_pb_team_member .et_pb_team_member_description { padding: 15px; background: #fff; position: absolute; bottom: 0; left: 0; text-align: left; transition: all ease-in-out 0.5s; border-radius: 0 10px 0 0; width: 80%; } #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links { position: absolute; top: 0%; left: 62%; width: 150% !important; transform: translate(-50%,-50%); z-index: 1; opacity: 0; transition: all ease-in-out 0.5s; margin-top: 0; display: block; right: 62%; text-align: center; } #team2-person-style-5 .et_pb_team_member:hover .et_pb_member_social_links { opacity: 1; top: -90%; } #team2-person-style-5 .et_pb_team_member .et_pb_team_member_image::after { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; transition: all ease-in-out 0.5s; content: ''; opacity: 0.8; background: linear-gradient(to top, #fb8122 0%, rgba(110,130,208,.30) 100%); } #team2-person-style-5 .et_pb_team_member:hover .et_pb_team_member_image::after { bottom: 100%; top: 0%!important; } #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links li { margin: 0 5px; transition: all ease-in-out 0.5s; font-size: 20px; background: #fff; height: 40px; width: 40px; line-height: 2; border-radius: 10px; display: inline-block; } #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links li a { text-align: center; display: block; padding-top: 5px; } #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links li:hover { transform: scale(1.2); } @media screen and (max-width: 980px) { #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links { transform: translate(-28%,-50%); }} @media screen and (max-width: 767px) { #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links { transform: translate(0%,-50%); }} @media screen and (max-width: 640px){ #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links { transform: translate(15%,-50%); }} @media screen and (max-width: 640px){ #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links { transform: translate(-15%,-50%); }} @media screen and (max-width: 640px){ #team2-person-style-5 .et_pb_team_member .et_pb_member_social_links { transform: translate(-50%,-50%); }} /* *************============Team style 03=========**************** */ /*our team section*/ .team3-da-our-team-style-5{ text-align: center; background: #f1f5f8; border-radius: 353px 353px 100px 100px; transition: all 0.3s ease 0s; } .team3-da-our-team-style-5:hover{ background: rgba(var(--orange), 1); } .team3-da-our-team-style-5 .et_pb_team_member_image{ overflow: hidden; position: relative; border-radius: 50%; } .team3-da-our-team-style-5 .et_pb_team_member_image:before{ content: ""; width: 100%; height: 100%; background: rgba(var(--black), 1); border-radius: 50%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s ease 0s; } .team3-da-our-team-style-5:hover .et_pb_team_member_image:before{ opacity: 0.5; } .team3-da-our-team-style-5 .et_pb_team_member_image img{ width: 100%; height: auto; } .team3-da-our-team-style-5 .et_pb_team_member_description{ padding: 30px 0; } .team3-da-our-team-style-5 .et_pb_team_member_description .et_pb_module_header{ font-size: 20px; font-weight: bold; line-height: 30px; color: #000!important; margin: 0; } .team3-da-our-team-style-5:hover .et_pb_team_member_description .et_pb_module_header { font-size: 20px; font-weight: bold; line-height: 30px; color: #fff!important; margin: 0; } .team3-da-our-team-style-5:hover .et_pb_team_member_description .et_pb_member_position { display: block; font-size: 16px; color: #FFF; margin-bottom: 16px; } .team3-da-our-team-style-5 .et_pb_team_member_description .et_pb_member_position{ display: block; font-size: 16px; color: #000; margin-bottom: 16px; } .team3-da-our-team-style-5 .et_pb_member_social_links{ padding: 0; margin: 0; list-style: none; } .team3-da-our-team-style-5 .et_pb_member_social_links li{ display: inline-block; margin-right: 10px; } .team3-da-our-team-style-5 .et_pb_member_social_links li:last-child{ margin-right: 0; } .team3-da-our-team-style-5 .et_pb_member_social_links a{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; color: #fff; background:rgba(var(--black), 1); line-height: 40px; transition: all 0.3s ease 0s; } .team3-da-our-team-style-5 .et_pb_member_social_links a:hover{ background: #f1f5f8; color: rgba(var(--black), 1); } @media only screen and (max-width: 990px){ .team3-da-our-team-style-5{ margin-bottom: 30px; }} /* **================ * {Team style 04} * ================** */ #person-style-2 .et_pb_team_member .et_pb_team_member_image, #person-style-2 .et_pb_team_member .et_pb_team_member_image img { width: 100% !important; max-width: 100% !important; } #person-style-2 .et_pb_team_member { position: relative !important; overflow: hidden; } #person-style-2 .et_pb_team_member .et_pb_team_member_image { margin-bottom: 0px !important; } #person-style-2 .et_pb_team_member .et_pb_module_header { padding-bottom: 5px !important; } #person-style-2 .et_pb_team_member .et_pb_team_member_description { padding: 20px 0px 10px; position: absolute; width: 100%; bottom: -70px; background-color: #fff; transition: all 0.2s ease-in-out; } #person-style-2 .et_pb_team_member .et_pb_team_member_description::before { content: ''; position: absolute; bottom: 100%; height: 65px; width: 100%; background: linear-gradient(170deg, transparent 50%, #fff 50%); left: 0; transition: all 0.2s ease-in-out; } #person-style-2 .et_pb_team_member .et_pb_member_social_links { padding: 20px 0; opacity: 0; color: #fff; border-top: 1px solid; width: 75%; margin: 20px auto 0; transition: all 0.2s ease-in-out; } #person-style-2 .et_pb_team_member .et_pb_font_icon { color: #fff; } #person-style-2 .et_pb_team_member .et_pb_member_position #person-style-2 .et_pb_team_member .et_pb_module_header { transition: all 0.2s ease-in-out; } #person-style-2 .et_pb_team_member:hover .et_pb_team_member_description { bottom: 0; background-color: rgba(var(--orange), 1); } #person-style-2 .et_pb_team_member:hover .et_pb_team_member_description::before { background: linear-gradient(170deg, transparent 50%, #fb8122 50%); } #person-style-2 .et_pb_team_member:hover .et_pb_member_social_links { opacity: 1; } #person-style-2 .et_pb_team_member:hover .et_pb_member_position, #person-style-2 .et_pb_team_member:hover .et_pb_module_header { color: #fff !important; } /* **======================== * Testimonial style 1 and home page 1 css * =================================** */ /* Testimonials Slider Section(Yellow) */ /* set slider row overflow to hidden */ .dvcs_testimonial_slider_row_y_f { overflow: hidden; } /* set the testimonials column width */ .dvcs_testimonials_col_y_f { width: calc(100% - 70px) !important; } /* set the buttons(blurbs) column width */ .dvcs_buttons_col_y_f { width: 70px !important;} /* position next and previous slider buttons */ .dvcs_buttons_col_y_f { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} /* non-visible testimonials */ .dvcs_testimonial_y_f { position: absolute; top: 0; z-index: 0; opacity: 0;} /* active(current) testimonial */ .dvcs_testimonial_y_f.dvcs_current_y_f { position: relative; z-index: 1; opacity: 1;} /* quote icon */ .dvcs_testimonial_y_f:before { z-index: 0; top: 25px; left: 230px; font-size: 40px; content: "\7b";} /* set width and height of slider buttons */ .dvcs_slider_button_y_f { width: 50px; height: 50px;} /* remove slider button(blurb) padding-left */ .et_pb_blurb_position_left.dvcs_slider_button_y_f .et_pb_blurb_container { padding-left: 0; } /* adjust row and column widths on mobile */ @media all and (max-width: 980px){ .dvcs_testimonial_slider_row_y_f { display: -webkit-box; display: -ms-flexbox; display: flex; width: 95% !important; } .dvcs_testimonials_col_y_f { width: 100% !important; } .dvcs_buttons_col_y_f { width: 0px !important; }} /* adjust quote icon positioning on phone */ @media all and (max-width: 767px){ .dvcs_testimonial_y_f:before { top: 185px; left: 35px; } } /* Slide Animations */ .dvcs_next_in_y_f { opacity: 1; -webkit-animation: fadeInTop 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeInTop 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); } /* apply OUT-animation to next testimonial */ .dvcs_next_out_y_f { opacity: 0; -webkit-animation: fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } /* apply IN-animation to previous testimonial */ .dvcs_prev_in_y_f { opacity: 1; -webkit-animation: fadeInBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeInBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); } /* apply OUT-animation to previous testimonial */ .dvcs_prev_out_y_f { opacity: 0; -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .et-fb .dvcs_testimonial_y_f { z-index: 1; opacity: 1; } /******************************/ /*******testimonial non slider only in testimonial 1 page css*****/ /* testimonial */ #testimonial-style79 .et_pb_team_member_image img { border-radius: 115px; width: 45%; } #testimonial-style79 .et_pb_module { border-radius: 10px; padding: 30px; } #testimonial-style79 .et_pb_team_member_description .et_pb_module_header { position: absolute; top: -60px; color: #fa8023; text-transform: uppercase; left: -100px; right: 0; margin: 0 auto; text-align: center; } #testimonial-style79 .et_pb_team_member_image { position: absolute; left: 0; top: -45px; } #testimonial-style79 .et_pb_team_member_description .et_pb_member_position { position: absolute; right: 0; left: -90px; top: -40px; color: #001730; } #testimonial-style79 .et_pb_module { border-radius: 10px; padding: 70px 50px 40px; } #testimonial-style79 .et_pb_team_member_description p:not(.has-background):last-of-type::after { content: "\7b"; z-index: 9; font-family: ETmodules !important; position: absolute; color: #fa8023; font-size: 40px !important; top: 0px; right: -30px; } @media screen and (max-width:980px){ #testimonial-style79 .et_pb_column_1_3 { max-width: 480px; width: 100%; display: block; margin: 0 auto; float: none; } #testimonial-style79 .et_pb_column_1_3:last-child { margin: 0 auto !important; } #testimonial-style79 .et_pb_module{ margin-top: 100px; } #testimonial-style79 .et_pb_column_1_3:first-child .et_pb_module { margin-top: 70px; } #testimonial-style79 .et_pb_team_member_image{ top: -70px; right: 0; display: block; margin: 0 auto; text-align: center; } #testimonial-style79 .et_pb_team_member_description { display: block; text-align: center; } #testimonial-style79 .et_pb_team_member_description .et_pb_module_header{ position: relative; top: 0; left: 0; } #testimonial-style79 .et_pb_team_member_description .et_pb_member_position { position: relative; left: 0; top: 0; color: #001730; } #testimonial-style79.et_pb_section .et_pb_row, #testimonial-style79.et_pb_section.et_section_specialty .et_pb_row { max-width: 1080px !important; width: 80%; }} @media screen and (max-width:767px){ #testimonial-style79 .et_pb_team_member { max-width: 100%; padding-top: 90px; }} @media screen and (max-width:440px){ #testimonial-style79.et_pb_section .et_pb_row, #testimonial-style79.et_pb_section.et_section_specialty .et_pb_row { max-width: 1080px !important; width: 90%; }} /********** Testimonial Style***************/ .et_pb_testimonial_hover{background-color:#fff;border: 1px solid rgba(var(--orange), 1) ;z-index:99999;} .et_pb_testimonial_hover:before{display:none;} .et_pb_testimonial_hover,.et_pb_testimonial_hover:after{-moz-transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;} .et_pb_testimonial_hover:after{-webkit-border-bottom-right-radius: 100%; -moz-border-bottom-right-radius: 100%; border-bottom-right-radius: 100%; content: ""; height: 50px; left: 0; z-index:-1; position: absolute; top: 0; background: rgba(var(--orange), 1) ; width: 50px; visibility: visible;} .et_pb_testimonial_hover:hover:after{-moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; height: 100%; right: 0; width: 100%; opacity: .3;} .et_pb_testimonial_hover.et_pb_testimonial_description_inner{text-align: center; font-weight: 300; line-height: 27px;} .et_pb_testimonial_hover .et_pb_testimonial_description_inner .et_pb_testimonial_author{font-size: 18px; text-transform: uppercase; margin-bottom: 10px; color: rgba(var(--orange), 1) ; font-weight: 900;} .et_pb_testimonial_hover .et_pb_testimonial_description_inner .et_pb_testimonial_author:after{content: ""; display: block; width: 40px; height: 3px; margin: 0 auto; position: relative; top: 4px; background: rgba(var(--orange), 1) ; transition: all 0.3s ease-in-out 0s;} .et_pb_testimonial_hover:hover .et_pb_testimonial_description_inner .et_pb_testimonial_author:after{width: 70px;} @media only screen and (min-width: 768px) and (max-width: 980px) { .et_pb_testimonial_hover{max-width: 550px;margin: 0 auto;} .et_pb_testimonial_hover .et_pb_testimonial_portrait{float: none;margin: 0 auto;margin-bottom: 20px;} .et_pb_testimonial_hover .et_pb_testimonial_description{margin-left: 0 !important;} } /* **************========== * {Testimonial style 2 testimonial slider home 2} * ============****************** */ /*testimonial slider home 2*/ .dvcs_testimonial_f .et_pb_testimonial_author { color: #ff0000; font-size: 18px; } .dvcs_testimonial_slider_row_f { overflow: hidden; } .dvcs_slider_center_col_f { width: calc(100% - 140px) !important; } .dvcs_left_button_column_f, .dvcs_right_button_column_f { width: 70px !important; } .dvcs_left_button_column_f, .dvcs_right_button_column_f { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dvcs_left_button_column_f { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 10; } .dvcs_right_button_column_f { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .dvcs_testimonial_f { position: absolute; top: 0; z-index: 0; opacity: 0; } .dvcs_testimonial_f.dvcs_current_f { position: relative; z-index: 1; opacity: 1; } .dvcs_testimonial_f:before { z-index: 0; top: 20px; left: 160px; font-size: 140px; content: "\7b"; } .et_pb_blurb_position_left.dvcs_slider_button_f .et_pb_blurb_container { padding-left: 0; } /* adjust row and column widths on mobile */ @media all and (max-width: 980px){ .dvcs_testimonial_slider_row_f { display: -webkit-box; display: -ms-flexbox; display: flex; width: 95% !important; } .dvcs_slider_center_col_f { width: calc(100% - 70px) !important; } .dvcs_left_button_column_f, .dvcs_right_button_column_f { width: 35px !important; }} /* adjust quote icon positioning on phone */ @media all and (max-width: 767px){ .dvcs_testimonial_f:before { top: 140px; left: 10px; }} .dvcs_next_in_f { opacity: 1; -webkit-animation: fadeInRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeInRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); } .dvcs_next_out_f { opacity: 0; -webkit-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .dvcs_prev_in_f { opacity: 1; -webkit-animation: fadeInLeft 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeInLeft 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); } .dvcs_prev_out_f { opacity: 0; -webkit-animation: fadeOutLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeOutLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } .et-fb .dvcs_testimonial_f { z-index: 1; opacity: 1; } .et-fb .dvcs_left_button_column_f { z-index: 30 !important; } /*******testimonial non slider only in testimonial 2 page css*****/ /* testimonial */ .dp_testimonial_style3 .et_pb_column:hover:before{color:rgba(var(--orange), 1);} .dp_testimonial_style3 .et_pb_blurb .et_pb_main_blurb_image img{border: 3px solid rgba(255,255,255,0.68); padding: 2px;border-radius: 100px;} .dp_testimonial_style3 .et_pb_column:before { position: absolute; top: 25px; right: 15px; font-family: ETmodules; content: "\7b"; font-size: 75px; line-height: 30px; z-index: 1; color: #f1f1f1; transition: all 500ms ease 0s; } /* ===== ========== * {Testimonial Style} * ================= =====*/ #et_pb_testimonial_insurance .insurance7_hover .et_pb_testimonial{ padding:0; background:0 0} #et_pb_testimonial_insurance .insurance7_hover .et_pb_testimonial:before{ content:'\7b'; top:-60px; right:0; left:auto; font-size:45px; background:#fff; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; box-shadow: 0 5px 10px rgba(110,130,208,0.3); border: solid 1px rgba(var(--orange), 1); color: rgba(var(--orange), 1);} #et_pb_testimonial_insurance .insurance7_hover:hover .et_pb_testimonial:before{ background:rgba(var(--orange), 1); color:#fff;} #et_pb_testimonial_insurance .insurance7_hover .et_pb_testimonial .et_pb_testimonial_description{ margin-left:0!important; text-align:center;} #et_pb_testimonial_insurance .insurance7_hover .et_pb_testimonial .et_pb_testimonial_description_inner{ position:relative; color:rgba(var(--black), 1); font-size:15px; line-height:1.7em; margin-top:20px; margin-bottom:10px;} #et_pb_testimonial_insurance .insurance7_hover{ position:relative; text-align:center; padding:35px 30px; background-color:#fff; -webkit-transition:all 1s ease; -moz-transition:all .1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; box-shadow:0px 2px 18px 0px rgb(110 130 208 / 17%);} #et_pb_testimonial_insurance .insurance7_hover:before{ position:absolute; content:'';left:0; bottom:0;width:0; height:5px; visibility:visible; background-color:rgba(var(--orange), 1); -webkit-transition:all 1s ease; -moz-transition:all .1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; box-sizing:border-box; border-radius: 0px 0px 100px 100px;} #et_pb_testimonial_insurance .insurance7_hover:after{ position:absolute; content:''; right:0; bottom:0;width:0; height:5px; background-color:rgba(var(--orange), 1); visibility:visible; -webkit-transition:all 1s ease; -moz-transition:all .1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease;box-sizing:border-box; transition:all 1s ease; border-radius: 0px 0px 100px 100px; } #et_pb_testimonial_insurance .insurance7_hover:hover:after,#et_pb_testimonial_insurance .insurance7_hover:hover:before{ width:100%;} /*** ============== * {Testimonial slider} * ================ ***/ .testimonial-section .et-pb-controllers a, .dotstyle-flip .et-pb-controllers a, .dotstyle-puff .et-pb-controllers a, .dotstyle-fall .et-pb-controllers a { width: 20px; height: 20px; border-radius: 50%; } /*** Small Dot with Stroke Effect ***/ .testimonial-section a.et-pb-active-control:before { content: "" !important; position: absolute; visibility: visible; opacity: 1; border: 2px solid rgba(var(--orange), 1); width: 100%; height: 100%; display: block; border-radius: 50%; top: -9px; left: -9px; padding: 7px; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); -webkit-transition: -webkit-box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .testimonial-section .et-pb-controllers a { background-color: rgba(255,255,255,0.53) !important; -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; -o-transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .testimonial-section .et-pb-controllers a:hover, .testimonial-section .et-pb-controllers a:focus, .testimonial-section .et-pb-controllers a.et-pb-active-control { background-color: #fff !important; } .testimonial-section .et-pb-controllers a.et-pb-active-control { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .testimonial-section a.et-pb-active-control:before { -webkit-box-shadow: 0 0 0 2px rgba(var(--orange), 1); box-shadow: 0 0 0 2px rgba(var(--orange), 1); } .testimonial-section .et-pb-arrow-prev:before, .testimonial-section .et-pb-arrow-next:before { font-family: 'Fira', sans-serif !important; font-size: 12px; letter-spacing: 1px; transform: rotate(360deg) !important; display: inline-block; } .testimonial-section .et-pb-arrow-prev:before { content:'PREV'!important; background-color: rgba(var(--black), 1)!important; padding: 20px!important; border-radius: 3px!important; border: 1px solid #fff; } .testimonial-section .et-pb-arrow-next:before { content:'NEXT' !important; background-color: rgba(var(--black), 1)!important; padding: 20px!important; border-radius: 3px!important; border: 1px solid #fff; } /* show slider arrows always */ .testimonial-section .et-pb-arrow-next { opacity: 1; right: 22px; } .testimonial-section .et-pb-arrow-prev{ opacity: 1; left: 22px; } .testimonial-slider { border: 2px solid rgba(var(--orange), 1); border-radius: 100px; padding-top: 85px; padding-left: 5px; padding-right: 5px; } /*******===================={{testimonial Grid style}}==================*****************/ .et_pb_testimonial_mover{ padding-bottom:53px; border-radius:15px; position:relative; text-align:center; font-size:17px; border:3px solid rgba(var(--orange), 1);background-color:#fff!important} .et_pb_testimonial_mover::before{content:'{'; font-size:47px; font-family:ETmodules!important; position:static; margin:0; color:#fff; background:rgba(var(--orange), 1); width:50px; height:50px; border-radius:15px; line-height:50px; display:block} .et_pb_testimonial_mover:hover::before{ border-radius:50%} .et_pb_testimonial_mover .et_pb_testimonial_portrait{ position:absolute; bottom:-131px; left:0; width:92px; height:92px; right:0; border:1px solid rgba(var(--orange), 1); margin:auto; transition:all .5s ease 0s} .et_pb_testimonial_mover .et_pb_testimonial_portrait:after{ content:""; width:4px; height:0; background:rgba(var(--orange), 1); margin:0 auto; position: absolute; bottom:84px; left:0; right:0; transition:all .3s ease 0s; z-index:-1} .et_pb_testimonial_mover:hover .et_pb_testimonial_portrait:after{ height:44px} .et_pb_testimonial_mover:hover .et_pb_testimonial_portrait{ box-shadow:0 0 0 3px rgba(var(--orange), 1)} .et_pb_testimonial_mover .et_pb_testimonial_description{ line-height:160%} .et_pb_testimonial_mover .et_pb_testimonial_author{ margin-top:12px; font-size:18px; color:#000!important} .et_pb_testimonial_mover .et_pb_testimonial_description,.et_pb_testimonial_description_inner{top:10px} .et_pb_testimonial_mover::after{ content:""; width:100%; height:100%; background:rgba(var(--orange), 1); position:absolute; top:10px; left:10px; z-index:-1; border-radius:15px; visibility:visible; transition:all .5s ease 0s} .et_pb_testimonial_mover:hover::after{ top:0; left:0} @media only screen and (max-width:980px){ .et_pb_testimonial_mover{ margin-bottom:140px!important} .et_pb_testimonial_mover .et_pb_testimonial_description_inner{ text-align:justify;}} @media only screen and (min-width:768px) and (max-width:980px){ .et_pb_testimonial_mover .et_pb_testimonial_portrait{ float:none; margin-right:auto} .et_pb_testimonial_mover .et_pb_testimonial_description{ margin-left:0!important;}} /**************============== * ={woocommerce css} * ===================****************/ /**** Title ****/ .woocommerce .col-1 .woocommerce-billing-fields h3, .woocommerce .col-2 .woocommerce-additional-fields h3, .woocommerce .checkout h3#order_review_heading { margin-bottom:20px; } .woocommerce .checkout h3#order_review_heading { margin-top:20px; } .woocommerce .u-columns h2, .woocommerce .checkout h3#order_review_heading, .woocommerce .col-1 .woocommerce-billing-fields h3, .woocommerce .col-2 .woocommerce-additional-fields h3, .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .cart-collaterals .cart_totals h2 { position: relative; font-size: 20px; display: inline-block; padding-bottom: 15px; letter-spacing: 1px; font-family: 'Fira Sans',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; text-transform: uppercase; color: #001730!important; } .woocommerce .u-columns h2:before, .woocommerce .checkout h3#order_review_heading:before, .woocommerce .col-1 .woocommerce-billing-fields h3:before, .woocommerce .col-2 .woocommerce-additional-fields h3:before, .woocommerce .cart-collaterals .cross-sells h2:before, .woocommerce .cart-collaterals .cart_totals h2:before { content:''; display:inline-block; position:absolute; bottom:0; right:0px; line-height:20px; height:1px; width:100%; background:rgba(var(--orange), 1) } .woocommerce .u-columns h2:after, .woocommerce .checkout h3#order_review_heading:after, .woocommerce .col-1 .woocommerce-billing-fields h3:after, .woocommerce .col-2 .woocommerce-additional-fields h3:after, .woocommerce .cart-collaterals .cross-sells h2:after, .woocommerce .cart-collaterals .cart_totals h2:after { content:''; width:7px; height:7px; background:rgba(var(--orange), 1); position:absolute; bottom:1px; right:0; transform:translateY(50%) } @media only screen and (max-width : 380px) { .woocommerce .u-columns h2, .woocommerce .checkout h3#order_review_heading, .woocommerce .col-1 .woocommerce-billing-fields h3, .woocommerce .col-2 .woocommerce-additional-fields h3, .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .cart-collaterals .cart_totals h2{font-size: 15px;} } .cross-sells h2 { font-family: 'Fira Sans',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; text-transform: uppercase; font-size: 28px; color: rgba(var(--black), 1)!important; line-height: 1.6em; } /***** Shop Style V1 ****/ /* Hover **/ .woocommerce .cart-collaterals .cross-sells ul.products li .et_shop_image { position:relative; overflow:hidden } .metan_shop_v1 ul.products li .et_shop_image:before, .woocommerce .cart-collaterals .cross-sells ul.products li .et_shop_image:before { content:""; bottom:-126px; transition:all .5s ease-in-out; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; opacity:1; z-index:1; height:90px; width:100%; position:absolute; left:0; -ms-transform:skewY(-5deg); -webkit-transform:skewY(-5deg); box-sizing:border-box; transform:skewY(-6deg); background:rgba(var(--orange), 1); } .metan_shop_v1 ul.products li:hover .et_shop_image:before, .woocommerce .cart-collaterals .cross-sells ul.products li:hover .et_shop_image:before { opacity:1; content:""; z-index:7; transition:all .5s ease-in-out; transition:all .5s ease-in-out; transition-property:all; transition-duration:.5s; transition-timing-function:ease-in-out; transition-delay:0s; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; bottom:-75px } .woocommerce .cart-collaterals .cross-sells ul.products li .et_overlay { transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); -moz-transform:scaleX(0); transform:scaleX(0); opacity:1; z-index:1; background-color:rgba(var(--black), 1); } .et-db #et-boc .et-l .metan_shop_v1 ul.products li:hover .et_overlay, .metan_shop_v1 ul.products li:hover .et_overlay, .woocommerce .cart-collaterals .cross-sells ul.products li:hover .et_overlay { opacity:.9; -webkit-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); -moz-transform:scaleX(1); transform:scaleX(1) } .et-db #et-boc .et-l .metan_shop_v1 ul.products li .et_overlay:before, .metan_shop_v1 ul.products li .et_overlay:before, .woocommerce .cart-collaterals .cross-sells ul.products li .et_overlay:before { content:'\e07a'; background:rgba(var(--orange), 1); padding:10px; color:#fff; opacity:1; font-size:20px } /* Title **/ .woocommerce .cart-collaterals .cross-sells ul.products li h2.woocommerce-loop-product__title:after { background: none; bottom: -2px !important; } .woocommerce .cart-collaterals .cross-sells ul.products li h2.woocommerce-loop-product__title:before { background: none; bottom: 1px; } .woocommerce .cart-collaterals .cross-sells ul.products li h2.woocommerce-loop-product__title { text-transform:uppercase; position:relative; margin-bottom: 10px !important; padding-bottom: 10px !important; font-size:15px !important; font-weight:600; line-height:28px; color:#2d2d2d; } .metan_shop_v1 ul.products li:hover h2.woocommerce-loop-product__title { color:rgba(var(--orange), 1); } .metan_shop_v1 ul.products li h2.woocommerce-loop-product__title:after, .metan_shop_v1 ul.products li h2.woocommerce-loop-product__title:before, .woocommerce .cart-collaterals .cross-sells ul.products li h2.woocommerce-loop-product__title:before, .woocommerce .cart-collaterals .cross-sells ul.products li h2.woocommerce-loop-product__title:after { content:''; position:absolute; bottom:0; width:11%; border-top:1px solid #d4d4d4; left:0 } .metan_shop_v1 ul.products li h2.woocommerce-loop-product__title:after, .woocommerce .cart-collaterals .cross-sells ul.products li h2.woocommerce-loop-product__title:after { border-top:3px solid rgba(var(--orange), 1); display:block; position:absolute; bottom:-1px; width:10.5%; -webkit-transition:all .27s cubic-bezier(0, 0, .58, 1); transition:all .27s cubic-bezier(0, 0, .58, 1) } .metan_shop_v1 ul.products li:hover h2.woocommerce-loop-product__title:after { width:60px; } /* Button **/ .metan_shop_v1 ul.products li .product_type_simple, .metan_shop_v1 ul.products li .button.product_type_grouped, .metan_shop_v1 ul.products li .button.product_type_external, .metan_shop_v1 ul.products li .button.product_type_variable, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_simple, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_grouped, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_external, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_variable { width: 100%; } .metan_shop_v1 ul.products li .product_type_simple, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_simple, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_grouped, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_external, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_variable, .metan_shop_v1 ul.products li .button.product_type_grouped, .metan_shop_v1 ul.products li .button.product_type_external, .metan_shop_v1 ul.products li .button.product_type_variable { color: #fff !important; background-color: rgba(var(--orange), 1); font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 5px 20px !important; text-align: center; border: none !important; border-radius: 0; position: relative; z-index: 1; transition: all 0.4s ease 0s; } .metan_shop_v1 ul.products li .product_type_simple:hover, .metan_shop_v1 ul.products li .button.product_type_grouped:hover, .metan_shop_v1 ul.products li .button.product_type_external:hover, ul.products li .button.product_type_variable:hover, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_simple:hover, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_grouped:hover, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_external:hover, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_variable:hover { background-color: transparent; color: #fff !important; border-radius: 30px; box-shadow: 0 0 5px -2px #333; } .metan_shop_v1 ul.products li .product_type_simple:before, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_simple:before, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_grouped:before, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_external:before, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_variable:before, .metan_shop_v1 ul.products li .button.product_type_grouped:before, .metan_shop_v1 ul.products li .button.product_type_external:before, .metan_shop_v1 ul.products li .button.product_type_variable:before { visibility: visible; display: block; margin-left: 0; } @media only screen and (max-width: 380px) { .metan_shop_v1 ul.products.columns-4 li.product, .et_pb_wc_related_products ul.products.columns-3 li.product { width: 100% !important; }} /* Types Of Button **/ .metan_shop_v1 ul.products li .button.product_type_grouped, .metan_shop_v1 ul.products li .button.product_type_external, .metan_shop_v1 ul.products li .button.product_type_variable, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_grouped, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_external, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_variable { background-color: rgba(var(--black), 1); } .metan_shop_v1 ul.products li .button.product_type_grouped::after, .metan_shop_v1 ul.products li .button.product_type_grouped::before, .metan_shop_v1 ul.products li .button.product_type_external::after, .metan_shop_v1 ul.products li .button.product_type_external::before, .metan_shop_v1 ul.products li .button.product_type_variable:hover:before, .metan ul.products li .button.product_type_variable:hover:after, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_grouped:before, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_external:before, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_variable:before, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_grouped:after, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_external:after, .woocommerce .cart-collaterals .cross-sells ul.products li .product_type_variable:after { background-color: rgba(var(--orange), 1); } .metan_ft_shop .woocommerce ul.products li a.button {display:none;} /* Star Rating **/ .metan_shop_v1 ul.products .star-rating, .woocommerce .cart-collaterals .cross-sells ul.products li .star-rating { position: absolute; right: 0; } .metan_shop_v1 .star-rating span::before, .metan_shop_v1 ul.products li .star-rating span::before { color:rgba(var(--black), 1) !important; } /* Sale Label **/ .woocommerce .cart-collaterals .cross-sells ul.products li .onsale { background: rgba(var(--black), 1) !important; border-radius: 0 !important; font-size: 16px; padding: 1px 15px !important; top: 1px !important; left: 1px !important; } /* Shop Page **/ .metan_shop_v1 .woocommerce .woocommerce-ordering .orderby { height: 45px; font-size: 14px; text-transform: capitalize; font-weight: 500; margin-bottom: 20px; border-radius: 25px 0px 0px 25px; background-color: #f2f3f6!important; color: rgba(var(--black), 1)!important; font-family: 'Fira Sans'; } .metan_shop_v1 .woocommerce .woocommerce-result-count { text-transform: uppercase; position: relative; padding-bottom: 10px !important; font-size: 15px; font-weight: 600; line-height: 28px; color: #2d2d2d; font-family: 'Fira Sans'; } .metan_shop_v1 .woocommerce .woocommerce-result-count:before, .metan_shop_v1 .woocommerce .woocommerce-result-count:after { content: ''; position: absolute; bottom: 0; width: 60px; border-top: 1px solid #d4d4d4; left: 0; font-family: 'Fira Sans'; } .metan_shop_v1 .woocommerce .woocommerce-result-count:after { border-top: 3px solid rgba(var(--orange), 1)!important; display: block; position: absolute; bottom: -1px; width: 30px; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1); } .metan_shop_v1 .woocommerce .woocommerce-result-count:hover:after { width: 60px!important; } @media only screen and (max-width : 420px) { .et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product{width: 100% !important;} } /* ===== Product Single Page ======*/ .et_pb_wc_add_to_cart .et_pb_module_inner .woocommerce-grouped-product-list { width: 100%; margin-bottom: 20px; } .et_pb_wc_add_to_cart .et_pb_module_inner .woocommerce-grouped-product-list a { color:rgba(var(--orange), 1); } .woocommerce div.product form.cart .group_table td { padding: 10px !important; line-height: 50px; text-align: center; font-size: 15px; color: #232323; border: 1px solid rgba(40, 61, 88, 0.1) !important; } .woocommerce div.product form.cart table div.quantity { margin: 0 !important; } .et_pb_wc_images .et_pb_module_inner .onsale { height: 50px; line-height: 50px !important; width: 50px; padding: 0 !important; font-size: 15px; background: rgba(var(--orange), 1) !important; border-radius: 0 !important; } .woocommerce div.product form.cart .variations td.label { line-height: 50px; } .woocommerce div.product form.cart .variations td select { background-color: transparent; border-radius: 0; border: 1px solid #ccc; height: 45px; } .et_pb_wc_add_to_cart form.cart .variations td.value span::after { top: 35px; } .et_pb_wc_rating .woocommerce-product-rating .woocommerce-review-link { color: rgba(var(--black), 1); color: #000; text-transform: capitalize; padding: 5px; } .et_pb_wc_rating, .et_pb_wc_rating .woocommerce-product-rating { margin-bottom: 10px !important; } .et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation-price .price, .et_pb_wc_price .et_pb_module_inner .price { color: rgba(var(--black), 1) !important; font-weight: 600; } .woocommerce div.product form.cart .variations { margin-bottom: 0; } .et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation-price { margin-bottom: 20px; } .metan_shop_v1 .related.products ul.products li h2.woocommerce-loop-product__title { margin-bottom: 10px !important; font-size: 16px !important; } .metan_s_product .et_pb_text .et_pb_text_inner h2, .et_pb_wc_related_products .related.products h2{ text-transform: uppercase; position: relative; margin-bottom: 25px; padding-bottom: 10px; font-size: 20px !important; font-weight: 600; line-height: 28px; color: #2d2d2d; } .metan_s_product .et_pb_text .et_pb_text_inner h2:after, .metan_s_product .et_pb_text .et_pb_text_inner h2:before, .metan_shop_v1 .related.products h2:after, .metan_shop_v1 .related.products h2:before, .et_pb_wc_title .et_pb_module_inner h1:after, .et_pb_wc_title .et_pb_module_inner h1:before { content: ""; position: absolute; bottom: 0; width: 60px; border-top: 1px solid #d4d4d4; left: 0;} .metan_s_product .et_pb_text .et_pb_text_inner h2:after, .metan_shop_v1 .related.products h2:after, .et_pb_wc_title .et_pb_module_inner h1:after { border-top: 3px solid rgba(var(--orange), 1); display: block; position: absolute; bottom: -1px; width: 30px; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); } .metan_s_product .et_pb_text:hover .et_pb_text_inner h2:after, .metan_shop_v1:hover .related.products h2:after, .et_pb_wc_title:hover .et_pb_module_inner h1:after { width: 60px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce .woocommerce-form-row .woocommerce-Button, .woocommerce-page button.button.alt, .woocommerce #review_form #respond .form-submit input, .woocommerce .woocommerce-form-coupon .form-row .button { color: #fff !important; background-color: rgba(var(--orange), 1); font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 13px 20px !important; text-align: center; border: none !important; border-radius: 100px; position: relative; z-index: 1; transition: all 0.4s ease 0s; } .woocommerce-page button.button.alt:hover, .woocommerce .woocommerce-form-row .woocommerce-Button:hover, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover, .woocommerce .woocommerce-form-coupon .form-row .button:hover { background-color: rgba(var(--black), 1); color: #fff !important; border-radius: 30px; box-shadow: 0 0 5px -2px #333; } .et_pb_wc_add_to_cart .cart .single_add_to_cart_button:before, .woocommerce-page button.button.alt:before, .woocommerce .woocommerce-form-row .woocommerce-Button:before, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:before, .woocommerce .woocommerce-form-coupon .form-row .button:before { visibility: visible; display: block; margin-left: 0; } .et_pb_wc_add_to_cart .cart .single_add_to_cart_button:before, .et_pb_wc_add_to_cart .cart .single_add_to_cart_button:after, .woocommerce-page button.button.alt:before, .woocommerce-page button.button.alt:after, .woocommerce .woocommerce-form-row .woocommerce-Button:before, .woocommerce .woocommerce-form-row .woocommerce-Button:after, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:before, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:after, .woocommerce .woocommerce-form-coupon .form-row .button:before, .woocommerce .woocommerce-form-coupon .form-row .button:after { content: ""; background: rgba(var(--black), 1); width: 50%; height: 100%; margin-left: 0; border-radius: 100px; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.4s ease 0s; } .single .et_pb_wc_meta .product_meta .posted_in { display: block; font-size: 15px; } .single .et_pb_wc_meta .product_meta .posted_in a { color: rgba(var(--orange), 1); border-bottom: 1px solid; font-weight: 700; } .single .et_pb_wc_meta .product_meta .sku_wrapper { line-height: 35px; font-size: 15px; } .single .et_pb_wc_meta .product_meta .sku_wrapper:after { display: none; } .woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity { margin: 0 !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { background: rgba(var(--orange), 1); } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { border: 2px solid #fff; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after { background: #fff; } .et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav li { border-radius: 5px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); padding: 5px; -webkit-transition: box-shadow 0.27s cubic-bezier(0, 0, 0.58, 1); transition: box-shadow 0.27s cubic-bezier(0, 0, 0.58, 1); } .et_pb_wc_tabs .et_pb_tabs_controls::after { border: none; } .et_pb_wc_tabs .et_pb_tabs_controls li:after { content: ""; width: 50%; border: 2px solid rgba(var(--orange), 1); position: absolute; top: 50%; right: -50%; z-index: -1; } .et_pb_wc_tabs .et_pb_tabs_controls li:last-child:after { border: none; } .et_pb_wc_tabs .et_pb_tabs_controls li a { display: block; background: rgba(var(--orange), 1); text-transform: uppercase; border-radius: 25px; padding: 0; margin-right: 0; padding: 10px 17px; text-align: center; border: 3px solid rgba(var(--orange), 1); } .et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a { background: rgba(var(--orange), 1); color: #fff !important; border: 3px solid rgba(var(--orange), 1); position: relative; } #reviews #comments h2.woocommerce-Reviews-title, .et_pb_wc_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 { text-transform: uppercase; position: relative; margin-bottom: 25px; padding-bottom: 10px; font-size: 20px; letter-spacing: 1px; font-weight: 600; line-height: 28px; color: #fff; } #reviews #comments h2.woocommerce-Reviews-title:after, #reviews #comments h2.woocommerce-Reviews-title:before, .et_pb_wc_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2:before, .et_pb_wc_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2:after { content: ""; position: absolute; bottom: 0; width: 60px; border-top: 1px solid #d4d4d4; left: 0; } #reviews #comments h2.woocommerce-Reviews-title:after, .et_pb_wc_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2:after, .woocommerce .cart-collaterals .cross-sells ul.products li h2.woocommerce-loop-product__title:after { border-top: 3px solid rgba(var(--orange), 1); display: block; position: absolute; bottom: -1px; width: 30px; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); } #reviews #comments h2.woocommerce-Reviews-title:hover:after, .et_pb_wc_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2:hover:after, .woocommerce .cart-collaterals .cross-sells ul.products li:hover h2.woocommerce-loop-product__title:after { width: 60px; } .woocommerce table.shop_attributes tbody tr { border-bottom: 1px solid; } .woocommerce #review_form #respond textarea, #commentform input[type="text"], #commentform input[type="email"] { border: 1px solid; } .woocommerce p.stars a { color: rgba(var(--orange), 1); } .woocommerce #review_form #respond .form-submit input:hover { background-color: #fff !important; color: rgba(var(--black), 1)!important; } @media only screen and (max-width: 767px) { .et_pb_wc_tabs .et_pb_tabs_controls li::after { display: none; } .et_pb_wc_tabs .et_pb_tabs_controls li { margin: 0 0px 10px 0; }} @media only screen and (max-width: 380px) { .metan_s_product .et_pb_text .et_pb_text_inner h2, .et_pb_wc_title .et_pb_module_inner h1 { font-size: 15px !important; } .woocommerce div.product form.cart .group_table td { line-height: 20px; }} /****************Cart Page table text******************/ #content-area table td, #content-area table th, #content-area table tr, #main-content table.cart td, #main-content table.cart th, #main-content table.cart tr, table.cart td, table.cart th, table.cart tr { padding: .857em .587em; max-width: 100%; font-family: 'Barlow'; font-size: 16px!important; color: rgba(var(--black), 1)!important; } /**** Checkout Page ****/ .select2-container .select2-selection--single { height: 50px; } .select2-container--default .select2-selection--single .select2-selection__arrow { background: rgba(var(--orange), 1)!important; height: 50px; width: 40px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } .woocommerce .lost_password a { color: rgba(var(--orange), 1); } @media (max-width:480px) { .et_pb_shop ul.products.columns-1 li.product, .et_pb_shop ul.products.columns-2 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-5 li.product, .et_pb_shop ul.products.columns-6 li.product, .et_pb_wc_related_products ul.products.columns-1 li.product, .et_pb_wc_related_products ul.products.columns-2 li.product, .et_pb_wc_related_products ul.products.columns-3 li.product, .et_pb_wc_related_products ul.products.columns-4 li.product, .et_pb_wc_related_products ul.products.columns-5 li.product, .et_pb_wc_related_products ul.products.columns-6 li.product, .et_pb_wc_upsells ul.products.columns-1 li.product, .et_pb_wc_upsells ul.products.columns-2 li.product, .et_pb_wc_upsells ul.products.columns-3 li.product, .et_pb_wc_upsells ul.products.columns-4 li.product, .et_pb_wc_upsells ul.products.columns-5 li.product, .et_pb_wc_upsells ul.products.columns-6 li.product { width:100% !important; }} /**** My Account Page ****/ .woocommerce .woocommerce-MyAccount-navigation ul { padding:0!important; line-height:inherit!important; list-style:none!important; position:relative } .woocommerce .woocommerce-MyAccount-navigation ul li { position:relative; margin-bottom:15px } /*********Mobile inline scroll tab************/ @media (max-width: 767px){ .woocommerce .woocommerce-MyAccount-navigation ul { width: 100%; display: flex; overflow: scroll; } .woocommerce .woocommerce-MyAccount-navigation ul li:before{ width:0px!important; }} .woocommerce .woocommerce-MyAccount-navigation ul li:before { position:absolute; top:0; left:0; height:100%; width:4px; background-color:rgba(var(--black), 1); content:""; opacity:0; z-index:10; visibility:hidden; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } .woocommerce .woocommerce-MyAccount-navigation ul li:hover:before { opacity:1; visibility:visible } .woocommerce .woocommerce-MyAccount-navigation ul li a { position:relative; font-size:18px; font-weight:600; color:#1a2940; border:1px solid #ccc; border-radius:0; line-height:26px; padding:15px 25px; display:block; padding-left:25px; border-radius:3px; background-color:#fff; z-index:9; overflow:hidden; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{ border:1px solid #ccc!important; } .woocommerce .woocommerce-MyAccount-navigation ul li:hover a { color: #fff; padding-left: 20px; border: 1px solid;} .woocommerce .woocommerce-MyAccount-navigation ul li a:hover:before { color:#fff} .woocommerce .woocommerce-MyAccount-navigation ul li a:before { margin-right:10px; font-size:18px; line-height:26px; color:rgba(var(--orange), 1); font-weight:900; content:"\45"; font-family:ETmodules!important; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { content:"\e023" } .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { content:"\e015" } .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { content:"\e091" } .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { content:"\e01d" } .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { content:"\e026" } .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { content:"\e02e" } .woocommerce .woocommerce-MyAccount-navigation ul li:hover a:before { opacity:1 } .woocommerce .woocommerce-MyAccount-navigation ul li a:after { position:absolute; left:-1px; top:0; height:100%; width:100%; content:""; background-color:rgba(var(--orange), 1); z-index:-1; -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease, -webkit-transform .4s ease; -webkit-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1); -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top } .woocommerce .woocommerce-MyAccount-navigation ul li:hover a:after { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1) } .woocommerce .woocommerce-MyAccount-content a, .woocommerce .u-columns .woocommerce-LostPassword a, .woocommerce .woocommerce-privacy-policy-text a, .woocommerce .woocommerce-message .restore-item { color:rgba(var(--orange), 1); font-weight:600; text-transform:capitalize; border-bottom:2px solid; } .woocommerce .woocommerce-MyAccount-content p, .woocommerce .u-columns p { font-size:15px; line-height:30px } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-radius: 5px; line-height: 30px; text-transform: capitalize; background: #000; } .woocommerce .woocommerce-form .woocommerce-privacy-policy-text { padding-bottom: 10px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button, .woocommerce .woocommerce-MyAccount-content .woocommerce-Message .woocommerce-Button { color:rgba(var(--black), 1)!important; background-color:#fff; font-size:15px; font-weight:500; letter-spacing:1px; text-transform:uppercase; padding:10px 20px; border:none; border-radius:0; position:relative; z-index:1; transition:all .4s ease 0s } .woocommerce .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button:hover, .woocommerce .woocommerce-MyAccount-content .woocommerce-Message .woocommerce-Button:hover { background-color:rgba(var(--black), 1)!important; color:#fff !important; border-radius:30px; box-shadow:0 0 5px -2px #333 } .woocommerce-account .addresses .title .edit { background: rgba(var(--orange), 1); padding: 3px 15px; text-transform: uppercase; color: #fff; } .woocommerce-account .addresses .title .edit:hover { background:rgba(var(--black), 1); } /**** Woocommerce My Account ****/ .woocommerce .u-columns .woocommerce-form .woocommerce-button { color:#fff; background-color:rgba(var(--orange), 1); font-size:15px; font-weight:500; letter-spacing:1px; text-transform:uppercase; padding:10px 20px; border:none; border-radius:0!important; position:relative; z-index:1; transition:all .4s ease 0s } .woocommerce .u-columns .woocommerce-form .woocommerce-button:hover { background-color:rgba(var(--black), 1); color:#fff !important; box-shadow:0 0 5px -2px #333 } .woocommerce .u-columns .woocommerce-form .woocommerce-button:before { visibility: visible; display: block; margin-left:0; } .woocommerce .u-columns .woocommerce-form .woocommerce-button:before, .woocommerce .u-columns .woocommerce-form .woocommerce-button:after { content:""; background:rgba(var(--black), 1); width:50%; height:100%; } /***Order css (view cart button)****/ .woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a { padding: 0.2em 1em .3em 1em; } .woocommerce .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover { padding: 0.2em 1em .3em 1em; background-color: rgba(var(--orange), 1); color: #fff!important; } /*******view cart page(table header text)***********/ .entry-content thead th, .entry-content tr th, body.et-pb-preview #main-content .container thead th, body.et-pb-preview #main-content .container tr th { color: rgba(var(--black), 1); font-weight: 700; font-size: 16px!important; padding: 9px 24px; text-align: left; } /*******view cart page(table text)***********/ .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 4px 8px; vertical-align: middle; font-size: 14px!important; color: rgba(var(--black), 1)!important; font-family: 'Barlow'!important; } /*********account details page(save changes button)***********/ button.woocommerce-Button.button { background-color: rgba(var(--orange), 1); color: #fff!important; padding: 6px 35px 15px 35px; border-radius: 100px; } button.woocommerce-Button.button:hover { background-color: rgba(var(--black), 1); color: #fff; padding: 6px 35px 15px 35px; } .woocommerce .return-to-shop .wc-backward:before, .woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button:before, .woocommerce-page .coupon button.button:before, .woocommerce .actions .button:before { visibility: visible; display: block; margin-left:0; } .woocommerce .return-to-shop .wc-backward:before, .woocommerce .return-to-shop .wc-backward:after, .woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button:before, .woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button:after, .woocommerce-page .coupon button.button:before, .woocommerce-page .coupon button.button:after, .woocommerce .actions .button:before, .woocommerce .actions .button:after { content:""; background:rgba(var(--black), 1)!important; transition:all .4s ease 0s } .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .cart-collaterals .cart_totals h2 { margin-bottom:20px; } .woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button { width:100%; } .woocommerce .cart-collaterals .cross-sells ul.products li .star-rating span:before { color:rgba(var(--orange), 1) } @media only screen and (max-width:767px) { .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width:90%; max-width:1170px; margin:0 auto } .woocommerce .cart-collaterals .cross-sells h2 { font-size:16px }} /**** Privacy Policy ****/ .metan_privacy .et_pb_text .et_pb_text_inner h2, .metan_privacy .et_pb_text .et_pb_text_inner h3 { position:relative; margin-bottom:20px; display:inline-block; padding-left:20px; padding-bottom:0 } .metan_privacy .et_pb_text .et_pb_text_inner h2:before, .metan_privacy .et_pb_text .et_pb_text_inner h3:before { content:''; position:absolute; width:100%; height:2px; background:rgba(var(--orange), 1); bottom:-10px; left:0 } .metan_privacy .et_pb_text .et_pb_text_inner h2:after, .metan_privacy .et_pb_text .et_pb_text_inner h3:after { content:''; position:absolute; width:7px; height:7px; background:rgba(var(--orange), 1); top:50%; left:0; transform:translateY(-50%) } .metan_privacy .et_pb_text p a { color:rgba(var(--orange), 1) } .metan_privacy blockquote { border-color:rgba(var(--orange), 1) } /* ===== Woocommerce Notification ======*/ .et_pb_wc_cart_notice .et_pb_module_inner .woocommerce-message .button.wc-forward { color:#fff !important; background-color:rgba(var(--orange), 1); font-size:15px; font-weight:500; letter-spacing:1px; text-transform:uppercase; padding:10px 20px !important; border:none !important; border-radius:0; position:relative; z-index:1; transition:all .4s ease 0s } .et_pb_wc_cart_notice .et_pb_module_inner .woocommerce-message .button.wc-forward:hover { background-color:transparent; color:#fff !important; border-radius:30px; box-shadow:0 0 5px -2px #333 } .et_pb_wc_cart_notice .et_pb_module_inner .woocommerce-message .button.wc-forward:hover { color:rgba(var(--black), 1) !important } /**********Dropdown Box Color*********/ .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: rgba(var(--orange), 1)!important; color: #fff; } /* ======================= Thank you =========================*/ .woocommerce .woocommerce-customer-details address { font-style: normal; margin-bottom: 0; border: 1px solid rgba(var(--black), 1); border-bottom-width: 2px; border-right-width: 2px; text-align: left; width: 100%; border-radius: 5px; padding: 6px 12px; } .woocommerce .woocommerce-order .woocommerce-order-overview { padding: 0; border: 1px dashed rgba(var(--black), 1); } .woocommerce .woocommerce-order .order_details li { border-right: 1px dashed rgba(var(--black), 1); padding: 20px; line-height: 30px; font-weight: 500; margin-right: 0; color: rgba(var(--black), 1); font-size: 16px; letter-spacing: 1px; text-transform: capitalize; } .woocommerce ul.order_details li strong { display: flex; font-weight: 500; line-height: 30px; font-size: 15px; } .woocommerce .woocommerce-order .woocommerce-thankyou-order-received { text-transform: capitalize; text-align: center; font-size: 30px; color: #fff; margin-bottom: 40px; background: #000; padding: 20px; border-radius: 5px; } .woocommerce .woocommerce-thankyou-order-details li { font-size: 1em; line-height: 1; } .woocommerce .woocommerce-thankyou-order-details li strong { font-size: 1.4em; line-height: 2.5; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody tr:nth-child(2n), .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:first-child { background: #f5f5f5; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr { background: rgba(var(--black), 1); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child td span, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child th, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr th { color: #fff; font-size: 15px; text-transform: uppercase; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody td span, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot td span, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr th { font-size: 15px; color: rgba(var(--black), 1); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table td { line-height: 2.5em; } .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address { font-size: 15px; color: rgba(var(--black), 1); text-align: justify; text-transform: capitalize; box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07); padding: 20px; } @media only screen and (max-width: 1099px) { .woocommerce .woocommerce-order .order_details { padding: 10px; } .woocommerce .woocommerce-order .order_details li { border: none; display: contents; }} @media only screen and (max-width: 767px) { .woocommerce table.shop_table td a { font-size: 14px; } .woocommerce .woocommerce-order .woocommerce-thankyou-order-received { font-size: 25px; line-height: 35px; }} .et-l .et_pb_wc_related_products .related.products ul.products { padding-top: 30px; } .woocommerce-tabs { box-shadow: 0 0 5px 0 #999; } .woocommerce .cart .button:hover { padding: 0.4em 1.7em !important; border: 2px solid rgba(var(--black), 1) !important; } #et-boc .woocommerce .woocommerce-notices-wrapper .woocommerce-info { background: rgba(var(--black), 1); } #et-boc .woocommerce .cart-empty.woocommerce-info { background: 0 0; } #et-boc .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3, #et-boc .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title, #et-boc .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title { margin-bottom: 20px; } @media only screen and (max-width : 480px) { .et_pb_wc_related_products ul.products.columns-3 li.product{width: 100% !important; margin-right: 0% !important;}} .woocommerce-page .star-rating::before, .woocommerce .star-rating::before, .woocommerce .star-rating span::before {color:rgba(var(--orange), 1) !important;} /**************** restore item*********************/ a.restore-item{ color: rgba(var(--black), 1)!important; background-color: #fff; padding: 10px; border-radius: 50px; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ opacity:0!important; } button.button { padiing: 20px!important; height: 49px!important; } button.button:hover { padiing: 20px!important; height: 49px!important; } .woocommerce-page ul.products li.product a img, .woocommerce ul.products li.product a img { -webkit-box-shadow: none!important; box-shadow: none!important; margin: 0 0 0px!important; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: right; margin-left: 4px; width: 60px; height: auto; box-shadow: none; } /*shop page css extra fixes*/ .et_pb_shop.et_pb_shop li.product h2 { position: relative; margin-bottom: 10px!important; padding-bottom: 10px!important; } .woocommerce-page ul.products li.product a img, .woocommerce ul.products li.product a img { -webkit-box-shadow: none!important; box-shadow: none!important; margin: 0 0 0px!important; } .metan_shop_v1.et_pb_shop.et_pb_shop .woocommerce ul.products li.product .onsale, .metan_shop_v1 .woocommerce span.onsale, .woocommerce-page span.onsale{ color: #fff; z-index: 15; background: rgba(var(--orange), 1)!important; font-size: 12px; font-weight: 700!important; text-align: center; line-height: 31px!important; width: 40px; height: 52px; position: absolute; top: 0!important; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 75%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,50% 75%,0 100%); left: auto!important; border-radius: 0!important; padding: 5px!important; } .metan_shop_v1.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product .onsale { left: 10px!important; margin: 0!important; right: auto!important; } .metan_shop_v1.woocommerce ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: -.5em -.5em 0 0; } .et_pb_wc_images_0_tb_body .et_pb_module_inner span.onsale{ color: #fff; z-index: 15; background: rgba(var(--orange), 1)!important; font-size: 12px; font-weight: 700!important; text-align: center; line-height: 31px!important; width: 50px; height: 62px; position: absolute; top: 0!important; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,50% 75%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,50% 75%,0 100%); left: auto!important; border-radius: 0!important; padding: 5px!important; } .et_pb_wc_images_0_tb_body .et_pb_module_inner span.onsale { left: 10px!important; margin: 0!important; right: auto!important; } .et_pb_wc_images_0_tb_body .et_pb_module_inner span.onsale { top: 0; right: 0; left: auto; margin: -.5em -.5em 0 0; } .woocommerce-product-gallery { display: flex; } .woocommerce-product-gallery .flex-control-thumbs { order: -10; margin-top: 0 !important; margin-right: 10px !important; } .woocommerce div.product div.images .flex-control-thumbs li { width: 100%; padding-top: 0; padding-bottom: 5px; } .et_pb_wc_images_0_tb_body .et_pb_module_inner span.onsale { top: 0em!important; left: 130px!important; } /*===============ecom 1st page header css===================*/ /**search button adjust ment*/ .dgwt-wcas-ico-magnifier-handler { margin-bottom: -3em; width: 100%; } /**cart pops adjustment*/ .cartpops-cart__toggle .cartpops-cart__container-icon i { font-size: 22px; color: rgba(var(--orange), 1); } .cartpops-cart__toggle .cartpops-cart__container span { text-decoration: inherit; color: rgba(var(--orange), 1); font-size: 20px; } a.dgwt-wcas-details-more-products { display: none; } /**woo paggination**/ .woocommerce-pagination .page-numbers .current, .woocommerce-pagination .page-numbers li a { padding: 14px 16px!important; background: rgba(var(--orange), 1)!important; color: #fff!important; border-radius: 100px; margin-left: 10px!important; } .woocommerce-pagination .page-numbers .current, .woocommerce-pagination .page-numbers li a:hover { padding: 14px 16px!important; background: rgba(var(--orange), 1)!important; color: #fff!important; border-radius: 100px; margin-left: 10px!important; } .woocommerce-pagination .page-numbers a:link, .woocommerce-pagination .page-numbers a{ display: block!important; background: rgba(var(--black), 1)!important; color: #fff!important; border-radius: 100px; margin-left: 10px!important; } ul.page-numbers { border: none!important; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { border: none!important; } /****** REMOVE ARROWS ON HOVER AND ADJUST PADDING ******/ .woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after { content: none !important; } .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] { /* this is Divis default button padding */ } /******woo button mobile optimize********/ @media (max-width: 767px){ .woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button { float: right; width: 100%; }} .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: rgba(var(--orange), 1); } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: rgba(var(--orange), 1); } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background-color: #d3dce8; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 1.15em; float: left; font-family: 'Fira Sans'; text-transform: uppercase; background-color: rgba(var(--orange), 1); color: #fff; padding: 8px 30px; border: none; } .woocommerce .widget_price_filter .price_slider_amount .button:hover{ background-color: rgba(var(--black), 1); } .wc-block-product-categories.is-dropdown { display: inline-flex; width: 100%; justify-content: flex-start; align-items: center; width: 270px!important; } .wc-block-product-categories__button { display: flex; background-color: rgba(var(--orange), 1); align-items: center; color: #fff; border: none; margin: 0; padding: 1em 1em; position: relative; overflow: hidden; } .et_pb_widget select { width: 100%; max-width: 200px; height: 46px; padding: 0 10px; font-size: 15px; color: rgba(var(--black), 1); font-weight: 500; margin-right: 0px; margin-bottom: 0!important;} option { color: rgba(var(--black),1) !important; font-family: 'Barlow'; line-height: 1.8em; padding: 5px; font-weight: 500; font-size: 14px; text-transform: capitalize; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: rgba(var(--orange), 1); border: 0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { box-sizing: border-box; width: 100%; border-radius: 5px 5px 5px 5px!important; margin: 0; outline: 0; font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif!important; font-size: 15px!important; line-height: 1.8em!important; border-color: #FFFFFF; background-color: #F1F5F8; padding-top: 15px!important; padding-bottom: 15px!important; color: rgba(var(--black), 1)!important; } .woocommerce form .form-row label { line-height: 2; font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; text-transform: uppercase; font-size: 15px; color: #001730!important; line-height: 2.4em; text-align: left; } /***************Sub Menu Animation************/ .sub-menu {border-radius: 5px; } @media only screen and (min-width:1405px) { .et-show-dropdown .sub-menu { -webkit-animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both; animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both } .sub-menu { -webkit-animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both; animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both } } @media only screen and (min-width:1100px) and (max-width:1405px) { .et-show-dropdown .sub-menu { -webkit-animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both; animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both } .sub-menu { -webkit-animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both; animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both; } } @-webkit-keyframes scale-out-top { 0% { -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; opacity:1 } 100% { -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; opacity:1 } } @keyframes scale-out-top { 0% { -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; opacity:1 } 100% { -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; opacity:1 } } @-webkit-keyframes scale-in-top { 0% { -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; opacity:1 } 100% { -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; opacity:1 } } @keyframes scale-in-top { 0% { -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; opacity:1 } 100% { -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:50% 0%; transform-origin:50% 0%; opacity:1 } } /************************************/ /**************************************/ /*gallery lightbox customization css*/ /****************************************/ /****************************************/ button.mfp-close { color: #fb8122 !important; font-weight: bold !important; padding-top: 20px; padding-right: 20px !important; } .mfp-title { color: white!important; font-weight: bold; background: #fb8122!important; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; margin-top: -24px; margin-left: 3px; margin-right: 3px; font-family: 'Fira Sans'; } .mfp-counter { color: white!important; padding-right: 20px; font-family: 'Barlow'; } img.mfp-img { padding: 0; border-radius: 5px; border: 3px solid #fb8122!important; } .mfp-arrow:after { color: #fb8122; font-size: 60px !important; font-weight: bold !important; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: pointer; } /*gallery hover animation*/ .et-zoom-in.et_pb_image:hover img, .et-zoom-in .et_pb_image_wrap:hover img, .et-zoom-in a:hover img { transform: scale(1.1); transition: all 1s 0s ease; } .et-zoom-in, .et-zoom-in a { overflow: hidden; } .et-zoom-in.et_pb_image img, .et-zoom-in .et_pb_image_wrap img, .et-zoom-in a img { transition: all 1s 0s ease; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-wrap .mfp-close:active { top: -15px !important; opacity: 1; } .mfp-arrow { opacity: 1!important; } .project-left-blurb .et_pb_blurb_description { position: relative; float: left; margin-top: -42px; left: 100px; } .project-left-blurb .et_pb_blurb_position_left .et_pb_main_blurb_image img{ border-radius: 0px!important; box-shadow: none!important; } /************************************************/ /***************Gallery image white filter***********/ /*********************************************/ .white-gallery-image.et_pb_gallery_grid .et_pb_gallery_image { position: relative; filter: contrast(0) brightness(2); } #page-container .mobile_nav .menu-item-has-children>a { background: transparent; color: #fff!important; } #home_11 .et_mobile_menu { overflow-y: scroll!important; max-height: 80vh!important; width: 50vh; -overflow-scrolling: touch!important; -webkit-overflow-scrolling: touch!important; } .et_mobile_menu li li { padding-left: 0%!important; } .sub-menu { border-radius: 0px; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul { list-style-type: none !important; text-align: right; margin: 0; padding: 0; width: 300px; background-color: transparent; box-shadow: none; } /**************************************/ /*wp page navi css*/ /*To styles the numbers*/ .wp-pagenavi a, .wp-pagenavi span { color: #001730; background: #F1F5F8; font-size: 1em !important; line-height: 1em; font-weight: bold !important; padding: 1.1em 1.5em!important; border-radius: 100px; transition: all .5s; } /*To styles the current page number*/ .wp-pagenavi span.current { color: #ffffff !important; background: #FB8122 !important; border-radius: 100px; } /*To styles the numbers when hovering*/ .wp-pagenavi a:hover { color: #ffffff!important; background: #FB8122!important; } /*To hides teh background around the pages*/ .wp-pagenavi .pages { display: none; } /*To removes the border and centers the entire pagination*/ .wp-pagenavi { border-top: none; text-align: center; } .wp-pagenavi { padding-top: 60px!important; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: transparent!important; } /*************** category page filter************/ .input.text, input.title, input[type=text], select, textarea { margin: 0; width: 100%; height: 56px; margin-bottom: 10px; font-family: 'Barlow'; color: #001730; font-size: 15px; font-weight: 500; border-color: #d3dce8; padding: 10px; border-radius: 5px; } .price_slider_wrapper button.button { color: #fff!important; width: 100%; } .et_pb_contact_select { color: #999; background-color: #eee; padding: 0px 20px 0px 20px!important;} .et-db #et-boc .et-l .metan_shop_v1 ul.products li .et_overlay:before, .metan_shop_v1 ul.products li .et_overlay:before, .woocommerce .cart-collaterals .cross-sells ul.products li .et_overlay:before { content:'\e07a'!important;} a.added_to_cart.wc-forward { color: #FFFFFF!important; border-width: 0px!important; border-radius: 100px; font-size: 18px; font-family: 'Fira Sans',Helvetica,Arial,Lucida,sans-serif!important; font-weight: 700!important; text-transform: uppercase!important; background-color: #001730!important; padding-top: 10px!important; padding-right: 25px!important; padding-bottom: 10px!important; padding-left: 25px!important; margin-left: 10px; } .et_pb_text_align_left .wp-pagenavi { text-align: center!important; } #cpops-floating-cart .cpops-floating-cart__count { align-items: center; background-color: rgba(var(--orange), 1)!important; border-radius: 100%;} .cpops-drawer-recommendations { background-color: #f1f6f8!important; border: 2px solid rgba(var(--orange), 1)!important; border-radius: var(--cpops-border-radius,6px); margin-bottom: 10px; padding: 8px 20px 0; }