/*--------------------------------------------------------------------------------- Theme Name: Labtech Divi Theme Theme URI: https://divithemeshub.com/laboratorytheme/ Description: LabTech Divi Theme is a professionally designed Divi Child Theme for laboratories, diagnostic centers, research facilities, medical testing labs, and healthcare service providers. Ideal for pathology labs, blood testing centers, scientific research organizations, and medical laboratories. Includes professionally designed pages, service layouts, appointment forms, and full Divi 5 compatibility to help you launch a modern laboratory website quickly and easily. Author: Divi-Childthemes.com Author URI: https://divi-childthemes.com/ Template: Divi Version: 1.0.1 Requires at least: 7.0 Requires PHP: 8.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* ================================================== */ /* * General * Header * Slider * Number Counter * Why choose us * Testimonial * Who we are * What we have * Step * Person Module * Email Module * Blog Module * Blog Iamge left * Blog Iamge Right * Blog V2 * Footer * Header Home V2 * Client Section * Feture Section * Service Section * Contact Form * Priceing Table * FAQ * Home V3 * Hero * Video * Service * Project V1 * Project V2 * Team Detail Page * Service Detail Page * Menu * Mobile Menu * Template-Options * Sidebar */ /* General */ #et-boc header.et-l.et-l--header {position: relative;z-index: 99;} body {overflow-x:hidden;} /** General **/ /*apply blurb icon color*/ .dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--gcid-primary-color);} .dct_icon .et_pb_blurb_content .et_pb_blurb_description a{color: var(--gcid-primary-color); font-weight: 600; font-size: 18px;position:relative; display: block; margin-top: 18px;} .dct_icon .et_pb_blurb_content .et_pb_blurb_description a:after{content: "\35";font-family: ETmodules !important;} /*Map Section Divider*/ .dct_map_sec .et_pb_top_inside_divider{z-index:9 !important;} /*Shape Image Animation*/ .dct_img_rte{animation-name: rotateme; animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 30s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 30s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 30s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;} @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } /*Video Icon*/ .dct_video{} .dct_video .et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom:80px;} .dct_video .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ margin: auto; text-decoration: none; color: var(--gcid-primary-color); font-size: 50px; width: 90px; height: 90px; line-height: 90px; text-align: center; display: inline-block; background-color: #fff; border-radius: 90%; -webkit-animation: ripple 1s linear infinite; animation: ripple 1s linear infinite; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); } } @keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); } } .pt-video-icon a.primary { -webkit-animation: rippleprimary 1s linear infinite; animation: rippleprimary 1s linear infinite; } @-webkit-keyframes rippleprimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2); box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0); box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0); } } @keyframes rippleprimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2); box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0); box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0); } } /*Triangle ANimation Shape*/ .dct_lab_shape{} .dct_lab_shape{animation-duration: 3000ms;;-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: 3s loop-move-vertical linear infinite alternate; animation: 3s loop-move-vertical linear infinite alternate;} @-webkit-keyframes image_leftRight1{0%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@-moz-keyframes image_leftRight1{0%{-moz-transform:translateX(-5px);transform:translateX(-5px)}100%{-moz-transform:translateX(5px);transform:translateX(5px)}}@-o-keyframes image_leftRight1{0%{-o-transform:translateX(-5px);transform:translateX(-5px)}100%{-o-transform:translateX(5px);transform:translateX(5px)}}@keyframes image_leftRight1{0%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}} /*Image Animation*/ .dct_img_ani .et_pb_image_wrap, .dct_slider .et_pb_slide_image{animation-duration: 3000ms;;-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: 3s loop-move-vertical linear infinite alternate; animation: 3s loop-move-vertical linear infinite alternate;} @-webkit-keyframes loop-move-vertical { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } } @keyframes loop-move-vertical { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } } /*Counter*/ .dct_cnt .percent .percent-value{background: var(--gcid-secondary-color); border-radius: 20px; padding: 10px; width: 70px; display: inline-table; line-height: 47px;} /*Footer*/ /*email optin*/ .dct_ft_email .et_pb_newsletter_button_wrap{position: absolute; top: 0; right: 0;} .dct_ft_email .et_pb_newsletter_form {position:relative;} .dct_ft_email .et_pb_newsletter_field {padding-bottom: 0 !important; margin-bottom: 0 !important;} .dct_ft_email .et_pb_newsletter_form input[type="text"], .dct_ft_email .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]{width: 80%;border-radius: 5px;} @media only screen and (max-width : 767px) { .dct_ft_email .et_pb_newsletter_button_wrap{position:relative;} .dct_ft_email .et_pb_newsletter_form input[type="text"], .dct_ft_email .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]{width:100%;} .dct_ft_email .et_pb_newsletter_field{margin-bottom:10px !important;} } /*Blog Footer */ .dct_ft_blog .et_pb_post {margin-bottom:20px;} .dct_ft_blog .et_pb_post .entry-featured-image-url{width: 80px; float: left; margin-bottom: 0!important;} .dct_ft_blog .entry-title, .dct_ft_blog .post-meta { width: calc(100% - 100px); float: left; padding-left: 20px; } .dct_ft_blog .entry-featured-image-url { padding-top: 90px; display: block;border-radius: 5px; } .dct_ft_blog .entry-featured-image-url img { position: absolute; height:90%; width: 100%; top: 0; left: 0; right: 0; bottom: 0;border-radius: 5px; object-fit: cover; } .dct_ft_blog .et_pb_post:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 20px; margin-bottom: 20px; } /*** Slide in Section ****/ .et-l--footer .et_builder_inner_content {z-index:auto;} .et_builder_inner_content.has_et_pb_sticky {z-index: 9;} .dct_icon_rd .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--gcid-primary-color); background: #fff; font-size: 25px; padding: 14px; border-radius: 50%;} #dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ background: var(--gcid-primary-color); color: #fff; padding: 10px; border-radius: 50%; font-size: 30px; -webkit-transition: 0.45s ease-in-out; -o-transition: 0.45s ease-in-out; -moz-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; } #dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:hover{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .slide_in_sidebar { position: fixed !important; right: 0px !important; top: 0px !important; left: unset !important; bottom: unset !important; transform: translateX(100%)!important; transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } .scroll_show_slide_in, .exit_intent_slide_in.activate_exit_intent, .exit_intent_slide_in_bottom.activate_exit_intent { transform: translateX(0px) !important; } .slide_in_sidebar.dct_activate_slide_in { transform: translateX(0px) !important; } .slide_in_sidebar .et-waypoint:not(.et_pb_counters) { opacity: 1 !important; } .slide_in_sidebar::-webkit-scrollbar { width: 10px; } .slide_in_sidebar::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /*Pricing*/ .dct_pricing {border-radius: 20px;} .dct_pricing.md {border-radius: 0px 0 20px 20px;} .dct_pricing .et_pb_pricing_table {padding-top: 30px;display: flex; flex-direction: column;} .dct_pricing .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{color:var(--gcid-secondary-color);} .dct_pricing .et_pb_pricing_table .et_pb_pricing_content{text-align: center;padding: 4px 0 30px 0;} .dct_pricing .et_pb_pricing_table .et_pb_pricing_content ul.et_pb_pricing{text-align: left;} .dct_pricing .et_pb_pricing_table .et_pb_pricing_content ul.et_pb_pricing li{padding:10px 20px;position:relative;text-align: center;} .dct_pricing .et_pb_pricing_table .et_pb_pricing_content ul.et_pb_pricing li:nth-child(2n){background: rgba(0,0,0,.05);} .dct_pricing .et_pb_pricing_table .et_pb_pricing_content ul.et_pb_pricing li:before{content: "\4e"; font-family: ETmodules !important; font-weight: 900; margin-right: 8px; color: var(--gcid-primary-color);} .dct_pricing .et_pb_pricing_table .et_pb_pricing_content ul.et_pb_pricing li.et_pb_not_available:before{content: "\4d";color:#c7c7c7;} .dct_pricing .et_pb_pricing_table .et_pb_button_wrapper{order:4;} /*Slider*/ .dct_slider .et_pb_slider_container_inner{} .dct_slider .et_pb_slide .et_pb_slide_image{text-align: center;} .dct_slider .et-pb-slider-arrows .et-pb-arrow-prev, .dct_slider .et-pb-slider-arrows .et-pb-arrow-next{ background: rgba(255,255,255,0.1); width: 60px; height: 60px; font-size: 35px; border-radius: 50%; text-align: center; line-height: 66px; color: rgba(255,255,255,0.5); } .dct_slider .et_pb_slide_image img{ background-color: #424242; border-radius: 50%; width: 500px;object-fit: cover; height: 500px; border: 30px solid #fff; /*-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*/ } .dct_slider .et_pb_slide_content h3{font-size: 65px; font-weight: 800; text-transform: uppercase; line-height: 75px; padding: 15px 0 15px 0;} @media only screen and (max-width : 980px) { .dct_slider .et_pb_slides .et_pb_container{width:100%;} } @media only screen and (max-width : 767px) { .dct_slider .et_pb_slide_content h3{font-size: 36px;line-height: 45px;}} /*Blog*/ .dct_blog .et_pb_post {-webkit-border-radius: 20px;border: none; -moz-border-radius: 20px;position:relative;box-shadow: 0 15px 20px 10px #f3f6f6; border-radius: 20px;} .dct_blog .et_pb_post .blog_detail{padding:10px 10px;} .dct_blog .et_pb_post .entry-featured-image-url {overflow: hidden; margin-bottom: 0; position: relative; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px;} .dct_blog .et_pb_post .entry-featured-image-url img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} .dct_blog .et_pb_post:hover .entry-featured-image-url img{-webkit-transform: scale(1.1); transform: scale(1.1);} .dct_blog .et_pb_post .published{position: absolute; bottom: 0; background: var(--gcid-primary-color); z-index: 9; left: 0; color: #fff; padding: 10px 20px; border-radius: 0px 20px 0px 0px; font-size: 17px; font-weight: 600;} .dct_blog .et_pb_post div.post-content a.more-link{background: var(--gcid-secondary-color); padding: 9px 20px; display: inline-block; margin-top: 10px; border-radius: 5px;} .dct_blog .et_pb_post div.post-content a.more-link:hover{background: var(--gcid-primary-color);} .dct_blog .et_pb_post div.post-content a.more-link:after{content: "\4c"; font-family: ETmodules !important; margin-left: 5px;} .dct_blog .et_pb_post .post-meta, .dct_blog .et_pb_post .post-meta a{color: var(--gcid-primary-color);} /** Blog 2 Column **/ .dct_blog.clm .et_pb_post{margin-bottom:20px;} .dct_blog.clm .et_pb_ajax_pagination_container{display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 50%);} .dct_blog.clm .et_pb_post .blog_detail{padding:30px;} @media only screen and (max-width : 767px){ .dct_blog.clm .et_pb_ajax_pagination_container{grid-template-columns: repeat(1, 100%);} } /*Blog List*/ .dct_blog.list .et_pb_post .entry-featured-image-url{ margin-bottom: 0; width: 40%; float: left; overflow: hidden; position: relative;} .dct_blog.list .et_pb_post .blog_detail{width: 60%;float: left;padding: 35px 30px;} @media only screen and (max-width: 767px){ .dct_blog.list .et_pb_post .entry-featured-image-url, .dct_blog.list .et_pb_post .blog_detail{width: 100% !important;float: none !important;}} /** For Right **/ .dct_blog.list.rt .et_pb_post .entry-featured-image-url{width: 40%; float: right;} .dct_blog.list.rt .et_pb_post .blog_detail{width: 60%; float: left; padding: 35px 30px;} /*Portfolio*/ .dct_ptf .project{position:relative;overflow: hidden;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} .dct_ptf .project .et_portfolio_image{position: relative; padding-top: 100%; display: block;} .dct_ptf .project .et_portfolio_image img{width: 100%; height: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;} .dct_ptf .project:hover .et_portfolio_image img{-webkit-transform: scale(1.2);} .dct_ptf .project .et_portfolio_image:after{content: "\5c"; font-family: ETmodules !important; position: absolute; top: 30px; right: 30px; width: 45px; height: 45px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; transform: scale(0); opacity: 0; transition: all 300ms linear 0s; color: #fff; font-size: 30px;} .dct_ptf .project:hover .et_portfolio_image:after{opacity: 1; transform: scale(1); z-index: 9;} .dct_ptf .project .et_portfolio_image:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; z-index: 9; background: var(--gcid-secondary-color); opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease-in-out;} .dct_ptf .project:hover .et_portfolio_image:before{opacity: 0.9;} .dct_ptf .project .info{margin: auto; position: absolute; bottom: 30px; z-index: 10; left: 30px; opacity: 0; background: transparent; text-align: left; color: var(--white-color); display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} .dct_ptf .project:hover .info{opacity: 1; z-index: 10;} /*Portfolio Details*/ .dct_ptf_dt .et_pb_blurb_container{display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 12px;} .dct_ptf_dt .et_pb_blurb_container .et_pb_blurb_description{color:var(--gcid-primary-color);} /*Hero Blurb*/ .dct_blurb_hero.rt .et_pb_blurb_content{flex-direction:row-reverse;} .dct_blurb_hero.rt .et_pb_blurb_content .et_pb_blurb_container {text-align:right;} .dct_blurb_hero.rt .et_pb_blurb_content .et_pb_main_blurb_image{margin-right: 0; margin-left: 44px;} .dct_blurb_hero.rt .et_pb_blurb_content .et_pb_main_blurb_image:after{content: ''; position: absolute; right: 80%; margin: auto; width: 30px; height: 50px; clip-path: polygon(0 48%, 100% 100%, 100% 0); left: auto;} .dct_blurb_hero .et_pb_blurb_content{display:flex;} .dct_blurb_hero .et_pb_blurb_content .et_pb_blurb_container{flex:5;} .dct_blurb_hero .et_pb_blurb_content .et_pb_main_blurb_image{height: 85px; flex: 1.3; text-align: center; background-color: var(--gcid-primary-color); padding: 14px; position: relative; margin-right: 44px; border-radius: 5px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box;} .dct_blurb_hero .et_pb_blurb_content .et_pb_main_blurb_image:after{content: ''; position: absolute; top: 50%; left: 80%; margin: auto; width: 30px; height: 50px; clip-path: polygon(100% 48%, 0 0, 0 100%); background-color: var(--gcid-primary-color); font-weight: 600; -webkit-box-sizing: border-box; box-sizing: border-box; transform: translateY(-50%);} .dct_blurb_hero .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{font-size: 50px; line-height: 56px; text-align: center; color: #fff;} .dct_blurb_hero .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a{color:var(--gcid-primary-color);} /*column Structure Portfolio */ .dct_ptf.clm2 .alignleft, .dct_ptf.clm3 .alignleft,.dct_ptf.clm4 .alignleft{position:absolute;left:0px;} .dct_ptf.clm2 .alignright, .dct_ptf.clm3 .alignright, .dct_ptf.clm4 .alignright {position: absolute;right: 0;} .dct_ptf.clm2 .et_pb_ajax_pagination_container, .dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid; grid-gap: 5px; grid-template-columns: repeat(2, 50%);} .dct_ptf.clm3 .et_pb_ajax_pagination_container, .dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {display: grid; grid-gap: 5px; grid-template-columns: repeat(3, 33.33%);} .dct_ptf.clm4 .et_pb_ajax_pagination_container, .dct_ptf.clm4 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {display: grid; grid-gap: 5px; grid-template-columns: repeat(4, 25%);} .dct_ptf.clm3 .et_pb_portfolio_filters, .dct_ptf.clm2 .et_pb_portfolio_filters, .dct_ptf.clm4 .et_pb_portfolio_filters{text-align: center; width: 100%; display: block;} @media only screen and (max-width : 767px) { .dct_ptf.clm3 .et_pb_ajax_pagination_container, .dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items, .dct_ptf.clm4 .et_pb_ajax_pagination_container, .dct_ptf.clm4 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items, .dct_ptf.clm2 .et_pb_ajax_pagination_container, .dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid; grid-gap: 5px; grid-template-columns: repeat(1, 100%);} .dct_ptf.clm2 .et_pb_portfolio_filters, .dct_ptf.clm3 .et_pb_portfolio_filters, .dct_ptf.clm4 .et_pb_portfolio_filters{position:relative;top: 0;} .dct_ptf .et_pb_portfolio_filters li{width:auto !important;} } @media only screen and (min-width: 768px) and (max-width: 980px){ .dct_ptf.clm3 .et_pb_ajax_pagination_container, .dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items, .dct_ptf.clm4 .et_pb_ajax_pagination_container, .dct_ptf.clm4 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid; grid-gap: 5px; grid-template-columns: repeat(2, 50%);}} /*Services V2*/ .dct_service_v2 .et_pb_image .et_pb_image_wrap{display:block;overflow:hidden;} .dct_service_v2 .et_pb_image .et_pb_image_wrap img{-webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -webkit-transition: all 850ms ease-in-out; -moz-transition: all 850ms ease-in-out; transition: all 850ms ease-in-out;} .dct_service_v2:hover .et_pb_image .et_pb_image_wrap img{-webkit-transform: scale3d(1.03,1.03,1.03) !important; -moz-transform: scale3d(1.03,1.03,1.03) !important; -ms-transform: scale3d(1.03,1.03,1.03) !important; transform: scale3d(1.03,1.03,1.03) !important;} /*Service V3*/ .dct_service_v3 {transition: 0.5s ease-in-out;} .dct_service_v3 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--gcid-primary-color);transition: 0.5s ease-in-out;} .dct_service_v3 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--gcid-secondary-color);font-weight: 600;transition: 0.5s ease-in-out;} .dct_service_v3 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color:var(--gcid-primary-color);transition: 0.5s ease-in-out;} .dct_service_v3 .et_pb_promo .et_pb_promo_description{color:#666;transition: 0.5s ease-in-out;} .dct_service_v3 .et_pb_promo .et_pb_button_wrapper .et_pb_promo_button{color:var(--gcid-primary-color);transition: 0.5s ease-in-out;} .dct_service_v3:hover .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .dct_service_v3:hover .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct_service_v3:hover .et_pb_promo .et_pb_promo_description, .dct_service_v3:hover .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description, .dct_service_v3:hover .et_pb_promo .et_pb_button_wrapper .et_pb_promo_button{color:#fff;} /*Services V4*/ .dct_service_v4{transition: all 500ms ease;} .dct_service_v4:hover{box-shadow: 0 20px 40px 10px #e5edec;} .dct_service_v4 .et_pb_blurb .et_pb_blurb_content{position: relative; padding-top: 51px;transition: all 500ms ease;} .dct_service_v4 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image{position: absolute; display: inline-block; left: 50%;background: var(--gcid-primary-color); transform: translateX(-50%); top: -65px; width: 90px; height: 90px; line-height: 90px; font-size: 40px; color: #fff; text-align: center; border-radius: 50%; z-index: 1; transition: all 500ms ease;} .dct_service_v4 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before{position: absolute; content: ''; background: var(--gcid-secondary-color); width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; border-radius: 50%; transform: scale(0,0); z-index: -1;box-sizing: border-box; transition: all 500ms ease;} .dct_service_v4:hover .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before{transform: scale(1,1);} .dct_service_v4 .et_pb_image{position: relative; display: block; overflow: hidden; border-radius: 20px;} .dct_service_v4 .et_pb_image .et_pb_image_wrap:before {position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; transform: scale(0,0); opacity: 0.3; z-index: 1;border-radius:20px; transition: all 500ms ease;} .dct_service_v4:hover .et_pb_image .et_pb_image_wrap:before{transform: scale(1,1);} .dct_service_v4 .et_pb_image .et_pb_image_wrap img{width: 100%; border-radius: 20px;transition: all 500ms ease;} .dct_service_v4:hover .et_pb_image .et_pb_image_wrap img{transform: scale(1.05);} /*Single Service*/ .dct_service_btn .et_pb_button_module_wrapper {background: #f5f9ff; margin-bottom: 0 !important; padding: 20px 20px 10px 20px;} /*Faq*/ .dct_faq .et_pb_toggle { box-shadow: none; border: none; border-radius: 0; padding: 0;background: transparent; margin-bottom: 16px !important; border-left: 5px solid var(--gcid-primary-color); } .dct_faq .et_pb_toggle h5.et_pb_toggle_title { border-top: 0; color: #333; border-bottom: 1px solid transparent; display: block; font-size: 20px; font-weight: 700; padding: 20px 50px 20px 20px; text-transform: uppercase; position: relative; } .dct_faq .et_pb_toggle h5.et_pb_toggle_title:before { top: 10px; right: 0; font-size: 22px; line-height: 24px; display: block !important; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 700; background: var(--gcid-primary-color); padding: 10px; } .dct_faq .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:before { content: "\4c"; font-family: ETmodules !important; } .dct_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title:before { content: "\4b"; font-family: ETmodules !important; } .dct_faq .et_pb_toggle .et_pb_toggle_content { color: #666464; font-size: 15px; line-height: 25px; border-top: 0 none; padding: 0px 27px 15px 27px; letter-spacing: 0.3px; font-weight: 400; } /*Team*/ .dct_team{position:relative;overflow:hidden;} .dct_team .et_pb_team_member .et_pb_team_member_image{max-width: 100%;width:100%;float:none;margin: 0;} .dct_team .et_pb_team_member .et_pb_team_member_image img{border-radius: 20px;width: 100%;} .dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{margin: 0; padding: 0; position: absolute; top: 15px; left: -75px; display: inline-block; width: 60px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} .dct_team:hover .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{left: 15px;} .dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li{list-style: none; display: inline-flex; margin: 0 0 5px;} .dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li a{background: var(--gcid-secondary-color); color: #fff; text-align: center; width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} .dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li a:hover{background: var(--gcid-primary-color);} .dct_team .et_pb_promo {margin: 0px 20px; text-align: center; position: relative; transform: translateY(-30px); -moz-transform: translate(-30px); -webkit-transform: translate(-30px); -o-transform: translate(-30px); -ms-transform: translate(-30px); transform: translateY(-30px); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; cursor: pointer;} .dct_team:hover .et_pb_promo{transform: translateY(-60px); -moz-transform: translate(-60px); -webkit-transform: translate(-60px); -o-transform: translate(-60px); -ms-transform: translate(-60px); transform: translateY(-60px);} /*Team V2*/ .dct_team_v2 .et_pb_team_member_image{position: relative; display: block; overflow: hidden;} .dct_team_v2 .et_pb_team_member_image:before{position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; transform: scale(0,0); opacity: 0.3; z-index: 1;border-radius: 50% 50% 20px 50%; transition: all 500ms ease;box-sizing: border-box;} .dct_team_v2 .et_pb_team_member_image img{width: 100%; border-radius: 50% 50% 20px 50%; transition: all 500ms ease;} .dct_team_v2:hover .et_pb_team_member_image img{transform: scale(1.05);} .dct_team_v2:hover .et_pb_team_member_image:before{transform: scale(1,1);} .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a{border: 1px solid #ccc; width: 40px; height: 40px; line-height: 43px; border-radius: 50%; display: block;} .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover{color:#fff;background:var(--gcid-secondary-color);} /*Bar Counter*/ .dct_bar li{margin-bottom:26px;} .dct_bar li .et_pb_counter_title{padding-bottom: 11px;} .dct_bar li .et_pb_counter_container{border-radius:25px;overflow: visible;} .dct_bar li .et_pb_counter_container .et_pb_counter_amount{background-color: var(--gcid-primary-color) !important;float: none; height: 13px; border-radius: 25px;} .dct_bar li .et_pb_counter_container .et_pb_counter_amount_number{font-size: 19px; position: absolute;right:0px; top: -28px; color: #fff; font-weight: 600;} /*Header*/ @media only screen and (max-width : 1050px) { .dct_hdr_btn{display:none !important;}} @media only screen and (min-width: 981px) and (max-width: 1050px){.dct_clm_hdr_v2{width: 100% !important;margin: 0 !important;}} /* ======================= Mobile Menu =========================*/ .dct_menu .et_pb_menu__icon {position:absolute;top:50%;transform:translateY(-50%);right: -100px;} .mobile_nav .mobile_menu_bar::before {color:var(--gcid-primary-color) !important;} .et_pb_menu ul li ul.sub-menu li {padding:0px !important;} .et_pb_menu ul li{margin-top: 0 !important;} .et_pb_menu ul li a{line-height: 30px;} .et_pb_menu ul li a:after{top: auto !important;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu, .et_pb_menu ul li.menu-item-has-children ul.sub-menu li, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li{display:block;float:none;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a{ width: 100%;line-height: inherit;border-bottom: 1px solid rgba(0,0,0,.10);border-top: 0 none;padding: 13px 15px !important;display:block;color:var(--gcid-secondary-color) !important;font-size: 15px;background: #fff;text-align: left;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{display:none;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before{position: absolute;content: '';left: 18px;top: 24px;width: 0;height: 2px; background-color: transparent;-webkit-transition: all .500s ease-in-out;transition: all .500s ease-in-out;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{opacity:1;padding-left: 40px !important;background-color: var(--gcid-primary-color);color: #fff !important;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before{background-color: rgba(255,255,255,.50);width: 10px;} .nav li li ul,.et-db #et-boc .et-l .nav li li ul{top:0px;border-radius:0px 10px 10px 0px !important;border: none !important;} .et-menu-nav li.mega-menu > ul{width:110%;padding:10px !important;} .et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a{padding: 13px 2px !important;color:var(--color-2 )!important;font-size:13px;} .et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a:before, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a:before{display:none;} @media only screen and (max-width : 980px) { .dct_menu{margin:0px;} .dct_menu .et_pb_menu_inner_container .et_pb_menu__wrap{justify-content: flex-end !important;} .et_pb_menu ul li a{line-height: 25px;padding: 10px 10px !important;} } /** Sidebar **/ #sidebar .et_pb_widget{border-radius: 5px; box-shadow: 0px 2px 20px #00000030;padding:25px;} #sidebar .et_pb_widget .widgettitle{ text-transform: uppercase; position:relative; margin-bottom:25px; padding-bottom:10px; font-size:20px; font-weight:700; line-height:28px; color:#2d2d2d } #sidebar .et_pb_widget .widgettitle:after, #sidebar .et_pb_widget .widgettitle:before{ content:''; position:absolute; bottom:0; width:60px; border-top:1px solid #d4d4d4; left:0 } #sidebar .et_pb_widget .widgettitle:after{ border-top:3px solid var(--gcid-primary-color); 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) } #sidebar .et_pb_widget:hover .widgettitle:after, #f_sidebar .et_pb_widget:hover .title:after{ width:100px; } #sidebar .widget_search input#searchsubmit{background: var(--gcid-secondary-color); color: #fff; font-weight: 700; text-transform: uppercase;} #sidebar .et_pb_widget ul li{border-bottom: 1px dashed #ccc;margin-bottom: 0 !important; padding: 15px 0px;} #sidebar .et_pb_widget.widget_recent_entries ul li:first-child{padding-top:0px;} #sidebar .et_pb_widget ul li a{color: #333;font-size: 14px;} #sidebar .et_pb_widget ul li .post-date{display:block;} #sidebar .et_pb_widget ul.et_post_gallery li{padding:0;} #sidebar .et_pb_widget ul.et_post_gallery li .et_portfolio_image .et_overlay{background:transparent;border:none;} #sidebar .et_pb_widget ul.et_post_gallery li .et_portfolio_image .et_overlay:before{display:none;}