.mb-7{
margin-bottom: 5rem!important;
} .featured-item {
display: none;
}
.section-padding {
padding: 100px 0 50px;
}
.section-padding-top {
padding: 100px 0 0;
}
.section-title {
margin-bottom: 50px;
}
.section-title h2 {
margin-bottom: 20px;
display: inline-block;
}
.section-title h2 span:not(.customize-partial-edit-shortcut) {
width: 60px;
height: 3px;
float: right;
margin-top: 10px;
margin-left: 30px;
}
.owl-item {
float: left;
}
.owl-stage-outer {
overflow: hidden;
}
.owl-nav {
display: none;
}
.header-btn a.boxed-btn {
font-weight: 600;
letter-spacing: 1px;
} input[type="button"], input[type="reset"], input[type="submit"],
.wp-block-search__button,
.blog-post .read-more-link,
.blog-post .more-link,
.boxed-btn {
white-space: nowrap;
line-height: 1.5;
display: inline-block;
vertical-align: middle;
color: #fff !important;
border: 0;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
border-radius: 0 20px 0 20px;
padding: 10px 30px;
position: relative;
z-index: 0;
overflow: hidden;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.wp-block-search__button:hover,
.wp-block-search__button:focus,
.blog-post .read-more-link:hover,
.blog-post .read-more-link:focus,
.blog-post .more-link:hover,
.blog-post .more-link:focus,
.boxed-btn:focus,
.boxed-btn:hover {
color: #ffffff;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background-color: #111111;
}
.wp-block-search__button:before,
.blog-post .read-more-link:before,
.blog-post .more-link:before,
.boxed-btn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #333;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.wp-block-search__button:hover:before,
.wp-block-search__button:focus:before,
.blog-post .read-more-link:focus:before,
.blog-post .read-more-link:hover:before,
.blog-post .more-link:focus:before,
.blog-post .more-link:hover:before,
.boxed-btn:focus:before,
.boxed-btn:hover:before {
-webkit-transform: scale(2);
transform: scale(2);
}
.wp-block-search .wp-block-search__button {
border: 0 !important;
}
.boxed-btn i {
margin-left: 10px;
} @-webkit-keyframes loader {
0%,
10%,
100% {
width: 80px;
height: 80px;
}
65% {
width: 150px;
height: 150px;
}
}
@keyframes loader {
0%,
10%,
100% {
width: 80px;
height: 80px;
}
65% {
width: 150px;
height: 150px;
}
}
@-webkit-keyframes loaderBlock {
0%,
30% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
55% {
background-color: #fff;
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes loaderBlock {
0%,
30% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
55% {
background-color: #fff;
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@-webkit-keyframes loaderBlockInverse {
0%,
20% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
55% {
background-color: #fff;
}
100% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
@keyframes loaderBlockInverse {
0%,
20% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
55% {
background-color: #fff;
}
100% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
.loader {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
-webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-webkit-animation: loader 1.2s infinite ease-in-out;
animation: loader 1.2s infinite ease-in-out;
}
.loader span {
position: absolute;
display: block;
width: 40px;
height: 40px;
background-color: #fff;
-webkit-animation: loaderBlock 1.2s infinite ease-in-out both;
animation: loaderBlock 1.2s infinite ease-in-out both;
}
.loader span:nth-child(1) {
top: 0;
left: 0;
}
.loader span:nth-child(2) {
top: 0;
right: 0;
-webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader span:nth-child(3) {
bottom: 0;
left: 0;
-webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader span:nth-child(4) {
bottom: 0;
right: 0;
}
.preloader {
overflow: hidden;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999999999999999;
}  .header-above {
color: #ffffff;
}
.header-above a {
color: #fff;
}
.header-above i {
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
color: #111111;
text-align: center;
}
.header-above .trh-social li:not(:last-child) {
padding-right: 16px;
}
.header-above .header-info i {
margin-right: 10px;
}
.header-above li {
display: inline-block;
position: relative;
}
.header-info li {
padding-right: 28px;
margin-right: 15px;
position: relative;
}
.header-above ul.trh-social li:last-child:after {
visibility: hidden;
}
.header-above li:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 6px;
width: 1px;
height: 15px;
margin: auto 0;
background: #ffffff;
}
.header-info li:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.header-info li:last-child:after {
display: none;
}
.header-social li {
padding-right: 10px;
margin-right: 10px;
}
.header-social li:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.header-social li:last-child:after {
display: none;
}
.header-social li a {
color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.header-social li a:hover {
color: #eee;
}
.header-social li i {
margin-right: 0 !important;
}
.header-social a:hover i.fa-facebook-f {
color: #3B5999 !important;
}
.header-social a:hover i.fa-twitter {
color: #1da1f2 !important;
}
.header-social a:hover i.fa-linkedin-in {
color: #0077B5 !important;
}
.header-social a:hover i.fa-google-plus-g {
color: #DA4835 !important;
} .active-conceptly .header .menubar .menu-wrap > li > a {
line-height: 40px;
}
.theme-mobile-nav .header-cart-box-wrapper {
right: 0;
left: auto;
} .cart-title,
.cart-title:focus,
.cart-title:hover {
color: #111111;
}
.menu-right li.cart-icon {
margin-right: 0;
}
.menu-right li.search-button {
margin-left: 16px;
padding-left: 10px;
border-left: 1px solid #e6e6e6;
}
.menu-right .header-search-toggle {
width: 30px;
}
.menu-right .cart-wrap {
margin-right: 6px;
}
.cart-icon-wrapper {
position: relative;
text-align: left;
cursor: pointer;
display: flex;
align-items: center;
}
.cart-wrap {
width: 40px;
height: 40px;
flex-shrink: 0;
}
.header-right-bar a {
color: #111111;
}
.cart-icon .cart-icon-wrapper i {
width: 40px;
height: 40px;
text-align: center;
color: #fff;
border-radius: 3px;
}
.cart-icon h6 {
margin-bottom: 0;
white-space: nowrap;
} .header-cart-box-wrapper {
background: #fff;
position: absolute;
left: 0;
text-align: left;
top: 50%;
width: 270px;
max-height: 320px;
overflow: hidden;
overflow-y: auto;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
z-index: 999;
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.cart-icon:focus-within .header-cart-box-wrapper,
.cart-icon:hover .header-cart-box-wrapper {
top: 120%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.cart-image img{
float: left;
margin-top: 16px;
margin-right: 18px;
background: #000;
height: 85px;
width: 75px;
}
.cart-heading {
margin-bottom: 8px;
padding-top: 15px;
}
.cart-heading a {
color: #333;
}
.cart-qty {
margin-bottom: 8px;
}
.cart-price {
color: #666;
margin-right: 19px;
margin-top: 27px !important;
}
.cart-remove {
position: absolute;
right: 1px;
top: 16px;
}
.cart-remove.deft-remove-icon a {
margin-left: 2px;
}
.single-cart-box {
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.cart-qty {
color: #9c9b9b
}
.shipping-amt {
float: right;
}
.cart-subtotal {
margin-top: 5px;
color: #333;
}
.subttl-text {
margin-right: 31px;
}
.subttl-amt {
float: right;
margin-right: 17px;
}
.cart-checkout-btn {
margin-top: 20px;
text-align: center;
}
.cart-checkout-btn .boxed-btn {
padding: 10px 20px;
}
.cart-checkout-btn i {
position: relative;
top: 3px;
} .sticky-nav.is-sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
background: #ffffff;
box-shadow: 0px 0 1px rgba(0, 0, 0, .2);
}
.admin-bar .sticky-nav.is-sticky {
top: 32px;
}
.sticky-nav.is-sticky {
-webkit-animation: fadeInDown 1s both;
animation: fadeInDown 1s both;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
cursor: pointer;
} .header-slider {
cursor: crosshair;
overflow: hidden;
display: block;
position: relative;
z-index: 0;
}
.header-single-slider img {
display: block;
margin: 0;
}
.header-slider .item img {
width: 100%;
height: 100%;
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
-o-transform-style: flat;
transform-style: flat
}
.ken-burns.header-slider .item {
position: relative;
overflow: hidden;
}
.ken-burns.header-slider .owl-item .item img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 20s;
-moz-transition: all 20s;
-o-transition: all 20s;
transition: all 20s;
transition-timing-function: linear;
}
.ken-burns.header-slider .owl-item:nth-child(even) .item img {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
-ms-transform-origin: bottom right;
-o-transform-origin: bottom right;
transform-origin: bottom right;
}
.ken-burns.header-slider .owl-item:nth-child(odd) .item img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-o-transform-origin: bottom left;
transform-origin: bottom left;
}
.ken-burns.header-slider .owl-item.active:nth-child(even) .item img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.ken-burns.header-slider .owl-item.active:nth-child(odd) .item img {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
.theme-slider:after,
.theme-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.theme-slider:after {
content: "";
z-index: -1;
background-color: #000000;
opacity: 0.5;
}
.theme-slider {
z-index: 0;
}
.theme-table {
overflow: hidden;
display: table;
width: 100%;
height: 100%;
}
.theme-table-cell {
display: table-cell;
vertical-align: middle;
}
.theme-slider div.theme-content {
overflow: hidden;
position: relative;
max-width: 650px;
width: 100%;
margin-bottom: 100px; } .theme-slider .text-left {
margin-right: auto;
}
.theme-slider .text-center {
margin: auto;
}
.theme-slider .text-right {
margin-left: auto;
}
.header-slider h1 {
color: #ffffff;
margin-bottom: 10px;
}
.header-slider h1 span {
text-transform: uppercase;
font-size: 35px;
}
.header-slider p {
margin-bottom: 50px;
}
.header-slider p {
color: #ffffff;
}
.owl-thumb-item img {
width: 40px;
height: 40px;
border-radius: 100%;
object-fit: cover;
border: 2px solid transparent;
}
.owl-thumbs {
display: none;
}
.header-slider .owl-thumbs {
position: absolute;
bottom: 30px;
left: 0;
display: table;
width: 100%;
text-align: center;
}
button.owl-thumb-item {
display: table-cell;
border: none;
outline: none;
background: none;
padding: 0;
}
.owl-thumb-item:not(:last-child) {
margin-right: 10px;
}
.owl-thumb-item.active img {
border-color: #0c47f0;
} .contact-wrapper {
position: relative;
background: #ffffff;
box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
margin-top: -130px;
border-width: 0;
border-style: solid;
border-color: #0c47f0;
border-bottom-width: 0px;
z-index: 1;
}
.single-contact {
flex: 1;
position: relative;
padding: 33px 30px 30px;
background: #fff;
-webkit-transition: .3s;
transition: .3s;
display:none;
}
.single-contact:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
height: 50px;
margin: auto 0;
background: #e6e6e6;
}
.single-contact:last-child:after {
display: none;
}
.single-icon {
position: relative;
display: inline-flex;
align-items: center;
margin-right: 16px;
width: 65px;
height: 65px;
padding: 10px;
border-radius: 100%;
-webkit-transition: .5s;
transition: .5s;
}
.single-icon * {
z-index: 1;
}
.single-icon:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
opacity: 0.2;
z-index: 0;
}
.single-icon .spin-circle {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 50%;
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 30s;
animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.single-icon .spin-circle:after {
content: "";
position: absolute;
left: 8px;
bottom: 0;
width: 12px;
height: 12px;
z-index: 1;
border-radius: 50%;
background-color: #0c47f0;
}
.single-contact:nth-child(2) .single-icon .spin-circle,
.single-contact:nth-child(8) .single-icon .spin-circle,
.single-contact:nth-child(14) .single-icon .spin-circle {
-webkit-animation-name: rotatemetwo;
animation-name: rotatemetwo;
} .single-icon i,
.single-icon img {
width: 40px;
margin: auto;
-webkit-transition: .3s;
transition: .3s;
}
.contact-wrapper .single-contact:hover i,
.contact-wrapper .single-contact:hover img {
-webkit-transform: scale(1.075);
transform: scale(1.075);
}
.single-contact:hover .single-icon {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.single-contact:hover .single-icon:after {
background-color: #ffffff;
}
@keyframes rotateme {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotatemetwo {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
} .service-box {
padding: 60px 25px;
z-index: 1;
position: relative;
-webkit-transition: .3s;
transition: .3s;
color: #111111;
overflow: hidden;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);
}
.service-box:focus-within,
.service-box:hover {
color: #fff;
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.10);
}
.service-box:after {
content: '';
width: 100%;
height: 100%;
background: #000;
position: absolute;
top: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
left: 0;
z-index: -1;
-webkit-transition: .1s;
transition: .1s;
-webkit-transform: scale(.9);
transform: scale(.9);
}
.service-box:focus-within:after,
.service-box:hover:after {
opacity: .75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.service-box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transform: scale(.9);
transform: scale(.9);
}
.service-box:focus-within img,
.service-box:hover img {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.service-icon i {
margin-bottom: 20px;
}
.service-box h3 {
margin-bottom: 20px;
}
.service-box .devider {
width: 60px;
height: 3px;
margin-bottom: 20px;
}
.service-box p {
margin-bottom: 30px;
}
#service-contents .single_serv {
margin-bottom: 30px !important;
}
#service-contents .single_serv:last-child {
margin-bottom: 0px !important;
} #ourfeatures {
background: #f9f9f9;
z-index: 0;
}
#ourfeatures .shape15 {
opacity: 0.35;
}
.features-box {
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.features-box:hover {
background-color: #ffffff;
-webkit-box-shadow: 0 2px 45px 0 rgba(0, 0, 0, 0.018);
box-shadow: 0 2px 45px 0 rgba(0, 0, 0, 0.1);
}
.features-box h3 {
padding-left: 10px;
position: relative;
margin-bottom: 10px;
}
.features-box h3:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 5px;
height: 100%;
}
.more-load {
text-align: center;
}
#ourfeatures .boxed-btn {
margin: 40px auto 0;
}
#ourfeatures .features-box:nth-child(2):after,
#ourfeatures .features-box:nth-child(3):after,
#ourfeatures .features-box:nth-child(1):after {
content: '';
width: 100%;
height: 1px;
background: #e6e6e6;
right: 0;
bottom: 0;
position: absolute;
}
#ourfeatures .features-box:nth-child(8):before,
#ourfeatures .features-box:nth-child(7):before,
#ourfeatures .features-box:nth-child(5):before,
#ourfeatures .features-box:nth-child(4):before,
#ourfeatures .features-box:nth-child(2):before,
#ourfeatures .features-box:nth-child(1):before {
content: '';
height: 100%;
width: 1px;
background: #e6e6e6;
right: 0;
bottom: 0;
position: absolute;
}
#ourfeatures .features-box:nth-child(9):after,
#ourfeatures .features-box:nth-child(8):after,
#ourfeatures .features-box:nth-child(7):after {
content: '';
width: 100%;
height: 1px;
background: #e6e6e6;
right: 0;
top: 0;
position: absolute;
}
.widget_contact_widget li {
vertical-align: middle;
display: flex;
align-items: flex-start;
font-size: 15px;
margin-bottom: 16px;
}
.widget_contact_widget li i {
width: 30px;
height: 30px;
display: table;
line-height: 30px;
text-align: center;
margin-right: 12px;
background-color: #ffffff;
border-radius: 100%;
box-shadow: 0 0 15px rgb(0 0 0 / 0.15);
}
.widget_contact_widget li i,
.header-above i,
.features-box-icon i,
.features-box-icon img {
-webkit-transition: .3s;
transition: .3s;
}
.features-box-icon i {
font-size: 45px;
color: #f55d00;
}
.widget_contact_widget ul > li:hover i,
.header-above a:hover i,
.header-above a:focus i,
.features-box:hover .features-box-icon i,
.features-box:hover .features-box-icon img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-ms-filter: "FlipH";
} #latest-projects {
overflow: hidden;
}
#latest-projects.section-padding {
padding-bottom: 80px;
}
.sorting-btn {
width: 100%;
}
.sorting-btn li {
display: inline-block;
margin-right: 10px;
margin-bottom: 30px;
}
.sorting-btn li a {
font-size: 0.925rem;
letter-spacing: 0.55px;
font-weight: 600;
display: inline-block;
vertical-align: middle;
color: #111111;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
border-radius: 0 20px 0 20px;
padding: 10px 30px;
line-height: 1.4;
position: relative;
overflow: hidden;
background: #fff;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
border: 1px solid #e6e6e6;
cursor: pointer;
text-transform: capitalize;
}
.sorting-btn li a:focus,
.sorting-btn li a.active,
.sorting-btn li a:hover {
color: #fff;
}
.sorting-btn li a.active:before,
.sorting-btn li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.sorting-btn li a:focus:before,
.sorting-btn li a.active:before,
.sorting-btn li a:hover:before {
-webkit-transform: scale(2);
transform: scale(2);
}
.sorting-btn li a i {
margin-right: 10px;
}
.sorting-btn li a i {
margin-right: 10px;
}
.project figure {
position: relative;
display: inline-block;
overflow: hidden;
margin-bottom: 0;
width: 100%;
height: 100%;
}
.project .mb-p {
margin-bottom: 1.3rem;
}
.project figure:after {
border-radius: 0;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0);
transform: scale(0);
visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
z-index: 1;
}
.project figure:focus-within:after,
.project figure:hover:after {
opacity: .75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.project figure img {
margin: 0;
height: 100%;
}
.project figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: auto;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
padding: 0 15px;
z-index: 2;
}
.project figcaption h4,
.project figcaption p {
margin-bottom: -20px;
color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.project figcaption .view-more {
color: #fff
}
.project figcaption img {
margin: 10px auto 0;
}
.project-masonary figure:focus-within figcaption,
.project-masonary figure:hover figcaption {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.project figure:focus-within figcaption h4,
.project figure:focus-within figcaption p,
.project figure:hover figcaption h4,
.project figure:hover figcaption p {
margin-bottom: 5px;
}
.project .boxed-btn {
border: 1px solid #fff;
margin-top: 10px;
text-transform: capitalize;
background: transparent;
}
.project:focus-within .boxed-btn,
.project .boxed-btn:hover {
color: #333 !important;
}
.project .boxed-btn:before {
background: #fff;
} #projects-fututre {
background-size: cover;
background-position: center;
background-color: #777;
position: relative;
z-index: 2;
color: #fff;
}
#projects-fututre:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111111;
opacity: .65;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
z-index: -1;
}
.projects-mockup {
position: relative;
margin: auto;
z-index: 1;
}
.projects-mockup::before {
content: '';
width: 400px;
height: 400px;
position: absolute;
top: 0;
right: -75px;
bottom: 0;
left: -15%;
margin: auto;
z-index: -1;
border-radius: 50%;
border: 6px dashed rgb(255 255 255 / 15%);
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 100s;
animation-duration: 100s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
#projects-fututre img {
margin: auto;
margin-top: -30px;
max-height: 270px;
}
.panel {
margin-bottom: 20px;
}
.panel-heading {
position: relative;
overflow: hidden;
border-radius: 0px 20px 0 20px;
-webkit-transition: .3s;
transition: .3s;
}
.panel-heading:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #111111;
opacity: 0.75;
}
.panel:focus-within .panel-heading a,
.panel:hover .panel-heading a {
color: #ffffff;
outline: 0;
}
.panel-heading a {
color: #ffffff;
position: relative;
display: block;
padding: 12px 55px 12px 20px;
-webkit-transition: .3s;
transition: .3s;
letter-spacing: 0.5px;
font-weight: 500;
}
.panel-body {
padding: 15px 0 15px 20px;
font-weight: 400;
letter-spacing: 0.75px;
}
.panel-heading a:before {
content: "\f068";
font-family: FontAwesome;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
border-radius: 0px 20px 0 20px;
color: #ffffff;
background: #0c47f0;
}
.panel-heading a.collapsed:before {
content: "\f067";
}
.panel-heading a:hover,
.panel-heading a:active,
.panel-heading a:focus {
text-decoration: none;
} #our-gallery {
overflow: hidden;
}
.gallery-items {
list-style: none;
width: 100%;
position: relative;
margin: 0 auto 20px;
padding: 0;
}
.gallery-items div.single-item {
float: left;
position: relative;
width: 20%;
margin-bottom: -2px
}
.gallery-page .gallery-items div.single-item {
width: 100%;
box-shadow: none;
margin-bottom: 30px;
}
.gallery-items div.single-item img {
width: 100%;
}
.gallery-items div.single-item a,
.gallery-items div.single-item a img {
display: block;
position: relative;
}
.gallery-items div.single-item a {
overflow: hidden;
}
.gallery-items div.single-item a div {
position: absolute;
background: #000;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
-webkit-transform: scale(.9);
transform: scale(.9);
}
.gallery-items div.single-item a div i {
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
width: 30px;
height: 30px;
color: #fff;
text-align: center;
-webkit-transition: .3s;
transition: .3s;
z-index: 3;
} .page-template-template_about #cta {
margin-top: 100px;
}
#cta {
background: url(//actiss.bzh/wp-content/themes/img/bg/cta-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
padding: 50px 0;
background-color: #777 !important;
}
.purchase-btn {
border-radius: 0 20px 0 20px;
padding: 15px 20px 15px 60px;
text-transform: capitalize;
color: #fff;
position: relative;
margin-top: 5px;
display: inline-block;
}
.purchase-btn i {
padding: 16px 14px;
border-radius: 0 0 0 19px;
background: #fff;
text-align: center;
position: absolute;
top: 0;
left: -10px;
} .single-pricing {
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);
background: #fff !important;
padding: 60px 40px;
text-align: center;
-webkit-transition: .3s;
transition: .3s;
overflow: hidden;
position: relative;
}
.single-pricing:hover {
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15);
}
.pricing {
color: #111111;
margin-bottom: 40px;
}
.single-pricing h2 {
margin-bottom: 80px;
}
.single-pricing ul {
text-align: left;
}
.single-pricing ul li {
margin-bottom: 20px;
position: relative;
padding-left: 20px;
}
.single-pricing ul li:before {
content: '\f101';
font-family: 'fontAwesome';
position: absolute;
top: 0;
left: 0;
}
.deselct {
opacity: .25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
.single-pricing .boxed-btn {
margin-top: 30px;
background: #333;
}
.single-pricing.popular-plan .boxed-btn:before {
background: #333;
}
.popular-text {
width: 250px;
padding: 10px 0;
color: #fff;
position: absolute;
top: 16px;
left: -65px;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
#pricing .Single-price{
margin-bottom: 30px !important;    
}
#pricing .Single-price:last-child{
margin-bottom: 0px !important; 
} #testimonial {
background-size: cover;
background-position: center;
color: #fff;
position: relative;
z-index: 2;
}
#testimonial:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111111;
opacity: .75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
z-index: -2;
}
.single-testimonial {
position: relative;
}
.single-testimonial i {
margin-bottom: 22px;
font-size: 50px;
opacity: 0.55;
transform: rotate(-5deg);
}
.single-testimonial .icon img {
margin-bottom: 30px;
}
.single-testimonial hr {
width: 200px;
height: 1px;
background: #dedede;
border: none;
margin: 26px 0;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.single-testimonial .info img {
float: left;
margin-right: 20px;
border-radius: 100%;
}
.single-testimonial .info h3 {
margin-top: 15px;
display: inline-block;
}
.testimonial-carousel .owl-dots {
width: 250px;
margin: 40px auto -8px;
text-align: center;
}
.testimonial-carousel .owl-dot {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #fff;
display: inline-block;
margin: 0 10px;
cursor: pointer;
padding: 0;
} .team-member {
width: 100%;
height: 260px;
background: #000;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 2;
}
.team-member:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
}
.team-member:hover:after {
visibility: visible;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.team-member .inner-text {
width: 90%;
padding: 20px 0;
text-align: center;
background: #fff;
position: absolute;
bottom: -25%;
left: 5%;
box-shadow: 0px 0px 50.76px 3.24px rgba(26, 26, 26, 0.25);
}
.team-member .inner-text:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
top: 0;
left: 0;
}
.overlay {
position: absolute;
top: 3%;
left: 0;
width: 100%;
height: 100%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0;
visibility: hidden;
}
.team-member:hover .overlay {
top: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.team-member ul {
margin-bottom: 20px;
}
.team-member ul li {
display: inline-block;
}
.team-member ul li i {
width: 25px;
height: 25px;
border-radius: 50%;
background: #fff;
color: #111111;
text-align: center;
margin-right: 5px;
-webkit-transition: .3s;
transition: .3s;
}
.team-member ul li:hover i.fa-facebook-f {
color: #3B5998;
}
.team-member ul li:hover i.fa-twitter {
color: #007AB6;
}
.team-member ul li:hover i.fa-linkedin-in {
color: #007AB6;
}
.team-member ul li:hover i.fa-google-plus-g {
color: #DC4B3B;
}
.team-member ul li:hover i.fa-pinterest-p {
color: #BD081C;
}
.team-member ul li:hover i.fa-instagram {
color: #D73676;
}
.team-page .single-member{
margin-bottom: 70px !important;    
}
.team-page .single-member:last-child{
margin-bottom: 0px !important; 
} .wpfunfact {
width: 100%;
}
.funfact-item {
flex: 1;
}
#fun-fact .single-box {
color: #fff;
padding: 70px 32px;
}
.single-box.light-bg {
position: relative;
overflow: hidden;
}
.single-box.light-bg * {
position: relative;
z-index: 1;
}
.single-box.light-bg:nth-child(2n+2):after {
content: "";
background-color: rgb(0 0 0 / 0.15);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
#fun-fact .single-box img {
float: left;
margin-right: 20px;
}
#fun-fact .single-box i {
float: left;
margin-right: 20px;
}
#fun-fact .single-box h3 {
display: inline-block;
margin-top: 10px;
}
#fun-fact .single-box p {
margin-top: -5px;
} #latest-news .blog-post {
margin: 0 0;
}
#latest-news .blog-post {
-webkit-transition: .3s;
transition: .3s;
padding: 0;
}
#latest-news .blog-post figure {
margin-bottom: 0;
}
#latest-news .blog-post:hover {
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.12)
}
#latest-news .post-thumbnail {
position: relative;
z-index: 2;
}
#latest-news .post-thumbnail:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #111111;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
z-index: 1;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
#latest-news .blog-post:focus-within .post-thumbnail:after,
#latest-news .blog-post:hover .post-thumbnail:after {
opacity: .75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
visibility: visible;
}
.blog-post .post-overlay img {
z-index: 2;
}
#latest-news .meta-info {
padding: 10px 16px;
}
#latest-news .post-content {
padding: 40px 15px;
position: relative;
}
#latest-news .post-content:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-width: 0;
border-style: solid;
border-color: #0c47f0;
border-bottom-width: 2px;
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#latest-news .blog-post:focus-within .post-content:before,
#latest-news .blog-post:hover .post-content:before {
-ms-transform: scale(1);
transform: scale(1);
}
.post-content .post-title a {
-webkit-transition: .3s;
transition: .3s;
color: #242424;
margin-bottom: 16px;
display: block;
}
.blog-post .more-link,
.blog-post .read-more-link {
margin-top: 20px;
}
.blog-post:hover .more-link:before,
.blog-post .more-link:focus:before,
.blog-post:hover .read-more-link:before,
.blog-post .read-more-link:focus:before {
background: #111111;
}
#latest-news .news {
margin-bottom: 30px !important;
}   
#latest-news .news:last-child{
margin-bottom: 0px !important; 
} .blog-unique {
background-color: #f9f9f9;
}
.unique-blog-post {
margin-bottom: 30px;
padding: 12px 12px 25px;
border-radius: 5px;
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.unique-blog-post:focus-within,
.unique-blog-post:hover {
-webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.unique-blog-post .image {
border-radius: 5px;
margin: 0;
}
.unique-blog-post .image img {
border-radius: 5px;
}
.unique-blog-post .unique-post-content {
padding-top: 25px;
padding-left: 8px;
padding-right: 8px;
}
.unique-blog-post .unique-post-content h3,
.unique-blog-post .unique-post-content h3 a {
margin-bottom: 0;
font-size: 24px;
line-height: 1.3;
font-weight: 700;
}
.unique-blog-post .unique-post-content .d-flex {
margin-top: 20px;
}
.unique-blog-post .unique-post-content .d-flex img {
width: 55px;
height: 55px;
border-radius: 50%;
}
.unique-blog-post .unique-post-content .d-flex .info {
margin-left: 15px;
}
.unique-blog-post .unique-post-content h5,
.unique-blog-post .unique-post-content h5 a {
font-weight: 600;
margin-bottom: 0;
font-size: 18px;
text-transform: capitalize;
}
.unique-blog-post .unique-post-content .info span {
display: block;
line-height: 1;
}
.unique-blog-post .unique-post-content h3 a,
.unique-blog-post .unique-post-content h5 a,
.unique-blog-post .unique-post-content .info span a {
color: #111111;
} .special-blog {
position: relative;
padding: 20px;
padding-bottom: 15px;
border-radius: 10px;
margin-bottom: 30px;
transition: 0.3s;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.special-blog:focus-within,
.special-blog:hover {
box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.1);
}
.special-blog > .image {
overflow: hidden;
border-radius: 10px;
}
.post_date {
width: 60px;
min-width: fit-content;
height: 60px;
position: relative;
z-index: 1;
padding: 0 9px;
border-radius: 5px;
display: flex;
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
text-align: center;
flex-direction: column;
line-height: 1;
font-weight: 700;
justify-content: center;
background: #0c47f0;
box-shadow: 6px 5px 16px 0px rgba(0, 0, 0, 0.15);
}
.post_date span {
font-size: 26px;
margin-bottom: 2px;
}
.unique-blog-post .post_date {
margin-top: -50px;
margin-right: 15px;
margin-left: auto;
}
.special-blog .post_date {
margin-top: -35px;
}
.special-blog .unique-post-content {
padding: 0;
}
.post_meta-categories span a {
display: inline-block;
position: relative;
font-size: 14px;
font-weight: 600;
color: #989898;
line-height: 1.2;
letter-spacing: 0.25px;
text-transform: capitalize;
}
.special-blog p {
font-size: 15px;
margin: 5px 0 0;
}
.unique-blog-post .read-more-link,
.unique-blog-post .more-link {
display: -webkit-box;
position: inherit;
z-index: unset;
font-size: 37px;
font-weight: 100;
line-height: 1.0;
text-transform: none;
overflow: hidden;
margin-top: 10px;
background-image: url(http://actiss.bzh//wp-content/themes/conceptly-personal/assets/images/bouton_lire_suite.png);
background-repeat: no-repeat;
opacity: 1;
background-size: unset;
color: rgb(255 255 255 / 0.0);
}
.unique-blog-post .read-more-link .read-more-arrow,
.unique-blog-post .more-link .read-more-arrow {
position: relative;
z-index: 1;
width: 0px;
height: 2px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
transition: 0.5s;
background: #0c47f0;
transition-delay: 0.4s;
}
.unique-blog-post .read-more-link .read-more-arrow:before,
.unique-blog-post .read-more-link .read-more-arrow:after,
.unique-blog-post .more-link .read-more-arrow:before,
.unique-blog-post .more-link .read-more-arrow:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
right: 0;
transition: 0.4s;
}
.unique-blog-post .read-more-link .read-more-arrow:before,
.unique-blog-post .more-link .read-more-arrow:before {
bottom: 0;
border-bottom: 2px solid;
transform: rotate(0);
transform-origin: 100% 100%;
}
.unique-blog-post .read-more-link .read-more-arrow:after,
.unique-blog-post .more-link .read-more-arrow:after {
top: 0;
border-top: 2px solid;
transform: rotate(0);
transform-origin: 100% 0;
}
.unique-blog-post .read-more-link .read-more-arrow:before,
.unique-blog-post .more-link .read-more-arrow:before,
.unique-blog-post .read-more-link .read-more-arrow:after,
.unique-blog-post .more-link .read-more-arrow:after {
border-color: #0c47f0;
}
.post_meta-categories span a:hover,
.post_meta-categories span a:focus {
color: #0c47f0;
}
.unique-blog-post .read-more-link:hover .read-more-arrow,
.unique-blog-post .read-more-link:focus .read-more-arrow,
.unique-blog-post .more-link:hover .read-more-arrow,
.unique-blog-post .more-link:focus .read-more-arrow {
width: 50px;
margin-right: 13px;
transition-delay: 0s;
}
.unique-blog-post .read-more-link:hover .read-more-arrow:before,
.unique-blog-post .read-more-link:focus .read-more-arrow:before,
.unique-blog-post .more-link:hover .read-more-arrow:before,
.unique-blog-post .more-link:focus .read-more-arrow:before {
transform: rotate(45deg);
transition-delay: 0.4s;
}
.unique-blog-post .read-more-link:hover .read-more-arrow:after,
.unique-blog-post .read-more-link:focus .read-more-arrow:after,
.unique-blog-post .more-link:hover .read-more-arrow:after,
.unique-blog-post .more-link:focus .read-more-arrow:after {
transform: rotate(-45deg);
transition-delay: 0.4s;
}  #our-partners {
background-color: #222222;
padding: 60px 0;
background-size: cover;
background-position: center;
position: relative;
z-index: 2;
}
#our-partners:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
z-index: -1;
}
.partner-carousel .single-partner {
margin-bottom: 0;
}
.single-partner {
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
height: 120px;
margin-bottom: 20px;
position: relative;
}
.single-partner a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #2f2f2f;
cursor: crosshair;
-webkit-transition: .3s;
transition: .3s;
}
.inner-partner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} #footer-copyright {
background: #1d1a1a;
color: #ffffff;
padding: 20px 0;
}
.payment-method li {
display: inline-block;
padding: 0 20px;
border-right: 1px solid #3f3c3c;
}
.payment-method li i {
color: #ffffff;
-webkit-transition: .3s;
transition: .3s;
}
.payment-method li:last-child {
border: none;
padding-right: 0;
}
.payment-method li img {
height: 24px;
width: 24px;
} #breadcrumb-area {
position: relative;
background-size: cover;
background-position: center;
z-index: 2;
padding: 100px 0 100px;
color: #fff;
}
#breadcrumb-area:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: .75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
z-index: -2;
}
#breadcrumb-area ul li {
display: inline-block;
position: relative;
margin-right: 10px;
}
#breadcrumb-area ul li:after {
content: '\f105';
font-family: FontAwesome;
margin-left: 10px;
}
#breadcrumb-area ul li:last-child:after {
display: none;
}
#breadcrumb-area ul li,
#breadcrumb-area ul li a {
color: #fff;
} .section-before-border {
margin-left: 30px;
position: relative;
margin-bottom: 30px;
}
.section-before-border:before {
content: '';
position: absolute;
top: 0;
left: -30px;
width: 10px;
height: 60px;
}
.section-before-border h2 {
margin-bottom: 10px;
}
#about-us .boxed-btn {
margin-top: 0;
} .what-we-do h2 {
margin-bottom: 30px;
}
.what-we-do .devider {
width: 130px;
height: 2px;
border: none;
margin: 0 0 30px;
}
.what-we-do .boxed-btn {
margin-top: 25px;
}
.progress {
overflow: visible;
margin-bottom: 30px;
height: 4px;
}
.skills .progress:last-child {
margin-bottom: 0;
}
.progress .progress-bar {
position: relative;
border-radius: 4px;
}
.progress .progress-bar span {
position: absolute;
top: -20px;
right: -1.1em;
color: #111111;
} .gallery-page .gallery-item {
width: 100%;
margin-bottom: 30px;
}
.gallery-load {
display: none;
}
.load-btn {
margin: 0 auto;
}
.load-btn i {
margin-top: 2px;
} .portfolio-page {
padding-bottom: 60px;
}
#portfolio {
overflow: hidden;
}
.portfolio-post {
padding: 10px 10px;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);
background: #fff;
margin-top: 4px;
margin-bottom: 30px;
}
.portfolio-post figure {
position: relative;
text-align: center;
cursor: pointer;
}
.portfolio-post:hover figure figcaption {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.portfolio-post figure img {
border-radius: 0;
}
.portfolio-post figure:after {
border-radius: 0;
}
.portfolio-post:hover figure:after {
opacity: .75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio-post figure figcaption:before,
.portfolio-post figure figcaption:after {
position: absolute;
content: '';
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.portfolio-post figure figcaption:before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.portfolio-post figure figcaption:after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.portfolio-post figure i {
width: 40px;
height: 40px;
text-align: center;
background: #fff;
color: #da4f00;
border-radius: 50%;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
.portfolio-post figure i,
.portfolio-post figure figcaption:before,
.portfolio-post figure figcaption:after {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.portfolio-post:hover figure figcaption:before,
.portfolio-post:hover figcaption:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio-post:hover figure i {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio-post:hover figure figcaption:after,
.portfolio-post:hover figure i {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.portfolio-post .post-content {
padding: 5px 0 0;
}
.portfolio-post .post-content .post-title a {
margin-bottom: 5px;
} .unique-portfolio-box {
margin-bottom: 30px;
text-align: center;
background-color: #f9f9f9;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border-radius: 5px;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);
}
.unique-portfolio-box:focus-within,
.unique-portfolio-box:hover {
}
.unique-portfolio-box .image {
border-radius: 5px 5px 0 0;
}
.unique-portfolio-box .image img {
border-radius: 5px 5px 0 0;
}
.unique-portfolio-box .content {
text-align: left;
padding: 25px;
border-radius: 0 0 5px 5px;
position: relative;
}
.unique-portfolio-box .content h4 {
margin-bottom: 0;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-size: 22px;
}
.unique-portfolio-box .content p {
display: block;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-size: 15px;
font-weight: 600;
margin-top: 2px;
}
.unique-portfolio-box .content .link-btn {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #0c47f0;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
color: #ffffff;
border-radius: 3px;
position: absolute;
font-size: 17px;
right: 20px;
top: -20px;
display: inline-block;
}
.unique-portfolio-box:focus-within .content .link-btn,
.unique-portfolio-box:hover .content .link-btn {
color: #ffffff;
background-color: #222222;
}
.unique-portfolio-box:focus-within .content h4,
.unique-portfolio-box:focus-within .content p,
.unique-portfolio-box:hover .content h4,
.unique-portfolio-box:hover .content p {
color: #ffffff;
} .portfolio-details-image {
position: relative;
margin-bottom: 30px;
}
.portfolio-details-desc .sub-title {
display: block;
margin-bottom: 0px;
color: #0c47f0;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
}
.portfolio-details-desc h3 {
margin-bottom: 15px;
margin-top: 30px;
font-size: 26px;
}
.portfolio-details-desc p {
margin-bottom: 15px;
line-height: 1.8;
}
.portfolio-details-desc .image {
padding-right: 15px;
border-radius: 5px;
margin-top: 15px;
margin-bottom: 30px;
}
.portfolio-details-desc .image img {
border-radius: 5px;
}
.portfolio-details-desc .content {
margin-top: 15px;
margin-bottom: 30px;
}
.portfolio-details-desc h3 {
font-size: 25px;
margin-top: 0;
margin-bottom: 15px;
}
.portfolio-details-desc .content ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.portfolio-details-desc .content ul li {
margin-bottom: 12px;
font-weight: 600;
color: #111111;
position: relative;
padding-left: 20px;
}
.portfolio-details-desc .content ul li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #0c47f0;
}
.portfolio-sidebar-sticky {
position: -webkit-sticky;
position: sticky;
top: 20px;
overflow: visible;
-webkit-backface-visibility: visible;
height: 100%;
z-index: 1;
}
.portfolio-details-info {
background-color: #ffffff;
padding: 40px 30px;
margin-left: 15px;
border-radius: 5px;
border-top: 3px solid #0c47f0;
-webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.1);
}
.portfolio-details-info ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.portfolio-details-info ul li {
margin-bottom: 20px;
border-bottom: 1px solid #eeeeee;
position: relative;
color: #111111;
font-weight: 600;
font-size: 16px;
padding-left: 35px;
padding-bottom: 20px;
}
.portfolio-details-info ul li .icon {
position: absolute;
left: 0;
top: -5px;
color: #0c47f0;
font-weight: normal;
font-size: 25px;
}
.portfolio-details-info ul li span {
color: #111111;
display: block;
margin-bottom: 8px;
font-size: 20px;
font-weight: 800;
}
.portfolio-details-info ul li a {
display: block;
color: #111111;
margin-bottom: 8px;
}
.portfolio-details-info ul li a:last-child {
margin-bottom: 0;
}
.portfolio-details-info ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}  nav.navigation.pagination h2 {
display: none;
}
.posts-navigation,
.pagination {
margin: 50px auto;
justify-content: center;
}
.posts-navigation .nav-links,
.pagination .nav-links {
display: inherit;
}
.pagination .nav-links .current {
background: #c8c8c8;
color: #fff;
border-color: #c8c8c8;
}
.posts-navigation .nav-links a:hover,
.posts-navigation .nav-links a:focus,
.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:focus,
.pagination .nav-links .page-numbers:hover {
color:#fff;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers,
.posts-navigation .nav-links a,
.pagination .nav-links .current,
.pagination .nav-links .page-numbers {
margin-right: 10px;
border: 1px solid #e6e6e6;
color: #111111;
-webkit-transition: .3s;
transition: .3s;
border-radius: 0 13px 0 13px;
padding: 6px 15px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.page-link {
border-radius: 0 10px 0 10px;
}
.page-link {
margin-right: 10px;
border: 1px solid #c8c8c8;
color: #111111;
-webkit-transition: .3s;
transition: .3s;
}
.page-link:hover {
color: #fff;
}
.page-item.active .page-link {
background: #c8c8c8;
color: #fff;
border-color: #c8c8c8;
}
.page-item.next .page-link,
.page-item.prev .page-link {
color: #fff;
} #exclusive {
background: #f5f5f5;
}
.single-exclusive {
position: relative;
transition: .3s;
z-index: 1;
margin-bottom: 30px;
}
.single-exclusive .exclusive-img img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
}
.single-exclusive .exclusive-content {
position: relative;
max-width: 85%;
background: #fff;
padding: 30px;
text-align: center;
margin: -40px auto auto;
border-radius: 4px;
transition: .3s;
z-index: 1;
box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
}
.single-exclusive .exclusive-content:before {
position: absolute;
content: "";
bottom: 100%;
left: 0;
right: 0;
background-color: #111111;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
z-index: -1;
}
.single-exclusive .exclusive-content h3 {
margin-bottom: 0;
color: #111111;
font-size: 20px;
}
.single-exclusive .exclusive-content p {
margin-top: 5px;
line-height: 1.2;
color: #777777;
letter-spacing: 0.5px;
font-weight: 400;
}
.single-exclusive .exclusive-content .arrow {
position: absolute;
width: 35px;
height: 35px;
background: #0c47f0;
color: #ffffff;
border-radius: 50%;
line-height: 35px;
text-align: center;
top: 100%;
right: 0;
left: 0;
margin: 0 auto;
opacity: 0;
transition: .3s;
}
.single-exclusive:focus-within .exclusive-content:before,
.single-exclusive:hover .exclusive-content:before {
bottom: 0;
height: 100%;
}
.single-exclusive:focus-within .exclusive-content .arrow,
.single-exclusive:hover .exclusive-content .arrow {
opacity: 1;
top: 88%;
}
.single-exclusive:focus-within .exclusive-content p,
.single-exclusive:focus-within .exclusive-content h3,
.single-exclusive:focus-within .exclusive-content h3 i,
.single-exclusive:hover .exclusive-content p,
.single-exclusive:hover .exclusive-content h3,
.single-exclusive:hover .exclusive-content h3 i {
color: #ffffff;
}
.single-exclusive .exclusive-content .arrow a {
color: #ffffff;
}
.single-exclusive .exclusive-content .arrow i {
position: relative;
left: 1px;
font-weight: 400;
}
#exclusive .owl-dots {
width: 300px;
text-align: center;
margin: 40px auto -8px;
}
#exclusive .owl-dots div {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 10px;
border: 1px solid #111111;
border-radius: 50%;
cursor: pointer;
} .full-width {
padding-bottom: 20px;
}
.blog-post {
position: relative;
padding: 10px 10px;
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);
background: #fff;
margin-top: 4px;
margin-bottom: 40px;
}
.blog-details-page .blog-post {
padding: 10px 10px; 
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.085);  
background: #fff;   
margin-top: 4px;    
margin-bottom: 40px;    
position: relative; 
z-index: 0;
}
.blog-post .post-thumb {
position: relative;
text-align: center;
cursor: pointer;
margin-bottom: 40px;
}
.blog-post .post-thumb:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #111111;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0);
transform: scale(0);
visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
z-index: 1;
}
.blog-post .post-overlay,
.blog-post .post-thumb figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
padding: 0 15px;
z-index: 2;
}
.blog-post:focus-within .post-overlay,  
.blog-post:focus-within .post-thumb figcaption:not(.blocks-gallery-item__caption),  
.blog-post:hover .post-overlay, 
.blog-post:hover .post-thumb figcaption:not(.blocks-gallery-item__caption) {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-post figure img {
border-radius: 0;
min-width: 100%;
}
.blog-post:focus-within .post-overlay:after,    
.blog-post:focus-within .post-thumb:after,  
.blog-post:hover .post-overlay:after,   
.blog-post:hover .post-thumb:after {
opacity: .75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.blog-post .post-overlay:before,
.blog-post .post-overlay:after,
.blog-post .post-thumb figcaption:before,
.blog-post .post-thumb figcaption:after {
position: absolute;
content: '';
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 2;
}
.blog-post .post-overlay:before,
.blog-post .post-thumb figcaption:before {
top: 70px;
right: 50px;
bottom: 70px;
left: 50px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.blog-post .post-overlay:after,
.blog-post .post-thumb figcaption:after {
top: 50px;
right: 70px;
bottom: 50px;
left: 70px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
#latest-news .blog-post .post-overlay:after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
}
#latest-news .blog-post .post-overlay:before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
}
.blog-post .post-overlay img,
.blog-post figure figcaption img {
text-align: center;
background: #fff;
color: #da4f00;
border-radius: 50%;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
.blog-post .post-overlay img,
.blog-post figure figcaption img,
.blog-post .post-overlay:after,
.blog-post .post-overlay:before,
.blog-post figure figcaption:before,
.blog-post figure figcaption:after {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.blog-post:focus-within .post-overlay:after,    
.blog-post:focus-within .post-overlay:before,   
.blog-post:focus-within figure figcaption:before,   
.blog-post:focus-within figure figcaption:after,    
.blog-post:hover .post-overlay:after,   
.blog-post:hover .post-overlay:before,  
.blog-post:hover figure figcaption:before,  
.blog-post:hover figure figcaption:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
transform: scale(1);
}
.blog-post:focus-within .post-overlay img,  
.blog-post:focus-within figure figcaption img,  
.blog-post:hover .post-overlay img, 
.blog-post:hover figure figcaption img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.blog-post:focus-within figure figcaption:after,    
.blog-post:focus-within figure figcaption img,  
.blog-post:hover figure figcaption:after,   
.blog-post:hover figure figcaption img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.meta-info {
text-align: left;
padding: 10px 35px;
border-radius: 0px 20px 0 20px;
width: 90%;
position: absolute;
top: -10%;
left: 5%;
z-index: 2;
-webkit-transition: .3s;
transition: .3s;
}
.post-thumb + .post-content .meta-info {
top: -12%;
}
.post-content .meta-info {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.post-thumb .meta-info,
.post-thumbnail .meta-info {
top: auto;
bottom: -6%;
height: max-content;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.blog-post:hover .post-content .meta-info,
.blog-post:focus-within .post-content .meta-info {
bottom: auto;
top: -23px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-post:focus-within .post-thumb .meta-info,
.blog-post:hover .post-thumb .meta-info,
.blog-post:focus-within .post-thumbnail .meta-info,
.blog-post:hover .post-thumbnail .meta-info {
bottom: -23px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-post:focus-within .post-thumbnail img + .meta-info,   
.blog-post:focus-within .post-thumbnail img + .post-overlay + .meta-info,   
.blog-post:focus-within .post-thumb img + figcaption + .meta-info,  
.blog-post:focus-within .post-thumb img + .meta-info,   
.blog-post:hover .post-thumbnail img + .meta-info,  
.blog-post:hover .post-thumbnail img + .post-overlay + .meta-info,  
.blog-post:hover .post-thumb img + figcaption + .meta-info, 
.blog-post:hover .post-thumb img + .meta-info {
bottom: -23px;
}
.blog-post .meta-info li {
display: inline-block;
}
.blog-post .meta-info li:not(:last-child) a {
border-right: 1px solid #ffffff;
margin-right: 10px;
padding-right: 10px;
}
.blog-post .meta-info li a {
color: #ffffff;
line-height: 1;
display: inline-block;
}
.blog-post .meta-info li i {
margin-right: 10px;
}
.post-content {
padding: 0 30px 30px;
display: flow-root;
}
.post-content .post-title a {
-webkit-transition: .3s;
transition: .3s;
color: #242424;
margin-bottom: 16px;
display: block;
}
.full-width figure {
margin-bottom: 50px;
} .masonary-blog .blog-post figure figcaption:before {
top: 30px;
right: 20px;
bottom: 30px;
left: 20px;
}
.masonary-blog .blog-post figure figcaption:after {
top: 20px;
right: 30px;
bottom: 20px;
left: 30px;
}
.masonary-blog .post-content {
padding: 18px 20px;
}
.masonary-blog .blog-post figure {
margin-bottom: 0;
}
.masonary-blog .post-content p {
margin-bottom: 10px;
}
.blog-load {
display: none;
}
.masonary-meta-info {
margin-bottom: 10px;
}
.masonary-meta-info li {
display: inline-block;
padding-right: 10px;
margin-right: 10px;
position: relative;
}
.masonary-meta-info li:last-child {
margin-right: 0;
padding-right: 0;
}
.masonary-meta-info li:last-child:after {
display: none;
}
.masonary-meta-info li:after {
content: '';
position: absolute;
top: 10px;
right: 0;
width: 1px;
height: 10px;
background: #000;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.masonary-meta-info li a {
color: #111111;
}
.masonary-meta-info li a i {
margin-right: 5px;
} ol.comment-list .comment {
border-bottom: 1px solid #f7f7f7;
margin: 0;
padding: 25px 0;
align-items: flex-start;
}
.comment-respond {
width: 100%;
}
.auth-mata {
padding-right: 10px;
}
.blog-author-social {
margin: 10px 0 0;
padding: 0;
}
.media-body ul li {
list-style: none;
display: inline-block;
padding: 5px;
}
.comment-meta .vcard img {
width: 70px;
height: 70px;
border-radius: 50%;
border: solid 1px #ccc;
display: inline-block;
position: relative;
margin-top: 15px;
margin-right: 10px;
}
.comment-metadata {
margin-bottom: 15px;
margin-top: -30px;
margin-left: 77px;
}
.reply {
text-align: right;
}
.comment article {
width: 100%;
}
.post-comments-area {
margin-top: 30px;
}
.comment-author a {
color: #111111;
}
.post-comments-area .comment-time-left {
margin-bottom: 7px;
} .comment-respond .comment-reply-title {
padding: 0;
margin: 0 !important;
}
.comment-form {
padding: 0 !important;
}
.comment-respond .comment-form > p:not(:last-child) {
margin-bottom: 25px;
}
form.comment-form p.logged-in-as, form.comment-form p.comment-notes {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
#respond textarea {
width: 100%;
}
#respond label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
.comment-respond input:not([type="submit"]) {
width: 100% !important;
font-size: 14px;
height: 50px;
line-height: 1.42857;
}
p.comment-form-cookies-consent {
display: none;
}
.comment-respond .form-submit input {
border: none;
cursor: pointer;
background: #0c47f0;
display: inline-block;
vertical-align: middle;
color: #fff !important;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
font-weight: 500;
font-family: 'Raleway', sans-serif;
}
.comment-respond .form-submit input:hover,
.comment-respond .form-submit input:focus {
background: #333333;
}
.comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments {
border-top: 1px solid #d1d1d1;
font-family: 'Poppins', sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.blog-post.author-details {
padding: 25px;
display:none;
}
.author-details .section-title {
text-align: center;
margin-bottom: 0;
}
.auth-mata {
padding-right: 10px;
}
.author-details img {
width: 70px;
height: 70px;
border-radius: 50%;
border: solid 1px #ccc;
display: inline-block;
position: relative;
}
.author-meta-det {
padding: 10px;
}
.author-details p {
font-size: 14px;
}
.blog-author-social {
margin: 10px 0 0;
padding: 0;
}
.post-comment-area .media {
margin-bottom: 30px;
padding: 4px 12px;
display:none;
}
ul.media-list li h2 {
font-size: 24px !important;
margin: 0 !important;
}
.comment-list article {
margin-bottom: 20px;
padding: 10px 20px;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: .3s all;
transition: .3s all;
}
.comment-author img {
width: 60px;
height: 60px;
border-radius: 50%;
border: solid 1px #ccc;
display: inline-block;
position: relative;
margin-top: 15px;
}
.comment-metadata {
margin-bottom: 15px;
margin-top: -30px;
margin-left: 84px;
}
.comment-metadata span.edit-link {
float: right;
}
ol.comment-list {
padding: 0;
}
ol.comment-list, ol.children {
list-style: none;
}
.comment-content p {
font-size: 14px;
} .section-padding-100 {
padding: 100px 0;
}
#contact-info .single-box {
position: relative;
}
#contact-info .single-box:after {
content: '';
position: absolute;
top: 30px;
right: 0;
width: 2px;
height: 100px;
background: #000;
opacity: .22;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=22)";
}
#contact-info .single-box:last-child:after {
display: none;
}
#contact-info .single-box img,
#contact-info .single-box i {
margin: auto;
margin-bottom: 20px;
-webkit-transition: .3s;
transition: .3s;
}
#contact-info .single-box i {
margin-top: 10px;
}
#contact-info .single-box h3 {
-webkit-transition: .3s;
transition: .3s;
}
#contact-info .single-box:hover i,
#contact-info .single-box:hover img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-ms-filter: "FlipH";
}
#send-message {
background: #f5f5f5;
position: relative;
overflow: hidden;
}
#map {
position: absolute;
top: 0;
left: -20%;
width: 120%;
height: 100%;
}
.map-section {
min-height: 610px;
}
.contact-us-form {
padding: 40px 30px;
}
.contact-us-form h3 {
margin-bottom: 20px;
}
.contact-us-form .form-control {
background: #fff;
box-shadow: none;
border: 1px solid #ececec;
border-radius: 0;
}
.contact-us-form textarea {
height: 160px;
}
.contact-us-form .boxed-btn {
border: 0;
margin-left: 15px;
cursor: pointer;
} .wpcf7 select {
color: #23292e;
font-weight: normal;
}
input.wpcf7-form-control {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
width: 100%;
}
.wpcf7-form [class*="date-"], .wpcf7-form span:nth-child(3) {
display: inline-block;
width: 49%;
}
.wpcf7-form span:nth-child(3) {
margin-left: 5px;
}
.wpcf7-form p > label, .wpcf7-form span > label {
width: 100%;
font-size: inherit;
display: inline-grid;
font-weight: 500;
margin-bottom: 25px;
text-transform: capitalize;
}
.wpcf7-form [class*="checkbox-"] {
width: 100% !important;
margin: 0 !important;
}
.wpcf7-form input[type=checkbox], input[type=radio] {
width: 20px;
height: 20px;
}
.wpcf7-form .wpcf7-checkbox, .wpcf7-form .wpcf7-radio, .wpcf7-form .wpcf7-acceptance {
padding: 5px 0;
display: block;
}
.wpcf7-form span .wpcf7-radio .wpcf7-list-item-label, .wpcf7-form .wpcf7-acceptance span.wpcf7-list-item {
margin-left: 0;
margin-right: 5px;
}
.wpcf7-form .wpcf7-acceptance span.wpcf7-list-item label {
display: inline-block;
margin: 0;
}
.wpcf7-checkbox .wpcf7-list-item, .wpcf7-radio span.wpcf7-list-item {
margin-left: 10px;
}
.wpcf7-checkbox .wpcf7-list-item:first-child, .wpcf7-radio span.wpcf7-list-item:first-child {
margin: 0;
}
.wpcf7-form span.wpcf7-list-item-label {
display: inline-block;
vertical-align: text-bottom;
margin-left: 5px;
text-transform: capitalize;
}
.wpcf7-form textarea:focus,
.wpcf7-form input:focus {
border: 1px solid !important;
outline: 0 !important;
box-shadow: none;
}
.wpcf7-form .wpcf7-submit {
display: inline-block;
vertical-align: middle;
color: #fff!important;
border-radius: 0 20px 0 20px;
margin-top: 15px;
padding: 10px 30px;
box-shadow: 0 0 1px transparent;
font-weight: 500;
text-transform: capitalize;
font-size: 15px;
line-height: 1.5;
position: relative;
overflow: hidden;
border: none;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
border: 0;
margin-left: 15px;
cursor: pointer;
}
.wpcf7-form .wpcf7-submit:before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #333;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.wpcf7-form .wpcf7-submit:hover {
background: #333 !important;
color: #fff;
}  #page-404 {
padding-bottom: 80px;
}
#page-404 h1 {
margin: 40px 0 20px;
}
#page-404 h3 {
margin: 0 0 20px;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#page-404 .boxed-btn {
text-transform: capitalize;
} .coming-soon-wrapper {
background: url(//actiss.bzh/wp-content/themes/img/coming-soon-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 2;
height: 100%;
padding: 80px 0 60px;
color: #fff;
}
.coming-soon-wrapper:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: -1;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.coming-soon-wrapper .logo {
margin-bottom: 30px;
}
.coming-soon-wrapper h1 {
margin-bottom: 10px;
}
.coming-soon-wrapper p {
width: 60%;
margin: 0 auto;
}
.count-area {
padding: 60px 0;
}
.count-area ul li {
display: inline-block;
width: 24%;
position: relative;
}
.count-area ul li:after {
content: '';
position: absolute;
top: 45px;
right: 0;
background: #667174;
width: 1px;
height: 100px;
}
.count-area ul li:last-child:after {
display: none;
}
.count-area ul li p {
color: #fff;
margin-bottom: 10px;
display: block;
}
.subscribe-wrapper {
position: relative;
}
.subscribe-wrapper .form-control {
border: none;
box-shadow: none;
background: rgba(255, 255, 255, .3);
border-radius: 0;
height: 60px;
}
.subscribe-wrapper button {
border: none;
box-shadow: none;
color: #fff;
position: absolute;
right: 0;
top: 0;
height: 60px;
padding: 0 20px;
cursor: pointer;
}
.subscribe-wrapper .form-control::-webkit-input-placeholder {
color: #fff;
}
.coming-soon-wrapper footer {
margin-top: 50px;
}
.coming-soon-wrapper footer .social li {
display: inline-block;
margin-right: 10px;
padding-right: 10px;
position: relative;
}
.coming-soon-wrapper footer .social li:after {
content: '';
position: absolute;
right: 0;
top: 5px;
height: 15px;
width: 1px;
background: #fff;
}
.coming-soon-wrapper footer .social li:last-child:after {
display: none;
}
.coming-soon-wrapper footer .social a {
display: block;
width: 25px;
height: 25px;
border-radius: 50%;
background: #fff;
text-align: center;
color: #111111;
-webkit-transition: .3s;
transition: .3s;
}
.coming-soon-wrapper .social a:hover i.fa-facebook-f {
color: #3A589B;
}
.coming-soon-wrapper .social a:hover i.fa-twitter {
color: #1CB7EB;
}
.coming-soon-wrapper .social a:hover i.fa-linkedin-in {
color: #1686B0;
}
.coming-soon-wrapper .social a:hover i.google-plus-g {
color: #E3411F;
}
.coming-soon-wrapper .social {
margin-bottom: 15px;
} .scrollup.boxed-btn {
width: 50px;
height: 50px;
border-radius: 0px 20px 0 20px;
text-align: center;
position: fixed;
top: 0;
right: 15px;
padding: 0;
color: #ffffff;
opacity: 0;
visibility: hidden;
-webkit-transition: .9s;
transition: .9s;
z-index: 888;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
}
.scrollup.is-active {
top: 98%;
-webkit-transform: translateY(-98%);
transform: translateY(-98%);
opacity: 1;
visibility: visible;
}
.scrollup.boxed-btn i {
margin: 0;
}
.overlay-enabled .scrollup.boxed-btn {
z-index: 0;
}  .pricing-section,
.project-masonary,
.service-section {
position: relative;
}
.shape2 {
position: absolute;
left: 4%;
top: 21%;
z-index: -1;
}
.shape2 img {
-webkit-animation: movebounce 5s linear infinite;
animation: movebounce 5s linear infinite;
}
@keyframes movebounce {
0% {
transform: translateY(0px); 
}
50% {
transform: translateY(20px); 
}
100% {
transform: translateY(0px); 
} 
}
.shape3 {
position: absolute;
left: 85%;
top: 20%;
z-index: -1;
}
.shape3 img {
-webkit-animation: moveleftbounce 5s linear infinite;
animation: moveleftbounce 5s linear infinite;
}
@keyframes moveleftbounce {
0% {
transform: translateX(0px); 
}
50% {
transform: translateX(20px); 
}
100% {
transform: translateX(0px); 
} 
}
.shape4 {
position: absolute;
left: 47%;
bottom: 10%;
z-index: 1;
}
.shape4 img {
-webkit-animation: moveleftbounce 5s linear infinite;
animation: moveleftbounce 5s linear infinite;
}
.projects-mockup .shape4 {
left: 62%;
bottom: 85%;
z-index: -1;
}
.about-img .shape4 {
left: 60%;
bottom: 75%;
}
.shape5 {
position: absolute;
left: 9%;
bottom: 10%;
z-index: -1;
}
.shape5 img {
-webkit-animation: animationFramesOne 20s infinite linear;
animation: animationFramesOne 20s infinite linear;
}
@keyframes animationFramesOne {
0% {
transform: translate(0px,0px) rotate(0deg) ;
}
20% {
transform: translate(73px,-1px) rotate(36deg) ;
}
40% {
transform: translate(141px,72px) rotate(72deg) ;
}
60% {
transform: translate(83px,122px) rotate(108deg) ;
}
80% {
transform: translate(-40px,72px) rotate(144deg) ;
}
100% {
transform:  translate(0px,0px) rotate(0deg) ;
}
}
.shape6 {
position: absolute;
right: 5%;
bottom: 15%;
z-index: -1;
}
.shape6 img {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 30s;
animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes rotateme {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.shape7 {
position: absolute;
left: 35%;
bottom: 8%;
z-index: -1;
}
.shape7 img {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.shape8 {
position: absolute;
left: 38%;
bottom: 22%;
z-index: -1;
}
#breadcrumb-area .shape8 {
left: 90%;
}
.shape8 img {
-webkit-animation: moveleftbounce 5s linear infinite;
animation: moveleftbounce 5s linear infinite;
}
.shape9 {
position: absolute;
right: 0;
bottom: 50%;
z-index: -1;
}
.shape9 img {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 40s;
animation-duration: 40s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.shape10 {
position: absolute;
right: -2%;
top: -60%;
z-index: -1;
}
.shape10 img {
-webkit-animation: movescale 5s linear infinite;
animation: movescale 5s linear infinite;
}
.shape13 {
position: absolute;
left: 50%;
top: 12%;
z-index: -1;
}
.projects-mockup .shape13 {
top: auto;
bottom: -10%;
}
.shape13 img {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.shape15 {
position: absolute;
right: 0;
top: 10%;
text-align: right;
z-index: -1;
}
.shape15 img {
-webkit-animation: movebounce 5s linear infinite;
animation: movebounce 5s linear infinite;
max-width: 50%;
margin-left: auto;
}
@keyframes movebounce {
0% {
transform: translateY(0px); 
}
50% {
transform: translateY(20px); 
}
100% {
transform: translateY(0px); 
} 
}
.shape16 {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
#testimonial .shape16 {
z-index: 0;
}
#testimonial .shape16 img {
filter: sepia(100%);
}
.shape17 {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.project-masonary .shape17 {
right: 0;
left: auto;
transform: rotateY(180deg);
}
.shape18 {
position: absolute;
left: -15%;
bottom: 5%;
z-index: -1;
}
.shape19 {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.shape19 img {
transform: rotate(-45deg);
}
.lines {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: auto;
width: 90vw;
z-index: -1;
}
.lines .line {
position: absolute;
width: 1px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.lines .line::after {
content: "";
display: block;
position: absolute;
height: 15vh;
width: 100%;
top: -50%;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
-webkit-animation: run 7s 0s infinite;
animation: run 7s 0s infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.lines .line:nth-child(1) {
margin-left: -25%;
}
.lines .line:nth-child(1)::after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.lines .line:nth-child(3) {
margin-left: 25%;
}
.lines .line:nth-child(3)::after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
@keyframes run {
0% {
top: -50%;
}
100% {
top: 110%;
}
}
@keyframes movescale {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
} 
}    .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
}
.wp-block-embed-facebook .wp-block-embed__wrapper {
overflow: hidden;
overflow-x: auto;
} .header-above {
padding: .35em 0;
}
.header-above .header-above {
border-bottom: 1px solid rgb(255 255 255 / 21%);
}
.header-abover-mobile {
display: block;
width: 100%;
}
.header-above .header-above-desk {
display: none;
width: 100%;
}
.mobi-above {
width: 100%;
padding: 20px 0;
display: none;
}
.header-above-button {
text-align: center;
display: block;
}
.pull-down-toggle {
border: none;
outline: none;
width: 100%;
display: block;
padding: 5px;
}
.pull-down-toggle i {
width: 35px;
height: 35px;
line-height: 35px;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.pull-down-toggle.is-active i {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pull-down-toggle.is-active {
border-bottom: 1px solid rgb(255 255 255 / 21%);
padding-bottom: 10px;
}
@media only screen and (min-width:992px) {
.header-above {
padding: .962em 0;
}
.header-above .header-above-desk {
display: block;
}
.header-abover-mobile {
display: none;
}
}  @media only screen and (min-width:992px) {
.ameya-template.admin-bar .header {
top: 32px;
}
.ameya-template .header {
position: absolute;
top: 0;
left: 0;
}
.ameya-template .header,
.ameya-template .header-above {
background: transparent;
}
} .ameya-template .header-above {
padding: 0;
line-height: 52px;
border-bottom: 1px solid rgb(255 255 255 / 21%);
}
.ameya-template .header-above i {
background: rgb(255 255 255 / 9%);
color: #ffffff;
}
.ameya-template .header-info li:not(:last-child) {
padding-right: 20px;
margin-right: 15px;
}
.ameya-template .header-above li:after {
right: 0px;
height: 100%;
background: rgb(255 255 255 / 21%);
}
.ameya-template .header-above .trh-social li a i {
opacity: .7;
}
.ameya-template .header-above .trh-social li a:hover i,
.ameya-template .header-above .trh-social li a:focus i {
opacity: 1;
}
.ameya-template .header-above .trh-social li:after {
visibility: hidden;
}  .ameya-template .navbar-area {
padding: 0;
}
.ameya-template:not(.active-ameya) .navbar-area .theme-menu {
padding: 1.2rem 0;
}
.ameya-template .navbar-area:not(.sticky-menu) {
box-shadow: none;
}
.ameya-template .navbar-area.sticky-menu .logo,
.ameya-template .theme-mobile-nav {
background-color: #0F1425;
border-width: 0;
border-bottom-width: 5px;
border-style: solid;
border-color: #ff6a3e;
}
.ameya-template .navbar-area.sticky-menu .logo {
text-align: center;
min-height: 87px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.ameya-template .navbar-area.sticky-menu .logo a {
margin: 0;
}
.ameya-template .mobile-logo a,
.ameya-template .navbar-area.sticky-menu .logo a.custom-logo-link {
vertical-align: middle;
}
.ameya-template .navbar-area:not(.sticky-menu) .menubar .menu-wrap > li.menu-item:not(:hover):not(.active):not(.focus) > a {
color: #ffffff;
}
.active-ameya .navbar-area {
padding: 0;
}
.active-ameya .navbar-area .menubar .menu-wrap > li > a {
line-height: 87px;
}
.active-ameya .menubar .menu-wrap > li:before,
.active-ameya .menubar .menu-wrap > li:after {
content: '';
position: absolute;
left: 50%;
margin-left: -1px;
width: 2px;
height: 0;
background: #ff6a3e;
transition: 0s;
}
.active-ameya .menubar .menu-wrap > li:before {
top: 0;
}
.active-ameya .menubar .menu-wrap > li:after {
bottom: 67%;
transition: height 0.4s;
}
.active-ameya .menubar .menu-wrap > li:hover:before,
.active-ameya .menubar .menu-wrap > li.focus:before {
height: 33%;
transition: height 0.4s;
}
.active-ameya .menubar .menu-wrap > li:hover:after,
.active-ameya .menubar .menu-wrap > li.focus:after {
height: 33%;
transition: 0s;
background: transparent;
}
.active-ameya .menubar .menu-wrap > li:hover:before,
.active-ameya .menubar .menu-wrap > li.active:before,
.active-ameya .menubar .menu-wrap > li.focus:before {
height: 33%;
}
.active-ameya .menubar .menu-wrap > li:-webkit-any(:hover, :focus, .focus, .active) > a {
color: #ff6a3e;
}
.active-ameya .menubar .dropdown-menu li a::before {
content: "";
width: 0;
height: 2px;
position: absolute;
left: 0;
top: 50%;
background: #ff6a3e;
transform: translateY(-50%);
transition: 200ms;
}
.active-ameya .menubar .dropdown-menu li:hover > a:before,
.active-ameya .menubar .dropdown-menu li.focus > a:before {
transition: 300ms;
width: 15px;
}
.active-ameya .menubar .dropdown-menu li:hover > a,
.active-ameya .menubar .dropdown-menu li.focus > a {
background: none;
}
.active-ameya .menubar .dropdown-menu li.focus > a,
.active-ameya .menubar .dropdown-menu li:hover > a {
-webkit-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
padding-left: 20px;
color: #ff6a3e;
}
.ameya-template .menu-right li.search-button {
border-left: 0;
margin-left: 0;
padding-left: 14px;
}
.ameya-template .header-search-close,
.ameya-template .menu-right .header-search-toggle {
color: #ffffff;
border: 2px solid rgb(238 238 238 / 40%);
background: transparent;
}
.ameya-template .menu-right .header-search-toggle {
border-radius: 50px;
width: 48px;
height: 48px;
line-height: 1.5;
}
.ameya-template .sticky-menu .menu-right .header-search-toggle {
background: #ff6a3e;
}
.ameya-template .header-search-close {
padding: 0;
width: 55px;
height: 55px;
border-radius: 55px;
}
.ameya-template .header-search-close:hover,
.ameya-template .header-search-close:focus,
.ameya-template .navbar-area:not(.sticky-menu) .menu-right .header-search-toggle:hover,
.ameya-template .navbar-area:not(.sticky-menu) .menu-right .header-search-toggle:focus {
border: 2px solid rgb(239 239 239 / 40%);
background: rgb(255 255 255 / 8%);
}
.ameya-template .menu-right .header-search-toggle:hover i,
.ameya-template .menu-right .header-search-toggle:focus i {
-webkit-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: rotateZ(90deg);
-ms-transform: rotate(90deg);
transform: rotateZ(90deg);
}
.ameya-template .header-btn a.boxed-btn {
padding: 12px 30px;
}
.ameya-template .navbar-area:not(.sticky-menu) .header-btn a.boxed-btn:hover,
.ameya-template .navbar-area:not(.sticky-menu) .header-btn a.boxed-btn:focus {
color: #111111 !important;
}
.ameya-template .navbar-area:not(.sticky-menu) .header-btn a.boxed-btn:before {
background: #ffffff;
}
.ameya-template .navbar-area:not(.sticky-menu) .cart-title,
.ameya-template .navbar-area:not(.sticky-menu) .cart-title:focus,
.ameya-template .navbar-area:not(.sticky-menu) .cart-title:hover {
color: #ffffff;
} .ameya-template input[type="button"], .ameya-template input[type="reset"],
.ameya-template input[type="submit"], .ameya-template .wp-block-search__button,
.ameya-template .blog-post .read-more-link, .ameya-template .blog-post .more-link,
.ameya-template .boxed-btn {
border-radius: 50px;
}
.ameya-template .header-slider .boxed-btn i {
margin-left: 10px;
display: inline-block;
padding: 10px;
border-radius: 60px;
background: rgb(0 0 0 / 6%);
}
.ameya-template .header-slider .boxed-btn:focus,
.ameya-template .header-slider .boxed-btn:hover {
transition: 300ms;
transform: translateX(10px);
} .ameya-template .theme-slider div.theme-content {
margin-top: 50px;
margin-bottom: 80px;
}
.ameya-template .header-slider p {
color: rgba(255, 255, 255, 0.85);
}
.ameya-template .theme-slider:after {
opacity: 0.8;
background-color: #0F1425;
}
.ameya-template .header-slider .owl-nav {
display: none;
}
.ameya-template .header-slider .owl-nav .owl-prev,
.ameya-template .header-slider .owl-nav .owl-next {
display: block;
margin: auto 0;
position: absolute;
top: 0;
bottom: 0;    
z-index: 100;
border-radius: 0;
padding: 0;
font-size: 0;
font-weight: 300;
letter-spacing: 0;
text-align: center;
text-indent: 0;
cursor: pointer;
opacity: 1;
background: #ffffff;
width: 55px;
transition: 0.5s;
line-height: unset;
height: 30px;
outline: none;
border: 14px solid rgba(255, 255, 255, 0);
border-left: unset;
border-right: unset;
background-clip: padding-box;
}
.ameya-template .header-slider .owl-nav .owl-prev {
left: 30px;
}
.ameya-template .header-slider .owl-nav .owl-next {
right: 30px;
}
.ameya-template .header-slider .owl-nav .owl-prev:before,
.ameya-template .header-slider .owl-nav .owl-next:before,
.ameya-template .header-slider .owl-nav .owl-prev:after,
.ameya-template .header-slider .owl-nav .owl-next:after {
content: '';
position: absolute;
width: 20px;
height: 10px;
transition: 0.4s;
color: #ffffff;
}
.ameya-template .header-slider .owl-nav .owl-prev:before {
bottom: 0;
left: 0;
border-bottom: 2px solid;
transform: rotate(-45deg);
transform-origin: 0% 100%;
}
.ameya-template .header-slider .owl-nav .owl-prev:after {
top: 0;
left: 0;
border-top: 2px solid;
transform: rotate(45deg);
transform-origin: 0% 0%;
}
.ameya-template .header-slider .owl-nav .owl-prev:hover:before {
width: 25px;
transform: rotate(-20deg);
}
.ameya-template .header-slider .owl-nav .owl-prev:hover:after {
width: 25px;
transform: rotate(20deg);
}
.ameya-template .header-slider .owl-nav .owl-next:before {
bottom: 0;
right: 0;
border-bottom: 2px solid;
transform: rotate(45deg);
transform-origin: 100% 100%;
transition: 0.5s;
}
.ameya-template .header-slider .owl-nav .owl-next:after {
top: 0;
right: 0;
border-top: 2px solid;
transform: rotate(-45deg);
transform-origin: 100% 0;
transition: 0.5s;
}
.ameya-template .header-slider .owl-nav .owl-next:hover:before {
transform: rotate(20deg);
width: 25px;
transition: 0.5s;
}
.ameya-template .header-slider .owl-nav .owl-next:hover:after {
transform: rotate(-20deg);
width: 25px;
transition: 0.5s;
}
.ameya-template .header-slider .owl-thumbs {
display: none;
}   .ameya-template .single-contact {
padding: 30px 20px 30px 35px;
overflow: hidden;
}
.ameya-template .single-contact:before {
content: "\f013";
font-family: fontawesome;
position: absolute;
top: -200%;
right: -200%;
color: #ffffff;
font-size: 195px;
opacity: 0.17;
z-index: -1;
-webkit-animation: spin 12s linear infinite;
-moz-animation: spin 12s linear infinite;
animation: spin 12s linear infinite;
transition: all .5s ease;
}
.ameya-template .single-contact:hover:before {
top: -113%;
right: -15%;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .ameya-template .single-contact .single-icon {
border: 2px solid transparent;
}
.ameya-template .single-contact:hover .single-icon {
background: none;
border-color: #ff6a3e;
}
.ameya-template .single-contact:hover i {
color: #ffffff;
}
.ameya-template .single-contact:hover .spin-circle:after {
background: #ffffff;
}
.ameya-template .contact-wrapper h5 {
font-size: 17px;
letter-spacing: 0.75px;
}
.ameya-template .contact-wrapper p {
margin-top: 5px;
} .ameya-template .single-icon:after {
background: #ffffff;
box-shadow: 5px 10px 20px rgb(0 0 0 / 0.2);
opacity: 1;
}
.ameya-template .header-above i:after,
.ameya-template .single-contact .single-icon:before {
position: absolute;
content: "";
width: 0;
height: 65px;
top: -2px;
right: 0;
bottom: 0;
left: -2px;
background: #ff6a3e;
border-radius: 50%;
z-index: 1;
opacity: 0;
transition: all .5s ease;
}
.ameya-template .single-contact:focus-within .single-icon:before,
.ameya-template .single-contact:hover .single-icon:before {
width: 65px;
opacity: 1;
}
.ameya-template .header-above i {
position: relative;
display: inline-table;
}
.ameya-template .header-above i:before {
position: relative;
z-index: 2;
}
.ameya-template .header-above a:hover i,
.ameya-template .header-above a:focus i {
transform: none;
color: #ffffff;
}
.ameya-template .header-above i:after {
height: 32px;
}
.ameya-template .header-above a:hover i:after,
.ameya-template .header-above a:focus i:after {
width: 32px;
opacity: 1;
}   .ameya-template .service-box {
overflow: hidden;
padding: 40px;
border-radius: 3px;
}
.ameya-template .service-box figure {
margin: 0;
}
.ameya-template .service-box h3 {
font-size: 18px;
margin-bottom: 7px;
}
.ameya-template .service-box h3 br,
.ameya-template .service-box .devider {
display: none;
}
.ameya-template .service-box p {
font-size: 15px;
color: #969696;
line-height: 1.8em;
margin-bottom: 5px;
}
.ameya-template .service-box a.boxed-btn {
padding: 0;
line-height: normal;
background: none;
font-weight: 600;
color: inherit !important;
letter-spacing: 0.25px;
text-decoration: underline;
transition: none;
border-radius: 0;
}
.ameya-template .service-box a.boxed-btn i,
.ameya-template .service-box a.boxed-btn:before {
display: none;
}
.ameya-template .service-box figcaption {
position: relative;
z-index: 1;
}
.ameya-template .service-box:before {
content: "";
width: 100%;
height: 100%;
background: rgb(0 0 0 / 0.5);
position: absolute;
top: 0;
left: -100%;
opacity: 1;
z-index: 0;
}
.ameya-template .service-box:focus-within:before,
.ameya-template .service-box:hover:before {
left: 0;
transition: 300ms;
transition-delay: 200ms;
}
.ameya-template .service-icon {
width: 70px;
height: 70px;
padding: 5px;
line-height: 70px;
text-align: center;
display: inline-block;
color: #ffffff;
background: #ff6a3e;
border-radius: 100px;
margin-bottom: 20px;
-webkit-transition: all .3s;
transition: all .3s;
}
.ameya-template .service-box:focus-within .service-icon,
.ameya-template .service-box:hover .service-icon {
animation-name: iconsrvbox;
animation-duration: 1s;
}
@keyframes iconsrvbox {
0%{
transform:scale(1)
}
50%{
transform:scale(1.1)
}
100%{
transform:scale(1)
}
}
.ameya-template .service-icon i {
margin: 0;
font-size: 32px;
}  .ameya-template #breadcrumb-area {
padding-top: 205px;
}
.ameya-template #breadcrumb-area:after {
background: #0F1425;
opacity: 0.8;
}  @media only screen and (max-width:767px) {
.ameya-template .header-slider p {
display: block;
width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ameya-template .theme-slider .text-center p {
margin-left: auto;
margin-right: auto;
}
.ameya-template .theme-slider .text-right p {
margin-left: auto;
}
.ameya-template .header-slider .boxed-btn {
padding: 6px 30px;
}
.ameya-template .header-slider .boxed-btn i {
padding: 6px;
font-size: 11px;
vertical-align: bottom;
}
}
@media only screen and (min-width:992px) {
.ameya-template .single-contact .d-flex {
text-align: center;
}
.ameya-template .header-slider .owl-thumbs {
bottom: 190px;
}
.ameya-template .contact-wrapper {
margin-top: -160px;
background: none;
border-bottom: 0;
}
.ameya-template .single-contact {
color: #ffffff;
background: rgba(13, 20, 30, 0.47);        
border: 1px solid #1E253D;
}
.ameya-template .single-contact:focus-within,
.ameya-template .single-contact:hover {
background: rgba(35, 44, 57, 0.47);
}
.ameya-template .single-contact:not(:last-child) {
margin-right: 15px;
}
.ameya-template .single-contact:after {
visibility: hidden;
} .ameya-template .contact-wrapper p {
color: rgba(231, 231, 231, 0.82);
}
.ameya-template .header-slider .owl-nav {
display: block;
}
}