/*--------------------------------------------------------------------------------- Theme Name: Elderx Divi Theme Theme URI: https://elderx.divifixer.com/ Description: Best Divi Theme For elderly care, elder living, retirement care homes, senior citizen accommodation, sheltered housing, nursing home, palliative care, home citizen, medical or health care websites. Author: DCT Team Author URI: http://divi-childthemes.com Template: Divi Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* ================================================== */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10 Slider Section CSS Slider v1 CSS 11 Faqs CSS Faqs v1 CSS 12 Timeline CSS Timeline v1 CSS 13 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15 About Us Section CSS 16 Choose Us Section CSS 17 Process Section CSS 18 Partner Section CSS 19 Video Section CSS 20 Skill-bar Section CSS 21 Counter Section CSS 22 Newsletter Section CSS 23 CTA Section CSS 24 Coming Soon Page CSS 25 404 Page CSS 26 Search Page CSS 26 Color Picker CSS 27 Animation Part CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .dct_title .et_pb_text_inner span{color:var(--color-1);text-transform: capitalize;} .dct_title .et_pb_text_inner h2{color:var(--color-2);text-transform: capitalize;} .dct_title .et_pb_text_inner h2 span{color: transparent;-webkit-text-stroke: 1px var(--color-1) !important;} .dct_subtitle{} .dct_desc {} /*---Button CSS---*/ .dct_btn{text-transform: uppercase;position: relative;overflow: hidden;background-color: var(--color-2);box-shadow: 0 3px 24px rgb(0 0 0 / 10%);transition: all .5s ease-in-out;z-index: 1;} .dct_btn:hover {color: #fff;background-color: var(--color-1)!important;} .dct_btn:after{height: 40px;top: 8px;width: 40px;line-height: 40px!important;color: var(--color-1);text-align: center;background: #fff;margin-left: 12px!important;border-radius: 50px;} .dct_btn.light {background-color: var(--color-2);} .dct_btn.light:hover {background-color: var(--color-1) !important;} /*---Page Header Title CSS---*/ .dct_header_title {} /*---Breadcrumbs Title CSS---*/ .dct_b_home_link {} .dct_b_other_link {} @media only screen and (max-width:500px){ .dct_title .et_pb_text_inner h2 {font-size: 35px;} } /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.dct_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.dct_blogpagination .page-numbers.prev,.navigation.dct_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.dct_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.dct_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.dct_blogpagination a.page-numbers:hover, .navigation.dct_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.dct_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.dct_blogpagination a.page-numbers:hover {color: #fff !important; } /* Max Width & Reverse Column CSS */ /*---Responsive CSS---*/ @media only screen and (max-width:980px){ /* Max Width Col */ .dct_max_width.et_pb_column:last-child, .dct_max_width{ max-width:400px; margin:auto !important; float:none !important; margin-bottom: 30px !important; } /* Reverse Col */ .dct_reverse_row{ display:flex; flex-direction:column-reverse; } .dct_reverse_row .dct_reverse_col{ order:1; margin-bottom:30px !important; } } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ .dct_h_menu .et_pb_menu__logo-wrap{ } .dct_h_menu .et_pb_menu__logo-wrap .et_pb_menu__logo {margin-right:0px;} /*---Main Menu CSS---*/ .dct_h_menu .et-menu .menu-item a{color:var(--color-2);opacity:1 !important;font-weight:600;} .dct_h_menu .et-menu li.current-menu-item a, .dct_h_menu .et-menu li:hover a{color:var(--color-1);} /*---Sub Menu CSS---*/ .dct_h_menu .et-menu li .sub-menu{border-radius:12px;border:none;opacity: 0;visibility: hidden;box-shadow: 0 0 50px 0 rgb(32 32 32 / 15%);transition: .3s;padding: 10px 0px;} .dct_h_menu .et-menu li:hover .sub-menu{opacity: 1;visibility: visible;top: 112%;} .dct_h_menu .et-menu li .sub-menu li {width:100%;} .dct_h_menu .et-menu li .sub-menu li a{font-size: 15px;font-weight: 600;padding: 8px 15px;position: relative;text-transform: uppercase;transition: all .5s ease-in-out;width:100%;} .dct_h_menu .et-menu li .sub-menu li:last-child a {border:none;} .dct_h_menu .et-menu li:hover .sub-menu li a{color:var(--color-2);} .dct_h_menu .et-menu li .sub-menu li:hover .sub-menu li a{color:var(--color-2);padding: 8px 15px!important;} .dct_h_menu .et-menu li .sub-menu li .sub-menu li:hover a, .dct_h_menu .et-menu li .sub-menu li:hover a{color:var(--color-1);padding-left: 25px!important;background: 0 0;} .dct_h_menu .et-menu li:hover .sub-menu li .sub-menu{display:none;top:150px;transition: all .5s ease-in-out;} .dct_h_menu .et-menu li .sub-menu li:hover .sub-menu{display:block;top:-20px;transition: all .5s ease-in-out;} .dct_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before{content: ""; display: block; position: absolute; left: 0px; top: 0; height: 100%; width: 1px; background: rgba(0,0,0,0.05);} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{content: ""; display: inline-block; height: 5px; pointer-events: none; position: absolute; left: -2px; top: 50%; width: 5px; border-radius: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);background:var(--color-1);} .dct_h_menu.dct_h_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu::after { content: ''; position: absolute; z-index: -1; width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -5px; left: 14%; -webkit-box-sizing: border-box; box-sizing: border-box; } .dct_h_menu.et_pb_menu ul li ul li ul:after{display:none;} /*---Header Common Info Css---*/ .dct_small_info {} .dct_small_blurb_info {} .dct_header_contact_info {} .dct_header_social.et_pb_social_media_follow li a.icon:hover::before{color:var(--color-1);} /*---Header v1 CSS---*/ .dct_header_v1 {} /*---Header v2 CSS---*/ .dct_header_v2 {} /*---Header v3 CSS---*/ .dct_header_v3 {} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .dct_footer_title {} .dct_footer_blurb_info .et_pb_main_blurb_image .et-pb-icon{color: var(--color-1);} .dct_footer_links {} .dct_footer_social {} .dct_f_info{color: #fff;transition: all .5s ease-in-out!important;} .dct_f_info:hover{padding-left: 45px!important;color: var(--color-1);} .dct_f_social li a{background-color: var(--color-1);border: 2px solid var(--color-1);line-height: 36px;padding: 4px!important;transition:.5s ease-in-out;} .dct_f_social li a:hover{background-color:transparent;color:var(--color-1)!important;} .dct_f_email .et_pb_button:hover{background-color:var(--color-2)!important;} .dct_f_email .et_pb_button:after{height: 40px;top: 10px;width: 40px;line-height: 36px!important;color:var(--color-1);background: #fff;margin-left: 35px!important;border-radius: 50px;transition: all .5s ease-in-out;} .dct_footer_left .copyright-text a {color:var(--color-1);} .dct_footer_right ul{padding:0!important;text-align: right;} .dct_footer_right ul li{display: inline-block;color: #fff;padding: 0 20px;transition:.3s;} .dct_footer_right ul li:hover{color:var(--color-1);} @media (max-width: 768px){ .dct_footer_right ul{text-align:center;} } @media (max-width: 400px){ .dct_footer_right ul li{padding: 0 5px;} } /*---Footer v1 CSS---*/ .dct_footer_v1 {} /*---Footer v2 CSS---*/ .dct_footer_v2 {} /*---Footer v3 CSS---*/ .dct_footer_v3 {} /* map */ .dct_map .et_pb_code_inner{border-radius: 10px;} .dct_map .et_pb_code_inner iframe {border-radius: inherit;} /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ #sidebar .widgettitle { font-size: 22px; display: inline-block; line-height: 31px; position: relative; font-weight: 500; color: #333; margin-right: 10px; text-transform: uppercase; } #sidebar .widgettitle::before{ display: inline-block; content: ''; width: 25px; height: 5px; background-color: var(--color-1); border-radius: 10px; position: absolute; right: -30px; top: 12px; } #sidebar .widgettitle::after { content: ''; position: absolute; right: -45px; width: 10px; height: 5px; display: inline-block; border-radius: 10px; background-color: var(--color-1); top: 12px; } #sidebar{padding-left:0!important}.single #main-content .container::before{display:none}#sidebar .widgettitle{font-size:15px}#sidebar .et_pb_widget ul li{display:flex;align-items:center;position:relative;margin-bottom:15px;border:1px solid #efefef;border-radius:5px}#sidebar .et_pb_widget ul li a{font-size:14px;padding:5px 28px;padding-left:10px;font-weight:300;display:inline-block}#sidebar .et_pb_widget ul li a:after{content:"\24";font-family:ETmodules!important;text-align:center;width:40px;height:40px;line-height:40px;position:absolute;right:0;background:var(--color-2);top:0;color:#fff}#sidebar .et_pb_widget ul li a:hover{color:var(--color-1)}#sidebar .widget_search input#searchsubmit{background:var(--color-1);color:#fff} .widget_search input#searchsubmit { background: var(--color-1); color: #fff; } .widget_search input#s, .widget_search input#searchsubmit { border-radius: 25px; } @media only screen and (max-width: 980px) { .dct_post_title { padding-top: 30%!important } } /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .dct_blog_v1 .et_pb_post {border-radius:10px;box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);transition: all .5s ease-in-out;border:none;background:#fff;padding-bottom:40px;} .dct_blog_v1 .et_pb_post:hover{transform: translateY(-10px);transition: all .5s ease-in-out;} /*---Image CSS---*/ .dct_blog_v1 .et_pb_post .et_pb_image_container {padding:10px;} .dct_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url {margin:0;} .dct_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url img {border-radius:10px;} .dct_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url .et_overlay {} /*---Title CSS---*/ .dct_blog_v1 .et_pb_post .entry-title {padding: 60px 0 15px 0;transition: all .5s ease-in-out;} .dct_blog_v1 .et_pb_post .entry-title:hover{color:var(--color-1);} /*---Info Class CSS---*/ .dct_blog_info{position:relative;} /*---Post Meta CSS---*/ .dct_blog_v1 .et_pb_post .post-meta {position: absolute;top: -15px;margin: 0;padding: 0;border-bottom: 1px solid #e6e8eb;padding-bottom: 20px;padding-left:20px;color: #192e3f;font-weight: 400!important;} .dct_blog_v1 .et_pb_post .post-meta .published {padding-left:20px;transition: all .5s ease-in-out;} .dct_blog_v1 .et_pb_post .post-meta .published:hover{color:var(--color-1);} .dct_blog_v1 .et_pb_post .post-meta a{color: #192e3f;font-weight: 400!important;transition: all .5s ease-in-out;} .dct_blog_v1 .et_pb_post .post-meta a:hover{color:var(--color-1);} .dct_blog_v1 .et_pb_post .post-meta .author:before{content:'\f2bd';position:absolute;top:0;left:0px;color:var(--color-1);font-size:16px;font-family: "FontAwesome";} .dct_blog_v1 .et_pb_post .post-meta .published:after{content:'\f073';position:absolute;top:0;left:145px;color:var(--color-1);font-size:16px;font-family: "FontAwesome";} /*---Blog Desc CSS---*/ .dct_blog_v1 .et_pb_post .post-content {} .dct_blog_v1 .et_pb_post .post-content .post-content-inner{padding-bottom:30px;} /*---Read More Button CSS---*/ .dct_blog_v1 .et_pb_post .post-content .more-link{font-size: 15px; border: 1px solid var(--color-1) !important; padding: 7px 35px 7px 15px; text-transform: capitalize; position: relative; cursor: pointer; text-align: center; border-radius: 50px; overflow: hidden; color: var(--color-1) !important; box-shadow: 0 3px 24px rgb(0 0 0 / 10%); transition: all .5s ease-in-out; z-index: 1;} .dct_post_list .et_pb_post .post-content .more-link { font-size: 15px; border: 1px solid var(--color-1) !important; padding: 3px 35px 3px 15px; text-transform: capitalize; position: relative; cursor: pointer; text-align: center; border-radius: 50px; overflow: hidden; color: var(--color-1) !important; box-shadow: 0 3px 24px rgb(0 0 0 / 10%); transition: all .5s ease-in-out; z-index: 1; display: inline-block; margin-top: 10px; } .dct_post_list .et_pb_post .post-content .more-link:hover, .dct_blog_v1 .et_pb_post .post-content .more-link:hover{color: #fff !important;background: var(--color-2);transition: all .5s ease-in-out;} .dct_post_list .et_pb_post .post-content .more-link:before, .dct_blog_v1 .et_pb_post .post-content .more-link:before{height: 26px;width: 26px;line-height: 28px;color: var(--color-1);background: #fff;margin-left: 99px !important;border-radius: 50px;transition: all .5s ease-in-out;position: absolute;content: '\f061';margin: 0px 0; margin-left: 0px;font-family: 'ETmodules'; content: "\24";top: 3px;right: 3px;font-weight:400;} /*---Pagination Button CSS---*/ .dct_blog_v1 .pagination .alignleft, .dct_blog_v1 .pagination .alignright {} .dct_blog_v1 .pagination .alignleft a, .dct_blog_v1 .pagination .alignright a {} /*---Blog Grid 2 Columns CSS---*/ .dct_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%); } /*---Blog Grid 4 Columns CSS---*/ .dct_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 50%); } /* Blog Listing CSS */ .dct_blog_list .et_pb_post{} /* Blog Category CSS */ .dct_blog_category {} /* Blog Tags CSS */ .dct_blog_tages {} /* Blog Author CSS */ .dct_blog_author {} /* Blog Single Page CSS */ .dct_blog_single {} /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .dct_portfolio_v1 .et_pb_portfolio_item {} /* Image Css */ .dct_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image{border-radius:10px;padding-top: 100%;position: relative;overflow:hidden;} .dct_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img { border-radius: 10px;position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;transition: .3s ease-in-out;} .dct_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img {transform: scale(1.2);transition: .3s ease-in-out;} .dct_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image:before {content: '';position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;background: var(--color-2);border-radius: 10px;visibility:hidden;opacity: .9;transform: scaleY(0);display:block;transition: all .4s ease-in-out;z-index: 1;} .dct_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image:before{opacity: 1;transform: scaleY(1);visibility:visible;opacity: 0.7;} /* Overlay Css */ .dct_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {background:none!important;position: absolute;margin-top: 70px;text-align: center;width: 100%;opacity: 0;transition: all .5s ease-in-out;border:0;} .dct_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {margin-top: 25px;opacity: 1;} .dct_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before { color: var(--color-1); font-size: 20px; padding: 15px; border-radius: 5px; background: rgba(255,255,255,.8); } /* Title Css */ .dct_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {font-size:22px;color:#fff;} /* Category Post Meta Css */ .dct_portfolio_v1 .et_pb_portfolio_item .dct_portfolio_info{position: absolute;margin-top: -10px;text-align: center;width: 100%;opacity: 0;transition: all .5s ease-in-out;z-index: 2;} .dct_portfolio_v1 .et_pb_portfolio_item:hover .dct_portfolio_info{margin-top: -90px;opacity: 1;} .dct_portfolio_v1 .et_pb_portfolio_item .post-meta {} .dct_portfolio_v1 .et_pb_portfolio_item .post-meta a {font-size:14px;color:#fff;} /* Portfolio 2 Column */ .dct_portfolio_2_col .et_pb_portfolio_items, .dct_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 50%); } /* Portfolio 3 Column */ .dct_portfolio_3_col .et_pb_portfolio_items, .dct_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(3,33.33%); grid-gap: 25px; } /*---Portfolio Filterable CSS---*/ .dct_portfolio_v1.filterable {} /* Filters Links CSS */ .dct_portfolio_v1 .et_pb_portfolio_filters {} .dct_portfolio_v1 .et_pb_portfolio_filters li {margin:0px 10px;} .dct_portfolio_v1 .et_pb_portfolio_filters li a {color:var(--color-2);font-weight:600;border: 0;border-bottom: 3px solid #fff;padding: 0 0 10px 0;margin: 10px;transition: all .5s ease-in-out;} /*Hover & Active Filter Links*/ .dct_portfolio_v1 .et_pb_portfolio_filters li a:hover, .dct_portfolio_v1 .et_pb_portfolio_filters li a.active {color: var(--color-1);padding-bottom: 10px;border-color:var(--color-1);transition: all .5s ease-in-out;background:none;} /* Pagination CSS */ .dct_portfolio_v1 .et_pb_portofolio_pagination {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li a {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {} /* Portfolio Carousel CSS */ .dct_portfolio_v1.carousel {} .dct_portfolio_v1.carousel .et-pb-slider-arrows{} .dct_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev{} .dct_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next{} /* Portfolio Category CSS */ .dct_portfolio_category {} /* Portfolio Tags CSS */ .dct_portfolio_tages {} /* Portfolio Single Page CSS */ .dct_portfolio_single {} /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .dct_services_v1 {transition: all 0.3s ease-in-out;} .dct_services_v1 .dct_services_v1_text { background: var(--color-1); opacity:0.9; transition: all 0.3s ease-in-out } /*Img Css */ .dct_services_v1 .dct_services_v1_img {box-shadow: 0px 1px 20px 10px rgba(0,0,0,0.05);border-radius: 10px;} .dct_services_v1 .dct_services_v1_img .et_pb_image_wrap { border-radius: 10px; padding-top: 100%; position: relative; width: 100%; overflow: hidden; } .dct_services_v1 .dct_services_v1_img .et_pb_image_wrap img{ border-radius: 10px; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; transition: .3s ease-in-out; } .dct_services_v1:hover .dct_services_v1_img .et_pb_image_wrap img { transform: scale(1.2) ; transition: .3s ease-in-out; } /*Icon Css */ /*Title Css */ .dct_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{} /*Description Css */ .dct_services_v1:hover .dct_services_v1_text {bottom: -10px;transition: all .5s ease-in-out;background:var(--color-2) !important;} /*---Services v2 CSS---*/ .dct_services_v2 .dct_services_v2_blurb .et_pb_main_blurb_image {margin-bottom: 10px !important;border-radius:5px; border:1px dashed var(--color-1);transition: all 0.3s ease;} .dct_services_v2 .dct_services_v2_blurb .et_pb_image_wrap {transition: all 0.3s ease;padding: 10px} .dct_services_v2 .dct_services_v2_blurb .et_pb_image_wrap span {color:var(--color-1);} .dct_services_v2 .dct_services_v2_btn {color:var(--color-1) !important;transition: all 0.3s ease;border-radius:20px !important;padding: 5px 40px 5px 20px !important;} .dct_services_v2 .dct_services_v2_btn::after { height: 30px; top: 3px; width: 30px; line-height: 30px !important; color: var(--color-1); text-align: center; background: #fff; margin-left: 8px !important; border-radius: 50px; } .dct_services_v2:hover .dct_services_v2_blurb .et_pb_main_blurb_image {border:1px dashed #fff;background:var(--color-1);} .dct_services_v2:hover .dct_services_v2_blurb .et_pb_image_wrap {transform: rotateY(180deg);filter: invert(100%);} .dct_services_v2 .dct_services_v2_blurb .et_pb_module_header span:hover{color:var(--color-1);} .dct_services_v2:hover .dct_services_v2_btn {background:var(--color-1) !important;color:#fff!important} .dct_services_v2 .dct_services_v2_btn:hover {background:var(--color-2) !important;color:#fff!important} /*---Services Single Page CSS---*/ .dct_services_single {} /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .dct_contact_info {} .dct_contact_info .et_pb_module_header {color:var(--color-1)!important;} .dct_contact_info .et_pb_image_wrap {background:var(--color-1)!important;transition: all .5s ease-in-out;border-radius: 10px;outline: 2px dashed #fff;outline-offset: -10px;} .dct_contact_info .et_pb_image_wrap .et-pb-icon {padding: 15px;border-radius: 10px;color:#fff!important;} .dct_contact_info .et_pb_blurb_description {} .dct_contact_info:hover .et_pb_image_wrap .et-pb-icon {filter: invert(0%);transition: all .5s ease-in-out;} .dct_contact_info:hover .et_pb_image_wrap .et-pb-icon { transform: rotateY(180deg);} /*---Contact Message CSS---*/ .dct_contact_v1 .et-pb-contact-message {} /*---Input CSS---*/ .dct_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p input, .dct_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field , .dct_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p textarea {} /*---Button CSS---*/ .dct_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {float: right;} .dct_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {color:#fff;background-color:var(--color-1);transition:.5s;} .dct_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {background-color:var(--color-2);} .dct_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:after{padding: 5px 10px;background-color: #ffffff;color: var(--color-1);border-radius: 50%;top: 5px;right: 5px;} /*---Contact Us v2 CSS---*/ .dct_contact_v2 {} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .dct_team_v1 {overflow:visible!important;margin: auto;max-width: 420px;} /* Image Css */ .dct_team_v1 .et_pb_team_member_image{max-width:100%;} .dct_team_v1 .et_pb_team_member_image img{border-radius: 10px;} /* Description Css*/ .dct_team_v1 .et_pb_team_member_description{position: absolute;left: 20px;right: 20px;bottom: -20px;background: #fff;border-radius: 10px;padding: 15px 10px 15px 15px;overflow: visible;z-index: 1;box-shadow: 0 3px 24px rgb(0 0 0 / 10%);} .dct_team_v1 .et_pb_team_member_description:after{content: '\e0a0';position: absolute;right: 20px;top: 15px;font-family: ETmodules!important;font-size: 20px;transition: all .5s ease-in-out;padding: 12px;border-radius: 5px;background: var(--color-1);color:#fff;} .dct_team_v1:hover .et_pb_team_member_description:after{background: var(--color-2);} .dct_team_v1 .et_pb_team_member_description .et_pb_module_header{} .dct_team_v1 .et_pb_team_member_description .et_pb_member_position{} /* Social Links Css*/ .dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links {position: absolute;margin-bottom: 10px;background: var(--color-1);padding:5px 0;border-radius: 5px;text-align: center;bottom: 100px;right: -20px;display:grid;opacity: 0;transition: all .5s ease-in-out;} .dct_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links{opacity: 1;right:20px;} .dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{margin:0;} .dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{display: block;color: #fff;padding: 4px 15px;transition: all .5s ease-in-out;} .dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{background-color:#fff;color:var(--color-1);} /* Main CSS Class Hover Css Here */ .dct_team_v1:hover .et_pb_team_member_image{} /*---Team v2 CSS---*/ .dct_team_v2 {} /*---Team Single Page CSS---*/ .dct_team_single {} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .dct_slider_v1 {} /*---Image CSS---*/ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{color: var(--color-1)!important;display: inline-block; position: relative; padding-left: 45px;} /*---Description CSS---*/ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content{} .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {font-size: 50px;font-weight: 700;line-height: 1.3;-webkit-text-stroke: 1px #fff !important; color: transparent !important;} .dct_slider_v1 .et_pb_slide_description .et_pb_slide_title::before { content: ""; background: var(--color-1); position: absolute; left: 0; height: 3px; width: 30px; bottom: 10px; display: block;top: 10px; } .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 span{color: var(--color-1);-webkit-text-stroke: 0px #fff !important;} .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p{font-size:16px;padding-bottom: 5px;} /*---Button CSS---*/ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {font-size: 16px;color: #fff;padding: 15px 60px 15px 30px!important;text-transform: uppercase;position: relative;border-radius: 50px;font-weight: 600;overflow: hidden;border: none;background-color: var(--color-1);box-shadow: 0 3px 24px rgb(0 0 0 / 10%);transition: all .5s ease-in-out;z-index: 1;} .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{color: #fff;background-color: var(--color-2)!important;} .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:after{height: 40px;top: 8px;width: 40px;line-height: 40px!important;color: var(--color-1);text-align: center;background: #fff;margin-left: 12px!important;border-radius: 50px;} /*---Arrow CSS---*/ .dct_slider_v1 .et-pb-slider-arrows{} .dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{color: var(--color-1);font-size: 30px;margin: 0;opacity:1;left:50px;background: rgba(0,0,0,.4);display: inline-block;cursor: pointer;height: 55px;width: 55px;line-height: 55px;text-align: center;border-radius:10px;transition: all .5s ease-in-out;} .dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{color: var(--color-1);font-size: 30px;margin: 0;opacity:1;right:50px;background: rgba(0,0,0,.4);display: inline-block;cursor: pointer;height: 55px;width: 55px;line-height: 55px;text-align: center;border-radius:10px;transition: all .5s ease-in-out;} @media only screen and (max-width:576px){ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p {display:none;} } /*---Dots Navigation CSS---*/ .dct_slider_v1 .et-pb-controllers { height: 7px; bottom: 0!important } .dct_slider_v1 .et-pb-controllers a:hover { background-color: #fff!important; transition: all .2s ease-in-out } .dct_slider_v1 .et-pb-controllers { height: 7px; bottom: 0!important } .dct_slider_v1 .et-pb-controllers a { width: 20%!important; border-radius: 0!important; margin-right: 0!important } .dct_slider_v1 .et-pb-controllers a:hover { background-color: var(--color-1)!important; transition: all .2s ease-in-out } .dct_slider_v1 .et-pb-controllers a { width: 60px!important; border-radius: 0!important; margin-right: 0!important } .dct_slider_v1 .et-pb-controllers .et-pb-active-control { background-color: var(--color-1); } @media only screen and (max-width:576px){ .dct_slider_v1 .et-pb-slider-arrows{display:none;} .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {font-size: 35px; line-height: 1.2;} } /*---Slider v2 CSS---*/ .dct_slider_v1{} /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .dct_faqs_v1 {} .dct_faqs_v1 .et_pb_toggle {box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);background: #fff;padding-left: 0;padding-right: 0;} /*---Title CSS---*/ .dct_faqs_v1 .et_pb_toggle .et_pb_toggle_title {} .dct_faqs_v1 .et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {color: #000!important;} .dct_faqs_v1 .et_pb_toggle_close .et_pb_toggle_title,.dct_faqs_v1 .et_pb_toggle_close h5.et_pb_toggle_title:after{content:"\33";position:absolute;left:auto; right: 10px; top:0;font-size:32px; font-weight:500; color:#000;font-family: ETmodules!important;display:block!important;} /*---Title Icon CSS---*/ .dct_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {} /*---Open Title CSS---*/ .dct_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title{border-bottom: 1px dashed var(--color-1); padding: 0px 0px 20px 60px!important;} .dct_faqs_v1 .et_pb_toggle .et_pb_toggle_title {color:var(--color-1);padding: 0px 0px 0px 60px!important;border-radius:10px;} .dct_faqs_v1 .et_pb_toggle .et_pb_toggle_title:before{content:"\f128";position:absolute;left:10px; right: auto; top:0;font-size:16px; font-weight:900; color:#fff;padding:12px 14px; border-radius:25px; background-color:var(--color-1);font-family: FontAwesome !important;display:block!important;} /*---Open Title Icon CSS--- .dct_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\e051"; font-family: ETmodules !important;} */ /*---Content CSS---*/ .dct_faqs_v1 .et_pb_toggle .et_pb_toggle_content{padding: 20px;} /*---Faqs v2 CSS---*/ .dct_faqs_v2{} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ /* ======================= Timeline =========================*/ .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { display: inline-block; width: 70px; height: 30px; line-height: 25px; text-align: center; background: var(--color-1) ; margin-right: 10px; right: -21%; position: absolute; transition: all 0.3s ease 0s; box-shadow: 0 5px 30px rgba(0,0,0,.1); border-radius: 5px; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { position: absolute; left: -18%; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:hover .et_pb_blurb_content .et_pb_module_header { box-shadow: 0 0 15px rgba(0, 0, 0, 0.9); } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_blurb_description { padding-top: 10px; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_blurb_container { padding: 0 15px; position: relative; top: -37px; text-align: right; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:nth-child(2n) .et_pb_blurb_content .et_pb_blurb_container { text-align: left; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:nth-child(2n) .et_pb_blurb_content { float: right; text-align: left !important; } @media (max-width: 320px) { .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left: -17% !important; } } @media (max-width: 980px) { .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content { max-width: 100%; width: 90% !important; float: right; padding-bottom: 0 !important; text-align: left; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { width: 30px; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_blurb_container { text-align: left; padding: 0 15px; top: -37px; position: relative; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_module_header { padding: 7px 10px; border: 2px solid #000; font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left: -50px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left: -14%; } } @media only screen and (min-width: 767px) and (max-width: 980px) { .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left: -13%; } } @media only screen and (min-width: 981px) and (max-width: 1199px) { .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { margin-right: 0; } .et_pb_m_dct_timeline_1_2 .et_pb_dct_timeline_2:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { left: -20%; } } /*---Timeline v2 CSS---*/ .dct_timeline_v2{} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .dct_pricing_table {} .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);transition: all .5s ease-in-out;} /* Heading Css */ .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 8px;height: 175px;padding-top: 25px;position: relative;z-index: 1;background-color:var(--color-2);} .dct_pricing_table.dark .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading {background-color:var(--color-1)} .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{} /* Top Content Css */ .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{border:none;} .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{position: absolute; left: 50%; bottom: 35px; transform: translateX(-50%); height: 100px; width: 130px; border-radius: 10px; background-color: #fff; border: 3px solid var(--color-1); color: var(--color-1); font-weight: 700; padding: 15px 0; z-index: 1; box-shadow: 1px 1px 10px rgb(68 68 68 / 60%);} .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{} .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{color:var(--color-1);} .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{display:block;} .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{display:none;} /* Bottom Content Css */ .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{} /* Button Css */ .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{} .dct_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:after { height: 40px; top: 4px; width: 40px; line-height: 40px !important; color: var(--color-1); text-align: center; background: #fff; margin-left: 6px !important; border-radius: 50px; } .dct_pricing_table .et_pb_pricing li span:before{content: "\4e";position: absolute;font-family: ETmodules!important;border: none;font-size: 21px;color: var(--color-1);left: -25px;top: 0;} /*---Pricing Mini CSS---*/ .dct_pricing_table_mini{} /*---Pricing Toggle CSS---*/ .dct_pricing_table_toggle{} /*Pricing Toggle*/ .dct_pricing_tabs [id*="dct_pricing_tab_"] {} .dct_pricing_tabs [id*="dct_pricing_tab_"].dct_active{} /*Pricing Row Settings */ [class*="dct_pricing_tab_content_"] { } [class*="dct_pricing_tab_content_"].dct_active{} [class*="dct_pricing_tab_content_"].animated{} /*---Pricing Table Structure CSS---*/ .dct_pricing_table_layout{} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .dct_testimonial_v1 {box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);transition: all .5s ease-in-out;} .dct_testimonial_v1.et_pb_testimonial {overflow:visible!important;}.dct_testimonial_v1.et_pb_testimonial:before {top: 85%;left: 80%;font-size: 60px;background: transparent;color: var(--color-1); opacity: 0.5;} /*---Description---*/ .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait { width: 80px; height: 80px; margin-top: -80px; position: absolute; right: 30px; outline: 2px dashed var(--color-1); outline-offset:3px; border-radius: 5px; } .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {padding-top: 35px;} /*---Author CSS---*/ .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {margin:0;color:var(--color-2);} /*---Meta CSS---*/ .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator{} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company{} /*Review */ .dct_testimonial_v1 .dct_review{position:absolute;left:0;top:-10px;display:block;overflow:hidden;line-height:16px} .dct_testimonial_v1 .dct_review ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .dct_testimonial_v1 .dct_review ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:20px;line-height:45px} .dct_testimonial_v1 .dct_review ul li:before{color:var(--color-1); content:"\e033";font-family:ETmodules !important;display:block!important; opacity:1;} .dct_testimonial_v1 .dct_review ul li.star:before{content:"\e031"} .dct_testimonial_v1 .dct_review ul li.star-0:before{content:"\e032"} /*---Testimonial v2 CSS---*/ .dct_testimonial_v1:hover{ transform: translateY(-10px); box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); transition: all .5s ease-in-out; } /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .dct_aboutus_v1_counter{} .dct_aboutus_v1_counter .percent { margin-bottom: 0px!important; } .dct_aboutus_v1_counter p{ } .dct_aboutus_v1_counter .percent-sign { top: 25px; } /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .dct_choose_v1_blurb .et-pb-icon {color:var(--color-1)!important;} .dct_choose_v1_blurb .et_pb_image_wrap {width: 70px;background:var(--color-1)!important;transition: all .5s ease-in-out;} .dct_choose_v1_blurb .et_pb_image_wrap img {padding: 5px;filter: invert(100%);} .dct_choose_v1_blurb:hover .et_pb_image_wrap {background:#fff!important;} .dct_choose_v1_blurb:hover .et_pb_image_wrap img {filter: invert(0%);transition: all .5s ease-in-out;} .dct_choose_v1_blurb:hover .et_pb_image_wrap img { transform: rotateY(180deg); } /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .dct_process_v1 {} /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .dct_partner_v1 {} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .dct_video_v1 {} /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .dct_skill_v1 {} .dct_bar_counter_v1 {} /*---Title CSS---*/ .dct_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {} .dct_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{} /*---Percentage CSS---*/ .dct_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{} /*---Percentage CSS---*/ .dct_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {} .dct_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .dct_counter_v1 {} .dct_counter_v1_img .et_pb_image_wrap {margin-bottom: 0px !important;border-radius:5px; outline: 2px dashed var(--color-1);transition: all 0.3s ease;outline-offset: -10px;background:#fff;} .dct_counter_v1_img .et_pb_image_wrap img {transition: all 0.3s ease;padding:30px;} .dct_counter_v1_img:hover .et_pb_image_wrap img{ transform: rotateY(180deg);} /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .dct_newsletter_v1 {} /*Form Css*/ .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {} .dct_newsletter_v1.et_pb_newsletter_form .input {} .dct_newsletter_v1.et_pb_newsletter_form .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .dct_newsletter_v1.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {} /*Button Css*/ .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {} .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {} .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} /*---Newsletter v2 CSS---*/ .dct_newsletter_v2 {} /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .dct_CTA_v1 {} /*---CTA v2 CSS---*/ .dct_CTA_v2 {} /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ .dct_coming_soon_v1 .section.values{background-color:var(--color-1);padding:20px;border-radius:10px;margin:10px;} .dct_coming_soon_v1 .sep{display:none;} @media screen and (max-width: 400px){ .dct_coming_soon_v1 .section.values{margin-left: 5px;margin-right: 5px;padding:0;} } @media screen and (max-width: 768px){ .dct_coming_soon_v1 .section.values{padding:10px;} } /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ .dct_404 .et_pb_button_wrapper .et_pb_promo_button:after { height: 38px; top: 4px; width: 38px; line-height: 38px !important; color: var(--color-2); text-align: center; background: #fff; margin-left: 7px !important; border-radius: 50px; } /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ /* ----------------------------------- 27 Tab Control CSS -------------------------------------*/ .dct_tab_v1 {} /*Tabs Title Css*/ .dct_tab_v1 .et_pb_tabs_controls{} .dct_tab_v1 .et_pb_tabs_controls li {} .dct_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a{} .dct_tab_v1 .et_pb_tabs_controls li a{} /*Tabs Content Css*/ .dct_tab_v1 .et_pb_all_tabs{} .dct_tab_v1 .et_pb_all_tabs .et_pb_tab{} .dct_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide{} .dct_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {} /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes ripple-wave{ 0% { opacity: .8; -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } /* Mobile Menu */ .logged-in.admin-bar .dct-fixed-header{top:32px;} @media screen and (max-width:980px) { /*for login user make adminbar fix*/ #wpadminbar { position:fixed; } } /*change Divi hamburger menu to X*/ .mobile_nav.opened .mobile_menu_bar::before { content: '\4d'; } /*remove the border from the top of the mobile menu*/ .et_mobile_menu { border-top: none; } /*hide the submenu items on mobile*/ .et_mobile_menu li ul.hide { display: none !important; } /*adjust the parent menu items on mobile*/ .et_mobile_menu .menu-item-has-children { position: relative; } /*adjust the parent menu items on mobile*/ .et_mobile_menu .menu-item-has-children > a { background: transparent; } /*position and style the submenu icons*/ .et_mobile_menu .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-weight: bold; cursor: pointer; } /*icon for closed submenu*/ span.menu-closed:before { content: "\33"; display: block; color: var(--color-1); font-size: 18px; font-family: ETmodules; } /*icon for open submenu*/ span.menu-closed.menu-open:before { content: "\4d"; color: var(--color-1); } /*adjust border under mobile menu items*/ .et_mobile_menu li:not(:last-child) a { border-bottom: 2px solid #f3f6fd; } /*remove border under last mobile menu item*/ .et_mobile_menu li:last-child a { border-bottom: none; } /* Template-Options */ /*------------------------------------------------------- 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 } .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 } .switcher-style-list { list-style: none; overflow: hidden; } .switcher-style-list li { float: left; margin: 2px; } .switcher-style-list li a { display: block; width: 16px; height: 15px; cursor: pointer; background-size: cover; } #switcher-theme-custom-color.switcher-style-list li a { width: 80px; height: 40px; border: 2px solid #444; position: relative; } #switcher-theme-custom-color.switcher-style-list li a .color { width: 50%; height: 100%; float: left; background-color: #eee; } #switcher-theme-custom-color.switcher-style-list li.active a:after { color: #ddd; content: "\e052"; font-family: ETmodules !important; font-size: 16px; left: 40%; margin: 0 auto; padding: 0; position: absolute; top: 15%; } .layout select { width: 100%; padding: 5px; border: none; margin: 0 0 0 -5px; color: #666; cursor: pointer; } @media (max-width: 980px) { .template-options { top: 15%; width: 100px; right: -100px; } .cl-bg-images li a, .cl-presets li a { width: 25px; height: 25px; } #switcher-theme-custom-color.switcher-style-list li a { width: 65px; height: 25px; } #switcher-theme-custom-color.switcher-style-list li.active a::after { top: 0px; } } @media only screen and (max-width: 768px) { #switcher-menu-primary-color, #switcher-menu-secondary-color { display: none; } } /* ####### SLIDE-IN ####### */ .slide_in_sidebar { position: fixed !important; right: 0px !important; top: 0px !important; left: unset !important; bottom: unset !important; transform: translateX(100%)!important; transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } .scroll_show_slide_in, .exit_intent_slide_in.activate_exit_intent, .exit_intent_slide_in_bottom.activate_exit_intent { transform: translateX(0px) !important; } .slide_in_sidebar.dct_activate_slide_in { transform: translateX(0px) !important; } .slide_in_sidebar .et-waypoint:not(.et_pb_counters) { opacity: 1 !important; } /* width */ .slide_in_sidebar::-webkit-scrollbar { width: 10px; } /* Track */ .slide_in_sidebar::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /**Slide in Section **/ .dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{color: var(--color-1);} .dct_icon_rd .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{background: var(--color-1); color: #fff; padding: 15px; border-radius: 50%; font-size: 25px;} #dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ background: var(--color-1); color: #fff; padding: 10px; border-radius: 50%; font-size: 30px; -webkit-transition: 0.45s ease-in-out; -o-transition: 0.45s ease-in-out; -moz-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; } #dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:hover{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} /* ===== Comment ======*/ #comment-wrap .page_title { position: relative; font-size: 15px; padding: 0 25px; color: #444; display: inline-block; letter-spacing: 1px; margin-bottom:0px; text-transform: uppercase; } #comment-wrap .page_title::before { left: 0; top: 50%; } #comment-wrap .page_title:after { right: 0; top: 50%; } #comment-wrap .page_title::after, #comment-wrap .page_title::before { position: absolute; width: 15px; content: ''; background: var(--color-1); box-sizing: border-box; height: 1px; } #comment-wrap .comment-respond .comment-reply-title { position:relative; font-size:20px!important; padding-left: 20px; border-left: 4px solid var(--color-1); text-transform: uppercase; padding-bottom: 0px; margin-bottom: 10px; } #comment-wrap .comment-respond .comment-reply-title::before { content: "\e066"; margin-right: 10px; font-family: ETmodules !important; } #comment-wrap { padding-top: 50px !important; } #comment-wrap .commentlist .reply-container .comment-reply-link { width:auto; display:inline-block; } .et_pb_comments_module #commentform textarea, .et_pb_comments_module #commentform input[type="text"], .et_pb_comments_module #commentform input[type="email"], .et_pb_comments_module #commentform input[type="url"] { box-shadow:none !important; } #commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea { font-size:14px; line-height:1.5; border:1px solid #e6e6e6; padding:12px 15px; border-radius:0; background:0 0!important; transition:all .3s, ease-in-out; border-radius:15px; } p.comment-form-author, p.comment-form-email, p.comment-form-url { width:32%; float:left } p.comment-form-author, p.comment-form-email { margin-right:2%!important } p.comment-form-author input, p.comment-form-email input, p.comment-form-url input { width:100%!important; display:block } #comment-wrap .comment-form .form-submit .submit.et_pb_button, #comment-wrap .commentlist .reply-container .comment-reply-link { color:#fff; background-color:var(--color-1); font-size:15px; font-weight:500; letter-spacing:1px; text-transform:uppercase; padding:10px 20px; border:none; border-radius:0; z-index:1; transition:all .4s ease 0s; border-radius:30px; } #comment-wrap .comment-form .form-submit .submit.et_pb_button:hover, #comment-wrap .commentlist .reply-container .comment-reply-link:hover { background-color:transparent; color:#fff !important; box-shadow:0 0 5px -2px #333; border-radius:30px; } #comment-wrap .comment-form .form-submit .submit.et_pb_button:before, #comment-wrap .commentlist .reply-container .comment-reply-link:before { visibility: visible; display: block; margin-left:0; border-radius:30px 0px 0px 30px; } #comment-wrap .comment-form .logged-in-as a { color:var(--color-1); text-transform:uppercase; } #comment-wrap .comment-form .logged-in-as a:hover { color:var(--color-2); } #comment-wrap .comment-form .form-submit .submit.et_pb_button:before, #comment-wrap .comment-form .form-submit .submit.et_pb_button:after, #comment-wrap .commentlist .reply-container .comment-reply-link:before, #comment-wrap .commentlist .reply-container .comment-reply-link:after { content:""; background:var(--color-2); width:50%; height:100%; margin-left:0; opacity:0; transform:perspective(300px) rotateY(-100deg); transform-origin:right center; position:absolute; top:0; left:0; z-index:-1; transition:all .4s ease 0s; border-radius:30px 0px 0px 30px; } #comment-wrap .comment-form .form-submit .submit.et_pb_button:after, #comment-wrap .commentlist .reply-container .comment-reply-link:after { transform:perspective(300px) rotateY(100deg); transform-origin:left center; left:auto; right:0; border-radius:0px 30px 30px 0px; } #comment-wrap .comment-form .form-submit .submit.et_pb_button:hover:before, #comment-wrap .comment-form .form-submit .submit.et_pb_button:hover:after, #comment-wrap .commentlist .reply-container .comment-reply-link:hover:before, #comment-wrap .commentlist .reply-container .comment-reply-link:hover:after { opacity:1; transform:perspective(600px) rotateY(0) } /*** Slide in Section ****/ .et-l--footer .et_builder_inner_content {z-index:auto;} .et_builder_inner_content.has_et_pb_sticky {z-index: 9;} .dct_icon_rd .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--color-1); background: #fff; font-size: 25px; padding: 14px; border-radius: 50%;} #dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ background: var(--color-1); color: #fff; padding: 10px; border-radius: 50%; font-size: 30px; -webkit-transition: 0.45s ease-in-out; -o-transition: 0.45s ease-in-out; -moz-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; } #dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:hover{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .slide_in_sidebar { position: fixed !important; right: 0px !important; top: 0px !important; left: unset !important; bottom: unset !important; transform: translateX(100%)!important; transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important; } .scroll_show_slide_in, .exit_intent_slide_in.activate_exit_intent, .exit_intent_slide_in_bottom.activate_exit_intent { transform: translateX(0px) !important; } .slide_in_sidebar.dct_activate_slide_in { transform: translateX(0px) !important; } .slide_in_sidebar .et-waypoint:not(.et_pb_counters) { opacity: 1 !important; } .slide_in_sidebar::-webkit-scrollbar { width: 10px; } .slide_in_sidebar::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; }