/*--------------------------------------------------------------------------------- Theme Name: DIVI Medical & Helathcare Theme URI: http://divimedical.divi-childthemes.com/ Description: library for Health & Medical with predefined web elements which helps you to build your own site.This Theme is suitable for dental, doctor, care, clinic, dentist, health, pharmacy, health care, hospital, medical, medicine, fitness, professional, surgeon website. Author: Divi-Child Themes & Plugins Development Services Author URI: http://www.divi-childthemes.com Template: Divi Version: 1.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* ================================================== */ /** * General * Top-Bar * Header * Slider * Hero-Background * Blurb * Call-To-Action * Testimonials * PricingTable * Team * Counter * Tab * Client-Logo * Timeline * FAQ * Blog * Departments * Portfolio * Appointment * Newsletter * Contact Us * Footer * Scroll Top Button * Media Queries * Template-Options */ /* ======================= General =========================*/ #top-menu li li a { padding: 6px 10px; } #top-menu li a:hover {opacity:1 !important;} #top-menu li .sub-menu li a{display: block; position: relative; padding: 1px 0 1px 28px; font-size: 13px; cursor: pointer; outline: none; transition: all .5s;} #top-menu li .sub-menu li a:hover {opacity:1;color:#fff;} #top-menu li .sub-menu li a::before{ content: "\4c"; position: absolute; height: 0px; left: 10px; top: 0px; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; } .sliding_button_cta a {background: var(--color-2);padding: 10px 20px !important;opacity: 1;border: 2px solid var(--color-1);} .sliding_button_cta a:hover {background: var(--color-1);border: 2px solid var(--color-2);} .et_mobile_menu li.sliding_button_cta a {background:transparent !important;border-width:2px;} .et_mobile_menu li.sliding_button_cta a:hover {} .sliding_button_cta a { border: 2px solid #800000; } .sliding_button_cta a:hover { border: 2px solid #800000!important; } div.et_pb_row#dct_row { background:var(--color-1); } .dct_divider::before { border-top-color: var(--color-1) !important; } .dct-bg-p-1 { background-color:var( --color-1); } .dct_h5_span .et_pb_text_inner h5 span { color: var(--color-1); font-size: 28px; line-height: 30px; font-weight:700; text-transform: uppercase; } .dct_btn { background: var(--color-1) !important; border-color: var(--color-1) !important; color: #fff; font-weight: normal; text-transform: uppercase; font-weight: 600; border-radius: 0; font-size: 15px; } .dct_btn:hover { background:#000 !important; border-color:var(--color-1) !important; color:#fff; } .dct_gallery { border: 10px solid var(--color-1); } .dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1) !important; } .dct_bd_img .et_pb_image_wrap::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid var(--color-1); } .dct_bd_img img { left: 20px; top: 20px; } div.et_pb_column#dct_home_2_bg { background-color:var(--color-1); } @media only screen and (max-width : 480px) { .dct_h5_span .et_pb_text_inner h5 span { font-size: 24px; } } @media only screen and (max-width : 980px) { #top-header, #et-secondary-nav li ul { background-color:var(--color-1) !important; } } /* ======================= Progress bar =========================*/ .dct_pb_1 .et_pb_counter_amount { background-color:var(--color-1) !important; } .dct_pb_1 .et_pb_counter_title { font-size: 15px; line-height: 2.4em; } /* ======================= Header title =========================*/ .dct-header-title .header-content h1 { font-size: 45px; text-transform: uppercase; font-weight: 600; } .dct-header-title .header-content h1 span { color:var(--color-1); } @media only screen and (max-width : 768px) { .dct-header-title .header-content h1 { font-size: 35px; } } /* ======================= Page Section Title =========================*/ .dct-title { overflow: hidden; position: relative; } .dct-title h3 { font-size: 28px; text-transform: uppercase; font-weight: 700; } .dct-title p { font-size: 13px; margin-bottom: 20px; } .dct-title:before { background: #28435f none repeat scroll 0 0; bottom: 5px; content: ""; height: 7px; left: 50%; position: absolute; right: 0; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 109px; } .dct-title:after { bottom: 5px; height: 7px; left: 50%; position: absolute; right: 0; background: var(--color-1); visibility: visible; text-align: center; width: 55px; z-index: 9; } @media only screen and (max-width : 480px) { .dct-title h3 { font-size: 22px; } } /* ======================= Page Section Title Left =========================*/ .dct-title.le::after { left:0; } .dct-title.le::before { display:none; } /* ======================= Top-Bar =========================*/ #top-menu li { width: auto !important; } #top-menu li a { font-weight: 600 !important; } #et-info, #et-secondary-menu > ul > li a { padding-bottom: 1em; text-transform:capitalize; } #et-info-email { text-transform: lowercase; } #top-header .dct-quote a:before { content:"\7d"; font-family:ETmodules; margin-right:10px; margin-top:-2px; color:#fff; font-size:18px; float:left } #top-header .dct-docs a:before { content:"\e086"; font-family:ETmodules; margin-right:10px; margin-top:-2px; color:#fff; font-size:18px; float:left } #top-header #et-info-phone { border-right: 1px solid rgba(255, 255, 255, 0.77); margin-right: 10px; padding-right:10px } /** #main-header { background-color: transparent; box-shadow: unset; } **/ #top-menu-nav .nav li ul{border-color:var(--color-1);} #top-menu a {color:#fff;} #top-header, #top-header #et-info, #top-header .container, #top-header .et-social-icon a { line-height: 16px; } .et-fixed-header#main-header { background-color: var(--color-1) !important; } .et-fixed-header#top-header { background-color:#2a2a2a !important; } @media only screen and (max-width : 980px) { #main-header { top: 0; } #top-header { display:none; } } @media only screen and (max-width : 479px) { .et_header_style_split header#main-header .logo_container { position: absolute; left: 28%; } } @media only screen and (min-width: 479px) and (max-width:480px) { .et_header_style_split header#main-header .logo_container { position: absolute; left: 35%; } } @media only screen and (min-width: 481px) and (max-width:768px) { .et_header_style_split header#main-header .logo_container { position: absolute; left: 40%; } } @media only screen and (min-width: 768px) and (max-width:980px) { .et_header_style_split header#main-header .logo_container { position: absolute; left: 43%; } } /* ======================= Slider =========================*/ /* ======================= Slider-V1 =========================*/ .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content h1 { color: var(--color-1) !important; font-size:59px; font-weight:600; line-height:1.2; text-transform:uppercase; letter-spacing:.5px; margin-top:0 } .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content h4 span { padding:5px 14px; letter-spacing:4px; text-transform:uppercase; font-size:20px; font-weight:400 } .dct_slider_v1 .et_pb_slide_description .et_pb_button { color:#000!important; border-color:#fff; border-radius:0; letter-spacing:0; text-transform:uppercase!important; font-size:15px !important; background:#fff!important; font-weight: 600; } .dct_slider_v1 .et_pb_slide_description .et_pb_button:hover { color:#fff!important; border-color:#000!important; background:#000!important } .dct_slider_v1 .et_pb_slide_description .et_pb_button:after { font-size:23px; } @media only screen and (max-width : 980px) { .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content h1 { font-size: 30px; } .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content h4 span { font-size: 15px; padding: 0; } .dct_slider_v1 .et_pb_slide_description .et_pb_button { margin-bottom: 40px; } } /* ======================= Slider-V2 =========================*/ .dct_slider_v2 .et_pb_slide_description { text-align:left; } .dct_slider_v2 .et_pb_slide_description .et_pb_slide_content h2 { animation-delay: 0.7s; color: #ffffff; font-size: 58px; font-style: normal; font-weight: 700; letter-spacing: 1px; line-height: 60px; text-transform: uppercase; } .dct_slider_v2 .et_pb_slide_description .et_pb_slide_content h4 { background-color: rgba(255, 255, 255, 0.4); border-bottom: 5px solid var(--color-1); color: #fff; display: inline-block; font-size: 32px; margin-bottom: 20px; padding: 8px 28px; text-transform: uppercase; } .dct_slider_v2 .et_pb_slide_description .et_pb_button { color:#000!important; border-color:#fff; border-radius:0; letter-spacing:0; text-transform:uppercase!important; font-size:15px; background:#fff!important; font-weight: 600; } .dct_slider_v2 .et_pb_slide_description .et_pb_button:hover { color:#fff!important; border-color:#000!important; background:#000!important } .dct_slider_v2 .et_pb_slide_description .et_pb_button:after { font-size:23px; } @media only screen and (max-width : 980px) { .dct_slider_v2 .et_pb_slide_description .et_pb_slide_content h4 { font-size: 20px; } .dct_slider_v2 .et_pb_slide_description .et_pb_slide_content h2 { font-size: 31px; line-height: 40px; } .dct_slider_v2 .et_pb_slide_description .et_pb_button { font-size: 14px; } } /* ======================= Slider-V3 =========================*/ .dct_slider_v3 .et_pb_slide_description .slide-content-box { background: rgba(0, 0, 0, 0.7); display: block; width: 60%; text-align:left; border: 2px solid var(--color-1); padding: 29px 35px 35px; } .dct_slider_v3 .et_pb_slide_description .slide-content-box h1 { color: #fff !important; font-size: 36px; font-weight: 700; } .dct_slider_v3 .et_pb_slide_description .slide-content-box h1 span { color: var(--color-1); line-height: 48px; } .dct_slider_v3 .et_pb_slide_description .slide-content-box p { font-size: 18px; color: #fff; font-weight: 300; line-height: 28px; margin: 0px 0 35px; } .dct_slider_v3 .et_pb_slide_description .slide-content-box .button { margin-bottom: 12px; } .dct_slider_v3 .et_pb_slide_description .slide-content-box .button a { border: 2px solid #2a2a2a; background: #ffffff; padding: .3em 1em; position: relative; line-height: 1.7em !important; color: #222222; font-size: 15px; font-weight: 600; text-transform: uppercase; margin-right: 16px; border-radius: 0px; } .dct_slider_v3 .et_pb_slide_description .slide-content-box .button a:hover { background: var(--color-1); border-color: var(--color-1); color:#fff; } .dct_slider_v3 .et_pb_slide_description .slide-content-box .button a.btn-style-two { background: var(--color-1); border-color: var(--color-1); color: #ffffff; } .dct_slider_v3 .et_pb_slide_description .slide-content-box .button a.btn-style-two:hover { background: #ffffff; color: #222222; } @media only screen and (max-width : 980px) { .dct_slider_v3 .et_pb_slide_description .slide-content-box { width: auto; padding: 15px; } .dct_slider_v3 .et_pb_slide_description .slide-content-box h1 { font-size: 29px; } .dct_slider_v3 .et_pb_slide_description .slide-content-box .button a { display: block; margin-bottom: 6px; text-align: center; padding: 10px; } .dct_slider_v3 .et-pb-controllers { bottom: 0; } } @media only screen and (min-width: 981px) and (max-width: 1249px) { .dct_slider_v3 .et_pb_slide_description .slide-content-box .button a { display: inline-block; padding: 10px 15px; } } /* ======================= Slider-V4 =========================*/ .dct_slider_v4 .et_pb_slide_content { text-align:left; } .dct_slider_v4 .et_pb_slide_content h2 { font-size: 60px; letter-spacing: 4px; font-weight: bold; margin-left: -10px; } .dct_slider_v4 .et_pb_slide_content h6 { padding-bottom: 31px; line-height: 30px; font-size: 20px; font-weight: normal; } .dct_slider_v4 .et_pb_slide_content .dct-title { margin-bottom: 25px; } .dct_slider_v4 .et_pb_slide_content .dct-title::before { background: #000; bottom: 1px; } .dct_slider_v4 .et_pb_slide_content .dct-title.left::after { left:6%; bottom: 1px; } @media only screen and (max-width : 980px) { .dct_slider_v4 .et_pb_slide_content h2 { font-size: 35px; margin-left: auto; } } /* ======================= Slider-V5 =========================*/ .dct_slider_v5 .et-pb-controllers a { width:20px; height:10px; transition:border-radius .1s linear, transform .6s ease-in-out; } .dct_slider_v5 .et-pb-controllers .et-pb-active-control { transform: rotate(180deg); background-color:var(--color-1) !important; } .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-next,.dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-prev {z-index: 2; color: #fff; width: 50px; height: 50px; display: block; line-height: 50px; text-align: center; } .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-next::before, .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-prev::before { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; position: absolute; background: var(--color-2); -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg); } .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-next:hover::before, .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-prev:hover::before {background: var(--color-1);} .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-next::before { content: "\39"; } .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-prev::before { content: "\38"; } .dct_slider_v5 .et_pb_slide_description { text-align:right; } .dct_slider_v5 .et_pb_slide_with_image .et_pb_slide_description { width:auto; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .htl_bnr_sbheading { float: right; font-size: 32px; font-weight: bold; background-color: var(--color-1); color: #ffffff; text-transform: uppercase; position:relative; margin-bottom: 20px; padding: 10px 15px; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .htl_bnr_sbheading:after { content: ""; position: absolute; top: 0; right: -13px; width: 20px; height: 100%; background-color: var(--color-1); -webkit-clip-path: polygon(0% 0, 50% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0, 50% 0%, 100% 100%, 0% 100%); } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .htl_bnr_sbheading:before { content: ""; position: absolute; top: 0; right: -28px; width: 20px; height: 100%; background-color: var(--color-1); -webkit-clip-path: polygon(0% 0, 50% 0%, 100% 100%, 50% 100%); clip-path: polygon(0% 0, 50% 0%, 100% 100%, 50% 100%); } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .htl_bnr_heading { font-size:40px; text-transform:uppercase; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .htl_bnr_heading span { color:var(--color-1); font-weight:bold; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text h6 { color: #fff; font-size: 13px; letter-spacing: 1px; line-height: 20px; margin-bottom: 10px; font-weight: normal; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .hlt_btn { margin-right:10px; } .dct_slider_v5 .et_pb_slide_description .hlt_btn { display: inline-block; min-width: 150px; line-height: 35px; font-size: 15px; font-weight: 600; border: 2px solid var(--color-1); background-color: var(--color-1); color: #ffffff; text-transform: uppercase; text-align: center; border-radius: 0px; } .dct_slider_v5 .et_pb_slide_description .hlt_btn:hover { border: 2px solid var(--color-1); background-color: transparent; color: #fff; } .dct_slider_v5 .et_pb_slide_description .hlt_btn_white { display: inline-block; min-width: 150px; height: 50px; line-height: 46px; border: 2px solid #ffffff; background-color: #ffffff; color: var(--color-1); text-transform: capitalize; text-align: center; border-radius: 50px; } .dct_slider_v5 .et_pb_slide_description .hlt_btn_white:hover { border: 2px solid #ffffff; background-color: transparent; color: #ffffff; } @media only screen and (max-width : 480px) { .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .htl_bnr_sbheading { font-size: 15px; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .htl_bnr_heading { font-size: 27px; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .hlt_btn { margin-bottom: 10px; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text h6 { display:none; } .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text p, .dct_slider_v5 .et_pb_slide_description .hlt_bnr_text .htl_bnr_heading { text-align: center; } .dct_slider_v5 .et_pb_slide_description .hlt_btn { min-width: 125px; height: 45px; line-height: 40px; } .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-next, .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-prev { width: 30px; height: 30px; } .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-next::before, .dct_slider_v5 .et-pb-slider-arrows .et-pb-arrow-prev::before { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); font-size: 30px; } } /* ======================= Slider-V6 =========================*/ .dct_slider_v6 .et_pb_slide_description .et_pb_slide_title { text-align:left; text-transform: uppercase; font-size: 70px; line-height: 80px; font-weight: 500 !important; } .dct_slider_v6 .et_pb_slide_description .et_pb_slide_content h1 { text-align:left; text-transform: uppercase; font-size: 70px; line-height: 80px; color: var(--color-1) !important; font-weight: 700; } .dct_slider_v6 .et_pb_slide_description { padding: 16% 0%; padding-top: 10%; } .dct_slider_v6 .et_pb_slide_description .et_pb_slide_content p { font-size: 15px; font-weight: 300; text-align: left; } .dct_slider_v6 .et_pb_button_wrapper .et_pb_button { font-size: 15px; padding-left: 1em !important; padding-right: 1.7em !important; font-weight: 600; border-radius:0; color: rgb(255, 255, 255); background-color: var(--color-1); border-color: var(--color-1); cursor: pointer; text-transform: uppercase; } @media only screen and (max-width : 480px) { .dct_slider_v6 .et_pb_slide_description .et_pb_slide_title, .dct_slider_v6 .et_pb_slide_description .et_pb_slide_content h1 { font-size: 40px; line-height: 45px; text-align: center !important; } .dct_slider_v6 .et_pb_slide_description .et_pb_slide_content p { text-align:center; } } @media only screen and (max-width : 980px) { .dct_slider_v6 .et_pb_button_wrapper { text-align:center; } } /* ======================= Hero-Background =========================*/ .dct_intro_1 .et_pb_blurb_content .et_pb_main_blurb_image { background: var(--color-1); padding: 20px; width: 100px; border-radius:50%; height: 100px; display:block; color: #fff; } .dct_intro_1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:var(--color-1); } /***** Blurb intro 4 Style start here *******/ .dct_intro_4 { transform: scale(1); transition: all 300ms ease-in; } .dct_intro_4:hover { background: var(--color-1); transform: scale(1.1); transition: all 300ms ease-in; z-index:10; } .dct_intro_4:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:#fff !important; } .dct_intro_4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1) !important; font-size: 50px !important; font-weight: normal; } .dct_intro_4 .et_pb_blurb_content .et_pb_blurb_container { text-align:center !important; color:#fff; } .dct_intro_4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--color-1); text-transform: uppercase; } .dct_intro_4:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:#fff; } /***** Blurb intro 2 Style start here *******/ .dct-intro-blurb-2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1) !important; } /***** Blurb intro 3 Style start here *******/ .dct-intro-blurb-3 { margin-bottom: 50px !important; } .dct-intro-blurb-3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: #fff !important; background-color: var(--color-1) !important; font-size: 30px; padding: 15px; border-radius:50%; } .dct-intro-blurb-3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { letter-spacing: .5px; font-size: 18px; font-weight: 600; } .dct-intro-blurb-3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-size: 13px; font-weight: 500; line-height: 1.7; } /***** Blurb intro 4 Style start here ***/ .dct-intro-blurb-4 .et_pb_blurb_content { width:84%; border:1px solid var(--color-1); padding:15px 10px; margin:5% } .dct-intro-blurb-4:hover .et_pb_blurb_content { border:1px solid #000; } .dct-intro-blurb-4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:#666; font-weight:700; text-transform:uppercase; margin-bottom:7px } .dct-intro-blurb-4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-size:13px; color:#999999; } .dct-intro-blurb-4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { display:inline-block; width:80px; height:80px; background: var(--color-1) !important; padding: 15px; border-radius: 50%; } .dct-intro-blurb-4:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { background:#000; color:#fff !important } .dct-intro-blurb-4 .et_pb_blurb_content .et_pb_main_blurb_image { position: relative; top: 1px; left: -49px; } .dct-intro-blurb-4.rt .et_pb_blurb_content .et_pb_main_blurb_image { float: right; position: relative; left: 0px; } @media only screen and (max-width : 480px) { .dct-intro-blurb-4.rt .et_pb_blurb_content .et_pb_blurb_container { padding-left: 0; } } @media only screen and (max-width : 980px) { .dct-intro-blurb-4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { font-size: 20px; width: 45px; height: 45px; color: #fff !important; background-color: var(--color-1); line-height: 45px; left: -16px !important; } .dct-intro-blurb-4 .et_pb_blurb_content { width: auto; float: none; } .dct-intro-blurb-4 .et_pb_blurb_content .et_pb_blurb_container { text-align: right !important; padding-right: 0; } .dct-intro-blurb-4 .et_pb_blurb_content .et_pb_main_blurb_image { width: auto; } } @media only screen and (max-width : 480px) { .dct-intro-blurb-4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 15px; } } /***** Blurb intro 5 Style start here ****/ .dct-intro-blurb-5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:#fff!important; background-color:var(--color-1)!important; font-size:20px; padding:20px } .dct-intro-blurb-5 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { letter-spacing: .5px; color:#fff; font-size: 18px; font-weight: 600; } .dct-intro-blurb-5 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color:#bababa; font-size: 13px; font-weight: 500; line-height: 1.7; } /* ======================= Home 4 =========================*/ #dct_home_4 .dct_blurb_h4.color { background-color: var(--color-1); } #dct_home_4 .dct_blurb_h4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--color-1); font-size: 60px; } #dct_home_4 .dct_blurb_h4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--color-1); } #dct_home_4 .dct_bg .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: #fff !important } /* ======================= Treatment Style =========================*/ /* ======================= Treatment-V1 =========================*/ .dct_blurb_1.tab-active .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:#fff; } .dct_blurb_1 .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1); } .dct_blurb_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { text-transform: uppercase; } .dct_blurb_1.tab-active .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:#fff; } .dct_blurb_1.tab-active .et_pb_blurb_content .et_pb_blurb_description { color:#fff; } .dct_blurb_1.tab-active, .dct_blurb_1:hover { background-color:var(--color-1)!important; cursor:pointer } .dct_tab_description::before { content:' '; font-family: ETmodules !important; position:absolute; top:0; right:0; left:0; bottom:0; z-index:0; background-color:var(--color-1); opacity:.9 } .dct_list_1 { padding:0; margin-top:15px } .dct_list_1 li { list-style:none; width:49%; display:inline-block; font-style:italic } .dct_list_1 li:before { content:'\4e'; font-family: ETmodules !important; margin-right:7px } .dct_b_heading { text-transform:uppercase; font-weight: 700; font-size: 25px; } @media screen and (max-width:39.9375em) { .dct_list_1 li { width:100%; display:block } } @media (max-width:980px) { .dct_tab_description { position:absolute!important; right:0; left:0; transform:translate(110%); transition:all .4s ease-in-out } .dct_tab_description>button { background-color:#fff; position:relative; display:table; border:none; padding:6px 11px; margin:-39px -25px 33px auto } } /* ======================= Treatment-V2 =========================*/ .dct_blurb_2 { text-align: center; position: relative; padding:10px; border: 2px solid var(--color-1); } .dct_blurb_2:hover { box-shadow: 0 0 20px -5px #000; } .dct_blurb_2 .et_pb_blurb_content { max-width: 100%; } .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { width: 130px; height: 140px; line-height: 165px; background: linear-gradient(to bottom, transparent 49%, var(--color-1) 50%); margin: 0 auto 15px; font-size: 45px; color: #fff !important; -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%); position: relative; transition: all 0.3s ease 0s; } .dct_blurb_2:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { font-size: 60px; } .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before, .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after { content: ""; width: 93%; height: 93%; background: #fff; position: absolute; top: 50%; left: 50%; z-index: -1; -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%); transform: translate(-50%, -50%); } .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after { width: 85%; height: 85%; background: var(--color-1); transition: all 0.3s ease 0s; } .dct_blurb_2:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after { box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset; } .dct_blurb_2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 20px; font-weight: 600; color: #333; position:relative; margin: 0 0 10px 0; transition: all 0.5s ease 0s; text-align:center; text-transform:uppercase; } .dct_blurb_2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--color-1); } .dct_blurb_2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before { content: ""; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--color-1); background: var(--color-1); box-shadow: 0 0 0 3px #fff inset; position: absolute; top: -50px; left: 50%; opacity: 0; transform: translateX(-50%); transition: all 0.3s ease 0s; } .dct_blurb_2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before { opacity: 1; top: -47px; } .dct_blurb_2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-size: 16px; color: #666; text-align:center; font-weight: 400; line-height: 28px; transition: all 0.5s ease 0s; } @media only screen and (max-width:990px) { .dct_blurb_2 { margin-bottom: 10px; } } /* ======================= Treatment-V3 =========================*/ .dct_blurb_3 .et_pb_blurb_content { max-width:100% } .dct_blurb_3 .et_pb_blurb_content img { width:100% } .dct_blurb_3 .et_pb_column { overflow:hidden; position:relative } .dct_blurb_3 .et_pb_column img { -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; transition:all .5s ease-in-out; display:block } .dct_blurb_3 .et_pb_column:hover img { transform:scale(1.1) } .dct_blurb_3 .et_pb_column .et_pb_main_blurb_image:after { background:rgba(0, 0, 0, .3) } .dct_blurb_3 .et_pb_column:hover .et_pb_main_blurb_image:after { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); content:''; pointer-events:none } .dct_blurb_3 .et_pb_column .et_pb_blurb_content:after, .dct_blurb_3 .et_pb_column .et_pb_blurb_content:before { top:30px; right:30px; bottom:30px; left:30px; content:''; opacity:0; pointer-events:none; position:absolute } .dct_blurb_3 .et_pb_main_blurb_image { margin:-10px } .dct_blurb_3 .et_pb_column .et_pb_blurb_content:before { border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0, 1); transform:scale(0, 1); -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transition:opacity .35s, -webkit-transform .35s; transition:opacity .35s, transform .35s; z-index:1 } .dct_blurb_3 .et_pb_column .et_pb_blurb_content:after { border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1, 0); transform:scale(1, 0); -webkit-transform-origin:100% 0; transform-origin:100% 0; -webkit-transition:opacity .35s, -webkit-transform .35s; transition:opacity .35s, transform .35s } .dct_blurb_3 .et_pb_column:hover .et_pb_blurb_content:after, .dct_blurb_3 .et_pb_column:hover .et_pb_blurb_content:before { -webkit-transition-delay:.15s; transition-delay:.15s; opacity:1; -webkit-transform:scale(1); transform:scale(1) } .dct_blurb_3 .et_pb_column .et_pb_blurb_container { opacity:0; color:#fff; position:absolute; top:40%; width:100%; text-align:center; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; transition:all .5s ease-in-out; margin:0; padding:0 55px; pointer-events:none; line-height:1em!important } .dct_blurb_3 .et_pb_column:hover .et_pb_blurb_container { opacity:1; position:absolute; top:45%; width:100%; text-align:center; color:#fff; line-height:1em!important } .dct_blurb_3 .et_pb_column .et_pb_blurb_container .et_pb_blurb_description { opacity:0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .dct_blurb_3 .et_pb_column:hover .et_pb_blurb_container .et_pb_blurb_description { opacity:1; top: 40%; position: relative; line-height: 25px; padding: 5px; text-transform: capitalize; } .dct_blurb_3.show-title h4 { border-radius: 25px; background:#111; padding:10px!important; display:inline-block; margin-bottom:10px; color:#fff!important; width:100% !important; } .dct_blurb_3.show-title .et_pb_blurb_container { opacity:1; top: 80%; } .dct_blurb_3.show-title .et_pb_column:hover .et_pb_blurb_container { opacity:1; top:40% } .dct_blurb_3.show-title .et_pb_blurb_container p { opacity:0 } .dct_blurb_3.show-title .et_pb_column:hover .et_pb_blurb_container p { opacity:1 } /* ======================= Treatment-V4 =========================*/ .dct_blurb_4 { text-align: center; padding: 40px; background: #f7f7f7; position: relative; } .dct_blurb_4:hover { background: var(--color-1); } .dct_blurb_4 .et_pb_blurb_content .et_pb_main_blurb_image { width: 100px; height: 100px; line-height: 125px; border-radius: 50%; border: 3px solid #b3b3b3; font-size: 50px; margin-bottom: 30px; color: #b3b3b3 !important; margin: 0 auto; transition: all 0.5s ease-in-out; } .dct_blurb_4:hover .et_pb_blurb_content .et_pb_main_blurb_image { transform: rotateY(360deg); color: #fff !important; border-color: #fff; background: var(--color-1); } .dct_blurb_4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 20px; font-weight: bold; color: var(--color-1); margin: 0 0 10px 0; text-transform:uppercase; transition: all 0.5s ease 0s; text-align:center; } .dct_blurb_4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-size: 16px; color: #666; text-align:center; font-weight: 400; line-height: 28px; transition: all 0.5s ease 0s; } .dct_blurb_4:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct_blurb_4:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color:#fff; } .dct_blurb_4 .et_pb_blurb_content .et_pb_main_blurb_image { background: var(--color-1); height: 90px; width: 90px; border-radius: 0%; line-height: 120px; transition: .3s; margin-bottom:30px; border: 1px solid var(--color-1); } .dct_blurb_4:hover .et_pb_blurb_content .et_pb_main_blurb_image { border: 1px solid #fff; } .dct_blurb_4 .et_pb_blurb_content .et_pb_blurb_container { text-align: center !important; } @media screen and (max-width: 990px) { .dct_blurb_4 { margin-bottom: 20px; padding: 20px 0; } } /* ======================= Treatment Detauils V1 =========================*/ .dct_offer_colmn { border-bottom: 1px solid rgba(219, 219, 219, 1); } /* ======================= Call-To-Action =========================*/ .dct_cta_1 .et_pb_promo_description .et_pb_module_header { color: var(--color-1) !important; font-size: 60px; font-weight: bold; text-align: center; } .dct_cta_1 .et_pb_promo_description h3 { line-height: 24px; font-weight: normal; font-size: 16px; letter-spacing: 1px; } .dct_cta_1 .et_pb_button_wrapper { display:inline-block; } .dct_cta_1 .et_pb_button_wrapper .et_pb_button { color: white; background: var(--color-1); font-size: 15px; text-transform: uppercase; font-weight: 600; border-radius: 0px; border: 2px solid transparent; transition: all 0.5s; } .dct_cta_1 .et_pb_button_wrapper .et_pb_button:hover { background: transparent; border: 2px solid var(--color-1); color: white; } @media only screen and (max-width : 980px) { .dct_cta_1 .et_pb_promo_description .et_pb_module_header { font-size: 32px; } } /* ======================= Call-to-action V2 =========================*/ .dct_cta_v2 .et_pb_module_header { font-size: 40px; font-weight: 800; text-transform: uppercase; } .dct_cta_v2 .et_pb_button { border-radius:0; text-transform:uppercase; font-size: 15px; font-weight:600; } .dct_cta_v2 .et_pb_button:after { font-size: 25px; } .dct_cta_v2 .et_pb_button_wrapper { text-align:right; } .dct_cta_v2:hover .et_pb_button { background:var(--color-1); } @media only screen and (max-width : 980px) { .dct_cta_v2 .et_pb_module_header { font-size: 28px; line-height: 41px; } } /* ======================= Call-to-action V3 =========================*/ .dct_cta_v3:hover { background:var(--color-1); } .dct_cta_v3 { padding-top:100px !important; padding-bottom:50px !important; padding-right:100px !important; padding-left:100px !important; } .dct_cta_v3 .et_pb_promo_description .et_pb_module_header { display: inline-block; font-weight: bold; color: #fff; line-height: 50px; } .dct_cta_v3 .et_pb_button { border-radius: 0; text-transform:uppercase; font-size: 15px; font-weight: 600; } .dct_cta_v3 .et_pb_button:hover { background-color:transparent; border:1px solid #fff; } @media only screen and (max-width : 1099px) { .dct_cta_v3 { padding-right: 0 !important; padding-left: 0 !important; padding-top: 50px !important; } .dct_cta_v3 .et_pb_promo_description .et_pb_module_header { line-height: 35px; } } /* ======================= Call-to-action V4 =========================*/ div.et_pb_section#dct_cta_v4 { background-color: var(--color-1); } #dct_cta_v4 .et_pb_text_inner h3 { padding-bottom:0; } #dct_cta_v4 .et_pb_button:hover { background-color:#000 } #dct_cta_v4 .et_pb_button { position:absolute; top:0; right:0; color: #fff !important; border-radius: 0; text-transform: uppercase; font-weight: 600; font-size: 15px; } #dct_cta_v4 .et_pb_button:hover { background-color:var(--color-1); border: 2px solid #fff; } #dct_cta_v4 .et_pb_promo_description h2 { padding-right: 100px; } #dct_cta_v4 .et_pb_button::after { font-size: 25px; } @media only screen and (max-width : 1299px) { #dct_cta_v4 .et_pb_button { position: relative; top: -15px; } #dct_cta_v4 .et_pb_promo_description h2 { padding-right: 0; line-height: 30px; font-size: 20px; } #dct_cta_v4 .et_pb_promo_description { padding-bottom: 0px; } } @media only screen and (max-width : 980px) { #dct_cta_v4 .et_pb_text_inner, #dct_cta_v4 .et_pb_button_module_wrapper { text-align: center; } } /* ======================= Call-to-action V5 =========================*/ .dct_cta_5 .et_pb_promo_description .et_pb_module_header { font-size: 45px; font-weight: 700; color: var(--color-1) !important; line-height: 75px; text-transform: uppercase; letter-spacing: 2px; } .dct_cta_5 .et_pb_promo_description { font-size: 25px; line-height: 45px; } .dct_cta_5 .et_pb_button_wrapper { display:inline-block; } .dct_cta_5 .et_pb_button_wrapper .et_pb_button { width:100%; color: #fff; background: var(--color-1); font-size: 15px; border-radius: 0px; text-transform: uppercase; font-weight: 600; border: 2px solid transparent; transition: all 0.5s; } .dct_cta_5 .et_pb_button_wrapper .et_pb_button:hover { background: transparent; border: 2px solid var(--color-1); color: #333; } @media only screen and (max-width : 980px) { .dct_cta_5 .et_pb_promo_description .et_pb_module_header { font-size: 27px !important; line-height: 40px; } .dct_cta_5 .et_pb_promo_description { font-size: 17px; } } /* ======================= Testimonials =========================*/ /* ======================= Testimonial V1 =========================*/ .dct_testimonial_1 { background-color: transparent !important; border: 1px solid var(--color-1); z-index: -1; } .dct_testimonial_1::before { position: absolute; top: -15px; left: 10%; background: var(--color-1); font-size: 50px; border-radius: 0; content: "\07b"; color: #fff !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; -webkit-box-shadow: 0 5px 30px rgba(19, 47, 34, .15); -moz-box-shadow: 0 5px 30px rgba(19, 47, 34, .15); box-shadow: 0 5px 30px rgba(19, 47, 34, .15); } .dct_testimonial_1 .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_author { display: block; text-align: center; font-size: 18px; font-style: normal; font-weight: 700; color: #000; left: 60px; text-transform: uppercase; } .dct_testimonial_1 .et_pb_testimonial_description .et_pb_testimonial_description_inner { background: var(--color-1); padding: 25px; text-align: center; font-weight: 500; font-size: 15px; color: #fff; font-style: italic; position: relative; } .dct_testimonial_1 .et_pb_testimonial_description .et_pb_testimonial_description_inner:before { content: ""; border-bottom: 20px solid var(--color-1); border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; top: -15px; left: 43%; } .dct_testimonial_1 .et_pb_testimonial_description .et_pb_testimonial_description_inner p { color: #fff; margin: 0; font-size: 16px; line-height: 25px; } @media only screen and (min-width: 768px) and (max-width:980px) { .dct_testimonial_1 .et_pb_testimonial_portrait { float: none; margin-right: auto; } .dct_testimonial_1 .et_pb_testimonial_description { margin-left: 0px !important; } } @media only screen and (min-width: 481px) and (max-width:768px) { .dct_testimonial_1 .et_pb_testimonial_description .et_pb_testimonial_description_inner::before { left: 47%; } } @media only screen and (min-width: 769px) and (max-width:980px) { .dct_testimonial_1 .et_pb_testimonial_description .et_pb_testimonial_description_inner::before { left: 48%; } } /* ======================= Testimonial V2 =========================*/ .dct_testimonial_2 .et_pb_slide_description .et_pb_slide_content img { float:left; border-radius:50%; width:100px; height:100px; margin-right:30px } .dct_testimonial_2 .et_pb_slide_description .et_pb_slide_content h5 { font-weight: normal; font-size:16px; color:#fff!important; text-align:justify; font-style:italic; line-height:20px } .dct_testimonial_2 .et_pb_slide_description .et_pb_slide_content h6 { color: var(--color-1) !important; } .dct_testimonial_2 .et_pb_slide_description .et_pb_slide_content p { color:#fff } .dct_testimonial_2 .et-pb-arrow-next::before, .dct_testimonial_2 .et-pb-arrow-prev::before { display:none } .dct_testimonial_2 .et-pb-controllers { transform:rotate(-90deg); right:-45%; top:45%; left:auto; bottom:auto } .dct_testimonial_2 .et-pb-controllers a { width:13px; height:13px; border:1px solid #333; border-radius:0 } .dct_testimonial_2 .et-pb-controllers .et-pb-active-control { border:1px solid var(--color-1); background-color:var(--color-1) } .dct_testimonial_2_text { padding: 25px; } /**Responsive**/ @media only screen and (max-width : 767px) { .dct_testimonial_2 .et_pb_slide_description .et_pb_slide_content img { float:none; margin-right: 0; } .dct_testimonial_2 .et-pb-controllers { transform: rotate(0deg); bottom:20px; top:auto; right: 0; } .dct_testimonial_2_text { margin-bottom: 50px !important; } .dct_testimonial_2 .et_pb_slide_description .et_pb_slide_content p, .dct_testimonial_2 .et_pb_slide_description .et_pb_slide_content h6 { text-align: center !important; } } /* ======================= Testimonial V3 =========================*/ .dct-testimonial-3 { border-radius:0 70px; border:5px solid var(--color-1); border-left:none; border-right:none; text-align:center } .dct-testimonial-3 .et_pb_testimonial_portrait { display:inline-block; width:100px; height:100px; border-radius:50%; margin-bottom:20px; overflow:hidden } .et_pb_testimonial::before { background:var(--color-1)!important; color:#fff } .dct-testimonial-3 .et_pb_testimonial_portrait img { width:100%; height:auto } .dct-testimonial-3 .et_pb_testimonial_author { display:block; margin:0 0 7px; font-size:20px; font-weight:800; color:var(--color-1); text-transform:uppercase } .dct-testimonial-3 .et_pb_testimonial_meta { display:block; font-size:15px; color:#000; text-transform:capitalize; margin-bottom:20px } .dct-testimonial-3 .et_pb_testimonial_description_inner { font-size:15px; color:#000; line-height:35px } @media only screen and (max-width :980px) { .dct-testimonial-3 .et_pb_testimonial_description_inner { line-height:30px } } /* ======================= Testimonial V4 =========================*/ .dct-testimonial-4 { background-color:#fff !important; } .dct-testimonial-4:before { left: 15%; background: var(--color-1); color:#fff; font-size: 50px; } .dct-testimonial-4 .et_pb_testimonial_portrait { width: 110px !important; height: 110px !important; border-radius:0; top: -10px; position: relative; } .dct-testimonial-4 .et_pb_testimonial_portrait:before, .dct-testimonial-4 .et_pb_testimonial_portrait:after { content: ""; display: block; height: 50%; width: 50%; position: absolute; } .dct-testimonial-4 .et_pb_testimonial_portrait:before { top: 57%; left: -10%; border-bottom: 3px solid var(--color-1); border-left: 3px solid var(--color-1); box-shadow: none; border-radius: 0; } .dct-testimonial-4 .et_pb_testimonial_portrait:after { top: -10%; right: -10%; border-top: 3px solid var(--color-1); border-right: 3px solid var(--color-1); } .dct-testimonial-4 .et_pb_testimonial_portrait { width: 100%; height: auto; } .dct-testimonial-4 .et_pb_dct-testimonial-4_description_inner { display: table; position: relative; } .dct-testimonial-4 .et_pb_testimonial_author { font-size: 18px; color: var(--color-1); font-weight:800; font-style: normal; } .dct-testimonial-4 .et_pb_testimonial_meta { font-weight:800; } .dct-testimonial-4 .et_pb_testimonial_description_inner { font-size: 13px; color: #7c7c7c; line-height: 25px; border-bottom: 4px solid var(--color-1); font-style: italic; } @media only screen and (max-width : 766px) { .dct-testimonial-4 { padding:0px !important; margin-bottom:30px !important; } } @media only screen and (min-width: 768px) and (max-width:980px) { .dct-testimonial-4::before { left: 30%; } } /* ======================= PricingTable =========================*/ /* ======================= PricingTable_V1 =========================*/ .btn_m_1.dct_active { background: var(--color-1) !important; } .btn_m_1, .btn_y_2 { min-width: 120px; text-align: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: var(--color-1); color: #fff; font-weight: 500; text-transform: uppercase; border-radius: 30px; transition: all 0.3s; box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3); } .btn_m_1:hover, .btn_y_2:hover { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 4px #fff inset, 0 0 10px #555; background: var(--color-1) !important; } .dct_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; } .dct_pricing.dct_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; } .Pricing_table_1 { visibility: hidden; } .Pricing_table_1.dct_active { visibility: visible; } .Pricing_table_1.dct_active .et_pb_pricing_table { z-index: 1; } .Pricing_table_1.dct_active .et_pb_featured_table { z-index: 11; } .Pricing_table_2 { position: absolute; top: 0; width: 100%; visibility: hidden; } .Pricing_table_2.dct_active { z-index: 10; visibility: visible; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table { background-color: #e7e7e7; text-align: center; border-radius: 15px; overflow: hidden; position: relative; transition: all 0.3s ease 0s; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset, 0 0 20px -5px rgba(0, 0, 0, 0.8); } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading { background:var(--color-1); padding: 30px 20px; margin: 0 -20px; box-shadow: 0 -10px 10px -7px #000 inset; border-radius: 0 0 50% 50%; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title { font-size: 25px; font-weight: 700; text-transform: uppercase; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top { background: var(--color-1); height: 130px; width: 130px; padding: 22px 0; margin: 0 auto 20px; border-radius: 50%; margin-top: 25px; box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_pricing_content_top { box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 5px #fff inset, 0 0 20px #555; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign { color: #fff; font-size: 35px; font-weight: 700; margin-left: 56px !important; top: 30px; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum { font-size: 70px; font-weight: 700; line-height: 82px; position: relative; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span::before { content:none; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li { color: #909090; font-weight: 600; text-align:center; padding: 10px; text-transform: capitalize; margin: 0 0 10px; border-bottom: 2px solid rgba(0, 0, 0, 0.15); } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li:last-child { border-bottom: none; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button { background: var(--color-1); color:#fff; font-weight: 500; text-transform: uppercase; border-radius: 30px; transition:all 0.3s; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 4px #fff inset, 0 0 10px #555; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content { padding:10px; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li:before { content: "\4e"; font-family: ETmodules !important; color: var(--color-1); text-align: center; padding-right: 5px; } @media only screen and (max-width: 1200px) { .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table { margin: 0 0 30px; } } @media only screen and (max-width: 479px) { .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content { font-size: 15px; } } @media (max-width: 980px) { .dct_pricing_row .et_pb_column { width: 50% !important; } } /* ======================= PricingTable_V2 =========================*/ .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table { border: 2px solid #e3e3e3; position: relative; transform: translateZ(0px); } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table:before, .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; z-index: -1; transition: all 0.5s ease 0s; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table:before { border-right: 2px solid var(--color-1); border-left: 2px solid var(--color-1); transform: scaleY(0); transform-origin: 100% 0 0; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table:after { border-bottom: 2px solid var(--color-1); border-top: 2px solid var(--color-1); transform: scaleX(0); transform-origin: 0 100% 0; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover:before { transform: scaleY(1); } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover:after { transform: scaleX(1); } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading { background: var(--color-1); color: #fff; padding: 40px 0; margin-bottom:0px; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title { font-size: 25px; font-weight: 800; text-transform: uppercase; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_best_value { font-size: 14px; display: block; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top { padding-bottom:0px; border-bottom:none; background: var(--color-1); } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign { font-size: 45px; font-weight: normal; position: absolute; color:#fff; top: -10px; margin-left: -25px; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency { color: #fff; position: absolute; bottom: 34px; text-transform: capitalize; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum { font-size: 72px; font-weight: 600; margin-top: 10px; position: relative; color:#fff; top:-30px; display: inline-block; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content { padding: 15px; margin-bottom: 10px; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span::before { content:none; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li { text-align:left; color: #7a7e82; line-height: 30px; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button { border-right: none; font-size: 13px !important; color: var(--color-1); padding: 9px 30px; position: relative; text-transform: uppercase; transition: all 0.3s ease 0s; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:before, .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:after { content: ""; display: block; height: 32px; border-left: 2px solid var(--color-1); position: absolute; right: -11px; opacity:1; transition: all 0.3s ease 0s; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:after { top: -6px; transform: rotate(-45deg); opacity: 1 !important; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:before { bottom: -6px; transform: rotate(45deg); } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover { background-color: transparent !important; border: 2px solid var(--color-1); border-right: none; } .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li:before { content: "\24"; font-family: ETmodules !important; font-weight: 900; color: var(--color-1); font-size: 20px; padding-right: 10px; } @media only screen and (max-width: 1200px) { .dct_pricingtable_2 .et_pb_pricing_table_wrap .et_pb_pricing_table { margin: 0 0 30px; } } /* ======================= PricingTable_V3 =========================*/ .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table { padding-bottom:20px; background:#fff; text-align:center; position:relative; transition:all 1s ease 0s } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover { box-shadow:0 0 15px rgba(0, 0, 0, .9) } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading { background:0, 0 } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title { padding:40px 20px 170px; background:var(--color-1); font-size:26px; font-weight:800; color:#fff; top:-10px; text-transform:uppercase; overflow:hidden; position:relative } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:after, .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:before { content:""; width:280px; height:200px; border-radius:80px; background:#fff; position:absolute; bottom:-175px; left:-46px; transform:rotate(-85deg) } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:after { border-radius:100px; bottom:auto; top:150px; left:auto; right:-70px; transform:rotate(-40deg) } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top { display:inline-block; width:140px; height:140px; line-height:65px; border-radius:50%; background:#fff; box-shadow:0 0 0 8px rgba(0, 0, 0, .3); padding:30px 0; font-size:35px; font-weight:600; color:#404040; position:absolute; top:110px; z-index:1; left:50%; transform:translateX(-50%); transition:all .3s ease 0s } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_pricing_content_top { background:var(--color-1); color:#fff } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price { display:inline-block } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency { display:block; font-size:16px; font-weight:500; line-height:0; color:#404040 } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign { font-size: 50px; font-weight: 700; color: #404040; margin-left: -22px !important; top: 28px; } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum { font-size:60px; top:6px; position:relative; left:9px; font-weight:700; color:#404040 } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content { list-style:none; padding:0; margin-bottom:20px; text-align:left; transition:all .3s ease 0s } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li { padding:7px 0 7px 50px; position:relative } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span::before { content:none } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li:before { content: "\24"; font-family: ETmodules !important; font-weight: 900; color: var(--color-1); font-size: 20px; padding-right: 10px; } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li.disable { color:#707070 } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover, .dct_pricingtable_3:hover .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign, .dct_pricingtable_3:hover .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency, .dct_pricingtable_3:hover .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum { color:#fff } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li.disable:before { display:none } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button { display:inline-block; border-radius:30px; background:var(--color-1); font-size: 18px !important; color:#fff; text-transform:uppercase; z-index:1; position:relative; transition:all .3s ease 0s } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:before { content:""; width:98%; height:92%; border-radius:30px; background:#fff; position:absolute; top:2px; left:2px; z-index:-1 } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover:before { background:0 0 } @media only screen and (max-width:990px) { .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table { max-width: 350px !important; margin: 0 auto !important; } } @media only screen and (max-width:767px) { .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:before { height:400px; top:100px; left:55px } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:after { width:550px; height:550px; top:150px; right:-100px; transform:rotate(-20deg) } } @media only screen and (max-width:480px) { .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:after, .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:before { width:280px; height:200px; top:220px; left:-46px } .dct_pricingtable_3 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:after { top:150px; left:auto; right:-70px } } @media only screen and (min-width: 768px) and (max-width: 980px) { .dct_pricingtable_3 { width: 50%; margin: 0 auto; } } /* ======================= Doctor =========================*/ /* ======================= Doctor V1 =========================*/ .dct_dr_1 { text-align:center; overflow:hidden; position:relative; border:2px solid var(--color-1); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s } .dct_dr_1:before { content:""; position:absolute; height:0px; left:0px; bottom:-197px; right:0px; background:var(--color-1); opacity:0.5; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s } .dct_dr_1:hover:before { height:50px; bottom:150px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); z-index:1; bottom: 0px; } .dct_dr_1 .et_pb_team_member_image img { position:relative; } .dct_dr_1 .et_pb_team_member_image { max-width:100%; margin-bottom:0; } .dct_dr_1 .et_pb_team_member_image img { width:100%; height:auto } .dct_dr_1 .et_pb_team_member_description { width:100%; padding:15px 10px 30px 0px; border-bottom:2px solid var(--color-1); position:absolute; bottom:-50px; left:0; background:var(--color-1); -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s } .dct_dr_1:hover .et_pb_team_member_description .et_pb_module_header { padding-top:10px; color:#000; top: 11px; position: relative; } .dct_dr_1 .et_pb_team_member_description .et_pb_member_position { display:block; font-size:14px; color:#fff; position: relative; top: -20px; text-align: center; text-transform: capitalize; font-weight: 500; } .dct_dr_1:hover .et_pb_team_member_description .et_pb_member_position { color:#000; top: 0; } .dct_dr_1:hover .et_pb_team_member_description { bottom:-15px; opacity:1; background: #efefef; } .dct_dr_1 .et_pb_team_member_description .et_pb_module_header { display:inline-block; font-size:18px; font-weight:700; color:#fff; text-transform:uppercase; margin:0 0 12px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s } .dct_dr_1 .et_pb_member_social_links { width: 100%; padding: 0; margin: 0; list-style: none; position: absolute; left: 0; top:-18px; opacity: 0; z-index: 2; transition: all 0.5s ease 0.3s; } .dct_dr_1:hover .et_pb_team_member_description .et_pb_member_social_links { opacity:1 } .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li { display:inline-block; position:relative; margin-right:0px; -webkit-transition:all 0.5s ease-in-out 0.1s; -moz-transition:all 0.5s ease-in-out 0.1s; -ms-transition:all 0.5s ease-in-out 0.1s; -o-transition:all 0.5s ease-in-out 0.1s; transition:all 0.5s ease-in-out 0.1s } .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) { -webkit-transform:translate3d(-22px, 0px, 0px); -moz-transform:translate3d(-22px, 0px, 0px); -o-transform:translate3d(-22px, 0px, 0px); transform:translate3d(-22px, 0px, 0px) } .dct_dr_1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) { -webkit-transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px) } .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) { -webkit-transform:translate3d(-30px, 0px, 0px); -moz-transform:translate3d(-30px, 0px, 0px); -o-transform:translate3d(-30px, 0px, 0px); transform:translate3d(-30px, 0px, 0px) } .dct_dr_1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) { -webkit-transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px) } .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) { -webkit-transform:translate3d(22px, 0px, 0px); -moz-transform:translate3d(22px, 0px, 0px); -o-transform:translate3d(22px, 0px, 0px); transform:translate3d(22px, 0px, 0px) } .dct_dr_1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) { -webkit-transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px) } .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li:nth-child(4) { -webkit-transform:translate3d(30px, 0px, 0px); -moz-transform:translate3d(30px, 0px, 0px); -o-transform:translate3d(30px, 0px, 0px); transform:translate3d(30px, 0px, 0px) } .dct_dr_1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(4) { transform:translate3d(0px, 0px, 0px) } .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li a { display:block; width:35px; height:35px; line-height:35px; font-size:16px; color:#fff; margin:0 15px 0 0; transition:all 0.3s ease-in-out 0s; } .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li a:after { content: ""; width: 100%; height: 100%; background:#333; transform:rotate(45deg); position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.3s ease 0s; } .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li a:hover:after { transform:rotate(-45deg); } /**Responsive**/ @media only screen and (min-width: 768px) and (max-width:980px) { .dct_dr_1 .et_pb_team_member_image { width: 100% !important; } } @media only screen and (min-width: 981px) and (max-width:1024px) { .dct_dr_1 .et_pb_team_member_description .et_pb_member_social_links li { margin-right: -6px; } } /* ======================= Doctor V2 =========================*/ .dct_dr_2 { position:relative; overflow:hidden; margin-bottom:25px; border:2px solid var(--color-1); } .dct_dr_2 .et_pb_team_member_image { margin-bottom:0px; max-width:100%; } .dct_dr_2 .et_pb_team_member_image img { width:100%; margin-bottom:0px; height:auto; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s } .dct_dr_2:hover .et_pb_team_member_image img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } .dct_dr_2 .et_pb_team_member_description { width:100%; height:85px; background:rgba(0, 0, 0, 0.6); position:absolute; left:0px; padding:0 15px; right:0px; bottom:0; -webkit-transition:all 0.4s linear 0s; -moz-transition:all 0.4s linear 0s; -ms-transition:all 0.4s linear 0s; -o-transition:all 0.4s linear 0s; transition:all 0.4s linear 0s } .dct_dr_2:hover .et_pb_team_member_description { height:100%; bottom:55px; } .dct_dr_2 .et_pb_team_member_description .et_pb_module_header { font-size:16px; font-weight:bold; color:#fff; margin:0 0 5px 0; padding-top:5px; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .dct_dr_2 .et_pb_team_member_description .et_pb_member_position { display:block; font-size:14px; color:#fff; margin-bottom:5px; text-transform:capitalize; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .dct_dr_2:hover .et_pb_module_header { position: relative; top: 69px; } .dct_dr_2:hover .et_pb_member_position { position: relative; top: 63px; } .dct_dr_2 .et_pb_team_member_description .et_pb_member_social_links { margin:0; padding:0; list-style:none; width:100%; height:11px; background:var(--color-1); text-align:center; position:absolute; right:0; left:0; bottom:0; -webkit-transition:all 0.2s linear 0.1s; -moz-transition:all 0.2s linear 0.1s; -ms-transition:all 0.2s linear 0.1s; -o-transition:all 0.2s linear 0.1s; transition:all 0.2s linear 0.1s } .dct_dr_2 .et_pb_team_member_description .et_pb_member_social_links li { margin:0px 10px; display:inline-block } .dct_dr_2 .et_pb_team_member_description .et_pb_member_social_links li a { color:#fff; padding:13px 0; font-size:17px } .dct_dr_2:hover .et_pb_team_member_description .et_pb_member_social_links { height:57px; bottom:-56px; } .dct_dr_2 { margin-bottom:30px } @media (max-width: 1199px) { .dct_dr_2 .et_pb_team_member_description .et_pb_module_header { font-size:14px } } @media (max-width: 1199px) { .dct_dr_2 .et_pb_team_member_description .et_pb_member_position { font-size:13px } } @media (max-width: 991px) { .dct_dr_2 .et_pb_team_member_description .et_pb_member_position { font-size:14px } } @media (max-width: 767px) { .dct_dr_2 { max-width:400px; margin:0 auto 30px auto } } @media only screen and (min-width: 768px) and (max-width:980px) { .dct_dr_2 .et_pb_team_member_image { width: 100% !important; } } @media (max-width: 980px) { .dct_dr_2 { max-width:400px !important; margin:0 auto 30px auto; } } /* ======================= Doctor V3 =========================*/ .dct_dr_3 { overflow: hidden; position:relative; border:3px solid var(--color-1); transition:all 0.5s ease 0s; } .dct_dr_3:hover { border:3px solid var(--color-1); } .dct_dr_3 .et_pb_team_member_image { margin-bottom:0px; overflow:hidden; max-width:100%; } .dct_dr_3 .et_pb_team_member_image img { width:100%; height: auto; } .dct_dr_3 .et_pb_team_member_description { position:absolute; bottom:0; right:0; width:126px; height:37px; color:#fff; font-size:18px; background:var(--color-1); text-align: center; display: block; transition:all 0.5s ease 0s; } .dct_dr_3:hover .et_pb_team_member_description { width:100%; height:100%; background:rgba(0, 0, 0, 0.8); } .dct_dr_3 .et_pb_team_member_description .et_pb_module_header { font-size: 16px; color:#fff; text-transform: capitalize; padding-top: 8px; text-align: center; font-style:italic; } .dct_dr_3:hover .et_pb_team_member_description .et_pb_module_header { color: #fff; font-weight: 600; font-style:normal; font-size: 22px; padding-top: 50px; } .dct_dr_3 .et_pb_team_member_description .et_pb_member_position { color: #fff; font-size: 18px; font-weight: 600; position: relative; top: 9px; } .dct_dr_3 .et_pb_team_member_description .et_pb_member_social_links { margin-top:95px; } .dct_dr_3 .et_pb_team_member_description .et_pb_member_social_links li { margin-right: 10px; } .dct_dr_3 .et_pb_team_member_description .et_pb_member_social_links li a { display: inline-block; position: relative; color: #fff; font-size: 16px; width: 40px; height: 40px; line-height: 40px; background: var(--color-1); text-align: center; text-decoration: none; transition: color .3s ease 0s; } .dct_dr_3 .et_pb_team_member_description .et_pb_member_social_links li a:hover { background:#fff; color:#000; } @media only screen and (min-width: 768px) and (max-width:980px) { .dct_dr_3 .et_pb_team_member_image { width: 100% !important; } } @media only screen and (max-width: 990px) { .dct_dr_3 { margin-bottom:20px!important; } } @media only screen and (min-width: 981px) and (max-width:1199px) { .dct_dr_3 .et_pb_team_member_description .et_pb_member_social_links { margin-top: 30px; } .dct_dr_3 .et_pb_team_member_description .et_pb_member_social_links li { margin-right: 3px; } } /* ======================= Doctor V4 =========================*/ .dct_dr_4 { text-align:center; overflow:hidden; position:relative; border:2px solid var(--color-1); } .dct_dr_4 .et_pb_team_member_image img { width:100%; height:auto } .dct_dr_4 .et_pb_team_member_image { float:none; max-width:100%; width:auto; } .dct_dr_4 .et_pb_team_member_description { width:100%; background:var(--color-1); color:#fff; padding:15px 0 10px 0; position:absolute; bottom:0; left:0; z-index:1; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s } .dct_dr_4 .et_pb_team_member_description:before { content:""; width:60%; height:38px; background:var(--color-1); position:absolute; top:-15px; -webkit-transform:rotate(15deg); -moz-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg); z-index:-1; left:-3%; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s } .dct_dr_4 .et_pb_team_member_description:after { content:""; width:60%; height:38px; background:var(--color-1); position:absolute; top:-15px; z-index:-1; right:-3%; -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -ms-transform:rotate(-15deg); transform:rotate(-15deg); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s } .dct_dr_4:hover .et_pb_team_member_description { padding-bottom:64px } .dct_dr_4:hover .et_pb_team_member_description:before { top:0px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) } .dct_dr_4:hover .et_pb_team_member_description:after { top:0px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) } .dct_dr_4:hover .et_pb_member_social_links { bottom:0 } .dct_dr_4 .et_pb_team_member_description .et_pb_module_header { font-size:20px; font-weight:600; text-transform:capitalize; margin:0 0 7px 0; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; } .dct_dr_4 .et_pb_team_member_description .et_pb_member_position { display:block; font-size:16px; text-transform:capitalize; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; } .dct_dr_4 .et_pb_team_member_description .et_pb_member_social_links { list-style:none; padding:0 0 15px 0; margin:0; position:absolute; bottom:-51px; right:0; left:0; background:#000; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s } .dct_dr_4:hover .et_pb_team_member_description .et_pb_member_social_links { bottom:0%; } .dct_dr_4 .et_pb_team_member_description .et_pb_member_social_links li { display:inline-block } .dct_dr_4 .et_pb_team_member_description .et_pb_member_social_links li a { display:block; font-size:16px; color:#fff; margin-right:6px; padding-top: 9px; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s } .dct_dr_4 .et_pb_team_member_description .et_pb_member_social_links li a:hover { color:var(--color-1); } .dct_dr_4 .et_pb_team_member_description .et_pb_member_social_links li:last-child a { margin-right:0; } @media only screen and (min-width: 768px) and (max-width:980px) { .dct_dr_4 .et_pb_team_member_image { width: 100% !important; } } @media (max-width: 991px) { .dct_dr_4 .et_pb_team_member_description:before { top:-11px; } } @media (max-width: 767px) { .dct_dr_4 .et_pb_team_member_description:before { top:-10px; } } @media (max-width: 991px) { .dct_dr_4 .et_pb_team_member_description:after { top:-11px; } } @media (max-width: 767px) { .dct_dr_4 .et_pb_team_member_description:after { top:-10px; } } @media (max-width: 1199px) { .dct_dr_4 .et_pb_team_member_description .et_pb_module_header { font-size:16px } } @media (max-width: 980px) { .dct_dr_4 { max-width:400px !important; margin:0 auto 30px auto; } } /* ======================= Doctor Details V2 =========================*/ .doctor_detail i { float: left; font-weight: 300; letter-spacing: 0.3px; } .doctor_detail h2 { float: left; font-size: 33px; font-weight: 100; margin: 10px 0; width: 100%; } .doctor_detail h2 strong { font-weight:900 } .doctor_detail span { color: var(--color-1); font-size: 18px; font-weight: 600; margin-bottom:30px; } .doctor_detail .info-list { list-style-type: none !important; } .doctor_detail .info-list li { color: #454545; font-size: 15px; margin-bottom:12px; width: 100%; } .doctor_detail .info-list li strong { font-size: 15px; font-weight: 700; letter-spacing: 0.5px; color: var(--color-1); line-height: 40px; text-transform: uppercase; width: 40%; } .doctor_detail .info-list li strong i { color: #ffffff; font-size: 15px; font-style: normal; background: var(--color-1); padding: 0px 5px; text-transform: capitalize; } @media only screen and (max-width : 980px) { .doctor_detail h2 { font-size: 28px; } } /* Counter -------------------------------------------------------------- */ /* ======================= Counter-1 =========================*/ /* ======================= Counter-2 =========================*/ #dct_ctr_2 .percent p span { color: var(--color-1); font-weight: 700; font-size: 65px; } #dct_ctr_2 .dct_ctr_img { text-align: center; border: 4px solid var(--color-1); width: 80px; height: 80px; line-height:100px; background: white; } /* ======================= Counter-3 =========================*/ .dct_ctr_3 .percent p span { color: var(--color-1); font-weight: 800; font-size: 80px; } /* ======================= Counter-4 =========================*/ .dct_ctr_4 .percent p { color: var(--color-1) !important; } .dct_ctr_4 .et_pb_module_header { font-size: 15px !important; color: var(--color-1); } /* ======================= Counter-5 =========================*/ #dct_bar_counter.et_pb_counters { z-index:99; position:relative } #dct_bar_counter.et_pb_counters li { padding:10px 0 } #dct_bar_counter.et_pb_counters li .et_pb_counter_title { color:#000; font-size: 15px; } #dct_bar_counter.et_pb_counters li .et_pb_counter_container { width:80%; display:inline-block; vertical-align:middle; background-color:rgba(221, 221, 221, .34)!important; overflow:visible } #dct_bar_counter.et_pb_counters li .et_pb_counter_container .et_pb_counter_amount { background-color:var(--color-1)!important } #dct_bar_counter.et_pb_counters span.et_pb_counter_amount_number { position:absolute; right:0; top:-20px; background:#000; font-weight:900; color:#fff; border-radius: 50%; width: 50px; height: 50px; line-height: 42px; } .et_pb_counter_amount { min-height:2px; padding:0 3% 0 1px; line-height:1em } .dct_ctr_5 { box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.44); position: relative; transform: scale(1.1); } .dct_ctr_5:before { border: 5px solid var(--color-1); top: -30px; content: ""; right: -32px; position: absolute; bottom: -30px; z-index: -1; } @media screen and (max-width:39.9375em) { #dct_bar_counter.et_pb_counters li .et_pb_counter_title { width:100%; display:block } #dct_bar_counter.et_pb_counters li { padding:5px 0 } } @media only screen and (max-width : 980px) { #dct_bar_counter.et_pb_counters li .et_pb_counter_container { width: 100%; } #dct_bar_counter.et_pb_counters span.et_pb_counter_amount_number { width: 40px; height: 40px; line-height: 40px; } #dct_bar_counter.et_pb_counters li .et_pb_counter_title { margin-bottom: 14px; } } /* ======================= Tabs =========================*/ .dct-tabs-1 { border:none; } .dct-tabs-1 .et_pb_tabs_controls::after { border:none; } .dct-tabs-1 .et_pb_tabs_controls li { border-right:none; } .dct-tabs-1 .et_pb_tabs_controls { position: relative; border-bottom: none; margin-bottom:20px; background:none; } .dct-tabs-1 .et_pb_tabs_controls li { text-align: center; margin-right: 15px; } .dct-tabs-1 .et_pb_tabs_controls li a { padding: 15px 25px; color: #fff; background: #000; letter-spacing:0.5px; text-transform:uppercase; overflow: hidden; position: relative; z-index: 1; transition: all 0.5s ease 0s; } .dct-tabs-1 .et_pb_tabs_controls li.et_pb_tab_active a { color:var(--color-1) !important; } .dct-tabs-1 .et_pb_tabs_controls li.et_pb_tab_active a:hover { color:#000; } .dct-tabs-1 .et_pb_tabs_controls li a:before { content: ""; width: 100%; height: 3px; background: var(--color-1); position: absolute; bottom: 0%; left: 0; transition: all 0.3s ease 0s; } .dct-tabs-1 .et_pb_tabs_controls li a:hover:before, .dct-tabs-1 .et_pb_tabs_controls li.active a:before, .dct-tabs-1 .et_pb_tabs_controls li.active a:hover:before { top: 0; } .dct-tabs-1 .et_pb_tabs_controls li a:after { content: ""; width: 100%; height: 100%; background: #fff; position: absolute; top: 100%; left: 0; z-index: -1; transition: all 0.3s ease 0s; } .dct-tabs-1 .et_pb_tabs_controls li a:hover:after, .dct-tabs-1 .et_pb_tabs_controls li.active a:after, .dct-tabs-1 .et_pb_tabs_controls li.active a:hover:after { top: 0; } .dct-tabs-1 .et_pb_tabs_controls li.active a, .dct-tabs-1 .et_pb_tabs_controls li.active a:focus, .dct-tabs-1 .et_pb_tabs_controls li.active a:hover, .dct-tabs-1 .et_pb_tabs_controls li a:hover { border: none; color: var(--color-1); } .dct-tabs-1 .et_pb_all_tabs { color: #555; line-height: 30px; height: 100%; text-align:justify; letter-spacing: 0.5px; border: 1px solid var(--color-1); } .dct-tabs-1.dct-custom-tabs.tabs-on-bottom ul { margin-top: 20px; } .dct-tabs-1.dct-custom-tabs.tabs-on-right ul li { margin-left: 20px; margin-bottom: 15px; } .dct-tabs-1.dct-custom-tabs.tabs-on-left ul li { margin-bottom: 15px; } .dct-tabs-1.dct-custom-tabs.tabs-on-left ul li a, .dct-tabs-1.dct-custom-tabs.tabs-on-right ul li a { min-width: 130px; } .dct-tabs-1.dct-custom-tabs.tabs-on-right.text-right { flex-direction:row-reverse; } .dct-tabs-1.dct-custom-tabs.tabs-on-bottom { display:flex } .dct-tabs-1.dct-custom-tabs.tabs-on-bottom ul, .dct-custom-tabs.tabs-on-left, .dct-custom-tabs.tabs-on-right, .dct-custom-tabs.tabs-on-top ul { display:inline-flex } .dct-tabs-1.dct-custom-tabs.tabs-on-bottom { flex-direction:column-reverse } .dct-tabs-1.dct-custom-tabs.tabs-on-bottom ul { justify-content:center; flex-wrap:wrap-reverse } @media only screen and (max-width :980px) { .dct-tabs-1.dct-custom-tabs.tabs-on-bottom ul, .dct-tabs-1.dct-custom-tabs.tabs-on-left, .dct-tabs-1.dct-custom-tabs.tabs-on-right { display:grid; } .dct-tabs-1 .et_pb_tabs_controls li { display: grid; margin-right: 0px; margin-bottom: 10px; border-bottom: none; width: 100%; } .dct-tabs-1.dct-custom-tabs.tabs-on-right ul li { margin-left:0px; } .dct-tabs-1 .et_pb_tabs_controls li a { text-align:center; } .dct-tabs-1.dct-custom-tabs.tabs-on-left ul li a { text-align:left; } .dct-tabs-1.dct-custom-tabs.tabs-on-right ul li a { text-align:right; } .dct-tabs-1 .et_pb_all_tabs .et_pb_tab { padding:15px; } .dct-tabs-1.dct-custom-tabs.tabs-on-bottom ul { justify-content: initial; } } /* ======================= Clinet-Logo =========================*/ .dct-client-logo { filter:gray; -webkit-filter:grayscale(1); -webkit-transition:all .8s ease-in-out } .dct-client-logo:hover { filter:none; -webkit-filter:grayscale(0); -webkit-transform:scale(1.01) } .dct-main-client-logo .dct-client-logo .et_pb_image_wrap img { height: auto; border: 5px solid var(--color-1); } .swiper-container .swiper-slide img { max-width: 100%; } /* ======================= Timeline =========================*/ /* ======================= Timeline - V1 =========================*/ .dct_main_timeline:before { content:""; display:block; width:2px; height:100%; background:#333; position:absolute; top:0; left:50% } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image { margin-bottom:0!important } .dct_main_timeline .dct_timeline:after { content:""; display:block; clear:both } .dct_main_timeline .dct_timeline .et_pb_blurb_content { width:40%; float:left; border-radius:6px } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image { width:0px; } .dct_main_timeline .dct_timeline .et_pb_blurb_content et_pb_blurb_container { padding-left:0; } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { display:block; width:70px; height:70px; border-radius:50%; background:#25303b; top:0; font-size:35px; line-height:65px; text-align:center; color:#fff!important; border:2px solid #fff; box-shadow:0 0 0 7px var(--color-1); position:absolute; left:117% } .dct_main_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left:-33%; top:0 } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_module_header { padding:15px; margin:0; font-size:20px; color:#fff; text-transform:uppercase; letter-spacing:-1px; border-radius:6px 6px 0 0; position:relative } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_module_header:after { content:""; width:10px; height:10px; position:absolute; top:20px; right:-5px; transform:rotate(-45deg) } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_blurb_description { padding:15px; margin:0; background:#fff; border-radius:0 0 6px 6px; font-size:14px; color:#7d7b7b } .dct_main_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content { float:right } .dct_main_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_module_header:after { left:-5px } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_module_header, .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_module_header:after { background:var(--color-1) } /* ======================= Timeline - V2 =========================*/ .dct_main_timeline.dark:before { background: #fff; } /* ======================= Timeline - V3 =========================*/ .dct_main_timeline.color .dct_timeline .et_pb_blurb_content .et_pb_module_header, .dct_main_timeline.color .dct_timeline .et_pb_blurb_content .et_pb_module_header:after { background:#00BFFF } .dct_main_timeline.color .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { box-shadow:0 0 0 7px #00BFFF } .dct_main_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_module_header, .dct_main_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_module_header:after { background:#FF1493 } .dct_main_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { box-shadow:0 0 0 7px #FF1493 } .dct_main_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content .et_pb_module_header, .dct_main_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content .et_pb_module_header:after { background:#6b5b95 } .dct_main_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { box-shadow:0 0 0 7px #6b5b95 } .dct_main_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content .et_pb_module_header, .dct_main_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content .et_pb_module_header:after { background:#2F4F4F } .dct_main_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { box-shadow:0 0 0 7px #2F4F4F } @media only screen and (max-width:767px) { .dct_main_timeline { overflow:visible } .dct_main_timeline:before { top:0; left:10px } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { width:40px; height:40px; line-height:35px; font-size:20px; left:-40px } .dct_main_timeline .dct_timeline:nth-child(2), .dct_main_timeline .dct_timeline:nth-child(even), .dct_main_timeline .dct_timeline:nth-child(odd) { margin:0 } .dct_main_timeline .dct_timeline { width:100%; float:none; margin-bottom:20px!important } .dct_main_timeline .dct_timeline:last-child { margin:0!important } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_module_header { padding:10px; font-size:19px } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_module_header::after { left:-5px; top:15px } .dct_main_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content { float:none } .dct_main_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left:-40px } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_blurb_container { width:100% } .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_module_header:before { border-left:none; border-right:35px solid transparent; left:auto; right:0 } .dct_main_timeline .dct_timeline .et_pb_blurb_content { margin:0 0 0 30px; width:100% } } @media only screen and (min-width:767px) and (max-width:980px) { .dct_main_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left:114%!important } .dct_main_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left:-36%!important } } /* FAQ -------------------------------------------------------------- */ /* ======================= FAQ - V1 =========================*/ .dct_faq_v1 .et_pb_toggle_title::before { content: "\3d"; font-size: 25px; color: var(--color-1); } .dct_faq_v1 .et_pb_toggle_open h5::before { content: "\3b" !important; display: block !important; font-size: 25px; color: var(--color-1); } .dct_faq_v1 .et_pb_toggle_open { border:3px solid var(--color-1); } /* ======================= FAQ - V2 =========================*/ .dct_faq_v2 .et_pb_toggle_close .et_pb_toggle_title { text-align:left; color: var(--color-1); } .dct_faq_v2 .et_pb_toggle_close { background:0, 0 } .dct_faq_v2 .et_pb_toggle_title::before { color:var(--color-1)!important; font-weight: 900; font-size: 25px; } .dct_faq_v2 { border-radius:6px; background-color:#fff; padding:1.2vw 2vw 1.3vw } .dct_faq_v2 .et_pb_toggle_content p { font-size:16px; color:#b3b3b3!important; text-align:left!important; line-height:170%!important } .dct_faq_v2 .et_pb_toggle_close { background:0, 0 } .dct_faq_v2 .et_pb_toggle_close h5:before { content:'L' } .dct_faq_v2 .et_pb_toggle_open h5:before { content:"K"!important; display:block!important; margin-top:-16px; color:inherit } /* ======================= FAQ - V3 =========================*/ .dct_faq_v3 .et_pb_toggle_title::before { font-size:35px; color:#fff !important; } .dct_faq_v3 .et_pb_toggle_close h5:before { content:'\32'; background: #000; border-radius: 50%; } .dct_faq_v3 .et_pb_toggle_close { background:var(--color-1) } .dct_faq_v3 .et_pb_toggle_open h5:before { content:"\33"!important; display:block!important; margin-top:-16px; color:inherit } .dct_faq_v3 .et_pb_toggle_open { border:1px solid #000 } .dct_faq_v3 .et_pb_toggle_close h5 { color:#fff!important; font-size: 17px; } .dct_faq_v3 .et_pb_toggle_open .et_pb_toggle_title { color:var(--color-1)!important; font-size:20px!important; text-transform:uppercase } .dct_faq_v3 .et_pb_toggle_content { color:#666 } .dct-faq-v3 .et_pb_toggle_content h1 { color:#666; font-size:15px; font-weight:600 } /* News -------------------------------------------------------------- */ /* ======================= News - V1 =========================*/ .dct_blog_1 .et_pb_post { border:none } .dct_blog_1 .et_pb_post .post-meta a { color: var(--color-1) !important; } .dct_blog_1 .et_pb_post .post-meta { color:var(--color-1); } .dct_blog_1 .et_pb_post .entry-featured-image-url { text-align:center; overflow:hidden; position:relative } .dct_blog_1 .et_pb_post .entry-featured-image-url:after, .dct_blog_1 .et_pb_post .entry-featured-image-url:before { content:""; width:100%; height:100%; background:var(--color-1); opacity:.6; position:absolute; top:0; left:0; visibility:visible; bottom:0; z-index:1; transform:scaleX(0); transition:all .6s ease 0s } .dct_blog_1 .et_pb_post:hover .entry-featured-image-url:before { transform:scaleX(1) } .dct_blog_1 .et_pb_post:hover .entry-featured-image-url:after { transform:scaleY(1) } .dct_blog_1 .et_pb_post .entry-featured-image-url:after { transform:scaleY(0) } .dct_blog_1 .et_pb_post .entry-featured-image-url img { width:100%; height:auto; transition:all .5s ease 0s } .dct_blog_1 .et_pb_post:hover .entry-featured-image-url img { transform:scale(1.3) } .dct_blog_1 .et_pb_post .entry-title { text-transform:uppercase; line-height:25px; font-weight:600; font-size:14px } .dct_blog_1 .et_pb_post .more-link { color: #000; margin:10px auto 0; position:relative; transition:all .3s linear; right:0; text-transform:uppercase; width:auto; float:left; font-size:14px } .dct_blog_1 .et_pb_post .more-link:after { background-color:var(--color-1); content:""; height:2px; margin:auto; position:absolute; left:100%; top:50%; transform:translateX(10px); transition:all .3s linear; width:100px } .dct_blog_1 .et_pb_post:hover .more-link { border-color:var(--color-1) } .dct_blog_1 .et_pb_post:hover .more-link:after { width:150px } .dct_blog_1 .et_pb_post .post-meta .published { width: 75px; height: auto; border: 1px solid var(--color-1); background: #fff; text-align: center; text-transform: uppercase; padding: 15px 0 10px 0; position: relative; font-weight: 900; font-size: 16px; margin-right: 5px; color: #121212; display: inline-flex; font-weight: normal; font-size: 12px; } /* ======================= News - V2 =========================*/ .dct_blog_2 .et_pb_post:nth-child(2n+2), .dct_blog_2 .et_pb_post:last-child { margin-right: 0 !important; } .dct_blog_2 .et_pb_post:hover .entry-featured-image-url img { transform: scale(1.2) rotate(5deg); } .dct_blog_2 .et_pb_post .entry-featured-image-url img { display: block !important; width: 100% !important; transition: 1s; } .dct_blog_2 .et_pb_post .entry-featured-image-url::before { content: ''; display: block; opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #fff; z-index: 1; } .dct_blog_2 .et_pb_post .entry-featured-image-url::after, .dct_blog_2 .et_pb_post .entry-featured-image-url::before { transition: 0.3s; } .dct_blog_2 .et_pb_post .entry-featured-image-url::before { content: ''; display: block; opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #fff; z-index: 1; } .dct_blog_2 .et_pb_post:hover .entry-featured-image-url::before { transition-delay: 0.3s; opacity: 1; top: 20px; left: 20px; bottom: 20px; right: 20px; } .dct_blog_2 .et_pb_post .entry-featured-image-url::after { content: 'Discover More'; display: block; opacity: 0; position: absolute; top: 53%; color: var(--color-1); transform: translate(80%, -50%); width: 85%; text-transform: uppercase; font-size: 20px; text-align: right; } .dct_blog_2 .et_pb_post:hover .entry-featured-image-url::after { opacity: 1; transform: translate(0, -50%); } .dct_blog_2 .et_pb_post:hover .entry-featured-image-url img { opacity: 0.5; } .dct_blog_2 .et_pb_post:nth-child(2n+1) { clear: both; } .dct_blog_2 .et_pb_post { cursor: pointer; } .dct_blog_2 .et_pb_post { width: 47%; margin-right: 6% !important; float: left; } .dct_blog_2 .et_pb_post::before { content: ''; display: block; opacity: 0; position: absolute; width: 0%; border-top: 1px solid #fff; z-index: 1; top: 179px; height: 0; left: 5vw; transition: 0.3s; } .dct_blog_2 .et_pb_post:hover::before { width: 32%; opacity: 1; } .dct_blog_2 .et_pb_post .entry-featured-image-url { overflow: hidden; margin-bottom: 0 !important; background-color: #000 !important; } .dct_blog_2 .et_pb_post .entry-featured-image-url { max-height: 344px; } .dct_blog_2 .et_pb_post .entry-title { margin-top: 19px; padding-left: 0.3vw; letter-spacing: -0.2px !important; } .dct_blog_2 .et_pb_post .entry-title a { color: var(--color-1) !important; font-size: 20px; text-transform:uppercase; } .dct_blog_2 .et_pb_post .post-meta .published::before, .dct_blog_2 .et_pb_post .post-meta .author.vcard a::before { font-family: ETmodules; text-transform: lowercase; margin-right: 9px; color: #000; font-weight: 700; content: "l"; color:#fff !important; margin-left: 3px; } .dct_blog_2 .et_pb_post .post-meta .published::before { content: ""; } .dct_blog_2 .et_pb_post .post-meta .published::before { vertical-align: middle; } .dct_blog_2 .et_pb_post .post-meta { margin-bottom: 0 !important; font-size: 0; padding-left: 0.3vw !important; color: #a7a7a7 !important; } .dct_blog_2 .et_pb_post .post-meta .author.vcard a { font-size:16px; color :#fff !important; padding-left: 10px; } .dct_blog_2 .et_pb_post .post-meta .author.vcard { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-top: 24px; padding: 3px 0 0; border-radius: 25px; background: var(--color-1); display: block; position: absolute; bottom: 0; left: 0.3vw; width: 100%; } .dct_blog_2 .et_pb_post .post-meta .published { position: absolute; bottom: 6px; color:#fff !important; right: 0; font-size: 16px; } .dct_blog_2 .et_pb_post:hover .post-content, .dct_blog_2 .et_pb_post:hover .post-meta, .dct_blog_2 .et_pb_post:hover .entry-title { animation: fadeIn 0.8s infinite; animation-iteration-count: infinite; animation-iteration-count: 1; } .dct_blog_2 .et_pb_post .post-content { padding-bottom: 3.4vw !important; padding-left: 0.3vw; padding-top: 9px; line-height: 160%; } .dct_blog_2 .et_pb_post .post-meta a { color: #a7a7a7 !important; } @media only screen and (max-width : 767px) { .dct_blog_2 .et_pb_post { width: 100%; } .dct_blog_2 .et_pb_post .post-meta .author.vcard { margin-bottom: -27px; } .dct_blog_2 .et_pb_post .post-meta .author.vcard a { font-size: 12px; } .dct_blog_2 .et_pb_post .post-meta .published { bottom: -23px; right: 9px; font-size: 12px; } .dct_blog_2 .et_pb_post { margin-bottom: 60px; } } /* ======================= News - V3 =========================*/ .dct_blog_3 .et_pb_post .entry-featured-image-url { margin:0; overflow: hidden; } .dct_blog_3 .et_pb_post:hover .et_overlay:before { transform:scale(.7); -wbkit-transform:scale(.7); -moz-transform:scale(.7); -ms-transform:scale(.7); } .dct_blog_3 .et_pb_post h2 { background-color: var(--color-1); padding: 20px 30px; margin-bottom: 25px; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 500; } .dct_blog_3 .et_pb_post .published { position:absolute; top:0; left:0; margin-left:30px; background-color: var(--color-1); color:#fff; padding:10px; z-index:9; } .dct_blog_3 .et_pb_post .post-meta { margin-bottom:20px; } .dct_blog_3 .et_pb_post .vryn-cats a:before { content: "|"; padding: 0 5px; font: inherit; } .dct_blog_3 .et_pb_post .vryn-cats a:first-child:before { content: ""; padding: 0; } @media(max-width:600px) { .dct_blog_3 .et_pb_post h2 { padding:20px; } } @media(min-width:980px) { .dct_blog_3 .et_pb_post { width:47.5%; margin-right:5%; float:left; } .dct_blog_3 .et_pb_post:nth-child(2n) { margin-right:0; } } /* Blog Section Page */ .et_pb_pagebuilder_layout.single-post #page-container .et_pb_with_background .et_pb_row { width: 100% !important; padding: 20px; color:#fff; } /* Comments */ #comment-wrap { padding-top:20px } #commentform { padding-bottom:30px; position:relative; overflow:hidden } h1#comments, h3#reply-title { font-weight:600; font-size:20px; padding-bottom:0; position:relative; text-transform:uppercase } h1#comments { margin-bottom:30px } h3#reply-title { margin-bottom:5px } h3#reply-title a#cancel-comment-reply-link { font-size:14px } .single .comment_area .comment-reply-link { padding-top:3px!important; padding-bottom:3px!important; font-size:13px; line-height:1.5!important; position:relative; display:inline-block; margin-top:5px; margin-bottom:8px; border-width:1px; color:inherit; font-weight:500 } .single .comment_area .comment-reply-link:hover { color:#fff } .comment #respond { margin:0 auto 30px!important; padding:0!important } .form-submit .et_pb_button, .form-submit .et_pb_button:hover { padding:10px 25px!important } .form-submit .et_pb_button { font-size:15px; line-height:1.5!important; color:var(--color-1)!important } .single .et_pb_post .entry-title { display:none } #commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea { font-size:14px; line-height:1.5; border:1px solid rgba(0, 0, 0, .15); padding:12px 15px; border-radius:0; background:0 0!important; transition:all .3s, ease-in-out } .comment span.fn, .comment span.fn a { font-size:14px } .comment .comment-body { margin-bottom:15px; padding:15px 15px 15px 70px; position:relative; overflow:hidden; display:block; border-radius:5px; min-height:75px } .comment .children .comment-body { margin-bottom:10px } #commentform .logged-in-as a { color:var(--color-1) } .comment .comment_avatar { left:12px; top:15px } .comment .comment_avatar img { width:45px!important; height:45px!important; object-fit:cover; border-radius:50%; max-width:100%!important } .comment .comment_area { font-size:14px; line-height:1.4 } .comment_postinfo { line-height:1.2!important } .comment.bypostauthor>article { background:rgba(0, 0, 0, .02); border-left:4px solid } .entry-content .et_builder_inner_content .et_pb_section { padding:0!important } /* Sidebar */ #main-content .container::before { background-color:transparent } #main-content .container { padding-top:30px!important } #left-area { width:73%; padding-right:1.5%!important } #sidebar { width:27% } #sidebar .et_pb_widget h4.widgettitle { font-weight:500; font-size:20px; line-height:1; display:block; margin-bottom:0; padding-bottom:15px; text-transform:uppercase } #sidebar .widget_archive ul, #sidebar .widget_categories ul, #sidebar .widget_meta ul, #sidebar .widget_product_categories ul, #sidebar .widget_recent_comments ul, #sidebar .widget_recent_entries ul, #sidebar ul.widget_taxonomy_terms { padding:0; margin-bottom:0 } #sidebar .widget_categories ul.children, #sidebar .widget_product_categories ul.children { margin-top:15px } #sidebar .widget_archive ul li, #sidebar .widget_categories ul li, #sidebar .widget_meta ul li, #sidebar .widget_product_categories ul li, #sidebar .widget_recent_comments ul li, #sidebar .widget_recent_entries ul li, #sidebar ul.widget_taxonomy_terms li { border-top:1px dashed rgba(0, 0, 0, .1); padding:10px 0; margin-bottom:0; line-height:1.2; font-weight:400; font-size:14px } #sidebar .widget_categories li.cat-parent, #sidebar .widget_product_categories li.cat-parent { padding-bottom:0 } #sidebar .widget_archive ul>li:first-child, #sidebar .widget_categories ul:not(.children)>li:first-child, #sidebar .widget_meta ul>li:first-child, #sidebar .widget_product_categories ul:not(.children)>li:first-child, #sidebar .widget_recent_comments ul>li:first-child, #sidebar .widget_recent_entries ul>li:first-child, #sidebar ul.widget_taxonomy_terms>li:first-child { border:none; padding-top:0 } #sidebar .widget_archive ul li, #sidebar .widget_categories ul li, #sidebar .widget_product_categories li, #sidebar ul.widget_taxonomy_terms li { padding-right:20px; position:relative } #sidebar .widget_archive ul li:before, #sidebar .widget_categories ul li:before, #sidebar .widget_product_categories ul li:before, #sidebar ul.widget_taxonomy_terms li:before { content:'\24'; font-family:ETmodules; right:0; position:absolute; font-size:18px; line-height:1 } #sidebar .widget_recent_entries span.post-date { display:block; opacity:.75; font-size:80%; font-style:italic; margin-top:3px } #sidebar .widget_advwidget .adwrap a { display:block; margin-bottom:5px } .tagcloud a { display:inline-block; padding:8px 20px; font-size:15px!important; line-height:1; color:#222; border:1px solid; border-radius:25px; margin-right:7px; margin-top:7px; background:0 0 } .tagcloud a:hover { color:#fff } .widget_search input#s, .widget_search input#searchsubmit { border-radius:0 } .widget_search input#s { padding:0 90px 0 20px } .widget_search input#searchsubmit { color:#fff; width:80px; border:none } #et-secondary-nav li>ul li a:hover, #footer-bottom .et-social-icon a:hover, #mobile_menu li a:hover, #top-header .et-social-icon a:hover, #top-menu li li a:hover, #tribe-bar-form .tribe-bar-submit input[type=submit]:hover, #tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured, #tribe-mobile-container .type-tribe_events .tribe-events-read-more:hover, .bank-account, .caldera-grid .btn:hover, .da-menu-phone a, .ecs-all-events a, .et_mobile_menu li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_fullwidth_portfolio .et-pb-arrow-next, .et_pb_fullwidth_portfolio .et-pb-arrow-prev, .et_pb_gallery_pagination ul li a.active, .et_pb_gallery_pagination ul li a:hover, .et_pb_portofolio_pagination li a.active, .et_pb_portofolio_pagination li a:hover, .et_pb_tabs ul.et_pb_tabs_controls li.et_pb_tab_active, .give-btn.give-btn-modal:hover, .give-submit-button-wrap .give-btn:hover, .home-slider .et-pb-arrow-next, .home-slider .et-pb-arrow-prev, .more-link:hover, .not-found-404 .buttons-container a.et_pb_button:hover, .pricing-section .et_pb_button_wrapper, .pricing-section .et_pb_pricing_content_top, .single .comment_area .comment-reply-link:hover, .single-project .nav-single a:hover, .slider-donation .give-btn:hover, .tag-line a:hover, .tagcloud a:hover, .tribe-events-calendar th, .tribe-events-list .tribe-events-read-more:hover, .tribe-events-nav-left a:hover, .tribe-events-nav-next a:hover, .tribe-events-nav-previous a:hover, .tribe-events-nav-right a:hover, .widget_search input#searchsubmit, .woocommerce .woocommerce-pagination ul.page-numbers a:hover, .woocommerce .woocommerce-pagination ul.page-numbers span.current, .woocommerce span.onsale, .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-cart p.cart-empty::before, .woocommerce-page .woocommerce-pagination ul.page-numbers a:hover, .woocommerce-page .woocommerce-pagination ul.page-numbers span.current, .woocommerce-page span.onsale, .woocommerce-product-search button[type=submit], .wp-pagenavi a:hover, .wp-pagenavi span.current, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, form#animal_searchform input[type=submit] { background-color:var(--color-1) } /* Departments -------------------------------------------------------------- */ /* ======================= Departments-V1 =========================*/ .dct_department_1 { padding: 70px 20px 30px; margin: 50px 0 110px; background: var(--color-1); text-align: center; position: relative; } .dct_department_1:before { content: ""; width: 100%; height: 100px; background: var(--color-1); position: absolute; bottom: -100px; left: 0; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); } .dct_department_1:after { content: ""; width: 50%; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease 0s; } .dct_department_1:hover:after { width: 100%; } .dct_department_1 .et_pb_blurb_content { padding:20px; } .dct_department_1 .et_pb_blurb_content .et_pb_main_blurb_image { width: 100px; height: 100px; padding-top: 10px; line-height: 100px; border-radius: 50%; background: var(--color-1); border: 5px solid #fff; margin: 0 auto; font-size: 40px; color: #fff !important; position: absolute; top: -104px; left: 0; right: 0; transition: all 0.3s ease 0s; } .dct_department_1:hover .et_pb_blurb_content .et_pb_main_blurb_image { transform: rotateX(360deg); } .dct_department_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 20px; font-weight: bold; color: #fff; margin: 0 0 10px 0; transition: all 0.5s ease 0s; text-align:center; text-transform: uppercase; } .dct_department_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-size: 16px; color: #fff; font-family: Roboto; text-align:center; font-weight: 400; line-height: 28px; transition: all 0.5s ease 0s; } @media only screen and (max-width:980px) { .dct_department_1 { margin-bottom: 70px !important; } } /* ======================= Departments-V2 =========================*/ .dpt_btn { border-color: var(--color-1) !important; background: transparent; border-radius: 30px; color: var(--color-1); font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 12px 30px; border: 2px solid transparent; transition: all .3s ease; } .dpt_btn:hover { padding: 12px 30px !important; background-color: #000 !important; color: #fff; } div.et_pb_column#dct_depart_bg { background: var(--color-1); } div.et_pb_column#dct_depart_black { background: #000; } @media only screen and (max-width : 680px) { .dpt_btn { margin-bottom: 15px; } } @media only screen and (max-width : 1249px) { .dct_dept_row { width: 100%; } } @media only screen and (max-width : 980px) { div.et_pb_column#dct_depart_black, div.et_pb_column#dct_depart_bg { padding: 20px; } } @media only screen and (max-width : 1024px) { .dpt_btn { margin-bottom: 15px; } .dct_dept_img .et_pb_image_wrap { display:block; } .dct_dept_img .et_pb_image_wrap img { width: 100%; } } @media only screen and (min-width: 480px) and (max-width:481px) { div.et_pb_column#dct_depart_black, div.et_pb_column#dct_depart_bg { padding: 0px; } } /* ======================= Departments Details - V1 =========================*/ .dct_blurb_d2 { border-left: 3px solid var(--color-1) !important; border: 1px solid #efefef; padding: 15px 25px; } .dct_blurb_d2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-weight:normal; line-height: 25px; font-size: 20px; } .dct_blurb_d2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-weight:normal; } .dct_blurb_d2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h6 { padding-bottom: 20px; } /* ======================= Portfolio =========================*/ /* ======================= Portfolio-V1 =========================*/ .dct_pfl_v1 .et_pb_portfolio_item .et_overlay{background-color:transparent;border:none;z-index:111;} .dct_pfl_v1 .et_pb_portfolio_item .et_overlay::before{display:none;} .dct_pfl_v1 .et_pb_portfolio_filters ul.clearfix { max-width:1260px; margin:auto!important } .dct_pfl_v1 .et_pb_portfolio_filters li a { border-radius:0; padding:15px; color:var(--color-1); font-size:15px; text-transform:uppercase; font-weight:500; border:none; } .dct_pfl_v1 .et_pb_portfolio_filters li a:hover { background:#000; color:#fff; border-bottom: 5px solid var(--color-1); } .dct_pfl_v1 .et_pb_portfolio_filters li a.active { background:#000; color:#fff !important; border-bottom: 5px solid var(--color-1); } .dct_pfl_v1 .et_pb_portfolio_item { overflow:hidden; position:relative } .dct_pfl_v1 .et_pb_portfolio_item:after, .dct_pfl_v1 .et_pb_portfolio_item:before { content:""; position:absolute; bottom:0; left:0; width:50%; height:100%; background:var(--color-1); opacity:.7; transform:translateY(-100%); z-index:1; transition:all .3s ease 0s } .dct_pfl_v1 .et_pb_portfolio_item:hover:after, .dct_pfl_v1 .et_pb_portfolio_item:hover:before { transform:translateY(0) } .dct_pfl_v1 .et_pb_portfolio_item:after { left:50%; transform:translateY(100%); transition-delay:.1s } .dct_pfl_v1 .et_pb_portfolio_item .et_portfolio_image { margin-bottom:0 } .dct_pfl_v1 .et_pb_portfolio_item .et_portfolio_image img { width:100%; height:auto; transform:scale(1); transition:all 2s ease 0s } .dct_pfl_v1 .et_pb_portfolio_item:hover .et_portfolio_image img { transform:scale(2) } .dct_pfl_v1 .et_pb_portfolio_item .post-meta { width:100%; position:absolute; top:35%; left:0; padding:40px 20px; color:#fff; text-align:center; opacity:0; font-size:14px; transform:translateX(110%); transition:all .4s linear .1s; z-index:9; cursor:pointer; } .dct_pfl_v1 .et_pb_portfolio_item .post-meta a { color:#fff } .dct_pfl_v1 .et_pb_portfolio_item:hover .post-meta { transform:translateX(0); transition-delay:.35s; opacity:1 } .dct_pfl_v1 .et_pb_portfolio_item .et_pb_module_header { margin-top: 0 !important; width:100%; position:absolute; top:25%; left:0; padding:40px 20px; color:#fff; text-align:center; font-size:20px; opacity:0; text-transform:uppercase; margin:0 0 20px; transform:translateX(-110%); transition:all .4s linear .1s; z-index:9; } .dct_pfl_v1 .et_pb_portfolio_item:hover .et_pb_module_header { transform:translateX(0); transition-delay:.35s; opacity:1 } @media only screen and (min-width:768px) { .dct_pfl_v1 .et_pb_portfolio_filters ul { text-align:center } .dct_pfl_v1 .et_pb_portfolio_filters ul li { display:inline-block; float:none!important; margin-left:10px } } @media only screen and (min-width:981px) { .dct_pfl_v1 .et_pb_portfolio_filters ul { text-align:center } .dct_pfl_v1 .et_pb_portfolio_filters ul li { display:inline-block; float:none!important; margin-left:10px } } /* ======================= Portfolio-V2 =========================*/ .dct_pfl_v2 .et_pb_portfolio_item .et_overlay{background-color:transparent;border:none;z-index:111;} .dct_pfl_v2 .et_pb_portfolio_item .et_overlay::before{display:none;} .dct_pfl_v2 .et_pb_portfolio_filters li a { border-radius:0; padding:15px; color:var(--color-1); font-size:15px; text-transform:uppercase; font-weight:500 } .dct_pfl_v2 .et_pb_portfolio_filters li a:hover { background:var(--color-1); color:#fff } .dct_pfl_v2 .et_pb_portfolio_filters li a.active { color:#fff!important; background-color:var(--color-1) } .et_pb_portfolio_dct_1_6 .et_pb_portfolio_filters ul.clearfix { max-width:1260px; margin:auto!important } .dct_pfl_v2 .et_pb_portfolio_item { position: relative; } .dct_pfl_v2 .et_pb_portfolio_item .et_portfolio_image { margin-bottom:0px; } .dct_pfl_v2 .et_pb_portfolio_item .et_portfolio_image img { width:100%; height: auto; } .dct_pfl_v2 .et_pb_portfolio_item .post-meta { position: absolute; top:0; width:100%; height:100%; opacity:0; text-align:center; background:var(--color-1); border-radius:0px; border:4px solid #fff; transition: all 0.30s ease 0s; } .dct_pfl_v2 .et_pb_portfolio_item:hover .post-meta { border-radius:0% 50%; opacity:0.8; } .dct_pfl_v2 .et_pb_portfolio_item .et_pb_module_header { font-size: 18px; font-weight: 600; color: #fff; z-index: 1; top: 0; position: absolute; opacity: 0; padding:15px; } .dct_pfl_v2 .et_pb_portfolio_item:hover .et_pb_module_header { opacity:1; } .dct_pfl_v2 .et_pb_portfolio_item .post-meta a { color:#fff; position: absolute; top: 40px; left: 12px; font-weight: 700; font-style: italic; } @media only screen and (min-width:981px) { .dct_pfl_v2 .et_pb_portfolio_filters ul { text-align:center } .dct_pfl_v2 .et_pb_portfolio_filters ul li { display:inline-block; float:none!important; margin-left:10px } } @media only screen and (max-width: 479px) { .dct_pfl_v2 .et_pb_portfolio_item .post-meta { padding: 25% 4%; } } @media only screen and (min-width:768px) and (max-width:980px) {.dct_pfl_v2 .et_pb_portfolio_item .et_pb_module_header, .et_pb_portfolio_item h2 { font-size:17px }} /* ======================= Portfolio-V3 =========================*/ .dct-pfl-v3 .et_pb_portfolio_item .et_overlay{background-color:transparent;border:none;z-index: 11111;} .dct-pfl-v3 .et_pb_portfolio_item .et_overlay::before{display:none;} .dct-pfl-v3 .et_pb_portfolio_filters li a { border-radius: 25px; padding:15px; color:var(--color-1); font-size:15px; text-transform:uppercase; font-weight:500 } .dct-pfl-v3 .et_pb_portfolio_filters li a:hover { background:var(--color-1); color:#fff } .dct-pfl-v3 .et_pb_portfolio_filters li:first-child a { border-radius: 0px 0px 30px 30px; } .dct-pfl-v3 .et_pb_portfolio_filters li:last-child a { border-radius: 0px 0px 30px 30px; } .dct-pfl-v3 .et_pb_portfolio_filters li a.active { border-radius: 0px 0px 30px 30px; color:#fff!important; background-color:var(--color-1) } .dct-pfl-v3 .et_pb_portfolio_filters ul.clearfix { max-width:1260px; margin:auto!important } .dct-pfl-v3 .et_pb_portfolio_item { position: relative; overflow: hidden; } .dct-pfl-v3 .et_pb_portfolio_item .et_portfolio_image { margin-bottom:0px; } .dct-pfl-v3 .et_pb_portfolio_item .et_portfolio_image img { width: 100%; height: auto; transform-origin: left center 0; transform: perspective(400px) rotateY(0deg); transition: all 0.5s ease 0s; } .dct-pfl-v3 .et_pb_portfolio_item:hover .et_portfolio_image img { transform: perspective(400px) rotateY(90deg); } .dct-pfl-v3 .et_pb_portfolio_item .post-meta { width: 100%; height: 100%; position: absolute; top: 0; background: var(--color-1); padding: 30px 25px; text-align: center; margin:0; transform-origin: right center 0; transform: perspective(400px) rotateY(-90deg); transition: all 0.5s ease 0s; } .dct-pfl-v3 .et_pb_portfolio_item:hover .post-meta { transform: perspective(400px) rotateY(0deg); } .dct-pfl-v3 .et_pb_portfolio_item .et_pb_module_header { font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; position: absolute; top: 35%; text-align: center; width: 100%; z-index: 1; opacity: 0; } .dct-pfl-v3 .et_pb_portfolio_item:hover .et_pb_module_header { opacity:1; } .dct-pfl-v3 .et_pb_portfolio_item .post-meta a { position: absolute; top: 47%; left: 40%; color: #fff !important; } @media only screen and (min-width:981px) { .dct-pfl-v3 .et_pb_portfolio_filters ul { text-align:center } .dct-pfl-v3 .et_pb_portfolio_filters ul li { display:inline-block; float:none!important; margin-left:10px } } @media only screen and (min-width:768px) and (max-width:980px) {.et_pb_portfolio_item .et_pb_module_header, .et_pb_portfolio_item h2 { font-size:17px } } @media only screen and (min-width:320px) and (max-width:480px) { .dct-pfl-v3 .et_pb_portfolio_item .post-meta a { top: 51%; left: 44%; } } /* ======================= Portfolio-V4 =========================*/ .dct-pfl-v4 .et_pb_portfolio_item .et_overlay{background-color:transparent;border:none;z-index:111;} .dct-pfl-v4 .et_pb_portfolio_item .et_overlay::before{display:none;} .dct-pfl-v4 .et_pb_portfolio_filters li a { border-radius:0; padding:15px; color:var(--color-1); font-size:15px; text-transform:uppercase; font-weight:500 } .dct-pfl-v4 .et_pb_portfolio_filters li a:hover { background:var(--color-1); color:#fff } .dct-pfl-v4 .et_pb_portfolio_filters li a.active { color:#fff!important; background-color:var(--color-1) } .dct-pfl-v4 .et_pb_portfolio_item { position:relative } .dct-pfl-v4 .et_pb_portfolio_item .et_portfolio_image { margin-bottom:0 } .dct-pfl-v4 .et_pb_portfolio_item:before { content:""; width:100%; height:100%; position:absolute; top:0; visibility:hidden; opacity:0; left:0; z-index:1; background:rgba(0, 0, 0, 0); transition:all .5s linear 0s } .dct-pfl-v4 .et_pb_portfolio_item:hover:before { background:rgba(0, 0, 0, .7); visibility:visible; opacity:1 } .dct-pfl-v4 .et_pb_portfolio_item .et_portfolio_image img { width:100%; height:auto } .dct-pfl-v4 .et_pb_portfolio_item .post-meta { width:80%; height:80%; position:absolute; top:10%; left:10%; background-color:#fff; border-top:1px solid var(--color-1); border-bottom:1px solid var(--color-1); padding:5%; color:#fff; z-index:99999; text-align:center; transform:scale(1, 0); z-index:1; transition:all .4s ease .6s } .dct-pfl-v4 .et_pb_portfolio_item:hover .post-meta { transform:scale(1, 1); transition-delay:0s; background-color:rgba(255, 255, 255, 0) } .dct-pfl-v4 .et_pb_portfolio_item .et_pb_module_header { font-size:20px; text-transform:uppercase; opacity:0; transform:translateY(30px); transition:all .4s ease .2s; position:absolute; top:35%; width: 100%; left: 0; text-align: center; color:var(--color-1); z-index:1 } .dct-pfl-v4 .et_pb_portfolio_item:hover .et_pb_module_header { opacity:1; transform:translateY(0) } .dct-pfl-v4 .et_pb_portfolio_item .post-meta a { font-size:14px; opacity:0; color:var(--color-1); font-style:italic; position:absolute; top:50%; width: 100%; text-align: center; left: 0; transform:translateY(60px); transition:all .4s ease .2s } .dct-pfl-v4 .et_pb_portfolio_item:hover .post-meta a { opacity:1; transform:translateY(0) } @media only screen and (min-width:981px) { .dct-pfl-v4 .et_pb_portfolio_filters ul { text-align:center } .dct-pfl-v4 .et_pb_portfolio_filters ul li { display:inline-block; float:none!important; margin-left:10px } } @media screen and (max-width:990px) { .dct-pfl-v4 .et_pb_portfolio_item { margin-bottom:20px } } @media screen and (max-width:479px) { .dct-pfl-v4 .et_pb_portfolio_item .post-meta { padding:2% } .dct-pfl-v4 .et_pb_portfolio_item .et_pb_module_header { font-size:20px }} /* ======================= Portfolio-V5 =========================*/ .dct-pfl-v5 .et_pb_portfolio_item .et_overlay{background-color:transparent;border:none;} .dct-pfl-v5 .et_pb_portfolio_item .et_overlay::before{display:none;} .dct-pfl-v5 .et_pb_portfolio_filters li a { border-radius:0; padding:15px; color:var(--color-1); font-size:15px; text-transform:uppercase; font-weight:500 } .dct-pfl-v5 .et_pb_portfolio_filters li a:hover { background:var(--color-1); color:#fff } .dct-pfl-v5 .et_pb_portfolio_filters li a.active { color:#fff!important; background-color:var(--color-1) } .et_pb_portfolio_dct_1_8 .et_pb_portfolio_filters ul.clearfix { max-width:1260px; margin:auto!important } .dct-pfl-v5 .et_pb_portfolio_item { position: relative; overflow: hidden; } .dct-pfl-v5 .et_pb_portfolio_item .et_portfolio_image { margin-bottom:0px; } .dct-pfl-v5 .et_pb_portfolio_item .et_portfolio_image img { width: 100%; height: auto; } .dct-pfl-v5 .et_pb_portfolio_item .post-meta { width: 100%; height: 100%; position: absolute; margin: 0; top: 0; left: 0; color: #fff; text-align: center; padding: 20% 20px; background: rgba(0, 0, 0, 0.6); transform: rotate(-90deg); transform-origin: left top 0; transition: all 0.50s ease 0s; } .dct-pfl-v5 .et_pb_portfolio_item .et_pb_module_header { font-size: 18px; color: var(--color-1); position: absolute; top: 35%; text-align: center; width: 100%; text-transform: uppercase; font-weight: 700; transform: rotate(180deg); transform-origin: right top 0; transition: all .3s ease-in-out 0.2s; z-index: 1; opacity: 0; } .dct-pfl-v5 .et_pb_portfolio_item:hover .et_pb_module_header { opacity: 1; } .dct-pfl-v5 .et_pb_portfolio_item .post-meta a { display: block; font-size: 15px; margin-bottom: 15px; color: #fff !important; font-style: italic; position: absolute; top: 50%; left: 40%; transform: rotate(180deg); transform-origin: right top 0; transition: all .3s ease-in-out 0.4s; } .dct-pfl-v5 .et_pb_portfolio_item:hover .post-meta, .dct-pfl-v5 .et_pb_portfolio_item:hover .et_pb_module_header, .dct-pfl-v5 .et_pb_portfolio_item:hover .post-meta a { transform:rotate(0deg); } @media screen and (max-width: 359px) { .dct-pfl-v5 .post-meta { padding: 10% 20px; } } @media only screen and (min-width:981px) { .dct-pfl-v5 .et_pb_portfolio_filters ul { text-align:center } .dct-pfl-v5 .et_pb_portfolio_filters ul li { display:inline-block; float:none!important; margin-left:10px } } /* Appointment -------------------------------------------------------------- */ /* ======================= Appointment-V1/V2/V3 =========================*/ .dct_aptm_1 .et_pb_button { background:var(--color-1) !important; border-color:var(--color-1) !important; color:#fff; font-size: 15px; text-transform: uppercase; border-radius:0; } /* ======================= Appointment-V4 =========================*/ .dct_aptm_v4 { background-color: var(--color-1); } .dct_aptm_v4 .et_contact_bottom_container .et_pb_button { font-weight:500; color:var(--color-1); } /* ======================= Appointment-V5 : Home Page =========================*/ .dct_aptm_v5 { position: fixed !important; right: 0px; top: 0px; z-index: 9999999; height: 100%; transform: translateX(100%); box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px; transition: 0.8s ease-out; } .dct_aptm_v5 { width: 450px !important; } .dct_aptm_v5_tab { z-index: 999999; width:500px !important; } .dct_aptm_v5_tab:hover { cursor: pointer; } .dct_aptm_v5_text { transform: translate(-100%, -100%) rotate(-90deg); transform-origin: right bottom 0px; position: absolute; top: 0px; left: -10px; } .show_form { transform: translateX(0px); } .et-pb-icon.dct-icon { font-size: 30px; color:#fff; font-weight:900; } .et-pb-icon.dct-icon:hover { cursor: pointer; } .close_form_icon { text-align: right !important; } .dct_close_icon p { text-align: right !important; } .dct_customer_form .et_contact_bottom_container { width: 100%; } .dct_customer_form .et_pb_button { width: 97%; margin-left: 3%; } .dct_customer_form .et_pb_button:hover { padding: .3em .1em .3em .1em !important; } @media all and (max-width: 479px) { .dct_aptm_v5 { width: 90% !important; } .dct_aptm_v5_tab { width:100% !important; } .dct_aptm_v5_text { left: -5px; } } @media (max-height: 1080px) { .dct_aptm_v5 { max-height: 100vh; padding-bottom:50px !important; overflow-y: scroll; background-color: var(--color-1) !important; } .dct_aptm_v5::-webkit-scrollbar { width: 10px; } .dct_aptm_v5::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } } /* ########## SLIDING CONTENT ########### */ .dct_slide_blurb .et_pb_blurb_container { padding-left: 5px; } .dct_slide_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--color-1) !important; } /* Newsletter -------------------------------------------------------------- */ /* ======================= Newsletter-V1 =========================*/ #dct_nsl_1 .dct_cta_btn .et_pb_button { background: var(--color-1); font-size: 15px; text-transform: uppercase; font-weight: 600; border-radius: 0; } #dct_nsl_1 .dct_cta_btn .et_pb_button:hover { background: #000 !important; } #dct_nsl_1 .dct_newsletter_v1 { background: var(--color-1) !important; } #dct_nsl_1 .dct_newsletter_v1 .et_pb_newsletter_button { background:#000; border-color: #000; } @media only screen and (max-width : 766px) { #dct_nsl_1 .et_pb_promo { padding:0; } #dct_nsl_1 .dct_cta_btn .et_pb_button { margin-bottom: 15px; } } /* ======================= Newsletter-V2 =========================*/ div.et_pb_section#dct_nsl_2 { background: var(--color-1); } #dct_nsl_2 .dct_newsletter_v2 .et_pb_newsletter_button { background:var(--color-1); border-color: var(--color-1); } /* ======================= Newsletter-V3 =========================*/ #dct_nsl_3 .dct_newsletter_v3 .et_pb_newsletter_button { background:var(--color-1); border-color: var(--color-1); } /* ======================= Newsletter-V4 =========================*/ #dct_nsl_4 .dct_newsletter_v4 .et_pb_newsletter_button { background: var(--color-1); border-color: var(--color-1); } #dct_nsl_4 .dct_newsletter_v4 .et_pb_newsletter_button:hover { background: var(--color-1); } /* ======================= Newsletter-V5 =========================*/ #dct_nsl_5 .dct_newsletter_v5 .et_pb_newsletter_button { background: var(--color-1); border-color: var(--color-1); } #dct_nsl_5 .dct_newsletter_v5 .et_pb_newsletter_button:hover { background: var(--color-1); } /* ======================= Contact Us =========================*/ /* ======================= Contact Us-V1 =========================*/ #dct_cnt_1 .dct_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { width: 30px; height: 30px; background: var(--color-1); line-height: 30px; padding: 10px; border-radius: 50%; color: #fff !important; } #dct_cnt_1 .dct_smf .et_pb_social_icon a.icon { background:var(--color-1) !important; width: 50px !important; height: 50px; } #dct_cnt_1 .dct_smf .et_pb_social_icon a.icon:hover { background:#000 !important; } #dct_cnt_1 .dct_smf .et_pb_social_icon a.icon::before { width: 50px !important; line-height: 45px; } /* ======================= Contact Us-V2 =========================*/ div.et_pb_section#dct_cnt_2 { background: var(--color-1); } #dct_cnt_2 .dct_smf .et_pb_social_icon a.icon { background:#000 !important; } div.et_pb_column#dct_clm { background: var(--color-1) !important; } /* ======================= Contact Us-V3 =========================*/ #dct_cnt_3 .dct_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { border: 2px solid var(--color-1); border-radius: 50%; padding: 10px; font-size: 20px; } /* ======================= Contact Us-V4 =========================*/ div.et_pb_column.dct_cl { background: var(--color-1) !important; } #dct_cnt_4 .dct_smf .et_pb_social_icon a.icon { background:#000 !important; } /* ======================= Contact Us-V5 =========================*/ div.et_pb_section.dct_ft_sec { background: var(--color-1) !important; } .dct_ft_sec .et_pb_text_inner h3 { color:var(--color-1) !important; font-weight: 700; } .dct_ft_sec .et_pb_text_inner p { font-weight: normal; } /* ======================= Contact Us-V6 =========================*/ #dct_cnt_6 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: #fff !important; font-size: 22px; width: 80px; height: 80px; background: var(--color-1); line-height: 80px; border-radius: 10px; } /* footer -------------------------------------------------------------- */ #footer-info { padding:7px 0; margin:0; color:#fff; font-size:14px; font-weight:300; line-height:26px; border-top: 1px solid var(--color-1); margin-top: 15px; } #footer-info a { font-weight:500; color:#fff!important; transition:all .5s ease; } #footer-info a:hover { color:#888!important } #footer-bottom { padding:16px 0 } #footer-bottom .container { text-align:center; } #footer-bottom .et-social-icons { overflow:hidden; float:none; padding-bottom:0px !important; } #footer-bottom .et-social-icons li { display:inline-block; margin-right:0 } #footer-bottom .et-social-icons li:last-child { margin-right:0 } #footer-bottom .et-social-icons li a { border-radius: 50% 0% 50% 0%; background:var(--color-1); height:40px; width:40px; border:2px solid var(--color-1); display:block; color:#fff; font-size:14px; text-align:center; line-height:38px; transition:all .5s ease } #footer-bottom .et-social-icons li a:hover { background:#000; color:#fff; border-color:#fff; border-radius: 0% 50% 0% 50%; } #footer-info { float:none; text-align:center } #footer-info, #footer-info a { font-weight:400; font-style:normal; text-transform:uppercase; text-decoration:none } /* ======================= Footer-V1 =========================*/ #dct_footer_1 .dct-ctf-btn .et_pb_button { width: 80px; padding: 8px; background: var(--color-1); color: #fff; border-radius: 0; font-size: 13px; font-weight: normal; text-transform: uppercase; } #dct_footer_1 .dct-ctf-btn .et_pb_button:after { font-size:25px; } #dct_footer_1 .dct-ctf-btn .et_contact_bottom_container { position: absolute; right: -16%; margin-top: -21% !important; } #dct_footer_1 .dct-ctf-btn .et_pb_contact .et_pb_contact_form p input { padding:10px !important; width: 100%; } #dct_footer_1 .list-border li { border-bottom: 1px dashed #333333; margin-bottom: 10px; padding-bottom: 10px; } #dct_footer_1 ul.list { list-style: outside none none; margin-top: 13px; padding-left: 0; } #dct_footer_1 ul.list li { margin: 5px 0; } #dct_footer_1 ul.list li:before { border: none; color: #a9a9a9; content: "\4c"; display: inline-block; font-family: ETmodules !important; font-size: 9px; margin-right: 10px; padding: 0; } #dct_footer_1 ul.list li:hover:before { background: none; border-color: transparent; } #dct_footer_1 ul.list li a { font-size: 13px; text-decoration: none; color:#808080 !important; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } /* ======================= Footer-V2 =========================*/ #dct_footer_2 .dct_newsletter_v1 .et_pb_newsletter_button { background:var(--color-1); border-color:var(--color-1); } #dct_footer_2 .dct_bd { border-right: 1px solid #222222; padding-right: 70px; } #dct_footer_2 .dct_service .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1); } #dct_footer_2 .dct_service { margin-bottom:5% !important; } #dct_footer_2 .dct_service .et_pb_blurb_content .et_pb_blurb_description .et_pb_blurb_container { font-weight:normal; font-size: 15px; } #dct_footer_2 .dct-footer-social li { margin-right: 5px !important; } #dct_footer_2 .dct-footer-social li a.icon { width: 40px; height: 40px; border-radius: 0; } #dct_footer_2 .dct-footer-social li a.icon::before { line-height: 40px; width: 40px; } #dct_footer_2 .dct-footer-social .et_pb_social_icon a.icon { background-color: #393939 !important; } #dct_footer_2 .dct-footer-social .et_pb_social_icon a.icon:hover { background-color: var(--color-1) !important; } @media only screen and (max-width : 766px) { } /* ======================= Footer-V3 =========================*/ #dct_footer_3 .dct-footer-social li a.icon { width: 40px; height: 40px; border-radius:0px; } #dct_footer_3 .dct-footer-social li a.icon::before { line-height: 40px; width: 40px; } #dct_footer_3 .dct-footer-social .et_pb_social_icon a.icon { background-color: #393939 !important; } #dct_footer_3 .dct-footer-social .et_pb_social_icon a.icon:hover { background-color: var(--color-1) !important; } #dct_footer_3 .dct_service .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1); } #dct_footer_3 .dct_service { margin-bottom:5% !important; } #dct_footer_3 .dct_timetable { background:var(--color-1); padding: 21px; font-weight: normal; font-size: 12px; } #dct_footer_3 .dct_timetable .et_pb_text_inner .btn { padding: 5px 9px; font-size: 15px; line-height: 16px; border-color: #000; color: #fff; background:#000; display:block; border-width: 3px; border-style: solid; text-align: center; text-transform: uppercase; } #dct_footer_3 .dct_timetable .et_pb_text_inner .btn:hover { background:#fff; color:var(--color-1); } /* ======================= Footer-V4 =========================*/ #dct_footer_4 .list-border li { border-bottom: 1px solid #333333; margin-bottom: 10px; padding-bottom: 10px; } #dct_footer_4 ul.list { list-style: outside none none; margin-top: 13px; padding-left: 0; } #dct_footer_4 ul.list li { margin: 5px 0; } #dct_footer_4 ul.list li:before { border: none; color: var(--color-1); content: "\24"; display: inline-block; font-family: ETmodules !important; font-size: 20px; margin-right: 10px; padding: 0; } #dct_footer_4 ul.list li:hover:before { background: none; border-color: transparent; } #dct_footer_4 ul.list li a { font-size: 15px; text-decoration: none; color:#fff !important; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } #dct_footer_4 .dct-ctf-btn .et_pb_button { background: var(--color-1); color: #fff; border-radius: 0; font-size: 13px; font-weight: normal; text-transform: uppercase; } #dct_footer_4 .dct-ctf-btn .et_pb_button:hover { background:transparent; border-color:#fff; } #dct_footer_4 .dct-ctf-btn .et_pb_button:after { font-size:25px; } #dct_footer_4 .dct-ctf-btn .et_contact_bottom_container { float: left; margin-top: 3.5%; } #dct_footer_4 .dct-ctf-btn .et_pb_contact .et_pb_contact_form p input { padding:10px !important; } #dct_footer_4 .dct-footer-social li { margin-right: 10px !important; } #dct_footer_4 .dct-footer-social li a.icon { width: 40px; height: 40px; border-radius:0%; } #dct_footer_4 .dct-footer-social li a.icon::before { line-height: 40px; width: 40px; } #dct_footer_4 .dct-footer-social .et_pb_social_icon a.icon { background-color: #393939 !important; } #dct_footer_4 .dct-footer-social .et_pb_social_icon a.icon:hover { background-color: var(--color-1) !important; } /* ======================= Footer-V5 =========================*/ #dct_footer_5 .dct-footer-social li { margin-right: 5px !important; } #dct_footer_5 .dct-footer-social li a.icon { width: 40px; height: 40px; border-radius:0%; } #dct_footer_5 .dct-footer-social li a.icon::before { line-height: 40px; width: 40px; } #dct_footer_5 .dct-footer-social .et_pb_social_icon a.icon { background-color: var(--color-1) !important; border: 1px solid var(--color-1); } #dct_footer_5 .dct-footer-social .et_pb_social_icon a.icon:hover { background-color: transparent !important; border: 1px solid var(--color-1) !important; } #dct_footer_5 .dct_service .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background-color: var(--color-1) !important; } /* ======================= Footer-V6 =========================*/ #dct_footer_6 .dct-footer-social { text-align:center; } #dct_footer_6 .dct-footer-social li { margin-right: 25px !important; } #dct_footer_6 .dct-footer-social li a.icon { width: 0px; height: 0px; border-radius:0; } #dct_footer_6 .dct-footer-social li a.icon::before { width:0px; font-size: 13px !important; } #dct_footer_6 .dct-footer-menu { margin:0px; padding-bottom:10px; } #dct_footer_6 .dct-footer-menu li { display:inline-block; margin-left:10px; font-size:13px; text-transform:uppercase; color :#b2b2b2 !important; font-weight: 600; } #dct_footer_6 .dct-footer-menu li a { color:#FFF !important; border-right: 2px solid #fff; padding-right: 20px; } #dct_footer_6 .dct-footer-menu li:last-child a { border-width:0px; } #dct_footer_6 .dct-footer-menu li a:hover { color:#FFF !important; } /* Template-Options -------------------------------------------------------------- */ .template-options .theme_option_bar:before { font-size:22px; content:"\e037"; cursor:pointer; color:#000; font-family:ETmodules!important; font-weight:400; font-style:normal; font-variant:normal } .template-options.opened .theme_option_bar:before { content:"\4d"; font-size:32px } .template-options { position:fixed; top:130px; right:-200px; width:200px; background:#fff; -webkit-transition:right .4s; transition:right .4s; z-index:9999999 } .template-options.opened { right:0; box-shadow:0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2); z-index:9999999 } .option-section { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #f1f1f1 } .option-section:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0 } .option-section h4 { color:#333; margin:0 0 10px; font-size:14px; line-height:14px; font-weight:600; text-transform:uppercase; letter-spacing:1px } .option-section .checkbox { margin-bottom:0 } .options-inner { position:relative; padding:20px } .cl-toggler { position:absolute; top:0; left:-48px; display:inline-block; background:#fff; width:48px; height:48px; line-height:48px; text-align:center; font-size:24px; color:#000; box-shadow:0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2) } .cl-toggler i { font-size:20px!important; animation:fa-spin 2s infinite linear } .cl-toggler:hover { color:#000 } .cl-bg-images, .cl-presets { list-style:none; padding:0; margin:-5px } .cl-bg-images li, .cl-presets li { display:block; float:left; margin:5px } .cl-bg-images li a, .cl-presets li a { display:block; width:42px; height:42px; border-radius:2px; float:left } .cl-bg-images li a img { width:100% } .cl-bg-images li.active a { border:3px solid #22b8f0 } .cl-presets li.active a { -webkit-box-shadow:0 0 0 3px rgba(0, 0, 0, .2) inset; box-shadow:0 0 0 3px rgba(0, 0, 0, .2) inset } .template-options .options-inner .cl-toggler .et-pb-icon i { line-height:-1px!important } @media (max-width:980px) { .template-options { top:10%; width:100px; right:-100px } .cl-bg-images li a, .cl-presets li a { width:25px; height:25px } } /* ======================= Particles =========================*/ #dct-particles-js { position:relative; left:0; top:0; z-index:99 } #dct-particles-js canvas { left:0; position:absolute; top:0; z-index:-1 } @media screen and (max-width:479px) { .et_bloom .et_bloom_form_container .et_bloom_form_header img { float:none!important; max-width:60%!important } } /* ======================= Appointment-V5 : Home Page =========================*/ .dct_aptm_v5 { position: fixed !important; right: 0px; top: 0px; z-index: 9999999; height: 100%; transform: translateX(100%); box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px; transition: 0.8s ease-out; } .dct_aptm_v5 { width: 450px !important; } .dct_aptm_v5_tab { z-index: 999999; width:500px !important; } .dct_aptm_v5_tab:hover { cursor: pointer; } .dct_aptm_v5_text { transform: translate(-100%, -100%) rotate(-90deg); transform-origin: right bottom 0px; position: absolute; top: 0px; left: -10px; } .show_form { transform: translateX(0px); } .et-pb-icon.dct-icon { font-size: 30px; color:#fff; font-weight:900; } .et-pb-icon.dct-icon:hover { cursor: pointer; } .close_form_icon { text-align: right !important; } .dct_close_icon p { text-align: right !important; } .dct_customer_form .et_contact_bottom_container { width: 100%; } .dct_customer_form .et_pb_button { width: 97%; margin-left: 3%; } .dct_customer_form .et_pb_button:hover { padding: .3em .1em .3em .1em !important; } @media all and (max-width: 479px) { .dct_aptm_v5 { width: 90% !important; } .dct_aptm_v5_tab { width:100% !important; } .dct_aptm_v5_text { left: -5px; } } @media (max-height: 1080px) { .dct_aptm_v5 { max-height: 100vh; padding-bottom:50px !important; overflow-y: scroll; background-color: var(--color-1) !important; } .dct_aptm_v5::-webkit-scrollbar { width: 10px; } .dct_aptm_v5::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } } /* ########## SLIDING CONTENT ########### */ .dct_slide_blurb .et_pb_blurb_container { padding-left: 5px; } .dct_slide_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--color-1) !important; } /* ======================= Home 6 =========================*/ #about_6 .et_pb_text_inner h6 { line-height: 25px; color: #5f727f; font-size: 16px; font-weight: 400; margin-top: 20px; } #about_6 .et_pb_text_inner { line-height: 37px; font-size: 18px; font-weight: 300; color: #5f727f; } #about_6 .et_pb_text_inner h4 { letter-spacing: .05em; color: #3c3950; line-height: 38px; font-size: 24px; font-weight: 700; text-transform: uppercase; } #about_6 .et_pb_text_inner h1 { color: var(--color-1); letter-spacing: .05em; line-height: 69px; font-size: 50px; font-weight: 700; text-transform: uppercase; } #about_6 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-weight: 300; font-size: 16px; } #about_6 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1); } @media only screen and (max-width : 480px) { #about_6 .et_pb_text_inner h1 { line-height: 40px; font-size: 40px; } } #dct_intro_v6 .et_pb_text_inner h4 { text-align: center; letter-spacing: .05em; color: #3c3950; line-height: 38px; font-size: 24px; font-weight: 700; text-transform: uppercase; } #dct_intro_v6 .et_pb_text_inner h4 span { color:var(--color-1); } #dct_intro_v6 .dct_intro_cta .et_pb_contact p input { color:#fff; background-color: transparent; border-bottom: 1px solid; } #dct_intro_v6 .dct_intro_cta .et_pb_contact_select { color:#fff; background-color: transparent; border-bottom: 1px solid; } #dct_intro_v6 .dct_intro_cta .et_pb_contact_field[data-type="select"]::after { border-color: #fff transparent transparent transparent; } #dct_intro_v6 .et_pb_contact_message { min-height: 120px; } #dct_intro_v6 .dct_intro_cta .et_contact_bottom_container { float: none; } #dct_intro_v6 .et_contact_bottom_container .et_pb_button { font-size: 14px; display: block; text-align: center; border-color: #fff; color: #fff; text-transform: uppercase; border-radius: 0px; position: relative; bottom: -40px; margin: 0 auto; background: transparent; } /* ======================= Testimonial Section =========================*/ .dct_testi_sec_v1 { background:var(--color-1) } .dct_testi_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img { width:100px; height:auto; border-radius:50% } .dct_testi_v1 .et_pb_slide .et_pb_slide_description { padding:5% 8% } .dct_testi_v1 .et-pb-controllers { bottom:0 } .dct_testi_v1 .et-pb-arrow-next::before, .dct_testi_v1 .et-pb-arrow-prev::before { background:var(--color-2); font-size:35px } @media only screen and (max-width :980px) { .dct_testi_v1 .et_pb_slide_with_image .et_pb_slide_description { float:none } } /* ======================= Call-to-action : 2 =========================*/ .dct_cta_sec_2_v1 { background:var(--color-2) } .dct_cta_2_h1_v1 .et_pb_text_inner h1 { font-size:50px!important; text-transform:uppercase; letter-spacing:.05em; font-weight:700; color:#fff } .dct_cta_2_h1_v1 .et_pb_text_inner h1 span { color:var(--color-1); } .dct_cta_2_desc_v1 .et_pb_text_inner p { font-weight:400; color:#fff } .dct_cta_2_btn_v1:hover { background-color:var(--color-1) !important; } @media only screen and (max-width :980px) { .dct_cta_2_h1_v1 .et_pb_text_inner h1 { text-align:center; font-size:35px!important } .dct_cta_2_btn_v1 { text-align:center } .dct_cta_sec_2_v1 .et_pb_button_module_wrapper { text-align:center } } /* ======================= Contact =========================*/ .dct_ct_bg_2 { background: var(--color-1) } .dct_ct_bg_3 { background: var(--color-1); opacity: 0.9; } .dct_ct_bg_4 { background: var(--color-1); opacity: 0.8; } #contact .et_pb_blurb_content { max-width: 100%; } #contact .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { text-transform: uppercase; color: #fff !important; text-align: center; font-size: 25px; font-weight: 700; } #contact .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color: #fff; text-align: center; padding: 25px; padding-top: 0; line-height: 28px; } #contact .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { width: 100px; height: 100px; line-height: 100px; border-radius: 50%; border: 1px solid #fffffa; font-size: 40px; color: #fff !important; display: inline-block; margin-bottom: 30px; transition: all 0.5s ease 0s; } #contact .et_pb_blurb_content:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { box-shadow: 0 0 0 15px #fff; } /* ======================= Home 7 =========================*/ #dct_intro_v7 .et_contact_bottom_container { width: 100% !important; padding-left: 3%; } #dct_intro_v7 .et_contact_bottom_container .et_pb_button { width: 100%; margin-left: 0px !important; padding: .5em 1em; background: var(--color-1); border-color: var(--color-1); color: #fff; text-transform: uppercase; font-weight: 300; } #dct_intro_v7 .et_pb_text_inner table tbody tr td { padding: 15px 24px; font-weight: 300; text-transform: uppercase; } #dct_intro_v7 .et_pb_text_inner h1 { color:var(--color-1); } @media only screen and (max-width : 980px) { #dct_intro_v7 .et_contact_bottom_container .et_pb_button { font-size:17px; } } @media only screen and (max-width : 480px) { #dct_intro_v7 .et_pb_text_inner table tbody tr td { padding: 15px 15px; font-size: 10px; font-weight: 600; } } .dct_slider_v7 .et_pb_slide_description { padding: 16% 0%; padding-top: 8%; } .dct_slider_v7 .et_pb_slide_description .et_pb_slide_title, .dct_slider_v7 .et_pb_slide_description .et_pb_slide_content h1 { font-size: 80px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; text-align: left; } .dct_slider_v7 .et_pb_slide_description .et_pb_slide_content h4 { margin-top: 35px; text-align: left; letter-spacing: .05em; line-height: 30px; font-size: 19px; font-weight: 400; text-transform: uppercase; max-width: 440px; } .dct_slider_v7 .et_pb_slide_description .et_pb_slide_content h2 { margin-top: 35px; text-align: left; max-width: 500px; letter-spacing: .05em; line-height: 53px; font-size: 36px; font-weight: 700; text-transform: uppercase; } @media only screen and (max-width : 480px) { .dct_slider_v7 .et_pb_slide_description .et_pb_slide_title, .dct_slider_v7 .et_pb_slide_description .et_pb_slide_content h1 { font-size:30px; } } @media only screen and (max-width : 980px) { .dct_slider_v7 .et_pb_slide_description .et_pb_slide_title, .dct_slider_v7 .et_pb_slide_description .et_pb_slide_content h1, .dct_slider_v7 .et_pb_slide_description .et_pb_slide_content h4 { text-align:center !important; } .dct_slider_v7 .et_pb_slide_description .et_pb_slide_content h2 { margin-top: 0; line-height: 30px; font-size: 17px; text-align: center; } .dct_slider_v7 .et_pb_slide_description .et_pb_slide_content h4 { margin-top: 10px; line-height: 20px; font-size: 13px; } } #dct_special_v7 .et_pb_text_inner h2 { letter-spacing: .05em; line-height: 70px; font-size: 36px; font-weight: 700; text-transform: uppercase; color:var(--color-1); } #dct_special_v7 .dct_blurb_special .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { font-weight: 700; font-size: 16px; vertical-align: top; display: inline-block; color:var(--color-1); } #dct_special_v7 .dct_blurb_special .et_pb_blurb_content { max-width:100%; } #dct_special_v7 .dct_blurb_special .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { text-indent: -1.2em; margin-bottom: 1.7em; color: #5f727f; line-height: 16px; font-size: 14px; font-weight: 400; } #dct_special_v7 .dct_blurb_special .et_pb_blurb_content .et_pb_main_blurb_image { width: 24px; } #dct_special_v7 .et_pb_button { border-radius: 0px; background-color: var(--color-1); color: rgb(255, 255, 255); letter-spacing: .05em; font-weight: 700; line-height: 40px; font-size: 14px; position: relative; padding: .5em 1em; text-align: center; text-transform: uppercase; top: 30px; transition: all .3s; } @media only screen and (max-width : 980px) { #dct_special_v7 .et_pb_button { top:0 } } #dct_special_v7 .dct_blurb_special_1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { width: 90px; height: 90px; background: var(--color-1); color: #fff; font-size: 40px; border-radius: 50%; line-height: 80px; } #dct_special_v7 .dct_blurb_special_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { text-align: center; font-size: 90px; letter-spacing: 0.1em; font-weight: 700; color:var(--color-1); } #dct_special_v7 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color: #2c2e3d; text-align: center; line-height: 37px; font-size: 24px; font-weight: 300; } #dct_special_v7 .dct_special_bg .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color:#fff; font-size: 16px; } @media only screen and (max-width : 1024px) { #dct_special_v7 .et_pb_text_inner h2 { text-align:center; font-size: 34px; } } #dct_do_best .et_pb_text_inner h1 { line-height: 69px; font-size: 50px; font-weight: 700; text-transform: uppercase; color: #ffffff; } #dct_do_best .et_pb_text_inner h4 { font-weight: 400; color: #ffffff; text-transform: uppercase; letter-spacing: .05em; line-height: 38px; font-size: 24px; } #dct_do_best .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--color-1); line-height: 30px; font-size: 19px !important; letter-spacing: .05em; padding-bottom: 20px; transition: all .3s; text-transform: uppercase; font-weight: 700; } #dct_do_best .et_pb_blurb_content { max-width:100%; } #dct_do_best .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color: #bfd0db; line-height: 25px; font-size: 16px; font-weight: 400; text-align: left; } #dct_do_best .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background: var(--color-1); color: #fff !important; border-radius: 25px; padding: 16px; font-size: 20px; font-weight: 800; } #dct_do_best .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:after { content: ""; bottom: -31px; left: 26px; position: absolute; height: 100%; border-right: 1px solid var(--color-1); border-right-color: var(--color-1); border-color: var(--color-1); z-index: -1; } #dct_do_best .et_pb_blurb_content .et_pb_blurb_container { padding-left: 30px; } @media only screen and (max-width : 980px) { #dct_do_best .et_pb_text_inner h1 { line-height: 50px; font-size: 40px; } } #dct_faciliti .et_pb_counter_title { font-size: 14px; line-height: 2.6em; font-weight: 300; color: #000; } #dct_faciliti .et_pb_counter_amount { background-color:var(--color-1); line-height: 1.1em; } .dct_why_us_accordion_v1 .et_pb_toggle_close h5, .dct_why_us_accordion_v1 .et_pb_toggle_title::before { color:var(--color-1)!important; font-weight:400 } .dct_why_us_accordion_v1 { border-radius:6px; background-color:#fff; padding:1.2vw 2vw 1.3vw } .dct_why_us_accordion_v1 .et_pb_toggle_close h5 { font-size:16px; line-height:25px; font-weight:400; letter-spacing:.05em; text-transform:uppercase; color:#222!important } .dct_why_us_accordion_v1 .et_pb_toggle_content p { color:#5f727f; line-height:25px; font-weight:400 } .dct_why_us_accordion_v1 .et_pb_toggle_close { background:0, 0 } .dct_why_us_accordion_v1 .et_pb_toggle_open h5 { text-transform:uppercase; letter-spacing:.05em; line-height:25px; font-weight:700; font-size:14px } .dct_why_us_accordion_v1 .et_pb_toggle_close h5:before { content:"\59"!important; font-family:ETmodules!important } .dct_why_us_accordion_v1 .et_pb_toggle_open h5:before { content:"\58"!important; display:block!important; margin-top:-16px; color:var(--color-2)!important; font-family:ETmodules!important } .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {padding-top:25px !important;}