/*-------------------------------------------------------------------------------------- Plugin Name: KeyDesign Addon Plugin URI: http://keydesign-themes.com/ Author: Key-Design Author URI: http://themeforest.net/user/Key-Design Text Domain: keydesign --------------------------------------------------------------------------------------*/ /*---------------------------------- Stylesheet Guide --------------------------------- 1. ICONS 2. ICON BOX ELEMENT 3. PRICING ELEMENT 4. TESTIMONIALS ELEMENT 5. TEAM MEMBER 6. FEATURES TABS 7. PIE CHART ELEMENT 8. CLIENTS ELEMENT 9. VIDEO MODAL 10. BUTTON 11. TRANSITIONS 12. GOOGLE MAP 13. ANIMATIONS 14. FEATURED CONTENT 15. REVIEWS 16. APP GALLERY 17. COUNTDOWN 18. FAQ 19. MASONRY GALLERY 20. SCHEDULE 21. COLOR SWITCHER 22. CONTENT BOX 23. PROGRESS BAR 24. COUNTER 25. PHOTO BOX 26. DIVIDER 27. CALL TO ACTION BOX 28. ALERT BOX 29. PROCESS STEPS 30. PROMO BOX 31. EBOOK READER 32. TESTIMONIAL CARDS 33. SLIDING BOX 34. CONTACT FORM 35. PRICE BLOCK 36. SECTION TITLE 37. TEXT ROTATOR 38. FEATURES SECTIONS 39. PHOTO GALLERY 40. FORMS 41. SOCIAL ICONS 42. SHAPES 43. LISTS 44. PRICE SWITCHER 45. ROW OPTIONS & SEPARATORS 46. PARTICLES 47. PHOTO GROUP 48. SCROLL DOWN BUTTON 49. COOKIES PLUGIN 50. FLOATING MENU 51. HOTSPOT 52. INSTAGRAM PLUGIN 53. IMAGE COMPARISON SLIDER 54. TIMELINE RESPONSIVE /* ------------------------------------------------------------------------ 1. ICONS ------------------------------------------------------------------------*/ [class^="iconsmind-"], [class*=" iconsmind-"] { speak: none; line-height: 1; } .icon-admin { width: 30px; height: 30px; font-size: 30px; padding: 5px; } .icon-admin::before { font-size: 30px; } .iconita { width: 100px; height: 92px; margin: auto; text-align: center; font-size: 60px; border-radius: 18px; display: block; } .hidden { display: none !important; } .wpb-js-composer .wpb_content_element { margin-bottom: 35px; margin-bottom: 0; } .wpb_text_column a { transition: 0.2s; } .wpb-js-composer .wpb_content_element .owl-carousel .owl-stage-outer { overflow: visible; } .wpb-js-composer .vc_basic_grid.wpb_content_element .owl-carousel .owl-stage-outer { overflow: hidden; } .wpb-js-composer .vc_basic_grid.wpb_content_element .owl-carousel .owl-item { opacity: 1; } .vc_grid-container.fullwidth-carousel { width: 152%; } .fullwidth-carousel .vc_pageable-slide-wrapper { opacity: 0; transition: 0.25s; } .fullwidth-carousel .vc_pageable-slide-wrapper.owl-carousel { opacity: 1; } .vc_grid .vc_pageable-slide-wrapper .owl-item .vc_grid-item { width: 100%; } #wrapper .fullwidth-carousel .vc_pageable-slide-wrapper .owl-item { opacity: 0; } #wrapper .fullwidth-carousel .vc_pageable-slide-wrapper .owl-item.active { opacity: 1; } #wrapper .fullwidth-carousel .vc_pageable-slide-wrapper .active + .active + .active { opacity: 0.5!important; } .wpb_widgetised_column.wpb_content_element { background: #fff; margin-top: 0; border: 1px solid #e7e7e7; padding: 35px; margin-bottom: 50px; } /* ------------------------------------------------------------------------ 2. ICON BOX ELEMENT ------------------------------------------------------------------------*/ .key-icon-box { border-radius: 0px; z-index: 10; position: relative; } .key-icon-box .ib-badge { display: block; padding: 6px 12px; position: absolute; top: 20px; right: 20px; border-radius: 50em; font-size: 11px; font-weight: 600; line-height: 1.5em; letter-spacing: .1em; z-index: 10; } .ib-hover-2.key-icon-box:hover .ib-badge { background: #fff; } .key-icon-box.with-bg-img { background-size: cover; } .key-icon-box.with-bg-img.ib-no-effect { padding: 60px; } .key-icon-box.with-bg-img .ib-wrapper { padding: 60px; } .key-icon-box.with-bg-img:hover .ib-wrapper { background: rgba(0, 0, 0, 0.15); } .key-icon-box.with-border { margin: 0; } .key-icon-box i { display: block; margin: auto; margin-bottom: 35px; font-size: 48px; width: 100px; height: 100px; line-height: 105px; border-radius: 0; } .key-icon-box .ib-wrapper { padding: 40px; -moz-transition: all .15s ease; -o-transition: all .15s ease; -webkit-transition: all .15s ease; transition: all .15s ease; border-radius: 5px; border: none; } .key-icon-box.icon-default.icon-left.cont-left .ib-wrapper { } .key-icon-box.ib-hover-1:hover { border-color: transparent!important; } .key-icon-box.ib-hover-1:hover .ib-wrapper { border-bottom-width: 1px; box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1); border-color: transparent!important; } .key-icon-box p { margin-bottom: 0!important; } .key-icon-box .ib-link { margin-top: 20px; font-weight: 400; margin-bottom: 0!important; line-height: 1; } .key-icon-box.icon-default.icon-top.cont-left .ib-link, .key-icon-box.icon-default.icon-top.cont-center .ib-link { margin-top: 35px; } .key-icon-box.icon-default.icon-top.cont-center .ib-icon-wrapper { margin: auto; } .key-icon-box .ib-link a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-weight: 500; color: #acacac; } .key-icon-box.icon-circle.icon-left .ib-link { margin-left: 135px; } .key-icon-box .service-heading { margin-top: 0; } .key-icon-box h6.service-heading { margin-bottom: 15px; font-weight:600; font-size: 20px; line-height: 1.3; } .key-icon-box h5.service-heading, .key-icon-box h4.service-heading { margin-bottom: 15px; } .tt-iconbox-customimg { width: 100px; height: 100px; line-height: 105px; border-radius: 90px; margin: auto; position: relative; margin-bottom: 35px; } .icon-default .tt-iconbox-customimg { margin-bottom: 25px; } .icon-default .tt-iconbox-customimg { margin-bottom: 25px; } .tt-iconbox-customimg img { position: absolute; left: 50%; margin-left: -22px; max-width: 45px; top: 50%; margin-top: -21px; height: auto; } .icon-default { text-align: center; } .key-icon-box.icon-top { } .key-icon-box.icon-top .ib-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; } .key-icon-box.icon-top.cont-left .ib-wrapper { align-items: flex-start; } .key-icon-box.icon-top .ib-wrapper .ib-button-wrapper { margin-top: 35px; } .key-icon-box.icon-top .ib-wrapper .ib-button-wrapper .tt_button { line-height: 45px; height: 45px; } .key-icon-box.icon-top.cont-center p { } .vc_col-sm-3 .key-icon-box.icon-top.cont-center p { padding:0; } .key-icon-box.icon-top.cont-center i, .key-icon-box.icon-top.cont-center .tt-iconbox-customimg { margin: 0; } .key-icon-box.icon-left { text-align: left; } .key-icon-box.icon-left.icon-default i { text-align: center; float: left; } .key-icon-box.icon-left.icon-default i, .key-icon-box.icon-left.icon-default .tt-iconbox-customimg { margin-top: 0px; line-height: 100%; display: inline-block; } .key-icon-box.icon-left.icon-default .tt-iconbox-customimg { max-width: 45px; } .key-icon-box.icon-left.icon-default .tt-iconbox-customimg img { max-width: 45px; margin: 0; position: relative; left: 0; width: 100%; } .key-icon-box.icon-left.icon-default p { margin-bottom: 0!important; } .key-icon-box.icon-left.ib-no-effect:after { content: ""; display: table; clear: both; } .key-icon-box.cont-left { text-align: left; } .key-icon-box.icon-left .ib-simple-icon-wrapper { float: left; } .key-icon-box.with-shadow {box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1);display: block;} .key-icon-box.icon-left .ib-icon-wrapper { display:inline-flex; float: left; } .ib-icon-wrapper { width: 50px; height: 50px; text-align: center; line-height: 50px; display: flex; justify-content: center; align-items: center; } .fullwidth-image .tt-iconbox-customimg, .fullwidth-image .tt-iconbox-customimg img { max-width: 100%!important; width: 100%; height: auto; margin-bottom: 0; border-radius: 0; } .container .fullwidth-image .tt-iconbox-customimg { overflow: hidden; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .fullwidth-image .tt-iconbox-customimg + .ib-wrapper { border-top-right-radius: 0; border-top-left-radius: 0; } .ib-icon-wrapper i { float: none; margin-right: 0; } .key-icon-box.cont-right { text-align: right; } .key-icon-box.cont-left i, .key-icon-box.cont-left .tt-iconbox-customimg { margin-left: 0; } .key-icon-box.icon-default i, .key-icon-box.icon-default .tt-iconbox-customimg { width: auto; height: auto; line-height: 1; margin: 0; } .key-icon-box.icon-default.icon-top i, .key-icon-box.icon-default.icon-top .tt-iconbox-customimg { width: auto; } .fullwidth-image .tt-iconbox-customimg img, .key-icon-box.icon-default.icon-top .tt-iconbox-customimg img { max-width: max-content; max-width: fit-content; margin-left: 0; position: relative; margin-top: 0; border-radius: 0; top: inherit; left: inherit; } .key-icon-box.icon-default.icon-top .tt-iconbox-customimg.img_medium_size img { max-width: 90px; } .key-icon-box.icon-default.icon-top .tt-iconbox-customimg.img_big_size img { max-width: 120px; } .key-icon-box.icon-default.icon-top .service-heading { } .small-iconbox .key-icon-box p { max-width: 200px; margin-left: auto; margin-right: auto; } .key-icon-box.ib-no-effect.with-shadow .ib-wrapper, .ib-hover-2.key-icon-box .ib-wrapper { border:none; position: relative; overflow: hidden; } .ib-hover-1.key-icon-box .ib-wrapper { overflow: hidden; } .ib-hover-2.key-icon-box .ib-wrapper * { -moz-transition: all .15s ease; -o-transition: all .15s ease; -webkit-transition: all .15s ease; transition: all .15s ease; z-index: 10; position: relative; } .ib-hover-2.key-icon-box .ib-wrapper::before {display: block;content: '';z-index: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;-moz-transition: all .15s ease;-o-transition: all .15s ease;-webkit-transition: all .15s ease;transition: all .15s ease;background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgb(0 0 0 / 0%) 0%,rgb(255 255 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} .ib-hover-2.key-icon-box:hover .ib-wrapper::before {opacity: 0.4;} .ib-hover-2.key-icon-box:hover .ib-wrapper * { color: #fff!important } .ib-no-effect.key-icon-box .ib-wrapper, .ib-no-effect.key-icon-box:hover .ib-wrapper { box-shadow: none; border: none!important; background: none; } .key-icon-box a p, .key-icon-box a:hover p { color: #6d6d6d; } .key-icon-box.icon-left.cont-left .service-heading, .key-icon-box.icon-left.cont-left p { width: calc(100% - 70px); float: right; text-align: left; } .key-icon-box.icon-left .ib-button-wrapper { margin-top: 20px; width: calc(100% - 70px); float: right; } .key-icon-box.icon-left .ib-button-wrapper .tt_button { margin: 0; } /* ------------------------------------------------------------------------ 3. PRICING ELEMENT ------------------------------------------------------------------------*/ .pricing-table { overflow: hidden; overflow: hidden; position: relative; z-index: 10; /* margin-left: -15px; margin-right: -15px;*/ } .pricing-table.MinimalStyle { box-shadow: 0 20px 70px rgba(38, 42, 76, 0.05); background: #fff; } .comparison-pricing-table .pricing-row.active span, .comparison-pricing-table .vc_custom_heading.active, .comparison-pricing-table .pricing-row.active, .comparison-pricing-table .pricing-row.active strong, .comparison-pricing-table .pricing-row.active .pricing-opt-x-icon i, .comparison-pricing-table .pricing-row.active i { color: #fff; } .comparison-pricing-table .pricing-options-container .pricing-tooltip-content { width: 90%; margin-left: -45%; } .comparison-pricing-table .pricing-wrapper .pricing { overflow: visible; } .comparison-pricing-table .pricing .pricing-row { padding: 8px 0; min-height: 42px; border-top: 1px solid rgb(181 181 181 / 30%); } /*.comparison-pricing-table .pricing-headings .vc_custom_heading:first-child,*/ .comparison-pricing-table .pricing .pricing-row:first-child { border-top:none; } .comparison-pricing-table .pricing-headings .vc_custom_heading.strong { font-weight: bold; font-size: 15.5px; } .comparison-pricing-table .pricing .pricing-row .pricing-option { font-weight: 400; } .comparison-pricing-table .pricing-headings .vc_custom_heading {font-weight: inherit;min-height: 42px;padding-right: 15px;border-top: 1px solid rgb(181 181 181 / 30%);font-weight: inherit;font-size: inherit;line-height: 40px;} .comparison-pricing-table .mobile-title { display: none; margin-right: 10px; } .comparison-pricing-table .mobile-title.strong { font-weight: bold; } @media (max-width: 1199px) { .comparison-pricing-table .mobile-title { display: inline-flex; } .comparison-pricing-table .pricing-options-container.DetailedStyle .pricing-row:first-child { padding-top: 8px; } .comparison-pricing-table .pricing-table.DetailedStyle.active { margin:0; margin-bottom: 50px; } .comparison-pricing-table .pricing-options-container.DetailedStyle .pricing-row { overflow: visible; } } @media (min-width: 1200px) { .comparison-pricing-table .pricing-table.DetailedStyle.active .pricing-options-container { padding-top: 0; } } .comparison-pricing-table .pricing-table.DetailedStyle.active, .comparison-pricing-table .pricing-table.DetailedStyle { margin-left: 0; margin-right: 0; border-radius: 0; overflow: visible; } .comparison-pricing-table .pricing .pricing-option { font-size: inherit; } .pricing-table .pricing-img { width: 100%; text-align: center; padding-top: 35px; margin-bottom: -20px; } .pricing-table .pricing-img i { font-size: 48px; margin: auto; float: none; } .pricing-table.active { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); border-bottom-color: transparent; } .pricing-table.MinimalStyle .pricing-title { padding-top: 45px; } .pricing-meta { padding-bottom: 0; margin-bottom: 0; display: inline-block; margin-top: 0; line-height: 1; } .pricing-table.DetailedStyle .pricing-meta { opacity: 1; } .active .pricing .currency, .active .pricing .pricing-price { } .pricing-table .tt_button { background: transparent; } .pricing-table .tt_button:hover, .pricing-table.active .tt_button { color: #fff; } .pricing-table.active.MinimalStyle .pricing-options-container { background: rgb(0 0 0 / 0.2); } .pricing-table.active.MinimalStyle.has-bg-color .pricing .pricing-subtitle, .pricing-table.active.MinimalStyle.has-bg-color .pricing-time { opacity: 0.7; } .pricing-wrapper .pricing { overflow: hidden; position: relative; border-top: none; width: 100%; margin: 0; padding: 0; padding-top: 24px; padding-bottom: 45px; } .pricing-wrapper .pricing.active { opacity: 0.85; border-top: 0; } .pricing-title { text-align: center; color: inherit; font-size: 18px; padding: 10px 0 0 0; } .pricing-table.light-scheme .pricing-title {background: #fafafa} .pricing-title .other-text { font-weight: bold; margin-top: 0px; color: inherit; font-size: initial; text-transform: capitalize; } .pricing .pricing-row { padding: 5px 0; float: left; padding-left: 0; padding-right: 0; width: 100%; position: relative; } .pricing .pricing-row:last-child { border-bottom: 0; } .pricing .pricing-row.selected { background-color: whitesmoke; font-weight: bold; color: #666; font-size: 14px; padding-top: 13px; margin-top: 10px; margin-bottom: -13px; padding-bottom: 13px; } .pricing.active .pricing-row.selected { background: rgba(255, 255, 255, 0.2); color: #fff; } .pricing .col-lg-3 { display: block; width: 100% !important; margin-top: 0; margin-bottom: 0; padding: 0; padding-bottom: 40px; text-align: center; border-bottom: 1px solid rgb(181 181 181 / 30%); } .pricing .pricing-subtitle { margin-top: 24px; display: block; padding: 0 30px; } .pricing .pricing-price.sale-yes .pt-normal-price { position: relative; margin-right: 10px; font-size: 0.8em; vertical-align: initial; } .pricing .pricing-price.sale-yes .pt-normal-price:after { top: 50%; background: #777af2; opacity: 0.8; content: ''; width: 110%; position: absolute; height: .12em; border-radius: 30px; left: -10%; white-space: nowrap; display: block; transform: rotate(-15deg); } .pricing .col-lg-3 .row { display: flex; align-items: baseline; justify-content: center; } .pricing.active .col-lg-3 { color: #fff; } .pricing .pricing-price { display: inline-block; font-size: 43px; font-weight: 400; width: auto; line-height: 1; margin-bottom: 0; letter-spacing: -0.01em; } .pricing.secondary-price .pricing-time.default-plan, .pricing.secondary-price .pricing-price.default-plan, .pricing.secondary-price .pricing-option-text.default-plan, .pricing .pricing-time.secondary-plan, .pricing .pricing-price.secondary-plan, .pricing .pricing-option-text.secondary-plan { display: none; } .pricing.secondary-price .pricing-time.secondary-plan, .pricing.secondary-price .pricing-price.secondary-plan { display: block; } .pricing.secondary-price .pricing-option-text.secondary-plan{ display: inherit; display: contents; } .pricing .pricing-time { font-family: inherit; text-align: center; margin-bottom: 0; font-size: 20px; color: #cccccc; /* font-weight: 500; */ } .pricing .iconita { font-size: 48px; height: 52px; } .pricing .pricing-option { font-weight: inherit; font-size: 17px; font-weight: 500; } .pricing .DetailedStyle .pricing-option strong, .pricing .DetailedStyle .pricing-option { font-weight: 700; } .pricing .pricing-option-text span { font-weight: 400; color: #696969; } .pricing .pricing-row.selected .pricing-option { font-size: 14px; } .pricing.active .pricing-option { color: #fff; } .pricing .pricing-row.selected .fa { font-size: 13px; top: 0; } .pricing .pricing-row i { position: relative; margin-right: 0; font-size: 14px; line-height: 20px; color: #00d664; margin-left: 20px; } .pricing .MinimalStyle .pricing-row i { } .pricing .DetailedStyle .pricing-row i { margin-left: 10px; } .pricing .fa-check { line-height: 20px; } .pricing .pricing-row .pricing-opt-x-icon i { color: #ff3366; } .pricing.active .fa { color: #fff; } .pricing .currency { margin-right: 0; } .pricing .billing-time { color: #b3b3b3; font-size: 14px; line-height: 14px; margin-top: 8px; } .pricing.active .billing-time { color: #fff; } .pricing .secondary-button { background: transparent; } .pricing-table.active .tt_button:hover, .pricing-table .tt_button:hover { background: transparent; } .pricing-table.transparent-scheme { background: transparent!important; } .pricing-options-container { float: left; margin-bottom: 45px; width: 100%; padding: 0; border-bottom: 1px solid rgb(181 181 181 / 30%); padding-left: 0px; padding-right: 0px; padding-bottom: 40px; padding-top: 40px; } .pricing-options-container.MinimalStyle { padding-left: 60px; padding-right: 60px; } .pricing .pricing-image img { max-width: 100%; height: auto; margin-bottom: 40px; } .pricing-table.DetailedStyle.active .pricing-options-container { padding-top: 45px; margin-bottom: 55px; padding-bottom:45px; } .pricing .pricing-list-title { line-height: 25px; max-width: 90%; margin: auto; float: none; } .pricing .tt_button { margin-bottom: 0; margin-top: 0; } .pricing-table.DetailedStyle { overflow: hidden; margin-left: 0; margin-right: 0; background: #fff; z-index: 9; position: relative; box-shadow: 0 20px 70px rgba(38, 42, 76, 0.05); } .pricing-table.DetailedStyle.active .pricing .col-lg-3 {padding-bottom: 45px;padding-top: 5px;} .pricing-table.DetailedStyle .pricing-title { padding-top: 0; } .pricing-table.DetailedStyle.active { background: #fff; z-index: 10; position: relative; border: none; margin: -30px -40px; padding-bottom: 15px; box-shadow: 0 20px 70px rgba(38, 42, 76, 0.15); } .pricing-table.DetailedStyle.active .pricing { padding-top: 39px; } .pricing-table.DetailedStyle.active .tt_button { } .pricing-table.DetailedStyle .pricing-title { font-size: 28px; } .pricing-table.DetailedStyle .pricing .pricing-price { font-size: 38px; letter-spacing: -0.03em; font-weight: 400; } .pricing-table.DetailedStyle .pricing-title .pricing-title-content { padding: 0 40px; line-height: 70px; font-size: 22px; font-weight: 400; background: #e7e7e7; } .pricing-table.DetailedStyle.active .pricing-title .pricing-title-content { color:#fff; } .pricing-table.DetailedStyle .pricing .currency { margin-right: 5px; margin-left: 5px; top: 0; color: inherit!important; } .pricing-table.DetailedStyle .pricing .pricing-time { } .pricing-table.DetailedStyle .pricing { padding-top: 35px; padding-left: 0; padding-right: 0; } .pricing-options-container.DetailedStyle { text-align: center; padding-top: 35px; padding-bottom: 35px; } .pricing-options-container.DetailedStyle .pricing-row { } .pricing-options-container.DetailedStyle .pricing-row:last-child { border-bottom: none; } .pricing-options-container.DetailedStyle .pricing-row .fa { display: none; margin-right: 10px; } .container .pricing-title-content { margin-bottom: 0; } .pricing-options-container .pricing-tooltip-content { opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); position: absolute; background-color: #fff; font-size: 14px; margin: 0; padding: 30px; font-family: inherit; width: auto; display: block; right: 10px; top: 42px; border-radius: 0; -webkit-box-shadow: 0 20px 70px rgba(38, 42, 76, 0.1); -moz-box-shadow: 0 20px 70px rgba(38, 42, 76, 0.1); box-shadow: 0 20px 70px rgba(38, 42, 76, 0.1); -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; width: 300px; z-index: 100; font-weight: 500; left: 50%; margin-left: -150px; pointer-events: none; } #single-page p.pricing-option-tooltip { margin-bottom: 0; } .pricing-options-container .pricing-option-text.with-tooltip { cursor: pointer; border-bottom: 2px dotted #a7a7a7; } .pricing-options-container .pricing-option:hover .pricing-tooltip-content { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* ------------------------------------------------------------------------ 4. TESTIMONIALS ELEMENT ------------------------------------------------------------------------*/ .testimonials.slider { width: 100%; } .testimonials.slider .tt-content .testimonial-quote { display: block; text-align: center; width: 100%; margin: 0 auto; margin-bottom: 35px; } .testimonials.slider .tt-content h6 { font-size: 32px; letter-spacing: -0.01em; line-height: 1.3; } .testimonials.slider .tt-content .content { line-height: 25px; color: inherit; width: 100%; text-align: center; font-weight: 400; margin-left: 10px; } .testimonials.slider .tt-container { max-width: 50%; position: relative; margin-right: 0; text-align: left; margin-top: 20px; } .testimonials.slider.with-image .tt-content {position:relative;background: #fff; margin: auto;max-width: 770px;margin-top: 0;margin-bottom: 40px;box-shadow: 0 20px 70px rgba(38, 42, 76, 0.2);overflow: hidden;} .testimonials.slider.with-image .tt-content .tt-content-inner {display:flex} .testimonials.slider.with-image .owl-wrapper-outer { overflow:visible; } .testimonials.slider.with-image .tt-content:after { content:""; position:absolute; width:100%; bottom:1px; z-index:-1; left: 0; transform:scale(.9); box-shadow: 0px 0px 90px 20px rgba(0, 0, 0, 0.3); display: none; } .testimonials.slider.with-image .tt-container { position: relative; padding: 50px; max-width: 385px; border-radius: 0px; z-index: 10; margin: 0; padding-bottom: 20px; padding-right: 45px; padding-top: 60px; } body .testimonials.slider.with-image .tt-container h6, body .testimonials.slider.with-image .tt-container h6 p { margin-bottom: 30px; font-size: 26px; font-weight: 500; text-align:left; } .testimonials.slider.with-image .tt-container .content, .testimonials.slider.with-image .tt-container .author { text-align:left; font-size: inherit; width: 100%; display: block; margin: 0; color: #acacac; } .testimonials.slider.with-image .tt-container p { font-size: 16px; padding-bottom: 12px; } .testimonials.slider.with-image .tt-container h5 { font-size: 18px; font-weight: 500; } .testimonials.slider.with-image .tt-container .testimonial-title { margin-bottom: 30px; } .testimonials.slider.with-image .tt-container h5 img { width: 22px!important; height: 22px!important; margin-left: 7px!important; } .testimonials.slider.content-left , .testimonials.slider.content-left .heading-separator, .testimonials.slider.content-left h3, .testimonials.slider.content-left .tt-content h6, .testimonials.slider.content-left .tt-container { text-align: left; margin-left: 0; } .testimonials.slider.content-left { margin:auto; } .testimonials.slider.content-left .owl-dots { right: 6px; } .testimonials.slider.content-left .owl-dots, .testimonials.slider.content-left .tt-container { max-width: 46%; } .testimonials.slider.without-image .tt-container{ max-width: 100%; float: none; margin: 0; } @media (min-width:960px) { .testimonials.slider .owl-nav { width: 100%; top: 50%; z-index: 199; max-width: 1000px; margin: auto; position: absolute; left: 50%; margin-left: -500px; pointer-events: none; margin-top: -20px; } .testimonials.slider.with-image .owl-nav {margin-top: -40px;} } .testimonials.slider.without-image .tt-content h6, .testimonials.slider.without-image .tt-content .testimonial-quote { max-width: 700px; } .testimonials.slider .author { font-weight: 500; text-align: center; width: 100%; display: block; line-height: 1; font-size: 16px; color: #acacac; } .testimonials.slider .testimonial-spacing { font-size: 18px; font-weight: 700; margin: 0 4px; } .with-overlay .testimonials.slider .tt-quote, .with-overlay .testimonials.slider .author, .with-overlay .testimonial-spacing, .with-overlay .testimonials.slider h3, .with-overlay .testimonials.slider .tt-content h6, .with-overlay .testimonials.slider .tt-content .content { color: #fff } .with-overlay .testimonials.slider span { opacity: 0.3 } .with-overlay .testimonials.slider .tt-content .content, .with-overlay .testimonials.slider h6 { opacity: 0.85; } .with-overlay .testimonials.slider span { background: #fff; } .with-overlay .testimonials.slider .owl-dot.active span, .with-overlay .testimonials.slider .owl-dot.active:hover span, .with-overlay .testimonials.slider .owl-dot:hover span { border-color: #fff !important; } .tt-images { text-align: center; margin-bottom: -140px; font-size: 0; } .tt-image { width: auto; margin: auto; max-width: 400px; } .testimonials.slider.without-image .tt-image { display: flex; max-width: max-content; border-radius: 100%; overflow: hidden; margin-bottom: 35px; padding: 10px; } .testimonials.slider.without-image .tt-image img { width: 100%; height: auto; height: intrinsic; max-width: 130px; border-radius: 100%; } .tt-image img { display: block; width: auto; float: left; max-width: 100%; height: auto; border-radius: 0px; } .testimonials.slider.with-image .owl-dots { margin-top: 0; z-index: 10; } .testimonials.slider.with-image .owl-dots span { } .testimonials.slider.with-image .owl-dots .active span, .testimonials.slider.with-image .owl-dots span:hover { opacity: 1; } .testimonials.slider .owl-buttons { text-align: center; display: none; } .testimonials.slider .owl-buttons div { text-align: center; } .slider.testimonials { text-align: center; position: relative; margin-top: 0; margin: auto; width: 100%; z-index: 99; max-width: 1240px; display: block; opacity: 1; } .testimonials.owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .testimonials.owl-carousel .owl-item.active { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .white-navigation .owl-nav div { color: #fff!important; border: 2px solid rgba(255, 255, 255, 0.25) !important; } .white-navigation .owl-nav div:hover { opacity: 1; } .white-navigation .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.25) !important; } .white-navigation .owl-dots .owl-dot.active span { background-color: rgba(255, 255, 255, 1) !important; } .white-navigation .owl-dots .owl-dot:last-child::after { background-color: #fff !important; } /* ------------------------------------------------------------------------ 5. TEAM MEMBER ------------------------------------------------------------------------*/ .team-member { text-align: center; position: relative; margin: 15px; } .team-image { width: auto; margin: auto; margin-top: 0; margin-bottom: 0; } .team-member.design-classic .team-image img { margin: 0 auto; border: none; height: auto; width: 100%; display: block; margin-right: 0; padding-bottom: 0; border-radius: 5px; margin: auto; margin-top: 15px; max-width: calc(100% - 30px); } .team-content { padding: 0; position: relative; z-index: 100; margin-top: 0; margin-bottom: 0; } .team-member-down .team-content { margin-top: 0; margin-bottom: -50px; } .team-content h5 { line-height: 1; margin: 0; margin-bottom: 5px; text-align: center; } .team-content .team-subtitle { margin-bottom: 20px; display: block; font-style: normal; color: inherit; } .team-content p { margin-bottom: 0; } .team-link a { font-weight: 600; } .team-content-hover { z-index: 100; width: auto; margin-left: 0; text-align: left; display: block; padding: 35px; float: right; opacity: 1; max-width: 335px; padding-left: 0; } .team-image:hover .team-content-hover { } .team-content-hover p { font-weight: inherit; position: relative; } .team-image:hover .team-content-hover p { } .team-content-hover .gradient-overlay { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0); } .team-content .team-content-hover h5 { text-transform: uppercase; font-weight: bold; position: relative; } .team-content .team-content-hover .team-subtitle { position: relative; opacity: 0.6; line-height: 1; } .team-socials { position: relative; margin: auto; margin-top: 20px; width: 100%; z-index: 101; text-align: left; line-height: 1; } .team-socials a { color:inherit; opacity:0.7; } .team-socials a:hover { opacity:1; } .team-socials .fab, .team-socials .fa { color: inherit; margin: 0 20px 0 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .team-socials .fab:hover, .team-socials .fa:hover { opacity: 1; } .email-wrapper, .phone-wrapper { font-weight: bold; color: #fff; position: absolute; cursor: pointer; bottom: 41px; height: 36px; padding-right: 15px; display: inline-block; white-space: nowrap; line-height: 36px; width: auto; left: 100%; -webkit-transform: translateX(-36px); -moz-transform: translateX(-36px); transform: translateX(-36px); -webkit-transition: transform .25s ease; -moz-transition: transform .25s ease; transition: transform .25s ease; } .phone-wrapper .team-phone, .email-wrapper .team-email { padding-left: 5px; } .email-wrapper { bottom: 0; } .design-classic .email-wrapper {top: 41px;} .design-classic .phone-wrapper {top: 0; } .email-wrapper:hover, .phone-wrapper:hover { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .email-wrapper .iconsmind-Mail, .phone-wrapper .iconsmind-Telephone { display: inline-block; width: 36px; height: 36px; margin: 0; font-size: 18px; text-align: center; line-height: 36px; } .team-member.design-creative .team-image { -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); } .team-member.design-creative .team-image:hover { } .team-member.design-classic { border: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; overflow: hidden; box-shadow: 0 10px 35px rgba(38, 42, 76, 0.1); border: 1px solid #e7e7e7; background: #fff; } .team-member.design-classic:hover { } .four-elem-team .team-member.design-classic { margin-left: 10px; margin-right: 10px; } .team-member.design-classic .team-content p { color: inherit; margin-bottom: 20px; text-align: center; } .team-member.design-classic .team-socials { position: relative; margin: auto; width: 100%; background: none; padding: 0; border-radius: 0; max-width: 100%; text-align: left; margin-bottom: 0; line-height: 1; color: inherit; z-index: 10; display: flex; text-align: center; justify-content: center; margin-top: 30px; } .team-member.design-classic .kd-team-contact {z-index: 10;position: relative;width: 100%;display: flex;} .team-member.design-classic .kd-team-contact .kd-team-email, .team-member.design-classic .kd-team-contact .kd-team-phone { position: relative; display: block; padding: 0; color: inherit; transition: 1s cubic-bezier(0.25, 1, 0.2, 1); opacity: 1; width: 50%; text-align: center; } .vc_col-sm-3 .team-member.design-classic .kd-team-contact { flex-direction: column } .vc_col-sm-3 .team-member.design-classic .kd-team-contact .kd-team-email, .vc_col-sm-3 .team-member.design-classic .kd-team-contact .kd-team-phone { width: 100%; max-width: 100%; margin-bottom: 5px; } .team-member.design-classic .kd-team-contact .kd-team-phone { margin-right: 0; } .team-member.design-classic .kd-team-contact a { z-index: 1; position: relative; width: 100%; display: block; padding-right: 0; line-height: 1; font-size: 13px; font-weight: 500; -webkit-transition: all .4s cubic-bezier(.25,1,.2,1); transition: all .4s cubic-bezier(.25,1,.2,1); } .team-member.design-classic .kd-team-contact span { -webkit-transition: all .4s cubic-bezier(.25,1,.2,1); transition: all .4s cubic-bezier(.25,1,.2,1); margin-right: 8px; font-size: 15px; font-weight: 400; } .team-member.design-classic .kd-team-contact span:before {} .team-member.design-classic .kd-team-contact .kd-team-email:before, .team-member.design-classic .kd-team-contact .kd-team-phone:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 25px; opacity: 0.2; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); display: none; } .team-member.design-classic .team-socials a { color:inherit; position: relative; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; margin: 0 5px; opacity: 1; transition: background 0.4s cubic-bezier(0.25, 1, 0.2, 1); border-radius: 100%; font-size: 16px; } .team-member.design-classic .team-socials a:hover .fa, .team-member.design-classic .team-socials a:hover .fab { color: #fff; } .team-member.design-classic .team-socials a:hover:after { opacity: 1; } .team-member.design-classic .team-content .team-subtitle { margin-bottom: 20px; display: block; color: #7c7c7c; font-weight: inherit; opacity: 1; text-align: center; /* font-size: 16px; */ } .team-member.design-classic .team-content h4 { margin-bottom: 10px; line-height: 1; } .team-member.design-classic .team-socials .fab, .team-member.design-classic .team-socials .fa { margin: auto; font-size: 15px; -webkit-transition: color .3s cubic-bezier(.25,1,.2,1); -moz-transition: color .3s cubic-bezier(.25,1,.2,1); -o-transition: color .3s cubic-bezier(.25,1,.2,1); transition: color .3s cubic-bezier(.25,1,.2,1); line-height: 40px; } .team-member.design-classic .team-socials .fab:hover, .team-member.design-classic .team-socials .fa:hover { opacity:1; } .team-member.design-classic img { width: 100%; margin: 0; max-width: 100%; } .team-member.design-classic .team-image { max-height: 100%; border: none; } .team-member.design-classic .team-content-text { text-align: left; padding: 35px 30px; padding-top: 32px; border-top: none; background: #fff; } .team-member.design-classic .team-content-text .team-content-text-inner { z-index: 10; position: relative } .team-member.design-creative .team-content-hover { position: absolute; left: 0; top: 0; bottom: -100%; overflow: hidden; width: 100%; height: 100%; margin-left: 0; padding: 30px; text-align: center; opacity: 0; border: none; box-shadow: none; background: none; border-radius: 100%; box-sizing: border-box; -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); -o-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); z-index: 100; } .team-member.design-creative .team-content-hover:before { position: absolute; width: 100%; height: 100%; content: ''; left: 0; top: 0; opacity: 0.5; -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); background: #030f27; } .team-member.design-creative img { padding-top: 0; border-radius: 100%; } .team-member.design-creative .team-image:before { position: absolute; width: 100%; height: 100%; content: ''; opacity: 0; top: 0; left: 0; border-radius: 100%; -webkit-transition: 0.4s cubic-bezier(0.3,0.58,0.55,1); transition: 0.4s cubic-bezier(0.3,0.58,0.55,1); display: none; } .team-member.design-creative .team-image:hover .team-content-hover { opacity: 1; } .team-member.design-creative .team-image:hover:before { opacity: 0.2; width: calc(100% + 30px); height: calc(100% + 30px); left: -15px; top: -15px; } .team-member.design-creative .team-content-hover p { position: relative; -webkit-transition: 0.25s ease-in; -o-transition: 0.25s ease-in; transition: 0.25s ease-in; } .team-member.design-creative .team-content-hover p a { color: #fff; font-size: 13px; } .team-member.design-creative .team-content-hover .team-link a:hover { text-decoration: underline; } .team-member.design-creative .team-image:hover .team-content-hover p { opacity: 1; } .team-member.design-creative .team-content .team-content-hover h4 { position: absolute; top: 72%; left: 0; width: 100%; margin-bottom: 10px; color: #fff; font-size: 18px; font-weight: 500; line-height: 1; -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transform: translateY(15px); letter-spacing: 0.01em; font-family: inherit; text-transform: inherit; } .team-member.design-creative.team-with-link .team-content .team-content-hover h4 { top: 65%; } .team-member.design-creative .team-image .team-content-hover .team-subtitle, .team-member.design-creative .team-content .team-content-hover .team-link { -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transform: translateY(15px); } .team-member.design-creative .team-image:hover .team-content-hover .team-subtitle, .team-member.design-creative .team-image:hover .team-content-hover h4, .team-member.design-creative .team-content .team-content-hover .team-link { transform: translateY(0); } .team-member.design-creative .team-content .team-content-hover .team-link { position: absolute; top: 80%; left: 0; width: 100%; } .team-member.design-creative .team-content .team-content-hover .team-link .fa { color: #FFF; } .team-member.design-creative .team-content .team-content-hover .team-link .fa:hover { opacity: 0.5; } .team-member.design-creative .team-content .team-content-hover .team-subtitle { color: #fefefe; font-size: inherit; position: absolute; top: 80%; width: 100%; left: 0; letter-spacing: 0.01em; } .team-member.design-creative.team-with-link .team-content .team-content-hover .team-subtitle { top: 73%; } .team-member.design-creative { max-width: 335px; margin: 20px 40px; border-radius: 100%; } .four-elem-team .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative { margin: 20px; } .team-member.design-creative .team-socials {text-align: center;position: absolute;left: 0;margin: 0;-webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1);transition: 0.2s cubic-bezier(0.2,0.58,0.55,1);opacity: 0.5;transform: translateY(-15px);top: 57%;} .team-member.design-creative .team-image:hover .team-socials { opacity: 1; transform: translateY(0px); } .team-member.design-creative .kd-team-contact { text-align: center; position: absolute; left: 0; top: 20%; width: 100%; margin: 0; } .team-member.design-creative .team-socials a, .team-member.design-creative .kd-team-contact a { opacity: 1; color: #fff; background: rgba(255, 255, 255, 0.3); width: 32px; height: 32px; display: inline-block; text-align: center; line-height: 33px; font-size: 14px; border-radius: 100%; margin: 0 5px; -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); } .team-member.design-creative .team-socials a .fa, .team-member.design-creative .kd-team-contact a .fa, .team-member.design-creative .team-socials a .fab, .team-member.design-creative .kd-team-contact a .fab { color: #fff; } .team-member.design-creative .team-socials a:hover, .team-member.design-creative .kd-team-contact a:hover { background: #fff; } .team-member.design-creative .team-socials a:hover span, .team-member.design-creative .kd-team-contact a:hover span { color: #1a1a1a; } .team-member.design-creative .team-socials a .fa, .team-member.design-creative .kd-team-contact a .fa, .team-member.design-creative .team-socials a .fab, .team-member.design-creative .kd-team-contact a .fab { margin: 0; } .team-member.design-creative .kd-team-contact .kd-team-phone, .team-member.design-creative .kd-team-contact .kd-team-email { display: inline-block; } .team-member.design-minimal { border: 1px solid #e5e7f2; border-radius: 0px; background: #fff; } .team-member.design-minimal h4 { line-height:1; margin-bottom: 7px; font-size: 20px; } .team-member.design-minimal .team-subtitle { font-weight:400; opacity:1; } .team-member.design-minimal .team-socials { position: absolute; right: 0; text-align: right; top: 0; padding-right: 10px; margin-top: 35px; } .team-member.design-minimal .team-socials a { opacity:1; } .team-member.design-minimal img { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; padding-top: 50px; } .team-member.design-minimal:hover img { -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .team-member.design-minimal:hover .team-content-hover { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .team-member.design-minimal .team-content-hover { position:absolute; width: 100%; padding: 30px; text-align: center; text-align: left; height: 100%; background: none; max-width: 100%; -webkit-transition-duration: 250ms !important; transition-duration: 250ms !important; -webkit-transition-timing-function: cubic-bezier(0.4,.050,.55,.9) !important; transition-timing-function: cubic-bezier(0.4,.050,.55,.9) !important; -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); opacity: 0; } .kd-team-phone .team-phone-label, .kd-team-email .team-email-label { padding-right: 4px; color: inherit; font-weight: bold; } .team-member.design-classic.socials-disabled .kd-team-contact { z-index: 10; position: relative; bottom: inherit; right: inherit; width: 100%; display: inline-block; } .team-member.design-classic.socials-disabled .kd-team-contact .kd-team-email, .team-member.design-classic.socials-disabled .kd-team-contact .kd-team-phone { float: left; } /* ------------------------------------------------------------------------ 6. FEATURES TABS ------------------------------------------------------------------------*/ .fullwidth .features-tabs {margin: 0 -15px;} .features-tabs .container { position: relative; } .vc_tta-container .features-tabs .active { visibility: visible!important; } .features-tabs .tab-image-container { position: relative; height: auto; width: 64%; float: left; max-width: 770px; z-index: 10; } .features-tabs .tab-image-container img { width: 100%; height: auto; border-radius: 0px; margin-bottom: 0; box-shadow: 0 10px 70px rgba(119, 122, 242, 0.15); } .features-tabs h2.section-heading { text-align: left; } .features-tabs .section-subheading { margin-bottom: 30px; margin-top: 5px; text-align: left; max-width: 450px; float: left; line-height: 25px; } .features-tabs .tabs { margin: 0; padding: 0; height: auto; margin-top: 0; float: right; width: 35%; } .features-tabs .tab { display: inline-block; width: 100%; margin-bottom: 20px; padding: 0; background: #fff; zoom: 1; border: none; border-radius: 0px; text-align: left; box-shadow: 0 5px 40px rgba(0, 0, 0, .07); } .features-tabs .tab:last-child { margin-bottom:0; } .features-tabs .tab.active:hover { } .features-tabs .tab:hover { } .features-tabs .tab:first-child { border-top: none; } .features-tabs .tab a { display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: inherit; padding: 35px 40px; border-radius: 0px; } .features-tabs .tab a:hover { color: inherit; background: #f7f9fb; } .features-tabs .tab.active a:hover { background: inherit; } .features-tabs .tab a h5 { text-transform: none; margin-top: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .features-tabs .tab a p { font-size: inherit; color: inherit; margin-top: 14px; } #single-page .features-tabs .tab a p {margin-bottom: 0;} .features-tabs .tab.active:hover .fa, .features-tabs .tab.active .fa, .features-tabs .tab.active * { color: #fff; } .features-tabs .tab:after {border-color:transparent;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;z-index: 20;opacity: 1;content: "";display: block;position: absolute;top: 50%;margin-top: -14px;left: 95%;margin-left: -2px;width: 0;border-top: 14px solid transparent!important;border-bottom: 14px solid transparent!important;border-left: 14px solid transparent;} .features-tabs .tab.active:after {opacity: 1;left: 100%;} .tabs-image-left.features-tabs .tab.active:after { right:auto; left:0; margin-left:-12px; border-left:0; border-right:14px solid; } .features-tabs .tab h4 {margin-bottom: 0;} .features-tabs .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } .features-tabs .tab a .triangle { opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; position: absolute; left: 0; margin-left: -10px; top: 50%; margin-top: -10px; border-right: 10px solid #f7f7f7; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; width: 0; } .features-tabs .tab.active a .triangle { opacity: 1; } .features-tabs .tab:hover .fa, .features-tabs .tab .fa { font-size: 45px; position: absolute; left: 58px; top: 55px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; font-weight: 100; color: rgba(0, 0, 0, 0.2); opacity: 1; } .vc_tta-container .features-tabs .active { visibility: visible!important; } .tt-tab-customimg { position: absolute; left: 62px; top: 68px; color: inherit; font-weight: 100; opacity: 0.6; } .features-tabs .tab.active .tt-tab-customimg img { -webkit-filter: brightness(2); } .tt-tab-customimg img { display: block; } .features-tabs .tab .triangle .inner-triangle { display: block; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: 2px; position: absolute; left: -8px; } .features-tabs .tab-controls { padding-left: 0px; margin-bottom: 0; width: 33%; position: absolute; } .tabs-image-left.features-tabs .tab-controls { left: inherit; width: 33.5%; right: 0; } .features-tabs .tab-controls li { background: none; padding-left: 0; list-style: none; margin: 0; position: relative; overflow: hidden; transition: 0.2s ease; margin-bottom: 15px; } .features-tabs .tab-controls li:after { content: ""; transition: 0.2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; height: 5px; width: 0; top: 0; background-color: #ccc; } .features-tabs .tab-controls li.active:after { width:100%; } .features-tabs .tab-controls li a { display: flex; align-items: center; padding: 30px 35px 28px 35px; color: inherit; font-weight: inherit; border-radius: 5px; transition: 0.2s ease; border: 1px solid #e7e7e7; margin-bottom: 0; } .features-tabs .tab-controls li a:hover { background: #fff; border-color: #fff; } .features-tabs .tab-controls li i { font-size: 20px; font-weight: 600; margin-right: 15px; } .features-tabs .tab-controls li:not(.active) .fa { color: inherit; } .features-tabs li.active a {background: #fff;color: inherit;border: 1px solid #fff;} .features-tabs li:hover, .features-tabs li.active {box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1);} .tabs-image-right.features-tabs .tabs {float: left;} .tabs-image-right.features-tabs .tab-image-container {float: left;margin-left: 8%;margin-left: 0;} .tabs-image-right.features-tabs .tab a .triangle { right: 0; margin-right: -10px; top: 50%; left: inherit; margin-top: -10px; border-left: 10px solid transparent; height: 0; border-right: 0!important; border-bottom: 10px solid transparent; border-top: 10px solid transparent; width: 0; } .container .tab-text-container .tab-title, .container .tab-text-container h2 {padding-top: 0;margin-bottom: 15px;font-size: 18px;font-weight: 600;transition: 0.2s ease;} .tab-text-container p {margin-bottom: 0!important;} .tab-text-container {/* float: left; */} .tabs-image-left .tab-text-container {/* float: right; */} .features-tabs li.active .tab-title { transform: translateX(20px); } .features-tabs li .tab-text-container:before { display: block; height: 10px; content: ''; position: relative; -webkit-transition: 0.2s ease; transition: 0.2s ease; width: 10px; float: left; border-radius: 100%; margin-left: 8px; margin-top: 8px; background: #ccc; position: absolute; transform: translateX(10px); opacity: 0; } .features-tabs li.active .tab-text-container:before { opacity:1; transform: translateX(0px); } .tabs-image-right.features-tabs.tab-img-fullwidth .tab-image-container { margin-left: -30%; width: 100%; max-width: 1100px; margin-right: 0; } .tabs-image-left.features-tabs.tab-img-fullwidth .tab-image-container { margin-left: -30%; width: 100%; max-width: 1100px; margin-right: 0; } @-moz-document url-prefix() { .features-tabs { display: contents; } } .features-tabs .ext-tab-overlay { background-color: #000; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; transition: opacity .8s cubic-bezier(.2,1,.2,1); -webkit-transition: opacity .8s cubic-bezier(.2,1,.2,1); backface-visibility: hidden; transform: translateZ(0); } .features-tabs .tab-image-container a:hover .ext-tab-overlay { opacity: 0.5; } .ext-tab-arrow { position: absolute; bottom: 50px; right: 50px; left: auto; background: #fff; height: 3px; width: 30px; margin: 0 auto; cursor: pointer; } .ext-tab-arrow:before, .ext-tab-arrow:after { content: ""; background: #fff; position: absolute; height: 3px; width: 15px; } .ext-tab-arrow:before { right: -3px; bottom: -4px; transform: rotate(-45deg); } .ext-tab-arrow:after { right: -3px; top: -4px; transform: rotate(45deg); } /* ------------------------------------------------------------------------ 7. PIE CHART ELEMENT ------------------------------------------------------------------------*/ .kd_chart { display: block; } .kd_pie_chart { display: block; position: relative; text-align: center; } .kd_pie_chart .kd_pc_title { text-transform: none; margin-top: 20px; margin-bottom: 22px; } #single-page .kd_pie_chart .kd_pc_desc, .kd_pie_chart .kd_pc_desc { margin-bottom: 0px; padding: 0 40px; } .kd_pie_chart .pc-link a { font-size: 12px; font-weight: bold; text-transform: uppercase; } .kd_pie_chart .pc_percent_container { font-size: 26px; position: absolute; font-weight: 500; letter-spacing: -0.01em; width: 100%; left: 0; line-height: 160px; width: 160px; left: 50%; margin-left: -80px; } .kd_pie_chart canvas { background: transparent; border-radius: 99%; } .pc_percent_container:before { content:''; width: 110px; height: 110px; border:2px solid #e7e7e7; display: block; z-index: 10; position: absolute; border-radius: 100%; top: 50%; left: 50%; margin-top: -55px; margin-left: -55px; box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1); } .kd_pie_chart .kd-piechart-icon, .kd_pie_chart .kd-piechart-customimg { position: absolute; width: 100%; left: 0; font-size: 48px; line-height: 170px; } .kd_pie_chart .kd-piechart-icon i { color:inherit; } .kd_pie_chart .kd-piechart-customimg img { max-height: 60px; width: auto; border-radius: 0; } .kd_pie_chart .pc_percent_container .pc_percent { margin-right: 0; } /* ------------------------------------------------------------------------ 8. CLIENTS ELEMENT ------------------------------------------------------------------------*/ .client { position: relative; } .client .client_overlay { position: absolute; width: 100%; height: 100%; opacity: 0.2; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .client a { z-index: 10; position: relative; display: block; } .client.grow:hover .client_overlay { width: 120%; margin-left: -10%; height: 140%; margin-top: -10%; } .client.circle:hover .client_overlay { border-radius: 50%; overflow: hidden; } .client.opacity:hover .client_overlay { opacity: 0.6; } .client img { display: block; margin: auto; } .container .client h4 { opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; text-transform: uppercase; text-align: center; margin: 0; position: absolute; width: 100%; bottom: 20px; transition: 0.2s; } .container .client:hover h4 { opacity: 1; bottom: -20px; } .clients .owl-buttons { display: block; } .slider.clients { margin-top: 0; text-align: center; display: block; width: 100%; top: 0; z-index: 1; } .clients .owl-wrapper { align-items: center; display: flex; } .clients.slider { max-width: 100%; margin: 0; } .clients.slider .clients-content { margin: 0; } .clients.slider .clients-content img { display: block; margin: auto; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: auto; max-width: 100%; height: auto; cursor: pointer; } .clients.slider.opacity-effect .clients-content img { opacity: 1; } .clients.slider.opacity-effect .clients-content img:hover { opacity: 0.65; } .clients.slider.grayscale-effect .clients-content img { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; opacity: 1; } .clients.slider.lift-effect .owl-item img { -webkit-transition: 0.2s cubic-bezier(0.3,0.58,0.55,1); transition: 0.2s cubic-bezier(0.3,0.58,0.55,1); } .clients.slider.lift-effect .owl-item img:hover { transform: translateY(-10px); } .clients.slider.grayscale-effect .clients-content img:hover { filter: brightness(30%); } .clients.slider.zoomin-effect .clients-content img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .clients.slider.zoomin-effect .clients-content img:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .clients.owl-carousel .owl-wrapper-outer { width: calc(100% - 2px); padding: 10px 0; } /* ------------------------------------------------------------------------ 9 VIDEO MODAL ------------------------------------------------------------------------*/ .video-container { position: relative; min-height: 120px; z-index: 10; } .video-container a { display: block; cursor: pointer; margin: auto; } .video-container img { margin: auto; display: block; height: auto; width: 100%; max-width: 1210px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; border-radius: 0px; /*box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1);*/ box-shadow: 0 10px 70px rgba(119, 122, 242, 0.15); } .video-container.no-shadow img { box-shadow: none; } .play-video.dark-style:hover, .play-video:hover { } .video-container.cover-image-leaf img { border-radius: 60px 0 ; } .video-container.cover-image-circle img { border-radius: 100%; } .play-video { position: absolute; left: 50%; top: 50%; margin-left: -60px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; transition: .2s ease-out!important; margin-top: -60px; border-radius: 50%; cursor: pointer; background: transparent; box-sizing: border-box; width: 120px; height: 120px; box-shadow: 0 15px 30px rgba(55, 126, 249, 0.15); } .tp-bullet-title { display: none!important } .play-video.dark-style { background: #1f1f1f; box-shadow: 0 0 0 15px rgba(31, 31, 31, 0.4); } .play-video.dark-style .fa-play { color:#fff; } .play-video {border: 60px solid rgb(255 255 255 / 0.9)!important;} .play-video:hover {border: 4px solid rgb(255 255 255 / 0.9)!important;transform: scale(0.9);} .play-video .sway-play { font-size: 23px; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: .2s ease-out !important; transform: translate3d(-50%,-50%,0); margin-left: 2px; } .play-video:hover .sway-play { color: #fff; } #video .overlay { position: absolute; top: 0; width: 100%; height: 100%; opacity: 0.9; } .video-social-text { display: none; } .share-icon { -webkit-transition: 250ms ease-in; -moz-transition: 250ms ease-in; -ms-transition: 250ms ease-in; -o-transition: 250ms ease-in; transition: 250ms ease-in; display: block; width: 14px; height: 16px; background: url(../img/share.png) no-repeat; margin: 0; margin-bottom: 50px; } .video-modal { padding: 0 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; z-index: 9999 !important; background: rgba(183, 187, 197, 0.0); } .video-modal.in { background: rgba(183, 187, 197, 0.7); } .vc_tta-panels .video-modal.in { background: none; } .video-modal iframe { border: 5px solid rgba(255, 255, 255, 0.25); border-radius: 3px; box-sizing: content-box; box-shadow: 0 0px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .video-modal .modal-content { padding: 0; border: 0; position: fixed; left: 50%; top: 50%; border-radius: 0; text-align: center; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; background: 0 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; transform: translate(-50%, -50%)!important; } .video-modal .modal-content .close { position: absolute; background-color: #fff; right: -35px; top: -35px; z-index: 999; border-radius: 90px; height: 30px; width: 30px; outline: none; font-size: 20px; text-shadow: none; opacity: 1; color: #1f1f1f; text-align: center; transition: 0.25s; font-weight: bold; font-family: arial; } .video-modal .modal-content .close:hover { color: #fff; } @media (max-width:960px) { .video-modal .modal-content .close { top: 15px; right: 15px; } .video-modal .video-modal-local { max-width: 100%; height: auto; max-height: 100%; } } .video-modal.in .modal-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .play-button-left .play-video { margin-left: 0px!important; left: 0; margin-top: 0!important; top: 0!important; } .video-container.small-video-btn { min-height: 80px; min-width: 80px; } .video-container.small-video-btn .play-video { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; border: 40px solid rgb(255 255 255 / 0.9)!important; } .video-container.small-video-btn .play-video .fa-play { width: 10px; height: 18px; font-size: 20px; } .video-container.small-video-btn a:not(.play-btn-hover-primary-color) .play-video:hover { border: 4px solid #fff!important; } .big-video-btn { min-width: 120px; } .play-button-left { display: inline-flex; margin-right: 20px; } .play-btn-hover-primary-color .play-video { border-width: 60px!important; } /* ------------------------------------------------------------------------ 10. BUTTON ------------------------------------------------------------------------*/ .tt_button { -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; text-align: center; border: none; color: #fff; padding: 0; padding: 18px 35px 18px 35px; margin: auto; box-sizing: border-box; cursor: pointer; z-index: 11; position: relative; line-height: 1; } .tt_button.btn-align-left { margin-right: 10px; display: inline-flex; } .tt_button .iconita { display: block; width: auto; height: auto; margin-left: 0; margin-right: 0; color: #fff; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-size: inherit; } .tt_button.icon_left .iconita { margin-right: 10px; } .tt_button.icon_right .iconita { margin-right: 0; margin-right: 12px; font-size: 12px; } .wpb_wrapper #loginform .button:hover, #wrapper .wpcf7 .wpcf7-submit:hover, .kd-side-panel .wpcf7 .wpcf7-submit:hover, .tt_button.btn_secondary_color:hover, .tt_button:hover { background-color: transparent; } .tt_button:hover { text-decoration: none; } .tt_button.btn_secondary_color.tt_button.tt_secondary_button { background: transparent!important; } .tt_button:focus { color: #fff; } .tt_button.slider-button:hover, .tt_button.tt_secondary_button { background: transparent; } .tt_button.btn_secondary_color.tt_secondary_button:hover, .tt_button.btn_secondary_color.tt_secondary_button:hover .iconita, .tt_button.tt_secondary_button:hover .iconita, .tt_button.tt_secondary_button:hover { color: #fff; } .tt_button.slider-button:hover { border-color: #fff; } .tt_button.second-style { min-width: 240px; background-color: white; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); padding: 0 35px; } .tt_secondary_button.tt_third_button { border:none } .tt_secondary_button.tt_third_button:hover { background: none!important; box-shadow: none; } .tt_button.second-style .iconita { font-size: 27px; float: left; margin-top: 10px; margin-right: 20px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .tt_button.second-style:hover .iconita { color: #fff; } .tt_button.second-style .sec_text { font-size: 10px; font-weight: 700; float: left; line-height: 1; letter-spacing: 0; margin-top: 10px; } .tt_button.second-style .prim_text { font-size: 14px; font-weight: 700; float: left; line-height: 1; margin-top: 3px; } .tt_button.second-style:hover { color: #fff; border: 2px solid #fff; } .tt_button.add-margin-right, .add-margin-right { margin-right: 10px; } .tt_button.add-margin-left, .add-margin-left { margin-left: 10px; } .tt_button.button-center { margin-left: auto; margin-right: auto; } /* ------------------------------------------------------------------------ 11. TRANSITIONS ------------------------------------------------------------------------*/ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1 } } @-moz-keyframes empty { 0% { opacity: 1 } } @keyframes empty { 0% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* ------------------------------------------------------------------------ 12. GOOGLE MAP ------------------------------------------------------------------------*/ .kd_map { height: 1000px; } .kd-contact-alertbox { max-width: 550px; margin: auto; margin-top: 30px; } .contact-map-container .business-info-wrapper { position: absolute; top: 50%; left: 50%; width: 28.5%; margin-left: -605px; padding: 70px; padding-bottom: 50px; background: #fff; border: none; border-radius: 7px; overflow: hidden; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; z-index: 10; box-shadow: 0 20px 70px rgba(38, 42, 76, 0.2); transform: translateY(-50%); max-width: 700px; } .contact-map-container .business-info-wrapper.minimize { width: 54px; height: 55px; padding:0; min-width: 0; min-height: 0; } .contact-map-container .business-info-wrapper.minimize * { opacity: 0; visibility: hidden; } .contact-map-container .business-info-wrapper.minimize .toggle-map-info { top: 13px; right: 13px; } .contact-map-container .business-info-wrapper.minimize .toggle-map-info:before { content: "\f0b2"; } .contact-map-container.right_info_panel .business-info-wrapper { margin-left: 0; margin-right: -605px; left: auto; right: 50%; } .business-info-wrapper .business-info-day, .business-info-wrapper p { padding-left: 70px; } .business-phone-row, .business-address-row { margin-bottom: 40px; } .business-info-header { margin-bottom: 50px; } .contact-map-container .business-info-wrapper .business-info-day { border-top: 1px solid rgba(255,255,255,.15); margin-bottom: 15px; line-height: 1; } .contact-map-container .business-info-wrapper .business-info-day:first-child { border:none; } .business-info-header span, .business-info-header i { font-style: normal; } .business-info-wrapper i { display: block; float: left; width: 50px; height: 50px; margin-right: 20px; font-size: 20px; font-weight: 400; text-align: center; border-radius: 15px; line-height: 48px; border: 1px solid; } .address-overflow { padding-left: 27px; display: block; } .business-info-header .business-email-row a { color: inherit; } .business-info-header .business-email-row, .business-info-header .business-phone-row, .business-info-header .business-address-row { display: block; margin-bottom: 18px; line-height: 1.2; } .contact-map-container .business-info-day-hours { float: right; } .contact-map-container .business-info-wrapper h4 { font-size: 18px; vertical-align: middle; margin-top: 0; margin-bottom: 20px; font-family: inherit; text-transform: inherit; font-weight: 500; } .contact-map-container { position: relative; height: 400px; overflow: hidden; background: #ececec; } .full-map.contact-map-container { height: 500px; } .business-info-wrapper .toggle-map-info { position: absolute; right: 20px; top: 20px; font-size: 11px; border: 1px solid rgba(0, 0, 0, 0.2); width: 28px; height: 28px; text-align: center; line-height: 28px; box-sizing: border-box; cursor: pointer; transition: 0.2s; opacity: 1!important; visibility: visible!important; } .business-info-wrapper .toggle-map-info:hover { border: 2px solid transparent; color: #fff; } .kd-alertbox.kd_map_alert { position: absolute; top: 50%; margin-top: -90px; left: 0; right: 0; z-index: 100; } /* ------------------------------------------------------------------------ 12. ANIMATIONS ------------------------------------------------------------------------*/ .kd-animated, .portfolio-item, .play-video, .toggle-map { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .kd-animated { opacity: 1; } .kd-animated[data-animation-delay="200"] { animation-delay: 0.2s; } .kd-animated[data-animation-delay="400"] {animation-delay: 0.4s;} .kd-animated[data-animation-delay="600"] { animation-delay: 0.6s; } .kd-animated[data-animation-delay="800"] { animation-delay: 0.8s; } .kd-animated[data-animation-delay="1000"] { animation-delay: 1s; } .portfolio-item , .play-video, .toggle-map { animation-delay: 0.2s; transition: .2s ease-out; } @-webkit-keyframes kd-zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } } @keyframes kd-zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } } .zoomIn.kd-animate ,.toggle-map.kd-animate { -webkit-animation-name: kd-zoomIn; animation-name: kd-zoomIn; } @-webkit-keyframes kd-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes kd-fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn.kd-animate { -webkit-animation-name: kd-fadeIn; animation-name: kd-fadeIn; } @-webkit-keyframes kd-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes kd-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown.kd-animate { -webkit-animation-name: kd-fadeInDown; animation-name: kd-fadeInDown; } @-webkit-keyframes kd-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes kd-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft.kd-animate { -webkit-animation-name: kd-fadeInLeft; animation-name: kd-fadeInLeft; } @-webkit-keyframes kd-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes kd-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight.kd-animate { -webkit-animation-name: kd-fadeInRight; animation-name: kd-fadeInRight; } @-webkit-keyframes kd-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes kd-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp.kd-animate { -webkit-animation-name: kd-fadeInUp; animation-name: kd-fadeInUp; } @media (max-width:1365px) { .no-mobile-animation .wpb_animate_when_almost_visible, .no-mobile-animation .kd-animated, .no-mobile-animation .play-video, .disable_btn_animation.kd-animated, .disable_btn_animation .kd-animated { animation-duration: 0s!important; animation-name: none!important; opacity: 1!important; } } /* ------------------------------------------------------------------------ 14. FEATURED CONTENT ------------------------------------------------------------------------*/ .featured_content_parent .featured_content_child { padding: 0; } .featured_content_parent .featured_content_child a, .featured_content_parent .featured_content_child a p { color: inherit; } .featured_content_parent .featured_content_img img { -moz-transform: scale(0.95) translateY(80px); -ms-transform: scale(0.95) translateY(80px); -webkit-transform: scale(0.95) translateY(80px); transform: scale(0.95) translateY(80px); cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.8; display: block; margin: auto; max-width: 100%; height: auto; } .featured_content_img { overflow: hidden; } .featured_content_parent .active-elem .featured_content_img img { opacity: 1; min-height: 395px; -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .featured_content_parent h4 { margin-top: 45px; text-align: center; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .featured_content_parent p { max-width: 270px; text-align: center; margin: auto; margin-top: 10px; } .featured_content_parent { background: url(../img/long-shadow.png) no-repeat; background-position: center 502px; } /* ------------------------------------------------------------------------ 15. REVIEWS ------------------------------------------------------------------------*/ .key-reviews { background-color: white; padding: 50px 40px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; text-align: left; overflow: hidden; border-radius: 7px; padding-bottom: 45px; box-shadow: 0 20px 70px rgba(38, 42, 76, 0.2); display: inline-block; width: -webkit-fill-available; } .key-reviews.single-review-box { margin: 15px; } .rw_message { padding-top: 0; padding-bottom: 0; text-align: left; margin-bottom: 0; } .rw_img_wrapper { width: 75px; } .key-reviews .rw_title { font-size: 18px; font-weight: 500; letter-spacing: 0.01em; text-transform: inherit; font-family: inherit; } .rw-author-details h4 { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-size: 16px; font-weight: 700; line-height: 25px; margin: 0; text-align: center; } #single-page .rw-author-details p, .rw-author-details p { text-align: left; font-weight: 400; color: #acacac; margin-bottom: 0; } .rw-authorimg { display: block; float: left; max-width: 60px; max-height: 100%; margin-right: 15px; } .rw-authorimg img { float: left; height: auto; border-radius: 100%!important; } .rw-author-details { vertical-align: top; text-align: left; margin-bottom: 0; min-height: 60px; margin-bottom: 20px; } .container .rw-author-details h5 { font-size: 16px; margin-bottom: 0; line-height: 1.2; font-weight: 500; padding-top: 8px; } .rw_header { height: 60px; width: 100%; margin-bottom: 10px; text-align: center; } .rw-link { padding-top: 16px; } .rw-link a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-weight: 600; } .rw_rating { text-align: left; margin-top: 0; padding-top: 25px; } .rw_rating .sway-empty-star, .rw_rating .sway-full-star { font-size: 15px; margin-right: 5px; color: #fb690c; } .rw_rating .rating_intro { color: #fb690c; font-weight: 500; font-size: 17px; line-height: 1; margin-right: 8px; display: inline-block; } .rw-title { font-size: 16px; font-weight: 700; line-height: 1.4; margin-bottom: 15px; text-transform: uppercase; } .review-carousel .owl-wrapper-outer { margin-bottom: 0px; } .review-carousel .owl-item { padding: 0 15px; } .review-carousel { text-align: center; position: relative; } .with-overlay .review-carousel .owl-dot span { background: #fff } .clients.owl-carousel .owl-item, .review-carousel .owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .clients.owl-carousel .owl-item.active, .review-carousel .owl-carousel .owl-item.active { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } /* ------------------------------------------------------------------------ 16. APP GALLERY ------------------------------------------------------------------------*/ .app-gallery { display: flex; flex-flow: row wrap; } .app-gallery .ag-section-desc { width: 100%; max-width: 365px; margin-right: 94px; margin-top: 165px; z-index: 10; max-height: 280px; } .app-gallery .ag-section-desc h4 { margin-top: 0; margin-bottom: 25px; font-style: normal; font-size: 34px; line-height: 1.2em; } .app-gallery .ag-section-desc p { max-height: 150px; overflow: hidden; } .app-gallery .owl-carousel .owl-wrapper-outer { overflow: visible; } .app-gallery.ag-no-desc-section .owl-carousel .owl-wrapper-outer { padding: 3px 0; } .ag-slider-wrapper { width: 300px; z-index: 4; outline: none; margin-top: 3px; } .app-gallery.ag-no-desc-section .ag-slider-wrapper { width: 100%; margin: 0; } .app-gallery .ag-mockup img { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; box-shadow: 0 20px 70px rgba(119, 122, 242, 0.3); } .app-gallery .ag-mockup { position: absolute; left: 459px; z-index: 5; pointer-events: none; } .app-gallery.ag-no-desc-section .ag-mockup { position: absolute; left: 0; right: 0; width: 325px; max-width: 325px; margin: auto; z-index: 5; pointer-events: none; } .app-gallery .clickable .owl-dot:hover span { opacity: 0.5; } .app-gallery .owl-dots { position: absolute; left: -465px; bottom: 180px; z-index: 99; } .app-gallery.ag-no-desc-section .owl-dots { position: relative; left: auto; right: auto; bottom: 0; } .app-gallery .owl-carousel .owl-wrapper-outer:before { content: ""; position: absolute; z-index: 2; top: -100px; right: 100%; width: 500%; height: calc(100% + 200px); display: block; background: #fff; } .app-gallery .owl-dot span { display: block; } .ag-no-desc-section.app-gallery .owl-carousel .owl-wrapper-outer:before {right: inherit;width: 100vw;left: 0;pointer-events: none;margin-left: calc(570px - 50vw);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);} .app-gallery .heading-separator { margin-left: 0; margin-bottom: 25px; margin-top: -5px; width: 40px; } .app-gallery .owl-carousel img { display: block; margin: auto; border-radius: 0; cursor: pointer; transition: 1s; border-radius: 20px!important; } .app-gallery .owl-item.active img { box-shadow: none; } .app-gallery .owl-item img { box-shadow: none; max-width: 278px; } /* ------------------------------------------------------------------------ 17. COUNTDOWN ------------------------------------------------------------------------*/ .countdown { position: relative; display: block; width: 600px; height: 70px; margin: auto; padding: 0; font-size: 40px; font-style: normal; font-weight: 400; line-height: 48px; text-align: center; border-radius: 100px; box-shadow: none; z-index: 99; } .CountdownContent { display: block; float: left; width: 150px; height: auto; margin: 0; border: none; font-size: 68px; font-weight: 300; line-height: 70px; letter-spacing: -1px; text-align: center; border-radius: 90px; } .CountdownSeparator { display: none; } .CountdownContent .CountdownLabel { font-size: 16px; font-weight: 600; display: block; line-height: 1; width: 100%; letter-spacing: 0; margin-top: 10px; } .kd-countdown.cd-align-left { margin-left: 0; text-align: left; } .kd-countdown.cd-align-left .CountdownContent { text-align:left; } /* ------------------------------------------------------------------------ 18. FAQ ------------------------------------------------------------------------*/ .row .vc_toggle { display: block; font-size: 1em; padding: 0; margin-bottom: 20px; border-radius: 0; line-height: 1.3em; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; transition: 0.2s !important; background: #fff; border: 1px solid #e7e7e7; z-index: 10; position: relative; } .row .vc_toggle.vc_toggle_simple { background:transparent; margin-bottom: 0; border-radius: 0; border-top: none; border-left: none; border-right: none; } .row .vc_toggle.transparent { background: rgb(255 255 255 / 25%) } .row .vc_toggle.transparent * { color: #fff; } .row .vc_toggle.vc_toggle_default.transparent .vc_toggle_title:after, .row .vc_toggle_size_md.vc_toggle_default.transparent .vc_toggle_title:after { color: #fff; } .row .vc_toggle_size_md.vc_toggle_default.transparent .vc_toggle_title:hover h4 { color: rgb(255 255 255 / 75%) } .row .vc_toggle.vc_toggle_simple:last-of-type { border-bottom:none; } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title { padding: 25px 25px; } .row .vc_toggle_simple .vc_toggle_title .vc_toggle_icon::after, .row .vc_toggle_simple .vc_toggle_title .vc_toggle_icon::before { transition: 0.25s; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title { padding-left: 0; padding: 25px 35px; } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_content { padding:0; margin:0; margin-bottom: 5px; } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_icon { margin:0; margin-left:-5px } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title h4, .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title h4 { font-size: 17px; transition: 0.25s; font-weight: 500; margin-bottom: 20px; font-family: inherit; text-transform: inherit; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_content { padding-left: 0; margin: 0; margin-bottom: 0; padding: 35px; padding-top: 0; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_content p { margin-bottom: 0!important; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon { display: none; right: 20px; left: auto; background: none; transform: none!important; border: none!important; width: auto; height: auto; } .row .vc_toggle_default .vc_toggle_icon, .row .vc_toggle_default .vc_toggle_icon::after,.row .vc_toggle_default .vc_toggle_icon::before { border: none!important; } .row .vc_toggle_default .vc_toggle_icon::before { display:none!important; } .row .vc_toggle.vc_toggle_default .vc_toggle_title:after, .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title:after { margin-right: 10px; color: inherit; content: "\f078"; font-family: 'sway-font'; font-weight: 400; margin: 0; font-size: 14px; display: block; margin-left: 0; width: auto; height: auto; background: none!important; color: #39364e; transform: none!important; position: absolute; width: 14px; height: 14px; left: 0; line-height: 14px; top: 50%; margin-top: -6px; left: 35px; } .row .vc_toggle.vc_toggle_default.vc_toggle_active .vc_toggle_title:after, .row .vc_toggle_size_md.vc_toggle_default.vc_toggle_active .vc_toggle_title:after { content: "\f077"; } .vc_toggle_default.vc_toggle_active .vc_toggle_icon::after { visibility: visible!important; content:"\f077"!important; } .vc_toggle_default.vc_toggle_active .vc_toggle_icon::before { display:none!important; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon {height: 2px} .vc_tta.vc_tta-accordion .vc_tta-panel-title>a { min-height: auto!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container { background-color: white; box-shadow: none; padding: 40px; margin-right: 40px !important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels { border: none !important; background: transparent!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0; background: none !important; opacity: 0; visibility: hidden; height: auto!important; transition: 0.25s; display: none!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body { opacity: 1; visibility: visible; display: block!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_toggle_content p { color: inherit; margin-bottom: 0; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels ul { list-style-type: none; /* line-height: 17px; */ padding-left: 0; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:before { height: 0; border-bottom: 9px solid transparent; border-top: 9px solid transparent; width: 0; display: block; display: none; position: absolute; content: "\f105"; font-size: 0; right: -81px; top: 26px; opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active:before { opacity: 1; visibility: visible; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels ul li:before { display: inline-block; } .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a:focus,.wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a:hover { background-color: transparent; opacity: 0.6; } .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a,.wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a { border-color: transparent; background-color: transparent; color: inherit; font-weight: bold; font-size: 14px; padding-left: 0; padding-top: 25px; padding-bottom: 25px; line-height: 1.5; opacity: 1; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; cursor: pointer; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-list { background: transparent; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left { overflow: hidden; padding: 0; } .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a { opacity: 1; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list { overflow: visible; width: 100%; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-controls-align-left .vc_tta-tabs-container { padding: 0; min-width: 30%; border-radius: 10px; overflow: visible; margin-right: 0!important; border-right: none; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab { display: block; position: relative; background: transparent; margin-left: 0; margin-right: 0; border-bottom: 1px solid #ddd; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab.vc_active a, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active a { background: transparent; border-color: #ddd; border-bottom: 2px solid #ddd; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panels-container, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container { border: 1px solid #ddd; padding: 100px 0; align-items: center; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab a { background: #fff; font-size: 14px; font-weight: 600; line-height: 96px; text-align: center; padding: 0; color: #1a1a1a; border-radius: 0!important; border: 1px solid #ddd; border-right: 0; border-bottom: 2px solid transparent; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a { border-right: 1px solid #ddd; border-left:0; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a:hover, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab a:hover { background:#fff; } /* ------------------------------------------------------------------------ 19. MASONRY GALLERY ------------------------------------------------------------------------*/ .mg-sizer, .mg-single-img.small-masonry-img { width: calc(33.3333% - 30px); height: auto; margin-bottom: 30px; } .four-columns .mg-sizer, .four-columns .mg-single-img.small-masonry-img { width: calc(25% - 30px); } .five-columns .mg-sizer, .five-columns .mg-single-img.small-masonry-img { width: calc(20% - 30px); } .mg-single-img.big-masonry-img { width: calc(66.6667% - 30px); height: auto; margin-bottom: 30px; } .four-columns .mg-single-img.big-masonry-img { width: calc(50% - 30px); } .five-columns .mg-single-img.big-masonry-img { width: calc(40% - 30px); } .mg-single-img img { width: 100%; height: auto; border-radius: 0px; border: none; transition: 0.2s ease; } .mg-single-img { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .mg-single-img:hover { } .mg-single-img a { display: block; } .mg-single-img a:hover img { z-index: 10; position: relative; transition: 0.2s ease; box-shadow: 0 10px 35px rgba(38, 41, 77, 0.1); border: 1px solid #e7e7e7; padding: 10px; cursor: zoom-in; } /* ------------------------------------------------------------------------ 20. SCHEDULE ------------------------------------------------------------------------*/ .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top { position: relative; border-radius: 10px; box-shadow: none; z-index: 2; } .wpb-js-composer .vc_row[data-vc-full-width="true"] .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top { margin: 0 -15px; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container { margin: 0; padding: 0; width: 100%; box-shadow: none; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; overflow: hidden; background: transparent; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list { border: none; box-shadow: none; flex-direction: row; overflow: visible; text-align: center; justify-content: center; display: flex; max-width: 1210px; margin: auto; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li { text-align: center; font-weight: 500; background: none; position: relative; border: none; margin: 0; } .wpb-js-composer .vc_tta-panels-container .vc_tta-panel-title a, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a { position: relative; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; background: none; border: beige; border-right: none; font-weight: 500; font-size: 16px; min-height: 76px; line-height: inherit; text-align: center; vertical-align: middle; letter-spacing: 0.01em; opacity: 1; padding: 0 35px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #777; border: none; position: relative; } .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-panel.vc_active .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:last-child) .vc_tta-panel-heading { border-radius: 0; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a:hover {opacity: 1;} .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li:last-child a { border: none; } .wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { border-bottom-left-radius: 0; border-bottom-right-radius: 0; max-width: 1210px; margin: 0 auto!important; overflow: visible!important; } .wpb-js-composer .vc_tta.vc_general.vc_tta-tabs-position-top .vc_tta-panel-body {height: auto!important; } .wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .kd-animated { opacity:1; } .vc_tta-panels .vc_tta-panel {background: transparent;} .vc_tta-panels .vc_tta-panel.medium-section {background: #f5f5f5;} .vc_tta-panels .vc_tta-panel.dark-section {background: #212240;} .vc_tta-panels .vc_tta-panel.image-section {background: url('../img/section-bg.jpg'); background-size: cover; background-position: center;} .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a { color: #fff; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a { border-bottom: none; color: #fff; opacity: 1; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a:before, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a:before { content: ''; width: 0px; transition: 0.2s all ease; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; display: block; height: 2px; background: #ccc; position: absolute; top: inherit; bottom: -1px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs .active a:before, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a:before { width: 100px; } .wpb-js-composer .vc_tta.vc_general.vc_tta-tabs-position-top .vc_tta-icon.vc_li { color: inherit; font-size: 18px; } .wpb-js-composer .vc_tta-container { margin-bottom: 0px!important; } .wpb_wrapper .es-accordion:last-child { border: none; } .wpb-js-composer .es-accordion { border-bottom: 1px solid #e5e7f2; margin: 0 -15px; padding: 0 15px; } .wpb-js-composer .es-accordion .es-time { display: inline-block; font-size: 17px; line-height: 35px; font-weight: 500; min-width: 190px; } .wpb-js-composer .es-accordion .es-heading { position: relative; padding: 21px 0; } .wpb-js-composer .es-accordion .es-heading h4 { display: inline-block; margin-top: 0; font-size: 17px; font-weight: 500; margin-bottom: 0; line-height: 30px; } .wpb-js-composer .es-accordion .es-heading h4 a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .es-accordion .es-time i { margin-right: 8px; font-size: 14px; } .es-accordion .es-heading .fa-angle-down { font-size: 16px; font-weight: 600; color: #1f1f1f; position: absolute; right: 12px; top: 30px; } .es-accordion .es-heading .fa-angle-down:before { content: "\f106"; } .es-accordion .es-heading .collapsed .fa-angle-down:before { content: "\f107"; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li:before { height: 0; border-right: 9px solid transparent; border-left: 9px solid transparent; width: 0; display: block; position: absolute; content: "\f105"; font-size: 0; bottom: -9px; opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; left: 50%; margin-left: -5px; visibility: visible; display: none; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active:before { opacity: 1; display: none; } .es-accordion .es-speaker-container { display: inline-block; width: 100%; max-width: 120px; margin-top: 0px; margin-right: 67px; margin-bottom: 20px; vertical-align: top; } .es-accordion .es-speaker-img { max-width: 50px; margin: 0; box-shadow: none; border-radius: 90px; margin-top: 0; overflow: hidden; margin-bottom: 20px; } .es-accordion .es-speaker-img img { width: 100%; height: auto; } .es-accordion .panel-collapse { vertical-align: top; } .es-accordion .es-session-desc { font-size: 14px; font-weight: inherit; line-height: 25px; margin-bottom: 5px; display: inline-block; max-width: calc(100% - 250px); } .es-accordion .es-speaker-container .es-speaker-name { font-weight: 500; text-align: left; margin-top: 0; } .es-accordion .es-speaker-container .es-speaker-position { font-weight: inherit; text-align: left; color: #acacac; line-height: 1.3; } .wpb-js-composer .vc_tta-container .vc_tta .es-accordion .es-session-desc p { margin-bottom: 20px; color: inherit; } .es-accordion .es-session-desc .es-link a { font-size: 12px; font-weight: bold; text-transform: uppercase; } .es-accordion .es-session-desc .es-link { margin-bottom: 20px; } .es_no_description.es-accordion .panel-collapse, .es_no_description.es-accordion .es-heading .fa { display: none; height: 0!important; } .es_no_description.es-accordion h4 a { cursor: default; } /* ------------------------------------------------------------------------ 21. COLOR SWITCHER ------------------------------------------------------------------------*/ .color-swtich img { margin: auto; display: block; margin-bottom: 30px; } .color-swtich .owl-dots .owl-dot { width: 40px; height: 40px; margin: 0 10px; } .color-swtich .owl-dot span { width: 40px; height: 40px; border-color: transparent !important; -webkit-transition: all 250ms ease-in-out; opacity: 1; z-index: 20; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; } .color-swtich .owl-dot span:hover { opacity: 0.6 !important; } .color-swtich .owl-dot.active span:hover { opacity: 1 !important; } .color-swtich { text-align: center; margin-top: 0; } .color-swtich .owl-dot.active span:before { width: 16px; height: 16px; background: #fff; border-radius: 90px; display: block; content: ''; position: absolute; top: 12px; left: 12px; } /* ------------------------------------------------------------------------ 22. CONTENT BOX ------------------------------------------------------------------------*/ .cb-container { position: relative; z-index: 101; } .cb-container .cb-wrapper { position: relative; text-align: left; margin: 0px; margin-bottom: 30px; padding: 40px; background: #fff; transition: 0.2s; overflow: hidden; z-index: 3; border: 1px solid #e7e7e7; box-shadow: 0 10px 35px rgba(38, 42, 76, 0.1); transition: .15s ease-in-out; } .cb-container.disable-box-shadow .cb-wrapper { box-shadow: none!important; } .cb-container .cb-wrapper:after { content: ""; transition: 0.2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 50%; height: 5px; width: 0; bottom: 0px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ccc; } .cb-container:hover .cb-wrapper:after { width:100%; } .cb-container.with-bg-img { background-size: cover; } .cb-container.cb-no-icon { padding-bottom: 40px; } .vc_row.vc_row-no-padding .cb-container { margin-left: 15px; margin-right: 15px; } .cb-container.content-center * { text-align:center; } .cb-container .cb-heading { font-size: 20px; } .cb-container.content-center a p { margin-bottom: 0!important; color: #696969; } .cb-container .cb-wrapper:hover { z-index: 100; box-shadow: 0 10px 35px rgba(38, 42, 76, 0.1); transform: translateY(-10px)!important; border-color: transparent!important; border-bottom: none; } .cb-btncontainer { margin-top: 30px; } .cb-container.cb_transparent_color:hover { background: transparent; } .cb-container.cb_transparent_color:hover .cb-text-area p, .cb-container.cb_transparent_color:hover .cb-heading { color: inherit; } .cb-container.cb_transparent_color img { opacity: 0.6; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .cb-container.cb_transparent_color:hover img { opacity: 1; } .cb-text-area p { transition: 0.25s; font-family: inherit!important; margin-bottom: 20px; } .cb-text-area p, #single-page .cb-text-area p { position: relative; } .cb-no-icon .cb-text-area p, #single-page .cb-no-icon .cb-text-area p { margin-bottom: 0; } .cb-img-area, .cb-text-area { display: inline-block; vertical-align: bottom; transition: transform .2s ease-in-out; } .cb-img-area { font-size: 40px; margin-bottom: 25px; margin-right: 0; float: left; width: 100%; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .cb-simple-link { font-weight: 500; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .cb-container .cb-img-area img { margin-bottom: 5px; max-height: 60px; width: auto; } .cb-container .cb-heading.with-subtitle { margin-bottom: 10px; } /* ------------------------------------------------------------------------ 24. PROGRESS BAR ------------------------------------------------------------------------*/ .kd_progress_bar { margin-bottom: 35px; } .kd_progress_bar .kd_progb_desc { font-size: 13px; line-height: 25px; margin-top: 18px; clear: both; } .kd_progress_bar .kd-progb-static { margin-bottom: 15px; } .kd_progress_bar .kd_progb_head .kd-progb-title h4 { text-transform: none; line-height: 20px; margin: 0px; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; } .parallax.with-overlay .kd_progress_bar .kd_progb_head .kd-progb-title h4 {color: #fff;} .parallax.with-overlay .kd_progress_bar .kd_progb_head .kd_progressbarmarker {color: #fff;} .parallax.with-overlay .kd_progressbarfull {background-color: rgba(255,255,255,0.15);} .kd_progress_bar .kd_progb_head .kd-progress-icon i { margin-right: 10px; } .kd_progress_bar .kd_progb_head .kd-progress-customimg img { width: 14px; height: auto; margin-right: 10px; } .kd_progress_bar .kd_progb_head .pb_counter_number { letter-spacing: -3px; display: inline-block; font-size: 70px; font-weight: 300; line-height: 70px; margin-bottom: 10px; } .kd_progress_bar .kd_progb_head .pb_counter_units { display: inline-block; font-size: 32px; } .kd_progressbarfull { width: 100%; height: 8px; position: relative; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(210, 210, 210, 0.3); border-radius: 3px; /* overflow: hidden; */ } .kd_progressbarfill { width: 1%; height: 8px; font-size: 0px; text-align: right; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 3px; overflow: visible!important; } .kd_progressbarfull.thin-solid, .thin-solid .kd_progressbarfill { height: 3px; } .kd_progressbarfull.medium-solid, .medium-solid .kd_progressbarfill { height: 6px; } .kd_progressbarfull.thick-solid, .thick-solid .kd_progressbarfill { height: 10px; } .container .kd_progressbarmarker { position: absolute; top: 0; left: 0; float: right; font-size: 17px; line-height: 20px; font-weight: 600; } .kd_progb_head { width: 0; overflow: visible!important; position: relative; } /* ------------------------------------------------------------------------ 24. COUNTER ------------------------------------------------------------------------*/ .kd_counter_number {margin: 0;margin-bottom: 0!important;display: flex;line-height: 1!important;justify-content: center;} .kd_counter { text-align: center; } .kd_counter.count_left { text-align: left; } .kd_counter.count_center { text-align: center; } .kd_number_string { font-size: 42px; text-align: center; margin-bottom: 0; font-weight: 500; font-family: inherit; line-height: 1; display: block; } .kd_counter_text { text-transform: none; margin-bottom: 0; font-size: 18px; font-weight: 500; display: block; } .kd_counter_units { font-size: 42px; font-weight: 500; margin-left: 2px; } .wpb_column:last-child .kd_counter_number:after { display: none; } .kd_counter_text { margin-top: 22px; } .kd_counter_icon { font-size: 48px; margin: auto; position: relative; margin-bottom: 20px; margin-left: 2px; } .kd_counter .kd_counter_icon img {border-radius: 0; width: auto;} .large-counter .kd_number_string { display: inline-block; float: none; width: auto; margin: 0; color: inherit; font-size: 62px; font-weight: 300; text-align: center; font-style: normal; line-height: 1; letter-spacing: -0.03em; } .large-counter .kd_counter_number:after { display: none; } .icon-left.kd_counter .kd_counter_content { text-align: left; display: inline-block; } .icon-left.kd_counter .kd_counter_icon { display: inline-block; margin-right: 30px; font-size: 52px; } .large-counter .kd_counter_icon { width: 60px; height: 60px; margin: auto; position: relative; margin-bottom: 10px; font-size: 60px; } .large-counter .kd_counter_units { font-size: 62px; margin-top: 0; font-weight: 300; line-height: 1; } .large-counter .kd_counter_number { margin-top: 0; margin-bottom: 15px; } .large-counter .kd_counter_text { float: none; width: 100%; text-align: center; } .count_left .kd_number_string, .count_left .kd_counter_text { text-align:left; } .parallax.with-overlay .large-counter .kd_counter_text, .parallax.with-overlay .large-counter .kd_counter_units, .parallax.with-overlay .large-counter .kd_number_string, .vc_parallax .large-counter .kd_counter_text, .vc_parallax .large-counter .kd_counter_units, .vc_parallax .large-counter .kd_number_string { color: #fff; } .kd_counter.align-left { text-align: left; } .kd_counter.align-left .kd_counter_number { justify-content: flex-start; } /* ------------------------------------------------------------------------ 25. PHOTO BOX ------------------------------------------------------------------------*/ .kd-photobox { display: block; position: relative; margin-left: 0; margin-right: 0; margin: 0 15px; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; transition: 0.2s !important; border-radius: 5px; } .phb-simple-link { font-weight: 600; } .kd-photobox .full-pbox-link { color: inherit; } .kd-photobox:hover {} .kd-photobox .photobox-img { position: relative; z-index: 10; } .kd-photobox .photobox-img img { width: 100%; height: auto; margin-bottom: 0; transition: 0.15s ease; } .kd-photobox .photobox-img a { display: block; transition: 0.15s ease; border: 1px solid transparent; overflow: hidden; } .kd-photobox .photobox-img a:hover {box-shadow:0 10px 35px rgba(38, 42, 76, 0.1);border: 1px solid #e7e7e7;background: #fff;} .kd-photobox .photobox-img a:hover img { transform: scale(0.945); } /*----- Shine effect -----*/ .kd-photobox.shine-effect .photobox-img::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4dffffff',GradientType=1 ); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); } .kd-photobox.shine-effect:hover .photobox-img::before { -webkit-animation: shineBox .75s; -moz-animation: shineBox .75s; -o-animation: shineBox .75s; animation: shineBox .75s; } @-webkit-keyframes shineBox { 100% { left: 125%; } } @-moz-keyframes shineBox { 100% { left: 125%; } } @-o-keyframes shineBox { 100% { left: 125%; } } @keyframes shineBox { 100% { left: 125%; } } /*----- Circle effect -----*/ .kd-photobox.circle-effect .photobox-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,0.1); border-radius: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .kd-photobox.circle-effect:hover .photobox-img::before { -webkit-animation: circleBox .75s; -moz-animation: circleBox .75s; -o-animation: circleBox .75s; animation: circleBox .75s; } @-webkit-keyframes circleBox { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @-moz-keyframes circleBox { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @-o-keyframes circleBox { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circleBox { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } /*----- Flash effect -----*/ .kd-photobox.flash-effect:hover .photobox-img img { opacity: 1; -webkit-animation: flashBox 0.6s; animation: flashBox 0.6s; } @-webkit-keyframes flashBox { 0% { opacity: 1; } 20% { opacity: .8; } 100% { opacity: 1; } } @-moz-keyframes flashBox { 0% { opacity: 1; } 20% { opacity: .8; } 100% { opacity: 1; } } @-o-keyframes flashBox { 0% { opacity: 1; } 20% { opacity: .8; } 100% { opacity: 1; } } @keyframes flashBox { 0% { opacity: 1; } 20% { opacity: .8; } 100% { opacity: 1; } } /*----- Opacity effect -----*/ .kd-photobox.opacity-effect .photobox-img img { opacity: .8; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .kd-photobox.opacity-effect:hover .photobox-img img { opacity: 1; } /*----- Grayscale effect -----*/ .kd-photobox.grayscale-effect .photobox-img img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .kd-photobox.grayscale-effect:hover .photobox-img img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } /*----- END Filters -----*/ .kd-photobox .phb-content { position: relative; overflow: hidden; padding: 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; border: none; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .kd-photobox .phb-content.no-image { border-top: none; } .kd-photobox .phb-content h5 { margin-bottom: 12px; font-size: 18px; margin-top: 25px; } .kd-photobox .phb-content h4 { line-height: 1.3; margin: 0; text-transform: none; font-weight: 400; margin-bottom: 18px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } #single-page .kd-photobox .phb-content p, .kd-photobox .phb-content p { margin: 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; max-width: 95%; } .kd-photobox.no-effect:hover .phb-content { background: #fff; } #single-page .kd-photobox.no-effect:hover .phb-content p, .kd-photobox.no-effect:hover .phb-content p, .kd-photobox.no-effect:hover .phb-content h4 { color: inherit; } .kd-photobox .phb-content .phb-btncontainer { margin-top: 30px; line-height: 1; } .kd-photobox .phb-content.text-left .phb-btncontainer a { margin-left: 0; font-weight: 500; transition: 0.2s ease; } .photobox-carousel .owl-item { padding: 0; } .photobox-carousel .owl-dots { text-align: center; } .vc_grid-container .owl-carousel .owl-item, .team-carousel .owl-carousel .owl-item, .photobox-carousel .owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .vc_grid-container .owl-carousel .owl-item:not(.active) { pointer-events: none; } .vc_grid-container .owl-carousel .owl-item.active, .team-carousel .owl-carousel .owl-item.active, .photobox-carousel .owl-carousel .owl-item.active { /* -webkit-opacity: 1; */ -moz-opacity: 1; opacity: 1; } .photobox-carousel { margin: 0 -15px; } .photobox-carousel.pbc-fullwidth-layout { margin-right: -40%; } .photobox-carousel.pbc-fullwidth-layout .kd-photobox { box-shadow: none; } .photobox-carousel.pbc-fullwidth-layout .kd-photobox .phb-btncontainer { margin-top: 0; } .photobox-carousel.pbc-fullwidth-layout .photobox-img img { max-width: 100%; margin: 0; } .photobox-carousel.pbc-fullwidth-layout:after { content: ""; position: absolute; display: block; right: 0px; width: 60%; height: 100%; background: linear-gradient(to left, #fff 0%, transparent 100%); top: -5%; margin-right: -35%; z-index: 10; pointer-events: none; } .photobox-carousel .owl-carousel .owl-wrapper-outer { overflow: visible; } .photobox-carousel.loop_off .owl-carousel .owl-wrapper-outer { overflow: hidden; } .kd-photobox .phb-button { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .kd-photobox:not(.no-effect):hover .phb-button {color: #fff;} .kd-photobox:not(.no-effect):hover .phb-button:hover {opacity: 0.6; color: #fff;} /* ------------------------------------------------------------------------ 26. DIVIDER ------------------------------------------------------------------------*/ .kd-divider { display: block; float: left; position: relative; width: 100%; padding: 20px 0; } .kd-divider:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .kd-divider .divider-line { display: block; position: relative; margin: 0 auto; } .divider_full_width .divider-line { width: 100%; } .divider_one_half .divider-line { width: 50%; } .divider_one_fourth .divider-line { width: 25%; } .kd-divider.dotted_line .divider-line { border-top: 1px dotted rgba(0,0,0,0.2); height: 1px; } .kd-divider.dashed_line .divider-line { border-top: 1px dashed rgba(0,0,0,0.2); height: 5px; } .kd-divider.solid_line .divider-line { border-top: 1px solid rgba(34, 35, 40, 0.13); height: 1px; } .solid_line.medium_solid .divider-line { border-top-width: 4px; } .solid_line.thick_solid .divider-line { border-top-width: 8px; } .kd-divider.double_line .divider-line { border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); height: 4px; } .kd-divider.double_dotted .divider-line { border-top: 1px dotted rgba(0,0,0,0.2); border-bottom: 1px dotted rgba(0,0,0,0.2); height: 4px; } .kd-divider.double_dashed .divider-line { border-top: 1px dashed rgba(0,0,0,0.2); border-bottom: 1px dashed rgba(0,0,0,0.2); height: 4px; } .kd-divider.shadow_line .divider-line { overflow: hidden; height: 20px; } .kd-divider.shadow_line .divider-line:after { content: ''; display: block; margin: -25px auto 0; width: 100%; height: 25px; border-radius: 125px / 12px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } /* ------------------------------------------------------------------------ 27. CALL TO ACTION BOX ------------------------------------------------------------------------*/ .kd-calltoaction { position: relative; width: 100%; padding: 60px 0; margin-left: 0; } .fullwidth .kd-calltoaction { margin: 0 -15px; width: calc(100% + 30px); } .kd-calltoaction.no_icon .cta-text { width: 80%; float: left; } .cta-text-container { flex: 1; } .kd-calltoaction.no_icon .cta-btncontainer { width: 25%; vertical-align: middle; display: table-cell; } .kd-calltoaction.icon_browser .cta-icon, .kd-calltoaction.custom_image .cta-icon { width: 85px; float: left; text-align: left; font-size: 54px; line-height: 54px; margin-top: 17px; } .kd-calltoaction.custom_image .cta-icon img { max-height: 50px; width: auto; vertical-align: top; } .kd-calltoaction .cta-text, .kd-calltoaction.icon_browser .cta-text, .kd-calltoaction.custom_image .cta-text { float: left; } .kd-calltoaction.icon_browser .cta-btncontainer, .kd-calltoaction.custom_image .cta-btncontainer { width: 25%; vertical-align: middle; display: table-cell; } .kd-calltoaction .container { display: table; padding: 0; width: 100%; max-width: 1210px; display: flex; align-items: center; } .kd-calltoaction .cta-text h2, #single-page .kd-calltoaction .cta-text h2 { text-align: left; margin: 0; margin-bottom: 0; margin-top: 0; } .kd-calltoaction .cta-text p, #single-page .kd-calltoaction .cta-text p { margin: 0; font-size: 17px; margin-top: 20px; } .kd-calltoaction .cta-btncontainer .tt_button { margin-right: 0; } /* ------------------------------------------------------------------------ 28. ALERT BOX ------------------------------------------------------------------------*/ .kd-alertbox { margin-bottom: 30px; padding: 30px 55px 30px 98px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; border: none; box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1); } .kd-alertbox .ab-icon { font-size: 21px; position: absolute; left: 0; font-weight: 400; text-align: center; top: 0; } .kd-alertbox .ab-icon i { font-size: 21px; margin-top: 0; margin-left: 0px; color: inherit; font-style: normal; line-height: 85px; height: 85px; width: 100px; } .kd-alertbox .ab-message { font-weight: 500; display: inline-block; letter-spacing: 0.01em; font-size: 16px; } .kd-alertbox .ab-close { position: absolute; right: 35px; top: 50%; color: inherit; font-size: 18px; width: 18px; height: 18px; transform: translateY(-9px); } .kd-alertbox .ab-close i { font-size: 18px; font-style: normal; width: 18px; height: 18px; color: inherit; transition: 0.2s; } .kd-alertbox .ab-close:hover i { opacity: 0.4; } .kd-alertbox.ab_warning { color: #ff9933; } .kd-alertbox.ab_warning .ab-icon i { } .kd-alertbox.ab_error { color: #ff3366; } .kd-alertbox.ab_info { color: #777af2; } .kd-alertbox.ab_success { color: #00d664; } /* ------------------------------------------------------------------------ 29. PROCESS STEPS ------------------------------------------------------------------------*/ .kd-process-steps { display: block; position: relative; text-align: center; } .kd-process-steps ul { position: relative; margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; } .kd-process-steps ul li:last-child::after { display: none; } .kd-process-steps.process_three_elem li { width: calc(33.3333% - 30px); } .kd-process-steps.process_three_elem li .pss-text-area { padding-left: 40px; padding-right: 40px; } .kd-process-steps.process-number-template li { width: 33.33%; padding-left: 0; padding-right: 0; padding: 30px 50px; -moz-transition: all .15s ease; -o-transition: all .15s ease; -webkit-transition: all .15s ease; transition: all .15s ease; border: none; margin: 0; } .kd-process-steps.process-checkbox-template.process_four_elem li { width: calc(25% - 30px); } .kd-process-steps.process-checkbox-template.process_five_elem li { width: 20%; padding-left: 0; padding-right: 0; margin: 0; } .kd-process-steps.process-number-template.process_four_elem li { width: 25% } .kd-process-steps.process-number-template.process_five_elem li { width: 20%; padding: 40px 0 20px 0; } .kd-process-steps.process_four_elem li .pss-text-area { padding-left: 0; padding-right: 0; } .kd-process-steps.process-number-template li .pss-text-area h5 { font-size: 20px; } .kd-process-steps ul li { display: block; position: relative; float: left; margin: 15px; margin-bottom: 0; margin-top: 0; padding: 30px 0px; padding-top: 45px; border: none; border-radius: 0px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .kd-process-steps.process-number-template .process-text-link { -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-weight: 500; } .kd-process-steps .pss-step-number { display: block; position: relative; margin-bottom: 20px; line-height: 1; } .kd-process-steps .pss-step-number span { position: relative; font-weight: 400; text-align: center; font-size: 42px; line-height: 1; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .kd-process-steps.process-number-template .pss-step-number span { font-size: 57px; font-weight: 500; letter-spacing: -1px; line-height: 1; } .kd-process-steps .pss-img-area { position: relative; margin: 0 auto; } .kd-process-steps .pss-img-area .process-customimg { line-height: 160px; } .kd-process-steps .pss-img-area .process-customimg img { border-radius: 0; } .kd-process-steps.process_five_elem .pss-img-area .process-customimg { line-height: 140px; } .kd-process-steps .pss-img-area .process-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .kd-process-steps .pss-img-area .process-icon i { font-size: 48px; } .kd-process-steps.process_three_elem .pss-img-area, .kd-process-steps.process_four_elem .pss-img-area { width: 80px; height: 80px; margin-top: 50px; text-align: center; margin-bottom: -60px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a .nav-number { width: 20px; height: 20px; color: #fff; background: #ccc; border-radius: 90px; margin-right: 10px; font-size: 12px; font-weight: 600; line-height: 20px; } .kd-process-steps.process_five_elem .pss-img-area { width: 140px; height: 140px; text-align: center; } .kd-process-steps .pss-text-area h4 { margin: 0; text-transform: none; margin-bottom: 10px; } #single-page .kd-process-steps .pss-text-area p, .kd-process-steps .pss-text-area p {color: inherit;margin-bottom: 30px;} .kd-process-steps.process_three_elem .pss-text-area p, .kd-process-steps.process_four_elem .pss-text-area p { padding: 0; } .kd-process-steps.process_three_elem .pss-text-area p {margin-top: 0;} .kd-process-steps.process_five_elem .pss-text-area p { padding: 0 20px; } .kd-process-steps .pss-text-area .pss-link { font-size: 12px; font-weight: bold; text-transform: uppercase; } .kd-process-steps.process-checkbox-template { text-align: left; padding-bottom: 0; border-top: 0px solid transparent; z-index: 10; } .kd-process-steps.process-checkbox-template ul li { box-shadow: none!important; background: none; border: none; padding-bottom: 0; } .kd-process-steps.process-checkbox-template ul li .pss-container:before { display:block; width: 64%; height: 1px; position: absolute; content: ''; border-bottom: 1px solid rgb(125 125 125 / 0.25); top: 45px; right: 74%; } .kd-process-steps.process-number-template ul li .pss-container:before { display: block; position: absolute; top: 50%; margin-top: -15px; left: 100%; margin-left: -15px; width: 30px; height: 30px; border-radius: 30px; content: "\f105"; color: #fff; line-height: 30px; text-align: center; font-family: 'sway-font'; font-weight: 400; font-size: 16px; letter-spacing: -1px; } .kd-process-steps.process-number-template ul li:last-child .pss-container:before, .kd-process-steps.process-checkbox-template ul li:last-child .pss-container:before { display:none; } .process-checkbox-template .tt_button {} .kd-process-steps.process-checkbox-template .pss-text-area h4 {margin-bottom: 25px;} .kd-process-steps.process-checkbox-template .pss-step-number span:before, .kd-process-steps.process-checkbox-template .pss-step-number:before, .kd-process-steps.process-checkbox-template .pss-item:before { content: ''; width: 70px; height: 70px; background: #fff; border:; border-radius: 50%; position: absolute; top: 10px; left: 50%; margin-left: -35px; -webkit-transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); } .kd-process-steps.process-checkbox-template .pss-step-number span:before, .kd-process-steps.process-checkbox-template .pss-step-number:before { width: 100px; height: 100px; opacity: 0; margin-left: -50px; top: -15px; z-index: -1; transform: scale(0.6); } .kd-process-steps.process-checkbox-template .pss-item:hover .pss-step-number:before { opacity: 0.1; transform: scale(1); } .kd-process-steps.process-checkbox-template .pss-item:hover .pss-step-number span:before { opacity:0.2; transform: scale(1); } .kd-process-steps.process-checkbox-template .pss-step-number span:before { width: 85px; height: 85px; top: -7px; margin-left: -42px; opacity: 0; } .kd-process-steps.process-checkbox-template .pss-item:hover .pss-step-number span:before { opacity:0.2 } .kd-process-steps.process-checkbox-template .pss-step-number span { position: relative; font-weight: 400; text-align: center; font-size: 16px; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; color: #fff; line-height: 70px; font-size: 22px; } .kd-process-steps.process-checkbox-template .pss-step-number .process-icon { display: flex; align-items: center; width: 70px; height: 70px; justify-content: center; } .kd-process-steps .pss-step-number .process-customimg { display: flex; } .kd-process-steps .pss-step-number .process-customimg img { width: 100%; height: auto; margin: auto; max-width: 70px; } .kd-process-steps.process-checkbox-template .pss-step-number .process-icon i { color: #fff; } .kd-process-steps.process-checkbox-template .pss-step-number { display: block; position: absolute; margin-bottom: 0; line-height: 1; top: 10px; left: 50%; font-weight: 400; margin-left: -35px; width: 70px; height: 70px; text-align: center; } .kd-process-steps.process-checkbox-template .pss-text-area { padding-top: 65px; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; border-radius: 7px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: transparent; text-align: center; padding-bottom: 0; } .pointer-effect { cursor: pointer; } /* ------------------------------------------------------------------------ 30. PROMO BOX ------------------------------------------------------------------------*/ .kd-promobox { position: relative; float: left; width: 100%; } .kd-promobox .prb-content h3 { margin-top: 5px !important; margin-bottom: 20px; font-size: 22px; text-align: left; transition: 0.25s; } .kd-promobox .prb-content p { margin-bottom: 35px; text-align: left; } .kd-promobox.prb_image_left .prb-img { width: 36%; float: left; text-align: left; line-height: 0; max-width: 370px; border-radius: 10px; max-height: 220px; overflow: hidden; } .kd-promobox.prb_image_left .prb-content { width: 56%; margin: 0 2% 0 6%; float: left; } .kd-promobox.prb_image_right .prb-img { width: 36%; float: right; text-align: left; line-height: 0; max-height: 220px; max-width: 370px; border-radius: 10px; overflow: hidden; } .kd-promobox .prb-img img { width: 100%; height: auto; } .kd-promobox.prb_image_right .prb-content { width: 56%; margin: 0 6% 0 0%; float: left; text-align: left; } .kd-promobox .prb-btncontainer .prb-button { margin: 0; opacity: 0; visibility: hidden; margin-top: -45px; transition: 0.25s; } .kd-promobox:hover .prb-btncontainer .prb-button { opacity: 1; visibility: visible; margin-top: 0; position: absolute; } .prb-btncontainer { float: left; height: 0; } .kd-promobox:hover .prb-content h3 { margin-top: 0; } .kd-promobox.prb_image_right .prb-btncontainer { float: left; } /* ------------------------------------------------------------------------ 31. EBOOK READER ------------------------------------------------------------------------*/ .bp-container { position: relative; } .bp-device { max-width: 600px; } .bp-container img { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.15); border-top-left-radius: 30px; border-top-right-radius: 30px; } .bp-device img { max-width: 100%; height: auto;} .bp-content { position: absolute; top: 80px; line-height: 25px; max-width: 460px; text-align: justify; left: 75px; overflow: hidden; overflow-y: scroll; max-height: 600px; padding-right: 15px; } .bp-content h4 { font-size: 16px; margin-bottom: 20px; margin-top: 30px; } .bp-content::-webkit-scrollbar { width: 7px; cursor: pointer } .bp-content::-webkit-scrollbar-track { background-color: transparent; cursor: pointer } .bp-content::-webkit-scrollbar-thumb { background-color: #ededed; width: 7px; border-radius: 3px; bottom: 10px; cursor: pointer; z-index: 99; } .bp-content::-webkit-scrollbar-button { display: none } .bp-content::-webkit-scrollbar-corner { background-color: #000 } .bp-content::-moz-scrollbar { width: 7px } /* ------------------------------------------------------------------------ 32. TESTIMONIAL CARDS ------------------------------------------------------------------------*/ .key-tcards { text-align: left; padding: 0 45px; } .testimonial-cards.container.tcards-title-off .key-tcards { padding: 0 30px; } .key-tcards.single-tcard-elem { padding: 35px; border: 1px solid #e7e7e7; background-color: #ffffff; margin: 15px; transition: 0.2s ease; display: flex; } .key-tcards.single-tcard-elem .tcards-image { width: 60px; margin-left: 20px; flex-shrink: 0; } .key-tcards.single-tcard-elem .tcards-image img { border-radius: 100%; } .key-tcards.single-tcard-elem:hover { box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1); } .tcards_header .tcards-name { margin-bottom: 0; font-weight: 500; } .testimonial-cards .center .tcards_message { opacity: 1; } .testimonial-cards .center .tcards_message h6 { opacity: 1; } .tcards-link { margin-top: 20px; } .tcards-link a { font-weight: 600; } .tcards-content .owl-wrapper-outer { margin-bottom: 15px; overflow: visible; } .tcards_header .tcards-job { color: #acacac; font-weight: 400; margin-left: 10px; } .tcards_header .tcards-image img { width: 45px; height: 45px; max-width: 45px; border-radius: 50%; background: #fff; margin: auto; float: left; margin-right: 20px; margin-top: -3px; margin-bottom: 0; } .tcards_header { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1; } .tcards_header { margin-left: 0; } .author-bottom + .tcards_header { margin-top: 0; margin-bottom:0; } .testimonial-cards .center .tcards_header { opacity: 1; } .tcards_message h6 { } .tcards_message h6 { margin-bottom: 0; line-height: 1.6; font-size: inherit; } .testimonial-cards.container { padding: 0; margin: 0 -15px; } .testimonial-cards.container .owl-dots { margin-top: 25px; } .testimonial-cards.container.tcards-title-on .owl-dots { position: absolute; bottom: 60px; margin-left: -450px; margin-top: 0; } .testimonial-cards.container .tcards-content { } .testimonial-cards.container.tcards-title-off .tcards-content { margin-left: 0; min-width: 100%; } .testimonial-cards.container.tcards-title-on .tcards-content .owl-nav { position: absolute; left: 0; width: 90px; bottom: 60px; margin-left: -450px; z-index: 10; } .tcards_message:before { content: ''; bottom: -20px; top: auto; border-color: #fff transparent transparent #fff; display: block; position: absolute; left: 0px; margin-left: 0px; width: 0; height: 0; border-style: solid; border-width: 15px; display: none; } .tcards-title { font-size: 16px; margin-top: 0; text-transform: uppercase; font-weight: 700; line-height: 22px; margin-bottom: 15px; } .tcards_message p { margin-bottom: 13px !important; } .testimonial-cards .owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .testimonial-cards .owl-carousel .owl-item.active { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .tcards-title-nav { max-width: 350px; float: left; width: 100%; margin-top: 75px; position: relative; z-index: 99; text-align: left; } .container .tcards_message h6 { margin-bottom: 0; } .container .tcards_message h6 img { width: 18px!important; height: 18px!important; margin-left: 10px!important; } .tcards_message { padding-bottom: 20px; border-bottom: 1px solid #e7e7e7; border-radius: 0; margin-bottom: 20px; } /* ------------------------------------------------------------------------ 33. SLIDING BOX ------------------------------------------------------------------------*/ .sliding_box_child { position: relative; float: left; width: 295px; margin-right: 15px; padding: 0; border: none; border-radius: 7px; overflow: hidden; z-index: 1; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; box-shadow: 0 10px 35px rgba(38, 41, 77, 0.1); border: 1px solid #e7e7e7; background: #fff; } .vc_tek_sliding_box_single:last-child, .vc_tek_sliding_box_single:last-child .sliding_box_child, .sliding_box_child:last-child { margin-right: 0; margin-bottom: 0; } .sliding_box_child .sb-image { width: 295px; display: flex; align-items: center; justify-content: center; height: 295px; } .sliding_box_child.active-elem { width: 590px; } .sliding_box_child .sb_content_wrapper { padding: 50px; position: absolute; top: 0; left: 295px; width: 295px; height: 100%; max-width: 300px; background: #fff; display: flex; flex-direction: column; justify-content: center; } .sliding-box-link { font-weight: 500; transition: 0.2s ease; } .sliding_box_child .tt_button { float: left; width: 100%; position: absolute; bottom: 40px; max-width: calc(100% - 80px); } .sliding_box_child .sb_content_wrapper h4 { margin-top: 0; } .sliding_box_child .sb_content_wrapper p { margin-bottom: 20px; } .sliding_box_child img { width: auto; max-width: inherit !important; height: 295px !important; display: block; } /* ------------------------------------------------------------------------ 34. CONTACT FORM ------------------------------------------------------------------------*/ #single-page .kd-contact-form.light_background .wpcf7-form textarea, .kd-contact-form.light_background .wpcf7 select, .kd-contact-form.light_background .wpcf7 .wpcf7-text, .kd-contact-form.light_background .wpcf7 .wpcf7-email, .kd-contact-form.light_background .wpcf7 textarea { border: 1px solid #e5e7f2; text-transform: inherit; background: #f7f9fb; } .wpcf7-checkbox { display: block; margin-bottom: 20px; } .wpcf7-radio { margin: 20px 0; display: block; } .kd-contact-form.light_background .wpcf7 .wpcf7-submit { margin: 0; max-width: 100%; float: right; width: 100%; } .vc_wp_search { position: relative; } .vc_wp_search label { width: 100%; } .vc_wp_search .search-submit { right: 20px; } .wpcf7 [data-name=acceptance-subscribe], .blog-subscribe-wrapper [data-name=acceptance-subscribe] { position: absolute; bottom: 0; } .wpcf7 [data-name=acceptance-subscribe] { bottom: -40px; white-space: nowrap; } .single-field-form.inline-cf .wpcf7-form-control-wrap { margin: 0; } /* ------------------------------------------------------------------------ 35. PRICE BLOCK ------------------------------------------------------------------------*/ .kd-price-block { float: left; width: 100%; padding-right: 0; } .kd-price-block .pb-image-wrap { float: left; margin-right: 18px; height: 80px; display: flex; align-items: center; } .kd-price-block .pb-image-wrap img { max-width: 60px; height: auto; } .kd-price-block .pb-content-wrap { margin-top: 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .kd-price-block .pb-desc-wrap { margin-top: 9px; margin-bottom: 12px; } .kd-price-block .pb-content-wrap h5 { margin-top: 0; margin-bottom: 0; padding-right: 0; white-space: pre; padding-right: 15px; } .kd-price-block .pb-content-wrap h5 a { color: inherit; -moz-transition: all .15s ease; -o-transition: all .15s ease; -webkit-transition: all .15s ease; transition: all .15s ease; } .kd-price-block .pb-content-wrap .pb-currency { margin-left: 3px; margin-right: 3px; } .kd-price-block .pb-content-wrap .pb-dots { position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1; opacity: .5; } .kd-price-block .pb-content-wrap .pb-dots:before { content: '. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'; display: block; font-size: 20px; color: inherit; } .kd-price-block .pb-content-wrap .pb-pricing-wrap { margin-right: 5px; font-weight: 500; padding-left: 10px; line-height: 1; padding-right: 0; } .wpb-js-composer .wpb_content_element p:empty { display: none; } /* ------------------------------------------------------------------------ 35. SECTION TITLE ------------------------------------------------------------------------*/ header.kd-section-title { padding-left: 0; padding-right: 0; float: none; } .kd-section-title .subtitle { letter-spacing: 0.01em; } .kd-section-title.subtitle-above-title .subtitle { margin-bottom: 15px; } header.kd-section-title .separator_off { margin-bottom: 20px; } .kd-section-title .subtitle-text-underline { text-decoration: underline; } .kd-section-title.col-lg-8 { float: none; margin: auto; } .kd-section-title.col-lg-8.text-left { margin-left: 0; padding-left: 0; } .kd-separator { display: block; position: relative; width: 40px; } .kd-separator.below_title { margin-bottom: 17px; margin-top: -5px; } .kd-section-title.text-center .kd-separator { margin: 0 auto; margin-bottom: 15px; margin-top: 0px; } .kd-separator:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .kd-separator .kd-separator-line { display: block; position: relative; margin: 0 auto; } .kd-section-title.text-center { margin-left: auto; margin-right: auto; float: none; } .kd-section-title.text-right { margin-left: auto; margin-right: 0; } .kd-section-title.text-right .kd-separator { display:inline-block } .kd-section-title.text-center .kd-separator.above_title, .kd-section-title.text-right .kd-separator.above_title, .kd-section-title.text-left .kd-separator.above_title { margin-bottom: 15px; } .kd-section-title.text-center .kd-separator.below_subtitle, .kd-section-title.text-right .kd-separator.below_subtitle, .kd-section-title.text-left .kd-separator.below_subtitle { margin-top: 30px; } .kd-section-title.solid-line.sep-border-width-1 .kd-separator-line { border-top: 1px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-2 .kd-separator-line { border-top: 2px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-3 .kd-separator-line { border-top: 3px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-4 .kd-separator-line { border-top: 4px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-5 .kd-separator-line { border-top: 5px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-6 .kd-separator-line { border-top: 6px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-7 .kd-separator-line { border-top: 7px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-8 .kd-separator-line { border-top: 8px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-9 .kd-separator-line { border-top: 9px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-10 .kd-separator-line { border-top: 10px solid; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-1 .kd-separator-line { border-top: 1px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-2 .kd-separator-line { border-top: 2px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-3 .kd-separator-line { border-top: 3px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-4 .kd-separator-line { border-top: 4px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-5 .kd-separator-line { border-top: 5px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-6 .kd-separator-line { border-top: 6px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-7 .kd-separator-line { border-top: 7px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-8 .kd-separator-line { border-top: 8px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-9 .kd-separator-line { border-top: 9px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-10 .kd-separator-line { border-top: 10px dotted; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-1 .kd-separator-line { border-top: 1px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-2 .kd-separator-line { border-top: 2px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-3 .kd-separator-line { border-top: 3px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-4 .kd-separator-line { border-top: 4px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-5 .kd-separator-line { border-top: 5px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-6 .kd-separator-line { border-top: 6px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-7 .kd-separator-line { border-top: 7px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-8 .kd-separator-line { border-top: 8px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-9 .kd-separator-line { border-top: 9px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-10 .kd-separator-line { border-top: 10px dashed; border-color:inherit;} .divider_full_width .kd-separator-line { width: 100%; } .divider_one_half .divider-line { width: 50%; } .divider_one_fourth .divider-line { width: 25%; } .kd-section-title.dotted-line .kd-separator-line { border-top: 1px dotted rgba(0,0,0,0.2); height: 1px; } .kd-section-title.dashed-line .kd-separator-line { border-top: 1px dashed rgba(0,0,0,0.2); height: 5px; } .kd-section-title.solid-line .kd-separator-line { border-top: 1px solid rgba(0, 0, 0, 0.2); height: 1px; } .kd-title-label { display: inline-flex; } .kd-title-label a span { position: relative; transition: 0.25s; } .kd-title-label a:hover span { color: #fff; } .kd-title-label .kd-title-label-solid { color: #fff; padding: 5px 20px; line-height: 1.3; display: inline-flex; border-radius: 30px!important; overflow: hidden; z-index: 1; position: relative; } .kd-title-label .kd-title-label-transparent { padding: 5px 20px 5px 30px; margin-left: -14px; position: relative; overflow: hidden; display: inline-flex; line-height: 1.3; border-radius: 30px!important; } @media (min-width: 960px) { .kd-title-label .kd-title-label-transparent { border-bottom-left-radius: 0!important; border-top-left-radius: 0!important; } } .kd-title-label.no-primary-title .kd-title-label-transparent { margin-left:0; padding-left: 15px; padding-right:15px; border-radius: 30px!important; } .kd-title-label .kd-title-label-solid::before, .kd-title-label .kd-title-label-transparent::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .15; z-index: -1; } .kd-title-label .kd-title-label-solid:before { opacity: 1; } .kd-title-label.text-center { display: flex; justify-content: center; } .kd-title-label.text-right { display: flex; justify-content: flex-end; } /* ------------------------------------------------------------------------ 36. TEXT ROTATOR ------------------------------------------------------------------------*/ .kd-text-rotator-container {position: relative;} .kd-rotator-wrapper { display: inline-block; position: relative; text-align: left; } .kd-rotator-wrapper .rotator-single { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .kd-rotator-wrapper .rotator-single.is-visible { position: relative; } /* -------------------------------- Push -------------------------------- */ .kd-text-rotator-container.push .rotator-single { opacity: 0; } .kd-text-rotator-container.push .rotator-single.is-visible { opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s; } .kd-text-rotator-container.push .rotator-single.is-hidden { -webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s; } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%); } 60% { opacity: 1; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0); } 60% { opacity: 0; -moz-transform: translateX(110%); } 100% { opacity: 0; -moz-transform: translateX(100%); } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } /* -------------------------------- xslide -------------------------------- */ .kd-text-rotator-container.slide .kd-rotator-wrapper { overflow: hidden; vertical-align: top; padding-bottom: 10px; } .kd-text-rotator-container.slide .rotator-single { opacity: 0; top: .2em; } .kd-text-rotator-container.slide .rotator-single.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; } .kd-text-rotator-container.slide .rotator-single.is-hidden { -webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s; } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%); } 60% { opacity: 1; -moz-transform: translateY(20%); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } @-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0); } 60% { opacity: 0; -moz-transform: translateY(120%); } 100% { opacity: 0; -moz-transform: translateY(100%); } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } /* -------------------------------- xzoom -------------------------------- */ .kd-text-rotator-container.zoom .kd-rotator-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .kd-text-rotator-container.zoom .rotator-single { opacity: 0; } .kd-text-rotator-container.zoom .rotator-single.is-visible { opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s; } .kd-text-rotator-container.zoom .rotator-single.is-hidden { -webkit-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; animation: zoom-out 0.8s; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @-moz-keyframes zoom-in { 0% { opacity: 0; -moz-transform: translateZ(100px); } 100% { opacity: 1; -moz-transform: translateZ(0); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); } } @-moz-keyframes zoom-out { 0% { opacity: 1; -moz-transform: translateZ(0); } 100% { opacity: 0; -moz-transform: translateZ(-100px); } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); } } /* ------------------------------------------------------------------------ 37. STICKY NAVIGATION ------------------------------------------------------------------------*/ .feature-sections-wrapper section { padding: 60px 0 0 0; margin-top: 0; } .feature-sections-wrapper.navigation-icons .nav-tabs a .nav-number, .feature-sections-wrapper.navigation-numbers .nav-tabs a i { display:none; } .feature-sections-wrapper .feature-sections-tabs { border-bottom: 1px solid #e7e7e7; background: #fff; text-align: center; position: sticky; position: -webkit-sticky; top: 78px; z-index: 100; padding: 0; margin-bottom: 0; margin-left: calc(-100vw / 2 + 615px); margin-right: calc(-100vw / 2 + 615px); transition: 0.5s; margin-top: 0; margin-bottom: 40px; } .feature-sections-wrapper .feature-sections-tabs.with-sticky-topbar { top: 117px; } .feature-sections-wrapper .feature-sections-tabs.with-fixed-menu { top: 0; } .admin-bar .feature-sections-wrapper .feature-sections-tabs.with-fixed-menu { top: 32px; } .feature-sections-wrapper.left-navigation .feature-sections-tabs { width: 100px; margin: 0; margin-left: -200px; left: 0; top: 50%!important; } .feature-sections-wrapper .feature-sections-tabs.sticky-hide { -webkit-transform: translateY(-70px); pointer-events:none; visibility: hidden; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs li.active a { border: none!important; } .admin-bar .feature-sections-wrapper .feature-sections-tabs { top: 110px; } .admin-bar .feature-sections-wrapper .feature-sections-tabs.with-sticky-topbar { top: 149px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs { border:none; text-align:center; align-items: stretch; justify-content: center; padding-left: 15px; padding-right: 15px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs li { margin: 0; /* width: 100%; */ padding: 0; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a { border: none!important; font-weight: 500; border-top: none!important; border-left: none!important; border-right: none!important; background: none!important; margin: 0; border-radius: 0; padding: 0; line-height: inherit; transition: 0.2s ease; border-bottom: 2px solid transparent; align-items: center; justify-content: center; display: flex; height: 80px; font-size: 16px; width: auto; padding: 0 50px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a i { font-size: 28px; font-weight: 400; margin-left: 18px; transition: 0.2s ease; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs .nav-custom-icon { margin-right: 15px; } .feature-sections-wrapper .container { max-width: 100%; display: flex; align-items: center; } .feature-sections-wrapper .owl-nav { margin-bottom:-30px; } .feature-sections-wrapper .featured-left .container { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .feature-sections-wrapper .side-featured-wrapper { width: 66%; float: left; margin-right: auto; text-align: center; } .side-featured-wrapper .video-cover .play-video .fa.fa-play { font-size: 23px; position: absolute; top: 50%; left: 50%; -webkit-transition: .25s; -o-transition: .25s; transition: .2s ease-out!important; transform: translate3d(-50%,-50%,0); margin-left: 2px; } .side-featured-wrapper .video-cover .play-video:hover .sway-play { color: #fff; } .feature-sections-wrapper .featured-left .side-featured-wrapper .video-cover img { margin: 0; } .feature-sections-wrapper .featured-left .entry-video { float: left; margin-left: -5%;} .feature-sections-wrapper .featured-right .entry-video { float: right; margin-right: -5%;} .feature-sections-wrapper .side-featured-wrapper.fss-shadow-image .featured-image img, .feature-sections-wrapper .side-featured-wrapper.fss-shadow-gallery .owl-wrapper-outer, .feature-sections-wrapper .side-featured-wrapper.fss-shadow-video .background-video-image img { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .feature-sections-wrapper .entry-video { margin-bottom: 0; } .feature-sections-wrapper .entry-video iframe { max-width: 100%; } .feature-sections-wrapper .side-content-wrapper { width: 38%; } .side-content-link .tt_button { margin-right: 10px; } .feature-sections-wrapper .owl-dots { text-align:center; margin-top:20px; margin-bottom:-30px; } .feature-sections-wrapper .featured-left .side-featured-wrapper { margin-left: 0; margin-left: auto; } .feature-sections-wrapper .featured-left .side-content-wrapper { margin-right: 0; } .feature-sections-wrapper .side-content-wrapper .simple-link { font-weight: 500; margin-top: 45px; display:block; transition: 0.25s; font-size: 16px; width:-moz-max-content; width: fit-content; } .feature-sections-wrapper .side-content-wrapper .simple-link:after { content: "\e90d"; display: inline-block; font-size: 18px; font-family: 'sway-font'; box-sizing: border-box; font-weight: 500; transition: transform 0.2s ease; margin-left: 10px; line-height: 1; margin-top: 5px; float: right; } .feature-sections-wrapper .tt_button { margin-top: 30px; float: left; } .feature-sections-wrapper .side-content-wrapper .custom-icon, .feature-sections-wrapper .side-content-wrapper i.section-icon { text-align: center; border-radius: 0px; font-size: 42px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; margin-bottom: 25px; } .feature-sections-wrapper .side-content-wrapper i.section-icon { display: inline-block; line-height: 1; } .feature-sections-wrapper .side-content-wrapper .custom-icon { height: auto; line-height: inherit; text-align: left; } .feature-sections-wrapper .side-content-wrapper .custom-icon img { height: auto; } .feature-sections-wrapper .side-content-wrapper p:empty { display: none; } .feature-sections-wrapper .side-content-subtitle { margin-bottom:20px; } .feature-sections-wrapper .side-content-title { margin-bottom: 25px; } .feature-sections-wrapper .featured-image img { -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; height: auto; height: intrinsic; } .feature-sections-wrapper .fss-circle .featured-image img { border-radius: 50%; } .feature-sections-wrapper .fss-circle .featured-image img:hover { border-radius: 40%; } .feature-sections-wrapper .fss-egg .featured-image img { border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; } .feature-sections-wrapper .fss-egg .featured-image img:hover { border-radius: 50%; } .feature-sections-wrapper .fss-organic-1 .featured-image img { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } .feature-sections-wrapper .fss-organic-1 .featured-image img:hover { border-radius: 40% 70% 70% 40% / 40% 40% 70% 70%; } .feature-sections-wrapper .fss-organic-1-rotate .featured-image img { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30% ; } .feature-sections-wrapper .fss-organic-1-rotate .featured-image img:hover { border-radius: 70% 40% 40% 70% / 70% 70% 40% 40% ; } .feature-sections-wrapper .fss-organic-2 .featured-image img { border-radius: 70% 30% 70% 30% / 30% 70% 30% 70% ; } .feature-sections-wrapper .fss-organic-2 .featured-image img:hover { border-radius: 80% 20% 80% 20% / 40% 60% 40% 60% ; } .feature-sections-wrapper .fss-organic-2-rotate .featured-image img { border-radius: 30% 70% 30% 70% / 70% 30% 70% 30% ; } .feature-sections-wrapper .fss-organic-2-rotate .featured-image img:hover{ border-radius: 40% 60% 40% 60% / 70% 30% 70% 30%; } .feature-sections-wrapper .featured-image { display: flex; } .feature-sections-wrapper .featured-left .side-featured-wrapper img { margin-left: -5%; margin-right: auto; height: auto; height: intrinsic; } .feature-sections-wrapper .featured-right .side-featured-wrapper img { margin-right: -5%; margin-left: auto; } .side-content-text ul li { font-size: 18px; } .side-content-title-label { margin-bottom: 15px; display: block; } /* ------------------------------------------------------------------------ 39. PHOTO GALLERY ------------------------------------------------------------------------*/ .photo-gallery-wrapper .owl-wrapper-outer { overflow: visible!important; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item { padding: 0 6vw; transition: 0.3s !important; opacity: 0.4; text-align: center; } .photo-gallery-wrapper.slider-layout .owl-wrapper-outer .owl-item { padding: 0; opacity: 0; } .photo-gallery-wrapper.slider-layout .owl-wrapper-outer { pointer-events: none; } .photo-gallery-wrapper.slider-layout .owl-wrapper-outer .owl-item.active { pointer-events: auto; } .photo-gallery-wrapper.disable-transparent-items .owl-wrapper-outer .owl-item { opacity: 1; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item.active { opacity: 1; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item img { width: auto; max-width: 100%; box-shadow: 0 10px 35px rgba(38, 42, 76, 0.1); cursor: grab; height: auto; height: auto!important; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item img.open-photoswipe { cursor: zoom-in; } .pricing-table.DetailedStyle.no-shadow { box-shadow: none!important; } .photo-gallery-wrapper.no-shadow .owl-wrapper-outer .owl-item img { box-shadow: none } .owl-nav div.owl-next, .owl-nav div.owl-prev {background: none;border-radius: 90px;width: 40px;height: 40px;line-height: 40px;opacity: 1;box-sizing: border-box;position: absolute;pointer-events: auto;border: none!important;font-family: 'sway-font';font-size: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s ease;} .owl-nav div.owl-next:hover, .owl-nav div.owl-prev:hover { color:#fff!important; } .owl-nav div.owl-next:before, .owl-nav div.owl-prev:before { font-size: 16px; box-sizing: border-box; position: absolute; width: 40px; height: 40px; left: 0; top: 0; line-height: 40px; } .owl-carousel .owl-nav div.owl-prev { opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); } .owl-carousel .owl-nav div.owl-next { opacity: 0; -webkit-transform: translateX(-40px); transform: translateX(-40px); } .owl-carousel:hover .owl-nav div.owl-prev, .owl-carousel:hover .owl-nav div.owl-next { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .photo-gallery-wrapper .owl-nav div.owl-prev { left: -20px; } .photo-gallery-wrapper .owl-nav div.owl-next { right: -20px; } .photo-gallery-wrapper.slider-layout .owl-nav div.owl-prev { left: -80px; } .photo-gallery-wrapper.slider-layout .owl-nav div.owl-next { right: -80px; } .contained-carousel .owl-nav div.owl-prev, .testimonial-cards.container .owl-nav div.owl-prev, .team-carousel .owl-nav div.owl-prev, .clients.slider .owl-nav div.owl-prev, .review-carousel .owl-nav div.owl-prev, .photobox-carousel .owl-nav div.owl-prev { left: -85px; } .contained-carousel .owl-nav div.owl-next, .testimonial-cards.container .owl-nav div.owl-next, .team-carousel .owl-nav div.owl-next, .clients.slider .owl-nav div.owl-next, .review-carousel .owl-nav div.owl-next, .photobox-carousel .owl-nav div.owl-next { right: -85px; } .contained-carousel .owl-nav, .fullwidth-carousel .owl-nav, .testimonial-cards.container .owl-nav, .team-carousel .owl-nav, .clients.slider .owl-nav, .review-carousel .owl-nav, .photobox-carousel .owl-nav, .photo-gallery-wrapper .owl-nav { margin: 0; position: absolute; top: 50%; height: 40px; z-index: 10; width: 100%; margin-top: -45px; overflow: visible; pointer-events: none; } .fullwidth-carousel .owl-nav { margin-top: -55px; } .fullwidth-carousel .owl-nav div.owl-prev { margin-top: -50px; left: -100px; } .fullwidth-carousel .owl-nav div.owl-next { right: inherit; left: -100px; } .review-carousel.nav-arrows .owl-nav, .photobox-carousel.nav-arrows .owl-nav, .photo-gallery-wrapper.nav-arrows .owl-nav { margin-top: -20px; } .team-carousel .owl-nav, .clients.slider .owl-nav { margin-top: -20px; } .photo-gallery-wrapper .owl-nav div.owl-next:hover, .photo-gallery-wrapper .owl-nav div.owl-prev:hover { opacity: 1; } .photo-gallery-wrapper img { border-radius: 5px; } /* ------------------------------------------------------------------------ 40. FORMS ------------------------------------------------------------------------*/ .modal-content-inner .gform_wrapper, .modal-content-inner .nf-form-cont {position: relative; z-index: 10;} .modal-content-inner .gform_heading, .modal-content-inner .nf-form-title, .nf-form-fields-required {display: none;} .container .gform_wrapper textarea, .modal-content-inner .gform_wrapper textarea, .gform_wrapper .ginput_complex select, .gfield_list td.gfield_list_cell input, .gform_wrapper .ginput_complex.ginput_container input, .gform_wrapper input.large, .gform_wrapper input.medium, .gform_wrapper input.small, .gform_wrapper select.large, .gform_wrapper select.medium, .gform_wrapper select.small, .ninja-forms-field { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 100%; box-sizing: border-box; min-width: 100%; margin-bottom: 10px; box-shadow: none; letter-spacing: 0; outline: 0; line-height: 50px; height: 50px; padding: 0 20px; outline: none; text-align: left; font-family: inherit; border-radius: 0px; font-weight: 400; border: 1px solid #e5e7f2!important; background: #f7f9fb; } .container .gform_wrapper label.gfield_label, .container .nf-field-label label { color: #1f1f1f; } .container .gform_wrapper table.gfield_list td, .gform_wrapper table.gfield_list th { padding: 0; } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin-top: 0!important } .container .gform_wrapper .gfield_checkbox li label, .container .gform_wrapper .gfield_radio li label { display: -moz-inline-stack; display: inline-block; padding: 0; width: auto; line-height: 1.6; font-size: inherit; vertical-align: middle; max-width: 100%; white-space: normal; margin-left: 10px; } .modal-content-inner .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: inherit; font-family: inherit; padding: 0 20px; letter-spacing: normal; } .gfield_list td.gfield_list_cell input {margin-bottom:0;min-width: calc(100% - 20px)!important;width: calc(100% - 20px)!important;} .modal-content-inner .gform_wrapper select, .container .gform_wrapper select { padding: 0 20px; } .container .gform_wrapper select.gfield_select { padding: 0 20px; } .container .gform_wrapper .ginput_container_multiselect select { padding-top: 20px; } body .container .gform_wrapper ul li.gfield { margin-top: 20px; padding-top: 0; padding-right: 0; } .container .gform_wrapper textarea, .modal-content-inner .gform_wrapper textarea, textarea.ninja-forms-field { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; letter-spacing: 0; box-shadow: none; outline: 0; display: block; padding: 0 20px; font-weight: 400; text-shadow: none; resize: none; max-height: 100px; width: 100%; margin: 0; text-align: left; padding-top: 15px; min-width: auto; border-radius: 0px; margin-bottom: 10px; line-height: 1.6; } .nf-field-container { margin-bottom: 0; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], input[type="button"].ninja-forms-field { text-align: center; font-weight: 600; padding: 0; margin: auto; box-sizing: border-box; outline: 0; cursor: pointer; border-radius: 0px; min-width: 150px; float: left; height: 50px; line-height: 48px; margin-top: 5px; margin-bottom: 0; display: block; color: #fff; width: 100% !important; background: #1f1f1f; border:none !important; -webkit-transition: .3s !important; -moz-transition: .3s !important; -ms-transition: .3s !important; -o-transition: .3s !important; transition: .3s !important; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, input[type="button"].ninja-forms-field:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .15); box-shadow: 0 8px 25px rgba(0, 0, 0, .15); } .modal-content-inner .nf-field-label label { color: #fff; } .nf-error-msg, .ninja-forms-req-symbol { font-weight: 600; } .modal-content-inner .ninja-forms-form-wrap .label-above .nf-field-label { margin-bottom: 5px; } .modal-content-inner .ninja-forms-form-wrap .nf-error-msg { position: absolute; bottom: 0; right: 0; background: #f7f9fb; padding: 13px; border-radius: 0px; } .modal-content-inner .gform_wrapper div.validation_error, .container .gform_wrapper div.validation_error { color: #e80000; font-size: 1em; font-weight: 700; margin-bottom: 25px; border: 2px solid #e80000; border-radius: 0px; padding: 16px 0; clear: both; width: 100%; background: #fff; text-align: center; } .modal-content-inner .gform_wrapper li.gfield.gfield_error, .container .gform_wrapper .validation_message { color: #e80000; font-weight: 700; letter-spacing: normal; } .modal-content-inner .gform_wrapper li.gfield.gfield_error, .container .gform_wrapper li.gfield.gfield_error, .container .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color:#fff; margin-bottom: 6px!important; border-top: none; border-bottom: none; padding-bottom: 6px; padding-top: 8px; box-sizing: border-box; padding: 20px!important; max-width: 100%!important; border-radius: 0px; border: 1px solid rgba(232, 0, 0, 0.2); } .modal-content-inner .gform_confirmation_wrapper, .modal-content-inner .ninja-forms-form-wrap .nf-response-msg { display: block; background: #fff; padding: 20px; border-radius: 0px; z-index: 10; position: relative; } .modal-content-inner .gform_wrapper label.gfield_label, .modal-content-inner .ninja-forms-form-wrap .nf-response-msg:empty { display: none; } .modal-content-inner .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } body .modal-content-inner .gform_wrapper ul li.gfield { margin-top: 0; padding-top: 0; } .nf-field-element select { min-height: 52px; } .list-multiselect-wrap .nf-field-element select {padding-top: 15px } .nf-field-element li input[type="checkbox"], .nf-field-element li input[type="radio"] { min-width: auto; } .container .gform_wrapper h3.gform_title { font-weight: 400; font-size: 28px; margin-bottom: 20px; } .container .gform_wrapper span.gform_description { font-weight: bold; color: inherit; display: block; margin-bottom: 20px; } /* ------------------------------------------------------------------------ 41. SOCIAL ICONS ------------------------------------------------------------------------*/ ul.redux-social-media-list { margin-top: 0; margin-bottom: 0; } ul.redux-social-media-list li { float:left; margin: 0; padding: 0; display:block; width: auto; list-style: none; } ul.redux-social-media-list li:before{ content:''; } .footer_widget .redux-social-media-list a { font-size: 18px; border-radius: 90px; margin-right: 20px; display: inline-block; text-align: center; transition: .25s; margin: 0 20px 0 0; margin-bottom: 8px; } .footer_widget .redux-social-media-list a:hover { opacity:0.8; -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); } .footer_widget .redux-social-media-list i { margin:0; } .kd-social-profiles .kd-social-list { padding-left: 0; } .kd-social-profiles .kd-social-list li { display: inline-block; margin-right: 20px; box-sizing: content-box; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .kd-social-profiles .kd-social-list li:last-child { margin-right: 0; } .kd-social-profiles.icon-left-align { text-align: left; } .kd-social-profiles.icon-center-align { text-align: center; } .kd-social-profiles.icon-right-align { text-align: right; } .icon-element-background li, .icon-element-outline li { padding: 0; width: 1.8em; height: 1.8em; text-align: center; line-height: 1.7em; } .icon-element-outline li { border: 2px solid; } .bg-shape-circle li, .bg-shape-outline-circle li { border-radius: 50%; } .bg-shape-rounded li, .bg-shape-outline-rounded li { border-radius: 4px; } .kd-social-profiles .kd-social-list a { display: block; width: 100%; height: 100%; transition: .25s; } .hover-float-shadow .kd-social-list li:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } .hover-opacity .kd-social-list li:hover { opacity: 0.4; } /* ------------------------------------------------------------------------ 42. SHAPES ------------------------------------------------------------------------*/ .kd-shapes { position: absolute; width: 20em; height: 20em; z-index: 0; } .kd-shapes.shape_left_pos { left: -30em; } .kd-shapes.shape_center_pos { left: 0; right: 0; margin: auto; } .kd-shapes.shape_right_pos { right: -30em; } .kd-shapes.shape_circle { border-radius: 50%; } .kd-shapes.shape_egg { border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; } .kd-shapes.shape_organic_1 { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } .kd-shapes.shape_organic_1_rotate { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30% ; } .kd-shapes.shape_organic_2 { border-radius: 70% 30% 70% 30% / 30% 70% 30% 70% ; } .kd-shapes.shape_organic_2_rotate { border-radius: 30% 70% 30% 70% / 70% 30% 70% 30% ; } .kd-shapes.shape_dots { -webkit-mask-image: url(../img/dots.svg); mask-image: url(../img/dots.svg); z-index: 0; -webkit-mask-size: 18px; } /* ------------------------------------------------------------------------ 43. LISTS ------------------------------------------------------------------------*/ .key-icon-box .ib-wrapper .ib-list, .kd-icon-list { padding: 0; list-style-type: none; } .kd-icon-list .kd-icon-list-item a { transition: 0.2s; } .key-icon-box .ib-wrapper .ib-list li, .kd-icon-list .kd-icon-list-item { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start; margin-bottom: 14px; font-size: 1.13em; } .key-icon-box .ib-wrapper .ib-list li:last-child, .kd-icon-list .kd-icon-list-item:last-child { margin-bottom: 0; } .kd-icon-list-item > i { margin-right: 10px; } .kd-icon-wrapper { min-width: 18px; height: 18px; margin-left: 15px; text-align: center; line-height: 15px; font-weight: 100!important; margin-top: 3px; } .kd-icon-wrapper i { font-size: 10px; } .kd-icon-list .kd-icon-list-item i { } .kd-icon-wrapper.icon-circle { border-radius: 50%; } .key-icon-box .ib-wrapper .ib-list { margin-bottom: 20px; } .key-icon-box .ib-wrapper p + .ib-list { margin-top: 30px; } .key-icon-box .ib-wrapper .ib-list li { font-size: inherit; margin-bottom: 10px; font-weight: 500; } .key-icon-box.icon-top .ib-wrapper .ib-list + p + .ib-button-wrapper, .key-icon-box.icon-top .ib-wrapper .ib-list + .ib-button-wrapper { margin-top: 15px; } .key-icon-box .ib-wrapper .ib-list i { font-size: 13px; line-height: 25px; margin-right: 12px; } /* ------------------------------------------------------------------------ 44. PRICE SWITCHER ------------------------------------------------------------------------*/ /* The switch - the box around the slider */ .kd-ps-wrapper { position:relative; } .kd-price-switch { position: relative; display: block; width: 60px; height: 30px; margin: 0 auto 50px auto; } .ps-secondary-variant, .ps-default-variant { font-weight: 500; font-size: 17px; position: absolute; line-height: 34px; color: #777; } .ps-default-variant {right: calc(50% + 45px);top: 0;} .ps-secondary-variant {left: calc(50% + 45px);top: 0;} /* Hide default HTML checkbox */ .kd-price-switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .kd-price-switch .price-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #acacac; border-radius: 34px; -webkit-transition: .4s; transition: .4s; } .kd-price-switch .price-slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; -webkit-transition: .2s; transition: .2s; box-shadow: 0 2px 10px rgba(38, 43, 76, 0.4); } .kd-price-switch input:focus + .price-slider { box-shadow: 0 0 1px #2196F3; } .kd-price-switch input:checked + .price-slider:before { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } /* ------------------------------------------------------------------------ 45. ROW OPTIONS & SEPARATORS ------------------------------------------------------------------------*/ .vc_row.vc_row-shadow { box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1); } .vc_column_container.extra-large-column .vc_column-inner { width: calc(100% + 60px) } .vc_row.vc_row-bg-position-top {background-position:top!important;} .vc_row.vc_row-bg-position-center {background-position:center!important;} .vc_row.vc_row-bg-position-bottom {background-position:bottom!important;} .vc_row > .kd-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .kd-row-separator { position: relative; } .zindex { z-index: 101; } .zindex0 { z-index: 0; } .kd-row-separator-clear { clear: both; display: block; height: 1px; font-size: 0; line-height: 0; width: 100%; overflow: hidden; } .kd-row-separator { position: absolute !important; left: 0; right: 0; width: 100%; z-index: 100; } .vc_row-small-triangle-sep .kd-row-separator { width: auto; text-align: center; } .kd-row-separator svg { width: 100%; fill: #fff; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } .vc_row-small-triangle-sep .kd-row-separator svg { width: auto; } .kd-row-separator-top { top: 0; } .kd-row-separator-bottom { bottom: 0; margin-bottom: -1px; } .separator-height-small, .separator-height-small svg { height: 50px; } .separator-height-medium, .separator-height-medium svg { height: 100px; } .separator-height-large, .separator-height-large svg { height: 150px; } .kd-row-separator.kd-row-separator-right, .kd-row-separator.kd-row-separator-left { position: absolute !important; top: 0; bottom: 0; left: inherit; right: inherit; height: 100%; z-index: 1; width: 100px; } .kd-row-separator.kd-row-separator-right svg, .kd-row-separator.kd-row-separator-left svg { height: 100%; right: 0; width: 50px; position: absolute !important; } .vc_row-top-sep-flip-y .kd-row-separator-top, .vc_row-bottom-sep-flip-y .kd-row-separator-bottom { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .kd-row-separator-right.kd-row-separator-rounded { } .kd-row-separator.separator-width-small { width: 100px; } .kd-row-separator.separator-width-medium { width: 150px; } .kd-row-separator.separator-width-large { width: 200px; } .kd-row-separator.kd-row-separator-left { left: 0; } .kd-row-separator.kd-row-separator-right { right: 0; } .separator-waves { position:relative; width: 100%; height:15vh; margin-bottom:-7px; /*Fix for safari gap*/ min-height:100px; max-height:150px; } .separator-waves-parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .separator-waves-parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } .separator-waves-parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } .separator-waves-parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } .separator-waves-parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } /* ------------------------------------------------------------------------ 46. PARTICLES ------------------------------------------------------------------------*/ #particles-js, .particles-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; z-index: -1; } .particles-wrapper div { height: 100%; } /* ------------------------------------------------------------------------ 47. PHOTO GROUP ------------------------------------------------------------------------*/ .kd-photo-group { display: flex; position: relative; z-index: 10; } .kd-photo-group.small-shadow img { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .kd-photo-group.large-shadow img { box-shadow: 0 20px 70px rgba(38, 42, 76, 0.2); } .first-image-wrapper { margin-left: auto; } .second-image-wrapper { position: absolute; bottom: -25%; } .kd-photo-group.group-layout-left .first-image-wrapper { margin-left: 0; } .kd-photo-group.group-layout-right .second-image-wrapper { right: 0; } .kd-photo-group.group-layout-center { justify-content: center; } .kd-photo-group.group-layout-center .first-image-wrapper { margin-left: auto; margin-right: auto; } .kd-photo-group.group-layout-right .second-image-wrapper, .kd-photo-group.group-layout-center .second-image-wrapper, .kd-photo-group.group-layout-left .second-image-wrapper { bottom: 0; } .kd-photo-group.group-layout-left-right .first-image-wrapper { margin-right: auto; margin-left: 0; } .kd-photo-group.group-layout-left-right .second-image-wrapper { right: 0; } .kd-photo-group.group-layout-center-left .first-image-wrapper, .kd-photo-group.group-layout-center-right .first-image-wrapper { margin-right: auto; margin-left: auto; } .kd-photo-group.group-layout-center-right .second-image-wrapper { right: -15%; } .kd-photo-group.group-layout-center-left .second-image-wrapper { left: -15%; } .wpb_single_image { position: relative; z-index: 10; } /* ------------------------------------------------------------------------ 48. SCROLL DOWN BUTTON ------------------------------------------------------------------------*/ .scroll-down-wrapper { width: 100%; display: flex; } .scroll-down-wrapper a { display: table-row; border-radius: 100%; height: 30px; width: 30px; transition: 0.15s ease; -webkit-mask-image: url(../img/scroll-down.svg); mask-image: url(../img/scroll-down.svg); -webkit-mask-size: 30px; } .scroll-down-wrapper a.scroll-down-custom-icon { display: table-row; border-radius: 0; height: auto; width: auto; -webkit-mask-image: none; mask-image: none; -webkit-mask-size: none; background: none!important; } .scroll-down-wrapper a:hover { transform: translateY(4px); } .sd-align-center { justify-content: center; } /* ------------------------------------------------------------------------ 49. COOKIES PLUGIN ------------------------------------------------------------------------*/ body #cookie-notice { bottom: 50px; border-radius: 30px; width: auto; min-width: auto; box-shadow: 0 20px 70px rgb(38 42 76 / 12%); left: 50%; transform: translateX(-50%); font-family: inherit; font-size: 14px; } #cookie-notice .cookie-notice-container { padding: 10px 10px 10px 20px; } #cookie-notice .cn-close-icon { display: none; } #cookie-notice .cn-button:not(.cn-button-custom), body #cookie-notice .cn-button { margin: 0 0 0 16px; font-size: 14px; font-family: inherit; letter-spacing: .01em; height: 30px; line-height: 30px; padding: 0 20px; border-radius: 30px!important; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; color: #fff!important; } #cookie-notice .cn-text-container { margin: 0; } /* ------------------------------------------------------------------------ 50. FLOATING MENU ------------------------------------------------------------------------*/ .fm-wrapper { width: fit-content; background: #fff; padding: 6px 3px; position: fixed; bottom: 40px; left: 50%; z-index: 99999; transform: translate(-50%,100%); opacity: 0; visibility: hidden; transition: 0.5s cubic-bezier(.25,1,.2,1); box-shadow: 0 5px 70px rgb(38 42 76 / 10%); border-radius: 25px; } .fm-wrapper.visible{ opacity: 1; visibility: visible; transform: translate(-50%,0); } .fm-wrapper .fm-list { } .fm-wrapper .fm-list li { display: inline-flex; flex-wrap: wrap; align-items: center; margin: 0 2px; } .fm-wrapper .fm-list li a { border-radius: 25px; font-size: 16px; font-weight: 500; color: #39364e; padding: 9px 23px; transition: 0.3s cubic-bezier(.25,1,.2,1); letter-spacing: 0.01em; background: transparent; } .fm-wrapper .fm-list li.active a, .fm-wrapper .fm-list li a:hover { color: #fff; } .fm-wrapper.static-position { position: relative; } /* ------------------------------------------------------------------------ 51. HOTSPOT ------------------------------------------------------------------------*/ .hotspot-item { position: absolute; margin-top: -16px; margin-left: -16px; z-index: 15; } .hotspot-item:hover { z-index:99 } .hotspot-wrapper { font-size: 15px; font-weight: 600; height: 32px; width: 32px; justify-content: center; display: inline-flex; line-height: 32px; background: #fff; border-radius: 100%; color: #39364e; align-items: center; } .hotspot-wrapper a { width: 32px; text-align: center; border-radius: 100%; } .hotspot-text { cursor: default; } .hotspot-wrapper i { color: #39364e; } .hotspot-wrapper i[class^="iconsmind-"], .hotspot-wrapper i[class*=" iconsmind-"] { font-weight: bold; } .hotspot-wrapper i.fa, .hotspot-wrapper i.fas { font-size: 14px; } .hotspot-item.enable-pulse .hotspot-wrapper:before { content: ""; display: block; position: absolute; z-index: -1; -webkit-transform: scale(1); transform: scale(1); top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; pointer-events: none; -webkit-animation: pulse-animation 2s ease-in-out; animation: pulse-animation 2s ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; border:none; background: #fff; } @-webkit-keyframes pulse-animation { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0 } 50% { opacity: 1 } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @keyframes pulse-animation { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0 } 50% { opacity: 1 } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } .hotspot-item .hotspot-tooltip { position: absolute; max-width: 270px; background-color: white; padding: 25px; padding-bottom: 5px; overflow: hidden; box-shadow: 0 20px 70px rgb(38 42 76 / 20%); width: -webkit-fill-available; transition: transform 0.8s,opacity 0.8s,visibility .5s; transition-timing-function: cubic-bezier(.19,1,.22,1); opacity: 0; visibility: hidden; transform: translate(-50%,15px); left: 16px; width: max-content; border-radius: 5px; } .hotspot-item:hover .hotspot-tooltip { opacity: 1; visibility: visible; transform: translate(-50%,0); } .hotspot-tooltip h4 { font-size: 18px; font-weight: 500; letter-spacing: 0.01em; text-transform: inherit; font-family: inherit; margin-bottom: 15px; } .hotspot-tooltip p { margin-bottom: 20px; } .tooltip-text-center { text-align: center; } .tooltip-top .hotspot-tooltip { bottom: 100%; margin-bottom: 20px; } .tooltip-bottom .hotspot-tooltip { top:52px; } .hotspot-item.tooltip-right .hotspot-tooltip { left:32px; top: 16px; transform: translate(0,-50%); } .hotspot-item.tooltip-right:hover .hotspot-tooltip { transform: translate(15px,-50%); } .hotspot-item.tooltip-left .hotspot-tooltip { right:32px; left: auto; top: 16px; transform: translate(0,-50%); } .hotspot-item.tooltip-left:hover .hotspot-tooltip { transform: translate(-15px,-50%); } .tooltip-img { padding-bottom: 20px; } /* ------------------------------------------------------------------------ 52. INSTAGRAM PLUGIN ------------------------------------------------------------------------*/ .jr-insta-thumb ul.thumbnails li a { display: block; } .jr-insta-thumb ul.thumbnails li { position: relative; } .jr-insta-thumb ul.thumbnails li a:after { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; z-index: 10; opacity: 0; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; mix-blend-mode: color; } .jr-insta-thumb ul.thumbnails li:hover a:after { opacity: 1; } .jr-insta-thumb:before { width: 120px; height: 120px; box-shadow: 0 15px 30px rgb(55 126 249 / 15%); background-color: rgb(0 0 0 / 85%); position: absolute; content: "\f16d"; color: #fff; font-family: "sway-font"!important; font-size: 20px; left: 50%; top: 50%; text-align: center; line-height: 120px; border-radius: 100%; margin-left: -60px; margin-top: -60px; z-index: 100; pointer-events: none; } /* ------------------------------------------------------------------------ 53. IMAGE COMPARISON SLIDER ------------------------------------------------------------------------*/ .cd-image-container { position: relative; width: fit-content; max-width: 100%; display: block; margin: auto; width: 100%; } .cd-image-container img { width: 100%; height: auto; } .cd-image-label { position: absolute; bottom: 0; right: 0; color: #ffffff; padding: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; } .cd-image-label.is-hidden { visibility: hidden; } .is-visible .cd-image-label { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-resize-img { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; } .cd-resize-img .cd-image-label { right: auto; left: 0; } .is-visible .cd-resize-img { width: 50%; /* bounce in animation of the modified image */ -webkit-animation: cd-bounce-in 0.7s; -moz-animation: cd-bounce-in 0.7s; animation: cd-bounce-in 0.7s; border-right: 3px solid #fff; } @-webkit-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @-moz-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } .cd-handle { position: absolute; height: 62px; width: 62px; left: 50%; top: 50%; margin-left: -33px; margin-top: -31px; border-radius: 50%; border: 3px solid #fff; background-color: #39364e; background-image: url(../img/cd-arrows.svg); background-repeat: no-repeat; background-position: center; cursor: move; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s, background-color 0.3s; } /* ------------------------------------------------------------------------ 54. TIMELINE ------------------------------------------------------------------------*/ .kd-timeline { position: relative; display: inline-block; width: 100%; max-width: 100%; margin: 0 auto; } .timeline-line { position: absolute; top: 0; bottom: 20px; background-color: #44425d; width: 2px; transform: translateX(-50%); } .kd-timeline.timeline-align-zigzag .timeline-line { left: 50%; height: calc(100% - 20px); } .timeline-align-right .timeline-line { left: auto; right: 0; margin-left: 20px; transform: translateX(50%); } .timeline-align-left .timeline-line { left: 0; margin-right: 0; } .timeline-line .timeline-line-inner { width: 100%; } .kd-timeline .timeline-item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .kd-timeline.timeline-align-zigzag .timeline-item { margin-bottom: 0; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) { flex-direction: row-reverse; } .timeline-item .timeline-item-wrapper { position: relative; display: block; max-width: 100%; padding: 25px 35px; background-color: #44425d; text-align: left; overflow: hidden; color: #fff; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-wrapper { width: calc(50% - 50px); } .timeline-item .timeline-item-point { background: #44425d; width: 40px; height: 40px; border-radius: 100%; color: #fff; text-align: center; line-height: 40px; font-size: 16px; position: absolute; transition: 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .kd-timeline.timeline-align-zigzag .timeline-item-point { left: 50%; transform: translateX(-50%); } .timeline-align-left .timeline-item .timeline-item-point { left: -20px; } .timeline-align-right .timeline-item .timeline-item-point { right: -20px; } .timeline-item .timeline-item-title { color: inherit; margin-bottom: 15px; font-size: 20px; } .timeline-item .timeline-item-point i { color: #fff; } .timeline-item .timeline-item-description, .timeline-item .item-date { margin-bottom: 0!important; color: #ccc; } .timeline-item .timeline-item-description { color: inherit; line-height: 1.5; } .timeline-align-right .timeline-item .timeline-item-wrapper { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-order: 1; order: 1; margin-right: 50px; } .timeline-align-left .timeline-item .timeline-item-wrapper { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-order: 1; order: 1; margin-left: 50px; } .timeline-item .timeline-item-date { margin-bottom: 10px; } .timeline-item-arrow { position: absolute; top: 50%; height: 5px; transform: translateY(-50%); border-color: #44425d; } .timeline-item-arrow:after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .timeline-item-wrapper.full-link-card { padding: 0; } .timeline-item-wrapper.full-link-card .timeline-full-link { color: #fff; display: block; padding: 25px 35px; transition: 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .timeline-item-wrapper.full-link-card + .timeline-item-arrow { transition: 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .timeline-cta { margin-top: 15px; } .timeline-link { color: #fff; font-weight: 500; transition: 0.25s; } .timeline-align-right .timeline-item-arrow { right: 50px; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) .timeline-item-arrow:after, .timeline-align-right .timeline-item-arrow:after { border-left-color: inherit; border-right-color: inherit; border-left-width: 5px; border-left-style: solid; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) .timeline-item-arrow:after { border-right:none; } .timeline-align-left .timeline-item-arrow { left: 45px; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-arrow { right: calc(50% - 45px); left: auto; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) .timeline-item-arrow { left: calc(50% - 50px); right: auto; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-arrow:after, .timeline-align-left .timeline-item-arrow:after { border-left-color: inherit; border-right-color: inherit; border-right-width: 5px; border-right-style: solid; } .kd-timeline.timeline-align-zigzag .timeline-item { margin-bottom: 20px; } /* ------------------------------------------------------------------------ RESPONSIVE ------------------------------------------------------------------------*/ @media (max-width:330px) { .rw_header {margin-bottom: 50px;} } @media (max-width:575px) { .wpb_wrapper .fix-mobile-btn-alignment.tt_button, .wpb_wrapper .fix-mobile-btn-alignment.wpb_single_image { display: flex; margin: 0 auto 10px auto; } } @media (max-width:960px) { .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-wrapper { width: 100%; } .kd-timeline.timeline-align-zigzag .timeline-line { height: auto; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-point, .timeline-align-right .timeline-item .timeline-item-point, .timeline-align-left .timeline-item .timeline-item-point { left: 0; right: auto; transform: none; } .kd-timeline.timeline-align-zigzag .timeline-line, .timeline-align-right .timeline-line, .timeline-align-left .timeline-line { left: 20px; margin: 0; right: auto; transform: translateX(-50%); } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-wrapper, .timeline-align-right .timeline-item .timeline-item-wrapper { margin-right: 0; margin-left: 50px; } .timeline-item .timeline-item-description br { display: none; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) .timeline-item-arrow, .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-arrow { right: auto; left: 45px; } .kd-timeline.timeline-align-zigzag .timeline-item-arrow, .timeline-align-right .timeline-item-arrow { left: 45px; right: auto; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) .timeline-item-arrow:after, .kd-timeline.timeline-align-zigzag .timeline-item-arrow:after, .timeline-align-right .timeline-item-arrow:after { border-left-color: inherit; border-right-color: inherit; border-right-width: 5px; border-right-style: solid; border-left-width: inherit; } .kd-rotator-wrapper .rotator-single { white-space: pre-wrap; } .kd_progb_head { width: 100%!important; } .kd-process-steps.process-number-template ul li .pss-container:before { display: none; } .key-icon-box.icon-left.icon-default .tt-iconbox-customimg img { margin-bottom: 20px; width: auto; } body #cookie-notice { bottom: 0; width: 100%; border-radius: 0!important; transform: none; left: 0; } #cookie-notice .cookie-notice-container {padding: 20px} #cookie-notice .cn-text-container { margin-bottom: 15px } .ib-hover-2.key-icon-box .ib-badge {background: #fff} body #cookie-notice .cn-button { margin: 0; height: 40px; line-height: 40px; } .entry-video .show-video .play-video { opacity: 0 !important; } .feature-sections-wrapper .entry-video { margin: 20px 0!important; } .cb-container .cb-wrapper:hover { transform: none!important; border: 1px solid #e7e7e7!important; } .cb-container:hover .cb-wrapper:after { display: none!important } #wrapper .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item { padding-right: 0; } #kd-blog-slider { margin-top: 40px!important; } .textwidget iframe { max-width: 100%!important; min-width: 100%!important; } .blog_widget .wpcf7 .acceptance-subscribe { position: relative; bottom: 0; } #wrapper .fullwidth-carousel .vc_pageable-slide-wrapper .active + .active + .active { opacity: 1!important; } .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper { margin-right: 0!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body .vc_column-inner { padding-left: 15px!important; padding-right: 15px!important; } .kd-price-block .pb-desc-wrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item img { height: auto!important; } .container .kd-contact-form { padding-left: 0!important; padding-right:0!important; } .wpb_column.with-shadow { box-shadow: none!important; } .separator-height-large, .separator-height-large svg { height: 100px; } .wpcf7 .acceptance-subscribe { left: 0; bottom: -60px; white-space: inherit; } .blog-footer-subscribe-form .wpcf7 .acceptance-subscribe { bottom: -10px; } #wrapper .kd-photo-group { margin:0!important; } .kd-group-image { transform: none!important; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a { height: 50px; } .kd-feature-tabs { padding: 25px 0; } .scroll-down-wrapper { display: none; } .key-icon-box.icon-left.cont-left .service-heading, .key-icon-box.icon-left.cont-left p { width: 100%; } .key-icon-box.icon-left.cont-left .service-heading { font-size: 18px; } .key-icon-box.icon-left.cont-left .ib-icon-wrapper, .key-icon-box.icon-left.cont-left .ib-simple-icon-wrapper { margin-bottom: 20px; } .key-icon-box.icon-left .ib-button-wrapper { width: 100%; float: left; } .kd-ps-wrapper { float: left; width: 100%; margin-bottom: 50px; z-index: 10; } .key-icon-box h6.service-heading { font-size: 16px; } header.kd-section-title:not(.disable-responsive) { margin-bottom: 50px!important } .vc_grid-container.fullwidth-carousel .vc_pageable-slide-wrapper .vc_grid-item:nth-of-type(3) { opacity: 1!important; } .four-elem-team .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative { margin: 0px; } .team-member.design-classic .kd-team-contact .kd-team-email, .team-member.design-classic .kd-team-contact .kd-team-phone { width: 100%; padding: 5px 0; } .team-member.design-classic .kd-team-contact { flex-direction: column; } .owl-carousel .owl-nav div.owl-prev { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); left: 10px!important; } .owl-carousel .owl-nav div.owl-next { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); right: 10px!important; } .team-member.design-creative .team-image:hover:before { display:none; } .team-member.design-creative .team-image:hover { transform:none; } .team-member.design-creative .team-content-hover { position: relative; opacity: 1; bottom: inherit; border-radius: inherit; margin-top: 25px!important; padding: 30px; padding-bottom: 25px; margin-bottom: 25px; } .team-member.design-creative .team-content-hover * { position: relative!important; } .team-member.design-creative .team-content-hover:before { opacity: 1; } .team-member.design-creative .team-socials { top:0; transform: none; margin: 0; } .team-member.design-creative .team-content .team-content-hover h4, .team-member.design-creative .team-content .team-content-hover .team-subtitle { transform:none; margin-bottom: 15px; } .team-member.design-creative .team-socials { opacity: 1; } .testimonial-cards.container .tcards-content .owl-nav { position: relative; margin: auto; bottom: inherit; margin-top: 30px; max-width: 110px; } .cb-text-area { width: 100%; } .kd-price-switch { margin: 0 auto; } .ps-secondary-variant, .ps-default-variant { font-size: 14px; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panels-container, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container { padding: 0; } .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a { display: flex!important; background: #fff; color: inherit!important; } .wpb-js-composer .vc_tta.vc_general i.vc_tta-icon { font-size: 24px!important; } div.wpcf7 .wpcf7-form .ajax-loader { display: none } .ib-hover-2.key-icon-box .ib-wrapper::before {display: block;content: '';z-index: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.3;-moz-transition: all .15s ease;-o-transition: all .15s ease;-webkit-transition: all .15s ease;transition: all .15s ease;background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%,rgba(0,0,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} .ib-hover-2.key-icon-box .ib-wrapper * { color: #fff!important } .business-info-wrapper .toggle-map-info { display: none; } .key-icon-box.ib-hover-1 .ib-wrapper { padding: 30px 20px!important; } .vc_row .kd-large-image-right, .vc_row .kd-large-image-left { width: 100%; margin: 0; } .admin-bar .feature-sections-wrapper .feature-sections-tabs { top: 0; } .feature-sections-wrapper section { padding-top: 60px; } .feature-sections-wrapper .tt_button { margin-bottom: 30px; } .footer_widget ul.redux-social-media-list li {float: none; display: inline-block;} .kd-process-steps.process_three_elem li, .kd-process-steps.process-checkbox-template.process_four_elem li, .kd-process-steps.process-number-template.process_four_elem li, .kd-process-steps.process-checkbox-template.process_five_elem li, .kd-process-steps.process-number-template.process_five_elem li { width: 100%; margin: 0; margin-bottom: 30px; } .kd-process-steps.process-number-template.process_four_elem li, .kd-process-steps.process-number-template.process_three_elem li { padding: 10px; } .kd-process-steps ul li::after {display: none;} .kd-process-steps.process-checkbox-template { border:none; } #single-page .kd-process-steps .pss-text-area p, .kd-process-steps .pss-text-area p { margin-bottom: 20px; } .kd-process-steps.process_three_elem li:last-child, .kd-process-steps.process_four_elem li:last-child, .kd-process-steps.process_five_elem li:last-child { margin-bottom: -20px } .four-elem-team .team-member.design-creative, .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative { margin: auto; } .team-member.design-minimal .team-socials { display:none; } .process-checkbox-template .tt_button { margin-left: auto; margin-bottom: 30px; } .team-member.design-classic .team-content p { text-align:right; font-size: 14px; } .kd-text-rotator-container {} .ag-slider-wrapper { width: 300px; position: relative; top: 0; left: auto; z-index: 4; margin: auto; } .app-gallery .owl-dots { position: relative; left: auto; bottom: auto; margin-top: 40px; z-index: 99; } .kd-process-steps.process-checkbox-template .pss-text-area { padding: 55px 0 0; } .kd-process-steps.process-checkbox-template .pss-item:before { } .kd-process-steps.process-checkbox-template .pss-step-number { } .kd-process-steps.process-checkbox-template ul li .pss-container:before { display: none; } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title { padding-right:0; padding-top:10px; padding-bottom:20px; } .play-button-left .play-video { } .features-tabs .tab:after {display: none;} .video-container { margin-bottom: 0; } .kd-process-steps.process-checkbox-template .pss-text-area h4 { margin-bottom: 20px; text-align: center; } .feature-sections-wrapper .feature-sections-tabs.with-sticky-topbar, .feature-sections-wrapper .feature-sections-tabs { margin: 0 -30px; margin-bottom: 0; position: relative; top: 0!important; } .feature-sections-wrapper .tt_button { margin-top: 15px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs li { width: 100%; } .feature-sections-wrapper .container { max-width: 100%; display: block; align-items: left; padding: 0; } .side-content-text ul>li:before { margin-top: 2px; } .side-content-text ul li { font-size: inherit; line-height: inherit; } body #wpadminbar { position: fixed; } .feature-sections-wrapper .side-featured-wrapper, .feature-sections-wrapper .side-content-wrapper { width: 100%!important; text-align: right; } .feature-sections-wrapper .side-content-wrapper .custom-icon { margin-left:auto; margin-right:auto; } .feature-sections-wrapper .featured-image img { max-width: 100%; width: auto; margin-top: 20px; margin-right: 0!important; margin-left: 0!important; height: auto; height: intrinsic; } .kd-price-block { padding-right: 0; } .cb-img-area { text-align:center; } .key-icon-box { margin-bottom:0!important; } .key-icon-box { margin-bottom: 30px!important } #posts-content .post .blog-social-sharing .tt_button { margin-bottom:10px; min-width:200px; } .tt_button .iconita.fa { margin-right: 10px; } .container .rotator-single { margin-bottom: 0; } .container h1.rotator-single { font-size: 32px!important; } .wpb_text_column:last-child ul, .wpb_text_column ul {margin-bottom:20px;} #wrapper .tt_button .tt_button { margin-bottom: 0px; } .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a { border-radius: 0!important; } .kd-text-rotator h3.kd-text-rotator-container, .kd-text-rotator h2.kd-text-rotator-container, .container h2.rotator-single, .vc_row .container h2, .container h3.vc_custom_heading, .kd-calltoaction .cta-text h3, #single-page .kd-calltoaction .cta-text h3, .container .tab-text-container h2, header.kd-section-title h2 { font-size: 28px!important; line-height: 1.3!important; } .feature-sections-wrapper .side-content-title br { display: none; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a i { font-size: 24px!important; } .kd-text-rotator h1.kd-text-rotator-container, header.kd-section-title h1 { font-size: 32px!important; line-height: 1.3!important; margin-bottom: 20px!important; } h2.kd-section-title .separator_off { margin-bottom: 20px; } .kd-price-block .pb-image-wrap img { margin-bottom: 20px; } .kd_progress_bar:last-child { margin-bottom: 0; padding-bottom: 0;} .testimonials.slider { position: relative; width: 100%; bottom: 0; right: 0; max-width: 100%; margin-right: auto; left: inherit; text-align: center; padding-left: 0; padding: 0; } .testimonials.slider.with-image { padding:0; } .testimonials.slider .tt-container:before { display: none; } .sliding_box_child.active-elem { width: 100%; } .sliding_box_child { padding: 0; position: relative; float: left; width: auto; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; overflow: hidden; margin-right: 0; margin-bottom: 30px; } .sliding_box_child .sb_content_wrapper h4 { } .sliding_box_child .sb-image { width: auto; height: auto; } .sliding_box_child img { max-width: 100%; display: block; width: 100%; height: auto !important; } .sliding_box_child .sb_content_wrapper { padding: 25px; position: relative; top: 0; left: 0; width: auto; height: auto; margin-bottom: 0; max-width: inherit; } .sliding_box_child .tt_button { position: relative; bottom: 0; float: none; margin: 0; margin-top: 25px; max-width: 100%; } .tt_button.pull-left, .tt_button.pull-right, .tt_button.button-center { display: flex; flex-flow: row wrap; align-items: center; float: none !important; margin: 0 auto; } .tt_button.pull-left { margin-left: 0; margin-bottom: 10px; } .tt_button.pull-right { margin-right: 0; margin-bottom: 10px; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list { display: block; } .container h1.vc_custom_heading br, .container h2.vc_custom_heading br, .container h3.vc_custom_heading br { display: none; } .row .vc_tta-panel-body .vc_toggle { padding: 5px 0px; } .row .vc_toggle .vc_toggle_content p { font-size: 14px; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title h4 { display: block; max-width: 90%; margin: 0; text-align: left; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_content p { text-align: left; } .kd-calltoaction .cta-btncontainer .tt_button { margin-right: 0; } .kd-calltoaction { margin: 0 -15px!important; display: block; position: relative; width: auto; padding: 50px 25px; margin-left: 0; } .kd-calltoaction.icon_browser .cta-btncontainer, .kd-calltoaction.custom_image .cta-btncontainer { display: block; width: 100%; } .kd-calltoaction.icon_browser .cta-icon, .kd-calltoaction.custom_image .cta-icon { float: none; margin-bottom: 30px; } .kd-calltoaction.icon_browser .cta-text, .kd-calltoaction.custom_image .cta-text { width: 100%; float: left; } .vc_custom_heading.post-link { width: auto!important; } #wrapper .vc_gitem-post-data-source-post_categories { display: block!important; } .contact-map-container .business-info-wrapper { display: block; position: relative; left: inherit; top: 0; margin: 0; margin-left: 30px; margin-right: 0; margin-bottom: 0px; width: calc(100% - 60px); max-width: 100%; margin-top: 15px; margin-bottom: 15px; } .contact-map-container.right_info_panel .business-info-wrapper, .contact-map-container.left_info_panel .business-info-wrapper { width: 100%; margin: 0; transform: none; left: auto; right: auto; padding: 100px 50px 85px 50px; } .contact-map-container .business-opening-hours { max-width: 400px; } .key-icon-box .ib-wrapper { padding: 20px; } .key-icon-box.icon-left.icon-default i, .key-icon-box.icon-left.icon-default .tt-iconbox-customimg { margin-right: 15px; margin-top: -10px; float: none; margin: 0; } .key-icon-box.icon-left.icon-default .tt-iconbox-customimg { width: 45px; } .key-icon-box.icon-left.icon-default i { text-align: left; } .kd-contact-form.light_background .wpcf7 .wpcf7-submit { margin: 0; max-width: 100%; float: right; } .rw-title { text-align: center; } .app-gallery .heading-separator { margin-left: auto; } .testimonials.slider.content-left .owl-dots, .testimonials.slider.content-left .tt-container { max-width: 100%; text-align: center; } .tt_button.center-button.pull-right, .tt_button.center-button.pull-left { margin: auto; float: none!important; margin-bottom: 20px; display: table; } .testimonials.slider.content-left , .testimonials.slider.content-left .heading-separator, .testimonials.slider.content-left h3, .testimonials.slider.content-left .tt-content h6, .testimonials.slider.content-left .tt-container { text-align: center; max-width: 100%; margin-left: 0; } .team-member.design-classic { margin: 0; margin-bottom: 20px; } .team-member.design-classic .team-content-text { position: relative; z-index: 999; top: inherit; padding: 25px; } .team-member.design-classic:hover .team-content-text-inner { opacity: 1; visibility: visible; } .testimonials.slider .tt-container .heading-separator { display: none; } .team-member.design-classic .team-image { margin-top: 0; } .team-member.design-classic .team-image-overlay { display: none; } .rw_header { float: none; height: auto; } .rw-authorimg { } .rw-authorimg img { max-width: 100%; height: auto; margin: auto; max-height: inherit; width: auto!important; } .rw_rating { } .rw-author-details { width: 100%; display: block; } .pricing-table.active { padding-top: 0; margin-top: 0; padding-bottom: 0; } .pricing-table { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .pricing-table.active.MinimalStyle { } .testimonials.owl-carousel, .rc-content.owl-carousel, .pbc-content.owl-carousel, .team-carousel .tc-content.owl-carousel, .testimonial-cards .tcards-content { opacity: 1; } .kd-promobox .prb-content p { margin-bottom: 35px; text-align: center; } .kd-promobox .prb-content h3 { text-align: center; } .testimonial-cards { margin-bottom: 20px; } .key-tcards { padding: 0; } .testimonial-cards.container .tcards-content { margin: 0; min-width: auto; } .testimonial-cards .tcards-title-nav { float: none; max-width: 100%; margin: 0 0 40px; } .testimonial-cards .owl-carousel .owl-item { padding: 0; opacity: 0; } .testimonial-cards .tcards-content .owl-wrapper-outer { overflow: visible; } .kd-calltoaction .cta-text h3, #single-page .kd-calltoaction .cta-text h3 { max-width: 100%; } .cb-container { margin-bottom: 0; max-height: 100%; border: 0; } .kd-calltoaction .cta-text h2 br { display: none; } .cb-container .cb-wrapper { padding: 30px; } .cb-container:hover { box-shadow: none; border: 0; } .cb-container:hover .cb-img-area { opacity: 1; } .cb-container:hover .cb-text-area, .cb-container:hover .cb-img-area { -webkit-transform: none; transform: none; } .cb-heading {font-size: 18px;text-align: center;} .cb-subtitle { text-align: center; } .rw_message {border:none;max-width: 100%;margin-top: 25px;} .review-carousel .owl-item { padding-left: 0; padding-right: 0; } .bp-container .bp-content { max-height: 74%; top: 20%; left: 15%; max-width: 74%; } .key-icon-box.icon-left.icon-circle p { max-width: calc(100% - 136px); float: right; } #download-ebook {padding-bottom: 0 !important;} .large-counter .kd_counter_units, .large-counter .kd_number_string {margin-bottom: 0;} .kd_pie_chart {margin-bottom: 30px;} .kd_counter { margin-bottom: 30px; text-align: center!important; } .kd_counter * { text-align: center!important; } .kd-large-image { width: 100%!important; } .kd_counter .kd_counter_icon, .kd_counter.icon-left .kd_counter_icon { display: block; margin: 0 auto 20px; } .kd-calltoaction.no_icon .cta-text, .kd-calltoaction.no_icon .cta-btncontainer { width: 100%; display: block; float: left; } .kd-calltoaction.no_icon .cta-text a, .kd-calltoaction.no_icon .cta-btncontainer a { } .kd-calltoaction .cta-text p, #single-page .kd-calltoaction .cta-text p { margin: 25px 0; color: inherit; } .team-content { margin:auto; } .key-icon-box.icon-top { margin-bottom: 20px; } .key-icon-box.icon-left.icon-circle { text-align: left; float: none; clear: both; margin: auto; display: block; width: 100%; margin-bottom: 40px; max-width: 400px; min-height: 150px; } .key-icon-box i { margin-bottom: 16px; margin-top: 20px; } .key-icon-box.icon-left.icon-default p { font-size: 14px; } .key-icon-box.icon-left.icon-default p br { display: none; } .key-icon-box .ib-link { margin-top: 20px; } .team-image { margin-top: 20px; } .team-member.design-minimal .team-content-hover { opacity:1; top: -30px; } .with-animations .cb-container, .with-animations .key-icon-box, .with-animations .tt_button, .with-animations .team-member, .with-animations .play-video, .with-animations .wpcf7-form, .with-animations .toggle-map, .with-animations .portfolio-item, .with-animations .testimonials.slider { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; opacity: 1; -webkit-animation-duration: 0s; -moz-animation-duration: 0s; -o-animation-duration: 0s; animation-duration: 0s; } .video-container img { margin-left: 0; min-height: 120px; width: 100%; } .video-container a img { width: 100%; max-width: 630px; } .video-container a { width: 100%; } .features-tabs .tab-image-container img { width: 100%; margin: 0; max-width: 100%; margin-bottom: 50px; box-shadow: 0 10px 70px rgba(119, 122, 242, 0.07); } .features-tabs .tab { display: block; width: 100% !important; text-align: center; padding: 20px; } .tabs-image-left.features-tabs .tab.active:after { display:none; } .features-tabs h2.section-heading { text-align: center; } .features-tabs .tab a { padding: 20px; } .tab-text-container { } .tabs-image-left.features-tabs.tab-img-fullwidth .tab-image-container { margin-left: inherit; width: 100%; } .tabs-image-right.features-tabs.tab-img-fullwidth .tab-image-container { margin-right: 0%; width: 100%; } .features-tabs.tab-img-fullwidth .tab-controls { bottom: inherit; width: 100%; left: inherit; right: inherit; } .features-tabs .tab a h5 { margin-bottom: 0; font-size: 14px; line-height: 60px; } .tabs-image-left.features-tabs .tab-controls, .features-tabs .tab-controls { padding-left: 0px; margin-bottom: 0; width: 100%!important; position: relative; /* bottom: 0!important; */ left: inherit; right: inherit; } .container .vc_row .features-tabs.tab-img-fullwidth .tab-text-container h2 { padding-top: 50px!important; } .vc_row .features-tabs.tab-img-fullwidth .tab-controls { /* bottom: 0; */ /* width: 100%; */ } .features-tabs .tabs { width: 100%; height: auto; margin: 0 15px; max-width: calc(100% - 30px); } .features-tabs { text-align: right; padding: 0; } .features-tabs .tab a.active .triangle { display: none; } .features-tabs li { background: none; padding-left: 0; list-style: none; margin: 0; float: left; } .features-tabs .tab-controls li a { padding: 20px; } .tab-img-fullwidth .tab-controls li { margin-bottom: 20px; } .features-tabs .tab .fa, .tt-tab-customimg, .features-tabs .tab a .triangle { display: none; } .features-tabs .tab a { padding: 0px; } .features-tabs .tab a p { margin-top: 20px; padding: 0 20px; text-align: center; margin-bottom: 0; } .features-tabs img { margin: 0; max-width: 60%; position: relative; top: auto; right: auto; height: auto; display: block; } .wpb-js-composer .vc_tta-panels-container .vc_tta-panel-title a, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li a { line-height: 22px; min-height: 50px; } .wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0; } .kd-promobox.prb_image_right .prb-btncontainer, .kd-promobox .prb-btncontainer .prb-button { margin: auto; float: none; opacity: 1; visibility: visible; } .prb-btncontainer { float: none; height: auto; } .tt-image { width: 100%; max-width: 100%; } .testimonials.slider.without-image .tt-image { margin-bottom: 25px; } .testimonials.slider .tt-quote { display: none; } .testimonials.slider .tt-container { float: right; width: 100%; max-width: 100%; position: relative; margin-right: 0; text-align: center; margin-top: 0; } .testimonials.slider.with-image .tt-container { position:relative; margin: 0; padding: 35px 25px; max-width: 100%; text-align: center; } .testimonials.slider h3 { font-weight: 700; margin: auto; text-align: center; max-width: 500px; margin-top: 0; margin-bottom: 15px; font-size: 25px; letter-spacing: -0.3px; line-height: 30px; } .testimonials.slider .tt-content h6 { margin: auto; font-size: 22px; font-weight: normal; margin-bottom: 20px; text-align: center; } body .testimonials.slider.with-image .tt-container h6, .testimonials.slider.with-image .tt-container h6 { text-align:center; font-size:18px; text-align: center; } .testimonials.slider .author { margin-top: 25px; text-align: center; } .testimonials.slider.with-image .tt-container .content, .testimonials.slider.with-image .tt-container .author { text-align:center; } .key-reviews { padding: 30px; margin: 0 15px; } .pricing { padding: 20px 10px; padding-bottom: 30px; } .pricing-table.MinimalStyle .pricing-title { padding-top: 30px; } .pricing-table.DetailedStyle .pricing { padding-top: 40px; } .pricing-table.DetailedStyle, .pricing-table { width: 100%; margin: 0 auto; /*max-width: 400px;*/ margin-bottom: 30px; } .pricing .pricing-option { font-size: 14px; color: inherit; } .pricing .pricing-subtitle { padding: 0 30px; } .pricing-table.DetailedStyle.active { margin: 0; margin-bottom: 30px; padding-bottom: 0; } .pricing .pricing-option .fa { float: none; margin-right: 12px; font-size: 12px; } .pricing-table.active.MinimalStyle .pricing-options-container { background: none; } .pricing-table.DetailedStyle.active .pricing-options-container.DetailedStyle { margin-bottom: 30px; } .pricing .button-container { padding: 32px 0 35px 0; } .pricing .col-lg-3 { padding: 0; margin-bottom: 0; border: none; } .pricing-table.DetailedStyle .pricing .col-lg-3 { } .pricing-table.DetailedStyle.active .pricing .col-lg-3 { padding-bottom: 0; padding-top: 0; } .pricing .pricing-price { } .pricing .currency { font-size: 30px; position: relative; top: -12px; } .pricing-meta { } .featured_content_parent .container .featured_content_img img { opacity: 1; min-height: auto; -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .featured_content_parent { background: none; } .featured_content_parent h4 { margin-top: 30px; } .featured_content_parent p { margin-bottom: 30px; line-height: 25px; } .app-gallery .ag-section-desc { max-width: 100%; text-align: center; margin-right: 0; margin-top: 0; position: relative; z-index: 99; } .app-gallery .ag-section-desc h4 { font-size: 28px!important; line-height: 1.3; } .app-gallery .ag-section-desc p { line-height: 21px; max-height: 100%; } .app-gallery .ag-mockup { display: none; } .app-gallery { position: relative; display: block; left: auto; bottom: auto; text-align: center; z-index: 99; margin-top: 30px; } .app-gallery .owl-carousel img { cursor: pointer; margin: auto; display: block; } .app-gallery .owl-carousel .owl-item { max-width: 100%; } .app-gallery .owl-carousel { width: 100%; position: relative; top: auto; left: auto; overflow: hidden; margin-top: 20px; } .countdown { position: relative; width: 100%; margin: 0; box-shadow: none; left: 0; padding: 0; height: auto; } .countdown .CountdownSeparator { display: none; } body.maintenance-mode .CountdownContent, .countdown .CountdownContent { width: 25%; height: 70px; border: none; font-size: 24px; font-weight: 600; border-radius: 0; text-align: center; display: inline-block; margin: 0; letter-spacing: 0; line-height: inherit; float: none; } .CountdownContent .CountdownLabel { margin-top: 0; font-size: 14px; } .team-carousel .owl-item .team-member.design-creative .team-image .team-content-hover, .team-image:hover .team-content-hover { padding: 30px; margin-top: 0; width: 100%; margin: 0; left: 0; max-width: 100%; } .vc_tta.vc_general .vc_tta-panel-title { margin: 0; line-height: 18px; font-size: 14px; text-align: center; } .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a { padding: 20px 10px; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading { margin-bottom: 0px !important; margin-top: 0px !important; } .vc_tta-container .vc_tta-tabs .vc_tta-panels ul, .vc_tta-container .vc_tta-tabs .vc_tta-panels p { line-height: 20px; } .wpb-js-composer .vc_tta-container .vc_tta .es-accordion .es-session-desc p { text-align:left; } .es-accordion .es-speaker-container .es-speaker-position, .es-accordion .es-speaker-container .es-speaker-name { text-align: left; } .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 20px; } .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 10px 15px; max-width: calc(100% - 30px); margin: 0; width: 100%!important; border: none!important; } .pb-desc-wrap br {display: none;} .kd-price-block { margin: 10px 0; } .kd-price-block .pb-content-wrap { display: flex; position: relative; flex-flow: row wrap; margin-top: 0; } .kd-price-block .pb-content-wrap h5 { display: block; width: 100%; white-space: initial; } .kd-price-block .pb-content-wrap .pb-dots {display: none;position: absolute;top: auto;bottom: 0;} .kd-price-block .pb-content-wrap .pb-pricing-wrap { display: block; width: 100%; margin-right: 0; padding-left: 0; } .es-accordion .es-session-desc { font-size: 13px; font-weight: 400; line-height: 20px; margin-bottom: 10px; display: inline-block; max-width: 100%; text-align: left; } .vc_tta-container .vc_tta.vc_general .vc_tta-panels, .vc_tta-container .vc_tta.vc_general .vc_tta-panels-container { background: transparent; } .vc_tta.vc_general .vc_tta-panel-title>a { padding: 20px; width: 100%; font-weight: 600; margin: auto; max-width: 100%; } .kd-alertbox { max-width:100%; } .es-accordion .es-heading { position: relative; padding: 10px 0; } .es-accordion .es-heading h4, .es-accordion .es-time { display: inline-block; font-size: 14px; line-height: 20px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; text-align: left; width: 100%; } .es-accordion .es-time { float: left; margin-top: 6px; text-align: left; width: 100%; } .es-accordion .es-speaker-container { max-width: 100%; vertical-align: top; margin-top: 20px; display: inline-block; width: 100%; margin-bottom: 20px; margin-right: 0; } #single-page .cb-text-area p, .cb-text-area p { margin-bottom: 20px; opacity: 1; text-align: center; } .color-swtich img { width: 100%; height: auto; } .kd-section-title.col-lg-8.text-left, header.kd-section-title { margin: auto; } .kd-section-title.text-left { margin-left: 0!important; } .vc_grid-filter-select { text-align: left!important; } header.kd-section-title .subtitle { margin-bottom: 0; } } @media (min-width:2000px) { .fullwidth .features-tabs { max-width: 2000px; margin: auto; } } /*TABLET PORTRAIT*/ @media (min-width:767px) and (max-width:1024px) { .fm-wrapper.hide-tablet { display: none; } #wrapper .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item { padding: 0 5px; } .wpb_column.with-shadow { box-shadow: none!important; } .kd_pie_chart {margin-bottom: 30px;} .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a { padding: 0 20px; } .first-image-wrapper { margin-right: auto; } .kd-section-title.subtitle-above-title .subtitle br { display: none; } .kd-large-image { width: 100%!important; } .wpb-js-composer .vc_tta-panels-container .vc_tta-panel-title a, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li a { padding: 0 10px; } .features-tabs .tab-controls li, .features-tabs .tab-controls li a { display: inline-block; width: 100%; } .testimonials.slider.with-image .tt-container { left: 0; margin-left: 20px; } .wpb-js-composer .vc_tta-panels-container .vc_tta-panel-title a, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li a { margin:0; } .sliding_box_child.active-elem, .sliding_box_child { width: 32%; margin-right: 2%; } .rw_header {height: auto;} .testimonials.slider .tt-container {margin-top: 50px;} .vc_grid-item.vc_col-sm-3, .wpb_column.vc_col-md-6, .vc_element.vc_col-md-6 { width: 50%; } .wpb_column.vc_col-md-12, .vc_element.vc_col-md-12 { width: 100%; } .vc_custom_1466613488090, .vc_custom_1466613515458, .vc_custom_1466613538944 { padding-left: 25px !important; } .with-animations .cb-container, .with-animations .key-icon-box, .with-animations .tt_button, .with-animations .team-member, .with-animations .play-video, .with-animations .wpcf7-form, .with-animations .toggle-map, .with-animations .portfolio-item, .with-animations .testimonials.slider { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; opacity: 1; -webkit-animation-duration: 0s; -moz-animation-duration: 0s; -o-animation-duration: 0s; animation-duration: 0s; } .vc_column_container>.vc_column-inner.vc_custom_1466944822997, .vc_column_container>.vc_column-inner.vc_custom_1466944963644, .vc_column_container>.vc_column-inner.vc_custom_1467982042067, .vc_column_container>.vc_column-inner.vc_custom_1466944963644 { padding-left: 0 !important; } .testimonials.slider .tt-quote { display: none !important; } .testimonials.slider { width: 100%; } .app-gallery .ag-section-desc { max-width: 100%; float: left; width: 100%; text-align: center; margin-right: 0; margin-top: 0; position: relative; z-index: 99; } .app-gallery .ag-section-desc p { line-height: 21px; max-height: 100%; } .app-gallery .ag-mockup { display: none; } .app-gallery { position: relative; left: auto; bottom: auto; text-align: center; z-index: 99; margin-top: 30px; } .app-gallery .owl-carousel img { cursor: pointer; margin: auto; display: block; width: 95%; height: auto; } .app-gallery .owl-carousel .owl-item { max-width: 100%; } .app-gallery .owl-carousel { width: 100%; position: relative; top: auto; left: auto; overflow: hidden; float: left; margin-top: 20px; } .vc_col-sm-6 .video-container img { width: 100%; margin: auto; } .video-container img { width: 85%; margin: auto; } .featured_content_parent .active-elem .featured_content_img img { min-height: auto; } .featured_content_parent { background: none; } .vc_tta-container .vc_tta.vc_tta-controls-align-left .vc_tta-tabs-container { min-width: 250px; } .download-specs .tt_button { width: auto !important; } .color-swtich img { width: 100%; height: auto; } .team-member.design-creative .team-content .team-content-hover h4 { top: 66%; } .rw-authorimg img { margin-bottom: 20px; } .rw-author-details p { line-height: 1.4; } } /*MOBILE ONLY*/ @media (max-width: 767px) { .four-columns .mg-sizer, .four-columns .mg-single-img.small-masonry-img, .five-columns .mg-sizer, .five-columns .mg-single-img.small-masonry-img { width: 100%; } .fm-wrapper.hide-mobile { display: none; } .fm-wrapper { max-width: calc(100% - 30px); bottom: 15px; padding: 5px 3px; } .fm-wrapper.static-position { max-width: 100%; } .fm-wrapper .fm-list li a { font-size: 13px; padding: 7px 14px; letter-spacing: 0; } .video-container a { margin-top:0; } header.kd-section-title .subtitle br , header.kd-section-title br { display: none!important; } .topbar #menu-topbar-menu li {display: none;} .topbar #menu-topbar-menu li:nth-child(1), .topbar #menu-topbar-menu li:nth-child(2) { display: block; } .kd_map { max-height: 400px; } .kd-calltoaction .container { flex-direction: column; } .kd-calltoaction .cta-btncontainer { margin-left: 0; margin-right: auto; } .kd-photo-group:not(.disable-responsive) .kd-group-image { position: relative; right: inherit; left: inherit; } .kd-photo-group:not(.disable-responsive) .first-image-wrapper { margin-bottom: 30px; } .kd-photo-group { flex-direction: column; max-width: 100%; } .cta-text br { display: none; } .cta-text { margin-bottom: 30px; } .kd-calltoaction .cta-text p, #single-page .kd-calltoaction .cta-text p { margin-bottom: 5px; } .kd-title-label { flex-direction: column; width: 100%; } .kd-title-label .kd-title-label-transparent { margin-left: 0; padding: 5px 20px; } .kd-title-label .kd-title-label-solid { margin-bottom: 5px; } .team-carousel {margin: 0;} .vc_grid-filter-select .vc_grid-styled-select select {width: 100%;} .kd-promobox {margin-bottom: 80px;} .kd-promobox.prb_image_left .prb-img, .kd-promobox.prb_image_right .prb-content, .kd-promobox.prb_image_right .prb-img { width: 100%; } .pricing-options-container.DetailedStyle .pricing-row:first-child { padding-top: 0; } .pricing-table.DetailedStyle.active { padding-bottom: 0; } .pricing-options-container.DetailedStyle .pricing-row:last-child { border-bottom: none; margin-bottom: 0; } .wpb-js-composer .es-accordion .es-heading { padding: 10px 0; } .pricing-options-container.DetailedStyle .pricing-row { overflow: hidden; max-width: 100%; } .prb-btncontainer { width: 100%; } .kd-promobox.prb_image_right .prb-content, .kd-promobox.prb_image_left .prb-content { width: 100%; margin: 0; float: left; text-align: center; margin-top: 20px; } .mg-single-img.big-masonry-img, .mg-single-img.small-masonry-img { width: 100%; height: auto; position: relative !important; margin-bottom: 15px; top: 0 !important; } #mg-gallery { height: auto !important; } .testimonials.slider.with-image .tt-content .tt-content-inner { display: flex; flex-flow: column wrap; } .testimonials.slider.with-image .tt-container { order: 2; border-top-left-radius: 0 !important; } .testimonials.slider.with-image .tt-content .tt-content-inner .tt-image img { border-bottom-right-radius: 0 !important; } .testimonials.slider.with-image .tt-image img { margin-top: 0; } } @media (min-width:767px) and (max-width:960px) { .kd-process-steps.process_four_elem li { width: 50%; } .kd-process-steps ul li::after {display: none;} .team-image:hover .team-content-hover { height: auto; bottom: 0; } .kd-process-steps.process_three_elem li { width: 33.3333%; } .kd-process-steps.process-number-template.process_four_elem li, .kd-process-steps.process-checkbox-template.process_four_elem li, .kd-process-steps.process_four_elem li { width: 25%; padding-left: 10px; padding-right: 10px; } } @media (min-width: 1024px) and (max-width: 1225px) { .key-icon-box, .key-icon-box.with-border { margin-bottom: 30px; } .photo-gallery-wrapper { overflow: hidden; } .features-tabs .tab-controls { position: relative; bottom: inherit!important; width: 100%!important; float: left; left: inherit!important; right: inherit!important; margin-top: 50px; margin-bottom: -30px; } .sliding_box_child.active-elem { width: 100%; } .tabs-image-right.features-tabs.tab-img-fullwidth .tab-image-container { margin-right: -25%; width: 90%; } .tabs-image-left.features-tabs.tab-img-fullwidth .tab-image-container { margin-left: -25%; width: 90%; } .sliding_box_child { padding: 0; position: relative; float: left; width: auto; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; overflow: hidden; margin-right: 0; margin-bottom: 20px; } .sliding_box_child.active-elem, .sliding_box_child { width: 32%; margin-right: 1%; } .sliding_box_child .sb-image { width: auto; height: auto; } .sliding_box_child img { display: block; width: 100%; max-width: 100%; height: auto !important; } .sliding_box_child .sb_content_wrapper { padding: 25px; position: relative; top: 0; left: 0; width: auto; height: auto; margin-bottom: 0; max-width: inherit; } .sliding_box_child .tt_button { position: relative; bottom: 0; float: none; margin: 25px 0 0; } .app-gallery .ag-section-desc { max-width: 60%; float: none; width: 100%; text-align: center; margin-right: auto; margin-left: auto; margin-top: 0; position: relative; z-index: 99; } .app-gallery .ag-section-desc p { line-height: 21px; max-height: 100%; } .app-gallery .ag-mockup { display: none; } .app-gallery { position: relative; left: auto; bottom: auto; text-align: center; z-index: 99; margin-top: 30px; } .app-gallery .owl-carousel img { cursor: pointer; margin: auto; display: block; width: 95%; height: auto; } .app-gallery .owl-carousel .owl-item { max-width: 100%; } .app-gallery .owl-carousel { width: 100%; position: relative; top: auto; left: auto; overflow: hidden; float: left; margin-top: 20px; } .ag-slider-wrapper { width: 300px; position: relative; top: 0; left: auto; z-index: 4; margin: auto; } .app-gallery .heading-separator { margin-left: auto; } .app-gallery .owl-dots { position: relative; left: auto; bottom: auto; margin-top: 20px; z-index: 99; } } body .vc_welcome .vc_ui-button { background-color: #7776f6; } body .vc_welcome .vc_ui-button:hover { background-color: #5959f3; } #vc_no-content-add-text-block { display: none; } .owl-carousel { display: block!important; opacity: 1!important; } .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots { margin-top: 0!important; } #wrapper .wpb_text_column p:last-child { margin-bottom: 20px; } .with-shadow .featured-image img { box-shadow: 0 0px 40px rgba(0, 0, 0, .07); } @media (min-width:769px) and (max-width:1240px) { .wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { max-width:100%; } } .compose-mode .vc_tek_priceswitcher .vc_controls>.vc_controls-cc { margin-top: 30px; } body.vc_editor.compose-mode .vc_tek_floating_menu .fm-wrapper { position: relative; } .compose-mode .vc_tek_reviewcarousel .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_appgallery .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_clients .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_color_swtich .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_masonrygallery_elem .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_photocarousel .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_photogallery .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_process .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_sliding_box .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_teamcarousel .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_testimonialcards .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_testimonials .vc_controls>.vc_controls-out-tl { left: 50%; transform: translateX(-50%); } @media (min-width:769px) { .compose-mode .kd-process-steps.process_three_elem .vc_tek_process_single { width: 33.33%; float: left;} .compose-mode .kd-process-steps.process_four_elem .vc_tek_process_single { width: 25%; float: left } .compose-mode .kd-process-steps.process_four_elem li, .compose-mode .kd-process-steps.process_three_elem li {width: 100%;} } .compose-mode .vc_tek_appgallery.vc_element {position: initial;} .compose-mode .vc_tek_sliding_box_single {float: left;} @media (min-width:700px) and (max-width:1240px) { .compose-mode .vc_tek_sliding_box_single { width: 32%; margin-right: 1%; } .compose-mode .sliding_box_child.active-elem, .compose-mode .sliding_box_child {width: 100%;} } .compose-mode .kd-price-block { float: none; } .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link:hover { color: #fff; } @media (max-width:767px) { .compose-mode .vc_element.vc_hidden-xs { display: none!important } } @media (min-width:768px) and (max-width:1024px) { .compose-mode .vc_element.vc_hidden-sm { display: none!important } .testimonials.slider.with-image .tt-container { display: flex; flex-flow: column nowrap; } } @media (min-width:992px) and (max-width:1199px) { .compose-mode .vc_element.vc_hidden-md { display: none!important } } @media (min-width:960px) and (max-width:1240px) { .contact-map-container.right_info_panel .business-info-wrapper, .contact-map-container.left_info_panel .business-info-wrapper, .contact-map-container .business-info-wrapper { width: 50%; margin: 0; } .contact-map-container.right_info_panel .business-info-wrapper { right: 8%; } .contact-map-container.left_info_panel .business-info-wrapper { left: 8%; } } @media (min-width:720px) and (max-width:1365px) { .video-modal iframe { width: 100%; box-sizing: border-box; height: 100%; } .video-modal.in { display: flex!important; flex-direction: column; justify-content: center; align-items: center; } .video-modal.in .modal-content { left: 50%; max-width: 75%; width: 100%; height: calc(100vw * 0.42); } .video-modal.in .modal-content .row { height: 100%; } .features-tabs .tab-controls { position: relative; bottom: inherit!important; width: 100%!important; float: left; left: inherit!important; right: inherit!important; margin-top: 50px; margin-bottom: -30px; } .vc_row.vc_row-has-fill .container { max-width: 100%; } .feature-sections-wrapper .feature-sections-tabs { margin-left: calc(-100vw / 2 + 470px); margin-right: calc(-100vw / 2 + 470px); } } /*MOBILE , TABLET*/ @media (max-width: 1365px) { .video-modal .video-modal-local { max-width: 100%; height: auto; max-height: 100%; } .fullwidth-carousel .owl-nav { display: block; position: relative; margin: 0; top: inherit; width: 110px; margin: auto; margin-top: 0; margin-bottom: 50px; } .fullwidth-carousel .owl-nav div.owl-prev, .fullwidth-carousel .owl-nav div.owl-next { margin: 0; left: inherit; right: inherit; } .feature-sections-wrapper .side-content-title br { display: none; } .kd-process-steps .pss-text-area p br { display: none } .kd-shapes { display: none!important } .kd-photobox {margin-bottom: 25px;} .features-tabs .tab-image-container { position: relative; padding: 0!important; width: 100%; margin: auto!important; float: none!important; } .vc_row .tabs-image-right.features-tabs.tab-img-fullwidth .tab-image-container { margin-right: 0; width: 100%; margin-left: 0; } .tab-img-fullwidth .tab-controls li { margin-bottom: 20px; } .key-icon-box.icon-left.cont-left .service-heading br, .key-icon-box.icon-left.cont-left p br { display: none; } .pricing .pricing-row { padding-top: 5px; padding-bottom: 5px; } .pricing-options-container.MinimalStyle, .pricing-options-container { margin-bottom: 30px; padding: 20px 30px; } .pricing-options-container.DetailedStyle { padding: 25px 0; } .key-tcards.single-tcard-elem { flex-direction: column; padding: 30px; } .tcards_header .tcards-job { text-align: left; } .tcards_message {padding: 0;margin-top: 20px;width: 100%;padding-bottom: 20px;} .key-tcards.single-tcard-elem .tcards-image { margin: auto; } .ag-no-desc-section.app-gallery .owl-carousel .owl-wrapper-outer:before { display: none; } .row .vc_toggle:last-child { margin-bottom: 0px!important; } .owl-carousel .owl-nav div.owl-prev { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); left: 10px!important; } .owl-carousel .owl-nav div.owl-next { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); right: 10px!important; } .team-carousel { overflow: hidden; } .testimonial-cards.container .owl-nav, .team-carousel .owl-nav, .testimonials.slider .owl-nav, .clients.slider .owl-nav, .review-carousel .owl-nav, .photobox-carousel .owl-nav, .photo-gallery-wrapper .owl-nav, .owlslider-related-posts.owl-carousel .owl-nav { position: relative; max-width: 110px; margin: 30px auto 0; overflow: hidden; height: 40px; left: auto; } .testimonial-cards .owl-nav, .testimonials.slider.with-image .owl-nav {margin-top: 0px;} .review-carousel.nav-arrows .owl-nav, .photobox-carousel.nav-arrows .owl-nav, .photo-gallery-wrapper.nav-arrows .owl-nav, .photobox-carousel .owl-nav {margin-top: 15px;} .owlslider-related-posts.owl-carousel .owl-nav div.owl-prev, .photo-gallery-wrapper .owl-nav div.owl-prev {left: 10px;} .owlslider-related-posts.owl-carousel .owl-nav div.owl-next, .photo-gallery-wrapper .owl-nav div.owl-next {right: 10px;} .team-carousel .owl-nav div.owl-prev, .clients.slider .owl-nav div.owl-prev, .review-carousel .owl-nav div.owl-prev, .photobox-carousel .owl-nav div.owl-prev { left: 0; } .team-carousel .owl-nav div.owl-next, .clients.slider .owl-nav div.owl-next, .review-carousel .owl-nav div.owl-next, .photobox-carousel .owl-nav div.owl-next { right: 0; } .team-member.design-classic { margin: 0 10px 20px; box-shadow: 0 0px 20px rgba(38, 42, 76, 0.05); } .photobox-carousel.pbc-fullwidth-layout { margin: 0; } .vc_grid-container.fullwidth-carousel { width: 100%; } } /*TABLET LANDSCAPE*/ @media (min-width:1024px) and (max-width:1366px) { .photo-gallery-wrapper .owl-wrapper-outer .owl-item img { height: auto!important; } .bp-content { top: 50px; left: 50px; max-height: 480px; padding-right: 45px; } .first-image-wrapper { margin-right: auto; } #wrapper .kd-photo-group { max-width: 700px; margin: auto!important; } .countdown .CountdownContent { font-size: 38px; } .four-elem-team .team-member.design-creative, .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative { margin: auto; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { width: auto!important } } #primary .background-right { background-position: right top!important; } .gmnoprint .gm-style-mtc { display: none!important } .kd-large-image {width: 51vw;} .kd-large-image-left { margin-left: calc(100% - 51vw); width: 51vw; } .with-shadow {/* overflow: hidden; */}