.topBar01{
position: relative;
background: #FAF0ED;
width: auto;
min-height: 45px;
}
.topBarItems{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.topDesc{
position: relative;
}
.topDesc p{
display: inline-block;
font-weight: 500;
line-height: 19px;
color: var(--tw-secondary-color);
margin: 0 32px 0 0;
padding: 13px 0 13px;
}
.topDesc p a{
display: inline-block;
color: inherit;
}
.topDesc p:hover a{
color: var(--tw-primary-color);
}
.topDesc p i{
margin-right:6px;
color: var(--tw-primary-color);
position: relative;
top: 1px;
font-size: 15px;
}
.topDesc p:nth-child(2){
margin: 0 29px 0 0;
}
.topDesc p:nth-child(2) i{
margin-right:8px;
top: 2px;
font-size: 16px;
}
.topDesc p:nth-child(3) i{
font-size: 13px;
}
.tpRight p > svg,
.topDesc p > svg{
width: auto;
height: 15px;
fill: var(--tw-primary-color);
margin: 0 8px 0 0;
}
.topSocial{
position: relative;
}
.topSocial a{
display: inline-block;
font-size: 14px;
color: var(--tw-primary-color);
margin-left: 22px;
padding: 2px 0;
}
.topSocial a:hover{
color: var(--tw-secondary-color);
}
.topSocial a svg {
height: 14px;
width: auto;
fill: var(--tw-primary-color);
top: -2px;
position: relative;
transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
}
.topSocial a:hover svg{
fill: var(--tw-secondary-color);
} .header01{
position: relative;
}
.navBar01{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navBar01 .logo{
position: relative;
}
.navBar01 .logo a{
display: inline-block;
}
.navBar01 .logo a img{
max-width: 183px;
height: auto;
}
.logo a.textLogo {
font-size: 29.75px;
color: var(--tw-secondary-color);
font-weight: 700;
font-family: var(--secondary-font);
padding: 41px 0 43px;
min-width: 150px;
}
.logo a.textLogo:hover {
opacity: 0.8;
}
.menu_btn{
display: none;
}
.mainMenu{
position: relative;
left: 12px;
}
.mainMenu ul{
margin: 0;
padding: 0;
list-style: none;
}
.mainMenu > ul > li{
display: inline-block;
padding: 40px 0 41px;
margin: 0 38px 0 0;
position: relative;
}
.mainMenu > ul li{
position: relative;
}
.mainMenu > ul li a{
display: block;
font-size: 17px;
line-height: 28px;
font-weight: 600;
font-family: var(--secondary-font);
color: var(--tw-secondary-color);
position: relative;
}
.mainMenu > ul li:hover > a{
color: var(--tw-primary-color);
}
.mainMenu > ul > li:after{
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-bottom: 2px solid transparent;
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.mainMenu > ul > li:hover:after{
left: 0;
right: auto;
width: 100%;
}
.mainMenu > ul > li.menu-item-has-children > a:after {
content: '\e9b9';
font-family: "Themewar" !important;
font-size: 15px;
color: inherit;
display: inline-block;
position: relative;
margin: 0px 0 0 3px;
font-weight: 500;
top: 1px;
}
.mainMenu ul li:hover > a:after, 
.mainMenu ul li.current-menu-item > a:after{
color: inherit;
}
.mainMenu > ul > li ul li.menu-item-has-children:after {
content: '\e9bb';
font-family: "Themewar" !important;
font-size: 13px;
font-weight: 500;
color: var(--tw-secondary-color);
position: absolute;
margin: 0;
right: 30px;
top: 6px;
-webkit-transition: all ease 350ms;
transition: all ease 350ms;
}
.mainMenu ul li ul li:hover:after, 
.mainMenu ul li ul li.current-menu-item:after{
color: var(--tw-primary-color);
}
.mainMenu ul li ul{
position: absolute;
padding: 15px 0;
position: absolute;
top: 100%;
left: -30px;
pointer-events: none;
display: block;
min-width: 220px;
border-radius: 0;
margin: 0;
background: #fff;
border-bottom: 3px solid var(--tw-primary-color);
visibility: hidden;
opacity: 0;
box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
z-index: 10;
-webkit-transform: rotateX(-75deg);
transform: rotateX(-75deg);
transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transition: .4s;
transition: .4s;
}
.mainMenu ul li ul li ul{
left: 100%;
top: 0;
}
.mainMenu > ul li:hover > ul {
pointer-events: inherit;
visibility: visible;
opacity: 1;
-webkit-transform: rotatex(0deg);
transform: rotatex(0deg);
}
.mainMenu > ul li > ul li {
margin: 0;
padding: 4px 30px 4px;
width: 100%;
}
.mainMenu  ul li ul li a {
color: var(--tw-secondary-color);
font-size: 15px;
text-transform: capitalize;
position: relative;
display: inline;
padding-bottom: 0px;
-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;
position: relative;
}
.mainMenu ul li ul li a:after{
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 3px;
width: 0;
height: 0;
border-bottom: 1px solid var(--tw-primary-color);
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.mainMenu ul > li ul li:hover > a:after {
left: 0;
right: auto;
width: 100%;
color: var(--tw-primary-color);
}
.mainMenu ul > li ul li:hover > a{
color: var(--tw-primary-color);
}
.headerBtn{
position: relative;
}
.header01 .accessNav .logicBtn {
height: 50px;
padding: 0 10px;
font-size: 14px;
top: 0px;
width: 154px;
text-align: center;
line-height: 52px;
}
.header01.defaultHd .accessNav .logicBtn{
top:0;
}
header.fixedHeader {
position: fixed;
width: 100%;
top: 0;
left: 0;
background: #fff;
box-shadow: 0 0 25px rgb(0 0 0 / 15%);
border: none;
z-index: 99;
} .slider01{
background: rgba(37, 3, 3, 1);
}
.slider01 .rev_slider .tparrows {
width: 70px;
height: 70px;
background: #fff;
border-radius: 50%;
line-height: 70px;
color: #000000;
font-size: 16px;
text-align: center;
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
position: absolute;
left: calc(100% + 150px) !important;
top: 0;
z-index: 99;
overflow: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.slider01 .rev_slider .tparrows:hover{
color: var(--tw-white-color);
} 
.slider01 .rev_slider .tparrows:before {
color: inherit;
font-size: inherit;
line-height: inherit;
content: "\e903";
font-family: 'logis';
}
.slider01 .rev_slider .tparrows.tp-rightarrow:before {
content: "\e902";
}
.rev_slider .tparrows.tp-rightarrow:after {
content: "";
position: absolute;
left: auto;
right: 0;
bottom: 0;
width: 0;
height: 100%;
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.slider01 .rev_slider .tparrows.tp-rightarrow:hover:after {
width: 100%;
left: 0;
right: auto;
}
.slider01 .rev_slider .tparrows.tp-leftarrow:after {
content: "";
position: absolute;
left: 0;
right: auto;
bottom: 0;
width: 0;
height: 100%;
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.slider01 .rev_slider .tparrows.tp-leftarrow:hover:after {
width: 100%;
left: auto;
right: 0;
}
.tp-bannertimer {
display: none;
}
.sliderPhoneBox{
position: relative;
}
.sliderPhoneBox i{
width: 55px;
height: 55px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(255, 255, 255, 0.13);
border-radius: 100px;
font-size: 16px;
}
.sliderPhoneBox a{
display: inline-block;
font-size: 18px;
font-weight: 600;
color: var(--tw-white-color);
line-height: 1;
margin-left: 18px;
}
.sliderPhoneBox a:hover{
color: var(--tw-primary-color);
} .serviceDesc01{
position: relative;
padding: 81px 0 0;
}
.serviceDesc01 p{
margin: 0 45px 42px 0;
}
.serviceControls{
position: relative;
margin-left: 2px;
}
.owl-carousel .owl-nav button,
.serviceControls button,
.serviceCarousel.owl-carousel .owl-nav button{
border: 0;
outline: 0;
background: var(--tw-white-color);
position: relative;
width: 40px;
height: 35px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 8px;
box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06);
color: var(--tw-secondary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
overflow: hidden;
z-index: 1;
}
.owl-carousel .owl-nav button.owl-prev,
.serviceCarousel.owl-carousel .owl-nav button.owl-prev{
margin-right: 15px;
}
.owl-carousel .owl-nav,
.serviceCarousel.owl-carousel .owl-nav {
text-align: center;
margin: 35px 0 0;
}
.serviceControls button.tprev:after{
content: '';
position: absolute;
left: 0;
right: auto;
width: 0;
height: 100%;
background: var(--tw-primary-color);
z-index: -1;
border-radius: 8px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.serviceControls button.tprev:hover:after{
right: 0;
left: auto;
width: 100%;
}
.owl-carousel .owl-nav button:hover,
.serviceControls button.tprev:hover,
.serviceControls button.tnext:hover{
color: var(--tw-white-color);
}
.owl-carousel .owl-nav button:after,
.serviceControls button.tnext:after,
.serviceCarousel .owl-nav button:after{
content: '';
position: absolute;
right: 0;
left: auto;
width: 0;
height: 100%;
background: var(--tw-primary-color);
border-radius: 8px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.owl-carousel .owl-nav button:hover:after,
.serviceControls button.tnext:hover:after,
.serviceCarousel .owl-nav button:hover:after{
right: auto;
left: 0;
width: 100%;
}
.serviceControls span{
font-weight: var(--heading-font-weight);
color: var(--tw-secondary-color);
line-height: 1;
width: 84px;
display: inline-block;
text-align: center;
}
.serviceControls span ins{
color: var(--tw-primary-color);
text-decoration: none;
}
.serviceCarouselWrap{
position: relative;
}
.singleService{
position: relative;
background: var(--tw-white-color);
border-radius: 5px;
}
.serviceThumb{
position: relative;
overflow: hidden;
z-index: 1;
}
.elementor .serviceThumb img,
.serviceThumb img{
max-width: 100%;
height: auto;
width: 100%;
border-radius: 5px;
}
.serviceContent{
position: relative;
padding: 65px 40px 31px;
z-index: 2;
}
.serConIcon {
position: absolute;
top: -50px;
left: 30px;
}
.serConIcon span{
width: 100px;
height: 100px;
border-radius: 50%;
background:var(--tw-primary-color);
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 35px;
color:var(--tw-white-color);
border: 10px solid var(--tw-white-color);
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
}
.serConIcon span i,
.serConIcon span i:before{
color: var(--tw-white-color);
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
}
.serConIcon span img{
height: 38px;
width: auto;
}
.serviceContent h4{
font-size: 24px;
line-height: 1;
margin: 0 0 7px;
}
.serviceContent h4 a{
color:inherit;
display: inline-block;
}
.serviceContent h4:hover{
color: var(--tw-primary-color);
} .aboutLook{
position: relative;
text-align: left;
margin-bottom: 53px;
}
.elementor .aboutLook img,
.aboutLook img{
display: inline-block;
max-width: 100%;
height: auto;
border-radius: 6px;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
}
.aboutLook .ab01{
position: relative;
max-width: 423px;
height: auto;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.aboutLook .ab02 {
max-width: 300px;
height: auto;
position: absolute;
bottom: -53px;
left: 311px;
z-index: 2;
overflow: hidden;
right: -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@-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;
}
}
.aboutLook .welcomeBox{
width: 214px;
height: 214px;
border-radius: 50%;
position: absolute;
bottom: 74px;
left: -107px;
z-index: 9;
box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);
-webkit-animation: welAnim 7s linear infinite;
animation: welAnim 7s linear infinite;
}
.aboutLook .welcomeBox img{
width: 100%;
height: 100%;
border-radius: 50%;
}
.aboutLook .welcomeBox .abArrow{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 54px;
height: 46px;
border-radius: 0;
}
.aboutContent {
position: relative;
padding: 21px 0 0 67px;
}
.aboutContent:after{
content: "";
position: absolute;
width: 90px;
height: 104px;
top: 0;
left: 202px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/polygon.png)no-repeat;
background-size: 100% 100%;
z-index: -1;
}
.aboutContent p{
padding: 0 10px 15px 0;
}
.aboutCountItem{
position: relative;
}
.aboutCountItem h2{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 60px;
line-height: 1;
font-family: var(--secondary-font);
}
.aboutCountItem h2 .counterSuffix{
position: relative;
display: inline-block;
}
.logisfareFactAlign-left .aboutCountItem h2{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.logisfareFactAlign-center .aboutCountItem h2{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.logisfareFactAlign-right .aboutCountItem h2{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.aboutContent .btnGap{
margin-right: 28px;
} .iconBox01{
position: relative;
text-align: center;
}
.iconBox01 .ibIcon{
position: relative;
width: 150px;
height: 150px;
border-radius: 50%;
background: var(--tw-white-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 60px;
color: var(--tw-primary-color);
margin: 0 0 31px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.iconBox01 .ibIcon i {
font-size: 66px;
fill: var(--tw-primary-color);
}
.iconBox01 .ibIcon svg{
width: 66px;
height: 66px;
fill: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.iconBox01:hover .ibIcon svg{
fill: var(--tw-white-color);
}
.iconBox01:hover .ibIcon{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.iconBox01 .ibIcon span.ibNum{
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background:var(--tw-primary-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50px;
font-size: 18px;
font-weight: 700;
color: var(--tw-white-color);
z-index: 1;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.iconBox01:hover .ibIcon span.ibNum{
background: var(--tw-white-color);
color: var(--tw-primary-color);
}
.iconBox01 h3{
color: var(--tw-white-color);
font-size: 24px;
line-height: 1;
margin: 0 0 10px;
}
.iconBox01 .btnLink{
color: var(--tw-white-color);
}
.iconBox01:hover .btnLink{
color: var(--tw-primary-color);
}
.iconBox01 p{
margin: 0 0 12px;
}
.iconBox01.odd{
left: -14px;
}
.iconBox01.odd:after {
content: "";
position: absolute;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/arrowIcon.png)no-repeat;
background-size: 100% 100%;
width: 115px;
height: 50px;
top: 10px;
right: -73px;
-webkit-transform: rotate(318deg);
transform: rotate(318deg);
}
.iconBox01.ib103:after {
right: -76px;
}
.iconBox01.event{
top: -92px;
left: -5px;
}
.iconBox01.event:after {
content: "";
position: absolute;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/arrowIcon.png)no-repeat;
background-size: 100% 100%;
width: 115px;
height: 50px;
top: 102px;
right: -72px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.iconBox01.ib103{
left: 5px;
}
.iconBox01.eventNotArrow{
left: 14px;
}
.iconBox01.eventNotArrow:after{
content: inherit;
} .reatureDetails01{
position: relative;
z-index: 1;
}
.reatureDetails01:after {
content: "";
position: absolute;
width: 90px;
height: 105px;
top: -22px;
left: 135px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/polygon.png)no-repeat;
background-size: 100% 100%;
z-index: -1;
}
.reatureDetails01 p{
padding:0 70px 26px 0;
}
.iconBox02{
position: relative;
}
.iconBox02 span{
width: 70px;
height: 70px;
border-radius: 50%;
background: var(--tw-primary-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 24px;
}
.iconBox02 i{
font-size: 36px;
color: var(--tw-white-color);
}
.iconBox02 svg {
width: 36px;
height: 36px;
fill: var(--tw-white-color);
stroke: var(--tw-white-color);
stroke-width: .5px;
}
.iconBox02 h3{
font-size: 24px;
line-height: 1;
font-weight: 600;
margin: 0 0 11px;
}
.iconBox02 h3 a{
color: inherit;
}
.iconBox02 h3 a:hover{
color: var(--tw-primary-color);
}
.iconBox02.noGap{
margin-left: -44px;
}
.featureLook01{
position: relative;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.elementor .featureLook01 img,
.featureLook01 img{
max-width: 100%;
width: auto;
height: auto;
position: relative;
z-index: 1;
}
.featureBox {
position: relative;
text-align: center;
max-width: 225px;
width: 100%;
height: auto;
background: var(--tw-primary-color);
padding: 46px 25px 35px;
bottom: 0;
right: 0;
z-index: 2;
}
.about_imglk02 .featureBox {
position: absolute;
top: 191px;
right: 391px;
height: 249px;
}
.logisfareFactAlign-left .featureBox{
text-align: left;
}
.logisfareFactAlign-center .featureBox{
text-align: center;
}
.logisfareFactAlign-right .featureBox{
text-align: right;
}
.logisfareFactAlign-left .featureBox h3{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.logisfareFactAlign-center .featureBox h3{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.logisfareFactAlign-right .featureBox h3{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.featureBox i,
.featureBox span{
font-size: 60px;
color: var(--tw-white-color);
display: inline-block;
}
.featureBox span svg{
width: auto;
height: 60px;
}
.about_imglk02_thumb {
position: relative;
display: inline-block;
overflow: hidden;
margin-left: auto;
}
.about_imglk02_thumb img{
border: inherit;
border-radius: inherit;
}
.featureBox h3{
color: var(--tw-white-color);
font-family: var(--tw-primary-color);
font-size: 40px;
font-weight: 600;
line-height: 1;
margin:21px 0 12px 0 ;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.featureBox h3 span{
font-size: inherit;
color: inherit;
font-weight: inherit;
position: relative;
display: inline-block;
}
.featureBox h4{
color: var(--tw-white-color);
font-size: 16px;
line-height: 1;
font-family: var(--tw-primary-color);
} .singleTeam{
position: relative;
}
.singleTeam .teamMeta{
position: relative;
overflow: hidden;
margin: 0 0 5.8px;
z-index: 1;
}
.singleTeam .teamMeta:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, .2);
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.singleTeam:hover .teamMeta:after{
opacity: 1;
visibility: visible;
}
.singleTeam .teamMeta img{
max-width: 100%;
width: 100%;
height: auto;
border-radius: 5px;
}
.teamSocial {
position: absolute;
bottom: 30px;
left: 0;
right:0;
width: 179px;
height: auto;
margin: auto;
background: var(--tw-white-color);
border-radius: 100px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
padding: 13px 0;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
z-index: 2;
-webkit-transform: scaleY(0);
transform: scaleY(0);
overflow: hidden;
}
.teamSocial a{
display: inline-block;
font-size: 14px;
color: var(--tw-body-color);
padding: 2px;
line-height: 1;
opacity: 0;
visibility: hidden;
}
.teamSocial a:hover{
color: var(--tw-secondary-color);
}
.singleTeam:hover .teamSocial{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.teamContent{
position:relative;
background: #F8F8F8;
border-radius: 5px;
text-align: center;
padding: 25px 0 22px;
z-index: 1;
overflow: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.singleTeam:hover .teamContent{
background: #171717;
}
.teamContent h4{
font-size: 24px;
line-height: 1;
margin: 0 0 1px;
-webkit-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
.teamContent h4 a{
color: inherit;
-webkit-transition: none;
transition: none;
display: inline-block;
}
.singleTeam:hover h4{
color: var(--tw-white-color);
}
.teamContent h4:hover {
color: var(--tw-primary-color);
}
.teamContent p{
font-family: var(--secondary-font);
margin: 0;
}
.teamContent:after {
content: '';
position: absolute;
width: 130px;
height: 130px;
bottom: 0;
right: -150px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/teamSahp1.png)no-repeat;
background-size: 100% 100%;
-webkit-transition: all 800ms ease;
transition: all 800ms ease;
}
.teamContent:before {
content: '';
position: absolute;
width: 108px;
height: 220px;
bottom: 0;
right: -150px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/teamSahp2.png)no-repeat;
background-size: 100% 100%;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.singleTeam:hover .teamContent:after{
right: -55px;
}
.singleTeam:hover .teamContent:before{
right: -65px;
}
.teamSocial a:nth-child(01){
-webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
}
.teamSocial a:nth-child(02){
-webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
}
.teamSocial a:nth-child(03){
-webkit-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
}
.teamSocial a:nth-child(04){
-webkit-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
}
.singleTeam:hover .teamSocial a:nth-child(01),
.singleTeam:hover .teamSocial a:nth-child(02),
.singleTeam:hover .teamSocial a:nth-child(03),
.singleTeam:hover .teamSocial a:nth-child(04){
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
} .iconBox03{
position: relative;
padding: 9px 0 7px 100px;
z-index: 1;
}
.iconBox03.countfact {
background: #131313;
}
.iconBox03 span{
position: absolute;
left: 0;
top: 0;
width: 80px;
height: 80px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--tw-primary-color);
border-radius: 50%;
}
.iconBox03.countfact i{
font-size: 30px;
}
.iconBox03 span i{
font-size: 40px;
color: var(--tw-white-color);
}
.iconBox03 span svg {
width: 40px;
height: 40px;
fill: var(--tw-white-color);
stroke: var(--tw-white-color);
stroke-width: 0.6px;
}
.iconBox03 span:after{
content: '';
position: absolute;
width: 142px;
height: 142px;
top: 0;
bottom: 0;
margin: auto 31px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/shapeProgress.png)no-repeat;
background-size: 100% 100%;
z-index: -1;
border-radius: 50%;
}
.iconBox03:hover span:after{
-webkit-animation: shapeIconAnim 3s linear infinite;
animation: shapeIconAnim 3s linear infinite;
}
.iconBox03.ibsm span{
font-size: 32px;
}
.iconBox03 h3{
color: var(--tw-white-color);
font-size: 36px;
line-height: 1;
margin: 0 0 1px;
}
.iconBox03 h3 > a {
color: inherit;
font-size: inherit;
}
.iconBox03 h3 > a:hover{
color: inherit;
}
.iconBox03 p{
color: #BDBDBD;
font-weight: 600;
margin: 0;
font-family: var(--secondary-font);
} .collSliderWrap{
position: relative;
padding: 53px 0 0;
}
.collSingleItem{
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.elementor .collSingleItem img,
.collSingleItem img{
border-radius: inherit;
transform: scale(.77);
-moz-transform: scale(.77);
-webkit-transform: scale(.77);
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.activePrev .collSingleItem img{
-webkit-transform-origin-x: right;
-moz-transform-origin-x: right;
}
.activeNext .collSingleItem img{
-webkit-transform-origin-x: left;
-moz-transform-origin-x: left;
}
.owl-item.active.center .collSingleItem img{
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.collSingleItem:after{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(23, 23, 23, 0.56);
border-radius: 8px;
opacity: 0;
visibility: hidden;
}
.collSingleItem .collCat{
position: absolute;
left: 60px;
bottom: 60px;
z-index: 2;
}
.collSingleItem .collCat h4{
font-size: 24px;
margin: 0 0 8px;
background: var(--tw-white-color);
min-height: 49px;
border-radius: 5px;
padding: 0 20.8299px;
line-height: 49px;
color: var(--tw-secondary-color);
-webkit-transform: translateY(200%);
transform: translateY(200%);
background: var(--tw-white-color);
min-height: 49px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.collSingleItem .collCat h4 a{
display: inline-block;
width: auto;
color: inherit;
border-radius: inherit;
font-family: inherit;
}
.collSingleItem .collCat h4 a:hover{
color: var(--tw-primary-color);
}
.collSingleItem .collCat .collTag{
position: relative;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: var(--tw-white-color);
background: var(--tw-primary-color);
display: inline-block;
width: auto;
height: 32px;
line-height: 32px;
padding: 0 19px;
border-radius: 5px;
-webkit-transform: translateY(200%);
transform: translateY(200%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.collSingleItem .collCat .collTag:hover{
color: var(--tw-white-color);
background: var(--tw-secondary-color);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.collSingleItem .cols01{
position: absolute;
left: -400px;
bottom: 0;
width: 354px !important;
height: 100%;
z-index: 1;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.collSingleItem .cols02{
position: absolute;
right: -200px;
bottom: 0;
width: 380px !important;
height: 330px !important;
z-index: 1;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.collectionSlider.owl-carousel .owl-item.active.center .collCat h4{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.collectionSlider.owl-carousel .owl-item.active.center .collCat .collTag{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.collectionSlider.owl-carousel .owl-item.active.center .cols01 {
left: 0;
}
.collectionSlider.owl-carousel .owl-item.active.center .cols02 {
right: -5px;
}
.collectionSlider.owl-carousel .owl-item.active.center .collSingleItem:after{
opacity: 1;
visibility: visible;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next, 
.collectionSlider.owl-carousel .owl-nav button.owl-prev{
height: 60px;
width: 60px;
background: var(--tw-white-color);
border-radius: 50%;
text-align: center;
color: var(--tw-secondary-color);
font-size: 16px;
line-height: 60px;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
overflow: hidden;
z-index: 1;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next {
left: auto;
right: 20.5%;
}
.collectionSlider.owl-carousel .owl-nav button.owl-prev {
right: auto;
left: 20.5%;
}
.collectionSlider.owl-carousel .owl-nav button.owl-prev:after {
content: '';
position: absolute;
width: 0;
height: 100%;
background: var(--tw-primary-color);
left: 0;
right: auto;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.collectionSlider.owl-carousel .owl-nav button.owl-prev:hover:after {
right: 0;
left: auto;
width: 100%;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next:after{
content: '';
position: absolute;
width: 0;
height: 100%;
left: auto;
right: 0;
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next:hover:after{
left: 0;
right: auto;
width: 100%;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next:hover,
.collectionSlider.owl-carousel .owl-nav button.owl-prev:hover{
color: var(--tw-white-color);
}
.collectionSlider.owl-carousel .owl-item.active.center img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.collSingleItem .viewColl{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto auto;
width: 90px;
height: 90px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tw-white-color);
font-size: 20px;
z-index: 2;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: 1;
overflow: hidden;
-webkit-transition-delay: 350ms;
transition-delay: 350ms;
}
.collectionSlider.owl-carousel .owl-item.active.center .viewColl {
-webkit-transform: scale(1);
transform: scale(1);
}
.collSingleItem .viewColl:after{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--tw-primary-color);
-webkit-transition: all 450ms ease;
transition: all 450ms ease;
z-index: -1;
-webkit-transform: scale(1);
transform: scale(1);
border-radius: 50%;
}
.collSingleItem .viewColl:hover:after{
-webkit-transform: scale(0);
transform: scale(0);
}
.collSingleItem .viewColl:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
border: 2px solid var(--tw-white-color);
z-index: -1;
-webkit-transform: scale(0);
transform: scale(0);
border-radius: 50%;
}
.collSingleItem .viewColl:hover:before{
-webkit-transform: scale(1);
transform: scale(1);
} .projectGallery .collSingleItem:before{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(23, 23, 23, 0.56);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
opacity: 0;
visibility: hidden;
border-radius: 8px;
z-index: 1;
}
.projectGallery .collSingleItem:hover:before{
opacity: 1;
visibility: visible;
}
.projectGallery .collSingleItem:hover .cols01 {
left: 0;
}
.projectGallery .collSingleItem:hover .cols02 {
right: 0;
}
.projectGallery .collSingleItem .collCat{
left: 30px;
bottom: 30px;
max-width: calc(100% - 60px);
}
.projectGallery .collSingleItem .collCat h4 {
font-size: 24px;
line-height: 30px;
padding: 10px 21px 9px 19px;
}
.projectGallery .collSingleItem .collCat h4 a{
line-height: inherit;
}
.projectGallery .collSingleItem:hover .collCat h4{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.projectGallery .collSingleItem .collCat .collTag{
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.projectGallery .collSingleItem:hover .collCat .collTag{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
-webkit-transition-delay: 700ms;
transition-delay: 700ms;
}.projectGallery .collSingleItem:hover .collCat .collTag:hover{
-webkit-transition-delay: unset;
transition-delay: unset;
}
.projectGallery .collSingleItem .viewColl {
left: 30px;
top: 30px;
margin: inherit;
width: 70px;
height: 70px;
}
.projectGallery .collSingleItem:hover .viewColl {
-webkit-transform: scale(1);
transform: scale(1);
}
.projectGallery .collSingleItem .collShape01 .collPG01{
width: 337px;
height: 100%;
position: absolute;
left: -275px;
bottom: 0;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.projectGallery .collSingleItem.collSinGridSm .collShape01 .collPG01{
width: 230px ;
}
.projectGallery .collSingleItem.collSinGridSm02 .collShape01 .collPG01{
width: 250px ;
}
.projectGallery .collSingleItem.collSinGridSm02 .collShape01 .collPG02{
width: 190px ;
left: 60px;
}
.projectGallery .collSingleItem .collShape01 .collPG02{
width: 160px;
height: 200px;
position: absolute;
left: 74px;
bottom: -200px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.projectGallery .collSingleItem.collSinGridSm .collShape01 .collPG02{
width: 200px ;
left: 35px;
}
.projectGallery .collSingleItem .collShape01 .collPG03 {
width: 55px;
height: 118px;
position: absolute;
left: 0;
bottom: -125px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.projectGallery .collSingleItem:hover .collShape01 .collPG01{
left: 2px;
}
.projectGallery .collSingleItem:hover .collShape01 .collPG02{
bottom: 0;
}
.projectGallery .collSingleItem:hover .collShape01 .collPG03{
bottom: 0;
}
.projectGallery .collSingleItem .collShape02 .collPG01{
width: 135px;
height: 254px;
position: absolute;
right: -135px;
bottom: 0;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.projectGallery .collSingleItem:hover .collShape02 .collPG01{
right: 0;
}
.projectGallery .collSingleItem .collShape02 .collPG02 {
width: 78px;
height: 150px;
position: absolute;
right: -78px;
bottom: 0;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
-webkit-transition-delay: 350ms;
transition-delay: 350ms;
}
.projectGallery .collSingleItem:hover .collShape02 .collPG02{
right: 0;
} .priceItem {
position: relative;
padding: 106px 45px 44px;
box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 31px;
border-radius: 5px;
background: var(--tw-white-color);
margin: 80px 0 0;
}
.priceBox{
position: absolute;
width: 150px;
height: 150px;
background:var(--tw-primary-color);
border-radius: 50%;
padding: 43px 30px 2px 34px;
top: -77px;
left: auto;
box-shadow: 0px 4px 29px rgba(236, 57, 0, 0.28);
}
.priceBox h2 {
line-height: 1;
color: var(--tw-white-color);
font-size: 40px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.priceBox h2 span {
font-size: 18px;
font-family: inherit;
position: relative;
margin-bottom: 4px;
}
.priceBox h2 span svg{
width: 18px;
height: 18px;
fill: var(--tw-white-color);
stroke: var(--tw-white-color);
position: relative;
top: -2px;
}
.priceBox h2 span:last-of-type{
margin-bottom: 6px;
}
.priceBox p{
color: var(--tw-white-color);
font-weight: 600;
margin: 1px 0 0;
}
.priceContent{
position: relative;
}
.priceContent p{
color: var(--tw-body-color);
font-weight: 400;
margin-right: 3px;
}
.priceContent h3 {
font-size: 30px;
line-height: 1;
margin: 5px 0 26px;
}
.priceList{
position: relative;
margin: 0 0 32px;
}
.priceList ul{
margin: 0;
padding: 0;
list-style: none;
}
.priceList ul li {
font-size: 16px;
line-height: 26px;
font-weight: 400;
padding: 0 0 0 24px;
margin: 0 0 10px;
}
.priceList ul li i {
color: var(--tw-primary-color);
position: relative;
top: 1.4px;
margin-left: -24px;
margin-right: 8px;
}
.priceList ul li svg {
fill: var(--tw-primary-color);
stroke: var(--tw-primary-color);
position: relative;
top: -1px;
margin-left: -24px;
margin-right: 8px;
width: 16px;
height: 16px;
stroke-width: 0.5px;
}
.priceItem .logicBtn{
width: 100%;
text-align: center;
} .tesWrap01,
.testWrapper02 {
padding: 20px 40px;
margin: -20px -40px;
overflow: hidden;
}
.testWrapper02{
padding: 20px 40px 45px;
margin: -20px -40px -45px;
}
.tesWrap01 .testimonialCarousel01 .owl-stage-outer ,
.testWrapper02 .testimonialCarousel01 .owl-stage-outer {
overflow: visible;
}
.testimonialCarousel01.owl-carousel .owl-stage-outer .owl-stage {
cursor: none;
pointer-events: none;
}
.testimonialCarousel01 .owl-item {
opacity: 0;
}
.testWrapper02 .testimonialCarousel01 .owl-nav,
.testWrapper02 .testimonialCarousel02 .owl-nav{
display:none !important;
}
.testimonialCarousel01.owl-carousel .owl-stage-outer .owl-item.active {
opacity: 1;
pointer-events: auto;
cursor: pointer;
visibility: visible;
}
.testControls{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 2;
margin: 0 0 16px;
}
.testControls .tnext01,
.testControls .tprev01{
width: 50px;
height: 50px;
border: 0;
outline: 0;
background: #262626;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tw-white-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
font-size: 14px;
margin-left: 10px;
position: relative;
overflow: hidden;
z-index: 1;
}
.testControls .tprev01:after{
content: '';
position: absolute;
width: 0;
height: 100%;
left: 0;
right: auto;
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.testControls .tprev01:hover:after{
width: 100%;
left: auto;
right: 0;
}
.testControls .tnext01:after{
content: '';
position: absolute;
width: 0;
height: 100%;
right: 0;
left: auto;
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.testControls .tnext01:hover:after{
width: 100%;
left: 0;
right: auto;
}
.testimonialItem01 {
position: relative;
box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
background: var(--tw-white-color);
padding: 40px 39px 51px;
margin: 60px 0 41px;
}
.testimonialCarousel02 .owl-stage-outer{
overflow: visible;
}
.testimonialCarousel02 .owl-item{
opacity: 0;
}
.testimonialCarousel02 .owl-item.active{
opacity: 1;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.testimonialCarousel02.owl-carousel .owl-stage-outer .owl-item.active{
opacity: 1;
pointer-events: auto;
cursor: pointer;
visibility: visible;
}
.testimonialCarousel02.owl-carousel .owl-stage-outer .owl-stage{
cursor: none;
pointer-events: none;
}
.tsAuthorMeta {
position: relative;
width: 100px;
height: 100px;
margin-top: -99px;
margin-bottom: 26px;
}
.tsAuthorMeta img{
width: 100%;
height: 100%;
}
.testimonialItem01 p{
font-size: 18px;
line-height: 30px;
margin: 0 0 32px;
}
.testimonialItem01 .tsAuthor02{
position: relative;
padding: 8px 0 0px 72px;
}
.testimonialItem01 .tsAuthor02 img{
width: 54px;
height: 54px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
background: #D9D9D9;
}
.testimonialItem01 .tsAuthor02 h4{
font-size: 20px;
font-weight: 600;
line-height: 1;
margin: 0 0 6px;
}
.testimonialItem01 .tsAuthor02 span {
font-size: 14px;
font-weight: 500;
color: var(--tw-primary-color);
line-height: 1;
margin: 0 0;
font-family: var(--secondary-font);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.testimonialItem01:after{
content: '';
position: absolute;
width: 0;
height: 0;
top: 100%;
left: 60px;
border-style: solid;
border-width: 41px 41px 0 0;
border-color: var(--tw-white-color) transparent transparent transparent;
} .clientTitle{
position: relative;
margin: 0 0 56px;
}
.clientTitle h3{
font-size: 14px;
text-transform: uppercase;
text-align: center;
line-height: 22.96px;
letter-spacing: .7px;
position: relative;
margin: 0;
line-height: 1;
}
.clientTitle h3:after{
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #D9D9D9;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
.clientTitle h3 span{
background: var(--tw-white-color);
padding: 0 30px;
position: relative;
z-index: 1;
}
.clientWrapper{
position: relative;
margin: 0 120px 119px;
}
.clientSlider.owl-carousel a img {
width: auto;
height: 40px;
max-width: 100%;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
margin: 0 auto;
}
.clientSlider.owl-carousel .owl-item:hover img {
-webkit-filter: brightness(0);
filter: brightness(0);
} .teamDetails01{
position: relative;
padding: 110px 0 122px 30px;
}
.teamDetails01 p{
margin: 0 0 44px;
}
.teamSmImg{
display: none;
}
.logicSkillBar{
position: relative;
}
.singleSkill{
position: relative;
margin: 0 0 36px;
}
.singleSkill:last-child{
margin: 0;
}
.skillWrap{
position: relative;
width: 100%;
height: 1px;
background: #E3E3E3;
}
.skillWrap .skill{
width: 0;
height: 3px;
background: var(--tw-primary-color);
position: relative;
bottom: 1px;
}
.singleSkill h3{
font-size: 14px;
font-weight: 700;
font-family: var(--primary-font);
color: var(--tw-secondary-color);
line-height: 1;
margin: 0 0 17px;
text-transform: uppercase;
}
.singleSkill span{
position: absolute;
right: 0;
bottom: 12px;
font-size: 14px;
font-weight: 700;
font-family: var(--primary-font);
color: var(--tw-secondary-color);
} .blogItem01{
position: relative;
background: #FFFFFF;
box-shadow: 0px 15px 28px rgba(0, 0, 0, 0.04);
}
.biThumb01{
position: relative;
overflow: hidden;
}
.elementor .biThumb01 img,
.biThumb01 img{
max-width: 100%;
width: 100%;
height: auto;
border-radius: 5px;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
}
.elementor .blogCarousel .biThumb01 img{
width: 100%;
}
.biThumb01:after {
content: "";
position: absolute;
background: rgba(255, 255, 255, 0.3);
bottom: 0;
left: 50%;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
-webkit-transition: all 500ms linear;
transition: all 500ms linear;
}
.blogItem01:hover .biThumb01:after {
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 500ms linear;
transition: all 500ms linear;
}
.biMeta01{
position: relative;
font-weight: 500;
margin: 0 0 13px;
}
.biMeta01 span{
margin-right: 21px;
}
.biMeta01 i {
color: var(--tw-primary-color);
margin-right: 6px;
position: relative;
top: 1px;
font-size: 15px;
}
.biMeta01 span:first-child i{
top: 2px;
}
.biMeta01 .blogCcat i {
top: 1px;
font-size: 13px;
margin: 0 4px 0 0;
}
.biMeta01 a{
color: inherit;
}
.biMeta01 a:hover{
color: var(--tw-primary-color);
}
.blogItem01 .biContent{
position: relative;
padding: 23px 30px 9px;
background: var(--tw-white-color);
border-bottom: 1px solid #EEEEEE;
}
.blogItem01 .biContent h3{
font-size: 24px;
line-height: 34px;
color: var(--tw-secondary-color);
}
.blogItem01 .biContent h3 a{
color: inherit;
display: inline-block;
}
.blogItem01 .biContent h3:hover{
color: var(--tw-primary-color);
}
.blogItem01 .biMeta02{
position: relative;
padding: 25px 29px 23px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: var(--tw-white-color);
}
.blogItem01 .biAuthor{
position: relative;
padding: 7px 0 0 49px;
}
.blogItem01 .biAuthor img{
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
border-radius: 50%;
}
.blogItem01 .biAuthor h4{
font-size: 18px;
font-weight: 600;
line-height: .5;
margin: 0;
}
.blogItem01 .biAuthor span,
.blogItem01 .biAuthor h4{
text-transform: capitalize;
}
.blogItem01 .logicBtn{
height: 40px;
line-height: 42px;
padding: 0 20px;
font-size: 14px;
margin-right: 0;
} .footerArea01{
position: relative;
background: #171717;
padding: 116px 0 0;
overflow: hidden;
}
.footerSocial{
position: relative;
}
.footerSocial a{
font-size: 16px;
width: 40px;
height: 40px;
background: #222224;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tw-white-color);
position: relative;
z-index: 1;
margin-right: 6px;
}
.footerSocial a:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--tw-primary-color);
z-index: -1;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 450ms ease;
transition: all 450ms ease;
}
.footerSocial a:hover:after{
-webkit-transform: scale(1);
transform: scale(1);
}
.footerWidget ul{
margin: -7px 0 0;
padding: 0;
list-style: none;
}
.footerWidget ul li{
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
}
.footerWidget ul li a{
color: inherit;
display: inline-block;
}
.footerWidget ul li i{
font-size: 14px;
margin-right: 15px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.footerWidget ul li:hover{
color: var(--tw-primary-color);
}
.footerWidget ul li:hover i{
margin-right: 10px;
}
.popularPost{
position: relative;
margin: 55px 0 0;
}
.poSinglePost{
position: relative;
padding: 0 0 0 104px;
margin: 0 0 9px;
}
.elementor .poSinglePost img,
.poSinglePost img{
position: absolute;
left: 0;
top: 0;
width: 85px;
height: 85px;
border-radius: 4px;
}
.poSinglePost p{
font-size: 14px;
color: #838790;
margin: 0 0 2px;
}
.poSinglePost p i {
margin-right: 4px;
top: 2px;
position: relative;
}
.poSinglePost h4{
color: var(--tw-white-color);
font-size: 18px;
font-weight: 600;
line-height: 30px;
margin: 0 0 6px;
}
.poSinglePost h4 a{
color: inherit;
display: inline-block;
}
.poSinglePost h4:hover a{
color: var(--tw-primary-color);
}
.poSinglePost .btnLink{
font-size: 14px;
color: var(--tw-primary-color);
text-transform: uppercase;
}
.poSinglePost .btnLink i{
margin-left: 7px;
font-size: 12px;
}
.footerWidget.fw02{
left: 18px;
}
.footerWidget.fw03 {
left: 55px;
}
.footerWidget.fw04 {
left: 95px;
} .fIconBoxWraper{
position: relative;
margin: 72px 0 0;
}
.fIconBoxWraper .col-lg-2{
width: 21.1%;
}
.fIconBoxWraper .col-lg-8{
width: 78.9%;
}
.fIboxWrp02{
position: relative;
border-top: 1px solid #26282F;
border-bottom: 1px solid #26282F;
border-right: 1px solid #26282F;
}
.fIboxWrp02 .col-lg-4:nth-child(01) {
width: 32%;
}
.fIboxWrp02 .col-lg-4:nth-child(02) {
width: 32.6%;
padding-left: 0;
}
.fIboxWrp02 .col-lg-4:nth-child(03) {
padding-left: 0;
}
.footerLogo{
position: relative;
width: 100%;
height: 100%;
background: var(--tw-primary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footerLogo a{
display: inline-block;
}
.footerLogo img{
max-width: 183px;
width: 100%;
height: auto;
}
.iconBox04{
position: relative;
padding: 26px 0 8px 113px;
}
.iconBox04 span {
position: absolute;
left: 48px;
top: 23px;
font-size: 16px;
color: var(--tw-white-color);
width: 50px;
height: 50px;
border-radius: 50%;
background: #2B2B2B;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.iconBox04 p{
font-size: 14px;
font-weight: 500;
color: #838790;
line-height: 17px;
margin: 0 0 7px;
}
.iconBox04 h3{
font-size: 20px;
line-height: 1;
color: var(--tw-white-color);
}
.iconBox04 h3 a{
display: inline-block;
color: inherit;
}
.iconBox04 h3:hover a{
color: var(--tw-primary-color);
}
.copyright{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 27px 48px 26px 33px;
border-bottom: 1px solid #26282F;
border-left: 1px solid #26282F;
border-right: 1px solid #26282F;
}
.copyright p{
color: #6F7279;
margin: 0;
}
.copyright ul{
margin: 0;
padding: 0;
list-style: none;
}
.copyright ul li{
display: inline-block;
color: #6F7279;
line-height: 21px;
margin-left: 27px;
}
.copyright ul li a{
color: inherit;
}
.copyright ul li a:hover{
color: var(--tw-primary-color);
}
.fborder{
border-right: 1px solid #26282F;
} @-webkit-keyframes welAnim{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes welAnim{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-webkit-keyframes shapeIconAnim{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes shapeIconAnim{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
} .slider02{
position: relative;
}
.slider02:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 84px;
z-index: 1;
background: #FFF;
clip-path: polygon(72.8% 0%, -3% 100%, 103% 100%);
-webkit-clip-path: polygon(72.8% 0%, -3% 100%, 103% 100%);
}
.slider02 .sliderTags{
display: inline-block;
color: inherit;
text-transform: uppercase;
}
.slider02 .sliderTags:hover{
color: var(--tw-primary-color);
}
.slider02 .sliderTagHiphen{
display: inline-block;
width: 40px;
height: 1px;
background: var(--tw-white-color);
position: relative;
bottom: 4px;
margin: 0 17px;
}
#rev_slider_2 .captionBtn .logicBtn{
padding: 0 31px !important;
} .header02{
position: relative;
background: var(--tw-white-color);
z-index: 99;
}
.header02:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 34.74%;
height: 145px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/logo_bg.png)no-repeat;
background-size: auto 100%;
z-index: -1;
background-position: top right;
}
.header02:before{
content: '';
position: absolute;
right: 0;
top: 0;
width: 65.8334%;
min-height: 45px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/topbarBg.png)no-repeat;
background-size: 100% 100%;
z-index: -1;
-webkit-clip-path: polygon(2.5% 0, 0 100%, 100% 100%, 100% 0);
clip-path: polygon(2.5% 0, 0 100%, 100% 100%, 100% 0);
}
.header02 .logo{
position: relative;
padding: 51.5px 0;
}
.header02 .logo a{
display: inline-block;
}
.header02 .logo img{
max-width: 100%;
height: 41.85px;
}
.topbar02{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
padding-left: 45px;
height: 45px;
}
.topbar02 .topDesc p{
padding: 14px 0 12px;
margin: 0 30px 0 0;
}
.topbar02 .topDesc p i {
margin-right: 7px;
font-size: 14px;
}
.topbar02 .tpRight p {
display: inline-block;
font-weight: 500;
line-height: 19px;
color: var(--tw-secondary-color);
padding: 14px 0 12px;
}
.topbar02 .tpRight p a{
display: inline-block;
color: inherit;
}
.topbar02 .tpRight p i {
margin-right: 8px;
color: var(--tw-primary-color);
position: relative;
top: 1px;
}
.navBar02{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 32px;
}
.mainMenu02{
position: relative;
}
.mainMenu02 ul{
margin: 0;
padding: 0;
list-style: none;
}
.mainMenu02 ul li{
display: inline-block;
padding: 40px 0 41px;
margin: 0 21px 0 0;
}
.mainMenu02 ul li:last-child{
margin: 0;
}
.mainMenu02 ul li a{
display: block;
font-size: 14px;
font-weight: 700;
line-height: 17px;
font-family: var(--primary-font);
color: var(--tw-secondary-color);
text-transform: uppercase;
}
.mainMenu02 ul li a:hover{
color: var(--tw-primary-color);
}
.mainMenu.mainMenu02 > ul > li.menu-item-has-children > a:after {
font-size: 13px;
}
.accessNav{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.accessNav .anSearch,
.accessNav .anCart{
position: relative;
}
.accessNav .anCart{
margin: 0 0 0 15px;
}
.accessNav div.anCart > a span {
height: 20px;
width: 20px;
position: absolute;
right: -3px;
top: 0px;
background: var(--tw-primary-color);
color: #FFF;
border-radius: 50%;
text-align: center;
line-height: 20px;
font-size: 10px;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.accessNav .anSearch a,
.accessNav .anCart > a{
width: 45px;
height: 45px;
border-radius: 50%;
background: #F5F5F5;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tw-secondary-color);
font-size: 16px;
margin-left: 15px;
}
.accessNav .anCart > a{
margin: 0;
}
.accessNav .anSearch a:hover,
.accessNav .anCart a:hover{
color: var(--tw-primary-color);
}
.accessNav .anSearch a i{
font-weight: 400;
}
.logIn_user{
position: relative;
margin: 0 0 0 15px;
}
.logIn_user a{
width: 45px;
height: 45px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F5F5F5;
border-radius: 50%;
color: var(--tw-secondary-color);
font-size: 16px;
}
.logIn_user i{
color: inherit;
}
.logIn_user a:hover{
color: var(--tw-primary-color);
}
.accessNav .logicBtn{
height: 50px;
line-height: 52px;
padding: 0 23.45px;
margin-left: 30px;
top: 2px;
}
.headerArea03.fixedHeader {
background: transparent !important;
box-shadow: 0 0 0;
}
.woocommerce .anCart .widget_shopping_cart_content a.remove,
.woocommerce .anCart .mini_cart a.remove{
font-size: 10px;
color: var(--tw-primary-color);
position: absolute;
left: auto;
right: -8px;
top: 1px;
margin: 0;
width: 19px;
height: 19px;
border: 1px solid var(--tw-primary-color);
border-radius: 50%;
text-align: center;
line-height: 19px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce .anCart .mini_cart a.remove i{
position: relative;
top: 0.5px;
left: 0.4px;   
color: inherit;
}
.woocommerce .anCart .mini_cart a.remove:hover{
color: var(--tw-white-color);
background: var(--tw-primary-color);
}
.woocommerce-mini-cart__buttons.buttons {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.woocommerce .return-to-shop a.button.wc-backward,
.woocommerce .woocommerce-message a.button.wc-forward,
.woocommerce .woocommerce-error a.button.wc-forward,
.woocommerce-mini-cart__buttons.buttons a {
font-family: var(--secondary-font);
display: inline-block;
position: relative;
height: 35px;
min-width: 10px;
background: var(--tw-primary-color);
border-radius: 4px;
font-size: 12px;
line-height: 36px;
color: var(--tw-white-color);
font-weight: 700;
text-transform: uppercase;
text-align: center;
overflow: hidden;
border: none;
padding: 0 20px;
}
.woocommerce .return-to-shop a.button.wc-backward:hover,
.woocommerce .woocommerce-message a.button.wc-forward:hover,
.woocommerce .woocommerce-error a.button.wc-forward:hover,
.woocommerce-mini-cart__buttons.buttons a:hover{
color: var(--tw-white-color);
background: var(--tw-secondary-color);
}
.cartWidgetArea .woocommerce-mini-cart{
padding:0;
list-style: none;
}
.cartWidgetArea .total {
font-family: var(--secondary-font);
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1;
color: var(--tw-secondary-color);
text-align: left;
font-weight: 700;
width: 100%;
text-transform: capitalize;
margin: 5px 0 20px;
padding-bottom: 14px;
border-bottom: 1px solid #EFEFEF;
}
.cartWidgetArea .total > strong {
font-weight: 700;
}
.cartWidgetArea .total .amount {
float: right;
color: var(--tw-primary-color);
font-family: var(--primary-font);
font-weight: 700;
}
.min_cartThumb {
width: 65px;
height: 70px;
position: absolute;
left: 0;
top: 0;
padding: 8px;
border-radius: 0;
margin: 0;
background: #F5F5F5;
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cartWidgetArea .cartWidgetProduct .min_cartThumb img {
margin: 0;
position: relative;
padding: 0;
max-width: 100%;
width: auto;
max-height: 55px;
height: auto;
}
.cartWidgetProduct .cartRemoveProducts {
font-size: 10px;
color: var(--tw-primary-color);
position: absolute;
right: -8px;
top: 0px;
margin: 0;
width: 19px;
height: 19px;
border: 1px solid var(--tw-primary-color);
border-radius: 50%;
text-align: center;
line-height: 18px;
padding: 1px 0 0 1px;
}
.cartWidgetProduct .cartRemoveProducts:hover{
color: #FFF !important;
background: var(--tw-primary-color);
} .serviceItem02{
position: relative;
background: var(--tw-white-color);
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.06);
text-align: left;
padding: 30px 30px 24px;
}
.serviceItem02 span{
width: 74px;
height: 74px;
border-radius: 50%;
background: rgba(236, 57, 0, 0.1);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 31px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.serviceItem02 span i{
font-size: 31px;
color: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.serviceItem02 span svg{
width: 31px;
height: 31px;
fill: var(--tw-primary-color);
stroke: var(--tw-primary-color);
stroke-width: 0.5px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.serviceItem02:hover span{
background: var(--tw-primary-color);
}
.serviceItem02:hover span i{
color: var(--tw-white-color);
}
.serviceItem02:hover span svg{
fill: var(--tw-white-color);
stroke: var(--tw-white-color);
}
.serviceItem02 h3{
font-size: 24px;
line-height: 1;
margin: 0 0 11px;
}
.serviceItem02 h3 a{
color: inherit;
display: inline-block;
}
.serviceItem02 h3:hover a{
color: var(--tw-primary-color);
}
.serviceItem02 p{
margin: 0 0 12px;
}
.serviceItem02 .btnLink{
color: var(--tw-primary-color);
} .abIconBoxWrap{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 10px 30px 0;
margin: 0 0 23px;
border-bottom: 1px solid #EEEEEE;
}
.abDetails02{
position: relative;
padding: 33px 45px 0 0 ;
}
.abDetails02 p{
margin: 0 0 33px 0;
}
.abIconBox{
position: relative;
padding: 6px 0 0 77px;
min-height: 60px;
}
.abIconBox span{
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--tw-white-color);
border-radius: 50%;
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.12);
}
.abIconBox span i{
font-size: 35px;
color: var(--tw-primary-color);
}
.abIconBox.single span i{
font-size: 16px;
color: var(--tw-primary-color);
}
.abIconBox.single span svg{
width: 16px;
height: 16px;
fill: var(--tw-primary-color);
stroke: var(--tw-primary-color);
stroke-width: 0.5px;
}
.abIconBox h3{
font-size: 24px;
line-height: 1;
margin: 0 0 5px;
}
.abIconBox h3 a{
display: inline-block;
color: inherit;
}
.abIconBox h3:hover a{
color: var(--tw-primary-color);
}
.abIconBox p{
line-height: 19px;
margin: 0;
}
.abContentBtn .logicBtn{
padding: 0 29px;
}
.abContentBtn{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: -2px;
}
.abContentBtn .abIconBox{
margin-left: 40px;
padding: 5px 0 0 73px;
}
.abContentBtn .abIconBox span{
width: 55px;
height: 55px;
font-size: 16px;
}
.abContentBtn .abIconBox p{
font-size: 14px;
margin: 0 0 2px;
}
.abGallery02{
position: relative;
padding-left: 6px;
}
.abGallery02 > .row{
max-width: 594px;
width: 100%;
margin:0px;
}
.abGallery02 > .row .col-sm-6:first-child{
padding-left:0px;
}
.abGallery02 > .row .col-sm-6:last-child{
padding-right:0px;
}
.abGallery02 .abItm3_01{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.abGalleryItem{
position: relative;
margin: 0 0 20px;
overflow: hidden;
}
.elementor .abGalleryItem img,
.abGalleryItem img{
max-width: 100%;
width: auto;
height: auto;
border-radius: 8px;
}
.abGalleryItem.abGale01{
z-index: 1;
width: 100%;
height: 200px;
}
.abGalleryItem span {
display: inline-block;
position: relative;
overflow: hidden;
}
.abGalleryItem h3{
font-size: 22px;
line-height: 30px;
position: absolute;
bottom: 9px;
left: 0;
padding: 0 33px;
z-index: 1;
color: var(--tw-white-color);
}
.abGalleryItem.abGal02{
max-width: 285px;
height: 200px;
background: var(--tw-primary-color);
border-radius: 8px;
}
.abGalleryItem.abGal02 h3{
padding:0 33px 0 39px;
bottom: 20px;
}
.aboutLookThumb {
position: relative;
overflow: hidden;
display: inline-block;
} .pdItem01{
position: relative;
overflow: hidden;
}
.productSlider01.owl-carousel .owl-item img{
max-width: 100%;
height: auto;
border-radius: 5px;
}
.pdItem01 .pdTitle01{
position: absolute;
width: calc(100% - 60px);
height: auto;
left: 0;
right: auto;
margin: auto;
bottom: 30px;
background: var(--tw-white-color);
border-radius: 5px;
padding: 20px 32px 22px 30px;
overflow: hidden;
box-sizing: border-box;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
transition: transform .3s cubic-bezier(.77,0,.175,1) .1s;
transition: transform .3s cubic-bezier(.77,0,.175,1) .1s, -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
}
.pdItem01:hover .pdTitle01{
-webkit-transform: translateX(8.5%);
transform: translateX(8.5%);
}
.pdTitle_wrap a{
font-weight: 500;
color: var(--tw-primary-color);
display: inline-block;
font-family: var(--secondary-font);
margin: 0 0 2px;
}
.pdTitle_wrap a:hover{
color: var(--tw-secondary-color);
}
.pdTitle_wrap h3{
margin: 0;
font-size: 24px;
line-height: 1;
color: var(--tw-secondary-color);
font-weight: 700;
margin: 0;
}
.pdTitle_wrap h3 a{
color: inherit;
font-family: inherit;
font-size: inherit;
display: inline-block;
}
.pdTitle_wrap h3:hover a{
color: var(--tw-primary-color);
}
.pdTitle_wrap{
position: relative;
}
.pdTitle01 .pdTitle_wrap {
text-align: left;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
-webkit-transition: opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
transition: opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
}
.pdItem01:hover .pdTitle_wrap {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
} .teamItem02,
.team02Thumb{
position: relative;
text-align: center;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.teamItem02{
min-height: 317px;
}
.teamItem02:hover img{
-webkit-transform: scale(1.3388);
transform: scale(1.3388);
}
.teamSlider02.owl-carousel .owl-stage{
margin: 20px 0;
}
.teamItem02:hover .team02Thumb {
display: block;
padding: 10px 0 33px;
}
.elementor .teamItem02 img,
.teamItem02 img{
max-width: 183px;
height: auto;
border-radius: 50%;
margin:23px auto;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
position: relative;
}
.teamSlider02.owl-carousel .owl-item img{
max-width: 183px;
width: 100%;
height: auto;
border-radius: 50%;
margin:24px auto;
}
.teamItem02 h3{
font-size: 24px;
line-height: 1;
margin: 0 0 5px;
}
.teamItem02 h3 a{
display: inline-block;
color: inherit;
}
.teamItem02 h3:hover{
color: var(--tw-primary-color);
}
.teamItem02 p{
margin: 0;
line-height: 1;
font-family: var(--secondary-font);
font-weight: 500;
} .slDetails01{
position: relative;
padding: 0 0 0 30px;
top: -9px;
}
.slDetails01 p{
margin: 0 0 42px;
}
.slThumb01 {
position: relative;
margin-left: -348px;
padding-right: 25px;
}
.slThumb01 img{
max-width: 100%;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
} .tesItem01{
position: relative;
background: var(--tw-white-color);
padding: 40px 40px 48px;
box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.04);
}
.tesItem01 p{
font-size: 18px;
line-height: 30px;
border-bottom: 1px solid #F1F1F1;
margin: 0 0 35px;
padding-bottom: 26px;
}
.testimonialCarousel01.owl-carousel .owl-item .tsTitle{
max-width: 127px;
height: auto;
margin: 0 0 23px;
position: relative;
top: 2px;
}
.testimonialCarousel01.owl-carousel .owl-item .tesAuthor img{
width: 70px;
height: 70px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
background: #D9D9D9;
}
.tesAuthor{
position: relative;
padding: 18px 0 0 82px;
}
.tesAuthor h4{
font-size: 20px;
font-weight: 600;
line-height: .8;
margin: 0;
}
.tesAuthor span{
display: inline-block;
font-size: 14px;
font-weight: 500;
color: var(--tw-primary-color);
line-height: 1;
font-family: var(--secondary-font);
}
.owl-carousel .owl-dots,
.testimonialCarousel01 .owl-dots{
text-align: center;
}
.testimonialCarousel01 .owl-dots button,
.owl-carousel .owl-dots button{
width: 25px;
height: 25px;
border: 2px solid transparent;
margin: 5px;
border-radius: 50%;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 4px;
}
.owl-carousel .owl-dots span{
position: relative;
width: 9px;
height: 9px;
background: #CFCFCF;
border-radius: 50%;
}
.testimonialCarousel01 .owl-dots button.active,
.owl-carousel .owl-dots button.active{
border-color: var(--tw-primary-color)
}
.testimonialCarousel01 .owl-dots button.active:after,
.owl-carousel .owl-dots button.active span{
background: var(--tw-primary-color);
}
.testimonialCarousel01.owl-carousel .owl-dots{
margin: 57px 0 0;
} .getForm01{
position: relative;
}
.formInput{
position: relative;
margin: 0;
}
.formInput p{
margin: 0px;
}
.formInput input{
width: 100%;
height: 55px;
background: var(--tw-white-color);
border: 1px solid #EAEAEA;
border-radius: 5px;
outline: none;
color: #74787C;
padding: 0 20px 0 49px;
font-size: 16px;
font-weight: 400;
}
.formInput label{
color: #74787C;
position: absolute;
top: 16px;
left: 25px;
font-size: 16px;
}
.formInput.anSelect{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
}
.formInput.anSelect > *{
width: 100%;
}
.formInput.anSelect .nice-select{
width: 100%;
border: 1px solid #EAEAEA;
outline: 0;
height: 55px;
line-height: 55px;
color: #74787C;
font-size: 16px;
font-weight: 400;
padding-left: 50px;
}
.formInput.anSelect .nice-select:after {
height: 10px;
width: 10px;
left: 24px;
top: 46%;
}
.formInput.anSelect .nice-select .list{
width: 100%;
margin: 0;
}
.getForm01 button.logicBtn{
border: 0;
outline: 0;
padding: 0 37.6px;
margin: 9px 0 0;
}
.getForm01 input[type="submit"]:hover{
background: var(--tw-secondary-color);
}
.getInfo01 {
position: relative;
padding: 83px 0 0 139px;
}
.infoSingle {
position: relative;
padding: 4px 0 20px 70px;
}
.infoSingle span{
position: absolute;
width: 55px;
height: 55px;
border-radius: 50%;
left: 0;
top: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tw-white-color);
font-size: 20px;
background: #2F2F2F;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.infoSingle p {
font-weight: 500;
margin: 0 0 6px;
line-height: 19px;
}
.infoSingle h3{
font-size: 20px;
font-weight: 600;
color: var(--tw-white-color);
line-height: 1;
font-family: var(--primary-font);
}
.infoSingle h3 a{
display: inline-block;
color: inherit;
}
.infoSingle h3:hover a{
color: var(--tw-primary-color);
} .blogItem02{
position: relative;
background: var(--tw-white-color);
box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.07);
border-radius: 10px;
}
.biThumb02{
position: relative;
overflow: hidden;
}
.elementor .biThumb02 img,
.biThumb02 img{
max-width: 100%;
height: auto;
border-radius: 10px 10px 0px 0px;
}
.elementor .blogCarousel .biThumb02 img{
width: 100%;
}
.bpContent02{
position: relative;
padding: 0 40px 32px;
}
.bpContent02 .bpDate{
position: relative;
padding: 19px 0 0 47px;
background: var(--tw-primary-color);
max-width: 152px;
height: 50px;
box-shadow: 0px 8px 33px rgba(158, 45, 9, 0.29);
border-radius: 100px;
top: -25px;
}
.bpContent02 .bpDate span{
position: absolute;
width: 30px;
height: 30px;
left: 10px;
top: 10px;
background: var(--tw-white-color);
color: var(--tw-primary-color);
border-radius: 50%;
font-size: 14px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bpContent02 .bpDate h4{
font-size: 14px;
line-height: 1;
margin: 0;
color: var(--tw-white-color);
font-family: var(--secondary-font);
}
.bpContent02 h3{
font-size: 30px;
line-height: 38px;
margin: 0 0 10px;
}
.bpContent02 h3 a{
color: inherit;
display: inline-block;
}
.bpContent02 h3:hover{
color: var(--tw-primary-color);
}
.bpContent02 .btnLink{
color: var(--tw-primary-color);
font-family: var(--secondary-font);
letter-spacing: 0.15em;
} .clientSlider02.owl-carousel .owl-item{
text-align: center;
}
.clientSlider02.owl-carousel .owl-item img{
width: auto;
height: 36px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
display: inline-block;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
}
.clientSlider02.owl-carousel .owl-item:hover img{
-webkit-filter:brightness(0);
filter:brightness(0);
} .footerArea02{
position: relative;
background: -webkit-linear-gradient(right, #171717 65.1%, rgba(23, 23, 23, 0.87) 100%), url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/footerBg2.jpg)no-repeat scroll center center / cover;
background: linear-gradient(270deg, #171717 65.1%, rgba(23, 23, 23, 0.87) 100%), url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/footerBg2.jpg)no-repeat scroll center center / cover;
overflow: hidden;
padding: 120px 0 0;
}
.footerArea02 .fIconBoxWraper{
margin: 0 0 95px;
}
.footerWidget .widgetGallery{
position: relative;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 10px;
max-width: 275px;
top: 7px;
}
.footerWidget .widgetGallery a{
position: relative;
width: 85px;
height: 85px;
display: inline-block;
color: var(--tw-white-color);
z-index: 1;
}
.footerWidget .widgetGallery a:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #ec37007a;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
opacity: 0;
visibility: hidden;
border-radius: 5px;
}
.footerWidget .widgetGallery a:hover:after{
opacity: 1;
visibility: visible;
}
.footerWidget .widgetGallery a img{
width: 100%;
height: 100%;
border-radius: 5px;
}
.footerWidget .widgetGallery a i{
position: absolute;
left: 0;
right: 0;
top: 0;
text-align: center;
line-height: 85px;
z-index: 1;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
font-size: 18px;
}
.footerWidget .widgetGallery a:hover i{
-webkit-transform: scale(1);
transform: scale(1);
}
.footerArea02 .fw02{
left: 9px;
}
.footerArea02 .fw03 {
left: 45px;
}
.footerArea02 .fw04 {
left: 116px;
}
.copyRight02{
position: relative;
text-align: center;
z-index: 1;
margin: 94px 0 0;
}
.copyRight02:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/copyrightBg.png)no-repeat;
background-size: 100% 100%;
z-index: -1;
}
.copyRight02 p{
line-height: 0;
margin: 0;
padding: 50px 0;
color: #6F7279;
} .slider03 .slideSubTitle span{
text-transform: uppercase;
background: var(--tw-primary-color);
padding: 6.5px 24px;
display: inline-block;
border-radius: 5px;
}
.slider03 .sliderHeadingTitle span{
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/sliderTitleBg.png)no-repeat;
background-size: 100% 100%;
display: inline-block;
padding: 0 23.7px;
}
.slider03 .tp-caption .logicBtn{
padding: 0 30px;
}
.slider03 .tp-caption .logicBtn02{
padding: 0 38px;
background: var(--tw-white-color);
color: var(--tw-secondary-color);
}
.slider03 .tp-caption .logicBtn02:hover{
background: var(--tw-secondary-color);
color: var(--tw-white-color);
}
.slider03 .rev_slider .tp-bullet,
.slider02 .rev_slider .tp-bullet{
width: 55px;
height: 55px;
text-align: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
background: transparent;
border: 2px solid var(--tw-white-color);
color: #fff;
font-size: 18px;
font-weight: 600;
z-index: 999;
overflow: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.slider03 .rev_slider .tp-bullet:after,
.slider02 .rev_slider .tp-bullet:after{
content: '';
position: absolute;
left: auto;
bottom: 0;
right: 0;
width: 0;
height: 100%;
background: var(--tw-white-color);
color: var(--tw-primary-color);
z-index: -1;
border-radius: 50%;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.slider03 .rev_slider .tp-bullet.selected,
.slider02 .rev_slider .tp-bullet.selected{
color: var(--tw-primary-color);
border: none;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.slider03 .rev_slider .tp-bullet.selected:after,
.slider02 .rev_slider .tp-bullet.selected:after{
-webkit-transform: scale(1.2);
transform: scale(1.2);
left: 0;
right: auto;
width: 100%;
}
.slider03 .rev_slider .tp-bullets, .tp-tabs, .tp-thumbs,
.slider02 .rev_slider .tp-bullets, .tp-tabs, .tp-thumbs {
visibility: visible !important;
opacity: 1 !important;
left: 148px !important;
top: 429px !important;
} .topBar03{
position: relative;
background: var(--tw-primary-color);
}
.topItem03{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.topItem03 .topDesc p{
color: var(--tw-white-color);
margin-right: 0;
}
.topItem03 .topDesc p a{
color: inherit;
display: inline-block;
}
.topItem03 .topDesc p i{
color: var(--tw-white-color);
position: relative;
left: -1px;
}
.topItem03 .topSocial a{
color: var(--tw-white-color);
margin-left: 32px;
}
.topItem03 .topSocial a:hover{
color: #2B2B2B;
} .headerArea03{
position: relative;
margin-bottom: -60px;
background: #F7F7F7;
}
.headerLogoWrap{
position: relative;
}
.headerItems03{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.headerArea03 .logo a{
display: inline-block;
}
.headerArea03 .logo a img{
max-width: 183px;
width: 100%;
height: auto;
}
.headerBoxWrap{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 0 32px;
}
.headIbox{
position: relative;
padding: 6px 0 0 65px;
margin-left: 60.5px;
}
.headIbox span{
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
left: 0;
top: 0;
background: var(--tw-primary-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tw-white-color);
font-size: 16px;
}
.headIbox span svg{
height: 16px;
width: auto;
fill: var(--tw-white-color);
stroke: var(--tw-white-color);
}
.headerBtn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.headIbox p{
font-size: 14px;
line-height: 1;
margin: 0 0 8px;
}
.headIbox h3{
font-size: 20px;
font-weight: 600;
line-height: 1;
margin: 0;
}
.headIbox h3 a{
display: inline-block;
color: inherit;
}
.headIbox h3:hover a{
color: var(--tw-primary-color);
}
.menuItem03{
position: relative;
z-index: 5;
}
.menuItem03 .col-xl-9{
width: 79.1%;
}
.menuItem03 .col-xl-3{
width: 20.9%;
}
.mainNav03Wrap {
background: var(--tw-white-color);
padding: 0 30px 0 35px;
border-radius: 0px 0px 5px 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 60px;
}
.mainMenu03{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: var(--tw-white-color);
left: 0;
}
.mainMenu03 ul{
margin: 0;
padding: 0;
list-style: none;
}
.mainMenu03 > ul li{
display: inline-block;
margin:0 26px 0 0;
padding: 17px 0 17px;
}
.mainMenu03 > ul li a{
font-size: 14px;
font-weight: 700;
color: var(--tw-secondary-color);
display: inline-block;
font-family: var(--primary-font);
text-transform: uppercase;
line-height: 1;
padding: 3px 0;
}
.mainMenu03 > ul li a:hover{
color: var(--tw-primary-color);
}
.mainMenu03.mainMenu > ul > li.menu-item-has-children > a:after {
font-size: 13px;
}
.anSearchBar{
position: relative;
}
.anSearchBar form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 3.5px 1px;
margin: 7px 0 6px;
}
.anSearchBar input {
border: 0;
outline: 0;
background: transparent;
color: #74787C;
max-width: 170px;
width: 100%;
position: relative;
top: 0;
padding: 5px;
}
.anSearchBar button{
border:0;
outline: 0;
background: transparent;
font-size: 14px;
color: var(--tw-secondary-color);
position: relative;
top: 1px;
left: 2px;
}
.anSearchBar button:hover{
color: var(--tw-primary-color);
}
.headerBtn{
position: relative;
text-align: right;
}
.menuItem03 .headerBtn .logicBtn{
width: auto;
height: 60px;
line-height: 62px;
border-radius: 0px 0px 5px 5px;
padding: 0 37.3px;
top: 0;
}
section.slider03 {
position: relative;
top: -67px;
}
.anMobileSearch{
display: none;
}
.stickyHeader03 {
background: var(--tw-white-color);
position: absolute;
z-index: 0;
top: calc(-100% - 68px);
}
.stickyHeader03 .navBar01 .logo{
z-index: 9;
}
.stickyHeader03 .mainMenu03 > ul {
margin-right: 90px;
}
.stickyHeader03 .mainMenu03 > ul > li {
padding: 42px 0 42px;
}
.stickyHeader03 .anSearchBar form {
padding: 39px 0 35px;
margin:0px;
} .popup_search_sec {
position: absolute;
left: 0;
top: 0;
right: 0;
}
.popubMobileSearch {
display: none;
}
.popup_search_overlay {
position: fixed;
left: 0;
top: -100%;
width: 100%;
height: 100%;
background: rgba(22, 21, 21, .6);
z-index: 99;
opacity: 0;
visibility: hidden;
cursor: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/close.png), auto;
-webkit-transition: all .4s ease-in .8s;
transition: all .4s ease-in .8s;
}
.popup_search_sec.active .popup_search_overlay {
visibility: visible;
-webkit-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
top: 0;
opacity: 1;
}
.pop_search_background {
background: #000;
width: 100%;
height: 400px;
top: -100%;
z-index: 999999999999;
position: fixed;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
}
.popup_search_sec.active .pop_search_background {
opacity: 1;
visibility: visible;
top: 0;
-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
}
.middle_search {
position: relative;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
z-index: 2;
}
.popup_search_form {
position: relative;
}
.popup_search_form:after {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
position: absolute;
content: '';
height: 1px;
background: rgba(255, 255, 255, .15);
width: 0;
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
}
.popup_search_sec.active .popup_search_form:after {
-webkit-animation-name: fadeInGo;
animation-name: fadeInGo;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
opacity: 1;
width: 100%;
}
.popup_search_form:before{
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 1px;
width: 0;
-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
background: var(--tw-primary-color);
}
.popup_search_form.focused:before{
width: 100%;
left: 0;
right: auto;
}
.popup_search_form input[type="search"] {
width: 100%;
height: 64px;
border: none;
background: transparent;
outline: none;
font-size: 18px;
line-height: 64px;
color: #ffffff;
font-weight: 400;
padding: 0 30px 0 0 ;
}
.popup_search_form input[type="search"]::-moz-placeholder{
color: #ffffff;
opacity: 1;
}
.popup_search_form input[type="search"]::-ms-input-placeholder{
color: #ffffff;
opacity: 1;
}
.popup_search_form input[type="search"]::-webkit-input-placeholder{
color: #ffffff;
opacity: 1;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes fadeInGo {
0% {opacity: 0.1; width: 0; }
100% {opacity: 1; width: 100%; }
}
@keyframes fadeInGo {
0% {opacity: 0.1; width: 0; }
100% {opacity: 1; width: 100%; }
}
@-webkit-keyframes fadeOutGo {
0% {opacity: 1; width: 100%; }
100% {opacity: 0; width: 0; }
}
@keyframes fadeOutGo {
0% {opacity: 1; width: 100%; }
100% {opacity: 0; width: 0; }
}
@-webkit-keyframes fadeOutGo2 {
0% {opacity: 0.8; width: 100%; }
100% {opacity: 0.14; width: 0; }
}
@keyframes fadeOutGo2 {
0% {opacity: 0.8; width: 100%; }
100% {opacity: 0.14; width: 0; }
}
.popup_search_form  button[type="submit"]{
position: absolute;
right: 0;
bottom: 14px;
border: none;
outline: none;
z-index: 2;
font-size: 20px;
line-height: 33px;
margin: 0;
padding: 0;
background: transparent;
color: #ffffff;
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
}
.popup_search_form  button[type="submit"]:hover{
color: var(--tw-primary-color);
} .faciltItem{
position: relative;
text-align: center;
border: 1px solid #EFEFEF;
border-radius: 10px;
background: var(--tw-white-color);
padding: 98px 40px 31px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.faciltItem:hover{
box-shadow: 0px 23px 30px rgba(113, 113, 113, 0.12);
}
.faciltItem span{
width: 130px;
height: 130px;
background: var(--tw-white-color);
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 50px;
color: var(--tw-primary-color);
border: 17px solid #F7F7F7;
position: absolute;
top: -58px;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.faciltItem:hover span{
border-color: var(--tw-primary-color);
}
.faciltItem span svg{
width: auto;
height: 50px;
fill: var(--tw-primary-color);
stroke: var(--tw-primary-color);
}
.faciltItem h3{
font-size: 24px;
line-height: 1;
margin: 0 0 13px;
}
.faciltItem h3 a{
display: inline-block;
color: inherit;
}
.faciltItem h3:hover{
color: var(--tw-primary-color);
}
.faciltItem p{
margin: 0 0 9px;
}
.faciltItem .btnLink{
color: var(--tw-primary-color);
font-weight: 700;
position: relative;
left: 2px;
} .aboutLook03{
position: relative;
text-align: right;
}
.aboutLook03 .ab01{
max-width: 460px;
width: 100%;
height: auto;
position: relative;
left: 138px;
margin: 0 0 109px 0;
z-index: 1;
}
.aboutLook03 .ab02 {
max-width: 340px;
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 253px;
z-index: 2;
}
.elemento .aboutLook03 .ab01 img,
.elemento .aboutLook03 .ab02 img,
.aboutLook03 .ab01 img,
.aboutLook03 .ab02 img{
border-radius: 5px;
}
.aboutLook03 .welcomeBox{
width: 214px;
height: 214px;
border-radius: 50%;
position: absolute;
bottom: -52px;
left: 241px;
z-index: 3;
box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);
-webkit-animation: welAnim 7s linear infinite;
animation: welAnim 7s linear infinite;
}
.aboutLook03 .welcomeBox img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.aboutLook03 .welcomeBox .abArrow {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 54px;
height: 46px;
border-radius: 0;
}
.aboutContent03 {
padding:30px 0 0 36px;
position: relative;
}
.aboutContent03:after {
content: "";
position: absolute;
width: 90px;
height: 105px;
top: 10px;
left: 171px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/polygon.png)no-repeat;
background-size: 100% 100%;
z-index: -1;
}
.aboutContent03 p{
margin: 0 0 31px;
}
.aboutContent03 .aboutCountItem {
padding: 0 0 10px 239px;
}.aboutContent03 .aboutCountItem p{
padding: 0 128px 0 0;
}
.aboutContent03 .aboutCountItem p:after {
margin: auto -167px;
}
.aboutContent03 .logicBtn{
padding: 0 30.3px;
line-height: 57px;
}
.aboutContent03 .logicBtn.btnGap{
margin-left: 26px;
border: 1px solid #ECECEC;
box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
border-radius: 8px;
background: var(--tw-white-color);
color: var(--tw-primary-color);
padding: 0 29px;
}
.aboutContent03 .logicBtn.btnGap:hover{
background: var(--tw-secondary-color);
color: var(--tw-white-color);
}
.aboutContent03 p:after {
margin: auto -134px;
} .svLeft03 p{
margin: 0 0 32px;
}
.svLeft03 .logicBtn{
padding: 0 35px;
}
.svRight06{
position: relative;
padding-left: 31.5px;
}
.svItem01{
position: relative;
border: 1px solid #F0F0F0;
background: var(--tw-white-color);
width: 100%;
min-height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 29px 40px;
margin: 0 0 24px;
}
.svIcon{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.svIcon span{
width: 80px;
height: 80px;
border-radius: 50%;
background: rgba(236, 57, 0, 0.1);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.svIcon i{
color: var(--tw-primary-color);
font-size: 35px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.svIcon svg{
fill: var(--tw-primary-color);
stroke: var(--tw-primary-color);
height: 35px;
width: auto;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.svItem01:hover span{
background: var(--tw-primary-color);
}
.svItem01:hover span i{
color: var(--tw-white-color);
}
.svItem01:hover span svg{
fill: var(--tw-white-color);
stroke: var(--tw-white-color);
}
.svIcon h3{
font-size: 22px;
line-height: 1;
margin: 0 0 0 25px;
}
.svIcon h3:hover a{
color: var(--tw-primary-color);
}
.svIcon h3 a{
color: inherit;
display: inline-block;
}
.svItem01 .btnLink{
color: var(--tw-primary-color);
} .fanItem01{
position: relative;
padding: 20px 12px;
background: #2B2B2B;
}
.logisfareFactAlign-left .fanItem01,
.logisfareFactAlign-left .iconBox03.countfact{
text-align: left;
}
.logisfareFactAlign-center .fanItem01{
text-align: center;
}
.logisfareFactAlign-right .fanItem01,
.logisfareFactAlign-right .iconBox03.countfact{
text-align: right;
}
.logisfareFactAlign-left .fanItem01 h2{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.logisfareFactAlign-center .fanItem01 h2{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.logisfareFactAlign-right .fanItem01 h2{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.logisfareFactAlign-right .iconBox03.countfact{
padding: 9px 100px 7px 0;
}
.logisfareFactAlign-right .iconBox03.countfact span {
left: auto;
right: 0;
}
.fanItem01 h2{
color: var(--tw-white-color);
font-size: 40px;
line-height: 1;
margin: 0 0 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.fanItem01 h2 span{
font-size: inherit;
position: relative;
color:inherit;
font-weight: inherit;
}
.fanItem01 p{
color: var(--tw-white-color);
font-size: 18px;
font-weight: 600;
line-height: 1;
margin: 0;
font-family: var(--secondary-font);
} .teamItem03{
position: relative;
overflow: hidden;
}
.teamthumb03{
position: relative;
}
.teamItem03 img {
max-width: 100%;
width: 100%;
height: auto;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
}
.teamSocial03{
position: absolute;
right: 0;
bottom: -41px;
width: calc(100% - 80px);
height: auto;
background: var(--tw-primary-color);
padding: 9px 30px 6px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.teamSocial03 a{
display: inline-block;
color: var(--tw-white-color);
margin-right: 16px;
line-height: 1;
padding: 1px;
}
.teamItem03:hover .teamSocial03{
bottom: 0;
}
.teamContent03{
position: relative;
background: var(--tw-secondary-color);
padding: 25px 30px 27px;
width: calc(100% - 80px);
height: auto;
float: right;
}
.teamContent03 h3{
font-size: 24px;
color: var(--tw-white-color);
margin: 0 0 6px;
line-height: 1;
}
.teamContent03 h3 a{
color: inherit;
display: inline-block;
}
.teamContent03 h3:hover a{
color: var(--tw-primary-color);
}
.teamContent03 p{
font-weight: 500;
line-height: 1;
margin: 0;
font-family: var(--secondary-font);
}
.teamSocial03 a:nth-child(01){
-webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
}
.teamSocial03 a:nth-child(02){
-webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
}
.teamSocial03 a:nth-child(03){
-webkit-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
}
.teamSocial03 a:nth-child(04){
-webkit-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 60px, 0);
-moz-transform: translate3d(0, 60px, 0);
-webkit-transform: translate3d(0, 60px, 0);
-ms-transform: translate3d(0, 60px, 0);
-o-transform: translate3d(0, 60px, 0);
}
.teamItem03:hover .teamSocial03 a:nth-child(01),
.teamItem03:hover .teamSocial03 a:nth-child(02),
.teamItem03:hover .teamSocial03 a:nth-child(03),
.teamItem03:hover .teamSocial03 a:nth-child(04){
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.teamSocial03 a:hover{
-webkit-transform: scale(1.1) !important;
transform: scale(1.1) !important;
-webkit-transition: 0s;
transition: 0s;
} .appoinMain{
position: relative;
}
.appoinMain img{
max-width: 100%;
}
.appoinGetForm{
position: relative;
background: var(--tw-primary-color);
padding: 91px 99px 100px;
margin-right: -254px;
left: -24px;
}
.appoinGetForm .getForm01 button.logicBtn {
background: var(--tw-secondary-color);
margin: 10px 0 0;
} .testimonialSlider03.owl-carousel .owl-stage{
margin: 54px 0;
}
.testControls03 {
position: relative;
text-align: right;
top: 0;
margin: 0 0 17px;
}
.testControls03 button {
width: 55px;
height: 55px;
border: 1px solid #ECECEC;
box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
border-radius: 8px;
color: var(--tw-primary-color);
line-height: 55px;
font-size: 16px;
margin-left: 5px;
position: relative;
overflow: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: 1;
background: #FFF;
}
.testControls03 button:hover{
color: var(--tw-white-color);
}
.testControls03 button.tprev3:after{
content: "";
position: absolute;
left: 0;
right: auto;
width: 0;
height: 100%;
background: var(--tw-primary-color);
border-radius: 8px;
z-index: -1;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.testControls03 button.tprev3:hover:after{
width: 100%;
right: 0;
left: auto;
}
.testControls03 button.tnext3:after{
content: "";
position: absolute;
right: 0;
left: auto;
width: 0;
height: 100%;
background: var(--tw-primary-color);
border-radius: 8px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.testControls03 button.tnext3:hover:after{
width: 100%;
left: 0;
right: auto;
}
.testimonialSlider03.owl-carousel .owl-item .tsTitle{
max-width: 127px;
height: auto;
margin: 0 0 21px;
}
.testimonialSlider03.owl-carousel .owl-item .tesAuthor img{
width: 70px;
height: 70px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
background: #D9D9D9;
} .ctaContent04{
position: relative;
padding: 117px 0 114px 0;
}
.ctaContact{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ctacall{
position: relative;
padding: 1px 0 0 76px;
margin-right: 61px;
}
.ctacall span{
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
left: 0;
top: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tw-white-color);
font-size: 24px;
background: var(--tw-primary-color);
}
.ctacall p{
font-size: 14px;
font-weight: 600;
color: var(--tw-white-color);
font-family: var(--secondary-font);
margin: 0 0 3px;
text-transform: uppercase;
}
.ctacall h3{
font-size: 24px;
color: var(--tw-white-color);
line-height: 1;
margin: 0;
}
.ctacall h3 a{
display: inline-block;
color: inherit;
}
.ctacall h3:hover a{
color: var(--tw-primary-color);
}
.ctaContact .logicBtn{
top: 3px;
padding: 0 34.3px;
}
.ctaImg04{
position: relative;
}
.ctaImg04 img{
max-width: 629px;
height: auto;
position: absolute;
left: -105px;
} .blogItem03{
position: relative;
background: var(--tw-white-color);
}
.biThumb03{
position: relative;
overflow: hidden;
}
.elementor .biThumb03 img,
.biThumb03 img {
max-width: 100%;
width: auto;
height: auto;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
}
.elementor .blogCarousel .biThumb03 img{
width: 100%;
}
.biMeta03{
position: relative;
font-weight: 500;
border-bottom: 1px solid #EBEBEB;
padding: 15px 0 13px;
margin: 0 0 21px;
}
.biMeta03 span{
margin-right: 16px;
}
.biMeta03 span i{
margin-right: 6px;
}
.biMeta03 span a{
color: inherit;
}
.biMeta03 span a:hover{
color: var(--tw-primary-color);
}
.blogItem03 h3{
font-size: 24px;
line-height: 1;
margin: 0 0 12px;
}
.blogItem03 p{
margin: 0 0 21px;
}
.blogItem03 h3 a{
color: inherit;
}
.blogItem03 h3:hover{
color: var(--tw-primary-color);
}
.blogItem03 .biBlog03{
display: inline-block;
color: var(--tw-secondary-color);
font-weight: 600;
font-family: var(--secondary-font);
}
.blogItem03 .biBlog03 span:first-child{
width: 35px;
height: 35px;
color: var(--tw-white-color);
background: var(--tw-primary-color);
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
margin-right: 5px;
}
.biBlog03 .bib03_btnLable {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
top: -1px;
}
.blogItem03 .biBlog03:hover{
color: var(--tw-primary-color);
}  .pageBanner01{
position: relative;
background: -webkit-linear-gradient(left, rgba(14, 14, 14, 0.8366) 45.33%, rgba(14, 14, 14, 0) 100%), url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/page_banner.jpg)no-repeat scroll center center / cover;
background: linear-gradient(90deg, rgba(14, 14, 14, 0.8366) 45.33%, rgba(14, 14, 14, 0) 100%), url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/page_banner.jpg)no-repeat scroll center center / cover;
padding: 141px 0 122px;
z-index: 1;
}
.pageBanner01:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 300px;
height: 100%;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/ibSecLeft.png)no-repeat;
background-size: 100% 100%;
z-index: -1;
}
.pgBanner-title{
color: var(--tw-white-color);
font-size: 60px;
line-height: 1;
left: -5px;
}
.breadcrumbs{ 
position: relative;
color: #9A9A9A;
font-weight: 400;
font-family: var(--secondary-font);
font-size: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
margin: 0 0 18px;
}
.breadcrumbs a,
.breadcrumbs .brdSeparator{
color:inherit;
font-weight: inherit;
}
.breadcrumbs span{ 
position: relative;
font-family: var(--secondary-font);
font-size: inherit;
font-weight: 700;
line-height: 1;
color: var(--tw-white-color);
letter-spacing: 0.05em;
text-transform: uppercase;
word-wrap:break-word;
}
.breadcrumbs a:hover{
color: var(--tw-primary-color);
} .logicImg02 {
position: relative;
padding: 0;
max-width: 522px;
width: 100%;
height: auto;
margin: 0 0 163px;
}
.logicImg02 .ab_imgC_01 {
max-width: 387px;
width: 100%;
height: auto;
position: relative;
margin-left: auto;
z-index: 1;
}
.logicImg02 .ab_imgC_02 {
max-width: 313px;
width: 100%;
height: auto;
position: absolute;
top: 300px;
left: -73px;
line-height: 0;
z-index: 2;
}
.logicImg02 .ab_imgC_03 {
width: auto;
height: auto;
position: absolute;
bottom: -169px;
right: 28px;
z-index: 3;
}
.logicImg02 .ab_imgC_02 img{
border-radius: 8px;
border: 8px solid var(--tw-white-color);
}
.elementor .logicImg02 .ab_imgC_01 img,
.elementor .logicImg02 .ab_imgC_03 img,
.logicImg02 .ab_imgC_01 img,
.logicImg02 .ab_imgC_03 img{
border-radius: 8px;
}
.abCount02{
position: absolute;
max-width: 244px;
width: 100%;
height: auto;
background: var(--tw-primary-color);
border-radius: 8px;
top: 80px;
left: 0;
padding: 32px 20px 28px 87px;
z-index: 1;
}
.abCount02 h2{
position: absolute;
left: 34px;
top: 30px;
font-size: 38px;
line-height: 1;
color: var(--tw-white-color);
font-family: var(--primary-font);
}
.abCount02 p{
color: var(--tw-white-color);
font-size: 14px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
.logicAbCon02{
position: relative;
top: -9px;
}
.logicAbCon02 p{
margin: 0 15px 23px 0;
}
.logicList{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 38px;
}
.logicList ul:first-child{
margin-right: 65px;
}
.logicList ul{
list-style: none;
margin: 0;
padding: 0;
}
.logicList ul li{
line-height: 32px;
}
.logicList ul li i{
color: var(--tw-primary-color);
margin-right: 8px;
}
.logicAuthorItem{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logicAuthor{
position: relative;
padding: 6px 0 0 75px;
margin-right: 40px;
}
.logicAuthor img{
width: 55px;
height: 55px;
border-radius: 5px;
position: absolute;
left: 0;
top: 0;
}
.logicAuthor h3{
font-size: 18px;
text-transform: uppercase;
margin: 0 0 3px;
line-height: 1;
}
.logicAuthor p{
margin: 0;
font-family: var(--secondary-font);
}
.logicAuthorItem .logicBtn {
padding: 0 39.3px;
}  .abiBoxSection{
position: relative;
}
.abiBoxItem01{
position: relative;
background: -webkit-linear-gradient(right, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%) , url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/ibox01.jpg)no-repeat scroll center center / cover;
background: linear-gradient(270deg, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%) , url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/ibox01.jpg)no-repeat scroll center center / cover;
padding: 50px 20px 72px 110px;
}
.abiBoxItem02{
background: var(--tw-primary-color);
padding: 50px 20px 72px 100px;
}
.abiBoxItem02 .ibox05 span{
border: 1.5px solid #FE5B27;
box-shadow: 0px 11px 27px #D93603;
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.abiBoxItem03{
position: relative;
background: -webkit-linear-gradient(right, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%) , url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/ibox02.jpg)no-repeat scroll center center / cover;
background: linear-gradient(270deg, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%) , url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/ibox02.jpg)no-repeat scroll center center / cover;
padding: 50px 20px 72px 100px;
}
.ibox05{
position: relative;
padding: 24px 0 0 123px;
}
.ibox05 span{
position: absolute;
width: 99px;
height: 99px;
border-radius: 50%;
background: var(--tw-white-color);
left: 0;
top: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tw-primary-color);
font-size: 45px;
}
.ibox05 p{
font-size: 14px;
font-weight: 700;
color: var(--tw-white-color);
line-height: 1;
margin: 0 0 13px;
text-transform: uppercase;
}
.ibox05 h3{
color: var(--tw-white-color);
font-size: 26px;
line-height: 1;
margin: 0;
font-family: var(--primary-font);
}
.ibox05 h3 a{
display: inline-block;
color: inherit;
}
.ibox05 h3:hover a{
color: var(--tw-secondary-color);
} .featureContent{
position: relative;
}
.featureContent p{
margin:0 0 42px;
font-weight: 500;
}
.feProgress{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 33px;
}
.fepItem{
max-width: 270px;
width: 100%;
height: auto;
background: #D6ECEE;
border-radius: 5px;
padding: 29px 39px 36px;
}
.fepItem.fepItem2{
background: #F9F3F1;
margin-left: 20px;
padding: 33px 39px 32px;
}
.fepItem h2{
font-size: 40px;
line-height: 1;
margin: 0 0 9px;
font-family: var(--primary-font);
}
.fepItem p{
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: var(--tw-secondary-color);
margin: 0;
}
.featureImg{
position: relative;
text-align: right;
top: 10px;
}
.featureImg img{
max-width: 518px;
width: 100%;
height: auto;
}
.featureContent .logicBtn{
padding: 0 36.8px;
top: -1px;
} .aboutLook04 {
position: relative;
max-width: 598px;
width: 100%;
height: auto;
margin: 0 0 72px;
}
.abLookImg01{
position: relative;
max-width: 558px;
width: 100%;
height: auto;
z-index: 1;
}
.abLookImg01 img{
max-width: 100%;
width: 100%;
height: auto;
border-radius: 5px;
}
.abLookImg02 {
max-width: 430px;
width: 100%;
position: absolute;
top: 380px;
left: -100px;
line-height: 0;
z-index: 2;
}
.elementor .abLookImg02 img,
.abLookImg02 img{
box-shadow: 0px 4px 41px rgba(211, 210, 210, 0.4);
border-radius: 5px;
border: 10px solid var(--tw-white-color);
}
.abJobCount {
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
border: 7px solid var(--tw-white-color);
background: var(--tw-secondary-color);
top: 309px;
left: calc((50% - 90px) + -1%);
text-align: center;
z-index: 3;
}
.abJobCount h2 {
color: var(--tw-white-color);
font-size: 48px;
font-weight: 600;
line-height: 1;
margin: 47px 0 -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.abJobCount .counterSuffix{
position: relative;
display:inline-block;
}
.abJobCount p{
font-size: 20px;
font-weight: 600;
color: var(--tw-white-color);
font-family: var(--secondary-font);
}
.aboutContent04{
position:relative;
padding: 0 0 0 35px;
top: -2px;
}
.aboutContent04 p{
margin: 0 0 42px;
font-size: 18px;
line-height: 28px;
}
.aboutContent04 .abPera2nd{
font-size: 16px;
line-height: 28px;
}
.abIconBox04{
width: 100%;
height: auto;
padding: 31px 40px 31px 107px;
background: #F9F3F1;
position: relative;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 22px;
}
.abIconBox04 span{
display: inline-block;
position: absolute;
line-height: 1;
top: 30px;
left: 40px;
}
.abIconBox04 i{
color: var(--tw-primary-color);
font-size: 50px;
}
.abIconBox04 svg{
fill: var(--tw-primary-color);
stroke: var(--tw-primary-color);
stroke-width: 0.5px;
width: auto;
height: 50px;
margin-right: 16px;
}
.abIconBox04 h3{
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin: 0;
}
.aboutContent04 .logicBtn{
padding: 0 33.2px;
top: -12px;
} .historyNavTab{
position: relative;
z-index: 1;
}
.historyNavTab .nav-tabs{
border: 0;
row-gap: 20px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.historyNavTab .nav-link{
position: relative;
background: var(--tw-white-color);
box-shadow: 0px 19px 36px rgba(130, 100, 90, 0.05);
border-radius: 10px;
color: var(--tw-secondary-color);
font-family: var(--secondary-font);
font-size: 18px;
font-weight: 600;
line-height: 1;
width: auto;
height: 55px;
line-height: 57px;
padding: 0 33.9px;
margin: 0;
border: none;
z-index: 1;
}
.historyNavTab .nav-tabs .nav-link.active {
color: var(--tw-white-color);
}
.historyNavTab .nav-link:after{
content: '';
position: absolute;
right: 0;
left: auto;
width: 0;
height: 100%;
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition:all 350ms ease;
border-radius: 10px;
z-index: -1;
}
.historyNavTab .nav-tabs .nav-link.active:after {
width: 100%;
left: 0;
right: auto;
}
.historyNavContent{
position: relative;
}
.historyContent{
position: relative;
padding: 45px 0 0;
}
.historyContent h2{
font-size: 24px;
font-weight: 700;
line-height: 1;
margin: 0 0 24px;
}
.historyContent p{
margin: 0 0 26px;
}
.historyContent .btnLink{
text-transform: uppercase;
font-weight: 700;
color: var(--tw-primary-color);
font-family: var(--secondary-font);
}
.historyContent .btnLink i{
font-size: 12px;
top: -1px;
}
.historyImg{
position: relative;
text-align: right;
}
.historyImg img{
max-width: 554px;
width: 100%;
height: auto;
border-radius: 5px;
} .shopController{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.productCount{
position: relative;
}
.productCount p{
color: var(--tw-secondary-color);
margin: 0;
line-height: 1;
}
.shopAccessBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sortNav .nice-select {
width: 100%;
height: 45px;
border: 1px solid #E8E8E8;
font-size: 14px;
font-weight: 500;
padding: 0 45px 0 20px;
line-height: 45px;
border-radius: 0;
min-width: 209px;
}
.sortNav .nice-select:after {
content: '\e905';
font-family: 'logisfare';
font-size: 8px;
border: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
top: 4px;
right: 26px;
color: #74787C;
}
.sortNav .nice-select .list{
width: 100%;
margin: 0;
}
.shopAccessBar .sortNav form{
margin:0;
}
.productViewTabnav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.productViewTabnav li button{
font-size: 17px;
color: #74787C;
padding: 0;
margin-left: 20px;
border: none;
position: relative;
top: 2px;
background: transparent;
}
.productViewTabnav li button,
.productViewTabnav li button:hover{
border: none;
}
.productViewTabnav li button.active {
border: none;
background: none;
color: var(--tw-primary-color);
}
.productAllItems{
position: relative;
margin: 40px 0 62px;
}
.productItem01{
position: relative;
background: #F5F5F5;
padding: 30px 30px 32px;
margin: 0 0 24px;
}
.pi01Thumb{
position: relative;
width:100%;
min-height: 350px;
background: var(--tw-white-color);
padding: 20px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pi01Thumb img {
max-width: 100%;
width: auto;
max-height: 225px;
height: auto;
}
.pi01Thumb:after{
content: '';
position: absolute;
right: 0;
top: 0;
background: -webkit-linear-gradient(bottom, #161921, #161921), #FFFFFF;
background: linear-gradient(0deg, #161921, #161921), #FFFFFF;
width: 100%;
height: 100%;
-webkit-transition: all 800ms ease;
transition: all 800ms ease;
opacity: 0;
visibility: hidden;
}
.productItem01:hover .pi01Thumb:after{
opacity: 1;
visibility: visible;
}
.pi01Thumb .productLabels span {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: var(--tw-white-color);
background: var(--tw-primary-color);
font-family: var(--primary-font);
padding: 0px 13px;
position: absolute;
top: 0;
left: 0;
line-height: 25px;
z-index: 1;
}
.pi01Details{
position: relative;
text-align: center;
padding: 29px 0 0px;
}
.pi01Details h5 {
font-size: 13px;
text-transform: uppercase;
color: var(--tw-body-color);
font-weight: 600;
margin: 0 0 11px;
font-family: var(--primary-font);
line-height: 1;
}
.pi01Details h5 a{
font-size: inherit;
color: inherit;
font-weight: inherit;
font-family: inherit;
}
.pi01Details h5 a:hover{
color: var(--tw-primary-color);
}
.pi01Details h3{
font-size: 24px;
line-height: 1;
margin: 0 0 14px;
}
.pi01Details h3 a{
color: inherit;
display: inline-block;
}
.pi01Details h3:hover{
color: var(--tw-primary-color);
}
.pi01Details .pi01Price{
color: var(--tw-primary-color);
font-weight: 600;
text-decoration: none;
}
.shopPagination {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 36px 0 0;
}
.shopPagination a,
.shopPagination span{
width: 50px;
height: 50px;
background: #F5F5F5;
color: var(--tw-secondary-color);
font-size: 16px;
font-weight: 600;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.shopPagination a:hover{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.shopPagination span{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.productSinList01{
position: relative;
background: #F5F5F5;
padding: 30px 30px 27px;
margin: 0 0 24px;
}
.productSinList01 .pi01Details {
text-align: left;
padding: 47px 0 0px;
}
.productSinList01 .pi01Details ins{
margin: 0 0 17px;
display: inline-block;
}
.productSinList01 .pi01Details p{
margin: 0 0 30px;
}
.productSinList01 .pi01Details .logicBtn{
padding: 0 23.7px;
height: 45px;
line-height: 45px;
border-radius: 0;
} .tmDetImg{
position: relative;
}
.tmDetImg img{
max-width: 100%;
height: auto;
}
.tmDesctiption{
position: relative;
background: #F7F7F7;
padding: 73px 113px 71px 60px;
z-index: 1;
}
.tmDesctiption:after{
content: '';
position: absolute;
top: 0;
right: 0;
width: 104px;
height: 216px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/teamDetails_shap.png)no-repeat;
background-size: 100% 100%;
z-index: -1;
}
.tmDesTitle{
position: relative;
margin: 0 0 25px;
}
.tmDesTitle h2{
font-size: 30px;
line-height: 1;
margin: 0 0 6px;
}
.tmDesTitle span{
color: var(--tw-primary-color);
}
.tmDesctiption p{
margin: 0 0 32px;
}
.tmDetIconItem {
position: relative;
margin: 0 9px 10px 0;
}
.tmDesctiption .logicBtn{
padding: 0 35px;
} .cartImage01{
position: relative;
background: #F5F5F5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 520px;
width: 100%;
min-height: 600px;
}
.cartImage01 img{
max-width: 100%;
height: auto;
}
.cartImage01 span{
position: absolute;
display: inline-block;
font-size: 14px;
font-weight: 700;
color: var(--tw-white-color);
background: var(--tw-primary-color);
padding: 0 13px;
text-transform: uppercase;
top: 30px;
left: 30px;
width: auto;
height: 25px;
line-height: 26px;
}
.cartContent01 h2{
font-size: 36px;
line-height: 1;
margin: 0 0 11px;
}
.pcRating{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 20px;
}
.starRating{
position: relative;
margin-right: 14px;
}
.starRating i{
color: #F9B317;
font-size: 12px;
margin-right: 1px;
}
.pcExcerpt{
margin: 0 0 26px;
}
.pcInfoList{
position: relative;
margin: 0 0 32px;
}
.pcInfoList p{
margin: 0 0 6px;
}
.pcInfoList p i{
color: var(--tw-primary-color);
font-size: 16px;
margin-right: 10px;
}
.pcBtns{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 36px;
}
.pcBtns .logicBtn{
padding: 0 39.2px;
}
.quantityd {
height: 55px;
position: relative;
background: var(--tw-secondary-color);
z-index: 1;
border-radius: 8px;
width: 101px;
margin-right: 20px;
}
.quantityd:after{
content: '';
position: absolute;
width: 1px;
height: 23px;
background: #2C303C;
top: 0;
right: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.quantityd button.qtyBtn {
background: transparent;
height: 15px;
width: 15px;
padding: 0;
position: absolute;
font-size: 12px;
line-height: 12px;
text-align: center;
border: none;
outline: none;
color: var(--tw-white-color);
font-weight: 700;
padding: 0;
right: 18px;
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
opacity: 0.2;
}
.quantityd button.qtyBtn:hover{
opacity: 1;
}
.quantityd button.btnPlus {
top: 12px;
}
.quantityd button.btnMinus {
bottom: 12px;
}
.quantityd input[type=number] {
border: medium;
color: var(--tw-white-color);
width: 45px;
height: 100%;
font-size: 18px;
line-height: 55px;
font-weight: 600;
-webkit-filter: none;
filter: none;
margin: 0;
background: 0 0;
left: 0;
outline: none;
padding: 0 5px;
position: absolute;
text-align: center!important;
z-index: -1;
left: 5px;
}
.quantityd input[type=number]::-webkit-outer-spin-button,
.quantityd input[type=number]::-webkit-inner-spin-button{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; 
}
.pcMeta{
position: relative;
}
.pcMeta p{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pcMeta p span{
font-weight: 700;
min-width: 91px;
color: var(--tw-secondary-color);
}
.pcMeta p a{
display: inline-block;
color: inherit;
}
.pcMeta p a:hover{
color: var(--tw-primary-color);
} .productTabSec{
position: relative;
padding: 72px 0 0;
}
.product_tabArea .nav-tabs {
border: none;
border-bottom: 3px solid #EFEFEF;
}
.product_tabArea .nav-tabs .nav-link{
position: relative;
color: var(--tw-secondary-color);
font-weight: 700;
text-transform: uppercase;
border: none;
padding: 0;
margin: 0 58px 17px 0;
}
.product_tabArea .nav-tabs .nav-link:after{
content: '';
position: absolute;
right: 0;
left: auto;
bottom: -20px;
width: 0;
height: 3px;
background: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.product_tabArea .nav-tabs .nav-link.active:after{
width: 100%;
left: 0;
right: auto;
}
.product_tabArea .nav-tabs .nav-link.active, 
.product_tabArea .nav-tabs .nav-item.show .nav-link {
color: unset;
background: transparent;
border: none;
}
.product_tabArea .tab-content{
padding: 33px 0 0 ;
}
.pdTapDesc{
position: relative;
}
.pdTapDesc p{
margin: 0 0 25px;
}
.pdTapDesc p:last-child{
margin: 0;
} .product_tabArea .comment_area {
padding-right: 140px;
}
.sic_comments {
position: relative;
margin-bottom: 50px;
margin-right: 138px;
}
.sic_comments > .sicc_title, .productCommentForm .sicc_title {
margin-bottom: 27px;
color: var(--tw-secondary-color);
letter-spacing: 0;
font-weight: 700;
}
.sicc_title {
font-size: 24px;
color: var(--tw-secondary-color);
letter-spacing: -.96px;
line-height: 30px;
margin: 0 0 26px;
}
.reviewList ol {
margin: 0;
padding: 0;
}
.reviewList ol li {
list-style: none;
position: relative;
border-top: 1px solid #e1e1e1;
}
.reviewList ol > li:first-child {
border-top: none;
}
.postReview {
position: relative;
min-height: 55px;
padding: 2px 0 47px 144px;
margin: 26px 0 0;
border-radius: 0;
}
.postReview > img {
width: 75px;
height: 75px;
border-radius: 50%;
position: absolute;
left: 0;
top: 5px;
}
.postReview h2{
font-size: 16px;
line-height: 23px;
font-weight: 700;
letter-spacing: -.32px;
color: var(--tw-secondary-color);
margin: 0 0 9px;
text-transform: capitalize;
}
.postReviewContent p {
margin: 0 0 23px;
}
.comment-form-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 29px;
}
.woocommerce #review_form #respond p {
margin:0;
}
.woocommerce #review_form #respond p.comment-notes{
margin-bottom: 10px;
}
.woocommerce #review_form #respond p.comment-form-cookies-consent{
margin-bottom: 32px;
}
.woocommerce #review_form #respond p.stars span a {
color: #F9B317;
margin-right: 0;
font-size: 16px;
position: relative;
top: 4px;
}
.reviewList{
margin-bottom: 50px;
}
.comment-form-rating label {
margin-right: 24px;
}
.reviewMeta {
display: block;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: var(--tw-body-color);
line-height: .8;
margin: 0;
}
.reviewMeta span {
color: var(--tw-secondary-color);
font-weight: 700;
}
.single_comment .cm_date a{
color: inherit;
display: inline-block;
}
.single_comment .cm_date a:hover{
color: var(--tw-primary-color);
}
.productComent .starRating {
font-size: 13px;
color: #ffc556;
letter-spacing: 4px;
margin: 0;
position: absolute;
right: 0;
bottom: 39px;
}
.productReviewArea .hasReviews {
position: relative;
}
.productReviewArea .comment-respond h3 {
margin-bottom: 19px !important;
color: var(--tw-secondary-color);
letter-spacing: 0;
font-weight: 700;
}
#commentform .col-lg-6 {
margin-top: -26px;
}
#commentform input[type="email"], #commentform input[type="text"], #commentform input[type="url"], #commentform input[type="tel"], #commentform textarea {
display: block;
width: 100%;
height: 60px;
border: unset;
color: #74787C;
background: var(--tw-white-color);
border-radius: 8px;
line-height: 60px;
padding: 0 45px 0 26px;
border: 1px solid #eceef2;
margin: 0 0 14px;
outline:0;
}
#commentform :focus-visible {
outline: none
}
#commentform .col-md-6.email {
padding-left: 5px;
}
.woocommerce #reviews #comment,
#commentform textarea {
height: 200px;
line-height: 26px;
padding-top: 34px;
margin-bottom: 40px;
resize: none;
}
#commentform .logicBtn {
height: 55px;
width: auto;
border-radius: 8px;
text-transform: uppercase;
line-height: 55px;
padding: 0 38px;
}
.woocommerce .productRatingWrap{
position: relative;
}
.woocommerce .productRatingWrap > .star-rating {
width: 88.56px;
font-size: 14px;
height: 14px;
letter-spacing: 3px;
bottom: 4px;
}
.productReviewArea .col-lg-11:first-child{
max-width: 942px;
width: 100%;
} .serviceItem03{
position: relative;
text-align: left;
background: var(--tw-white-color);
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.02);
padding: 40px 40px 33px;
margin-bottom: 24px;
}
.serviceItem03 span{
width: 75px;
height: 75px;
border-radius: 50%;
color: var(--tw-white-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--tw-primary-color);
font-size: 36px;
margin: 0 0 38px;
}
.serviceItem03 span i,
.serviceItem03 span i:before{
color: var(--tw-white-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.elementor .serviceItem03 span img,
.serviceItem03 span img{
width: auto;
height: 38px;
}
.serviceItem03 h3{
font-size: 24px;
line-height: 1;
margin: 0 0 21px;
}
.serviceItem03 h3 a{
color: inherit;
display: inline-block;
}
.serviceItem03 h3:hover a{
color: var(--tw-primary-color);
}
.serviceItem03 p{
margin: 0 0 14px;
}
.serviceItem03 .btnLink{
color: var(--tw-primary-color);
} .serSkillDet{
position: relative;
background: var(--tw-white-color);
padding: 100px 100px 100px;
margin-left: 76px;
box-shadow: 0px 7px 48px rgba(0, 0, 0, 0.02);
top: 174px;
}
.serSkillDet p{
margin: 0 0 50px;
}
.serSkillDet .singleSkill h3,
.serSkillDet .singleSkill span{
font-size: 16px;
} .servicePageDetails{
position: relative;
padding: 120px 0 120px;
}
.servicePageDetails .col-lg-4{
width: 30.5%;
}
.servicePageDetails .col-lg-8{
width: 69.5%;
}
.serviceSidebar{
position: relative;
}
.pjSidebarWidget, .serviceWidget{
position: relative;
padding: 30px;
background: #F5F5F5;
width: 100%;
height: auto;
display: inline-block;
margin-bottom: 30px;
}
.serWidgetFile{
position: relative;
display: block;
padding: 26px 10px 12px 85px;
background: var(--tw-white-color);
margin-bottom: 10px;
box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.02);
color: inherit;
}
.serWidgetFile:hover{
background: var(--tw-primary-color);
}
.serWidgetFile:last-child{
margin-bottom: 0;
}
.serWidgetFile span{
position: absolute;
left: 27px;
top: 27px;
width: 45px;
height: 45px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
background: var(--tw-primary-color);
color: var(--tw-white-color);
border-radius: 50%;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.serWidgetFile:hover span{
background: var(--tw-white-color);
color: var(--tw-primary-color);
}
.serWidgetFile strong{
font-size: 18px;
font-family: var(--primary-font);
font-weight: 600;
color: #1F1F25;
line-height: 1;
margin: 0 0 10px;
display: inline-block;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.serWidgetFile:hover strong{
color: var(--tw-white-color);
}
.serWidgetFile p{
font-size: 14px;
font-weight: 500;
line-height: 1;
color:  var(--tw-body-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.serWidgetFile:hover p{
color: var(--tw-white-color);
}
.serviceWidget .widgetTitle{
font-size: 24px;
line-height: 1;
margin: 0 0 26px;
}
.serCatWidget ul,
.postCategorys{
margin:0;
padding:0;
}
.serCatWidget ul li,
.postCategorys li{
list-style: none;
border:unset;
outline: unset;
}
.serCatWidget ul li:not(:last-child),
.postCategorys li:not(:last-child){
margin-bottom: 15px;
}
.serCatWidget a{
font-size: 16px;
color: var(--tw-body-color);
font-weight: 500;
font-family: var(--primary-font);
background: var(--tw-white-color);
display: block; 
padding: 0 25px;
width: 100%;
height: 50px;
line-height: 50px;
font-weight: 500;
position: relative;
border-radius: 100px;
}
.serCatWidget a:after {
content: "\e9d1";
position: absolute;
font-size: inherit;
color: inherit;
font-family: 'Themewar' !important;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.postCategorys a{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 25px;
width: 100%;
height: 50px;
line-height: 50px;
font-weight: 500;
background: var(--tw-white-color);
margin-bottom: 15px;
color: inherit;
position: relative;
z-index: 1;
}
.serCatWidget a:last-child,
.postCategorys a:last-child{
margin-bottom: 0;
}
.serCatWidget a i,
.postCategorys a i{
color: var(--tw-primary-color);
position: relative;
}
.serCatWidget a:hover i,
.postCategorys a.active i,
.postCategorys a:hover i{
color: var(--tw-white-color);
}
.serCatWidget a:hover,
.serCatWidget .current-menu-item a,
.postCategorys a:hover,
.postCategorys a.active{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
aside.serQuickEmail{
text-align: center;
padding: 50px 60px 60px;
background: var(--tw-secondary-color);
}
.serQuickEmail span{
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 0 28px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--tw-white-color);
}
.serQuickEmail i{
font-size: 40px;
color: var(--tw-primary-color);
}
.serQuickEmail h3{
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
line-height: 28px;
color: var(--tw-white-color);
margin: 0 0 31px;
}
.serQuickEmail a{
display: inline-block;
background: var(--tw-white-color);
width: auto;
box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.08);
border-radius: 100px;
font-size: 18px;
font-weight: 700;
color: var(--tw-secondary-color);
line-height: 45px;
padding: 0 23px;
}
.serQuickEmail a:hover{
background: var(--tw-primary-color);
color: var(--tw-white-color);
} .serviceDetailsWrap{
position: relative;
padding-left: 35px;
}
.serDetThumb{
position: relative;
}
.serDetThumb img{
max-width: 100%;
width: 100%;
height: auto;
margin: 0 0 43px;
}
.serDetContent{
position: relative;
}
.serDetContent h2{
font-size: 36px;
color: #1F1F25;
line-height: 1;
margin: 0 0 20px;
}
.serDetContent h3{
font-size: 30px;
color: #1F1F25;
line-height: 1;
margin: 0 0 16px;
}
.serDetContent p{
margin: 0 0 27px;
}
.serviceBenefits{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 43px 0 27px;
}
.serviceBenefits img{
max-width: 311px;
width: 100%;
height: 220px;
}
.serBenefitsCon{
position: relative;
padding-left: 30px;
top: -5px;
}
.serBenefitsCon .logicList{
margin-bottom: 0;
}
.serBenefitsCon h3{
margin: 0 0 17px;
}
.serBenefitsCon p{
margin: 0 0 16px;
}
.serBenefitsCon .logicList ul li i {
margin-right: 6px;
}
.textBoxWrap{
position: relative;
margin: 31px 0 0 24px;
}
.textBoxItem{
position: relative;
width: 100%;
height: auto;
background: var(--tw-white-color);
box-shadow: 0px 9px 37px rgba(0, 0, 0, 0.07);
margin-bottom: 20px;
padding: 34px 65px 27px 50px;
border-left: 2px solid var(--tw-primary-color);
}
.textBoxItem:last-child{
margin-bottom: 0;
}
.textBoxItem h4{
font-size: 14px;
font-weight: 600;
line-height: 1;
font-family: var(--primary-font);
text-transform: uppercase;
color: #9DA3A9;
margin: 0 0 11px;
}
.textBoxItem p{
font-size: 18px;
font-weight: 500;
line-height: 28px;
color: var(--tw-secondary-color);
margin: 0;
}
.textBoxItem span{
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--tw-primary-color);
display: inline-block;
color: var(--tw-white-color);
font-size: 18px;
font-weight: 700;
line-height: 50px;
text-align: center;
left: -26px;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
} .blogPageSection,
.blogPageSec01{
position: relative;
padding: 120px 0 112px;
}
.blogPageSection .col-lg-8,
.blogPageSec02 .col-lg-8,
.blogPageDetails .col-lg-8{
width: 66.961%;
}
.blogPageSection .col-lg-4.blogSidebarCol,
.blogPageSection .blogGridView:not(.blogNSB) .col-lg-4,
.blogPageSec02 .col-lg-4,
.blogPageDetails .col-lg-4{
width: 33.039%;
}
.blogPageWrap{
position: relative;
padding-right: 35.9px;
}
.blogPageSingle01{
position: relative;
margin: 0 0 52px;
}
.blogPageSingle01:last-child{
margin-bottom: 0;
}
.blogPageSingle01 img{
max-width: 100%;
height: auto;
margin: 0 0 33px;
}
.blogPageSingle01 h2{
font-size: 36px;
line-height: 1;
margin: 0 0 21px;
word-break: break-word;
}
.blogPageSingle01 h2 a{
color: inherit;
display: inline-block;
word-break: break-word;
}
.blogPageSingle01 h2:hover{
color: var(--tw-primary-color);
}
.blogPageSingle01 .biMeta01{
margin: 0 0 17px;
}
.blogPageSingle01 p{
margin: 0 15px 32px 0;
}
.blogPageSingle01 .logicBtn{
height: 45px;
line-height: 45px;
padding: 0 32.3px;
}
.blogPageWrap .blockquote01{
background: #171717;
padding: 53px 60px 20px;
margin: 0 0 60px;
}
.blogPageWrap .blockquote01 .blogPageSingle01{
margin: 0;
}
.blogPageWrap .blockquote01 h2{
color: var(--tw-white-color);
font-size: 34px;
}
.blogPageWrap .blockquote01 p{
font-weight: 400;
color: #7D7E80;
}
.blogGridView .blogItem01,
.blogGridView .blogItem02,
.blogGridView .blogItem03{
margin-bottom: 50px;
}
.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem01,
.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem02,
.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem03{
margin-bottom: 0px;
}
.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem01,
.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem02,
.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem03{
margin-bottom: 0px;
} .blogPageSidebar{
position: relative;
}
.pjWidgetMeta,
.serviceWidget,
.widget{
position: relative;
background: #F5F5F5;
width: 100%;
display: inline-block;
margin-bottom: 40px;
padding: 40px 40px 40px;
}
.pjWidgetMeta{
padding: 35px 40px 40px;
}
.serCatWidget{
padding: 37px 40px 40px;
}
.widgetTitle {
font-size: 24px;
line-height: 1;
margin: 9px 0 27px;
}
.pjWidgetMeta .widgetTitle{
margin: 0 0 29px;
}
.widget.postCategorys a{
border-radius: 0;
}
.searchForm{
position: relative;
}
.blogPostStatic .wp-block-search__input,
.searchForm input{
width: 100%;
height: 55px;
line-height: 55px;
border: 0;
outline: 0;
padding: 0 65px 0 20px;
color: #74787C;
}
.blogPostStatic .wp-block-search__button,
.searchForm button{
position: absolute;
right: 0;
top: 0;
background: var(--tw-primary-color);
color: var(--tw-white-color);
width: 55px;
height: 55px;
line-height: 55px;
border: 0;
outline: 0;
}
.blogPostStatic .wp-block-search__button:hover,
.searchForm button:hover{
background: var(--tw-secondary-color);
}
.widtet.recentPost{
padding: 47px 40px 42px;
}
.recentPost .widgetTitle{
margin: 0 0 22px;
}
.latest_post_widget {
position: relative;
}
.latest_post_widget .widgetTitle{
margin-bottom: 20px;
}
.latestPost {
position: relative;
padding: 3px 0 0px 100px;
margin: 0 0 26px;
min-height: 84px;
}
.latestPost:last-child{
margin-bottom: 0px;
}
.elementor .latestPost img,
.latestPost img{
max-width: 85px;
width: 100%;
height: 85px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.latestPost p{
font-size: 14px;
margin: 0 0 3px;
}
.latestPost p i {
margin-right: 5px;
position: relative;
top: 1px;
}
.latestPost p a{
color: inherit;
display: inline-block;
text-transform: capitalize;
line-height: 1;
}
.latestPost p a:hover{
color: var(--tw-primary-color);
}
.latestPost h3{
font-size: 18px;
font-weight: 600;
line-height: 26px;
font-family: var(--primary-font);
margin: 0;
}
.latestPost h3 a{
color: inherit;
display: inline-block;
}
.latestPost h3 a:hover{
color: var(--tw-primary-color);
}
.widgetGallery01{
padding: 46px 40px 40px;
}
.widgetGallery .widgetTitle{
margin: 0 0 28px;
}
.widGalleryItem{
position: relative;
display: -ms-grid;
display: grid;
grid-template-columns:repeat(3,1fr);
grid-gap: 11px;
}
.widGalleryItem a{
display: inline-block;
max-width: 100%;
height: auto;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.widGalleryItem a img{
width: 100%;
height: 100%;
}
.widGalleryItem a:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #ec37007a;
border-radius: inherit;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.widGalleryItem a i{
position: absolute;
left: 50%;
top: 70%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: inline-block;
z-index: 1;
color: var(--tw-white-color);
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.widGalleryItem a:hover:after{
opacity: 1;
visibility: visible;
border-radius: inherit;
}
.widGalleryItem a:hover i{
top: 50%;
opacity: 1;
visibility: visible;
}
.widgetTags .widgetTitle{
margin: 0 0 27px;
}
.widgetTags{
padding: 47px 20px 31px 40px;
}
.tagcloud,
.wp-block-tag-cloud,
.blogTagItems {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 10px;
}
.tagcloud a,
.wp-block-tag-cloud a,
.blogTagItems a{
display: inline-block;
width: auto;
height: 35px;
line-height: 35px;
background: var(--tw-white-color);
color: var(--tw-body-color);
padding: 0 16px;
border-radius: 100px;
font-size: 14px !important;
font-weight: 500;
}
.wp-block-tag-cloud a:hover,
.tagcloud a:hover,
.blogTagItems a:hover{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.blogPageSec01 .productPagination{
text-align: left;
margin: 50px 0 0;
left: -9px;
} .blogPageSec02{
padding: 120px 0 112px;
}
.blogPageSec02 .blogPageWrap {
padding-left: 35.9px;
padding-right: 0;
}
.blogPageSec02 .productPagination{
margin-top: 50px;
position: relative;
left: -9px;
} .blogPageDetails{
padding: 120px 0 120px;
}
.blogDetailsCon{
position: relative;
}
.blogDetailsCon img{
max-width: 100%;
height: auto;
}
.blogDetailsCon .blDetThumb01{
margin: 0 0 35px;
}
.singlePostMeta .biMeta01 {
margin: 0 0 17px;
}
.blogTitle{
font-size: 36px;
line-height: 1;
margin: 0 0 25px;
word-wrap: break-word;
}
.blogDetailsCon h3{
font-size: 30px;
line-height: 1;
margin: 0 0 20px;
}
.blogDetailsCon p{
margin:0px 13px 27px 0;
}
.blogPostStatic blockquote,
.wp-block-quote,
.wp_blockQuote{
position: relative;
width: 100%;
background: #F5F5F5;
padding: 31px 40px 32px 164px;
margin: 41px 0 36px;
overflow: hidden;
}
.blogPostStatic blockquote:before,
.wp-block-quote:before {
content: "\e95a";
font-family: 'LogisFare' !important;
}
.blogPostStatic blockquote:before,
.wp-block-quote:before,
.wp_blockQuote i{
position: absolute;
left: 0;
top: 0;
width: 125px;
height: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--tw-primary-color);
color: var(--tw-white-color);
font-size: 38px;
}
.blogPostStatic blockquote.wp-block-quote p,
.blogPostStatic blockquote p,
.wp-block-quote p,
.wp_blockQuote p{
font-size: 18px;
font-weight: 600;
line-height: 28px;
margin: 0 0 20px;
color: var(--tw-secondary-color);
}
.blogPostStatic blockquote.wp-block-quote.is-style-large cite,
.blogPostStatic blockquote cite,
.wp-block-quote cite,
.wp_blockQuote cite{
color: var(--tw-primary-color);
font-size: 18px;
font-weight: 600;
line-height: 1;
font-style: normal;
position: relative;
margin-left: 41px;
}
.blogPostStatic blockquote.wp-block-quote.is-style-large cite:after,
.blogPostStatic blockquote cite:after,
.wp-block-quote cite:after,
.wp_blockQuote cite:after{
content: '';
position: absolute;
left: -40px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 2px;
background: var(--tw-primary-color);
}
.blogGallery{
position: relative;
margin: 40px 0 43px;
}
.blogGallery img{
max-width: 100%;
height: auto;
}
.blogDetailsCon .blDetThumb02{
margin: 15px 0 45px;
} .spMeta{
position: relative;
margin: 42px 0 70px;
}
.postTags{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 10px;
}
.postTags a {
color: var(--tw-body-color);
font-family: var(--primary-font);
font-size: 14px;
font-weight: 500;
line-height: 17px;
padding: 8px 21px;
border: 1px solid #ECECEC;
background: #FFF;
border-radius: 100px;
display: inline-block;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.postTags a:hover{
color: var(--tw-white-color);
background: var(--tw-primary-color);
border-color: var(--tw-primary-color);
}
.socialShare{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.socialShare h4{
font-size: 16px;
font-weight: 600;
line-height: 1;
color: var(--tw-secondary-color);
margin-left: 3px;
font-family: var(--primary-font);
margin-bottom: 0px;
}
.socialShare a{
display: inline-block;
font-size: 14px;
color: var(--tw-secondary-color);
line-height: 1;
margin-left: 19px;
text-align: center;
}
.socialShare a:hover{
color: var(--tw-primary-color);
}
.postAuthorBox{
position: relative;
padding: 46px 35px 0 300px;
background: #F5F5F5;
width: 100%;
min-height: 266px;
margin: 0 0 72px;
}
.elementor .postAuthorBox img,
.postAuthorBox img{
position: absolute;
left: 0;
top: 0;
max-width: 250px;
width: 100%;
height: auto;
}
.postAuthorBox h3{
font-size: 24px;
line-height: 1;
margin: 0 0 12px;
text-transform: capitalize;
}
.postAuthorBox a{
font-size: inherit;
color: inherit;
font-family: inherit;
}
.postAuthorBox p{
margin: 0 0 22px;
}
.authorSocial{
position: relative;
}
.authorSocial a{
width: 35px;
height: 35px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
color: var(--tw-secondary-color);
background: var(--tw-white-color);
margin-right: 8px;
border-radius: 50%;
z-index: 1;
position: relative;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
overflow: hidden;
}
.authorSocial a:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: var(--tw-primary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
-webkit-transform: scale(0);
transform: scale(0);
border-radius: 50%;
}
.authorSocial a:hover:after{
-webkit-transform: scale(1);
transform: scale(1);
}
.authorSocial a:hover{
color: var(--tw-white-color);
} .postCommentBox{
position: relative;
}
.commentHeading{
font-size: 36px;
line-height: 1;
margin: 0 0 43px;
}
.commentList{
position: relative;
margin: 0 0 50px;
padding: 0;
list-style: none;
}
.commentList ol.children{ margin:0 0 0 115px;
padding: 0;
list-style: none;
}
.singleComment {
position: relative; padding: 0 0 26px 115px;
margin: 0 0 30px;
border-bottom: 1px solid #EAEAEA;
min-height: 141px;
}
.commentList > li:last-child .singleComment{
border-bottom: none;
}
.elementor .singleComment img,
.singleComment img{
position: absolute;
left: 0;
top: 0; width: 90px;
height: 90px;
border-radius: 50%;
}
.commentDate {
position: relative;
font-size: 14px;
line-height: 1;
margin: 0px 0 15px;
padding: 2px 0 0;
}
.commentDate i{
margin-right: 5px;
}
.singleComment h3{
font-size: 20px;
line-height: 1;
margin: 0 0 9px;
text-transform: capitalize;
}
.singleComment p {
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--tw-body-color);
}
.singleComment .comment-reply-link {
position: absolute;
right: 0;
top: 0;
font-weight: 600;
color: var(--tw-primary-color);
line-height: 1;
padding: 0 22px 0 0;
}
.cancel_reply_btn a {
float: right;
position: relative;  font-weight: 600;
color: var(--tw-primary-color);
line-height: 1;
font-size: 16px;
padding: 0 25px 0 0 ;
}
.cancel_reply_btn a:after, .singleComment .comment-reply-link:after {
content: "\e95c";
position: absolute;
top: 0;
font-size: 14px;
right: 0;
font-family: 'Logisfare' !important;
}
.cancel_reply_btn a:hover,
.singleComment .comment-reply-link:hover{
color: var(--tw-secondary-color);
} .comment-respond{
position: relative;
background: #F5F5F5;
padding: 53px 60px 60px;
}
.commentList .comment-respond{
margin-bottom: 30px;
}
.commentFormArea .commentHeading02{
font-size: 36px;
line-height: 1;
margin: 0 0 20px;
}
p.commentDesc{
margin: -10px 0 32px;
}
.commentForm .singleForm{
margin-bottom: 20px;
}
.commentFormArea .singleForm i{
color: var(--tw-primary-color);
font-weight: 700;
}
.commentFormArea .formInput.anSelect .nice-select {
height: 60px;
line-height: 60px;
padding-right: 50px;
padding-left: 25px;
border: 0;
}
.commentFormArea .singleForm textarea{
height: 160px;
margin-bottom: 2px;
}
.comment-respond .singleForm textarea{
margin-bottom: 2px;
}
.commentFormArea .formInput.anSelect .nice-select:after {
left: auto;
right: 27px;
border-color: var(--tw-primary-color);
}
.commentFormArea form button{
padding: 0 38px;
}
.bpDetailsLeft .blogPageWrap {
padding-left: 35.9px;
padding-right: 0;
}
.bpDetailsNoSidebar .blogPageWrap {
padding-right: 0;
} .singlePrice{
position: relative;
width: 100%;
height: auto;
background: var(--tw-white-color);
text-align: center;
box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.03);
border-radius: 12px;
padding: 0 0 60px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.priceHeader{
position: relative;
width:100%;
min-height: 266px;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/priceHeadOuter.png)no-repeat;
background-size: 100%;
width: 100%;
height: auto;
padding: 30px;
}
.priceHeaderCon{
position: relative;
width:100%;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/priceHeadInner.png)no-repeat;
background-size: 100%;
width: 100%;
height: auto;
padding: 44px 20px 105px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.singlePrice:hover .priceHeaderCon{
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/priceHeadInner02.png)no-repeat;
background-size: 100%;
}
.priceHeader h3{
color: var(--tw-white-color);
font-size: 30px;
line-height: 1;
margin: 0 0 9px;
}
.priceHeader p{
color: var(--tw-white-color);
line-height: 19px;
margin: 0;
}
.priceCircle {
width: 136px;
height: 136px;
background: var(--tw-secondary-color);
border-radius: 50%;
color: var(--tw-white-color);
font-size: 36px;
font-weight: 700;
line-height: 105px;
text-align: center;
border: 16px solid var(--tw-white-color);
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 158px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.priceList02{
position: relative;
padding: 50px 30px 5px;
}
.priceList02 ul{
margin: 0;
padding: 0;
list-style: none;
}
.priceList02 ul li{
line-height: 26px;
margin: 0 15px 6px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 8px;
padding: 11px 26px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.priceList02 ul li:last-child{
margin: 0;
}
.priceList02 ul li i{
color: #74787C;
margin-right: 6px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.priceList02 ul li svg{
fill: #74787C;
stroke: #74787C;
margin-right: 6px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
width: 16px;
height: 16px;
}
.priceList02 ul li:nth-child(even){
background: #F7F7F7;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.singlePrice .logicBtn{
background: rgba(22, 25, 33, 0.1);
color: var(--tw-secondary-color);
padding: 0 46.4px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
margin-top: 16px;
}
.singlePrice:hover,
.singlePrice:hover .priceCircle{
background: var(--tw-primary-color);
}
.singlePrice:hover .priceList02 ul li i,
.singlePrice:hover .priceList02 ul li{
color: var(--tw-white-color);
}
.singlePrice:hover .priceList02 ul li svg{
fill: var(--tw-white-color);
stroke: var(--tw-white-color);
}
.singlePrice:hover .priceList02 ul li:nth-child(even){
background: rgba(255, 255, 255, 0.1);
}
.singlePrice:hover .logicBtn{
background: var(--tw-white-color);
color: var(--tw-primary-color);
}
.singlePrice .logicBtn:hover{
background: var(--tw-secondary-color);
color: var(--tw-white-color);
} .projectCategories{
position: relative;
text-align: center;
margin: 0 0 50px;
padding: 0;
}
.projectCategories li{
display: inline-block;
text-transform: uppercase;
color: var(--tw-primary-color);
font-size: 14px;
font-weight: 700;
background: #FDEBE5;
border-radius: 8px;
min-height: 50px;
line-height: 50px;
border: 0;
outline: 0;
padding: 0 32.12px;
margin: 0 8px;
cursor: pointer;
}
.projectCategories li.active{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.projectGalleryWrap{
position: relative;
}
.projectGallery .mix{
position: relative;
overflow: hidden;
margin-bottom: 30px;
z-index: 1;
}
.projectGallery .mix img{
max-width: 100%;
width: 100%;
height: auto;
-webkit-transform: scale(1);
transform: scale(1);
}
.projectGallery .mix:after{
content: '';
position: absolute;
width: 330px;
height: 330px;
border-radius: 50%;
background: var(--tw-primary-color);
top: -300px;
left: -300px;
z-index: 1;
-webkit-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
.projectGallery .mix:before{
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
background: linear-gradient(180deg, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
z-index: 1;
}
.projectGallery .mix .projectShow{
position: absolute;
width: 55px;
height: 55px;
border-radius: 50%;
background:var(--tw-white-color);
color: var(--tw-primary-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex ;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 40px;
left: 40px;
z-index: 2;
font-size: 18px;
-webkit-transition: all 450ms ease;
transition: all 450ms ease;
-webkit-transform: scale(0);
transform: scale(0);
}
.projectGallery .mix .projectShow:hover{
background: -webkit-linear-gradient(top, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
background: linear-gradient(-180deg, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
color: var(--tw-white-color);
}
.projectGallery .mix:hover:after{
top: -209px;
left: -210px;
}
.projectGallery .mix:hover .projectShow{
-webkit-transform: scale(1);
transform: scale(1);
}
.projectGallery .mix:hover:before{
top: 0;
}
.projectContent {
position: absolute;
left: 40px;
bottom: 19px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: 2;
width: calc(100% - 80px);
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.projectCat02{
position: relative;
margin: 0 0 7px;
}
.projectCat02 a{
display: inline-block;
color: var(--tw-white-color);
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
line-height: 1;
}
.projectCat02 a:hover{
color: var(--tw-primary-color)
}
.projectCat02 span{
display: inline-block;
width: 15px;
height: 1px;
background: var(--tw-white-color);
margin: 3px 7px;
}
.projectContent h3{
font-size: 24px;
color: var(--tw-white-color);
line-height: 1;
}
.projectContent h3 a{
display: inline-block;
color: inherit;
}
.projectContent h3:hover a{
color: var(--tw-primary-color);
}
.projectContent .projectCat02{
-webkit-transition: all 430ms ease;
transition: all 430ms ease;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.projectGallery .mix:hover .projectCat02{
-webkit-transform: translateY(0);
transform: translateY(0);
}
.mix .projectContent h3 {
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.projectGallery .mix:hover .projectContent,
.projectGallery .mix:hover .projectContent h3{
-webkit-transform: translateY(0);
transform: translateY(0);
}
.projectrCircle{
position: absolute;
width: 746px;
height: 746px;
border-radius: 50%;
bottom: 282px;
left: -85px;
background: -webkit-linear-gradient(top, #000000 39.01%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(180deg, #000000 39.01%, rgba(0, 0, 0, 0) 100%);
mix-blend-mode: normal;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.projectGallery .mix:hover .projectrCircle{
opacity: 1;
visibility: visible;
}
.projectGallery .row .col-lg-4 {
padding-right: 14px;
padding-left: 14px;
}
.projectGallery.pGrid02 .mix:after,
.projectGallery.pGrid02 .mix:before {
content: inherit;
}
.projectGallery.pGrid02 .pdItem01 .pdTitle01  {
padding: 20px 32px 22px 30px;
} .serDetContent h3.sdheadGap{
margin: 45px 0 22px;
}
.projectDetImg{
position: relative;
margin: 42px 0 43px;
}
.projectDetImg img{
max-width: 100%;
width: 100%;
height: auto;
}
.pdInfo {
position: relative;
padding: 4px 0 29px 70px;
border-bottom: 1px solid #E3E4E7;
margin: 0 0 25px;
}
.pdInfo:last-child{
margin-bottom: 0;
border-bottom: 0;
}
.pdInfo > span:not(.pdInfoCat){
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--tw-white-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pdInfo i{
color: var(--tw-primary-color);
font-size: 16px;
}
.pdInfo svg{
height: 16px;
width: auto;
}
.pdInfo p{
line-height: 1;
margin: 0 0 9px;
}
.pdInfo h3{
font-size: 18px;
font-weight: 600;
font-family: var(--primary-font);
line-height: 1;
margin: 0;
}
.pdInfoCatWrap p{
margin: 0 0 6px;
}
.pdInfoCat,
.pdInfoCat a{
font-size: 18px;
font-weight: 600;
font-family: var(--primary-font);
line-height: 1;
margin: 0;
color: var(--tw-secondary-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
} 
.pdInfoCat a:hover{
color: var(--tw-primary-color);
}
.proInfoWidget{
padding: 33px 40px 44px;
}
.proInfoWidget .widgetTitle{
margin: 0 0 29px;
}
.pageNavigationSec01{
position: relative;
}
.postNavigationWrap{
padding: 34px 0 34px;
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
}
.postNavigationItem{
position: relative;
display: inline-block;
padding: 7px 0 7px 71px;
}
.postNavigationItem span{
position: absolute;
left: 0;
top: 50%;
width: 55px;
height: 55px;
border-radius: 50%;
background: var(--tw-white-color);
border: 2px solid #F0F0F0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #1F1F1F;
font-size: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.postNavigationItem p{
font-size: 14px;
font-weight: 500;
line-height: 1;
margin: 0 0 10px;
color: #636D78;
}
.postNavigationItem h3{
font-size: 18px;
font-weight: 600;
line-height: 1;
margin: 0;
color: #1F1F1F;
font-family: var(--primary-font);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.postNavigationItem:hover h3,
.postNavigationItem:hover i{
color: var(--tw-primary-color);
}
.postNavigationItem:hover span{
border-color: var(--tw-primary-color);
}
.postNavigationItem.postNavNextItem{
text-align: right;
float: right;
padding: 7px 71px 7px 0;
}
.postNavigationItem.postNavNextItem span{
right: 0;
left: auto;
} .contactPageSec{
position: relative;
z-index: 1;
}
.contactPageSec:after{
content: '';
position: absolute;
width: 59%;
height: 100%;
right: 0;
top: 0;
background: #F5F5F5;
z-index: -1;
}
.contactAddress{
position: relative;
padding: 120px 126px 186px 0;
}
.sinAddress{
position: relative;
padding: 26px 20px 30px 110px;
background: var(--tw-white-color);
border: 1px solid rgba(227, 227, 227, 0.76);
margin-bottom: 20px;
}
.sinAddress:last-child{
margin-bottom: 0;
}
.sinAddress span{
position: absolute;
width: 70px;
height: 70px;
background: var(--tw-white-color);
color: var(--tw-primary-color);
font-size: 24px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid rgba(227, 227, 227, 0.76);
left: 20px;
top: 20px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.sinAddress:hover{
cursor: pointer;
}
.sinAddress:hover span{
background: var(--tw-primary-color);
color: var(--tw-white-color);
border: 1px solid var(--tw-primary-color)
}
.sinAddress p{
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
margin: 0 0 6px;
}
.sinAddress h3{
font-size: 20px;
font-weight: 600;
font-family: var(--primary-font);
line-height: 1;
margin: 0;
}
.sinAddress h3 a{
display: inline-block;
color: inherit;
}
.getFormWrap{
position: relative;
padding: 111px 0 120px 19px;
top: 2px;
}
.getFormWrap .subTitle{
margin: 0 0 20px;
}
.getFormWrap .secTitle{
margin: 0 0 44px;
}
.getFormWrap .subTitle:after{
content: none;
}
.getFormWrap form{
position: relative;
}
.singleForm{
position: relative;
}
.singleForm p{
margin:0;
}
.singleForm input,
.singleForm textarea{
width: 100%;
height: 60px;
line-height: 60px;
outline: 0;
border: 0;
border-radius: 8px;
background: var(--tw-white-color);
color: #74787C;
padding: 0 45px 0 26px;
border: unset;
}
.singleForm textarea{
resize: none;
height: 180px;
margin-bottom: 30px;
line-height: 19px;
padding: 22px 45px 0 26px;
}
.singleForm i{
position: absolute;
right: 25px;
top: 22px;
font-size: 16px;
color: #74787C;
}
.singleForm.inputUrl i{
font-size: 15px;
}
.singleForm.inputEmail i{
font-size: 16px;
}
.getFormWrap .logicBtn{
height: 55px;
line-height: 57px;
padding: 0 38px;
}
.con_message {
display: none;
border-radius: 5px;
margin: 12px 0 0;
font-size: 16px;
padding-left: 24px;
padding-right: 24px;
}
form#contact_form input.reqError:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), form#contact_form textarea.reqError {
border-color: var(--tw-primary-color);
} .mapSection{
position: relative;
}
.mapSection iframe{
max-width: 100%;
width: 100%;
height: 544px;
display: block;
}
.blackAndWhite iframe {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
} .preloader{
position: fixed;
z-index: 999999;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #181818;
}
.spinner-eff{
width: 76px;
height: 76px;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
margin: auto;
z-index: 2;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
overflow: hidden;
}
.cus_logoPreloader {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cus_logoPreloader img {
min-height: 48px;
animation: fadeinout 4s infinite;
}
.fadeinout
{
animation: fadeinout 4s infinite;
}
@keyframes fadeinout{
0%{
opacity:.4;
}50%{
opacity:1;
}100%{
opacity:.4;
}
}
.spinner-eff:before, .spinner-eff:after{
content: "";
display: block;
}
.spinner-eff .spinner-bar:before, .spinner-eff .spinner-bar:after{
content: "";
display: block;
}
.productPagination.projectPagination {
margin: 40px 0 30px;
}
.SldierVideoPupup .popup_video{
position: absolute;
bottom: 15px;
right: 471px;
} @-webkit-keyframes rotation-top{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
20%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
80%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.5;
}
}
@keyframes rotation-top{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
20%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
80%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.5;
}
}
@-webkit-keyframes rotation-right{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
20%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
40%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
80%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.5;
}
}
@keyframes rotation-right{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
20%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
40%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
80%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.5;
}
}
@-webkit-keyframes rotation-bottom{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
40%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
60%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
80%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.5;
}
}
@keyframes rotation-bottom{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
40%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
60%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
80%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.5;
}
}
@-webkit-keyframes rotation-left{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
60%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
80%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.5;
}
}
@keyframes rotation-left{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
60%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
}
80%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.5;
}
}
.spinner-eff.spinner-eff-1 .bar{
width: 0;
height: 0;
border: 38px solid transparent;
position: absolute;
top: 0;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.5;
z-index: -2;
}
.spinner-eff.spinner-eff-1 .bar-top{
border-top: 38px solid var(--tw-primary-color);
-webkit-animation: rotation-top 3.8s linear 0s infinite;
animation: rotation-top 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-right{
border-right: 38px solid var(--tw-primary-color);
-webkit-animation: rotation-right 3.8s linear 0s infinite;
animation: rotation-right 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-bottom{
border-bottom: 38px solid var(--tw-primary-color);
-webkit-animation: rotation-bottom 3.8s linear 0s infinite;
animation: rotation-bottom 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-left{
border-left: 38px solid var(--tw-primary-color);
-webkit-animation: rotation-left 3.8s linear 0s infinite;
animation: rotation-left 3.8s linear 0s infinite;
} .blogPageSec01.blogGrid01Right .productPagination{
margin-top: 20px;
} .blogPageSec01.blogGrid01Left .blogPageWrap {
padding-right: 0;
}
.blogPageSec01.blogGrid01Left .productPagination{
margin-top: 20px;
} .blogGrid01Full{
padding: 120px 0 120px;
}
.blogGrid01Full .blogItem01{
margin-bottom: 50px;
}
.blogGrid01Full .blogPageWrap {
padding-right: 0;
}
.blogGrid01Full .productPagination{
margin-top: 20px;
text-align: center;
}
.blogGrid01Right .blogPageWrap{
padding-right: 0;
}
.blogGrid01Left .blogItem02 .bpContent02 h3,
.blogGrid01Right .blogItem02 .bpContent02 h3,
.blogGrid01Full .blogItem02 .bpContent02 h3 {
font-size: 20px;
line-height: 30px;
}
.blogPageSec02.blogPageSecnoGap .blogPageWrap{
padding-left: 0;
}
.servicePageSec02 .singleService{
margin-bottom: 24px;
} 
.servicePageDetails02 .col-lg-4 {
width: 30.5%;
}
.servicePageDetails02 .col-lg-8 {
width: 69.5%;
}
.servicePageSec03 .faciltItem{
margin-bottom: 87px;
}
.servicePageDetails02 .serviceDetailsWrap {
position: relative;
padding-right: 35px;
padding-left: 0;
}
.servicePageDetails03 .serviceDetailsWrap {
position: relative;
padding-right: 0;
padding-left: 0;
}
.projectPageDetails02 .serviceDetailsWrap{
padding-right: 35px;
padding-left: 0;
}
.teamArchivePage{
position: relative;
padding: 120px 0 80px;
}
.teamArchivePage .singleTeam,
.teamArchivePage .teamItem03{
margin-bottom: 40px;
}
.teamPageSec03{
position: relative;
padding: 96px 0 76px;
}
.teamPageSec03  .teamItem02{
margin-bottom: 40px;
}
.teamPageSec03  .teamItem02 img {
max-width: 183px;
width: 100%;
height: auto;
border-radius: 50%;
margin: 24px auto;
}
.projectPageDetails{
padding: 120px 0 84px;
}
.projectPageDetails .pageNavigationSec01{
display: none;
} #backtotop{
position: fixed;
right: 20px;
bottom: 20px;
width: 45px;
height: 45px;
background: var(--tw-primary-color);
color: var(--tw-white-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
font-size: 16px;
border-radius: 50%;
padding: 0;
margin: 0;
z-index: 9999;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-animation: waveBtn 2s infinite;
animation: waveBtn 2s infinite;
}
#backtotop.activate{
-webkit-transform: scale(1);
transform: scale(1);
}
#backtotop i{
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
#backtotop:hover{
background: var(--tw-secondary-color);
color: var(--tw-primary-color);
}
@-webkit-keyframes waveBtn {
0%{
box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.6);
}
50%{
box-shadow: 0 0 0 40px transparent;
}
100%{
box-shadow: 0 0 0 0 transparent;
}
}
@keyframes waveBtn {
0%{
box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.6);
}
50%{
box-shadow: 0 0 0 40px transparent;
}
100%{
box-shadow: 0 0 0 0 transparent;
}
} .logis_holder.elementor-align-left .iconBox01 ,
.logis_holder.elementor-align-left .iconBox04 ,
.logis_holder.elementor-align-left .serviceItem02,
.logis_holder.elementor-align-left .abIconBox,
.logis_holder.elementor-align-left .abIconBox04,
.logis_holder.elementor-align-left .iconBox08,
.logis_callInfo.elementor-align-left .single.abIconBox {
text-align: left;
}
.logis_holder.elementor-align-center .iconBox01 ,
.logis_holder.elementor-align-center .iconBox08,
.logis_holder.elementor-align-center .serviceItem02 {
text-align: center;
}
.logis_holder.elementor-align-right .iconBox01,
.logis_holder.elementor-align-right .iconBox04,
.logis_holder.elementor-align-right .abIconBox,
.logis_holder.elementor-align-right .abIconBox04,
.logis_holder.elementor-align-right .serviceItem02,
.logis_holder.elementor-align-right .iconBox08,
.logis_callInfo.elementor-align-right .single.abIconBox {
text-align: right;
}
.logis_callInfo.elementor-align-center .single.abIconBox,
.logis_holder.elementor-align-center .iconBox03,
.logis_holder.elementor-align-center .abIconBox ,
.logis_holder.elementor-align-center .abIconBox04,
.logis_holder.elementor-align-center .iconBox04{
text-align: left;
}
.logis_callInfo.elementor-align-right .single.abIconBox span,
.logis_holder.elementor-align-right .abIconBox span,
.logis_holder.elementor-align-right .iconBox03 span{
left: auto;
right:0;
}
.logis_holder.elementor-align-left .iconBox08 span{
margin-left: 0;
margin-right: auto;
}
.logis_holder.elementor-align-right .iconBox08 span{
margin-left: auto;
margin-right: 0;
}
.logis_holder.elementor-align-right .abIconBox04 span{
left: auto;
right: 40px;
}
.logis_holder.elementor-align-right .iconBox04 span{
left: auto;
right:48px;
}
.logis_holder.elementor-align-right .iconBox03 {
padding: 9px  100px 7px 0;
}
.logis_callInfo.elementor-align-right .single.abIconBox{
padding: 6px 77px 0 0;
}
.logis_holder.elementor-align-right .iconBox04 {
padding: 26px 113px 8px 0;
}
.logis_holder.elementor-align-right .abIconBox{
padding: 6px 77px 0 0;
}
.logis_holder.elementor-align-right .abIconBox04{
padding: 30px  107px 30px 40px;
}
.logis_holder.elementor-align-right .iconBox03 span:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.iconBox04 span{
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
}
.iconBox01 svg,
.iconBox02 span svg,
.iconBox03 span svg,
.iconBox04 span svg,
.iconBox05 span svg,
.iconBox06 span svg,
.iconBox07 span svg,
.iconBox08 span svg{
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
}
.logicList_item{
position: relative;
}
.logicList_item.icon-static > *{
position: static;
}
.logicList_item.icon-relative > *{
position: relative;
}
.logicList_item.icon-absolute > *{
position: absolute;
}
.logicList_item.icon-static > svg,
.logicList_item.icon-relative > svg,
.logicList_item.icon-absolute > svg{
width: 16px;
height: 16px;
fill: var(--tw-secondary-color);
stroke: var(--tw-secondary-color);
stroke-width: 0.5px;
}
.logis_box_align-left .iconBox04{
margin-right: auto;
margin-left: 0;
}
.logis_box_align-center .iconBox04{
margin-left: auto;
margin-right: auto;
}
.logis_box_align-right .iconBox04{
margin-left: auto;
margin-right: 0;
} .logisfareAcordion .accordion-button {
position: relative;
background: var(--tw-white-color);
box-shadow: 0px 19px 36px rgba(130, 100, 90, 0.05);
color: var(--tw-secondary-color);
font-family: var(--secondary-font);
font-size: 18px;
font-weight: 600;
line-height: 1;
width: 100%;
height: 55px;
line-height: 57px;
padding: 0 33.9px;
border: none;
z-index: 1;
border-radius: 10px;
transition: all 350ms ease;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
}
.logisfareAcordion .accordion-button:hover, .logisfareAcordion .accordion-button:not(.collapsed) {
background: var(--tw-primary-color);
}
.logisfareAcordion .accordion-button:not(.collapsed){
color: var(--tw-white-color);
}
.logisfareAcordion .accordion-button:not(.collapsed):after{
color: var(--tw-white-color);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.logisfareAcordion .accordion-button:not(.collapsed) {
border-radius: 10px;
}
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button.collapsed{
border-radius: 10px;
}
.logisfareAcordion .accordion-item:not(:last-of-type){
margin-bottom: 20px;
}
.logisfareAcordion .accordion-item .accordion-body h2 {
font-size: 24px;
font-weight: 700;
line-height: 1;
margin: 0 0 24px;
}
.logisfareAcordion .accordion-body {
padding:44px 25px 5px;
}
.logisfareAcordion .accordion-button:after {
position: absolute;
top: 0;
right: 16px;
content: "\e9b9";
font-family: 'Themewar' !important;
font-size: 12px;
color: var(--tw-secondary-color);
font-weight: 600;
transition: all 350ms ease;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
}
.priceTb_footer{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.priceList-align-left .priceList02 ul,
.priceList-align-left .priceList{
text-align: left;
}
.priceList-align-center .priceList02 ul,
.priceList-align-center .priceList{
text-align: center;
}
.priceList-align-right .priceList02 ul,
.priceList-align-right .priceList{
text-align: right;
}
.priceTb_btn-align-left .priceTb_footer{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.priceTb_btn-align-center .priceTb_footer{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.priceTb_btn-align-right .priceTb_footer{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.pricArea-align-left .priceBox{
left: auto;
}
.pricArea-align-center .priceBox{
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pricArea-align-right .priceBox{
left: unset;
right: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.singlePrice .priceTb_footer{
padding: 0 30px;
}
.priceCircle span i{
font-size: 32px;
position: relative;
top: 1px;
}
.pricArea-align-left .priceCircle{
margin-left: 0;
margin-right: 0;
left: 30px;
right: auto;
}
.pricArea-align-center .priceCircle{
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.pricArea-align-right .priceCircle{
margin-left: 0;
margin-right: 0;
right: 30px;
left: auto;
}
.clientSlider.owl-carousel .owl-nav button {
border: 0;
outline: 0;
background: rgba(255,255,255,0.9);
position: relative;
width: 40px;
height: 35px;
margin: 0 10px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 8px;
box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06);
color: var(--tw-white-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
overflow: hidden;
z-index: 1;
}
.clientSlider .owl-nav button i{
font-size: 16px;
font-weight: 400;
color: var(--tw-secondary-color);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
}
.clientSlider .owl-nav button:after {
content: '';
position: absolute;
right: 0;
left: auto;
width: 0;
height: 100%;
background: var(--tw-primary-color);
border-radius: 8px;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: -1;
}
.clientSlider .owl-nav button:hover:after {
right: auto;
left: 0;
width: 100%;
}
.clientSlider .owl-nav button:hover i{
color: var(--tw-white-color);
}
.clientSlider .owl-nav {
text-align: center;
margin: 36px 0 0;
}
.clientSlider .owl-dots button {
width: 25px;
height: 25px;
border: 2px solid transparent;
margin: 5px;
border-radius: 50%;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 4px;
}
.clientSlider .owl-dots{
margin: 36px 0 0;
text-align: center;
}
.clientSlider .owl-dots button.active {
border-color: var(--tw-primary-color);
}
.clientSlider .owl-dots button span {
width: 8px;
height: 8px;
background: #CFCFCF;
border-radius: 50%;
position: relative;
}
.clientSlider .owl-dots button.active span {
background: var(--tw-primary-color);
}
.cleintLogo{
display: block;
text-align: center;
}
.cleintLogo img{
max-width: 148px;
}
.clientLogoGrid .cleintLogo {
width: 100%;
height: auto;
padding: 50px 30px;
background: #f8f8f8;
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.06);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.clientLogoGrid .cleintLogo img{
min-height: 64px;
}
.testiTopBg {
padding: 0 0 53px;
}
.logisfarePagination{
position: relative;
padding: 63px 0 0;
}
.logisfarePagination span, .logisfarePagination a {
width: 50px;
height: 50px;
margin-left: 0;
margin-right: 11px;
background: var(--tw-white-color);
color: var(--tw-secondary-color);
font-size: 18px;
font-weight: 600;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.02);
justify-content: center;
}
.logisfarePagination span.current, .logisfarePagination a.current {
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.logisfarePagination span:hover, .logisfarePagination a:hover {
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.logisfarePagination span i, .logisfarePagination a i {
font-size: 16px;
}
.faciltItem {
margin-top: 58px;
}
.serviceSliderWrapp {
padding: 33px 32px;
margin: -33px -32px;
overflow: hidden;
}
.serviceSliderWrapp .owl-stage-outer{
overflow: visible;
}
.serviceSliderWrapp .owl-item{
opacity: 0;
}
.serviceSliderWrapp .owl-item.active{
opacity: 1;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.serviceSliderWrapp.owl-carousel .owl-stage-outer .owl-item.active{
opacity: 1;
pointer-events: auto;
cursor: pointer;
visibility: visible;
}
.serviceSliderWrapp.owl-carousel .owl-stage-outer .owl-stage{
cursor: none;
pointer-events: none;
}
.faciltItem > span > img {
width: auto;
height: 38px;
}
.serviceCarousel02  .owl-nav {
display: none;
}
.serviceCarousel02  .owl-dots {
display: none;
} .teamCarousel .owl-dots, .folioSlider01 .owl-dots, .serviceCarousel .owl-dots {
position: relative;
margin: 36px 0 0;
}
.folioPagePagination a,
.folioPagePagination span{
background: #F8F8F8;
}
.postShare-left .postSocialShare{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.postShare-center .postSocialShare{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.postShare-right .postSocialShare{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.biMeta01.singlePostMeta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
row-gap: 12px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.biMeta01.singlePostMeta span{
margin: 0;
}
.biMeta01.singlePostMeta > * {
color:  var(--tw-body-color);
font-weight: 500;
font-family: var(--primary-font);
}
.biMeta01.singlePostMeta .post_cat span{
display: inline-block;
width: 15px;
height: 1px;
background: var(--tw-body-color);
margin: 3px;
}
.biMeta01.singlePostMeta a{
text-transform: capitalize;
}
.logisfarePagination.comentPaginations {
padding:0;
}
.logisfarePagination.comentPaginations > * {
margin-bottom: 55px;
}
.logisfarePagination span, 
.logisfarePagination a{
background: #F5F5F5;
}
.sidebarSocial{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 10px;
}
.postSocialShare  .social-icon-link {
background: transparent;
width: auto;
height: auto;
}
.postSocialShare  .social-icon-link:hover{
background: transparent;
}
.social-icon-link{
width: 45px;
height: 45px;
background: #1877f2;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size: 18px;
transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
}
.social-icon-link:hover{
background: var(--tw-secondary-color);
color: var(--tw-white-color);
}
.blogListView {
position: relative;
padding: 0 35.99px 0 0;
}
.blogListView.blogLSB{
padding: 0 0 0 35.99px ;
}
.blogListView.blogNSB{
padding: 0;
}
.blogGridView .bpContent02 h3 {
font-size: 20px;
line-height: 30px;
}
.blogGridView .bpContent02 {
padding: 0 40px 40px;
}
.blogGridView .bpContent02 .btnLink i{
top: 2px;
}
.blogGridView .blogItem03 h3 {
line-height: 32px;
margin: 0 0 7px;
}
.blogGridView .blogItem03 .biMeta03 {
margin-bottom: 18px;
} .blogDetailsPgSec{
padding: 120px 0 120px;
background: var(--tw-white-color);
}
.blogPageWrap .blDetThumb01 img{
margin-bottom: 35px;
}
.blogPageWrap .blogPostStatic p{
margin: 0px 13px 27px 0;
}
.blogPageWrap .blogPostStatic p img{
margin-bottom: 40px;
}
.blogPageWrap .postTags {
margin: 42px 0px 70px ;
} .folioArchivePage{
padding: 120px 0 90px;
}
.folioArcPagePagi .logisfarePagination{
padding: 41px 0 0;
}
.teamPagePagi .logisfarePagination{
padding: 31px 0 0;
}
.servicePagePagination .logisfarePagination{
padding: 47px 0 0;
}
.servicePagePagination span,
.servicePagePagination a,
.folioArcPagePagi .logisfarePagination span,
.teamPagePagi .logisfarePagination span,
.folioArcPagePagi .logisfarePagination a,
.teamPagePagi .logisfarePagination a{
width: 55px;
height: 55px;
margin-right: 12px;
}
.servicePagePagination span, 
.servicePagePagination a{
background: var(--tw-white-color);
}
.folioArcPagePagi .logisfarePagination *:last-child
.teamPagePagi .logisfarePagination *:last-child{
margin-right: 0px;
}
.team_designation span{
position: relative;
font-weight: 400;
font-family: var(--primary-font);
color: var(--tw-primary-color);
font-size: 16px;
line-height: 19px;
display: inline-block;
} .serviceArchivePage{
padding: 120px 0 96px;
background: #F7F7F7;
}
.serviceArchivePage .singleService,
.serviceArchivePage .faciltItem{
margin-bottom: 24px;
}
.serviceContent .btnLink i{
font-size: 16px;
top: 3px;
} .footerWidget{
background: transparent;
padding: 0;
margin: 0;
position: relative;
}
.footerWidget .widgetTitle{
font-size: 24px;
line-height: 1;
color: var(--tw-white-color);
position: relative;
margin: 0 0 49px;
}
.footerWidget .widgetTitle:after{
content: '';
position: absolute;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/shape_divider.png)no-repeat;
background-size: 100% 100%;
width: 61px;
height: 2px;
color: var(--tw-primary-color);
bottom: -21px;
left: 0;
}
.footerWidget .footer_logo a{
display: inline-block;
max-width: 250px;
width: 100%;
margin: 0 0 38px;
padding: 0;
}
.widgetDetails p{
color: #838790;
padding:0 55px 22px 0
}
.footerabout h4{
font-size: 18px;
color: var(--tw-white-color);
line-height: 24px;
margin-bottom: 22px;
}
.footerabout p{
color: #838790;
padding: 0 55px 0 0;
margin: 0 0 16px;
}
.footerSocial{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 10px;
}
.fSocial_align.elementor-align-left .footerSocial{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.fSocial_align.elementor-align-center .footerSocial{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fSocial_align.elementor-align-right .footerSocial{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.footerSocial a{
margin: 0;
}
.aboutFooterNav{
position: relative;
}
.aboutFooterNav ul {
margin: 0;
padding: 0;
list-style: none;
}
.aboutFooterNav ul li {
position: relative;
margin-bottom: 14px;
}
.aboutFooterNav ul li:last-child{
margin-bottom: 0px;
}
.aboutFooterNav ul li a{
position: relative;
display: inline-block;
color: #838790;
font-size: 16px;
line-height: 24px;
transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
}
.aboutFooterNav ul li a:before{
position: relative;
content: '\e904';
font-family:'LogisFare' !important;
font-size: 14px;
color: inherit;
margin: 0 15px 0 0;
transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
}
.aboutFooterNav ul li a:hover{
color: var(--tw-primary-color);
}
.aboutFooterNav ul li a:hover:before{
margin-right: 11px;
}
.aboutFooterNav.inlineMenu ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 33px;
-moz-column-gap: 33px;
column-gap: 33px;
row-gap: 12px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.aboutFooterNav.inlineMenu ul li{
margin-bottom: 0px;
}
.aboutFooterNav.inlineMenu ul li a:before{
content: '';
display: none;
visibility: hidden;
font: 0;
}
.menu_nav.elementor-align-left .inlineMenu ul{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.menu_nav.elementor-align-center .inlineMenu ul{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu_nav.elementor-align-right .inlineMenu ul{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.fContact_info {
position: relative;
padding: 26px 0 10px 113px;
border: 1px solid #26282F;
}
.fContact_info span {   
position: absolute;
left: 48px;
top: 23px;
font-size: 16px;
color: var(--tw-white-color);
width: 50px;
height: 50px;
border-radius: 50%;
background: #2B2B2B;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fContact_info p{
font-size: 14px;
font-weight: 500;
color: #838790;
line-height: 17px;
margin: 0 0 7px;
}
.fContact_info h3{
font-size: 20px;
line-height: 1;
color: var(--tw-white-color);
}
.fContact_info h3 a{
color:inherit;
display: inline-block;
}
.fContact_info h3 a:hover{
color: var(--tw-primary-color);
}
.fContact_info > span svg{
width: auto;
height: 16px;
}
.anCart{
position: relative;
}
.cartWidgetArea {
position: absolute;
display: block;
top: calc(100% + 23px);
right: -30px;
width: 300px;
background: #fff;
text-align: left;
box-shadow: 0 0 50px 0 rgba(29, 35, 58, .08);
padding: 30px 30px;
opacity: 0;
visibility: hidden;
z-index: 99;
border-radius: 10px;
-webkit-transform: rotateX(-75deg);
transform: rotateX(-75deg);
transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transition: .4s;
transition: .4s;
}
div.anCart:hover .cartWidgetArea {
pointer-events: inherit;
visibility: visible;
opacity: 1;
-webkit-transform: rotatex(0deg);
transform: rotatex(0deg);
}
div.anCart .cartWidgetProduct img {
width: 60px;
height: 70px;
position: absolute;
border-radius: 3px;
left: 0;
top: 0;
}
.cartWidgetProduct a {
font-family: var(--secondary-font);
display: block;
font-size: 16px;
line-height: 20px;
position: relative;
bottom: auto;
color: var(--tw-secondary-color);
margin: 0 0 6px;
top: -2px;
font-weight: 700;
}
.cartWidgetProduct .cartProductPrice {
font-family: var(--primary-font);
font-size: 14px;
font-weight: 700;
color: var(--tw-primary-color);
line-height: 1;
}
.cartWidgetProduct {
position: relative;
min-height: 60px;
text-align: left;
padding-left: 74px;
margin-bottom: 25px;
padding-right: 15px;
}
.totalPrice {
font-family: var(--secondary-font);
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1;
color: var(--tw-primary-color);
text-align: left;
font-weight: 500;
width: 100%;
text-transform: capitalize;
margin: 0 0 20px;
padding-bottom: 14px;
border-bottom: 1px solid #EFEFEF;
}
.cartWidgetBTN {
position: relative;
text-align: left;
}
.cartWidgetBTN a {
font-family: var(--secondary-font);
display: inline-block;
position: relative;
height: 35px;
min-width: 10px;
background: var(--tw-white-color);
border-radius: 35px;
font-size: 12px;
line-height: 36px;
color: var(--tw-white-color);
font-weight: 500;
text-transform: uppercase;
text-align: center;
overflow: hidden;
border: none;
float: left;
padding: 0 20px;
}
.popup_logo {
padding: 50px 0 0;
}
.popup_logo img,
.elementor .popup_logo img{
max-width: 183px;
height: auto;
}
a#search_Closer {
font-size: 20px;
color: var(--tw-white-color);
text-align: right;
float: right;
border: 2px solid var(--tw-white-color);
padding: 10px;
border-radius: 50%;
width: 42px;
height: 42px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 45px;
}
a#search_Closer:hover{
border-color: var(--tw-primary-color);
color: var(--tw-primary-color);
}
.themewar_bars{
transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
} .shopPageSection{
position: relative;
padding: 120px 0 120px;
}
.productCount p strong{
font-weight: 400;
}
.shopAccessRow{
margin-bottom: 40px;
}
.pi01Price {
font-family: var(--primary-font);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 1;
}
.pi01Price del {
font-size: 14px;
color: #161921;
position: relative;
text-decoration: none;
padding: 0 6px;
line-height: 1;
margin: 0 0 0 8px;
font-weight: 600;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
opacity: 0.5;
}
.pi01Price del:after {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 100%;
height: 1px;
background: #161921;
margin: 0;
opacity: 0.5;
}
.pi01Actions {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 25;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.productSinList01 .pi01Actions{
position: relative;
top:unset;
left:unset;
-webkit-transform:unset;
transform:unset;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woocommerce .pi01Actions .added_to_cart,
.woocommerce .pi01Actions .pi01ACart,
.woocommerce .pi01Actions .add_to_cart_button,
.woocommerce .pi01Actions .variableAddToCart  {
font-size: 14px;
font-weight: 700;
font-family: var(--primary-font);
text-transform: uppercase;
color: var(--tw-white-color);
background: var(--tw-primary-color);
padding: 0 24.04px;
height: 45px;
line-height: 45px;
position: relative;
z-index: 1;
opacity: 0;
visibility: hidden;
border-radius: 0 !important;
overflow: hidden;
}
.woocommerce .productSinList01 .pi01Actions .added_to_cart,
.woocommerce .productSinList01 .pi01Actions .pi01ACart,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button{
visibility: visible;
opacity: 1;
}
.woocommerce .productItem01:hover .pi01Thumb .added_to_cart,
.woocommerce .productItem01:hover .pi01Thumb .pi01ACart,
.woocommerce .productItem01:hover .pi01Thumb .add_to_cart_button,
.woocommerce .productItem01:hover .pi01Thumb .variableAddToCart {
opacity: 1;
visibility: visible;
top: 0;
}
.pi01Actions a.variableAddToCart.disabled {
opacity: .8 !important;
cursor: not-allowed;
}
.woocommerce .pi01Actions .added_to_cart:hover,
.woocommerce .pi01Actions .pi01ACart:hover,
.woocommerce .pi01Actions .add_to_cart_button:hover,
.woocommerce .pi01Actions .variableAddToCart:hover{
background: var(--tw-white-color);
color: var(--tw-secondary-color);
}
.woocommerce .productSinList01 .pi01Actions .added_to_cart:hover,
.woocommerce .productSinList01 .pi01Actions .pi01ACart:hover,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button:hover{
color: var(--tw-white-color);
background: var(--tw-secondary-color);
}
.pi01Actions span.cartTextLabel {
display: inline-block;
color: inherit;
}
.pi01Actions .added_to_cart:before,
.pi01Actions .pi01ACart:before,
.pi01Actions .add_to_cart_button:before {
content: '';
position: absolute;
right: 0;
bottom: -100%;
width: 50px;
height: 100%;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/teamSahp1.png)no-repeat scroll center center / cover;
background-size: 100% 100%;
z-index: -1;
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
.pi01Actions .added_to_cart:not(.loading):after,
.pi01Actions .pi01ACart:not(.loading):after,
.pi01Actions .ajax_add_to_cart:not(.loading):after {
content: '';
position: absolute;
left: -50px;
bottom: 0;
width: 50px;
height: 100%;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/bgimg/ibSecLeft.png)no-repeat scroll center center / cover;
background-size: 100% 100%;
z-index: -1;
-webkit-transition: all 1s ease;
transition: all 1s ease;
-webkit-animation-delay: 300ms;
animation-delay: 300ms;
}
.pi01Actions .added_to_cart:hover:before,
.pi01Actions .pi01ACart:hover:before,
.pi01Actions .add_to_cart_button:hover:before {
bottom: 0;
}
.pi01Actions .added_to_cart:not(.loading):hover:after,
.pi01Actions .pi01ACart:not(.loading):hover:after,
.pi01Actions .add_to_cart_button:not(.loading):hover:after {
left: 0;
}
.pi01Actions .added_to_cart i,
.pi01Actions .pi01ACart i,
.pi01Actions .add_to_cart_button i{
display: none;
}
.woocommerce .pi01Actions .add_to_cart_button.added {
display: none;
}
.woocommerce .uiuxomProductWrapper a.variableAddToCart.loading:after, .woocommerce .uiuxomProductWrapper a.button.loading:after {
content: '\e805';
font-family: 'lightcase';
position: absolute;
background-image: unset;
width: auto;
height: 55%;
left: 43%;
right: auto;
top: 10px;
right: auto;
font-weight: 900;
font-size: 18px;
text-shadow: 0 0 10px rgb(0 0 0 / 30%);
-moz-transform-origin: 50% 53%;
-webkit-animation: lightcase-spin 0.5s infinite linear;
animation: lightcase-spin 0.5s infinite linear;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce .productItem01:hover .pi01Thumb .add_to_cart_button.loading,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button.loading{
padding-right: 24.04px;
}
.productSinList01 .pi01Details .pi01Price {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 0  22px;
}
.productSinList01 .pi01Details .pi01Desc {
margin: 0 0 30px;
} .shopSidebar{
position: relative;
margin: 0px 0 61px;
}
.widget.woocommerce{
position: relative;
background: #F5F5F5;
padding: 35px 35px 35px;
display: block;
margin: 0 0 30px;
}
.shopSidebar .widgetTitle{
font-size: 24px;
line-height: .6;
margin: 0 0 29px;
}
.widget_product_search form{
position: relative;
}
.widget_product_search input[type="search"]{
width: 100%;
border: 0;
outline: 0;
background: var(--tw-white-color);
padding: 0 60px 0 24px;
font-size: 16px;
font-weight: 400;
color: #878D97;
width: 100%;
height: 55px;
line-height: 55px;
}
.widget_product_search button[type="submit"]{
border: 0;
outline: 0;
background: var(--tw-primary-color);
color: var(--tw-white-color);
position: absolute;
right: 0;
font-size: 0px;
top: 0;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
}
.widget_product_search button[type="submit"]:after{
position: relative;
content: "\e95f";
font-family: 'logisFare' !important;
font-size: 16px;
font-weight: 900;
color: var(--tw-white-color);
}
.widget_product_categories{
position: relative;
}
.product-categories{
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
.product-categories li{
margin: 0 0 15px;
position: relative;
}
.product-categories li:last-child{
margin-bottom: 0px;
}
.product-categories li a{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
padding: 17px 25px;
background: var(--tw-white-color);
color: var(--tw-white-color);
font-weight: 500;
font-family: var(--primary-font);
line-height: 1;
color: #74787C;
}
.product-categories li.current-cat a,
.product-categories li a:hover{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.product-categories li a:after {
position: relative;
content: "\e95d";
font-family: 'LogisFare' !important;
font-size: 14px;
color: var(--tw-primary-color);
}
.product-categories li.current-cat a:after,
.product-categories li a:hover:after{
color: var(--tw-white-color);
}
.widgetProduct {
position: relative;
padding: 3px 0 5px 90px;
min-height: 70px;
margin: 0 0 20px;
}
.widgetProduct img{
width: 70px;
height: 70px;
position: absolute;
left: 0;
top: 0;
}
.widgetProduct h3 {
font-size: 20px;
font-weight: 600;
line-height: 1;
margin: 0 0 0px;
}
.widgetProduct h3 a{
color: inherit;
display: inline-block;
}
.widgetProduct h3:hover{
color: var(--tw-primary-color);
}
.shopWidget.pdFilter{
padding-bottom: 21px;
}
.priceFilterSlider{
position: relative;
top: -5px;
}
#sliderRange {
position: relative;
width: 100%;
display: block;
height: 3px;
background: #E0E0E0;
border-radius: 0;
margin: 0 0 19px;
}
#sliderRange .ui-slider-range {
background: var(--tw-primary-color);
position: absolute;
height: 100%;
border-radius: 0;
padding: 0;
}
#sliderRange .ui-slider-handle {
width: 9px;
height: 9px;
position: absolute;
border-radius: 50%;
background: var(--tw-primary-color);
top: -3px;
cursor: pointer;
}
#sliderRange .ui-state-default.ui-state-focus{
outline: 0;
}
.pfsWrap{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pfsWrap span{
font-weight: 700;
color: var(--tw-secondary-color);
}
.pfsWrap .priceReset{
position: relative;
font-size: 14px;
font-weight: 700;
color: var(--tw-primary-color);
text-transform: uppercase;
border: none;
outline: none;
background: transparent;
padding: 0;
}
.pdRatWidget .widgetProduct{
margin-bottom: 25px;
}
.pdRatWidget .widgetProduct:last-child{
margin-bottom: 0;
}
.pdRatWidget .widgetTitle{
margin: 0 0 33px;
}
.pdRatWidget .widgetProduct ins {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: var(--tw-primary-color);
line-height: 1;
margin: 0 0;
text-decoration: none;
}
.widgetProduct .pdRating {
line-height: 1;
letter-spacing: -1px;
font-size: 11px;
margin: 2px 0 0;
color: var(--tw-primary-color);
}
.widgetProduct .pdRating i {
margin: 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
position: relative;
width: 100%;
display: block;
height: 3px;
background: #E0E0E0;
border-radius: 0;
margin: 0 0 13px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: var(--tw-primary-color);
position: absolute;
height: 100%;
border-radius: 0;
padding: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 9px;
height: 9px;
position: absolute;
border-radius: 50%;
background: var(--tw-primary-color);
top: -3px;
cursor: pointer;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
display: none;
}
.woocommerce .widget_price_filter .price_slider_amount {
margin: 0;
float: none;
font-size: 16px;
text-align: left;
font-weight: 700;
color: var(--tw-secondary-color);
}
.woocommerce .woocommerce-variation-price{
margin: -6px 0 15px;
}
.woocommerce .woocommerce-variation-price .amount {
font-size: 18px;
font-weight: 700;
font-family: var(--primary-font);
color: var(--tw-primary-color);
}
.shopSidebar .widget_price_filter .widgetTitle {
margin: 0 0 24px;
}
.shopSidebar .widget_price_filter {
padding: 35px 35px 19px;
} .shopSidebar .widget_products .widgetTitle{
margin: 0 0 34px;
}
.pwItems {
position: relative;
padding: 0 0px 0 90px;
min-height: 70px;
margin: 0 0 20px;
}
.woocommerce ul.product_list_widget li {
margin: 0;
padding:0;
}.woocommerce ul.product_list_widget li:last-child > .pwItems{
margin-bottom: 0px;
}
.woocommerce ul.product_list_widget li .pwItemsThumb {
width: 70px;
height: 70px;
position: absolute;
left: 0;
top: 0;
padding: 8px;
border-radius: 0;
margin: 0;
background: var(--tw-white-color);
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce ul.product_list_widget li img {
margin: 0;
padding: 0;
max-width: 100%;
width: auto;
max-height: 60px;
height: auto;
}
.pwItems h3 {
font-size: 20px;
line-height: 1;
color: var(--tw-secondary-color);
margin: 0 0 10px;
position: relative;
font-weight: 600;
}
.pwItems h3 a{
color: inherit;
font-weight: inherit;
font-size: inherit;
}
.pwItems h3 a:hover{
color: var(--tw-primary-color);
}
.pwItems .pi01Price {
font-size: 16px;
line-height: 1;
margin: 0;
font-weight: 600;
color: var(--tw-primary-color);
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woocommerce ul.product_list_widget li .productRatingWrap {
margin: 0 0 9px;
}
.woocommerce ul.product_list_widget li .productRatingWrap .star-rating {
line-height: 12px;
font-size: 12px;
letter-spacing: 3px;
width: 78.05px;
}
.woocommerce .star-rating:before {
color: #F9B317;
}
.woocommerce .star-rating span:before {
color: #F9B317;
}
.text-start .shopPagination{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.text-end .shopPagination{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.text-center .shopPagination{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .productDescContentArea {
padding: 33px 0 0;
}
.productCartSec .col-lg-5{
width: 43.73%;
}
.productCartSec .col-lg-7{
width: 56.27%;
}
.pgImage {
width: 100%;
min-height: 480px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F5F5F5;
position: relative;
}
.pgImage img{
max-width: 100%;
height: auto;
}
.pgImage a {
position: absolute;
width: 55px;
height: 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--tw-secondary-color);
border-radius: 50%;
font-size: 18px;
font-weight: 900;
color: var(--tw-white-color);
margin-top: 100px;
-webkit-transition: all 0.3s cubic-bezier(0.66, 0.63, 0.58, 0.37);
transition: all 0.3s cubic-bezier(0.66, 0.63, 0.58, 0.37);
opacity: 0;
visibility: hidden;
z-index: -1;
}
.pgImage a:hover{
background: var(--tw-primary-color);
}
.pgImagewrap:hover a{
margin-top: 0px;
opacity: 1;
visibility: visible;
z-index: 99;
}
.slick-slide .pg_thumbs img{
max-width: 85%;
height: auto;
}
.pg_thumbs {
max-width: 100px;
width: 100%;
height: 100px;
border: 1px solid #F5F5F5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
margin: 0 11px;
transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
}
.pg_thumbs:hover {
border-color: var(--tw-primary-color);
}
.slick-slide.slick-current .pg_thumbs{
border-color: var(--tw-primary-color);
}
.productGalleryThumb .slick-list {
width: calc(100% - 30px);
left: 0px;
z-index: 1;
}
.productGalleryThumbWrap{
margin-top: 20px;
}
.productGalleryThumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
position: relative;
top: 50%;
border: unset;
background: unset;
outline: unset;
font-size: 12px;
color: var(--tw-secondary-color);
padding:0;
z-index: 2;
}
button.slick-prev.slick-arrow {
left: 0;
right: auto;
}
button.slick-next.slick-arrow {
right: 0;
left: auto;
}
.productContent {
position: relative;
padding: 12px 50px 0 34px;
}
.shopDetailsPageSection .productContent .pi01Price{
font-weight:700 ;
color: var(--tw-primary-color);
text-decoration: none;
font-size: 20px;
line-height: 1;
margin: 0 0 19px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.productContent .pi01Price del {
font-size: 20px;
font-weight: 400;
opacity: 0.3;
padding: 0 0px;
margin: 0 0 0 20px;
}
.productContent .pi01Price del:after {
top: 10px;
}
.woocommerce .productContent .star-rating span:before {
content: "\ee28\ee28\ee28\ee28\ee28";
top: 0;
position: absolute;
left: 0;
font-family: 'Themewar' !important;
letter-spacing: 3px;
}
.woocommerce .productContent .woocommerce-product-rating .star-rating{
font-size: 12px;
width: 80px;
margin: 0;
}
.woocommerce .productContent .star-rating:before{
letter-spacing: 4px;
}
.woocommerce .productContent .woocommerce-review-link{
font-size: 16px;
color: var(--tw-body-color);
font-weight: 400;
font-family: var(--primary-font);
line-height: 20px;
margin: 0 0 0 16px;
}
.woocommerce div.product .productContent .woocommerce-product-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 0 23px;
}
.productContent h2 {
margin: 0 0 13px;
}
.woocommerce div.product .productContent form.cart div.quantity{
margin: 0 20px 0 0;
}
.woocommerce .productContent .quantity .qty {
width: 45px;
text-align: center;
}
.woocommerce div.product form.cart .button {
color: var(--tw-white-color);
background: var(--tw-primary-color);
font-family: var(--primary-font);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
padding: 0 39.2px;
border-radius: 8px;
}
.woocommerce div.product form.cart .button:hover{
background: var(--tw-secondary-color);
}
.productContent .pcExcerpt ul {
margin: 0;
padding: 23px 0 3px;
list-style: none;
}
.productContent .pcExcerpt ul li{
font-size: 16px;
font-weight: 400;
color: var(--tw-body-color);
font-family: var(--primary-font);
line-height: 32px;
padding-left: 31px;
position: relative;
}
.productContent .pcExcerpt ul li:before {
position: absolute;
top: -1px;
left: 0;
content: '\e914';
font-family: 'Themewar' !important;
font-size: 16px;
color: var(--tw-primary-color);
font-weight: 400;
}
.woocommerce div.product form.cart{
margin: 0;
}
.woocommerce div.product form.cart .variations .label > label,
.productContent .pcMeta p span {
font-weight: 700;
min-width: 93px;
color: var(--tw-secondary-color);
text-transform: capitalize;
font-size: 16px;
line-height: 32px;
}
.woocommerce div.product form.cart .variations .label > label{
line-height: 26px;
}
.productGalleryWrap{
position: relative;
}
.productLabels {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
padding: 29px 30px;
}
.productLabels span {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: var(--tw-white-color);
background: var(--tw-primary-color);
padding: 0 13px;
text-transform: uppercase;
top: 30px;
left: 30px;
width: auto;
height: 25px;
line-height: 26px;
}
.productLabels span.plHot{
background: #34394c;
}
.productLabels span.plDis{
background: #f04726;
}
.productLabels span.plNew{
background: #60c381;
}
.productLabels span.plNew {
background: #ffffff;
color: var(--tw-secondary-color);
}
.productLabels span.plSale{
background: var(--tw-primary-color);
}
.productTabRow {
padding-top: 80px;
}
.descriptionContent .productTabSec{
padding: 0;
}
ul#productDetailsTab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 57px;
-moz-column-gap: 57px;
column-gap: 57px;
border-bottom: 3px solid #EFEFEF;
}
ul#productDetailsTab li button {
border: unset;
outline: unset;
padding: 0;
margin: 0;
color: var(--tw-secondary-color);
font-family: var(--primary-font);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
background-color: transparent;
padding: 0 0 17px;
border-bottom: 3px solid transparent;
margin-bottom: -3px;
}
ul#productDetailsTab li button.active{
border-color: var(--tw-primary-color);
}
.productTabSec .container{
padding: 0;
}
.woocommerce  .inner_reviews #reviews h3.ratingTitle{
margin-bottom: 27px;
color: var(--tw-secondary-color);
letter-spacing: 0;
font-weight: 700;
}
.woocommerce .productReviewArea {
padding: 40px 0 0 ;
}
.relatedProductRow{
padding: 109px 0 0;
}
.relatedProductRow .subTitle{
margin: 0 0 16px
}
.relatedProductRow .secTitle{
line-height: 1;
}
.relatedProducHeading{
padding-bottom: 59px;
}
.owl-carousel .pi01Thumb img{
width: auto;
}
.shopDetailsPageSection{
padding: 120px 0 96px;
} div.product.productContainerWrap .groupdThumbTitle {
position: relative;
padding: 10px 0px 0 90px;
min-height: 82px;
margin: 0 0 10px;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 60%;
text-align: left;
padding: 0 16px 0 0;
}
div.product.productContainerWrap .groupdThumbTitle  img {
height: auto;
max-width: 100%;
display: inline;
}
div.product.productContainerWrap .groupdThumbTitle .groupdThumbImg{
width: 80px;
height: 80px;
position: absolute;
left: 0;
top: 0;
padding: 8px;
border-radius: 0;
margin: 0;
background: var(--tw-white-color);
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #F5F5F5;
}
div.product.productContainerWrap .groupdThumbTitle img {
margin: 0;
padding: 0;
max-width: 100%;
width: auto;
max-height: 70px;
height: auto;
}
.woocommerce div.product.productContainerWrap .groupdThumbTitle a{
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: var(--tw-secondary-color);
}
.woocommerce div.product.productContainerWrap .groupdThumbTitle a, .myAccountNavigation ul li a, .myAccountPages p strong, .myAccountPages p a, .woocommerce div.product.productContainerWrap .woocommerce-variation-price .price, .woocommerce div.product.productContainerWrap p.stock, .woocommerce div.product.productContainerWrap form.cart .variations .variationItem .label{
font-family: var(--secondary-font);
}
div.product.productContainerWrap .groupdThumbTitle .pi01Price {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
font-size: 18px;
line-height: 30px;
text-decoration: none;
margin: 0;
}
div.product.productContainerWrap .groupdThumbTitle .pi01Price del {
font-size: 16px;
position: relative;
text-decoration: none;
line-height: 1;
margin: 0 0 0 13px;
padding: 0 2px;
}
div.product.productContainerWrap .groupdThumbTitle .pi01Price del:after{
top: 6.5px;
}
.pi01Price ins {
text-decoration: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.woocommerce a.add_to_cart_button.pi01ACart {
line-height: unset;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce .woocommerce-grouped-product-list-item__quantity  a.add_to_cart_button.pi01ACart {
padding: 0 30px !important;
}
.woocommerce a.add_to_cart_button.pi01ACart i{
display:none;
}
div.product.productContainerWrap form.cart .group_table td:last-child {
vertical-align: middle;
}
.woocommerce div.product form.cart .group_table {
margin-bottom: 28px;
}
.additionalContentArea{
padding: 19px 0 0 ;
}
.additionalContentArea table.shop_attributes  tr th {
line-height: 36px;
color: var(--tw-secondary-color);
font-size: 15px;
font-weight: 700;
width: 500px;
margin: 0 0 0;
padding: 9px 0;
background: transparent !important;
border: none;
border-bottom: 1px dashed #d9d9d9;
}
.additionalContentArea table.shop_attributes tr td {
font-size: 15px;
font-weight: 500;
font-style: normal;
margin: 0;
background: transparent !important;
border: none;
border-bottom: 1px dashed #d9d9d9;
}
.additionalContentArea table.shop_attributes {
position: relative;
width: 100%;
border: none;
margin: 0;
}
.additionalContentArea table.shop_attributes tr th {
line-height: 36px;
color: var(--tw-secondary-color);
font-size: 15px;
font-weight: 700;
width: 500px;
margin: 0 0 0;
padding: 9px 0;
background: transparent !important;
border: none;
border-bottom: 1px dashed #d9d9d9;
}
.additionalContentArea table.shop_attributes tr td {
font-size: 15px;
font-weight: 500;
font-style: normal;
margin: 0;
background: transparent !important;
border: none;
border-bottom: 1px dashed #d9d9d9;
}
div.product.productContainerWrap .pcBtns form.cart .woocommerce-variation-add-to-cart.variations_button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce div.product form.cart .reset_variations {
font-size: 0px;
margin-left: 20px;
width: 55px;
height: 55px;
border-radius: 8px;
border: 1px solid #EFEFEF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
}
.woocommerce div.product form.cart .reset_variations:after {
content: "\ea5a";
font-family: 'Themewar';
line-height: 48px;
font-size: 18px;
color: var(--tw-secondary-color);
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.woocommerce div.product form.cart .reset_variations:hover{
border-color: var(--tw-primary-color);
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.woocommerce div.product form.cart .variations {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 21px;
margin: 0 0 40px;
}
.woocommerce div.product form.cart .variations .variationItem{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.woocommerce div.product form.cart .variations .variationItem .label {
-webkit-box-flex: 0;
-ms-flex: 0 0 93px;
flex: 0 0 93px;
}
.woocommerce div.product form.cart .variations .variationItem .value {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 93px);
flex: 0 0 calc(100% - 93px);
} .wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--color ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--image ul.wcboost-variation-swatches__wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
-webkit-box-pack: start; 
-ms-flex-pack: start; 
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
} .wcboost-variation-swatches--image ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--color ul.wcboost-variation-swatches__wrapper li {
margin: 0px;
padding: 4px;
border: 1px solid  #F5F5F5;
outline: 0;
box-shadow: unset;
width: 22px;
height: 22px;
}
.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--image.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li.selected{
border-color: var(--tw-primary-color);
}
.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li span,
.wcboost-variation-swatches--image.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li span,
.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li span {
width: 100%;
height: 100%;
}
.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li{
border-radius: 0;
} .wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper li{
margin: 0px;
padding: 0px 7px;
border: 1px solid  #F5F5F5;
outline: 0;
box-shadow: unset;
display: inline-block;
}
.wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper li{
margin: 0px;
border: 1px solid  #F5F5F5;
outline: 0;
box-shadow: unset;
display: inline-block;
background:transparent
}
.wcboost-variation-swatches--label.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--label.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--label.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li{
width: unset;
display: inline-block;
border-radius: 4px;
height:unset;
}
.wcboost-variation-swatches--label.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li{
border-radius: 0;
}
.wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper li.selected{
border-color: var(--tw-primary-color);
background-color: transparent;
} .woocommerce div.product form.cart .variations .variationItem .value > .nice-select {
max-width: 140px;
width: 100%;
border: 1px solid #EFEFEF;
font-size: 15px;
font-weight: 400;
font-family: var(--primary-font);
color: var(--tw-body-color);
color: var(--tw-body-color);
}
.woocommerce div.product form.cart .variations .variationItem .value > .nice-select:after {
content: "\e905";
font-family: 'LogisFare' !important;
border: unset;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
font-size: 8px;
top: 4.5px;
right: 18px;
}
.woocommerce div.product form.cart .variations .variationItem .value > .nice-select > ul{
width: 100%;
} .blogDetails-section{
padding: 120px 0;
}
.cartHeader h3 {
font-size: 24px;
line-height: 1;
margin: 0 0 20px;
}
.woocommerce .shop_table.cart_table, .woocommerce table.shop_table.wishlist_table {
border-spacing: 0;
border: none;
width: 100%;
margin: 0;
border-collapse: collapse;
}
.woocommerce .shop_table.cart_table thead tr th, .woocommerce table.shop_table.wishlist_table thead tr th {
font-family: var(--secondary-font);
font-size: 18px;
line-height: 30px;
font-weight: 700;
color: var(--tw-secondary-color);
border: none;
text-align: left;
border-bottom: 1px solid #dbdfe3;
padding: 0 0 11px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail a, .woocommerce table.shop_table.wishlist_table tbody tr td.product-thumbnail a{
width: 110px;
height: 110px;
padding: 8px;
border-radius: 0;
margin: 0;
background: #F5F5F5;
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogDetailscontent table tbody tr th a, .blogDetailscontent table tbody tr td a, .widget table tbody tr td a {
color: inherit;
text-decoration: none;  
}
.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail img, .woocommerce table.shop_table.wishlist_table tbody tr td.product-thumbnail img {
margin: 0;
padding: 0;
max-width: 100%;
width: auto;
max-height: 70px;
height: auto;
}
.woocommerce .shop_table.cart_table tbody tr td, .woocommerce table.shop_table.wishlist_table tbody tr td {
border: none;
border-top: 1px solid #dbdfe3;
padding: 15px 0 15px;
text-align: left;
margin: 20px 0;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name a, .woocommerce table.shop_table.wishlist_table tbody tr td.product-name a {
font-family: var(--secondary-font);
font-size: 18px;
line-height: 30px;
color: var(--tw-secondary-color);
display: inline-block;
font-weight: 700;
}
.woocommerce .shop_table.cart_table thead tr th:first-child{
width: 125px;
}
.woocommerce .shop_table.cart_table tbody tr td, .woocommerce table.shop_table.wishlist_table tbody tr td.product-price {
font-size: 16px;
font-weight: 600;
color: var(--tw-primary-color);
}
.woocommerce .quantity .qty{
width: 45px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-remove, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove {
width: 48px;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove {
position: relative;
width: 48px;
height: 48px;
border: 1px solid #dbdfe3;
display: inline-block;
background: transparent;
border-radius: 50%;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove:hover, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover{
border-color: var(--tw-primary-color);
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 21px;
height: 21px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span:before, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span:before {
content: '';
width: 1px;
height: 100%;
background: var(--tw-body-color);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span:after, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span:after {
content: '';
width: 100%;
height: 1px;
background: var(--tw-body-color);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
} 
.woocommerce .shop_table.cart_table tbody tr td a.remove:hover span:before,
.woocommerce .shop_table.cart_table tbody tr td a.remove:hover span:after,
.woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover span:before,
.woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover span:after {
background: var(--tw-primary-color);
}
.woocommerce .shop_table.cart_table tbody tr.actions td button.button.logicBtn[name="update_cart"] {
background: var(--tw-primary-color);
overflow: hidden;
color: var(--tw-white-color);
padding: 0 32px;
border-radius: 8px;
font-size: 14px;
}
.woocommerce .shop_table.cart_table tbody tr.actions td button.button.logicBtn[name="update_cart"]:hover {
background: var(--tw-secondary-color);
}
.woocommerce .shop_table.cart_table tbody tr.actions td {
border: none;
border-top: 1px solid #dbdfe3;
padding: 24px 0 0;
}
.woocommerce .shop_table.cart_table tbody tr.actions td {
border: none;
border-top: 1px solid #dbdfe3;
padding: 24px 0 0;
}
.woocommerce .shop_table.cart_table tbody tr.actions td:nth-child(2) > a.logicBtn {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left: 8px;
}
.cartAccessRow {
margin-top: 112px;
}
.cartCoupon h3 {
font-size: 21px;
line-height: 30px;
margin: 0 0 28px;
}
.cartCoupon input {
display: block;
width: 100%;
height: 54px;
border: 1px solid #dbdfe3;
border-radius: 8px;
font-size: 16px;
color: var(--tw-body-color);
margin: 0 0 12px;
padding: 0 24px;
}
.cartCoupon input:focus{
outline:0;
box-shadow: unset;
}
.woocommerce .cartCoupon button.button {
height: 55px;
line-height: 55px;
border-radius: 8px;
padding: 0 32px;
font-family: var(--secondary-font);
display: inline-block;
position: relative;
min-width: 155px;
background: var(--tw-primary-color);
font-size: 14px;
color: var(--tw-white-color);
font-weight: 700;
text-transform: uppercase;
text-align: center;
overflow: hidden;
border: none;
}
.woocommerce .cartCoupon button.button:hover {
color: var(--tw-white-color);
background: var(--tw-secondary-color);
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
width: 100%;
}
.woocommerce .cart-collaterals:after, .woocommerce .cart-collaterals:before, .woocommerce-page .cart-collaterals:after, .woocommerce-page .cart-collaterals:before {
content: " ";
display: table;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none;    
margin: 5px 0 0 0;
}
.cart_totals h2 {
display: none;
}
.cart_totals table, .woocommerce table.shop_table, .woocommerce-cart .cart-collaterals .cart_totals table {
margin: 0 0 23px;
border-spacing: 0;
width: 100%;
border-collapse: collapse;
border: none;
}
.cart_totals {
position: relative;
margin: 5px 0 0 60px;
background: #F5F5F5;
border-radius: 8px;
padding: 27px 24px 36px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-family: var(--secondary-font);
display: block;
position: relative;
height: 55px;
width: 100%;
background: var(--tw-primary-color);
border-radius: 8px;
font-size: 14px;
line-height: 55px;
color: var(--tw-white-color);
font-weight: 700;
text-transform: uppercase;
text-align: center;
overflow: hidden;
border: none;
padding: 0 32px;
margin: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
background: var(--tw-secondary-color);
}
.woocommerce-cart .wc-proceed-to-checkout {
margin: 0;
padding: 0;
}
.cart_totals table tr th, .woocommerce-cart .cart-collaterals .cart_totals table th {
font-family: var(--secondary-font);
font-size: 16px;
line-height: 28px;
color: var(--tw-secondary-color);
font-weight: 700;
padding: 0 0 0 0px;
border: none;
text-align: left;
}
.cart_totals table tr th td, .woocommerce-cart .cart-collaterals .cart_totals table td {
text-align: right;
padding: 0;
border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td {
color: var(--tw-primary-color);
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td a.woocommerce-remove-coupon {
color: var(--tw-primary-color);
font-weight: 700;
margin-right: 5px;
top: 2px;
position: relative;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td a.woocommerce-remove-coupon:hover{
color: var(--tw-secondary-color);
}
.cart_totals table tr td .pi01Price, .woocommerce-cart .cart-collaterals .cart_totals table td .amount {
font-family: var(--primary-font);
font-weight: 600;
font-size: 16px;
line-height: 28px;
color: var(--tw-primary-color);
float: right;
margin: 0;
}
.woocommerce ul#shipping_method li input {
margin: 3px .4375em 0 0;
vertical-align: top;
}
.woocommerce ul#shipping_method li input[type="radio"] {
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
position: absolute;
}
.woocommerce ul#shipping_method li label {
font-family: var(--secondary-font);
font-size: 16px;
line-height: 28px;
color: var(--tw-secondary-color);
position: relative;
display: block;
cursor: pointer;
text-transform: capitalize;
font-weight: 700;
padding: 0 28px 0 0;
}
.woocommerce ul#shipping_method li label:before {
content: '';
position: absolute;
right: 0;
top: 7px;
width: 15px;
height: 15px;
border: 1px solid var(--tw-primary-color);
border-radius: 50%;
}
.woocommerce ul#shipping_method li input[type="radio"]:checked + label:after {
content: '';
width: 9px;
height: 9px;
background: var(--tw-primary-color);
border-radius: 50%;
position: absolute;
right: 3px;
top: 10px;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button{
font-family: var(--secondary-font);
display: inline-block;
font-size: 14px;
line-height: 1;
color: var(--tw-secondary-color);
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button:after{
content: '\e9b9';
font-family: "Themewar" !important;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button:hover{
color: var(--tw-secondary-color);
}
.woocommerce form.woocommerce-shipping-calculator .form-row{
margin: 0 0 12px;
padding: 0;
}
.woocommerce form.woocommerce-shipping-calculator .form-row input.input-text {
display: block;
width: 100%;
height: 54px;
border: 1px solid #EFEFEF;
border-radius: 8px;
font-size: 16px;
color: var(--tw-body-color);
margin: 0;
padding: 0 24px;
}
.woocommerce form.woocommerce-shipping-calculator .form-row input::-moz-placeholder{
color: var(--tw-body-color);
opacity: 1;
}
.woocommerce form.woocommerce-shipping-calculator .form-row input::-ms-input-placeholder{
color: var(--tw-body-color);
opacity: 1;
}
.woocommerce form.woocommerce-shipping-calculator .form-row input::-webkit-input-placeholder{
color: var(--tw-body-color);
opacity: 1;
}
.select2-container .selection{
text-align: left !important;
}
.select2-container .select2-selection--single{
display: block;
width: 100%;
height: 54px;
border: 1px solid #EFEFEF;
border-radius: 8px;
font-size: 16px;
color: #fff;
margin: 0;
padding: 0 24px;
}
.customer_details.checkoutForm .select2-container .select2-selection--single{
margin-bottom: 12px;
border-radius: 8px;
}
.customer_details.checkoutForm  .select2-container--default .select2-selection--single .select2-selection__arrow{
top: -12px;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
border-radius: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 16px;
color: var(--tw-body-color);
line-height: 54px;
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 14px;
position: absolute;
top: 0;
right: 24px;
width: 10.5px;
bottom: 0;
margin: auto 0;
line-height: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
content: "\e905";
font-family: 'LogisFare' !important;
font-size: 9px;
color: var(--tw-body-color);
border: none;
margin: 0;
line-height: 9px;
-webkit-transform: none;
transform: none;
width: auto;
height: auto;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
font-weight: 700;
color: var(--tw-primary-color);
font-family: var(--secondary-font);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
display: none;
}
.select2-dropdown{
margin: 1px 0 0;
border-radius: 0;
border: none;
min-width: 80px;
box-shadow: 0px 3px 30px  rgba(0, 0, 0, .06);
}
.select2-container--default .select2-results>.select2-results__options{
border-radius: inherit;
}
.select2-results__option{
font-size: 16px;
color: var(--tw-body-color);
text-transform: none;
padding: 11px 24px;
line-height: 26px;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{
background-color: var(--tw-primary-color) !important;
color: var(--tw-body-color) !important;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{
background-color: var(--tw-primary-color) !important;
color: var(--tw-white-color) !important;
}
.select2-search--dropdown{
padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
display: block;
width: 100%;
height: 48px;
border: none;
border-bottom: 1px solid #dbdfe3;
border-radius: 0;
font-size: 16px;
color: var(--tw-body-color);
margin: 0;
padding: 0 24px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
border: 1px solid #EFEFEF;
box-shadow: unset;
outline: unset;
}
.woocommerce .woocommerce-shipping-calculator button.button{
font-family: var(--secondary-font);
display: inline-block;
position: relative;
height: 55px;
min-width: 155px;
background: var(--tw-primary-color);
border-radius: 8px;
font-size: 14px;
line-height: 55px;
color: var(--tw-white-color);
font-weight: 700;
text-transform: uppercase;
text-align: center;
overflow: hidden;
border: none;
padding: 0 36px;
}
.woocommerce .woocommerce-shipping-calculator button.button:hover{
background: var(--tw-secondary-color);
color: var(--tw-white-color);
}
.blogDetailscontent .shipping-calculator-form p:last-child,
.blogDetailscontent .shipping-calculator-form p:last-of-type{
margin: 0;
}
.cart_totals table tr.cart-shipping th, .woocommerce-cart .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th, .cart_totals table tr.cart-shipping td, .woocommerce-cart .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td {
padding-bottom: 24px;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th {
font-family: var(--secondary-font);
font-size: 16px;
line-height: 28px;
color: var(--tw-secondary-color);
font-weight: 700;
padding: 20px 0 0 0;
border: none;
text-align: left;
border-top: 1px solid #dbdfe3;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td {
border-top: 1px solid #dbdfe3;
padding: 20px 0 0 0;
}
#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {
margin-bottom: 15px;
} .woocommerce form.checkout .form-row {
margin: 0;
padding: 0;
}
.checkoutForm h3 {
font-size: 24px;
line-height: 1;
margin: 0 0 32px;
}
.checkoutForm input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
display: block;
width: 100%;
height: 55px;
border: 1px solid #EFEFEF;
border-radius: 8px;
padding: 0 24px;
font-size: 16px;
color: var(--tw-body-color);
margin: 0 0 12px;
}
.checkoutForm input:focus{
outline: unset;
box-shadow: unset;
border-color: #EFEFEF;
}
.orderReview, .woocommerce-checkout-review-order {
background: #F5F5F5;
padding: 35px 25px 36px;
border-radius: 5px;
}
.woocommerce ul#shipping_method .amount{
font-family: var(--primary-font);
color: var(--tw-primary-color);
margin-left: 5px;
}
.orderReview table thead tr th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead tr th {
font-family: var(--secondary-font);
font-size: 16px;
line-height: 1;
color: var(--tw-secondary-color);
font-weight: 700;
border: none;
text-align: left;
border-bottom: 1px solid #dbdfe3;
padding: 0 0 10px;
border-left: 1px solid transparent;
}
.orderReview table tbody tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td {
padding: 0 0 4px;
border: none;
font-size: 16px;
line-height: 26px;
color: var(--tw-secondary-color);
text-align: left;
font-family: var(--secondary-font);
font-weight: 700;
}
.orderReview table tbody tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td.product-total{
font-family: var(--primary-font);
}
.orderReview table tbody tr:first-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr:first-child td {
padding-top: 20px;
}
.orderReview table tbody tr:last-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr:last-child td {
padding-bottom: 22px;
}
.orderReview table tfoot tr:first-child th, .orderReview table tfoot tr:first-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child td {
border-top: 1px solid #dbdfe3;
padding-top: 16px;
}
.orderReview table tfoot tr th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr th {
font-size: 16px;
line-height: 26px;
color: var(--tw-secondary-color);
font-family: var(--secondary-font);
font-weight: 700;
padding: 0 0 4px;
}
.orderReview table tfoot tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr td {
font-family: var(--primary-font);
color: var(--tw-secondary-color);
font-size: 16px;
line-height: 25px;
padding: 0 0 4px;
text-align: right;
}
.orderReview table thead tr th:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead tr th:last-child {
text-align: right;
}
.orderReview table tbody tr td:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td:last-child {
text-align: right;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td {
padding: 16px 0 12px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
padding-top: 16px ;
}
#add_payment_method #payment > h3, .woocommerce-cart #payment > h3, .woocommerce-checkout #payment > h3 {
display: none;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, .wc_payment_methods {
margin: 0 0 49px;
padding: 0;
border: none;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, .wc_payment_methods li {
list-style: none;
margin: 0 0 20px;
padding: 0;
position: relative;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: transparent;
border-radius: 5px;
}
.wc_payment_methods li input[type="radio"]{
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
position: absolute;
}
.wc_payment_methods li label{
font-family: var(--secondary-font);
font-size: 16px;
line-height: 1;
color: var(--tw-secondary-color);
position: relative;
display: block;
cursor: pointer;
font-weight: 700;
text-transform: capitalize;
padding: 0 0 0 28px;
}
.wc_payment_methods li label:before{
content: '';
position: absolute;
left: 0;
top: 1px;
width: 15px;
height: 15px;
border: 1px solid var(--tw-primary-color);
border-radius: 50%;
}
.wc_payment_methods li input[type="radio"]:checked + label:after{
content: '';
width: 9px;
height: 9px;
background: var(--tw-primary-color);
border-radius: 50%;
position: absolute;
left: 3px;
top: 4px;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
font-size: 16px;
color: var(--tw-body-color);
font-family: var(--primary-font);
background: #FFFFFF;
}
#add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before {
border-bottom-color: #FFFFFF;
}
.checkoutForm h3#ship-to-different-address {
line-height: 1;
margin: 0 0 30px;
}
.checkoutRegister, .woocommerce-page form .form-row label.checkbox, .checkoutForm h3#ship-to-different-address label {
position: relative;
padding: 9px 0 0;
display: block;
}
.woocommerce-page form .form-row label.checkbox input[type="checkbox"], .checkoutForm h3#ship-to-different-address label input[type="checkbox"] {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
position: absolute;
}
.woocommerce-page form .form-row label.checkbox span, .checkoutForm h3#ship-to-different-address label span {
font-family: var(--secondary-font);
font-size: 16px;
color: var(--tw-secondary-color);
font-weight: 700;
line-height: 1;
cursor: pointer;
position: relative;
padding: 0 0 0 34px;
margin: 0;
}
.woocommerce-page form .form-row label.checkbox span:before, .checkoutForm h3#ship-to-different-address label span:before {
content: '';
width: 15px;
height: 15px;
border-radius: 2px;
border: 1px solid #EFEFEF;
position: absolute;
left: 0px;
top: 4px;
font-family: 'Themewar';
font-size: 10px;
color: var(--tw-primary-color);
line-height: 15px;
text-align: center;
padding: 0 0 0 1px;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.woocommerce-page form .form-row label.checkbox input[type="checkbox"]:checked + span:before,
.checkoutForm h3#ship-to-different-address label input[type="checkbox"]:checked + span:before{
content: "\eaa9";
border-color: var(--tw-primary-color);
}
.checkoutForm textarea, .woocommerce form.checkout .form-row textarea {
display: block;
width: 100%;
height: 120px;
border: 1px solid #EFEFEF;
border-radius: 8px;
padding: 12px 24px;
font-size: 16px;
color: var(--tw-body-color);
margin: 0 0 12px;
resize: none;
}
.woocommerce-checkout #payment div.form-row.place-order {
padding: 0;
}
.woocommerce-terms-and-conditions-wrapper {
margin: -7px 0 45px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
font-family: var(--secondary-font);
display: block;
position: relative;
height: 55px;
width: 100%;
background: var(--tw-primary-color);
border-radius: 8px;
font-size: 14px;
line-height: 55px;
color: var(--tw-white-color);
font-weight: 700;
text-transform: uppercase;
text-align: center;
overflow: hidden;
border: none;
padding: 0 32px;
margin: 0;
}
.woocommerce-checkout .orderReviewWrap #payment ul.payment_methods, .wc_payment_methods {
margin: 0 0 26px;
}
.woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link{
color: var(--tw-primary-color);
}
.woocommerce-error a.wc-backward{
color: var(--tw-primary-color);
}
.blogDetailscontent p {
margin: 0 0 24px;
}
.loginLinks p {
font-family: var(--secondary-font);
margin: 0;
font-size: 16px;
line-height: 24px;
color: var(--tw-secondary-color);
font-weight: 400;
}
.loginLinks p a {
color: var(--tw-primary-color);
text-transform: uppercase;
margin: 0 0 0 6px;
font-weight: 700;
font-size: 14px;
}
.woocommerce .loginLinks p a:hover{
color: var(--tw-secondary-color);
}
.woocommerce .checkoutLoginArea form.login input:not([type="radio"]):not([type="checkbox"]) {
display: block;
width: 100%;
height: 55px;
border: 1px solid #EFEFEF;
border-radius: 8px;
padding: 0 24px;
font-size: 16px;
color: var(--tw-body-color);
margin: 0 0 12px;
display: block;
outline:0;
box-shadow: unset;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
margin: 0 0 0 15px;
padding: 15px 0;
position: relative;
}
.woocommerce .checkoutLoginArea form.login {
margin: 0 0 41px;
padding: 0;
border: none;
border-radius: 0;
}
.loginLinks {
position: relative;
margin: 0 0 44px;
}
.woocommerce .woocommerce-form-login p.lost_password {
margin: 22px 0 0;
}
.woocommerce .woocommerce-form-login p.lost_password .logisfareLink {
font-family: var(--secondary-font);
display: inline-block;
font-size: 14px;
line-height: 1;
color: var(--tw-primary-color);
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
.woocommerce .woocommerce-form-login p.lost_password .logisfareLink:hover {
color: var(--tw-secondary-color);
} .logisfareThankuPage p.woocommerce-thankyou-order-received {
background: #F5F5F5;
font-size: 16px;
line-height: 24px;
color: var(--tw-body-color);
padding: 15px 25px;
margin: 0 0 5px;
border-radius: 8px;
}
.woocommerce .logisfareThankuPage ul.order_details {
margin: 0 0 30px;
padding: 0;
}
.woocommerce .logisfareThankuPage ul.order_details li {
width: calc(20% - 5px);
margin: 0 5px 5px 0;
background: #F5F5F5;
text-align: left;
padding: 40px 25px;
border: none;
font-size: 12px;
border-radius: 8px;
color: var(--tw-body-color);
}
.woocommerce .logisfareThankuPage ul.order_details li strong{
color: var(--tw-secondary-color);
}
.woocommerce-order-downloads, .woocommerce .woocommerce-order-details {
margin: 0 0 30px;
}
.woocommerce-order-downloads h2, .woocommerce .woocommerce-order-details h2 {
font-size: 24px;
line-height: 1;
margin: 0 0 32px;
}
.woocommerce .woocommerce-order-details-wrap{
background: #F5F5F5;
border-radius: 8px;
padding: 22px 25px;
}
.woocommerce table.shop_table.order_details th {
font-weight: 700;
padding: 9px 0px;
font-size: 16px;
line-height: 24px;
font-family: var(--secondary-font);
color: var(--tw-secondary-color);
}
.woocommerce table.shop_table.order_details td {
border-top: 1px solid var(--tw-body-color);
padding: 9px 0px;
font-size: 16px;
font-family: var(--secondary-font);
color: var(--tw-secondary-color);
vertical-align: middle;
line-height: 24px;
}
.woocommerce table.shop_table.order_details td > a{
font-family: var(--secondary-font);
color: var(--tw-secondary-color);
font-size: 16px;
font-weight: 400;
}
.woocommerce table.shop_table.order_details td > a:hover{
color: var(--tw-primary-color);
}
.woocommerce table.shop_table.order_details td.product-total,
.woocommerce table.shop_table.order_details td span.amount {
border-top: 1px solid var(--tw-body-color);
padding: 9px 0px;
font-size: 16px;
font-weight: 700;
font-family: var(--primary-font);
color: var(--tw-primary-color);
vertical-align: middle;
line-height: 24px;
}
.woocommerce table.shop_table.order_details td span.amount{
border:unset;
}
.woocommerce table.shop_table.order_details tfoot th, .woocommerce table.shop_table.order_details tfoot td span, .woocommerce table.shop_table.order_details tfoot td {
border: unset !important;
padding: 3px 0;
}
.woocommerce table.shop_table.order_details tfoot tr.Subtotal th, .woocommerce table.shop_table.order_details tfoot tr.Subtotal td {
border-top: 1px solid var(--tw-body-color) !important;
padding-top: 22px;
} .logisfareLoginRegFormWrap {
position: relative;
}
.logisfareLoginRegFormWrap h2 {
font-size: 24px;
line-height: 1;
margin: 0 0 32px;
}
.woocommerce .logisfareLoginRegFormWrap form.login, .woocommerce .logisfareLoginRegFormWrap form.register {
margin: 0;
padding: 0;
border-radius: 0;
border: none;
}
.woocommerce .logisfareLoginRegFormWrap form .form-row, .woocommerce form.lost_reset_password .form-row {
margin: 0;
padding: 0;
}
.woocommerce .logisfareLoginRegFormWrap form .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]), .woocommerce form.lost_reset_password .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]) {
display: block;
width: 100%;
height: 55px;
border: 1px solid #EFEFEF;
border-radius: 8px;
padding: 0 24px;
font-size: 16px;
color: var(--tw-body-color);
margin: 0 0 12px;
display: block;
}
.woocommerce form.lost_reset_password button.button,
.woocommerce .logisfareLoginRegFormWrap .woocommerce-form-register__submit.logicBtn,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit.logicBtn{
background: var(--tw-primary-color);
overflow: hidden;
color: var(--tw-white-color);
padding: 0 32px;
border-radius: 8px;
font-size: 14px;
}
.woocommerce form.lost_reset_password button.button:hover{
background: var(--tw-secondary-color);
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
display: none;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span {
font-family: var(--secondary-font);
font-size: 16px;
color: var(--tw-secondary-color);
font-weight: 400;
line-height: 1;
cursor: pointer;
position: relative;
padding: 0 0 0 34px;
margin: 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span:before {
content: '';
width: 15px;
height: 15px;
border-radius: 2px;
border: 1px solid #EFEFEF;
position: absolute;
left: 0px;
top: 5px;
font-family: 'Themewar';
font-size: 10px;
color: var(--tw-primary-color);
line-height: 15px;
padding: 0 0;
text-align: center;
padding: 0 0 0 1px;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked + span:before{
content: "\eaa9";
border-color: var(--tw-primary-color);
}
.loginFooter {
padding: 23px 0 0;
}
.woocommerce .logisfareLoginRegFormWrap form .remindMeWrap {
margin: 0 0 6px;
}
.woocommerce .logisfareLoginRegFormWrap form p.lost_password {
margin: 0;
}
.woocommerce .logisfareLoginRegFormWrap form p.lost_password a{
color: var(--tw-body-color);
}
.woocommerce .logisfareLoginRegFormWrap form p.lost_password a:hover{
color: var(--tw-primary-color);
}
.woocommerce form .show-password-input:after, .woocommerce-page form .show-password-input:after {
top: 6px;
position: relative;
} .myAccountNavigation {
position: relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
float: none;
}
.myAccountNavigation ul {
margin: 0;
padding: 0;
}
.myAccountNavigation ul li {
list-style: none;
margin: 0 0 6px;
}
.myAccountNavigation ul li a {
border: none;
border-radius: 8px;
display: block;
width: 100%;
font-size: 18px;
font-weight: 500;
color: #FFF;
background: var(--tw-primary-color);
font-family: var(--secondary-font);
text-align: left;
padding: 0 30px;
line-height: 55px;
height: 55px;
position: relative;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.myAccountNavigation ul li a:hover, .myAccountNavigation ul li.is-active a {
border-color: transparent;
background: var(--tw-secondary-color);
color: #FFF;
}
.myAccountNavigation ul li a:after {
content: "\e95d";
font-family: 'LogisFare' !important;
position: absolute;
right: 30px;
top: 0;
font-size: 14px;
font-weight: 400;
}
.myAccountPages p a {
color: var(--tw-secondary-color);
text-decoration: underline;
}
.myAccountPages p a:hover {
color: var(--tw-primary-color);
text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: none;
}
.woocommerce .woocommerce-info .button {
background: var(--tw-primary-color);
font-family: var(--secondary-font);
font-weight: 500;
color: #FFF;
border-radius: 40px;
text-transform: capitalize;
padding: 11px 18px 10px;
font-size: 16px;
overflow: hidden;
}
.woocommerce .woocommerce-info .button:hover{
background: var(--tw-secondary-color);
color: #FFF;
}
.blogDetailscontent p {
margin: 0 0 24px;
}
.woocommerce-account .addresses .title h3 {
font-size: 24px;
line-height: 1;
margin: 0 0 32px;
}
.woocommerce-account .addresses .title .edit {
font-family: var(--primary-font);
display: inline-block;
position: relative;
height: 35px;
min-width: 10px;
background: var(--tw-primary-color);
border-radius: 35px;
font-size: 12px;
line-height: 36px;
color: #FFF;
font-weight: 700;
text-transform: uppercase;
text-align: center;
overflow: hidden;
border: none;
padding: 0 20px;
}
.woocommerce-account .addresses .title .edit:hover{
background: var(--tw-secondary-color);
}
.woocommerce .woocommerce-customer-details-box2 address {
width: 100%;
display: block;
background: #F5F5F5;
text-align: left;
padding: 25px 25px;
border: none;
font-size: 16px;
line-height: 26px;
border-radius: 5px;
}
.woocommerce form.editAddressForm .form-row  label, 
.woocommerce form.edit-account .form-row  label {
display: block;
font-family: var(--primary-font);
font-weight: 700;
line-height: 1;
color: var(--tw-secondary-color);
font-size: 16px;
margin: 0 0 7px;
}
.woocommerce form.editAddressForm .form-row, .woocommerce form.edit-account .form-row {
margin: 0;
padding: 0;
}
.woocommerce form.edit-account legend {
font-size: 24px;
line-height: 1;
margin: 10px 0 22px;
color: var(--tw-secondary-color);
}
.woocommerce form.editAddressForm .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]), 
.woocommerce form.edit-account .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]) {
display: block;
width: 100%;
height: 54px;
border: 1px solid #EFEFEF;
border-radius: 8px;
padding: 0 24px;
font-size: 16px;
color: #aeb3c3;
margin: 0 0 12px;
display: block;
}
.woocommerce form.edit-account .form-row  span.hint {
display: block;
margin: 0 0 12px;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
width: 49%;
overflow: visible;
}
.addressSubmitRow .woocommerce-Button.button.logicBtn{
overflow: hidden;
padding: 0 32px;
background: var(--tw-primary-color);
border: 8px;
color: #FFF;
font-size: 14px;
border-radius: 8px;
}
.addressSubmitRow .woocommerce-Button.button.logicBtn:hover{
background: var(--tw-secondary-color);
} .contact-form .form p{
position: relative;       
margin: 0;
}
.contact-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.contact-form select, 
.contact-form textarea{
margin-bottom: 20px;
}
.contact-form p br{
display: none;
}
.contact-form .singleForm input, .contact-form .singleForm textarea{
border:1px solid #E9E9E9;
}
.contact-form .wpcf7-form-control-wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-form .wpcf7-form-control-wrap .nice-select {
width: 100%;
height: 60px;
line-height: 60px;
outline: 0;
border: 0;
border-radius: 8px;
background: var(--tw-white-color);
color: var(--tw-body-color);
padding: 0 45px 0 26px;
border:1px solid #E9E9E9;
margin-bottom: 20px;
}
.contact-form .formInput .wpcf7-form-control-wrap .nice-select{
height: 55px;
line-height: 55px;
padding: 0 20px 0 49px;
}
.contact-form .wpcf7-form-control-wrap .nice-select ul{
width: 100%;
}
.contact-form .wpcf7-form-control-wrap .nice-select.open {
border:1px solid #E9E9E9;
}
.contact-form .wpcf7-form-control-wrap .nice-select:after {
content: '\e905';
font-family: 'logisfare';
font-size: 8px;
border: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
top: 4px;
right: 26px;
color: var(--tw-body-color);
}
.contact-form .formInput .wpcf7-form-control-wrap .nice-select:after{
width: 10px;
height: 10px;
content: '';    
border-bottom: 2px solid #999;
border-right: 2px solid #999;
display: block;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.contact-form .formInput .wpcf7-form-control-wrap .nice-select.open:after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 5px;
margin-bottom: 20px;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox > span {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
position: relative;
margin: 0;
padding: 0 0 0 26px;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"]{
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
position: absolute;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox label span{
font-size: 16px;
color: var(--tw-body-color);
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox label span:before {
content: '';
width: 15px;
height: 15px;
border-radius: 2px;
border: 1px solid #E9E9E9;
background: #FFF;
position: absolute;
left: 0px;
top: 5px;
font-family: 'Themewar';
font-size: 10px;
color: var(--tw-primary-color);
line-height: 15px;
padding: 0 0;
text-align: center;
padding: 0 0 0 1px;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"]:checked + span:before{
content: "\eaa9";
border-color: var(--tw-primary-color);
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio > span {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
position: relative;
margin: 0;
padding: 0 0 0 26px;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 5px;
margin-bottom: 20px;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio input[type="radio"]{
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
position: absolute;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio label span:before{
content: '';
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
border: 1px solid var(--tw-primary-color);
border-radius: 50%;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio input[type="radio"]:checked + span:after{
content: '';
width: 9px;
height: 9px;
background: var(--tw-primary-color);
border-radius: 50%;
position: absolute;
left: 3px;
top: 8px;
transition: all ease 350ms;
-moz-transition: all ease 350ms;
-webkit-transition: all ease 350ms;
}
.wpcf7 form .wpcf7-response-output{
margin: 02em 0 1em;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
margin-top: -15px;
margin-bottom: 15px;
display: block;
width: 100%;
}
.contact-form .formInput .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
color: var(--tw-secondary-color);
}
.contact-form input[type="submit"].logicBtn{
background: var(--tw-secondary-color);
margin: 0 0;
}
.contact-form input[type="submit"].logicBtn:hover{
color: var(--tw-primary-color);
}
.contact-form input[type="submit"].logicBtn:hover:before {
bottom: 0;
}
.contact-form input[type="submit"].logicBtn:hover:after {
left: 0;
}
.cmb-10{
margin-bottom: 10px;
}
.contact-form input[type="submit"].cntsubmit{
background: var(--tw-primary-color);
color: var(--tw-white-color);
height: 60px;
}
.contact-form input[type="submit"].cntsubmit:hover{
background: var(--tw-secondary-color);
color: var(--tw-white-color);
} section.foferrorSec {
padding: 120px 0 120px;
background: #F8F8F8;
}
.foferrorContent h2 {
font-size: 195px;
font-weight: 700;
color: var(--tw-primary-color);
margin: 0 0 22px;
}
.foferrorContent p {
font-size: 34px;
font-weight: 500;
color: var(--tw-secondary-color);
font-family: var(--secondary-font);
line-height: 44px;
margin: 0 0 37px;
}
.foferrorContent span{
display: inline-block;
position: relative;
} .layer_img {
position: absolute;
left: 0;
top: 0;
}
.left_top{
left:0;
right: auto;
}
.right_top {
left: auto;
right: 0;
}
.left_bottom {
top: auto;
bottom: 0;
}
.right_bottom {
top: auto;
bottom: 0;
left: auto;
right: 0;
}
.animation_swing{
-webkit-animation: logisSwing 3s linear infinite;
animation: logisSwing 3s linear infinite
}
.animation_shake{
-webkit-animation: shake 22s infinite both;
animation: shake 22s infinite both;
} @-webkit-keyframes logisSwing{
0%{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
50%{
-webkit-transform: scaleY(1.1);
transform: scaleY(1.1);
}
100%{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes logisSwing{
0%{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
50%{
-webkit-transform: scaleY(1.1);
transform: scaleY(1.1);
}
100%{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
.serviceDesc01 .subTitle{
font-family: var(--primary-font);
font-size:14px;
line-height: 17px;
}
.serviceDesc01 .secTitle {
margin-bottom: 18px;
}
.serviceContent .btnLink{
font-weight: 500;
}
.serviceWrapp03 .col-lg-8 {
width: 66.722%;
}
.serviceWrapp03 .col-lg-4 {
width: 33.278%;
} .stickyBTN {
display: inline-block;
width: auto;
color: var(--tw-white-color);
background: var(--tw-primary-color);
font-family: var(--primary-font);
font-size: 12px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
padding: 0 12px;
height: 30px;
margin-bottom: 16px;
line-height: 30px;
border-radius: 5px;
border: none;
outline: none;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
overflow: hidden;
position: relative;
z-index: 1;
overflow: hidden;
cursor: pointer;
}
.stickyBTN:hover{
background: var(--tw-secondary-color);
}
.blogRightSidebar .wp-block-heading,
.widget_block.widget_search label {
font-size: 24px;
line-height: 1;
margin: 9px 0 27px;
font-weight: 700;
font-family: var(--secondary-font);
color: var(--tw-secondary-color);
}
.widget_block.widget_search input {
width: 100%;
height: 55px;
line-height: 55px;
border: 0;
outline: 0;
padding: 0 77px 0 20px;
color: #74787C;
}
.widget_block.widget_search button {
position: absolute;
right: 0;
top: 0;
background: var(--tw-primary-color);
color: var(--tw-white-color);
width: 75px;
height: 55px;
border: 0;
outline: 0;
font-size: 15px;
font-family: var(--secondary-font);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-search__inside-wrapper {
position: relative;
}
.sidebar .widget_archive ul li,
.sidebar .wp-block-archives-list a { 
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 25px;
width: 100%;
height: 50px;
line-height: 50px;
font-weight: 500;
background: var(--tw-white-color);
margin-bottom: 15px;
color: inherit;
position: relative;
z-index: 1;
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
cursor: pointer;
}
.sidebar .widget_block ul.wp-block-categories-list li ,
.sidebar .wp-block-page-list li,
.sidebar .widget_nav_menu ul li,
.sidebar .widget_pages ul li,
.sidebar .widget_categories ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
line-height: 50px;
font-weight: 500;
color: inherit;
position: relative;
z-index: 1;
border-top: 1px solid #D9D9D9;
}
.sidebar .widget_block ul.wp-block-categories-list > li:first-child,
.sidebar .wp-block-page-list > li:first-child,
.sidebar .widget_nav_menu > ul > li:first-child,
.sidebar .widget_pages > ul > li:first-child,
.sidebar .widget_categories > ul > li:first-child{
border-top: 0px;
}
.sidebar .wp-block-page-list li ul.wp-block-navigation__submenu-container,
.sidebar .widget_nav_menu ul li ul.sub-menu,
.sidebar .widget_pages ul li ul.children,
.sidebar .widget_categories ul li ul.children {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 15px;
}
.sidebar .wp-block-page-list li ul li,
.sidebar .widget_nav_menu ul li ul li,
.sidebar .widget_pages ul li ul li,
.sidebar .widget_categories ul li ul li{
width: 100%;
}
.sidebar .widget_block ul.wp-block-categories-list li a,
.sidebar .wp-block-page-list li a,
.sidebar .widget_nav_menu ul li a,
.sidebar .widget_pages ul li a,
.sidebar .widget_categories ul li a{
color:inherit;
font-size: inherit;
text-transform: capitalize;
}
.sidebar .widget_block ul.wp-block-categories-list li a:hover,
.sidebar .wp-block-page-list li a:hover,
.sidebar .widget_nav_menu ul li a:hover,
.sidebar .widget_pages ul li a:hover,
.sidebar .widget_categories ul li a:hover{
color: var(--tw-primary-color);
}
.sidebar .widget_block .wp-block-archives-list a::after,
.sidebar .wp-block-archives-list a:after{
color: var(--tw-primary-color);
position: relative;
content: "\e9d1";
font-family: 'Themewar' !important;
}
.sidebar .widget_archive .wp-block-archives li a {
background: transparent;
display: inline-block;
width: unset;
margin: unset;
padding: unset;
}
.sidebar .widget_block.widget_archive .wp-block-archives li a:after{
display:none;
}
.sidebar .widget_meta ul li {
list-style: none;
display: block;
font-size: 16px;
color: var(--tw-body-color);
line-height: 28px;
position: relative;
margin: 0 0 15px;
}
.sidebar .widget_meta ul li a{
color: inherit;
font-size: inherit;
}
.sidebar .widget_meta ul li a:hover{
color: var(--tw-primary-color);
}
.widget_recent_comments ul li {
font-size: 16px;
color: var(--tw-body-color);
margin-bottom: 15px;
}
.sidebar .widget_block ul.wp-block-latest-posts li a{
font-size: 18px;
font-weight: 600;
line-height: 26px;
font-family: var(--primary-font);
color: var(--tw-secondary-color);
margin: 0 0 6px;
display: inline-block;
}
.sidebar .widget_block li.wp-block-latest-comments__comment a {
font-size: 18px;
font-weight: 500;
line-height: 23px;
font-family: var(--primary-font);
color: var(--tw-secondary-color);
margin: 0 0 6px;
display: inline-block;
}
.sidebar .widget_block li.wp-block-latest-comments__comment a:hover,
.sidebar .widget_block ul.wp-block-latest-posts li a:hover{
color: var(--tw-primary-color);
}
.widget_recent_comments ul li a,
.widget_recent_comments ul li span{
font-size: inherit;
color: inherit;
}
.widget_recent_comments ul li a:hover{
color:var(--tw-primary-color);
}
.widget_archive ul li a{
font-size: inherit;
color: inherit;
}
.sidebar .widget_archive ul li:hover,
.sidebar .wp-block-archives-list a:hover{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.sidebar .wp-block-categories-list a:hover:after,
.sidebar .wp-block-archives-list a:hover:after,
.sidebar .wp-block-latest-posts__post-title:hover:after{
color: var(--tw-white-color);
}
.wp-block-latest-comments{
padding:0;
}
.blogPostStatic .wp-block-latest-comments__comment-meta a,
.blogPostStatic .wp-block-latest-comments__comment-meta{
font-size: 16px;
font-weight: 400;
font-family: var(--primary-font);
color: var(--tw-body-color);
}
.blogPostStatic .wp-block-latest-comments__comment-meta a:hover{
color: var(--tw-primary-color);
}
.blogSidebarCol .sidebar ul,
.widget.widget_rss ul,
.widget_categories ul,
.widget_archive ul,
.sidebar .wp-block-categories-list,
.sidebar .wp-block-archives-list {
list-style: none;
padding:0;
margin: 0;
}
.widget_categories .nice-select,
.wp-block-archives .nice-select,
.textwidget .nice-select,
.widget_archive .nice-select {
width: 100%;
height: 50px;
line-height: 50px;
border: unset;
}
.widget_categories .nice-select.open,
.wp-block-archives .nice-select.open,
.textwidget .nice-select.open,
.widget_archive .nice-selec.open{
border:unset;
}
.widget_categories .nice-select:after,
.wp-block-archives .nice-select:after,
.textwidget .nice-select:after,
.widget_archive .nice-select:after {
width: 7px;
height: 7px;
content: '';
border-bottom: 2px solid #999;
border-right: 2px solid #999;
display: block;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.widget_categories .nice-select ul.list,
.wp-block-archives .nice-select ul.list,
.textwidget .nice-select ul.list,
.widget_archive .nice-select ul.list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% + 47px);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
top: 0;
left:-17px;
}
.widget_categories .nice-select ul.list .option,
.wp-block-archives .nice-select ul.list .option,
.textwidget .nice-select ul.list .option,
.widget_archive .nice-select ul.list .option{
width: 100%;
margin:0;
}
.widget_categories .nice-select ul.list .option:hover,
.wp-block-archives .nice-select ul.list .option:hover,
.textwidget .nice-select ul.list .option:hover,
.widget_archive .nice-select ul.list .option:hover{
background: var(--tw-primary-color);
color: #FFF;
}
.wp-block-categories-dropdown .postform,
.textwidget form select {
width: 100%;
border: unset;
outline: unset;
height: 50px;
padding: 0 30px 0 18px;
font-family: inherit;
font-size: 14px;
font-weight: normal;
color: var(--tw-body-color);
}
.wp-block-categories-dropdown .postform {
border: 1px solid #ECECEC !important;
margin-bottom: 30px;
}
.wp-block-categories-dropdown .postform,
.textwidget form  select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//quantum360freight.com/wp-content/themes/logisfare/assets/images/down-arrow.png) no-repeat calc(100% - 22px) center #FFF;
border: none;
background-size: 10px;
}
.widget table {
width: 100%;
border: 1px solid #D9D9D9;
}
.wp-block-table td, .wp-block-table th{
border: 1px solid #D9D9D9;
}
.widget table caption, .wp-block-calendar caption {
font-size: 14px;
color: var(--tw-secondary-color);
font-weight: 600;
line-height: .8;
caption-side: top;
padding: 16px 5px;
text-align: center;
border: 1px solid #D9D9D9;
border-bottom: none;
text-transform: uppercase;
}
.commentContent table thead tr th,
.blogPostStatic table thead tr th,
.blogPostStatic table tbody tr th,
.commentContent table tbody tr th,
.widget table thead tr th {
font-size: 14px;
background: transparent;
color: var(--tw-secondary-color);
font-weight: 600;
text-align: center;
border-bottom: 1px solid #D9D9D9;
padding: 7px 2px;
border-right: 1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
}
.widget table thead, .widget table tbody {
border-left: 1px solid #D9D9D9;
}
.commentContent table tbody tr td,
.blogPostStatic table tbody tr td,
.widget table tbody tr td {
font-size: 14px;
color: var(--tw-body-color);
font-weight: 400;
text-align: center;
border-bottom: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
padding: 7px 2px;
}
.widget table tbody tr td#today {
color: var(--tw-white-color);
background: var(--tw-primary-color);
}
.wp-calendar-nav{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.wp-calendar-nav-next a,
.wp-calendar-nav-prev a{
color: var(--tw-primary-color);
font-weight: 700;
margin-top: 10px;
display: inline-block;
}
.wp-calendar-nav-next a:hover,
.wp-calendar-nav-prev a:hover{
color: var(--tw-secondary-color);
}
.widget_categories ul.children {
padding-left: 30px;
}
.wp-block-search__inside-wrapper {
padding: 0;
border: 1px solid transparent;
}
.textwidget img {
max-width: 100%;
height: auto;
margin: 15px 0;
}
.textwidget p, .wp-caption .wp-caption-text {
margin: 0;
font-size: 16px;
line-height: 24px;
color: var(--tw-body-color);
}
.widget_rss .widgetTitle{
margin-bottom: 18px;
}
.widget_rss .widgetTitle a{
font-size: 24px;
}
.widgetTitle a {
color: var(--tw-secondary-color) !important;
}
.textwidget form{
margin-top: 12px;
}
.rss-date,
.wp-block-rss__item-publish-date {
font-size: 16px;
line-height: 24px;
color: var(--tw-body-color);
margin: 0 0 12px;
display: block;
}
.widget_recent_entries ul li a,
.wp-block-rss__item-title a,
.rsswidget {
font-size: 18px;
font-weight: 600;
line-height: 26px;
font-family: var(--primary-font);
color: var(--tw-secondary-color);
margin: 0 0 6px;
display: inline-block;
}
.widget_recent_entries ul li a:hover,
.wp-block-rss__item-title a:hover,
.rsswidget:hover{
color: var(--tw-primary-color);
}
.widget.widget_rss ul li:not(:last-child){
margin-bottom: 32px;
}
.wp-block-rss__item .wp-block-rss__item-author,
.widget.widget_rss ul li cite {
font-weight: 700;
margin-top: 6px;
display: inline-block;
}
.wp-block-rss__item .wp-block-rss__item-author{
margin: 0 0 2px;
font-size: 14px;
} .blogPostStatic > ul {
padding: 0 0 0 16px;
}
.commentContent ul,
.commentContent ol{
list-style: none;
padding:0;
}
.commentContent > ul > li,
.commentContent > ol > li,
.blogPostStatic > ul > li,
.blogPostStatic > ol > li{
margin: 0 0 12px;
}
.wp-block-post-template.is-layout-flow li > h2{
margin: 0 0 25px;
}
.wp-block-query-pagination{
margin: 42px 0px 30px;
}
.wp-block-query-pagination-numbers{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.PaginInner > a,
.PaginInner > span,
.post-navigation-link-next a,
.blogPostStatic .wp-block-query-pagination .page-numbers.dots, 
.post-navigation-link-previous a,
.wp-block-query-pagination-prev,
.wp-block-query-pagination-next,
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span{
width: 50px;
height: 50px;
background: #F5F5F5;
color: var(--tw-primary-color);
font-size: 16px;
font-weight: 600;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blogPostStatic .PaginInner > a:hover, 
.blogPostStatic .wp-block-query-pagination .page-numbers.dots:hover, 
.blogPostStatic .post-navigation-link-next a:hover,
.blogPostStatic .post-navigation-link-previous a:hover,
.blogPostStatic .wp-block-query-pagination-prev:hover,
.blogPostStatic .wp-block-query-pagination-next:hover,
.blogPostStatic .wp-block-query-pagination-numbers a:hover{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.PaginInner > span.current,
.wp-block-query-pagination-numbers span.current{
background: var(--tw-primary-color);
color: var(--tw-white-color);
}
.wp-block-query-pagination-prev,
.wp-block-query-pagination-next{
width: unset;
padding: 0 15px;
}
.PaginInner{
margin-bottom: 48px;
}
.PaginInner a, 
.PaginInner span{
margin:0 6px;
}
.post-navigation-link-previous a,
.post-navigation-link-next a{
width: unset;
padding: 0 15px;
margin-bottom: 15px;
}
.blogPageWrap .blogPostStatic .wp-block-avatar img ,
.blogPageWrap .blogPostStatic .wp-block-latest-comments__comment img {
width: auto;
margin-bottom: 10px;
}
.wp-block-post-author p{
margin-bottom: 12px;
}
.taxonomy-category.wp-block-post-terms a {
color: var(--tw-body-color);
}
.taxonomy-category.wp-block-post-terms a:hover {
color: var(--tw-primary-color);
}
.wp-block-read-more {
height: 40px;
line-height: 42px;
padding: 0 20px;
font-size: 14px;
text-transform: uppercase;
color: var(--tw-white-color);
margin-right: 0;
font-family: var(--secondary-font);
border-radius: 5px;
position: relative;
font-weight: 700;
z-index: 1;
overflow: hidden;
cursor: pointer;
background-color: var(--tw-primary-color);
margin-bottom: 15px;
}
.wp-block-read-more:hover{
background: var(--tw-secondary-color);
color: var(--tw-white-color);
}
.wp-block-comment-author-name a,
.wp-block-comment-date a,
.wp-block-comment-edit-link a,
.wp-block-comment-reply-link a{
color: var(--tw-body-color);
}
.wp-block-comment-author-name a:hover,
.wp-block-comment-date a:hover,
.wp-block-comment-edit-link a:hover,
.wp-block-comment-reply-link a:hover{
color: var(--tw-primary-color);
}
.wp-block-post-comments-form .logged-in-as a{
color: var(--tw-primary-color);
}
.wp-block-post-comments-form .logged-in-as a:hover{
color: var(--tw-secondary-color);
}
.form-submit input[type="submit"]{
display: inline-block;
width: auto;
height: 55px;
line-height: 55px;
color: var(--tw-white-color);
background: var(--tw-primary-color);
font-family: var(--primary-font);
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
padding: 0 32px;
border-radius: 8px;
border: none;
outline: none;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
overflow: hidden;
position: relative;
z-index: 1;
overflow: hidden;
cursor: pointer;
}
.form-submit input[type="submit"]:hover{
background: var(--tw-secondary-color);
}
.logged-in.wp-block-loginout a{
color: var(--tw-primary-color);
}
.logged-in.wp-block-loginout a:hover{
color: var(--tw-secondary-color);
}
.blogPostStatic .wp-block-page-list a,
.blogPostStatic .wp-block-archives-list a,
.blogPostStatic .wp-block-categories-list a,
.blogPostStatic .wp-block-latest-posts__post-title{
color:var(--tw-body-color);
}
.blogPostStatic .wp-block-page-list a:hover,
.blogPostStatic .wp-block-archives-list a:hover,
.blogPostStatic .wp-block-categories-list a:hover,
.blogPostStatic .wp-block-latest-posts__post-title:hover{
color:var(--tw-primary-color);
}
.blogPostStatic table tbody tr td a, .blogPostStatic table tbody tr th a {
text-decoration: none;
color: var(--tw-primary-color);
}
.woocommerce-page .blogPostStatic table tbody tr td a {
color: var(--tw-white-color);
}
.blogPostStatic table tbody tr th, .blogPostStatic table thead tr th{
background: transparent;
}
.blogPostStatic nav.wp-calendar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 15px;
}
.blogPostStatic .wp-block-rss{
padding: 0;
}
.blogPostStatic .wp-block-tag-cloud a {
border: 1px solid #ECECEC;
margin: 0;
color: var(--tw-body-color);
}
.blogPostStatic .wp-block-tag-cloud a:hover{
color: var(--tw-white-color);
}
.blogPostStatic .wp-block-search__input{
border: 1px solid #ECECEC;
padding: 0 80px 0 20px;
}
.blogPostStatic .wp-block-search__button {
width: unset;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogPostStatic form.wp-block-search__text-button,
.blogPostStatic form.wp-block-search{
margin-bottom: 40px;
}
.commentContent table tr td a,
.commentContent a{
color: var(--tw-primary-color);
}
.wp-block-buttons{
margin-bottom: 20px;
}
.commentContent table tr td a:hover,
.commentContent a:hover{
color: var(--tw-secondary-color);
}
.wp-block-navigation__responsive-container-content > ul{
padding: 27px 0 25px;
}
.blogPageWrap .blogPostStatic p > img,
.blogPageWrap .blogPostStatic .wp-caption > img,
.blogPageWrap .blogPostStatic .wp-block-image.size-full img{
width: auto;
}
.wp-block-image .aligncenter img{
margin-bottom: 10px;
}
.blogPageWrap .blogPostStatic .wp-caption  a > img,
.blogPageWrap .blogPostStatic .wp-caption > img{
margin-bottom: 12px;
}
.postContent .alignnone, .postContent .aligncenter{
margin: auto;
text-align: center;
display: block;
width: auto !important;
}
.blogPostStatic .gallery dt.gallery-icon img{
margin-bottom: 10px;
} 
.blogPostStatic .wp-block-cover {
margin-bottom: 20px;
}
.wp-block-image .aligncenter>figcaption {
display: block;
}
.blogPostStatic pre, .blogPostStatic pre {
max-height: 300px;
overflow: scroll;
max-width: 100%;
background: #F6F6F6;
color: #696969;
padding: 25px;
margin: 25px 0 32px;
}
.blogPostStatic code, .blogPostStatic code {
color: var(--tw-primary-color);
}
.blogPostStatic .alignleft {
margin: 0 20px 10px 0;
float: left;
clear: both;
}
.blogPostStatic .wp-block-button.aligncenter, .wp-block-button {
margin-bottom: 30px;
}
.wp-block-button.is-style-squared a {
border-radius: 0;
}
.blogPostStatic .alignright {
margin: 10px 0 10px 15px;
float: right;
clear: both;
width: auto !important;
}
.blogPostStatic figcaption.blocks-gallery-caption {
margin-bottom: 30px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote {
padding: 24px 10px 25px 70px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote:before{
width: 62px;
font-size: 25px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote p{
font-size:16px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote cite {
font-size: 14px;
}
.blogPostStatic blockquote.wp-block-quote.is-style-large {
padding: 31px 40px 32px 164px;
}
.blogPostStatic blockquote.wp-block-quote.is-style-large cite > br {
display: none;
}
.blogPostStatic figcaption a,
.postContent p > a,
.blogPostStatic blockquote a,
.blogPostStatic .wp-block-file a{
color: var(--tw-primary-color);
}
.blogPostStatic figcaption a:hover,
.postContent  p > a:hover,
.blogPostStatic blockquote a:hover,
.blogPostStatic .wp-block-file a:hover{
color: var(--tw-secondary-color);
}
.blogPostStatic .wp-block-file .wp-block-file__button{
color: var(--tw-white-color);
}
.blogPostStatic .wp-block-file .wp-block-file__button:hover{
color: var(--tw-primary-color);
}
.blogPostStatic > ol > li > a,
.blogPostStatic > ul a{
color: var(--tw-secondary-color);
}
.blogPostStatic > ol > li > a:hover,
.blogPostStatic > ul a:hover{
color: var(--tw-primary-color);
}
.commentContent table,
.blogPostStatic table {
width: 100%;
border: 1px solid #D9D9D9;
background: transparent;
margin: 30px 0 30px;
}
.blogPostStatic table thead {
border-left: 1px solid #D9D9D9;
}
.blogPostStatic dd{
margin-bottom: 20px;
}
.commentContent table a,
.blogPostStatic dd a{
color: var(--tw-primary-color);
}
.commentContent table a:hover,
.blogPostStatic dd a:hover{
color: var(--tw-secondary-color);
}
.blogPostStatic > ul > li ol,
.blogPostStatic > ol > li ul,
.commentContent > ul > li ul,
.commentContent > ol > li ol,
.postContent > ul > li ul,
.postContent > ol > li ol {
margin-top: 10px;
padding-left: 16px;
}
.blogPostStatic > ul > li > ol li,
.blogPostStatic > ol > li ul li,
.commentContent > ul > li > ul li,
.commentContent > ol > li > ol li,
.postContent > ul > li > ul li,
.postContent > ol > li > ol li{
margin-bottom: 12px;
}
.singleComment.pingbackcomments {
padding-left: 0;
min-height: auto;
}
.commentContent > p{
margin-bottom: 16px;
}
.blogPostStatic input[type="password"] {
display: block;
max-width: 240px;
width: 100%;
height: 50px;
background: transparent;
padding: 0 20px;
border: 1px solid #E9E9E9;
border-radius: 0;
font-size: 14px;
margin: 10px 0 0;
color: #8799a3;
float: left;
outline: unset;
}
.blogPostStatic input[type="submit"] {
font-size: 16px;
border: none;
outline: none;
height: 100%;
position: relative;
top: 10px;
padding: 0 20px;
margin: 0 0 0 -5px;
background: var(--tw-primary-color);
color: #fff;
line-height: 50px;
border-radius: 0;
transition: all ease 300ms;
-moz-transition: all ease 300ms;
-webkit-transition: all ease 300ms;
}
.blogPostStatic input[type="submit"]:hover{
background: var(--tw-secondary-color);
}
.protected-post-form p{
position: relative;
overflow: hidden;
}
.protected-post-form p br{
display: none;
}
.blogPostStatic iframe, .blogPostStatic .twitter-tweet {
max-width: 100% !important;
} .topBar01.absoluteTopB{
position: absolute;
top:0;
left:0;
width: 100%;
background: transparent;
}
.header01.absoluteHeader,
.header02.absoluteHeader{
position: absolute;
top:0;
left:0;
width: 100%;
background: transparent;
}
header.fixedHeader.absoluteHeader {
position: fixed;
width: 100%;
top: 0;
left: 0;
background: #fff;
box-shadow: 0 0 25px rgb(0 0 0 / 15%);
border: none;
z-index: 99;
}