.main-header.style-three{
position: relative;
}
.header-top .top-inner .social-links li h5{
font-size: 17px;
color: #fff;
font-weight: 500;
}
.header-top .top-inner .text p{
font-size: 17px;
font-weight: 500;
}
.header-top .top-inner .text p i{
margin-right: 8px;
}
.main-header.style-three .header-upper .upper-info .info-list li.btn-box .theme-btn-one{
padding: 12px 34px;
font-size: 17px;
font-weight: 500;
}
.main-header.style-three .header-upper .upper-info .info-list li.btn-box{
padding: 0px;
}
.main-header.style-three .header-upper .upper-info .info-list li h5{
position: relative;
display: block;
font-size: 18px;
line-height: 26px;
color: #142441;
font-weight: 600;
margin-bottom: 4px;
}
.main-header.style-three .header-upper .upper-info .info-list li p{
position: relative;
display: block;
font-size: 16px;
line-height: 20px;
color: #142441;
}
.main-header.style-three .header-upper .upper-info .info-list li p a{
display: inline-block;
color: #142441;
}
.main-header.style-three .header-upper .upper-info .info-list li p a:hover{
}
.main-header.style-three .header-upper .upper-info .info-list li:before{
display: none;
padding-right: 0px;
}
.main-header.style-three .header-upper .upper-info{
margin: 0px;
padding: 30px 0px 35px 0px;
}
.main-header.style-three .header-upper{
background: #f5f7fa;
}
.main-header.style-three .header-upper .info-box{
position: relative;
}
.main-header.style-three .header-upper .info-box .logo-box{
position: absolute;
left: 0px;
top: 0px;
width: 220px;
text-align: center;
background: #fff;
padding: 76px 0px;
box-shadow: 0 30px 30px 0px rgb(186 200 199 / 50%);
z-index: 1;
}
.main-header.style-three .header-upper .info-box .logo-box .logo{
max-width: 150px;
}
.main-header.style-three .header-lower .outer-box{
padding-left: 260px;
}
.main-header.style-three .header-upper .info-box .logo-box .shape{
position: absolute;
left: 0px;
bottom: -10px;
width: 220px;
height: 10px;
background-repeat: no-repeat;
}
.main-header.style-three .header-lower .main-menu .navigation > li{
padding: 19px 0px 21px 0px;
margin: 0px 17px;
}
.main-header.style-three .header-lower .main-menu .navigation > li > a{
position: relative;
font-size: 17px;
color: #142441;
font-weight: 600;
text-transform: uppercase;
}
.main-header.style-three .header-lower .main-menu .navigation > li.dropdown > a{
padding-right: 17px;
}
.main-header.style-three .header-lower .main-menu .navigation > li.dropdown > a:before{
position: absolute;
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-size: 15px;
top: 2px;
right: 0px;
}
.main-header.style-three .menu-right-content{
position: relative;
margin-top: 16px;
} .project__details__page {
position: relative;
padding: 120px 0 60px;
}
.project__details__page .image {
position: relative;
margin-bottom: 30px;
}
.project__details__page .image__block {
position: relative;
margin-bottom: 60px;
}
.project__details__page .text__block {
position: relative;
margin-bottom: 60px;
}
.project__details__page .text__block .text {
position: relative;
font-size: 16px;
line-height: 30px;
color: #808080;
margin-bottom: 30px;
}
.project__details__page .text__block .text p {
margin-bottom: 30px;
font-size: 16px;
line-height: 30px;
color: #808080;
}
.project__details__page .text__block h3 {
position: relative;
font-size: 22px;
font-weight: 700;
color: #3b3b3b;
margin-bottom: 30px;
}
.project__details__page .text__block ul.list {
position: relative;
margin-bottom: 30px;
}
.project__details__page .text__block ul.list li {
position: relative;
font-size: 16px;
color: #808080;
}
.project__details__page .text__block ul.list li:before {
font-family: 'icomoon';
content: "\e90c";
position: relative;
left: 0;
top: 2px;
font-size: 15px;
z-index: 5;
font-weight: 400;
color: var(--theme-color-one);
width: 20px;
height: 20px;
line-height: 22px;
text-align: center;
margin-right: 10px;
}
.project__info {
position: relative;
}
.project__info .inner-box {
position: relative;
box-shadow: 0px 20px 40px 0px rgb(37 59 112 / 10%);
margin-bottom: 30px;
padding: 40px 40px 15px;
border-radius: 40px 40px 250px 40px;
background: #fff;
}
.project__info:before {
position: absolute;
right: 5px;
bottom: 5px;
left: 16px;
top: 1px;
content: '';
background-image: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-16.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.project__info h3 {
position: relative;
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
color: #061a3a;
}
.project__info .single-info {
position: relative;
margin-bottom: 25px;
}
.project__info h5 {
position: relative;
font-size: 16px;
color: #808080;
margin-bottom: 5px;
}
.project__info h4 {
position: relative;
font-size: 20px;
font-weight: 600;
color: #3b3b3b;
}
.project__info .social__links {
position: relative;
display: flex;
flex-wrap: wrap;
}
.project__info li {
margin-right: 20px;
}
.project__info .social__links li a {
color: #a8b2b3;
font-size: 18px;
transition: .5s;
}
.project__info .social__links li a:hover {
color: var(--theme-color-one);
}
.main-header.style-three .menu-right-content li{
position: relative;
display: inline-block;
}
.main-header.style-three .menu-right-content .search-box-outer{
margin-right: 25px;
}
.main-header.style-three .menu-right-content .nav-btn{
position: relative;
display: inline-block;
font-size: 20px;
color: #142441;
cursor: pointer;
transition: all 500ms ease;
} .main-header .search-box-btn{
position: relative;
font-size: 20px;
color: #142441;
font-weight: 400;
cursor: pointer;
display: inline-block;
background: transparent;
transition: all 500ms ease;
}
.main-header .search-box-btn:hover{
}
.main-header .search-box-outer .dropdown-menu {
top: 55px !important;
padding: 0px;
width: 330px;
border-radius: 0px;
background: #091125;
right: 0px;
left: inherit !important;
transform: translate3d(0px, 0px, 0px) scale3d(0.8,0.8,0.8) !important;
border-color: transparent;
border-radius: 3px;
box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);
transition: .5s ease;
display: block;
opacity: 0;
visibility: hidden;
}
.main-header.style-two .search-box-outer .dropdown-menu{
right: inherit;
left: 0px !important
}
.main-header .search-box-outer .show .dropdown-menu {
display: block;
transform: scale3d(1,1,1)!important;
opacity: 1;
visibility: visible;
}
.main-header .search-panel .form-container{
padding: 30px;
}
.main-header .search-panel .form-group {
position: relative;
margin: 0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
display: block;
width: 100%;
line-height: 24px;
padding: 9px 50px 9px 15px;
height: 50px;
border-radius: 3px;
background: #ffffff;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
border-color: #f3f5fe;
}
.main-header .search-panel .search-btn {
position: absolute;
right: 1px;
top: 1px;
width: 50px;
height: 48px;
line-height: 48px;
text-align: center;
color: #091125;
background: transparent;
font-size: 14px;
border-radius: 0px 3px 3px 0px;
cursor: pointer;
}
.dropdown-toggle::after {
display: none;
} .xs-sidebar-group .xs-overlay{
left:0%;
top:0;
position:fixed;
height:100%;
opacity:0;
width:100%;
visibility:hidden;
-webkit-transition:all .4s ease-in .8s;
-o-transition:all .4s ease-in .8s;
transition:all .4s ease-in .8s;
cursor:url(//higieniza.pt/wp-content/themes/povash/assets/images-2/icons/cross-out.png),
pointer; 
z-index: 999999;
}
.xs-sidebar-group.isActive .xs-overlay{
opacity:.9;
visibility:visible;
-webkit-transition:all .8s ease-out 0s;
-o-transition:all .8s ease-out 0s;
transition:all .8s ease-out 0s;
right:100%;
}
.xs-sidebar-group .widget-heading{
position:absolute;
top:0;
right:0;
padding:25px;
background: #000000;
}
.xs-sidebar-widget{
position:fixed;
left:-100%;
top:0;
bottom:0;
width:100%;
max-width:360px;
z-index:999999;
overflow:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
background-color: #000000;
-webkit-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
-o-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
visibility:hidden;
opacity:0;
}
.xs-sidebar-group.isActive .xs-sidebar-widget{
opacity:1;
visibility:visible;
left:0;
-webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
-o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}
.sidebar-textwidget{
padding:90px 30px;
}
.sidebar-widget-container{     -o-transition:all .3s ease-in .3s;   }
.xs-sidebar-group.isActive .sidebar-widget-container{
top:0px;
opacity:1;
visibility:visible; -o-transition:all 1s ease-out 1.2s;   }
.xs-overlay{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
opacity:.5;
z-index:0;
}
.xs-bg-black{
background: #070719;
}
.xs-menu-tools>li{
display:inline-block;
margin-right:15px;
}
.xs-menu-tools>li:last-child{
margin-right:0;
}
.xs-menu-tools>li>a{
color:#000000;
text-decoration:none;
}
.sidebar-info-contents{
position:relative;
}
.close-side-widget{
position:relative;
color:#fff;
font-size:24px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.close-side-widget:hover{
}
.xs-sidebar-group .theme-btn-one{
padding: 15px 40px;
}
.sidebar-info-contents .content-inner{
position:relative;
}
.sidebar-info-contents .content-inner .logo {
padding:0px 0px 40px;
}
.sidebar-info-contents .content-inner .logo img{
display:inline-block;
max-width:100%; 
}
.sidebar-info-contents .content-inner .content-box{
position:relative;
}
.sidebar-info-contents .content-inner .content-box h4{
position:relative;
font-size:20px;
color:#fff;
font-weight:700;
margin-bottom:20px;
}
.sidebar-info-contents .content-inner .content-box p{
position:relative;
font-size:15px;
color: #ffffff;
margin-bottom:25px;
}
.sidebar-info-contents .content-inner .contact-info{
position:relative;
margin-top:60px;
}
.sidebar-info-contents .content-inner .contact-info ul li{
position:relative;
display: block;
font-size:15px;
color: #ffffff;
margin-bottom:3px;
}
.sidebar-info-contents .content-inner .contact-info ul li a{
color: #ffffff;
}
.sidebar-info-contents .content-inner .contact-info ul li a:hover{
}
.sidebar-info-contents .content-inner .contact-info h4{
position:relative;
font-size:20px;
color:#fff;
font-weight:700;
margin-bottom:20px;
}
.sidebar-info-contents .content-inner .social-box{
position:relative;
margin-top:20px;
margin-bottom:30px;
}
.sidebar-info-contents .content-inner .social-box li{
position:relative;
display:inline-block;
margin-right:6px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a{
position:relative;
width:36px;
height:36px;
color: #ffffff;
z-index:1;
font-size:13px;
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background: #0000000d;
border: 1px solid #ededed;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-info-contents .content-inner .social-box li a:hover{
} .banner-section.style-three .banner-carousel .slide-item:before{
display: none;
}
.banner-section.style-three .banner-carousel .content-box{
position: relative;
display: block;
max-width: 570px;
margin: 0px;
}
.banner-section.style-three .banner-carousel .content-box:before{
position: absolute;
content: '';
width: 1px;
height: 1px;
left: 40%;
top: 50%;
transform: translate(-50%,-50%);
box-shadow: 0 0px 100px 250px #fff;
}
.banner-section.style-three .banner-carousel .content-box h2{
position: relative;
display: block;
font-size: 60px;
line-height: 66px;
font-weight: 800;
margin-bottom: 21px;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section.style-three .banner-carousel .active .content-box h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-section.style-three .banner-carousel .content-box p{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
font-weight: 500;
margin-bottom: 32px;
color: #0b306e;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section.style-three .banner-carousel .active .content-box p{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-section.style-three .banner-carousel .content-box .btn-box{
position: relative;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section.style-three .banner-carousel .active .content-box .btn-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1300ms;
-moz-transition-delay: 1300ms;
-ms-transition-delay: 1300ms;
-o-transition-delay: 1300ms;
transition-delay: 1300ms;
}
.banner-section.style-three .banner-carousel .owl-nav .owl-prev,
.banner-section.style-three .banner-carousel .owl-nav .owl-next{
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
color: #142441;
opacity: 1;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0px 0px);
}
.banner-section.style-three .banner-carousel .owl-nav .owl-prev{
left: 50px;
}
.banner-section.style-three .banner-carousel .owl-nav .owl-next{
right: 50px;
}
.banner-section.style-three .banner-carousel .owl-nav .owl-prev:hover,
.banner-section.style-three .banner-carousel .owl-nav .owl-next:hover{
color: #ffffff;
}
.banner-section.style-three .banner-carousel .slide-item{
padding: 175px 0px 250px 0px;
} .feature-ex-section{
position: relative;
}
.feature-ex-section .single-item .inner-box{
position: relative;
padding: 33px 0px 50px 180px;
}
.feature-ex-section .single-item .inner-box .icon-box{
position: absolute;
left: 55px;
top: 30px;
display: inline-block;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
font-size: 50px;
}
.feature-ex-section .single-item .inner-box .icon-box .icon-bg{
position: absolute;
left: -5px;
top: 0px;
width: 100px;
height: 100px;
background-repeat: no-repeat;
}
.feature-ex-section .inner-container{
position: relative;
background: #ffffff;
z-index: 1;
margin-top: -100px;
}
.feature-ex-section .inner-container:before{
position: absolute;
content: '';
background: #ffffff;
width: 5000px;
height: 100%;
left: 0px;
top: 0px;
}
.feature-ex-section .single-item .inner-box h3{
position: relative;
display: block;
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #142441;
margin-bottom: 4px;
}
.feature-ex-section .single-item .inner-box p{
position: relative;
line-height: 30px;
} .about-ex-section{
position: relative;
padding: 120px 0px 140px 0px;
}
.about-ex-section .image_block_4 .image-box { }
.image_block_4 .image-box{
position: relative;
display: block;
padding-right: 150px;
padding-bottom: 125px;
}
.image_block_4 .image-box .image img{
width: 100%;
}
.image_block_4 .image-box .image-2{
position: absolute;
overflow: hidden;
right: 0px;
bottom: 0px;
border: 15px solid #fff;
}
.image_block_4 .image-box .image-2::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.image_block_4 .image-box:hover .image-2::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.image_block_4 .image-box .image-1{
position: relative;
display: block;
overflow: hidden;
}
.image_block_4 .image-box .image-1:before{
position: absolute;
top: 0;
left: -80%;
display: block;
content: '';
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.image_block_4 .image-box:hover .image-1:before{
-webkit-animation: shine 1s;
animation: shine 1s;
}
.image_block_4 .image-box .content-box{
position: absolute;
top: 35px;
right: 20px;
width: 170px;
text-align: center;
padding: 41px 15px 20px 15px;
}
.image_block_4 .image-box .content-box .bg-layer{
position: absolute;
left: 0px;
top: 0px;
width: 170px;
height: 170px;
background-repeat: no-repeat;
}
.image_block_4 .image-box .content-box .bg-layer:before {
position: absolute;
content: '';
width: 1px;
height: 1px;
left: 40%;
top: 50%;
transform: translate(-50%,-50%);
box-shadow: 0 20px 50px 100px #eaf0f2;
z-index: -1;
}
.image_block_4 .image-box .content-box h2{
display: block;
font-size: 40px;
line-height: 48px;
font-weight: 800;
margin-bottom: 3px;
}
.image_block_4 .image-box .content-box h5{
display: block;
font-size: 18px;
line-height: 20px;
color: #848484;
font-weight: 500;
}
.image_block_4 .image-box .pattern-box .pattern-1{
position: absolute;
left: -40px;
bottom: 70px;
width: 110px;
height: 98px;
background-repeat: no-repeat;
}
.image_block_4 .image-box .pattern-box .pattern-2{
position: absolute;
top: 160px;
right: 80px;
width: 102px;
height: 96px;
background-repeat: no-repeat;
}
.content_block_10 .content-box{
position: relative;
display: block;
}
.about-ex-section .content_block_10 .content-box{
margin-left: 60px;
}
.content_block_10 .content-box .text{
position: relative;
margin-bottom: 44px;
}
.content_block_10 .content-box .text p{
margin-bottom: 22px;
}
.content_block_10 .content-box .text h4{
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 600;
margin-bottom: 13px;
}
.content_block_10 .content-box .text .list li{
position: relative;
display: block;
font-size: 18px;
padding-left: 34px;
margin-bottom: 4px;
}
.content_block_10 .content-box .text .list li:last-child{
margin-bottom: 0px;
}
.content_block_10 .content-box .text .list li:before{
position: absolute;
content: "\f058";
font-family: 'Font Awesome 5 Free';
left: 0px;
top: 2px;
font-weight: 400;
}
.content_block_10 .content-box .sec-title{
margin-bottom: 29px;
}
.theme-btn-one{
font-family: 'Barlow', sans-serif;
}
.content_block_10 .content-box .btn-box .theme-btn-one{
padding: 17px 37px;
} .works-ex-section{
position: relative;
overflow: hidden;
background: #f2f6fa;
padding: 130px 0px;
}
.works-ex-section .single-item .inner-box{
position: relative;
display: block;
padding: 0px 10px;
}
.works-ex-section .single-item .inner-box .image-box{
position: relative;
display: inline-block;
margin-bottom: 35px;
}
.works-ex-section .single-item .inner-box .image-box span {
position: absolute;
left: 0px;
top: 0px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 20px;
color: #ffffff;
font-weight: 700;
border-radius: 50%;
box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
background: #0aa1d6;
}
.works-ex-section .single-item .inner-box .image-box img{
transition: all 500ms ease;
}
.works-ex-section .single-item .inner-box:hover .image-box img{
transform: rotateY(180deg);
}
.works-ex-section .single-item .inner-box h3{
display: block;
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 20px;
}
.works-ex-section .single-item .inner-box p{
position: relative;
line-height: 30px;
}
.works-ex-section .single-column:first-child,
.works-ex-section .single-column:nth-child(3){
padding-top: 70px;
}
.works-ex-section .single-column:last-child{
padding-top: 110px;
}
.works-ex-section .inner-content{
position: relative;
}
.works-ex-section .inner-content .arrow{
position: absolute;
left: 50px;
top: 105px;
width: 100%;
height: 116px;
background-repeat: no-repeat;
}
.works-ex-section .sec-title{
margin-bottom: 50px;
}
.works-ex-section .image-layer .image-1{
position: absolute;
left: 0px;
bottom: -45px;
}
.works-ex-section .image-layer .image-2{
position: absolute;
top: 30%;
right: 0px;
} .chooseus-ex-section{
position: relative;
padding: 70px 0px;
}
.chooseus-ex-section .bg-layer{
position: absolute;
left: 0px;
top: -70px;
width: 50%;
height: 100%;
background: #0c316f;
}
.content_block_11 .content-box{
position: relative;
display: block;
}
.chooseus-ex-section .content_block_11 .content-box{
max-width: 470px;
padding-bottom: 138px;
}
.content_block_11 .content-box .text{
position: relative;
margin-bottom: 37px;
}
.content_block_11 .content-box .text p{
color: #ffffff;
}
.content_block_11 .content-box .inner-box .single-item{
position: relative;
padding-left: 90px;
margin-bottom: 25px;
}
.content_block_11 .content-box .inner-box .single-item .icon-box{
position: absolute;
left: 0px;
top: 3px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
color: #ffffff;
text-align: center;
border-radius: 50%;
}
.content_block_11 .content-box .inner-box .single-item h3{
display: block;
font-size: 24px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
margin-bottom: 14px;
}
.content_block_11 .content-box .inner-box .single-item p{
line-height: 30px;
color: #a6adc0;
}
.content_block_11 .content-box .inner-box .single-item:last-child{
margin-bottom: 0px;
}
.content_block_11 .content-box .sec-title{
margin-bottom: 19px;
}
.chooseus-ex-section .pattern-layer{
position: absolute;
left: 0px;
top: -70px;
width: 50%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.chooseus-ex-section .bg-image{
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.content_block_12 .content-box{
position: relative;
display: block;
}
.chooseus-ex-section .content_block_12 .content-box{
padding-top: 500px;
margin-left: 50px;
}
.content_block_12 .content-box .single-item{
position: relative;
overflow: hidden;
float: left;
width: 270px;
margin-right: 20px;
padding: 50px 70px;
text-align: center;
}
.content_block_12 .content-box .single-item {
background: #fa4949;
}
.content_block_12 .content-box .single-item::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.1);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.content_block_12 .content-box .single-item:hover::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
@-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;
}
}
.content_block_12 .content-box .single-item:last-child{
margin: 0px;
background: #0c316f;
}
.content_block_12 .content-box .single-item .icon-box{
position: relative;
display: inline-block;
font-size: 55px;
line-height: 55px;
color: #ffffff;
margin-bottom: 24px;
}
.content_block_12 .content-box .single-item h3{
display: block;
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 800;
} .service-ex-section{
position: relative;
padding: 142px 0px 150px 0px;
}
.service-ex-section .tab-buttons{
position: relative;
max-width: 340px;
margin: 0 auto;
}
.service-ex-section .tab-buttons li{
position: relative;
display: inline-block;
float: left;
width: 50%;
text-align: center;
font-size: 16px;
line-height: 26px;
color: #0b306e;
font-weight: 700;
text-transform: uppercase;
background: #edf2f8;
padding: 12px 15px;
cursor: pointer;
transition: all 500ms ease;
}
.service-ex-section .tab-buttons li.active-btn, .service-ex-section .tab-buttons li:hover {
background: #fa4949;
}
.service-ex-section .tab-buttons li.active-btn,
.service-ex-section .tab-buttons li:hover{
color: #ffffff;
}
.service-ex-section .tab-btn-box{
position: relative;
margin-bottom: 50px;
}
.service-block-three .inner-box{
position: relative;
display: block;
background: #ffffff;
padding: 30px;
overflow: hidden;
box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
}
.service-block-three .inner-box .image-box {
background: #fa4949;
}
.service-block-three .inner-box .lower-content .icon-box {
color: #0aa1d6;
}
.service-block-three .inner-box .lower-content .icon-box {
color: #0aa1d6;
}
.service-block-three .inner-box .lower-content .icon-box:before {
background: #0aa1d6;
}
.service-block-three .inner-box .lower-content h3 a:hover {
color: #0aa1d6;
}
.service-block-three .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
}
.service-block-three .inner-box .image-box img{
width: 100%;
transition: all 500ms ease;
}
.service-block-three .inner-box:hover .image-box img{
opacity: 0.2;
transform: scale(1.1);
}
.service-block-three .inner-box .lower-content{
position: relative;
padding: 62px 15px 20px 15px;
}
.service-block-three .inner-box .lower-content .icon-box {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -70px;
width: 100px;
height: 100px;
line-height: 100px;
background: #ffffff;
text-align: center;
border-radius: 50%;
font-size: 50px;
box-shadow: 0 20px 30px 0px rgb(186 200 199 / 50%);
z-index: 1;
transition: all 500ms ease;
}
.service-block-three .inner-box:hover .lower-content .icon-box{
color: #ffffff !important;
}
.service-block-three .inner-box .lower-content .icon-box:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0px;
top: 0px;
border-radius: 50%;
transform: scale(0,0);
z-index: -1;
transition: all 500ms ease;
}
.service-block-three .inner-box:hover .lower-content .icon-box:before {
transform: scale(1,1);
}
.service-block-three .inner-box:hover .lower-content .icon-box {
bottom: 10px;
transition: all 200ms ease;
}
.service-block-three .inner-box .lower-content h3{
position: relative;
display: block;
font-size: 24px;
line-height: 32px;
font-weight: 700;
margin-bottom: 15px;
}
.service-block-three .inner-box .lower-content h3 a{
display: inline-block;
color: #0b306e;
}
.service-block-three .inner-box .lower-content h3 a:hover{
}
.service-block-three .inner-box .lower-content p{
font-size: 16px;
line-height: 26px;
margin-bottom: 33px;
}
.service-block-three .inner-box .lower-content .btn-box .theme-btn-one{
padding: 12px 28px;
}
.service-block-three .inner-box .shape{
position: absolute;
left: 0px;
bottom: 0px;
width: 69px;
height: 33px;
opacity: 0;
background-repeat: no-repeat;
transition: all 500ms ease;
}
.service-block-three .inner-box:hover .shape{
opacity: 1;
} .faq-ex-section{
position: relative;
background: #f2f6fa;
padding: 142px 0px 80px 0px;
}
.image_block_5 .image-box{
position: relative;
display: block;
margin-right: 50px;
padding-right: 50px;
padding-bottom: 107px;
}
.image_block_5 .image-box .image{
border-radius: 50%;
}
.image_block_5 .image-box .image img{
width: 100%;
border-radius: 50%;
}
.image_block_5 .image-box .image-1{
position: relative;
z-index: 1;
}
.image_block_5 .image-box .image-2{
position: absolute;
overflow: hidden;
right: 0px;
bottom: 0px;
border: 12px solid #ffffff;
box-shadow: 0 20px 30px rgb(0 0 0 / 05%);
z-index: 1;
}
.image_block_5 .image-box .image-2::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.image_block_5 .image-box:hover .image-2::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.team-block-one .inner-box .image-box:before{
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.team-block-one .inner-box:hover .image-box:before{
-webkit-animation: circle .95s;
animation: circle .95s;
}
.image_block_5 .image-box .image-1:before{
position: absolute;
content: '';
background: #ffffff;
width: 100%;
height: 100%;
border-radius: 50%;
left: -30px;
top: -30px;
z-index: -1;
}
.image_block_5 .image-box .pattern-box .pattern-1 {
position: absolute;
top: 40%;
right: 0px;
width: 102px;
height: 96px;
background-repeat: no-repeat;
}
.image_block_5 .image-box .pattern-box .pattern-2{
position: absolute;
left: 33%;
bottom: 35px;
width: 86px;
height: 86px;
background-repeat: no-repeat;
}
.content_block_13 .content-box{
position: relative;
display: block;
}
.faq-ex-section .content_block_13 .content-box{
margin-left: 50px;
}
.faq-ex-section .accordion-box .block {
position: relative;
display: block;
background: #ffffff;
margin-bottom: 20px;
transition: all 500ms ease;
border: unset;
padding: 0;
}
.faq-ex-section .accordion-box .block.active-block{
box-shadow: 0 10px 20px rgb(0 0 0 / 04%);
}
.faq-ex-section .accordion-box .block:last-child{
margin-bottom: 0px;
}
.faq-ex-section .accordion-box .block .acc-content.current{
display:block;  
}
.faq-ex-section .accordion-box .block .acc-btn{
position: relative;
display: block;
padding: 29px 80px 31px 30px;
background: #ffffff;
cursor: pointer;
transition: all 500ms ease;
}
.faq-ex-section .accordion-box .block .acc-btn.active{
padding-bottom: 12px;
}
.faq-ex-section .accordion-box .block .acc-btn h4{
font-size: 20px;
line-height: 30px;
font-weight: 700;
transition: all 500ms ease;
}
.faq-ex-section .accordion-box .block .acc-btn .icon-outer {
position: absolute;
display: inline-block;
top: 28px;
right: 30px;
font-size: 20px;
font-weight: 400;
color: #0b306e;
cursor: pointer;
transition: all 500ms ease;
z-index: 1;
background: transparent;
}
.faq-ex-section .accordion-box .block .acc-btn.active .icon-outer{
transform: rotate(180deg);
}
.faq-ex-section .accordion-box .block .acc-content{
position:relative;
display:none;
padding: 0px 30px 32px 30px;
}
.faq-ex-section .accordion-box .block .acc-content p{
line-height: 30px;
}
.faq-ex-section .pattern-layer {
position: absolute;
top: 125px;
right: -200px;
width: 102px;
height: 96px;
background-repeat: no-repeat;
}
.float-bob-x{
animation-name: float-bob-x;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float-bob-x;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float-bob-x;
-moz-animation-duration: 15s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob-x;
-ms-animation-duration: 15s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob-x;
-o-animation-duration: 15s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
} .funfact-ex-section{
position: relative;
}
.funfact-ex-section .inner-container{
position: relative;
margin-top: -180px;
z-index: 1;
}
.counter-block-two .inner-box{
position: relative;
display: block;
background: #ffffff;
padding: 57px 30px 52px 30px;
box-shadow: 0 10px 20px rgb(0 0 0 / 07%);
}
.counter-block-two .inner-box:before{
position: absolute;
content: '';
width: 100%;
height: 0%;
left: 0px;
top: 0px;
transition: all 500ms ease;
}
.counter-block-two .inner-box:hover:before{
height: 100%;
}
.counter-block-two .inner-box .icon-box{
position: relative;
font-size: 40px;
line-height: 40px;
margin-bottom: 15px;
transition: all 500ms ease;
}
.counter-block-two .inner-box:hover .icon-box,
.counter-block-two .inner-box:hover .count-outer,
.counter-block-two .inner-box:hover p{
color: #ffffff !important;
}
.counter-block-two .inner-box .count-outer{
position: relative;
display: block;
font-size: 50px;
line-height: 60px;
color: #0b306d;
font-weight: 600;
margin-bottom: 11px;
transition: all 500ms ease;
}
.counter-block-two .inner-box p{
position: relative;
transition: all 500ms ease;
} .testimonial-ex-section{
position: relative;
padding: 145px 0px;
}
.testimonial-ex-section .testimonial-content .thumb-box{
position: relative;
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 39px;
}
.testimonial-ex-section .testimonial-content .thumb-box img{
width: 100%;
border-radius: 50%;
}
.testimonial-ex-section .testimonial-content .thumb-box:before{
position: absolute;
content: "\f10e";
font-family: 'Font Awesome 5 Free';
font-size: 16px;
color: #ffffff;
font-weight: 700;
width: 60px;
height: 60px;
line-height: 54px;
text-align: center;
border-radius: 50%;
right: -24px;
bottom: -15px;
z-index: 1;
border: 5px solid #fff;
box-shadow: 0 20px 20px 0px #dceaef;
}
.testimonial-ex-section .testimonial-content .text {
position: relative;
display: block;
margin-bottom: 10px;
margin-top: 30px;
}
.testimonial-ex-section .testimonial-content .text p{
font-size: 20px;
line-height: 34px;
color: #0b306e;
font-weight: 600;
}
.testimonial-ex-section .testimonial-content{
position: relative;
max-width: 920px;
margin: 0 auto;
}
.testimonial-ex-section .testimonial-content .author-info h3{
display: block;
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 5px;
}
.testimonial-ex-section .testimonial-content .author-info .designation{
display: block;
font-size: 18px;
line-height: 26px;
}
.testimonial-ex-section .sec-title{
margin-bottom: 60px;
}
.testimonial-ex-section .owl-nav{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.testimonial-ex-section .owl-nav .owl-prev,
.testimonial-ex-section .owl-nav .owl-next{
position: absolute;
display: inline-block;
font-size: 30px;
color: #0b306e;
cursor: pointer;
transition: all 500ms ease
}
.testimonial-ex-section .owl-nav .owl-prev{
left: 0px;
}
.testimonial-ex-section .owl-nav .owl-next{
right: 0px;
}
.testimonial-ex-section .owl-nav .owl-prev:hover,
.testimonial-ex-section .owl-nav .owl-next:hover{
} .team-ex-section{
position: relative;
padding: 150px 0px;
}
.team-ex-section .carousel-content{
position: relative;
margin-right: -400px;
}
.team-block-two .inner-box{
position: relative;
display: block;
background: #ffffff;
padding: 30px 30px;
}
.team-block-two .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
background: #0c1529;
}
.team-block-two .inner-box .image-box img{
width: 100%;
transition: all 500ms ease;
}
.team-block-two .inner-box:hover .image-box img{
opacity: 0.5;
transform: scale(1.05);
}
.team-block-two .inner-box .lower-content{
position: relative;
padding-top: 27px;
}
.team-block-two .inner-box .lower-content .share-option{
position: absolute;
right: 35px;
top: -23px;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 50%;
cursor: pointer;
z-index: 1;
}
.team-block-two .inner-box .lower-content .share-option span{
position: relative;
display: inline-block;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 13px;
color: #ffffff;
text-align: center;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 0px 0px 5px rgba(10,161,214,0.3);
z-index: 1;
transition: all 500ms ease;
}
.team-block-two .inner-box:hover .lower-content .share-option span{
box-shadow: 0 0px 0px 5px rgba(250,73,73,0.3);
}
.team-block-two .inner-box .lower-content .share-links{
position: absolute;
left: 0px;
bottom: 0px;
width: 46px;
text-align: center;
transform: scaleY(0);
transform-origin: bottom center;
transition: all 500ms ease;
}
.team-block-two .inner-box:hover .lower-content .share-option .share-links{
transform: scaleY(1);
bottom: 70px;
}
.team-block-two .inner-box .lower-content .share-option .share-links li{
position: relative;
display: block;
margin-bottom: 10px;
}
.team-block-two .inner-box .lower-content .share-option .share-links li:last-child{
margin-bottom: 0px;
}
.team-block-two .inner-box .lower-content .share-option .share-links li a{
position: relative;
display: inline-block;
font-size: 16px;
color: #0c1529;
width: 46px;
height: 46px;
line-height: 46px;
background: #ffffff;
border-radius: 50%;
text-align: center;
}
.team-block-two .inner-box .lower-content .share-option .share-links li a:hover{
color: #ffffff;
}
.team-block-two .inner-box .lower-content h3{
display: block;
font-size: 24px;
line-height: 32px;
font-weight: 700;
margin-bottom: 0px;
}
.team-block-two .inner-box .lower-content h3 a{
position: relative;
display: inline-block;
color: #0b306e;
}
.team-block-two .inner-box .lower-content h3 a:hover{
}
.team-block-two .inner-box .lower-content .designation{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
}
.team-ex-section .sec-title h2{
margin-bottom: 29px;
}
.team-ex-section .sec-title p{
font-size: 18px;
line-height: 30px;
color: #a6adc0;
}
.team-ex-section .sec-title{
margin-right: 40px;
margin-bottom: 0px;
}
.team-ex-section .owl-nav{
position: absolute;
left: -400px;
bottom: 73px;
}
.team-ex-section .owl-nav .owl-prev,
.team-ex-section .owl-nav .owl-next{
position: relative;
display: inline-block;
font-size: 20px;
line-height: 30px;
color: #bbbbbb;
cursor: pointer;
font-weight: 700;
transition: all 500ms ease;
}
.team-ex-section .owl-nav .owl-prev{
margin-right: 20px;
}
.team-ex-section .owl-nav .owl-prev:hover,
.team-ex-section .owl-nav .owl-next:hover{
}
.team-ex-section .pattern-layer .pattern-1{
position: absolute;
left: 0px;
bottom: 0px;
width: 600px;
height: 495px;
background-repeat: no-repeat;
}
.team-ex-section .pattern-layer .pattern-2{
position: absolute;
right: 0px;
top: 0px;
width: 746px;
height: 615px;
background-repeat: no-repeat;
} .news-ex-section{
position: relative;
padding: 143px 0px 150px 0px;
}
.news-block-three .inner-box{
position: relative;
display: block;
box-shadow: 0 10px 20px rgb(0 0 0 / 7%);
}
.news-block-three .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
background: #0c1529;
}
.news-block-three .inner-box .image-box img{
width: 100%;
transition: all 500ms ease;
}
.news-block-three .inner-box:hover .image-box img{
opacity: 0.5;
transform: scale(1.05);
}
.news-block-three .inner-box .lower-content{
position: relative;
padding: 50px 30px 30px 30px;
}
.news-block-three .inner-box .lower-content .post-date{
position: absolute;
left: 30px;
top: -55px;
background: #ffffff;
width: 80px;
z-index: 1;
padding: 15px 0px 15px 0px;
text-align: center;
box-shadow: 0 20px 30px rgb(0 0 0 / 10%);
}
.news-block-three .inner-box .lower-content .post-date h3{
display: block;
font-size: 28px;
line-height: 32px;
font-weight: 700;
margin-bottom: 0px;
}
.news-block-three .inner-box .lower-content .post-date span{
display: block;
font-size: 15px;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
}
.news-block-three .inner-box .lower-content .post-info li{
position: relative;
display: inline-block;
float: left;
margin-right: 22px;
font-size: 16px;
font-weight: 500;
}
.news-block-three .inner-box .lower-content .post-info li:last-child{
margin: 0px !important;
}
.news-block-three .inner-box .lower-content .post-info li a{
display: inline-block;
}
.news-block-three .inner-box .lower-content .post-info li a:hover{
}
.news-block-three .inner-box .lower-content .post-info{
position: relative;
margin-bottom: 10px;
}
.news-block-three .inner-box .lower-content .post-info li:before{
position: absolute;
content: '';
width: 3px;
height: 3px;
top: 17px;
right: -12px;
border-radius: 50%;
}
.news-block-three .inner-box .lower-content .post-info li:last-child:before{
display: none;
}
.news-block-three .inner-box .lower-content h3{
display: block;
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 10px;
}
.news-block-three .inner-box .lower-content h3 a{
display: inline-block;
color: #0b306e;
}
.news-block-three .inner-box .lower-content h3 a:hover{
}
.news-block-three .inner-box .lower-content p{
position: relative;
line-height: 30px;
margin-bottom: 20px;
}
.news-block-three .inner-box .lower-content .btn-box .theme-btn-one{
background: #edf2f8;
color: #0b306e !important;
padding: 12px 28px;
}
.news-block-three .inner-box .lower-content .btn-box .theme-btn-one:hover{
color: #fff !important;
}
.news-ex-section .sec-title{
margin-bottom: 47px;
} @media only screen and (max-width: 1299px){
.chooseus-ex-section .content_block_12 .content-box{
padding-top: 0px;
}
.content_block_12 .content-box .single-item{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1200px){
.main-header.style-three .header-lower .main-menu .navigation > li{
margin: 0px 15px;
}
.banner-section.style-three .banner-carousel .owl-nav{
display: none;
}
.about-ex-section .content_block_10 .content-box{
margin-left: 0px;
}
.about-ex-section .image_block_4 .image-box{
margin-right: 0px;
}
.works-ex-section .image-layer{
display: none;
}
.faq-ex-section .content_block_13 .content-box{
margin-left: 0px;
}
.image_block_5 .image-box{
margin-right: 0px;
}
.team-ex-section .sec-title{
margin-right: 0px;
}
.team-ex-section .owl-nav{
display: none;
}
}
@media only screen and (max-width: 991px){
.main-header.style-three .header-upper .info-box .logo-box{
position: relative;
background: transparent;
box-shadow: none;
width: auto;
text-align: left;
padding: 33px 0px;
}
.main-header.style-three .header-upper .info-box .logo-box .shape{
display: none;
}
.main-header.style-three .upper-info .info-list li{
margin-right: 20px;
padding-left: 40px;
}
.main-header.style-three .header-upper .upper-info .info-list li.btn-box .theme-btn-one{
padding: 12px 25px;
}
.main-header.style-three .header-lower .outer-box{
padding-left: 0px;
}
.main-header.style-three .menu-area .mobile-nav-toggler {
margin: 10px 0px;
display: block;
}
.main-header.style-three .menu-right-content{
margin-top: 11px;
}
.feature-ex-section .single-item .inner-box{
padding-bottom: 0px;
}
.image_block_4 .image-box{
max-width: 500px;
margin: 0 auto 40px auto !important;
}
.chooseus-ex-section .bg-layer{
width: 100%;
}
.chooseus-ex-section .bg-image,
.chooseus-ex-section .pattern-layer{
display: none;
}
.chooseus-ex-section .content_block_11 .content-box{
max-width: 100%;
padding-bottom: 50px;
}
.content_block_12 .content-box .single-item:last-child{
background: #fa4949;
}
.chooseus-ex-section{
padding: 143px 0px 130px 0px;
}
.chooseus-ex-section .bg-layer{
top: 0px;
}
.service-block-three .inner-box{
margin-bottom: 30px;
}
.service-ex-section{
padding-bottom: 120px;
}
.image_block_5 .image-box{
max-width: 520px;
margin: 0 auto 40px auto;
}
.counter-block-two .inner-box{
margin-bottom: 30px;
}
.team-ex-section .sec-title{
margin-bottom: 40px;
}
.team-ex-section .carousel-content{
margin: 0px;
}
.news-block-three .inner-box .lower-content{
margin-bottom: 30px;
}
.news-ex-section{
padding-bottom: 120px;
}
}
@media only screen and (max-width: 767px){
.main-header.style-three .header-upper .info-box{
float: none;
display: block;
text-align: center;
}
.main-header.style-three .header-upper .info-box .logo-box{
float: none;
text-align: center;
}
.main-header.style-three .header-top{
padding: 15px 0px;
}
.main-header.style-three .header-top .top-inner .text{
padding: 0px;
margin: 0px;
}
.main-header.style-three .header-top .top-left{
float: none;
text-align: center;
margin-bottom: 5px;
}
.main-header.style-three .header-upper .upper-info{
display: none;
}
.main-header.style-three .header-upper .info-box .logo-box{
padding: 20px 0px 15px 0px;
}
.banner-section.style-three .banner-carousel .slide-item{
padding: 95px 0px 200px 0px;
}
.banner-section.style-three .banner-carousel .content-box h2{
font-size: 40px;
line-height: 50px;
}
.about-ex-section{
padding: 70px 0px;
}
.works-ex-section .inner-content .arrow{
display: none;
}
.works-ex-section .single-column{
padding: 0px !important;
}
.works-ex-section .single-item .inner-box{
margin-bottom: 30px;
}
.works-ex-section,
.service-ex-section,
.news-ex-section{
padding: 65px 0px 40px 0px;
}
.chooseus-ex-section{
padding: 65px 0px 50px 0px;
}
.service-block-three{
max-width: 370px;
margin: 0 auto;
}
.faq-ex-section{
padding: 100px 0px 270px 0px;
}
.testimonial-ex-section{
padding: 65px 0px;
}
.testimonial-ex-section .owl-nav{
display: none;
}
.team-ex-section{
padding: 65px 0px 70px 0px;
}
.news-block-three{
max-width: 370px;
margin: 0 auto;
}
.chooseus-ex-section .content_block_12 .content-box{
margin-left: 0px;
width: 270px;
margin: 0 auto;
}
}
@media only screen and (max-width: 599px){
.feature-ex-section .single-item .inner-box .icon-box{
left: 30px;
}
.feature-ex-section .single-item .inner-box{
padding-left: 150px;
}
}
@media only screen and (max-width: 399px){
.image_block_4 .image-box .image-2 {
position: relative;
margin-top: 30px !important;
border: unset;
}
.about-ex-section .image_block_4 .image-box{
padding-right: 0px;
padding-bottom: 0px;
}
.content_block_11 .content-box .inner-box .single-item h3{
font-size: 20px;
}
.image_block_5 .image-box{
padding-right: 0px;
padding-bottom: 0px;
}
.image_block_5 .image-box .image-2{
position: relative;
margin-top: 30px;
}
}
.two.faq-ex-section .content_block_13 .content-box {
margin-left: 0;
}
.one.faq-ex-section .image_block_5 .image-box {
margin-right: 35px;
} .team-single-area{
position: relative;
display: block;
padding: 120px 0 80px;
}
.team-singel-image-box{
position: relative;
display: block;    
}
.team-singel-image-box img{
width: 100%;
}
.team-member-info-box {
position: relative;
display: block;
padding: 56px 45px;
box-shadow: 0 0 20px rgb(0 0 0 / 5%);
background: #fff;
}
.team-member-info-box .title {
position: relative;
display: block;
padding-bottom: 6px;
}
.team-member-info-box .title h3{
color: #222222;
font-size: 24px;
line-height: 30px;
font-weight: 600;
margin: 0 0 6px;
}
.team-member-info-box .title span{
color: #798795;
font-size: 16px;
font-weight: 400;
}
.team-member-info-box ul {
position: relative;
display: block;
overflow: hidden;
margin-top: 22px;
}
.team-member-info-box ul li {
color: #798795;
font-size: 18px;
line-height: 40px;
font-weight: 500;
display: inline-block;
margin-right: 10px;
}
.team-member-info-box ul li span {
position: relative;
display: inline-block;
padding-right: 5px;
color: #000000;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.team-member-info-box ul li a{
color: #798795;
}
.team-member-info-box .social-links-style1 {
margin-top: 36px;
}
.team-member-info-box .social-links-style1 li a i {
position: relative;
display: block;
background: #ededed;
width: 40px;
height: 40px;
border-radius: 10px 20px 10px 20px;
color: #798795;
font-size: 16px;
font-weight: 400;
line-height: 40px;
text-align: center;
transition: all 500ms ease;
}
.team-member-info-box .social-links-style1 li a:hover i{
color: #ffffff;
background: #0aa1d6;
}
.team-member-content-box {
position: relative;
display: block;
padding-top: 46px;
padding-bottom: 60px;
}
.team-member-content-box h3{
color: #000000;
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin: 0 0 30px;
} .project-details {
position: relative;
padding: 120px 0 90px;
}
.project-details .project-info {
position: relative;
}
.project-details .project-info .column {
position: relative;
margin-bottom: 10px;
background: #f9f8f7;
padding: 36px 50px;
text-align: center;
}
.project-details .project-info h5 {
position: relative;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
}
.project-details .project-info p {
position: relative;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
.project-details h2 {
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
}
.project-details .text {
position: relative;
}
.project-details h3 {
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
}
.project-details .list {
position: relative;
margin-bottom: 30px;
}
.project-details .text {
position: relative;
margin-bottom: 25px;
}
.project-details .list li {
position: relative;
color: #797672;
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
padding-left: 27px;
transition: .5s;
}
.project-details .list li:before {
content: "\f00c";
position: absolute;
left: 0;
top: 2px;
line-height: 30px;
font-size: 15px;
font-weight: 900;
display: inline-block;
color: #0aa1d6;
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900 !important;
} .faq-section {
position: relative;
padding: 100px 0 70px;
} .accordion-box {
position: relative;
margin-bottom: 30px;
}
.accordion-box .block {
position: relative;
padding-top: 0px;
margin-bottom: 30px;
border: 2px solid #efefef;
padding: 24px 0;
}
.accordion-box .block:last-child {
margin-bottom: 0px;
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 20px;
cursor: pointer;
line-height: 1.2em;
font-weight: 700;
padding-right: 28px;
transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
color: #181614;
padding-left: 23px;
}
.accordion-box .block .icon-outer {
position: absolute;
right: 20px;
top: 0;
font-size: 14px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
text-align: center;
display: inline-block;
width: 30px;
height: 30px;
background: #fff;
line-height: 30px;
}
.accordion-box .block.active-block .icon-outer {
color: #fff;
background: #0aa1d6;
}
.accordion-box .block .icon-outer .icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 18px;
font-weight: normal;
line-height: 1em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transform: translate(-50%, -50%);
}
.accordion-box .block .active .icon-outer span:before {
content: "\f068";
}
.accordion-box .block .acc-content {
position: relative;
display: none;
border-top: 0;
}
.accordion-box .block .acc-content .content-text {
padding-bottom: 6px;
}
.accordion-box .block .acc-content.current {
display: block;
}
.accordion-box .block .content {
position: relative;
font-size: 14px;
padding: 0 23px;
padding-right: 30px;
margin-top: 15px;
}
.accordion-box .block .content .text {
color: #565872;
margin-bottom: 0;
font-size: 16px;
margin-top: 20px;
}
.accordion-box .block .acc-btn strong {
font-size: 24px;
color: #c2c0bb;
width: 76px;
text-align: center;
border-right: 1px solid #e9e5df;
margin-right: 30px;
display: inline-block;
line-height: 75px;
}
.appointment-form {
max-width: 700px;
margin: 0 auto;
}
.contact-section .default-form.appointment-form .form-group input[type="text"], 
.contact-section .default-form.appointment-form .form-group input[type="email"], 
.contact-section .default-form.appointment-form .form-group input[type="password"], 
.contact-section .default-form.appointment-form .form-group input[type="tel"], 
.contact-section .default-form.appointment-form .form-group input[type="url"], 
.contact-section .default-form.appointment-form .form-group input[type="file"], 
.contact-section .default-form.appointment-form .form-group input[type="number"], 
.contact-section .default-form.appointment-form .form-group textarea, 
.contact-section .default-form.appointment-form .form-group select {
border: 1px solid #eee;
background: #fff;
}
.contact-section .default-form.appointment-form .form-group textarea {
height: 180px;
}
.appointment-form .form-group {
margin-bottom: 30px;
} .why-choose-us-section {
position: relative;
padding: 160px 0 130px;
}
.why-choose-us-block {
position: relative;
margin-bottom: 30px;
z-index: 99;
}
.why-choose-us-block .inner-box {
position: relative;
padding: 40px 15px 40px;
width: 100%;
text-align: center;
background: #fff;
border: 1px solid #e5e9f2;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.why-choose-us-block .inner-box .icon-box {
position: relative;
color: #0aa1d6;
margin: 0 auto 15px;
font-size: 60px;
background-repeat: no-repeat;
background-position: center;
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
border-radius: 50%;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.why-choose-us-block .inner-box h4 {
position: relative;
font-size: 20px;
color: #222222;
font-weight: 600;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
}
.why-choose-us-block .inner-box h4 a {
color: #222;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.why-choose-us-block .inner-box h4 a:hover {
color: #0aa1d6;
}
.why-choose-us-block .inner-box .text {
position: relative;
color: #848484;
font-size: 18px;
font-weight: 300;
line-height: 1.6em;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
margin-bottom: 0;
}
.why-choose-us-block .inner-box .read-more {
position: relative;
margin-top: 10px;
display: inline-block;
text-transform: uppercase;
font-size: 16px;
}
.why-choose-us-block .hvr-bounce-to-bottom:before {
background-color: #0aa1d6;
}
.why-choose-us-block .inner-box:hover .icon-box,
.why-choose-us-block .inner-box:hover h4 a,
.why-choose-us-block .inner-box:hover .text {
color: #fff;
} .cart-total-table {
border: 1px solid #e8e6f4;
border-radius: 6px;
}
.cart-total-table li {
border-bottom: 1px solid #e8e6f4
}
.cart-total-table li:last-child {
border-bottom: none
}
.cart-total-table li span.col.col-title {
position: relative;
display: block;
float: left;
border-right: 1px solid #e8e6f4;
color: #282828;
font-size: 16px;
font-weight: 700;
line-height: 28px;
padding: 10px 18px;
width: 50%;
}
.cart-total-table li span.col {
position: relative;
display: block;
float: left;
color: #111;
font-size: 16px;
font-weight: 400;
line-height: 28px;
padding: 10px 18px;
width: 50%;
}
.billing-information .payment-options {
position: relative;
display: block;
overflow: hidden;
margin-top: 30px;
border: 1px solid #e8e6f4;
padding: 23px 20px 35px;
border-radius: 6px;
}
.billing-information .payment-options .option-block {
margin-bottom: 14px
}
.billing-information .payment-options .option-block .checkbox {
margin: 0 0 5px;
}
.billing-information .payment-options .option-block .checkbox label {
display: block;
font-weight: 500;
min-height: 20px;
padding-left: 0px;
margin: 0;
}
.billing-information .payment-options .option-block .checkbox label input {
position: relative;
top: 1px;
}
.billing-information .payment-options .option-block .checkbox label span {
color: #282828;
font-size: 16px;
font-weight: 400;
padding-left: 10px;
}
.billing-information .payment-options .option-block .checkbox label span b {
color: #222222;
display: inline-block;
font-size: 15px;
font-weight: 400;
padding-left: 25px;
text-decoration: underline;
}
.billing-information .payment-options .option-block .text {
padding-left: 30px;
}
.billing-information .payment-options .option-block .text p {
margin: 0;
line-height: 28px;
}
.pricing-details {
position: relative;
padding: 150px 0;
}
.pricing-details h3 {
position: relative;
font-size: 36px;
font-weight: 700;
margin-bottom: 30px;
}
.pricing-details .text {
margin-bottom: 40px;
}
.pricing-details .content {
position: relative;
}
.pricing-details h4 {
position: relative;
font-size: 26px;
font-weight: 600;
margin-bottom: 30px;
}
.pricing-details .cart-total-table {
margin-bottom: 40px;
} .coupons-section {
position: relative;
padding: 100px 0 120px;
}
.coupons-section .owl-nav {
display: none;
}
.coupons-section .owl-theme .owl-dots .owl-dot span {
opacity: 0;
}
.tt-coupons {
position: relative;
border: 5px solid #f3f3f3;
background-color: #fff
}
.tt-coupons:before,
.tt-coupons:after {
content: '';
display: block;
position: absolute;
height: 1px;
width: 100%;
left: 0;
z-index: 1;
border: 1px dashed #ddd;
}
.tt-coupons:after {
top: 1px
}
.tt-coupons:before {
bottom: 1px
}
.tt-coupons .tt-coupons__bg {
height: 251px;
overflow: hidden;
position: relative;
}
.tt-coupons .tt-coupons__bg:after,
.tt-coupons .tt-coupons__bg:before {
content: '';
display: block;
position: absolute;
top: 0
}
.tt-coupons .tt-coupons__bg:after {
height: 100%;
width: 1px;
right: 1px;
border: 1px dashed #ddd;
z-index: 1
}
.tt-coupons .tt-coupons__bg:before {
width: 228px;
top: -55px;
left: -68px;
bottom: -11px;
z-index: 2;
background: #303442;
transform: rotate(22deg);
}
.tt-coupons .btn-custom {
text-decoration: none;
text-align: center;
display: inline-block;
color: #fff
}
.tt-coupons .btn-custom .tt-icon {
font-size: 23px;
line-height: 1
}
.tt-coupons .btn-custom span {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 1;
top: 3px
}
.tt-coupons .btn-custom span:before {
display: inline-block;
position: relative;
content: '';
display: block;
position: absolute;
bottom: -1px;
width: 100%;
height: 2px;
margin: auto;
left: 0;
right: 0;
background-color: #87888e;
-webkit-transition: width .2s linear;
transition: width .2s linear
}
.tt-coupons .btn-custom:hover {
color: #fff
}
.tt-coupons .btn-custom:hover span:before {
width: 0
}
.tt-coupons .tt-top-left {
position: absolute;
top: 22px;
left: 20px;
color: #fff;
font-size: 14px;
line-height: 22px;
z-index: 3
}
.tt-coupons .tt-top-left a {
color: #fff
}
.tt-coupons .tt-bottom-left {
position: absolute;
bottom: 22px;
left: 22px;
z-index: 3
}
.tt-coupons .tt-right-top {
width: 64%;
float: right;
padding: 18px 24px 50px 0;
position: relative;
z-index: 3
}
.tt-coupons .tt-right-top .tt-title {
font-family: "Poppins", sans-serif;
font-weight: 600;
padding-bottom: 14px
}
.tt-coupons .tt-right-top .tt-title+* {
margin-top: 0;
letter-spacing: -.5px;
}
.tt-coupons .tt-right-top .tt-title__01 {
color: #303442;
font-size: 24px;
line-height: 34px
}
.tt-coupons .tt-right-top .tt-title__02 {
color: #0aa1d6;
font-size: 36px;
line-height: 34px;
margin-top: 8px;
}
.tt-coupons .tt-right-bottom {
position: absolute;
padding: 0 24px 0 0;
width: 70%;
right: 0;
bottom: 16px
}
.tt-coupons .tt-right-bottom .tt-row-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: absolute;
bottom: 0;
right: 24px;
width: 100%;
font-size: 14px;
color: #252936
}
.tt-coupons .tt-right-bottom .tt-row-bottom .tt-col {
display: inline-block
}
.tt-coupons .tt-right-bottom .tt-row-bottom .tt-col:not(:last-child) {
margin-left: 30px
}
.tt-coupons .tt-right-bottom .tt-coupons__logo {
font-size: 19px;
line-height: 19px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
display: inline-block;
position: relative;
letter-spacing: -.02em
}
.tt-coupons .tt-right-bottom .tt-coupons__logo .tt-icon {
position: absolute;
top: -4px;
left: -11px;
max-width: 20px
}
.tt-coupons .tt-right-bottom .tt-text {
display: inline-block;
position: relative;
top: -2px
}
.tt-coupons .tt-right-bottom .tt-text .tt-base-color {
color: #0aa1d6;
}
@media (max-width: 1229.98px) {
.tt-coupons {
max-width:570px;
margin-left: auto;
margin-right: auto
}
.tt-coupons .tt-right-top {
width: 58%
}
}
@media (max-width:575.98px) {
.tt-coupons .tt-coupons__bg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.tt-coupons .tt-top-left {
position: relative;
top: inherit;
left: inherit;
width: 62%;
background: #303442;
overflow: hidden;
padding: 20px 10px 20px 20px
}
.tt-coupons .tt-bottom-left {
width: 38%;
position: relative;
bottom: inherit;
left: inherit;
background: #303442;
overflow: hidden;
padding: 20px 20px 20px 10px;
text-align: right
}
.tt-coupons .tt-coupons__bg {
height: inherit
}
.tt-coupons .tt-coupons__bg:before {
display: none
}
.tt-coupons .tt-right-top {
width: 100%;
padding: 18px 20px 35px
}
.tt-coupons .tt-right-top .tt-title__01 {
font-size: 18px;
line-height: 28px
}
.tt-coupons .tt-right-top .tt-title__02 {
font-size: 26px;
line-height: 24px
}
.tt-coupons .tt-right-bottom {
width: 100%;
position: relative;
padding: 0;
text-align: right
}
.tt-coupons .tt-right-bottom .tt-row-bottom {
padding: 0 0;
position: inherit;
display: block
}
.tt-coupons .tt-right-bottom .tt-row-bottom .tt-col:first-child {
text-align: right;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.tt-coupons .tt-right-bottom .tt-row-bottom .tt-col:last-child {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
display: none
}
}
.tt-coupons-wrapper {
margin-left: -15px;
margin-right: -15px
}
.tt-coupons-wrapper .tt-item {
padding-left: 15px;
padding-right: 15px
} .services-price {
position: relative;
padding: 0px 0 120px 0px;
}
.services-price .table thead th {
background: #0aa1d6;
color: #fff;
}
.services-price .table-striped tbody tr:nth-of-type(odd) {
background: #fff;
}
.services-price .table-striped tbody tr:nth-of-type(even) {
background: #f7f7f7;
}
.services-price .table td {
padding: 16px 25px;
} .coupons-section .owl-dots {
display: block;
text-align: center;
margin-top: 20px;
}
.coupons-section .owl-dots .owl-dot{
position:relative;
margin:0px 5px;
width: 30px;
height: 3px;
display:inline-block;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.coupons-section .owl-dots .owl-dot{
background:#ddd;
}
.coupons-section .owl-dots .owl-dot:hover,
.coupons-section .owl-dots .owl-dot.active{
background-color:#0aa1d6;
} .resume h3 {
color: #000000;
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin: 0 0 50px;
}
.resume .info-box{
position: relative;
padding-left: 125px;
}
.resume .info-box .inner{
position: relative;
}
.resume .info-box .date{
position: absolute;
left: 0;
top: 15px;
font-size: 14px;
line-height: 22px;
color: #ffffff;
font-weight: 400;
padding: 5px 20px;
background-color: #222222;
border-radius: 3px 20px 20px 3px;
}
.resume .info-box:hover .date{
-webkit-transform: rotateX(-360deg);
-ms-transform: rotateX(-360deg);
transform: rotateX(-360deg);
-webkit-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.resume .info-box .date:before{
position: absolute;
top: 6px;
right: -6px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #222222;
content: "";
}
.resume .info-box .inner{
position: relative;
}
.resume .info-box .title{
position: relative;
padding: 20px 25px;
background-color: #f9f9f9;
margin-bottom: 25px;
}
.resume .info-box .title:before{
position: absolute;
left: -34px;
top: 22px;
height: 17px;
width: 17px;
border:1px solid #dddddd;
border-radius: 10px;
content: "";
background-color: #ffffff;
}
.resume .info-box .title:after{
position: absolute;
top: 26px;
left: -30px;
height: 9px;
width: 9px;
border-radius: 10px;
background-color: #0aa1d6;
content:"";
}
.resume .info-box .title h4{
position: relative;
display: block;
font-size: 18px;
line-height: 20px;
color: #222222;
font-weight: 600;
}
.resume .info-box .title span{
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #222222;
font-weight: 400;
}
.resume .info-box h5{
position: relative;
font-size: 16px;
line-height: 24px;
color: #222222;
font-weight: 700;
margin-bottom: 10px;
}
.resume .info-box .content{
position: relative;
padding: 0 25px;
margin-bottom: 50px;
}
.resume .info-box .text{
position: relative;
margin-bottom: 20px;
}
.resume .info-box .image-box{
position: relative;
margin-bottom: 30px;
}
.resume .info-box .image-box img{
display: block;
width: 100%;
height: auto;
}
.resume .info-box ol{
position: relative;
counter-reset:count;
margin-bottom: 50px;
}
.resume .info-box ol li{
position: relative;
padding-left: 30px;
font-size: 14px;
color: #222222;
line-height: 32px;
}
.resume .info-box ol li:before{
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 32px;
font-weight: 700;
color: #222222;
counter-increment: count;
content: counter(count);
}
.resume .info-box ol li:after{
position: absolute;
left: 10px;
top: 0;
font-size: 14px;
line-height: 30px;
font-weight: 700;
color: #222222;
content: "-";
} .progress-block {
position: relative;
margin-bottom: 30px;
z-index: 10;
}
.progress-block .inner-box {
position: relative;
min-height: 210px;
}
.progress-block .graph-outer {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
display: inline-block;
text-align: center;
border-radius: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-block .graph-outer:before {
position: absolute;
content: '';
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
border: 2px solid #db8463;
border-radius: 50%;
}
.progress-block canvas {
position: relative;
}
.progress-block .counter-title {
position: relative;
text-align: center;
font-size: 16px;
font-weight: 700;
color: #222;
margin-top: 30px;
}
.progress-block .graph-outer .count-box {
position: absolute;
left: 0;
top: 50%;
width: 100%;
margin-top: -4px;
font-size: 16px;
color: #222;
font-weight: 700;
line-height: 1.4em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.progress-block .graph-outer .count-text {
position: relative;
font-size: 60px;
line-height: 1.2em; font-weight: 700;
}
.skills-area {
margin-bottom: 50px;
}
.skills-area h3 {
color: #000000;
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin: 0 0 50px;
} .video-section {
position: relative;
padding: 145px 0 110px;
background-size: cover;
text-align: center;
}
.video-section:before {
position: absolute;
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: .65;
}
.video-section .video-btn {
position: relative;
margin-bottom: 30px;
}
.video-section .video-btn a {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
border: 2px solid #fff;
line-height: 96px;
text-align: center;
border-radius: 50%;
margin: 0 auto;
}
.video-section .text {
position: relative;
color: #fff;
}
.video-section .sec-title.light h2 {
color: #fff;
} .pricing-section {
position: relative;
padding: 10px 0 90px;
}
.pricing-section.style-two .pricing-section {
position: relative;
padding: 145px 0 90px;
}
.pricing-section.style-two  .row {
margin: 0 -25px;
}
.pricing-section.style-two .pricing-block {
padding: 0 25px;
}
.pricing-section.style-two .pricing-block .inner-box {
position: relative;
padding: 60px 30px;
margin-bottom: 30px;
text-align: center;
box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);
}
.pricing-section.style-two .pricing-block.active-block .inner-box {
box-shadow: none;
border: 5px solid #0b306e;
padding: 56px 26px;
}
.pricing-section.style-two .pricing-block .wrapper-box {
position: relative;
max-width: 220px;
margin: 0 auto;
}
.pricing-section.style-two .pricing-block .icon {
position: relative;
font-size: 50px;
line-height: 50px;
margin-bottom: 15px;
color: #0aa1d6;
}
.pricing-section.style-two .pricing-block .category {
position: relative;
font-size: 20px;
font-weight: 500;
margin-bottom: 15px;
color: #0b306e;
}
.pricing-section.style-two .pricing-block .price-box {
position: relative;
padding: 30px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 40px;
}
.pricing-section.style-two .pricing-block .price {
font-size: 33px;
font-weight: 500;
margin-bottom: 24px;
color: #0b306e;
}
.pricing-section.style-two .pricing-block .price strong {
font-weight: 700;
}
.pricing-section.style-two .pricing-block .text {
margin-bottom: 0;
font-size: 16px;
line-height: 26px;
}
.pricing-section.style-two .pricing-block ul {
position: relative;
padding-bottom: 15px;
}
.pricing-section.style-two .pricing-block ul li {
opacity: .4;
margin-bottom: 20px;
color: #748196;
font-weight: 500;
margin: 0px;
transition: all 500ms ease;
font-size: 14px;
}
.pricing-section.style-two .pricing-block ul li.active {
opacity: 1;
}
.pricing-section.style-two .pricing-block ul li strong {
font-size: 18px;
font-weight: 500;
opacity: .4;
color: #0b306e;
}
.pricing-section.style-two .pricing-block ul li.active strong {
opacity: 1;
} .pricing-section {
position: relative;
padding: 100px 0 90px;
}
.pricing-section.style-two .sec-title {
position: relative; }
.pricing-section.style-two .sec-title h2 {
position: relative;
display: block;
font-size: 50px;
line-height: 60px;
font-weight: 800;
margin: 0px;
color: #0b306e;
margin-bottom: 39px;
}
.pricing-section.style-two .sec-title.style-two h2 {
font-weight: 700;
letter-spacing: -2px;
}
.pricing-section.style-two .sec-title.light h2 {
color: #fff;
}
.pricing-section.style-two .sec-title.small {
margin-bottom: 30px;
}
.pricing-section.style-two .sec-title.small h2 {
font-size: 36px;
font-weight: 600;
letter-spacing: -2px;
}
.pricing-section.style-two .sec-title .sec-title-dec {
position: absolute;
top: 0;
left: 27px;
height: 100px;
width: 2px;
transform: translate(0, -145px);
}
.pricing-section.style-two .sec-title.text-center .sec-title-dec {
left: 50%;    
transform: translate(-50%, -145px);
}
.pricing-section.style-two .sec-title .sec-title-dec:before {
position: absolute;
content: '';
left: -25px;
top: 25px;
width: 2px;
height: 50px;
}
.pricing-section.style-two .sec-title .sec-title-dec:after {
position: absolute;
content: '';
right: -25px;
top: 25px;
width: 2px;
height: 50px;
}
.pricing-section.style-two .sec-title .sec-title-dec-two {
position: absolute;
top: 20px;
left: -75px;
height: 2px;
width: 52px;
} .pricing-section.style-two .btn-style-two {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #222;
background-color: transparent;
padding: 13.5px 44px;
font-weight: 600;
overflow: hidden;
text-transform: uppercase;
border: 1px solid;
border-color: #0aa1d6;
transition: all 700ms ease;
}
.pricing-section.style-two .btn-style-two:hover {
color: #fff;
transition: all 700ms ease;
}
.pricing-section.style-two .btn-style-two:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000), -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); background-color: #0aa1d6;
}
.pricing-section.style-two .btn-style-two:hover:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.pricing-section.style-two .btn-style-two span {
position: relative;
z-index: 2;
}
.one.project-details {
padding-bottom: 0;
}
.two.project-details {
padding-top: 30px;
}
.three.project-details {
padding-top: 30px;
} .team-single-area .btn-style-two {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #222;
background-color: transparent;
padding: 13.5px 44px;
font-weight: 600;
overflow: hidden;
text-transform: uppercase;
border: 1px solid;
border-color: #0aa1d6;
transition: all 700ms ease;
}
.team-single-area .btn-style-two:hover {
color: #fff;
transition: all 700ms ease;
}
.team-single-area .btn-style-two:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000), -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); background-color: #0aa1d6;
}
.team-single-area .btn-style-two:hover:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.team-single-area .btn-style-two span {
position: relative;
z-index: 2;
}
.one.team-single-area {
padding-bottom: 0;
}
.two.team-single-area {
padding-bottom: 0;
}
.three.team-single-area {
padding: 0;
}
.four.team-single-area {
padding: 0;
}
.five.team-single-area {
padding-top: 0;
}
.main-header.style-three .search-panel .form-group {
background: transparent;
padding: 0;
}
.main-header.style-three .search-form .form-group input {
border: unset !important;
}
.testimonial-ex-section .testimonial-content .author-info ul {
position: relative;
}
.testimonial-ex-section .testimonial-content .author-info ul li {
position: relative;
color: #0aa1d6;
font-size: 13px;
display: inline-block;
}
.testimonial-ex-section .testimonial-content .author-info ul li i {}
.special-service {}
.special-service .special-checkbox {}
.special-service .special-checkbox span {
margin: 0;
}
.special-service .special-checkbox span label {
display: inline-block;
color: #555;
font-size: 14px;
line-height: 18px;
margin-right: 17px;
cursor: pointer;
}
.special-service .special-checkbox span label input {
width: 18px !important;
height: 18px !important;
border: 1px solid #ddd !important;
margin-right: 18px;
display: inline-block;
vertical-align: bottom;
padding: 0 0 !important;
}
.special-service .special-checkbox span label input span {}
.btn-info.focus, .btn-info:focus {
box-shadow: unset !important;
}
#appoinment_content .vehicle-year .thm-spinner {
position: relative;
top: 25px;
}
.vehicle-year p {
float: right;
width: 24%;
display: inline-block;
padding: 0;
text-align: center;
}
#appoinment_content .thm-spinner.ui-slider .ui-slider-handle {
width: 30px !important;
}
.main-footer .footer-top .top-inner .footer-logo .logo {
position: relative;
width: 150px;
}
.service-block-three .inner-box .lower-content .icon-box22 i {
font-size: 80px;
color: #22222217; bottom: 5px;
position: absolute;
right: -18px;
}
.service-block-three .inner-box:hover .lower-content .icon-box22 i {
bottom: 10px;
transition: all 200ms ease;
}
.two.about-area {
background: #fff;
padding-left: 15px;
}
.clients-section .clients-logo-box img {
width: 150px;
}
@media only screen and (max-width: 991px) {
section.about-area #content_block_1 .content-box .inner-box .counter-box {
position: relative;
top: 0;
right: 0px;
margin-top: 40px;
}
.about-area2 .elementor-container {
padding: 0px 0px !important;
}
.one.main-footer {
padding-top: 40px;
}
footer.two.main-footer {
padding-top: 0;
}
footer.three.main-footer {
padding-top: 0;
}
footer.four.main-footer {
padding-top: 0;
}
.news-block-two .inner-box .image-box img {
width: 100%;
}
}
.mobile-menu .menu-box {
transition: all 700ms ease;
}
.mobile-menu {
transition: all 700ms ease;
}
.boxed {
margin: 0 auto;
width: 100%;
min-width: 280px;
max-width: 1230px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 10px 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 10px 10px;
-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 10px 10px;
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 10px 10px;
box-shadow: rgba(0, 0, 0, 0.2) 0 10px 10px;
}
.boxed .navbar {
width: 100% !important;
margin: 0 auto;
width: 100%;
min-width: 280px;
max-width: 1230px;
}
.boxed .bx-wrapper .owl-next {right: -30px !important}
.boxed .bx-wrapper .owl-prev {left: -30px !important}
.switcher {
position: fixed;
padding: 5px;
left: -200px;
z-index: 999999999999999999999999999999999;
width: 200px;
height: auto;
background: #f7f7f7;
padding-top: 10px;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
border: solid 1px #ddd;
top: 30%;
}
.switcher.active{
left: 0px;
}
.switcher .fa-cog {
background: #fd5d14; color: #ffffff;
width: 50px;
height: 50px;
font-size: 36px;
text-align: center;
line-height: 50px;
cursor: pointer;
position: absolute;
right: -50px;
font-size: 20px;
top: 37%;
}
.switcher .fa-cog:hover {
-webkit-animation: spin 2s linear;
-moz-animation: spin 2s linear;
-o-animation: spin 2s linear;
animation: spin 2s linear;
}
.switcher.active {
left: 0;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.switcher .box {
position: relative;
display: inline-block;
width: 29%;
height: 26px;
text-indent: -9999px;
cursor: pointer; color: #fff;
margin: 5px 1% 5px;
text-align: center;
font-weight: 400;
font-size: 10px;
border-radius: 50%;
height: 30px;
width: 30px;
}
.switcher .heading-panel{
position:relative;
display:block;
line-height:24px;
padding:8px 10px;
background:#003;
color:#ffffff;
text-align:center;
text-transform:capitalize;
}
.switcher .fa-cog {
border-radius: 50%;
}
.switcher .layout-outer,
.switcher .colors-outer{
text-align:center;
padding:10px 15px;	
}
#default {background: #08a2d6;}
#default {background: #fb4848;}
#color2 {background: #ba0505;}
#color3 {background: #1015fa;}
#color4 {background: #8138f7;}
#color5 {background: #24fbf0;}
#color6 {background: #3064ee;}
#color7 {background: #fa2a2a;}
#color8 {background: #23bcd7;}
#color9 {background: #fd5d17;}
#color10 {background: #97f51e;}
#color11 {background: #1ef8ec;}
#color12 {background: #19B8AF;}
#turquoise {background: #40E8D9;}
#boxed,
#full {
position:relative;
display:block;
padding:5px 15px;
font-size:14px; background: #f8f8f8;
color: #000000;
}
.layout-option{
position:relative;
display:inline-block;
width:45%;
margin:0px 1%;
}
.layout-outer{
background: #8138f7;
}
.layout-outer a{
color: #fff;
font-weight: 600;
}
.layout2 {
background: #fd5d14;
}
#normal, #rtl {
position: relative;
display: block;
padding: 5px 15px;
font-size: 14px; background: #f8f8f8;
color: #000000;
}  .our-shop{
position: relative;
}
.shop-sidebar {
position: relative;
border: 1px solid #e1e5e9;
padding: 40px 30px;
border-radius: 6px;
}
.our-shop .items-sorting{
position: relative;
margin-bottom: 60px !important;
}
.our-shop .items-sorting .text {
position: relative;  }
.our-shop a.button.product_type_variable.add_to_cart_button {
padding: 15px 38px;
font-weight: 600;
border-radius: 0;
font-size: 14px;
color: #fff;
background-color: #fd4a36;
text-transform: capitalize;
font-family: Montserrat,sans-serif;
}
.our-shop nav.woocommerce-pagination ul li a, .our-shop nav.woocommerce-pagination ul li span {
border-style: solid;
border-width: 2px;
border-color: #fe5860;
background-color: rgba(255, 255, 255, 0);
color: #fe5860;
font-size: 17px;
font-weight: 500;
padding: 15px 23px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.our-shop .woocommerce-pagination ul.page-numbers li, .our-shop .woocommerce-pagination ul.page-numbers li {
display: inline-block;
margin-left: 10px;
border: unset;
}
.our-shop nav.woocommerce-pagination ul {
border: unset;
}
.our-shop nav.woocommerce-pagination ul li a:focus, .our-shop nav.woocommerce-pagination ul li a:hover, .our-shop nav.woocommerce-pagination ul li span.current {
border-color: #ff5860;
color: #fff;
background-color: #ff5860;
}
.our-shop .woocommerce-breadcrumb {
margin-bottom: 35px;
}
.our-shop select.orderby {
border: unset;
padding-left: 20px;
}
.our-shop .woocommerce-result-count {
margin: 0 !important;
}
.our-shop .items-sorting .text p{
font-weight: 500;
color: #0c2957;
margin: 0px;
font-family: var(--fira-sans);
font-size: 18px;
}
.our-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
padding: 15px 38px;
font-weight: 600;
border-radius: 0;
font-size: 14px;
color: #fff;
background-color: #ff5860;
text-transform: capitalize;
font-family: Montserrat,sans-serif;
}
.our-shop div.product p.price, .our-shop div.product span.price {
margin: 0;
color: #222222;
font-size: 16px;
font-weight: 600;
}
.our-shop div.product p.price ins, .our-shop div.product span.price ins {
margin: 0;
color: #222222;
font-size: 16px;
font-weight: 600;
}
.our-shop nav.woocommerce-pagination {
padding-bottom: 100px;
}
.our-shop .product-block-one .right-option {
display: none;
}
.our-shop img, .our-shop img {
height: auto;
max-width: 100%;
width: 100%;
}
.shop-content .quantity .qty {
width: 3.631em;
text-align: center;
background-color: #f7f7f7!important;
background-image: none;
display: inline-block;
height: 58px!important;
margin-right: 10px;
margin-bottom: 0;
vertical-align: middle;
width: 110px!important;
padding: 0;
border-radius: 0!important;
border: 1px solid #ebebeb;
}
.shop-content button.theme-btn.btn-style-one {
border: unset;
cursor: pointer;
border: none;
background: transparent;
padding: 0;
outline: unset;
margin-top: 17px;
}
.shop-content .single-shop-content h2 {
margin: 0;
color: #222222;
font-weight: 600;
font-size: 30px;
margin-bottom: 20px;
}
.shop-content bdi {
color: #777777;
font-size: 24px;
font-weight: 600;
margin-top: 20px;
margin-bottom: 25px;
margin-right: 10px;
}
.shop-content .category {
margin-bottom: 70px;
}
.woocommerce-tabs.wc-tabs-wrapper{}
.woocommerce-tabs .panel h2 {
margin: 0 !important;
color: #222222 !important;
font-size: 24px !important;
font-weight: 600 !important;
margin-bottom: 35px !important;
}
.woocommerce-tabs p {
margin: 0 !important;   }
ul.tabs.wc-tabs {
padding: 0 !important;
}
.woocommerce-tabs ul li.active {
background: transparent !important;
border: unset !important;
border-radius: 0 !important;
}
.woocommerce-tabs ul li {
margin-right: 15px !important;
}
.woocommerce-tabs ul li a {display: inline-block;padding: .5em 0;font-weight: 700;color: #515151;text-decoration: none;border-radius: 0 !important;border: none !important;padding: 0;border: 1px solid #e5e5e5 !important;text-align: center;-webkit-transition: all .4s ease;transition: all .4s ease;color: #8a8d91;padding: 12px 37px !important;font-size: 17px;font-weight: 500;}
.woocommerce-tabs ul li.active a {
color: inherit;
text-shadow: inherit;
background: unset;
z-index: 2;
border-bottom-color: #fff;
background-color: #ff5860 !important;
border-color: #ff5860 !important;
border: unset;
border-radius: 0 !important;
margin: 0;
color: #fff !important;
}
.woocommerce-tabs ul li {
border: unset !important;
background-color: transparent !important;
display: unset !important;
position: relative !important;
z-index: 0 !important;
border-radius: unset !important;
margin: unset !important;
padding: unset !important;
margin-right: 15px !important;
}
.woocommerce-tabs ul li::before {
display: none !important;
}
.woocommerce-tabs ul::before {
bottom: -20px !important;
}
.related-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
padding: 15px 38px;
font-weight: 600;
border-radius: 0;
font-size: 14px;
color: #fff;
background-color: #ff5860;
text-transform: capitalize;
font-family: Montserrat,sans-serif;
}
.related-product .shop-page-title .title {
font-size: 30px;
font-weight: 600;
line-height: 26px;
font-family: var(--fira-sans);
text-transform: capitalize;
margin-bottom: 40px;
margin: 0;
color: #222222;
font-size: 40px;
line-height: 48px;
font-weight: 400;
letter-spacing: .03em;
margin-top: 20px;
text-align: left;
margin-bottom: 40px;
margin-top: 40px;
}
.related-product img, .related-product img {
height: auto;
max-width: 100%;
width: 100%;
}
.content-area p.stars a {
color: #ff5860;
}
.woocommerce #review_form #respond .form-submit input {
left: auto;
left: auto;
border: none;
outline: none;
background-color: #ff5860;
display: inline-block;
vertical-align: middle;
font-family: "Rubik";
font-weight: 600;
font-size: 17px;
color: #fff;
padding: 18px 31.4px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.bootstrap-select > .dropdown-toggle {
position: relative;
display: block;
height: 57px;
width: 100%;
font-size: 16px;
color: #838d9e;
line-height: 30px;
font-weight: 600;
background-color: transparent;
border-radius: 6px;
padding: 11px 20px;
border-width: 1px;
border-style: solid;
border-color: rgb(225, 229, 233);
border-image: initial;
transition: all 300ms ease 0s;
}
.our-shop .items-sorting .select-box .nice-select{
position: relative;
height: 56px;
line-height: 56px;
border: 1px solid #e1e5e9;
border-radius: 5px;
padding: 0px 20px;
font-size: 17px;
font-weight: 500;
color: #5a5a68;
margin: 0px;
}
.product-block-one .inner-box {
position: relative;
display: block;
text-align: center;
background: #fff;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
margin-bottom: 40px;
transition: all 500ms ease;
}
.product-block-one .inner-box .image-box {
position: relative;
display: block;  border-radius: 6px;
margin-bottom: 0;
}
.product-block-one .inner-box .image-box img{
transition: all 500ms ease;
}
.product-block-one .inner-box:hover .image-box img { }
.product-block-one .inner-box .cart-btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
transition: .5s;
}
.product-block-one .inner-box:hover .cart-btn {
opacity: 1;
}
.product-block-one .inner-box .cart-btn .theme-btn {
width: 100%;
border-radius: 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.product-block-one .inner-box .cart-btn .theme-btn .btn-title {
border-radius: 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
padding: 15px 50px;
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}
.product-block-one .inner-box .image-box .trending,
.product-block-one .inner-box .image-box .offer,
.product-block-one .inner-box .image-box .category{
position: absolute;
top: 20px;
left: 20px;
font-size: 14px;
font-family: var(--fira-sans);
color: #fff;
font-weight: 700;
text-transform: uppercase;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 50%;
}
.product-block-one .inner-box .image-box .trending {
background-color: #fb9a27;
font-size: 24px;
}
.product-block-one .inner-box .image-box .offer {
background-color: #7fb23f;
}
.product-block-one .right-option {
position: absolute;
right: 20px;
top: 20px;
height: 46px;
width: 46px;
border-radius: 50%;
background: #fff;
line-height: 46px;
font-size: 20px;
cursor: pointer;
color: #838d9e;
transition: .5s;
}
.product-block-one .right-option:hover {
color: #fff;
}
.product-block-one .right-option .content-box{
position: absolute;
right: 0;
top: 46px;
width: 46px;
height: 54px;
line-height: 54px;
border-radius: 30px;
opacity: 0;
transition: all 500ms ease;
}
.product-block-one .right-option:hover .content-box{
opacity: 1;
}
.product-block-one .inner-box .image-box .content-box li{
position: relative;
text-align: center;
height: 46px;
width: 46px;
border-radius: 50%;
background: #fff;
line-height: 46px;
font-size: 20px;
margin-top: 10px;
}
.product-block-one .inner-box .image-box .content-box li:last-child{
border-right: none
}
.product-block-one .inner-box .image-box .content-box li a{
position: relative;
display: inline-block;
font-size: 18px;
color: #838d9e;
}
.product-block-one .inner-box .image-box .content-box li a span{
position: absolute;
right: 47px;
transform: translateY(-50%);
top: 50%;
width: max-content;
height: 28px;
padding: 2px 9px;
line-height: 28px;
text-align: center;
font-size: 15px;
font-weight: 500;
background: #fff;
color: #0c2957;
font-family: var(--fira-sans);
border-radius: 5px;
visibility: hidden;
opacity: 0;
transition: all 500ms ease;
}
.product-block-one .inner-box .image-box .content-box li a:hover span{
visibility: visible;
opacity: 1;
}
.product-block-one .inner-box .image-box .content-box li a span:before{
position: absolute;
content: '';
width: 10px;
height: 10px;
right: -5px;
bottom: 9px;
transform: rotate(45deg);
background: #fff;
}
.product-block-one .inner-box .lower-content {
position: relative;
padding: 0px 0px 20px 0px;
}
.product-block-one .inner-box .lower-content .rating{
position: absolute;
display: inline-block;
left: 50%;
transform: translateX(-50%);
top: 18px;
border-radius: 30px;
overflow: hidden;
text-align: center;
padding: 0px 15px;
transition: .5s;
opacity: 0;
}
.product-block-one .inner-box:hover .lower-content .rating {
opacity: 1;
}
.product-block-one .inner-box .lower-content .rating li{
position: relative;
display: inline-block;
font-size: 13px;
line-height: 20px;
}
.product-block-one .inner-box .lower-content h3{
margin-bottom: 5px;
font-size: 22px;
font-weight: 600;
color: #0c2957;
}
.product-block-one .inner-box .lower-content h3 a {
color: #0c2957;
}
.product-block-one .inner-box .lower-content p{
font-size: 18px;
font-weight: 500;
margin: 0px;
font-family: var(--fira-sans);
margin-bottom: 5px;
transition: .5s;
}
.product-block-one .inner-box:hover .lower-content p { }
.product-block-one .inner-box .lower-content .rating.light li:last-child{
color: #a6a6af;
} .widget_filter-price .title{
position:relative;
float:left;
font-size: 18px;
font-weight:500;
margin-top:4px;
color: #0c2957;
}
.widget_filter-price .title:before{
position:absolute;
content:'$';
right:-14px;
top:0px;
font-size:17px;
font-weight:500;
}
.widget_filter-price .input{
float:right;
left: 8px;
max-width:75px;
padding-left:8px;
margin-top:4px;
font-weight:500;
position: relative;
font-size: 18px;
}
.widget_filter-price .input input{
background:none;
font-size: 18px;
font-weight:500;
width:auto;
text-align:left;
color: #0c2957;
}
.widget_filter-price .ui-widget.ui-widget-content{
height:2px;
border:none;
margin-bottom:26px;
background:#e1e5e9; 
}
.widget_filter-price .ui-slider .ui-slider-range{
top:0px;
height:2px;
background: #e1e5e9;
}
.widget_filter-price .ui-state-default,
.widget_filter-price .ui-widget-content .ui-state-default{
top:-6px;
width:14px;
height:14px;
background:#fff;
cursor:pointer;
border-radius:50%;
margin-left: 0px;
border: 2px solid;
}
.widget_filter-price .ui-state-default:before,
.widget_filter-price .ui-widget-content .ui-state-default:before{
position: absolute;
content: '';
width: 4px;
height: 4px;
left: 3px;
top: 3px;
border-radius: 50%;
}
.widget_filter-price .range-slider .theme-btn{
padding: 6px 25px 5px;
background: #ddd;
font-size: 16px;
font-weight: 500;
font-family: var(--fira-sans);
text-transform: uppercase;
color: #fff;
}
.widget_filter-price{
margin-bottom: 45px;
}
.widget_filter-price .widget-title{
margin-bottom: 36px;
}
.widget_popular-products .post-inner .post{
position: relative;
padding-left: 100px;
margin-bottom: 30px;
min-height: 102px;
}
.widget_popular-products .post-inner .post:last-child{
margin-bottom: 0px;
}
.widget_popular-products .post-inner .post .image-box{
position: absolute;
left: 0px;
top: 2px;
width: 80px;
background: #e9edf0;
transition: all 500ms ease;
border-radius: 6px;
text-align: center;
padding: 15px 0;
}
.widget_popular-products .post-inner .post:hover .image-box{
}
.widget_popular-products .post-inner .post .rating{
position: relative;
display: block;
margin-bottom: 4px;
}
.widget_popular-products .post-inner .post .rating li{
position: relative;
display: inline-block;
float: left;
margin-right: 2px;
font-size: 12px;
line-height: 20px;
}
.widget_popular-products .post-inner .post .rating li:last-child{
margin-right: 0px;
}
.widget_popular-products .post-inner .post .rating.light li:last-child{
color: #a6a6af;
}
.widget_popular-products .post-inner .post h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.widget_popular-products .post-inner .post h5 a{
display: inline-block;
color: #1e1e2a;
}
.widget_popular-products .post-inner .post h5 a:hover{
}
.widget_popular-products .post-inner .post .price{
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #838d9e;
font-weight: 500;
margin: 0px;
font-family: var(--fira-sans);
margin-bottom: 11px;
}
.item-quantity .input-group {
position: relative;
display: table;
border-collapse: separate;
max-width: 50px;
width: 100%;
height: 50px;
}
.item-quantity input.quantity-spinner {
line-height: 50px;
height: 50px;
width: 50px !important;
padding: 0px !important;
box-shadow: none !important;
border: none;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #1e1e2a;
border: 1px solid #e1e5e9;
border-radius: 5px;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
position: absolute;
height: 50px;
width: 40px;
background: transparent;
padding: 0px 0px;
border-right: none;
border-radius: 5px 0px 0px 5px;
left: 5px;
top: 0;
border-right: 1px solid #eee;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{
position: absolute;
height: 50px;
width: 40px;
background: transparent;
padding: 0px 0px;
border-left: none;
border-radius: 0px 5px 5px 0px;
margin-top: 0px;
right: 5px;
top: 0;
border-left: 1px solid #eee;
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f067";
font-size: 12px;
font-style: normal;
color: #0c2957;
font-family: 'Font Awesome 5 Pro';
font-weight: 700;
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f068";
font-size: 12px;
font-style: normal;
color: #0c2957;
font-weight: 700;
font-family: 'Font Awesome 5 Pro';
}
.bootstrap-touchspin .input-group-btn-vertical{
position: absolute;
width: 100%;
top: 0;
}
.bootstrap-touchspin .input-group-btn-vertical i{
top: 11px;
left: 15px;
font-size: inherit !important; 
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
margin-top: 0px;
} .single-shop-area {
padding-top: 100px;
padding-bottom: 70px;
}
.single-shop-area .products-carousel {
position: relative;
padding-left: 140px;
}
.single-shop-area .product-thumbs {
height: 400px;
}
.single-shop-area .product-thumbs-wrapper {
position: absolute;
left: 0;
top: 0;
}
.single-shop-area .author-thumb {
background: #f1f5f8;
padding: 15px 30px;
border-radius: 6px;
}
.single-shop-area .product-content {
max-width: 180px;
}
.single-shop-area .author-thumb img {
width: 60px;
}
.single-shop-area .single-product-view {
background: #f1f5f8;
padding: 65px 50px;
}
.single-shop-area .single-product-view .image {
text-align: center;
}
.single-shop-area .quantity {
position: relative;
}
.single-shop-area .quantity-spinner.form-control {
padding: 0 45px;
text-align: center;
width: 130px;
height: 50px;
border-radius: 25px !important;
}
.single-shop-area .cart-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single-shop-area .cart-btn {
margin-bottom: 30px;
}
.single-shop-area .content-box .category {
position: relative;
}
.single-shop-area .content-box .category ul {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.single-shop-area .content-box .category ul li {
margin-right: 8px;
font-size: 18px;
font-weight: 500;
}
.single-shop-area .content-box .category h5 {
color: #838d9e;
font-size: 18px;
}
.single-shop-area .owl-nav-style-three .owl-nav .owl-next,
.single-shop-area .owl-nav-style-three .owl-nav .owl-prev {
color: #222;
background: transparent;
height: 20px;
width: 20px;
font-size: 30px;
}
.single-shop-area .owl-nav-style-three .owl-nav .owl-next {
right: 15px;
}
.single-shop-area .owl-nav-style-three .owl-nav .owl-prev {
left: 15px;
}
.single-product-image-holder {
position: relative;
background: #f5f5f5;
padding: 32px 0;
margin-bottom: 30px;
}
.single-product-image-holder a {
position: absolute;
right: 20px;
top: 20px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 18px;
background: #fff;
color: #222;
-webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.1);
z-index: 9;
opacity: 0;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.single-product-image-holder:hover a {
opacity: 1;
}
.single-product-image-holder img {
width: auto;
}
.single-shop-content .content-box {
position: relative;
display: block;
}
.single-shop-content .content-box span.price {
font-size: 30px;
font-weight: 500;
position: relative;
font-family: var(--fira-sans);
}
.single-shop-content .content-box h2 {
font-size: 30px;
font-weight: 600;
margin: 6px 0 15px;
text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 25px;
}
.single-shop-content .content-box .review-box ul {
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;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #e7e7e7;
}
.single-shop-content .content-box .review-box ul li {
margin-right: 6px;
}
.single-shop-content .content-box .review-box ul li i {
font-size: 16px;
line-height: 1em;
}
.single-shop-content .content-box .text {
position: relative;
display: block;
overflow: hidden;
padding: 21px 0 15px;
}
.single-shop-content .content-box .text p {
margin: 0;
}
.single-shop-content .product-info {
margin-bottom: 30px;
}
.single-shop-content .product-info .title {
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 10px;
color: var(--dark-color);
}
.single-shop-content .content-box .qity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
margin-right: 30px;
flex-wrap: wrap;
}
.single-shop-content .content-box .qity h5 {
margin-right: 15px;
text-transform: capitalize;
font-weight: 400;
font-size: 16px;
}
.single-shop-content .content-box .qity .stock-available {
margin-left: 15px;
font-size: 16px;
font-weight: 400;
}
.single-shop-content .content-box .qity .stock-available span {
color: var(--dark-color);
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn {
position: relative;
display: block;
float: none;
margin-left: 0px;
width: 100%;
background: #f6f6f6;
border: 1px solid #f6f6f6;
color: #848484;
padding: 12px 11px;
cursor: pointer;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
content: "\f0d8";
font-family: FontAwesome;
color: #848484;
font-size: 14px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 5px 5px 5px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
content: "\f0d7";
font-family: FontAwesome;
color: #848484;
font-size: 14px;
position: absolute;
top: -1px;
left: 0px;
width: 100%;
height: 100%;
padding: 0px 5px 5px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
height: 50px;
width: 170px;
margin-left: 43px;
color: #fff;
padding: 0px 0 0px;
cursor: pointer;
border-radius: 0;
line-height: 50px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart:hover {
background: #26272b;
}
.single-shop-content .content-box .cart-btn {
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;
}
.single-shop-content .content-box .cart-btn .category {
margin-left: 15px;
font-size: 16px;
font-weight: 400;
}
.single-shop-content .content-box .cart-btn .category span {
color: var(--dark-color);
text-transform: capitalize;
font-weight: 400;
}
.single-shop-content .content-box .cart-btn .category a {
color: #999;
font-size: 15px;
}
.share-products-socials {
position: relative;
display: block;
overflow: hidden;
margin-top: 42px;
}
.share-products-socials h5 {
position: relative;
display: inline-block;
float: left;
color: var(--dark-color);
font-size: 16px;
line-height: 40px;
font-weight: 400;
text-transform: capitalize;
margin-top: 3px;
}
.share-products-socials ul {
position: relative;
display: inline-block;
float: left;
margin-left: 20px;
}
.share-products-socials ul li {
position: relative;
display: inline-block;
float: left;
margin-right: 10px;
}
.share-products-socials ul li:last-child {
margin-right: 0;
}
.share-products-socials ul li a i {
position: relative;
display: block;
width: 50px;
height: 50px;
font-size: 16px;
line-height: 48px;
text-align: center;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
border: 1px solid #e7e7e7;
color: #9c9c9c;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
border-radius: 50%;
}
.product-tab-box {
position: relative;
display: block;
overflow: hidden;
margin-top: 66px;
}
.product-tab-box .tab-btns {
position: relative;
display: block;
border-bottom: 1px solid #ededed;
margin-bottom: 35px;
z-index: 1;
}
.product-tab-box .tab-btns .tab-btn {
display: inline-block;
float: none;
text-align: center;
margin-right: 20px;
}
.product-tab-box .tab-btns .tab-btn span {
position: relative;
display: block;
background: transparent;
border-radius: 0;
cursor: pointer;
margin: 0;
padding: 15px 0 13px;
font-size: 20px;
font-weight: 600;
font-family: var(--fira-sans);
text-transform: capitalize;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.product-tab-box .tab-btns .tab-btn span:before {
position: absolute;
left: 0;
bottom: -1px;
right: 0;
height: 1px;
content: "";
opacity: 0;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.product-tab-box .tab-btns .tab-btn.active-btn span:before,
.product-tab-box .tab-btns .tab-btn:hover span:before {
opacity: 1;
}
.product-tab-box .owl-theme .owl-nav {
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
display: block;
}
.product-tab-box .owl-theme .owl-nav .owl-prev {
position: absolute;
right: 30px;
top: 0;
height: 30px;
width: 20px;
border-radius: 50%;
border: none;
text-align: center;
line-height: 56px;
font-size: 0px;
opacity: 1;
margin-top: -30px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-tab-box .owl-theme .owl-nav .owl-prev:before {
font-family: "Flaticon";
content: "\f102";
position: absolute;
top: 0;
width: 20px;
line-height: 30px;
left: 0;
border-radius: 50%;
background: #fff;
color: #9ca6b6;
font-size: 20px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-tab-box .owl-theme .owl-nav .owl-next {
position: absolute;
right: 0;
top: 0;
height: 30px;
width: 20px;
border-radius: 50%;
border: none;
text-align: center;
line-height: 60px;
color: rgba(0, 0, 0, 0);
font-size: 0px;
opacity: 1;
margin-top: -30px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-tab-box .owl-theme .owl-nav .owl-next:before {
font-family: "Flaticon";
content: "\f102";
position: absolute;
top: 0;
width: 20px;
line-height: 30px;
right: 0;
color: #9ca6b6;
background: #fff;
border-radius: 50%;
font-size: 20px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-tab-box .tabs-content {
position: relative;
display: block;
padding: 0;
}
.product-tab-box .tabs-content .tab {
position: relative;
padding: 0px;
display: none;
}
.product-tab-box .tabs-content .tab.active-tab {
display: block;
}
.product-tab-box .owl-nav-style-two .owl-nav .owl-next,
.product-tab-box .owl-nav-style-two .owl-nav .owl-prev {
background: transparent;
width: 20px;
height: 20px;
top: -40px;
font-size: 30px;
}
.review-box-holder {
position: relative;
display: block;
}
.review-box-holder .single-review-box {
position: relative;
display: block;
padding-left: 70px;
margin-bottom: 40px;
border: 1px solid #ededed;
padding: 40px;
padding-left: 135px;
}
.review-box-holder .single-review-box .image-holder {
position: absolute;
left: 40px;
top: 40px;
}
.review-box-holder .single-review-box .image-holder img {
width: 100%;
border-radius: 50%;
}
.review-box-holder .single-review-box .text-holder {
position: relative;
display: block;
}
.review-box-holder .single-review-box .text-holder .top {
position: relative;
display: block;
overflow: hidden;
margin: 0 0 17px;
}
.review-box-holder .single-review-box .text-holder .top .name h3 {
font-size: 20px;
font-weight: 600;
margin: 0 0 6px;
text-transform: capitalize;
}
.review-box-holder .single-review-box .text-holder .top .name h3 span {
font-size: 16px;
font-weight: 400;
color: #838d9e;
}
.review-box-holder .single-review-box .text-holder .top .review-box ul {
position: relative;
display: block;
overflow: hidden;
}
.review-box-holder .single-review-box .text-holder .top .review-box ul li {
display: inline-block;
margin-right: 3px;
}
.review-box-holder .single-review-box .text-holder .top .review-box ul li:last-child {
margin-right: 0;
}
.review-box-holder .single-review-box .text-holder .top .review-box ul li i {
font-size: 14px;
}
.review-box-holder .single-review-box .text-holder .text p {
margin: 0;
font-size: 18px;
font-weight: 500;
}
.product-tab-box .review-form {
padding: 40px;
border: 1px solid #e1e5e9;
margin-bottom: 70px;
}
.product-tab-box .review-form .shop-page-title {
padding-bottom: 25px;
}
.shop-page-title {
position: relative;
display: block;
}
.shop-page-title .title {
font-size: 30px;
font-weight: 600;
line-height: 26px;
font-family: var(--fira-sans);
text-transform: capitalize;
margin-bottom: 40px;
}
.shop-page-title .title-two {
font-size: 24px;
font-weight: 600;
line-height: 26px;
font-family: var(--fira-sans);
text-transform: capitalize;
margin-bottom: 15px;
}
.shop-page-title .title span {
font-weight: 400;
}
.shop-page-title p {
margin: 0;
font-size: 18px;
font-weight: 500;
}
.shop-page-title p b {
color: var(--theme-color);
font-weight: 400;
}
.product-tab-box .review-form .add-rating-box {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 20px;
}
.product-tab-box .review-form .add-rating-box .add-rating-title {
position: relative;
display: inline-block;
float: left;
}
.product-tab-box .review-form .add-rating-box .add-rating-title h4 {
color: #838d9e;
font-size: 18px;
font-weight: 500;
line-height: 20px;
margin: 0;
text-transform: capitalize;
font-family: inherit;
}
.product-tab-box .review-form .add-rating-box .review-box {
position: relative;
display: inline-block;
float: left;
padding-left: 20px;
}
.product-tab-box .review-form .add-rating-box .review-box ul li {
position: relative;
display: inline-block;
float: left;
line-height: 20px;
margin-right: 5px;
}
.product-tab-box .review-form .add-rating-box .review-box ul li:last-child {
margin-right: 0px;
}
.product-tab-box .review-form .add-rating-box .review-box ul li i {
color: #b5b5b5;
font-size: 16px;
line-height: 20px;
opacity: 1;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.product-tab-box .review-form .input-box p {
color: #838d9e;
font-size: 18px;
line-height: 20px;
font-weight: 500;
margin: 0 0 10px;
}
.product-tab-box .review-form .input-box p span {
color: var(--theme-color);
}
.product-tab-box .review-form form input[type="text"],
.product-tab-box .review-form form input[type="email"],
.product-tab-box .review-form form textarea {
position: relative;
display: block;
background: #ffffff;
width: 100%;
height: 60px;
border: 1px solid #ededed;
color: #252525;
font-size: 15px;
padding: 0 20px;
margin-bottom: 30px;
border-radius: 0px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.product-tab-box .review-form form textarea {
height: 170px;
padding: 10px 20px;
margin-bottom: 30px;
}
.product-tab-box .review-form form input[type="text"]:focus {
border-color: #e1dddd;
}
.product-tab-box .review-form form input[type="email"]:focus {
border-color: #e1dddd;
}
.product-tab-box .review-form form textarea:focus {
border-color: #e1dddd;
} .cart-section{
position:relative;
padding: 110px 0px 100px 0px;
}
.cart-outer{
position:relative;  
}
.cart-outer .table-outer{
position:relative;
width:100%;
overflow-x: auto;
margin-bottom:40px;
}
.cart-outer .cart-table{
width:100%;
min-width:900px;
border-bottom:1px solid #e9e9e9;
}
.cart-outer .cart-table tbody{
padding-bottom:30px;
}
.cart-table .cart-header{
position:relative;
width:100%;
border:1px solid #e1e5e9;
}
.cart-table thead tr th{
line-height:28px;
padding:21px 28px 19px 40px;
font-weight:500;
font-size:18px;
color: #1e1e2a;
border-right:1px solid #e1e5e9;
}
.cart-table thead tr th .fa{
font-size:18px; 
}
.cart-table tbody tr td{
padding:30px 30px;
}
.cart-table tbody tr .qty .item-quantity{
border:1px solid #dddddd;
}
.cart-table tbody tr .qty .quantity-spinner{
background:#ffffff; 
}
.cart-table tbody tr .prod-column .column-box{
position: relative;
min-height: 80px;
padding-top: 29px;
padding-left: 110px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:absolute;
left:0px;
top:0px;
width: 80px;
height: 80px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h4{
position:relative;
font-size:18px;
font-weight:500;
}
.cart-table tbody tr .sub-total{
font-weight: 500;
color: #1e1e2a;
}
.cart-table tbody tr .remove-btn{
position:relative;
display: inline-block;
font-size:18px;
color:#b0b0b8;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
border: 1px solid #b0b0b8;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn:hover{
}
.cart-table tbody tr td{
vertical-align:middle;
border-left:1px solid #e1e5e9;
border-bottom: 1px solid #e1e5e9;
}
.cart-table tbody tr .total-price{
font-weight: 500;
}
.cart-table tbody tr td:last-child{
border-right:1px solid #ebebeb;
text-align:center;
}
.cart-section .cart-outer .totle-table{
position: relative;
margin-bottom: 12px;
}
.cart-section .cart-outer .totle-table p{
font-weight: 500;
font-size: 18px;
}
.cart-section .cart-outer .totle-table p span{
color: #1e1e2a;
}
.cart-section .cart-outer .totle-table .total p{
}
.cart-table tbody tr td.qty input{
width: 90px;
height: 50px;
border: 1px solid #e1e5e9;
text-align: center;
padding: 10px 10px;
font-size: 18px;
font-weight: 500;
color: #1e1e2a;
}
.cart-section .apply-coupon .form-group{
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 0px;
}
.cart-section .apply-coupon .form-group:last-child{
margin-right: 0px;
}
.cart-section .apply-coupon .form-group input[type="text"] {
position: relative;
display: block;
border: 1px solid #e1e5e9;
width: 250px;
height: 56px;
font-size: 16px;
font-weight: 500;
color: #8d8d9c;
padding: 10px 20px;
background: #ffffff;
border-radius: 28px;
transition: all 500ms ease;
}
.cart-section .apply-coupon .form-group input:focus{
}
.cart-section .apply-coupon .form-group button{
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 600;
font-family: var(--fira-sans);
color: #0c2957;
background: #f6f6f6;
text-transform: uppercase;
padding: 14.5px 40px;
border-radius: 28px;
cursor: pointer;
transition: all 500ms ease;
}
.cart-section .apply-coupon .form-group button:hover{
color: #fff;
}
.cart-section .btn-box button{
float: left;
margin-right: 20px;
}
.cart-section .btn-box button:last-child{
margin-right: 0px;
}
.cart-section .btn-box .cart-btn{
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 600;
font-family: var(--fira-sans);
color: #0c2957;
background: #f6f6f6;
padding: 13px 40px;
text-transform: uppercase;
border-radius: 28px;
cursor: pointer;
transition: all 500ms ease;
}
.cart-section .btn-box .cart-btn:hover{
color: #fff;
}
.cart-section .btn-box button.theme-btn .btn-title{padding: 13px 50px;} .checkout-section{
position: relative;
padding: 120px 0px 120px 0px;
}
.checkout-section h3{
font-size: 22px;
line-height: 32px;
margin-bottom: 22px;
font-weight: 600;
}
.custom-controls-stacked{
position: relative;
display: inline-block;
padding-left: 25px;
top: -7px;
}
.custom-controls-stacked .description{
position: relative;
display: inline-block;
font-weight: 500;
padding: 0px;
margin-left: 2px;
font-size: 16px;
cursor: pointer;
color: #1e1e2a;
}
.custom-control.material-checkbox {
--color: #ebebeb;
padding: 0px;
margin: 0px;
}
.custom-control.material-checkbox .material-control-input {
display: none;
}
.custom-control.material-checkbox .material-control-indicator {
display: inline-block;
position: absolute;
top: 7px;
left: -25px;
width: 18px;
height: 18px;
border-radius: 3px;
border: 1px solid #e1e5e9;
cursor: pointer;
}
.checkout-section .bootstrap-select > .dropdown-toggle {
border-radius: 0;
width: 100%;
color: #838d9e;
font-weight: 400;
font-size: 18px;
}
.checkout-section .dropdown.bootstrap-select {
width: 100% !important;
}
.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
border-color: var(--color);
-webkit-transform: rotateZ(45deg) translate(1px, -5px);
transform: rotateZ(45deg) translate(1px, -5px);
width: 10px;
border-radius: 0px;
border: 2px solid #5a5a68;
border-top: 0px solid #e1e5e9;
border-left: 0px solid #e1e5e9;
}
.checkout-section .form-group{
position: relative;
margin-bottom: 20px;
}
.checkout-section .form-group:last-child{
margin-bottom: 0px;
}
.checkout-section .form-group input[type='text'],
.checkout-section .form-group input[type='email'],
.checkout-section .form-group input[type='password'],
.checkout-section .form-group .nice-select{
position: relative;
width: 100%;
height: 60px;
border: 1px solid #e1e5e9;
padding: 10px 20px;
font-size: 17px;
font-weight: 400;
color: #838d9e;
border-radius: 0px;
transition: all 500ms ease;
}
.checkout-section .form-group input:focus{
}
.checkout-section .contact-information{
margin-bottom: 46px;
}
.checkout-section .product-information{
position: relative;
display: block;
padding: 40px 40px 65px 40px;
border: 1px solid #e1e5e9;
margin-top: 4px;
}
.checkout-section .product-information .single-item{
position: relative;
display: block;
padding: 20px 0px 30px 100px;
min-height: 102px;
margin-bottom: 30px;
border-bottom: 1px solid #e1e5e9;
}
.checkout-section .product-information .single-item .product-image{
position: absolute;
left: 0px;
top: 0px;
width: 70px;
}
.checkout-section .product-information h5{
position: relative;
display: inline-block;
font-size: 18px;
font-weight: 500;
margin: 0px;
}
.checkout-section .product-information span{
position: relative;
display: inline-block;
float: right;
font-size: 18px;
font-weight: 500;
}
.checkout-section .product-information .sub-total,
.checkout-section .product-information .shipping{
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
width: 100%;
margin-bottom: 15px;
}
.checkout-section .product-information .sub-total{
padding-top: 14px;
}
.checkout-section .product-information i.line{
position: relative;
display: inline-block;
width: 100%;
margin: 0px 10px;
border-bottom: 1px dashed #d8d8d8;
}
.checkout-section .product-information .shipping{
margin-bottom: 42px;
}
.checkout-section .product-information .total{
position: relative;
padding: 19px 0px 18px 0px;
border-top: 1px solid #e1e5e9;
border-bottom: 1px solid #e1e5e9;
margin-bottom: 50px;
}
.checkout-section .product-information .total span{
}
.checkout-section .product-information .btn-box .theme-btn{
}
.payment-method .custom-control.material-checkbox .material-control-indicator{
border-radius: 0px;
border: 1px solid #d8d8d8;
width: 15px;
height: 15px;
}
.payment-method .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator{
display: inline-block;
position: absolute;
top: 7px;
left: -25px;
width: 15px;
height: 15px;
border-radius: 0px;
border: 1px solid #d8d8d8;
cursor: pointer;
transform: rotateZ(0deg) translate(0px, 0px);
}
.payment-method .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator:before{
position: absolute;
content: '';
width: 5px;
height: 5px;
left: 4px;
top: 4px;
}
.checkout-section .payment-option{
position: relative;
display: block;
background: #fff;
padding: 62px 50px 68px 50px;
box-shadow: 0 0px 30px rgba(0, 0, 0, 0.08);
margin-top: 50px;
}
.checkout-section .payment-option ul li{
position: relative;
display: block;
margin-bottom: 26px;
}
.checkout-section .payment-option ul li:last-child{
margin-bottom: 0px;
}
.checkout-section .payment-option ul li:nth-child(2){
margin-bottom: 6px;
}
.checkout-section .payment-option .custom-controls-stacked .description{
font-size: 18px;
font-weight: 500;
color: #1e1e2a;
}
.checkout-section .payment-option ul li p{
display: inline-block;
font-size: 18px;
font-weight: 600;
margin-bottom: 4px;
}
.checkout-section .payment-option h3{
margin-bottom: 33px;
}
.checkout-section .card-details .form-group button{
display: block;
width: 100%;
} .myaccount-section{
position: relative;
padding: 113px 0px 94px 0px;
}
.myaccount-section .column h3{
position: relative;
font-size: 30px;
line-height: 38px;
font-weight: 500;
margin-bottom: 21px;
}
.myaccount-section .form-group{
position: relative;
margin-bottom: 30px;
}
.myaccount-section .form-group:last-child{
margin-bottom: 0px;
}
.myaccount-section .form-group input[type='text'],
.myaccount-section .form-group input[type='email'],
.myaccount-section .form-group input[type='password']{
position: relative;
width: 100%;
height: 56px;
border: 1px solid #e1e5e9;
font-size: 17px;
font-weight: 500;
color: #5a5a68;
padding: 10px 50px 10px 20px;
transition: all 500ms ease;
}
.myaccount-section .form-group input:focus{
}
.myaccount-section .form-group i{
position: absolute;
right: 20px;
top: 18px;
font-size: 14px;
color: #a6a6af;
z-index: 1;
}
.myaccount-section .form-group .theme-btn{
position: relative;
}
.myaccount-section .custom-controls-stacked .description{
font-size: 18px;
font-weight: 500;
color: #1e1e2a;
}
.myaccount-section .custom-controls-stacked{
top: -14px;
}
.myaccount-section .custom-control.material-checkbox .material-control-indicator{
top: 4px;
}
.myaccount-section .login-inner .other-option{
position: absolute;
right: 0px;
bottom: 58px;
}
.myaccount-section .login-inner .other-option li{
position: relative;
display: inline-block;
margin-right: 6px;
}
.myaccount-section .login-inner .other-option li:last-child{
margin-right: 0px;
}
.myaccount-section .login-inner .other-option li p{
font-weight: 500;
font-size: 18px;
}
.myaccount-section .login-inner .other-option li a{
position: relative;
display: inline-block;
font-size: 16px;
color: #a6a6af;
width: 54px;
height: 54px;
line-height: 54px;
border: 1px solid #e4e4e4;
border-radius: 50%;
text-align: center;
}
.myaccount-section .login-inner{
position: relative;
}
.myaccount-section .form-group button.register-btn{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
font-weight: 700;
color: #fff;
background: #1e1e2a;
padding: 12px 52px;
text-align: center;
cursor: pointer;
border-radius: 5px;
transition: all 500ms ease;
}
.myaccount-section .register-inner{
position: relative;
}
.myaccount-section .register-inner .form-group input{
border-radius: 5px;
}
.myaccount-section .register-inner .text{
position: absolute;
right: 0px;
bottom: 0;
}
.myaccount-section .register-inner .text p{
font-weight: 500;
margin: 0px;
font-size: 18px;
}
.product-block-one .inner-box img:nth-child(2) {
display: none;
} .shop-one {
padding: 120px 0;
}
.shop-one__single {
margin-bottom: 50px;
text-align: center;
}
.shop-one__single:hover .shop-one__image:before {
opacity: .4;
}
.shop-one__single:hover .shop-one__btn__wrap {
opacity: 1;
-webkit-transform: perspective(70px) translateZ(0px);
transform: perspective(70px) translateZ(0px);
}
.shop-one__image {
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
.shop-one__image:before {
content: '';
width: 100%;
height: 100%;
background-color: #f7f7f7;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.shop-one__image>img {
width: 100%;
}
.shop-one__btn__wrap {
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;
opacity: 0;
-webkit-transform: perspective(70px) translateZ(10px);
transform: perspective(70px) translateZ(10px);
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
width: 100%;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.shop-one__cart {
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 7px 20px;
font-size: 15px;
}
.shop-one__title {
font-size: 17px;
color: #222222;   }
.shop-one__title a {
color: inherit;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.shop-one__title a:hover {
color: #ff5860;
}
.shop-one__price {
margin: 0;
color: #222222;
font-size: 16px;
font-weight: 600;
}
.shop-one__price-regular {
opacity: .5;
text-decoration: line-through;
margin-left: 5px;
}
[class*=shop-one__btn-] {
display: inline-block;
vertical-align: middle;
background-color: #fff;
width: 50px;
height: 50px;
text-align: center;
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-transition: all .4s ease;
transition: all .4s ease;
color: #f24947;
}
[class*=shop-one__btn-]+[class*=shop-one__btn-] {
margin-left: 10px;
}
[class*=shop-one__btn-] i {
font-size: 17px;
}
[class*=shop-one__btn-]:hover {
background-color: #ff5860;
color: #fff;
}
.shop-one__product-query {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 575px) {
.shop-one__product-query {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.shop-one__product-query-text {
margin: 0;
color: #777777;
font-size: 15px;
margin-bottom: 30px;
}
.shop-one__product-query-text span {
color: #222222;
}
.shop-one__product-query .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 210px;
margin-bottom: 30px;
}
.shop-one__product-query-select>.dropdown-toggle {
border-style: solid;
border-width: 1px;
border-color: #e5e5e5;
background-color: #fff !important;
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #777777;
font-size: 14px;
padding: 13.5px 30px;
padding-right: 15px;
}
.related-product__carousel .shop-one__single {
margin-bottom: 0;
}
.thm-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.woocommerce-form {
float: right;
position: relative;
right: 0;
top: 10px;
width: 83%;
}
.mr_shop .nice-select {
height: unset;
padding: 15px 55px;
border: unset !important;
}
.our-shop .items-sorting {
margin: 0;
}
.our-shop .items-sorting .text {
top: 25px;
}
.mr_shop_single {
padding-top: 120px;
padding-bottom: 120px;
}
.mr_shop_single .theme-btn-one:before {
border-radius: 35px;
overflow: hidden;
}
.mr_shop_single .theme-btn-one {
overflow: hidden;
}
.layout-option{
position:relative;
display:inline-block;
width:45%;
margin:0px 1%;
}
.layout-outer{
background: #8138f7;
}
.layout-outer a{
color: #fff;
font-weight: 600;
}
.layout2 {
background: #fd5d14;
}
#normal, #rtl {
position: relative;
display: block;
padding: 5px 15px;
font-size: 14px; background: #f8f8f8;
color: #000000;
} .boxed_wrapper{
position: relative;
margin: 0 auto;
overflow: hidden;
width: 100%;
min-width: 300px;
}
.footer-box{
position: fixed;
background: #2220;
height: 339px;
overflow: hidden;
width: 184px;
top: 101px;
right: 0px;
z-index: 999;
}
.product-sidebar .social-links{
position: absolute;
top: 150px;
right: -130px;
padding: 0px;
margin: 0px;
z-index: 9999999;
-webkit-transition: right .3s ease;
-moz-transition: right .3s ease;
transition: right .3s ease;
}
.product-sidebar .xs-sidebar-group.isActive .social-links{
right: 270px;
}
.product-sidebar .social-links li{
position: relative;
display: block;
list-style: none;
height: 45px;
line-height: 45px;
text-align: center;
position: relative;
background-color: #3064ee;
color: #fff;
cursor: pointer;
left: 0px;
white-space: nowrap;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.product-sidebar .social-links li:hover {
left: -130px;
}
.product-sidebar .social-links li .icon{
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 0!important;
transition: opacity .2s ease;
color: inherit;
}
.product-sidebar .social-links li:hover span{
visibility: visible;
opacity: 1;
right: 110%;
}
.product-sidebar .social-links li span {
font-family: 'Nunito Sans',Sans-serif;
font-size: 13px;
width: 130px;
height: 45px;
font-weight: 400;
line-height: 45px;
text-align: center;
transition: all .2s ease;
padding: 0;
box-sizing: border-box;
background: rgba(0,0,0,.24);
border-radius: 0;
display: block;
float: right;
color: inherit;
}
.product-sidebar .social-links li a{
color: #fff;
text-decoration: none;
}
.product-sidebar .social-links li:nth-child(2){
background: #8138f7;
}
.product-sidebar .social-links li:nth-child(3){
background: #7ac7c4
}
.product-sidebar .social-links li:last-child{
background: #fd5d14;
} .xs-sidebar-group .xs-overlay{
left:0%;
top:0;
position:fixed;
height:100%;
opacity:0;
width:100%;
visibility:hidden;
cursor:url(//higieniza.pt/wp-content/themes/povash/assets/temp/cross-out.png),
pointer; 
z-index: 999999;
}
.xs-sidebar-group.isActive .xs-overlay{
opacity:.9;
visibility:visible;
right:100%;
}
.xs-sidebar-widget{
position: fixed;
right: -400px;
top: 0;
background-color: #fff;
width: 400px;
height: 100%;
z-index: 9999999;
-webkit-transition: right .3s ease;
-moz-transition: right .3s ease;
transition: right .3s ease;
}
.xs-sidebar-group.isActive .xs-sidebar-widget{
right: 0px;
}
.xs-bg-black {
background-color: rgb(0,0,0,0.5);
}
.product-sidebar .sidebar-widget-container{
position: absolute;
right: -17px;
top: 0;
height: 100%;
width: 417px;
padding: 30px;
background: #dcdcdc;
border-left: 1px solid #dcdcdc;
color: #111;
font-size: 14px;
line-height: 1.7;   z-index: 9999999;
top: 159px;
}
.product-sidebar .sidebar-content .btn-box{
margin-bottom: 30px;
}
.product-sidebar .sidebar-content .btn-box a{
position: relative;
display: block;
background: #222;
font-size: 15px;
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 10px 15px;
text-decoration: none;
border-radius: 5px;
}
.product-sidebar .sidebar-content .single-box .title-box{
position: relative;
z-index: 1;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.product-sidebar .sidebar-content .single-box .title-box .line{
position: relative;
display: block;
height: 1px;
background: #e5e5e5;
width: 100%;
flex: 1;
}
.product-sidebar .sidebar-content .single-box .title-box .line:before {
content: '';
position: absolute;
z-index: 1;
height: 3px;
width: 40px;
background: #f73859;
border-radius: 1.5px;
right: 0;
top: 50%;
margin-top: -1.5px;
}
.product-sidebar .sidebar-content .single-box .title-box h5{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #222;
background: #fff;
padding: 5px 10px;
border-radius: 3px;
text-align: center;
text-transform: uppercase;
margin: 0px;
margin-right: 20px;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}
.product-sidebar .sidebar-content .single-box .image{
position: relative;
margin: 0px;
box-shadow: 5px 4px 16px 0 rgba(0,0,0,.15);
margin-bottom: 10px;
}
.product-sidebar .sidebar-content .single-box .image img{
width: 100%;
}
.product-sidebar .sidebar-content .single-box .item-name{
position: relative;
display: block;
}
.product-sidebar .sidebar-content .single-box .item-name h6{
position: relative;
font-size: 14px;
line-height: 24px;
font-weight: 600;
color: #222;
margin: 0px;
}
.product-sidebar .sidebar-content .single-box .item-name h6 a{
color: #222;
text-decoration: none;
}
.product-sidebar .sidebar-content .single-box .item-name .price{
position: absolute;
top: 0px;
right: 0px;
font-size: 16px;
color: red;
}
.product-sidebar .sidebar-content .single-box .item-name .price del{
color: #848484;
}
.product-sidebar .sidebar-content .single-box{
margin-bottom: 30px;
}
.product-sidebar .sidebar-content .single-box .single-item{
margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
.footer-box{
display:none!important;
}
}
.two.teatimonial-style-two:before {
height: 100%;
}
.two.teatimonial-style-two {
padding: 80px 0px 80px 0px;
}
.two.teatimonial-style-two .testimonial-block-two {
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 14%);
}
.weprovide-section canvas {
width: 112px!important;
height:112px!important;
} .banner-section.style-five .banner-carousel .slide-item:before{
opacity: 1;
background: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-4.png);
}
.banner-section.style-five .banner-carousel .active .slide-item .image-layer {
transform: scale(1);
background-position: center bottom;
}
.banner-section.style-five .banner-carousel .content-box{
max-width: 100%;
margin: 0 auto;
}
.banner-section.style-five .banner-carousel .content-box h1{
line-height: 80px;
font-size: 80px;
color: #fff;
}
.banner-section.style-five .banner-carousel .content-box h1 span{
display: inline-block;
}
.banner-section.style-five .banner-carousel .content-box h4{
color: #fff;
font-size: 20px;
text-transform: capitalize;
border-bottom: 0;
font-weight: 400;
}
.banner-section.style-five .banner-carousel .slide-item{
padding: 380px 0px 310px;
}
.banner-section.style-five .banner-carousel .content-box .btn-box .theme-btn {
padding: 17px 50px;
}
.banner-section.style-five .banner-carousel .owl-nav .owl-prev, .banner-section.style-five .banner-carousel .owl-nav .owl-next {    }
.banner-section.style-five .banner-carousel .owl-nav .owl-prev:hover, 
.banner-section.style-five .banner-carousel .owl-nav .owl-next:hover {
background-color: var(--theme-color-one);
border-color: var(--theme-color-one);
} .theme-btn.style-five {
background: var(--theme-color-one);
padding: 17px 50px;
border-radius: 30px;
overflow: hidden;
box-shadow: 0px 15px 40px 0px rgba(24, 67, 118, 0.2);
vertical-align: middle;
border: none;
transition: .5s;
}
.theme-btn.style-five:hover {
background: #194376;
}
.theme-btn.style-five:before {
border-radius: 30px 0 0 30px;
}
.theme-btn.style-five:after {
border-radius: 0 30px 30px 0;
}
.sec__title {
position: relative;
margin-bottom: 60px;
}
.sec__title .sub__title {
position: relative;
font-size: 18px;
color: #808080;
margin-bottom: 10px;
}
.sec__title h2 {
position: relative;
font-size: 45px;
font-weight: 800;
color: #172746;
line-height: 52px;
}
@-webkit-keyframes banner-animate {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
}
@keyframes banner-animate {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
}
.theme-btn {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #fff !important;
text-align: center;
padding: 22px 40px;
letter-spacing: 1px;
text-transform: uppercase;
z-index: 1;
}
.theme-btn:before {
position: absolute;
content: '';
width: 0%;
height: 100%;
background: #FA4949;
left: 0px;
top: 0px;
z-index: -1;
transition: all 500ms ease;
}
.theme-btn:after {
position: absolute;
content: '';
width: 0%;
height: 100%;
background: #FA4949;
right: 0px;
top: 0px;
z-index: -1;
transition: all 500ms ease;
}
.theme-btn:hover:before {
width: 50%;
}
.theme-btn:hover:after {
width: 50%;
}
.banner-section.style-five .content-box{
position: relative;
display: block;
max-width: 660px;
z-index:5;
}
.banner-section.style-five .content-box h4{
position: relative;
display: inline-block;
font-size: 20px;
line-height: 20px;
color: #687f9b;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px solid #687f9b;
margin-bottom: 33px;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section.style-five .active .content-box h4{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-section.style-five .banner-carousel .slide-item:before {
animation-name: banner-animate;
animation-duration: 70s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: banner-animate;
-webkit-animation-duration: 70s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: banner-animate;
-moz-animation-duration: 70s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: banner-animate;
-ms-animation-duration: 70s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: banner-animate;
-o-animation-duration: 70s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
} .about__section {
position: relative;
padding: 130px 0 110px;
}
.about__section .image__block {
position: relative;
margin-bottom: 30px;
padding-bottom: 122px;
}
.about__section .shape-1 {
position: absolute;
top: 74px;
left: -100px;
}
.about__section .shape-2 {
position: absolute;
right: 34px;
bottom: 240px;
}
.about__section .shape-3 {
position: absolute;
top: 15%;
right: 36%;
}
.about__section .shape-4 {
position: absolute;
bottom: 15%;
left: 19%;
}
.about__section .image-1 {
position: relative;
}
.about__section .image-2 {
position: absolute;
bottom: 0;
right: 30px;
border-radius: 50%;
box-shadow: 0px 30px 60px 0px rgba(24, 67, 118, 0.15);
padding: 1px;
}
.about__section .image-2:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 10px solid #fff;
border-radius: 50%;
z-index: 9;
}
.about__section .image-2 img {
position: relative;
border-radius: 50%;
}
@media only screen and (min-width:1200px) {
.about__section .image__block {
margin-left: -55px;
}
.about__section .content__block {
margin-left: 40px;
}
}
.about__section .content__block .text {
position: relative;
margin-bottom: 35px;
color: #808080;
line-height: 30px;
}
.about__section .content__block ul.list {
position: relative;
margin-bottom: 35px;
}
.about__section .content__block ul.list li {
font-size: 16px;
color: #808080;
}
.about__section .content__block .list li:before {
position: relative;
content: "\e905";
font-family: 'icomoon';
font-size: 16px;
color: var(--theme-color-two);
margin-right: 10px;
}
.mb-40 {
margin-bottom: 40px !important;
}
.theme-btn.style-three {
background: var(--theme-color-one);
padding: 17px 50px;
border-radius: 30px;
overflow: hidden;
box-shadow: 0px 15px 40px 0px rgb(24 67 118 / 20%);
vertical-align: middle;
border: none;
transition: .5s;
} .services__section {
position: relative;
padding: 140px 0 110px;
}
.services__section .shape-1 {
position: absolute;
top: 95px;
left: 16%;
}
.services__section .shape-2 {
position: absolute;
right: 34px;
bottom: 240px;
}
.services__section .shape-3 {
position: absolute;
top: -55%;
right: 0;
}
.services__section .service__block {
position: relative;
}
.services__section .service__block .inner-box {
position: relative;
margin-bottom: 55px;
text-align: center;
}
.services__section .service__block .image {
position: relative;
}
.services__section .service__block .image img {
border-radius: 50%;
}
.services__section .service__block .content {
position: relative;
text-align: center;
margin-top: -175px;
min-height: 270px;
padding-top: 80px;
right: -60px;
}
.services__section .service__block .shape-4 {
position: absolute;
top: -24px;
left: 0;
right: 0;
}
.services__section .service__block .icon {
position: relative;
color: var(--theme-color-one);
font-size: 55px;
margin-bottom: 25px;
}
.services__section .service__block h4 {
position: relative;
font-size: 22px;
font-weight: 700;
color: #172746;
} .why_chooseus {
position: relative;
background: #ecf9fa;
padding: 115px 0;
}
.why_chooseus .sec__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
background-size: cover;
background-position: left center;
}
.why_chooseus .shape-1 {
position: absolute;
top: 0;
left: 0;
}
.why_chooseus .content {
position: relative;
background: #fff;
box-shadow: 0px 20px 60px 0px rgba(24, 67, 118, 0.1);
border-radius: 80px;
padding: 75px;
padding-bottom: 40px;
}
.whychoose__block {
position: relative;
}
.whychoose__block .inner-box {
position: relative;
margin-bottom: 30px;
padding-left: 120px;
}
.whychoose__block .shape-2 {
position: absolute;
top: 5px;
left: 0;
transition: .5s;
}
.whychoose__block .inner-box:hover .shape-2 {
transform: rotateY(-180deg);
}
.whychoose__block .icon {
position: absolute;
top: 32px;
left: 30px;
font-size: 40px;
color: var(--theme-color-one);
}
section.why_chooseus.style-two {
overflow: hidden;
}
.whychoose__block h4 {
position: relative;
font-size: 22px;
font-weight: 700;
margin-bottom: 12px;
color: #172746;
}
.whychoose__block .text {
position: relative;
color: #808080;
line-height: 30px;
} .cta__section {
position: relative;
padding: 70px 0 40px;
background: var(--theme-color-one);
}
.cta__section:before {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-11.png);
}
.cta__section h2 {
position: relative;
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 40px;
margin-bottom: 30px;
}
.cta__section .link-btn {
margin-bottom: 30px;
}
.cta__section .style-three {
vertical-align: middle;
background: #fff;
color: #172746 !important;
}
.cta__section .style-three i {
margin-right: 5px;
color: var(--theme-color-two);
font-size: 17px;
position: relative;
top: 2px;
}
.cta__section .style-three:hover {
color: #fff !important;
} .wodkingprocess__section {
position: relative;
padding: 140px 0 120px;
}
.workprocess__block {
position: relative;
}
.workprocess__block .inner-box {
position: relative;
margin: 0 auto;
margin-bottom: 30px;
text-align: center;
max-width: 315px;
}
.workprocess__block:nth-child(1) .inner-box {
margin-left: 0;
}
.workprocess__block:nth-child(3) .inner-box {
margin-right: 0;
}
.workprocess__block .count {
position: absolute;
top: 71px;
left: 50%;
transform: translateX(-50%);
font-size: 40px;
font-weight: 700;
color: var(--theme-color-one);
}
.workprocess__block .shape-1 {
position: relative;
margin-bottom: 30px;
transition: .5s;
}
.workprocess__block .inner-box:hover .shape-1 {
transform: rotateY(-180deg);
}
.workprocess__block h4 {
position: relative;
font-size: 22px;
font-weight: 700;
margin-bottom: 12px;
color: #172746;
}
.workprocess__block .text {
position: relative;
color: #808080;
line-height: 30px;
}
@media only screen and (min-width:992px) {
.workprocess__block:before {
position: absolute;
content: '';
width: 171px;
height: 25px;
background-image: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-13.png);
top: 80px;
right: -70px;
}
.workprocess__block:nth-child(2):before {
background-image: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-17.png);
right: -95px;
}
.workprocess__block:last-child:before {
display: none;
}
.ml-lg-60 {
margin-left: 60px;
}
} .pricing__section {
position: relative;
padding: 150px 0 120px;
background-color: #E0F7F4;
}
.pricing__section .shape-1 {
position: absolute;
left: 7%;
bottom: 35%;
}
.pricing__section .shape-2 {
position: absolute;
bottom: 0;
left: 0;
}
.pricing__section .content__block {
position: relative;
margin-bottom: 30px;
}
.pricing__section .content__block .text {
position: relative;
margin-bottom: 50px;
color: #808080;
}
.pricing__section .pricing-tabs .tab-btns{
position:relative;
display:inline-block;
border-radius:26px;
overflow:hidden;
box-shadow: 0px 10px 30px 0px rgba(24, 67, 118, 0.06);
}
.pricing__section .pricing-tabs .tab-btns .tab-btn{
position:relative;
float:left;
font-size: 16px;
color: #222;
min-width:140px;
font-weight: 600;
text-transform: uppercase;
line-height:30px;
padding: 16px 40px;
cursor:pointer;
background: #fff;
}
.pricing__section .pricing-tabs .tab-btns .tab-btn:first-child{
border-radius: 31px 0px 0px 31px;
}
.pricing__section .pricing-tabs .tab-btns .tab-btn:last-child{
border-left:none;
border-radius: 0px 31px 31px 0px;
}
.pricing__section .pricing-tabs .tab-btns .active-btn{
background: var(--theme-color-one);
color:#ffffff;
}
.pricing__section .pricing-tabs .pr-content{
position:relative;
}
.pricing__section .pr-content .pr-tab{
position:absolute;
left: 0;
right: 0;
top: 0;
z-index:1;
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
-webkit-transform: scale(0.9,0.9);
transform: scale(0.9,0.9) translateY(0px);
opacity: 0;
visibility: hidden;
}
.pricing__section .pr-content .pr-tab.active-tab{
position:relative;
z-index:5;
transform: scale(1);
opacity: 1;
visibility: visible;
}
.pricing__section .pricing__block {
position: relative;
}
.pricing__section .pricing__block:before {
position: absolute;
right: 18px;
bottom: 32px;
left: 16px;
top: 1px;
content: '';
background-image: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-16.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.pricing__section .pricing__block .inner-box {
position: relative;
box-shadow: 0px 20px 40px 0px rgba(37, 59, 112, 0.1);
margin-bottom: 30px;
padding: 60px 40px;
border-radius: 40px 40px 250px 40px;
background: #fff;
}
.pricing__section .pricing__block:after {
position: absolute;
left: 70px;
top: -10px;
content: '';
height: 100px;
width: 150px;
border-radius: 20px;
background: var(--theme-color-two);
z-index: -1;
}
.pricing__section .pricing__block .price {
position: relative;
font-size: 22px;
font-weight: 600;
margin-bottom: 20px;
color: var(--theme-color-one);
}
.pricing__section .pricing__block .price sub {
color: #808080;
font-size: 65%;
bottom: 0;
}
.pricing__section .pricing__block h4 {
position: relative;
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e8e9eb;
color: #061a3a;
}
.pricing__section .pricing__block h4:before {
position: absolute;
content: '';
top: -20px;
left: 150px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #e8f9f3;
z-index: -1;
transition: .5s;
}
.pricing__section .pricing__block .inner-box:hover h4:before {
transform: scale(1.5);
}
.pricing__section .pricing__block .content {
position: relative;
margin-bottom: 30px;
}
.pricing__section .pricing__block ul li {
font-size: 16px;
color: #0c1529;
margin-bottom: 16px;
padding-left: 40px;
position: relative;
}
.pricing__section .pricing__block ul li:before {
font-family: 'icomoon';
content: "\e90c";
position: absolute;
left: 0;
top: 8px;
display: block;
font-size: 11px;
z-index: 5;
font-weight: 400;
color: #fff;
width: 20px;
height: 20px;
line-height: 22px;
text-align: center;
border-radius: 50%;
background: var(--theme-color-two);
}
.pricing__section .pricing__block ul li.unavailable:before {
content: '';
background-color: transparent;
border: 1px solid #e3e3e3;
}
.pricing__section .pricing__block ul li.unavailable {
color: #808080;
}
.pricing__section .pricing__block .offer {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
color: #fff;
font-weight: 700;
line-height: 30px;
z-index: 1;
overflow: hidden;
width: 80px;
height: 90px;
border-radius: 0 40px;
}
.pricing__section .pricing__block:after {
position: absolute;
left: 10px;
top: 40px;
content: '';
height: 100px;
width: 150px;
border-radius: 20px;
background: var(--theme-color-two);
z-index: -1;
}
.pricing__section .pricing__block .offer:after {
position: absolute;
content: '';
bottom: 10px;
left: 0;
width: 160px;
height: 160px;
background: #FA4949;
z-index: -1;
border-radius: 50%;
}
.pricing__section .pricing__block .offer span {
position: relative;
display: inline-block;
top: 20px;
right: -23px;
transform: rotate(45deg);
} .testimonials__section {
position: relative;
padding: 140px 0 120px;
background-position: center bottom;
background-repeat: no-repeat;
}
.testimonials__section .shape-1 {
position: absolute;
left: 7%;
top: 30%;
}
.testimonials__section .shape-2 {
position: absolute;
right: 7%;
top: 30%;
}
.testimonials__section .testimonial__block .inner-box {
position: relative;
text-align: center;
background: #fff;
box-shadow: 0px 10px 60px 0px rgba(26, 46, 85, 0.15);
max-width: 870px;
margin: 75px auto 30px;
border-radius: 50px;
padding: 0 30px 40px;
}
.testimonials__section .testimonial__block .image {
position: relative;
margin-bottom: -30px;
display: inline-block;
vertical-align: middle;
padding: 15px;
background: #fff;
box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.2);
border-radius: 50%;
transform: translateY(-50%);
}
.testimonials__section .testimonial__block .image img {
border-radius: 50%;
width: auto;
margin: 0 auto;
}
.testimonials__section .testimonial__block .text {
position: relative;
font-size: 20px;
line-height: 34px;
margin: 0 auto;
margin-bottom: 20px;
color: #172746;
}
.testimonials__section .testimonial__block .author-info {
position: relative;
}
.testimonials__section .testimonial__block .author-info h4 {
position: relative;
font-size: 20px;
font-weight: 700;
margin-bottom: 5px;
color: #172746;
}
.testimonials__section .testimonial__block .author-info .designation {
position: relative;
font-size: 16px;
color: #808080;
}
.testimonials__section .owl-dots {
display: none;
}
.testimonials__section .owl-theme .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
max-width: 945px;
margin: 0 auto;
width: 100%;
display: block;
}
.testimonials__section .owl-theme .owl-nav .owl-prev {
position: absolute;
left: 0;
top: 5px;
height: 30px;
width: 40px;
border-radius: 50%;
border: none;
text-align: center;
color: rgba(0, 0, 0, 0);
font-size: 0px;
opacity: 1;
margin-top: -15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
.testimonials__section .owl-theme .owl-nav .owl-prev:after {
font-family: "icomoon";
content: "\e904";
position: absolute;
top: 0;
width: 70px;
height: 70px;
line-height: 70px;
left: 0;
color: #808080;
font-size: 20px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.15);
border-radius: 50%;
background: #fff;
}
.testimonials__section .owl-theme .owl-nav .owl-prev:hover:after {
left: 0;
margin-left: 0;
}
.testimonials__section .owl-theme .owl-nav .owl-next {
position: absolute;
right: 0;
top: 5px;
height: 30px;
width: 40px;
border: none;
text-align: center;
font-size: 0px;
opacity: 1;
margin-top: -15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
.testimonials__section .owl-theme .owl-nav .owl-next:after {
font-family: "icomoon";
content: "\e904";
position: absolute;
top: 0;
width: 70px;
height: 70px;
line-height: 70px;
right: 0;
color: #808080;
font-size: 20px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.15);
background: #fff;
border-radius: 50%;
}
.testimonials__section .owl-theme .owl-nav .owl-next:hover:after {
right: 0;
margin-right: 0;
}
.testimonials__section .owl-theme .owl-nav .owl-prev:hover:after,
.testimonials__section .owl-theme .owl-nav .owl-next:hover:after {
opacity: 1;
color: #fff;
background-color: var(--theme-color-one);
}
.testimonials__section .owl-stage-outer {
overflow: visible;
}
.testimonials__section .owl-item {
opacity: 0;
transition: .5s;
}
.testimonials__section .owl-item.active {
opacity: 1;
} .funfact-section.style-two {
position: relative;
background: var(--theme-color-one);
padding: 64px 0 30px;
}
.funfact-section.style-two:before {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-11.png);
}
.funfact-section.style-two .counter-block-one .inner-box {
padding: 52px 0;
margin-bottom: 30px;
text-align: center;
}
.funfact-section.style-two .counter-block-one .inner-box:before {
width: 260px;
height: 260px;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
background: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-21.png);
}
.funfact-section.style-two .counter-block:last-child .counter-block-one .inner-box:before{
display: block;
}
.funfact-section.style-two .counter-block-one .icon {
position: relative;
color: #fff;
font-size: 40px;
margin-bottom: 20px;
}
.funfact-section.style-two .counter-block-one .inner-box .count-outer {
font-size: 50px;
font-weight: 600;
margin-bottom: 10px;
}
.funfact-section.style-two .counter-block-one .inner-box p {
font-size: 18px;
line-height: 26px;
color: #fff;
font-weight: 700;
}
.funfact-section.style-two .shape-1 {
position: absolute;
left: 0;
bottom: 0;
}
.funfact-section.style-two .shape-2 {
position: absolute;
right: 0;
top: 0;
} .team__section {
position: relative;
padding: 140px 0 120px;
background-color: #E0F7F4;
}
.team__section .shape-1 {
position: absolute;
top: 0;
right: 0;
}
.team__section .shape-2 {
position: absolute;
bottom: -150px;
left: 135px;
z-index: 9;
}
.team__section .team__block {
position: relative;
}
.team__section .team__block .inner-box {
position: relative;
margin-bottom: 30px;
text-align: center;
}
.team__section .team__block .image {
position: relative;
overflow: hidden;
border-radius: 50%;
margin-bottom: 30px;
display: inline-block;
vertical-align: middle;
}
.team__section .team__block .image:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0; opacity: .3;
z-index: 1;
transition: .7s;
transform: scaleY(0);
}
.team__section .team__block .inner-box:hover .image:before {
transform: scaleY(1);
}
.team__section .team__block .image img {
position: relative;
border-radius: 50%;
}
.team__section .team__block .content-bottom {
position: relative;
text-align: center;
}
.team__section .team__block h4 {
position: relative;
font-size: 22px;
font-weight: 700;
margin-bottom: 5px;
color: #172746;
}
.team__section .team__block .designation {
position: relative;
color: #808080;
line-height: 30px;
}
.team__section .team__block .image img {
position: relative;
border-radius: 50%;
}
.team__section .team__block .social-links {
position: absolute;
left: 0;
right: 0;
bottom: 50px;
text-align: center;
opacity: 0;
transition: .5s;
z-index: 2;
}
.team__section .team__block .inner-box:hover .social-links {
opacity: 1;
}
.team__section .team__block .social-links li {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 2px;
}
.team__section .team__block .social-links li a {
position: relative;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 50%;
transition: .5s;
color: #fff;
display: inline-block;
background-color: rgba(255, 255, 255, 0.2);
transition: .5s;
}
.team__section .team__block .social-links li a:hover {
background-color: #fff;
color: var(--theme-color-one);
}
.team__section .team__block .social-links:before {
position: absolute;
content: '';
width: 320px;
height: 320px;
background: var(--theme-color-one);
opacity: 0.9;
margin: 0 auto;
border-radius: 130px;
transform: rotate(-38deg);
left: 0;
top: -45px;
} .news__section {
position: relative;
padding: 140px 0 120px;
}
.news__section .owl-stage-outer {
overflow: visible;
}
.news__section .owl-item {
opacity: 0;
transition: .5s;
}
.news__section .owl-item.active {
opacity: 1;
}
.news__section .owl-dots {
display: none;
}
.news__section .owl-theme .owl-nav {
position: absolute;
top: -120px;
right: 0;
max-width: 150px;
margin: 0 auto;
display: block;
width: 100%;
}
.news__section .owl-theme .owl-nav .owl-prev {
position: absolute;
left: 0;
top: 5px;
height: 30px;
width: 40px;
border-radius: 50%;
border: none;
text-align: center;
color: rgba(0, 0, 0, 0);
font-size: 0px;
opacity: 1;
margin-top: -15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
.news__section .owl-theme .owl-nav .owl-prev:after {
font-family: "icomoon";
content: "\e904";
position: absolute;
top: 0;
width: 70px;
height: 70px;
line-height: 68px;
left: 0;
color: #000;
font-size: 20px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border-radius: 50%;
background: #fff;
border: 1px solid #e0dede;
}
.news__section .owl-theme .owl-nav .owl-prev:hover:after {
left: 0;
margin-left: 0;
}
.news__section .owl-theme .owl-nav .owl-next {
position: absolute;
right: 0;
top: 5px;
height: 30px;
width: 40px;
border: none;
text-align: center;
font-size: 0px;
opacity: 1;
margin-top: -15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
.news__section .owl-theme .owl-nav .owl-next:after {
font-family: "icomoon";
content: "\e904";
position: absolute;
top: 0;
width: 70px;
height: 70px;
line-height: 68px;
right: 0;
color: #222;
font-size: 20px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background: #fff;
border-radius: 50%;
border: 1px solid #e0dede;
}
.news__section .owl-theme .owl-nav .owl-next:hover:after {
right: 0;
margin-right: 0;
}
.news__section .owl-theme .owl-nav .owl-prev:hover:after,
.news__section .owl-theme .owl-nav .owl-next:hover:after {
opacity: 1;
color: #fff;
background-color: var(--theme-color-one);
border-color: var(--theme-color-one);
}
@media only screen and (max-width:600px) {
.news__section .owl-theme .owl-nav {
display: none;
}
}
.news__section .news__block {
position: relative;
}
.news__section .news__block:before {
position: absolute;
right: 5px;
bottom: 5px;
left: 16px;
top: 1px;
content: '';
background-image: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-16.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.news__section .news__block .inner-box {
position: relative;
box-shadow: 0px 20px 40px 0px rgba(37, 59, 112, 0.1);
margin-bottom: 30px;
border-radius: 40px 40px 250px 40px;
background: #fff;
}
.news__section .news__block .date {
position: absolute;
top: 0;
right: 0;
font-size: 17px;
color: #fff;
font-weight: 700;
line-height: 30px;
z-index: 9;
overflow: hidden;
width: 90px;
height: 90px;
border-radius: 0 40px;
}
.news__section .news__block .date:after {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 160px;
height: 160px;
background: #FA4949;
z-index: -1;
border-radius: 50%;
}
.news__section .news__block .date span {
position: relative;
display: inline-block;
top: 25px;
right: -20px;
transform: rotate(45deg);
}
.news__section .news__block .image {
position: relative;
overflow: hidden;
border-radius: 40px 40px 0 0;
}
.news__section .news__block .image:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #071735;
opacity: .3;
z-index: 1;
transition: .7s;
transform: scaleY(0);
}
.news__section .news__block .inner-box:hover .image:before {
transform: scaleY(1);
}
.news__section .news__block .image img {
border-radius: 40px 40px 0 0;
}
.news__section .news__block .lower-content {
position: relative;
padding: 40px;
}
.news__section .news__block h4 {
position: relative;
font-size: 22px;
font-weight: 700;
margin-bottom: 12px;
color: #172746;
}
.news__section .news__block h4 a {
color: #172746;
transition: .5s;
}
.news__section .news__block h4 a:hover {
color: var(--theme-color-one);
}
.news__section .news__block .text {
position: relative;
color: #808080;
line-height: 30px;
margin-bottom: 30px;
}
.news__section .news__block .post-meta {
position: relative;
display: flex;
flex-wrap: wrap;
color: #808080;
margin-bottom: 10px;
}
.news__section .news__block .post-meta .author {
position: relative;
font-weight: 600;
font-size: 16px;
color: #0c1529;
margin-right: 25px;
}
.news__section .news__block .post-meta .author:before {
position: absolute;
content: '';
top: 9px;
right: -13px;
width: 1px;
height: 18px;
background-color: #e5e7ec;
}
.news__section .news__block h4 {
line-height: 30px;
} section.banner-section.style-four {
background: #143A69;
}
section.banner-section.style-four .image-1 {
position: absolute;
top: 0;
left: 0;
}
section.banner-section.style-four .image-2 {
position: absolute;
left: 0;
bottom: 0;
}
.banner-section.style-four .banner-carousel .slide-item:before{
opacity: 0;
}
.banner-section.style-four .shape-1 {
position: absolute;
width: calc(50% - 120px);
top: 0;
left: 0;
bottom: 0;
}
.banner-section.style-four .shape-1:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-4.png);
}
.banner-section.style-four .banner-carousel .active .slide-item .image-layer {
transform: scale(1);
background-position: left center;
}
.banner-section.style-four .banner-carousel .slide-item .image-layer {
left: auto;
width: calc(50% + 120px);
right: 0;
background-position: left center;
}
.banner-section.style-four .banner-carousel .content-box{
max-width: 100%;
margin: 0 auto;
}
.banner-section.style-four .banner-carousel .content-box h1{
line-height: 80px;
font-size: 70px;
color: #fff;
margin-bottom: 15px;
}
.banner-section.style-four .banner-carousel .content-box h1 span{
display: inline-block;
}
.banner-section.style-four .banner-carousel .content-box h4{
color: #fff;
font-size: 20px;
text-transform: capitalize;
border-bottom: 0;
font-weight: 400;
margin-bottom: 15px;
}
.banner-section.style-four .banner-carousel .content-box p{
position: relative;
display: block;
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 30px;
margin-bottom: 24px;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section.style-four .banner-carousel .active .content-box p{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1150ms;
-moz-transition-delay: 1150ms;
-ms-transition-delay: 1150ms;
-o-transition-delay: 1150ms;
transition-delay: 1150ms;
}  
.banner-section.style-four .banner-carousel .slide-item{
padding: 165px 0px;
}
.banner-section.style-four .banner-carousel .content-box .btn-box .theme-btn {
padding: 17px 50px;
vertical-align: middle;
}
.banner-section.style-four .banner-carousel .owl-nav .owl-prev {
top: calc(50% + 35px);
}
.banner-section.style-four .banner-carousel .owl-nav .owl-next {
top: calc(50% - 35px);
right: auto;
left: 100px;
}
.banner-section.style-four .banner-carousel .owl-nav .owl-prev, 
.banner-section.style-four .banner-carousel .owl-nav .owl-next {
background-color: transparent;
border: 2px solid #fff;
line-height: 56px;
font-size: 18px;
}
.banner-section.style-four .banner-carousel .owl-nav .owl-prev {
background-color: transparent;
border: 2px solid #fff;
line-height: 56px;
font-size: 18px;
position: absolute;
left: 100px;
top: 55%;
transform: translateY(-50%);
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 24px;
font-weight: 600;
color: #fff;
cursor: pointer;
border-radius: 50%;
opacity: 1;
clip-path: unset;
transition: all 500ms ease;
}
.banner-section.style-four .banner-carousel .owl-nav .owl-next {
position: absolute;
right: 100px;
top: 45%;
transform: translateY(-50%);
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 24px;
font-weight: 600;
color: #fff;
cursor: pointer;
border-radius: 50%;
opacity: 1;
clip-path: unset;
transition: all 500ms ease;
}
.banner-section.style-four .banner-carousel .owl-nav .owl-prev:hover, 
.banner-section.style-four .banner-carousel .owl-nav .owl-next:hover {
background-color: var(--theme-color-one);
border-color: var(--theme-color-one);
}
.banner-section.style-four .banner-carousel .content-box h4 {
position: relative;
display: inline-block;
line-height: 20px;
letter-spacing: 2px;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
color: #fff;
font-size: 20px;
text-transform: capitalize;
border-bottom: 0;
font-weight: 400;
margin-bottom: 15px;
}
.banner-section.style-four .banner-carousel .active .content-box h4{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-section.style-four .banner-carousel .content-box h1{
position: relative;
display: block;
font-size: 100px;
line-height: 90px;
font-weight: 800;
margin-bottom: 45px;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section.style-four .banner-carousel .active .content-box h1{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-section.style-four .banner-carousel .content-box .btn-box{
position: relative;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section.style-four .banner-carousel .active .content-box .btn-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1300ms;
-moz-transition-delay: 1300ms;
-ms-transition-delay: 1300ms;
-o-transition-delay: 1300ms;
transition-delay: 1300ms;
} section.services__section2 {
position: relative;
padding: 140px 0 120px;
}
.services__section2 .shape-1 {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 600px;
background-size: cover;
background-position: center bottom;
}
section.services__section2 .wrapper__box {
position: relative;
}
section.services__section2 .shape-3 {
position: absolute;
left: -40px;
bottom: -18px;
}
section.services__section2 .shape-4 {
position: absolute;
right: -45px;
top: 65px;
}
.services__section2 .service__block2 {
position: relative;
}
.services__section2 .service__block2:before {
position: absolute;
right: 18px;
bottom: 32px;
left: 16px;
top: 1px;
content: '';
background-image: url(//higieniza.pt/wp-content/themes/povash/assets/images-2/shape-16.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.services__section2 .service__block2 .inner-box {
position: relative;
box-shadow: 0px 20px 40px 0px rgba(37, 59, 112, 0.1);
margin-bottom: 30px;
padding: 50px;
border-radius: 40px 40px 250px 40px;
background: #fff;
}
.services__section2 .service__block2 .icon__box {
position: relative;
margin-bottom: 25px;
}
.services__section2 .service__block2 .shape-2 {
position: relative;
transition: .5s;
display: inline-block;
}
.services__section2 .service__block2 .inner-box:hover .shape-2 {
transform: rotateY(-180deg);
}
.services__section2 .service__block2 .icon {
position: absolute;
top: 38px;
left: 38px;
font-size: 40px;
color: var(--theme-color-one);
}
.services__section2 .service__block2 h6 {
position: relative;
font-size: 22px;
font-weight: 700;
margin-bottom: 16px;
color: #172746;
}
.services__section2 .service__block2 h6 a {
color: #172746;
transition: .5s;
}
.services__section2 .service__block2 h6 a:hover {
color: var(--theme-color-one);
}
.services__section2 .service__block2 .text {
position: relative;
color: #808080;
line-height: 30px;
} .about__section2 {
position: relative;
padding: 130px 0 0;
}
.about__section2 .image__block {
position: relative;
}
.about__section2 .shape-1 {
position: absolute;
top: 74px;
right: -100px;
}
.about__section2 .shape-2 {
position: absolute;
left: 0;
top: 170px;
width: 320px;
height: 320px;
background: #e6f4f5;
border-radius: 50%;
}
.about__section2 .shape-3 {
position: absolute;
top: 25%;
right: -7%;
}
.about__section2 .image-1 {
position: relative;
}
@media only screen and (min-width:1200px) {
.about__section2 .image__block .image-1 {
margin-right: -225px;
margin-right: -97px;
}
.about__section2 .content__block {
margin-right: 50px;
margin-bottom: 120px;
margin-top: 32px;
}
}
.about__section2 .content__block .text {
position: relative;
margin-bottom: 35px;
color: #808080;
line-height: 30px;
}
.about__section2 .content__block ul.list {
position: relative;
margin-bottom: 35px;
}
.about__section2 .content__block ul.list li {
font-size: 16px;
color: #808080;
}
.about__section2 .content__block .list li:before {
position: relative;
content: "\e905";
font-family: 'icomoon';
font-size: 16px;
color: var(--theme-color-two);
margin-right: 10px;
}
.about__section2 .tabs-box .tabs-content{
position:relative;
}
.about__section2 .tabs-content .tab{
position:absolute;
left: 0;
right: 0;
top: 0;
z-index:1;
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
-webkit-transform: scale(0.9,0.9);
transform: scale(0.9,0.9) translateY(0px);
opacity: 0;
visibility: hidden;
}
.about__section2 .tabs-content .tab.active-tab{
position:relative;
z-index:5;
transform: scale(1);
opacity: 1;
visibility: visible;
}
.about__section2 .content__block .tabs-box {
position: relative;
}
.about__section2 .content__block ul.tab-btns {
position: relative;
display: flex;
flex-wrap: wrap;
}
.about__section2 .content__block ul.tab-btns li.tab-btn {
margin-right: 25px;
color: #808080;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 600;
border-bottom: 2px solid transparent;
cursor: pointer;
transition: .5s;
}
.about__section2 .content__block ul.tab-btns li.tab-btn.active-btn {
border-color: var(--theme-color-one);
color: var(--theme-color-one);
} section.why_chooseus.style-two .auto-container {
max-width: 100%;
}
section.why_chooseus.style-two {
background: var(--theme-color-one);
}
section.why_chooseus.style-two .content {
box-shadow: none;
background: transparent;
padding-top: 32px;
padding-bottom: 0;
}
section.why_chooseus.style-two .sec__title .sub__title {
color: #fff;
}
section.why_chooseus.style-two .sec__title h2 {
color: #fff;
}
section.why_chooseus.style-two .whychoose__block .icon {
color: #fff;
}
section.why_chooseus.style-two .whychoose__block h6 {
color: #fff;
}
section.why_chooseus.style-two .whychoose__block .text {
color: #fff;
} .team__section.style-two {
background: transparent;
}
.team__section.style-two .shape-2 {
left: auto;
right: 100px;
bottom: auto;
top: 150px;
} .services__section3 {
position: relative;
padding: 140px 0 110px;
background-color: #E0F7F4;
}
.services__section3 .shape-1 {
position: absolute;
top: 22%;
left: 14%;
}
.services__section3 .shape-2 {
position: absolute;
top: 0;
right: 0;
}
.service__block3 {
position: relative;
}
.service__block3 .inner-box {
position: relative;
margin-bottom: 55px;
text-align: center;
background: #fff;
border-radius: 170px 40px 170px 40px;
padding: 70px 15px;
}
.service__block3 .image {
position: relative;
}
.service__block3 .image img {
border-radius: 50%;
}
.service__block3 .content {
position: relative;
text-align: center;
padding-top: 40px;
max-width: 340px;
margin: 0 auto;
}
.service__block3 .shape-3 {
position: absolute;
top: -140px;
right: 0;
display: inline-block;
transition: .5s;
}
.service__block3 .inner-box:hover .shape-3 {
transform: rotateY(-180deg);
}
.service__block3 .icon {
position: absolute;
color: var(--theme-color-one);
font-size: 55px;
margin-bottom: 25px;
top: -79px;
right: 74px;
}
.service__block3 h6 {
position: relative;
font-size: 22px;
font-weight: 700;
color: #172746;
margin-bottom: 20px;
}
.service__block3 .text {
position: relative;
font-size: 16px;
color: #808080;
margin-bottom: 20px;
line-height: 30px;
} section.contactform__section {
position: relative;
background: #143A69;
}
section.contactform__section .shape-1 {
position: absolute;
right: 0;
bottom: 0%;
}
section.contactform__section .sec__title .sub__title {
color: #fff;
}
section.contactform__section .sec__title h2 {
color: #fff;
}
section.contactform__section form.contact__form {
position: relative;
}
section.contactform__section .contact__form .row {
margin: 0 -10px;
}
section.contactform__section .contact__form .form-group {
padding: 0 10px;
}
section.contactform__section .contact__form input {
position: relative;
background: #fff;
width: 100%;
height: 60px;
padding: 0 30px;
border-radius: 30px;
}
section.contactform__section .contact__form .form-group {
margin-bottom: 20px;
}
section.contactform__section .image {
position: relative;
margin-right: -254px;
margin-top: -80px;
}
section.contactform__section .content__block {
position: relative;
padding: 120px 0;
}
.project__details__page.one {
padding-bottom: 0;
}
.project__details__page.two {
padding-top: 0;
}
.project__details__page.three {
padding-top: 0;
} .faq__page {
position: relative;
padding: 120px 0 90px;
}
.faq__page .tabs-box .tabs-content{
position:relative;
margin-bottom: 40px;
}
.faq__page .tabs-content .tab{
position:absolute;
left: 0;
right: 0;
top: 0;
z-index:1;
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
-webkit-transform: scale(0.9,0.9);
transform: scale(0.9,0.9) translateY(0px);
opacity: 0;
visibility: hidden;
}
.faq__page .tabs-content .tab.active-tab{
position:relative;
z-index:5;
transform: scale(1);
opacity: 1;
visibility: visible;
}
.faq__page .tabs-box {
position: relative;
}
.faq__page ul.tab-btns {
position: relative;
display: flex;
flex-wrap: wrap;
border: 1px solid #e5eded;
border-radius: 10px;
padding: 20px 0;
margin-bottom: 30px;
}
.faq__page ul.tab-btns li.tab-btn {
color: #00224f;
margin-bottom: 20px;
text-transform: capitalize;
font-weight: 600;
cursor: pointer;
transition: .5s;
padding: 13px 28px;
width: 100%;
font-size: 17px;
margin: 0;
position: relative;
}
.faq__page ul.tab-btns li.tab-btn.active-btn {
color: #fff;
}
.faq__page ul.tab-btns li.tab-btn i {
position: absolute;
right: 30px;
top: 20px;
}
.faq__page ul.tab-btns li.tab-btn:before {
position: absolute;
content: '';
top: 0;
left: -1px;
bottom: 0;
right: -1px;
background: var(--theme-color-one);
z-index: -1;
opacity: 0;
transition: .5s;
}
.faq__page ul.tab-btns li.active-btn.tab-btn:before {
opacity: 1;
}
.faq__page ul.tab-btns li.tab-btn:after {
position: absolute;
content: '';
left: 28px;
right: 28px;
bottom: 0;
height: 1px;
background: #e5eded;
transition: .5s;
}
.faq__page ul.tab-btns li.active-btn.tab-btn:after {
background: var(--theme-color-one);
}
.faq__page ul.tab-btns li:last-child.tab-btn:after {
opacity: 0;
}
.faq__page .tabs-box .tabs-content h3 {
position: relative;
font-size: 20px;
background: #ecf9fa;
display: inline-block;
margin-bottom: 50px;
color: var(--theme-color-one);
padding: 18px 30px;
font-weight: 700;
text-transform: uppercase;
border-radius: 10px;
}
.faq__page .accordion-box .block {
border: 0;
margin-bottom: 56px;
}
.faq__page .accordion-box .block.active-block {
box-shadow: none;
border: none;
margin-bottom: 0;
}
.faq__page .accordion-box .block .acc-btn {
font-size: 20px;
font-weight: 700;
color: #061a3a;
padding: 0;
padding-left: 90px;
}
.faq__page .accordion-box .block .acc-btn .icon-outer {
right: auto;
left: 0;
width: 60px;
height: 60px;
text-align: center;
line-height: 56px;
border: 2px solid #ddd;
border-radius: 50%;
top: -7px;
font-size: 21px;
}
.faq__page .accordion-box .block .acc-content {
padding-left: 90px;
}
.faq__page .accordion-box .block .acc-btn .icon-outer span:before {
content: "\f107";
font-size: 20px;
font-weight: 700;
color: #061a3a;
}
.faq__page .accordion-box .block .acc-btn.active .icon-outer span:before {
content: "\f106";
color: var(--theme-color-one);
}
.faq__page .accordion-box .block .acc-btn.active .icon-outer {
border-color: var(--theme-color-one);
}
.faq__page .accordion-box .block .acc-btn .icon-outer {
background: transparent;
}
.faq__page .accordion-box .block {
padding: 0px 0px 0px 0px;
}
.faq__page .accordion-box .block .acc-content {
padding-bottom: 40px;
} .pricing-calculator {
position: relative;
padding: 120px 0;
}
.pricing-calculator form {
position: relative;
box-shadow: 0px 10px 60px 0px rgba(26, 46, 85, 0.1);
padding: 70px;
border-radius: 20px;
}
.pricing-calculator p {
position: relative;
font-size: 16px;
color: #0c1529;
font-weight: 600;
margin-bottom: 5px;
}
.pricing-calculator select {
position: relative;
width: 100%;
height: 60px;
border: 1px solid #eee;
padding: 0 20px;
}
.pricing-calculator .bottom-content {
position: relative;
padding: 19px 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border: 1px solid #eee;
border-radius: 5px;
margin-top: 30px;
}
.pricing-calculator .bottom-content .price {
font-size: 22px;
font-weight: 600;
color: #0c1529;
}
.pricing-calculator .bottom-content .price span {
font-weight: 700;
color: var(--theme-color-one);
}
.pricing-calculator .select-box {
position: relative;
margin-bottom: 30px;
}
.pricing-calculator .select-box li {
position: relative;
font-size: 16px;
color: #0c1529;
margin-bottom: 0;
}
.pricing-calculator .select-box.style-two {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pricing-calculator .select-box.style-two li {
margin-right: 20px;
}
.pricing-calculator .select-box .single-checkbox {
position: relative;
display: block;
}
.pricing-calculator .select-box label {
position: relative;
display: block;
padding-left: 30px;
margin-right: 0px;
margin-bottom: 0;
font-size: 16px;
line-height: 30px;
font-weight: 500;
cursor: pointer;
}
.pricing-calculator .select-box input[type="radio"] {
display: none;
}
.pricing-calculator .select-box input[type="radio"]+label span {
position: absolute;
top: 8px;
left: 0;
width: 18px;
height: 18px;
vertical-align: middle;
background-color: transparent;
border: 1px solid #ddd;
border-radius: 50%;
cursor: pointer;
transition: all 300ms ease;
}
.pricing-calculator .select-box label span:before {
position: absolute;
content: "\f00c";
right: -1px;
left: -1px;
bottom: -1px;
top: -1px;
border-radius: 50%;
opacity: 0;
transform: scale(0, 0);
transition: all 500ms ease;
background-color: var(--thm-color-two);
font-family: 'Font Awesome 5 Free';
font-weight: 900 !important;
text-align: center;
line-height: 18px;
color: #fff;
font-weight: 300;
font-size: 8px;
}
.pricing-calculator .select-box input[type="radio"]:checked+label span:before {
opacity: 1;
transform: scale(1, 1);
background: var(--theme-color-one);
}
.pricing-calculator .box {
position: relative;
width: 100%;
margin-bottom: 30px;
}
.pricing-calculator .box:before {
position: absolute;
content: "\f107";
right: 1px;
top: 1px;
border-radius: 50%;
transition: all 500ms ease;
background-color: #fff;
font-family: 'Font Awesome 5 Free';
font-weight: 600 !important;
text-align: center;
line-height: 58px;
color: #0c1529;
font-weight: 300;
font-size: 24px;
height: 58px;
width: 41px;
z-index: 9;
pointer-events: none;
} .range-slider {
margin: 0 0 28px;
}
.range-slider {
width: 100%;
}
.range-slider__range {
-webkit-appearance: none;
width: calc(100% - (50px));
height: 3px;
border-radius: 5px;
background: #d7dcdf;
outline: none;
padding: 0;
margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #2c3e50;
cursor: pointer;
-webkit-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
background: var(--theme-color-one);
}
.range-slider__range:active::-webkit-slider-thumb {
background: var(--theme-color-one);
}
.range-slider__range::-moz-range-thumb {
width: 20px;
height: 20px;
border: 0;
border-radius: 50%;
background: #2c3e50;
cursor: pointer;
-moz-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
background: var(--theme-color-one);
}
.range-slider__range:active::-moz-range-thumb {
background: var(--theme-color-one);
}
.range-slider__range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--theme-color-one);
}
.range-slider__value {
display: inline-block;
position: relative;
width: 35px;
color: #fff;
line-height: 20px;
text-align: center;
border-radius: 3px;
background: var(--theme-color-one);
padding: 5px 3px;
margin-left: 10px;
top: 4px;
}
.range-slider__value:after {
position: absolute;
top: 8px;
left: -7px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 7px solid var(--theme-color-one);
border-bottom: 7px solid transparent;
content: "";
}
.pricing-calculator .column {
padding: 0 25px;
}
.pricing-calculator .row {
margin: 0 -25px;
}
@media only screen and (max-width:700px) {
.pricing-calculator .column {
padding: 0 25px;
}
.pricing-calculator .row {
margin: 0 -25px;
}
.pricing-calculator .bottom-content .price {
width: 100%;
margin-bottom: 15px;
}
.pricing-calculator .bottom-content {
padding: 30px;
}
.pricing-calculator form {
padding: 40px;
}
}
.pricing-calculator .nice-select {
border: 1px solid #eee !important;
background: transparent;
line-height: 60px;
position: relative;
width: 100%;
height: 60px;
padding: 0 20px;
margin-bottom: 30px;
}
.pricing-calculator p {
display: inline-block;
}
.testimonials__section {
background-size: cover;
}
.funfact-section.style-two.five.new {
overflow: hidden;
}
.funfact-section.style-two.five.new .shape-2 {
position: absolute;
right: 0;
top: -140px;
}
.funfact-section.style-two.five.new .shape-1 {
position: absolute;
left: 0;
bottom: -150px;
}
.new.team__section .team__block .image:before {
background: unset;
}
.team__section .team__block .image img {
border-radius: 25%;
}
.team__section .team__block .image {
border-radius: 25%;
}
.banner-section.style-four .shape-1 {
animation-name: banner-animate;
animation-duration: 70s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: banner-animate;
-webkit-animation-duration: 70s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: banner-animate;
-moz-animation-duration: 70s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: banner-animate;
-ms-animation-duration: 70s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: banner-animate;
-o-animation-duration: 70s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}