D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
shubmkcj
/
createerp.com
/
br
/
logistics
/
assets
/
css
/
Filename :
shortcode.css
back
Copy
/****************************** INDEX: 00 - Section Title 01 - Icon Box 02 - Team Member 03 - Client 04 - Counter 05 - Service 06 - Blog 07 - Testimonial 08 - Header 09 - Footer 10 - Title Bar 11 - Overlap Colomn 12 - Progress Bar 13 - Accordion 14 - Tab 15 - Circle Progress 16 - List Gourp 17 - Portfolio 18 - Revolution ******************************/ body { counter-reset:item pbmitbox1 pbmitbox2 pbmitbox3 pbmit-rev-counter; } .pbmit-bg-color-light4{ background-color: #f6f6f6; } /*----------------------------------------*/ /* 00 - Section Title /*----------------------------------------*/ .pbmit-heading-subheading.text-center{ margin-bottom: 60px; } .pbmit-heading-subheading{ margin-bottom: 35px; } .pbmit-heading-subheading .pbmit-subtitle { font-family: var(--pbmit-heading-typography-font-family); font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 2px; margin-bottom: 10px; color: var(--pbmit-global-color); text-transform: uppercase; font-style: normal; } .pbmit-heading-subheading .pbmit-title{ font-family: var(--pbmit-heading-typography-font-family); font-weight: 400; font-size: 40px; line-height: 55px; letter-spacing: 0; color: var(--pbmit-blackish-color); text-transform: none; font-style: normal; } .pbmit-heading-subheading.text-white .pbmit-subtitle{ color: rgba(255,255,255,1); } .pbmit-heading-subheading.text-white .pbmit-title{ color: var(--pbmit-white-color); } .pbmit-heading-subheading-style-1{ margin-bottom: 25px; } .pbmit-heading-subheading-style-1.text-center{ margin-bottom: 55px; } .pbmit-heading-subheading-style-1 .pbmit-subtitle { font-family: var(--pbmit-heading-typography-font-family); font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0px; color: var(--pbmit-heading-color); text-transform: uppercase; font-style: normal; position: relative; display: inline-block; margin-bottom: 27px; border-bottom: 3px solid var(--pbmit-global-color); } .pbmit-heading-subheading-style-1 .pbmit-title{ font-family: var(--pbmit-heading-typography-font-family); font-weight: 300; font-size: 40px; line-height: 50px; letter-spacing: 0; color: var(--pbmit-heading-color); text-transform: none; font-style: normal; z-index: 0; position: relative; } .pbmit-heading-subheading-style-1 .pbmit-title strong{ font-weight: 900; } .pbmit-heading-subheading-style-1.text-white .pbmit-subtitle{ color: var(--pbmit-white-color); } .pbmit-heading-subheading-style-1.text-white .pbmit-title{ color: var(--pbmit-white-color); } .pbmit-heading-color .pbmit-heading-subheading-style-1 .pbmit-title, .pbmit-heading-color .pbmit-heading-subheading-style-1 .pbmit-subtitle{ color: var(--pbmit-white-color); } /*----------------------------------------*/ /* 01 - Icon Box /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-ihbox-style-1{ padding-right: 50px; } .pbminfotech-ihbox-style-1 .pbminfotech-ihbox-icon-wrapper{ margin-bottom: 30px; } .pbminfotech-ihbox-style-1 .pbminfotech-ihbox-icon-wrapper i{ color: var(--pbmit-global-color); } .pbminfotech-ihbox-style-1 .pbminfotech-ihbox-icon-wrapper i:before{ font-size: 60px; line-height: 60px; } .pbminfotech-ihbox-style-1 .pbminfotech-custom-heading{ font-size: 20px; line-height: 30px; } .pbminfotech-ihbox-style-1 .pbminfotech-vc_btn3-container{ margin-top: 15px; } .pbminfotech-ihbox-style-1 .pbminfotech-vc_general.pbminfotech-vc_btn3{ color: var(--pbmit-secondary-color); } /** Style 2 **/ .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-heading-with-icon{ display: table; } .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-icon, .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-heading{ display: table-cell; vertical-align: middle; } .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-icon-wrapper i{ color: var(--pbmit-global-color); } .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-icon-wrapper i:before{ font-size: 50px; line-height: 50px; } .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-heading .pbminfotech-custom-heading { margin-bottom: 0; margin-top: 5px; font-size: 20px; } .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-heading { padding-left: 15px; } .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-contents{ margin-top: 25px; margin-bottom: 35px; } .pbminfotech-ihbox-style-2 .pbminfotech-ihbox-icon-wrapper i:before{ font-size: 50px; line-height: 50px; } .pbminfotech-ihbox-style-2 .pbminfotech-vc_btn3-container{ margin-top: 20px; } .pbminfotech-ihbox-style-2 .pbminfotech-vc_general{ color: var(--pbmit-secondary-color); } /** Style 4 **/ .pbminfotech-ihbox-style-4{ padding-right: 15px; } .pbminfotech-ihbox-style-4 .pbminfotech-ihbox-heading-with-icon{ display: table; } .pbminfotech-ihbox-style-4 .pbminfotech-ihbox-icon, .pbminfotech-ihbox-style-4 .pbminfotech-ihbox-contents{ display: table-cell; vertical-align: top; } .pbminfotech-ihbox-style-4 .pbminfotech-vc_general .pbminfotech-custom-heading{ margin: 0; } .pbminfotech-ihbox-style-4 .pbminfotech-ihbox-icon{ font-size: 36px; line-height: 36px; font-weight: bold; color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-ihbox-style-4 .pbminfotech-ihbox-contents{ padding-left: 20px; } .pbminfotech-ihbox-style-4 .pbminfotech-custom-heading{ font-size: 20px; line-height: 30px; } .pbminfotech-ihbox-style-4 .pbminfotech-vc_btn3-container{ margin-top: 15px; display: inline-block; vertical-align: top; margin-bottom: 21.74px; } .pbminfotech-ihbox-style-4 .pbminfotech-vc_general{ font-size: 12px; font-weight: 700; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: normal; letter-spacing: 1px; color: var(--pbmit-secondary-color); } .pbminfotech-ihbox-style-4 .pbminfotech-vc_general:hover{ color: var(--pbmit-global-color); } .pbminfotech-ihbox-style-4 .pbminfotech-vc_general i{ font-size: 16px; height: 14px; line-height: 14px; vertical-align: middle; margin-left: 5px; margin-top: -3px; } .pbminfotech-ihbox-style-4 .pbminfotech-ihbox-icon i:before{ font-size: 60px; line-height: 60px; } /** Style 5 **/ .pbminfotech-ihbox-style-5{ border: 1px solid #ebeef0; padding: 40px 30px 30px 30px; height: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .pbminfotech-ihbox-style-5.pbminfotech-row-inner { margin: 0; } .pbminfotech-ihbox-style-5 .vc_column-inner > .wpb_wrapper{ height: 100%; } .pbminfotech-ihbox-style-5 .vc_column_container>.vc_column-inner{ padding: 0; } .pbminfotech-ihbox-style-5{ border-right: 0; } .pbminfotech-ihbox-style-5, .pbminfotech-ihbox-style-5 .pbminfotech-vc_cta3-content{ text-align: left; } .pbminfotech-ihbox-style-5 .pbminfotech-custom-heading{ font-size: 24px; line-height: 34px; font-weight: 500; } .pbminfotech-ihbox-style-5 .pbminfotech-ihbox-big-number-text{ display: none; } .pbminfotech-ihbox-style-5 .pbminfotech-ihbox-icon-type-text{ font-size: 72px; line-height: 82px; font-weight: 200; color: var(--pbmit-secondary-color); } .pbminfotech-ihbox-style-5 .pbminfotech-ihbox-icon{ position: relative; margin-bottom: 30px; } .pbminfotech-ihbox-style-5 .pbminfotech-ihbox-contents{ margin-bottom: 30px; } .pbminfotech-ihbox-style-5 .pbminfotech-vc_btn3-container{ margin-bottom: 0; } .pbminfotech-ihbox-style-5 .pbminfotech-vc_btn3-container a{ font-size: 12px; letter-spacing: 1px; font-weight: 700; } .pbminfotech-ihbox-style-5 .pbminfotech-vc_general{ color: var(--pbmit-blackish-color); word-wrap: break-word; } .pbminfotech-ihbox-style-5 .pbminfotech-vc_general, .pbminfotech-ihbox-style-5 .pbminfotech-cta3-content-wrapper, .pbminfotech-ihbox-style-5 .pbminfotech-icon-skincolor i, .pbminfotech-ihbox-style-5 .pbminfotech-custom-heading, .pbminfotech-ihbox-style-5 .pbminfotech-bg-layer{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pbminfotech-ihbox-style-5 .pbminfotech-icon-skincolor i{ color: var(--pbmit-global-color); } .pbminfotech-ihbox-style-5 .pbminfotech-icon-skincolor i:before{ font-size: 60px; line-height: 60px; } .pbminfotech-ihbox-style-5 .pbminfotech-vc_general:hover, .pbminfotech-ihbox-style-5:hover .pbminfotech-vc_general, .pbminfotech-ihbox-style-5:hover .pbminfotech-cta3-content-wrapper, .pbminfotech-ihbox-style-5:hover .pbminfotech-icon-skincolor i, .pbminfotech-ihbox-style-5:hover .pbminfotech-custom-heading{ color: var(--pbmit-white-color); } .pbminfotech-ihbox-style-5:hover{ background-color: var(--pbmit-global-color); } /** Style 6 **/ .pbminfotech-ihbox-style-6{ text-align: center; } .pbminfotech-ihbox-style-6 .pbminfotech-ihbox-inner { position: relative; } .pbminfotech-ihbox-style-6 .pbminfotech-custom-heading { font-size: 20px; line-height: 30px; margin-bottom: 0; } .pbminfotech-ihbox-style-6 .pbminfotech-vc_general.pbminfotech-vc_cta3{ text-align: center; } .pbminfotech-ihbox-style-6 .pbminfotech-ihbox-icon-wrapper { display: inline-block; width: 100px; height: 100px; line-height: 106px; text-align: center; font-size: 45px; border-radius: 50%; background-color: var(--pbmit-global-color); color: var(--pbmit-white-color); } .pbminfotech-ihbox-style-6 .pbminfotech-vc_cta3-content{ margin-top: 25px; } .pbminfotech-ihbox-style-6 .pbminfotech-vc_btn3-container{ margin-top: 25px; } .pbminfotech-ihbox-style-6 .pbminfotech-vc_general.pbminfotech-vc_btn3{ color: var(--pbmit-secondary-color); } /** Style 7 **/ .pbminfotech-ihbox-style-7{ position: relative; padding:50px 48px 18px 35px; background-color: var(--pbmit-white-color); -moz-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out; margin-bottom: 30px; } .pbminfotech-ihbox-style-7 .pbminfotech-ihbox-icon{ display: inline-block; float: right; } .pbminfotech-ihbox-style-7 .pbminfotech-ihbox-icon i:before{ color: var(--pbmit-heading-color); line-height: 40px; font-size: 60px; } .pbminfotech-ihbox-style-7 .pbminfotech-custom-heading{ font-weight: 400; text-transform: uppercase; } .pbminfotech-ihbox-style-7 .pbminfotech-ihbox-contents { padding-bottom: 80px; } .pbminfotech-ihbox-style-7 .pbminfotech-wrap-cell{ word-wrap: break-word; } .pbminfotech-ihbox-style-7 .pbminfotech-vc_btn3-container a{ font-size: 12px; line-height: 24px; color: var(--pbmit-heading-color); letter-spacing: 0; font-weight: 700; text-transform: uppercase; font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-ihbox-style-7 .pbminfotech-vc_btn3-container{ margin-top: 15px; display: inline-block; margin-bottom: 21.74px; } .pbminfotech-ihbox-style-7:before{ content: counter(item, decimal-leading-zero) " "; counter-increment: item; position: absolute; top: 20px; right: 20px; font-size: 24px; line-height: 24px; font-weight: 700; color: #f2f2f2; font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-ihbox-style-7:hover::before{ color: var(--pbmit-heading-color); } .pbminfotech-ihbox-style-7:hover{ background-color: var(--pbmit-global-color); } /** Style 8 **/ .pbminfotech-ihbox-style-8{ margin-bottom: 25px; } .pbminfotech-ihbox-style-8 .pbminfotech-ihbox-heading { position: relative; padding-left: 23px; } .pbminfotech-ihbox-style-8 .pbminfotech-ihbox-heading:before { content: ""; position: absolute; top: 3px; left: 0; width: 13px; height: 13px; background-color: var(--pbmit-global-color); } .pbminfotech-ihbox-style-8 .pbminfotech-custom-heading { font-size: 15px; line-height: 24px; margin-bottom: 7px; font-weight: 700; text-transform: uppercase; } /** Style 9 **/ .pbminfotech-ihbox-style-9{ margin-bottom: 20px; } .pbminfotech-ihbox-style-9 .pbminfotech-ihbox-icon{ margin-bottom: 28px; } .pbminfotech-ihbox-style-9 .pbminfotech-ihbox-icon i{ color: var(--pbmit-global-color); } .pbminfotech-ihbox-style-9 .pbminfotech-ihbox-icon i:before{ font-size: 60px; line-height: 60px; } .pbminfotech-ihbox-style-9 .pbminfotech-custom-heading{ color: var(--pbmit-white-color); } .pbminfotech-ihbox-style-9 .pbminfotech-custom-heading { font-size: 15px; line-height: 24px; margin-bottom: 7px; text-transform: uppercase; font-weight: 700; } /** Style 10**/ .pbminfotech-ihbox-style-10 { position: relative; margin-bottom: 30px; } .pbminfotech-ihbox-style-10 .pbminfotech-large-icon i:before { font-size: 80px; line-height: 80px; color: #000; } .pbminfotech-ihbox-style-10 .pbminfotech-ihbox-contents { margin-top: 30px; } .pbminfotech-ihbox-style-10 .pbminfotech-vc_cta3-content { position: relative; padding-left: 43px; margin-bottom: 22px; } .pbminfotech-ihbox-style-10 .pbminfotech-vc_cta3-content:before { content: counter(item, decimal-leading-zero) " "; counter-increment: item; position: absolute; top: -3px; left: 0; width: 30px; height: 30px; font-size: 16px; line-height: 35px; font-weight: 700; color: #292e31; text-align: center; font-family: var(--pbmit-heading-typography-font-family); background-color: var(--pbmit-global-color); } .pbminfotech-ihbox-style-10 .pbminfotech-custom-heading{ font-size: 18px; line-height: 28px; font-weight: 700; } /** Style 11 **/ .pbminfotech-ihbox-style-11{ position: relative; padding: 35px 35px; background-color: var(--pbmit-white-color); border-radius: 8px; margin: 10px 0 30px; box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05); } .pbminfotech-ihbox-style-11 .pbminfotech-vc_cta3-content:before { content: counter(item, decimal-leading-zero) " "; counter-increment: item; position: absolute; bottom: -32px; right: -32px; font-size: 50px; font-weight: 700; color: var(--pbmit-light-color); font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-ihbox-style-11 .pbminfotech-ihbox-inner { display: flex; position: relative; } .pbminfotech-ihbox-style-11 .pbminfotech-ihbox-icon-wrapper{ height: 75px; width: 75px; background-color: var(--pbmit-blackish-color); text-align: center; border-radius: 50px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-ihbox-style-11:hover .pbminfotech-ihbox-icon-wrapper{ background-color: var(--pbmit-global-color); } .pbminfotech-ihbox-style-11:hover .pbminfotech-large-icon i:before{ color: var(--pbmit-blackish-color); } .pbminfotech-ihbox-style-11 .pbminfotech-large-icon i:before{ font-size: 40px; line-height: 75px; color: var(--pbmit-white-color); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-ihbox-style-11 .pbminfotech-ihbox-contents { padding-left: 25px; } .pbminfotech-ihbox-style-11 .pbminfotech-custom-heading{ font-size: 20px; line-height: 30px; margin-bottom: 0px; } /** Style 12 **/ .pbminfotech-ihbox-style-12{ padding: 15px 35px 0 0; margin-bottom: 25px; } .pbminfotech-ihbox-style-12 .pbminfotech-ihbox-inner { display: flex; } .pbminfotech-ihbox-style-12 .pbminfotech-ihbox-icon-wrapper { height: 70px; width: 70px; text-align: center; border-radius: 50px; background-color: var(--pbmit-white-color); box-shadow:0px 2px 40px 0px rgba(0, 0, 0, 0.08); } .pbminfotech-ihbox-style-12 .pbminfotech-large-icon i:before{ font-size: 35px; line-height: 70px; color: var(--pbmit-heading-color); } .pbminfotech-ihbox-style-12 .pbminfotech-ihbox-contents { padding-left: 30px; } .pbminfotech-ihbox-style-12 .pbminfotech-custom-heading{ font-size: 15px; line-height: 24px; margin-bottom: 0px; } /*----------------------------------------*/ /* 02 - Team Member /*----------------------------------------*/ .pbminfotech-hide{ display: none; } /** Style 2 **/ .pbminfotech-teambox-style-2{ margin-bottom: 30px; } .pbminfotech-teambox-style-2 .pbminfotech-item-thumbnail{ position: relative; display: block; } .pbminfotech-teambox-style-2 .pbminfotech-item-thumbnail:before{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; opacity: 0; visibility: hidden; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background-color: rgba( 227,34,34,0.80); -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .pbminfotech-teambox-style-2:hover .pbminfotech-item-thumbnail:before { -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; visibility: visible; } .pbminfotech-teambox-style-2 .pbminfotech-item-thumbnail-inner{ display: block; } .pbminfotech-teambox-style-2 .pbminfotech-box-content-inner { padding: 20px 20px; padding-top: 0; text-align: center; } .pbminfotech-teambox-style-2 .pbminfotech-box-content { text-align: center; margin-top: 25px; } .pbminfotech-teambox-style-2 .pbminfotech-box-title h4{ margin-bottom: 5px; margin-top: 0; font-size: 18px; line-height: 28px; font-weight: bold; } .pbminfotech-teambox-style-2 .pbminfotech-box-team-position{ margin-bottom: 5px; font-weight: 700; font-size: 12px; text-transform: uppercase; color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-teambox-style-2 .pbminfotech-team-social-links{ text-align: center; list-style: none; margin-top: 15px; } .pbminfotech-teambox-style-2 .pbminfotech-team-social-links li{ display: inline-block; margin: 0 2px 5px 2px; } .pbminfotech-teambox-style-2 .pbminfotech-team-social-links li a{ background-color: var(--pbmit-light-color); height: 40px; width: 40px; line-height: 40px; border-radius: 50%; text-align: center; color: #979797; display: inline-block; font-size: 12px; } .pbminfotech-teambox-style-2 .pbminfotech-team-social-links li a:hover{ color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } /** Style 5 **/ .pbminfotech-teambox-style-5{ position: relative; } .pbminfotech-teambox-style-5 .pbminfotech-item-thumbnail, .pbminfotech-teambox-style-5 .pbminfotech-item-thumbnail-inner{ display: block; } .pbminfotech-teambox-style-5 .pbminfotech-item-thumbnail-inner{ overflow: hidden; } .pbminfotech-teambox-style-5 .pbminfotech-item-thumbnail-inner img{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-teambox-style-5:hover .pbminfotech-item-thumbnail-inner img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .pbminfotech-teambox-style-5 .pbminfotech-social-icons{ position: absolute; top: 15px; right: 15px; } .pbminfotech-teambox-style-5 .pbminfotech-team-share{ width: 48px; height: 48px; font-size: 20px; line-height:48px; text-align: center; color: var(--pbmit-heading-color); background-color: var(--pbmit-global-color); } .pbminfotech-teambox-style-5 .pbminfotech-team-social-links li a{ display: inline-block; height: 48px; width: 48px; color: var(--pbmit-heading-color); font-size: 16px; line-height: 48px; text-align: center; background-color: #f3f3f3; } .pbminfotech-teambox-style-5 .pbminfotech-team-social-links li a:hover{ background-color: var(--pbmit-global-color); } .pbminfotech-teambox-style-5 .pbminfotech-teambox-social-links{ position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(.645,.045,.355,1); -o-transition: all 0.5s cubic-bezier(.645,.045,.355,1); transition: all 0.5s cubic-bezier(.645,.045,.355,1); } .pbminfotech-teambox-style-5 .pbminfotech-team-social-links{ margin:0; padding: 0; margin-top: 5px; } .pbminfotech-teambox-style-5 .pbminfotech-team-social-links li { list-style: none; margin: 0 0 5px 0; } .pbminfotech-teambox-style-5 .pbminfotech-social-icons:hover .pbminfotech-teambox-social-links { opacity: 1; visibility: visible; } .pbminfotech-teambox-style-5 .pbminfotech-box-content-inner{ padding-top: 25px; } .pbminfotech-teambox-style-5 .pbminfotech-box-team-position, .pbminfotech-teambox-style-5 .pbminfotech-box-title h4{ font-size: 12px; line-height: 24px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-teambox-style-5 .pbminfotech-box-team-position:hover{ color: var(--pbmit-global-color); } .pbminfotech-teambox-style-5 .pbminfotech-box-title h4{ font-size: 16px; margin-top: 0; } /** Style 6 **/ .pbminfotech-boxes-team .pbminfotech-box-col-wrapper:nth-child(even) .pbminfotech-teambox-style-6 { margin-top: -30px; } .pbminfotech-teambox-style-6 { position: relative; margin-bottom: 30px; } .pbminfotech-teambox-style-6 img{ border-radius: 10px; } .pbminfotech-teambox-style-6 .pbminfotech-box-content { position: relative; padding: 30px 30px 18px; text-align: center; border-radius: 10px; margin: -55px 25px 0 35px; background-color: #ffffff; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.08); } .pbminfotech-teambox-style-6:hover .pbminfotech-box-content { margin-top: -65px; background-color: var(--pbmit-global-color); } .pbminfotech-teambox-style-6 .pbminfotech-box-team-position{ font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-teambox-style-6:hover .pbminfotech-box-team-position{ color: #14212a; } .pbminfotech-teambox-style-6 .pbminfotech-box-team-position, .pbminfotech-teambox-style-6 .pbminfotech-box-title h4{ font-size: 12px; line-height: 24px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .pbminfotech-teambox-style-6 .pbminfotech-box-title h4{ font-size: 16px; margin-top: 0; } .pbminfotech-teambox-style-6 .pbminfotech-box-title h4 > a{ color: #14212a; } .pbminfotech-teambox-style-6 .pbminfotech-social-icons{ position: absolute; bottom: -15px; right: 30px; } .pbminfotech-teambox-style-6:hover .pbminfotech-team-share{ background-color:#f3f3f3; } .pbminfotech-teambox-style-6 .pbminfotech-team-share{ width: 35px; height: 35px; color: #1b2024; font-size: 20px; line-height:35px; text-align: center; border-radius: 50%; background-color: var(--pbmit-global-color); } .pbminfotech-teambox-style-6 .pbminfotech-team-social-links li a{ display: inline-block; height: 35px; width: 35px; color: #1b2024; font-size: 14px; line-height: 35px; text-align: center; border-radius: 50%; background-color: #f3f3f3; } .pbminfotech-teambox-style-6 .pbminfotech-teambox-social-links{ position: absolute; bottom: 35px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(.645,.045,.355,1); -o-transition: all 0.5s cubic-bezier(.645,.045,.355,1); transition: all 0.5s cubic-bezier(.645,.045,.355,1); } .pbminfotech-teambox-style-6 .pbminfotech-team-social-links{ margin:0; padding: 0; margin-top: 5px; } .pbminfotech-teambox-style-6 .pbminfotech-team-social-links li { list-style: none; margin: 0 0px 5px 0px; } .pbminfotech-teambox-style-6 .pbminfotech-social-icons:hover .pbminfotech-teambox-social-links { opacity: 1; visibility: visible; } .pbminfotech-teambox-style-6 .pbminfotech-team-social-links li a:hover{ color: var(--pbmit-white-color); background-color: #14212a; } /*----------------------------------------*/ /* 03 - Client /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-client-logo-tooltip{ position: relative; } .pbminfotech-client-logo-tooltip:before, .pbminfotech-client-logo-tooltip:after{ position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24); -moz-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s cubic-bezier(.71,1.7,.77,1.24); transition: opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); pointer-events: none; } .pbminfotech-client-logo-tooltip:before, .pbminfotech-client-logo-tooltip:after{ bottom: 100%; left: 50%; } .pbminfotech-client-logo-tooltip:before{ z-index: 1001; border: 6px solid transparent; background: 0 0; content: ""; margin-left: -6px; margin-bottom: -12px; border-top-color: hsla(0,0%,20%,.9); } .pbminfotech-client-logo-tooltip:after{ z-index: 1000; padding: 8px; width: 160px; background-color: hsla(0,0%,20%,.9); color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; text-align: center; border-radius: 5px; margin-left: -80px; letter-spacing: 1px; } .pbminfotech-client-logo-tooltip:hover:before, .pbminfotech-client-logo-tooltip:hover:after{ -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px); visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(Opacity=100); opacity: 1; } .pbminfotech-clientbox-style-1 img{ opacity: .7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pbminfotech-clientbox-style-1:hover img{ opacity: 1; } .pbminfotech-clientbox-style-1 { position: relative; } .pbminfotech-clientbox-style-1 .pbminfotech-client-box-hover-img { position: absolute; opacity: 0; left: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .pbminfotech-clientbox-style-1:hover .pbminfotech-client-box-hover-img { opacity: 1; } /*----------------------------------------*/ /* 04 - Counter /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-fidbox-style-1 { text-align: center; } .pbminfotech-fidbox-style-1 .pbmit-fid-title { font-size: 18px; line-height: 20px; } .pbminfotech-fidbox-style-1 .pbmit-circle-w{ width: 160px; position: relative; vertical-align: top; text-align: center; display: inline-block; } .pbminfotech-fidbox-style-1 .pbmit-circle-number { font-size: 40px; font-weight: bold; color: #313437; } .pbminfotech-fidbox-style-1 .pbmit-circle-number sub { bottom: 7px; font-size: 25px; left: 5px; } .pbminfotech-fidbox-style-1 .pbmit-fid-title-w h3{ margin-bottom: 10px; } .pbmit-circle canvas { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; } .pbmit-circle canvas { max-width: 100%; height: auto; } .pbminfotech-fidbox-style-1 .pbmit-circle-overlay { position: absolute; top: 50%; -khtml-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); left: 0; width: 100%; text-align: center; } .pbminfotech-fidbox-style-1 .pbmit-fid-title-w{ margin-top: 25px; } .pbminfotech-fidbox-style-1 .pbmit-fid-desc{ margin: 0 40px; } /** Style 2 **/ .pbminfotech-fidbox-style-2 .pbminfotech-fld-contents{ text-align: center; height: 135px; padding-top: 18px; width: 135px; border-radius: 50%; background-color: var(--pbmit-white-color); } .pbminfotech-fidbox-style-2 .pbminfotech-fid-title{ font-size: 14px; font-weight: 600; color: #acadae; margin-bottom: 0; line-height: 14px; margin-top: 28px; } .pbminfotech-fidbox-style-2 .pbminfotech-circle-overlay { position: absolute; top: 50%; -khtml-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); left: 0; width: 100%; } .pbminfotech-fidbox-style-2 .pbminfotech-fid-inner{ color: var(--pbmit-secondary-color); font-size: 30px; line-height: 40px; font-weight: bold; } .pbminfotech-fidbox-style-2 .pbminfotech-ihbox-icon{ display: none; } /** Style 3 **/ .pbminfotech-fidbox-style-3{ text-align: center; } .pbminfotech-fidbox-style-3 .pbminfotech-ihbox-icon{ margin-bottom: 30px; } .pbminfotech-fidbox-style-3 .pbminfotech-fid-inner{ font-size: 100px; line-height: 100px; font-weight: 900; color: var(--pbmit-secondary-color); } .pbminfotech-fidbox-style-3 .pbminfotech-fid-title { font-size: 16px; line-height: 24px; color: var(--pbmit-body-typography-color); font-weight: 400; width: 52%; margin: 0 auto; padding-top: 15px; } .pbminfotech-fidbox-style-3 .pbminfotech-large-icon i:before { font-size: 75px; line-height: 75px; color: var(--pbmit-global-color); } /** Style 4 **/ .pbminfotech-fidbox-style-4{ position: relative; } .pbminfotech-fidbox-style-4 .pbminfotech-fid-inner{ font-size: 40px; line-height: 50px; margin-bottom: 0; color: var(--pbmit-blackish-color); font-weight: 700; } .pbminfotech-fidbox-style-4 .pbminfotech-fid-title{ font-size: 15px; line-height: 25px; font-weight: 600; color: #777; } .pbminfotech-fidbox-style-4 .pbminfotech-sbox-icon-wrapper{ font-size: 60px; line-height: 60px; font-weight: 400; position: absolute; color: var(--pbmit-global-color); } .pbminfotech-fidbox-style-4 .pbminfotech-fld-contents-wrap{ padding-left: 70px; } .pbmit-textcolor-white .pbminfotech-fidbox-style-4 .pbminfotech-fid-inner, .pbmit-textcolor-white .pbminfotech-fidbox-style-4 .pbminfotech-fid-title{ color: var(--pbmit-white-color); } /** Style 5 **/ .pbminfotech-fidbox-style-5{ position: absolute; top: 19em; right: 18px; width: 200px; margin-top: 12px; text-align: center; padding: 35px 20px 20px; background-color: var(--pbmit-global-color); } .pbminfotech-fidbox-style-5 .pbminfotech-large-icon i:before { font-size: 70px; line-height: 70px; color: var(--pbmit-heading-color); } .pbminfotech-fidbox-style-5 .pbminfotech-fid-inner{ font-size: 35px; line-height: 35px; font-weight: 600; margin-top: 25px; color: var(--pbmit-heading-color); } .pbminfotech-fidbox-style-5 .pbminfotech-fid-title{ font-size: 15px; line-height: 22px; margin-top: 10px; font-weight: 800; font-family: var(--pbmit-body-typography-font-family); } /** Style 6 **/ .pbminfotech-fidbox-style-6 { position: absolute; right: 35px; top: 33em; margin-top: -1px; text-align: center; width: 240px; padding-top: 40px; background-color: var(--pbmit-blackish-color); } .pbminfotech-fidbox-style-6 .pbminfotech-fid-inner { font-size: 72px; line-height: 72px; font-weight: 700; color: var(--pbmit-white-color); font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-fidbox-style-6 .pbminfotech-fid-title { font-size: 18px; line-height: 22px; color: var(--pbmit-white-color); font-weight: 600; font-family: var(--pbmit-body-typography-font-family); } .pbminfotech-fidbox-style-6 sup { top: -0.55em; right: 0.35em; font-size: 60%; } /** Style 7 **/ .pbminfotech-fidbox-style-7{ text-align: center; margin-bottom: 30px; } .pbminfotech-fidbox-style-7 .pbminfotech-fid-inner { font-size: 45px; line-height: 45px; font-weight: 900; color: var(--pbmit-heading-color); margin-bottom: 10px; font-family: var(--pbmit-heading-typography-font-family); z-index: 1; position: relative; } .pbminfotech-fidbox-style-7 .pbminfotech-fid-title { font-size: 16px; line-height: 22px; color: var(--pbmit-heading-color); letter-spacing: -0.5px; text-transform: uppercase; font-family: var(--pbmit-body-typography-font-family); } .pbminfotech-fidbox-style-7 sub { bottom: -0.05em; right: 0.19em; font-size: 1.02em; } /** Style 8 **/ .pbminfotech-fidbox-style-8{ margin-bottom: 30px; } .pbminfotech-fidbox-style-8 .pbminfotech-fid-inner{ font-size: 44px; line-height: 48px; color: var(--pbmit-secondary-color); font-weight: bold; font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-fidbox-style-8 .pbminfotech-fid-title{ font-size: 14px; line-height: 18px; font-weight: 600; color: var(--pbmit-secondary-color); } .pbminfotech-fidbox-style-8 .pbminfotech-fld-contents{ display: flex; } .pbminfotech-fidbox-style-8 .pbminfotech-fld-contents-wrap{ padding-left: 20px; } .pbminfotech-fidbox-style-8 .pbminfotech-large-icon i:before { font-size: 65px; line-height: 65px; color: var(--pbmit-secondary-color); } /*----------------------------------------*/ /* 05 - Service /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-servicebox-style-1{ margin-bottom: 30px; } .pbminfotech-servicebox-style-1 .pbmit-ihbox-icon{ margin-bottom: 15px; } .pbminfotech-servicebox-style-1 .pbmit-ihbox-icon i{ color: var(--pbmit-global-color); } .pbminfotech-servicebox-style-1 .pbmit-ihbox-icon i:before{ font-size: 40px; line-height: 40px; } .pbminfotech-servicebox-style-1 .pbminfotech-box-content{ padding: 40px 35px; border: 1px solid #f1f1f1; position: relative; } .pbminfotech-servicebox-style-1 .pbminfotech-box-content h3{ font-size: 22px; font-weight: bold; margin-bottom: 15px; } .pbminfotech-servicebox-style-1 .pbminfotech-box-content h3 a{ color: var(--pbmit-secondary-color); } .pbminfotech-servicebox-style-1 .pbminfotech-service-content{ margin-bottom: 30px; } .pbminfotech-servicebox-style-1 .pbminfotech-box-content .pbminfotech-box-link a{ display: inline-block; font-weight: bold; text-decoration: none; letter-spacing: 1px; font-size: 12px; text-transform: uppercase; } .pbminfotech-servicebox-style-1 .pbminfotech-box-content .pbminfotech-box-link a:after{ font-family: 'pbminfotech-base-icons'; content: "\e850"; margin-left: 10px; font-weight: 400; } .pbminfotech-servicebox-style-1 .pbminfotech-box-content .pbminfotech-box-link a:hover{ color: var(--pbmit-global-color); } .pbminfotech-servicebox-style-1:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .pbminfotech-servicebox-style-1 img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all .4s ease; } .pbminfotech-servicebox-style-1 .pbminfotech-item-thumbnail{ position: relative; overflow: hidden; backface-visibility: hidden; display: block; } .pbminfotech-servicebox-style-1{ position: relative; } .pbminfotech-servicebox-style-1:before, .pbminfotech-servicebox-style-1:after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ''; opacity: 0; -webkit-transition: opacity 0.55s, -webkit-transform 0.55s; transition: opacity 0.55s, transform 0.55s; z-index: 1; } .pbminfotech-servicebox-style-1:before { border-top: 1px solid var(--pbmit-global-color); border-bottom: 1px solid var(--pbmit-global-color); -webkit-transform: scale(0, 1); transform: scale(0, 1); } .pbminfotech-servicebox-style-1:after { border-right: 1px solid var(--pbmit-global-color); border-left: 1px solid var(--pbmit-global-color); -webkit-transform: scale(1, 0); transform: scale(1, 0); } .pbminfotech-servicebox-style-1:hover:before, .pbminfotech-servicebox-style-1:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .pbminfotech-servicebox-style-1 .pbminfotech-box-content-inner{ position: relative; z-index: 1; } /** Style 2 **/ .pbminfotech-servicebox-style-2 .pbminfotech-box-desc{ margin-bottom: 0; } .pbminfotech-servicebox-style-2 .pbminfotech-box-content-inner{ padding-top: 10px; } .pbminfotech-servicebox-style-2 .pbminfotech-pf-box-title h3{ font-size: 18px; font-weight: 600; margin-bottom: 5px; text-transform: none; } .pbminfotech-servicebox-style-2 .pbminfotech-pf-box-title h3 a{ color: var(--pbmit-blackish-color); } .pbminfotech-servicebox-style-2 .pbminfotech-pf-box-title h3 a:hover{ color: var(--pbmit-global-color); } .pbminfotech-servicebox-style-2 .pbminfotech-box-link a{ display: inline-block; color: #777; text-transform: uppercase; font-size: 13px; font-weight: 600; position: relative; padding-right: 50px; } .pbminfotech-servicebox-style-2 .pbminfotech-item-thumbnail{ position: relative; z-index: 2; } .pbminfotech-servicebox-style-2 .pbminfotech-box-link a:before{ top: 48%; right: 0; content: ''; height: 2px; width: 40px; background-color: #000; z-index: 1; position: absolute; } .pbminfotech-servicebox-style-2{ position: relative; } .pbminfotech-servicebox-style-2 .pbminfotech-box-content{ transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; padding: 10px 30px; padding-bottom: 20px; background: var(--pbmit-white-color); position: absolute; z-index: 2; width: calc(100% - 40px); bottom: 0; margin: 0 20px; border-radius: 2px; opacity: 0; } .pbminfotech-servicebox-style-2:hover .pbminfotech-box-content{ opacity: 1; bottom: 20px; } /** Style 3 **/ .pbminfotech-servicebox-style-3 .pbminfotech-post-item { position: relative; margin-bottom: 30px; } .pbminfotech-servicebox-style-3 .pbminfotech-item-thumbnail-inner{ overflow: hidden; display: block; } .pbminfotech-servicebox-style-3 .pbminfotech-item-thumbnail-inner img{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-servicebox-style-3:hover .pbminfotech-item-thumbnail-inner img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .pbminfotech-servicebox-style-3 .pbmit-ihbox-icon { position: absolute; top: 10px; right: 10px; width: 60px; height: 60px; line-height: 60px; background-color: var(--pbmit-white-color); text-align: center; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-servicebox-style-3:hover .pbmit-ihbox-icon{ background-color: var(--pbmit-global-color); } .pbminfotech-servicebox-style-3 i::before { font-size: 35px; color: var(--pbmit-heading-color); } .pbminfotech-servicebox-style-3 .pbminfotech-box-content-inner { padding: 30px; background-color: var(--pbmit-white-color); box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.04); } .pbminfotech-servicebox-style-3 .pbminfotech-box-category { font-size: 11px; line-height: 13px; font-weight: 700; display: inline-block; text-transform: uppercase; padding: 6px 10px 2px; background-color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-servicebox-style-3 .pbminfotech-box-category a{ color: var(--pbmit-heading-color); } .pbminfotech-servicebox-style-3 .pbminfotech-pf-box-title h3 { font-size: 18px; line-height: 24px; text-transform: uppercase; margin-top: 15px; font-weight: 700; } .pbminfotech-servicebox-style-3 .pbminfotech-box-link a{ font-size: 12px; font-weight: 700; position: relative; padding-right: 50px; color: var(--pbmit-heading-color); } .pbminfotech-servicebox-style-3 .pbminfotech-box-link a:after { position: absolute; content: ''; top: 7px; right: 0; height: 2px; width: 40px; background-color: var(--pbmit-global-color); } .pbminfotech-servicebox-style-3 .pbminfotech-box-link a:hover{ color: var(--pbmit-global-color); } /** Style 4 **/ .pbminfotech-servicebox-style-4{ position: relative; margin-bottom: 30px; } .pbminfotech-servicebox-style-4:hover .pbmit-ihbox-icon i:before, .pbminfotech-servicebox-style-4:hover .pbminfotech-box-content .pbminfotech-pf-box-title h3 a, .pbminfotech-servicebox-style-4:hover .pbminfotech-box-category a, .pbminfotech-servicebox-style-4:hover .pbminfotech-service-content{ color: var(--pbmit-blackish-color); } .pbminfotech-servicebox-style-4:hover .pbminfotech-box-link a{ color: var(--pbmit-global-color); background-color: var(--pbmit-white-color); } .pbminfotech-servicebox-style-4 .pbminfotech-post-item { border: 1px solid #4b4b4b; text-align: center; padding: 45px 30px; -moz-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out; } .pbminfotech-servicebox-style-4:hover .pbminfotech-post-item{ background-color: var(--pbmit-global-color); } .pbminfotech-servicebox-style-4 .pbmit-ihbox-icon i:before { font-size: 74px; line-height: 74px; color: var(--pbmit-white-color); } .pbminfotech-servicebox-style-4 .pbminfotech-box-content { padding-top: 25px; } .pbminfotech-servicebox-style-4 .pbminfotech-box-category a { font-size: 12px; line-height: 18px; font-weight: 700; text-transform: uppercase; color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-servicebox-style-4 .pbminfotech-pf-box-title h3 a { font-size: 16px; line-height: 24px; color: var(--pbmit-white-color); text-transform: uppercase; font-weight: 700; } .pbminfotech-servicebox-style-4 .pbminfotech-service-content { color: #93a1aa; } .pbminfotech-servicebox-style-4 .pbminfotech-box-link a{ position: absolute; bottom: -20px; left: 42%; color: #000; width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: var(--pbmit-global-color); } .pbminfotech-servicebox-style-4 .pbminfotech-box-link i { font-size: 22px; } /** Style 5 **/ .pbminfotech-servicebox-style-5{ margin-bottom: 30px; } .pbminfotech-servicebox-style-5 .pbminfotech-post-item { position: relative; padding: 20px ; background-color: var(--pbmit-white-color); border-radius: 8px; box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.08); } .pbminfotech-servicebox-style-5 .pbminfotech-item-thumbnail{ display: block; } .pbminfotech-servicebox-style-5 .pbminfotech-item-thumbnail-inner { overflow: hidden; display: block; } .pbminfotech-servicebox-style-5 .pbminfotech-item-thumbnail-inner img{ border-radius: 6px; } .pbminfotech-servicebox-style-5 .pbmit-ihbox-icon { position: absolute; width: 60px; height: 60px; line-height: 60px; background-color: var(--pbmit-white-color); text-align: center; top: 20px; right: 20px; } .pbminfotech-servicebox-style-5:hover .pbmit-ihbox-icon{ background-color: var(--pbmit-global-color); } .pbminfotech-servicebox-style-5 .pbminfotech-box-content-inner { padding-top: 30px; } .pbminfotech-servicebox-style-5 .pbminfotech-pf-box-title h3{ font-size: 18px; line-height: 24px; margin-bottom: 2px; margin-top: 10px; } .pbminfotech-servicebox-style-5 .pbminfotech-box-category { padding: 7px 7px 4px; border-radius: 2px; font-size: 11px; line-height: 13px; font-weight: 700; display: inline-block; text-transform: uppercase; background-color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-servicebox-style-5 .pbminfotech-box-category a{ color: var(--pbmit-heading-color); } .pbminfotech-servicebox-style-5 .pbminfotech-item-thumbnail-inner { overflow: hidden; } .pbminfotech-servicebox-style-5 .pbminfotech-item-thumbnail-inner img{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-servicebox-style-5:hover .pbminfotech-item-thumbnail-inner img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pbminfotech-servicebox-style-5 .pbmit-ihbox-icon i:before, .pbminfotech-servicebox-style-5 .pbmit-ihbox-icon{ -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-servicebox-style-5 .pbmit-ihbox-icon i:before{ font-size: 35px; color: var(--pbmit-heading-color); } /*----------------------------------------*/ /* 06 - Blog /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-blogbox-style-1{ margin-bottom: 30px; } .pbminfotech-blogbox-style-1 .pbminfotech-box-content{ background-color: var(--pbmit-white-color); padding: 30px; position: relative; margin: 0 30px; margin-top: -85px; } .pbminfotech-blogbox-style-1 .pbminfotech-meta-date{ padding: 5px 15px; margin-bottom: 15px; display: inline-block; color: var(--pbmit-white-color); text-transform: uppercase; font-size: 12px; font-weight: bold; background-color: var(--pbmit-global-color); } .pbminfotech-blogbox-style-1 .pbminfotech-meta-date span{ display: inline-block; margin-right: 5px; } .pbminfotech-blogbox-style-1 .pbminfotech-box-title h4{ font-size: 24px; line-height: 34px; } /** Style 2 **/ .pbminfotech-blogbox-style-2{ margin-bottom: 30px; } .pbminfotech-blogbox-style-2 .post-item{ background-color: var(--pbmit-white-color); } .pbminfotech-blogbox-style-2 .pbminfotech-box-content-inner{ margin-top: 25px; margin-left: 15px; margin-bottom: 25px; } .pbminfotech-blogbox-style-2 .pbminfotech-box-img-left { width: 47.33333333%; float: right; padding-right: 0; padding-left: 15px; } .pbminfotech-blogbox-style-2 .pbminfotech-box-content { width: 52.66666667%; float: left; padding-left: 15px; } .pbminfotech-blogbox-style-2 .pbminfotech-meta-date{ padding: 5px 15px; margin-bottom: 15px; display: inline-block; color: var(--pbmit-white-color); text-transform: uppercase; font-size: 12px; font-weight: bold; background-color: var(--pbmit-global-color); } .pbminfotech-blogbox-style-2 .pbminfotech-meta-date span{ display: inline-block; margin-right: 5px; } .pbminfotech-blogbox-style-2 .pbminfotech-box-title h4{ font-size: 22px; line-height: 32px; } .pbminfotech-blogbox-style-2:last-child .pbminfotech-box-content{ padding-right: 15px; } /** Style 3 **/ .pbminfotech-blogbox-style-3{ margin-bottom: 30px; } .pbminfotech-blogbox-style-3 .pbminfotech-box-content{ margin-top: 30px; } .pbminfotech-blogbox-style-3 .pbminfotech-box-title h4{ font-size: 20px; line-height: 30px; } .pbminfotech-blogbox-style-3 .pbminfotech-box-title a{ color: var(--pbmit-secondary-color); } .pbminfotech-blogbox-style-3 .pbminfotech-meta-date{ position: absolute; width: 60px; height: 70px; padding: 10px; color: var(--pbmit-white-color); font-size: 30px; font-weight: 900; bottom: 0; right: 0; z-index: 1; background: var(--pbmit-global-color); text-align: center; } .pbminfotech-blogbox-style-3 .pbminfotech-meta-date span{ font-size: 14px; text-transform: uppercase; font-weight: 600; display: block; letter-spacing: 2px; } .pbminfotech-blogbox-style-3 .pbminfotech-blog-image-with-meta{ position: relative; opacity: unset; } .pbminfotech-box-blog .pbmit-blogbox-readmore a { font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--pbmit-secondary-color); position: relative; } .pbminfotech-box-blog .pbmit-blogbox-readmore a:after { font-family: "pbminfotech-base-icons"; content: "\e850"; margin-left: 10px; font-weight: 400; } .pbminfotech-box-blog .pbmit-blogbox-readmore a:hover{ color: var(--pbmit-global-color); } /** Style 4 **/ .pbminfotech-blogbox-style-4{ position: relative; margin-bottom: 30px; } .pbminfotech-blogbox-style-4 .pbminfotech-featured-wrapper { overflow: hidden; } .pbminfotech-blogbox-style-4 .pbminfotech-featured-wrapper img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-blogbox-style-4:hover .pbminfotech-featured-wrapper img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pbminfotech-blogbox-style-4 .pbminfotech-meta-date-wrapper{ position: absolute; top: 20px; left: 20px; padding: 20px 18px 5px 20px; color: #000; text-align: center; display: inline-block; background-color: var(--pbmit-white-color); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .pbminfotech-blogbox-style-4:hover .pbminfotech-meta-date-wrapper { color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); } .pbminfotech-blogbox-style-4 .pbminfotech-meta-date-wrapper .pbminfotech-meta-month, .pbminfotech-blogbox-style-4 .pbminfotech-meta-date-wrapper .pbminfotech-meta-date{ display: block; font-weight: 700; font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-blogbox-style-4 .pbminfotech-meta-date-wrapper .pbminfotech-meta-date{ font-size: 32px; } .pbminfotech-blogbox-style-4 .pbminfotech-meta-date-wrapper .pbminfotech-meta-month{ font-size: 12px; line-height: 24px; text-transform: uppercase; letter-spacing: 1px; } .pbminfotech-blogbox-style-4 .pbminfotech-box-content{ position: relative; padding:25px 10px 25px 25px; background-color: var(--pbmit-white-color); margin-top: -50px; margin-left: 30px; } .pbminfotech-blogbox-style-4 .pbmit-meta-line.cat-links { padding: 3px 12px 3px 10px; font-size: 12px; line-height: 18px; font-weight: 700; text-transform: uppercase; background-color: var(--pbmit-global-color); } .pbminfotech-blogbox-style-4 .pbmit-meta-line.cat-links a{ color: var(--pbmit-heading-color); } .pbminfotech-blogbox-style-4 .pbminfotech-box-title { margin-top: 20px; } .pbminfotech-blogbox-style-4 .pbminfotech-box-title h4{ font-weight: 700; } /** Style 5 **/ .pbminfotech-blogbox-style-5 .pbmit-meta-line.cat-links { padding: 3px 12px 3px 10px; font-size: 12px; line-height: 18px; font-weight: 700; text-transform: uppercase; background-color: var(--pbmit-global-color); } .pbminfotech-blogbox-style-5 .pbmit-meta-line.cat-links a{ color: var(--pbmit-heading-color); } .pbminfotech-blogbox-style-5 { padding: 20px; border: 1px solid #eee; border-radius: 16px; margin-bottom: 30px; } .pbminfotech-blogbox-style-5 .pbminfotech-featured-wrapper { overflow: hidden; border-radius: 16px; } .pbminfotech-blogbox-style-5 .pbminfotech-featured-wrapper img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; overflow: hidden; border-radius: 16px; } .pbminfotech-blogbox-style-5:hover .pbminfotech-featured-wrapper img { -webkit-transform: scale(1.1); transform: scale(1.1); border-radius: 16px; } .pbminfotech-blogbox-style-5 .pbmit-meta-line.cat-links { position: absolute; top: -13px; left: 20px; letter-spacing: 1px; border-radius: 4px; padding: 5px 20px; } .pbminfotech-blogbox-style-5 .pbminfotech-box-content{ position: relative; padding: 47px 0 10px; } .pbminfotech-blogbox-style-5 .pbminfotech-box-title { margin-bottom: 15px; } .pbminfotech-blogbox-style-5 .pbminfotech-blogbox-footer-commnent, .pbminfotech-blogbox-style-5 .pbminfotech-meta-date { display: inline-block; text-transform: uppercase; cursor: pointer; } .pbminfotech-blogbox-style-5 .pbminfotech-meta-date{ margin-right: 20px; } .pbminfotech-blogbox-style-5 .pbminfotech-meta-date:hover{ color: var(--pbmit-global-color); } .pbminfotech-blogbox-style-5 .pbmit-blogbox-comment-w span, .pbminfotech-blogbox-style-5 .pbminfotech-meta-date span{ font-size: 12px; line-height: 28px; font-weight: 700; } .pbminfotech-blogbox-style-5 .pbminfotech-blogbox-footer-commnent a{ color: var(--pbmit-body-typography-color); } .pbminfotech-blogbox-style-5 .pbminfotech-blogbox-footer-commnent a:hover{ color: var(--pbmit-global-color); } .pbminfotech-blogbox-style-5 .pbminfotech-blogbox-footer-commnent span, .pbminfotech-blogbox-style-5 .pbminfotech-blogbox-footer-commnent span i, .pbminfotech-blogbox-style-5 .pbminfotech-meta-date{ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /*----------------------------------------*/ /* 07 - Testimonial /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-testimonialbox-style-1{ padding-left: 65px; } .pbminfotech-testimonialbox-style-1 blockquote{ background-color: transparent; position: relative; padding: 0; margin: 0px; font-size: 18px; line-height: 28px; font-weight: 300; color: var(--pbmit-white-color); font-style: normal; } .pbminfotech-testimonialbox-style-1 blockquote:after{ position: absolute; content: "\f10e"; font-family: "pbminfotech-base-icons"; font-size: 37px; line-height: 37px; top: 0; left: -60px; color: var(--pbmit-global-color); } .pbminfotech-testimonialbox-style-1 .pbminfotech-author-name{ font-size: 18px; line-height: 28px; color: var(--pbmit-white-color); margin-bottom: 5px; margin-top: 30px; } .pbminfotech-testimonialbox-style-1 .pbminfotech-box-footer{ color: var(--pbmit-global-color); } /** Style 2 **/ .pbminfotech-testimonialbox-style-2{ padding: 40px 130px; text-align: center; overflow: hidden; margin: 0 40px; } .pbminfotech-testimonialbox-style-2 .pbminfotech-box-img{ display: inline-block; position: relative; } .pbminfotech-testimonialbox-style-2 .pbminfotech-item-thumbnail, .pbminfotech-testimonialbox-style-2 .pbminfotech-item-thumbnail-inner{ display: block; } .pbminfotech-testimonialbox-style-2 .pbminfotech-box-img:after{ position: absolute; content: "\f10e"; font-family: "pbminfotech-base-icons"; font-size: 10px; line-height: 30px; top: 10px; left: 65px; background-color: #222; width: 30px; height: 30px; text-align: center; color: var(--pbmit-white-color); border-radius: 50%; } .pbminfotech-testimonialbox-style-2 .pbminfotech-box-content{ margin-top: 30px; } .pbminfotech-testimonialbox-style-2 blockquote{ color: var(--pbmit-white-color); font-size: 22px; line-height: 36px; font-weight: 200; font-style: normal; font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-testimonialbox-style-2 blockquote:after{ display: none; } .pbminfotech-testimonialbox-style-2 .pbminfotech-box-img img{ border-radius: 50%; max-height: 80px; max-width: 80px; display: block; } .pbminfotech-testimonialbox-style-2 .pbminfotech-box-title *{ display: inline-block; vertical-align: middle; margin: 0 5px; } .pbminfotech-testimonialbox-style-2 .pbminfotech-author-name{ font-size: 16px; line-height: 30px; margin-bottom: 0; margin-top: 0; color: var(--pbmit-white-color); } .pbminfotech-testimonialbox-style-2 .pbminfotech-box-author{ margin-top: 20px; } .pbminfotech-testimonialbox-style-2 .pbminfotech-box-footer{ color: rgba(255,255,255,.7); } /** Style 4 **/ .pbminfotech-testimonialbox-style-4 .pbminfotech-box-content{ position: relative; padding-top: 20px; } .pbminfotech-testimonialbox-style-4 .pbminfotech-box-desc { padding-top: 20px; } .pbminfotech-testimonialbox-style-4 .pbminfotech-box-star i{ color: var(--pbmit-global-color); } .pbminfotech-testimonialbox-style-4 blockquote{ background-color: transparent; position: relative; padding: 0; margin: 0px; color: var(--pbmit-white-color); font-size: 20px; font-weight: 400; line-height: 28px; font-style: normal; } .pbminfotech-testimonialbox-style-4 blockquote:after { content: "\e84a"; position: absolute; top: -60px; right: 15px; left: auto; font-size: 30px; line-height: 30px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); font-family: "pbminfotech-base-icons"; } .pbminfotech-testimonialbox-style-4 .pbminfotech-box-star i:before{ font-size: 1.4em; margin:0; width: auto; letter-spacing: -4px; } .pbminfotech-testimonialbox-style-4 .pbminfotech-box-author{ margin-top: 5px; } .pbminfotech-testimonialbox-style-4 .pbminfotech-author-name{ display: inline-block; font-size: 14px; line-height: 24px; color: var(--pbmit-white-color); margin-top: 30px; margin-bottom: 5px; text-transform: uppercase; font-family: var(--pbmit-body-typography-font-family); } .pbminfotech-testimonialbox-style-4 .pbminfotech-box-footer{ position: relative; font-size: 14px; color: var(--pbmit-white-color); padding-left: 10px; margin-left: 5px; } .pbminfotech-testimonialbox-style-4 .pbminfotech-box-footer:before{ content: ""; position: absolute; top: 10px; left: 0;; width: 5px; height: 2px; background-color: var(--pbmit-white-color); } /** Style 5 **/ .pbminfotech-testimonialbox-style-5{ position: relative; padding-top: 25px; } .pbminfotech-testimonialbox-style-5:before{ content: "\e84a"; top: 0px; position: absolute; right: 20px; left: auto; width: 48px; height: 48px; font-size: 18px; z-index: 1; line-height: 48px; color: var(--pbmit-white-color); text-align: center; border-radius: 50px; font-family: "pbminfotech-base-icons"; background-color: var(--pbmit-heading-color); } .pbminfotech-testimonialbox-style-5 .pbminfotech-box-content{ position: relative; padding: 35px 25px 25px 34px; background-color: var(--pbmit-white-color); } .pbminfotech-testimonialbox-style-5 .pbminfotech-box-star i{ color: var(--pbmit-global-color); } .pbminfotech-testimonialbox-style-5 .pbminfotech-box-desc { padding-top: 10px; } .pbminfotech-testimonialbox-style-5 blockquote:after { display: none; } .pbminfotech-testimonialbox-style-5 blockquote{ background-color: transparent; padding: 0; margin: 0px; font-size: 16px; line-height: 26px; font-weight: 400; font-style: normal; } .pbminfotech-testimonialbox-style-5 .pbminfotech-box-star i:before{ font-size: 14px; margin:0; width: auto; } .pbminfotech-testimonialbox-style-5 .pbminfotech-box-author{ margin-top: 10px; } .pbminfotech-testimonialbox-style-5 .pbminfotech-author-name{ display: inline-block; font-size: 14px; line-height: 24px; margin-bottom: 5px; margin-top: 0; font-weight: 700; color: var(--pbmit-heading-color); text-transform: uppercase; font-family: var(--pbmit-body-typography-font-family); } .pbminfotech-testimonialbox-style-5 .pbminfotech-box-footer{ position: relative; font-size: 14px; font-weight: 600; padding-left: 10px; margin-left: 5px; color: var(--pbmit-heading-color); } .pbminfotech-testimonialbox-style-5 .pbminfotech-box-footer:before{ content: ""; position: absolute; top: 10px; left: 0;; width: 5px; height: 2px; background-color: var(--pbmit-heading-color); } /** Style 6 **/ .pbminfotech-testimonialbox-style-6 { margin: 0 20px; padding: 35px 0px 35px; } .pbminfotech-testimonialbox-style-6 .pbminfotech-box-content{ position: relative; padding: 62px 30px 53px 40px; background-color: var(--pbmit-white-color); border-radius: 12px; box-shadow: 6px 0px 19px 0px rgb(0 0 0 / 8%); } .pbminfotech-testimonialbox-style-6 .pbminfotech-box-desc { padding-top: 25px; } .pbminfotech-testimonialbox-style-6 blockquote:after { content: "\e84a"; position: absolute; top: -20px; right: -16px; left: auto; width: 40px; height: 40px; font-size: 16px; line-height: 40px; color: var(--pbmit-white-color); text-align: center; border-radius: 50%; background-color: var(--pbmit-heading-color); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; font-family: "pbminfotech-base-icons"; } .pbminfotech-testimonialbox-style-6:hover blockquote:after{ background-color: var(--pbmit-global-color); } .pbminfotech-testimonialbox-style-6 blockquote{ background-color: transparent; padding: 0; margin: 0px; font-size: 16px; line-height: 26px; font-weight: 400; font-style: normal; position: static; } .pbminfotech-testimonialbox-style-6 .pbmit-base-icon-star i{ color: var(--pbmit-global-color); } .pbminfotech-testimonialbox-style-6 .pbmit-base-icon-star:before{ margin:0; width: auto; } .pbminfotech-testimonialbox-style-6 .pbminfotech-box-author{ margin-top: 36px; } .pbminfotech-testimonialbox-style-6 .pbminfotech-item-thumbnail, .pbminfotech-testimonialbox-style-6 .pbminfotech-item-thumbnail-inner{ display: block; } .pbminfotech-testimonialbox-style-6 .pbminfotech-author-name{ margin-bottom: 0px; margin-top: 0; text-transform: uppercase; font-family: var(--pbmit-body-typography-font-family); } .pbminfotech-testimonialbox-style-6 .pbminfotech-author-name, .pbminfotech-testimonialbox-style-6 .pbminfotech-box-footer{ font-size: 14px; line-height: 18px; } .pbminfotech-testimonialbox-style-6 .pbminfotech-box-footer{ color: var(--pbmit-heading-color); } .pbminfotech-testimonialbox-style-6 .pbminfotech-box-img, .pbminfotech-testimonialbox-style-6 .pbminfotech-box-title { display: inline-block; vertical-align: middle; } .pbminfotech-testimonialbox-style-6 .pbminfotech-box-title { margin-left: 15px; } .pbminfotech-testimonialbox-style-6 .pbminfotech-item-thumbnail img { width: 70px; height: 70px; border-radius: 50%; } /*----------------------------------------*/ /* 08 - Header /*----------------------------------------*/ .site-title { margin: 0; padding: 0; display: table; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .site-title a { display: table-cell; vertical-align: middle; } .pbmit-header-overlay { position: absolute; width: 100%; z-index: 2; } .site-header .pbmit-pre-header-right .pbmit-social-li { margin-right: 8px; display: inline-block; } .site-header-menu .pbmit-header-wrapper { display: -ms-flexbox!important; display: flex!important; -webkit-flex: 1; -ms-flex: 1; flex: 1; align-items: center; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; } .pbmit-social-links li { display: inline-block; padding-left: 2px; padding-right: 2px; min-width: 34px; } .pbmit-social-links li a{ color: rgba( 49,52,55,1); display: block; width: 26px; height: 26px; line-height: 25px; border-radius: 26px; font-size: 14px; text-align: center; } /** Header Style 1 **/ .header-style-1 .pbmit-home{ position: absolute; z-index: 1; height: 705px; width: 40%; left: 0px; top: 0px; background-color: var(--pbmit-global-color); } .header-style-1 .site-title { height: 105px; } .header-style-1.site-header .site-branding .responsive-logo, .header-style-1.site-header .site-branding .sticky-logo{ display: none; } .header-style-1 .site-navigations ul.navigation > li > a{ margin: 0 18px; } .header-style-1 .pbmit-social-links{ transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .header-style-1 .pbmit-social-links li a:hover{ color: var(--pbmit-global-color); } .header-style-1 .pbmit-right-side{ display: flex; height: 105px; line-height: 105px; } .header-style-1 .pbmit-header-search-btn { padding-left: 20px; vertical-align: middle; } .header-style-1 .site-header-menu.sticky-header .sticky-logo{ display: inline-block; } .header-style-1 .site-header-menu.sticky-header .logo-img{ display: none; } .header-style-1 .site-header-menu.sticky-header .site-title { height: 90px; } .header-style-1 .sticky-header .pbmit-right-side{ height: 90px; line-height: 90px; } .header-style-1 .pbmit-slider-area { max-width: 1170px; margin: 0 auto; position: relative; z-index: 1; } .pbmit-moversco-icon-bars{ display: inline-block; height: 2.71429px; width: 25px; border-radius: 2.85714px; -webkit-transition: .3s; transition: .3s; background: #000; position: relative; } .pbmit-moversco-icon-bars:before { display: inline-block; height: 2.71429px; width: 25px; top: 8px; border-radius: 2.85714px; -webkit-transition: .3s; transition: .3s; background: rgba( 49,52,55,1); content: ''; position: absolute; left: 0; -webkit-transform-origin: 2.85714px center; transform-origin: 2.85714px center; width: 100%; margin: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top .3s .6s ease,-webkit-transform .3s ease; transition: top .3s .6s ease,-webkit-transform .3s ease; transition: top .3s .6s ease,transform .3s ease; transition: top .3s .6s ease,transform .3s ease,-webkit-transform .3s ease; } .pbmit-moversco-icon-bars:after{ display: inline-block; height: 2.71429px; width: 25px; top: -8px; border-radius: 2.85714px; -webkit-transition: .3s; transition: .3s; background: rgba( 49,52,55,1); content: ''; position: absolute; left: 0; -webkit-transform-origin: 2.85714px center; transform-origin: 2.85714px center; width: 100%; margin: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top .3s .6s ease,-webkit-transform .3s ease; transition: top .3s .6s ease,-webkit-transform .3s ease; transition: top .3s .6s ease,transform .3s ease; transition: top .3s .6s ease,transform .3s ease,-webkit-transform .3s ease; } .closepanel .pbmit-moversco-icon-bars:after { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); } .site-header.active .pbmit-moversco-icon-bars:after { top: 0; width: 25px; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); -webkit-transition: top .3s ease,-webkit-transform .3s .5s ease; transition: top .3s ease,-webkit-transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease,-webkit-transform .3s .5s } .site-header.active .pbmit-moversco-icon-bars:before { top: 0; width: 25px; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transition: top .3s ease,-webkit-transform .3s .5s ease; transition: top .3s ease,-webkit-transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease,-webkit-transform .3s .5s ease; } .site-header.active i.pbmit-moversco-icon-bars{ background: transparent; } /** Header style 2 **/ .header-style-2 .pre-header { height: 130px; line-height: 130px; } .header-style-2 .pre-header .site-branding { float: left; height: 130px; line-height: 130px; } .header-style-2 .pbmit-infostack-right-content { float: right; height: 130px; display: flex; align-items: center; } .header-style-2 .info-widget-inner { margin-right: 40px; } .header-style-2 .media-left, .header-style-2 .media-right{ display: table-cell; vertical-align: top; } .header-style-2 .pbmit-infostack-right-content .info-widget .media-left .icon { margin-right: 15px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; } .header-style-2 .pbmit-infostack-right-content .info-widget i{ font-size: 35px; color: var(--pbmit-global-color); } .header-style-2 .pbmit-infostack-right-content .info-widget h6{ font-size: 14px; line-height: 25px; font-weight: normal; color: #999; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; font-family: var(--pbmit-btn-typography-font-family); } .header-style-2 .pbmit-infostack-right-content .info-widget h3{ font-size: 18px; font-weight: bold; line-height: 29px; color: var(--pbmit-secondary-color); letter-spacing: 1px; margin-bottom: 0; font-family: var(--pbmit-btn-typography-font-family); } .header-style-2 .pbmit-header-button-w a{ font-size: 14px; border: 1px solid transparent; } .header-style-2 .site-header-menu{ background-color: var(--pbmit-global-color); } .header-style-2 .site-navigations{ float: left; position: relative; } .header-style-2 .site-navigations ul.navigation > li{ margin-right: 5px; } .header-style-2 .site-navigations ul.navigation > li > a{ height: 70px; line-height: 70px; padding: 0px 25px 0px 25px; margin: 0; text-transform: uppercase; color: var(--pbmit-white-color); } .header-style-2 .site-navigations ul.navigation > li > a:hover{ color: var(--pbmit-secondary-color); } .header-style-2 .site-navigations ul li.active > a{ color: var(--pbmit-blackish-color); } .header-style-2 .site-navigations ul.navigation > li.active > a:after{ content: ""; height: calc(100% - 30px); width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: -1; background-color: var(--pbmit-white-color); } .header-style-2 .pbmit-right-box { position: relative; float: right; height: 70px; line-height: 70px; display: flex; } .header-style-2 .pbmit-header-search-btn a{ color: rgba( 255,255,255,1); padding: 0 20px; } .header-style-2 .pbmit-header-search-btn a:hover{ color: var(--pbmit-secondary-color); } .header-style-2 .pbminfotech-social-links-wrapper { position: relative; } .header-style-2 .pbminfotech-social-links-wrapper .social-icons{ padding-top: 0; padding-bottom: 0; position: relative; z-index: 1; padding-left: 20px; } .header-style-2 .pbminfotech-social-links-wrapper .social-icons:after{ content: ""; width: 5000px; height: 100%; background-color: var(--pbmit-secondary-color); left: 0; top: 0; position: absolute; z-index: -1; } .header-style-2 .pbminfotech-social-links-wrapper li > a { width: 45px; font-size: 16px; color: rgba( 255,255,255,1); display: block; text-align: center; margin-right: 0; } .header-style-2 .pbminfotech-social-links-wrapper li > a:hover{ color: var(--pbmit-global-color); } .header-style-2 .sticky-header .site-navigations ul.navigation > li > a{ height: 70px; line-height: 70px; } /** Header style 3 **/ .header-style-3 .pbmit-header-overlay{ background-color: transparent; border-bottom: 1px solid rgba( 255,255,255,0.25); } .header-style-3 .container-fluid{ padding: 0; } .header-style-3 .site-branding { border-right: 1px solid rgba( 255,255,255,0.25); padding: 0 60px; margin-right: 45px; float: left; } .header-style-3 .site-branding .site-title{ height: 115px; line-height: 115px; } .header-style-3 .site-branding .sticky-logo { display: none; } .header-style-3 .site-navigations { float: right; margin-right: auto; } .header-style-3 .site-navigations ul.navigation > li > a{ color: var(--pbmit-white-color); text-transform: uppercase; height: 115px; line-height: 115px; } .header-style-3 .site-navigations ul.navigation > li:not(:last-child) > a:hover{ color: var(--pbmit-white-color); } .header-style-3 .pbmit-right-box { display: flex; align-items: center; height: 115px; line-height: 115px; } .header-style-3 .pbmit-social-links-wrapper { margin-right: 25px; } .header-style-3.site-header .social-icons li > a{ width: auto; height: auto; font-size: 18px; margin: 0 10px; color: rgba( 255,255,255,1); } .header-style-3.site-header .social-icons li > a:hover{ color: var(--pbmit-global-color); } .header-style-3 .pbmit-right-box .pbmit-header-button { color: var(--pbmit-white-color); text-transform: uppercase; font-weight: bold; font-size: 24px; display: inline-block; background-color: var(--pbmit-global-color); padding: 0 50px; } .header-style-3 .sticky-header .logo-img{ display: none; } .header-style-3 .sticky-header .sticky-logo{ display: block; } .header-style-3 .sticky-header .site-branding .site-title{ height: 90px; line-height: 90px; } .header-style-3 .sticky-header .site-navigations ul.navigation > li > a{ color: var(--pbmit-secondary-color); } .header-style-3 .sticky-header .site-navigations ul.navigation > li.active > a{ color: var(--pbmit-global-color); } .header-style-3 .sticky-header .site-navigations ul.navigation > li > a:hover{ color: var(--pbmit-global-color); } .header-style-3 .sticky-header .pbmit-right-box{ height: 90px; line-height: 90px; } .header-style-3 .sticky-header .social-icons li > a, .header-style-3 .sticky-header .social-icons li > a:hover{ color: var(--pbmit-secondary-color); } /** Header style 4 **/ .header-style-4 .pre-header { background-color: var(--pbmit-heading-color); font-size: 16px; color: rgba(255,255,255,1); height: 50px; line-height: 50px; } .header-style-4 .pbmit-pre-header-left{ position: relative; z-index: 1; } .header-style-4 .pbmit-pre-header-left:after{ position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 600px; z-index: -1; background-color: var(--pbmit-global-color); } .header-style-4 .social-icons{ padding: 0; } .header-style-4 .social-icons li{ display: inline-block; padding: 0; float: left; } .header-style-4 .social-icons li > a { position: relative; display: inline-block; background: 0 0; width: 0; margin-right: 40px; text-align: center; color: #13213c; font-size: 16px; } .header-style-4 .social-icons li > a:hover{ color: var(--pbmit-white-color); } .header-style-4 .top-contact li { font-size: 16px; font-weight: 400; letter-spacing: 0; display: inline-block; padding-left: 25px; padding-right: 25px; float: left; font-family:var(--pbmit-heading-typography-font-family); } .header-style-4 .top-contact li>i{ font-size: 17px; margin-right: 8px; color: var(--pbmit-global-color); } .header-style-4 .top-contact li a{ color: var(--pbmit-white-color); } .header-style-4 .site-branding { height: 120px; line-height: 120px; } .header-style-4 .site-navigations { display: flex; align-items: center; } .header-style-4 .site-navigations ul.navigation > li > a{ height: 120px; line-height: 120px; font-weight: 600; font-family: var(--pbmit-heading-typography-font-family); } .header-style-4 .pbmit-header-info { display: flex; align-items: center; height: 120px; line-height: 120px; position: relative; } .header-style-4 .pbmit-search-cart-box{ margin: 0 15px; } .header-style-4 .pbmit-header-search-btn{ padding: 0 20px; padding-top: 3px; } .header-style-4 .pbmit-header-button a{ color: var(--pbmit-heading-color); letter-spacing: 0; padding: 18px 30px 10px 35px; line-height: 24px; margin-bottom: 0; border: 1px solid transparent; font-family: var(--pbmit-heading-typography-font-family); } .header-style-4 .pbmit-header-button a:hover{ color: var(--pbmit-white-color); } .header-style-4 .sticky-header .site-branding, .header-style-4 .sticky-header .pbmit-header-info{ height: 90px; line-height: 90px; } /** Header style 5 **/ .header-style-5{ background-color: var(--pbmit-global-color); height: 680px; } .header-style-5 .pbmit-slider-area { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto; overflow: hidden; } .header-style-5 .site-branding { height: 130px; line-height: 130px; } .header-style-5 .site-branding .sticky-logo{ display: none; } .header-style-5 .site-navigations ul.navigation > li > a{ height: 130px; line-height: 130px; font-family: var(--pbmit-heading-typography-font-family); font-weight: 600; } .header-style-5 .site-navigations ul li.active > a{ color: #313437; } .header-style-5 .site-navigations ul.navigation > li > a:hover{ color: #313437; } .header-style-5 .pbmit-right-side { display: flex; height: 130px; line-height: 130px; } .header-style-5 .pbmit-social-links{ margin: 0 20px; } .header-style-5 .pbmit-header-search-btn{ padding-left: 20px; } .header-style-5 .pbmit-header-search-btn a { height: 35px; width: 35px; line-height: 35px; color: var(--pbmit-white-color); background-color: var(--pbmit-secondary-color); display: inline-block; font-size: 14px; border-radius: 50%; text-align: center; } .header-style-5 .pbmit-header-search-btn a:hover{ color: #313437; background-color: var(--pbmit-white-color); } .header-style-5 .sticky-header .site-branding .logo-img{ display: none; } .header-style-5 .sticky-header .site-branding .sticky-logo{ display: block; } .header-style-5 .sticky-header .site-branding, .header-style-5 .sticky-header .pbmit-right-side{ height: 90px; line-height: 90px; } .header-style-5 .sticky-header .site-navigations ul.navigation > li > a:hover{ color: var(--pbmit-global-color); } .header-style-5 .sticky-header .pbmit-social-links li a:hover{ color: var(--pbmit-global-color); } .header-style-5 .sticky-header .pbmit-header-search-btn a:hover{ background-color: var(--pbmit-global-color); } /** Header style 6 **/ .header-style-6 .pbmit-header-overlay{ margin-top: 30px; } .header-style-6 .pbmit-header-content{ background-color: var(--pbmit-white-color); border-radius: 8px; padding-right: 25px; box-shadow: 0 2px 40px 0 rgba(0,0,0,.08); } .header-style-6 .site-branding{ padding: 0 20px 0 35px; margin-right: 45px; height: 115px; line-height: 115px; } .header-style-6 .site-navigations ul.navigation > li > a{ font-weight: 400; height: 115px; line-height: 115px; font-family: var(--pbmit-heading-typography-font-family); } .header-style-6 .pbmit-right-main-box { display: flex; align-items: center; } .header-style-6 .pbmit-social-links, .header-style-6 .pbmit-header-search-btn{ height: 115px; line-height: 115px; margin: 0 15px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .header-style-6 .pbmit-social-links li a:hover{ color: var(--pbmit-global-color); } .header-style-6 .pbmit-header-search-btn{ padding-left: 20px; } .header-style-6 .pbmit-header-search-btn a{ height: 35px; width: 35px; line-height: 35px; color: #fff; background-color: #313437; display: inline-block; font-size: 14px; border-radius: 50%; text-align: center; } .header-style-6 .pbmit-header-search-btn a:hover{ color: #313437; background-color: var(--pbmit-global-color); } .header-style-6 .sticky-header .pbmit-header-content{ box-shadow: none; } .header-style-6 .sticky-header .site-branding{ padding-left: 20px; } .header-style-6 .sticky-header .site-branding, .header-style-6 .pbmit-social-links, .header-style-6 .pbmit-header-search-btn{ height: 90px; line-height: 90px; } /*----------------------------------------*/ /* 09 - Footer /*----------------------------------------*/ .pbmit-footer-widget-area-top { border-bottom: 1px solid rgba(255,255,255,.15); } .site-footer .pbmit-footer-boxes { margin: 65px 0 60px; position: relative; } .site-footer .pbmit-footer-contact-info-inner { position: absolute; color: var(--pbmit-white-color); border-radius: 50%; height: 75px; width: 75px; line-height: 75px; text-align: center; top: -15px; font-size: 14px; background-color: var(--pbmit-global-color); } .site-footer .pbmit-footer-contact-info-inner i{ font-size: 2.0em; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .pbmit-footer-contact-info-wrap { margin-left: 95px; font-size: 16px; line-height: 25px; font-weight: 400; color: var(--pbmit-white-color); font-family: var(--pbmit-heading-typography-font-family); } .site-footer .pbmit-footerlogo { max-height: 45px; margin-bottom: 5px; } .site-footer .textwidget { color: rgba(255,255,255,.7); } .site-footer .pbmit-social-links-wrapper { margin-top: 30px; } .site-footer .social-icons li a{ width: 40px; height: 40px; line-height: 40px !important; font-size: 16px; display: block; text-align: center; border: 1px solid rgba(255,255,255,.18); border-radius: 26px; color: rgba(255,255,255,.8); } .site-footer .social-icons li a:hover{ border-color: rgba(255,255,255,.5); } .site-footer .widget { margin: 75px 0 60px; } .site-footer .widget-title { font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; padding-bottom: 20px; position: relative; color: var(--pbmit-white-color)!important; } .site-footer .widget-title:after { content: ""; width: 40px; height: 1px; bottom: 0px; left: 0; position: absolute; z-index: 1; background-color: var(--pbmit-global-color); } .widget ul>li:not(:last-child) { padding: 0 0 15px 0; } .site-footer .widget .textwidget a { position: relative; } .site-footer .widget a{ font-size: 18px; font-weight: 400; } .site-footer .widget ul a{ color: var(--pbmit-white-color); font-size: 16px; line-height: 18px; letter-spacing: 0; font-family: var(--pbmit-body-typography-font-family); } .site-footer .widget ul a:hover { color:var(--pbmit-global-color); } .site-footer .textwidget form{ margin-top: 15px; } .site-footer input[type="email"] { background-color: var(--pbmit-white-color); border: 1px solid rgba(119,119,119,.2); border-radius: 0px; font-size: 12px; line-height: inherit; padding: 16px 32px; font-weight: 600; width: 100%; color: #999; font-family: var(--pbmit-heading-typography-font-family); } .site-footer input[type="email"]:focus{ border-color: var(--pbmit-global-color); } .site-footer button.pbmit-btn { margin-top: 20px; padding: 16px 32px; font-size: 13px; font-weight: 700; width: 100%; } .site-footer button.pbmit-btn:hover{ background-color: var(--pbmit-global-color); } .pbmit-footer-text-inner { border-top: 1px solid rgba(255,255,255,.15); padding-top: 50px; padding-bottom: 50px; color: rgba(255,255,255,.7); } .pbmit-footer-copyright-text-area a{ color: var(--pbmit-white-color); } .pbmit-footer-copyright-text-area a:hover{ color: var(--pbmit-global-color); } /*----------------------------------------*/ /* 10 - Title Bar /*----------------------------------------*/ .pbmit-title-bar-wrapper:before { position: absolute; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; background-image: none!important; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: scroll; } .pbmit-title-bar-wrapper { background-color: transparent; background-image: url(../images/homepage-1/title-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: scroll; position: relative; } .pbmit-title-bar-content { position: relative; z-index: 1; display: table; width: 100%; padding:0; height:600px; padding-top: 145px; } .pbmit-title-bar-content .pbmit-tbar-inner { max-width: none; padding: 0; } .pbmit-title-bar-content-inner { width: 100%; text-align: left; vertical-align: middle; display: table-cell; } .pbmit-title-bar-content .pbmit-tbar-title { font-family: var(--pbmit-heading-typography-font-family); font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: 0; color: rgba(0,0,0,.9); text-transform: capitalize; font-style: normal; } .pbmit-title-bar-wrapper .pbmit-title-bar-content .pbmit-breadcrumb-inner { display: inline-block; border-radius: 0; padding: 0; } .pbmit-breadcrumb, .pbmit-breadcrumb a { font-family: "Roboto",Arial,Helvetica,sans-serif; font-weight: 500; font-size: 14px; line-height: 24px; color: rgba(0,0,0,.8); text-transform: capitalize; font-style: normal; } .pbmit-breadcrumb a { color: rgba(0,0,0,.6); } .pbmit-breadcrumb a:hover{ color: rgba(0,0,0,.8); } .pbmit-breadcrumb-inner .sep { margin: 0 8px; } /*----------------------------------------*/ /* 11 - Overlap Colomn /*----------------------------------------*/ .overlap-colomn { position: relative; } .overlap-wrapper { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 9; } .overlap-img, .overlap-bg { position: absolute; width: 100%; height: 100%; } .overlap-left { margin-left: -500px; } .overlap-right { margin-right: -500px; width: auto; left: 0; right: 0; } .overflow-hidden { overflow: hidden; } .content-element-text { position: relative; z-index: 99; padding-top: 60px; padding-bottom: 40px; padding-right: 30px; } /*----------------------------------------*/ /* 12 - Progress Bar /*----------------------------------------*/ .progressbar{ margin-bottom: 25px; overflow: hidden; padding-top: 10px; margin-right: 16px; } .progressbar .progress-label{ color: var(--pbmit-white-color); display: inline-block; font-size: 14px; font-weight: 600; line-height: 40px; font-family: "Biryani",Arial,Helvetica,sans-serif; } .progress{ overflow: visible; position: relative!important; height: 4px!important; line-height: 30px; padding: 0px; margin-top: 0; border-radius: 0px; background-color: rgba(255,255,255,.5); } .progress .progress-bar { position: relative; overflow: visible; border-radius: 0px; background-color: var(--pbmit-white-color); } .progress.progress-percent-bg .progress-percent { position: absolute; right: 0; top: -33px; font-size: 14px; color: var(--pbmit-white-color); font-weight: 600; letter-spacing: .5px; } .progressbarone .progress-bar{ background-color: var(--pbmit-blackish-color); } .pbmit-progress-style-1.progressbar .progress-label{ display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; z-index: 1; position: relative; text-transform: uppercase; color: var(--pbmit-blackish-color); } .pbmit-progress-style-1 .progress { border: none; border-radius: 0px; height: 15px!important; padding: 0px; background-color: transparent; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; } .pbmit-progress-style-1 .progress-bar{ height: 9px; background-color: var(--pbmit-global-color); } .pbmit-progress-style-1 .progress .progress-percent { position: absolute; right: 0; top: -30px; font-size: 14px; color: var(--pbmit-blackish-color); font-family: var(--pbmit-heading-typography-font-family); font-weight: 700; } .pbmit-progress-style-2.progressbar{ margin-bottom: 15px; padding-top: 0; } .pbmit-progress-style-2.progressbar .progress-label{ font-weight: 800; color: #0a0c0e; text-transform: uppercase; font-family: var(--pbmit-body-typography-font-family); } .pbmit-progress-style-2 .progress { border-bottom: 2px solid #ced5e2; height: 18px!important; } .pbmit-progress-style-2 .progress .progress-bar { border-radius: 8px; height: 7px; background-color: var(--pbmit-global-color); } .pbmit-progress-style-2 .progress.progress-percent-bg .progress-percent { font-weight: 800; color: #313437; font-family: var(--pbmit-body-typography-font-family); } /*----------------------------------------*/ /* 13 - Accordion /*----------------------------------------*/ .accordion{ background: none; border-radius: 0; } .accordion-item{ border: none; background-color:transparent; color: var(--pbmit-blackish-color); font-size: 18px; border-radius: 0px!important; margin-bottom: 15px; } .accordion-button.collapsed { font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 1px; color: rgba(255,255,255,.8); margin-bottom: 10px; font-family: var(--pbmit-body-typography-font-family); } .accordion-button.collapsed:hover{ color: var(--pbmit-white-color); } .accordion-button{ border: none; border-radius: 0!important; box-shadow: none; padding: 0; background: none; outline: none; font-size: 14px; font-weight: 400; letter-spacing: 1px; } .accordion .accordion-item.active .accordion-button{ color: var(--pbmit-white-color); font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; } .accordion-button::after{ display: none; } .accordion .accordion-item.active h2 { border-bottom: 2px solid var(--pbmit-white-color); display: inline-block; } .accordion .accordion-item h2 { background-color: transparent; color: #fff; box-shadow: none; border-bottom: 1px solid #f7f7f7; display: inline-block; font-family: var(--pbmit-btn-typography-font-family); transition: background .2s ease-in-out; } .accordion:nth-child(2) .accordion-item{ margin-top: 35px; } .accordion-button:not(.collapsed)::after { font-size:14px; content: '\e826'; font-family: 'pbminfotech-base-icons'; color: var(--pbmit-white-color); } .accordion-button:focus{ box-shadow:none; border-color: #d4d4d4; } .accordion-button:not(.collapsed) { color: var(--pbmit-white-color); background-color: transparent; box-shadow: none; line-height: 20px; } .accordion-body{ padding-bottom: 20px; padding-top: 20px; color: rgba(255,255,255,.9); font-weight: 400; font-size: 16px; padding-left: 0; } .accordion-item.collapsed { background-color: var(--pbmit-white-color); } .accordion-style-1 .accordion-item h2{ width: 100%; background-color: var(--pbmit-global-color); padding: 17px 17px; } .accordion-style-1 .accordion-item .accordion-button{ font-weight: 700 !important; letter-spacing: 0 !important; } .accordion-style-1 .accordion-item .accordion-button{ margin-bottom: 0 !important; color: var(--pbmit-white-color); } .accordion-style-1 .accordion-body{ color: #777777; padding: 14px 20px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); transition: padding .2s ease-in-out; } .pbmit-controls-icon-plus{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -24px; display: inline-block; vertical-align: middle; height: 12px; width: 12px; font-size: inherit; } .pbmit-controls-icon-plus::before { content: ''; display: block; position: absolute; box-sizing: border-box; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-style: solid; border-width: 2px 0 0 0; transition: all .2s ease-in-out; } .accordion-item.active .accordion-button .pbmit-controls-icon-plus::before{ content: ''; display: block; position: absolute; box-sizing: border-box; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-style: solid; border-width: 2px 0 0 0; transition: all .2s ease-in-out; } .accordion-item.active .accordion-button .pbmit-controls-icon-plus::after{ display: none; } .accordion-button.collapsed .pbmit-controls-icon-plus::after{ content: ''; display: block; position: absolute; box-sizing: border-box; left: 50%; bottom: 0; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-style: solid; border-width: 0 0 0 2px; transition: all .2s ease-in-out; } .accordion-style-1 .accordion-item .accordion-button{ margin-left: 30px; } .accordion-style-2 .accordion-item h2{ width: 100%; background-color: #f3f3f3; padding: 17px 17px; } .accordion-style-2 .accordion-item.active h2{ background-color: var(--pbmit-global-color); } .accordion-style-2 .accordion-item h2:hover{ color: var(--pbmit-white-color); background-color: var(--pbmit-global-color); transition: background .2s ease-in-out; } .accordion-style-2 .accordion-item .accordion-button{ font-weight: 700 !important; letter-spacing: 0 !important; } .accordion-style-2 .accordion-item .accordion-button{ margin-bottom: 0 !important; color: var(--pbmit-blackish-color); } .accordion-style-2 .accordion-item .accordion-button i:before{ content: ''; display: block; position: absolute; box-sizing: border-box; left: 2px; right: 2px; top: 2px; bottom: 2px; border-style: solid; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg) translate(-25%,-25%); transform: rotate(45deg) translate(-25%,-25%); transition: all .2s ease-in-out; } .accordion-style-2 .accordion-item .accordion-button i{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0px; display: inline-block; vertical-align: middle; height: 12px; width: 12px; font-size: inherit; margin: 0; } .accordion-style-2 .accordion-item.active .accordion-button i:before{ -webkit-transform: rotate(225deg) translate(-25%,-25%); transform: rotate(225deg) translate(-25%,-25%); } .accordion-style-2 .accordion-item h2:hover .accordion-button{ color: var(--pbmit-white-color); transition: background .2s ease-in-out; } .accordion-style-2 .accordion-body{ color: #777777; padding: 14px 20px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); transition: padding .2s ease-in-out; } /*----------------------------------------*/ /* 14 - Tab /*----------------------------------------*/ .pbmit-tab-style-1 { box-shadow: 0 2px 40px 0 rgba(0,0,0,.08); background-color: var(--pbmit-white-color); } .pbmit-tab-style-1 .nav.nav-tabs { display: flex; border: none; } .pbmit-tab-style-1 .nav-item{ width: 50%; text-align: center; } .pbmit-tab-style-1 .nav-item a.active { background-color: var(--pbmit-global-color); border-radius: 0; border: none; } .pbmit-tab-style-1 .nav-item a{ position: relative; padding: 10px 20px 10px; font-size: 17px; font-weight: 700; line-height: normal; border-bottom:none; margin: 0px; color: var(--pbmit-heading-color) !important; background-color: var(--pbmit-white-color); transition: background .2s ease-in-out,color .2s ease-in-out; } .pbmit-tab-style-1 .nav-item a i{ font-size: 3em; vertical-align: sub; } .pbmit-tab-style-1 .nav-item a span { color: var(--pbmit-heading-color); border-radius: 0; display: inline-block; line-height: 0px; text-align: center; font-size: 17px; font-family: var(--pbmit-heading-typography-font-family); } .pbmit-tab-style-1 .tab-content { margin: 0; padding: 50px 50px 0 50px; } .pbmit-tab-style-1 form h3{ font-size: 13px; line-height: 24px; margin: 5px 0 10px 0px; font-weight: 700; } .pbmit-tab-style-1 .single-image-wrapper{ text-align: right; } /*----------------------------------------*/ /* 15 - Circle Progress /*----------------------------------------*/ .db-circle-overlay { position: absolute; top: 50%; -khtml-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); left: 0; width: 100%; text-align: center } .db-fidbox-style-2 .db-circle-w { position: relative; text-align: center } .db-fidbox-style-2 .db-fid-title { text-align: center; color: var(--pbmit-white-color); font-size: 14px; font-weight: 600; margin-top: 0 } .db-fidbox-style-2 .db-circle-number sub, .db-fidbox-style-2 .db-circle-number { font-size: 20px; color: var(--pbmit-white-color); font-weight: bold } .db-fidbox-style-2 .db-circle-number sub { bottom: 0 } .db-fidbox-style-1 .db-fid-title { font-size: 18px; line-height: 20px; margin-top: 0 } .db-fidbox-style-1 .db-fid-title-w, .db-fidbox-style-1 .db-circle-w { display: inline-block } .db-fidbox-style-1 .db-fid-title-w { width: 43%; margin-left: 12px } .db-fidbox-style-1 .db-circle-w { width: 122px; position: relative; vertical-align: top } .db-fidbox-style-1 .db-circle-number sub, .db-fidbox-style-1 .db-circle-number { font-size: 20px; font-weight: bold } .db-fidbox-style-1 .db-circle-number sub { bottom: 0 } .db-fidbox-style-1 .db-fid-title-w { position: absolute; top: 50%; -khtml-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%) } .db-fidbox-style-1 .db-fid-title-w h3 { margin-bottom: 0 } .db-circle canvas { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; } .db-circle canvas { max-width: 100%; height: auto !important } .db-overlap-row { position: relative; z-index: 1 } .db-overlap-row-section { position: relative; z-index: 2 } /*----------------------------------------*/ /* 16 - List Gourp /*----------------------------------------*/ .list-group-borderless .list-group-item{ border: none; color: #2A2A2A; padding: 0; margin-bottom: 5px; background-color: transparent!important; border: none; display: flex; } ul.list-group { margin: 5px 0; } li.list-group-item { background-color: transparent; border: none; font-weight: 500; padding: 0; padding-bottom: 10px; } ul.list-group .list-group-item:hover { color: var(--pbmit-global-color)!important; } ul.list-group .list-group-item i{ width: 32px; height: 32px; line-height: 32px; text-align: center; color: #2A2A2A; background-color: var(--pbmit-global-color); } ul.list-group .list-group-item span{ padding-left: 15px; font-size: 15px; font-weight: 700; line-height: 35px; } /*----------------------------------------*/ /* 17 - Portfolio /*----------------------------------------*/ /** Style 1 **/ .pbminfotech-portfoliobox-style-1{ padding-bottom: 45px; margin-bottom: 30px; } .pbminfotech-portfoliobox-style-1 .pbminfotech-box-content{ text-align: center; background-color: var(--pbmit-light-color); border-top: 0; position: relative; padding-top: 30px; padding-bottom: 30px; } .pbminfotech-portfoliobox-style-1 .pbminfotech-box-desc{ margin: 0; width: 69%; margin-left: auto; margin-right: auto; margin-top: 20px; } .pbminfotech-portfoliobox-style-1 .pbminfotech-pf-box-title a{ color: var(--pbmit-secondary-color); } .pbminfotech-portfoliobox-style-1 .pbminfotech-pf-box-title h3{ font-size: 20px; } .pbminfotech-portfoliobox-style-1 .pbminfotech-icon-btn{ background-color: var(--pbmit-global-color); border-radius: 50%; height: 40px; width: 40px; line-height: 40px; text-align: center; position: absolute; left: 50%; margin-left: -20px; bottom: -20px; color: var(--pbmit-white-color); } .pbminfotech-portfoliobox-style-1 .pbminfotech-icon-btn{ color: var(--pbmit-white-color); } .pbminfotech-portfoliobox-style-1 .pbminfotech-icon-btn:hover{ background-color: var(--pbmit-secondary-color); } /** Style 2 **/ .pbminfotech-portfoliobox-style-2{ overflow: hidden; position: relative; margin-bottom: 30px; } .pbminfotech-portfoliobox-style-2 .pbminfotech-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; text-align: left; background: rgba( 227,34,34,0.80); padding: 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; visibility: hidden; } .pbminfotech-portfoliobox-style-2:hover .pbminfotech-overlay { opacity: 1; visibility: visible; } .pbminfotech-portfoliobox-style-2 .pbminfotech-pf-box-title h3{ font-size: 20px; font-weight: bold; margin-left: -1200px; margin-bottom: 10px; } .pbminfotech-portfoliobox-style-2 .pbminfotech-box-content-inner{ text-align: center; padding-top: 30%; } .pbminfotech-portfoliobox-style-2 .pbminfotech-pf-box-title h3, .pbminfotech-portfoliobox-style-2 .pbminfotech-pf-box-title h3 a{ color: var(--pbmit-white-color); } .pbminfotech-portfoliobox-style-2 .pbminfotech-icon-box{ height: 40px; line-height: 40px; width: 40px; background-color: var(--pbmit-white-color); display: inline-block; position: absolute; border-radius: 50%; text-align: center; right: 20px; bottom: 20px; } .pbminfotech-portfoliobox-style-2 .pbminfotech-view-details a{ display: inline-block; padding: 15px 25px; background-color: var(--pbmit-white-color); color: var(--pbmit-secondary-color); font-size: 13px; line-height: 13px; text-transform: uppercase; font-weight: 700; margin-left: -700px; } .pbminfotech-portfoliobox-style-2 .pbminfotech-view-details a:hover{ background-color: var(--pbmit-secondary-color); color: var(--pbmit-white-color); } .pbminfotech-portfoliobox-style-2:hover .pbminfotech-view-details a, .pbminfotech-portfoliobox-style-2 .pbminfotech-pf-box-title h3{ -webkit-transition: .7s; -o-transition: .7s; transition: .7s; } .pbminfotech-portfoliobox-style-2:hover .pbminfotech-view-details a, .pbminfotech-portfoliobox-style-2:hover .pbminfotech-pf-box-title h3{ margin-left: 0px; } /** Style 3 **/ .pbminfotech-portfoliobox-style-3{ margin-bottom: 60px; } .pbminfotech-portfoliobox-style-3 .pbminfotech-box-content{ text-align: left; margin-top: 25px; margin-bottom: 25px; } .pbminfotech-portfoliobox-style-3 .pbminfotech-box-content h3{ font-size: 22px; line-height: 32px; margin-top: 5px; margin-bottom: 0; } .pbminfotech-portfoliobox-style-3 .pbminfotech-box-category{ margin-top: 0px; text-transform: uppercase; font-size: 13px; font-family: var(--pbmit-heading-typography-font-family); } .pbminfotech-portfoliobox-style-3 .pbminfotech-box-category a{ color: #a3a3a3; } .pbminfotech-portfoliobox-style-3 .pbminfotech-box-category a:hover{ color: var(--pbmit-global-color); } .pbminfotech-portfoliobox-style-3 .pbminfotech-item-thumbnail{ position: relative; top: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pbminfotech-portfoliobox-style-3:hover .pbminfotech-item-thumbnail{ top: -0.5rem; } /*----------------------------------------*/ /* 18 - Revolution /*----------------------------------------*/ /* Slider 1*/ .tparrows:before{ font-size:18px; font-weight:bold; line-height:70px; } #rev_slider_1_1_wrapper .metis.tparrows{ background:var(--pbmit-white-color); padding:0px; transition:all 0.3s; -webkit-transition:all 0.3s; width:70px; height:70px; box-sizing:border-box } #rev_slider_1_1_wrapper .metis.tparrows.rs-touchhover{ background: rgba(255,255,255,0.75); } .tparrows.tp-rightarrow, .tparrows:hover { background-color: var(--pbmit-global-color) !important; } .metis.tparrows.tp-leftarrow:hover:before, .metis.tparrows.tp-rightarrow:before { color: var(--pbmit-white-color)!important; } .metis.tparrows:before, .tparrows.metis.tp-rightarrow:before{ content: "\e809"; font-family: 'pbminfotech-base-icons'; } #rev_slider_1_1_wrapper .metis.tparrows:before{ font-size: 27px; font-weight: normal; line-height: 70px; color:#000000; transition:all 0.3s; -webkit-transition:all 0.3s; } #rev_slider_1_1_wrapper .tparrows.tp-leftarrow:before { content: '\e808'; } #rev_slider_1_1_wrapper .metis.tparrows.rs-touchhover:before{ transform:scale(1.5) } /* Slider 2*/ #rev_slider_2_1_wrapper .metis.tparrows{ background:#ffffff; padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box } #rev_slider_2_1_wrapper .metis.tparrows.rs-touchhover{ background:rgba(255,255,255,0.75) } #rev_slider_2_1_wrapper .metis.tparrows:before{ color:#000000; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight: normal; font-size: 22px; } #rev_slider_2_1_wrapper .metis.tparrows.rs-touchhover:before{ transform:scale(1.5) } #rev_slider_2_1_wrapper .tparrows.tp-leftarrow:before { content: '\e808'; } /* Slider 3*/ .rev_slider_wrapper .themestek-rev-strong strong{ font-size:55px; line-height:72px } #rev_slider_3_1_wrapper .metis.tparrows{ background:#ffffff; padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box } #rev_slider_3_1_wrapper .metis.tparrows.rs-touchhover{ background:rgba(255,255,255,0.75) } #rev_slider_3_1_wrapper .metis.tparrows:before{ color:#000000; transition:all 0.3s; -webkit-transition:all 0.3s; font-size: 22px; font-weight: normal; } #rev_slider_3_1_wrapper .metis.tparrows.rs-touchhover:before{ transform:scale(1.5) } #rev_slider_3_1_wrapper .tparrows.tp-leftarrow:before { content: '\e808'; } /* Slider 4*/ .rs-layer-icon .pbmit-moversco-business-icon:before{ font-size:50px; line-height:50px; font-weight:normal } #rev_slider_4_1_wrapper .persephone .tp-bullet{ width:12px; height:12px; position:absolute; background:#1b2024; border:1px solid transparent; cursor:pointer; box-sizing:content-box } #rev_slider_4_1_wrapper .persephone .tp-bullet.rs-touchhover, #rev_slider_4_1_wrapper .persephone .tp-bullet.selected{ background:#ffdc39; } /* Slider 5*/ .pbmit-base-icon{ font-size:22px; line-height:32px; font-weight:700; color: var(--pbmit-global-color); } body #rev_slider_5_1_wrapper .custom.tparrows:before{ font-size:20px; color:#000; display:block; line-height:70px; text-align:center; font-weight:normal; letter-spacing:1px } body #rev_slider_5_1_wrapper .custom.tparrows{ cursor:pointer; background:rgb(255,255,255); width:70px; height:70px; -webkit-transition:all .5s !important; -moz-transition:all .5s !important } body #rev_slider_5_1_wrapper .tp-leftarrow.custom.tparrows, body #rev_slider_5_1_wrapper .custom.tparrows:hover{ background:#1b2024 } body #rev_slider_5_1_wrapper .tp-leftarrow.custom.tparrows:before, body #rev_slider_5_1_wrapper .custom.tparrows:hover:before{ color:#fff } #rev_slider_5_1_wrapper .custom.tparrows{ cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px; height:40px; position:absolute; display:block; z-index:1000 } #rev_slider_5_1_wrapper .custom.tparrows.rs-touchhover{ background:#000 } #rev_slider_5_1_wrapper .custom.tparrows:before{ font-family:'pbminfotech-base-icons'; font-size:15px; color:#fff; display:block; line-height:40px; text-align:center } #rev_slider_5_1_wrapper .custom.tparrows.tp-leftarrow:before{ content:"\e808"; } #rev_slider_5_1_wrapper .custom.tparrows.tp-rightarrow:before{ content:'\e809'; } /* Slider 6*/ .pbmit-skincolor{ color: var(--pbmit-global-color); }