|
Server IP : 162.214.80.37 / Your IP : 216.73.216.57 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/skyispatudyog/sym/Users/0-imyrqtmy/aacegroup/css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
/** ==========================================================================================
Project : joblet - Responsive Multi-purpose HTML5 Template
Version: 1.1
Author : Preyantechnosys
========================================================================================== */
/**
1. Prt-row
2. Row-Equal-Height
3. Bg-Layer
4. Row-Bg-Image
5. Col-Bg-Image
6. Section-Title
7. Sep_holder
8. Buttons
9. Icons
10. Fid
11. Featured-icon-box
12. Featured-imagebox
13. Progress-Bar
14. Testimonial
15. Accordion
16. Wrap-Form
17. Tab
18. Boxes-Spacing
19. Sidebar
**/
/* ===============================================
1.prt-row
------------------------*/
.prt-row{ padding: 90px 0;}
.prt-row.padding_bottom_zero-section { padding: 100px 0 0; }
.prt-row.padding_top_zero-section { padding: 0 0 100px; }
.prt-row.padding_zero-section { padding: 0 0; }
.prt-row.client-section { padding: 55px 0 55px; }
.prt-row.historybox-section{ padding:85px 0px 90px 0px; }
.prt-row.counter-section {padding: 30px 0px 0px 0px;}
.prt-row.team-details-section{ padding:100px 0px 77px; }
.prt-row.about-section{ padding:100px 0 107px; }
.prt-row.top-content{ padding:15px 0 0px; }
.prt-row.portfolio-section{ padding:85px 0 85px; }
.prt-row.service-banner{ padding:50px 0 70px; }
.prt-row.map-section{ padding: 0px 0px 0px; }
.prt-row.developing-section{ padding: 90px 0px 70px; }
.prt-row.marquee-section{ padding:60px 0 60px; }
.prt-row.bussiness-section{ padding:90px 0 100px; }
.prt-row.servicebox-section{ padding:88px 0 70px; }
.prt-row.blog-section02{padding: 90px 0 100px;}
.prt-row.stepbox-section{padding: 83px 0 85px;}
.prt-row.contact-section{ padding:70px 0 90px; }
.prt-row.job-skill-section{ padding:90px 0 70px; }
.prt-row.terms-and-condition-section{ padding:95px 0 60px; }
.prt-row.job-location{padding: 90px 0 70px;}
.prt-row.banner-section{ padding:80px 0px 90px; }
/* ===============================================
2.Row-Equal-Height
------------------------*/
.row-equal-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.row-equal-height > [class*='col-'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* ===============================================
3.Bg-Layer
------------------------*/
.prt-bg{ position: relative;}
.prt-col-bgimage-yes {z-index: 1;}
.bg-layer-equal-height .prt-col-bgimage-yes,
.bg-layer-equal-height .prt-col-bgcolor-yes,
.prt-col-bgimage-yes{ height: 100%;}
.prt-bg-layer , .prt-titlebar-wrapper-bg-layer, .prt-col-wrapper-bg-layer-inner {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.prt-left-span > .prt-col-wrapper-bg-layer {
width: auto;
margin-left: -500px;
right: 0;
}
.prt-right-span > .prt-col-wrapper-bg-layer {
width: auto;
margin-right: -500px;
right: 0;
}
.layer-content{ position: relative; z-index: 1; height: 100%; width: 100%; }
.bg-layer { position: relative; }
.bg-layer > .container > .row { margin: 0; }
.bg-layer > .container , .bg-layer > .container-fluid { padding: 0; }
.prt-bg.prt-bgimage-yes >.prt-bg-layer,
.prt-bg.prt-col-bgimage-yes > .prt-bg-layer > .prt-col-wrapper-bg-layer-inner {
opacity: 0;
}
.prt-bgcolor-white.prt-bg.prt-bgimage-yes >.prt-bg-layer,
.prt-bgcolor-white.prt-bg.prt-col-bgimage-yes > .prt-bg-layer > .prt-col-wrapper-bg-layer-inner {
opacity: .94;
}
/* ===============================================
4.Row-Bg-Image
------------------------*/
.bg-img1{
background-image: url(../images/bg-image/row-bgimage-1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.bg-img1.prt-bg.prt-bgimage-yes > .prt-bg-layer { opacity: 0; }
.bg-img2{
background-image: url(../images/bg-image/row-bgimage-2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.bg-img2.prt-bg.prt-bgimage-yes >.prt-bg-layer,
.bg-img2.prt-bg.prt-col-bgimage-yes > .prt-bg-layer > .prt-col-wrapper-bg-layer-inner {
opacity: 0.8;
}
.bg-img3{
background-image: url(../images/bg-image/404bg.html);
background-size: auto;
background-position: 0% 0%;
background-repeat: repeat;
background-attachment: scroll;
}
/* ===============================================
5.Col-Bg-Image
------------------------*/
.prt-equal-height-image{ display: none; }
.col-bg-img-one.prt-col-bgimage-yes > .prt-col-wrapper-bg-layer {
background-image: url(../images/bg-image/col-bgimage-1.html);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.col-bg-img-one.prt-bg.prt-bgimage-yes >.prt-bg-layer,
.col-bg-img-one.prt-bg.prt-col-bgimage-yes > .prt-bg-layer > .prt-col-wrapper-bg-layer-inner {
opacity: 0.65;
}
/* ===============================================
6.Section-Title
------------------------*/
.section-title{
position: relative;
margin-bottom: 12px;
margin-top: -7px;
z-index: 1;
}
.section-title h3{
font-size: 20px;
line-height: 36px;
margin-bottom: 10px;
font-weight: 400;
font-family: var(--base-bodyfont);
}
.section-title span.pretitle{ font-size: 18px; line-height: 32px; }
.section-title h2 {
position: relative;
color: var(--base-headingfont-color);
font-size: 75px;
line-height: 100px;
font-weight: 600;
text-transform: capitalize;
z-index: 2;
margin-bottom: 25px;
}
.section-title h2 span {
color: var(--base-skin);
}
.section-title .title-desc p{ padding-bottom: 15px; margin: 0; }
.section-title.title-style-center_text { text-align: center; }
.section-title.title-style-center_text .title-desc p{
margin-bottom: 15px;
width: 100%;
margin: 0 auto;
}
.section-title .title-desc{
position: relative;
}
/*style1*/
.section-title.style1 h2.title span{
color: #162620;
font-weight: 600;
text-transform: capitalize;
}
.section-title.style1 h2.title{
color: #162620;
font-weight: 400;
font-size: 60px;
line-height: 75px;
}
.title-decs p{
font-size: 21px;
line-height: 32px;
color: #162620;
font-weight: 400;
}
.section-title.style1 h3{
font-size: 20px;
line-height: 36px;
color: var(--base-black);
font-weight: 400;
margin-bottom: 0;
}
/*style2*/
.section-title.style2 h2.title span{
color: var(--base-white);
font-weight: 600;
text-transform: capitalize;
}
.section-title.style2 h2.title{
color: var(--base-white);
font-weight: 400;
font-size: 60px;
line-height: 75px;
}
/*style3*/
.section-title.style3 h4.title{
font-size: 20px;
line-height: 36px;
font-weight: 400;
margin-bottom: 7px;
}
.section-title.style3 h4.title span{
font-weight: 500;
}
.section-title.style3 .sub-heading h2{
font-size: 60px;
line-height: 75px;
font-weight: 400;
}
.section-title.style3 .sub-heading h2 span{
font-weight: 600;
}
.section-title.style3 .sub-heading h2 span.semibold-text{
font-weight: 600;
color: var(--base-white);
}
/*style4*/
.section-title.style4 h2.title{
font-size: 85px;
line-height: 100px;
font-weight: 600;
color: #fff;
text-transform: capitalize;
text-align: center;
}
/*style5*/
.section-title.style5 h2.title span{
color: #162620;
font-weight: 600;
text-transform: capitalize;
}
.section-title.style5 h2.title{
color: #162620;
font-weight: 400;
font-size: 60px;
line-height: 75px;
}
.title-decs p{
font-size: 21px;
line-height: 32px;
color: #162620;
font-weight: 400;
}
/*style6*/
.section-title.style6 h2.title{
color: #fff;
font-weight: 400;
font-size: 60px;
line-height: 75px;
}
.section-title.style6 .title-decs p{
font-size: 18px;
line-height: 28px;
color: rgba(255, 255, 255, 0.80);
font-weight: 400;
}
/*style7*/
.section-title.style7 h2.title{
font-size: 33px;
line-height: 43px;
text-transform: capitalize;
font-weight: 400;
padding-top: 40px;
}
.section-title.style7 h2.title span{
font-size: 33px;
line-height: 43px;
font-weight: 600;
color: var(--base-black);
}
/* ===============================================
7.sep_holder
------------------------*/
.prt-horizontal_sep {
border-top: 1px solid rgb(0 0 0 / 20%);
display: block;
position: relative;
}
.bg-base-dark .prt-horizontal_sep{
border-top-color: rgba(255,255,255,0.08);
}
.bg-base-skin .prt-horizontal_sep{
border-top-color: rgba(255,255,255,0.2);
}
.border, .border-top, .border-left, .border-bottom, .border-right {
border-color: rgba(0, 0, 0, 0.15);
}
.bg-base-dark .border,
.bg-base-dark .border-top,
.bg-base-dark .border-left,
.bg-base-dark .border-bottom,
.bg-base-dark .border-right,
.bg-base-skin .border,
.bg-base-skin .border-top,
.bg-base-skin .border-left,
.bg-base-skin .border-bottom,
.bg-base-skin .border-right{
border-color: rgba(255,255,255,0.5) !important;
}
.prt-vertical_sep > [class*='col'] { position: relative; }
.prt-vertical_sep > [class*='col']:not(:last-child):before {
position: absolute;
content: "";
height: 100%;
top: 0;
right: 0;
width: 1px;
background-color: rgba(0, 0, 0, 0.10);
}
.prt-vertical_sep.style1 > [class*='col']:not(:last-child):before{ background-color: rgba(0, 0, 0, 0.10); }
.prt-vertical_sep.style2 > [class*='col']:not(:last-child):before{ background-color: #e9e9e9; }
.row.no-gutters.prt-vertical_sep > [class*='col']:not(:last-child):before{ right: 0; }
.bg-base-dark .prt-vertical_sep > [class*='col']:not(:last-child):before,
.bg-base-skin .prt-vertical_sep > [class*='col']:not(:last-child):before {
background-color: rgba(255,255,255,.21);
}
.prt-vertical_sep.style3 > [class*='col']:first-child:before {
right: 15px;
background-color:rgba(255, 255, 255, 0.13);
}
.prt-vertical_sep.style4 > [class*='col']:not(:last-child):before {
right: 15px;
background-color:rgba(255, 255, 255, 0.10);
}
/* ===============================================
8.Buttons
------------------------*/
.prt-btn{
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 16;
padding: 14px 30px 17px;
background: transparent;
border-width: 1px;
border-style: solid;
border-color: transparent;
position: relative;
font-weight: 500;
text-transform: capitalize;
overflow: hidden;
z-index: 1;
text-align: center;
letter-spacing: 0;
transition: all 0.5s ease 0s;
}
/** btn-color **/
.prt-btn-color-skincolor {
color: var(--base-skin);
}
.prt-btn-color-darkcolor {
color: var(--base-dark);
}
.prt-btn-color-seconddark{
color: var(--base-seconddark) !important;
}
.prt-btn-color-whitecolor{
color: var(--base-white);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-darkcolor {
background-color: var(--base-dark);
border-color: var(--base-dark);
color: var(--base-white);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-darkcolor:hover{
background-color: var(--base-skin);
border-color: var(--base-skin);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-skincolor{
background-color: var(--base-skin);
border-color: var(--base-skin);
color: var(--base-black);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-skincolor:hover{
background-color: var(--base-dark);
border-color: var(--base-dark);
color: var(--base-white);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-whitecolor {
background-color: var(--base-white);
border-color: var(--base-white);
color: var(--base-skin);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-darkcolor3{
border-color: var(--base-black);
color: var(--base-black);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-darkcolor3:hover{
background-color: var(--base-dark);
color: var(--base-white);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-dark2 {
border-color: #fff;
color: var(--base-white);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-dark2:hover {
background-color: var(--base-skin);
color: var(--base-dark);
border-color: var(--base-skin);
}
.prt-btn.prt-btn-style-fill.prt-btn-color-gradientcolor{
background-image: linear-gradient(to right, var(--base-first-gradientcolor) 0%,
var(--base-second-gradientcolor) 50%, var(--base-first-gradientcolor) 100%) !important;
color: var(--base-white);
background-size: 200% auto;
}
.prt-btn.prt-btn-style-fill.prt-btn-color-gradientcolor:hover{
background-position: left center;background-image: linear-gradient(to right, var(--base-second-gradientcolor) 0%,
var(--base-second-gradientcolor) 50%, var(--base-second-gradientcolor) 100%) !important;
}
.prt-btn:not(.btn-inline):after {
background-color: var(--base-white);
content: "";
height: 150px;
left: -75px;
position: absolute;
top: -35px;
transform: rotate(35deg);
transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
width: 40px;
opacity: 0;
}
.prt-btn:not(.btn-inline):hover::after {
left: 120%;
transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
opacity: 0.30;
}
/** btn-with-icon **/
.prt-btn i{
display: inline-block;
vertical-align: middle;
text-align: inherit;
font-weight: bold;
}
.prt-btn.prt-icon-btn-right i { text-align: right; margin-left: 14px; margin-right: 0;}
.prt-btn.prt-icon-btn-left i { text-align: left; margin-right: 8px; margin-left: 0;}
/** btn-size-xs **/
.prt-btn.prt-btn-size-xs { font-size: 11px; padding: 8px 20px;}
.prt-btn.prt-btn-size-xs i { font-size: 11px; line-height: 11px;}
/** btn-size-sm **/
.prt-btn.prt-btn-size-sm { font-size: 16px; line-height: 26px; padding: 10px 25px 10px; }
.prt-btn.prt-btn-size-sm i { font-size: 14px; line-height: 14px;}
/** btn-size-md **/
.prt-btn.prt-btn-size-md { font-size: 15px !important; line-height: 25px !important; padding: 10px 37px 10px;}
.prt-btn.prt-btn-size-md i { font-size: 15px; line-height: 15px; }
/** btn-size-lg **/
.prt-btn.prt-btn-size-lg { font-size: 18px; line-height: 18px; padding: 22px 30px; font-weight: 400}
.prt-btn.prt-btn-size-lg i { font-size: 18px; line-height: 18px;}
/** btn-shape **/
.prt-btn.prt-btn-shape-round { border-radius: var(--base-border-radius-10); }
.prt-btn.prt-btn-shape-rounded { border-radius: var(--base-border-radius-25); }
.prt-btn.prt-btn-shape-square { border-radius: 0; }
/** btn-style-border **/
.prt-btn.prt-btn-style-border{ background-color: transparent; border: 1px solid #fff; }
.prt-btn.prt-btn-style-border1{ background-color: transparent; border: 1px solid #000; }
.prt-btn.prt-btn-style-border.prt-btn-color-white {
color: #000;
border-color: var(--base-skin);
background-color:var(--base-skin);
}
.prt-btn.prt-btn-style-border.prt-btn-color-white:hover{
border-color: var(--base-dark);
background-color: var(--base-dark);
color: var(--base-white);
}
/** prt-icon-shap**/
.prt-btn.prt-icon-shap {
width: 115px;
padding: 10px 15px;
margin: 10px 0 10px 10px;
border: 2px solid var(--base-black);
border-radius: 20px;
}
.prt-btn.prt-icon-shap.prt-btn-color-seconddark:hover {
background-color: var(--base-dark);
border-color: var(--base-dark);
color: var(--base-white) !important;
}
/** btn-inline **/
.prt-btn.btn-inline{
padding: 0;
border: 0;
overflow: visible;
background-color: transparent;
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: #162620;
text-transform: capitalize;
font-family:var(--base-bodyfont);
position: relative;
}
.prt-btn.btn-inline2{
padding: 10px 15px;
border: 1px solid var(--base-black);
overflow: hidden;
background-color: transparent;
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: #162620;
text-transform: capitalize;
font-family:var(--base-bodyfont);
position: relative;
}
.prt-btn.btn-inline:after{ display: none; }
.prt-btn.btn-inline.prt-icon-btn-right{
padding: 6px 0;
display: unset;
}
.prt-btn.btn-inline i{ position: absolute; }
.prt-btn.btn-inline.prt-icon-btn-right i:before{
content: "\e627";
position: absolute;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
background-color: var(--base-lightskin);
color: var(--base-dark);
border-radius: var(--base-border-radius-50);
transform: rotate(45deg);
font-weight: 900;
transition: all 0.3s ease 0s;
}
.prt-btn.btn-inline.prt-icon-btn-right:hover i:before{
transform: rotate(90deg);
}
.prt-btn.btn-underline { position: relative; overflow: visible; vertical-align: baseline;}
.prt-btn.btn-underline:before {
position: absolute;
content: '';
height: 1px;
width: 100%;
background-color: currentColor;
bottom: 0;
left: 0px;
transition: all 0.1s ease 0s;
}
/* play-btn / play-icon */
.prt-play-icon {
color: #fff;
display: block;
position: relative;
}
.prt-play-icon .prt-play-icon-animation{
display: inline-block;
position: relative;
}
.prt-play-icon .prt-play-icon-animation:after, .prt-play-icon .prt-play-icon-animation:before {
content: '';
border: 3px solid;
width: 150%;
height: 150%;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
left: -25%;
top: -25%;
opacity: 1;
z-index: -1;
-webkit-animation: 1s videoplay-anim linear infinite;
animation: 1s videoplay-anim linear infinite;
}
.prt-play-icon .prt-play-icon-animation:after, .prt-play-icon .prt-play-icon-animation:before {
-webkit-animation:videoplay-anim 1.08s infinite;
-moz-animation:videoplay-anim 1.08s infinite;
-ms-animation:videoplay-anim 1.08s infinite;
-o-animation:videoplay-anim 1.08s infinite;
animation:videoplay-anim 1.08s infinite;
}
.prt-play-icon .prt-play-icon-animation:before {
-webkit-animation-delay: 0.95s;
animation-delay: 0.95s;
}
.prt-play-icon-btn .prt-icon.prt-icon_element-size-sm i.fa-play{
padding-left: 5px;
font-size: 20px;
display: inline-block;
vertical-align: middle;
line-height: 0;
z-index: 2;
}
.prt-play-icon-btn .prt-icon.prt-icon_element-size-md i.fa-play{
font-size: 20px;
z-index: 2;
}
.prt-play-icon-btn .prt-play-icon-animation{
position: relative;
display: inline-block;
}
.prt-play-icon-btn .prt-play-icon-animation .prt-icon { margin-bottom: 0; }
.prt-play-icon-btn .prt-play-icon-animation .prt-icon:after {
content: '';
position: absolute;
top: 51%;
left: 51%;
transform: translate(-50%,-50%);
border-radius: var(--base-border-radius50);
}
.prt-play-icon-btn .prt-play-icon-animation .prt-icon:after{
z-index: 1;
width: calc(100% * 1.25 );
height: calc(100% * 1.25 );
opacity: .4;
background-color: inherit;
}
.prt-bgcolor-skincolor .prt-play-icon-btn .prt-play-icon-animation:after { opacity: .1; }
.prt-play-icon-btn.animated .prt-play-icon-animation .prt-icon:after,
.prt-play-icon-btn:hover .prt-play-icon-animation .prt-icon:after {
-webkit-animation:sep-anim 1.05s infinite;
-moz-animation:sep-anim 1.05s infinite;
-ms-animation:sep-anim 1.05s infinite;
-o-animation:sep-anim 1.05s infinite;
animation:sep-anim 1.05s infinite;
}
@-webkit-keyframes sep-anim{ 100% { width:200%;height:200%;opacity:0 } }
@keyframes sep-anim{ 100% { width:200%;height:200%;opacity:0 } }
/* ===============================================
9.Icons
------------------------*/
.prt-icon{
margin-bottom: 25px;
display: inline-block;
vertical-align: middle;
text-align: center;
border: 1px solid transparent;
position: relative;
transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
box-sizing: content-box;
position: relative;
}
.prt-icon i {
display: inline-block;
vertical-align: middle;
line-height: 0;
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%);
transition: all 0.3s ease 0s;
}
.prt-icon_element-color-skincolor {
color: var(--base-skin);
}
.prt-icon_element-color-darkcolor {
color: var(--base-headingfont-color);
}
.prt-icon_element-color-whitecolor {
color: var(--base-white);
}
.prt-icon.prt-icon_element-fill.prt-icon_element-color-skincolor {
background-color: var(--base-skin);
color: var(--base-white);
}
.prt-icon.prt-icon_element-fill.prt-icon_element-color-gradientcolor{
background-color: var(--base-skin);
background-image: linear-gradient(to top,var(--base-first-gradientcolor) 30%,var(--base-second-gradientcolor) 100%);
color: var(--base-white);
border: 0;
}
.prt-icon.prt-icon_element-border.prt-icon_element-color-skincolor {
border: 1px solid var(--base-skin);
color: var(--base-skin);
}
.prt-icon_element-color-darkgrey {
color: var(--base-dark);
}
.prt-icon.prt-icon_element-fill.prt-icon_element-color-dark {
background-color: var(--base-dark);
color: var(--base-white);
}
.prt-icon.prt-icon_element-border.prt-icon_element-color-dark {
border: 1px solid var(--base-dark);
color: var(--base-dark);
}
.prt-icon.prt-icon_element-fill.prt-icon_element-color-grey {
background-color: var(--base-grey);
color: var(--base-skin);
}
.prt-icon.prt-icon_element-border.prt-icon_element-color-grey {
border: 1px solid var(--base-grey);
color: var(--base-skin);
}
.prt-icon.prt-icon_element-fill.prt-icon_element-color-white {
background-color: var(--base-white);
color: var(--base-skin);
}
.prt-icon.prt-icon_element-border.prt-icon_element-color-white {
border: 1px solid var(--base-white);
color: var(--base-white);
}
/** icon-size-xs **/
.prt-icon.prt-icon_element-size-xs { height: 30px; width: 30px; line-height: 30px; }
.prt-icon.prt-icon_element-size-xs i { font-size: 16px; }
/** icon-size-sm **/
.prt-icon.prt-icon_element-size-sm { height: 55px; width: 55px; line-height: 55px; }
.prt-icon.prt-icon_element-size-sm i { font-size: 31px; }
/** icon-size-md **/
.prt-icon.prt-icon_element-size-md { height: 67px; width: 67px; line-height: 67px }
.prt-icon.prt-icon_element-size-md i { font-size: 37px; }
/** icon-size-lg **/
.prt-icon.prt-icon_element-size-lg { height: 78px; width: 78px; line-height: 78px; }
.prt-icon.prt-icon_element-size-lg i { font-size: 53px; }
/** icon-size-xl **/
.prt-icon.prt-icon_element-size-xl { height: 80px; width: 80px; line-height: 80px; }
.prt-icon.prt-icon_element-size-xl i { font-size: 58px; }
.prt-icon.prt-icon_element-onlytxt { height: auto; width: auto; line-height: 1;}
.prt-icon.prt-icon_element-onlytxt i {
position: relative;
top: 0;
left: 0;
-webkit-transform: unset;
-ms-transform: unset;
-o-transform: unset;
transform: unset;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
transform: translate(0,0);
}
/** icon-shape **/
.prt-icon.prt-icon_element-style-round { border-radius: var(--base-border-radius-10); }
.prt-icon.prt-icon_element-style-rounded { border-radius: var(--base-border-radius50); }
.prt-icon.prt-icon_element-style-square { border-radius: 0;}
/* prt-list-style-icon */
.prt-list {
list-style: none;
padding: 0;
margin: 0;
}
.prt-list.prt-list-style-icon.fw-normal li i ,
.prt-list.prt-list-style-icon.fw-normal .prt-list-li-content {
font-weight: normal;
padding-bottom: 2px;
}
.prt-list.prt-list-style-icon li {
position: relative;
padding: 14px 0;
display: flex;
align-items: baseline;
width: 100%;
}
.prt-list.prt-list-style-icon li:last-child{padding-bottom: 0;}
.prt-list.prt-list-style-icon li i.fa-minus:before{
position: absolute;
content: "";
top: 6px;
left: 0;
height: 2px;
width: 7px;
background-color: currentcolor;
}
.prt-list.prt-list-style-icon li i:before{
content: "\e649";
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
left: 0;
top: 6px;
font-size: 14px;
font-weight: 900;
text-align: center;
color: #000;
background-color: var(--base-grey);
border-radius: var(--base-border-radius-50);
}
.prt-list.prt-list-style-icon .prt-list-li-content {
display: inline-block;
padding-left: 50px;
font-size: 18px;
color: #000;
font-weight: 500;
}
/*prt-list-style-icon-01*/
.prt-list.prt-list-style-icon-01 .prt-list-li-content,
.prt-list.prt-list-style-icon-01 .prt-list-li-btn a{
display: block;
padding: 11px 0 9px 55px;
border: 1px solid #ece9e0;
border-radius: var(--base-border-radius-10);
font-size: 16px;
color: var(--base-headingfont-color);
font-weight: 500;
font-family: var(--base-headingfont);
position: relative;
margin: 0 0 10px;
transition: all 0.3s ease 0s;
}
.prt-list.prt-list-style-icon-01 .prt-list-li-content:hover{ background: var(--base-grey); }
.prt-list.prt-list-style-icon-01 li:before{
content: "\f067";
position: absolute;
width: 23px;
height: 23px;
line-height: 25px;
background-color: var(--base-grey);
border-radius: var(--base-border-radius-50);
left: 18px;
top: 12px;
font-size: 13px;
font-family: 'FontAwesome';
text-align: center;
color: var(--base-headingfont-color);
font-weight: 500;
transition: all 0.3s ease 0s;
}
.prt-list.prt-list-style-icon-01 li:hover:before{ background-color: #fff; }
.prt-list.prt-list-style-icon-01 li.prt-list-li-btn:before{ display: none; }
.prt-list.prt-list-style-icon-01 .prt-list-li-btn a{
border: 1px solid var(--base-skin);
background-color: var(--base-skin);
padding: 11px 0 9px 0px;
text-align: center;
}
.prt-list.fs-14 { font-size: 14px; }
.prt-list.fs-15 { font-size: 15px; }
.prt-list.fs-15 i { font-size: 12px; }
.prt-list-icon-color-skincolor li i { color: var(--base-skin); }
.prt-list-icon-color-darkgrey li i { color: var(--base-dark); }
/* prt-video-icon */
.prt-video-icon .prt-icon.prt-icon_element-size-md {
height: 98px;
width: 98px;
line-height: 98px;
}
.prt-video-icon .prt-icon.prt-icon_element-size-md i {
font-size: 40px;
}
.prt-right-video-icon, .prt-left-video-icon, .prt-center-video-icon {
position: absolute;
left: 0;
right: 0;
top: 50%;
}
/* ===============================================
10.Fid
------------------------*/
.inside {
position: relative;
transition: all .4s;
padding: 10px 0 15px;
}
.prt-fid-view-lefticon .prt-fid-icon-wrapper ,
.prt-fid-view-lefticon .prt-fid-contents ,
.prt-fid-view-righticon .prt-fid-icon-wrapper ,
.prt-fid-view-righticon .prt-fid-contents{
display: table-cell;
vertical-align: top;
}
.prt-fid-view-lefticon .prt-fid-contents,
.prt-fid-view-righticon .prt-fid-icon-wrapper {
padding-left: 15px;
text-align: left;
}
.prt-fid-view-topicon i {
margin-bottom: 10px;
}
.prt-fid-icon-wrapper i {
font-size: 45px;
line-height: 50px;
position: relative;
display: inline-block;
}
.inside h4, .inside h4 span {
font-size: 40px;
line-height: 50px;
margin-bottom: 0;
}
.inside h3 {
margin-bottom: 0;
width: 100%;
font-size: 16px;
line-height: 28px;
font-weight: 400;
padding-top: 0;
color: var(--base-white);
font-family: var(--base-bodyfonts);
}
/*style1*/
.Clients-box-img {
display: flex;
}
.Clients-logo-img{
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
display: block;
text-align: center;
position: relative;
overflow: hidden;
margin-right: 13px;
margin-left: 13px;
padding-left: 0;
padding-right: 0;
display: table-cell;
align-items: center;
vertical-align: middle;
}
.Clients-logo-img img{
-webkit-transition: .6s;
-moz-transition: .6s;
transition: .6s;
padding-left: 15px;
}
.Clients-box-title h3{
font-size: 16px;
line-height: 26px;
font-family: var(--base-bodyfonts);
}
.client-btn a{
color: var(--base-white);
margin-top: 15px;
}
.client-btn a:hover{
background-color: var(--base-white);
color: var(--base-black);
}
.Clients-box-title .bg-base-dark h3{
color: var(--base-white);
}
.prt-fid-contents{
padding: 10px 40px 15px 40px;
background-color: #FFFFFF1A;
border-radius: 15px 15px 15px 15px;
display: inline-block;
}
.prt-fid-contents h4{
color: #FFFFFF;
font-family: "EB Garamond", Sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 40px;
text-align: center;
}
.prt-fid-contents h3{
text-align: center;
}
.Clients-box-title h4{
color: var(--base-white);
}
/* ===============================================
11.featured-icon-box ( only contents )
------------------------*/
.featured-icon-box { position: relative; margin: 15px 0; }
.featured-icon-box .prt-icon{ margin-bottom: 0; }
.featured-title h3{ font-size: 20px; line-height: 28px; margin-bottom: 0px; font-weight: 600;}
.featured-icon-box.icon-align-before-content .featured-icon,
.featured-icon-box.icon-align-before-content .featured-content,
.featured-icon-box.icon-align-before-title .featured-title,
.featured-icon-box.icon-align-before-title .featured-icon {
display: table-cell;
vertical-align: middle;
}
.featured-icon-box.icon-align-before-content .featured-icon i { display: inline-block; vertical-align: middle; }
.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-content,
.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
vertical-align: top;
padding-top: 0px;
}
.featured-icon-box.icon-align-before-content .featured-content,
.featured-icon-box.icon-align-before-title .featured-title{ padding-left: 15px; }
.featured-icon-box.icon-align-before-title .featured-title h3{ margin-bottom: 0; }
.featured-icon-box.icon-align-before-content .featured-content .featured-desc p{
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.featured-icon-box.icon-align-before-title .featured-content{ margin-top: 15px; }
.featured-icon-box.icon-align-top-content .featured-content { padding-top: 15px; }
section { counter-reset:container}
.container .number:after {
counter-increment: container;
content: counter(container,decimal-leading-zero);
font-family: var(--base-bodyfont);
font-style: normal;
}
/*feature-icon-box style1*/
.feature-icon-box.style1{
position: relative;
overflow: hidden;
border-radius: 50px;
margin-top: 10px;
transition: all 0.5s ease;
}
.feature-icon-box.style1 .category-image{
position: relative;
}
.feature-icon-box.style1 .category-image::before{
content: '';
background: rgba(0, 0, 0, 0.7);
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
bottom: auto;
right: 0;
left: 0;
margin: auto;
border-radius: 50px;
transition: all 0.5s ease;
opacity: 0;
}
.feature-icon-box.style1 .feature-thumbnail img{
width: auto;
border-radius: 50px;
z-index: -1;
position: relative;
opacity: 0;
transition: all 0.5s ease;
}
.feature-icon-box.style1 .category-details {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.feature-icon-box.style1:hover .category-details {
z-index: 1;
}
.feature-icon-box.style1 .category-details-inner {
text-align: center;
background-color: var(--base-white);
padding: 30px 35px 27px;
border-radius: 50px;
transition: all 0.5s ease;
}
.feature-icon-box.style1 .category-details i{
font-size: 40px;
color: var(--base-black);
margin-bottom: 11px;
display: inline-block;
vertical-align: top;
transition: all 0.5s ease;
}
.feature-icon-box.style1 .entry-category {
font-family: var(--body-fontfamily);
font-weight: 500;
margin-bottom: 32px;
font-size: 22px;
line-height: 30px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.feature-icon-box.style1 .category-details .count {
font-size: 15px;
transition: all 0.5s ease;
}
.feature-icon-box.style1:hover .category-details-inner {
background: transparent;
transition: all 0.5s ease;
}
.feature-icon-box.style1:hover .feature-thumbnail img {
opacity: 1;
transition: all 0.5s ease;
z-index: 0;
}
.feature-icon-box.style1:hover {
margin-top: 0;
transition: all 0.5s ease;
}
.feature-icon-box.style1 .category-image {
position: relative;
}
.feature-icon-box.style1:hover .category-image::before {
opacity: 1;
transition: all 0.5s ease;
z-index: 1;
}
.feature-icon-box.style1:hover .category-details i,
.feature-icon-box.style1:hover .entry-category a,
.feature-icon-box.style1:hover .category-details .count {
color: var(--base-white);
transition: all 0.5s ease;
}
.feature-icon-box.style1 .category-details i,
.feature-icon-box.style1 .entry-category a,
.feature-icon-box.style1 .category-details .count {
transition: all 0.5s ease;
}
/*style2*/
.feature-icon-box.style2{
position: relative;
overflow: hidden;
border-radius: 50px;
margin-top: 10px;
transition: all 0.5s ease;
}
.feature-icon-box.style2 .category-image{
position: relative;
}
.feature-icon-box.style2 .category-image::before{
content: '';
background: rgba(0, 0, 0, 0.7);
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
bottom: auto;
right: 0;
left: 0;
margin: auto;
border-radius: 50px;
transition: all 0.5s ease;
opacity: 0;
}
.feature-icon-box.style2 .feature-thumbnail img{
width: auto;
border-radius: 50px;
z-index: -1;
position: relative;
opacity: 0;
transition: all 0.5s ease;
}
.feature-icon-box.style2 .category-details {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.feature-icon-box.style2:hover .category-details {
z-index: 1;
}
.feature-icon-box.style2 .category-details-inner {
text-align: center;
background-color: var(--base-grey);
padding: 30px 35px 27px;
border-radius: 50px;
transition: all 0.5s ease;
}
.feature-icon-box.style2 .category-details i{
font-size: 40px;
color: var(--base-black);
margin-bottom: 11px;
display: inline-block;
vertical-align: top;
transition: all 0.5s ease;
}
.feature-icon-box.style2 .entry-category {
font-family: var(--body-fontfamily);
font-weight: 500;
margin-bottom: 32px;
font-size: 22px;
line-height: 30px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.feature-icon-box.style2 .category-details .count {
font-size: 15px;
transition: all 0.5s ease;
}
.feature-icon-box.style2:hover .category-details-inner {
background: transparent;
transition: all 0.5s ease;
}
.feature-icon-box.style2:hover .feature-thumbnail img {
opacity: 1;
transition: all 0.5s ease;
z-index: 0;
}
.feature-icon-box.style2:hover {
margin-top: 0;
transition: all 0.5s ease;
}
.feature-icon-box.style2 .category-image {
position: relative;
}
.feature-icon-box.style2:hover .category-image::before {
opacity: 1;
transition: all 0.5s ease;
z-index: 1;
}
.feature-icon-box.style2:hover .category-details i,
.feature-icon-box.style2:hover .entry-category a,
.feature-icon-box.style2:hover .category-details .count {
color: var(--base-white);
transition: all 0.5s ease;
}
.feature-icon-box.style2 .category-details i,
.feature-icon-box.style2 .entry-category a,
.feature-icon-box.style2 .category-details .count {
transition: all 0.5s ease;
}
/*style3*/
.featured-icon-box.style3{
border-radius: 80px;
padding: 70px 65px;
}
.featured-icon-box.style3 .featured-desc a:hover{
color: #6c6c6c;
}
.featured-icon-box.style3 .featured-icon i{
display: inline-block;
line-height: 1;
transition: all .3s;
color: var(--base-black);
font-size: 63px;
}
.featured-icon-box.style3 .featured-icon {
text-align: center;
}
.featured-icon-box.style3 .featured-content .featured-title h3{
font-size: 28px;
line-height: 38px;
font-weight: 500;
margin-bottom: 15px;
text-transform: capitalize;
color: var(--base-black);
text-align: center;
}
.featured-icon-box.style3 .featured-desc p{
font-size: 18px;
line-height: 28px;
color: var(--base-black);
text-align: center;
}
.featured-icon-box.style3 .featured-content .social-links ul>li>a:hover{
background-color: var(--base-skin);
color: var(--base-black);
}
/*style4*/
/*about-us*/
.featured-iconbox-style3{
padding: 15px 25px 10px;
position: relative;
border-radius: 10px;
}
.featured-iconbox-text{
padding-right: 18px;
}
.featured-iconbox-text .prt-icon-type-text{
font-size: 34px;
line-height: 40px;
color: var(--base-black);
font-weight: 600;
font-family: var(--base-headingfont);
}
.featured-iconbox-text h3{
font-size: 20px;
line-height: 20px;
font-weight: 600;
margin-bottom: 0px;
}
.featured-iconbox-inner .featured-decs p{
color: var(--base-black);
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
/*about-section02*/
.about-section02 .title-decs p{
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
/* ===============================================
12.featured-imagebox ( contents with image)
------------------------*/
.featured-imagebox { margin: 15px 0; }
.featured-imagebox,
.featured-imagebox .featured-thumbnail {
position: relative;
overflow: hidden;
}
.featured-imagebox .featured-thumbnail img {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
width: 100%;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
}
.featured-imagebox:hover .featured-thumbnail img{
-moz-transform: scale(1.09);
-webkit-transform: scale(1.09);
-ms-transform: scale(1.09);
transform: scale(1.09);
}
.featured-imagebox .featured-content .featured-title h3 {
font-size: 20px;
line-height: 32px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/*category*/
.featured-imagebox-category {
border-radius: var(--base-border-radius-15);
background-color: var(--base-white);
border: 1px solid var(--base-border-color-white);
box-shadow: var(--base-shadow);
padding: 30px 30px 25px;
text-align: center;
-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;
}
.featured-imagebox-category:hover{ transform: translatey(5px); }
.featured-category-icon { margin-bottom: 22px; }
.featured-imagebox-category .featured-thumbnail img{ transform: scale(1) !important; width: auto; }
.featured-imagebox-category .featured-thumbnail {
width: 82px;
height: 82px;
margin: 0 auto 15px;
display: flex;
align-items: center;
justify-content: center;
}
.featured-imagebox-category .featured-title h3{
font-size: 20px;
line-height: 40px;
margin-bottom: 0;
}
/*style1*/
.feature-imagebox-style1 {
background-color: var(--base-white);
overflow: hidden;
border-radius: 10px;
margin-bottom: 30px;
}
.feature-imagebox-style1 .feature-thumbnail{
width: 50%;
float: left;
max-height: 130px;
overflow: hidden;
}
.feature-imagebox-style1 .featured-imagebox-service-content{
overflow: hidden;
padding: 20px 25px 0;
}
.feature-imagebox-style1 .featured-imagebox-service-content .feature-content h3{
font-size: 22px;
line-height: 28px;
font-family: var(--base-bodyfonts);
font-weight: 500;
margin-bottom: 7px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.feature-imagebox-style1 .feature-thumbnail:hover img {
transition: all 0.5s ease;
transform: translateY(-15px);
}
/*style2*/
.historybox-section{
background-color: #244034;
}
.feature-imagebox-style2 .feature-historybox-content{
text-align: center;
background-color: #f2f9d8;
padding: 50px 40px 40px;
border-radius:24px;
}
.feature-imagebox-style2 .feature-historybox-content.feature-thumbnail{
width: 140px;
margin: 0 auto 15px;
}
.feature-imagebox-style2 .feature-thumbnail img.img-fluid {
border-radius: 20px;
}
.feature-imagebox-style2 .feature-content h3{
font-size: 26px;
line-height: 36px;
color: var(--base-dark);
font-weight: 400;
}
.feature-imagebox-style2 .feature-decs p{
color: var(--body-fonts-color);
font-size: 18px;
line-height: 28px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.feature-imagebox-style2{
position: relative;
}
.prt-history-box-wrapper {
position: relative;
}
.prt-history-box-wrapper .prt-history-box-details {
text-align: center;
position: relative;
}
.prt-history-box-wrapper .prt-historybox-imagebox {
width: 140px;
margin: 0 auto 15px;
}
.prt-history-box-wrapper .prt-box-title h4 {
font-size: 30px;
line-height: 40px;
color: var(--prt-blackishcolor);
margin-bottom: 5px;
}
.prt-history-box-wrapper .prt-history-box-content {
text-align: center;
background-color: var(--prt-greycolor);
padding: 50px 40px 40px;
border-radius: 20px;
}
.prt-history-box-wrapper .prt-historybox-description {
color: var(--body-fonts-color);
font-size: 18px;
line-height: 28px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.preyantechnosys-element-historyboxbox-style1.preyantechnosys-boxes-view-swiper .prt-box-col-wrapper.swiper-slide,
.elementor-widget-tm_team_element .preyantechnosys-element-teambox-style1.preyantechnosys-boxes-view-swiper .prt-box-col-wrapper.swiper-slide {
transform: rotate(30deg);
padding-top: 64px;
margin-bottom: -64px;
padding-right: 0;
padding-left: 0;
transition: all 0.5s ease;
}
.preyantechnosys-element-historyboxbox-style1.preyantechnosys-boxes-view-swiper .prt-box-col-wrapper.swiper-slide.swiper-slide-active, .elementor-widget-tm_team_element .preyantechnosys-element-teambox-style1.preyantechnosys-boxes-view-swiper .prt-box-col-wrapper.swiper-slide.swiper-slide-active {
transform: rotate(-30deg);
transition: all 0.5s ease;
}
.preyantechnosys-element-historyboxbox-style1.preyantechnosys-boxes-view-swiper .prt-box-col-wrapper.swiper-slide.swiper-slide-next, .elementor-widget-tm_team_element .preyantechnosys-element-teambox-style1.preyantechnosys-boxes-view-swiper .prt-box-col-wrapper.swiper-slide.swiper-slide-next {
transform: rotate(0);
padding-top: 0;
transition: all 0.5s ease;
}
.prt-history-box-wrapper .prt-historybox-imagebox img {
border-radius: 20px;
}
.historybox-section .feature-imagebox-style2 .feature-thumbnail{
width: 140px;
margin: 0 auto 15px;
}
/*style3*/
.bg-color1 .feature-imagebox-style3 {
background-color: #E0E9BD;
}
.feature-imagebox-style3{
background-color: var(--base-grey);
transition: all 0.5s ease;
margin-left: 50px;
padding-left: 20px;
border-radius: 50px;
padding: 20px 20px 20px 0;
}
.feature-imagebox-style3 .feature-content-box{
background: var(--base-white);
border-radius: 50px;
margin-left: -50px;
border: 1px solid rgb(0, 0, 0, 0.15);
position: relative;
padding: 35px 20px 45px 20px;
transition: all 0.5s ease;
}
.feature-imagebox-style3 .feature-thumbnail{
float: left;
padding-right: 26px;
padding-top: 30px;
position: relative;
}
.feature-imagebox-style3 .feature-thumbnail img{
border-radius: 50%;
height: auto;
max-width: 100%;
}
.feature-imagebox-style3 .feature-content{
overflow: hidden;
}
.feature-imagebox-style3 .feature-content h3{
font-size: 27px;
line-height: 38px;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
padding-top: 20px;
font-weight: 400;
}
.feature-imagebox-style3 .post-metadetails{
display: flex;
text-transform: capitalize;
}
.feature-imagebox-style3 .job-author,.job-deadline{
margin-right: 5px;
padding-right: 4px;
position: relative;
}
.feature-imagebox-style3 .job-author:before ,.job-deadline:before{
content: '/';
position: absolute;
right: -3px;
}
.feature-imagebox-style3 .prt-job-time a{
background:var(--base-grey) ;
padding: 2px 20px;
display: inline-block;
vertical-align: top;
border-radius:15px;
margin-right: 5px;
color: var(--base-black);
margin-bottom: 15px;
}
.feature-imagebox-style3 .prt-salarybox{
display: flex;
color: var(--base-dark);
font-size: 18px;
float: left;
padding-top: 4px;
font-weight: 500;
}
.feature-imagebox-style3 .prt-job-salary span {
font-weight: 400;
position: relative;
padding-left: 10px;
font-size: 18px;
}
.feature-imagebox-style3 .prt-job-salary span::before{
content: '/';
position: absolute;
left: 0;
font-size:16px;
font-weight: 400;
}
.feature-imagebox-style3 .prt-btn-block{
overflow: hidden;
text-align: right;
}
.feature-imagebox-style3 .prt-btn-block2{
overflow: hidden;
text-align: right;
}
.feature-imagebox-style3 .prt-btn-block a{
display: inline-block;
vertical-align: top;
border: 1px solid #000;
border-radius: 20px;
padding: 3px 20px;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
}
.feature-imagebox-style3 .prt-btn-block a:hover{
color: rgba(22, 38, 32, 0.8);
}
.feature-imagebox-style3 .prt-btn-block2 a {
display: inline-block;
vertical-align: top;
border: 1px solid #000;
border-radius: 20px;
padding: 3px 20px;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
}
.feature-imagebox-style3 .prt-btn-block3 a {
display: inline-block;
vertical-align: top;
border: 1px solid #000;
border-radius: 20px;
padding: 3px 20px;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
}
.feature-imagebox-style3 .prt-btn-block4 a {
display: inline-block;
vertical-align: top;
border: 1px solid #000;
border-radius: 20px;
padding: 3px 20px;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
}
.feature-imagebox-style3 .prt-btn-block5 a {
display: inline-block;
vertical-align: top;
border: 1px solid #000;
border-radius: 20px;
padding: 3px 20px;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
}
.feature-imagebox-style3 .prt-btn-block4{
overflow: hidden;
text-align: right;
}
.feature-imagebox-style3 .prt-btn-block5{
overflow: hidden;
text-align: right;
}
.feature-imagebox-style3 .prt-btn-block3{
overflow: hidden;
text-align: right;
}
.feature-imagebox-style3 .prt-box-readmore{
padding: 20px 15px 0px 50px;
}
.feature-imagebox-style3:hover .feature-content-box {
transition: all 0.5s ease;
margin-left: 0;
padding-left: 20px;
}
.feature-imagebox-style3 .prt-bookmark a {
position: absolute;
height: 42px;
width: 42px;
border: 1px solid var rgb(0, 0, 0, 0.15);
border-radius: 50px;
text-align: center;
line-height: 42px;
right: 20px;
left: auto;
top: 20px;
bottom: auto;
}
.feature-imagebox-style3 .prt-bookmark a:hover{
background: var(--base-skin);
opacity: 1;
border-color: var(--base-skin);
}
.feature-imagebox-style3 :hover {
transition: all 0.5s ease;
transform: translateY(0);
}
.feature-imagebox-style3 {
transition: all 0.5s ease;
}
.feature-imagebox-style3:hover {
transition: all 0.5s ease;
margin-left: 0;
padding-left: 20px;
}
.feature-imagebox-style3 .prt-employer-listmetadetails{
display: flex;
text-transform: capitalize;
}
.feature-imagebox-style3 .prt-employer-location{
margin-right: 10px;
padding-right: 11px;
position: relative;
}
.feature-imagebox-style3 .prt-employer-location:before{
content: '/';
position: absolute;
right: -3px;
}
.feature-imagebox-style3 .prt-catbox{
display: flex;
color: var(--base-black);
font-size: 18px;
float: left;
padding-top: 4px;
}
.feature-imagebox-style3 .prt-catbox i{
margin-top: 4px;
margin-right: 5px;
}
/*style4*/
.featured-imagebox-blog-style4{
border-radius: 20px;
border: 2px solid var(--base-dark) ;
}
.featured-imagebox-blog-style4 .feature-blog-content{
position: relative;
z-index: 1;
text-align: left;
}
.featured-imagebox-blog-style4 .feature-blog-content {
padding: 0 30px 25px;
text-align: left;
background-color: var(--base-grey);
border-radius: 0px 0px 20px 20px;
}
.featured-imagebox-blog-style4 .prt-blog-img-wrap {
margin-top: -20px;
position: relative;
}
.featured-imagebox-blog-style4 .post-meta .prt-meta-line {
position: relative;
color: var(--prt-secondarycolortwo);
padding-right: 10px;
margin-right: 10px;
font-size: 14px;
}
.featured-imagebox-blog-style4 .post-meta .prt-meta-line:last-child {
padding-right: 0;
margin-right: 0;
}
.featured-imagebox-blog-style4 .post-meta span:before{
position: absolute;
content: "";
height: 15px;
width: 1px;
right: -3px;
top: 4px;
background-color: var(--base-dark);
transform: rotate(15deg);
}
.featured-imagebox-blog-style4 .prt-blog-img-wrap {
margin: 0px 0px 15px 0px;
}
.featured-imagebox-blog-style4 .featured-content h4 {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 24px;
line-height: 34px;
font-weight: 500;
}
.featured-imagebox-blog-style4 .prt-blog-img-wrap {
background: var(--base-white);
display: inline-block;
vertical-align: top;
border: 1px solid rgb(0, 0, 0, 0.15);
border-radius: 15px;
padding: 6px 25px;
}
.featured-imagebox.featured-imagebox-blog-style4 .featured-content h4 a:hover{
color: var(--base-dark);
opacity: 0.8;
}
.featured-imagebox.featured-imagebox-blog-style4 .feature-blog-content {
padding-top: 10px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.featured-imagebox-blog-style4 .featured-content {
position: relative;
z-index: 1;
text-align: left;
}
.featured-imagebox-blog-style4 :hover .feature-thumbnail img {
-moz-transform: scale(1.09);
-webkit-transform: scale(1.09);
-ms-transform: scale(1.09);
transform: scale(1.09);
}
.featured-imagebox-blog-style4 .feature-thumbnail img {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
width: 100%;
border-radius: 20px 20px 0px 0px;
}
.featured-imagebox-blog-style4:hover .feature-thumbnail img {
-moz-transform: scale(1.09);
-webkit-transform: scale(1.09);
-ms-transform: scale(1.09);
transform: scale(1.09);
}
.featured-imagebox-blog-style4 .post-meta .prt-meta-line:last-child:before{
content: unset;
}
/*style5*/
.featured-imagebox-style5:before{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
content: "";
display: block;
z-index: 1;
}
.featured-imagebox-style5{
display: flex;
border-radius: 20px;
margin-right: auto;
margin-left: auto;
position: relative;
}
.featured-imagebox-style5 .feature-thumbnail{
position: relative;
z-index: 1;
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s,
transform var(--e-transform-transition-duration, .4s);
}
.featured-imagebox-style5 .feature-thumbnail img{
vertical-align: middle;
display: inline-block;
max-width: 100%;
width: auto;
}
.featured-imagebox-style5 .feature-thumbnail:before{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
content: "";
display: block;
z-index: 1;
}
.featured-imagebox-style5 .feature-title h3{
font-size: 36px;
line-height: 46px;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 15px;
}
.featured-imagebox-style5 .featured-desc p{
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #162620;
}
/*style6*/
.feature-avatar .featured-title h3{
padding: 12px 0px 0px 22px;
}
.featured-imagebox-style6 .feature-thumbnail img.img-fluid{
display: inline-block;
vertical-align: middle;
border-radius: 20px;
}
.feature-thumbnail-box .feature-title h3{
font-size: 30px;
text-transform: capitalize;
font-weight: 400;
padding-left: 20px;
}
.feature-thumbnail-box .featured-desc p{
font-size: 20px;
line-height: 30px;
color: #254035;
}
/*style7*/
.featured-imagebox-style7{
margin-bottom: 30px;
}
.location-details-inner span.count {
font-size: 14px;
opacity: 0.74;
}
.location-details-inner h4.entry-location {
font-weight: 500;
margin-bottom: 0;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 24px;
line-height: 32px;
}
.location-details-inner h4 a {
color: var(--base-white);
}
.location-details-inner h4.entry-location a:hover {
color: var(--base-skin);
}
.location-details-inner span.count {
font-size: 14px;
opacity: 0.74;
color: var(--base-white);
}
/*.location-details-inner span.count:hover{
color:;
}*/
.featured-imagebox-style7 {
position: relative;
overflow: hidden;
}
.location-details {
position: absolute;
bottom: 30px;
left: 35px;
right: 35px;
color: var(--prt-whitecolor);
}
.featured-imagebox-style7 .featured-thumbnail img {
border-radius: 10px;
transition: all 0.5s ease;
}
.featured-imagebox-style7:hover .featured-thumbnail img {
border-radius: 50px;
transition: all 0.5s ease;
}
.featured-imagebox-style7 .featured-thumbnail {
overflow: hidden;
transition: all 0.5s ease;
}
.featured-imagebox-style7:hover .featured-thumbnail {
border-radius: 50px;
transition: all 0.5s ease;
}
.featured-imagebox-style7 .featured-thumbnail:before {
background-color: #000000;
-webkit-transform: scaleX(0.5) scaleY(0.2);
transform: scaleX(0.5) scaleY(0.2);
opacity: 0;
content: '';
height: 100%;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 0;
-webkit-transition: inherit;
transition: inherit;
border-radius: 50px;
background-image: linear-gradient(20deg, rgba(0, 0, 0, 0.01), transparent);
}
.featured-imagebox-style7:hover .featured-thumbnail::before {
opacity: 0.5;
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
.featured-imagebox-style7 .featured-thumbnail:after {
content: '';
background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.5), transparent);
height: 100%;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
border-radius: 10px;
transition: all 0.5s ease;
}
.featured-imagebox-style7:hover .featured-thumbnail:after {
opacity: 0;
transform: scale(0);
}
/*stepbox-section*/
.featured-imagebox-showcase-style1 {
position: relative;
display: flex;
width: 100%;
height: 100%;
opacity: 1;
}
.featured-imagebox-showcase-style1 .featured-showcase-content.active .featured-showcase-details {
width: 50%;
display: block;
}
.featured-showcase-details-inner {
padding: 15px 40px 15px 50px;
}
.prt_showcasebox_wrapper.prt--init {
transition: opacity .5s .2s;
opacity: 1;
}
.prt_showcasebox_wrapper.prt--init .featured-showcase-content {
transition: all 1s;
}
.prt_showcasebox_wrapper .prt-post-featured-link-wrapper .prt-box-title .prt-box-more-link {
color: var(--base-white);
}
.featured-imagebox-showcase-style1 .prt-box-title h4 {
font-size: 28px;
font-weight: 500;
line-height: 38px;
}
.prt_showcasebox_wrapper .prt-post-featured-link-wrapper .prt-box-title h4 {
margin: 0;
pointer-events: none;
}
.featured-imagebox-showcase-style1 .feature-thumbnail .prt-box-title h4{
color: var(--base-white);
}
.featured-imagebox-showcase-style1 .featured-showcase-content {
position: relative;
display: flex;
align-items: center;
padding-top: 0;
z-index: 5;
height: 100%;
transition: 0.5s;
cursor: pointer;
margin: 0 10px;
}
.featured-showcase-content .featured-showcase-details{
display: none;
}
.featured-imagebox-showcase-style1 .prt-m-items-holder {
overflow: hidden;
display: flex;
width: 100%;
}
.featured-imagebox-showcase-style1 .featured-showcase-content.active {
width: 50%;
transition: 0.5s;
background-color: #F7D8F9;
border-radius: 20px;
}
.featured-imagebox-showcase-style1 .featured-showcase-content.active .prt-main-title {
transition-delay: 0s;
}
.featured-imagebox-showcase-style1 .featured-showcase-content.active .prt-main-title {
opacity: 1;
}
.featured-imagebox-showcase-style1 .featured-showcase-content .prt-main-title {
position: relative;
top: 50%;
transform: translate(0, -50%);
opacity: 1;
visibility: visible;
transition: all .3s ease;
text-align: center;
padding: 0 50px;
}
.featured-imagebox-showcase-style1 .featured-showcase-content .prt-box-icon {
position: absolute;
right: 40px;
bottom: 40px;
z-index: 1;
}
.featured-imagebox-showcase-style1 .prt-main-title {
position: absolute;
bottom: 40px;
left: 40px;
right: 0;
display: block;
box-sizing: border-box;
transition: border-color .35s ease-out .7s;
opacity: 0;
display: none;
cursor: text;
width: 40%;
}
.featured-imagebox-showcase-style1 .featured-showcase-content.active .prt-m-header {
opacity: 1;
display: block;
}
.featured-imagebox-showcase-style1 .prt-main-title {
width: 100%;
display: block;
height: 100%;
transition: .5s opacity;
cursor: pointer;
}
.featured-imagebox-showcase-style1 .prt-box-title {
display: flex;
}
.featured-imagebox-showcase-style1 .prt-m-link {
padding: 0;
position: absolute;
right: 40px;
top: 40px;
opacity: 1;
}
.featured-imagebox-showcase-style1 .prt-box-decs p{
font-size: 18px;
margin-bottom: 30px;
color: var(--base-black);
line-height: 28px;
}
.featured-imagebox-showcase-style1 .preyantechnosys-static-box-sublabel {
font-size: 32px;
line-height: 42px;
font-weight: var(--special-element-fontweight);
color: var(--prt-whitecolor);
margin-bottom: 22px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.featured-imagebox-showcase-style1 a.showcase-btn{
position: relative;
display: inline-block;
vertical-align: top;
border: 1px solid;
font-size: 16px;
font-weight: 500;
text-transform:capitalize;
padding: 15px;
padding-left: 25px;
padding-right: 25px;
border-radius: 50px;
line-height: 16px;
}
.prt-post-featured-link-wrapper,
.prt-featured-outer-wrapper {
display: block;
height: 100%;
width: 100%;
}
.featured-imagebox-showcase-style1 .featured-showcase-content .feature-thumbnail {
position: relative;
overflow: hidden;
border-radius: 20px;
}
.featured-imagebox-showcase-style1 .featured-showcase-content .feature-thumbnail:before {
position: absolute;
content: "";
top: 50%;
left: 0;
width: 100%;
-webkit-transition: all .45s ease-in-out;
-moz-transition: all .45s ease-in-out;
-ms-transition: all .45s ease-in-out;
transition: all .45s ease-in-out;
visibility: visible;
align-items: center;
justify-content: center;
transition: all .3s ease;
right: auto;
margin: auto;
border-radius: 30%;
box-shadow: 0 0 60px 40px rgba(0,0,0,0.9);
}
.featured-imagebox-showcase-style1 .featured-showcase-content.active .feature-thumbnail:before,
.featured-imagebox-showcase-style1 .featured-showcase-content.active .prt-main-title{
visibility: hidden;
transition: all .3s ease;
opacity: 0;
}
/*gallery*/
.featured-imagebox-gallery{
position: relative;
overflow: hidden;
border-radius: var(--base-border-radius-20);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.featured-imagebox-gallery:before,
.featured-imagebox-gallery:after{
content: "";
position: absolute;
width: 150%;
height: 150%;
padding-bottom: 150%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0, 0);
border-radius: 50%;
box-sizing: border-box;
z-index: 1;
background: rgba(0,0,0,0.2);
}
.featured-imagebox-gallery:before{ transition: all .3s ease-out; }
.featured-imagebox-gallery:after{ transition: all .8s ease-out; }
.featured-imagebox-gallery:hover:before,
.featured-imagebox-gallery:hover:after{ transform: translate(-50%, -50%) scale(1, 1); }
.featured-imagebox-gallery .featured-thumbnail img{ transform: scale(1) !important; border-radius: 20px; }
.featured-imagebox-gallery .featured-icon a{
position: absolute;
opacity: 0;
color: var(--base-white);
top: 50%;
margin-top: -20px !important;
left: 0;
right: 0;
margin: 0 auto;
z-index: 3;
text-align: center;
font-size: 26px;
line-height: 45px;
height: 45px;
width: 45px;
border: 2px solid var(--base-white);
background-color: transparent;
border-radius: var(--base-border-radius-10);
transform: perspective(110px) rotateX(60deg) scale(.6);
transform-origin: 50% 100% 0;
transition: all .2s ease;
transform-style: flat;
}
.featured-imagebox-gallery .featured-icon a:hover {
background-color: var(--base-dark);
border-color: var(--base-dark);
}
.featured-imagebox-gallery:hover .featured-icon a{
transform: perspective(100px) rotateX(0deg);
opacity: 1;
transition-delay: .2s;
}
/* post */
.featured-imagebox-post {
overflow: visible;
}
.featured-imagebox-post .featured-content .post-meta span{
display: inline-block;
position: relative;
margin-right: 20px;
font-size: 15px;
line-height: 15px;
margin-bottom: 12px;
}
.featured-imagebox-post .featured-content .post-meta span,
.featured-imagebox-post .featured-content .post-meta span a {
color: var(--body-font-color);
}
.featured-imagebox-post .featured-content .post-meta span:last-child{ margin-right: 0; }
.featured-imagebox-post .featured-content .post-meta span i{
padding-right: 4px;
font-size: 14px;
line-height: 0;
color: var(--base-skin);
}
.featured-imagebox-post .featured-content .post-meta span i.fa-comments-o { font-size: 16px; }
.featured-imagebox-post .prt-box-post-date .prt-entry-date{
color: #fff;
display: inline-block;
padding: 20px 8px;
z-index: 2;
font-size: 15px;
}
.prt-box-post-date .prt-entry-date .entry-month,
.prt-box-post-date .prt-entry-date .entry-year {
font-size: 16px;
line-height: 1;
display: block;
font-weight: 700;
text-transform: capitalize;
}
.post-category{
display: inline-block;
border-radius: 6px;
font-size: 14px;
line-height: 1;
padding: 6px 10px;
color: #fff;
margin-bottom: 15px;
}
/* post-1 */
.featured-imagebox-post.style1{display: flex; align-items: center; margin: 0;}
.featured-imagebox-post.style1 .featured-thumbnail{
display: flex;
flex-shrink: 0;
}
.featured-imagebox-post.style1 .prt-blog-img-wrap{ text-align: center; padding:0 40px 0 0; }
.featured-imagebox-post.style1 .prt-blog-img-wrap .post-meta{ padding: 15px 0 17px; }
.featured-imagebox-post.style1 .prt-blog-img-wrap .post-meta span{
position: relative;
padding-right: 12px;
margin-right: 2px;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--base-white);
text-transform: capitalize;
}
.featured-imagebox-post.style1 .prt-blog-img-wrap .post-meta span:before{
content: "/";
position: absolute;
right: 0;
top: -3px;
}
.featured-imagebox-post.style1 .prt-blog-img-wrap .post-meta span:last-child:before{ content: ''; }
.featured-imagebox-post.style1 .featured-thumbnail img{
width: auto;
border-radius: var(--base-border-radius-20);
transform: scale(1);
margin: 0;
}
.featured-imagebox-post.style1 .featured-title h3 a{
font-size: 30px;
line-height: 46px;
font-weight: 500;
padding-bottom: 10px;
padding-top: 12px;
color: var(--base-white);
}
.featured-imagebox-post.style1 .featured-content{ padding: 0 0 0 40px; }
.pricing-btn a{
border: 1px solid var(--base-white);
}
.pricing-btn a:hover{
color: var(--base-skin);
color: var(--base-skin);
}
/*style2*/
.featured-imagebox-post.style2{display: flex; align-items: center; margin: 0;}
.featured-imagebox-post.style2 .featured-thumbnail{
display: flex;
flex-shrink: 0;
}
.featured-imagebox-post.style2 .prt-blog-img-wrap{ text-align: center; padding:0 40px 0 0; }
.featured-imagebox-post.style2 .prt-blog-img-wrap .post-meta{ padding: 15px 0 17px; }
.featured-imagebox-post.style2 .prt-blog-img-wrap .post-meta span.prt-meta-line.brand{
position: relative;
padding-right: 12px;
margin-right: 2px;
font-size: 36px;
line-height: 46px;
font-family: var(--base-headingfont);
color: var(--base-white);
}
.featured-imagebox-post.style2 .prt-blog-img-wrap .post-meta span.prt-meta-line.date{
display: inline-block;
font-size: 20px;
line-height: 30px;
font-weight: 500;
text-transform: capitalize;
position: relative;
padding-left: 5px;
color: var(--base-white);
}
.featured-imagebox-post.style2 .prt-blog-img-wrap .post-meta span:before{
content: "/";
position: absolute;
right: -9px;
top: -3px;
}
.featured-imagebox-post.style2 .prt-blog-img-wrap .post-meta span:last-child:before{ content: ''; }
.featured-imagebox-post.style2 .featured-thumbnail img{
width: auto;
border-radius: var(--base-border-radius-20);
transform: scale(1);
margin: 0;
}
.featured-imagebox-post.style2 .featured-title h3{
font-size: 30px;
line-height: 46px;
font-weight: 500;
padding-bottom: 10px;
padding-top: 10px;
}
.featured-imagebox-post.style2 .featured-title h3 a{
color: var(--base-white);
}
.featured-imagebox-post.style2 .featured-content{ padding: 0 0 0 40px; }
/* services */
.feature-servicebox-image.style1{
position: relative;
overflow: hidden;
border-radius: 15px;
}
.feature-servicebox-image.style1 .feature-thumbnail {
position: relative;
}
.feature-servicebox-image.style1 .feature-thumbnail:before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, .08);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.feature-servicebox-image.style1:hover .feature-thumbnail:before {
-webkit-animation: circle 2s;
animation: circle 2s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.feature-servicebox-image.style1 .feature-service-content{
position: absolute;
bottom: 30px;
text-align: left;
padding: 0 30px;
right: 0;
left: 0;
z-index: 2;
}
.feature-servicebox-image.style1 .feature-service-content .featured-title h3 a{
position: relative;
margin-bottom: 0;
font-size: 28px;
line-height: 38px;
font-weight: 600;
}
.feature-servicebox-image.style1 .feature-service-content .featured-title h3 a{
color: var(--base-white);
}
.feature-servicebox-image.style1 .feature-service-content .featured-title h3 a:hover{
color: var(--base-skin);
}
.feature-servicebox-image.style1 .feature-thumbnail a img.img-fluid {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
-webkit-transition: .75s ease-in-out;
transition: .75s ease-in-out;
}
.feature-servicebox-image.style1:hover .feature-thumbnail a img.img-fluid {
-webkit-transform: rotate(10deg) scale(1.2);
transform: rotate(10deg) scale(1.2);
}
.feature-servicebox-image.style1 .feature-thumbnail:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all .45s ease-in-out;
-moz-transition: all .45s ease-in-out;
-ms-transition: all .45s ease-in-out;
transition: all .45s ease-in-out;
opacity: .82;
visibility: visible;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(0deg, rgba(0, 0, 0, .75) 30%, transparent 60%);
padding: 20px;
transition: all .3s ease;
}
/* team-1 */
.featured-imagebox-team.style1{
border: 1px solid rgb(0, 0, 0, 0.15);
border-radius:20px;
}
.featured-imagebox-team.style1 .preyantechnosys-boxes-row-wrapper.row:not(.slick-slider) .prt-box-col-wrapper .preyantechnosys-box-team.preyantechnosys-teambox-style1 {
margin-bottom: 0px!important;
}
.featured-imagebox .featured-imagebox-team.style1 {
position: relative;
text-align: center;
overflow: hidden;
}
.featured-imagebox-team.style1 .featured-thumbnail img {
border-radius: 20px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
object-fit: cover;
}
.featured-imagebox-team.style1:hover .featured-thumbnail img {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
transform: translateY(5px);
}
.featured-imagebox .featured-imagebox-team.style1 {
-webkit-transition: all 0.9s ease 0s;
-moz-transition: all 0.9s ease 0s;
-ms-transition: all 0.9s ease 0s;
-o-transition: all 0.9s ease 0s;
transition: all 0.9s ease 0s;
}
.featured-imagebox-team.style1 .featured-thumbnail {
overflow: hidden;
position: relative;
border-radius: 20px;
}
.featured-imagebox-team.style1 .featured-content {
padding: 23px 35px 0px;
text-align: left;
position: absolute;
top: 0;
bottom: auto;
left: 0;
right: auto;
}
.featured-imagebox-team.style1 .featured-content h5 {
font-size: 30px;
margin-bottom: 0;
line-height: 40px;
}
.featured-imagebox-team.style1 .featured-content h5 a {
color: var(--base-dark);
}
.featured-imagebox-team.style1 .featured-content h5 a:hover {
color: var(--base-dark);
opacity: 0.8;
}
.featured-imagebox-team.style1 .prt-position {
font-size: 17px;
color: var(--body-fonts-color);
}
.featured-imagebox-team.style1 .prt-social-links-wrapper ul {
padding: 5px 18px;
margin: auto;
background: var(--base-white);
display: inline-block;
border-radius: 50px;
text-align: center;
}
.featured-imagebox-team.style1 .prt-social-links-wrapper {
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: -15%;
margin: 0 auto;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
text-align: center;
}
.featured-imagebox-team.style1:hover .prt-social-links-wrapper {
bottom: 25px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.featured-imagebox-team.style1 .prt-social-links-wrapper ul li {
display: inline-block;
vertical-align: top;
text-align: center;
margin-right: 5px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.featured-imagebox-team.style1:hover .prt-social-links-wrapper ul li {
opacity: 1;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.featured-imagebox-team.style1 .prt-social-links-wrapper ul li:last-child {
margin-right: 0;
}
/*team-details*/
.prt-team-member-single-list h2{
font-size: 48px;
line-height: 58px;
margin-bottom: 0;
font-weight: 500;
text-transform: capitalize;
}
.prt-team-member-single-list .short-decs p{
padding-top: 32px;
margin-top: 30px;
font-size: 18px;
line-height: 28px;
border-top: 1px solid rgb(0, 0, 0, 0.15);
padding-bottom: 15px;
}
.team-details-section{
position: relative;
vertical-align: top;
}
.prt-team-details-wrapper ul li {
list-style: none;
padding-bottom: 15px;
display: block;
position: relative;
}
.prt-team-details-wrapper ul li .prt-team-list-title{
margin-right: 0;
position: relative;
font-size: 17px;
line-height: 27px;
color: var(--base-black);
font-weight: 500;
display: inline-block;
vertical-align: top;
}
.prt-team-details-wrapper ul li .prt-team-list-value{
font-size: 17px;
line-height: 27px;
color: var(--base-black);
display: inline-block;
vertical-align: top;
}
.prt-team-details-wrapper ul li .prt-team-list-value a:hover{
color: #6c6c6c;
}
.prt-team-details-wrapper ul li .prt-team-list-value ul li a{
display: flex;
vertical-align: top;
line-height: 25px;
margin: 0px 10px 5px 0px;
text-align: center;
}
.team-details-info-content .content-title h3{
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
font-weight: 500;
margin-bottom: 15px;
color: var(--base-black);
text-align: center;
}
.team-details-info-content .content-decs p{
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: var(--base-black);
text-align: center;
}
.team-details-info-content .content-decs p span{
text-decoration: underline;
font-weight: 500;
color: var(---base-black);
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
}
.team-details-info-content .content-decs .company-year{
font-size: 18px;
line-height: 32px;
text-align: center;
font-weight: 500;
color: var(--base-black);
margin-top: 40px;
}
.prt-team-details-wrapper ul li .prt-team-list-value ul,
.prt-team-details-wrapper ul li .prt-team-list-value ul li {
display: inline-block;
}
/* portfolio-image-box */
/*style1*/
.featured-thumbnail{position: relative;}
.featured-thumbnail .featured-thumbnail-inner:before {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
opacity: 0.7;
}
.featured-thumbnail .featured-thumbnail-inner a {
position: absolute;
top: 50%;
left: 50%;
width: 45px;
height: 45px;
border-radius: 50%;
text-align: center;
line-height: 45px;
font-size: 16px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.featured-thumbnail .featured-thumbnail-inner {
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
visibility: hidden;
}
.featured-thumbnail:hover .featured-thumbnail-inner {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.featured-thumbnail-inner i{
display: none;
}
.featured-imagebox-portfolio.style1{
border-radius: 20px;
}
/* ===============================================
14.Testimonial
------------------------*/
.testimonial { position: relative; }
.testimonial .testimonial-caption h3 {
font-size: 22px;
line-height: 34px;
display: block;
margin-bottom: 0;
}
.testimonial-caption label {
display: block;
margin: 0;
font-size: 15px;
line-height: 26px;
margin-bottom: 4px;
color: var(--base-skin);
}
.testimonial .testimonial-content blockquote{
padding: 10px 25px;
font-size: 20px;
position: relative;
line-height: 32px;
font-style: normal;
margin: 0;
}
/*style1*/
.testimonial-section .section-title.style1 {
border-bottom: 1px solid #D0D0D0;
margin-top: 0px;
margin-bottom: 40px;
padding-bottom: 15px;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.testimonial-wrapper{
position: relative;
}
.testimonial-nav{
max-width: 31%;
margin-bottom: 0 !important;
margin: 0 auto;
float: left;
margin-top: 95px;
}
.testimonial-nav .testimonial-caption h3{
font-size: 27px;
display: block;
margin-right: 10px;
float: left;
font-weight: 400;
line-height: 40px;
cursor: pointer;
}
.testimonial-nav::before {
content: '';
background: rgb(0, 0, 0, 0.15);
height: 100%;
width: 1px;
display: block;
position: absolute;
right: 31%;
top: 0;
}
.testimonial-item{
margin-left: 0px;
margin-right: 0px;
position: relative;
margin-bottom: 20px;
}
.author-name h3{
font-size: 27px;
display: block;
margin-right: 10px;
float: left;
font-weight: 400;
line-height: 40px;
opacity: 1;
visibility: visible;
}
.testimonial-info{
display: block;
width: 60%;
text-align: left;
float: left;
padding-bottom: 30px
}
.testimonial{
isplay: table-cell;
vertical-align: middle;
}
.testimonial-text{
position: relative;
z-index: 1;
font-size: 28px;
font-weight: 400;
line-height: 44px;
color: var(--base-dark);
margin-bottom: 178px;
text-overflow: ellipsis;
overflow: hidden;
font-style: normal;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.testimonial-text:before{
content: "";
display: table;
}
.testimonial-text:after{
content: "";
display: table;
clear: both;
}
.testimonial-title{
display: inline-block;
}
.testimonial-title h3{
font-size: 27px;
display: block;
margin-right: 10px;
float: left;
font-weight: 400;
line-height: 40px;
margin-bottom: 0px;
}
.testimonial-title span{
clear: both;
display: block;
}
.testimonial-avatar{
margin: 0 auto;
display: block;
border-radius: 20px;
overflow: hidden;
/* width: 405px;
height: 419px;*/
}
.testimonial-nav .testimonial-caption.slick-slide.slick-current {
position: relative;
}
.testimonial-nav .testimonial-caption.slick-slide.slick-current::before {
content: '';
background: var(--base-dark);
width: 6px;
height: 54px;
display: block;
position: absolute;
right: 30.7%;
}
.testimonial-info {
padding-left: 30px;
padding-right: 45px;
padding-top: 95px;
background: var(--base-grey);
padding-bottom: 45px;
border-radius: 80px 0 0 0;
max-width: 69%;
float: left;
margin-bottom: 0 !important;
}
.testimonial-info .prt-testimonial-box-slickview-style1 .testimonial-content {
display: block;
width: 60%;
text-align: left;
float: left;
padding-bottom: 30px;
}
.testimonial-main .testimonial-info .slick-prev,
.testimonial-main .testimonial-info .slick-next {
bottom: auto;
top: -17%;
}
.testimonial-main .testimonial-info .slick-arrow {
padding: 0;
margin: 0 3px;
z-index: 1;
background-color: transparent;
width: 40px;
height: 40px;
text-align: center;
border: 2px solid #000;
height: 50px;
line-height: 50px;
width: 50px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius: 50%;
}
.testimonial-main .testimonial-info .slick-prev {
left: 58%;
}
.testimonial-main .testimonial-info .slick-prev:hover {
background-color: var(--base-skin);
border-color: var(--base-skin);
}
.testimonial-main .testimonial-info .slick-next {
left: 65%;
}
.testimonial-main .testimonial-info .slick-next:hover {
background-color: var(--base-skin);
border-color: var(--base-skin);
}
.testimonial-main .testimonial-info .slick-prev:before,
.testimonial-main .testimonial-info .slick-next:before {
font-family: 'fontello';
text-align: center;
font-weight: normal;
color: #000;
font-size: 20px;
position: relative;
opacity: 1;
content: '\e808';
display: block;
height: 48px;
width: 48px;
line-height: 48px;
}
.testimonial-main .testimonial-info .slick-next:before {
text-align: center;
transform: rotate(180deg);
}
.testimonial-main .testimonial-info .slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.testimonial-main .testimonial-info .slick-dots li.slick-active,
.testimonial-main .testimonial-info .slick-dots li:last-child {
display: inline-block;
width: 25px;
height: 25px;
margin: 0px 15px 0 0;
padding: 0 16px 0 0;
}
.testimonial-main .testimonial-info .slick-dots li:last-child {
margin: 0;
padding: 0;
}
.testimonial-main .testimonial-info .slick-dots li {
position: relative;
display: none;
pointer-events: unset;
z-index: 99;
}
.testimonial-main .testimonial-info .slick-dots li::before {
content: '/';
position: absolute;
right: -10px;
left: auto;
top: 10px;
}
.testimonial-main .testimonial-info .slick-dots li:last-child::before {
display: none;
}
.testimonial-main .testimonial-info .slick-dots {
bottom: auto;
top: -25.5%;
right: 36%;
width: auto;
font-size: 15px;
color: #000;
font-weight: 700;
}
.testimonial-main .testimonial-info .slick-dots button {
background-color: transparent;
color: #000;
}
/* ===============================================
15.Accordion
------------------------*/
.wrap-acadion .accordion { margin-top: 15px; }
.accordion .toggle-title a{
display: block;
font-weight: 400;
font-size: 18px;
position: relative;
}
.accordion .toggle-title a i{ margin-right: 15px; }
.accordion .toggle-content { margin-top: 15px; }
.accordion .toggle-content.show { display: block !important; }
.accordion .toggle-content p:last-child { margin-bottom: 0; }
.accordion .toggle .toggle-title a:after {
position: absolute;
font-family: "Font Awesome 5 Free";
right: 20px;
display: inline-block;
content: "\f055";
border-radius: 50%;
font-size: 20px;
}
.accordion .toggle .toggle-title a.active:after { content: "\f056"; }
.accordion .alignleft{ margin: .15em 1.5em 1.1em 0; }
.accordion .toggle.prt-control-left-true .toggle-title a{ padding-left: 40px; }
.accordion .toggle.prt-control-left-true .toggle-title a:after{ left: 20px; }
.accordion .toggle.prt-control-left-true .toggle-title a { padding-left: 30px; }
.accordion .toggle.prt-control-left-true .toggle-title a:after{
left: 0;
border: 0;
font-size: 10px;
height: 18px;
width: 18px;
line-height: 18px;
text-align: center;
}
/*style1*/
.accordion.style1 .toggle{
background-color: var(--base-grey);
border: 0;
border-radius: 20px;
padding: 20px 20px 20px 35px;
margin-bottom: 30px;
}
.accordion.style1 .toggle-title a{
font-size: 22px;
line-height: 34px;
color: var(--base-black);
font-weight: 500;
}
.accordion.style1 .toggle-content p{
font-size: 17px;
color: #6c6c6c;
}
.accordion.style1 .toggle .toggle-title a:after {
content: "\f067";
font-size: 18px;
color: var(--base-dark);
transition: all .4s;
position: absolute;
font-family: "FontAwesome";
display: inline-block;
top: 0px;
}
.accordion.style1 .toggle .toggle-title a.active:after {
content: "\f068";
font-size: 18px;
color: var(--base-dark);
font-family: "FontAwesome";
}
/*style2*/
.accordion.style2{
position: relative;
padding:20px 30px;
border-radius:20px;
min-height: 464px;
background-repeat: no-repeat;
background-size: cover;
}
.accordion.style2 .toggle.prt-toggle_style_classic .toggle-content { margin-top: 0; padding: 0 0 45px; }
.accordion.style2 .toggle.prt-toggle_style_classic .toggle-title a {
padding: 20px 30px;
font-family: var(--base-headingfont);
font-size: 30px;
line-height: 46px;
font-weight: 500;
white-space: normal;
color: var(--base-white);
}
.accordion.style2 .toggle.prt-toggle_style_classic .toggle-title a.active { padding: 25px 70px 15px 0px; }
.accordion.style2 .toggle.prt-toggle_style_classic .toggle-title a:after{
content: '\e87a';
font-size: 30px;
font-weight: 800;
font-family: "fontello";
position: absolute;
top: 26px;
right: 0;
transition: all 0.1s ease;
}
.accordion.style2 .toggle.prt-toggle_style_classic .toggle-title a.active:after { transform: rotate(90deg); }
.accordion.style2 .toggle{
background: rgba(0, 0, 0, 0.2);
border: 0;
border-radius: 20px;
padding: 20px 30px;
margin-bottom: 30px;
}
.accordion.style2 .toggle-title a{
display: block;
font-weight: 400;
font-size: 18px;
position: relative;
}
/*style3*/
.accordion.style3 .prt-toggle_style_classic .toggle-title a{
position: relative;
font-size: 30px;
line-height: 40px;
font-family: var(--base-headingfont);
font-weight: 400;
padding: 25px 85px 27px 50px;
margin: 25px 0 25px;
color: var(--base-white);
border-radius: var(--base-border-radius-20);
background-color: rgba(0, 0, 0, 0.2);;
background-repeat: no-repeat;
background-size: cover;
}
.accordion.style3 .prt-toggle_style_classic:last-child .toggle-title a{
margin-bottom: 0;
}
.accordion.style3 .prt-toggle_style_classic .toggle-title a.active{ margin: 0 0 15px; }
.accordion.style3 .prt-toggle_style_classic .toggle-title a:after{
content: "\e87a";
font-size: 30px;
line-height: 29px;
font-family: 'fontello';
position: absolute;
top: 35px;
right: 45px;
font-weight: 800;
-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;
}
.accordion.style3 .prt-toggle_style_classic .toggle-title a.active:after{
transform: rotate(90deg);
}
.accordion.style3 .toggle-content{
border-radius: var(--base-border-radius-20);
background-color: rgba(0, 0, 0, 0.2);;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 40px;
}
.accordion.style3 .toggle-title .toggle-content:last-child{ margin-bottom: 0; }
/* prt-style-default */
.accordion .toggle.prt-toggle_style_default {
padding: 0;
border: 0;
border-radius: 20px;
}
.accordion .toggle.prt-toggle_style_default .toggle-content {
padding: 7px 30px 11px;
}
.accordion .toggle.prt-toggle_style_default .toggle-title a {
font-size: 18px;
font-weight: 700;
line-height: 1;
padding: 20px 30px;
border: 0;
border-radius: 20px;
}
.accordion .toggle.prt-toggle_style_default .toggle-title a:after{content: unset;}
.accordion .toggle.prt-toggle_style_default .toggle-title a.active{background-color: var(--base-dark);color: var(--base-white);}
.accordion .toggle.prt-toggle_style_default .toggle-title a:after{
content: "\e83f";
font-size: 29px;
line-height: 29px;
font-family: 'flaticon_hireco';
position: absolute;
top: 35px;
right: 45px;
-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;
transform: rotate(45deg);
}
/* ===============================================
16.Wrap-Form
------------------------*/
.wrap-form label{
width: 100%;
margin: 0;
}
.wrap-form span.text-input {
margin-bottom: 20px;
display: block;
position: relative;
}
.wrap-form span.text-input > i {
position: absolute;
left: 10px;
top: 21px;
opacity: .9;
font-size: 14px;
z-index: 1;
}
/*style1*/
.wrap-form.query_form-1 label{
font-size: 16px;
margin-bottom: 6px;
color: var(--base-white);
}
.wrap-form.query_form-1 span.text-input {
margin-bottom: 20px;
}
.wrap-form.query_form-1 span.text-input input,
.wrap-form.query_form-1 span.text-input select,
.wrap-form.query_form-1 span.text-input textarea {
border-radius: var(--base-border-radius-shap);
border: 0;
border-bottom: 0;
background-color: var(--base-dark);
color: #fff;
padding: 6px 18px 6px;
font-size: 13px;
}
.wrap-form.query_form-1 span.text-input input::-webkit-input-placeholder,
.wrap-form.query_form-1 span.text-input textarea::-webkit-input-placeholder,
.wrap-form.query_form-1 span.text-input select::-webkit-input-placeholder {
color: rgba(255 255 255 / 0.32);
}
/* ===============================================
17.Tab
------------------------*/
.prt-tabs ul.tabs{
width:100%;
padding: 0;
margin: 0;
}
.prt-tabs ul.tabs li{
position: relative;
display: inline-block;
}
.prt-tabs ul.tabs li:last-child{ margin-bottom: 0; }
.prt-tabs .content-tab .content-inner { display: none; }
.prt-tabs .content-tab .content-inner.active { display: block; }
/* prt-tab-style-01 */
.prt-tabs.prt-tab-style-01 ul.tabs {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.50);
text-align: right;
z-index: 9;
margin-top: -43px;
}
.prt-tabs.prt-tab-style-01 ul.tabs li a {
display: inline-block;
cursor: pointer;
width: auto;
position: relative;
z-index: 3;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-weight: 600;
font-family: var(--base-headingfont);
color: var(--base-white);
padding: 0 7px 15px 7px;
margin-left: 25px;
}
.prt-tabs.prt-tab-style-01 ul.tabs li a:before{
content: "";
width: 0%;
height: 4px;
background-color: var(--base-white);
display: inline-block;
vertical-align: middle;
position: absolute;
left: 0;
bottom: 0;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.prt-tabs.prt-tab-style-01 ul.tabs li.active a:before {
width: 100%;
opacity: 1;
}
.prt-tabs.prt-tab-style-01 .content-tab { padding: 35px 0px 0px; }
/* ===============================================
18.Boxes-Spacing
------------------------*/
.row.prt-boxes-spacing-25px, .prt-boxes-spacing-25px { margin: 0 -25px !important; }
.row.prt-boxes-spacing-25px .prt-box-col-wrapper {
padding-right: 25px !important;
padding-left: 25px !important;
}
.row.prt-boxes-spacing-20px, .prt-boxes-spacing-20px { margin: 0 -20px !important; }
.row.prt-boxes-spacing-20px .prt-box-col-wrapper {
padding-right: 20px !important;
padding-left: 20px !important;
}
.row.prt-boxes-spacing-15px, .prt-boxes-spacing-15px { margin: 0 -15px; }
.prt-boxes-spacing-15px .prt-box-col-wrapper {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
.row.prt-boxes-spacing-10px, .prt-boxes-spacing-10px{ margin: 0 -10px !important; }
.row.prt-boxes-spacing-10px .prt-box-col-wrapper {
padding-right: 10px !important;
padding-left: 10px !important;
}
/* ===============================================
19.Sidebar
------------------------*/
.sidebar .widget-area .widget {
position: relative;
margin: 0 0 35px;
border-radius: 5px;
}
.sidebar .widget-area .widget h4{
font-size: 24px;
line-height: 34px;
font-weight: 500;
padding: 0 0 0 0;
display: block;
}
.sidebar .widget-area .widget:after {
display: block;
height: 3px;
content: '';
position: absolute;
width: auto;
bottom: 0;
left: 35px;
right: 35px;
z-index: 1;
}
.sidebar .widget-area .widget.with-title{
background-color: var(--base-white);
padding: 0;
margin: 0 0 40px;
border-radius: 0;
overflow: hidden;
}
.sidebar .widget-area .widget:last-child{ margin-bottom: 0px; }
.sidebar .widget ul{
margin: 0px 0 0;
padding: 0px 0px;
}
.sidebar .widget ul >li {
list-style: none;
}
.sidebar .widget ul>li:first-child{
padding-top: 0;
margin-top: 0;
}
.sidebar .widget-title h4{
font-size: 23px;
line-height: 33px;
font-weight: 700;
margin-bottom: 0;
position: relative;
}
/*widget-search*/
.sidebar .widget.widget-search ,
.sidebar .widget-area.prt-col-bgcolor-yes .widget.widget-search {
padding: 0;
}
.sidebar .widget.widget-search .search-form{
border: 0;
position: relative;
}
.sidebar .widget.widget-search .search-form label {
display: block;
margin: 0;
width: 100%;
}
.sidebar .widget-search .screen-reader-text {
clip: rect(1px,1px,1px,1px);
position: absolute!important;
height: 1px;
width: 1px;
overflow: hidden;
}
.sidebar .widget.widget-search .search-form .btn[type="submit"] {
content: "";
position: absolute;
top: 0;
right: 0;
padding: 0;
width: 47px;
height: 47px;
line-height: 0;
z-index: 1;
outline: 0;
border: 0;
border-radius: 5px;
}
.sidebar .widget.widget-search .input-text {
border: 1px solid #ebeded;
border-radius: 5px;
padding: 10px 15px;
padding-right: 60px;
background-color: #fff;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.sidebar .widget.widget-search input{
color: #242c42;
border: none;
border-bottom: 1px solid #000;
padding: 0px 70px 15px 0px;
}
.sidebar .widget.widget-search2 input{
color: #242c42;
border: none;
border-bottom: 1px solid #000;
padding: 0px 70px 15px 0px;
background-color: var(--base-grey);
}
.widget.widget-search2 .form-group i {
position: absolute;
right: 0;
cursor: pointer;
font-size: 18px;
z-index: 1;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
top: -12px;
}
.widget.widget-search .form-group i {
position: absolute;
right: 0;
cursor: pointer;
font-size: 18px;
z-index: 1;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
top: -12px;
}
/* widget-banner */
.widget-banner {
padding: 0 !important;
border: 0 !important;
}
.widget-banner > div {
padding: 35px 30px 45px;
border-radius: 0;
overflow: hidden;
}
.widget-banner .prt-btn.prt-btn-size-md{
padding: 13px 30px;
font-size: 15px;
}
.widget-banner h3 {
font-size: 23px;
line-height: 33px;
margin-bottom: 15px;
}
.widget-banner .widget-banner-btn{ margin-top: 65px; }
/*.download_block */
.download_block {
width: 100%;
text-align: left;
display: flex;
align-items: center;
padding: 40px 30px;
position: relative;
}
.download_block .prt-file-title{
padding-left: 15px;
}
.download_block .prt-file-title h3{margin-bottom: 0;}
.download_block .prt-file-title h3 a{
font-size: 22px;
line-height: 32px;
color: #fff;
font-family: var(--base-headingfont);
}
.download_block span {
font-weight: 400;
font-size: 15px;
line-height: 25px;
display: block;
}
/* widget-categories */
.prt-sidebar-right .widget.widget-search {
padding: 40px 30px 40px;
background: linear-gradient(to right,var(--base-first-gradientcolor) 0%,
var(--base-second-gradientcolor) 100%,var(--base-first-gradientcolor) 100%);
border-radius: 0;
}
.prt-sidebar-right .widget.widget-search .search-form label {
display: block;
margin: 0;
}
.prt-sidebar-right .widget.widget-search input[type="search"] {
border-radius: 30px;
color: #fff;
background-color: rgb(255 255 255 / 20%);
padding: 14px 45px 14px 25px;
}
.prt-sidebar-right .widget.widget-search .search-form{ position: relative; }
.prt-sidebar-right .widget.widget-search input[type="search"]::placeholder{
color: #fff;
}
.prt-sidebar-right .widget.widget-search .btn-check:focus+.btn,
.prt-sidebar-right .widget.widget-search .btn:focus {
outline: 0;
box-shadow: none;
}
.prt-sidebar-right .widget.widget-search .btn{
color: #fff;
position: absolute;
top: 5px;
right: 6px;
font-size: 20px;
}
.prt-sidebar-right .widget.with-title{
margin-bottom: 30px;
}
.prt-sidebar-right .widget.with-title:last-child {
margin-bottom: 0;
}
.prt-sidebar-right .widget.widget-categories .widget-title,
.prt-sidebar-right .widget.tagcloud-widget .widget-title,
.prt-sidebar-right .widget.widget-recent-post .widget-title{
font-size: 23px;
line-height: 33px;
font-weight: 700;
margin-bottom: 0;
position: relative;
}
.widget-categories ul{
padding: 0;
margin: 20px 0 0;
list-style-type: none;
}
.widget-categories ul li a{
position: relative;
display: inline-block;
line-height: 1;
font-size: 16px;
font-weight: 400;
}
.widget-categories ul li a:hover{
color: #6c6c6c;
}
.widget-categories ul li{
padding: 0px 0px 0px 0px;
border-top: 0 !important;
position: relative;
margin: 5px 0 6px;
}
.widget-categories ul li:last-child {
padding-bottom: 0 !important;
border-bottom: 0;
}
.widget-categories ul li a:hover:before{
color: var(--base-skin);
}
.widget-categories ul li span {
position: absolute;
top: 3px;
right: 20px;
width: 22px;
height: 22px;
line-height: 21px;
text-align: center;
border-radius: 50%;
display: block;
font-size: 13px;
font-weight: 400;
box-shadow: 0px 0px 10px 0px rgba(3, 59, 74, 0.1);
background-color: #fff;
}
/* widget-nav-menu */
.widget.widget-nav-menu:after {
content: unset !important;
}
.widget.widget-nav-menu ul li{
padding: 10px 0px 10px 0;
border: 0;
position: relative;
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.widget.widget-nav-menu ul li a{
display: inline-block;
padding: 0 0 0 40px;
position: relative;
color: var(--base-dark);
z-index: 1;
font-weight: 400;
font-size: 15px;
}
.widget.widget-nav-menu ul li:last-child{
border-bottom: 0;
padding: 10px 0 0;
}
.widget.widget-nav-menu ul li a:after {
content: "";
font-style: normal;
position: absolute;
background: linear-gradient(to right,var(--base-first-gradientcolor) 0%,
var(--base-second-gradientcolor) 100%,var(--base-first-gradientcolor) 100%);
width: 10px;
height: 10px;
left: 20px;
right: auto;
top: 8px;
bottom: 0;
}
.widget.widget-nav-menu ul li a:hover,
.widget.widget-nav-menu ul li.active a{
color: var(--base-skin);
}
/** prt-recent-post-list **/
.widget ul.prt-recent-post-list{
margin: 6px 0 0;
padding: 0;
}
.widget ul.prt-recent-post-list>li {
padding: 15px 0;
border-top: none;
margin-bottom: 0;
display: inline-block;
}
.widget ul.prt-recent-post-list>li:last-child{
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
.widget ul.prt-recent-post-list>li> .post-detail a {
font-weight: 600;
font-size: 17px;
position: relative;
font-family: var(--base-headingfont);
}
.widget ul.prt-recent-post-list>li .post-date {
display: block;
font-size: 15px;
padding-bottom: 12px;
font-weight: 400;
}
.widget ul.prt-recent-post-list>li::marker{font-size: 0;}
.widget ul.prt-recent-post-list>li:last-child {
padding-bottom: 0;
}
.widget ul.prt-recent-post-list>li>.post-detail a {
display: block;
position: relative;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget ul.prt-recent-post-list>li img {
width: 100px;
height: 100px;
float: left;
margin-right: 18px;
border-radius: 50%;
object-fit: cover;
}
.widget ul.prt-recent-post-list .post-meta{padding: 8px 0 6px;}
.widget ul.prt-recent-post-list .post-meta .prt-meta-line{
position: relative;
color: inherit;
font-size: 14px;
line-height: 14px;
margin-bottom: 10px;
}
.widget ul.prt-recent-post-list .post-meta .prt-meta-line:last-child {
padding-right: 0;
}
.widget ul.prt-recent-post-list .post-meta span:not(:last-child):after {
position: absolute;
display: inline-block;
content: "";
background-color: #616161;
width: 4px;
height: 4px;
vertical-align: middle;
top: 10px;
right: -15px;
border-radius: 10px;
}
.widget ul.prt-recent-post-list li:after {
content: " ";
display: table;
clear: both;
}
/* tagcloud */
.widget .tagcloud{
padding: 20px 0 0;
}
.widget .tagcloud a {
display: inline-block;
padding: 2px 30px 2px 30px;
margin: 0 5px 8px 0;
border: 0px solid rgb(0 0 0 / 20%);
border-radius: 15px;
font-size: 16px!important;
background-color: #dee6bf;
font-weight: 400;
color: #000;
}
.widget .tagcloud a:nth-last-child(-n+2) {
margin-bottom: 5px;
}
.widget .tagcloud a:hover {
background-color: var(--base-skin);
color: var(--base-black);
border-color: var(--base-skin);
}
.slider-text-2{
background-color: #318bda;
padding: 0 14px 5px;
}
.rs-parallax-wrap rs-loop-wrap rs-mask-wrap{ overflow: visible !important; }
.slider-ml{ margin-left: -430px; }
.slider-mr{ margin-right: -420px; }
.left-border-line{ position: relative; }
/*.prt-marquebox*/
.marquee {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
padding-top: 20px;
padding-bottom: 25px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.marquee-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 100%;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.marquee-text {
padding-right: 12px;
padding-left: 14px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: var(--base-headingfont);
color: var(--base-dark);
font-size: 28px;
line-height: 34px;
font-weight: 600;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.marquee-content {
animation: scroll 24s 3s linear infinite;
}
.marquee-content:hover {
animation-play-state: paused;
}
.marquee-text {
position: relative;
}
.padding_zero-section .marquee-text:before {
content: '';
position: absolute;
left: 0;
right: auto;
top: 0;
bottom: 0;
height: 2px;
width: 7px;
background: var(--base-dark);
margin: auto 0;
}
/*style1*/
.marquee-section .marquee-block.style1{
width: 100%;
animation: prt-marque-text 10s linear infinite;
will-change: transform;
white-space: nowrap;
}
.marquee-section .marquee-block.style1:hover {
animation-play-state: paused !important;
}
.marquee-section .marquee-block.style1 .marquee-text {
position: relative;
display: inline-block;
vertical-align: top;
padding: 0 60px;
}
.marquee-section .marquee-block.style1 .marquee-text::before {
content: '';
position: absolute;
-webkit-background-image: url(../images/star.svg);
background-image: url(../images/star.svg);
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
left: -40px;
right: auto;
top: 0;
margin: auto;
width: 87px;
height: 87px;
bottom: 0;
}
.marquee-section .marquee-block.style1 .marquee-text {
font-size: 110px;
line-height: 110px;
font-family: var(--base-headingfont);
text-transform: uppercase;
font-weight: 600;
color: var(--base-black);
}
/*stepbox section*/
/**** Scrollable image ****/
.stepbox-section .section-title{
border-bottom: 1px solid #D0D0D0;
margin-top: 0px;
margin-bottom: 75px;
padding-bottom: 40px;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.scrollablebox-wrapper {
overflow: hidden;
}
.scroll-changing-stepbox-item-image .stepbox-item {
position: absolute;
top: 0;
opacity: 0;
}
.scroll-changing-stepbox-item-image.active .stepbox-item, .scroll-changing-stepbox-item-image:first-child .stepbox-item {
opacity: 1;
}
.stepbox-responsive-image-block {
display: none;
}
.tm-scrollablebox-box .step-label {
font-size: 15px;
line-height: 15px;
font-weight: 400;
letter-spacing: 2.2px;
text-transform: uppercase;
padding: 5px 11px 4px;
background-color: var(--prt-secondarycolor);
display: inline-block;
position: relative;
}
.tm-scrollablebox-box .step-label span.number {
font-size: 22px;
line-height: 50px;
background-color: var(--prt-secondarycolor);
border: 1px solid #fff;
width: 50px;
height: 50px;
display: block;
text-align: center;
border-radius: 50%;
margin-right: 20px;
position: relative;
z-index: 24;
}
.scroll-changing-stepbox-item-image.active span.number {
background-color: var(--base-skin);
border: 1px solid var(--base-skin);
}
.tm-scrollablebox-box .step-label:after {
content: '';
position: absolute;
border-left: 1px dashed #d3d3d3;
left: 35px;
top: 37px;
right: auto;
bottom: auto;
height: 100%;
z-index: 1;
}
.tm-scrollablebox-box .scroll-changing-stepbox-item-image:last-child .step-label:after {
border: 0;
}
.tm-scrollablebox-box .scroll-changing-stepbox-item-image.active .step-label:before {
content: '';
position: absolute;
border-left: 5px solid var(--base-skin);
border-radius: 3px;
left: -35px;
top: 15px;
right: auto;
bottom: auto;
height: 90%;
z-index: 1;
transition: all.5s ease;
}
.tm-scrollablebox-box .step-label:last-child:after {
border: 0;
}
.tm-scrollablebox-box .stepbox-title {
margin-bottom: 18px;
border-bottom: 1px solid rgb(0, 0, 0, 0.15);
padding-bottom: 14px;
overflow: hidden;
}
.tm-scrollablebox-box .stepbox-title h3 {
font-size: 32px;
line-height: 46px;
float: left;
margin-bottom: 0;
font-weight: 400;
}
.tm-scrollablebox-box .stepbox-btn {
float: right;
position: relative;
}
.tm-scrollablebox-box .stepbox-desc p {
font-size: 18px;
line-height: 28px;
color: var(--base-dark);
}
.tm-scrollablebox-box .more-btn {
font-size: 0;
color: var(--base-dark);
}
.tm-scrollablebox-box .more-btn:before {
content: "\f103";
font-family: 'flaticon_hireco';
font-size: 20px;
height: 45px;
width: 45px;
display: block;
line-height: 45px;
position: absolute;
right: 0;
border: 1px solid var(--base-dark);
text-align: center;
border-radius: 50px;
transform: rotate(-45deg);
transition: all .5s ease;
}
.tm-scrollablebox-box .stepbox-item1:hover .more-btn::before {
transform: rotate(0);
transition: all.5s ease;
}
.scroll-changing-stepbox-item-image img {
max-width: 100%;
}
.tm-scrollablebox-box .stepbox-item {
padding: 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 0;
}
.tm-scrollablebox-box .tm-stepsboxslider-contentbox {
position: sticky;
border-radius: 20px;
padding: 45px 30px 30px;
border: 1px solid var(--base-white);
margin-top: 0;
margin-bottom: 15px;
}
.tm-stepsboxslider-contentbox .stepbox-desc {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.tm-scrollablebox-box .stepbox-item {
padding-bottom: 30px;
}
.tm-scrollablebox-box .stepbox-images .scroll-changing-stepbox-item-image:last-child .stepbox-item {
padding-bottom: 0;
}
.scroll-changing-stepbox-item-image {
overflow: hidden;
}
/*terms-and-condition-section*/
.prt-condition-description h4 {
font-size: 33px;
line-height: 44px;
font-weight: 400;
text-transform: capitalize;
}
/*blog-classic*/
.blog-classic .feature-blog-content{
display: flex;
justify-content: space-between;
flex-direction: column;
padding: 20px 0px 0px 60px;
text-align: left;
}
.blog-classic .feature-thumbnail img{
width: 767;
height: 553;
}
.blog-classic .category span{
background-color: var(--base-grey);
padding: 2px 15px;
border-radius: 15px;
margin-right: 10px;
display: inline-block;
vertical-align: top;
margin-bottom: 5px;
}
.blog-classic .featured-title h4{
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 70px;
line-height: 80px;
font-weight: 400;
}
.blog-classic .featured-title h4 a:hover{
color: #6c6c6c;
}
.blog-classic .featured-content p{
padding: 0;
font-size: 18px;
line-height: 28px;
color: var(--base-black);
}
.blog-classic .post-meta .prt-meta-line{
position: relative;
color: var(--base-black);
font-style: italic;
padding-right: 10px;
margin-right: 10px;
font-size: 14px;
line-height: 30px;
}
.blog-classic .post-meta span.prt-meta-line.date:before{
position: absolute;
content: "";
height: 15px;
width: 1px;
right: 0;
top: 4px;
background-color: var(--base-black);
transform: rotate(15deg);
}
/*sidebar*/
.widget.widget-categories h3 a{
padding-left: 27px;
position: relative;
color: var(--base-black);
}
.widget.widget-categories ul li a:before{
content: '';
border: 1px solid var(--prt-bordercolor);
padding: 7px 7px;
line-height: 0;
font-size: 8px;
vertical-align: middle;
position: absolute;
top: 4px;
bottom: 3px;
left: 0;
right: auto;
border-radius: 0;
}
/*.widget.widget-categories ul li a:after{
content: '\e83a';
font-family: 'flaticon_hireco';
font-size: 10px;
position: absolute;
left: 3px;
opacity: 0;
transition: all 0.3s ease;
}*/
.widget-jobarea h4.widget-title {
padding: 0 0 0 0;
display: block;
font-size: 24px;
line-height: 34px;
color: var(--base-black);
font-weight: 500;
}
.widget-jobarea .widget-title ul li a{
padding-left: 27px;
position: relative;
color: var(--base-black);
}
/*job-content-single-area*/
.prt-job-single-title h3{
font-size: 40px;
line-height: 50px;
text-transform: capitalize;
font-weight: 400;
}
.job-content-area .prt-blog-img-wrap .post-meta span.prt-meta-line:before {
content: unset;
}
.job-single-details-box .prt-short-decs{
padding: 40px 40px 30px;
border: 1px solid rgb(0, 0, 0, 0.15);
border-radius: 20px;
margin-bottom: 40px;
clear: both;
}
.job-single-details-box .prt-short-decs h3{
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
font-weight: 400;
}
.job-single-details-box .prt-short-decs p{
font-size: 18px;
line-height: 28px;
color: var(--base-black);
font-weight: 400;
font-family: var(--base-bodyfont);
}
.job-single-details-box .prt-vdo h3{
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
font-weight: 400;
}
iframe{
border-radius: 20px;
}
.job-single-details-box .media-gallery h3{
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
font-weight: 400;
}
.job-single-details-box .employer-title h3{
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
font-weight: 400;
}
.prt-short-decs.notes{
background-color: #fff8ec;
border: none;
}
.job-content-area .prt-job-single-title h4{
font-size: 30px;
line-height: 40px;
font-weight: 400;
text-transform: capitalize;
}
.job-single-details-box .prt-short-decs-inner h4{
font-size: 20px;
line-height: 30px;
font-weight: 500;
margin-bottom: 10px;
color: var(--base-black);
font-family: var(--base-bodyfont);
}
.job-single-details-box .prt-short-decs-inner span{
font-size: 14px;
line-height: 24px;
background: var(--base-grey);
padding: 3px 15px;
display: inline-block;
vertical-align: top;
border-radius: 15px;
margin-left: 15px;
}
.prt-employer-detailsbox{
background: var(--base-grey);
padding: 35px 40px 30px;
border-radius: 20px;
margin-bottom: 80px;
margin-left: 15px;
}
.prt-employer-detailsbox .prt-company-logo img{
border-radius: 50%;
margin-bottom: 10px;
height: 100px;
}
.employer-title h4{
font-size: 24px;
line-height: 34px;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 0;
}
.employer-website a{
text-decoration: underline;
}
.employer-salary-detalis{
padding: 30px 30px 50px;
background-color: var(--base-white);
border-radius: 20px;
color: var(--base-black);
}
.prt-employer-title h3{
font-size: 16px;
line-height:26px;
font-weight: 400;
font-family: var(--base-bodyfonts);
}
.employer-decs span{
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: var(--base-bodyfonts);
position: relative;
margin-right: 5px;
padding-right: 5px;
}
.employer-decs a:hover{
color: #6c6c6c;
}
.prt-employer-title {
flex: 2;
}
.employer-decs span.job-type:before{
content: ',';
position: absolute;
right: 0;
}
.media-block ul li{
display: block;
padding-bottom: 6px;
}
.media-block ul li a{
border: 0;
border-radius: 50px;
color: var(--base-white);
line-height: 35px;
font-size: 14px;
margin-bottom: 5px;
height: 35px;
width: 35px;
text-align: center;
display: block;
}
.media-block ul li a:hover{
color: var(--base-dark);
border-color: #244034;
background-color: var(--base-skin);
}
.media-block ul li.social-facebook a{
background-color: #385DA9;
}
.media-block ul li.social-twitter a{
background-color:#33ccff;
}
.media-block ul li.social-instagram a{
background-color:#125688;
}
.media-block ul li.social-pinterest a{
background-color:#cd1f29;
}
.media-block ul li.social-facebook:hover a,
.media-block ul li.social-twitter:hover a ,
.media-block ul li.social-instagram:hover a ,
.media-block ul li.social-pinterest:hover a {
background-color: var(--base-skin);
color: var(--base-black);
}
.media-gallery ul{
list-style: none;
margin: 0 -15px;
padding: 0;
}
.media-gallery ul li{
margin-bottom: 30px;
}
.media-gallery ul li img{
max-width: 100%;
border-radius: 20px;
}
.employer-category span{
font-size: 18px;
line-height: 28px;
color: var(--base-black);
text-transform: capitalize;
}
.employer-size{
font-size: 18px;
line-height: 28px;
text-transform: capitalize;
margin-bottom: 3 0px;
color: var(--base-black);
}
.employer-founder{
font-size: 18px;
line-height: 28px;
text-transform: capitalize;
margin-bottom: 3 0px;
color: var(--base-black);
}
.employer-qualification{
font-size: 18px;
line-height: 28px;
text-transform: capitalize;
margin-bottom: 3 0px;
color: var(--base-black);
}
/*about-us*/
.about-single-img {
position: relative;
}
.about-single-img img {
border-radius: 20px;
}
.about-single-img:before {
content: '';
position: absolute;
z-index: -1;
height: 105%;
width: 70%;
background-color: #F2F9D8;
left: 80px;
top: 60px;
right: 0;
border-radius: 20px;
}
.service-details h3{
font-size: 22px;
line-height: 32px;
font-weight: 600;
}
.service-details ul{
padding-left: 5px;
}
.service-details ul li{
list-style: none;
font-size: 16px;
line-height: 26px;
color: #254035;
transition: color 0.3s;
margin-bottom: 10px;
}
/*feature-candidate-box*/
.feature-candidate-section-style1 {
position: relative;
}
.feature-candidate-section-style1 .feature-candidatebox-inner{
background-color: var(--base-grey);
border: 1px solid rgb(0, 0, 0, 0.15);
border-radius: 20px;
transition: all 0.5s ease;
}
.feature-candidate-section-style1:hover .feature-candidatebox-inner {
transition: all 0.5s ease;
transform: translateY(-5px);
}
.bookmarks a:hover{
border-color: var(--base-skin);
background: var(--base-skin);
color: var(--base-black);
}
.feature-candidate-section-style1 .feature-candidatebox-overly{
display: flex;
padding: 30px 40px 30px 30px;
}
.bookmarks a{
position: absolute;
height: 42px;
width: 42px;
border: 1px solid rgb(0, 0, 0, 0.15);
border-radius: 50px;
text-align: center;
line-height: 42px;
right: 20px;
left: auto;
top: 20px;
bottom: auto;
color: var(--base-black);
}
.bookmarks a:active,.bookmarks a:hover
{
background-color: var(--base-skin);
border-color: var(--base-skin);
color: var(--base-black);
}
.feature-candidate-section-style1 .feature-content-box h3{
font-size: 26px;
line-height: 36px;
font-weight: 500;
margin-bottom: 5px;
}
.feature-candidate-section-style1 .feature-content-box .feature-location a{
color: var(--base-black);
}
.feature-candidate-section-style1 .feature-category a:hover{
color: #6c6c6c;
}
.feature-candidate-section-style1 .feature-location a i{
padding-right: 5px;
}
.feature-candidate-section-style1 .salary-text h3{
font-size: 24px;
line-height: 34px;
font-weight: 500;
}
.feature-candidate-section-style1 .salary-text h3 span{
padding-left: 12px;
position: relative;
font-size: 16px;
line-height: 26px;
}
.feature-candidate-section-style1 .salary-text span:before{
content: '/';
position: absolute;
left: 0;
top: -4px;
}
.feature-candidate-section-style1 .candidate-box-bottom{
border: 1px solid rgb(0, 0, 0, 0.15);
border-width: 1px 1px 0 1px;
border-radius: 20px;
padding: 12px 10px 10px;
}
.candidate-skill a{
background: #DBE8AB;
padding: 2px 20px;
display: inline-block;
vertical-align: top;
border-radius: 15px;
margin-right: 10px;
font-size: 14px;
line-height: 24px;
margin-top: 2px;
}
.candidate-skill a:hover{
color: var(--base-black);
}
.feature-candidate-section-style1 .prt-btn-block{
overflow: hidden;
text-align: right;
}
.feature-candidate-section-style1 .prt-btn-block a{
display: inline-block;
vertical-align: top;
background: var(--base-skin);
font-size: 16px;
line-height:16px;
text-transform: capitalize;
font-weight: 500;
border-radius: 30px;
padding: 10px 20px;
}
.feature-candidate-section-style1 .prt-btn-block a:hover{
background-color: var(--base-dark);
color: var(--base-white);
}
.feature-candidate-section-style1 .candidate-bottombox{
float: left;
display: flex;
}
.candidate-btn a{
background-color: var(--base-skin);
color: var(--base-black);
font-size: 16px;
line-height: 16px;
padding: 13px 30px;
font-weight: 500;
text-transform: capitalize;
position: relative;
border-radius: 30px;
float: right;
}
.candidate-btn{
position: relative;
z-index: 1;
padding-top: 25px;
float: right;
padding-right: 15px;
}
.candidate-btn a:hover{
background-color: var(--base-dark);
color: var(--base-white);
}
/*blog-classic contant*/
.prt-blog-single-content .post-meta{
background: transparent;
display: inline-block;
vertical-align: top;
border: 1px solid rgb(0, 0, 0, 0.15);
border-radius: 15px;
padding: 6px 25px;
}
.prt-blog-single-content .post-meta .prt-meta-line{
font-size: 14px;
line-height: 24px;
color: var(--base-black);
position: relative;
}
.prt-blog-rightbox{
color: var(--base-black);
margin-top: 7px;
margin-left: 25px;
flex: 3;
}
.cat-links{
flex: 3;
position: relative;
padding-left: 60px;
}
.cat-links:before{
content: '';
width: 35px;
height: 1px;
display: block;
background: var(--base-black);
position: absolute;
left: 12px;
right: auto;
top: 0;
bottom: 0;
margin: auto;
}
.prt-featured-post-title h3{
font-size: 50px;
line-height: 60px;
word-break: break-word;
font-weight: 400;
color: var(--base-black);
}
.prt-author-top{
border-bottom: 1px solid var(--base-black);
padding-top: 10px;
padding-bottom: 30px;
margin-bottom: 26px;
}
.prt-author-top .admin1{
display: flex;
width: 100%;
align-items: center;
}
.prt-author-top .admin1 img{
border-radius: 50%;
border: 2px solid var(--base-dark);
}
.user-name .prt-user-namebox{
font-size: 24px;
line-height: 34px;
font-weight: 500;
color: var(--base-black);
text-transform: capitalize;
display: block;
}
.user-name .prt-user{
font-size: 16px;
line-height: 26px;
display: block;
}
.prt-blog-single-content .feature-decs p{
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
color: var(--base-black);
}
.post.prt-blog-single blockquote{
display: block;
padding: 120px 30px 25px 30px;
position: relative;
margin: 0 0 40px 0px;
font-size: 24px;
line-height: 34px;
border-radius:50px;
z-index: 1;
background-color: transparent;
font-style: italic;
box-shadow: unset;
color: var(--base-black);
text-align: center;
border: 1px solid rgb(0, 0, 0, 0.15); !important;
}
.post.prt-blog-single blockquote:before{
content: "\f116";
font-family: 'flaticon_hireco';
position: absolute;
bottom: auto;
top: 46px;
right: 0;
left: 0;
margin: auto;
font-size: 36px;
font-weight: 400;
font-style: normal;
height: 53px;
width: 60px;
line-height: 53px;
background: var(--base-white);
border: 1px solid rgb(0, 0, 0, 0.15);
border-radius: 15px;
}
.prt-blog-single-content h4{
font-size: 28px;
word-wrap: break-word;
font-weight: 500;
line-height: 35px;
margin-bottom: 10px;
margin-top: 25px;
text-transform: capitalize;
color: var(--base-black);
}
.feature-thumbnail .prt-post-featured img{
border-radius: 50px;
}
.comment-respond2{
padding: 0px 30px 25px;
background-color: transparent;
border-radius: 20px;
border: 1px solid rgb(0, 0, 0, 0.15);
}
.comment-respond2 .comment-reply-title{
font-size: 30px;
line-height: 40px;
font-weight: 500;
margin-bottom: 15px;
}
.block-list li{
list-style: none;
position: relative;
padding-bottom: 8px;
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: var(--base-black);
}
.block-list li:after{
position: absolute;
bottom: auto;
top: 0;
right: auto;
content: "";
left: -26px;
color: var(--base-black);
font-family: 'flaticon_hireco';
content: "\f10c";
font-size: 12px;
}
.sidebar .social-icon li>a span {
font-size: 18px;
display: inline-block !important;
text-transform: uppercase;
line-height: initial;
vertical-align: top;
text-decoration: underline;
}
.sidebar .social-icons-list .social-icon li>a {
height: 36px;
width: 36px;
line-height: 36px;
display: inline-block;
margin-right: 5px;
}
.sidebar .social-icons-list .social-icon li>a i{
display: none;
}
/*widget-gallery*/
.widget.widget_media_gallery .gallery-item {
display: inline-block;
max-width: 32%;
padding: 0 1% 2% 0%;
text-align: center;
vertical-align: top;
width: 100%;
}
/*widget-left sidebar*/
.sidebar .widget-jobarea-left-sidebar .widget2 h3{
background-color: var(--base-grey);
margin: -25px -25px 22px;
padding: 12px 25px;
border-radius:50px;
font-size: 26px;
line-height: 36px;
color: var(--base-black);
}
.sidebar .widget-jobarea-left-sidebar .joblet_all_cpt_filter_list_widget {
border: 4px solid #E0E9BD;
border-radius: 20px;
padding: 0 25px 50px;
margin-top: 20px;
margin-bottom: 30px;
}
.sidebar .widget-jobarea-left-sidebar .widget h4.widget-title {
padding: 0 0 0 0;
display: block;
font-size: 24px;
line-height: 34px;
color: var(--base-black);
font-weight: 500;
}
.sidebar .widget-jobarea-left-sidebar .widget ul>li{
padding-bottom: 10px;
position: relative;
}
.sidebar .widget-jobarea-left-sidebar .widget ul>li>a{
padding-left: 27px;
position: relative;
color: var(--base-black);
}
.sidebar .widget-jobarea-left-sidebar .widget ul>li>a:before{
content: '';
border: 1px solid rgb(0, 0, 0, 0.15);
padding: 7px 7px;
line-height: 0;
font-size: 8px;
vertical-align: middle;
position: absolute;
top: 4px;
bottom: 3px;
left: 0;
right: auto;
border-radius: 0;
}
.widget-jobarea-left-sidebar .widget-categories ul >li.active >a:after{
top: 7px;
}
.widget-jobarea-left-sidebar .widget-location ul >li.active >a:after{
top: 0px;
}
.sidebar .widget-jobarea-left-sidebar .widget ul>li.active >a:after{
content: '\e83a';
font-family: 'fontello';
font-size: 10px;
position: absolute;
left: 3px;
opacity: 1;
transition: all 0.3s ease;
}
.form-check label {
font-size: 17px;
line-height: 27px;
padding-left: 7px;
padding-bottom: 5px;
}
.form-check {
padding-left: 0;
}
.widget-jobarea-left-sidebar .widget{
border-bottom: 1px solid rgb(0, 0, 0, 0.15);
margin-bottom: 20px;
padding-bottom: 20px;
}
.sidebar .reset-filter-block a {
display: inline-block;
vertical-align: top;
border: 1px solid rgb(0, 0, 0, 0.15);
padding: 0 30px;
font-size: 15px;
line-height: 16px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: 500;
text-transform:capitalize;
border-radius: 20px;
}
/*blog-section*/
.blog-section-03{
padding-left: 40px;
padding-right: 40px;
}
.blog-item.style1 {
height: 364px;
overflow: hidden;
background-color: #F7D8F9;
border-radius: 20px;
}
.blog-item.style1 .blog-item-inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow: hidden;
display: flex;
height: 100%;
position: relative;
width: 100%;
}
.blog-item.style1 .blog-thumbnail {
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
transition: 0.7s;
width: 485px;
height: 365px;
}
.blog-item.style1 a.showcase-btn:hover{
border-color: 1px solid var(--base-black);
color: var(--base-black);
}
.blog-item.style1 .blog-thumbnail.item-1 {
background-image: url('../images/blog-img/blog-img21.html');
}
.blog-item.style1 .blog-thumbnail.item-2 {
background-image: url('../images/blog-img/blog-img22.html');
}
.blog-item.style1 .blog-thumbnail.item-3 {
background-image: url('../images/blog-img/blog-img23.html');
}
.blog-item.style1 .blog-content {
text-align: left;
opacity: 1;
height: 100%;
position: relative;
-webkit-transition: top .8s cubic-bezier(.6,0,.2,1),opacity .8s cubic-bezier(.6,0,.2,1);
-o-transition: top .8s cubic-bezier(.6,0,.2,1),opacity .8s cubic-bezier(.6,0,.2,1);
transition: top .8s cubic-bezier(.6,0,.2,1),opacity .8s cubic-bezier(.6,0,.2,1);
width: calc(50% - 50px);
padding:25px 30px 13px;
}
.blog-item.style1 .blog-content {
display: table-cell;
vertical-align: middle;
padding-right: 25px;
}
.blog-item.style1 .blog-category {
color: var(--base-bodyfont-color);
text-transform: capitalize;
background-color: rgba(0, 0, 0, 0);
padding: 0;
font-family: var(--base-bodyfont);
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.blog-item.style1 .showcase-btn{
position: relative;
display: inline-block;
vertical-align: top;
border: 1px solid;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
padding: 15px;
padding-left: 25px;
padding-right: 25px;
border-radius: 50px;
line-height: 16px;
width: fit-content;
}
.blog-item.style1 .blog-title {
font-size: 28px;
line-height: 38px;
font-weight: 500;
display: inline-block;
margin-top: 8px;
margin-bottom: 20px;
}
.blog-item.style1 .blog-description {
font-size: 18px;
line-height: 28px;
color: var(--base-black);
margin-bottom: 30px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.prt-blog-box-section .prt-row-blog-box .prt-col-blog-box {
width: 100%;
max-width: calc(25.22222% - 13.55556px);
border-radius: 16px;
-webkit-transition: max-width .8s cubic-bezier(.6, 0, .2, 1);
-o-transition: max-width .8s cubic-bezier(.6, 0, .2, 1);
transition: max-width .8s cubic-bezier(.6, 0, .2, 1);
display: block;
overflow: hidden;
}
.prt-blog-box-section .prt-row-blog-box .prt-col-blog-box.active {
width: 100%;
max-width: calc(56.55556% - 102.88889px);
}
.blog-item.style1 .blog-date {
color: var(--base-bodyfont-color);
font-size: 14px;
line-height: 26px;
}
.prt-blog-box-section .prt-row-blog-box .prt-col-blog-box.active .blog-item.style1 .blog-thumbnail:before {
content: unset;
}
.blog-item.style1 .blog-thumbnail:before {
position: absolute;
content: "";
top: 50%;
left: 0;
width: 100%;
-webkit-transition: all .45s ease-in-out;
-moz-transition: all .45s ease-in-out;
-ms-transition: all .45s ease-in-out;
transition: all .45s ease-in-out;
visibility: visible;
align-items: center;
justify-content: center;
transition: all .3s ease;
right: auto;
margin: auto;
border-radius: 30%;
box-shadow: 0 0 60px 40px rgba(0, 0, 0, 0.9);
}
.blog-item.style1 .blog-thumbnail .prt-m-title {
position: relative;
top: 50%;
transform: translate(0, -50%);
opacity: 1;
visibility: visible;
transition: all .3s ease;
text-align: center;
padding: 0 65px 0 110px;
}
.prt-blog-box-section .prt-row-blog-box .prt-col-blog-box.active .prt-m-title{
display: none;
}
.blog-item.style1 .blog-thumbnail .prt-m-title .prt-box-title{
cursor: pointer;
}
.blog-item.style1 .blog-thumbnail .prt-m-title h4 {
font-size: 28px;
font-weight: 500;
line-height: 38px;
pointer-events: none;
margin: 0;
cursor: pointer;
}
.blog-item.style1 .blog-thumbnail .prt-m-title h4 a {
color: #fff;
cursor: pointer;
}
/*service-details*/
.service-section .featured-decs {
color: #fff;
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin-bottom: 20px;
}
.service-section .featured-decs span{
text-decoration: underline;
}
.service-section .feature-content .feature-title h3{
font-size: 36px;
line-height: 46px;
color: var(--base-white);
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 400;
}
/*service-details*/
.service-details-section .section-title .title-header h2{
font-size: 33px;
line-height: 44px;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 15px;
}
.service-details-section .section-title .title-decs p{
color: #6c6c6c;
}
.service-details-section .section-title .title-decs p span{
text-decoration: underline;
}
.service-details-section .icon-list ul li{
list-style: none;
justify-content: flex-start;
font-size: 18px;
line-height: 27px;
color: #8c8c8c;
margin-bottom: 7px;
}
.service-details-section .icon-list ul li i{
padding-right: 10px;
color: var(--base-black);
font-size: 12px;
}
.service-details-section .prt-service-title h2{
font-size: 33px;
line-height: 44px;
font-weight: 400;
text-transform: capitalize;
}
.prt-featured-icon-box .featured-icon {
font-size: 50px;
margin-top: 10px;
}
.prt-featured-icon-box .prt-icon-content {
padding-left: 22px;
}
.prt-featured-icon-box .prt-icon-content h3{
font-size: 24px;
line-height: 34px;
text-transform: capitalize;
color: var(--base-black);
margin-bottom: 5px;
font-weight: 400;
}
.prt-featured-icon-box .border-right{
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #00000026;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.prt-pf-btn {
text-align: center;
}
.prt-pf-btn a{
border: 2px solid #000;
font-size: 16px;
}
.prt-single-title h3{
font-size: 33px;
line-height: 44px;
text-transform: capitalize;
font-weight: 400;
color: var(--base-black);
}
.prt-single-decs p{
font-size: 18px;
line-height: 28px;
color: var(--base-black);
font-weight: 500;
margin-bottom: 20px;
}
.tm-reveal-direction-rl,
.tm-reveal-direction-lr {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
}
.tm-reveal-direction-lr {
clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.tm-reveal-direction-lr {
width: 100%;
}
.tm-reveal-direction-lr.active {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.tm-reveal-direction-rl {
clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
.tm-reveal-direction-rl.active {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.tm-reveal-direction-lr img {
transform-origin: 50% 50%;
transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
transform: scale(1.5) translate(-100px, 0px);
}
.tm-reveal-direction-rl img {
transform: scale(1.5) translate(100px, 0px);
transform-origin: 50% 50%;
transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
}
.tm-reveal-direction-rl.active img,
.tm-reveal-direction-lr.active img {
transform: scale(1) translate(0px, 0px);
}
/**/
/* Modal Content */
.modal-content {
position: relative;
margin: auto;
width: 100%;
z-index: 1;
padding: 38px 70px 50px;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
border: 0;
background-color: var(--base-grey);
box-shadow: 0 0 65px 3px rgba(0 0 0 / 0.07);
border-radius: var(--base-border-radius-10);
text-align: center;
}
.modal-header .btn-close {
color: #ffffff !important;
float: right;
font-size: 15px !important;
font-weight: 500;
position: absolute;
top: 37px;
right: 50px;
padding: 0;
}
.modal-header .btn-close:hover,
.modal-header .btn-close:focus {
text-decoration: none;
cursor: pointer;
box-shadow: none;
}
.modal-backdrop{ z-index: 0; }
.modal-dialog{ max-width: 635px; width: 100%;}
.modal-header h3#modal-loginLabel {
font-size: 24px;
line-height: 34px;
color: var(--base-black);
text-transform: capitalize;
margin-bottom: 10px;
font-weight: 500;
}
.modal-header p{
font-size: 16px;
line-height: 26px;
color: var(--base-black);
font-weight: 400;
}
.signup-form span{
color: var(--base-black);
}
.login-info-box {
color: var(--base-black);
}
.button.signupbtn.prt-btn.btn-inline{
color: var(--base-black);
}
/*signup-modal*/
.modal.signup-modal{ padding: 175px 0 50px; text-align: center; }
.modal-header{ display: block; padding: 0; border: 0;}
.bg-base-dark .modal-header h3{
font-size: 38px;
line-height: 48px;
font-weight: 600;
color: var(--base-black);
}
.modal-body{ padding: 0; }
.modal .modal-header p,
.signup-form p,
.modal-header button.prt-btn.btn-inline{
font-size: 15px;
line-height: 25px;
}
.modal-header button.prt-btn.btn-inline{ color: var(--base-skin); }
.modal-header button.prt-btn.btn-inline:hover{ color: var(--base-dark); }
.modal.signUp-modal a:hover,
.modal.signUp-modal button:hover{ color: var(--base-skin); }
/*.signup-form*/
.signup-form{ position: relative; margin-top: 15px; }
.signup-form textarea, .signup-form input[type="text"],
.signup-form input[type="password"] {
text-transform: inherit;
padding: 11px 25px 11px 25px;
border: 1px solid rgba(0 0 0 / 0.10) !important;
background-color: rgba(255, 255, 255, 0.04);
color: var(--base-black);
border-radius: var(--base-border-radius-10);
font-size: 16px;
line-height: 26px;
}
.signup-form input::placeholder,
.signup-form p.prt-inputs i{ color: var(--base-bodyfont-color); }
.signup-form p{ margin-bottom: 25px; position: relative; margin-top:25px }
.signup-form p.prt-inputs i{
position: absolute;
left: 25px;
top: 17px;
}
.signup-form button{ width: 100%; }
.signup-form h3{
text-align: left;
}
/* checkbox */
.signup-form .cookies{
display: flex;
align-items: center;
justify-content: space-between;
}
.signup-form input[type=checkbox]{
visibility: hidden;
position: absolute;
}
.signup-form input[type=checkbox] + label{
height: 12px;
width: 12px;
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.10);
vertical-align: middle;
margin-bottom: 0px;
margin-right: 5px;
}
.signup-form input[type=checkbox] + label:before{
height: 15px;
width: 15px;
border: 1px solid var(--base-dark);
border-radius: 3px;
vertical-align: middle;
margin-bottom: 0px;
margin-right: 8px;
}
.signup-form input[type=checkbox]:checked + label:before{
content: "";
border: solid;
border-color: var(--base-dark);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
left: 3px;
top: 1px;
width: 5px;
height: 7px;
background-color: transparent !important;
border-radius: 0;
position: relative;
vertical-align: middle;
}
.signup-form p.cookies a.underline:before{
height: 1px;
background-color: rgba(255 255 255 / 0.60);
}
.modal {
background-color: rgb(0 0 0 / 50%);
}
/*model-social*/
ul.model-social li a{
width: 38px;
height: 38px;
font-size: 13px;
line-height: 38px;
border-radius: var(--base-border-radius-50);
border: 1px solid rgba(0, 0, 0, 0.10);
background-color: transparent;
}
ul.model-social li a:hover{
background-color: var(--base-dark);
border-color: var(--base-dark);
color: var(--base-white) !important;
}
.modal.fade-show {
background-color: rgba(0,0,0,.4);
}
/*** Color Switcher Style
==================================================================== ***/
.prt_floting_customsett {
position: fixed;
top: 50%;
right: 0;
padding: 3px 0 10px;
margin: -89px 0 0;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 25%);
z-index: 99999;
}
.tmtheme_fbar_icons {
display: block;
position: relative;
width: 55px;
height: 45px;
line-height: 52px;
text-align: center;
}
.tmtheme_fbar_icons i {
display: inline-block;
vertical-align: middle;
transition: .3s;
font-size: 21px;
color: #232323;
}
.tmtheme_fbar_icons > span {
display: block;
position: absolute;
right: 100%;
top: 0;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 25%);
opacity: 0;
visibility: hidden;
font-size: 16px;
color: #232323;
transform: translateX(-5px);
transition: 0.5s ease;
padding: 0 20px;
}
.tmtheme_fbar_icons > span >span {
padding-left: 5px;
}
.tmtheme_fbar_icons > span:after {
content: '';
position: absolute;
top: -2px;
bottom: -10px;
right: -15px;
width: 15px;
background-color: #fff;
height: 55px;
}
.tmtheme_fbar_icons:hover > span {
opacity: 1;
visibility: visible;
transform: translateX(0);
}