File manager - Edit - /home/capoccitel/www/templates/radius_auston/css/style.css
Back
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900); @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900); /*============================================================================== Template Name: Auston Template URI: http://radiustheme.com Description: This is Joomla template Author: radiustheme Author URI: http://radiustheme.com Version: 1.0 CSS INDEX: ========= 01. Theme default css 02. Header top css 03. Conditional css 04. Header css 05. Menu css 06. Main Slider css 07. Home one service slider css 08. Home two service css 09. Home two our service slider css 10. Home three our service css 11. Home four service css 12. Why choose us css 13. Home two about css 14. Our experiance css 15. Frequently Asked Questions css 16. Home Call back css 17. Team css 17.1 Single Team css 18. Testimonial css 19. Home one news slider css 20. Home two news css 21. Home three latest news css 22. Logo slider css 23. Free Consultation css 24. Bottom css 24.1 Flickr photos css 24.2 Corporate-office css 25. Footer css 26. Inner banner css 27. Help your business css 28. 25 years experiance css 29. Our success css 30. Our core features css 31. About page css 31.1 About 1 page css 31.2 About 2 page css 31.3 sppb-carousel 31.4 About 3 page css 31.5 About 4 page css 31.6 Skill Progress bar css 32. Service page css 32.1 Service 1 page css 32.2 Service 2 page css 33. Portfolio page css 34. Default item css 35. K2 Category item css 36. K2 item details css 37. Pagination css 38. Sidebar css 39. Contact page css 40. Responsive css ===============================================================================*/ /*============================================================================== = 01. Theme default css = ================================================================================*/ body { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 24px; color: #797979; vertical-align: baseline; } a { transition: all 0.3s ease 0s; text-decoration: none; } p { margin: 0 0 20px 0; } a:active, a:hover, a:focus { outline: 0 none; } h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; line-height: 1.4; font-weight: 600; } h1 { font-size: 60px;margin: 0 0 20px; } h2 { font-size: 36px;margin: 0 0 20px; } h3 { font-size: 30px;margin: 0 0 20px; color: #222222; } #sp-page-builder .page-content .sppb-section { margin-top: 0; } #sp-header .logo { display: table-cell !important; backface-visibility: visible; vertical-align: middle; } #sp-header .logo h1 { margin-bottom: 0; } #sp-header .logo h1 img { width: 129px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sppb-addon-module h3.sppb-addon-title { margin-bottom: 30px; padding-bottom: 10px; } .title-style h3.sppb-addon-title { position: relative; margin-bottom: 30px; padding-bottom: 10px; } .title-style h3.sppb-addon-title::after { background: #1cb9c8; content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 50px; } .title-style-two { text-align: center; margin-bottom: 60px; } .title-style-two .sppb-addon-title { color: #222222; } .title-style-two .icon-border { margin-bottom: 40px; position: relative; } .title-style-two .icon-border i { color: #1cb9c8; font-size: 21px; } .title-style-two .icon-border::before { background: #1cb9c8; content: ""; height: 3px; margin: auto auto auto -75px; position: absolute; top: 10px; width: 50px; } .title-style-two .icon-border::after { background: #1cb9c8; content: ""; height: 3px; margin: auto auto auto 25px; position: absolute; top: 10px; width: 50px; } .title-style-two .section-text { margin-bottom: 60px; } .title-style-three { text-align: center; margin-bottom: 40px; } .title-style-three .sppb-addon-title { position: relative; padding-bottom: 15px; color: #222222; } .title-style-three .sppb-addon-title::after { background: #1cb9c8; content: ""; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 50px; } .owl-carousel.owl-theme .owl-nav { margin-top: 0; position: absolute; right: 0px; top: -75px; } .owl-carousel.owl-theme .owl-nav > div { background: transparent; border-radius: 0; border: 2px solid #1cb9c8; height: 30px; line-height: 26px; margin: 2px; padding: 0; transition: all 0.3s ease 0s; width: 30px; } .owl-carousel.owl-theme .owl-nav > div:hover { background: transparent; } .owl-carousel.owl-theme .owl-nav > div i { color: #1cb9c8; } .tlp-team .owl-carousel.owl-theme .owl-nav > div { padding: 0 !important; } #sp-page-builder > .page-content > section.sppb-section { padding: 50px 0; } /*========================= End of Theme default css =======================*/ /*============================================================================== = 02. Header top css = ==============================================================================*/ #sp-top-bar { background: #959595; color: #ffffff; padding: 4px 0 !important; } #sp-top-bar .fa { color: #22b8f0; } .sp-contact-info a { color: #ffffff; } #sp-top-bar .sp-module.street { margin: 0; } .street p { margin: 0; } .street .fa { padding-right: 8px; } /*=========================== End of Header top css ========================*/ /*============================================================================== = 03. Conditional css = ===============================================================================*/ #sp-component { min-height: inherit; } /*========================== End of Conditional css =========================*/ /*=============================================================================== = 04. Header css = ================================================================================*/ #home-one #sp-header { background: rgba(0, 0, 0, 0.7); } #home-one #offcanvas-toggler i { color: #ffffff; } #home-one #offcanvas-toggler i:hover { color: #1cb9c8; } /*================================ End of Header css =======================*/ /*============================================================================== = 05. Menu css = ===============================================================================*/ #sp-header { box-shadow: none !important; z-index: 9999 !important; } #home-one .sp-megamenu-parent > li > a { color: #ffffff; } #sp-menu .sp-megamenu-parent { position: inherit; } #sp-menu .sp-megamenu-parent > li > a { font-size: 14px; padding: 0 13px; } #sp-menu .sp-megamenu-parent > li.sp-has-child > a::after { content: ""; } .is-sticky .sp-megamenu-parent > li > a { line-height: 89px; } .is-sticky header { border-bottom: 2px solid #1cb9c8; } #sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #1cb9c8; box-shadow: 0 18px 27px 0 rgba(0, 0, 0, 0.2); padding: 0; } #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item { border-bottom: 1px solid #ffffff; } #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item a { color: #ffffff; padding: 10px 15px; } #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child { border-bottom: none; } #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active a { color: #000000; } #sp-menu .sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner { padding: 10px; } /*============================ End of Menu css =============================*/ /*============================================================================= = 06. Main Slider css = ==============================================================================*/ .home-one-slider { margin-top: -90px !important; } .home-slider ul li { border-bottom: 0 !important; } .home-slider .tp-caption.small_text { font-size: 18px !important; left: 0 !important; line-height: 22px !important; padding: 0 225px; width: 100%; } .home-slider .tp-caption.medium_text { left: 0 !important; } .home-slider .tp-caption.large_text { left: 0 !important; width: 100%; text-align: center; } .home-slider .tp-caption.largeblackbg a.read-bg { font-size: 14px !important; display: block; color: #ffffff; background: #1cb9c8; border: 2px solid #1cb9c8; padding: 12px 30px !important; transition: all 0.5s ease 0s; } .home-slider .tp-caption.largeblackbg a.read-bg::after { font-size: 14px; content: "\f0a9"; font-family: 'FontAwesome'; padding-left: 10px; } .home-slider .tp-caption.largewhitebg a.read-nobg { font-size: 14px !important; display: block; color: #ffffff; border: 2px solid #1cb9c8; padding: 12px 30px !important; transition: all 0.5s ease 0s; } .home-slider .tp-caption.largewhitebg a.read-nobg::after { font-size: 14px; content: "\f0a9"; font-family: 'FontAwesome'; padding-left: 10px; } .home-slider .tp-leftarrow.default { background: transparent; z-index: 21; } .home-slider .tp-leftarrow.default::after { background: rgba(0, 0, 0, 0.7); font-size: 20px; font-family: 'FontAwesome'; content: "\f053"; color: #ffffff; padding: 15px; transition: all 300ms ease-in 0s; } .home-slider .tp-rightarrow.default { background: transparent; z-index: 21; } .home-slider .tp-rightarrow.default::after { background: rgba(0, 0, 0, 0.7); font-size: 20px; font-family: 'FontAwesome'; content: "\f054"; color: #ffffff; padding: 15px; transition: all 300ms ease-in 0s; } .rev_slider .tp-bannertimer { z-index: 21; } /*========================= End of Main Slider css =========================*/ /*============================================================================= = 07. Home one service slider css = ==============================================================================*/ .home-one-service-slider h3.sppb-addon-title { font-size: 44px; text-align: center; margin-bottom: 40px; } .home-one-service-slider .single-feature { text-align: center; } .home-one-service-slider .single-feature .service-image { float: none !important; margin-bottom: 20px; } .home-one-service-slider .single-feature .service-image i { font-size: 50px; } .home-one-service-slider .single-feature .service-content h3 { font-size: 20px; } .home-one-service-slider .single-feature .service-content h3 a { color: #000000; } .home-one-service-slider .single-feature .service-content h3 a:hover { color: #1cb9c8; } .home-one-service-slider .single-feature .service-content .features-read-more { padding-top: 20px; } .home-one-service-slider .single-feature .service-content .features-read-more a { border: 2px solid #1cb9c8; border-radius: 0; color: #1cb9c8; padding: 10px 30px; } .home-one-service-slider .owl-carousel .owl-nav { position: static; top: inherit; } .home-one-service-slider .owl-carousel .owl-nav .owl-prev { left: -40px; } .home-one-service-slider .owl-carousel .owl-nav .owl-next { right: -40px; } .home-one-service-slider .owl-carousel .owl-nav div { position: absolute; border: 1px solid #1cb9c8; background: transparent; border-radius: 50%; top: 50%; line-height: 38px; padding: 0; height: 40px; width: 40px; opacity: 1; transition: all 0.5s; } .home-one-service-slider .owl-carousel .owl-nav div i { color: #1cb9c8; } .home-one-service-slider .owl-carousel .owl-nav div:hover { background: #08838f; border: 1px solid #08838f; } .home-one-service-slider .owl-carousel .owl-nav div:hover i { color: #ffffff; } /*========================= End of Home one service slider css =============*/ /*============================================================================== = 08. Home two service css = ===============================================================================*/ .home-two-service .rt-featuresn .nopadding { padding: 0; } .home-two-service .rt-featuresn .service-content { position: relative; } .home-two-service .rt-featuresn .service-content .service-image img { width: 100%; } .home-two-service .rt-featuresn .service-content:hover .overley { opacity: 1; transform: scaleY(1); transition: all 0.5s ease 0s; } .home-two-service .rt-featuresn .service-content .main-title { position: absolute; left: 0; right: 0; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .home-two-service .rt-featuresn .service-content .main-title h3 { font-size: 24px; color: #ffffff; margin-bottom: 0; } .home-two-service .rt-featuresn .service-content:hover .main-title { opacity: 0; } .home-two-service .rt-featuresn .service-content .overley { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: rgba(28, 185, 200, 0.8); content: ""; height: 100%; padding: 30px 40px; text-align: center; color: #ffffff; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); transition: all 0.5s ease 0s; width: 100%; } .home-two-service .rt-featuresn .service-content .overley h3 { font-size: 20px; color: #ffffff; text-align: center; margin-bottom: 12px; } .home-two-service .rt-featuresn .service-content .overley h3 a { color: #ffffff; } /*========================= End of Home two service css =====================*/ /*============================================================================= = 09. Home two our service slider css = ==============================================================================*/ .our-service .service-content { position: relative; } .our-service .service-content .image-effect { overflow: hidden; } .our-service .service-content .image-effect img { transform: scale(1); transition: all 1s ease 0s; width: 100%; } .our-service .service-content .image-effect:hover img { transform: scale(1.1); } .our-service .service-content .overley { background: #1cb9c8; border-radius: 50%; bottom: 20px; display: block; height: 60px; left: 0; margin: auto; opacity: 0; position: absolute; text-align: center; right: 0; transition: all 1s ease 0s; width: 60px; } .our-service .service-content .overley i { color: #ffffff; margin-top: 12px; } .our-service .service-content:hover .overley { opacity: 1; } .our-service .service-content:hover h3 { background: #1cb9c8; } .our-service .service-content h3 { position: absolute; bottom: 0px; left: 0; right: 0; font-size: 20px; background: rgba(28, 180, 200, 0.9); text-align: center; margin-bottom: 0; padding: 12px 0; transition: all 1s ease 0s; } .our-service .service-content h3 a { color: #ffffff; } .our-service .owl-carousel.owl-theme .owl-nav { right: 15px; } /*========================= End of Home two our service slider css =========*/ /*============================================================================= = 10. Home three our service css = ==============================================================================*/ .home-three-service .service-content { position: relative; } .home-three-service .service-content .overley { bottom: 20px; display: block; margin: auto; opacity: 1; position: absolute; text-align: center; right: 15px; transition: all 1s ease 0s; z-index: 99; } .home-three-service .service-content .overley i { color: #ffffff; margin-top: 12px; } .home-three-service .service-content h3 { background: transparent; position: absolute; bottom: 0px; left: 0; right: 0; font-size: 22px; text-align: left; margin-bottom: 0; padding: 20px; transition: all 1s ease 0s; } .home-three-service .service-content h3 a { color: #ffffff; } .home-three-service .service-content .image-effect { overflow: hidden; } .home-three-service .service-content .image-effect img { transform: scale(1); transition: all 1s ease 0s; max-width: 100%; } .home-three-service .service-content:hover h3 { background: rgba(28, 180, 200, 0.9); } .home-three-service .service-content:hover .image-effect { overflow: hidden; } .home-three-service .service-content:hover .image-effect img { transform: scale(1.1); transition: all 1s ease 0s; } /*========================= End of Home three our service css ==============*/ /*============================================================================== = 11. Home four service css = ===============================================================================*/ .home-four-service .single-feature .icon i { font-size: 40px; color: #1cb9c8; } .home-four-service .single-feature h3 { font-size: 22px; margin-top: 10px; position: relative; padding-bottom: 10px; } .home-four-service .single-feature h3 a { color: #222222; } .home-four-service .single-feature h3 a:hover { color: #1cb9c8; } .home-four-service .single-feature h3::after { background: #1cb9c8; content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 50px; } .home-four-service .single-feature p { margin-bottom: 0; } /*========================= End of Home four service css ===================*/ /*============================================================================= = 12. Why choose us css = ==============================================================================*/ .sppb-section.choose-section { padding: 0 !important; } .choose-image { padding-top: 58px; } .choose-service { background: #222222; overflow: hidden; padding: 70px 0 60px 60px; } .choose-service h3.sppb-addon-title { font-size: 36px; color: #ffffff; padding-bottom: 0; } .choose-service h3.sppb-addon-title span { color: #1cb9c8; } .choose-service .single-feature { color: #ffffff; margin-bottom: 14px; } .choose-service .single-feature .service-image { width: 50px; } .choose-service .single-feature .service-image i { font-size: 48px; color: #1cb9c8; } .choose-service .single-feature .service-content { padding-left: 20px; } .choose-service .single-feature .service-content h3 { color: #ffffff; font-size: 22px; margin-bottom: 5px; } .choose-service .single-feature .service-content h3 a { color: #ffffff; } /*========================= End of Why choose us css =======================*/ /*============================================================================== = 13. Home two about css = ===============================================================================*/ .sppb-section.home-two-about-section { padding-bottom: 0 !important; } .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title { color: #000000; font-size: 60px; font-weight: 600; line-height: 60px; margin-bottom: 23px; } .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title span { color: #1cb9c8; } .home-two-about-section .sppb-addon-raw-html .read-more { padding-top: 20px; } .home-two-about-section .sppb-addon-raw-html .read-more a { border: 2px solid #1cb9c8; border-radius: 0; color: #1cb9c8; display: inline-block; font-weight: 600; padding: 11px 30px; text-transform: uppercase; transition: all 0.5s ease 0s; } .home-two-about-section .sppb-addon-raw-html .read-more a i { padding-left: 8px; } .sppb-section.home-four-about-section { padding-bottom: 0 !important; } .sppb-section.about-two-section { padding-bottom: 0 !important; } .sppb-section.about-three-section { padding-bottom: 0 !important; } .sppb-section.contact-form-section { padding-top: 0 !important; } /*========================= End of Home two about css ======================*/ /*============================================================================= = 14. Our experiance css = ==============================================================================*/ .sppb-addon-module .zen-skillbar .zen-skillbar-title { width: 22%; } .sppb-addon-module .zen-skillbar .zen-skill-bar-percent { color: #000000; font-size: 14px; } /*========================= End of Our experiance css ======================*/ /*============================================================================= = 15. Frequently Asked Questions css = ==============================================================================*/ .asked-question .panel-default { background: transparent; box-shadow: none; } .asked-question .panel-group { margin-bottom: 0; } .asked-question .panel-heading { color: #ffffff; border-radius: 0; background: #1cb9c8; padding: 0; transition: all 0.3s ease-out 0s; text-transform: uppercase; } .asked-question .panel-heading.active, .asked-question .panel-heading:hover { background: #000000; } .asked-question .panel-heading h3 { font-weight: 600; font-size: 18px; line-height: 24px; text-transform: initial; } .asked-question .accordion-toggle > span { float: left; padding-right: 3px; } .asked-question .panel-heading h3 a { display: inline-block; outline: none; width: 100%; padding: 15px; color: #ffffff; } .asked-question .panel-heading h3 a:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 24px; float: right; margin-right: 0; } .asked-question .panel-heading.active h3 a:before { content: "\f107"; font-family: 'FontAwesome'; font-size: 24px; float: right; margin-right: 0; } .asked-question .panel-collapse .panel-body { border: none !important; } .sppb-addon-accordion .sppb-panel-default { background: transparent; box-shadow: none; margin-bottom: 3px; border-radius: 0 0 3px 3px; } .sppb-addon-accordion .sppb-panel-group { margin-bottom: 0; } .sppb-addon-accordion .sppb-panel-heading { color: #ffffff; border-radius: 0; background: #1cb9c8; padding: 0; transition: all 0.3s ease-out 0s; } .sppb-addon-accordion .sppb-panel-heading.active, .sppb-addon-accordion .sppb-panel-heading:hover { background: #000000; } .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title { font-weight: 600; font-size: 18px; line-height: 24px; text-transform: capitalize; } .sppb-addon-accordion .accordion-toggle > span { float: left; padding-right: 3px; } .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title { display: inline-block; outline: none; width: 100%; padding: 15px; color: #ffffff; } .sppb-addon-accordion .sppb-panel-default .sppb-toggle-direction { color: #ffffff; } .asked-question .panel-collapse .panel-body { border: none !important; } /*=================== End of Frequently Asked Questions css ================*/ /*============================================================================= = 16. Home Call back css = ==============================================================================*/ .rt-form .form-group { margin-bottom: 30px; } .rt-form .form-group input { border: 1px solid #cccccc; border-radius: 0; box-shadow: none; min-height: 45px; } .rt-form .form-group textarea { border: 1px solid #cccccc; border-radius: 0; box-shadow: none; min-height: 100px; } .rt-form .submit-group { margin-bottom: 0; } .rt-form .submit-group button { border-radius: 0; text-transform: uppercase; padding: 10px 15px; } .rt-form .submit-group button::after { content: "\f0a9"; font-family: 'FontAwesome'; padding-left: 8px; } .rsform h2 { position: relative; margin-bottom: 30px; padding-bottom: 15px; } .rsform h2:after { background: #cb011b; content: ""; height: 4px; left: 0; margin: 0 auto; position: absolute; bottom: 0; width: 60px; } .rsform .formResponsive { margin-bottom: 0; } .rsform .formHorizontal .rsform-block { margin-bottom: 5px; margin-right: 20px; width: 46%; float: left; position: relative; } .rsform .formHorizontal .rsform-block.rsform-block-message, .rsform .formHorizontal .rsform-block.rsform-block-submit { width: 100%; } .rsform .formHorizontal .rsform-block.rsform-block-date .formControls .formBody input.rsform-calendar-button{ color: #1cb9c8; position: absolute; top: 24px; right: -10px; padding: 0 10px; height: 40px; width: inherit; } .rsform .formHorizontal .rsform-block .formDescription { margin-top: 5px; } .rsform .formHorizontal .rsform-block-submit { margin-bottom: 0; } .rsform .rsform-block .formControlLabel { padding: 0; text-align: left; } .rsform .rsform-block .formControls { margin-left: 0px; } .rsform .rsform-block .formControls .formBody input { background: #ffffff; border: 1px solid #d7d7d7; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-bottom: 0; height: 30px; width: 100%; } .rsform .rsform-block .formControls .formBody textarea { background: #ffffff; border: 1px solid #d7d7d7; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-bottom: 0; width: 96%; } .rsform .rsform-block .formControls .formBody button { background: #d43608; border: none; border-radius: 0; box-shadow: none; color: #ffffff; font-size: 16px; font-weight: 600; margin-top: 20px; padding: 14px 30px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rsform .rsform-block .formControls .formBody button:hover { background: #c90206; } .rsform .rsform-block .formControls .formBody .formValidation { display: block; } /*========================= End of Home Call back css ======================*/ /*============================================================================= = 17. Team css = ===============================================================================*/ .team-three .layout3 .tlp-equal-height { margin-bottom: 10px; } .team-three .layout3 .single-team-area { position: relative; } .team-three .layout3 .single-team-area figure { position: relative; } .team-three .layout3 .single-team-area figure::after { background: rgba(28, 180, 200, 0.9); content: ""; position: absolute; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; transition: all 0.3s ease-out 0s; } .team-three .layout3 .single-team-area:hover figure::after { opacity: 1; } .team-three .layout3 .single-team-area .tlp-content h3 { margin-bottom: 5px; } .team-three .layout3 .single-team-area .tlp-content h3 a { color: #222222; } .team-three .layout3 .single-team-area .contact-info { padding: 0; } .team-three .layout3 .single-team-area .tlp-team-skill { padding: 0; } .team-three .layout3 .single-team-area .social-icons { background: transparent; border-radius: 0 !important; position: absolute; top: 40%; bottom: inherit; left: 0; right: 0; opacity: 0; text-align: center; padding: 10px ; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); transition: all 0.3s ease-out 0s; } .team-three .layout3 .single-team-area .social-icons a { border: 1px solid #ffffff; border-radius: 50%; line-height: 36px; margin: 0 6px 0 0; width: 38px; height: 38px; transition: all 0.3s ease-out 0s; } .team-three .layout3 .single-team-area .social-icons a .fa { padding-top: 10px; } .team-three .layout3 .single-team-area .social-icons a:hover { background: #08838f; border: 1px solid #08838f; border-radius: 50%; } .team-three .layout3 .single-team-area .social-icons a:hover .fa { background: transparent; border-radius: 50%; height: 36px; width: 36px; } .team-three .layout3 .single-team-area:hover .social-icons { opacity: 1; } .layout1 .single-team-area .social-icons a, .layout8 .single-team-area .social-icons a, .layout10 .single-team-area .social-icons a, .layout12 .single-team-area .social-icons a, .layout13 .single-team-area .social-icons a { border: 1px solid #ffffff; border-radius: 50%; line-height: 36px; width: 38px; height: 38px; transition: all 0.3s ease-out 0s; } .layout1 .single-team-area .social-icons a .fa, .layout8 .single-team-area .social-icons a .fa, .layout10 .single-team-area .social-icons a .fa, .layout12 .single-team-area .social-icons a .fa, .layout13 .single-team-area .social-icons a .fa { padding-top: 10px; } .layout1 .single-team-area .social-icons a:hover, .layout8 .single-team-area .social-icons a:hover, .layout10 .single-team-area .social-icons a:hover, .layout12 .single-team-area .social-icons a:hover, .layout13 .single-team-area .social-icons a:hover { background: #08838f; border: 1px solid #08838f; border-radius: 50%; } .layout1 .single-team-area .social-icons a:hover .fa, .layout8 .single-team-area .social-icons a:hover .fa, .layout10 .single-team-area .social-icons a:hover .fa, .layout12 .single-team-area .social-icons a:hover .fa, .layout13 .single-team-area .social-icons a:hover .fa { background: transparent; border-radius: 50%; height: 36px; width: 36px; } .layout1 .single-team-area .tlp-overlay p, .layout8 .single-team-area .tlp-overlay p, .layout10 .single-team-area .tlp-overlay p, .layout12 .single-team-area .tlp-overlay p, .layout13 .single-team-area .tlp-overlay p { margin-bottom: 10px; } .layout3 .tlp-equal-height { margin-bottom: 20px; } .layout3 .single-team-area { position: relative; } .layout3 .single-team-area .tlp-content h3 { margin-bottom: 5px; } .layout3 .single-team-area .tlp-content h3 a { color: #1cb9c8; } .layout3 .single-team-area .contact-info { padding: 0; } .layout3 .single-team-area .tlp-team-skill { padding: 0; } .layout3 .single-team-area .social-icons { background: rgba(28, 180, 200, 0.7); border-radius: 50%; position: absolute; bottom: 83px; top: 0; left: 0; right: 0; opacity: 0; text-align: center; padding: 10px ; transition: all 0.3s ease-out 0s; } .layout3 .single-team-area .social-icons a { border: 1px solid #ffffff; border-radius: 50%; line-height: 36px; margin: 45% 6px 0 0; width: 38px; height: 38px; transition: all 0.3s ease-out 0s; } .layout3 .single-team-area .social-icons a .fa { padding-top: 10px; } .layout3 .single-team-area .social-icons a:hover { background: #08838f; border: 1px solid #08838f; border-radius: 50%; } .layout3 .single-team-area .social-icons a:hover .fa { background: transparent; border-radius: 50%; height: 36px; width: 36px; } .layout3 .single-team-area:hover .social-icons { opacity: 1; } .layout8 .tlp-overlay .tlp-title { height: 70px !important; bottom: 70px !important; } .layout8 .tlp-overlay .tlp-content { left: 0; right: 0; } .layout13 .single-team-area .tlp-overlay .tlp-position { margin-bottom: 8px; } .tlp-team .layout13 .single-team-area .tlp-overlay { display: -ms-flexbox; display: flex; transition: all .5s; -ms-flex-align: center; align-items: center; } .tlp-team .layout13 .single-team-area .tlp-overlay .item-info { padding-top: 0; } .tlp-team .layout14 .tlp-overlay:hover .item-info .item-info-bottom, .tlp-team .isotope8 .tlp-overlay:hover .item-info .item-info-bottom { bottom: 40%; } /*-------------------------------- 17.1 Single Team css ----------------------*/ .tlp-team .tlp-team-detail { padding-bottom: 0; } .tlp-team-detail .tlp-content h3 { position: relative; padding-bottom: 15px; } .tlp-team-detail .tlp-content h3::after { background: #1cb9c8; content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 60px; } .tlp-team-detail .social-icons { padding: 10px ; text-align: left !important; transition: all 0.3s ease-out 0s; } .tlp-team-detail .social-icons a { border: 1px solid #1cb9c8; border-radius: 0; color: #1cb9c8; font-size: 20px; margin: 0 8px 0 0; width: 44px; height: 44px; transition: all 0.3s ease-out 0s; } .tlp-team-detail .social-icons a .fa { padding-top: 12px; } .tlp-team-detail .social-icons a:hover { background: #08838f; border: 1px solid #08838f; border-radius: 0; } .tlp-team-detail .social-icons a:hover .fa { background: transparent; border-radius: 0; height: 44px; width: 44px; opacity: 1; } .tlp-team-detail .detail-image { position: relative; overflow: hidden; } .tlp-team-detail .detail-image::before { background: rgba(28, 180, 200, 0.5); content: ""; height: 100%; position: absolute; right: -100%; top: -100%; transition: all 0.5s ease 0s; width: 100%; } .tlp-team-detail .detail-image:hover::before { right: 0; top: 0; } .tlp-team-detail .detail-image::after { background: rgba(28, 180, 200, 0.5); content: ""; height: 100%; position: absolute; left: -100%; bottom: -100%; transition: all 0.5s ease 0s; width: 100%; } .tlp-team-detail .detail-image:hover::after { left: 0; bottom: 0; } /*============================== End of Team css ===========================*/ /*============================================================================= = 18. Testimonial css = ==============================================================================*/ .trastimonial .item .img-ara { float: left; display: table-cell; vertical-align: top; } .trastimonial .item .img-ara img { width: 90px; border-radius: 0%; } .trastimonial .item .content-area { display: table-cell; vertical-align: top; padding: 0 15px; } .trastimonial .item .content-area h3 { margin-bottom: 10px; } .trastimonial .item .content-area h4 { margin: 0; } .trastimonial .owl-carousel .owl-dots .owl-dot span { background: #ffffff; border-radius: 0; height: 1px; margin: 0 7px; opacity: 1; padding: 2px 10px; width: 50px; } .trastimonial .owl-carousel .owl-dots .owl-dot.active span { background: #1cb9c8; } /*============================== End of Testimonial css ====================*/ /*============================================================================= = 19. Home one news slider css = ===============================================================================*/ .home-one-news .sppb-addon-title { margin-left: 15px; } .home-one-news .bm_over { overflow: inherit; } .home-one-news .bm_slider { border-radius: 0; } .home-one-news .cycle-paused::after { display: none; } .home-one-news .bm_slider_theme1 .bm_slider_item { padding: 0px; } .home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip { background: #ffffff; margin: 0 15px; position: relative; padding-bottom: 25px; } .home-one-news .bm_slider_theme1 .bm_slider_item:hover { background: transparent; } .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title { text-align: left; margin-top: 20px; margin-bottom: 10px; font-weight: 600; padding: 0 15px; } .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title a { color: #222222; font-size: 20px; } .home-one-news .bm_slider_theme1 .bm_slider_item .date-author { position: absolute; top: 0; right: 0; background: #1cb9c8; line-height: 20px; padding: 8px 22px; } .home-one-news .bm_slider_theme1 .bm_slider_item .date-author .date { color: #ffffff; font-weight: 600; } .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_desc { font-size: 14px; padding: 0 15px; } .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_desc a.bm_readmore_button { border: 2px solid #1cb9c8; margin-top: 15px; padding: 5px 12px; display: inline-block; } .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev { right: 49px; left: inherit; top: -85px; height: 30px; line-height: 9px; width: 30px; opacity: 1; background: transparent; border: 2px solid #1cb9c8; text-align: center; } .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev::after { content: "\f104"; color: #1cb9c8; font-family: FontAwesome; font-size: 20px; } .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next { right: 15px !important; left: inherit; opacity: 1; top: -85px; background: transparent; border: 2px solid #1cb9c8; text-align: center; height: 30px; line-height: 9px; width: 30px; } .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next::after { content: "\f105"; font-family: FontAwesome; font-size: 20px; color: #1cb9c8; } .home-one-news .bm_over_theme1 .bm_slider_button:hover { left: inherit; } .home-one-news .image-effect { position: relative; overflow: hidden; } .home-one-news .image-effect .overley { background: rgba(28, 180, 200, 0.9); height: 100%; left: 0; right: 0; bottom: 0; opacity: 0; position: absolute; top: 0; transform: scale(0); transition: all 1s ease 0s; width: 100%; } .home-one-news .image-effect .overley ul { text-align: center; top: 40%; position: absolute; display: block; left: 0; right: 0; margin: 0 auto; padding: 0; } .home-one-news .image-effect .overley ul li { list-style: none; display: inline-block; } .home-one-news .image-effect .overley ul li a { background: rgba(0, 0, 0, 0); color: #ffffff; font-size: 18px; font-weight: bold; height: 40px; line-height: 38px; padding: 0; transition: all 0.3s ease 0s; width: 40px; } .home-one-news .image-effect .overley ul li a::before { content: ""; margin-right: 0; } .home-one-news .image-effect .overley ul li a:hover { transition: all 0.3s ease 0s; } .home-one-news .image-effect:hover .overley { opacity: 1; transform: scale(1); } div.bm_slider_theme1:hover ~ div.bm_slider_button .bm_slider_prev { left: inherit; } /*======================== End of Home one news slider css ===================*/ /*=============================================================================== = 20. Home two news css = ================================================================================*/ .home-two-news .image-part { display: table-cell; vertical-align: middle; } .home-two-news .image-part .moduleItemIntrotext { padding: 0; } .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage { position: relative; overflow: hidden; display: block; } .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img { margin: 0; transform: scale(1); transition: all 1s; } .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img:hover { transform: scale(1.1); } .home-two-news .content-part { display: table-cell; vertical-align: top; padding: 10px 20px; } .home-two-news .content-part a.moduleItemTitle { color: #000000; font-size: 20px; font-weight: 600; display: block; margin-bottom: 8px; } .home-two-news .content-part a.moduleItemTitle:hover { color: #1cb9c8; } .home-two-news .content-part .moduleItemDateCreated { border-right: 1px solid #cccccc; margin-right: 10px; padding-right: 8px; } .home-two-news .content-part a.moduleItemComments { margin-right: 10px; padding-right: 8px; } .home-two-news .read-more { display: table-cell; vertical-align: middle; } .home-two-news .read-more a { display: table-cell; background: #1cb9c8; height: 127px; padding: 0 30px; vertical-align: middle; } .home-two-news .read-more a i { color: #ffffff; } .home-two-news ul li { background: #ffffff; } /*========================== End of Home two news css ======================*/ /*============================================================================= = 21. Home three latest news css = ==============================================================================*/ .home-three-news ul { margin: 0; padding: 0; } .home-three-news ul li { border: none; margin: 0; padding: 0; float: left; list-style: none; width: 33.33333333%; } .home-three-news ul li .full-section { position: relative; margin: 0 15px; background: #ffffff; } .home-three-news ul li .full-section .image-part { position: relative; overflow: hidden; } .home-three-news ul li .full-section .image-part .overley { background: rgba(28, 180, 200, 0.9); bottom: 0; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: scale(0); transition: all 1s ease 0s; width: 100%; } .home-three-news ul li .full-section .image-part .overley ul { text-align: center; top: 40%; position: absolute; display: block; left: 0; right: 0; margin: 0 auto; padding: 0; } .home-three-news ul li .full-section .image-part .overley ul li { list-style: none; display: inline-block; float: inherit; } .home-three-news ul li .full-section .image-part .overley ul li a { color: #ffffff; font-size: 18px; } .home-three-news ul li .full-section:hover .overley { opacity: 1; transform: scale(1); } .home-three-news ul li .full-section .content-part { padding: 20px; } .home-three-news ul li .full-section .content-part a.moduleItemTitle { color: #000000; font-size: 20px; font-weight: 600; display: block; margin-bottom: 15px; } .home-three-news ul li .full-section .content-part a.moduleItemTitle:hover { color: #1cb9c8; } .home-three-news ul li .full-section .content-part .moduleItemDateCreated { position: absolute; top: 0; right: 0; background: #1cb9c8; line-height: 20px; padding: 8px 22px; } .home-three-news ul li .full-section .content-part .moduleItemDateCreated .date { color: #ffffff; font-weight: 600; } .home-three-news ul li .full-section .content-part .content { border-bottom: 1px solid #cccccc; margin-bottom: 15px; padding-bottom: 15px; } /*========================= End of Home three latest news css ==============*/ /*============================================================================= = 21. Home One latest news css = ==============================================================================*/ .home-one-news ul { margin: 0; padding: 0; } .home-one-news ul li { border: none; margin: 0; padding: 0; float: left; list-style: none; width: 100%; } .home-one-news ul li .full-section { position: relative; margin: 0 15px; background: #ffffff; } .home-one-news ul li .full-section .image-part { position: relative; overflow: hidden; } .home-one-news ul li .full-section .image-part .overley { background: rgba(28, 180, 200, 0.9); bottom: 0; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: scale(0); transition: all 1s ease 0s; width: 100%; } .home-one-news ul li .full-section .image-part .overley ul { text-align: center; top: 40%; position: absolute; display: block; left: 0; right: 0; margin: 0 auto; padding: 0; } .home-one-news ul li .full-section .image-part .overley ul li { list-style: none; display: inline-block; float: inherit; } .home-one-news ul li .full-section .image-part .overley ul li a { color: #ffffff; font-size: 18px; } .home-one-news ul li .full-section:hover .overley { opacity: 1; transform: scale(1); } .home-one-news ul li .full-section .content-part { padding: 20px; } .home-one-news ul li .full-section .content-part a.moduleItemTitle { color: #000000; font-size: 20px; font-weight: 600; display: block; margin-bottom: 15px; } .home-one-news ul li .full-section .content-part a.moduleItemTitle:hover { color: #1cb9c8; } .home-one-news ul li .full-section .content-part .moduleItemDateCreated { position: absolute; top: 0; right: 0; background: #1cb9c8; line-height: 20px; padding: 8px 22px; } .home-one-news ul li .full-section .content-part .moduleItemDateCreated .date { color: #ffffff; font-weight: 600; } .home-one-news ul li .full-section .content-part .content { border-bottom: 1px solid #cccccc; margin-bottom: 15px; padding-bottom: 15px; } /*============================================================================= = 22. Logo slider css = ==============================================================================*/ #sp-logo-slider { border-top: 1px solid #e5e5e5; padding: 60px 0; } .logo-slider .rt-logo-showcase .rt-logo-item { margin-bottom: 0; } .logo-slider .rt-logo-showcase .rt-logo-item .single-logo-container { padding: 0; } .logo-slider .rt-logo-showcase .rt-logo-item .single-logo-container img { padding: 0; } .logo-slider .rt-logo-showcase .slick-prev { height: auto; width: auto; left: -30px; } .logo-slider .rt-logo-showcase .slick-prev:before { border: 2px solid #1cb9c8; color: #1cb9c8; content: "\f104"; font-family: 'FontAwesome'; padding: 0 8px; } .logo-slider .rt-logo-showcase .slick-next { height: auto; width: auto; right: -30px; } .logo-slider .rt-logo-showcase .slick-next:before { border: 2px solid #1cb9c8; color: #1cb9c8; content: "\f105"; font-family: 'FontAwesome'; padding: 0 8px; } /*========================== End of Logo slider css ========================*/ /*============================================================================= = 23. Free Consultation css = ==============================================================================*/ #sp-free-consultation { background: #1cb9c8; padding: 30px 0; } .consultation .free-consult-text { font-family: "Raleway", sans-serif; font-size: 30px; font-weight: 600; color: #ffffff; letter-spacing: 1px; line-height: 52px; } .consultation .free-consult-text p { margin-bottom: 0; } .consultation .get-free-consult a { border: 2px solid #ffffff; color: #ffffff; display: block; font-family: "Raleway", sans-serif; font-weight: 600; padding: 12px 20px; text-decoration: none; text-transform: uppercase; text-align: center; transition: all 0.5s; } /*========================== End of Free Consultation css ==================*/ /*============================================================================= = 24. Bottom css = ==============================================================================*/ #sp-bottom { padding: 90px 0; } #sp-bottom .sp-module h3.sp-module-title { color: #ffffff; font-size: 22px; font-weight: 600; margin-bottom: 24px; } #sp-bottom .sp-module ul li { border: none; } #sp-bottom .sp-module ul li a { color: #ffffff; line-height: 32px; } #sp-bottom .sp-module ul li a::before { content: ""; margin-right: 0; } #sp-bottom .sp-module ul li a::focus { background: transparent; } .sp-tweet-item { background: none !important; } .sp-tweet-first { padding-top: 0px !important; } #sp-bottom .sp-module .latestnews > div > a { color: #ffffff; } /*----------------------------- 24.1 Flickr photos css ------------------------*/ .flickr-photos .gallery-flickr { display: inline-flex; margin-top: 8px; } /*--------------------------- 24.2 Corporate-office css -----------------------*/ .corporate-office ul li { margin-bottom: 15px; } .corporate-office ul li i { color: #1cb9c8; padding-right: 10px; } /*=============================== End of Bottom css ========================*/ /*============================================================================= = 25. Footer css = ==============================================================================*/ #sp-footer { border-top: 1px solid #5f5f5f; padding: 20px 0; text-align: left !important; } #sp-footer ul.social-icons { text-align: right; display: block; } #sp-footer ul.social-icons li a { border: 1px solid #1cb9c8; border-radius: 50%; display: block; text-align: center; line-height: 34px; height: 36px; width: 36px; } .scrollToTop { display: block; bottom: 18px; right: 12px; color: #ffffff; cursor: pointer; height: 40px; line-height: 36px; position: fixed; text-align: center; text-decoration: none; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; /* -webkit-animation: flash 3000ms infinite; -moz-animation: flash 3000ms infinite; -ms-animation: flash 3000ms infinite; -o-animation: flash 3000ms infinite; animation: flash 3000ms infinite; */ width: 40px; z-index: 9999; } .scrollToTop:after { color: #ffffff; content: "\f102"; font-family: "FontAwesome"; font-size: 25px; } .scrollToTop:hover { /*-webkit-animation: flash 0s infinite; -moz-animation: flash 0s infinite; -ms-animation: flash 0s infinite; -o-animation: flash 0s infinite; animation: flash 0s infinite;*/ } /*============================= End of Footer css ==========================*/ /*============================================================================= = 26. Inner banner css = ==============================================================================*/ #sp-page-title .sp-page-title { padding: 90px 0; text-align: center; background-position: center; } #sp-page-title .sp-page-title h2 { font-size: 48px; text-transform: uppercase; text-shadow: 2px 2px 2px black; } #sp-page-title .sp-page-title .breadcrumb li.active { color: #1cb9c8; } #sp-page-title .sp-page-title .breadcrumb li a:hover { color: #1cb9c8; } /*============================ End of Inner banner css =====================*/ /*============================================================================= = 27. Help your business css = ==============================================================================*/ .sppb-section.ready-help-section { padding-bottom: 0 !important; } .sppb-section.help-business { padding-top: 0 !important; } .help-business h3 { font-size: 22px; position: relative; padding-bottom: 12px; } .help-business h3::after { background: #1cb9c8; content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 50px; } .help-business h3 a { color: #222222; } .help-business a { overflow: hidden; display: block; } .help-business a img { transform: scale(1); transition: all 1s ease-in-out; width: 100%; } .help-business a:hover img { transform: scale(1.1); } /*========================== End of Help your business css =================*/ /*============================================================================= = 28. 25 years experiance css = ==============================================================================*/ .years-experience h2 { border: 1px dashed #ffffff; color: #ffffff; font-size: 48px; font-weight: 400; margin-bottom: 0; padding: 30px; text-align: center; transition: all 0.5s ease 0s; } .years-experience h2 span { color: #1cb9c8; font-weight: 700; } .years-experience:hover h2 { color: #1cb9c8; border: 1px dashed #1cb9c8; } .years-experience:hover h2 span { color: #ffffff; } /*========================= End of 25 years experiance css =================*/ /*============================================================================ = 29. Our success css = ==============================================================================*/ .our-sucess .zen-skills-container .skill-circle-item .circle-text { color: #222222; } .our-sucess .zen-skills-container .skill-circle-item p { color: #222222; font-size: 16px; } /*========================== End of Our success css ========================*/ /*============================================================================= = 30. Our core features css = ==============================================================================*/ .our-core-feature .single-feature { margin-top: 30px; } .our-core-feature .single-feature .service-image { width: 30px; } .our-core-feature .single-feature .service-image i { font-size: 34px; color: #1cb9c8; } .our-core-feature .single-feature .service-content { padding-left: 20px; } .our-core-feature .single-feature .service-content h3 { position: relative; font-size: 22px; line-height: 1; padding-bottom: 15px; } .our-core-feature .single-feature .service-content h3 a { color: #222222; } .our-core-feature .single-feature .service-content h3 a:hover { color: #1cb9c8; } .our-core-feature .single-feature .service-content h3::after { background: #1cb9c8; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 50px; } /*========================== End of Our core features css ==================*/ /*============================================================================= = 31. About page css = ===============================================================================*/ /*----------------------------- 31.1 About 1 page css -------------------------*/ .sppb-addon-tab ul.sppb-nav-tabs { border-bottom: none; margin-bottom: 40px; } .sppb-addon-tab ul.sppb-nav-tabs li { margin-bottom: 0; } .sppb-addon-tab ul.sppb-nav-tabs li a { background: transparent; border: 2px solid #1cb9c8; border-radius: 0; color: #1cb9c8; font-size: 18px; font-weight: 300; margin-right: 50px; padding: 8px 70px; } .sppb-addon-tab ul.sppb-nav-tabs li a:hover { background: #1cb9c8; color: #ffffff; } .sppb-addon-tab ul.sppb-nav-tabs li.active a { background: #1cb9c8; border: 2px solid #1cb9c8; border-radius: 0; color: #ffffff; } .sppb-addon-tab ul.sppb-nav-tabs li:last-child a { margin-right: 0; } .sppb-addon-tab .sppb-tab-content { border: none; padding: 0; } .sppb-addon-tab .sppb-tab-content .media-body { padding-left: 40px; } .sppb-addon-tab .sppb-tab-content .media-body h2 { position: relative; color: #222222; font-size: 30px; padding-bottom: 15px; } .sppb-addon-tab .sppb-tab-content .media-body h2::after { background: #1cb9c8; position: absolute; content: ""; left: 0; bottom: 0; height: 3px; width: 50px; } /*---------------------------- 31.2 About 2 page css ------------------------*/ .sppb-text-left .sppb-addon-title { position: relative; padding-bottom: 15px; } .sppb-text-left .sppb-addon-title::after { background: #1cb9c8; position: absolute; content: ""; left: 0; bottom: 0; height: 3px; width: 60px; } .sppb-text-left .pull-left { font-size: 30px; color: #cdcdcd; position: relative; margin-right: 30px; padding-bottom: 5px; line-height: 1.4; } .sppb-text-left .pull-left::after { background: #1cb9c8; position: absolute; content: ""; left: 0; bottom: 0; height: 3px; width: 35px; } /*---------------------------- 31.3 sppb-carousel ---------------------------*/ .sppb-carousel .sppb-carousel-arrow .fa { background: rgba(0, 0, 0, 0.8); padding: 8px 10px; } .sppb-carousel .sppb-carousel-arrow .fa-chevron-left { margin-left: -20px; } .sppb-carousel .sppb-carousel-arrow .fa-chevron-right { margin-right: -20px; } .communication { text-align: center; color: #ffffff; } .communication h2 { margin-bottom: 0; } /*------------------------------ 31.4 About 3 page css ------------------------*/ .sppb-carousel-indicators li { background: #869791; border: none; margin: 0 8px 0 0 !important; height: 12px; width: 12px; } .sppb-carousel-indicators li.active { background: #1cb9c8; } /*--------------------------- 31.5 About 4 page css --------------------------*/ .about-four-section { border-top: 1px solid #e5e5e5; } .about-four-service .rt-features .single-feature { position: relative; text-align: center; padding: 15px; } .about-four-service .rt-features .single-feature .icon .fa { color: #1cb9c8; font-size: 55px; line-height: 1.5; } .about-four-service .rt-features .single-feature h3 { font-size: 24px; position: relative; padding-bottom: 10px; } .about-four-service .rt-features .single-feature h3::after { background: #1cb9c8; position: absolute; content: ""; left: 0; right: 0; bottom: 0; margin: auto; height: 3px; width: 60px; } .about-four-service .rt-features .single-feature:hover { box-shadow: 0 1px 5px 2px #a6a6a6; content: ""; height: 100%; transition: all 0.3s ease-out 0s; } /*----------------------------- 31.6 Skill Progress bar css -------------------*/ .sppb-addon-pie-progress .sppb-text-center { position: relative; } .sppb-addon-pie-progress .sppb-text-center .sppb-chart-percent { color: #1cb9c8; font-size: 34px; font-weight: 700; } .sppb-addon-pie-progress .sppb-text-center h3 { position: absolute; left: 0; right: 0; bottom: 55px; margin-bottom: 0; font-size: 14px; color: #ffffff; } .sppb-addon-pie-progress .sppb-text-center .sppb-addon-text { display: none; } .our-sucess h3.sppb-title-heading { position: relative; padding-bottom: 10px; line-height: 1.4 !important; } .our-sucess h3.sppb-title-heading::after { background: #1cb9c8; position: absolute; content: ""; left: 0; bottom: 0; height: 3px; width: 50px; } .our-sucess .sppb-addon-pie-progress .sppb-text-center { position: relative; } .our-sucess .sppb-addon-pie-progress .sppb-text-center h3 { position: inherit; bottom: 0; margin-bottom: 0; font-size: 16px; color: #000000; } .our-sucess .sppb-addon-pie-progress .sppb-text-center .sppb-addon-text { display: none; } .sppb-progress { height: 30px; } .sppb-progress .sppb-progress-bar { background: #1cb9c8; line-height: 30px; } /*============================== End of About page css =====================*/ /*============================================================================= = 32. Service page css = ==============================================================================*/ /*----------------------------- 32.1 Service 1 page css ----------------------*/ .service-one .main-title { display: none; } .service-one .single-feature { position: relative; overflow: hidden; } .service-one .single-feature .service-image { position: relative; overflow: hidden; margin-bottom: 30px; } .service-one .single-feature .service-image::after { background: rgba(28, 185, 200, 0.9); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform-origin: 0 0 0; transition: all 0.5s ease 0s; width: 100%; } .service-one .single-feature .overley { text-align: center; } .service-one .single-feature .overley h3 { color: #ffffff; font-size: 22px; font-weight: 600; left: 0; position: absolute; right: 0; text-transform: uppercase; top: -100%; transform: translateY(-50%); transition: all 1s ease 0s; } .service-one .single-feature .overley h3::after { background: #ffffff; bottom: -15px; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 60px; } .service-one .single-feature .overley h3 a { color: #ffffff; } .service-one .single-feature .overley p { bottom: -100%; color: #ffffff; left: 0; padding: 0 15px; position: absolute; right: 0; transform: translateY(-100%); transition: all 1s ease 0s; } .service-one .single-feature:hover .service-image::after { opacity: 1; } .service-one .single-feature:hover .overley h3 { top: 30%; } .service-one .single-feature:hover .overley p { bottom: -5%; } /*----------------------------- 32.2 Service 2 page css ----------------------*/ .service-two .single-feature { text-align: center; margin-top: 30px; } .service-two .single-feature .service-image { float: none !important; margin-bottom: 12px; } .service-two .single-feature .service-image .fa { color: #1cb9c8; font-size: 36px; } .service-two .single-feature .service-content h3 { font-size: 22px; color: #222222; position: relative; padding-bottom: 15px; } .service-two .single-feature .service-content h3 a { color: #222222; } .service-two .single-feature .service-content h3 a:hover { color: #1cb9c8; } .service-two .single-feature .service-content h3::after { background: #1cb9c8; content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 50px; height: 3px; } /*============================ End of Service page css =====================*/ /*============================================================================= = 33. Portfolio page css = ==============================================================================*/ .tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content h3, .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content h3 { font-weight: 600; } .tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content h3 a, .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content h3 a { font-weight: 600; } .tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content .tlp-content-holder, .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content .tlp-content-holder { padding: 15px 0; } .tlp-portfolio .layout2 .tlp-content-holder { padding-top: 0px !important; } .tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-overlay .tlp-title, .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-overlay .tlp-title { background: rgba(28, 180, 200, 0.9); bottom: 50px; padding: 0; height: 50px; } .tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-overlay .tlp-title h3, .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-overlay .tlp-title h3 { padding: 10px 15px; } .tlp-portfolio .tlp-layout .tlp-portfolio-item .image-container .tlp-overlay .tlp-title h3 a, .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .image-container .tlp-overlay .tlp-title h3 a { color: #ffffff; } .tlp-portfolio .isotope2 .image-container .tlp-overlay .tlp-title h3 a { color: #ffffff; } .tlp-portfolio .isotope4 .tlp-portfolio-thum .tlp-content p { padding: 0; } .tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom, .tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom { bottom: 32%; } .tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group { margin-bottom: 40px; } .tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button { background: #1cb9c8; padding: 10px 15px; margin-bottom:10px; } .tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button:hover { background: #08838f; } .tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button.selected { background: #08838f; } .tlp-portfolio-item .tlp-overlay h3, .tlp-portfolio-item .tlp-content h3 { margin-bottom: 8px !important; padding-bottom: 0px !important; } .tlp-portfolio .isotope7 .tlp-portfolio-item h3 { padding-top: 8%; } .isotope7 .tlp-portfolio-item .tlp-content p { padding: 0px 18px; } /*========================== End of Portfolio page css =====================*/ /*============================================================================= = 34. Default item css = ==============================================================================*/ #sp-component .item-page img { margin-bottom: 25px; } #sp-component .item .entry-header { margin-bottom: 20px; } #sp-component .item .entry-header h2 { font-size: 28px; color: #222222; } #sp-component .item .entry-header h2 a:hover { color: #1cb9c8; } .entry-header .article-info { margin-bottom: 15px; } .readmore .btn-default { background: #1cb9c8; border: none; box-shadow: none; border-radius: 0; color: #ffffff; } /*============================ End of Default item css ======================*/ /*============================================================================= = 35. K2 Category item css = ==============================================================================*/ #k2Container { padding: 0; } .rt-catitem { margin-bottom: 30px; } .rt-catitem .catItemImageBlock { margin: 0; padding: 0; position: relative; overflow: hidden; } .rt-catitem .catItemImageBlock .catItemImage { margin-bottom: 0; } .rt-catitem .catItemImageBlock .catItemImage img { transform: scale(1); transition: all 1s ease 0s; } .rt-catitem .catItemImageBlock .catItemImage:hover img { transform: scale(1.1); } .rt-catitem .catItemHeader h3.catItemTitle { font-size: 22px; margin-bottom: 15px; padding: 0 0 10px 0; position: relative; } .rt-catitem .catItemHeader h3.catItemTitle a { color: #222222; } .rt-catitem .catItemHeader h3.catItemTitle a:hover { color: #1cb9c8; } .rt-catitem .catItemHeader h3.catItemTitle::after { background: #1cb9c8; content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 50px; } .rt-catitem .catItemHeader .catItemDateCreated { float: left; margin-right: 10px; } .rt-catitem .catItemHeader .catItemDateCreated span { padding-right: 10px; } .rt-catitem .catItemReadMore .fa { padding-left: 8px; } /*========================= End of K2 Category item css ====================*/ /*============================================================================= = 36. K2 item details css = ==============================================================================*/ .rt-item .itemToolbar { background: transparent; margin: 0; padding: 0; } .rt-item .itemBody { padding: 0; } .rt-item .itemBody .itemImageBlock { margin: 0; padding: 0; } .rt-item .itemBody .itemImageBlock .itemImage { margin-bottom: 0; } .rt-item .itemBody .itemHeader { margin-top: 20px; margin-bottom: 20px; } .rt-item .itemBody .itemHeader h3 { position: relative; font-size: 24px; margin-bottom: 15px; padding-bottom: 10px; } .rt-item .itemBody .itemHeader h3::after { background: #1cb9c8; content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 50px; } .rt-item .itemBody .itemHeader ul { list-style: none; padding-left: 0; } .rt-item .itemBody .itemHeader ul li { display: inline-block; padding-right: 15px; } .rt-item .itemBody .itemHeader ul li .fa { padding-right: 5px; } .rt-item .itemLinks { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 30px 0; padding: 15px 0; } .rt-item .itemLinks span { color: #222222; font-size: 18px; font-weight: 600; display: inline-block; margin-bottom: 10px; } .rt-item .itemComments { background: transparent; border: none; padding: 0; } .rt-item .itemComments .itemCommentsCounter { font-size: 18px; padding-bottom: 12px; text-transform: capitalize; position: relative; } .rt-item .itemComments .itemCommentsCounter::after { position: absolute; content: ""; background: #1cb9c8; left: 0; bottom: 0; margin: auto; height: 3px; width: 50px; } .rt-item .itemComments ul.itemCommentsList li { border-bottom: 1px solid #dddddd; padding: 0 0 10px 0; margin-bottom: 10px; } .rt-item .itemComments ul.itemCommentsList li .comment-author { height: 80px; width: 80px; display: table-cell; vertical-align: top; } .rt-item .itemComments ul.itemCommentsList li .comment-author img { width: 80px; } .rt-item .itemComments ul.itemCommentsList li .comment-content { display: table-cell; vertical-align: top; padding-left: 25px; } .rt-item .itemComments ul.itemCommentsList li .comment-content .commentAuthorName h3 { font-size: 18px; margin: 0; } .rt-item .itemComments ul.itemCommentsList li .comment-content .commentAuthorName h3 a { color: #000000; } .rt-item .itemComments ul.itemCommentsList li .comment-content .commentDate { margin-bottom: 6px; } .rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink { float: left; } .rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink .fa { color: #1cb9c8; padding-right: 6px; } .rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink a { color: #646464; font-size: 14px; text-decoration: none; } .rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink a:hover { font-size: 14px; color: #1cb9c8; text-decoration: none; } .rt-item .itemComments .itemCommentsForm h3 { font-size: 18px; position: relative; margin-bottom: 20px; padding-bottom: 12px; } .rt-item .itemComments .itemCommentsForm h3::after { position: absolute; content: ""; background: #1cb9c8; left: 0; bottom: 0; margin: auto; height: 3px; width: 50px; } .rt-item .itemComments .itemCommentsForm .itemCommentsFormNotes { border: none; } .rt-item .itemComments .itemCommentsForm .form-validate input { border-radius: 0; box-shadow: none; } .rt-item .itemComments .itemCommentsForm .form-validate textarea { border-radius: 0; box-shadow: none; } .rt-item .itemComments .itemCommentsForm .form-validate input#submitCommentButton { background: #1cb9c8; border-radius: 0; box-shadow: none; padding: 10px 15px; text-transform: uppercase; transition: all 0.3s; } /*=========================== End of K2 item details css ==================*/ /*============================================================================ = 37. Pagination css = =============================================================================*/ .itemListView .k2Pagination { margin-bottom: 0; margin-top: 10px; } .itemListView .k2Pagination ul.pagination { margin-top: 0; } .itemListView .k2Pagination ul.pagination li a { margin: 0 1px; padding: 10px 0; background: #666666; border: none; border-radius: 0; color: #ffffff; width: 40px; } .itemListView .k2Pagination ul.pagination li a:hover { background: #1cb9c8; } .itemListView .k2Pagination ul.pagination li.active a { background: #1cb9c8; border: none; } .pagination-wrapper { text-align: center; } .pagination-wrapper .pagination { margin-bottom: 0; } .pagination-wrapper .pagination li a { margin: 0 1px; padding: 10px 0; background: #666666; border: none; border-radius: 0; color: #ffffff; width: 40px; } .pagination-wrapper .pagination li a:hover { background: #1cb9c8; color: #ffffff; } .pagination-wrapper .pagination li.active a { background: #1cb9c8; border: none; } div.pagination { text-align: center; margin-bottom: 0; display: block; } div.pagination ul.pagination { margin-bottom: 0; display: inline-block; } div.pagination ul.pagination li a { background: #666666; border: none; border-radius: 0; color: #ffffff; line-height: 40px; margin: 0 5px; height: 40px; width: 40px; padding: 0; text-align: center; } div.pagination ul.pagination li a:hover { background: #1cb9c8; color: #ffffff; } div.pagination ul.pagination li.active a { background: #1cb9c8; } .pagination.pagination-toolbar { margin: 0; } /*============================== End of Pagination css =====================*/ /*============================================================================= = 38. Sidebar css = ==============================================================================*/ .custom-class .sp-module .sp-module-title, .class2 .sp-module .sp-module-title { font-size: 20px; position: relative; overflow: hidden; padding-bottom: 15px; } .custom-class .sp-module .sp-module-title::after, .class2 .sp-module .sp-module-title::after { background: #1cb9c8; content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 50px; } .custom-class .sp-module .search input, .class2 .sp-module .search input { border-radius: 0; box-shadow: none; width: 100%; } .custom-class .sp-module ul li, .class2 .sp-module ul li { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; } .custom-class .sp-module ul li a, .class2 .sp-module ul li a { line-height: 24px; } .custom-class .sp-module ul li a::before, .class2 .sp-module ul li a::before { color: #1cb9c8; } /*============================= End of Sidebar css =========================*/ /*============================================================================= = 39. Contact page css = ==============================================================================*/ .sppb-ajaxt-contact-form .sppb-form-group input, .sppb-ajaxt-contact-form .sppb-form-group textarea { border-radius: 0; border: 1px solid #e5e5e5; box-shadow: none; } .sppb-ajaxt-contact-form button { background: #1cb9c8; border-radius: 0; box-shadow: none; border: none; font-weight: 600; padding: 10px 15px; text-transform: uppercase; } .contact-info h3 { position: relative; font-size: 20px; font-weight: 600; text-transform: uppercase; padding-bottom: 10px; } .contact-info h3::after { background: #1cb9c8; content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 50px; } .contact-info ul { list-style: none; padding-left: 0; } .contact-info ul li { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; } .contact-info ul li .fa { color: #1cb9c8; padding-right: 8px; } .contact-info ul li:last-child { border: none; } /*============================ End of Contact page css =====================*/ /*============================================================================= = 40. Responsive css = ==============================================================================*/ @media (min-width: 1200px) and (max-width: 1495px) { #home-one .home-slider .tp-caption.largeblackbg, #home-two .home-slider .tp-caption.largeblackbg { left: 36% !important; } .home-slider .tp-caption.largeblackbg a.read-bg, .home-slider .tp-caption.largewhitebg a.read-nobg { padding: 15px 30px !important; } .service-one .single-feature:hover .overley p { bottom: 10%; } } /* Normal desktop :992px. */ @media (min-width: 992px) and (max-width: 1199px) { .is-sticky #sp-header { height: 70px !important; } .is-sticky #sp-header .logo { height: 70px !important; } .is-sticky #sp-header .logo h1 img { max-width: 120px; } .is-sticky .sp-megamenu-parent > li > a, .is-sticky #offcanvas-toggler { line-height: 70px; } #sp-menu .sp-megamenu-parent > li > a { font-size: 13px; padding: 0 5px; } .consultation .free-consult-text { font-size: 24px; } .consultation .get-free-consult a { padding: 12px 10px; } .logo-slider .rt-logo-showcase .slick-prev { left: -20px; } .logo-slider .rt-logo-showcase .slick-next { right: -20px; } .choose-service .single-feature { margin-bottom: 0; } .choose-service { padding: 35px 0 40px 60px; min-height: 545px; } .home-two-service .rt-featuresn .service-content .main-title h3 { padding: 75px 0; } .home-two-service .rt-featuresn .service-content .overley { padding: 10px 15px; line-height: 17px; } .home-two-service .rt-featuresn .service-content .overley h3 { margin-bottom: 10px; } .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev { left: -15px; } .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next { right: -15px; } .home-slider .tp-caption.small_text { font-size: 14px !important; line-height: 18px !important; } .home-slider .tp-caption.largeblackbg { left: 33% !important; } #home-three .home-slider .tp-caption.largeblackbg { left: 390px !important; } #home-four .home-slider .tp-caption.largeblackbg { left: 410px !important; } .home-slider .tp-caption.largeblackbg a.read-bg, .home-slider .tp-caption.largewhitebg a.read-nobg { padding: 15px 25px !important; } .home-three-service .owl-carousel .owl-controls .owl-buttons { top: -60px; } .home-three-service .service-content .image-effect img { width: 100%; } .tlp-team .layout13 .single-team-area .tlp-overlay .item-info p { line-height: 18px; padding: 0 7px; } .tlp-team .layout13 .single-team-area .tlp-overlay .item-info { padding-top: 9%; } .rsform .formHorizontal .rsform-block { margin-right: 15px; } /*--------- Inner page css----------------*/ .sppb-addon-tab ul.sppb-nav-tabs li a { margin-right: 30px; padding: 8px 54px; } .sppb-addon-tab .sppb-tab-content .media-body { padding-left: 20px; } .sppb-text-left .pull-left { margin-right: 10px; } .service-one .single-feature:hover .overley h3 { top: 25%; } .service-one .single-feature:hover .overley p { bottom: -10%; } .choose-service h3.sppb-addon-title { margin-bottom: 20px; } .tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom, .tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom { bottom: 20%; } } /* Tablet desktop :768px. */ @media (min-width: 768px) and (max-width: 991px) { #sp-logo { width: 100%; text-align: center; } #sp-menu { width: 100%; } #sp-menu .sp-megamenu-parent { float: none; text-align: center; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-items { text-align: left; } #sp-menu .sp-megamenu-parent > li > a { font-size: 13px; padding: 0px 8px 8px; } .sticky-wrapper #sp-header { box-shadow: none; height: auto; } .is-sticky #sp-header .logo h1 img { width: 120px; } .sp-megamenu-parent > li > a, #offcanvas-toggler { line-height: 35px !important; } #offcanvas-toggler > i { margin-bottom: 0px !important; } #sp-header .logo { display: inline-block !important; height: auto !important; } #sp-header .logo h1 img { padding-top: 5px; } .logo-slider .rt-logo-showcase .slick-prev { left: -15px; } .logo-slider .rt-logo-showcase .slick-next { right: -15px; } .consultation .free-consult-text { font-size: 18px; } .consultation .get-free-consult a { font-size: 11px; padding: 12px 3px; } .home-slider .tp-caption.large_text { font-size: 40px !important; text-align: center; width: 100%; left: inherit !important; } .home-one-service-slider h3.sppb-addon-title { font-size: 36px; } .home-one-service-slider .single-feature { padding: 0 10px; } .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev { left: -25px; } .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next { right: -25px; } .choose-section .sppb-container { width: 100%; padding-right: 0; } .choose-section .sppb-addon-single-image { padding-bottom: 1px; } .choose-service { padding: 75px 25px 45px 25px; min-height: 436px; } .choose-service .rt-features > div { width: 100%; } .choose-service .single-feature { margin-bottom: 33px; display: table; } .choose-service .single-feature .service-content { padding-left: 14px; } .choose-service h3.sppb-addon-title { font-size: 30px; } .choose-service .rt-features .service-content { vertical-align: middle; } .choose-service .rt-features .service-content p { display: none; } .sppb-addon-accordion .sppb-addon-title, .request-call h3 { font-size: 30px; line-height: 1.2; } .rt-form .form-group { margin-bottom: 0; } .rt-form .form-group input { margin-bottom: 12px; } .rt-form .submit-group { margin-top: 24px; } .home-two-service .nopadding { width: 33.33333%; } .home-two-service .rt-featuresn .service-content .main-title h3 { font-size: 22px; padding: 55px 0; } .home-two-service .rt-featuresn .service-content .overley { padding: 10px; font-size: 12px; line-height: 14px; } .home-two-service .rt-featuresn .service-content .overley h3 { font-size: 20px; margin-bottom: 5px; margin-top: 5px; } .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title { font-size: 60px; } .our-sucess .sppb-col-sm-4 { width: 100%; } .our-sucess .sppb-addon-pie-progress .sppb-text-center h3 { margin-bottom: 15px; } .home-three-news ul li .full-section .content-part { padding: 18px; } .home-four-service .rt-features > div { width: 33.33333%; } .home-four-service .single-feature h3, .our-core-feature .single-feature .service-content h3 { font-size: 20px; } #sp-page-title .sp-page-title { padding: 60px 0; } #sp-page-title .sp-page-title h2 { font-size: 38px; } .home-slider .tp-caption.small_text { font-size: 14px !important; line-height: 18px !important; } .home-slider .tp-caption.largeblackbg { left: 215px !important; } .home-slider .tp-caption.largeblackbg, .home-slider .tp-caption.largewhitebg { top: 250px !important; } #home-two .home-slider .tp-caption.largeblackbg, #home-two .home-slider .tp-caption.largewhitebg { top: 220px !important; } #home-three .home-slider .tp-caption.largeblackbg { left: 266px !important; top: 230px !important; } #home-four .home-slider .tp-caption.largeblackbg { left: 300px !important; top: 230px !important; } .home-slider .tp-caption.largeblackbg a.read-bg, .home-slider .tp-caption.largewhitebg a.read-nobg { padding: 15px 25px !important; } .home-three-service .owl-carousel .owl-controls .owl-buttons { top: -60px; } .home-three-service .service-content .image-effect img { width: 100%; } #sp-bottom2 .sp-module { margin-bottom: 40px; } .home-four-about-section .sppb-empty-space { padding-bottom: 30px !important; } /*--------- Inner page css----------------*/ .rsform .formHorizontal .rsform-block { float: inherit; width: inherit; margin-right: 0; } .sppb-addon-tab ul.sppb-nav-tabs li a { margin-right: 10px; padding: 8px 34px; } .sppb-addon-tab .sppb-tab-content .media-body { padding-left: 20px; } .sppb-text-left .pull-left { margin-right: 10px; } .service-one .single-feature:hover .overley h3 { top: 25%; } .service-one .single-feature:hover .overley p { bottom: -2%; } .about-four-service .rt-features > div { width: 33.33333%; } #sp-menu .sp-megamenu-parent .sp-dropdown-mega li.sp-menu-item a { padding: 10px 0px; text-align: left; } .tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom { bottom: 24%; } .tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom { bottom: 28%; } .choose-service .single-feature .service-content h3 { font-size: 20px; } #sp-page-builder > .page-content > section.sppb-section { padding: 80px 0; } } @media (max-width: 767px) { .home-slider .tp-caption.small_text, .home-slider .tp-caption.largeblackbg, .home-slider .tp-caption.largewhitebg { display: none; } #sp-top1, #sp-top2 { text-align: center; } ul.sp-contact-info { float: none; } #sp-header { height: 70px !important; } #sp-header .logo { height: 70px !important; } #offcanvas-toggler { line-height: 70px !important; } .is-sticky #sp-header { height: 60px !important; } .is-sticky #sp-header .logo { height: 60px !important; } .is-sticky #sp-header .logo h1 img { max-width: 120px; } .consultation .free-consult-text { font-size: 24px; text-align: center; margin-bottom: 15px; line-height: 34px; } .logo-slider .rt-logo-showcase .slick-prev { left: -10px; z-index: 99; } .logo-slider .rt-logo-showcase .slick-next { right: -10px; z-index: 99; } .logo-slider .rt-logo-showcase .slick-track { padding: 0; } .home-one-slider { margin-top: 0 !important; } .home-one-service-slider h3.sppb-addon-title { font-size: 34px; } .home-one-service-slider .single-feature { padding: 0 10px; } .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev { left: -18px; } .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next { right: -18px; } .choose-service { margin: 0 -15px; padding: 50px 15px 30px; } .sppb-addon-accordion .sppb-addon-title, .request-call h3 { font-size: 30px; } .request-call { margin-top: 30px; } .rt-form .form-group { margin-bottom: 0; } .rt-form .form-group input { margin-bottom: 12px; } .rt-form .submit-group { margin-top: 24px; } .trastimonial .item { text-align: center; padding: 0 10px; } .trastimonial .item .img-ara { width: 100%; text-align: center; margin-bottom: 10px; } .trastimonial .item .content-area { width: 100%; padding: 0; } .trastimonial .item .content-area h3 { font-size: 17px !important; } .trastimonial .item .img-ara img { display: inline; } .our-sucess .sppb-addon-pie-progress .sppb-text-center h3 { margin-bottom: 10px; } .title-style-two { margin-bottom: 30px; } .title-style-two .sppb-addon-title { font-size: 30px; } .home-three-news ul li { width: 100%; } .home-three-news ul li .full-section { margin: 0; } .home-three-news ul li .full-section .image-part img { width: 100%; } #sp-bottom .sp-module { margin-top: 50px; } #sp-bottom #sp-bottom1 .sp-module { margin-top: 0px; } #sp-footer { text-align: center !important; } /*--------- Inner page css----------------*/ .rsform .formHorizontal .rsform-block { float: inherit; width: inherit; margin-right: 0; } .sppb-addon-tab .sppb-tab-content .media-body { padding-left: 0px; } .sppb-addon-tab .sppb-tab-content .media img { margin-bottom: 20px; } .sppb-text-left .pull-left { margin-right: 10px; } .service-one .single-feature .service-image img { width: 100%; } .sppb-carousel-inner { margin-bottom: 15px; } .sppb-carousel-inner .sppb-item img { width: 100%; } .detail-image { margin-bottom: 20px; } .service-two .single-feature { margin-top: 10px; } .item-page h3 { font-size: 24px; } #sp-footer { text-align: center; } #sp-footer ul.social-icons { text-align: center; margin-top: 10px; } .contact-info { margin-top: 30px; } .catItemImageBlock .catItemImage img { width: 100% !important; } .rt-catitem .catItemHeader h3.catItemTitle { margin-top: 15px; } .class2 { margin-top: 30px; } .custom-class { margin-bottom: 30px; } .tlp-portfolio .tlp-layout img, .tlp-portfolio .tlp-portfolio-isotope img { width: 100%; } .tlp-portfolio .tlp-layout .masonry-item, .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item { width: 100%; } .tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button { margin-bottom: 5px; } .home-four-service .single-feature p { margin-bottom: 20px; } } @media only screen and (min-width: 481px) and (max-width: 767px) { .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title { padding: 0 10px; } .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title a { font-size: 16px; } .home-two-service .rt-featuresn .service-content .service-image img { width: 100%; } .home-two-service .rt-featuresn .service-content .main-title h3 { padding: 120px 0; } .home-two-service .rt-featuresn .service-content .overley { padding: 55px 40px; } .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title { font-size: 60px; margin-top: 30px; margin-bottom: 15px; } .years-experience h2 { font-size: 45px; } #sp-page-title .sp-page-title { padding: 50px 0; } #sp-page-title .sp-page-title h2 { font-size: 34px; } /*--------- Inner page css----------------*/ .sppb-addon-tab ul.sppb-nav-tabs li { width: 50%; margin-bottom: 3px; text-align: center; } .sppb-addon-tab ul.sppb-nav-tabs li a { margin-right: 5px !important; padding: 8px 15px; } .service-one .single-feature:hover .overley h3 { top: 30%; } .service-one .single-feature:hover .overley p { bottom: 20%; } } /* Large Mobile :480px. */ @media (max-width:480px) { .tlp-portfolio .layout2 .tlp-portfolio-item > div { width: 100%; } .tlp-portfolio .layout2 .tlp-portfolio-thum { margin-bottom: 20px; } } @media only screen and (min-width: 321px) and (max-width: 480px) { .home-one-news .bm_slider_item.bm_cycle_slider { width: 100% !important; } .home-one-news .cycle-carousel-wrap { width: 100%; } .home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip { margin: 0; } .home-one-news .bm_slider .bm_slider_item .bm_slider_desc { display: block; } .home-two-service .rt-featuresn .service-content .main-title h3 { padding: 115px 0; } .home-two-service .rt-featuresn .service-content .overley { padding: 50px 40px; } .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title { font-size: 40px; margin-top: 30px; margin-bottom: 15px; } .years-experience h2 { font-size: 40px; line-height: 1.25; } .home-two-news .image-part { display: inherit; } .home-two-news .content-part { display: inherit; padding: 15px 10px; } .home-two-news .read-more { display: inherit; } .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img { width: 100%; } .home-two-news .read-more a { display: inline-block; padding: 7px 30px; width: 100%; text-align: center; height: inherit; } #sp-page-title .sp-page-title { padding: 40px 0; } #sp-page-title .sp-page-title h2 { font-size: 30px; } /*--------- Inner page css----------------*/ .sppb-addon-tab ul.sppb-nav-tabs li { width: 50%; margin-bottom: 3px; text-align: center; } .sppb-addon-tab ul.sppb-nav-tabs li a { margin-right: 5px !important; padding: 8px 15px; } .service-one .single-feature:hover .overley h3 { top: 30%; } .service-one .single-feature:hover .overley p { bottom: 20%; } .home-one-news .sppb-addon-title { margin-left: 0; } .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev { right: 34px; } .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next { right: 0px !important; } h3.sppb-addon-title, .title-style-two .sppb-addon-title, .title-style-three .sppb-addon-title, .sppb-addon-tab .sppb-tab-content .media-body h2, .sppb-text-left h3, .sppb-text-left .pull-left, .communication h2 { font-size: 30px; } h3.sppb-title-heading { font-size: 30px !important; } #sp-page-builder > .page-content > section.sppb-section { padding: 60px 0; } #sp-bottom { padding: 60px 0; } .choose-service h3.sppb-addon-title { font-size: 30px; } #sp-logo-slider { padding: 40px 0 0px 0px; } #sp-free-consultation { padding: 0px 0 50px; } .owl-carousel .owl-controls .owl-buttons { top: -60px; } } /* small mobile :320px. */ @media (max-width: 320px) { #sp-page-builder > .page-content > section.sppb-section { padding: 60px 0; } .home-slider .tp-caption { display: none; } .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title { font-size: 30px; margin-top: 30px; margin-bottom: 15px; } .years-experience h2 { font-size: 28px; padding: 20px; } .choose-service .single-feature { text-align: center; } .choose-service .single-feature .service-image { float: none !important; width: 100%; } .choose-service .single-feature .service-content { padding-left: 0; } .choose-service .single-feature .service-content h3 { margin: 8px 0; } .home-one-news .bm_slider_item.bm_cycle_slider { width: 100% !important; } .home-one-news .cycle-carousel-wrap { width: 100%; } .home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip { margin: 0; } .home-one-news .bm_slider .bm_slider_item .bm_slider_desc { display: block; } .home-two-service .rt-featuresn .service-content .main-title h3 { font-size: 22px; padding: 74px 0; } .home-two-service .rt-featuresn .service-content .overley { padding: 15px; font-size: 12px; line-height: 16px; } .home-two-service .rt-featuresn .service-content .overley h3 { font-size: 20px; } .our-service .rt-features .nopadding { padding: 0; } .home-two-news .image-part { display: inherit; } .home-two-news .content-part { display: inherit; padding: 15px 10px; } .home-two-news .read-more { display: inherit; } .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img { width: 100%; } .home-two-news .read-more a { display: inline-block; padding: 7px 30px; width: 100%; text-align: center; height: inherit; } .home-three-service { margin-top: 40px; } .home-three-service .rt-features .nopadding { padding: 0; } .home-four-service .single-feature { text-align: center; } .home-four-service .single-feature h3::after { right: 0; margin: auto; } .our-core-feature .single-feature { margin-top: 10px; } .our-core-feature .single-feature .service-image { float: none !important; display: inline-block; padding-bottom: 10px; } .our-core-feature .single-feature { text-align: center; } .our-core-feature .single-feature h3::after { right: 0; margin: auto; } .our-core-feature .single-feature .service-content { padding-left: 0; } #sp-page-title .sp-page-title { padding: 35px 0; } #sp-page-title .sp-page-title h2 { font-size: 28px; } /*--------- Inner page css----------------*/ .sppb-addon-tab ul.sppb-nav-tabs li { width: 50%; margin-bottom: 3px; text-align: center; } .sppb-addon-tab ul.sppb-nav-tabs li a { margin-right: 5px !important; padding: 8px 10px; } .service-one .single-feature:hover .overley h3 { top: 20%; } .service-one .single-feature:hover .overley p { bottom: -32%; } .communication h2 { font-size: 22px; padding: 0 15px; } .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title { font-size: 16px; } .choose-service h3.sppb-addon-title { text-align: center; } .layout3 .single-team-area .social-icons { bottom: 78px; } .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title, .home-one-news .bm_slider .bm_slider_item .bm_slider_desc .bm_desc_inside { text-align: center; } .home-one-news .sppb-addon-title, .our-service .sppb-addon-title { margin-left: 0; } .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev { right: 34px; } .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next { right: 0px !important; } .our-service .owl-carousel .owl-controls .owl-buttons { right: 0; } h3.sppb-addon-title, .title-style-two .sppb-addon-title, .title-style-three .sppb-addon-title, .sppb-addon-tab .sppb-tab-content .media-body h2, .sppb-text-left h3, .sppb-text-left .pull-left, .communication h2, .home-one-service-slider h3.sppb-addon-title, .choose-service h3.sppb-addon-title { font-size: 24px; } h3.sppb-title-heading, .sppb-addon-accordion .sppb-addon-title { font-size: 24px !important; } .home-one-service-slider .single-feature .service-content h3, .choose-service .single-feature .service-content h3, .our-service .service-content h3, .home-two-news .content-part a.moduleItemTitle, .help-business h3, .home-three-service .service-content h3, .home-four-service .single-feature h3, .our-core-feature .single-feature .service-content h3, .service-one .single-feature .overley h3, .service-two .single-feature .service-content h3 { font-size: 18px; } .tlp-team h3, .tlp-team h3 a { font-size: 18px !important; } } /*===== End of Responsive css ======*/
| ver. 1.6 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings