/* Theme Name: Divi Tradesman Theme Theme URI: https://divitradesman.divifixer.com/ Description: Divi Tradesman Theme is a perfect website solution for All Craftsman. Best Option For Create Website For Renovation , Plumbing, Carpentry, Painting ,Electrician and other Handyman related services Version: 1.0.0 Author: DCT TEAM Author URI: https://www.divi-childthemes.com/ Template: Divi ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* General Parallax Background Page Title Title Default Title Center button Footer Footer v1 Footer v2 Footer v3 Footer v4 Slider (max-width : 480px) header Video Header V1 Menu Header V1 Header V2 Header V3 Header V4 Header V5 Intro Intro V1 Intro V2 Intro V3 Intro V4 Intro V5 Call To Action CTA V1 CTA V2 CTA V3 CTA V4 Coming soon Why Choose us About us About v1 About v2 About v3 Team Section Team Section V1 Team Section V2 Team Section V3 Team Detail V1 Team Detail V2 404 Client Client v1 Client v2 Client v3 Testimonial Testimonial v1 Testimonial v2 Testimonial v3 Testimonial v4 Inquiry Inquiry v1 Inquiry v2 Inquiry v3 Inquiry v4 Faqs Faqs v1 Faqs v2 Classes Classes V1 Classes V2 Classes V3 Classes V4 Classes V5 Classes Detail V1 Classes Detail V2 Counter Counter v1 Counter v2 Service Service v1 Service v2 Service v3 Service v4 Service v5 Service Detail V1 Service Detail V2 TIMELINE TIMELINE v1 TIMELINE v2 Tabs Pricing Table Pricing Table v1 Pricing Table v2 Pricing Table v3 Pricing Table v4 Portfolio Project Category Page Portfolio-Blog Single Search Page Template-Options max-width: 980px Animations Pulse */ /* ======================= General =========================*/ .et_pb_text{position:relative;} .dct_coupen_slider .et_pb_slide{padding:0;} /* Add Subline on Menu */ span.sub-description {font-style: italic;font-size: small;opacity: .6;} .dct_icon_round .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background: var(--color-1); padding: 15px; border-radius: 50%;} .dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-1);} .dct_blurb_line .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{border: 2px solid rgba(255,255,255,0.7); padding: 20px; font-size: 30px;} .dct_plx .et_parallax_bg::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.7);} .dct_page_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ padding-bottom: 0; position: relative; margin-right: 7px; margin-top: 4px; padding-right: 15px;} .dct_page_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{content: "\39"; font-family: ETmodules !important;position: absolute;right:-3px;} .dct_page_title .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ display: flex;color:var(--color-1);} @media only screen and (max-width : 980px) { .dct_page_title .et_pb_blurb_content .et_pb_blurb_container{display:inline-block;}} .dct_call .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;height: 60px; width: 60px; line-height: 60px; background: var(--color-1); border-radius: 50%;display: inline-block; vertical-align: middle;text-align: center; border: 2px solid transparent;box-sizing: content-box; position: relative;left: auto; right: 0; top: auto; } .dct_call .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before{ width: 85px; height: 85px; opacity: .35;} .dct_call .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after{opacity: .09;} .dct_call .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before, .dct_call .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #fff; -webkit-animation: dct_animate 1.05s infinite; -moz-animation: dct_animate 1.05s infinite; -ms-animation: dct_animate 1.05s infinite; -o-animation: dct_animate 1.05s infinite; animation: dct_animate 1.05s infinite;box-sizing: border-box;} .dct_call .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{display: inline-block; position: absolute; top: 50%;line-height: 60px;font-size: 30px; left: 50%;color: #FFF; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFF;} .dct_tab_bg ul.et_pb_tabs_controls{background-color: transparent;} .dct_tab_bg ul.et_pb_tabs_controls::after, .dct_tab_bg .et_pb_tabs_controls li{margin: 0 5px;border:none;float:none;display:inline-block;} .dct_tab_bg .et_pb_tabs_controls li a{padding: .5rem 1rem; border-bottom: 2px solid #fdb59c;} .dct_tab_bg .et_pb_tab{padding: 10px 10px;} @keyframes dct_animate { 100% { width: 200%; height: 200%; opacity: 0; }} @media only screen and (max-width : 480px) { .dct_blurb_line .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{padding: 10px; font-size: 20px;}} /**Bar Counter**/ .dct_bar .et_pb_counter_container{overflow:visible;} .dct_bar .et_pb_counter_amount{line-height: 10px;background-color:var(--color-1) !important;} .dct_bar .et_pb_counter_title{font-size: 16px; margin-bottom: 10px; display: inline-block; font-weight: 600; color: var(--color-2);} .dct_bar li{margin-bottom:20px;} .dct_bar .et_pb_counter_amount_number{color: var(--color-2); position: absolute; top: -20px; right: 0;} .dct_bar.bg li{margin-bottom: 40px;} .dct_bar.bg .et_pb_counter_amount, .dct_bar .et_pb_counter_container{height:10px;} /* ======================= Sec - Title =========================*/ .dct_divider, .et-db #et-boc .et-l .dct_divider{position:relative;display:block;width:90px;height:3px} .dct_divider:before, .et-db #et-boc .et-l .dct_divider:before{left: auto;position:absolute;border:none !important;top:0;right:0;width:4px;height:4px;background:var(--color-1);content:""} .dct_divider:after, .et-db #et-boc .et-l .dct_divider:after{position:absolute;top:0;right:10px;width:4px;height:4px;background:var(--color-1);content:""} .dct_divider .et_pb_divider_internal, .et-db #et-boc .et-l .dct_divider .et_pb_divider_internal{position:absolute;top:0;left:0;bottom:0;width:70px;background:var(--color-1)} .dct_divider.center{margin:0 auto} .dct_divider.center .et_pb_divider_internal{top:0;left:0;bottom:0;right:0;width:70px;margin:0 auto} .dct_divider.center:before{left:auto} .dct_divider.center:after{top:0;left:0;width:4px;height:4px} .dct_divider.bg .et_pb_divider_internal, .dct_divider.bg::before, .dct_divider.bg:after{background:#fff !important;} .dct_call_line .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--color-2); border: 1px solid; margin: 0 5px; font-size: 25px; padding: 10px; border-radius: 50%;} .dct_call_line .et_pb_blurb_content .et_pb_main_blurb_image{position:relative;} .dct_call_line .et_pb_blurb_content .et_pb_main_blurb_image:before{content: ''; position: absolute; width: 100px; height: 1px; background: var(--color-1); right: 100%; top: 50%;} .dct_call_line .et_pb_blurb_content .et_pb_main_blurb_image:after{content: ''; position: absolute; width: 100px; height: 1px; background: var(--color-1); left: 100%; top: 50%;} /* ======================= Service V1 =========================*/ .dct_service_v1{ padding: 45px 35px 45px 40px; margin: 10px 0 10px; position: relative; overflow: hidden; border-radius: 6px; background-color: #fff; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(43,52,59,.1);} .dct_service_v1:before, .dct_service_v1:after{ position: absolute; content: ""; top: 0; right: 0; width: 70px;background-color: var(--color-1); height: 70px; border-radius: 0 6px 0 70px; z-index: -1; -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;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .dct_service_v1:hover:before{background:var(--color-2);z-index:1;} .dct_service_v1:hover:before{opacity: 1 !important;} .dct_service_v1:after{position: absolute; content: ""; top: 0; right: 0; width: 70px; height: 70px; border-radius: 0 6px 0 70px; z-index: -1; -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;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .dct_service_v1:hover:after{width: 100%; height: 100%; border-radius: 0; opacity: .8;} .dct_service_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .dct_service_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct_service_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{-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_service_v1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct_service_v1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color:#fff;} .dct_service_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ background: #fff; border-radius: 50%; color:var(--color-1);font-size: 35px; padding: 20px;} .dct_service_v1 .et_pb_button{background:var(--color-1);} .dct_service_v1:hover .et_pb_button{background:var(--color-2);} @media only screen and (max-width : 767px) { .dct_service_v1{padding: 25px 25px 25px 25px;} } /* ======================= Service V2 =========================*/ .dct_service_v2 .et_pb_image .et_pb_image_wrap img{width: 100%; height: auto; transform: scale(1.3); transition: all 0.3s ease-in-out;} .dct_service_v2:hover .et_pb_image .et_pb_image_wrap img{opacity: 0.5; transform: scale(1);} .dct_service_v2 .et_pb_image .et_pb_image_wrap{position:relative;overflow:hidden;} .dct_service_v2 .et_pb_image .et_pb_image_wrap:before{content: ""; background: rgba(0,0,0,0.7); opacity: 0; transform-origin: bottom center; transform: scaleY(0); position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; z-index: 1; transition: all 0.4s ease 0s;} .dct_service_v2:hover .et_pb_image .et_pb_image_wrap:before{opacity: 1; transform: scaleY(1);} .dct_service_v2 .et_pb_blurb:after{content: ""; position: absolute; z-index: -1; left: 20%; right: 80%; bottom: 0; background: var(--color-1); height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .dct_service_v2:hover .et_pb_blurb:after{right: 20%;} .dct_service_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-1);} .dct_service_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a{color: var(--color-2); font-weight: 600;font-size: 14px; text-transform: uppercase;margin-top: 10px; padding: 3px 0px;display: inline-block; border-bottom: 1px solid;} .dct_service_v2 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a:hover{color:var(--color-1);} /* ======================= Tabs =========================*/ .dct_tab_v1 .et_pb_tab{padding:24px 0px;} .dct_tab_v1 ul.et_pb_tabs_controls{background-color: transparent;border: none; text-align: center;} .dct_tab_v1 ul.et_pb_tabs_controls::after {border:none;} .dct_tab_v1 ul.et_pb_tabs_controls li a{cursor: pointer;color:var(--color-2); text-decoration: none;padding: 15px 32px 15px 32px; display: block;background: #fff; -webkit-transition: background .2s ease-in-out,color .2s ease-in-out; -o-transition: background .2s ease-in-out,color .2s ease-in-out; transition: background .2s ease-in-out,color .2s ease-in-out; -webkit-box-shadow: none; box-shadow: none;} .dct_tab_v1 ul.et_pb_tabs_controls li{line-height: initial;float: none;display:inline-block;border:none;height:auto !important;} .dct_tab_v1 ul.et_pb_tabs_controls li.et_pb_tab_active a{background-color:var(--color-1) !important;color:#fff;padding: 15px 32px 0px 32px;} .dct_tab_v1 ul.et_pb_tabs_controls li.et_pb_tab_active a:after{background-color: #fda12b;display: block; content: ""; position: relative; bottom: -7px; left: 50%; width: 13px; height: 13px; border-width: 0 0 1px 1px; -webkit-transform: translateX(-50%) rotate(-45deg); -moz-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); -o-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} @media only screen and (max-width : 980px) { .dct_tab_v1 ul.et_pb_tabs_controls li.et_pb_tab_active a{padding: 15px 32px 15px 32px;} .dct_tab_v1 ul.et_pb_tabs_controls li.et_pb_tab_active a:after{display:none;} } /* ======================= Home CTA =========================*/ .dct_home_cta .et_pb_blurb_content .et_pb_blurb_container, .dct_home_cta .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct_home_cta .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{vertical-align: middle; padding-bottom: 0;display: inline-block;margin: 0 20px; } .dct_home_cta .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{padding-left: 20px; margin: 0;border-left: 1px solid rgba(255,255,255,0.31);} @media only screen and (max-width : 380px) { .dct_home_cta .et_pb_blurb_content .et_pb_blurb_container, .dct_home_cta .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct_home_cta .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{margin:0 5px;} } /* ======================= Home Shop =========================*/ .dct_hm_shop .et_pb_header_content_wrapper{background: var(--color-1); width: 120px; text-align: center; height: 120px; border-radius: 50%; font-size: 25px; line-height: 30px; font-weight: 600; padding-top: 29px; position: absolute; top: -120px; left: 0;} @media only screen and (max-width : 980px) { .dct_hm_shop .et_pb_header_content_wrapper{position: relative; top: 0; right: 0;}} /* ======================= Counter V1 =========================*/ .dct_counter_v1.bg .percent-value{color:#fff;} .dct_counter_v1 .percent-value{color:var(--color-2);position: relative;padding-left:10px;} .dct_counter_v1 .percent-value:after{font-size: 20px; color: var(--color-1); font-weight: 700; line-height: 1; margin: 0 4px;content:'+';vertical-align: text-top;} /* ======================= Counter V2 =========================*/ .dct_counter_v2 .title:after{content: ""; left: 50%; height: 2px; position: absolute; top: -9px; width: 30px; margin-left: -17px;background-color: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* ======================= Counter V3 =========================*/ .dct_counter_v3 .percent-value{color:var(--color-1);} .dct_counter_v3 .percent-value:after{content:'+';} .dct_counter_v3 .percent-value::before {content: "\7e"; font-family: ETmodules !important;font-size: 40px; margin-right: 10px;} .dct_counter_v3.sd .percent-value::before {content: "\e003";} .dct_counter_v3.td .percent-value::before {content: "\e009";} /* ======================= Client =========================*/ #dct_client .owl-controls { width: 100%; position: absolute; top: 38%; margin-top: auto } #dct_client .owl-controls .owl-buttons div { display: inline-block; width: 40px; height: 40px; line-height: 35px; background: var(--color-1); color: #fff; border-radius: 0; margin-right: 5px; opacity: 1; } #dct_client .owl-prev { position: absolute; left: -5%; } #dct_client .owl-next { position: absolute; right: -5%; } #dct_client .owl-next::after, #dct_client .owl-prev::after { content: "\23"; font-family: ETmodules !important; font-size: 20px; font-weight: 900; } #dct_client .owl-next::after { content: "\24" } #dct_client .own-item .et_pb_image_wrap img { border: 2px solid var(--color-1); padding: 5px; } #dct_client .own-item { padding-top: 15px; padding-bottom: 15px; transition: transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms, transform 300ms ease 0ms; } #dct_client .own-item:hover { transform: translateX(0px) translateY(-27px); } #dct_client .own-item .et_pb_image_wrap:hover img { border: 2px solid var(--color-1); box-shadow: 0 0 8px 0 var(--color-1); } @media only screen and (max-width: 1299px) { #dct_client .owl-next { position: absolute; right: -7%; } } /* ======================= Clinet V1 =========================*/ .dct_clint_number .percent-value{position: relative; color: var(--color-2); font-weight: 700; font-size: 90px;} .dct_clint_number .percent-value:after{content: '+'; font-size: 35px; font-weight: 500; vertical-align: top; position: absolute;} .dct_img_hover .et_pb_image_wrap img{-webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms;} .dct_img_hover:hover .et_pb_image_wrap img{-webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} /* ======================= Service V3 =========================*/ .dct_service_v3{position: relative; display: block; text-align: center; max-width: 400px; width: 100%; margin: 0 auto 40px;} .dct_service_v3 .et_pb_blurb_content{position:unset;} .dct_service_v3 .et_pb_blurb_content .et_pb_main_blurb_image{position: relative; display: block; padding: 35px 35px 0; margin-bottom: -25px; z-index: 10;} .dct_service_v3 .et_pb_blurb_content .et_pb_main_blurb_image:before{content: ""; position: absolute; top: 0; left: 0px; bottom: 25px; right: 0px; border: 1px solid #e9e9e9;} .dct_service_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{position: relative; display: block; overflow: hidden; z-index: 2;padding-top: 100%; display: block;} .dct_service_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before{content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 1; z-index: 1; transform: scaleY(0.9) rotateX(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; background-color: var(--color-2); opacity: .70; transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);} .dct_service_v3:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before{transform: scaleY(1.0) rotateX(0deg); transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);} .dct_service_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{width: 100%; transition: all 200ms linear;transition-delay: 0.1s;height: auto; max-width: 100%; border: none;position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;} .dct_service_v3:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .dct_service_v3 .et_pb_blurb_content .et_pb_blurb_container{position: relative; display: block; background: var(--color-2); padding: 57px 30px 32px; z-index: 1;} .dct_service_v3 .et_pb_blurb_content .et_pb_blurb_container:before{content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 1; z-index: -1; transform: scaleX(0.3) rotateX(90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top;background: var(--color-1);box-sizing: border-box; transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);} .dct_service_v3:hover .et_pb_blurb_content .et_pb_blurb_container:before{transform: scaleX(1.0) rotateX(0deg);} @media only screen and (max-width : 767px) {.dct_service_v3 .et_pb_blurb_content .et_pb_blurb_container{padding: 57px 10px 32px;}} /* ======================= Service V4 =========================*/ .dct_service_v4{position: relative; margin: 0px 0px 60px 0px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .dct_service_v4 .blurb_1 .et_pb_blurb_content .et_pb_main_blurb_image{position: relative; width: 200px; height: 200px; margin: 0 auto;display: block; border-radius: 100%;} .dct_service_v4 .blurb_1 .et_pb_blurb_content .et_pb_main_blurb_image:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(23, 37, 67, 0.93); border-radius: 100%; -moz-transform: skew(0deg, -30deg); -webkit-transform: skew(0deg, -30deg); -o-transform: skew(0deg, -30deg); -ms-transform: skew(0deg, -30deg); transform: skew(0deg, -30deg); opacity: 0; visibility: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .dct_service_v4:hover .blurb_1 .et_pb_blurb_content .et_pb_main_blurb_image:before{-moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible;} .dct_service_v4 .blurb_1 .et_pb_blurb_content .et_pb_main_blurb_image img{width: 100%; height: 100%; border-radius: 100%;} .dct_service_v4 .blurb_1 .et_pb_blurb_content .et_pb_blurb_container{position: absolute; left: 50%; top: calc(100% - 25px); z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%);-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .dct_service_v4:hover .blurb_1 .et_pb_blurb_content .et_pb_blurb_container{top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .dct_service_v4 .blurb_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ height: 50px; width: 50px; line-height: 50px;position: relative;display: inline-block; text-align: center; font-size: 18px; color: #fff; border-radius: 100%; margin: 0 auto; background:var(--color-1); -moz-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4); -webkit-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4); box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .dct_service_v4 .blurb_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before{content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; z-index: -1; background: var(--color-1); border: 5px solid var(--color-1); border-radius: 100%; animation: pulse-icon 1500ms ease-out infinite;-webkit-box-sizing: border-box; box-sizing: border-box;} .dct_service_v4 .blurb_2 .et_pb_blurb_content{position: relative; background: #fff; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 0px;} .dct_service_v4 .blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom:0px;display:block;} .dct_service_v4 .blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image img{height: auto; max-width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;opacity: 0; visibility: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .dct_service_v4:hover .blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image img{opacity: 1; visibility: visible;} @keyframes pulse-icon { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } /* ======================= Service V5 =========================*/ .dct_service_v5 .et_pb_blurb {background: #fff; padding: 30px 30px 50px 30px; margin: 0px 0px 0px 0px; -webkit-box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07); box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);} .dct_service_v5 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before{content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 85px; height: 85px; z-index: -1; border: 8px solid rgba(255, 255, 255, 0.5); border-radius: 100%;} /* ======================= Service V6 =========================*/ .dct_service_v6 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {color: var(--color-1);} .dct_service_v6:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon , .dct_service_v6:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct_service_v6:hover .et_pb_button_module_wrapper .et_pb_button, .dct_service_v6:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3, .dct_service_v6:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p{ color: #fff !important; } .dct_service_v6 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h3 { font-size: 20px; line-height: 27px; font-weight: 600; } .dct_service_v6 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p { font-size: 15px; word-wrap: break-word;line-height: 28px; font-weight: 400; line-height: 27px; } /* ======================= Hero Header =========================*/ .dct_hero_header .header-content{width: 90% !important; max-width: 1170px !important;} /* ======================= Hero Header V2 =========================*/ .dct_hero_header_v2 .et_pb_text_inner h4{font-size: 60px; color: #fff; text-transform: capitalize;line-height: 70px; font-weight: 700;} .dct_hero_header_v2 .et_pb_text_inner h4 span{color:var(--color-1);} @media only screen and (max-width : 767px) { .dct_hero_header_v2 .et_pb_text_inner h4{font-size:30px;line-height:40px;} } /* ======================= Timeline =========================*/ /* ===== Default ======*/ .dct_m_timeline { position: relative; } .dct_m_timeline:before { content: ""; background: #ababab; width: 10px; height: 100%; transform: translateX(-50%); position: absolute; top: 0; left: 50%; } .dct_m_timeline:after { content: ""; display: block; clear: both; } .dct_m_timeline .dct_timeline { width: 50%; margin: 0 10px 30px 0; float: left; } .dct_m_timeline .dct_timeline .et_pb_blurb_content { color: #555; margin: 0 50px 0 0; border: 5px solid var(--color-1); border-radius: 30px; display: block; position: relative; } .dct_m_timeline .dct_timeline .et_pb_blurb_content:hover { text-decoration: none; } .dct_m_timeline .dct_timeline .et_pb_blurb_content:before { content: ""; background: var(--color-1); width: 27px; height: 43px; transform: translateY(-50%); position: absolute; top: 50%; right: -32px; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image { background-color: #fff; text-align: center; line-height: 50px; height: 60px; width: 60px; border-radius: 50%; border: 5px solid var(--color-1); display: block; transform: translateY(-50%); position: absolute; top: 50%; right: -83px; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { font-size: 25px; color: var(--color-1); line-height: 50px; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:after, .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:before { content: ""; background: #fff; width: 28px; height: 30px; border-radius: 0 0 15px 11px; position: absolute; top: -18px; left: -23.5px; z-index: -1; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:after { border-radius: 11px 15px 0 0; top: auto; bottom: -18px; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_blurb_container { padding: 0 20px 20px; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { background: var(--color-1); padding: 10px 14px; margin: 0 0 -10px; border-radius: 10px; display: inline-block; transform: translateY(-23px); } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content::before{background: var(--color-2);} .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-2);} .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content{border-color:var(--color-2);} .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container { text-align: right; } .dct_m_timeline .dct_timeline:nth-child(even) { float: right; margin: 0 0 30px 10px; } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content { text-align: right; margin: 0 0 0 50px; } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content:before { left: -32px; right: auto; } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image { left: -83px; right: auto; } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:after, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:before { left: 46.3px; } @media screen and (max-width: 990px) { .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_blurb_container { padding: 0 15px 20px; } } @media screen and (max-width: 767px) { .dct_m_timeline:before { transform: translateX(0); left: 25px; } .dct_m_timeline .dct_timeline { width: 100%; margin: 0 0 40px; } .dct_m_timeline .dct_timeline .et_pb_blurb_content, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content { text-align: left; margin: 0 0 0 60px; border-radius: 5px; } .dct_m_timeline .dct_timeline .et_pb_blurb_content:before { display: none; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image { right: auto; left: -60px; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:after, .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:before { display: none; } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 20px; border-radius: 5px; } } /* ======================= Appointment V1 =========================*/ .dct_inqy_v1 p.et_pb_contact_field {max-width: 33.333333%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;float: none; display: inline-block;} .dct_inqy_v1 .et_contact_bottom_container{float: none; text-align: center; margin-top: -0.5%;display: block;} @media only screen and (max-width : 980px) { .dct_inqy_v1 p.et_pb_contact_field{max-width: 100%;width:100% !important;display: block;} } /* ======================= Faqs =========================*/ .dct_faq{border-bottom:1px solid #DEDEDE !important;background:transparent; padding: 24px 0px 24px 0px;border: none;} .dct_faq .et_pb_toggle_title{color:var(--color-2) !important;font-weight: 600; line-height: 1;font-size: 15px; cursor: pointer;} .dct_faq .et_pb_toggle_title:before{display:none;} .dct_faq .et_pb_toggle_content{font-size: 14px; font-weight: 400;line-height:28px;} /* ======================= Faqs V2 =========================*/ .dct_faq_v2{padding:0px;} .dct_faq_v2 .et_pb_toggle_title{padding:20px 20px 20px 20px !important;background:var(--color-1);} .dct_faq_v2.et_pb_toggle_close .et_pb_toggle_title{background:#fff;} .dct_faq_v2.et_pb_toggle_close .et_pb_toggle_title:before{content:'\50';color:#333;} .dct_faq_v2 .et_pb_toggle_title:before{right: 15px;content:'\4f';font-size: 20px; color:#fff;} .dct_faq_v2 .et_pb_toggle_content {padding: 20px; line-height: 28px; font-size: 15px;} /* ======================= Faqs V3 =========================*/ .dct_faq_v3 .et_pb_toggle{padding: 0;} .dct_faq_v3 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title{color:var(--color-1);} .dct_faq_v3 .et_pb_toggle .et_pb_toggle_title{border: 1px solid #f1f1f1;padding-right: 42px;background: 0 0; display: block;color:var(--color-2); padding: 14px 20px;position: relative; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;} .dct_faq_v3 .et_pb_toggle .et_pb_toggle_content{padding-left:20px;padding-top: 10px;} .dct_faq_v3 .et_pb_toggle .et_pb_toggle_title:before{content:'\4c';display:block;font-size: 20px; color: var(--color-2);} .dct_faq_v3 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before{content:'\4b';} /* ======================= Timeline V1 =========================*/ .dct_timeline_v1 .et_pb_text .et_pb_text_inner{font-size: 20px;color: #09162a; line-height: 1.2; margin-bottom: 18px; font-weight: 600;} .dct_timeline_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image{text-align: center; margin-bottom: 20px;display: block; position: relative; z-index: 1;} .dct_timeline_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before{position: absolute; content: ""; height: 30px; width: 2px; left: 0px;box-sizing: border-box; background-color: #cecece;} .dct_timeline_v1.first .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:after{left: 0px; width: 160%;} .dct_timeline_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:after{position: absolute; content: ""; height: 2px; width: 100%; left: 15px; right: auto; top: 15px; z-index: -1;box-sizing: border-box; border-top: 2px dashed #cecece;} .dct_timeline_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{font-size:0px;} .dct_timeline_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{position: relative; height: 30px; width: 30px; line-height: 30px; background: var(--color-1); border-radius: 50%; text-align: center; display: inline-block; border: 5px solid #f7dacb;} .dct_timeline_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {margin: 0 10px;} .dct_timeline_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: #09162a; font-size: 18px; margin-bottom: 10px; font-weight: 700; text-transform: uppercase;} .dct_timeline_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color: #777777; line-height: 28px;} @media only screen and (max-width : 980px) {.dct_timeline_v1.first .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::after{width:100%;}} /* ======================= Header V1 =========================*/ .dct_hdr_v1.info .et-menu-nav{margin-right:30px;} .dct_hdr_v1.info .et_pb_menu__cart-button{background: var(--color-1); color: #fff !important; width: 45px; height: 45px; text-align: center; display: block !important; line-height: 45px; border-radius: 50%; margin-top: 8px;} .dct_hdr_v1.info .et_pb_menu__cart-button:hover{background: var(--color-2);} .dct_hdr_info_circle .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-1);padding: 12px;} .dct_hdr_info_circle .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:hover{color:var(--color-2);} .dct_hdr_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background: var(--color-1);padding: 15px;border-radius: 5px;} .dct_hdr_menu_v1 .et_pb_menu__icon {position:absolute;top:50%;transform:translateY(-50%);right: -100px;} .et_pb_menu ul li{margin-top: 0 !important;padding:0px !important;} .et_pb_menu ul li a{line-height: 30px;padding:15px 15px !important;} .et_pb_menu ul li a:after{top: auto !important;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu{padding:0;border: none;border-radius: 10px;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li{display:block;float:none;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a{ width: 100%;line-height: inherit;border-bottom: 1px solid rgba(0,0,0,.10); border-top: 0 none;padding: 13px 15px !important;display:block;color:var(--color-2) !important;font-size: 14px;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before{position: absolute; content: ''; left: 18px; top: 24px; width: 0; height: 2px; background-color: transparent; -webkit-transition: all .500s ease-in-out; transition: all .500s ease-in-out;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{opacity:1;padding-left: 40px !important;background-color: var(--color-1);color: #fff !important;} .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before{background-color: rgba(255,255,255,.50); width: 10px;} .nav li li ul, .et-db #et-boc .et-l .nav li li ul{top:0px;border-radius:0px 10px 10px 0px !important;} .et-menu-nav li.mega-menu > ul{width:110%;padding:10px !important;} .et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a{padding: 13px 2px !important;color:var(--color-2 )!important;font-size:13px;} .et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a:before, .et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children.mega-menu ul.sub-menu li a:before{display:none;} @media only screen and (max-width : 980px) { .dct_hdr_v1.info .et_pb_menu__cart-button{display:none !important; } .dct_hdr_v1.info .et-menu-nav{margin-right:0px;} .dct_hdr_menu_v1{margin:0px;} .et_pb_menu ul li a{line-height: 25px; padding: 10px 10px !important;}} /* ======================= Footer =========================*/ .dct_ft_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ background: var(--color-1); padding: 15px; border-radius: 50%; } .dct_ft_info .et_pb_blurb_content .et_pb_blurb_container, .et-db #et-boc .et-l .dct_ft_info .et_pb_blurb_content .et_pb_blurb_container{padding-left: 35px;display: inline-block;} .dct_ft_time .et_pb_text_inner ul{padding: 0;list-style-type: none;} .dct_ft_time .et_pb_text_inner ul li{padding: 10px 0px; font-size: 15px;display:flex; border-bottom: 1px dashed rgba(255,255,255,0.5); } .dct_ft_time .et_pb_text_inner ul li span{position: absolute; right: 0;} .dct_ft_email .et_pb_newsletter_button_wrap{position:absolute;top: -3px; right: 20px;} .dct_ft_email .et_pb_newsletter_button_wrap .et_pb_button{background:var(--color-1);} .dct_ft_email .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text{font-size:0px;} .dct_ft_email .et_pb_newsletter_button_wrap .et_pb_button:after{background: var(--color-1); width: 50px;margin-left: 0 !important; height: 50px; line-height: 50px !important; border-radius: 50%;} .dct_ft_link .et_pb_text_inner a{color:var(--color-1);} @media only screen and (max-width : 980px) { .dct_ft_time .et_pb_text_inner ul li{font-size:13px;} .dct_ft_info .et_pb_blurb_content .et_pb_blurb_container, .et-db #et-boc .et-l .dct_ft_info .et_pb_blurb_content .et_pb_blurb_container{padding-left: 0; display: block;}} /* ======================= Blog Grid =========================*/ .dct_blog_v1 .et_pb_post{position:relative;padding:0px;} .dct_blog_v1 .et_pb_blog_grid .et_pb_image_container{margin:0;} .dct_blog_v1 .et_pb_post .post_block{margin-left: 20px; background: #fff; padding: 25px;border-radius: 10px; position: relative;z-index:9; margin-top: -50px;box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);} .dct_blog_v1 .et_pb_post .post_block:after{content: ""; position: absolute; z-index: -1; left: 32px; right: 80%; bottom: 0; background: var(--color-1); height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .dct_blog_v1 .et_pb_post:hover .post_block:after{right: 20%;} .dct_blog_v1 .et_pb_post .post-meta .published{position: absolute; top: -13px; background: var(--color-1); color: #fff; font-size: 15px;border-radius: 25px; text-align: center; right: 0; line-height: 18px; padding: 5px 10px;} .dct_blog_v1 .et_pb_post .post-meta a{color:var(--color-1);} .dct_blog_v1 .et_pb_post .entry-featured-image-url{position: relative; display: block; overflow: hidden;} .dct_blog_v1 .et_pb_post .entry-featured-image-url img{width: 100%; transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s; height: auto; max-width: 100%; border: none;} .dct_blog_v1 .et_pb_post:hover .entry-featured-image-url img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .dct_blog_v1 .et_pb_post .entry-featured-image-url:before{content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 1; z-index: 1; transform: scaleY(0.9) rotateX(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; background-color: var(--color-2); opacity: .70; transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);} .dct_blog_v1 .et_pb_post:hover .entry-featured-image-url:before{transform: scaleY(1.0) rotateX(0deg); transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);} @media only screen and (max-width : 980px) { .dct_blog_v1 .et_pb_post .post_block{padding: 25px 15px;} } /* ======================= Blog Side =========================*/ .dct_blog_side .entry-featured-image-url { width: 100px; float: left; margin-bottom: 0!important; } .dct_blog_side .entry-title, .dct_blog_side .post-meta { width: calc(100% - 100px); float: left; padding-left: 20px; } .dct_blog_side .entry-featured-image-url { padding-top: 100px; display: block; } .dct_blog_side .entry-featured-image-url img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0;border-radius: 10px; object-fit: cover; } .dct_blog_side .et_pb_post:not(:last-child) { border-bottom: 1px solid #dddddd!important; padding-bottom: 20px; margin-bottom: 20px; } @media only screen and (max-width : 479px) { .dct_blog_side .post-meta{display:none;} } /* ======================= Blog list =========================*/ .dct_blog_list .et_pb_post{position:relative;} .dct_blog_list .et_pb_post .published {background: var(--color-1); position: absolute; top: 15px; color: #fff; padding: 10px 25px; left: 15px;} /* ======================= Pricing V1 =========================*/ .btn_m_1.dct_active { background: var(--color-1) !important; } .btn_m_1, .btn_y_2 { text-align: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: var(--color-2); color: #fff; font-weight: 500; text-transform: uppercase; border-radius: 0px; transition: all 0.3s; box-shadow: 0 2px 18px 0 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: transparent; 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: 43px; font-weight: 500; margin-left: 0px !important; top: 0; position: relative; text-align: center; } .dct_pricingtable_1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{display: block; color: #fff;} .dct_pricingtable_1 .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;} .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: 50px; font-weight: 700; 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-2); font-weight: 600; text-transform: uppercase; border-radius: 0px; transition: all 0.3s !important; font-size: 16px; } .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 (max-width: 980px) { .dct_pricing_row .et_pb_column { width: 50% !important; } } /* ======================= Pricing V2 =========================*/ .dct_pricing_v2 .et_pb_tabs_controls {background:transparent;border:none;text-align: center;} .dct_pricing_v2 .et_pb_tabs_controls:after{border:none;} .dct_pricing_v2 .et_pb_tabs_controls li{padding: 10px 20px; height: auto !important;float: none;display:inline-block;border: none;background: var(--color-2);} .dct_pricing_v2 .et_pb_tabs_controls li.et_pb_tab_active{background: var(--color-1);} .dct_pricing_v2 .et_pb_tabs_controls li a{color: #fff !important; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;} .dct_pricing_v2 .et_pb_tab{padding: 24px 0px;} @media only screen and (max-width : 479px) { .dct_pricing_v2 .et_pb_tabs_controls li{width: 100%; text-align: center; display: block;} .dct_pricing_v2 .et_pb_tabs_controls li a{display:block;text-align:center;} } /* ======================= Pricing V3 =========================*/ .dct_pricing_v3 .et_pb_pricing_table .et_pb_sum{color:var(--color-1);} .dct_pricing_v3 .et_pb_pricing_table .et_pb_button_wrapper{padding-left: 0;} .dct_pricing_v3.sc .et_pb_pricing_table .et_pb_button_wrapper{padding-left: 30px;} /* ======================= Testimoial V1 =========================*/ .dct_testi_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color: var(--color-1); border: 1px solid var(--color-1); padding: 15px; border-radius: 50%; font-size: 25px; } .dct_testi_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container{vertical-align: middle;} /* ======================= Testimoial V2 =========================*/ .dct_testi_v2 .et_pb_blurb_content .et_pb_main_blurb_image img{border-radius: 50%; border: 2px solid var(--color-2); height: 90px; width: 90px; display: block; margin: 0 auto; position: relative; padding: 5px;} .dct_testi_v2 .et_pb_blurb_content .et_pb_blurb_container{position: relative; text-align: center; background-color: #fff; border: 1px solid #e5e4e4; padding: 50px 15px 50px; border-radius: 6px;} .dct_testi_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul{margin: 10px;padding:0;list-style-type:none;} .dct_testi_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul li{display:inline-block;} .dct_testi_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul li:before{color: var(--color-1);content: "\e033";font-family: ETmodules !important;} .dct_testi_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p{line-height: 28px; margin-bottom: 20px;} .dct_testi_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h2{text-transform: uppercase; font-size: 18px; font-weight: 700; color: var(--color-2); letter-spacing: 1px;} /* ======================= Testimoial V3 =========================*/ .dct_testi_v3 .et_pb_slide_image{top:0px;margin-top: 0 !important;width: auto; margin-right: 0; position: relative; text-align: left;} .dct_testi_v3 .et_pb_slide_image img{width: 100px; border-radius: 50%; height: 100px;} .dct_testi_v3 .et_pb_slide_description{width: 100%;float: none;padding-top: 50px;padding-bottom: 0;} .dct_testi_v3 .et_pb_slide_content{border-left: 3px solid rgba(255,255,255,0.9); padding-left: 15px; font-style: italic;} @media only screen and (max-width : 767px) { .dct_testi_v3 .et_pb_slide_image{display: block !important;} } /* ======================= Testimoial V4 =========================*/ .dct_testi_v4 .et_pb_slide_image{margin: 10px auto !important; position: relative; top: 0;} .dct_testi_v4 .et_pb_slide_image img{margin-top: 25px;width:120px;height:120px;border-radius:50%;} .dct_testi_v4 .et_pb_slide_description{padding:20px 20px;width: 100%; text-align: center; float: none;} .dct_testi_v4 .et_pb_slide_description .et_pb_slide_content ul{font-style: normal;margin: 10px;padding:0;list-style-type:none;} .dct_testi_v4 .et_pb_slide_description .et_pb_slide_content ul li{display:inline-block;} .dct_testi_v4 .et_pb_slide_description .et_pb_slide_content ul li:before{color: #fff;content: "\e033";font-family: ETmodules !important;} /* ======================= Slider V1 =========================*/ .dct_slider_v1 .et_pb_slide_description .et_pb_slide_title {padding-bottom: 0;font-size: 18px; line-height: 24px;margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.9px;display: inline-block; position: relative; padding-left: 45px;} .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;} .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content{margin-bottom:20px;font-size: 19px; font-weight: 300;} .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content h4{font-size: 55px; text-transform: uppercase; font-weight: 700; line-height: 65px; margin: 10px 0px;} .dct_slider_v1 .et-pb-arrow-prev, .dct_slider_v1 .et-pb-arrow-next{opacity: 1; background: rgba(255,255,255,0.5); font-size: 25px; width: 30px; height: 50px; line-height: 50px; text-align: center;} .dct_slider_v1 .et-pb-arrow-prev{left: 0 !important;} .dct_slider_v1 .et-pb-arrow-next{right: 0 !important;} @media only screen and (max-width : 767px) { .dct_slider_v1 .et_pb_slide_description .et_pb_slide_title{padding-bottom: 12px;padding-left: 0;} .dct_slider_v1 .et_pb_slide_description .et_pb_slide_title:before{left: 50%;bottom:0;transform: translateX(-50%);} .dct_slider_v1 .et_pb_slide_description .et_pb_slide_content h4{font-size: 30px;line-height: 40px;} } /* ======================= Intro =========================*/ .dct_into_blurb{background-color: var(--color-2); color: #FFF; position: absolute; border: 8px solid #FFF;width: 200px !important; top: 130px; padding: 30px 50px 30px 30px; left: -10px;} /* ======================= Inquiry Form =========================*/ .dct_inqy .et_contact_bottom_container{float: none; text-align: center; margin-top: 2.5%;display: block; width: 100%;padding-left:3%;} /* ======================= Contact us =========================*/ .dct_cnt_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background: var(--color-1); padding: 15px; border-radius: 50%;} /* ===== Contact us V2 ======*/ #dct_contact_v2 .dct_ct_v2 .et_pb_blurb_content .et_pb_blurb_container { padding-left: 25px; } #dct_contact_v2 .dct_ct_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before { content: ""; position: absolute; width: 20px; height: 1px; background: var(--color-1); left: 0; bottom: 0; } #dct_contact_v2 .dct_ct_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background: var(--color-1); padding: 15px; border-radius: 50%; } /* ===== Contact us V3 ======*/ .dct_contact_v3 .et_pb_contact_form_label{display:block;color:#666;text-transform:uppercase;font-weight:600;line-height:35px} .dct_contact_v3 p input::placeholder, .dct_contact_v3 p textarea::placeholder{color:transparent} .dct_contact_v3 p input:-ms-input-placeholder{color:#fff} .dct_contact_v3 p input::-ms-input-placeholder{color:#fff} /* ======================= Portfolio =========================*/ .alignleft a,.alignright a{background:var(--color-1);display:block;padding:10px 20px;color:#fff;text-transform:uppercase;font-weight:600;border-radius:25px}.dct_ptf_v1 .et_pb_portofolio_pagination{border:none!important;margin-top:20px}.dct_ptf_v1 .et_pb_portofolio_pagination ul{float:right;position:relative;display:inline-block}.dct_ptf_v1 .et_pb_portofolio_pagination ul:before{width:100%;height:2px;display:block;background:#e8e8e8;content:'';position:absolute;top:50%;z-index:-1;left:0;transform:translateY(-50%)}.dct_ptf_v1 .et_pb_portofolio_pagination ul li{border-radius:5px;background:var(--color-2);position:relative;z-index:1;padding:5px 15px!important;margin-right:20px;border-color:var(--color-2);color:#fff}.dct_ptf_v1 .et_pb_portofolio_pagination ul li:last-child{margin-right:0}.dct_ptf_v1 .et_pb_portofolio_pagination ul li a{color:#fff!important} .dct_ptf_v1 .et_pb_portfolio_filters{text-align:center}.dct_ptf_v1 .et_pb_portfolio_filters li{float:none;display:inline-block;margin:0 5px 0;margin-right:5px;border:2px solid var(--color-1);border-radius:10px;background:var(--color-1);font-size:14px;font-weight:700;color:#fff;position:relative}.dct_ptf_v1 .et_pb_portfolio_filters li:before{content:""!important;width:20px;height:20px;border-radius:4px;background:var(--color-1);position:absolute;top:50%;right:-13px;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transform:translateY(-50%)}.dct_ptf_v1 .et_pb_portfolio_filters li:after{content:"";display:block;width:18px;height:30px;border-radius:7px;background:#fff;position:absolute;top:50%;left:-5px;transform:translateY(-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dct_ptf_v1 .et_pb_portfolio_filters li a{padding:10px 15px;font-size:14px;background-color:transparent!important;border:none;font-weight:700;overflow:hidden;padding-left:27px;padding-right:15px;color:#fff}.dct_ptf_v1 .et_pb_portfolio_filters li a.active,.dct_ptf_v1 .et_pb_portfolio_filters li a:hover{color:#fff;background-color:transparent}.dct_ptf_v1 .et_pb_portfolio_filters li:hover,.dct_ptf_v1 .et_pb_portfolio_filters li:hover::before{background:#000;border-color:#000}.dct_ptf_v1 .et_pb_portfolio_filters li:first-child:after{display:none} .dct_ptf_v1 .project{border:5px solid #fff;position:relative;overflow:hidden;} .dct_ptf_v1 .project .et_portfolio_image img{width:100%;} .dct_ptf_v1.et_pb_fullwidth_portfolio_carousel .project .project_block{padding: 33px 30px 0px 0px;} .dct_ptf_v1 .project .project_block{position: absolute; bottom: 33px;z-index: 9;display: block; padding: 33px 30px 0px 30px;} .dct_ptf_v1 .project .project_block .et_pb_module_header, .dct_ptf_v1 .project .et_pb_module_header{color: #fff; font-size: 20px; font-weight: 600; line-height: 1.5; margin-top: 0;text-align:left; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 0px;} .dct_ptf_v1 .project .meta{padding: 30px;} .dct_ptf_v1 .project .meta .et_pb_module_header, .dct_ptf_v1 .project .meta .post-meta{padding: 0;margin-top:0px;float:none;text-align:left;color:#fff;} .dct_ptf_v1 .project .project_block .et_pb_module_header, .dct_ptf_v1 .project .project_block .post-meta, .dct_ptf_v1 .project .et_pb_module_header, .dct_ptf_v1 .project .post-meta{position: relative; opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity;} .dct_ptf_v1 .project:hover .project_block .et_pb_module_header, .dct_ptf_v1 .project:hover .project_block .post-meta, .dct_ptf_v1 .project:hover .et_pb_module_header, .dct_ptf_v1 .project:hover .post-meta{opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.1s, opacity 0.2s 0.1s;} .dct_ptf_v1 .project .post-meta a{color:#fff;} .dct_ptf_v1 .project .et_portfolio_image .et_overlay, .dct_ptf_v1 .project .et_pb_portfolio_image .et_overlay{content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0;z-index:1; opacity: 0;background-color: rgba(1, 25, 50, 0.9);border:none; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s;} .dct_ptf_v1 .project:hover .et_portfolio_image .et_overlay, .dct_ptf_v1 .project:hover .et_pb_portfolio_image .et_overlay{opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s;} .dct_ptf_v1 .project .et_portfolio_image .et_overlay:before, .dct_ptf_v1 .project .et_pb_portfolio_image .et_overlay:before{border-radius: 0; color: #fff;top: 0; left: auto;right:0; margin: 0;font-weight:700; font-size: 24px;border-radius: 0px 0px 0px 10px; height: 55px;display: inline-block; line-height: 55px;background-color: var(--color-1); text-align: center; width: 55px;border: 2px solid transparent;transition: all 0.2s ease; opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform .4s, opacity .2s; transition: transform .4s, opacity .2s; will-change: transform, opacity;} .dct_ptf_v1 .project:hover .et_portfolio_image .et_overlay:before, .dct_ptf_v1 .project:hover .et_pb_portfolio_image .et_overlay:before{opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s; transition: transform 0.6s cubic-bezier(0.57, 0.04, 0.06, 0.84) 0.2s, opacity 0.2s 0.2s;} @media only screen and (max-width : 980px) { .dct_ptf_v1 .et_pb_portfolio_filters li{width:auto !important;} } /* ======================= Project Category =========================*/ .dct_project_cat .project {margin-bottom: 20px;} .dct_project_cat .project .post-meta a{color: #fff !important; background: var(--color-1); padding: 3px 10px; border-radius: 5px;} /* ======================= How to work =========================*/ .dct_work .et_pb_text_inner{color: var(--color-2); font-weight: 700; text-transform: uppercase; font-size: 18px; letter-spacing: 1px;} .dct_work:hover .et_pb_text_inner{color:var(--color-1);} .dct_work .et_pb_blurb{padding-top: 60px;text-align: center;position:relative;} .dct_work .et_pb_blurb:before{background-color: var(--color-2);content: ''; position: absolute; top: 0px; left: 50%; width: 16px; height: 16px;transform: translateX(-50%); border-radius: 50%; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;-webkit-box-sizing: border-box; box-sizing: border-box;} .dct_work:hover .et_pb_blurb:before{background-color: var(--color-1);} .dct_work:hover .et_pb_blurb:after{background-color: rgba(0,0,0,.20);} .dct_work .et_pb_blurb:after{background-color: rgba(5,25,81,.20);content: ''; position: absolute; top: -7px; transform: translateX(-50%); left: 50%; width: 30px; height: 30px; border-radius: 50%; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;-webkit-box-sizing: border-box; box-sizing: border-box;} .dct_work .et_pb_blurb_content .et_pb_main_blurb_image{display:block;} .dct_work .et_pb_blurb_content .et_pb_main_blurb_image img{border-radius:50%;width:200px;height:200px;} /* ======================= Team =========================*/ .dct_team_v1{position:relative;overflow:hidden;} .dct_team_v1 .et_pb_team_member .et_pb_team_member_image img{width:100%;} .dct_team_v1 .et_pb_team_member .et_pb_team_member_image{ margin:0;width:100%;max-width:100%;border: 2px dashed var(--color-1); padding-top: 20px; border-bottom: none; border-radius: 10px 10px 0px 0px; } .dct_team_v1 .et_pb_team_member{position:relative;overflow:hidden;} .dct_team_v1 .et_pb_team_member .et_pb_team_member_description{display:block;position:unset;} .dct_team_v1 .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{position: absolute; bottom: -65px;margin-top: 0; width: 100%;background-color: var(--color-2); text-align: center; padding: 10px;border-radius: 10px 10px 0px 0px; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} .dct_team_v1 .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li{margin:0px 5px;} .dct_team_v1 .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li a{background: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 13px; color: var(--color-2);} .dct_team_v1:hover .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{bottom: 0;} .dct_team_v1 .et_pb_blurb_content{position:unset;} /* ======================= Team V2 =========================*/ .dct_team_v2{position:relative;overflow:hidden;} .dct_team_v2 .et_pb_team_member_image img{width:100%;} .dct_team_v2 .et_pb_team_member_image {margin-bottom:0px;width:100%;max-width:100%;float:none;} .dct_team_v2 .et_pb_team_member_description{text-align: center; padding: 20px 15px 45px 15px;display: block; transform: translateY(0px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; background-color: #FFF; z-index: 9;} .dct_team_v2:hover .et_pb_team_member_description{margin-top: -35px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #f7f7f7; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .dct_team_v2 .et_pb_team_member_description .et_pb_module_header{font-weight: 700; color: #09162a; letter-spacing: 1px; font-size: 18px; margin-bottom: 9px;text-transform: uppercase; position: relative; padding-bottom: 12px;} .dct_team_v2 .et_pb_team_member_description .et_pb_module_header:after{content: ''; background: var(--color-1); width: 40px; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);} .dct_team_v2 .et_pb_team_member_description .et_pb_member_position{font-weight: 400; color: #777777; font-size: 15px; line-height: 1.5;} .dct_team_v2 .et_pb_team_member_description:after{content: ""; position: absolute;box-sizing: border-box; z-index: -1; left: 20%; right: 80%; bottom: 0; background: var(--color-1); height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; z-index: 99;} .dct_team_v2:hover .et_pb_team_member_description:after{right: 20%;} .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links{position: absolute; left: 0; right: 0; margin: 0; top: 90px; opacity: 0; z-index: 9; -webkit-transition: 0.8s; -ms-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; transition: .8s;} .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li{margin-right:0px;} .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a{color: var(--color-1); font-size: 14px; margin: 0 5px;} .dct_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links{opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /* ===== Team V3 ======*/ .dct_team_v3{text-align:center;border:1px solid var(--color-1)}.dct_team_v3 .et_pb_team_member_image{position:relative;overflow:hidden;max-width:100%;margin-bottom:0}.dct_team_v3 .et_pb_team_member_image:after{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.7);position:absolute;bottom:-100%;left:0;transition:all .3s ease 0s}.dct_team_v3:hover .et_pb_team_member_image:after{bottom:0}.dct_team_v3 img{width:100%;height:auto}.dct_team_v3 .et_pb_team_member_description{background:var(--color-1)}.dct_team_v3 .et_pb_member_social_links{list-style:none;position:absolute;bottom:160px;right:10px;background:var(--color-2);z-index:-1;border-radius:50px 50px 0 0;transition:all .3s ease 0s}.dct_team_v3:hover .et_pb_member_social_links{bottom:109px;z-index:1}.dct_team_v3 .et_pb_member_social_links li{display:block;margin-right:0}.dct_team_v3 .et_pb_member_social_links li a{display:block;padding:15px;font-size:15px;color:#fff}.dct_team_v3:hover .et_pb_member_social_links li a:hover{color:var(--color-1)}.dct_team_v3 .team-content{padding:20px 0;background:#fff}.dct_team_v3 .et_pb_module_header{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;padding:20px 0;margin:0 0 20px;position:relative}.dct_team_v3 .et_pb_module_header:before{content:"";width:25px;height:1px;background:var(--color-2);position:absolute;bottom:-10px;right:50%;margin-right:9px;transition-duration:.25s}.dct_team_v3 .et_pb_module_header:after{content:"";width:25px;height:1px;background:var(--color-2);position:absolute;bottom:-10px;left:50%;margin-left:9px;transition-duration:.25s}.dct_team_v3:hover .et_pb_module_header:after,.dct_team_v3:hover .et_pb_module_header:before{width:50px}.dct_team_v3 .et_pb_member_position{display:inline-block;font-size:15px;color:var(--color-2);text-transform:capitalize}.dct_team_v3 .et_pb_member_position:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:var(--color-2);margin:0 auto;position:relative;top:-13px} @media only screen and (max-width:980px){.dct_team_v3{margin:0 auto;max-width:400px;}} @media only screen and (min-width:768px) and (max-width:980px){.dct_team_v3 .et_pb_team_member_description{display:block!important}.dct_team_v3 .et_pb_team_member_image{float:none;width:100%}.dct_team_v3{margin:0 auto;max-width:500px}} /* ===== Team V5 ======*/ .dct_team_v5{position:relative;overflow:hidden;} .dct_team_v5 .et_pb_team_member_image img{-webkit-filter: grayscale(100%); filter: grayscale(100%); width: 100%; position: relative;} .dct_team_v5 .et_pb_team_member_description{position: absolute; bottom: 100%; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; -webkit-transition: .55s cubic-bezier(.68,-.55,.265,1.55); -moz-transition: .55s cubic-bezier(.68,-.55,.265,1.55); -ms-transition: .55s cubic-bezier(.68,-.55,.265,1.55); -o-transition: .55s cubic-bezier(.68,-.55,.265,1.55); transition: .55s cubic-bezier(.68,-.55,.265,1.55); color: #fff;background-color: var(--color-1); z-index: 1; padding: 20px;} .dct_team_v5:hover .et_pb_team_member_description{bottom: 0;} /* ===== Team List ======*/ .dct_team_v4{text-align:center;overflow:hidden;color:#fff;position:relative} .dct_team_v4:after{content:"";width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 50%,rgba(0,0,0,.96) 100%);visibility:visible;position:absolute;top:0;left:0;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;} .dct_team_v4:hover:after{background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.09) 11%, rgba(0, 0, 0, 0.12) 13%, rgba(0, 0, 0, 0.19) 20%, rgba(0, 0, 0, 0.29) 28%, rgba(0, 0, 0, 0.29) 29%, rgba(0, 0, 0, 0.42) 38%, rgba(0, 0, 0, 0.46) 43%, rgba(0, 0, 0, 0.53) 47%, rgba(0, 0, 0, 0.75) 69%, rgba(0, 0, 0, 0.87) 84%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 0.94) 100%);} .dct_team_v4 .et_pb_team_member_image{margin-bottom:0px;float:none; max-width:100%; width:100%;} .dct_team_v4:hover .et_pb_team_member_image img{transform: scale(1.3);-webkit-transition: all 0.9s;-moz-transition: all 0.9s;-ms-transition: all 0.9s;-o-transition: all 0.9s;transition: all 0.9s;} .dct_team_v4 .et_pb_team_member_image img{width: 100%;height: auto;} .dct_team_v4 .et_pb_team_member_description{width:100%;padding:20px;margin-bottom:20px;position:absolute;bottom:0;left:0;z-index:1} .dct_team_v4 .et_pb_team_member_description .et_pb_module_header{padding-bottom:0;font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px;color:#fff;transform:translateY(145px);-webkit-transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s;-moz-transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s;-ms-transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s;-o-transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s;transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s;} .dct_team_v4 .et_pb_team_member_description .et_pb_member_position{display:block;padding:8px 0;font-size:15px;color:#fff;transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s} .dct_team_v4:hover .et_pb_team_member_description .et_pb_module_header, .dct_team_v4:hover .et_pb_team_member_description .et_pb_member_position{transform: translateY(0);} .dct_team_v4 .et_pb_team_member_description .et_pb_member_social_links{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);-webkit-transition:all .6s cubic-bezier(0,0,.58,1) 0s;-moz-transition:all .6s cubic-bezier(0,0,.58,1) 0s;-ms-transition:all .6s cubic-bezier(0,0,.58,1) 0s;-o-transition:all .6s cubic-bezier(0,0,.58,1) 0s;transition:all .6s cubic-bezier(0,0,.58,1) 0s;} .dct_team_v4:hover .et_pb_team_member_description .et_pb_member_social_links{opacity: 1;transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);} .dct_team_v4 .et_pb_team_member_description .et_pb_member_social_links:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0} .dct_team_v4 .et_pb_team_member_description .et_pb_member_social_links li{display: inline-block;margin:0px;} .dct_team_v4 .et_pb_team_member_description .et_pb_member_social_links li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;background:var(--color-1);font-size:20px;color:#fff;margin-right:10px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;} .dct_team_v4 .et_pb_team_member_description .et_pb_member_social_links li a:hover{background: rgba(0, 0, 0,0.3 )} .dct_team_v4 .et_pb_team_member_description .et_pb_member_social_links li:last-child a{margin-right: 0;} @media only screen and (max-width:990px){ .dct_team_v4{max-width:400px;margin:0 auto;}} .dct_team_list .et_pb_team_member_image {float: left; margin-right: 30px; width: 45%;} .dct_team_list .et_pb_team_member_image img{width: 100%;border-radius: 10px; max-height: 240px; height: 240px;} .dct_team_list .et_pb_team_member_description{text-align: left; padding-top: 10px; padding-right: 30px;} .dct_team_list .et_pb_team_member_description .et_pb_module_header{margin-top: 0px; margin-bottom: 10px; position: relative; display: inline-block;} .dct_team_list .et_pb_team_member_description .et_pb_module_header:after{content: ""; position: absolute; width: 40px; height: 1px; background:var(--color-1); left: 0px; bottom: 0px; margin-bottom: -6px;} .dct_team_list .et_pb_team_member_description div{margin-top: 5px; margin-bottom: 28px; font-size: 14px;} .dct_team_list .et_pb_team_member_description .et_pb_member_social_links{padding-left: 0; list-style: none;} .dct_team_list .et_pb_team_member_description .et_pb_member_social_links li{margin:0 3px;} .dct_team_list .et_pb_team_member_description .et_pb_member_social_links li a{color: #fff; font-size: 15px; border: 1px solid var(--color-1); width: 30px; height: 30px; line-height: 28px; background: var(--color-1);} .dct_team_list .et_pb_team_member_description .et_pb_member_social_links li a:hover{color: var(--color-1); background: transparent;} @media only screen and (max-width : 980px) { .dct_team_list .et_pb_team_member_description{text-align: center;padding-right: 0;display: block;padding-bottom: 10px;} .dct_team_list .et_pb_team_member_description .et_pb_module_header::after {left: 50%;transform: translateX(-50%);} .dct_team_list .et_pb_team_member_image{float: none; margin-right: 0;max-width:100%; width: 100%;} .dct_team_list .et_pb_team_member_image img{max-height: 100%; height: 100%;} } /* ======================= Sidebar =========================*/ #sidebar .et_pb_widget {position: relative; padding: 15px;margin-bottom: 15px; border: 1px solid #efefef; background-color: #f6f6f6;} #sidebar #gallery-1 .gallery-item{margin:0;} #sidebar .widget_recent_entries ul li{margin-bottom:15px;} #sidebar .fwidget{margin-bottom:20px !important;} #sidebar .search-field{height: 40px; display: block; width: 100%; margin-bottom: 10px; border: 1px solid #ccc; text-transform: capitalize; text-align: center;} #sidebar button{color: #fff; font-weight: 700; background-color: var(--color-1); border: none; display: block; width: 100%; margin: 0; padding: 10px 20px; text-transform: uppercase;} #sidebar button:hover{background-color:var(--color-2)} .dct_nav .nav-previous, .dct_nav .nav-next{background: var(--color-1); padding: 8px 25px; border-radius: 25px;} .dct_nav .nav-previous:hover, .dct_nav .nav-next:hover{background: var(--color-2);} .dct_nav a{color:#fff;} #sidebar .et_pb_widget{padding:20px} #sidebar .et_pb_widget .widgettitle, #sidebar .fwidget .title, .et-db #et-boc .et-l #sidebar .et_pb_widget .widgettitle{position:relative;display:inline-block;border-bottom:3px solid var(--color-1);margin-bottom:20px;padding-bottom:14px;font-size:15px;font-weight:700;text-transform:uppercase} #sidebar .et_pb_widget .widgettitle:before, #sidebar .fwidget .title:before{position:absolute;height:10px;width:3px;background:var(--color-1);content:'';bottom:0;left:0} #sidebar .et_pb_widget .widgettitle:after, #sidebar .fwidget .title:after{position:absolute;height:10px;width:3px;background:var(--color-1);content:'';bottom:0;right:0} #sidebar .widget_recent_entries ul{padding:10px 0!important;background:#fff;border-left:3px solid var(--color-1)} #sidebar .widget_recent_entries ul li{border-bottom:3px solid #fff} #sidebar .widget_recent_entries ul li a{color:#242424;display:block;padding:10px;padding-left:22px!important;line-height:25px;font-size:15px;font-weight:600;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative} #sidebar .widget_recent_entries ul li a:before{content:"";width:14px;height:3px;position:absolute;left:22px;top:50%;background:#fff;margin-top:-1px;opacity:0} #sidebar .widget_recent_entries ul li:hover a:before{opacity:1;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s} #sidebar .widget_recent_entries ul li:hover a{background:var(--color-1);color:#fff;padding-left:50px!important} #sidebar .widget_categories ul{background:#fff;padding:10px!important} #sidebar .et_pb_widget ul li{margin-bottom:0} #sidebar .widget_categories ul li a{color:#242424;position:relative;display:block;padding-left:22px!important} #sidebar .widget_categories ul li a:before{content:"";width:14px;height:3px;position:absolute;left:0;top:50%;background:var(--color-1);margin-top:-1px} #sidebar .gallery .gallery-item{margin:0} .et_pb_posts_nav .nav-next .meta-nav, .et_pb_posts_nav .nav-next .nav-label, .et_pb_posts_nav .nav-previous .meta-nav, .et_pb_posts_nav .nav-previous .nav-label{color:#fff} .et_pb_posts_nav .nav-next:before, .et_pb_posts_nav .nav-previous:before{background:var(--color-2)} .single-project.et_pb_pagebuilder_layout .nav-single{width:100%} #sidebar #wp-calendar{margin:0;} #sidebar #wp-calendar caption{color:var(--color-1);font-size:18px;font-weight:600;line-height:47px;text-align:center} #sidebar table thead{background-color:#f5f5f5;color:#2d2d2d;text-align:center} #sidebar table thead th{padding:3px 5px;font-style:normal;text-transform:capitalize;color:#555;font-weight:500;font-size:13px} #sidebar #wp-calendar tfoot{display:none} #sidebar table td{font-weight:400} #sidebar table td#today{position:relative;color:#fff;z-index:1;font-weight:400!important;font-size:14px;text-align:center;line-height:28px;padding:5px} #sidebar table td#today::before{content:'';width:34px;height:34px;border-radius:50%;position:absolute;background-color:var(--color-1);z-index:-1;top:calc(50% - 17px);left:calc(50% - 17px);color:#fff} #sidebar .widget_calendar{border-radius:0;box-shadow:none} #sidebar .widget_calendar:hover{box-shadow:none} #sidebar #gallery-1 .gallery-item{margin-top: 0 !important;margin-bottom: 0;} #sidebar #gallery-1 img{border-radius: 5px;border: none;} #sidebar .et_pb_widget select{height: 40px;} #sidebar #searchsubmit{background:var(--color-1);color: #fff;} /* ===== Comment ======*/ #comment-wrap .page_title { font-size: 25px; } #comment-wrap .commentlist .reply-container .comment-reply-link { width: auto; display: inline-block; } .et_pb_comments_module #commentform .logged-in-as a {color:var(--color-1);} .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 rgba(0, 0, 0, 0.15); padding: 12px 15px; border-radius: 0; background: 0 0 !important; transition: all 0.3s, ease-in-out; } 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; } html #wpadminbar { z-index:9999999; position:fixed } @media screen and (max-width:980px) { /*for login user make adminbar fix*/ #wpadminbar {position:fixed;} } /*Mobile Menu*/ .mobile_nav .mobile_menu_bar::before {color:var(--color-1);} /*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 var(--color-2); } /*remove border under last mobile menu item*/ .et_mobile_menu li:last-child a { border-bottom: none; } /*------------- 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 0.4s; transition: right 0.4s; z-index: 9999999; } .template-options.opened { right: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 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, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 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, 0.2) inset; box-shadow: 0 0 0 3px rgba(0, 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 only screen and (max-width: 980px) { .cl-toggler { width: 40px; height: 48px; left: -40px;top: 23px; } .cl-toggler i { font-size: 16px; } #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: 0; } } @media only screen and (max-width: 768px) { #switcher-menu-primary-color, #switcher-menu-secondary-color { display: none; } } @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; } } /*******Animations Pulse***********/ .dct_kenburn .et_pb_slide .et_parallax_bg { -webkit-animation: dct_kenburn 5s ease-in-out reverse both; animation: dct_kenburn 5s ease-in-out reverse both; } @-webkit-keyframes dct_kenburn { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 16%; transform-origin: 84% 16%; } 100% { -webkit-transform: scale(1.25) translate(20px, -15px); transform: scale(1.25) translate(20px, -15px); -webkit-transform-origin: right top; transform-origin: right top; } } @keyframes dct_kenburn { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 16%; transform-origin: 84% 16%; } 100% { -webkit-transform: scale(1.25) translate(20px, -15px); transform: scale(1.25) translate(20px, -15px); -webkit-transform-origin: right top; transform-origin: right top; } } /* ===== WOO-COMMERCE ======*/ /** Shop Page**/ .archive #et-boc .container, .single-product .container{width: 90%;max-width: 1200px;} .woocommerce-page .container{max-width: 1200px;} .woocommerce ul.products li{position:relative;overflow:hidden;} .single .product.type-product .clearfix, .woocommerce-checkout #main-content, .single #main-content, .archive #main-content{z-index: 1;position: relative;} /*Single Product Section Title**/ .single-product .related.products h2, .et_pb_wc_tabs .et_pb_all_tabs .et_pb_tab_content #comments h2.woocommerce-Reviews-title, .et_pb_wc_title .et_pb_module_inner h1, .single .up-sells h2, .single .summary.entry-summary h1.product_title.entry-title, .woocommerce .cart-collaterals .cart_totals h2, .woocommerce .u-columns.col2-set .u-column1.col-1 h2, .woocommerce .u-columns.col2-set .u-column2.col-2 h2, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3, .status-publish.hentry .entry-title.main_title, .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .checkout.woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields h3, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields h3, .woocommerce .woocommerce-customer-details .woocommerce-column__title, .woocommerce .woocommerce-order-details__title{font-size:20px!important;font-weight:600;margin-bottom:40px;padding-bottom:0 !important;position:relative;color:#333;text-transform:uppercase} .single-product .related.products h2:before, .single .up-sells h2:before, .et_pb_wc_tabs .et_pb_all_tabs .et_pb_tab_content #comments h2.woocommerce-Reviews-title:before, .et_pb_wc_title .et_pb_module_inner h1:before, .single .summary.entry-summary h1.product_title.entry-title:before, .woocommerce .cart-collaterals .cart_totals h2:before, .woocommerce .u-columns.col2-set .u-column1.col-1 h2:before, .woocommerce .u-columns.col2-set .u-column2.col-2 h2:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3:before, .status-publish.hentry .entry-title.main_title:before, .woocommerce .cart-collaterals .cross-sells h2:before, .woocommerce .checkout.woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields h3:before, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields h3:before, .woocommerce .woocommerce-customer-details .woocommerce-column__title:before, .woocommerce .woocommerce-order-details__title:before{position:absolute;bottom:-20px;left:10px;width:15px;height:4px;content:'';z-index:5;background:#fff;animation:mover 2s infinite alternate} .single-product .related.products h2:after, .single .up-sells h2:after, .et_pb_wc_title .et_pb_module_inner h1:after, .et_pb_wc_tabs .et_pb_all_tabs .et_pb_tab_content #comments h2.woocommerce-Reviews-title:after, .single .summary.entry-summary h1.product_title.entry-title:after, .woocommerce .cart-collaterals .cart_totals h2:after, .woocommerce .u-columns.col2-set .u-column1.col-1 h2:after, .woocommerce .u-columns.col2-set .u-column2.col-2 h2:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3:after, .status-publish.hentry .entry-title.main_title:after, .woocommerce .cart-collaterals .cross-sells h2:after, .woocommerce .checkout.woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields h3:after, .woocommerce .checkout.woocommerce-checkout .woocommerce-additional-fields h3:after, .woocommerce .woocommerce-customer-details .woocommerce-column__title:after, .woocommerce .woocommerce-order-details__title:after{position:absolute;bottom:-20px;left:0;height:4px;content:'';border-radius:30px;border-right-color:#36d1dc;border-left:90px solid var(--color-1)} @keyframes mover{0%{transform:translateX(-10)}100%{transform:translateX(60px)}} .single .product .summary.entry-summary .price{padding-bottom: 10px;} .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{color: var(--color-2);} .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3, .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .cart-collaterals .cart_totals h2{font-size:20px!important;} .single .product .woocommerce-product-details__short-description p{font-size:13px;text-align:justify;line-height:25px;margin-top:6px} .woocommerce .quantity input.qty,.woocommerce-page .quantity input.qty{background-color:transparent!important;color:#000!important;border:1px solid #ccc!important;border-radius:10px;height:50px} .single .product .summary.entry-summary .product_meta .posted_in a, .et_pb_wc_meta .et_pb_module_inner .product_meta .posted_in a{color:var(--color-2)} .woocommerce .woocommerce-customer-details .woocommerce-column__title, .woocommerce .woocommerce-order-details__title, .status-publish.hentry .entry-title.main_title{font-size: 20px !important;} /*My Account**/ .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p{font-size:13px;line-height:27px;text-transform:capitalize;text-align:justify;margin-bottom:20px} .woocommerce .woocommerce-LostPassword.lost_password a, .woocommerce .woocommerce-privacy-policy-text .woocommerce-privacy-policy-link{color:var(--color-2);border-bottom: 1px solid;} .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li a{background:#fff;color:var(--color-2);padding:0 15px;border-radius:25px} .woocommerce .woocommerce-MyAccount-navigation ul{border:0;overflow:hidden;counter-reset:side-nav-counter;list-style-position:inside;list-style-type:square} .woocommerce .woocommerce-MyAccount-navigation ul li a:hover::after, .woocommerce .woocommerce-MyAccount-navigation ul li.is-active{right:0} .woocommerce .woocommerce-MyAccount-navigation ul li{counter-increment:side-nav-counter;padding-left:30px;background:#f7f7f7;display:block;position:relative;border:0;margin-bottom:7px} .woocommerce .woocommerce-MyAccount-navigation ul li::before{color:#000;content:'';display:block;font-size:12px;height:100%;left:0;line-height:20px;position:absolute;right:auto;text-align:center;top:0;width:30px;background-color:var(--color-1)} .woocommerce .woocommerce-MyAccount-navigation ul li.is-active::before{background-color:var(--color-2)} .woocommerce .woocommerce-MyAccount-navigation ul li a{border:1px solid #f0f0f0;color:#414141;padding:12px 30px 12px 20px;display:block;font-weight:600;position:relative;text-decoration:none;font-size:16px} .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::after{right:0;background-color:var(--color-1)} .woocommerce .woocommerce-MyAccount-navigation ul li a::after{content:'';height:100%;position:absolute;right:-10px;background-color:var(--color-2);top:0;width:5px;z-index:9} .woocommerce .woocommerce-MyAccount-navigation ul li.is-active::after{color:#fff} .woocommerce .woocommerce-MyAccount-navigation ul li:after{color:#fff;content:counter(side-nav-counter);display:block;font-size:12px;height:auto;left:0;margin:auto;position:absolute;right:auto;text-align:center;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:30px} .woocommerce-MyAccount-content p{line-height:30px;text-transform:capitalize} .woocommerce-MyAccount-content p a{color:var(--color-2)} .woocommerce .woocommerce-Address-title.title .edit{background:var(--color-2);width:55px;text-align:center;height:30px;line-height:30px;color:#fff;border-radius:25px;font-size:13px} .woocommerce .woocommerce-MyAccount-content .col2-set.addresses{margin-top: 35px;} /*Cart Page**/ .woocommerce .cart-collaterals .cart_totals .shop_table .cart-discount a, .woocommerce .checkout .shop_table .cart-discount a.woocommerce-remove-coupon{color:var(--color-1);} .woocommerce a.remove{color: #fff !important;background: var(--color-1);} .woocommerce a.remove:hover{background:var(--color-2);} .woocommerce .shop_table .woocommerce-cart-form__cart-item .product-name a{color:var(--color-2);} .woocommerce .woocommerce-notices-wrapper .woocommerce-error li, .woocommerce .woocommerce-error, .woocommerce .woocommerce-notices-wrapper .woocommerce-message li{text-transform: capitalize;} .woocommerce .woocommerce-notices-wrapper .woocommerce-message, .woocommerce .woocommerce-form-login-toggle .woocommerce-info, .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce .woocommerce-info{background: var(--color-2) !important;text-transform: capitalize;} .woocommerce .woocommerce-notices-wrapper .woocommerce-error, .woocommerce .woocommerce-error{background: #8B0000 !important;} .woocommerce .woocommerce-MyAccount-content .woocommerce-info{background: var(--color-2) !important;} .woocommerce .woocommerce-message{background: var(--color-1) !important;text-transform: capitalize;} .woocommerce-cart table.cart td.actions .coupon .input-text{width:auto;height:43px;background-color:var(--color-2)!important;font-size:15px!important;border-radius:0;text-transform:capitalize} .woocommerce table th:first-child{text-align:center} /*Product Title**/ .archive ul.products li .woocommerce-loop-product__title, .woocommerce ul.products li .woocommerce-loop-product__title, .single ul.products li .woocommerce-loop-product__title, .woocommerce .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title{font-size: 1em !important;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:600;padding:18px 0 20px!important;display:block;color:#000;position:relative} .archive ul.products li .woocommerce-loop-product__title:after, .woocommerce ul.products li .woocommerce-loop-product__title:after, .single ul.products li .woocommerce-loop-product__title:after, .woocommerce .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title:after{border-left: none;border-bottom:1px solid rgba(0,0,0,.1);bottom:0;content:'';height:0;left:0;margin:0 auto;position:absolute;right:0;width:100%;transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box} .archive ul.products li .woocommerce-loop-product__title:before, .single ul.products li .woocommerce-loop-product__title:before, .woocommerce ul.products li .woocommerce-loop-product__title:before, .woocommerce .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title:before{animation: none;z-index:1;background-color:var(--color-1);box-shadow:0 0 0 10px #fff;-moz-box-shadow:0 0 0 10px #fff;-webkit-box-shadow:0 0 0 10px #fff;-ms-box-shadow:0 0 0 10px #fff;-o-box-shadow:0 0 0 10px #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:1px;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;bottom:-4px;clear:both;content:'';display:inline-block;height:10px;left:0;margin:0 auto;position:absolute;right:0;text-align:center;width:10px;-ms-border-radius:1px;-o-border-radius:1px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box} /*Product Price**/ .archive ul.products li .price, .woocommerce ul.products li .price, .single ul.products li .price, .woocommerce .cart-collaterals .cross-sells ul.products li.product .price{padding-top:20px;transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;color:#000;text-align:center;letter-spacing:.4px;font-size:14px} /*Star Rating**/ .archive ul.products li .star-rating, .woocommerce ul.products li .star-rating, .single ul.products li .star-rating, .woocommerce .cart-collaterals .cross-sells ul.products li.product .star-rating{position:absolute} .archive ul.products li .star-rating span:before, .woocommerce .star-rating span::before, .single ul.products li .star-rating:before, .archive ul.products li .star-rating span:before, .single ul.products li .star-rating:before, .woocommerce .cart-collaterals .cross-sells ul.products li.product .star-rating:before{color:var(--color-1)!important} /*Product Image**/ .archive ul.products li .et_shop_image, .woocommerce ul.products li .et_shop_image, .single ul.products li .et_shop_image, .woocommerce .cart-collaterals .cross-sells ul.products li.product .et_shop_image{position:relative;overflow:hidden} .archive ul.products li .et_shop_image:before, .single ul.products li .et_shop_image:before, .woocommerce .cart-collaterals .cross-sells ul.products li.product .et_shop_image:before, .woocommerce ul.products li .et_shop_image:before{position:absolute;content:'';background:var(--color-2);width:100%;height:100%;bottom:100%;left:0;opacity:0;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;box-sizing:border-box} .archive ul.products li:hover .et_shop_image:before, .single ul.products li:hover .et_shop_image:before, .woocommerce .cart-collaterals .cross-sells ul.products li.product:hover .et_shop_image:before, .woocommerce ul.products li:hover .et_shop_image:before{bottom:0;opacity:.9} .archive ul.products li.product a img,.woocommerce-page ul.products li.product a img, .single ul.products li.product a img,.woocommerce-page ul.products li.product a img, .woocommerce .cart-collaterals .cross-sells ul.products li.product a img, .woocommerce ul.products li .et_shop_image img{margin-bottom:0!important} .archive ul.products li.product .et_shop_image .et_overlay, .single ul.products li.product .et_shop_image .et_overlay, .et-db #et-boc .et-l ul.products li.product .et_overlay, .woocommerce ul.products li .et_shop_image .et_overlay, .woocommerce .cart-collaterals .cross-sells ul.products li.product .et_shop_image .et_overlay{display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;opacity:0;transition:all .3s;-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;pointer-events:none} .archive ul.products li.product:hover .et_shop_image .et_overlay, .single ul.products li.product:hover .et_shop_image .et_overlay, .et-db #et-boc .et-l ul.products li.product:hover .et_overlay, .woocommerce ul.products li:hover .et_shop_image .et_overlay, .woocommerce .cart-collaterals .cross-sells ul.products li.product:hover .et_shop_image .et_overlay{opacity:1;background: transparent; margin: 0; border: none;} .archive ul.products li.product .et_shop_image .et_overlay:before, .single ul.products li.product .et_shop_image .et_overlay:before, .et-db #et-boc .et-l ul.products li.product .et_overlay:before, .woocommerce .cart-collaterals .cross-sells ul.products li.product .et_shop_image .et_overlay:before{content:'\e015'!important;font-family:ETmodules!important;background:var(--color-1);color:#fff;border-radius:50%;width:45px;height:45px;line-height:45px;display:block;text-align:center;top:50%!important;font-size:20px;border:none!important;-webkit-box-shadow:0 0 30px 3px rgba(0,0,0,.15);-moz-box-shadow:0 0 30px 3px rgba(0,0,0,.15);box-shadow:0 0 30px 3px rgba(0,0,0,.15);position:absolute;left:50%;transition:all .4s;transform:translate(-50%,-50%);margin:0;} /*Add to cart button**/ .archive ul.products li.product a.button.product_type_simple, .archive ul.products li.product a.button.product_type_variable, .archive ul.products li.product a.button.product_type_external, .archive ul.products li.product a.button.product_type_grouped, .woocommerce ul.products li.product a.button.product_type_grouped, .woocommerce ul.products li.product a.button.product_type_external, .woocommerce ul.products li.product a.button.product_type_variable, #sidebar .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button.wc-forward, .woocommerce .widget_price_filter .price_slider_amount .button, .single ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button.button, .woocommerce .woocommerce-MyAccount-content .woocommerce-Message--info .woocommerce-Button.button, .woocommerce .cart_totals .wc-proceed-to-checkout checkout-button.alt.wc-forward, .woocommerce .cart_totals .wc-proceed-to-checkout .checkout-button.alt.wc-forward, .woocommerce .return-to-shop .button.wc-backward, .woocommerce ul.products li.product .product_type_simple{color:#fff;background-color:var(--color-1);display:block;text-align:center;text-transform:uppercase;padding:15px !important;font-size:12px;font-weight:700;border-radius:0;letter-spacing:.1em;font-style:normal;z-index:2;line-height:12px!important;position:relative;border:none;text-decoration:none;transform:none!important;color:#fff;overflow: hidden;} .archive ul.products li.product a.button.product_type_simple:after, .archive ul.products li.product a.button.product_type_variable:after, .archive ul.products li.product a.button.product_type_external:after, .archive ul.products li.product a.button.product_type_grouped:after, .woocommerce ul.products li.product a.button.product_type_grouped:after, .woocommerce ul.products li.product a.button.product_type_external:after, .woocommerce ul.products li.product a.button.product_type_variable:after, #sidebar .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button.wc-forward:after, .woocommerce .widget_price_filter .price_slider_amount .button:after, .single ul.products li.product .button:after, .woocommerce div.product form.cart .button:after, .woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:after, .woocommerce button.button:disabled:after, .woocommerce button.button:disabled[disabled]:after, .woocommerce-page.et_pb_button_helper_class button.button:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button.button:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Message--info .woocommerce-Button.button:after, .woocommerce .cart_totals .wc-proceed-to-checkout checkout-button.alt.wc-forward:after, .woocommerce .cart_totals .wc-proceed-to-checkout .checkout-button.alt.wc-forward:after, .woocommerce .return-to-shop .button.wc-backward:after, .woocommerce ul.products li.product .product_type_simple:after{content:"";background-color:var(--color-2)!important;position:absolute;width:100%;height:100%;top:100%;margin-left:0;left:0;z-index:-1;animation:none;transition:all .5s ease} .archive ul.products li.product a.button.product_type_simple:hover:after, .archive ul.products li.product a.button.product_type_variable:hover:after, .archive ul.products li.product a.button.product_type_external:hover:after, .archive ul.products li.product a.button.product_type_grouped:hover:after, .woocommerce ul.products li.product a.button.product_type_grouped:hover:after, .woocommerce ul.products li.product a.button.product_type_external:hover:after, .woocommerce ul.products li.product a.button.product_type_variable:hover:after, #sidebar .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button.wc-forward:hover:after, .woocommerce .widget_price_filter .price_slider_amount .button:hover:after, .single ul.products li.product:hover .button:after, .woocommerce div.product form.cart .button:hover:after, .woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:hover:after, .woocommerce button.button:disabled:hover:after, .woocommerce button.button:disabled[disabled]:hover:after, .woocommerce-page.et_pb_button_helper_class button.button:hover:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button.button:hover:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Message--info .woocommerce-Button.button:hover:after, .woocommerce .cart_totals .wc-proceed-to-checkout checkout-button.alt.wc-forward:hover:after, .woocommerce .cart_totals .wc-proceed-to-checkout .checkout-button.alt.wc-forward:hover:after, .woocommerce .return-to-shop .button.wc-backward:hover:after, .woocommerce ul.products li.product .product_type_simple:hover:after{top:0} .archive ul.products li.product a.button.product_type_variable, .archive ul.products li.product a.button.product_type_external, .archive ul.products li.product a.button.product_type_grouped, .woocommerce ul.products li.product a.button.product_type_grouped, .woocommerce ul.products li.product a.button.product_type_external, .woocommerce ul.products li.product a.button.product_type_variable{background-color: var(--color-2);} .archive ul.products li.product a.button.product_type_variable:after, .archive ul.products li.product a.button.product_type_external:after, .archive ul.products li.product a.button.product_type_grouped:after, .woocommerce ul.products li.product a.button.product_type_grouped:after, .woocommerce ul.products li.product a.button.product_type_external:after, .woocommerce ul.products li.product a.button.product_type_variabl:after{background-color: var(--color-1) !important;} .et-db #et-boc .et-l #sidebar .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button.wc-forward{color:#fff;} .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce-page.et_pb_button_helper_class button.button{display: inline-block;} .woocommerce ul.products li.first, .woocommerce-page ul.products li.first, .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .et_left_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n+1), .et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n+1){clear: unset;} /* Offer sale Label**/ .archive ul.products li.product .onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page span.onsale, .woocommerce span.onsale{border-radius: 0 !important;color:#fff;background:var(--color-1)!important;font-size:12px;font-weight:600;text-transform:uppercase;padding:5px 10px 15px!important;position:absolute;top:0!important;left:0!important;clip-path:polygon(0 0,100% 0,100% 75%,15% 75%,0 100%,0 25%)} /* Pagination **/ .woocommerce-pagination .page-numbers{display:inline-flex!important;position:relative;border:none!important} .woocommerce-pagination .page-numbers li{border-right:none!important} .woocommerce-pagination .page-numbers::before{width:100%;height:2px;background:#e8e8e8;position:absolute;top:50%;left:0;transform:translateY(-50%)} .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-pagination .page-numbers li a:hover{background:var(--color-2)!important;border-color:var(--color-2)!important;color:#fff!important} .woocommerce-pagination .page-numbers li a, .et-db #et-boc .et-l .woocommerce-pagination .page-numbers li a{color:var(--color-2)} .woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span.current{padding:5px 15px!important;margin-right:15px!important;background:#f8f8f8!important;border:1px solid #e8e8e8!important;border-radius:5px;box-shadow:0 8px 6px -9px #5b5f5f;font-size:17px!important} /* Product Tabs **/ .single .woocommerce-tabs ul.tabs.wc-tabs, .et_pb_wc_tabs ul.et_pb_tabs_controls{background: transparent !important;overflow: visible !important;} .single .woocommerce-tabs ul.tabs.wc-tabs li, .et_pb_wc_tabs ul.et_pb_tabs_controls li{overflow: hidden;border-right: none !important;background: var(--color-1) !important;} .single .woocommerce-tabs ul.tabs.wc-tabs li a, .et_pb_wc_tabs ul.et_pb_tabs_controls li a{position: relative;color:#fff;} body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a, .et_pb_wc_tabs ul.et_pb_tabs_controls li a{display: block; text-align: center;padding: 10px 25px !important;} .woocommerce div.product .woocommerce-tabs ul.tabs::before, .et_pb_wc_tabs ul.et_pb_tabs_controls:before{border:none;} .single .woocommerce-tabs ul.tabs.wc-tabs li a:before, .et_pb_wc_tabs ul.et_pb_tabs_controls li a:before{position:absolute;content:'';background:var(--color-2);width:100%;height:100%;bottom:100%;left:0;opacity:0;box-sizing:border-box;z-index:-1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;box-sizing:border-box} .single .woocommerce-tabs ul.tabs.wc-tabs li a:hover:before, .single .woocommerce-tabs ul.tabs.wc-tabs li.active a::before, .et_pb_wc_tabs ul.et_pb_tabs_controls li a:hover:before, .et_pb_wc_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a:before{bottom:0;opacity: 1;} body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a, .et_pb_wc_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a{color:#fff !important;} .et_pb_wc_tabs .et_pb_all_tabs{line-height: 27px; font-size: 14px; text-align: justify; font-weight: 400;} .woocommerce-Tabs-panel p {line-height: 30px;font-size: 13px;} .woocommerce #reviews #comments h2, .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2{font-size: 20px;font-weight: 600;} .woocommerce #review_form #respond .form-submit input{background: var(--color-1) !important; text-transform: uppercase; letter-spacing: 1px; font-size: 17px; color:#fff; font-weight: 600; border: 2px solid var(--color-1 ) !important;} .woocommerce #review_form #respond .form-submit input:hover{background: var(--color-2) !important;border: 2px solid var(--color-2 ) !important;} .woocommerce p.stars a{color:var(--color-1);} .woocommerce p.stars{margin-top: 5px;} .single .comment-form .comment-form-rating label{text-transform: capitalize;} /* Shop Sidebar **/ #sidebar{padding-left: 0;} #main-content .container::before {background-color: transparent;} .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background-color: var(--color-2);} .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce .woocommerce-ordering select{height: 40px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px !important;} .select2-container--default .select2-selection--single .select2-selection__placeholder{color: var(--color-2) !important;text-transform: capitalize;font-size: 14px;} .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{background-color: var(--color-1) !important;} .select2-results__option[aria-selected], .select2-results__option[data-selected]{font-size: 13px;} .woocommerce .woocommerce-ordering select{color: var(--color-2 ) !important;height: 40px;font-size: 13px;text-transform: uppercase;} /*Order Received Page**/ .woocommerce .woocommerce-order-overview.woocommerce-thankyou-order-details{padding: 0;} .woocommerce .woocommerce-order .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{text-align: center; background: green; color: #fff; line-height: 20px; padding-bottom: 0; padding: 10px; margin-bottom: 35px;} .woocommerce ul.order_details li {text-transform: capitalize; margin-right: 0; font-size: 16px; line-height: 35px; padding: 0 30px; text-align: center; color: var(--color-2); font-weight: 600;} .woocommerce ul.order_details li strong{font-size: 15px;font-weight: 500; color: #333;} .woocommerce .woocommerce-order p{padding: 10px; background: var(--color-1); text-align: center; color: #fff; font-size: 15px; text-transform: capitalize; margin-bottom: 25px;} .woocommerce .woocommerce-order p.woocommerce-customer-details--phone, .woocommerce .woocommerce-order p.woocommerce-customer-details--email{padding: 0;background: transparent; text-align: left; color: var(--color-2); font-size: 14px;} .woocommerce .woocommerce-customer-details address{padding: 20px 10px; color: var(--color-2); text-transform: capitalize; line-height: 30px;} .woocommerce .woocommerce-order p.woocommerce-customer-details--phone:before, .woocommerce .woocommerce-order p.woocommerce-customer-details--email:before{display:none;} .woocommerce .woocommerce-table tbody .woocommerce-table__line-item.order_item .woocommerce-table__product-name.product-name, .woocommerce table th:first-child{text-align: left;} .woocommerce .woocommerce-table tbody .woocommerce-table__line-item.order_item .woocommerce-table__product-name.product-name a{color:var(--color-2)} #woocommerce_top_rated_products-2 ul.product_list_widget li a:hover, #sidebar ul.product_list_widget li span.product-title:hover{color:var(--color-1)} .woocommerce-review-link, .woocommerce-page div.product p.price, .woocommerce div.product p.price, .woocommerce .lost_password a, .et_pb_wc_add_to_cart .grouped_form .woocommerce-grouped-product-list a{color:var(--color-2) !important;} .et_pb_wc_add_to_cart form.cart .group_table td{padding: 10px !important; line-height: 50px; text-align: center; font-size: 15px; color: #232323; border: 1px solid rgba(40,61,88,.1) !important;} .et_pb_wc_add_to_cart form.cart .group_table{margin-bottom: 20px;} @media only screen and (max-width :480px){.et_pb_wc_related_products ul.products.columns-3 li.product{width:100% !important;}} @media only screen and (max-width : 980px){.woocommerce ul.order_details li{float: none; border-right: none; text-align: left;padding: 0;}} /* ===== PRODUCT SINGLE PAGE ======*/ .et_pb_wc_description .et_pb_module_inner p{font-weight:400;font-size:14px;line-height:25px;text-align:justify} .et_pb_wc_add_to_cart .et_pb_module_inner .cart .quantity{float:left!important} form.cart table .woocommerce-grouped-product-list-item__quantity div.quantity{margin:0!important} form.cart .variations td select{height:50px;line-height:39px;background:var(--color-2);color:#fff!important;text-transform:capitalize;font-weight:700;font-size:12px} .woocommerce div.product form.cart .variations td select{border-radius: 20px; height: 40px; background-color: #fff; border: 1px solid #aaa !important; box-sizing: border-box; cursor: pointer; font-size: 13px;line-height: 28px; color: #232323 !important;} .et_pb_wc_add_to_cart form.cart .variations td.value span::after {top: 31px;} .et_pb_wc_add_to_cart .price bdi{display:none;} .single .woocommerce div.product form.cart .variations{margin-bottom:0px;} /** Woo Responsive **/ @media only screen and (max-width : 480px) { .et_pb_shop ul.products.columns-4 li.product{width: 100% !important; margin-right: 0 !important;}}