/*--------------------------------------------------------------------------------- Theme Name: DIVI Handyman Theme URI: http://divihandyman.divi-childthemes.com Description: A perfect solution for creating professional website for Renovation Services, such as plumbing, carpentry, home repair, windows & doors installation, heating, air conditioning and solar system services and other Handyman related services on your website. Author: Divi-Childthemes.com Author URI: http://www.divi-childthemes.com Template: Divi Version: 1.0.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* ================================================== */ /** * Color Options * General * Slider * Hero-Background * Blurb * Call-To-Action * Testimonials * PricingTable * Team * Counter * Tab * Client-Logo * Blog * Footer * Bottom Bar * Scroll Top Button **/ /* ======================= Color Style =========================*/ :root { --color-1:#5f315f; --color-2:#000; } /* ======================= Client V1 =========================*/ #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:-7%} #dct_client .owl-next{position:absolute;right:0} #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{max-width: 150px; padding-top: 35px; padding-bottom: 35px; 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-2);box-shadow: 0 0 8px 0 var(--color-2);} @media only screen and (max-width : 1299px) { #dct_client .owl-next{position: absolute;right: -7%;}} /* ======================= Client V2 =========================*/ #dct_client_v2 .owl-controls{width:100%;position:absolute;top:38%;margin-top:auto} #dct_client_v2 .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_v2 .owl-prev{position:absolute;left:-7%} #dct_client_v2 .owl-next{position:absolute;right:0} #dct_client_v2 .owl-next::after,#dct_client_v2 .owl-prev::after{content: "\23"; font-family: ETmodules !important; font-size: 20px; font-weight: 900;} #dct_client_v2 .owl-next::after{content:"\24"} #dct_client_v2 .own-item .et_pb_image_wrap img{border: 2px solid var(--color-1);padding: 5px;} #dct_client_v2 .own-item{max-width: 150px; padding-top: 35px; padding-bottom: 35px; transition: transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms;} #dct_client_v2 .own-item:hover{transform: translateX(0px) translateY(-27px);} #dct_client_v2 .own-item .et_pb_image_wrap:hover img{border: 2px solid #fff;box-shadow: 0 0 8px 0 #fff;} @media only screen and (max-width : 1299px) { #dct_client_v2 .owl-next{position: absolute;right: -7%;}} /* ======================= Client V3 =========================*/ #dct_client_v3 .owl-controls{width:100%;position:absolute;top:38%;margin-top:auto} #dct_client_v3 .owl-controls .owl-buttons div{display: inline-block; width: 40px; height: 40px; line-height: 35px; background: var(--color-2); color: #fff; border-radius: 0; margin-right: 5px; opacity: 1;} #dct_client_v3 .owl-prev{position:absolute;left:-7%} #dct_client_v3 .owl-next{position:absolute;right:0} #dct_client_v3 .owl-next::after,#dct_client_v3 .owl-prev::after{content: "\23"; font-family: ETmodules !important; font-size: 20px; font-weight: 900;} #dct_client_v3 .owl-next::after{content:"\24"} #dct_client_v3 .own-item .et_pb_image_wrap img{border: 2px solid #fff;padding: 5px;} #dct_client_v3 .own-item{max-width: 150px; padding-top: 35px; padding-bottom: 35px; transition: transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms;} #dct_client_v3 .own-item:hover{transform: translateX(0px) translateY(-27px);} #dct_client_v3 .own-item .et_pb_image_wrap:hover img{border: 2px solid var(--color-2);box-shadow: 0 0 8px 0 var(--color-2);} @media only screen and (max-width : 1299px) { #dct_client_v3 .owl-next{position: absolute;right: -7%;}} /* ======================= General =========================*/ .parallax_bg_overrely .et_parallax_bg:before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.6); } .dct_title_line .et_pb_text_inner h3 { font-size: 24px; font-weight: 600; letter-spacing: 0px; margin-bottom: 30px; padding-bottom: 20px; color: #000000; position: relative; } .dct_title_line .et_pb_text_inner h3:before { bottom: -2px; content: ''; height: 5px; left: 0; position: absolute; width: 35px; background-color: #e74216; z-index: 1; } .dct_title_line .et_pb_text_inner h3:after { bottom: 0; content: ''; height: 2px; left: 0; background-color: #ffc527; position: absolute; width: 120px; } /* ======================= Title =========================*/ .dct_title { position:relative; display:inline-block; padding:0; overflow:hidden; float:none; width:auto; margin-bottom:15px; } .dct_title p { display:inline-block; position:relative; margin:0; font-size:0; line-height:normal; margin:0 15px; padding:0 10px } .dct_title p::before { background-color:var(--color-1) } .dct_title p::after, .dct_title p::before { bottom:-1 !important; top:auto!important } .dct_title h3::after, .dct_title h3::before, .dct_title p::after, .dct_title p::before { content:""; position:absolute; width:1000px; height:1px; background-color:var(--color-1); right:100%; top:2px; bottom:-1px; margin:auto } .dct_title h3::after, .dct_title p::after { left:100%; right:auto } .dct_title p::after { background-color:var(--color-1) } .dct_title h2 { border-color:var(--color-1); font-size:30px; font-weight:700; margin-bottom:0; display:block; padding:25px; border-left:1px solid; color:#000; letter-spacing:0; border-left-color:var(--color-1); border-right:1px solid; border-right-color:var(--color-1); text-transform:uppercase; margin:-7px 0 -12px } .dct_title h3 { letter-spacing: 1px; font-family: 'Josefin Sans', Helvetica, Arial, Lucida, sans-serif; text-transform: capitalize; font-weight:500; position:relative; padding:0 10px; display:inline-block; font-size:14px; margin:0 15px; color:var(--color-1); } .dct_title h3::before { background-color:var(--color-1) } @media only screen and (max-width : 480px) { .dct_title h2 { font-size: 22px; } } /* ======================= Header =========================*/ .dct_header { background-color:#000 !important; padding: 30px 0; } .dct_header .header-content { margin-right: 0% !important } .dct_header .header-content h1 { text-align: center; text-transform: uppercase; font-size: 40px; padding-bottom:0; font-weight: 700; } @media only screen and (max-width : 480px) { .dct_header {padding: 0px ;} .dct_header .header-content h1 {font-size: 30px; } } /* ======================= Top bar =========================*/ .et-fixed-header #top-menu li.current-menu-item > a { color:var(--color-1) !important; } #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a { color:var(--color-1) !important; } #top-menu li a { font-size: 14px; } #top-menu li .sub-menu { border-color:var(--color-1) !important; } #top-menu li .sub-menu li a::before { content: "\e035"; position: absolute; height: 0px; left: 0px; top: 5px; text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; } #top-menu li li a { padding: 5px 0px; padding-left: 25px; } #top-menu li li { padding: 0px 20px; } #top-menu ul li a:hover { opacity: 1; background-color: transparent; color: var(--color-1) !important; } #top-menu li.mega-menu > ul > li > a:first-child {padding-top: 5px !important;padding-left: 25px;} .et_mobile_menu li li a::before { content: "\e035"; font-family: ETmodules !important; font-weight: 400; margin-right: 7px; } .cta_menu { text-align: center; background: var(--color-1); } .cta_menu a { padding:10px 20px !important; color: #fff; } .cta_menu span.text_phone { position: absolute; top: -25px; width: 100%; left: 0px; font-weight: 700; font-size: 18px; background: var(--color-2); display: block; padding: 10px; color: #fff; } .cta_menu .phone_number { font-size: 30px; font-weight: 700; color: #fff; } .book-appointment { background: var(--color-2); padding: 5px 30px !important; margin-bottom: 5px; text-transform: uppercase; } .book-appointment a { padding-bottom: 0px !important; } .book-appointment a:hover { opacity:1; } @media (min-width: 1024px) and (max-width: 1170px) { .cta_menu {display:none !important;} } @media (min-width: 981px) and (max-width: 1200px) { #top-menu li {padding-right:3px;} .cta_menu span.text_phone {font-size: 15px;} .cta_menu .phone_number { font-size: 20px; } } @media only screen and (max-width:980px) { .cta_menu span.text_phone { position: relative; top: 0px; color: #fff; } .cta_menu a { background: var(--color-1); text-align: center !important; } .cta_menu a:hover { background: var(--color-2) !important; } .et_mobile_menu li.book-appointment a { background: var(--color-2); color: #fff !important; text-align: center !important; margin-top: -5px !important; } .et_mobile_menu li.book-appointment a:hover { background: var(--color-1) !important; opacity:1; } } /* @media (min-width: 981px) and (max-width: 1200px) { .cta_menu .phone_number { font-size:20px; } } */ /* @media (min-width: 981px) { #et-top-navigation, #top-menu-nav, #top-menu { width: 100%; } #top-menu { display: flex; } #top-menu li { display: flex; flex: 1 1 auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #et-top-navigation { padding-top: 0px !important; padding-left: 350px !important; } @media (min-width: 981px) { .et_fullwidth_nav #main-header .container { padding-right: 0px; }} .cta_menu { text-align: center; } .cta_menu a { margin: 0 auto; } .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a { padding-bottom: 15px !important; padding-top: 13px; } .cta_menu span.text_phone { padding-bottom: 15px !important; display: inline-block; color:#fff !important; } .cta_menu .phone_number { font-size:30px; color:#fff !important; }} @media (min-width: 981px) and (max-width: 1200px) { .cta_menu .phone_number { font-size:20px; } #et-top-navigation { padding-left: 200px !important; } #logo { max-height: 50% !important; }} .nav li ul.sub-menu { position: absolute; padding: 20px 0; top: 110px; } #et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after { top: unset !important; } .et-fixed-header #logo { max-height: 100% !important; position: relative; } @media only screen and (max-width:980px){ #main-header .container { background-image:none!important; } } */ /* ======================= How to Work =========================*/ .dct_work { text-align: center; position: relative; } .dct_work .et_pb_blurb_content .et_pb_main_blurb_image { width: 100%; display:block; position: relative; } .dct_work .et_pb_blurb_content .et_pb_main_blurb_image::before { position: absolute; content: ""; display: block; width: 100%; height: 1px; border-top: 1px dashed; top: 50%; border-color: var(--color-1); transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .dct_work.quarter .et_pb_blurb_content .et_pb_main_blurb_image::before { width: 50%; right: 0; } .dct_work.full .et_pb_blurb_content .et_pb_main_blurb_image::before { width: 50%; left: 0; } .dct_work .et_pb_blurb_content .et_pb_main_blurb_image::after { position: absolute; content: "\24"; font-family: ETmodules !important; display: block; color: var(--color-2); top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -50px; font-size: 34px; font-weight: 900; z-index: 1; } .dct_work.full .et_pb_blurb_content .et_pb_main_blurb_image::after { opacity:0; } .dct_work .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background-color: var(--color-1); } .dct_work .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .dt-sc-icon-box.type6 .et_pb_blurb_content .et_pb_main_blurb_image, .dt-sc-icon-box.type7 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { border-color: #fff; } .dct_work .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { position: relative; display: inline-block; font-size: 46px; line-height: 110px; position: relative; border: 10px solid; width: 130px; height: 130px; text-align: center; color: #222; border-radius: 50%; z-index: 9; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; transition: all .3s linear 0s; } .dct_work.quarter .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { top: 5px; left: 5px; border-radius: 54px 0 0 0; -moz-border-radius: 54px 0 0 0; -webkit-border-radius: 54px 0 0 0; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; transition: all .3s linear 0s; } .dct_work.quarter .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after, .dct_work.half .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after, .dct_work.three-quarter .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after, .dct_work.full .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { background: #fff; content: ""; position: absolute; display: block; width: 54px; height: 54px; z-index: -1; } .dct_work.quarter:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after, .dct_work.half:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after, .dct_work.three-quarter:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::before, .dct_work.full:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { background: rgba(0, 0, 0, 0.25); } .dct_work.quarter:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { top: 0; left: 0; width: 60px; height: 60px; } .dct_work:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background-color: var(--color-1); color: #fff; border-color: var(--color-2); } .dct_work.half .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { top: 5px; left: 5px; width: 100px; border-radius: 54px 54px 0 0; -moz-border-radius: 54px 54px 0 0; -webkit-border-radius: 54px 54px 0 0; } .dct_work.half:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { top: 0; left: 0; width: 110px; height: 60px; } .dct_work.three-quarter .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { content: ""; position: absolute; display: block; width: 52px; height: 52px; bottom: 3px; left: 3px; border-radius: 0 0 0 54px; -moz-border-radius: 0 0 0 54px; background-color: var(--color-1); -webkit-border-radius: 0 0 0 54px; z-index: -1; } .dct_work.three-quarter:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { bottom: 0; left: 0; background-color: var(--color-1); } .dct_work.three-quarter .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::before { content: ""; position: absolute; display: block; width: 100px; height: 100px; bottom: 5px; left: 5px; border-radius: 54px; -moz-border-radius: 54px; -webkit-border-radius: 54px; background: #fff; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; z-index: -1; transition: all .3s linear 0s; } .dct_work.three-quarter:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::before { bottom: 0; left: 0; width: 110px; height: 110px; } .dct_work.full .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { bottom: 5px; right: 5px; width: 100px; height: 100px; border-radius: 54px; -moz-border-radius: 54px; -webkit-border-radius: 54px; } .dct_work.full:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon::after { bottom: 0; right: 0; width: 110px; height: 110px; } .dct_work .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 24px; margin-bottom: 5px; font-weight: 600; text-align:center; color: #000000; } .dct_work .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { margin: 20px 0 0; text-align:center; font-weight: 400; line-height: 24px; color: #777777; clear: both; } @media only screen and (max-width : 980px) { .dct_work.quarter .et_pb_blurb_content .et_pb_main_blurb_image::before, .dct_work .et_pb_blurb_content .et_pb_main_blurb_image::before, .dct_work .et_pb_blurb_content .et_pb_main_blurb_image::after { display: none; } } /* ======================= Slider =========================*/ .dct_slider_v1 .et_pb_slide_title { font-size:36px; line-height:50px; font-weight:300; color:#fff; text-transform:uppercase; background-color:var(--color-2); transition:none 0s ease 0s; border-width:0; line-height:80px; padding:10px; display:initial; } .dct_slider_v1 .et_pb_slide_content h1 { display:inline-block; font-size:80px; line-height:80px; font-weight:700; color:#fff; text-transform:uppercase; background-color:var(--color-1); padding:0px 10px 0px 10px !important; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important; margin-top:10px; } .dct_slider_v1 .et_pb_slide_content p { position:relative; display:inline-block; color:#3c3950 !important; visibility:inherit; opacity:1; transform:translate3d(0, 0, 0); transform-origin:50% 50% 0; font-size:24px; line-height:36px; font-weight:300; margin-top:25px; color:#1a1828 } .dct_slider_v1 .et-pb-arrow-next, .dct_slider_v1 .et-pb-arrow-prev{background: var(--color-2); padding: 15px; font-size: 30px;} .dct_slider_v1 .et-pb-arrow-next:hover, .dct_slider_v1 .et-pb-arrow-prev:hover{background:var(--color-1);} .dct_slider_v1:hover .et-pb-arrow-prev{left:0;} .dct_slider_v1:hover .et-pb-arrow-next{right:0;} @media only screen and (max-width :480px){ .dct_slider_v1 .et_pb_slide_content p{font-size: 18px;} .dct_slider_v1 .et-pb-arrow-next, .dct_slider_v1 .et-pb-arrow-prev{padding:5px;}} @media only screen and (max-width :980px) { .dct_slider_v1 .et_pb_container { width:100% } .dct_slider_v1 .et_pb_slide_title { font-size:15px!important; line-height:50px; } .dct_slider_v1 .et_pb_slide_content h1 { font-size:30px; line-height:55px } } /* ======================= Slider V2 =========================*/ .dct_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { font-size: 25px; line-height: 17px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: 1px; margin-bottom: 30px; text-transform: uppercase; } .dct_slider_v2 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size: 103px; padding-bottom:0 !important; font-weight: 700; padding:20px; display: inline-block; border: 10px solid #fff; color: rgb(255, 255, 255); letter-spacing: 5px; text-transform: uppercase; } .dct_slider_v2 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size: 56px; line-height: 48px; font-weight: 700; margin-top: 25px; color: rgb(255, 255, 255); letter-spacing: 1px; text-transform: uppercase; } @media only screen and (max-width : 480px) { .dct_slider_v2 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size: 16px; line-height: 45px; padding: 5px; display: block; } .dct_slider_v2 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size: 30px; line-height: 25px; } .dct_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { margin-bottom: 10px; } } @media only screen and (min-width: 481px) and (max-width: 980px) { .dct_slider_v2 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size: 50px; } .dct_slider_v2 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size: 45px; } } /* ======================= Slider V3 =========================*/ .dct_slider_v3 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { font-size: 25px; line-height: 17px; font-weight: 700; color: var(--color-1) !important; letter-spacing: 6px; margin-bottom: 30px; text-transform: uppercase; } .dct_slider_v3 .et_pb_slide_description { padding: 16% 0%; } .dct_slider_v3 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size: 103px; font-weight: 700; padding-bottom: 0 !important; padding:20px; display: inline-block; border: 10px solid #fff; color: rgb(255, 255, 255); letter-spacing: 5px; text-transform: uppercase; } .dct_slider_v3 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size: 60px; line-height: 48px; font-weight: 700; margin-top: 40px; color: var(--color-1) !important; color: rgb(255, 255,255); letter-spacing: 6px; text-transform: uppercase; } @media only screen and (max-width : 480px) { .dct_slider_v3 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size: 20px; line-height: 30px; padding: 5px; display: block; } .dct_slider_v3 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size: 30px; line-height: 35px; } .dct_slider_v3 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { margin-bottom: 10px; } } @media only screen and (min-width: 481px) and (max-width: 980px) { .dct_slider_v3 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size: 50px; } .dct_slider_v3 .et_pb_slider_container_inner .et_pb_slide_content h5 { font-size: 45px; } } /* ======================= Slider V4 =========================*/ .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description { padding: 16% 0%; } .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title, .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 { font-weight: 700; text-transform: uppercase; font-size: 110px; color: #ffffff !important; line-height: 100px; text-align: left; text-shadow: 0em 0em 0.7em rgba(0, 0, 0, 0.4); } .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button { color: #ffffff !important; border-color: #000; border-radius: 5px; text-transform: capitalize; font-size: 17px; background-color: #000; } .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:hover { border-color: var(--color-1); background-color:var(--color-1); } @media only screen and (max-width : 480px) { .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title, .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 { font-size: 42px;line-height:50px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title, .dct_slider_v4 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 { font-size: 90px; } } /* ======================= Slider V5 =========================*/ .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { font-weight: 300; font-size: 20px; color: #ffffff !important; letter-spacing: 7px; line-height: 1.3em; text-align: center; } .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-weight: 800; font-size: 70px; text-transform: uppercase; color: #ffffff !important; letter-spacing: 4px; line-height: 1.3em; border-bottom: 5px solid; text-align: center; } .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_content h1 span { color:var(--color-1); } .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_content p { font-weight: 300; font-size: 16px; line-height: 1.8em; margin-top: 16px; } .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button { background: var(--color-1); border-radius: 5px; text-transform: capitalize; font-size: 17px; border-color: var(--color-1); } .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:hover { background-color:#fff; border-color: #fff; color:var(--color-2); } @media only screen and (max-width : 480px) { .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { font-size:14px !important; } .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_content h1 span {font-size:20px;} .dct_slider_v5 .et_pb_slider_container_inner .et_pb_slide_content h1 { font-size: 30px; line-height: 50px; } } /* ======================= Slider V6 =========================*/ .dct_slider_v6 .et_pb_slider_container_inner .et_pb_slide_description { padding: 16% 0%; } .dct_slider_v6 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { font-weight: 700 !important; text-transform: uppercase; font-size: 50px; color: #ffffff; line-height: 1.8em; text-align: left; } .dct_slider_v6 .et_pb_slider_container_inner .et_pb_slide_content p { text-align: left; font-weight: 300; line-height: 30px; letter-spacing: 1px; max-width: 650px; font-size: 15px; } .dct_slider_v6 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button { background: var(--color-1); text-transform: capitalize; font-size: 17px; border-color: var(--color-1); border-radius: 5px; } .dct_slider_v6 .et-pb-controllers { bottom: 0%; } @media only screen and (max-width : 980px) { .dct_slider_v6 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button { float:none; } } /* ======================= About us =========================*/ .dct_about_exp_v1 { margin:0; padding:20px 10px; font-size:120px; line-height:110px; font-weight:700; color:var(--color-1) } .dct_about_exp_v1 .et_pb_text_inner h5 { position:absolute; left:150px; top:10px; font-size:50px; font-weight:700 } .dct_about_text_v1 { font-size:18px } .dct_about_blurb_v1 .et_pb_blurb_content { max-width:100% } .dct_about_blurb_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background: var(--color-2); color: #fff; padding: 15px; font-size: 30px; border-radius: 5px; } @media only screen and (max-width :980px) { .dct_about_exp_v1 .et_pb_text_inner h5 { position:relative; left:0; top:0; font-size:35px; } .dct_about_exp_v1 { font-size:80px; } } /* ======================= Counter =========================*/ .dct_counter_v1 { padding:70px; } .dct_counter_1_v1 { background:var(--color-1)!important; } .dct_counter_2_v1 { background:var(--color-2)!important; } .dct_counter_3_v1 { background:var(--color-1)!important; } @media only screen and (max-width :980px) { .dct_counter_v1 { padding:30px; } } /* ======================= Services V1 =========================*/ .dct_service_v1 .et_pb_blurb { margin-bottom: 5.27% !important; } .dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { overflow: hidden; position: relative; } .dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); top: 0; left: 0; opacity: 0; z-index: 1; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } .dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:hover .et_pb_image_wrap:before { opacity: 1; } .dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img { -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; transition: all .9s ease; } .dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image:hover .et_pb_image_wrap img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 20px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; } .dct_service_v1 .et_pb_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:var(--color-1); } .dct_service_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color: #777777; font-weight: 400; line-height: 24px; } .dct_service_v1 .et_pb_button { background: var(--color-1); color: #fff; font-size: 16px; font-weight: 500; border-radius: 10px; } .dct_service_v1 .et_pb_button:hover { background:var(--color-2); } /* ======================= Services =========================*/ .dct_service_v2 { text-align:center; padding:40px 16px 30px; border:1px solid transparent; transition:all .3s ease 0s; position:relative; z-index:1 } .dct_service_v2:after, .dct_service_v2:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; transition:all .5s ease 0s } .dct_service_v2:after { border-bottom:1px solid #fff; border-top:1px solid #fff; transform:scaleX(0); transform-origin:0 100% 0; z-index:-1 } .dct_service_v2:before { border-left:1px solid #fff; border-right:1px solid #fff; transform:scaleY(0); transform-origin:100% 0 0; z-index:-1 } .dct_service_v2:hover:after { transform:scaleX(1) } .dct_service_v2:hover:before { transform:scaleY(1) } .dct_service_v2 .et_pb_blurb_content .et_pb_main_blurb_image { border: 2px solid var(--color-1); padding: 20px; border-radius: 50%; background: #fff; } .dct_service_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size:20px; font-weight:700; text-transform:uppercase; color:#fff; margin:0 0 10px 0; transition:all .5s ease 0s; text-align:center } .dct_service_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after { content:""; display:block; width:0; height:3px; margin:0 auto; position:relative; top:15px; background:var(--color-1); transition:all .3s ease-in-out 0s } .dct_service_v2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after { width:70px } .dct_service_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color:#fff; text-align:center; font-weight:400; line-height:28px; transition:all .5s ease 0s } @media only screen and (max-width:990px) { .dct_service_v2 { margin-bottom:30px } } @media only screen and (max-width:767px) { .dct_service_v2 { min-height:300px } } @media only screen and (max-width:479px) { .dct_service_v2 { min-height:320px } } /* ======================= Services V3 =========================*/ .dct_service_v3 .et_pb_blurb_content { max-width:100%; } .dct_service_v3 .et_pb_blurb_content .et_pb_main_blurb_image { border-radius: 50%; background-color: transparent; width: 100px; display: block; height: 100px; color: var(--color-1); border: 2px solid rgba(255, 255, 255, .5); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .dct_service_v3:hover .et_pb_blurb_content .et_pb_main_blurb_image { box-shadow: 0 0 20px var(--color-1); } .dct_service_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img { padding:25px; } .dct_service_v3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { letter-spacing: .05em; color: #fff; line-height: 25px; font-size: 20px; font-weight: 700; text-transform: uppercase; } .dct_service_v3:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--color-1) !important; } .dct_service_v3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color: #fff; line-height: 25px; font-weight: 400; text-align: justify; } @media only screen and (max-width:479px) { .dct_service_v3 .et_pb_blurb_content {padding: 15px 10px 15px 0px;} } /* ======================= Services V4 =========================*/ .dct_service_v4::before { width: 2px; height: 65%; } .dct_service_v4 { border: 2px solid var(--color-1); } .dct_service_v4::before { background-color: var(--color-1); } .dct_service_v4 .et_pb_blurb_content .et_pb_main_blurb_image::before { width: 2px; height: 50%; border: 0; } .dct_service_v4.top-left .et_pb_blurb_content .et_pb_blurb_container, .dct_service_v4.bottom-left .et_pb_blurb_content .et_pb_blurb_container { padding-left: 30%; } .dct_service_v4.top-right .et_pb_blurb_content .et_pb_blurb_container, .dct_service_v4.bottom-right .et_pb_blurb_content .et_pb_blurb_container { padding-right: 30%; text-align: right; } .dct_service_v4 .et_pb_blurb_content { max-width:100%; padding: 60px 0px 30px; } .dct_service_v4 .et_pb_blurb_content .et_pb_main_blurb_image img { margin:auto; position:absolute; left:0; right:0; top:0; bottom:0 } .dct_service_v4::after { width:70%; height:2px; -webkit-transition:all .3s linear 0s; -moz-transition:all .3s linear 0s; -o-transition:all .3s linear 0s; -ms-transition:all .3s linear 0s; transition:all .3s linear 0s } .dct_service_v4 .et_pb_blurb_content .et_pb_main_blurb_image { position:absolute; border:2px solid var(--color-1); min-width:25%; margin-bottom:0; height:50%; -webkit-transition:all .3s linear 0s; -moz-transition:all .3s linear 0s; -o-transition:all .3s linear 0s; -ms-transition:all .3s linear 0s; transition:all .3s linear 0s } .dct_service_v4::after { width: 70%; height: 2px; background-color: var(--color-1); } .dct_service_v4:hover .et_pb_blurb_content .et_pb_main_blurb_image { background-color: var(--color-1); } .dct_service_v4::before, .dct_service_v4::after, .dct_service_v4 .et_pb_blurb_content .et_pb_main_blurb_image::before { position: absolute; content: ""; display: block; margin: auto; } .dct_service_v4.top-left:hover::after, .dct_service_v4.top-right:hover::after, .dct_service_v4.bottom-left:hover::after, .dct_service_v4.bottom-right:hover::after { width: 75%; } .dct_service_v4.top-left:hover .et_pb_blurb_content .et_pb_main_blurb_image, .dct_service_v4.top-right:hover .et_pb_blurb_content .et_pb_main_blurb_image { top: 0; background-color: var(--color-1); height: 100%; } .dct_service_v4.top-left { border-top: 0; border-left: 0; } .dct_service_v4.top-left::before { left: 0; bottom: 0; } .dct_service_v4.top-left::after { right: 0; top: 0; } .dct_service_v4.top-left .et_pb_blurb_content .et_pb_main_blurb_image { border-left: 0; left: 0; top: -15%; } .dct_service_v4.top-left .et_pb_blurb_content .et_pb_main_blurb_image::before { left: 0; top: 0; right: auto; } .dct_service_v4.top-right { border-top: 0; border-right: 0; } .dct_service_v4.top-right::before { right: 0; bottom: 0; } .dct_service_v4.bottom-left:hover .et_pb_blurb_content .et_pb_main_blurb_image, .dct_service_v4.bottom-right:hover .et_pb_blurb_content .et_pb_main_blurb_image { bottom: 0; height: 100%; } .dct_service_v4.bottom-left { border-bottom: 0; border-left: 0; } .dct_service_v4.bottom-left::before { left: 0; top: 0; } .dct_service_v4.bottom-left .et_pb_blurb_content .et_pb_main_blurb_image { border-left: 0; bottom: -15%; left: 0; top: auto; } .dct_service_v4.bottom-left .et_pb_blurb_content .et_pb_main_blurb_image::before { left: 0; bottom: 0; top: auto; right: auto; } .dct_service_v4.bottom-left::after { right: 0; background-color: var(--color-1); bottom: 0; } .dct_service_v4.top-right .et_pb_blurb_content .et_pb_main_blurb_image { border-right: 0; right: 0; top: -15%; } .dct_service_v4.top-right .et_pb_blurb_content .et_pb_main_blurb_image::before { right: 0; top: 0; left: auto; } .dct_service_v4.top-right::after { left: 0; background-color: var(--color-1); top: 0; } .dct_service_v4.bottom-right { border-bottom: 0; border-right: 0; } .dct_service_v4.bottom-right::before { right: 0; top: 0; } .dct_service_v4.bottom-right::after { left: 0; bottom: 0; } .dct_service_v4.bottom-right .et_pb_blurb_content .et_pb_main_blurb_image { border-right:0; right:0; bottom:-15%; top:auto } .dct_service_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 20px; margin-bottom: 5px; font-weight: 600; color: var(--color-2); letter-spacing: 1px; } .dct_service_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h4 { padding:0 0 15px 0; font-size:20px; font-weight:800; text-transform:uppercase; letter-spacing:0; color:#000; transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; -webkit-transition:all .3s linear } .dct_service_v4:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h4 { color:var(--color-1); } .dct_service_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p { color: #777777; font-weight: 400; line-height: 24px; } @media only screen and (max-width : 980px) { .dct_service_c1 { margin-bottom:70px; } } /* ======================= Services V5 =========================*/ .dct_service_v5 { padding:0 20px; text-align:center; border:1px solid #ccc; margin:50px 0; position:relative; transition:all .3s linear 0s } .dct_service_v5:before { top:0; left:0; border-top:5px solid var(--color-1); border-left:5px solid var(--color-1) } .dct_service_v5:after { bottom:0; right:0; border-bottom:5px solid var(--color-1); border-right:5px solid var(--color-1) } .dct_service_v5:hover:after, .dct_service_v5:hover:before { width:20%; height:20%; opacity:1 } .dct_service_v5:after, .dct_service_v5:before { content:""; width:15%; height:15%; position:absolute; transition:all .5s ease 0s } .dct_service_v5 .et_pb_blurb_content .et_pb_main_blurb_image { display:inline-block; width:100px; height:90px; border-radius:5px; background:var(--color-1); font-size:35px; color:#fff!important; font-weight:900; margin:-45px 0 30px; position:relative; transition:all .3s linear 0s } .dct_service_v5:hover .et_pb_blurb_content .et_pb_main_blurb_image { background: #fff; color: var(--color-1) !important; z-index: 999; } .dct_service_v5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{padding:5px;} .dct_service_v5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img { padding:15px; width: 70px; } .dct_service_v5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after { content:""; border-top:10px solid var(--color-1); border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); transition:all .3s linear 0s } .dct_service_v5:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:after { border-top-color:#fff; } .dct_service_v5 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size:18px; color:#fff; text-align:center; margin:0 0 12px; transition:all .3s ease 0s; text-transform:uppercase; font-weight:900 } .dct_service_v5:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:var(--color-1) } .dct_service_v5 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-weight: 400; text-align:center; color:#fff; margin-bottom:20px; line-height:25px } @media only screen and (max-width:767px) { .dct_service_v5 { margin-bottom:80px } } /* ======================= Services Details =========================*/ #dct_service_detail ul.side-nav { border: 0; overflow: hidden; counter-reset: side-nav-counter; list-style-position: inside; list-style-type: square; } #dct_service_detail ul.side-nav li { counter-increment: side-nav-counter; padding-left: 30px; background: #f7f7f7; display: block; position: relative; border: 0; margin-bottom: 7px; } #dct_service_detail ul.side-nav 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; } #dct_service_detail ul.side-nav li.current_page_item::before { background-color: var(--color-2); } #dct_service_detail ul.side-nav li.current_page_item::after { color:#fff; } #dct_service_detail ul.side-nav li.current_page_item a::after { right:0; background-color: var(--color-1); } #dct_service_detail ul.side-nav li:before { color: #000; content: ''; display: block; 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); } #dct_service_detail ul.side-nav li:hover:before { background-color: var(--color-2); } #dct_service_detail ul.side-nav li a:after { content: ''; height: 100%; position: absolute; right: -10px; background-color: var(--color-2); top: 0; width: 5px; z-index: 9; } #dct_service_detail ul.side-nav li a:hover:after { background-color: var(--color-1); } #dct_service_detail ul.side-nav li a:hover:after, #dct_service_detail ul.side-nav li.current_page_item { right: 0; } #dct_service_detail ul.side-nav li:after { color: #000; 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; } #dct_service_detail ul.side-nav li:hover:after { color:#fff; } #dct_service_detail .et_pb_text_inner h2 { font-size: 24px; font-weight: 600; letter-spacing: 0px; background-color: var(--color-1); color: #222; padding: 15px 20px; } #dct_service_detail .et_pb_text_inner .circle_blt { padding: 20px; text-align: left; } #dct_service_detail .et_pb_text_inner .circle_blt li { display: block; font-size: 13px; position: relative; display: flex; color: #fff; } #dct_service_detail .et_pb_text_inner .circle_blt li:before { content: "\45"; font-family: ETmodules !important; color:var(--color-1); font-size: 20px; } #dct_service_detail .et_pb_text_inner .dct_bd { border: 3px solid var(--color-1); margin-bottom: 15px; margin-top: 15px; } #dct_service_detail .et_pb_contact p input { background:#fff; border: 1px solid #e5e5e5; } #dct_service_detail .et_pb_contact_select { background:#fff; border: 1px solid #e5e5e5; } #dct_service_detail .et_pb_contact p textarea { background:#fff; border: 1px solid #e5e5e5; } #dct_service_detail .et_contact_bottom_container { float: none; width: 100%; padding-right: 3%; } #dct_service_detail .et_contact_bottom_container .et_pb_button { background: var(--color-1); color: #fff; text-transform: capitalize; font-size: 17px; border-radius: 5px; width: 100%; } #dct_service_detail .et_contact_bottom_container .et_pb_button:hover{background:var(--color-2);} #dct_service_detail .et_pb_contact_main_title { font-size: 24px; font-weight: 600; color: #000000; margin-bottom: 30px; padding-bottom: 20px; position: relative; } #dct_service_detail .et_pb_contact_main_title:before { bottom: -2px; content: ''; height: 5px; left: 0; position: absolute; width: 35px; z-index: 1; background-color: #e74216; } #dct_service_detail .et_pb_contact_main_title:after { bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 120px; background-color: #ffc527; } #dct_service_detail .dct_fancy_list li { margin-bottom: 20px; line-height: 25px; font-weight: 400; text-align: justify; display: flex; } #dct_service_detail .et_pb_text_inner .dct_fancy_list li:before { content: "\45"; font-family: ETmodules !important; color:var(--color-1); font-size: 20px; } /* ======================= Services Details V2 =========================*/ #dct_service_detail_v2 #dct_service_detail_v2 .et_pb_text_inner .menu_list { list-style: none; padding: 0; margin: 0; } #dct_service_detail_v2 .et_pb_text_inner .menu_list li:first-child { margin-top: 0; } #dct_service_detail_v2 .et_pb_text_inner .menu_list li { margin-top:10px; display: block; } #dct_service_detail_v2 .et_pb_text_inner .menu_list li a { display: block; background: var(--color-2); padding: 18px; color: #FFF; font-size: 15px; text-transform: uppercase; line-height: 24px; } #dct_service_detail_v2 .et_pb_text_inner .menu_list li.current_menu a, #dct_service_detail_v2 .et_pb_text_inner .menu_list li:hover a { background: var(--color-1); } #dct_service_detail_v2 .et_pb_text_inner .menu_list li a:after { float: right; color: #fff; font-size: 20px; font-family: ETmodules !important; line-height: 1; content: "\35"; } #dct_service_detail_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { border: 1px solid var(--color-2); padding: 25px; border-radius: 50%; font-size: 35px; color: var(--color-1); } #dct_service_detail_v2 .et_pb_blurb_content .et_pb_blurb_container { text-align:center !important; } #dct_service_detail_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-weight:300; } #dct_service_detail_v2 .et_pb_button_module_wrapper .et_pb_button { background: var(--color-1); color: #fff; border-radius: 5px; font-size: 17px; } #dct_service_detail_v2 table { border-collapse: collapse; border: none !important; } #dct_service_detail_v2 table tr:nth-child(2n+1) { background: #F5F5F5; color: #444; } #dct_service_detail_v2 table td:first-child, table th:first-child { text-align: right; border-left: none; } #dct_service_detail_v2 table td, #dct_service_detail_v2 table th { padding: 18px 30px !important; font-size: 14px; font-weight: normal; line-height: 24px; } #dct_service_detail_v2 table td, #dct_service_detail_v2 table th { border-left: 1px solid #E2E6E7; } #dct_service_detail_v2 caption, #dct_service_detail_v2 th, td { text-align: left; font-weight: normal; } /* ======================= Why us =========================*/ .dct_why_us_sec_v1 { background:var(--color-2) } .dct_why_us_sec_v1 .dct_title_v1 .et_pb_text_inner p { color:#fff; font-size:14px } .dct_why_us_sec_1_v1 .dct_title_v1 .et_pb_text_inner p { font-size:14px } .dct_why_us_sec_v1 .dct_title_v1 .et_pb_text_inner h1 strong { color:#fff!important } .dct_why_us_accordion_v1 .et_pb_toggle_close h5, .dct_why_us_accordion_v1 .et_pb_toggle_title::before { color:var(--color-1)!important; font-weight:400 } .dct_why_us_accordion_v1 { border-radius:6px; background-color:#fff; padding:1.2vw 2vw 1.3vw } .dct_why_us_accordion_v1 .et_pb_toggle_close h5 { font-size:16px; line-height:25px; font-weight:400; letter-spacing:.05em; text-transform:uppercase; color:#222!important } .dct_why_us_accordion_v1 .et_pb_toggle_content p { color:#5f727f; line-height:25px; font-weight:400 } .dct_why_us_accordion_v1 .et_pb_toggle_close { background:0, 0 } .dct_why_us_accordion_v1 .et_pb_toggle_open h5 { text-transform:uppercase; letter-spacing:.05em; line-height:25px; font-weight:700; font-size:14px } .dct_why_us_accordion_v1 .et_pb_toggle_close h5:before { content:"\59"!important; font-family:ETmodules!important } .dct_why_us_accordion_v1 .et_pb_toggle_open h5:before { content:"\58"!important; display:block!important; margin-top:-16px; color:var(--color-2)!important; font-family:ETmodules!important } .dct_request_quote_v1 .et_contact_bottom_container .et_pb_button { background:#fff!important; border-color:#fff!important; color:#222!important } @media only screen and (max-width :980px) { #whychoose .dct_title_v1 .et_pb_text_inner h1 { font-size:40px } } @media only screen and (max-width :980px) { #whychoose .dct_title_v1 .et_pb_text_inner h1 { font-size:30px; line-height:40px } } /* ======================= Portfolio =========================*/ .dct_project_v1 .et_pb_portfolio_item .et_overlay { background-color:transparent; border:none; z-index:111; } .dct_project_v1 .et_pb_portfolio_item .et_overlay::before { color:transparent; } .dct_project_v1 .et_pb_portfolio_filters li a { border-radius:0; padding:15px; color:var(--color-1); font-size:15px; text-transform:uppercase; font-weight:500 } .dct_project_v1 .et_pb_portfolio_filters li a:hover { background:var(--color-2); color:#fff } .dct_project_v1 .et_pb_portfolio_filters li a.active { color:#fff!important; background-color:var(--color-1) } .dct_project_v1 .et_pb_portfolio_item { text-align:center; position:relative } .dct_project_v1 .et_pb_portfolio_item:before { content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:var(--color-1); opacity:0; z-index:1; transition:all .5s ease 0s } .dct_project_v1 .et_pb_portfolio_item:hover:before { opacity:.6 } .dct_project_v1 .et_pb_portfolio_item:after { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; border:2px solid #fff; transform:scale(0); opacity:0; z-index:1; transition:all 1s ease 0s } .dct_project_v1 .et_pb_portfolio_item:hover:after { opacity:1; transform:scale(1) } .dct_project_v1 .et_pb_portfolio_item .et_portfolio_image { margin-bottom:0 } .dct_project_v1 .et_pb_portfolio_item .et_portfolio_image img { width:100%; height:auto; transition:all .5s ease 0s } .dct_project_v1 .et_pb_portfolio_item .post-meta { padding:15px; color:#fff; position:absolute; top:45%; left:0; right:0; opacity:0; z-index:1; transform:translate(0, -50%); transition:all 1s ease 0s } .dct_project_v1 .et_pb_portfolio_item:hover .post-meta { opacity:1 } .dct_project_v1 .et_pb_portfolio_item .post-meta a { display:inline-block; font-size:14px; font-style:italic; color:#fff; letter-spacing:2px } .dct_project_v1 .et_pb_portfolio_item .et_pb_module_header { color:#fff; position:absolute; top:50%; left:0; text-transform:uppercase; right:0; opacity:0; z-index:1; transition:all 1s ease 0s } .dct_project_v1 .et_pb_portfolio_item:hover .et_pb_module_header { opacity:1 } @media only screen and (min-width:768px) { .dct_project_v1 .et_pb_portfolio_filters ul { text-align:center } .dct_project_v1 .et_pb_portfolio_filters ul li { display:inline-block; float:none!important; margin-left:10px } } @media only screen and (min-width:767px) and (max-width:980px) { .dct_project_v1 .et_pb_portfolio_item .et_pb_module_header { font-size:20px } } /* ======================= Call-to-action =========================*/ .dct_cta_v1 h1 { display:inline-block; vertical-align:middle; margin:0; color:#fff; font-size:100px; line-height:100px; letter-spacing:.05em; font-weight:700 } .dct_cta_v1 h1 strong { color:var(--color-1)!important } .dct_cta_v1 h2 { margin-bottom: 35px; display:block; text-align:center; background-color:var(--color-1); max-width:640px; margin:auto; font-size:50px; line-height:50px; font-weight:700; text-transform:uppercase; padding:10px; padding-bottom: 0; margin-bottom: 25px; } .dct_cta_v1 p { text-align:center; max-width:770px; margin:auto; font-size:20px; line-height:37px } @media only screen and (max-width :980px) { .dct_cta_v1 h1 { font-size:50px; line-height:70px } .dct_cta_v1 h2 { font-size:36px } } /* ======================= Team Section =========================*/ .dct_team_v1 { text-align:center; overflow:hidden; position:relative; border:2px solid var(--color-1) } .dct_team_v1 .et_pb_team_member_image img { width:100%; height:auto } .dct_team_v1 .et_pb_team_member_image { float:none; max-width:100%; width:auto } .dct_team_v1 .et_pb_team_member_description { width:100%; background:var(--color-1); color:#fff; padding:15px 0 10px 0; position:absolute; bottom:0; left:0; z-index:1; -webkit-transition:all .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_v1 .et_pb_team_member_description:before { content:""; width:60%; height:38px; background:var(--color-1); position:absolute; top:-15px; -webkit-transform:rotate(15deg); -moz-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg); z-index:-1; left:-3%; -webkit-transition:all .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_v1 .et_pb_team_member_description:after { content:""; width:60%; height:38px; background:var(--color-1); position:absolute; top:-15px; z-index:-1; right:-3%; -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -ms-transform:rotate(-15deg); transform:rotate(-15deg); -webkit-transition:all .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_v1:hover .et_pb_team_member_description { padding-bottom:64px } .dct_team_v1:hover .et_pb_team_member_description:before { top:0; -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } .dct_team_v1:hover .et_pb_team_member_description:after { top:0; -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } .dct_team_v1:hover .et_pb_member_social_links { bottom:0 } .dct_team_v1 .et_pb_team_member_description .et_pb_module_header { text-transform: uppercase; font-size:20px; font-weight:600; margin:0 0 7px 0; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff } .dct_team_v1 .et_pb_team_member_description .et_pb_member_position { display:block; font-size:16px; text-transform:capitalize; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff } .dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links { list-style:none; padding:0 0 15px 0; margin:0; position:absolute; bottom:-51px; right:0; left:0; background:#000; -webkit-transition:all .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_v1:hover .et_pb_team_member_description .et_pb_member_social_links { bottom:0 } .dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li { display:inline-block } .dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a { display:block; font-size:16px; color:#fff; margin-right:6px; padding-top:9px; -webkit-transition:all .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_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover { color:var(--color-1) } .dct_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:last-child a { margin-right:0 } @media only screen and (min-width:768px) and (max-width:980px) { .dct_team_v1 .et_pb_team_member_image { width:100%!important } } @media (max-width:991px) { .dct_team_v1 .et_pb_team_member_description:before { top:-11px } } @media (max-width:767px) { .dct_team_v1 .et_pb_team_member_description:before { top:-10px } } @media (max-width:991px) { .dct_team_v1 .et_pb_team_member_description:after { top:-11px } } @media (max-width:767px) { .dct_team_v1 .et_pb_team_member_description:after { top:-10px } } @media (max-width:1199px) { .dct_team_v1 .et_pb_team_member_description .et_pb_module_header { font-size:16px } } @media (max-width:980px) { .dct_team_v1 { max-width:400px!important; margin:0 auto 30px auto } } @media only screen and (max-width :980px) { #team_v1 .dct_title_v1 .et_pb_text_inner h1 { font-size:35px; line-height:38px } } /* ======================= Testimonial Section =========================*/ .dct_testi_sec_v1 { background:var(--color-1) } .dct_testi_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img { width:100px; height:auto; border-radius:50% } .dct_testi_v1 .et_pb_slide .et_pb_slide_description { padding:5% 8% } .dct_testi_v1 .et-pb-controllers { bottom:0 } .dct_testi_v1 .et-pb-arrow-next::before, .dct_testi_v1 .et-pb-arrow-prev::before { background:var(--color-2); font-size:35px } @media only screen and (max-width :980px) { .dct_testi_v1 .et_pb_slide_with_image .et_pb_slide_description { float:none } } /* ======================= Call-to-action : 2 =========================*/ .dct_cta_sec_2_v1 { background:var(--color-2) } .dct_cta_2_h1_v1 .et_pb_text_inner h1 { font-size:50px!important; text-transform:uppercase; letter-spacing:.05em; font-weight:700; color:#fff } .dct_cta_2_desc_v1 .et_pb_text_inner p { font-weight:400; color:#fff } .dct_cta_2_btn_v1:hover { background-color:#fff!important; color:var(--color-2)!important } @media only screen and (max-width :980px) { .dct_cta_2_h1_v1 .et_pb_text_inner h1 { text-align:center; font-size:35px!important } .dct_cta_2_btn_v1 { text-align:center } .dct_cta_sec_2_v1 .et_pb_button_module_wrapper { text-align:center } } /* ======================= footer =========================*/ #footer-info { padding:7px 0; margin:0; color:#fff; font-size:14px; font-weight:300; line-height:26px; border-top:1px solid var(--color-1); margin-top:15px } #footer-info a { font-weight:500; color:#fff!important; transition:all .5s ease } #footer-info a:hover { color:var(--color-1) !important; } #footer-bottom { padding:16px 0 } #footer-bottom .container { text-align:center } #footer-bottom .et-social-icons { overflow:hidden; float:none; padding:0px!important } #footer-bottom .et-social-icons li { display:inline-block; margin-right:0 } #footer-bottom .et-social-icons li:last-child { margin-right:0 } #footer-bottom .et-social-icons li a { background:var(--color-1); height:40px; width:40px; border:2px solid var(--color-1); display:block; color:#fff; font-size:14px; text-align:center; line-height:38px; transition:all .5s ease; border-radius:5px; margin-bottom:10px; } #footer-bottom .et-social-icons li a:hover { background:#000; color:#fff; border-color:#fff; } #footer-info { float:none; text-align:center } #footer-info, #footer-info a { font-weight:400; font-style:normal; text-transform:uppercase; text-decoration:none } /* ======================= footer V1 =========================*/ #dct_footer_v1 .et_pb_text_inner h3 { font-size: 20px; font-weight: 600; letter-spacing: 0px; line-height: 30px; text-align: left; text-transform: uppercase; color: #ffffff; display: initial; padding-bottom: 20px; position: relative; } #dct_footer_v1 .et_pb_text_inner h3:before { bottom: 0; content: ''; display: inline-block; height: 3px; left: 0; background-color: #fff; position: absolute; width: 50px; transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; } #dct_footer_v1 .et_pb_text_inner h3 strong { color:var(--color-1); } #dct_footer_v1 .et_pb_text_inner h3:hover:before { width: 100%; background-color: var(--color-1); } #dct_footer_v1 .et_pb_button { color: #000; font-size: 17px; background-color: var(--color-1); border-radius: 5px; cursor: pointer; position: relative; } #dct_footer_v1 .et_pb_text_inner ul { list-style-type: none; } #dct_footer_v1 .et_pb_text_inner ul li { padding-bottom: 10px; } #dct_footer_v1 .et_pb_text_inner ul li a { color:#fff; font-weight: 400; font-size: 13px; } #dct_footer_v1 .et_pb_text_inner ul li a:hover { cursor:pointer; color:var(--color-1); } #dct_footer_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1); font-size: 25px; } #dct_footer_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color:#fff; } #dct_footer_v1 .et_pb_blurb { margin-bottom: 9.174%; } #dct_footer_v1 .et_pb_text_inner .menu_list li::before { border: none; color: var(--color-1); content: "\45"; display: inline-block; font-family: ETmodules !important; font-size: 15px; margin-right: 10px; padding: 0; } /* ======================= Footer V2 =========================*/ #dct_footer_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1); } #dct_footer_v2 .et_pb_text_inner .dct_menu { list-style-type:none; margin:0; padding:0 } #dct_footer_v2 .et_pb_text_inner .dct_menu li { display:inline-block; width:calc(50% - 3px); float:none; padding:0 0 22px 0 } #dct_footer_v2 .et_pb_text_inner .dct_menu li a { display:inline-block; font-size:14px; font-weight:300; letter-spacing:.5px; position:relative; color:rgba(255, 255, 255, 1); -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_footer_v2 .et_pb_text_inner .dct_menu li a:hover { color:var(--color-1) } #dct_footer_v2 .et_pb_text_inner .dct_menu li a:before { content:"\e04e"; font-family:ETmodules!important; color:var(--color-1); margin-right:10px } #dct_footer_v2 .et_pb_text_inner h3 { font-size:20px; font-weight:600; letter-spacing:0; line-height:30px; text-align:left; text-transform:uppercase; color:#fff; margin-bottom:25px; padding-bottom:20px; position:relative } #dct_footer_v2 .et_pb_text_inner h3 strong { color:var(--color-1) } #dct_footer_v2 .et_pb_text_inner h3::before { bottom:0; content:''; display:inline-block; height:3px; left:0; background-color:#fff; position:absolute; width:50px; transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; -webkit-transition:all .3s linear } #dct_footer_v2 .et_pb_text_inner h3:hover::before { width:50%; background-color:var(--color-1) } #dct_footer_v2 .et_pb_text_inner .dct_sale { padding:25px; border:1px dashed; text-align:center; padding-top:40px } #dct_footer_v2 .et_pb_text_inner .dct_sale h4 { font-size:25px; color:#fff; font-weight:300; text-transform:uppercase } #dct_footer_v2 .et_pb_text_inner .dct_sale h4 strong { font-weight:700; font-size:70px; padding:10px; color:var(--color-1) } #dct_footer_v2 .et_pb_text_inner .dct_sale p span { color:var(--color-1); padding-left:5px } #dct_footer_v2 .et_pb_text_inner .dct_sale p { letter-spacing:1px } #dct_footer_v2 .et_pb_text_inner .dct_sale h5 { color:#fff; letter-spacing:1px; margin-top:14px } #dct_footer_v2 .et_pb_social_media_follow li a.icon { width:35px; height:35px; border-radius:5px; background-color:var(--color-1)!important } #dct_footer_v2 .et_pb_social_media_follow li a.icon::before { width:35px; height:35px } #dct_footer_v2 .et_pb_social_media_follow li a.icon:hover { background-color:var(--color-2)!important } @media only screen and (max-width : 480px) { #dct_footer_v2 .dct_menu li { width: calc(100% - 3px); } #dct_footer_v2 .et_pb_text_inner .dct_sale h4 { font-size: 25px; } #dct_footer_v2 .et_pb_text_inner .dct_sale h4 strong { font-size: 45px; } } /* ======================= General =========================*/ .dct_title_v2 .et_pb_text_inner h6 { color: var(--color-1); line-height: 25px; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; } .dct_title_v2 .et_pb_text_inner h1 { color: #2e2f39; line-height: 69px; font-size: 50px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; } .dct_btn_v2 { border-radius: 5px; background-color: var(--color-1); color: #fff; font-weight: 700; display: inline-block; text-transform: capitalize; font-size: 14px; border-color: var(--color-1); padding: .5em 1.1em; } .dct_btn_v2:hover { background-color: var(--color-2) !important; color:var(--color-1) !important; padding: .5em 1.1em !important; } /* ======================= About us =========================*/ .dct_about_text_v2 .dct_number { margin: 0; padding: 20px 10px; font-size: 110px; line-height: 110px; border: 6px solid #2e2f39; color: var(--color-1); font-weight: 700; border-radius: 5px; } .dct_about_text_v2 .dct_text { display: inline-block; font-size: 50px; padding-left: 20px; font-weight: 700; vertical-align: middle; text-align: left; margin: 0; line-height: 56px; color: #2e2f39; } .dct_about_text_v2 .et_pb_text_inner P { line-height: 37px; font-size: 24px; font-weight: 300; color: #262626; } @media only screen and (max-width : 480px) { .dct_about_text_v2 .dct_text { font-size: 30px; line-height: 45px; padding-left: 0; } .dct_about_text_v2 .dct_number { padding: 0px 10px; font-size: 60px; line-height: 80px; } } .dct_about_text_v2.light .dct_text { color:#fff; } .dct_about_text_v2.light .et_pb_text_inner P { color:#fff; } .dct_about_blurb_v1.light .et_pb_module_header { color: #fff; font-weight: 700; } .dct_about_blurb_v1.light .et_pb_blurb_description { color: #fff; } /* ======================= About us Page V1 =========================*/ .dct_abt_p_1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background: var(--color-1); padding: 17px; border-radius: 5px; color: #fff; } .dct_abt_p_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 20px; letter-spacing: 2px; font-weight: 500; } .dct_abt_p_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { line-height: 35px; font-size: 16px; font-weight: 300; text-transform: capitalize; } .dct_abt_p_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p strong { color:var(--color-2); } /* ======================= About us Page V2 =========================*/ .dct_abt_p_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { font-size:25px; color: var(--color-1); } .dct_abt_p_2 .et_pb_blurb_content .et_pb_blurb_container { padding-left:5px; } .dct_abt_p_2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-weight: 400; color: #777; font-size: 18px; } .dct_abt_p_2 .et_pb_button { background: var(--color-1); color: #fff; font-weight: 400; font-size: 17px; border-radius: 5px; } .dct_abt_p_2 .et_pb_button:hover { background-color:var(--color-2); } /* ======================= About us Page V3 =========================*/ .dct_abt_p_3 .et_pb_social_media_follow li a.icon { background-color: var(--color-1) !important; width: 40px; height: 40px; border-radius: 5px; } .dct_abt_p_3 .et_pb_social_media_follow li a.icon:hover { background-color: var(--color-2) !important; } .dct_abt_p_3 .et_pb_social_media_follow li a.icon::before { width: 40px; line-height: 40px; } /* ======================= About us Page V4 =========================*/ .dct_abt_p_4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--color-1); } .dct_abt_p_4 .et_pb_button_module_wrapper .et_pb_button { background: var(--color-1); color: #fff; border-color: transparent; border-radius: 5px; font-size: 17px; text-transform: capitalize; } /* ======================= About us Page V5 =========================*/ .dct_abt_p_5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { font-size: 30px; width: 70px; height: 70px; background: var(--color-1); line-height: 70px; color: #fff; border-radius: 50%; margin-top: 10px; } .dct_abt_p_5 .et_pb_blurb { background:var(--color-2); border-radius: 5px; } .dct_abt_p_5 .et_pb_blurb .et_pb_blurb_content { max-width:100%; padding: 10px 15px; } .dct_abt_p_5 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container { text-align:center !important; } .dct_abt_p_5 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { margin-bottom: 10px; font-weight: 500; color:#fff; text-transform: capitalize; letter-spacing: 1px; } .dct_abt_p_5 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-weight: 300; color: aliceblue; padding: 10px; } .dct_abt_p_51 .et_pb_blurb_content .et_pb_blurb_container { padding-left:0; } /* ======================= FAQ V1 =========================*/ .dct_faq_v1 .et_pb_toggle_open { border:none; padding: 0px; } .dct_faq_v1 .et_pb_toggle_close { padding: 0px; background:#fff; } .dct_faq_v1 .et_pb_toggle_content.clearfix p { font-size: 15px; font-weight: 300; text-align: justify; padding: 5px; } .dct_faq_v1 .et_pb_toggle_open h5.et_pb_toggle_title { font-size: 20px; text-transform: uppercase; font-weight: 500; color: #fff; background: var(--color-2); padding: 15px; } .dct_faq_v1 .et_pb_toggle_close h5.et_pb_toggle_title { font-size: 20px; letter-spacing: 1px; padding: 20px; } .dct_faq_v1 .et_pb_toggle_close h5::before { content: "\4c"; background: var(--color-2); color: #fff; margin-top: -15px; padding: 5px; right: 15px; font-size: 20px; } .dct_faq_v1 .et_pb_toggle_open h5::before { content: "\4b" !important; display: block !important; color: #fff !important; padding: 5px; background: var(--color-1); font-size: 20px; right: 15px; font-family: ETmodules !important; margin-top: -15px; } .dct_faq_v1 .et_pb_blurb { border: 1px solid var(--color-2); padding: 15px; } .dct_faq_v1 .et_pb_blurb .et_pb_blurb_content { max-width:100%; text-align:left; } .dct_faq_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: #fff; font-size: 25px; background: var(--color-1); border-radius:5px; padding: 10px; } .dct_faq_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size:20px; } .dct_faq_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-weight: 300; letter-spacing: 1px; } /* ======================= FAQ V2 =========================*/ .dct_faq_v2 .et_pb_toggle_open { padding:0; margin-bottom: 15px !important; } .dct_faq_v2 .et_pb_toggle_close { padding:0; margin-bottom: 15px !important; } .dct_faq_v2 .et_pb_toggle { border:none; } .dct_faq_v2 .et_pb_toggle_close h5, .dct_faq_v2 .et_pb_toggle_title::before { color:var(--color-1)!important; font-weight:400 } .dct_faq_v2 .et_pb_toggle_close h5 { padding: 20px; font-size:16px; font-weight:300; letter-spacing:.05em; text-transform:uppercase; color:#222!important } .dct_faq_v2 .et_pb_toggle_content p { color:#777; line-height:25px; font-weight:400 } .dct_faq_v2 .et_pb_toggle_close { background:0, 0 } .dct_faq_v2 .et_pb_toggle_open h5 { text-transform:uppercase; letter-spacing:1px; font-weight:700; font-size:15px; padding: 20px; } .dct_faq_v2 .et_pb_toggle_content { padding: 20px; padding-top: 0; } .dct_faq_v2 .et_pb_toggle_close h5:before { font-size: 25px; left: -15px; right: auto; content:"\e04e"; font-family:ETmodules!important } .dct_faq_v2 .et_pb_toggle_open h5:before { font-size: 25px; left: -15px; right: auto; content:"\e04c"; display:block!important; color:var(--color-1); font-family:ETmodules!important; } .dct_faq_v2 .et_pb_contact p input, .dct_faq_v2 .et_pb_contact p textarea { background:#fff; border: 1px solid; } .dct_faq_v2 .et_contact_bottom_container { width:100%; float:none; padding-right: 3%; } .dct_faq_v2 .et_contact_bottom_container .et_pb_button { background: var(--color-1); width: 100%; color: #fff; margin: 0 0 0 9px; font-size: 17px; border-radius: 5px; } /* ======================= Counter =========================*/ .dct_counter_v1_img .dct_img_cnt .et_pb_image_wrap { width: 100%; clear: both; position: relative; margin-bottom: 0; padding: 0 35px; top: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } .dct_counter_v1_img .dct_img_cnt .et_pb_image_wrap:after { position: absolute; content: ""; display: block; height: 10px; width: 10px; bottom: -46px; left: 0; right: auto; right: 0; margin: 0 auto; border-radius: 50%; background-color: #fff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } .dct_counter_v1_img .percent p { font-size: 30px; font-weight: 500; } .dct_counter_v1_img .percent { margin-top: 40px; padding-top: 15px; position: relative; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } .dct_counter_v1_img .percent:before { left: 0; right: -35%; margin: 0 auto; background-color: var(--color-1); position: absolute; content: ""; display: block; height: 2px; width: 25%; top: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } .dct_counter_v1_img .percent:after { right: 0; left: -35%; margin: 0 auto; background-color: var(--color-1); position: absolute; content: ""; display: block; height: 2px; width: 25%; top: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; } .dct_counter_v1_img .dct_cnt_hover:hover .percent:before, .dct_counter_v1_img .dct_cnt_hover:hover .percent:after { width: 15%; } .dct_counter_v1_img .percent-value:after { content:'+'; } .dct_counter_v1_img .title { margin-top: -7px; text-transform: uppercase; font-weight: 500; } /* ======================= Counter V3 =========================*/ .dct_counter_v3 .percent { margin-bottom: 50px !important; } .dct_counter_v3 .percent .percent-value { width: 100px; height: 100px; display: inline-block; background: var(--color-1); border-radius: 50%; font-size: 50px; line-height: 100px; color: #fff; font-weight: 800; } .dct_counter_v3 .title { text-transform: uppercase; text-align: center; display: inline-block; letter-spacing: 1px; font-weight: 500; color: #fff; } /* ======================= Why us =========================*/ .dct_why_us_v2 .dct_title_v2 .et_pb_text_inner h1 { margin-bottom: 20px; } .dct_why_us_v2 .dct_title_v2 .et_pb_text_inner p { color: #3c3950; line-height: 25px; font-size: 17px; font-weight: 400; } .dct_why_us_v2 .dct_bar .et_pb_counter_container { background-color: #000; width: 80%; } .dct_why_us_v2 .dct_bar .et_pb_counter_amount { background-color: var(--color-1); line-height: 1em; } .dct_why_us_v2 .et_pb_counter_title { text-transform: uppercase; color: #000; font-weight: 700; } @media only screen and (max-width : 480px) { .dct_title_v2 .et_pb_text_inner h1 { line-height: 45px; font-size: 35px; } } @media only screen and (min-width: 481px) and (max-width: 980px) { .dct_title_v2 .et_pb_text_inner h1 { font-size: 40px; line-height: 40px; } } /* ======================= why choose us =========================*/ .dct_why__sec_v2 .et_pb_text_inner h1 span { color: var(--color-1); font-size: 70px; float: left; font-weight: 700; line-height: 70px; } .dct_why__sec_v2 .et_pb_text_inner h1 strong { font-size: 19px; font-weight: 700; line-height: 35px; text-transform: uppercase; color: #fff; } .dct_why__sec_v2 .et_pb_text_inner p { display: table-cell; text-align: justify; font-size: 16px; padding-left: 15px; line-height: 25px; color: #cbcbd3; } /* ======================= Pricing Tables V1 =========================*/ .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table { padding:100px 0 20px; border:1px solid var(--color-1); text-align:center; position:relative; transition:all .5s ease 0s } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading { background:0, 0 } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title { width:100%; padding:10px 0; background:var(--color-1); border:1px solid #000; font-weight:800; color:#fff; text-transform:uppercase; position:absolute; top:-59px; left:-15px; transition:all .5s ease 0s } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title:after { content:""; border-top:15px solid #000; border-left:15px solid transparent; border-bottom:15px solid transparent; position:absolute; bottom:-30px; left:-1px; transition:all .5s ease 0s } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top { padding-bottom:30px; border-bottom:none } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price { font-size:50px; color:#25283d; margin-bottom:40px } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency { display:block; font-size:14px; color:var(--color-1); line-height:0; text-transform:capitalize } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign { font-size:45px; color:#25283d; margin-bottom:40px; margin-left:-18px!important } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum { font-size:50px; color:#25283d; margin-bottom:40px; font-weight:500; position:relative; top:-14px; left:8px } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content { padding:0; margin-bottom:15px } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li { font-size:17px; color:#25283d; line-height:45px; text-align:center; padding:10px; border-bottom:1px solid #ddd } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span::before { content:none } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li:nth-child(odd) { background:var(--color-1); color:#fff } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li:first-child { border-top:1px solid #ddd } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button { color: #fff; border-radius: 5px; font-size: 17px; text-transform: uppercase; background: var(--color-1); font-weight: 700; border-color: var(--color-1); z-index: 99999; } .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{margin-top:30px;} .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover { background-color:var(--color-1)!important; color:#fff!important } @media only screen and (max-width:990px) { .dct_pricing_v1 .et_pb_pricing_table_wrap .et_pb_pricing_table { margin-bottom:30px } } /* ======================= Pricing Table V2 =========================*/ .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table { padding: 30px 0; text-align: center; position: relative; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign { font-size: 30px; color: var(--color-1); font-weight: 600; margin-left: -5px !important; top: 29px; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum { font-size: 70px; color: var(--color-1); font-weight: 600; position: relative; left: 12px; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency { color: #fff; font-weight: 500; position: relative; text-transform: lowercase; left: 13px; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span::before { content:none; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top { padding-bottom:0px; border-bottom:none; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover { background: #f7fcfb; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table:before, .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table:after { content: ""; display: block; width: 100%; height: 70px; border: 2px solid var(--color-1); position: absolute; left: -2px; transition: all 0.3s ease 0s; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table:before { top: 0; border-bottom: none; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table:after { bottom: 0; border-top: none; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover:before, .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover:after { height: 50%; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading { background:0, 0; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title { font-weight: 700; color: #333; text-transform: uppercase; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top { padding: 20px 0; background: #2e2f39; font-size: 40px; color: #fff; margin-bottom: 20px; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content { list-style: none; padding: 0; margin: 0 0 20px 0; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li { color: #333; text-align:center; padding: 10px; line-height: 40px; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button { color: #fff; border-radius: 5px; font-size: 17px; text-transform: uppercase; background: var(--color-1); font-weight:700; border-color: var(--color-1); z-index: 99999; } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper:hover .et_pb_button { background-color:var(--color-2);border-color:var(--color-2);} .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li:nth-child(2n) { background: #ddd } .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li:before { content: "\39"; font-family: ETmodules !important; color: var(--color-1); text-align: center; padding-right: 5px; font-weight: 900; } @media only screen and (max-width: 980px) { .dct_pricing_v2 .et_pb_pricing_table_wrap .et_pb_pricing_table { max-width: 550px !important; margin: 0 auto; } } /* ======================= Call-to-action =========================*/ .dct_cta_v2 h2 { padding-right:15px; } .dct_cta_v2 h1 { display:inline-block; vertical-align:middle; margin:0; color:#fff; font-size:100px; line-height:100px; letter-spacing:.05em; font-weight:700 } .dct_cta_v2 h1 strong { color:var(--color-1)!important; display: inline-block; vertical-align: middle; margin-top: 25px; border: 7px solid var(--color-1); padding: 0px 26px; } .dct_cta_v2 p { text-align:center; max-width:770px; margin:auto; font-size:20px; line-height:37px; margin-top: 45px; font-weight: 300; } @media only screen and (max-width :980px) { .dct_cta_v2 h1 { font-size:50px; line-height:70px } } @media only screen and (max-width : 980px) { .dct_cta_v2 h1 strong { display: block; } } .dct_cta_sec_v2 { background:var(--color-1); } .dct_cta_sec_v2 .title-h3.call24 .dct_text { line-height: 36px; font-size: 28px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; text-align: center; color: #ffffff; vertical-align: middle; position: relative; top: -30px; } .dct_cta_sec_v2 .dct_number { font-size: 80px; font-weight: 700; line-height: 90px; text-transform: uppercase; text-align: center; display: inline-block; margin: 0; padding-left: 20px; letter-spacing: 6px; } .dct_cta_sec_v2 .dct_call { display: inline-block; border: 7px solid #fff; padding: 20px; } @media only screen and (max-width : 480px) { .dct_cta_sec_v2 .dct_number { letter-spacing: 0.52px; font-size: 26px; line-height: 30px; padding-left: 0; display: block; } } @media only screen and (min-width: 481px) and (max-width: 980px) { .dct_cta_sec_v2 .dct_number { font-size: 45px; display: block; } } @media only screen and (max-width : 980px) { .dct_cta_sec_v2 .title-h3.call24 .dct_text { top:0; } } /* ======================= Team Section =========================*/ .dct_team_v2 { text-align: center; border: 1px solid var(--color-2); position: relative; } .dct_team_v2:after { content: ""; width: 100%; height: 100%; background:var(--color-1); position: absolute; top: 0; left: 0; opacity: 0.8; transform: scale(0); transition: all 0.5s ease 0s; } .dct_team_v2:hover:after { transform: scale(1); visibility:visible; } .dct_team_v2 .et_pb_team_member_image { width: 100%; max-width:100%; } .dct_team_v2 .et_pb_team_member_image img { width: 100%; height: auto; } .dct_team_v2 .et_pb_team_member_description { width: 75%; background: #fff; padding: 20px; margin: 0 auto; border: 1px solid var(--color-1); position: absolute; bottom: -60px; left: 0; right: 0; z-index: 1; padding-bottom: 0; transition: all 0.3s ease 0s; } .dct_team_v2:hover .et_pb_team_member_description { background-color:#2e2f39 } .dct_team_v2 .et_pb_team_member_description .et_pb_module_header { font-size: 16px; font-weight: 700; color: #444; text-transform: uppercase; } .dct_team_v2:hover .et_pb_team_member_description .et_pb_module_header { color:var(--color-1); } .dct_team_v2 .et_pb_team_member_description .et_pb_member_position { display: block; color: #999; text-transform: capitalize; } .dct_team_v2:hover .et_pb_team_member_description .et_pb_member_position { color:#fff; } .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links { padding: 0; margin: 0; list-style: none; opacity: 0; transform: scale(0); transition: all 0.5s ease 0s; } .dct_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links { opacity: 1; padding-bottom: 20px; transform: scale(1); } .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li { display: inline-block; transition: all 0.5s ease 0s; } .dct_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links li { margin: 20px 4px 0; } .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a { display: block; font-size:15px; font-weight: 600; color: var(--color-1); transition: all 0.5s ease 0s; } .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover { color: #fff; } @media only screen and (max-width:990px) { .dct_team_v2 { margin-bottom: 80px !important; margin: 0 auto; max-width: 400px; } } @media only screen and (min-width: 768px) and (max-width: 980px) { .dct_team_v2 .et_pb_team_member_description { bottom: -477px; } } /* ======================= Timeline V1 =========================*/ .dct_m_timeline { position:relative } .dct_m_timeline:before { content:""; width:5px; height:100%; border-radius:20px; margin:0 auto; background:#242922; position:absolute; top:0; left:0; right:0 } .dct_m_timeline .dct_timeline { display:inline-block; margin-bottom:50px!important; position:relative } .dct_m_timeline .dct_timeline:before { content:""; width:20px; height:20px; border-radius:50%; border:4px solid #fff; background:var(--color-1); position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%, -50%) } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image { display:inline-block; width:130px; height:130px; border-radius:50%; border:3px solid var(--color-1); padding:13px; text-align:center; position:absolute; top:16%; left:-45%; transform:translateY(-50%) } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { display:block; border-radius:50%; background:var(--color-1); font-size:50px; color:#fff; line-height:100px; z-index:1; position:relative } .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:""; width:100px; height:4px; background:var(--color-1); position:absolute; top:50%; right:-100px; transform:translateY(-50%) } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:after { width:70px; height:50px; background:#fff; top:89px; right:-30px } .dct_m_timeline .dct_timeline .et_pb_blurb_content { width:50%; padding:0 60px; margin:52px 0 0; float:right; max-width:100%; bottom:-7px; position:relative } .dct_m_timeline .dct_timeline .et_pb_blurb_content:before { content:""; width:70%; height:100%; border:3px solid var(--color-1); border-top:none; border-right:none; position:absolute; bottom:-16px; left:35px } .dct_m_timeline .dct_timeline .et_pb_blurb_content:after { content:""; width:37px; height:3px; background:var(--color-1); position:absolute; top:13px; left:0 } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size:20px; font-weight:600; color:var(--color-1); text-transform:uppercase; margin:0 0 5px } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-weight: 400; display:inline-block; font-size:16px; color:#404040; line-height:20px; letter-spacing:1px; margin:0 } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image { left:auto; right:-45% } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:before { right:auto; left:-100px } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:after { right:auto; left:-30px } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content { float:left } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content:before { left:auto; right:35px; transform:rotateY(180deg) } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content:after { left:auto; right:0 } /* ======================= Timeline V2 =========================*/ .dct_m_timeline.dark .dct_timeline .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color:#fff } .dct_m_timeline.dark .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image::after { background:#222 } .dct_m_timeline.dark::before { background-color:#fff } /* ======================= Timeline V3 =========================*/ .dct_m_timeline.color .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .dct_m_timeline.color .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:before, .dct_m_timeline.color .dct_timeline .et_pb_blurb_content:after, .dct_m_timeline.color .dct_timeline:before { background:#0c85e7 } .dct_m_timeline.color .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image { border-color:#0c85e7 } .dct_m_timeline.color .dct_timeline .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:#0c85e7 } .dct_m_timeline.color .dct_timeline .et_pb_blurb_content:before { border-left-color:#0c85e7; border-bottom-color:#0c85e7 } .dct_m_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .dct_m_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image:before, .dct_m_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content:after, .dct_m_timeline.color .dct_timeline:nth-child(2n):before { background:#ff0092 } .dct_m_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image { border-color:#ff0092 } .dct_m_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:#ff0092 } .dct_m_timeline.color .dct_timeline:nth-child(2n) .et_pb_blurb_content:before { border-left-color:#ff0092; border-bottom-color:#ff0092 } .dct_m_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .dct_m_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content .et_pb_main_blurb_image:before, .dct_m_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content:after, .dct_m_timeline.color .dct_timeline:nth-child(3n):before { background:#f73757 } .dct_m_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content .et_pb_main_blurb_image { border-color:#f73757 } .dct_m_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:#f73757 } .dct_m_timeline.color .dct_timeline:nth-child(3n) .et_pb_blurb_content:before { border-left-color:#f73757; border-bottom-color:#f73757 } .dct_m_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .dct_m_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content .et_pb_main_blurb_image:before, .dct_m_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content:after, .dct_m_timeline.color .dct_timeline:nth-child(4n):before { background:#0cbe2d } .dct_m_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content .et_pb_main_blurb_image { border-color:#0cbe2d } .dct_m_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:#0cbe2d } .dct_m_timeline.color .dct_timeline:nth-child(4n) .et_pb_blurb_content:before { border-left-color:#0cbe2d; border-bottom-color:#0cbe2d } /* ======================= Timeline Responsive =========================*/ @media only screen and (max-width:1200px) { .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:before { width:50px; right:-50px } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:before { right:auto; left:-50px } .dct_m_timeline .dct_timeline .et_pb_blurb_content { margin-top:75px } } @media only screen and (max-width:990px) { .dct_m_timeline .dct_timeline { margin:0 0 10px } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image { left:-63% } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image { right:-63% } } @media only screen and (max-width:767px) { .dct_m_timeline .dct_timeline .et_pb_blurb_content, .dct_m_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content { padding-left:130px } .dct_m_timeline { padding-top:50px!important } .dct_m_timeline:before { left:80px; right:0; margin:0 } .dct_m_timeline .dct_timeline { margin-bottom:70px } .dct_m_timeline .dct_timeline:before { top:0; left:83px; right:0; margin:0 } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image { width:60px; height:60px; line-height:40px; padding:5px; top:0; left:0 } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image { left:0; right:auto } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image:before, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image:before { width:25px; left:auto; right:-25px } .dct_m_timeline .dct_timeline .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:after { width:25px; height:30px; top:44px; left:auto; right:-5px } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { font-size:30px; line-height:45px } .dct_m_timeline .dct_timeline .et_pb_blurb_content, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content { width:100%; margin-top:-7px; padding-left:130px; padding-right:5px } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content { float:right } .dct_m_timeline .dct_timeline .et_pb_blurb_content:before, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content:before { width:50%; left:120px } .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content:before { right:auto; transform:rotateY(0) } .dct_m_timeline .dct_timeline .et_pb_blurb_content:after, .dct_m_timeline .dct_timeline:nth-child(even) .et_pb_blurb_content:after { left:85px } } @media only screen and (max-width:980px) { .dct_m_timeline .dct_timeline .et_pb_blurb_content:before, .dct_m_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content:before { left:111px; bottom:-3px } .dct_m_timeline .dct_timeline .et_pb_blurb_content:after, .dct_m_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content:after { left:74px; top:0 } } @media only screen and (min-width:768px) and (max-width:980px) { .dct_m_timeline .dct_timeline .et_pb_blurb_content::before { left:28px; bottom:-26px } .dct_m_timeline .dct_timeline .et_pb_blurb_content::after { left:-6px; top:22px } .dct_m_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content::before { left:56px; bottom:-29px } .dct_m_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content::after { left:89%; top:26px } .dct_m_timeline .dct_timeline::before { top:43% } } @media only screen and (min-width:980px) and (max-width:1024px) { .dct_m_timeline .dct_timeline .et_pb_blurb_content::before { left:36px; bottom:-3px } .dct_m_timeline .dct_timeline .et_pb_blurb_content::after { left:0; top:0 } .dct_m_timeline .dct_timeline .et_pb_blurb_content .et_pb_main_blurb_image { left:-50%; top:0 } .dct_m_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image { right:-50% } .dct_m_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content::before { left:66px; bottom:0 } .dct_m_timeline .dct_timeline:nth-child(2n) .et_pb_blurb_content::after { left:87%; top:-3px } } @media only screen and (min-width:1024px) and (max-width:1099px) { .dct_m_timeline .dct_timeline::before { top:42% } } /* ======================= Testimonial V2 =========================*/ .dct_testi_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img { width:100px; height:auto; border-radius:50% } .dct_testi_v2 .et_pb_slide .et_pb_slide_description { padding:5% 8% } .dct_testi_v2 .et-pb-controllers { bottom:0 } .dct_testi_v2 .et-pb-arrow-next::before, .dct_testi_v2 .et-pb-arrow-prev::before { background:var(--color-2); font-size:35px; border-radius: 25px; } @media only screen and (max-width :980px) { .dct_testi_v2 .et_pb_slide_with_image .et_pb_slide_description { float:none } } /* ======================= Testimonial V3 =========================*/ .dct_testi_v3 { background-color:transparent!important; border:1px solid var(--color-1); z-index:-1 } .dct_testi_v3.et_pb_testimonial {padding:10px;} .dct_testi_v3::before { position:absolute; top:-15px; left:10%; background:var(--color-1); font-size:50px; border-radius:0; content:"\07b"; color:#fff!important; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; -webkit-box-shadow:0 5px 30px rgba(19, 47, 34, .15); -moz-box-shadow:0 5px 30px rgba(19, 47, 34, .15); box-shadow:0 5px 30px rgba(19, 47, 34, .15) } .dct_testi_v3 .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_author { display:block; text-align:center; font-size:18px; font-style:normal; font-weight:700; color:#000; left:60px; text-transform:uppercase } .dct_testi_v3 .et_pb_testimonial_description .et_pb_testimonial_description_inner { background:var(--color-1); padding:25px; text-align:center; font-weight:500; font-size:15px; color:#fff; font-style:italic; position:relative } .dct_testi_v3 .et_pb_testimonial_description .et_pb_testimonial_description_inner:before { content:""; border-bottom:20px solid var(--color-1); border-left:20px solid transparent; border-right:20px solid transparent; position:absolute; top:-15px; left:43% } .dct_testi_v3 .et_pb_testimonial_description .et_pb_testimonial_description_inner p { color:#fff; margin:0; font-size:16px; line-height:25px } @media only screen and (min-width:768px) and (max-width:980px) { .dct_testi_v3 .et_pb_testimonial_portrait { float:none; margin-right:auto } .dct_testi_v3 .et_pb_testimonial_description { margin-left:0!important } } @media only screen and (min-width:481px) and (max-width:768px) { .dct_testi_v3 .et_pb_testimonial_description .et_pb_testimonial_description_inner::before { left:47% } } @media only screen and (min-width:769px) and (max-width:980px) { .dct_testi_v3 .et_pb_testimonial_description .et_pb_testimonial_description_inner::before { left:48% } } /* ======================= Testimonial V4 =========================*/ .dct_testi_v4 { padding-bottom: 100px; background: #fff !important; border: 1px solid #eee; text-align: center; position: relative; transition: all 0.5s ease 0s; } .dct_testi_v4:hover { border: 1px solid var(--color-1); } .dct_testi_v4:before, .dct_testi_v4:after { content: ""; height: 3px; left: 0; margin: 0 auto; position: absolute; right: 0; background: var(--color-1); transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; width: 100px; visibility: visible; } .dct_testi_v4:before { top: 0; } .dct_testi_v4:after { bottom: 0; } .dct_testi_v4:hover:before, .dct_testi_v4:hover:after { width: 100%; } .dct_testi_v4 .et_pb_testimonial { background-color:#fff; } .dct_testi_v4 .et_pb_testimonial:before { display:none; } .dct_testi_v4 .et_pb_testimonial_portrait { display: block; float: none; margin: 0 auto; position: absolute; right: 0; left: 0; bottom: 13px; } .dct_testi_v4 .et_pb_testimonial_description, .dct_testi_v4 .et_pb_testimonial_description_inner { top: -5px; line-height: 27px; text-align: center; font-weight: 400; } .dct_testi_v4 .et_pb_testimonial_author { font-size: 18px !important; color:var(--color-1); text-transform: uppercase; } .dct_testi_v4 .et_pb_testimonial_portrait:before { font-weight: 900; font-size: 46px; color: var(--color-1); position: absolute; top: -25px; left: 83px; font-family: ETmodules !important; background: none; content: "{"; width: 0; height: 0; box-shadow: none; } @media only screen and (min-width: 768px) and (max-width:980px) { .dct_testi_v4 .et_pb_testimonial_portrait { float: none; margin-right: auto; } .dct_testi_v4 .et_pb_testimonial_description { margin-left: 0px !important; } } /* ======================= Call-to-action : 2 =========================*/ .dct_cta_2_h1_v1 .et_pb_text_inner h1 { } .dct_cta_2_desc_v1 .et_pb_text_inner p { } .dct_cta_2_btn_v1:hover { } /* ======================= Blog V1 =========================*/ .dct_blog_v1 .et_pb_post { border:none;padding:0; } .dct_blog_v1 .et_pb_post .post-meta a { color:var(--color-1)!important } .dct_blog_v1 .et_pb_post .post-meta { color:var(--color-1) } .dct_blog_v1 .et_pb_post .entry-featured-image-url { text-align:center; overflow:hidden; position:relative; margin-bottom:0 } .dct_blog_v1 .et_pb_post .entry-featured-image-url:after, .dct_blog_v1 .et_pb_post .entry-featured-image-url:before { content:""; width:100%; height:100%; background:var(--color-1); opacity:.6; position:absolute; top:0; left:0; visibility:visible; bottom:0; z-index:1; transform:scaleX(0); transition:all .6s ease 0s } .dct_blog_v1 .et_pb_post:hover .entry-featured-image-url:before { transform:scaleX(1) } .dct_blog_v1 .et_pb_post:hover .entry-featured-image-url:after { transform:scaleY(1) } .dct_blog_v1 .et_pb_post .entry-featured-image-url:after { transform:scaleY(0) } .dct_blog_v1 .et_pb_post .entry-featured-image-url img { width:100%; height:auto; transition:all .5s ease 0s } .dct_blog_v1 .et_pb_post:hover .entry-featured-image-url img { transform:scale(1.3) } .dct_blog_v1 .et_pb_post .entry-title { text-transform:uppercase; font-weight:600; font-size:14px; background:var(--color-1); padding:20px; position:relative; line-height:25px; text-align:center; width:100%; color:#fff } .dct_blog_v1 .et_pb_post:hover .entry-title{background-color:var(--color-2);} .dct_blog_v1 .et_pb_post .more-link { color:#fff; margin:10px auto 0; position:relative; transition:all .3s linear; right:0; text-transform:uppercase; width:auto; float:left; font-size:14px; background:var(--color-2); padding-left:10px; padding-right:10px } .dct_blog_v1 .et_pb_post .more-link:after { background-color:var(--color-1); content:""; height:2px; margin:auto; position:absolute; left:100%; top:50%; transform:translateX(10px); transition:all .3s linear; width:100px } .dct_blog_v1 .et_pb_post:hover .more-link { border-color:var(--color-1) } .dct_blog_v1 .et_pb_post:hover .more-link:after { width:150px } .dct_blog_v1 .et_pb_post .post-meta .published { background:var(--color-2); text-align:center; text-transform:uppercase; padding:10px; position:absolute; font-weight:900; font-size:16px; top:0; z-index:99; margin-right:5px; color:#fff; display:inline-flex; font-weight:400; font-size:12px } .dct_blog_v1 .et_pb_post .et_pb_image_container { margin:0; margin-top:-20px } .dct_blog_v1 .et_pb_post .post-content p{text-align: justify;padding: 5px 0px;} @media only screen and (max-width :980px) { .dct_blog_sec .dct_title_v1 .et_pb_text_inner h1 { font-size:35px; line-height:38px } } /* ======================= Blog V2 =========================*/ .dct_blog_v2 .et_pb_post .entry-featured-image-url { overflow: hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); position: relative; } .dct_blog_v2 .et_pb_post .entry-featured-image-url:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: all 0.5s ease 0s; } .dct_blog_v2 .et_pb_post:hover .entry-featured-image-url:before { background: var(--color-2); opacity: 0.7; } .dct_blog_v2 .et_pb_post .entry-featured-image-url:after { content: ""; width: 0; height: 200%; background: rgba(0, 0, 0, 0.1); margin: -5px 0 0 -5px; position: absolute; top: -76%; left: 0; transform: rotate(30deg); transform-origin: 0 0 0; z-index: 2; transition: all 0.4s ease-out 0s; } .dct_blog_v2 .et_pb_post:hover .entry-featured-image-url:after { width: 70%; left: 10px; } .dct_blog_v2 .et_pb_post .entry-featured-image-url img { width: 100%; height: auto; transition: all 1.5s ease 0s; } .dct_blog_v2 .et_pb_post:hover .entry-featured-image-url img { transform: scale(1.2); } .dct_blog_v2 .et_pb_post .more-link { border-radius: 5px; background-color: var(--color-1); color: #fff; display: inline-block; text-transform: capitalize; font-size: 17px; border-color: var(--color-1); padding: .5em 1.1em; margin-top: 25px; width: 100%; font-family: 'Josefin Sans', Helvetica, Arial, Lucida, sans-serif; text-align: center; } .dct_blog_v2 .et_pb_post .entry-title { text-transform:uppercase; font-weight:600; font-size:14px; background:var(--color-2); padding:15px; position:relative; line-height:25px; text-align:center; width:100%; color:#fff } .dct_blog_v2 .et_pb_post:hover .entry-title{background-color:var(--color-1);} .dct_blog_v2 .et_pb_post .post-content { margin-top: 23px; text-align: center; } .dct_blog_v2 .et_pb_post .post-content p{font-size: 12px; text-align: justify;} /* ======================= Contact us =========================*/ .dct_contact_blurb_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background: var(--color-1); color: #fff; padding: 14px; border-radius: 5px; font-weight: 900; font-size: 40px; } .dct_contact_blurb_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 300; line-height: 35px; } .dct_contact_blurb_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { font-size: 15px; color: #fff; line-height: 35px; } /* ======================= header style =========================*/ #et-info { list-style: none; font-size: 14px; line-height: 50px; } /* #et-info-phone:after { background: rgb(224, 58, 91); content: ""; width: 5000px; height: 100%; right: -10px; top: -15px; position: absolute; z-index: 0; padding: 16px; vertical-align: middle; } #et-info-phone::before {margin-right:10px;} #et-info-phone::before, #et-info-phone span{z-index:1;position:relative;} */ #top-header, #top-header #et-info, #top-header .container, #top-header .et-social-icon a { line-height:30px; } #et-info { display: table-cell; vertical-align: middle; } #top-header { background-color: var(--color-1) !important; } #top-header .dct-social { width: auto; display: contents; } /* #top-header .dct-social:after { content: ""; height: 22px; width: 1px; background-color: #fff; display: block; position: absolute; top: 12px; } */ /* hide top header on scroll by Geno Quiroz */ #top-menu li a:hover { /* background: rgb(224, 58, 91); padding: 10px !important; color: #fff;*/ opacity:1 } #main-header { text-align: center; position: relative; display:inline-block; } #main-header:after { background: linear-gradient(to right, var(--color-1) 25%, var(--color-2) 25%, var(--color-2) 50%, var(--color-1) 50%, var(--color-1) 75%, var(--color-2) 75%); position: absolute; content: ''; height: 5px; right: 0; left: 0; bottom: 0; } /* ======================= Inquiry V1 =========================*/ .dct_inquiry_v1 .et_pb_text { margin-bottom: 0 !important; } .dct_inquiry_v1 .et_pb_text_inner h1 { background:var(--color-1); padding: 28px 28px 27px 31px; line-height: 1.31; color: #fff; text-transform: uppercase; font-size: 32px; } .dct_inquiry_v1 .et_pb_contact_main_title { font-size: 15px; line-height: 2.27; font-weight: 500; letter-spacing: 0px; color: #747474; } .dct_inquiry_v1 .et_pb_contact p input { background-color:#fff; color: #000; border-radius: 0; } .dct_inquiry_v1 .et_pb_contact p input::placeholder { color:#fff; } .dct_inquiry_v1 .et_pb_contact p input:-ms-input-placeholder { color:#fff; } .dct_inquiry_v1 .et_pb_contact p input::-ms-input-placeholder { color:#fff; } .dct_inquiry_v1 .et_pb_contact p textarea { background-color:#fff; color: #fff; border-radius: 0; } .dct_inquiry_v1 .et_pb_contact_form_label { display: block; text-transform: uppercase; line-height: 35px; font-size: 15px; font-weight: 400; } .dct_inquiry_v1 .et_contact_bottom_container { float: left; margin-top: 2.5%; padding-left: 6px; } .dct_inquiry_v1 .et_contact_bottom_container .et_pb_button { background: var(--color-1); text-transform: capitalize; border-color: transparent; border-radius: 5px; font-size: 17px; color: #fff; } .dct_inquiry_v1 .et_contact_bottom_container .et_pb_button:hover{padding: .3em 1em;background-color:var(--color-2);border-color:var(--color-2);} @media only screen and (max-width : 980px) { .dct_inquiry_v1 .et_pb_text_inner h1 { padding: 20px; } .dct_inquiry_v1 .et_contact_bottom_container { padding-left:0; } } /* ======================= Inquiry V2 =========================*/ .dct_inquiry_v2 .et_pb_text_inner h2 { font-size: 18px; line-height: 52px; text-align: center; color: rgba(255, 255, 255, 1); font-weight: 600; } .dct_inquiry_v2 .et_pb_text_inner h1 { color: rgba(255, 255, 255, .85); font-size: 60px; font-weight: 600; line-height: 65px; } .dct_inquiry_v2 .et_pb_text_inner h4 { font-weight: 500; text-transform: uppercase; font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #8d9297; } .dct_inquiry_v2 .et_pb_text_inner h3 { font-family: "Poppins", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 30px; margin-bottom: 40px; color: #182333; text-transform: uppercase; } .dct_inquiry_v2 .et_contact_bottom_container { width: 100% !important; padding-left: 3%; } .dct_inquiry_v2 .et_contact_bottom_container .et_pb_button { width: 100%; margin-left: 0px !important; text-transform: capitalize; background: var(--color-1); border-color: var(--color-1); color: #fff; font-size: 17px; border-radius: 5px; } .dct_inquiry_v2 .et_contact_bottom_container .et_pb_button:hover{background-color:var(--color-2);border-color:var(--color-2);} .dct_inquiry_row { margin-top: -150px; } .dct_inquiry_v2 .et_pb_contact p input { background-color:#f8f9fa; margin-bottom: 10px; font-size: 12px; } .dct_inquiry_v2 .et_pb_contact p textarea { background-color:#f8f9fa; font-size: 12px; } .dct_inquiry_v2 .et_pb_contact_select { background-color:#f8f9fa; margin-bottom: 10px; font-size: 12px; } @media only screen and (max-width : 980px) { .dct_inquiry_v2 .et_pb_text_inner h1 { font-size: 35px; line-height: 50px; } } @media only screen and (min-width: 981px) and (max-width: 1499px) { .dct_inquiry_row { margin-top: -70px !important; } } /* ======================= Inquiry V3 =========================*/ .dct_inquiry_v3 .et_pb_text_inner h1 { text-transform: uppercase; line-height: 40px; font-weight: 600; font-weight: 600; font-size: 30px; color: #182333; text-transform: uppercase; } .dct_inquiry_v3 .et_pb_contact p input, .dct_inquiry_v3 .et_pb_contact_select, .dct_inquiry_v3 .et_pb_contact p textarea { color: #777; border-width: 1; background-color:#fff; border: 1px solid; } .dct_inquiry_v3 .et_contact_bottom_container { width: 100% !important; padding-left: 3%; } .dct_inquiry_v3 .et_contact_bottom_container .et_pb_button { width: 100%; margin-left: 0px !important; text-transform: capitalize; background: var(--color-1); border-color: var(--color-1); color: #fff; border-radius:5px; font-size: 17px; } .dct_inquiry_v3 .et_contact_bottom_container .et_pb_button:hover{background-color:var(--color-2);border-color:var(--color-2);} /* ======================= Tab =========================*/ .dct_tab, .dct_tab .et_pb_tabs_controls::after { border:none } .dct_tab .et_pb_tabs_controls li { border-right:none; margin-bottom:0; margin-right:8px; height: auto; } .dct_tab .et_pb_tabs_controls li a:focus, .dct_tab .et_pb_tabs_controls li a:hover { text-decoration:none; outline:0 } .dct_tab .et_pb_tabs_controls { background: transparent; margin-bottom: 20px; } .dct_tab .et_pb_tabs_controls li.et_pb_tab_active { background-color: transparent; } .dct_tab .et_pb_tabs_controls li a { text-transform: uppercase; display:inline-block; font-size:14px; color:#fff; padding:15px 25px; background:var(--color-1); border-radius:0; position:relative; border:none; transition:all .5s ease 0s } .dct_tab .et_pb_tabs_controls li a:hover { background:#000 } .dct_tab .et_pb_tabs_controls li a:before { content:""; width:96%; border:3px solid var(--color-1); position:absolute; top:-5px; left:0; transform:rotateY(-90deg); transition:all .5s ease 0s } .dct_tab .et_pb_tabs_controls li a:hover:before, .dct_tab .et_pb_tabs_controls li.et_pb_tab_active a:before { transform:rotateY(0) } .dct_tab .et_pb_tabs_controls li.et_pb_tab_active a, .dct_tab .et_pb_tabs_controls li.et_pb_tab_active a:focus, .dct_tab .et_pb_tabs_controls li.et_pb_tab_active a:hover { background:#fff } .dct_tab .et_pb_all_tabs { font-size:14px; color:#484848; position:relative; height:100%; text-align:justify; border-bottom:5px solid var(--color-1); line-height:25px } .dct_tab.dct-custom-tabs.tabs-on-left ul li a { min-width: 120px; margin-bottom: 10px; } .dct_tab.dct-custom-tabs.tabs-on-right ul li a { min-width: 120px; margin-left: 10px; margin-bottom: 10px; } .dct_tab.dct-custom-tabs.tabs-on-right.text-right { flex-direction:row-reverse; } .dct_tab.dct-custom-tabs.tabs-on-bottom { display:flex } .dct_tab.dct-custom-tabs.tabs-on-bottom ul, .dct-custom-tabs.tabs-on-left, .dct-custom-tabs.tabs-on-right, .dct-custom-tabs.tabs-on-top ul { display:inline-flex } .dct_tab.dct-custom-tabs.tabs-on-bottom { flex-direction:column-reverse } .dct_tab.dct-custom-tabs.tabs-on-bottom ul { justify-content:center; flex-wrap:wrap-reverse; margin-top: 20px; } .dct_tab.dct-custom-tabs.tabs-on-bottom .et_pb_all_tabs { border-bottom: none; } .dct_tab.dct-custom-tabs.tabs-on-bottom .et_pb_all_tabs { border-top: 5px solid var(--color-1); } .dct_tab.dct-custom-tabs ul { flex-wrap:wrap; align-items:stretch; } @media only screen and (max-width :980px) { .dct_tab .et_pb_tabs_controls li { display:grid; margin-right:0; margin-bottom:10px; border-bottom:none; width:100% } .dct_tab .et_pb_tabs_controls li a { margin-right:0; text-align:center } .dct_tab.dct-custom-tabs.tabs-on-bottom ul, .dct_tab.dct-custom-tabs.tabs-on-left, .dct_tab.dct-custom-tabs.tabs-on-right { display:grid } .dct_tab .et_pb_all_tabs .et_pb_tab { padding:10px } .dct_tab.dct-custom-tabs.tabs-on-left ul li a { text-align:left } .dct_tab.dct-custom-tabs.tabs-on-right ul li a { text-align:right } .dct_tab.dct-custom-tabs.tabs-on-bottom ul { justify-content:initial } } /* ======================= HOME 3 =========================*/ .dct_bar_v3 .et_pb_counter_container { background-color: #000; width: 80%; } .dct_bar_v3 .et_pb_counter_amount { background-color: var(--color-1) !important; line-height: 1em; } .dct_bar_v3 .et_pb_counter_title { text-transform: uppercase; color: #000; font-weight: 700; } /* ======================= Why Choose us =========================*/ .dct_why_bg_1 { background: var(--color-1); } .dct_why_bg_2 { background: var(--color-2); } #whychoose .et_pb_blurb_content { max-width: 100%; } #whychoose .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { text-transform: uppercase; color: #fff !important; text-align: center; } #whychoose .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color: #fff; text-align: center; } #whychoose .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background: #fff; width: 80px; height: 80px; color: #000; font-size: 40px; line-height: 80px; border-radius: 50%; } /* ======================= Why Choose us V4 =========================*/ #dct_why_us_v4 .et_pb_blurb_content { max-width:100%; } #dct_why_us_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background: var(--color-1); color: #fff; padding: 15px; font-size: 20px; border-radius: 5px; } #dct_why_us_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: #292a2e; font-size: 20px; font-weight: 500; } #dct_why_us_v4 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { color: #666; font-weight: 300; } #dct_why_us_v4 .et_pb_text_inner h5 { font-weight: 300; padding-bottom: 30px; border-bottom: 1px solid #d4d5d7; font-size: 18px; line-height: 30px; color: #666; } /* ======================= Intro Section =========================*/ .title-block { overflow: hidden; margin-bottom: 30px; } .title-block .prefix { font-size: 125px; line-height: 120px; margin-right: 20px; color: var(--color-1); float: left; font-weight: 700; } .title-block .sub { font-size: 30px; line-height: 30px; font-weight: 300; margin-top: 5px; color: #292a2e !important; } .title-block .title { font-size: 68px; line-height: 75px; display: flex; margin-top: 0; color: #292a2e !important; font-weight: 600; } #dct_intro_v4 .dct_header_title { background: var(--color-1); display: block; text-align: center; margin-bottom: 0; padding: 15px; } #dct_intro_v4 .et_pb_contact p input, #dct_intro_v4 .et_pb_contact p textarea { background-color: #ffffff; color: #999999; text-align: center; border: 1px solid #d9dadc; } #dct_intro_v4 .et_contact_bottom_container { text-align: center; float: none; } #dct_intro_v4 .et_contact_bottom_container .et_pb_button { background: var(--color-1); border-color: var(--color-1); color: #fff; margin:0; text-transform: capitalize; font-size: 17px; border-radius: 5px; } #dct_intro_v4 .et_contact_bottom_container .et_pb_button:hover{padding: .3em 1em;background-color:var(--color-2);border-color:var(--color-2);} #dct_intro_v4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { background: var(--color-1); color: #fff; padding: 10px; border-radius: 5px; font-size: 15px; } @media only screen and (max-width : 480px) { .title-block .prefix { font-size:70px;} #dct_intro_v4 .title-block .sub { font-size: 24px; } .title-block .title { font-size: 40px; line-height: 40px; } } @media only screen and (max-width : 980px) { #dct_intro_v4 .et_pb_blurb_content { max-width:100%; } } /* ======================= Intro Section V5 =========================*/ .dct_into_bg_1 { background-color:var(--color-1); } .dct_into_bg_1 .et_contact_bottom_container { width: 100% !important; padding-left: 3%; } .dct_into_bg_1 .et_contact_bottom_container .et_pb_button { width: 100%; margin-left: 0px !important; padding: .5em 1em; background: #000; border-color: #000; color: #fff; font-size: 15px; border-radius: 0; } /* ======================= Portfolio =========================*/ .dct_portfolio_v3 .et_pb_portfolio_item .et_overlay { background-color:transparent; border:none; z-index:111 } .dct_portfolio_v3 .et_pb_portfolio_item .et_overlay::before { color:transparent; } .dct_portfolio_v3 .et_pb_portfolio_item { overflow:hidden; position:relative } .dct_portfolio_v3 .et_pb_portfolio_item:after, .dct_portfolio_v3 .et_pb_portfolio_item:before { content:""; position:absolute; bottom:0; left:0; width:50%; height:100%; background:var(--color-1); opacity:.7; transform:translateY(-100%); z-index:1; transition:all .3s ease 0s } .dct_portfolio_v3 .et_pb_portfolio_item:hover:after, .dct_portfolio_v3 .et_pb_portfolio_item:hover:before { transform:translateY(0) } .dct_portfolio_v3 .et_pb_portfolio_item:after { left:50%; transform:translateY(100%); transition-delay:.1s } .dct_portfolio_v3 .et_pb_portfolio_item .et_portfolio_image { margin-bottom:0 } .dct_portfolio_v3 .et_pb_portfolio_item .et_portfolio_image img { width:100%; height:auto; transform:scale(1); transition:all 2s ease 0s } .dct_portfolio_v3 .et_pb_portfolio_item:hover .et_portfolio_image img { transform:scale(2) } .dct_portfolio_v3 .et_pb_portfolio_item .post-meta { width:100%; position:absolute; top:35%; left:0; padding:40px 20px; color:#fff; text-align:center; opacity:0; font-size:14px; transform:translateX(110%); transition:all .4s linear .1s; z-index:9 } .dct_portfolio_v3 .et_pb_portfolio_item .post-meta a { color:#fff } .dct_portfolio_v3 .et_pb_portfolio_item:hover .post-meta { transform:translateX(0); transition-delay:.35s; opacity:1 } .dct_portfolio_v3 .et_pb_portfolio_item .et_pb_module_header { margin-top: 0 !important; width:100%; position:absolute; top:25%; left:0; padding:40px 20px; color:#fff; text-align:center; font-size:20px; opacity:0; text-transform:uppercase; margin:0 0 20px; transform:translateX(-110%); transition:all .4s linear .1s; z-index:9 } .dct_portfolio_v3 .et_pb_portfolio_item:hover .et_pb_module_header { transform:translateX(0); transition-delay:.35s; opacity:1 } .dct_portfolio_v3 .et-pb-slider-arrows .et-pb-arrow-prev::before, .dct_portfolio_v3 .et-pb-slider-arrows .et-pb-arrow-next::before { background: var(--color-2); color: #fff; font-size: 40px; } @media only screen and (min-width:768px) { .dct_portfolio_v3 .et_pb_portfolio_filters ul { text-align:center } .dct_portfolio_v3 .et_pb_portfolio_filters ul li { display:inline-block; float:none!important; margin-left:10px } } /* ======================= Team =========================*/ .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, 0.7); position: absolute; bottom: -100%; left: 0; transition: all 0.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 0px 0px; transition: all 0.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:0px; } .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: bold; color: #fff; text-transform: uppercase; padding: 20px 0px; 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: 0.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: 0.25s; } .dct_team_v3:hover .et_pb_module_header:before, .dct_team_v3:hover .et_pb_module_header:after { 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: 990px) { .dct_team_v3 { margin-bottom: 30px; } } @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; } } /* ======================= Contact us V1 =========================*/ .dct_contact_v1 .et_pb_text_inner h2 { font-size: 44px; font-weight: 900; line-height: normal; margin-bottom: 5px; text-shadow: 3px 3px 0 rgba(0, 0, 0, .25); color: #000000; } .dct_ctf_v1 .et_pb_contact_form_label { display: block; color: #fff; text-transform: uppercase; font-weight: 600; line-height: 35px; } .dct_ctf_v1 .et_pb_contact p input, .dct_ctf_v1 .et_pb_contact p textarea { background-color: transparent; color: #fff; border-radius: 0; border: 1px solid #fff; } .dct_ctf_v1 .et_pb_contact p input::placeholder, .dct_ctf_v1 .et_pb_contact p textarea::placeholder { color:transparent; } .dct_ctf_v1 .et_pb_contact p input:-ms-input-placeholder { color:#fff; } .dct_ctf_v1 .et_pb_contact p input::-ms-input-placeholder { color:#fff; } .dct_ctf_v1 .et_pb_button { width: 100%; margin-left: 0px !important; background: var(--color-1); border-color: var(--color-1); color: #000; text-transform: capitalize; font-size: 17px; border-radius: 5px; } .dct_ctf_v1 .et_pb_button:hover { background-color:#fff; color:#000; } .dct_ctf_b1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { font-size: 40px; width: 70px; height: 70px; background: var(--color-1); line-height: 70px; color: #fff; margin-top: 20px; border-radius: 5px; } .dct_ctf_b1 { background: var(--color-2); border-radius:5px; } .dct_ctf_b1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:#fff; } .dct_ctf_b1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { margin-bottom: 20px; color:#fff; font-weight:400; } /* ======================= Contact us Page V2 =========================*/ #dct_cnt_v2 .et_pb_contact p input, #dct_cnt_v2 .et_pb_contact p textarea { background:#fff; border: 1px solid; } #dct_cnt_v2 .et_contact_bottom_container .et_pb_button { background: var(--color-1); color: #fff; border-color: transparent; font-size: 17px; border-radius: 5px; } #dct_cnt_v2 .et_contact_bottom_container .et_pb_button:hover{background-color:var(--color-2);border-color:var(--color-2);} #dct_cnt_v2 .et_pb_contact_form_label { display: block; color: #000; text-transform: uppercase; font-weight: 600; line-height: 35px; } #dct_cnt_v2 h1.et_pb_contact_main_title { font-size: 17px; font-weight: 400; margin-bottom: 20px; line-height: 25px; } #dct_cnt_v2 .et_pb_contact p input::placeholder, #dct_cnt_v2 .et_pb_contact p textarea::placeholder { color:transparent; } #dct_cnt_v2 .et_pb_contact p input:-ms-input-placeholder { color:#fff; } #dct_cnt_v2 .et_pb_contact p input::-ms-input-placeholder { color:#fff; } /* ======================= Contact us =========================*/ .dct_contact_v3 .et_pb_button { width: 100%; margin-left: 0px !important; padding: .2em 1em; background: var(--color-1); border-color: var(--color-1); color: #fff; text-transform: uppercase; } .dct_contact_v3 .et_pb_button:hover { background-color:var(--color-2) !important; } .dct_contact_v3 .et_contact_bottom_container { width: 100% !important; padding-left: 3%; } @media only screen and (max-width : 980px) { .dct_contact_v3 .et_pb_button { margin-bottom: 60px; } } /* ======================= Sidebar =========================*/ #gallery-1 .gallery-item{margin:0;} .et_pb_widget a{width:100%;} #main-content .container::before{background-color:transparent;} #searchsubmit{background-color: var(--color-1) !important; color: #fff !important; text-transform: uppercase;} #searchsubmit:hover{background-color:var(--color-2) !important;} .widgettitle{font-size: 20px !important; font-weight: 600; letter-spacing: 0px; margin-bottom: 20px; color: #000000; position: relative;} .widgettitle:before{bottom: -2px; content: ''; height: 5px; left: 0; position: absolute; width: 35px; background-color: #e74216; z-index: 1;} .widgettitle:after{bottom: 0; content: ''; height: 2px; left: 0; background-color: var(--color-1); position: absolute; width: 120px;} .et_pb_widget ul li a{display: flex;font-weight: 300;border-bottom: 1px dotted var(--color-2);padding: 5px;} .et_pb_widget ul li a:hover{color:var(--color-1);} .et_pb_widget ul li a:before{content: ""; float: left; margin-top: 9px; margin-right: 12px; width: 6px; height: 6px; border: 1px solid var(--color-1); background: var(--color-1); box-sizing: border-box;} #main-content #left-area .post-meta{background: var(--color-1); display: initial; padding: 10px; line-height: 42px; text-transform: uppercase; letter-spacing: 1px;} #left-area .post-meta a,#left-area .post-meta{color:#fff;} #left-area .post-meta .published{color:#fff;} /* ======================= Comment =========================*/ #comment-wrap{padding-top:20px} #comment-wrap .comment-notes{padding-bottom: 20px;padding-top: 10px;} #comment-wrap .comment-notes span{font-weight: 300;font-size: 18px;} #commentform{padding-bottom:30px;position:relative;overflow:hidden} #comment-wrap h1#comments, #comment-wrap h3#reply-title{color: var(--color-1);font-weight:600;font-size:20px;padding-bottom:0;position:relative;text-transform:uppercase} #comment-wrap h1#comments{margin-bottom:30px}#comment-wrap h3#reply-title{margin-bottom:5px} #comment-wrap h3#reply-title a#cancel-comment-reply-link{font-size:14px} .single .comment_area .comment-reply-link{padding-top:3px!important;padding-bottom:3px!important;font-size:13px;line-height:1.5!important;position:relative;display:inline-block;margin-top:5px;margin-bottom:8px;border-width:1px;color:inherit;font-weight:500} .single .comment_area .comment-reply-link:hover{color:#fff} .comment #respond{margin:0 auto 30px!important;padding:0!important} #comment-wrap .form-submit .et_pb_button{border-radius: 0;font-size:15px;line-height:1.5!important;padding:10px 25px!important;background:var(--color-1);text-transform:uppercase;border:1px solid var(--color-1);color:#fff!important} #comment-wrap .form-submit .et_pb_button:hover{padding:10px 25px!important;background:#000;border:1px solid #000} #commentform input[type=email],#commentform input[type=text],#commentform input[type=url],#commentform textarea{font-size:14px;line-height:1.5;border:1px solid rgba(0,0,0,.15);padding:12px 15px;border-radius:0;background:0 0!important;transition:all .3s,ease-in-out}.comment span.fn,.comment span.fn a{font-size:14px}.comment .comment-body{margin-bottom:15px;padding:15px 15px 15px 70px;position:relative;overflow:hidden;display:block;border-radius:5px;min-height:75px}.comment .children .comment-body{margin-bottom:10px}.comment .comment_avatar{left:12px;top:15px}.comment .comment_avatar img{width:45px!important;height:45px!important;object-fit:cover;border-radius:50%;max-width:100%!important}.comment .comment_area{font-size:14px;line-height:1.4}.comment_postinfo{line-height:1.2!important}.comment.bypostauthor>article{background:rgba(0,0,0,.02);border-left:4px solid} .form-submit{text-align:left;} #comment-wrap{padding-top: 0px;} #comment-wrap label{font-size: 17px; font-weight: 300; padding-left: 6px;} #comment-wrap .comment-respond .reply-title{ color: var(--color-1); letter-spacing: 1px; font-size: 30px !important;} #commentform textarea{background-color: #fff !important;border: 1px solid rgba(0,0,0,.15)} @media (min-width:500px){.single-post.et_full_width_page #comment-wrap{width:90%;margin-right:auto;margin-left:auto}} @media (min-width:700px){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}} /* Particles -------------------------------------------------------------- */ #dct-particles-js { position: relative; left: 0; top: 0; z-index: 99; } #dct-particles-js canvas { left: 0; position: absolute; top: 0; z-index: -1; }