.full-screen-area {
position: relative;
overflow: hidden;
height: 100vh;
background: #fff;
padding-right: 61px;
}
.full-screen-area.navigation-style3 {
padding-right: 0;
}
.site-dark .full-screen-area {
background: #000;
}
.full-screen-area .fc-top-nav {
position: absolute;
top: 45px;
left: 0;
right: 61px;
z-index: 2;
}
.full-screen-area .fc-top-nav .h {
float: left;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
margin-right: 15px;
}
.full-screen-area .fc-top-nav .h strong {
margin-right: 10px;
}
.full-screen-area .fc-top-nav .h span {
opacity: .5;
}
.full-screen-area .fc-top-nav .arrows {
font-size: 15px;
}
.full-screen-area .fc-top-nav .arrows>* {
display: inline-block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: 0 6px;
cursor: pointer;
}
.full-screen-area .fc-top-nav .arrows>*.disabled {
opacity: .5;
pointer-events: none;
}
.full-screen-area .fc-top-nav .arrows>*:not(.disabled):hover {
color: #ebb85e;
}
.full-screen-area .fc-navigation {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border-left: 1px solid #eeeeee;
background: #fff;
color: #ccc;
width: 61px;
z-index: 5;
}
.site-dark .full-screen-area .fc-navigation {
border-color: #393939;
background: #0d0d0d;
}
.full-screen-area.navigation-style3 .fc-navigation {
border: none;
background: none;
width: 4px;
top: 50%;
right: 30px;
bottom: auto;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
margin-right: -12px;
}
.full-screen-area.navigation-style3 .fc-navigation .current-line {
display: none;
}
.full-screen-area .fc-navigation .current-line,
.one-screen-area .dec-line,
.side-header .dec-line,
.banner-area .dec-line {
position: absolute;
top: calc(100% - 40px);
left: -1px;
height: 40px;
width: 1px;
background: #ebb85e;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.side-header .dec-line {
left: auto;
right: -1px;
}
.full-screen-area .fc-navigation ul {
padding: 0;
margin: 0;
}
.full-screen-area.navigation-style2 .fc-navigation ul {
position: absolute;
top: 50%;
left: 0;
right: 0;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.full-screen-area .fc-navigation ul .item {
display: block;
height: 50px;
text-align: center;
position: relative;
cursor: pointer;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.navigation-style1 .fc-navigation ul .item {
border-bottom: 1px solid #eee;
}
.site-dark .navigation-style1 .fc-navigation ul .item {
border-color: #131313;
}
.navigation-style1 .fc-navigation ul .item:last-of-type {
border-bottom: none;
}
.full-screen-area.navigation-style2 .fc-navigation ul .item {
background: none !important;
color: inherit !important;
margin: 35px 0;
}
.site-dark .full-screen-area .fc-navigation .item {
color: #353535;
}
.site-light .full-screen-area.navigation-style3 .fc-navigation .item.active {
background: #ebb85e;
}
.site-dark .full-screen-area .fc-navigation .item.active {
background: #161616;
color: #999999;
}
.site-dark .full-screen-area.navigation-style3 .fc-navigation .item.active {
background: #ebb85e;
}
.full-screen-area.navigation-style3 .fc-navigation ul .item {
width: 4px;
height: 4px !important;
border-radius: 50%;
margin: 20px 0;
background: #b1b0b0;
}
.full-screen-area.navigation-style3 .fc-navigation ul .item:before {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
}
.full-screen-area.navigation-style3 .fc-navigation ul .item:first-of-type {
margin-top: 0;
}
.full-screen-area.navigation-style3 .fc-navigation ul .item:last-of-type {
margin-bottom: 0;
}
.site-dark .full-screen-area.navigation-style3 .fc-navigation ul .item {
background: #fff;
}
.wrap-lines-right-dark .full-screen-area.navigation-style3 .fc-navigation ul .item {
background: #b1b0b0;
}
.full-screen-area.navigation-style3 .fc-navigation ul .item * {
display: none;
}
.full-screen-area .fc-navigation .item .label {
white-space: nowrap;
position: absolute;
top: 50%;
right: -0.05em;
font-weight: bold;
text-transform: uppercase;
font-family: "IBM Plex Sans Condensed";
line-height: 1em;
margin-top: -.5em;
font-size: 48px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
-moz-transform: translate(100%, 0%);
-ms-transform: translate(100%, 0%);
-webkit-transform: translate(100%, 0%);
-o-transform: translate(100%, 0%);
transform: translate(100%, 0%);
}
.full-screen-area.navigation-style2 .fc-navigation .item .label {}
.full-screen-area .fc-navigation .item:hover .label {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.full-screen-area .fc-navigation .item .label2 {
display: none;
}
.full-screen-area.navigation-style2 .fc-navigation .item .label2 {
display: block;
font-size: 14px;
color: #696969;
font-family: "IBM Plex Sans Condensed";
text-transform: uppercase;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
white-space: nowrap;
letter-spacing: .1em;
-moz-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-o-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.full-screen-area.navigation-style2 .fc-navigation .item:hover .label2 {
opacity: 0;
}
.full-screen-area .fc-navigation .item .num {
font-size: 12px;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.full-screen-area.navigation-style2 .fc-navigation .item .num {
display: none;
}
.full-screen-area .fc-navigation .item:hover .num {
opacity: 0;
}
.full-screen-area .fc-wrap {
position: absolute;
top: 0;
left: 0;
right: 61px;
bottom: 0;
overflow: hidden;
z-index: 1;
}
.full-screen-area.navigation-style3 .fc-wrap {
right: 0;
}
.full-screen-area .fc-item {
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
background-size: cover;
background-position: 50%;
overflow: hidden;
background-repeat: no-repeat;
}
.site-dark .full-screen-area .fc-item {
background-color: #070707;
}
.full-screen-area .fc-item.active {
transform: translateY(0vh);
}
.full-screen-area .fc-item.prev {
transform: translate3d(0px, -100vh, 0px);
}
.full-screen-area .fc-item.next {
transform: translate3d(0px, 50vh, 0px);
}
.full-screen-area .fc-item>.cell {
height: 100vh;
}
.full-screen-area .fc-item>.cell>.container,
.full-screen-area .fc-item>.cell>.container-fluid {
position: static;
padding: 30px 15px;
}
.full-screen-area .fc-item>.cell>.container.no-padding,
.full-screen-area .fc-item>.cell>.container-fluid.no-padding {
padding: 0;
} .portfolio-items {}
.portfolio-type-justified {
position: relative;
}
.portfolio-type-carousel {}
.portfolio-type-carousel .owl-dots {
margin: 35px 0;
}
.portfolio-type-carousel.owl-carousel.owl-loaded {
margin: 30px 0;
}
.portfolio-type-carousel .owl-item {
padding: 1px;
}
.portfolio-items.gap-off {
margin: 0;
}
.portfolio-item {
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
position: relative;
color: #fff;
}
.site-dark .portfolio-item {}
.owl-carousel .portfolio-item {
margin-bottom: 0;
}
.portfolio-type-justified .portfolio-item {
position: absolute;
width: auto;
padding: 0px;
margin: 0; }
.gap-off .portfolio-item,
.portfolio-type-packery .portfolio-item {
margin: 0;
padding: 0;
}
.portfolio-item .wrap {
position: relative;
overflow: hidden;
color: #fff;
box-shadow: 0 0 0 1px #eee;
}
.portfolio-item .wrap .v-i {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
.hover-style4 .portfolio-item .wrap .v-i {
top: 30px;
right: 30px;
}
.site-dark .portfolio-item .wrap {
box-shadow: 0 0 0 1px #393939;
}
.portfolio-type-packery .portfolio-item:before {
content: "";
display: block;
padding-bottom: 67%;
}
.portfolio-item .wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
background: #151515;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.portfolio-item:hover .wrap:before {
opacity: .7;
filter: alpha(opacity=70);
visibility: visible;
border-radius: 0;
}
.portfolio-item .a-img {
overflow: hidden;
}
.portfolio-type-justified .portfolio-item .a-img,
.portfolio-type-justified .portfolio-item .wrap,
.portfolio-type-packery .portfolio-item .a-img,
.portfolio-type-packery .portfolio-item .wrap,
.portfolio-type-packery .portfolio-item .a-img div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.portfolio-type-packery.gap-on .portfolio-item .wrap {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
.portfolio-item .a-img div {
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
}
.portfolio-type-packery .portfolio-item .a-img div {
padding-bottom: 0%;
}
.portfolio-item.image-center .a-img div {
background-position: 50% !important;
}
.portfolio-item.image-left .a-img div {
background-position: 0% 50% !important;
}
.portfolio-item.image-right .a-img div {
background-position: 100% 50% !important;
}
.portfolio-item.image-top .a-img div {
background-position: 50% 0% !important;
}
.portfolio-item.image-bottom .a-img div {
background-position: 50% 100% !important;
}
.portfolio-item .a-img img {
display: block;
width: 100%;
}
.portfolio-type-justified .portfolio-item img {
position: absolute;
top: 50%;
left: 50%;
}
.portfolio-item h6 {
margin: 0;
position: absolute;
top: 50%;
left: 0;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: 2;
}
.portfolio-item:hover h6 {
opacity: 1;
visibility: visible;
}
.portfolio-item h6 .cell {
width: 10000px;
height: 85px;
padding: 15px 45px;
}
.portfolio-item>a {
position: absolute;
top: 0;
left: 15px;
right: 15px;
bottom: 0;
z-index: 2;
}
.portfolio-type-justified .portfolio-item>a {
left: 0;
right: 0;
}
.portfolio-type-carousel .portfolio-item a {
left: 0;
right: 0;
}
.portfolio-type-packery.gap-on .portfolio-item a {
top: 15px;
bottom: 15px;
}
.gap-off .portfolio-item a {
left: 0;
right: 0;
}
.load-items-area {
display: none !important;
}
.load-button,
.loadmore-button-block {
margin: 0 0 30px;
width: 100%;
padding-bottom: 20px;
position: relative;
z-index: 1;
}
.blog-items+.load-button,
.blog-items+.loadmore-button-block {
margin: 0 0 30px 0;
padding: 0;
}
.portfolio-items+.load-button,
.portfolio-items+.loadmore-button-block {
padding: 0;
margin: 0 0 30px;
}
.portfolio-type-justified+.load-button,
.portfolio-type-packery+.load-button,
.portfolio-type-justified+.loadmore-button-block,
.portfolio-type-packery+.loadmore-button-block {
margin: 15px 0 30px;
}
.portfolio-items.gap-off+.load-button,
.portfolio-items.gap-off+.loadmore-button-block {
margin: 30px 0;
}
.portfolio-items.space-on+.load-button,
.portfolio-items.space-on+.loadmore-button-block {
margin-bottom: 30px;
}
.portfolio-items+.load-button a {}
.portfolio-type-packery.cols-2 .portfolio-item:nth-child(3n+2):before {
padding-bottom: 133.5%;
}
.portfolio-type-packery.cols-3 .portfolio-item:nth-child(5n+2):before {
padding-bottom: 133.5%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+4) {}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+4):before {
padding-bottom: 134%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+5) {
width: 50%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+5):before {
padding-bottom: 33.5%;
}
.hover-style1 .portfolio-item a {}
.hover-style1 .portfolio-item a:before,
.hover-style1 .portfolio-item a:after,
.hover-style1 .portfolio-item a span:before,
.hover-style1 .portfolio-item a span:after {
content: "";
position: absolute;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0.5;
background: #fff;
}
.hover-style1 .portfolio-item a:before,
.hover-style1 .portfolio-item a:after {
top: 8px;
bottom: 8px;
width: 1px;
}
.hover-style1 .portfolio-item a:before {
left: 8px;
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
.hover-style1 .portfolio-item a:after {
right: 8px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.hover-style1 .portfolio-item a span:before,
.hover-style1 .portfolio-item a span:after {
height: 1px;
left: 8px;
right: 8px;
}
.hover-style1 .portfolio-item a span:before {
top: 8px;
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.hover-style1 .portfolio-item a span:after {
bottom: 8px;
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.hover-style1 .portfolio-item:hover a:before,
.hover-style1 .portfolio-item:hover a:after,
.hover-style1 .portfolio-item:hover a span:before,
.hover-style1 .portfolio-item:hover a span:after {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.hover-style1 .portfolio-item:hover a:before {
transition-delay: .5s;
}
.hover-style1 .portfolio-item:hover a:after {
transition-delay: .9s;
}
.hover-style1 .portfolio-item:hover a span:before {
transition-delay: .7s;
}
.hover-style1 .portfolio-item:hover a span:after {
transition-delay: 1.1s;
}
.hover-style1 .portfolio-item h6 {
font-family: "IBM Plex Sans Condensed";
font-weight: 100;
font-size: 24px;
text-transform: none;
line-height: 1.200em;
left: 30px;
right: 30px;
}
.hover-style1.cols-4 .portfolio-item h6 {
font-size: 24px;
}
.hover-style1 .portfolio-item h6:before,
.hover-style1 .portfolio-item h6:after,
.hover-style1 .portfolio-item h6>span:before,
.hover-style1 .portfolio-item h6>span:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
opacity: 0.5;
background: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hover-style1 .portfolio-item h6:before,
.hover-style1 .portfolio-item h6>span:before {
left: -21px;
}
.hover-style1 .portfolio-item:hover h6:before,
.hover-style1 .portfolio-item:hover h6>span:before {
transition-delay: .75s;
}
.hover-style1 .portfolio-item h6:after,
.hover-style1 .portfolio-item h6>span:after {
right: -21px;
}
.hover-style1 .portfolio-item:hover h6:after,
.hover-style1 .portfolio-item:hover h6>span:after {
transition-delay: .95s;
}
.hover-style1 .portfolio-item h6:before,
.hover-style1 .portfolio-item h6:after {
width: 0;
}
.hover-style1 .portfolio-item:hover h6:before,
.hover-style1 .portfolio-item:hover h6:after {
width: 50px;
}
.hover-style1 .portfolio-item:hover h6>span:before,
.hover-style1 .portfolio-item:hover h6>span:after {
width: 1px;
opacity: 1;
}
.hover-style1 .portfolio-item:hover h6>span:before {
left: 28px;
}
.hover-style1 .portfolio-item:hover h6>span:after {
right: 28px;
}
.hover-style2 .portfolio-item .wrap:before {
display: none;
}
.hover-style2 .portfolio-item h6 {
color: #a4a4a4;
top: auto;
bottom: 0;
-moz-transform: translate(0%, 100%);
-ms-transform: translate(0%, 100%);
-webkit-transform: translate(0%, 100%);
-o-transform: translate(0%, 100%);
transform: translate(0%, 100%);
opacity: 1;
visibility: visible;
background: #070707;
background: rgba(7, 7, 7, 0.6);
background: #07070799;
font-size: 16px;
font-family: "IBM Plex Sans Condensed";
letter-spacing: .1em;
}
.site-light .hover-style2 .portfolio-item h6 {
background: #fff;
background: rgba(255, 255, 255, 0.6);
background: #ffffff99;
color: #575757;
}
.hover-style2 .portfolio-item:hover h6 {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.hover-style2 .portfolio-item h6 .cell span:after,
.hover-style7 .portfolio-item .h-b .cell span:after {
content: "\e90b";
font-family: 'solid-arrow-collection' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
margin-left: 10px;
}
.hover-style3 .portfolio-item h6 {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
top: auto;
bottom: 60px;
text-align: left;
font-family: "Roboto";
font-size: 18px;
text-transform: none;
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
opacity: 1;
}
.hover-style3 .portfolio-item:hover h6 {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.hover-style3 .portfolio-item h6 .cell {
height: auto;
padding: 0 40px;
}
.hover-style3 .portfolio-item a:before,
.hover-style3 .portfolio-item a:after {
content: "";
position: absolute;
left: 0;
bottom: 50px;
height: 1px;
width: 0;
background: #f4f4f4;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hover-style3 .portfolio-item:hover a:before {
width: 100%;
}
.hover-style3 .portfolio-item a:after {
background: #ebb85e;
}
.hover-style3 .portfolio-item:hover a:after {
width: 40px;
}
.hover-style4 .portfolio-item a:before,
.hover-style4 .portfolio-item a:after,
.hover-style4 .portfolio-item a span:before,
.hover-style4 .portfolio-item a span:after {
content: "";
position: absolute;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0.5;
background: #fff;
}
.hover-style4 .portfolio-item a:before,
.hover-style4 .portfolio-item a:after {
top: 18px;
bottom: 18px;
width: 1px;
}
.hover-style4 .portfolio-item a:before {
left: 18px;
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
.hover-style4 .portfolio-item a:after {
right: 18px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.hover-style4 .portfolio-item a span:before,
.hover-style4 .portfolio-item a span:after {
height: 1px;
left: 18px;
right: 18px;
}
.hover-style4 .portfolio-item a span:before {
top: 18px;
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.hover-style4 .portfolio-item a span:after {
bottom: 18px;
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.hover-style4 .portfolio-item:hover a:before,
.hover-style4 .portfolio-item:hover a:after,
.hover-style4 .portfolio-item:hover a span:before,
.hover-style4 .portfolio-item:hover a span:after {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
transition-delay: .2s;
}
.hover-style4 .portfolio-item .h-i span,
.portfolio-slider-w-filter .h-i span,
.testimonial-item-type2 .h-i span {
position: absolute;
z-index: 2;
width: 1px;
height: 1px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: .6;
}
.hover-style4 .portfolio-item:hover .h-i span,
.portfolio-slider-w-filter .active .h-i span,
.testimonials-type2 .active .h-i span {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.hover-style4 .portfolio-item .h-i span:nth-child(1) {
top: 18px;
left: 18px;
}
.hover-style4 .portfolio-item .h-i span:nth-child(2) {
top: 18px;
right: 18px;
}
.hover-style4 .portfolio-item .h-i span:nth-child(3) {
bottom: 18px;
right: 18px;
}
.hover-style4 .portfolio-item .h-i span:nth-child(4) {
left: 18px;
bottom: 18px;
}
.hover-style4 .portfolio-item .h-i span:before,
.hover-style4 .portfolio-item .h-i span:after,
.portfolio-slider-w-filter .h-i span:before,
.portfolio-slider-w-filter .h-i span:after,
.testimonial-item-type2 .h-i span:before,
.testimonial-item-type2 .h-i span:after {
content: "";
position: absolute;
background: #fff;
top: 0;
left: 0;
margin: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.site-light .hover-style4 .portfolio-item .h-i span:before,
.site-light .hover-style4 .portfolio-item .h-i span:after,
.site-light .portfolio-slider-w-filter .h-i span:before,
.site-light .portfolio-slider-w-filter .h-i span:after,
.site-light .testimonial-item-type2 .h-i span:before,
.site-light .testimonial-item-type2 .h-i span:after {
background: #9a9a9a;
}
.hover-style4 .portfolio-item .h-i span:before,
.portfolio-slider-w-filter .h-i span:before,
.testimonial-item-type2 .h-i span:before {
width: 0;
height: 1px;
}
.hover-style4 .portfolio-item .h-i span:after,
.portfolio-slider-w-filter .h-i span:after,
.testimonial-item-type2 .h-i span:after {
height: 0;
width: 1px;
}
.hover-style4 .portfolio-item:hover .h-i span:before,
.portfolio-slider-w-filter .active .h-i span:before,
.testimonials-type2 .active .h-i span:before {
width: 9px;
margin-left: -4px;
}
.hover-style4 .portfolio-item:hover .h-i span:after,
.portfolio-slider-w-filter .active .h-i span:after,
.testimonials-type2 .active .h-i span:after {
height: 9px;
margin-top: -4px;
margin-top: -4px;
}
.hover-style4 .portfolio-item h6 {
font-family: "Roboto";
font-size: 16px;
font-weight: 300;
text-transform: none;
top: auto;
text-align: left;
bottom: 60px;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
padding-left: 90px;
padding-right: 30px;
color: #989796;
}
.hover-style4 .portfolio-item h6:before,
.hover-style4 .portfolio-item h6:after {
content: "";
position: absolute;
left: 18px;
top: 50%;
height: 1px;
width: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #fff;
transition-delay: .3s;
}
.hover-style4 .portfolio-item h6:before {
opacity: .2;
}
.hover-style4 .portfolio-item:hover h6:before {
width: 55px;
}
.hover-style4 .portfolio-item h6:after {}
.hover-style4 .portfolio-item:hover h6:after {
width: 1px;
left: 72px;
}
.hover-style4 .portfolio-item h6 .cell {
height: auto;
padding: 0;
}
.hover-style5 .portfolio-item .cell-block {
position: absolute;
top: 50%;
left: 30px;
right: 30px;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 2;
}
.hover-style5 .portfolio-item .cell-block h4 {
text-transform: none;
font-weight: 500;
font-family: "IBM Plex Sans Condensed";
line-height: 1.2;
-moz-transform: translate(0%, -100px);
-ms-transform: translate(0%, -100px);
-webkit-transform: translate(0%, -100px);
-o-transform: translate(0%, -100px);
transform: translate(0%, -100px);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
visibility: hidden;
}
.hover-style5 .portfolio-item .cell-block .button-style1 {
-moz-transform: translate(0%, 100px);
-ms-transform: translate(0%, 100px);
-webkit-transform: translate(0%, 100px);
-o-transform: translate(0%, 100px);
transform: translate(0%, 100px);
opacity: 0;
visibility: hidden;
}
.hover-style5 .portfolio-item:hover .cell-block h4,
.hover-style5 .portfolio-item:hover .cell-block .button-style1 {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
opacity: 1;
visibility: visible;
}
.hover-style5 .portfolio-item a:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0 0 0 1px transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.hover-style5 .portfolio-item:hover a:before {
box-shadow: 0 0 0 1px;
opacity: .5;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
color: #ebb85e;
}
.hover-style6 .portfolio-item h6 {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
top: auto;
bottom: 55px;
text-align: left;
font-family: "Roboto";
font-size: 18px;
text-transform: none;
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
opacity: 1;
}
.hover-style6 .portfolio-item:hover h6 {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.hover-style6 .portfolio-item h6 .cell {
height: auto;
padding: 0 60px;
}
.hover-style6 .portfolio-item a:before,
.hover-style6 .portfolio-item a:after,
.hover-style6 .portfolio-item a span:before,
.hover-style6 .portfolio-item a span:after {
content: "";
position: absolute;
left: 0;
bottom: 35px;
height: 1px;
width: 0;
background: #f4f4f4;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hover-style6 .portfolio-item:hover a:before {
width: 100%;
}
.hover-style6 .portfolio-item:hover a span:before {
height: 100%;
}
.hover-style6 .portfolio-item a:after,
.hover-style6 .portfolio-item a span:after {
background: #ebb85e;
}
.hover-style6 .portfolio-item a span:before,
.hover-style6 .portfolio-item a span:after {
bottom: 0;
left: 35px;
height: 0;
width: 1px;
}
.hover-style6 .portfolio-item:hover a:after {
width: 35px;
}
.hover-style6 .portfolio-item:hover a span:after {
height: 35px;
}
.hover-style7 .portfolio-item { }
.hover-style7 .img-count {
position: absolute;
top: 50%;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 2;
text-align: center;
left: 15px;
right: 15px;
}
.hover-style7 .img-count i {
color: #696969;
font-size: 40px;
margin-bottom: 5px;
display: block;
-moz-transform: translate(0%, -100%);
-ms-transform: translate(0%, -100%);
-webkit-transform: translate(0%, -100%);
-o-transform: translate(0%, -100%);
transform: translate(0%, -100%);
}
.hover-style7 .img-count span {
display: block;
font-size: 14px;
color: #c5c3c3;
font-weight: 500;
-moz-transform: translate(0%, 100%);
-ms-transform: translate(0%, 100%);
-webkit-transform: translate(0%, 100%);
-o-transform: translate(0%, 100%);
transform: translate(0%, 100%);
transition-delay: 0s;
}
.hover-style7 .img-count i,
.hover-style7 .img-count span {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
visibility: hidden;
}
.hover-style7 .portfolio-item:hover .img-count i,
.hover-style7 .portfolio-item:hover .img-count span {
opacity: 1;
visibility: visible;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.hover-style7 .portfolio-item:hover .img-count span {
transition-delay: .2s;
}
.hover-style7 .portfolio-item .h-b {
position: relative;
top: 0;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
opacity: 1;
visibility: visible;
font-size: 16px;
font-weight: 500;
color: #c5c3c3;
}
.portfolio-type-justified.hover-style7 .portfolio-item .h-b {
position: absolute;
bottom: 0;
top: auto;
}
.hover-style7.portfolio-type-justified .portfolio-item .wrap {
top: 1px;
left: 1px;
right: 1px;
bottom: 65px;
}
.hover-style7 .portfolio-item .h-b .cell {
height: 65px;
padding: 5px 30px;
}
.hover-style7 .portfolio-item .h-b .cell span:after {
opacity: .5;
}
.portfolio-item-thumbnails,
.portfolio-item-thumbnails .popup-item:first-of-type,
.portfolio-item-thumbnails .popup-item:first-of-type a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
opacity: 1;
visibility: visible;
}
.portfolio-item-thumbnails .popup-item {
opacity: 0;
visibility: hidden;
} .project-horizontal-cell {
display: table-cell;
vertical-align: middle;
}
.pt-portfolio.type-pt-portfolio.hentry {
margin: 0;
}
.projects-slider {
min-height: 600px;
}
.projects-slider.style3 {
height: auto !important;
}
.projects-content {
width: 275px;
float: left;
position: relative;
z-index: 2;
}
.style2 .projects-content {
width: 475px;
width: 42%;
}
.style2 .projects-content:before {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 190px;
height: 430px;
background: #000;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
opacity: 0.05;
}
.projects-content .cell {
padding: 15px 0;
width: 1324px;
}
.projects-content .heading-decor {}
.style2 .projects-content .heading-decor {
margin-top: -55px;
}
.projects-content .num-nav {
max-width: 190px;
}
.projects-slider.style3 .num-nav {
max-width: 260px;
margin-bottom: 10px;
}
.projects-content .num-nav .owl-item:last-of-type,
.project-content .num-nav .owl-item:last-of-type,
.product-carousel-side .num-nav .owl-item:last-of-type {
margin-right: 0 !important;
}
.projects-content .num-nav .owl-prev,
.projects-content .num-nav .owl-next,
.project-content .num-nav .owl-prev,
.project-content .num-nav .owl-next,
.product-carousel-side .num-nav .owl-prev,
.product-carousel-side .num-nav .owl-next {
opacity: 0.2;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 0.7em;
position: absolute;
top: 50%;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.projects-content .num-nav .owl-prev.disabled,
.projects-content .num-nav .owl-next.disabled,
.project-content .num-nav .owl-prev.disabled,
.project-content .num-nav .owl-next.disabled,
.product-carousel-side .num-nav .owl-prev.disabled,
.product-carousel-side .num-nav .owl-next.disabled {
opacity: 0;
}
.projects-content .num-nav .owl-prev,
.project-content .num-nav .owl-prev,
.product-carousel-side .num-nav .owl-prev {
left: -20px;
}
.projects-content .num-nav .owl-next,
.project-content .num-nav .owl-next,
.product-carousel-side .num-nav .owl-next {
right: -20px;
}
.projects-content .num-nav .item,
.project-content .num-nav .item,
.product-carousel-side .num-nav .item {
opacity: 0.2;
font-size: 1.286em;
font-weight: lighter;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
border-bottom: 2px solid transparent;
cursor: pointer;
}
.projects-content .num-nav .active-item .item,
.project-content .num-nav .active-item .item,
.product-carousel-side .num-nav .active-item .item {
opacity: 1;
border-bottom-color: #f8e382;
}
.projects-content .current-num {
font-size: 14.286em;
line-height: 1em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-heading-area {
position: relative;
padding: 45px 0;
}
.project-heading-area .current-num {
font-size: 5.143em;
font-weight: bold;
position: absolute;
top: 50%;
left: 0;
opacity: 0.2;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.projects-slider .fadeOut {
opacity: 0 !important;
visibility: hidden;
}
.projects-content .project-heading {
background: #51c2cd;
color: #fff;
font-size: 2.571em;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
padding: 25px 0 25px 1000px;
margin: 20px 0 15px;
margin-left: -1000px;
margin-right: -120px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-heading-area .project-heading {
padding: 0 0 0 50px;
margin: 0;
background: none;
color: inherit;
}
.projects-content .project-desc {
font-weight: 300;
line-height: 1.714em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.style2 .projects-content .project-desc {
border-bottom: 2px solid #51c2cd;
max-width: 350px;
padding-bottom: 30px;
}
.project-read-more {
margin-top: 85px;
}
.project-content .project-read-more {
color: #51c2cd;
margin: 0;
font-size: 13px;
text-transform: uppercase;
position: absolute;
top: 85px;
right: -15px;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.project-content .project-read-more a {
text-decoration: none;
}
.project-content .project-read-more a i {
font-size: 10px;
vertical-align: middle;
margin-top: -3px;
display: inline-block;
margin-right: 3px;
}
.all-button {
position: relative;
}
.all-button.right {
text-align: right;
}
.all-button:before {
content: "";
position: absolute;
top: 50%;
left: -1030px;
width: 1000px;
height: 2px;
background: #feb539;
margin-top: -1px;
opacity: .5;
}
.all-button.right:before {
right: -1030px;
left: auto;
}
.projects-content .all-button {
margin-top: 25px;
}
.all-button a {
display: block;
text-transform: uppercase;
text-decoration: none;
opacity: .2;
}
.all-button a:hover {
opacity: 1;
}
.all-button i {
margin-left: 7px;
font-size: 0.8em;
vertical-align: middle;
display: inline-block;
margin-top: -0.3em;
}
.project-items-area {
margin-left: 300px;
}
.style2 .project-items-area {
margin-left: 42%;
}
.project-items {
float: left; overflow: hidden;
min-height: 600px;
}
.projects-slider.style3 .project-items {
width: 100%;
float: none;
height: 480px !important;
min-height: 480px;
overflow: visible;
}
.project-items .owl-nav {
display: none;
}
.style3 .project-items .owl-nav {
display: block;
position: absolute;
right: -10px;
bottom: -45px;
}
.style2 .project-items .owl-nav {
display: block;
position: absolute;
top: 50%;
right: -5px;
margin-top: -250px;
}
.project-items .owl-nav>div {
display: inline-block;
margin: 0 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-items .owl-nav>div.disabled {
opacity: 0;
}
.style2 .project-items,
.style2 .project-items .item {}
.project-items .owl-item {
overflow: hidden;
}
.project-items .item {
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.projects-slider.style3 .project-items .item {
height: 480px !important;
}
.projects-slider.style3 .project-items .item .button-style2 {
display: none;
}
.project-items .active+.active .item .img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: blur(10px);
}
.project-items .img {
background-size: cover;
background-position: 50%;
min-height: 550px;
}
.projects-slider.style3 .project-items .img {
min-height: 480px;
height: 480px !important;
}
.style2 .project-items .img {
max-height: 430px;
min-height: auto;
position: relative;
top: 50%;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.project-items .next-slide {
position: absolute;
top: 0;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 1.714em;
color: #fff;
text-transform: uppercase;
font-weight: 300;
white-space: nowrap;
width: 90px;
cursor: pointer;
}
.style2 .project-items .next-slide {
display: none;
}
.project-items .active+.active .next-slide {
opacity: 1;
visibility: visible;
}
.project-items .next-slide div {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: rotate(-90deg) translate(-50%, -50%);
-ms-transform: rotate(-90deg) translate(-50%, -50%);
-webkit-transform: rotate(-90deg) translate(-50%, -50%);
-o-transform: rotate(-90deg) translate(-50%, -50%);
transform: rotate(-90deg) translate(-50%, -50%);
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
.project-items .thumbnails {
position: absolute;
bottom: 15px;
right: 15px;
}
.project-items .thumbnails .thumb {
display: inline-block;
width: 55px;
height: 55px;
background-size: cover;
background-position: 50%;
margin-left: 15px;
border-radius: 50%;
opacity: 0.6;
box-shadow: inset 0 0 0 1px #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.style2 .project-items .thumbnails .thumb,
.style3 .project-items .thumbnails .thumb {
width: 10px;
height: 10px;
background-image: none !important;
background: #fff;
opacity: 1;
box-shadow: none !important;
}
.style2 .project-items .thumbnails .thumb.active,
.style3 .project-items .thumbnails .thumb.active {
background: #51c2cd;
}
.project-items .thumbnails .thumb:not(.active):hover {
opacity: .8;
}
.project-items .thumbnails .thumb.active {
box-shadow: inset 0 0 0 3px #fff;
opacity: 1;
}
.project-items .button-style2 {
position: absolute;
left: 0;
bottom: 25px;
background: #fff;
color: #4b4b4b;
}
.style2 .project-items .button-style2 {
display: none;
}
.project-items .active+.active .button-style2 {
opacity: 0;
visibility: hidden;
}
.project-items .button-style2:hover {
background: #4b4b4b;
color: #fff;
}
.separator {
color: #ebb85e;
font-size: 10px;
}
.project-grid-page .load-items {
display: none !important;
}
.post-gallery-grid {}
.post-gallery-grid a {
display: block;
margin-bottom: 30px;
background: #000;
border: 1px solid #eeeeee;
background-size: cover;
background-position: 50%;
}
.site-dark .post-gallery-grid a {
border-color: #393939;
}
.post-gallery-grid .grid a:before {
content: "";
display: block;
padding-bottom: 67%;
}
.post-gallery-grid img {
display: block;
width: 100%;
}
.project-content-area {
background: #fff;
border: 1px solid #eeeeee;
padding: 55px 65px 0;
margin-bottom: 50px;
}
.site-dark .project-content-area {
background: #070707;
border-color: #393939;
}
.project-content-area .page-title {
margin: 0 0 25px;
}
.project-content {
margin-bottom: 30px;
color: #878787;
font-weight: 300;
line-height: 1.875em;
}
.project-horizontal-slider .item.content-item .project-content {
max-width: 530px;
}
.project-packery-page .page-title {
margin-bottom: 15px;
}
.project-packery-page .page-title,
.project-packery-page .breadcrumbs {
text-align: center;
}
.project-packery-page .project-content {
text-align: center;
}
.project-image-load-button {
text-align: center;
margin: 0 0 35px;
width: 100%;
overflow: hidden;
}
.project-content .current-num {
float: left;
font-size: 7.143em;
font-weight: bold;
opacity: .2;
line-height: 100px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-content .project-heading {
padding-left: 110px;
font-size: 3.429em;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-content .project-heading span {
display: table-cell;
height: 100px;
vertical-align: middle;
}
.project-content .date {
color: #f8b53a;
font-weight: 600;
font-size: 10px;
font-style: italic;
margin: 6px 0 25px;
font-family: "Open Sans";
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-content .project-desc {
padding-right: 40px;
max-width: 480px;
line-height: 1.714em;
font-weight: 300;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.project-content .project-desc:after {
content: "";
display: block;
width: 100%;
max-width: 350px;
height: 2px;
background: #51c2cd;
margin-top: 20px;
}
.project-content .read-more-link {}
.project-content .read-more-link i {}
.project-side-images {
margin-top: 30px;
}
.project-side-images>.row {
margin: 0 -35px;
}
.project-side-images>.row>div,
.wpb_fixed>div {
position: static !important;
}
.project-side-images>.row .col-xs-12 {
padding: 0 35px;
}
.project-side-images .content {}
.project-side-images.left_side .content {
float: right;
}
.project-side-images .content .block {}
.project-side-images .content .page-title {
margin-top: 0;
}
.project-side-images .content .text {
color: #949494;
font-weight: 300;
line-height: 1.875em;
}
.project-detail {
font-weight: bold;
overflow: hidden;
margin: 30px 0;
}
.project-detail.row {
margin: 30px -15px;
}
.project-slider-page .project-detail.row,
.project-before-after-page .project-detail.row {
margin-bottom: 0;
}
.project-side-images .project-detail {}
.project-detail .item {
margin-bottom: 30px;
float: left;
width: 50%;
padding-left: 25px;
position: relative;
text-transform: uppercase;
letter-spacing: .1em;
}
.project-detail.row .item {
width: 100%;
}
.project-detail .item:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1px;
height: 40px;
margin-top: -20px;
background: #ebb85e;
}
.project-detail .item .h {
font-size: 18px;
margin-bottom: 5px;
}
.project-detail .item span {
font-size: 14px;
font-weight: 300;
}
.project-side-images .images {}
.project-side-images .images .items {}
.project-side-images.right_side .images .items {
margin: 0 -12px;
}
.project-side-images .images .item {
margin-bottom: 40px;
}
.project-side-images.right_side .images .item {
margin-bottom: 25px;
padding: 0 12px;
float: left;
width: 100%;
}
.project-side-images.right_side .images .item a {
display: block;
padding-bottom: 65%;
background-size: cover;
background-position: 50%;
}
.project-side-images .images .item img {
display: block;
}
.project-bottom {
background: #f8f8f8;
padding: 25px 0;
}
.project-bottom .fl,
.project-bottom .fr {
max-width: 320px;
}
.project-bottom .fr {
text-align: right;
}
.project-bottom .button-style2 {
margin-bottom: 10px;
}
.project-bottom .name {
font-weight: bold;
text-transform: lowercase;
}
.project-bottom .center {
position: absolute;
left: 50%;
top: 50%;
font-size: 20px;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.project-bottom .center a {
text-decoration: none;
display: block;
} .filter-button-group,
.category-buttons {
margin: 35px 0;
color: #b1b0b0;
}
.filter-button-group .wrap {
display: inline-block;
vertical-align: middle;
box-shadow: inset 0 -1px 0 #f4f4f4;
}
.site-dark .filter-button-group .wrap {
box-shadow: inset 0 -1px 0 #4a4a4a;
}
.filter-button-group button,
.filter-button-group a,
.category-buttons a {
border: none;
background: none;
padding: 10px 10px;
text-decoration: none;
line-height: normal;
font-size: 14px;
border-bottom: 1px solid transparent;
border-radius: 0;
text-transform: uppercase;
font-weight: 600;
color: #878787;
display: inline-block;
}
.filter-button-group.tac button,
.filter-button-group.tac a,
.category-buttons.tac a {
margin: 0 10px 0;
}
.filter-button-group.tac button:first-of-type,
.filter-button-group.tac a:first-of-type,
.category-buttons.tac a:first-of-type {
margin-left: 0;
}
.filter-button-group.tac button:last-of-type,
.filter-button-group.tac a:last-of-type,
.category-buttons.tac a:last-of-type {
margin-right: 0;
}
.filter-button-group.tal button:not(:last-of-type),
.filter-button-group.tal a:not(:last-of-type),
.category-buttons.tal a:not(:last-of-type) {
margin-right: 20px;
}
.filter-button-group.tar button:not(:first-of-type),
.filter-button-group.tar a:not(:first-of-type),
.category-buttons.tar a:not(:first-of-type) {
margin-left: 20px;
}
.filter-button-group button.active,
.filter-button-group a.active,
.category-buttons a.active {
opacity: 1;
border-bottom-color: #ebb85e;
color: #ebb85e;
}
.filter-button-group button:not(.active):hover,
.category-buttons a:not(.active):hover {
color: inherit;
}
.post-gallery-packery {}
.post-gallery-packery .item {
position: relative;
}
.post-gallery-packery.count-1 .item {
width: 100%;
}
.post-gallery-packery.count-2 .item {
width: 50%;
}
.post-gallery-packery.count-3 .item {
width: 50%;
}
.post-gallery-packery.count-4 .item {
width: 33.33333%;
}
.post-gallery-packery.count-5 .item {
width: 25%;
}
.post-gallery-packery .item a {
display: block;
background-size: cover;
background-position: 50%;
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
.post-gallery-packery .item:before {
content: "";
display: block;
padding-bottom: 67%;
}
.post-gallery-packery.count-3 .item:nth-child(3n+2):before {
padding-bottom: 134%;
}
.post-gallery-packery.count-4 .item:nth-child(4n+1):before,
.post-gallery-packery.count-4 .item:nth-child(4n+3):before {
padding-bottom: 134%;
}
.post-gallery-packery.count-5 .item:before {}
.post-gallery-packery.count-5 .item:nth-child(5n+2) {
width: 50%;
}
.post-gallery-packery.count-5 .item:nth-child(5n+2):before {
padding-bottom: 67%;
} .one-screen-area {
position: relative;
height: 100vh;
overflow: hidden;
padding-right: 61px;
}
@media screen and (max-width: 768px) {
.one-screen-area.without-buttons {
padding-right: 0;
}
}
.one-screen-area .dec-line {}
.loaded .one-screen-area .dec-line,
.loaded .side-header .dec-line {
top: 30px;
}
.one-screen-area .decor-lines {
pointer-events: none;
}
.one-screen-area .decor-lines div {
width: 40px;
height: 1px;
position: absolute;
background: #eeeeee;
z-index: 12;
}
.site-dark .one-screen-area .decor-lines div {
background: #393939;
}
.one-screen-area .decor-lines div:nth-child(1) {
top: 50px;
left: 0;
}
.header-type-logo_left.header-space-no .one-screen-area .decor-lines div:nth-child(1),
.header-type-logo_left.header-space-no .one-screen-area .decor-lines div:nth-child(5) {
top: 125px;
}
.one-screen-area .decor-lines div:nth-child(2) {
left: 0;
bottom: 115px;
}
.one-screen-area .decor-lines div:nth-child(3) {
width: 1px;
height: 40px;
left: 50%;
bottom: 0;
margin-left: -30px;
}
.one-screen-area .decor-lines div:nth-child(4) {
right: 61px;
bottom: 115px;
}
.one-screen-area .decor-lines div:nth-child(5) {
top: 50px;
right: 61px;
}
.one-screen-area .os-buttons {
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #fff;
color: #8f8f8f;
width: 61px;
border-left: 1px solid #eeeeee;
text-transform: uppercase;
font-size: 14px;
z-index: 8;
font-weight: 500;
letter-spacing: .1em;
}
.site-dark .one-screen-area .os-buttons {
background: #070707;
border-color: #414041;
color: #696969;
}
.one-screen-area .os-buttons>div {
white-space: nowrap;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-o-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
.one-screen-area .os-buttons .button {
display: inline-block;
vertical-align: middle;
margin-right: 50px;
line-height: 60px;
cursor: pointer;
overflow: hidden;
position: relative;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.one-screen-area .os-buttons .button:before {
content: "";
width: 1px;
height: 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
box-shadow: inset 0 0 0 1px;
position: absolute;
left: 50%;
top: 0;
}
.site-dark .one-screen-area .os-buttons .button:before {
color: #414041;
}
.one-screen-area .os-buttons .button.active:before {
height: 10px;
}
.one-screen-area .os-buttons .button.active {
color: #ebb85e;
}
.one-screen-area .os-buttons .button:last-of-type {
margin-right: 0;
}
.one-screen-block {
position: absolute;
z-index: 5;
left: 0;
right: 60px;
top: 0;
bottom: 0;
overflow: hidden;
background-color: #fff;
-moz-transform: translate(100%, 0%);
-ms-transform: translate(100%, 0%);
-webkit-transform: translate(100%, 0%);
-o-transform: translate(100%, 0%);
transform: translate(100%, 0%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.music-banner .one-screen-block {
left: 80px;
-moz-transform: translate(-100%, 0%);
-ms-transform: translate(-100%, 0%);
-webkit-transform: translate(-100%, 0%);
-o-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
}
.one-screen-block.active {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.site-dark .one-screen-block {
background-color: #070707;
}
.one-screen-portfolio {
display: block;
}
.one-screen-block .close {
position: absolute;
font-size: 14px;
color: #4e4e4e;
text-transform: uppercase;
left: 58px;
top: 39px;
z-index: 2;
cursor: pointer;
}
.one-screen-block .close>* {
display: inline-block;
vertical-align: middle;
}
.one-screen-block .close span {}
.one-screen-block .close i {
font-size: 10px;
margin-left: 5px;
}
.portfolio-cols-slider {}
.portfolio-cols-slider .pcs-item {
background-size: cover;
background-position: 50%;
box-shadow: 0 0 0 1px #444444;
color: #fff;
}
.site-light .portfolio-cols-slider .pcs-item {
box-shadow: 0 0 0 1px #eeeeee;
}
.portfolio-cols-slider .pcs-item .pcs-cell {
text-align: center;
position: relative;
z-index: 1;
width: 1000px;
}
.portfolio-cols-slider .pcs-item .pcs-cell:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #151515;
z-index: -1;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.site-light .portfolio-cols-slider .pcs-item .pcs-cell:before {
background: #808080;
}
.portfolio-cols-slider .pcs-item .pcs-cell:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
opacity: 0;
border: 1px solid #ebb85e;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-cols-slider .pcs-item:hover .pcs-cell:after {
opacity: .7;
top: 8px;
left: 8px;
right: 8px;
bottom: 8px;
}
.portfolio-cols-slider .pcs-item:hover .pcs-cell:before {
opacity: .7;
}
.portfolio-cols-slider .pcs-item .h {
font-family: "IBM Plex Sans Condensed";
max-width: 260px;
margin: 0 auto;
line-height: 1.200em;
opacity: 0;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-cols-slider .pcs-item:hover .h {}
.portfolio-cols-slider .pcs-item .button-style1 {
margin-top: 35px;
opacity: 0;
-moz-transform: translate(0%, 50%);
-ms-transform: translate(0%, 50%);
-webkit-transform: translate(0%, 50%);
-o-transform: translate(0%, 50%);
transform: translate(0%, 50%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-cols-slider .pcs-item:hover .h,
.portfolio-cols-slider .pcs-item:hover .button-style1 {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
opacity: 1;
}
.portfolio-cols-slider .pcs-item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.one-screen {}
.one-screen .owl-nav,
.portfolio-cols-slider .owl-nav,
.portfolio-categories-slider .owl-nav {
position: absolute;
right: 57px;
top: 39px;
z-index: 2;
}
.header-type-logo_left.header-space-no .one-screen .owl-nav,
.header-type-logo_left.header-space-no .portfolio-categories-slider .owl-nav {
top: 114px;
}
.one-screen .owl-nav>*,
.portfolio-cols-slider .owl-nav>*,
.portfolio-categories-slider .owl-nav>* {
display: inline-block;
margin-left: 10px;
opacity: .5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
}
.one-screen .owl-nav>*:hover,
.portfolio-cols-slider .owl-nav>*:hover,
.portfolio-categories-slider .owl-nav>*:hover {
opacity: 1;
}
.one-screen .item {
height: 100vh;
position: relative;
background-size: cover;
background-position: 50%;
z-index: 1;
}
.one-screen .item.black {
color: #000;
}
.one-screen .item.white {
color: #fff;
}
.one-screen .item .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.one-screen .item .top-title {
position: absolute;
left: 58px;
text-transform: uppercase;
font-size: 14px;
top: 39px;
color: #8f8f8f;
font-weight: bold;
}
.site-dark .one-screen .item .top-title {
color: #4e4e4e;
}
.header-type-logo_left.header-space-no .one-screen .item .top-title {
top: 114px;
}
.one-screen .item .content,
.one-screen-about-me .content {
position: absolute;
bottom: 45px;
left: 58px;
min-height: 95px;
}
.one-screen .item .sub-h,
.one-screen-about-me .sub-h {
font-size: 14px;
color: #8f8f8f;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
}
.site-dark .one-screen .item .sub-h,
.site-dark .one-screen-about-me .sub-h {
color: #4e4e4e;
}
.one-screen-about-me .sub-h {
color: #ecb85d;
}
.one-screen .item .h,
.one-screen-about-me .h {
font-size: 30px;
font-weight: bold;
line-height: 1em;
}
.one-screen-about-me .h {
font-family: "IBM Plex Sans Condensed";
}
.one-screen-about-me .text {
font-size: 14px;
color: #878787;
max-width: 320px;
margin-top: 10px;
line-height: 1.714em;
}
.one-screen .item .link-area,
.one-screen-about-me .link-area {
text-align: center;
position: absolute;
bottom: 58px;
left: 50%;
width: 300px;
margin-left: -150px;
}
.one-screen-area .slider-navigation {}
.one-screen-area .slider-navigation .count {
font-size: 24px;
}
.one-screen-about-me .top-right-text,
.one-screen-contact .top-right-text {
position: absolute;
text-align: right;
top: 25px;
right: 58px;
color: #3d3d3d;
font-size: 18px;
font-family: "IBM Plex Sans Condensed";
font-weight: bold;
line-height: 1em;
}
.one-screen-about-me .top-right-text i,
.one-screen-contact .top-right-text i {
color: #ebb85e;
margin-bottom: 15px;
display: inline-block;
font-size: 22px;
margin-top: 15px;
}
.one-screen-about-me .top-right-text span,
.one-screen-contact .top-right-text span {
font-size: 48px;
font-weight: bold;
line-height: 1em;
color: #bf954b;
margin-bottom: 10px;
display: inline-block;
}
.one-screen-about-me .signature-img {
position: absolute;
bottom: 0;
right: 58px;
height: 100px;
}
.one-screen-about-me .signature-img img {
display: block;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.one-screen-contact .content {
max-width: 520px;
margin: auto;
text-align: center;
}
.one-screen-contact .content form faber {}
.one-screen-contact .content .sub-h {
font-size: 12px;
text-transform: uppercase;
color: #ebb85e;
font-weight: bold;
}
.one-screen-contact .content .h {
font-size: 36px;
font-weight: bold;
margin: 5px 0 30px;
}
.one-screen-contact .content .text {}
.one-screen-contact .bottom-contact {
position: absolute;
bottom: 105px;
left: 58px;
right: 58px;
}
.bottom-contact .c {
float: left;
width: 33.333%;
}
.bottom-contact .c:nth-child(2) {
text-align: center;
}
.bottom-contact .c:nth-child(3) {
text-align: right;
}
.bottom-contact .c>* {
display: inline-block;
vertical-align: middle;
}
.bottom-contact .c i {
color: #dcac57;
font-size: 22px;
margin-right: 10px;
}
.bottom-contact .c span {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
} .testimonials {}
.testimonial-item {
text-align: center;
max-width: 920px;
margin: 0 auto;
}
.testimonial-item:before {
content: "“";
font-size: 72px;
line-height: 0.9em;
color: #ebb85e;
}
.testimonial-item .avatar {
width: 156px;
border: 1px solid #787878;
border-radius: 50%;
padding: 7px;
margin: 0 auto 30px;
position: relative;
}
.testimonial-item .avatar .nav {}
.testimonial-item .avatar .nav>div {
position: absolute;
top: 50%;
font-size: 15px;
opacity: .5;
margin-top: -.5em;
cursor: pointer;
}
.testimonial-item .avatar .nav .prev {
left: -50px;
}
.testimonial-item .avatar .nav .next {
right: -50px;
}
.testimonial-item .avatar .img {
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
border-radius: 50%;
}
.testimonial-item .quote {
font-size: 24px;
font-style: italic;
font-weight: 500;
line-height: 1.500em;
}
.testimonial-item .bottom {
margin-top: 40px;
}
.testimonial-item .bottom h6 {
margin: 0 0 5px;
text-transform: uppercase;
color: #ebb85e;
font-size: 16px;
}
.testimonial-item .bottom .post {
color: #575757;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
}
.testimonials .owl-dots,
.portfolio-type-carousel .owl-dots,
.team-items .owl-dots,
.testimonials-type2 .owl-dots {
text-align: center;
margin-top: 35px;
}
.testimonials .owl-dots .owl-dot,
.portfolio-type-carousel .owl-dot,
.team-items .owl-dots .owl-dot,
.testimonials-type2 .owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
border: 1px solid #888888;
border-radius: 50%;
margin: 0 3px;
padding: 2px;
}
.site-light .testimonials .owl-dots .owl-dot,
.site-light .portfolio-type-carousel .owl-dot,
.site-light .team-items .owl-dots .owl-dot,
.site-light .testimonials-type2 .owl-dots .owl-dot {
border-color: #7d7d7d;
}
.testimonials .owl-dots .owl-dot span,
.portfolio-type-carousel .owl-dot span,
.team-items .owl-dots .owl-dot span,
.testimonials-type2 .owl-dots .owl-dot span {
display: block;
padding-bottom: 100%;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.testimonials .owl-dots .owl-dot.active {}
.testimonials .owl-dots .owl-dot.active span,
.portfolio-type-carousel .owl-dot.active span,
.team-items .owl-dots .owl-dot.active span,
.testimonials-type2 .owl-dots .owl-dot.active span {
background: #454545;
}
.site-light .testimonials .owl-dots .owl-dot.active span,
.site-light .portfolio-type-carousel .owl-dot.active span,
.site-light .team-items .owl-dots .owl-dot.active span,
.site-light .testimonials-type2 .owl-dots .owl-dot.active span {
background: #bfbfbf;
} .testimonials-type2 {}
.testimonials-type2.owl-carousel.owl-loaded {
margin: 30px 0;
}
.wrap_lines_yes .testimonials-type2.owl-carousel.owl-loaded {
padding: 0 95px;
}
.testimonial-item-type2 {
position: relative;
background: #fff;
border: 1px solid #eeeeee;
padding: 30px 0;
margin-bottom: 30px;
text-align: center;
}
.testimonial-item-type2 .h-i span:nth-child(1) {
top: -1px;
left: -1px;
}
.testimonial-item-type2 .h-i span:nth-child(2) {
top: -1px;
right: -1px;
}
.testimonial-item-type2 .h-i span:nth-child(3) {
bottom: -1px;
right: -1px;
}
.testimonial-item-type2 .h-i span:nth-child(4) {
left: -1px;
bottom: -1px;
}
.testimonial-item-type2 {}
.owl-carousel .testimonial-item-type2 {
margin: 5px;
}
.site-dark .testimonial-item-type2 {
background: #111111;
border-color: #373737;
}
.site-dark .testimonials-type2.style2 .testimonial-item-type2 {
background: #070707;
}
.testimonial-item-type2 .h-i {}
.testimonials-type2.style2 .h-i {
display: none;
}
.testimonial-item-type2 .avatar {
padding: 5px;
max-width: 120px;
margin: 0 auto 40px;
border: 1px solid #eeeeee;
border-radius: 50%;
}
.site-dark .testimonial-item-type2 .avatar {
border-color: #8d8d8d;
}
.testimonial-item-type2 .avatar div {
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
border-radius: 50%;
}
.testimonial-item-type2 .quote {
font-weight: 300;
font-style: italic;
line-height: 1.875em;
padding: 0 30px;
margin-bottom: 30px;
}
.site-light .testimonial-item-type2 .quote {
color: #878787;
}
.testimonial-item-type2 .bottom {}
.testimonial-item-type2 .bottom h6 {
margin: 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #ebb85e;
}
.testimonial-item-type2 .bottom .post {
font-size: 12px;
text-transform: uppercase;
color: #575757;
font-weight: 600;
letter-spacing: .1em;
margin-top: 5px;
}
.testimonials-type2 .owl-prev,
.testimonials-type2 .owl-next {
position: absolute;
top: 50%;
margin-top: -.5em;
font-size: 15px;
color: #818181;
}
.testimonials-type2 .owl-prev {
left: -85px;
}
.wrap_lines_yes .testimonials-type2 .owl-prev {
left: 20px;
}
.testimonials-type2 .owl-next {
right: -85px;
}
.wrap_lines_yes .testimonials-type2 .owl-next {
right: 20px;
} .icon-box-in-row {
margin-bottom: 30px;
overflow: hidden;
}
.icon-box-in-row .icon {
float: left;
font-size: 38px;
line-height: 1em;
margin-right: 25px;
}
.icon-box-in-row .count {
float: left;
font-size: 48px;
font-weight: 100;
color: #ebb85e;
line-height: 0.792em;
margin-right: 20px;
}
.icon-box-in-row .heading {
float: left;
color: #4e4e4e;
font-size: 12px;
text-transform: uppercase;
line-height: 1.167em;
font-weight: bold;
}
.icon-box-in-row .heading .cell {
height: 3.000em;
} .contact-form {}
.contact-form label {
font-size: 14px;
color: #4e4e4e;
font-weight: bold;
text-align: left;
display: block;
}
.contact-form .button-style2 {
margin-top: 10px;
} .portfolio-categories-slider {}
.portfolio-categories-slider .item {
position: relative;
}
.portfolio-categories-slider .item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.portfolio-categories-slider .item:hover a {
color: #ecb85d;
}
.portfolio-categories-slider .item a:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: #070707;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-categories-slider .item:hover a:before {
opacity: .5;
visibility: visible;
}
.portfolio-categories-slider .item a>span {
position: absolute;
left: 20px;
right: 20px;
bottom: 90px;
text-align: center;
font-size: 30px;
text-transform: uppercase;
font-family: "IBM Plex Sans Condensed";
opacity: .7;
font-weight: 500;
}
.portfolio-categories-slider .item a .h {} .subscribe-block {
color: #4e4e4e;
}
.subscribe-block>* {
display: inline-block;
vertical-align: middle;
}
.subscribe-block .heading {
text-transform: uppercase;
font-size: 12px;
line-height: 1.167em;
border-bottom: 1px solid;
padding-bottom: 5px;
min-width: 75px;
margin-right: 15px;
}
.subscribe-block img {} .subscribe-form {
max-width: 270px;
position: relative;
background: #f5f5f5;
color: #666666;
overflow: hidden;
text-align: left;
}
.subscribe-form p {
margin: 0;
}
.banner .subscribe-form {
margin-top: -15px;
}
.tac .subscribe-form {
margin: 0 auto;
}
.coming-soon .subscribe-form {
margin: 0 auto;
}
.subscribe-form .ajax-loader {
display: none !important;
}
.subscribe-form input.style1 {
font-size: 14px;
border-bottom: 0;
margin-bottom: 0;
padding: 0 20px;
height: 40px;
line-height: 40px;
}
.subscribe-form .button-submit {
float: right;
position: absolute;
top: -1px;
right: -1px;
width: 50px;
height: 40px;
background: none;
color: #ebb85e;
border: none;
font-size: 18px;
}
.subscribe-form>div {}
.subscribe-form .input {
margin-bottom: 0;
line-height: 45px;
font-size: 14px;
color: #989898;
padding: 0 45px 0 18px;
border: none;
background: #faf6f5;
} .jquery-background-video-wrapper {
position: relative;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.jquery-background-video {
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.js .jquery-background-video.is-visible {
opacity: 1;
}
.jquery-background-video-pauseplay {
position: absolute;
background: transparent;
border: none;
box-shadow: none;
width: 20px;
height: 20px;
top: 15px;
right: 15px;
padding: 0;
cursor: pointer;
outline: none !important;
}
.jquery-background-video-pauseplay span {
display: none;
}
.jquery-background-video-pauseplay:after,
.jquery-background-video-pauseplay:before {
content: "";
position: absolute;
left: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.jquery-background-video-pauseplay.play:before {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #FFF;
}
.jquery-background-video-pauseplay.pause:before,
.jquery-background-video-pauseplay.pause:after {
border-top: 10px solid #FFF;
border-bottom: 10px solid #FFF;
border-left: 5px solid #FFF;
}
.jquery-background-video-pauseplay.pause:after {
left: 10px;
} .video-block {
color: #fff;
border: 1px solid #eeeeee;
}
.video-block .popup-item {
display: block;
text-decoration: none;
background-size: cover;
background-color: #232323;
background-position: 50%;
padding-bottom: 55%;
position: relative;
height: 400px;
text-align: center;
}
.video-block.fix-height .popup-item {
padding: 0;
}
.video-block .popup-item .area {
position: absolute;
top: 50%;
left: 0;
right: 0;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.video-block .content {
margin-bottom: 30px;
}
.video-block .content .sub-h {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.video-block .content .h {
margin: 0 0;
}
.site-dark .video-block {
border-color: #393939;
}
.vc_row-fluid .video-block {
border-left: 0;
border-right: 0;
}
.video-block.black {
color: #000;
}
.video-block a {
display: block;
}
.video-block.fix-height a {
padding: 0;
width: 90px;
height: 90px;
margin: 0 auto;
}
.video-block.fix-height a>div {
padding: 15px;
font-size: 10px;
}
.video-block.with-content a {
position: relative;
}
.play-button {}
.video-block a>div,
.banner .video-link-area a,
.play-button>div {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
padding: 30px;
border: 1px solid;
border-color: rgba(255, 255, 255, 0.52);
border-color: #ffffff85;
border-radius: 50%;
}
.video-block.black a>div,
.banner .black .video-link-area a,
.black .play-button>div {
border-color: rgba(0, 0, 0, 0.52);
border-color: #00000085;
}
.video-block a>div:before,
.video-block a>div:after,
.video-block a>div i:after,
.banner .video-link-area a>div:before,
.banner .video-link-area a>div:after,
.banner .video-link-area a>div i:after,
.play-button>div:before,
.play-button>div:after,
.play-button>div i:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
opacity: 0;
}
.video-block a>div:hover:before,
.video-block a>div:hover:after,
.video-block a>div:hover i:after,
.banner .video-link-area a>div:hover:before,
.banner .video-link-area a>div:hover:after,
.banner .video-link-area a>div:hover i:after,
.play-button>div:hover:before,
.play-button>div:hover:after,
.play-button>div:hover i:after {
box-shadow: inset 0 0 0 1px;
-webkit-animation: play_b 2.7s ease-out infinite;
-moz-animation: play_b 2.7s ease-out infinite;
-ms-animation: play_b 2.7s ease-out infinite;
-o-animation: play_b 2.7s ease-out infinite;
animation: play_b 2.7s ease-out infinite;
}
.video-block a>div:hover:before,
.banner .video-link-area a>div:hover:before,
.play-button>div:hover:before {
animation-delay: 0.2s;
}
.video-block a>div:hover:after,
.banner .video-link-area a>div:hover:after,
.play-button>div:hover:after {
animation-delay: .8s;
}
.video-block a>div:hover i:after,
.banner .video-link-area a>div:hover i:after,
.play-button>div:hover i:after {
animation-delay: 1.4s;
}
.video-block a i,
.banner .video-link-area a i,
.play-button i {
font-size: 2.304em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 50%;
width: 2.550em;
height: 2.550em;
line-height: 2.550em;
display: inline-block;
text-align: center;
background: rgba(255, 255, 255, 0.25);
background: #ffffff40;
text-indent: 0.2em;
}
.video-block.black a i,
.banner .black .video-link-area a i,
.black .play-button i {
background: rgba(0, 0, 0, 0.1);
background: #0000001a;
color: #8f8f8f;
} .categories-grid {
padding-top: 1px;
}
.categories-grid-item {
padding: 0;
position: relative;
z-index: 1;
}
.gap-on .categories-grid-item {
padding: 15px;
}
.site-dark .categories-grid-item {}
.categories-grid-item:hover {
z-index: 2;
}
.categories-grid-item a {
display: block;
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
position: relative;
color: #ffffff;
text-transform: uppercase;
font-size: 18px;
font-family: "IBM Plex Sans Condensed";
font-weight: 500;
z-index: 1;
box-shadow: 0 0 0 1px #393939;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: 0 1px 1px 0px;
}
.site-light .categories-grid-item a {
box-shadow: 0 0 0 1px #eee;
}
.gap-on .categories-grid-item a {
margin: 0;
}
.categories-grid-item:hover a {
color: #ebb85e;
box-shadow: 0 0 0 1px;
}
.categories-grid-item a:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #070707;
opacity: .7;
z-index: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.site-light .categories-grid-item a:before {
opacity: .2;
background: #000;
}
.categories-grid-item:hover a:before {
opacity: .5;
}
.categories-grid-item span {
position: absolute;
top: 50%;
left: 50%;
opacity: .50;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.site-light .categories-grid-item span {
opacity: 1;
}
.categories-grid-item:hover span {
opacity: 1;
} .skill-item-line {
margin-bottom: 30px;
}
.skill-item-line.right {
text-align: right;
}
.skill-item-line h6 {
font-size: 14px;
text-transform: uppercase;
margin: 10px 0;
opacity: .5;
font-family: "IBM Plex Sans Condensed";
letter-spacing: .1em;
}
.skill-item-line .line {
position: relative;
background: #f4f0f0;
margin: 10px 0 25px;
height: 2px;
}
.site-dark .skill-item-line .line {
background: #f4f0f0;
}
.skill-item-line .line div {
background: #ebb85e;
height: 2px;
position: relative;
}
.skill-item-line.right .line div {
float: right;
}
.skill-item-line .line span {
position: absolute;
bottom: 100%;
font-size: 14px;
font-weight: 500;
right: 0;
margin-bottom: 7px;
font-family: "IBM Plex Sans Condensed";
letter-spacing: .1em;
opacity: .5;
}
.skill-item-line.right .line span {
left: 0;
right: auto;
} .team-items.owl-carousel.owl-loaded {
margin: 30px 0;
}
.team-item {
padding: 0;
}
.gap-on .team-item {
padding: 15px;
}
.team-item>div {
padding: 0;
background: #070707;
box-shadow: 0 0 0 1px #393939;
position: relative;
z-index: 1;
overflow: hidden;
margin-right: 1px;
color: #fff;
}
.site-light .team-item>div {
box-shadow: 0 0 0 1px #eee;
}
@media (min-width: 768px) {
.stairs-mode .col-sm-6:nth-child(1) {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.stairs-mode .col-md-3:nth-child(1),
.stairs-mode .col-md-4:nth-child(1) {
margin-top: 80px;
}
.stairs-mode .col-md-3:nth-child(2),
.stairs-mode .col-md-4:nth-child(2) {
margin-top: 25px;
}
.stairs-mode .col-md-3:nth-child(3),
.stairs-mode .col-md-4:nth-child(3) {
margin-top: -40px;
}
.stairs-mode .col-md-3:nth-child(4) {
margin-top: -95px;
}
}
.team-item>div:before {
content: "";
display: block;
padding-bottom: 152%;
min-height: 320px;
position: relative;
z-index: 2;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.team-item:hover>div:before {
background: #070707;
opacity: .8;
}
.site-light .team-item:hover>div:before {
opacity: .5;
}
.team-item .avatar {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
.team-item .avatar div {}
.team-item .team-container {
position: absolute;
left: 15px;
right: 15px;
top: 50%;
text-align: center;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 2;
}
.team-item .team-container>* {
opacity: 0;
-moz-transform: translate(0%, 100px);
-ms-transform: translate(0%, 100px);
-webkit-transform: translate(0%, 100px);
-o-transform: translate(0%, 100px);
transform: translate(0%, 100px);
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.team-item:hover .team-container>* {
opacity: 1;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.team-item:hover .team-container>*:nth-child(2) {
transition-delay: .3s
}
.team-item:hover .team-container>*:nth-child(3) {
transition-delay: .5s
}
.team-item:hover .team-container>*:nth-child(4) {
transition-delay: .7s
}
.team-item .team-container>i {
font-size: 57px;
margin-bottom: 20px;
display: inline-block;
}
.team-item .team-container h6 {
font-size: 16px;
text-transform: uppercase;
color: #ebb85e;
margin: 5px 0;
}
.team-item .team-container .post {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: #c4c4c4;
margin: 5px 0;
}
.team-item .team-social-buttons {
color: #c4c4c4;
font-size: 12px;
margin-top: 20px;
}
.team-item .team-social-buttons a {
margin: 0 10px;
}
.team-item .team-social-buttons a:hover {
color: #ecb85d;
}
.team-item .team-social-buttons a i {}
.team-item-style2 {
margin-bottom: 30px;
}
.owl-carousel .team-item-style2 {
margin-bottom: 0;
}
.team-item-style2>div {}
.owl-carousel .team-item-style2>div {
padding-right: 1px;
}
.team-item-style2 .image {
position: relative;
border: 1px solid #eeeeee;
}
.site-dark .team-item-style2 .image {
border-color: #393939;
}
.team-item-style2 .image:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #070707;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.team-item-style2:hover .image:before {
opacity: .8;
visibility: visible;
}
.site-light .team-item-style2:hover .image:before {
opacity: .6;
}
.team-item-style2 .image .avatar {
padding-bottom: 125%;
background-size: cover;
background-position: 50%;
}
.team-item-style2 .image .team-social-buttons {
position: absolute;
top: 50%;
left: 15px;
right: 15px;
text-align: center;
color: #c4c4c4;
font-size: 14px;
margin-top: -.5em;
z-index: 2;
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.team-item-style2:hover .image .team-social-buttons {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.team-item-style2 .image .team-social-buttons a {
margin: 0 10px;
}
.team-item-style2 .image .team-social-buttons a:hover {
color: #ecb85d;
}
.team-item-style2 .image .team-social-buttons a i {}
.team-item-style2 .team-container {
text-align: center;
padding-top: 20px;
}
.team-item-style2 .team-container h6 {
margin: 0;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #ebb85e;
}
.team-item-style2 .team-container .post {
font-size: 12px;
text-transform: uppercase;
color: #c4c4c4;
} .price-list {
padding: 1px 0;
margin: 50px 0;
}
.price-list-item {
padding: 0 1px 0 0;
text-align: center;
margin-bottom: 15px;
}
.price-list-item.recommended {
margin-top: -15px;
}
.price-list-item .wrap {
background: #fff;
color: #000;
box-shadow: 0 0 0 1px #eee;
}
.site-dark .price-list-item .wrap {
background: #070707;
color: #878787;
box-shadow: 0 0 0 1px #393939;
}
.price-list-item .top {
border-bottom: 1px solid #eeeeee;
position: relative;
z-index: 1;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.site-dark .price-list-item .top {
border-bottom-color: #393939;
}
.price-list-item .top:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(7, 7, 7, 0.8);
background: #070707cc;
z-index: -1;
}
.site-light .price-list-item .top:before {
background: rgba(7, 7, 7, 0.5);
background: #07070780;
}
.price-list-item .top .cell {
height: 140px;
width: 1400px;
}
.price-list-item .top h6 {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #ebb85e;
margin: 0 0 10px;
}
.price-list-item .top .price {
color: #fff;
line-height: 1em;
font-size: 60px;
font-weight: 600;
}
.price-list-item .top .price span {
font-size: 24px;
line-height: 60px;
display: inline-block;
vertical-align: top;
color: #ebb85e;
}
.price-list-item .options {
padding: 30px 15px;
}
.price-list-item.recommended .options {
padding: 45px 15px;
}
.price-list-item .options .o-row {
font-weight: 300;
}
.price-list-item .options .o-row:not(:last-of-type):after {
content: "";
display: block;
width: 30px;
height: 1px;
background: #ebb85e;
margin: 18px auto;
}
.price-list-item .button {
border-top: 1px solid #eeeeee;
}
.site-dark .price-list-item .button {
border-top-color: #393939;
}
.price-list-item .button .button-style2 {
display: block;
padding: 18px 25px;
} .tab-items {}
.tab-items.with-side-image {}
.tab-items .tab-img {
position: absolute;
top: 50%;
right: 0;
height: 100%;
width: 15px;
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 1;
pointer-events: none;
}
@media screen and (max-width: 1100px) {
.tab-items .tab-img {
display: none;
}
}
.tab-items .tab-img div {
position: absolute;
top: 0;
left: 100%;
right: 0;
bottom: 0;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.tab-items .tab-img div.current {
z-index: 2;
left: 0;
}
.tab-items .tabs-head {
margin: 0;
padding: 0;
display: inline-block;
border-bottom: 1px solid #4a4a4a;
}
.site-light .tab-items .tabs-head {
border-color: #e0e0e0
}
.tab-items .tabs-head li {
display: inline-block;
color: #878787;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
padding: 10px 10px;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.tab-items .tabs-head li:not(:last-of-type) {
margin-right: 10px;
}
.tab-items .tabs-head li.current {
color: #ebb85e;
box-shadow: 0 1px 0;
}
.tab-items .tabs-head li:hover {
color: #ebb85e;
}
.tab-items .tabs-body {
margin-top: 15px;
}
.tab-items .tabs-body .tab-content {
display: none;
overflow: hidden;
} .portfolio-slider-w-filter {
padding: 0 95px;
}
.portfolio-slider-w-filter .item {
max-width: 740px;
margin: 0 auto;
padding: 5px;
}
.portfolio-slider-w-filter .wrap {
position: relative;
}
.portfolio-slider-w-filter .h-i span:nth-child(1) {
top: 0;
left: 0;
}
.portfolio-slider-w-filter .h-i span:nth-child(2) {
top: 0;
right: 0;
}
.portfolio-slider-w-filter .h-i span:nth-child(3) {
bottom: 0;
right: 0;
}
.portfolio-slider-w-filter .h-i span:nth-child(4) {
left: 0;
bottom: 0;
}
.portfolio-slider-w-filter .wrap .a-img {
border: 1px solid #eeeeee;
}
.site-dark .portfolio-slider-w-filter .wrap .a-img {
border-color: #373737;
}
.portfolio-slider-w-filter .wrap .a-img div {
padding-bottom: 54.794520547945204%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.portfolio-slider-w-filter .item:not(.with-video) .wrap a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.portfolio-slider-w-filter h6 {
text-align: center;
color: #878787;
font-weight: 600;
font-style: italic;
margin: 40px 0 0;
}
.portfolio-slider-w-filter h6 a {}
.portfolio-slider-w-filter .owl-prev,
.portfolio-slider-w-filter .owl-next {
position: absolute;
top: 50%;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
color: #878787;
text-align: center;
-moz-transform: translate(0%, -50%) rotate(-90deg);
-ms-transform: translate(0%, -50%) rotate(-90deg);
-webkit-transform: translate(0%, -50%) rotate(-90deg);
-o-transform: translate(0%, -50%) rotate(-90deg);
transform: translate(0%, -50%) rotate(-90deg);
}
.portfolio-slider-w-filter .owl-prev.disabled,
.portfolio-slider-w-filter .owl-next.disabled {
opacity: .4
}
.portfolio-slider-w-filter .owl-prev {
left: 30px;
}
.portfolio-slider-w-filter .owl-next {
right: 30px;
-moz-transform: translate(0%, -50%) rotate(90deg);
-ms-transform: translate(0%, -50%) rotate(90deg);
-webkit-transform: translate(0%, -50%) rotate(90deg);
-o-transform: translate(0%, -50%) rotate(90deg);
transform: translate(0%, -50%) rotate(90deg);
}
.portfolio-slider-w-filter .owl-prev i,
.portfolio-slider-w-filter .owl-next i {
display: block;
font-size: 10px;
margin-bottom: 24px;
} .icon-box {
margin-bottom: 45px;
}
.icon-box .icon {
font-size: 40px;
color: #ebb85e;
margin-bottom: 15px;
}
.icon-box .heading {
margin: 0 0 10px;
}
.icon-box .desc {
font-size: 14px;
color: #878787;
line-height: 1.714em;
} .accordion-items {}
.accordion-item {
background: #fff;
border: 1px solid #eeeeee;
margin-bottom: 17px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.accordion-item:last-of-type {
margin-bottom: 0;
}
.site-dark .accordion-item {
background: #070707;
border-color: #393939;
}
.accordion-item.active {
border-color: #ebb85e;
}
.accordion-item .label {
position: relative;
text-transform: uppercase;
font-size: 14px;
cursor: pointer;
line-height: 1em;
}
.site-dark .accordion-item .label {}
.accordion-item .label .cell {
height: 48px;
padding: 5px 40px 5px 20px;
}
.accordion-item .label span {
position: absolute;
width: 1px;
height: 10px;
right: 20px;
top: 50%;
margin-top: -6px;
}
.accordion-item .label span:before,
.accordion-item .label span:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.site-dark .accordion-item .label span:before,
.site-dark .accordion-item .label span:after {
background: #737373;
}
.accordion-item .label span:before {
width: 13px;
height: 1px;
margin-left: -6px;
}
.accordion-item .label span:after {
width: 1px;
height: 13px;
margin-top: -6px;
}
.accordion-item.active .label span:before {
width: 0;
margin-left: 0;
}
.accordion-item.active .label span:after {
background: #ebb85e;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 7px;
margin-top: -3px;
}
.accordion-item .text {
display: none;
font-size: 14px;
color: #878787;
padding: 0 20px 15px;
line-height: 1.714em;
} .brand-logo-items {
margin: 15px -15px;
text-align: justify;
line-height: 0;
font-size: 1px;
}
.brand-logo-items:after {
content: "";
display: inline-block;
height: 0;
overflow: hidden;
width: 100%;
visibility: hidden;
}
.brand-logo-item {
display: inline-block;
margin: 15px;
vertical-align: middle;
}
.brand-logo-item a {}
.brand-logo-item img {} .image-comparison-slider {
position: relative;
overflow: hidden;
background: #000;
border: 1px solid #eeeeee;
margin-bottom: 30px;
}
.site-dark .image-comparison-slider {
border-color: #393939;
background: #070707;
}
.image-comparison-slider img {
width: 100%;
display: block;
}
.image-comparison-slider .img {
display: block;
padding-bottom: 55%;
background-position: 50%;
background-size: cover;
}
.image-comparison-slider .old {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: 50%;
}
.image-comparison-slider .resize {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}
.image-comparison-slider .line {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 1px;
margin-left: 0px;
background: #eee;
cursor: ew-resize;
}
.site-dark .image-comparison-slider .line {
background: #393939;
}
.image-comparison-slider .line>div {
width: 149px;
background: #fff;
border: 1px solid #eee;
position: absolute;
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
overflow: hidden;
top: 50%;
left: -74px;
line-height: 22px;
}
.site-dark .image-comparison-slider .line>div {
color: #fff;
background: #2c2c2c;
border-color: #393939;
}
.image-comparison-slider .line>div span {
float: left;
width: 50%;
}
.image-comparison-slider .line>div span+span {
border-left: 1px solid #eeeeee;
}
.site-dark .image-comparison-slider .line>div span+span {
border-color: #393939;
} .type-fw-portfolio-parallax {
margin-bottom: 0;
}
.vertical-parallax-area {
position: relative;
overflow: hidden;
z-index: 1;
}
.container .vertical-parallax-area {
margin-left: -15px;
}
.vertical-parallax-slider {
position: relative;
}
.vertical-parallax-slider .vps-item {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 160vh;
-webkit-transition: all 1.4s cubic-bezier(0.22, 0.44, 0, 1);
transition: all 1.4s cubic-bezier(0.45, 0.44, 0.01, 0.99);
background-size: cover;
background-position: 50%;
}
.vertical-parallax-slider .vps-item.active,
.vertical-parallax-slider .vps-item.last-prev.prev {
transform: translateY(-30vh);
}
.vertical-parallax-slider .vps-item.prev {
transform: translate3d(0px, -190vh, 0px);
}
.vertical-parallax-slider .vps-item.next {
transform: translate3d(0px, 50vh, 0px);
}
.vertical-parallax-slider .vps-item.last {
z-index: 100 !important;
top: auto;
bottom: 0;
height: auto;
background: #fff;
background: rgba(255, 255, 255, 0.8);
background: #ffffffcc;
transform: translate3d(0px, 0, 0px);
padding: 20px 0 0;
}
.site-dark .vertical-parallax-slider .vps-item.last {
background: #000;
background: rgba(0, 0, 0, 0.8);
background: #000000cc;
}
.vertical-parallax-slider .vps-item.active.last {
transform: translateY(0);
bottom: 0 !important;
padding: 20px 0;
} .split-screen .ss-container {
position: absolute !important;
top: 0;
left: 50%;
height: 100%;
padding: 0 35px !important;
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
max-width: none !important;
}
.split-screen .ss-col {
position: absolute;
left: 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.8s ease;
opacity: 0;
visibility: hidden;
}
.split-screen .ss-col.black {
color: #fff;
}
.split-screen .ss-col.white {
color: #000;
}
.split-screen .ss-col.left {
-moz-transform: translate(-100%, 0%);
-ms-transform: translate(-100%, 0%);
-webkit-transform: translate(-100%, 0%);
-o-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
}
.split-screen .ss-col.right {
right: 15px;
left: auto;
-moz-transform: translate(100%, 0%);
-ms-transform: translate(100%, 0%);
-webkit-transform: translate(100%, 0%);
-o-transform: translate(100%, 0%);
transform: translate(100%, 0%);
}
.split-screen .active .ss-col.left,
.split-screen .active .ss-col.right {
opacity: 1;
visibility: visible;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.split-screen .active .ss-col.left {
transition-delay: .5s;
}
.split-screen .active .ss-col.right {
transition-delay: .9s;
}
.split-screen .ss-col.top {
top: 80px;
z-index: 2;
}
.split-screen .ss-col.bottom {
bottom: 25px;
}
.split-screen .heading-with-num {
padding-left: 5.938em;
position: relative;
margin-bottom: 1.500em;
}
.split-screen .right .heading-with-num {
padding-left: 0;
padding-right: 5.938em;
text-align: right;
}
.split-screen .heading-with-num .num {
position: absolute;
left: 0;
bottom: 0;
font-size: 4.500em;
line-height: .9em;
font-weight: 100;
letter-spacing: -.025em;
opacity: 0.3;
}
.split-screen .right .heading-with-num .num {
left: auto;
right: 0;
}
.split-screen .heading-with-num .content {}
.split-screen .heading-with-num .sub-h {
font-size: 0.875em;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 1em;
}
.split-screen .heading-with-num .h {
font-size: 3.000em;
margin: 0;
font-weight: 100;
}
.split-screen .pages-slider-area {}
.split-screen .pages-slider {
display: block;
}
.split-screen .pages-slider .ps-item {}
.split-screen .pages-slider .ps-item img {
width: 100%;
display: block;
}
.split-screen .pages-slider-area .slider-navigation {
position: relative;
right: 0;
bottom: 0;
margin: 15px 0 0;
display: none;
}
.split-screen .pages-slider-area .owl-loaded+.slider-navigation {
display: block;
}
.split-screen.disable-nav .pages-slider-area .slider-navigation {
display: none;
}
.split-screen .right .pages-slider-area .slider-navigation {
text-align: right;
}
.split-screen .pages-slider-area .slider-navigation .container {
width: auto;
padding: 0;
}
.split-screen .pages-slider-area .slider-navigation .arrows {
font-size: 5px;
}
.split-screen .pages-slider-area .slider-navigation .prev {}
.split-screen .pages-slider-area .slider-navigation .line {
width: 99px;
}
.split-screen .white .slider-navigation .line {
background: #7a7a7a;
}
.split-screen .white .slider-navigation .line div {
background: #e6b45c;
}
.split-screen .pages-slider-area .slider-navigation .next {}
.split-screen .ss-bg {
background: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 55%;
-moz-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
-o-transform: skewX(-10deg);
transform: skewX(-10deg);
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
@media screen and (max-width: 768px) {
.split-screen {
padding-top: 100px;
}
.site-dark .split-screen .black,
.site-dark .split-screen .white {
color: #fff !important;
}
.site-light .split-screen .black,
.site-light .split-screen .white {
color: #000 !important;
}
.split-screen .ss-col.left,
.split-screen .ss-col.right {
left: 0;
right: 0;
}
} .album-area {
margin-top: 30px;
margin-bottom: 30px;
}
.album-cover {
padding-bottom: 100%;
background: #171717 50% no-repeat;
background-size: cover;
border: 1px solid #393939;
}
.site-light .album-cover {
border-color: #e0e0e0;
background-color: #fff;
}
.album-playlist {
background: #171717;
}
.site-light .album-playlist {
background: #fff;
}
.album-playlist .top {
position: relative;
z-index: 1;
overflow: hidden;
border: 1px solid #393939;
}
.site-light .album-playlist .top {
border-color: #e0e0e0;
}
.album-area.white .album-playlist .top {
color: #fff;
}
.album-area.black .album-playlist .top {
color: #000;
}
.album-playlist .top .bg {
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
background-size: cover;
background-position: 50%;
z-index: -1;
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
}
.album-playlist .top .top-playbutton {
float: left;
background: #070707;
border: 1px solid #393939;
margin: 30px 0 30px 30px;
width: 125px;
position: relative;
font-size: 40px;
cursor: pointer;
}
.site-light .album-playlist .top .top-playbutton {
background: #e0e0e0;
border-color: #e0e0e0;
}
.album-playlist .top .pb-bg {
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
}
.album-playlist .top i {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.jp-state-playing .album-playlist .track-buttons .jp-play:before,
.jp-state-playing .album-playlist .top i:before,
.jp-state-playing .album-playlist .jp-playlist .jp-playlist-current:before {
content: "\e921" !important;
transition-delay: .2s;
}
.album-playlist .top-text {
margin-left: 25px;
margin-right: 25px;
margin-top: 30px;
margin-bottom: 25px;
}
.album-playlist .top-playbutton+.top-text {
margin-left: 185px;
}
.album-playlist .top-text .album-name {
font-size: 14px;
color: #baa164;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .1em;
margin-bottom: 9px;
line-height: 1em;
}
.album-playlist .top-text .track-name {
font-size: 24px;
font-weight: 600;
line-height: 1em;
margin: 0 0 20px;
}
.album-playlist .top-text .track-name span {
display: none;
}
.album-playlist .track-buttons {}
.album-playlist .track-buttons button {
font-size: 20px;
background: none;
border: none;
color: inherit;
padding: 0;
margin: 0 15px 0 0;
cursor: pointer;
display: inline-block;
vertical-align: top;
}
.album-playlist .track-buttons .jp-previous {}
.album-playlist .track-buttons .jp-next {}
.album-playlist .track-buttons .jp-play {}
.album-playlist .bottom {
overflow: hidden;
margin-top: 12px;
}
.album-playlist .bottom .time {
font-size: 12px;
font-weight: 600;
float: left;
}
.album-playlist .bottom .time>* {
display: inline-block;
vertical-align: middle;
}
.album-playlist .bottom .time .jp-current-time {}
.album-playlist .bottom .time .jp-duration {}
.album-playlist .bottom .time .separate {}
.album-playlist .volume {
float: right;
}
.album-playlist .jp-mute {
font-size: 20px;
padding: 0;
border: none;
background: none;
color: inherit;
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.jp-state-muted .album-playlist .jp-mute:before {
content: "\e91f";
}
.album-playlist .jp-volume-bar {
width: 75px;
background: #fff;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin-left: 12px;
}
.white .album-playlist .jp-volume-bar {
background: #393939;
}
.album-playlist .jp-volume-bar .jp-volume-bar-value {
height: 3px;
background: #bcbcbc;
}
.white .album-playlist .jp-volume-bar .jp-volume-bar-value {
background: #ffffff;
}
.album-playlist .jp-progress {
position: absolute;
left: 0;
bottom: 0;
right: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.album-playlist .jp-progress {}
.album-playlist .jp-progress .jp-seek-bar {}
.album-playlist .jp-progress .jp-seek-bar .jp-play-bar {
height: 5px;
background: #ebb85e;
}
.album-playlist .jp-playlist {
border: 1px solid #393939;
border-top: none;
height: 145px;
min-height: 369px;
}
.pt-music-album .album-playlist .jp-playlist {
min-height: 465px;
}
.site-light .album-playlist .jp-playlist {
border-color: #e0e0e0;
}
.album-playlist .jp-playlist ul {
padding: 0 5px 0 0;
margin: 0;
}
.album-playlist .jp-playlist ul li {
padding: 0;
margin: 0;
}
.album-playlist .jp-playlist ul li:before {
display: none;
}
.album-playlist .jp-playlist .jp-playlist-item {
display: table-cell;
width: 1200px;
height: 93px;
text-decoration: none;
font-size: 18px;
font-weight: 600;
outline: 1px solid #393939;
background: #171717;
padding-left: 120px;
padding-right: 90px;
vertical-align: middle;
position: relative;
line-height: 1em;
}
.album-playlist .jp-playlist .jp-playlist-item span {
font-size: 12px;
opacity: .5;
position: absolute;
right: 35px;
top: 50%;
margin-top: -.5em;
line-height: 1em;
}
.site-light .album-playlist .jp-playlist .jp-playlist-item {
outline: 1px solid #e0e0e0;
background: #fff;
color: #000;
}
.site-light .album-playlist .jp-playlist .jp-playlist-current {
background: #f8f8f8;
}
.album-playlist .jp-playlist .jp-playlist-item:before {
content: "\e923";
font-family: 'music-and-multimedia-linear' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
line-height: 92px;
position: absolute;
top: 0;
left: 0;
width: 90px;
text-align: center;
border-right: 1px solid #393939;
}
.site-light .album-playlist .jp-playlist .jp-playlist-item:before {
border-color: #e0e0e0;
}
.album-playlist .jp-playlist .jp-playlist-current {
background: #0a0b0d;
} .app-button {
position: relative;
display: block;
background: #111213;
color: #fff;
border: 1px solid #393939;
margin-bottom: 20px;
text-decoration: none;
font-weight: 300;
line-height: 1em;
padding: 14px 0;
padding-left: 65px;
}
.site-light .app-button {
border-color: #e0e0e0;
background: #fcfcfc;
color: #000;
}
.app-button:hover {
background: #000000;
}
.site-light .app-button:hover {
background: #f8f8f8;
}
.app-button .t {
display: block;
font-size: 12px;
color: #cc9f52;
margin-bottom: 5px;
line-height: 1em;
}
.app-button .l {
display: block;
font-size: 18px;
}
.app-button.app-store:before,
.app-button.google-play:before,
.app-button.deezer:before,
.app-button.spotify:before {
content: "";
position: absolute;
top: 50%;
left: 20px;
width: 1.5em;
height: 1.5em;
margin-top: -.75em;
background-repeat: no-repeat;
background-size: contain;
background-position: 50%;
}
.app-button.app-store:before {
background-image: url(//galeah.fr/wp-content/plugins/pt-sansara-shortcodes/include/images/brands/apple.svg);
}
.app-button.google-play:before {
background-image: url(//galeah.fr/wp-content/plugins/pt-sansara-shortcodes/include/images/brands/youtube_music.svg);
}
.app-button.deezer:before {
background-image: url(//galeah.fr/wp-content/plugins/pt-sansara-shortcodes/include/images/brands/deezer.svg);
}
.app-button.spotify:before {
background-image: url(//galeah.fr/wp-content/plugins/pt-sansara-shortcodes/include/images/brands/spotify.svg);
} .photo-carousel {}
.photo-carousel>a {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
background: #171717;
color: #969696;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 15px;
}
.photo-carousel .carousel {}
.photo-carousel .carousel .item {
padding-bottom: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
outline: 1px solid #363636;
margin: 1px 0;
position: relative;
}
.site-light .photo-carousel .carousel .item {
outline: 1px solid #ffffff;
} .pixproof-data {
margin-bottom: 50px;
}
.pixproof-data .button-download {}
.pixproof-data .grid {
display: flex;
align-content: center;
justify-items: center;
justify-content: center;
line-height: 1;
}
.pixproof-data .grid .grid__item {
margin: 0 15px 15px;
display: flex;
align-self: center;
}
.pixproof-data .separator {
margin: 20px 0 35px;
background: #323232;
}
.js-pixproof-gallery {
margin: 30px -15px 30px;
}
.js-pixproof-gallery>br {
display: none;
}
.js-pixproof-gallery .gallery-item {
margin-bottom: 30px;
float: left;
padding: 0 15px;
max-width: none;
}
.js-pixproof-gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.js-pixproof-gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.js-pixproof-gallery.gallery-columns-3 .gallery-item {
width: 33.333%;
}
.js-pixproof-gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.js-pixproof-gallery .gallery-item a {
text-decoration: none;
}
.js-pixproof-gallery .proof-photo__bg {}
.js-pixproof-gallery .proof-photo__bg img {
width: 100%;
display: block;
}
.js-pixproof-gallery .proof-photo__container {
position: relative;
color: #fff;
}
.js-pixproof-gallery .proof-photo__meta {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.js-pixproof-gallery .proof-photo:hover .proof-photo__meta {
opacity: 1;
}
.js-pixproof-gallery .proof-photo__meta .flexbox {}
.js-pixproof-gallery .proof-photo__meta .flexbox__item {}
.js-pixproof-gallery .proof-photo__meta .nav {
margin: 0;
padding: 0;
font-size: 30px;
}
.js-pixproof-gallery .proof-photo__meta .nav li {
display: inline-flex;
line-height: 1;
margin: 0;
padding: 0;
}
.js-pixproof-gallery .proof-photo__meta .nav li:before {
display: none;
}
.js-pixproof-gallery .proof-photo__meta .nav li .separator {
display: none;
}
.js-pixproof-gallery .proof-photo__meta .nav li a {
display: block;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.js-pixproof-gallery .proof-photo__meta .nav li a:hover {
color: #ebb85e;
}
.js-pixproof-gallery .proof-photo__meta .nav li a.zoom-action {
margin-right: 25px;
}
.js-pixproof-gallery .proof-photo__meta .nav li a.zoom-action:before,
.js-pixproof-gallery .proof-photo__meta .nav li a.select-action:before,
.js-pixproof-gallery .proof-photo__meta .nav li a.select-action:after,
.js-pixproof-gallery .proof-photo__status:before {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.js-pixproof-gallery .proof-photo__meta .nav li a.zoom-action:before {
content: "\e97d";
font-family: 'ui-interface' !important;
}
.js-pixproof-gallery .proof-photo__meta .nav li a.select-action {
position: relative;
}
.js-pixproof-gallery .proof-photo__meta .nav li a.select-action:before,
.js-pixproof-gallery .proof-photo__meta .nav li a.select-action:after,
.js-pixproof-gallery .proof-photo__status:before {
content: "\e966";
font-family: 'ui-interface' !important;
opacity: 0;
}
.js-pixproof-gallery .selected .proof-photo__meta .nav li a.select-action:before {
opacity: 1;
}
.js-pixproof-gallery .proof-photo__meta .nav li a.select-action:after {
content: "\e93d";
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
.js-pixproof-gallery .proof-photo__status:before {
content: "\e93d";
line-height: 40px;
}
.js-pixproof-gallery .selected .proof-photo__meta .nav li a.select-action:after {
opacity: 0;
}
.js-pixproof-gallery .proof-photo__meta .nav li .button-text {
display: none;
}
.js-pixproof-gallery .proof-photo__status {
position: absolute;
top: 100%;
left: 15px;
line-height: 40px;
font-size: 14px;
}
.js-pixproof-gallery .selected .proof-photo__status:before {
opacity: 1;
}
.js-pixproof-gallery .proof-photo__status .ticker {
display: none;
}
.js-pixproof-gallery .proof-photo__id {
display: block;
background: #121212;
color: #fff;
padding: 12px 45px;
line-height: 1;
font-weight: 500;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.site-light .js-pixproof-gallery .proof-photo__id {
background: #e8e8e8;
color: #000;
}
.js-pixproof-gallery .selected .proof-photo__id {
background: #ebb85e;
}
.woocommerce .products ul, .woocommerce .products {
display: flex;
flex-wrap: wrap;
}
.woocommerce .products > h5 {
flex: 0 0 100%;
}
.portfolio-slider-area.pagination-off .owl-dots {
display: none;
}
.project-horizontal-slider .item.content-item {
width: 620px;
min-height: calc( 100vh - 165px );
}@media (hover: none) {
.mouse-cursor {
display: none !important;
}
}
@media screen and (max-width: 1360px) {
.portfolio-by-category .left-side .text {
margin-top: -100px;
}
.portfolio-by-category .left-side .tab-h {
margin-top: 0;
}
}
@media screen and (max-width: 1200px) {
.fsn-container {
top: 160px;
}
.section-side-bar {
display: none;
}
.section-side-bar+.section-content {
margin: 0 !important;
}
.side-container {
margin-left: 0;
}
.portfolio-by-category .left-side .tab-h {
font-size: 14px;
}
.portfolio-by-category .left-side .tab-h .tab-h-item {
margin-right: 25px;
}
.portfolio-by-category .left-side .text {
font-size: 24px;
}
}
@media screen and (max-width: 992px) {
.header-type-left_side #all {
padding-left: 0;
}
.header-type-left_side .header-space {
display: block !important;
}
.header-type-side #all .header-space.hide {
display: block !important;
}
.site-header.header_side {
display: block;
}
.site_nav_side:not(.heading-space-enable),
.site_nav_side_h:not(.heading-space-enable) {
padding-top: 85px;
}
.side-header {
display: none;
}
.site-header.with-side {
display: block;
}
.site-header.logo_center .logo {
float: left;
width: auto;
font-size: 3em; }
.site-header.logo_center .logo span {
font-size: 0.28em;
margin-top: 5px;
}
.logo_center .navigation {
display: block !important;
visibility: visible !important;
}
.logo_center .nav-button {
display: block !important;
visibility: visible !important;
}
.countdownHolder {
font-size: 11px;
}
.countdownHolder.medium .position {
font-size: 7em;
}
.project-horizontal {
padding-left: 320px;
}
.project-horizontal .content {
left: 30px;
}
.banner .item .h {
font-size: 60px;
}
.banner .item .text {
font-size: 24px !important;
}
.top .banner-pagination,
.bottom .banner-pagination {
display: none;
}
.projects-content .cell {
height: auto !important;
}
.side-block-area>.img {
display: none;
}
.sb-block {
padding: 0 !important;
width: 100%;
margin: 0 !important;
}
.blog-item {
margin-bottom: 30px;
}
.blog-type-horizontal .blog-item .wrap .img {
position: relative;
width: 100%;
height: 300px;
border-bottom: 1px solid;
border-right: 0;
}
.blog-type-horizontal .blog-item .wrap .img+.content,
.blog-type-horizontal .blog-item:nth-child(even) .wrap .img+.content {
margin: 0;
padding: 10px 15px 0;
}
.blog-item .wrap .bottom {
margin: 20px -15px 0;
padding: 9px 15px;
}
.blog-type-horizontal .blog-item .wrap .content {
padding: 20px 0 0;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+4) .a-img div {
padding-bottom: 67%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+2) .a-img div {
padding-bottom: 95%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+5) {
width: 33.3333%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+5) .a-img div {
padding-bottom: 67%;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+6) .a-img div {
padding-bottom: 39%;
}
.portfolio-categories .left-side {
margin-right: 260px;
}
.portfolio-categories .items .item .cat-h {
font-size: 75px;
}
.site-footer .logo {
float: none;
display: inline-block;
}
.site-footer .footer-cols {
position: relative;
top: 0;
left: 0;
right: auto;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.site-footer .footer-wrap {
text-align: center;
}
.social-buttons {
float: none;
}
.site-footer .footer-cols .col {
margin: 5px 15px !important;
}
.portfolio-by-category {
height: auto !important;
}
.portfolio-by-category .left-side {
float: none;
width: 100%;
height: auto !important;
padding: 80px 30px 0;
}
.portfolio-by-category .left-side .text,
.portfolio-by-category .left-side .tab-h,
.portfolio-by-category .left-side .bottom {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
margin-top: 0;
margin-bottom: 30px;
}
.portfolio-by-category .left-side .nav-buttons,
.portfolio-by-category .left-side .current-num {
display: none;
}
.header_offset_to_center .fr {
margin-right: 0;
padding-right: 0;
}
.site-header.header_offset_to_center {
padding-top: 0;
}
.portfolio-by-category .right-side {
margin-left: 0;
}
.portfolio-by-category .right-side,
.portfolio-by-category .right-side>.item {
height: 500px !important;
}
.full-screen-area .fc-top-nav,
.full-screen-area .fc-navigation {
display: none;
}
.full-screen-area {
padding-right: 0;  }
.full-screen-area .fc-wrap {
right: 0; overflow: auto;
}
.full-screen-area .fc-item {
position: relative;
transform: translate3d(0px, 0, 0px) !important;
}
body.body-overflow-hidden {
overflow: auto;
}
.ps-slider-arrow .image {
display: none;
}
.ps-slider-arrow {
width: 170px;
}
.ps-slider-arrow.prev {
padding-right: 30px;
}
.ps-slider-arrow.prev i {
right: 0;
}
.ps-slider-arrow.next {
padding-left: 30px;
}
.ps-slider-arrow.next i {
left: 0;
}
.portfolio-slider .left-block {
padding-left: 0;
}
.ps-bottom { }
.price-list-item.recommended {
margin: 0;
}
.price-list-item.recommended .options {
padding: 30px 15px;
}
.wrap-lines {
display: none;
}
.vertical-parallax-area {}
.vertical-parallax-slider {
overflow: hidden;
overflow-y: auto;
}
.vertical-parallax-slider .vps-item {
transform: translate3d(0px, 0, 0px) !important;
position: relative;
height: auto;
}
.vertical-parallax-slider .vps-item:not(.last) {
padding-bottom: 60%;
}
.comment-items .comment-item .content {
margin-left: 0;
min-height: auto;
}
.comment-items .comment-item .top {
float: none;
max-width: none;
}
.comment-items .comment-item .image+.area .top {
margin-left: 95px;
}
.comment-items .comment-item .image+.area {
padding-left: 0;
}
.comment-items .comment-item .area {
margin: 0;
}
.comment-items .comment-item .image+.area .content {
border-left: 0;
}
.split-screen .ss-col.left,
.split-screen .ss-col.right {
opacity: 1;
visibility: visible;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.split-screen .ss-col.left {
transition-delay: .5s;
}
.split-screen .ss-col.right {
transition-delay: .9s;
}
.split-screen .fc-item-img-cols .heading-with-num {
opacity: 1;
visibility: visible;
}
.split-screen .fc-item-img-cols img {
opacity: 1;
visibility: visible;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@media screen and (max-width: 782px) {
.admin-bar .site-header,
.admin-bar .right-side-nav {
top: 46px;
}
.admin-bar .navigation { }
}
@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
input.style1,
textarea.style1 {
margin-bottom: 10px;
}
.full-screen-area .fc-item>.cell {
display: block;
height: auto !important;
min-height: 100vh;
}
.container,
.container-fluid {
width: 100%;
}
.comment-items .comment-item .image,
.icon-box-item:not(:last-of-type):after {
display: none;
}
.comment-items .comment-item .text {
margin-left: 0;
border: none;
padding-left: 0;
}
.site-header .header-top .social-buttons a span {
display: none;
}
.site-header .header-top .working-time,
.site-header .header-top .phone-number {
display: none;
}
.center-nav {
display: none;
}
.site-footer.side {
padding-left: 0;
}
.navigation.centered {
display: none;
}
.admin-bar .navigation {
margin-top: 46px;
}
.site-header-center-mode .navigation {
top: 105px;
}
.site-header-center-mode.fixed .navigation {
top: 70px;
}
.butter-button {
display: block !important;
}
.butter-button.sidebar-button {
display: none !important;
}
.navigation {
margin-right: 0;
}
.navigation>ul>li:not(:last-of-type) {
margin-right: 20px;
}
.navigation-centered>ul>li:after {
display: none;
}
#mega-menu-wrap-navigation #mega-menu-navigation>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {
padding: 10px 0;
border: none;
}
.navigation {
position: fixed;
top: 75px;
right: 0;
bottom: 0;
z-index: 20;
background: #ffffff; padding: 15px 30px;
width: 260px;
max-width: 260px;
overflow: hidden;
overflow-y: auto;
margin-right: 0 !important;
transform: translateX(100%);
border: none;  border-left: 1px solid #eee;
}
.site-header.dark .navigation {
border-color: #393939;
}
.navigation.navigation-centered {
top: 70px;
}
.admin-bar .fixed .navigation {}
.navigation>ul {
float: none;
}
.navigation>ul>li,
.navigation>ul>li:not(:last-of-type),
.navigation>ul>li+li {
float: none;
padding: 0 !important;
margin: 0px 0;
display: block;
}
.navigation>ul>li>a {
padding: 10px 0;
text-align: left;
display: block;
height: auto;
max-width: none;
}
.navigation>ul>li.menu-item-has-children>a:after,
.navigation>ul>li.menu_item_has_children>a:after {
content: "\e948";
font-family: 'solid-arrow-collection' !important;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
font-size: 0.6em;
}
.navigation .sub-menu,
.navigation .children {
position: relative;
top: 0;
left: 0;
width: inherit;
display: none;
margin: 10px 0;
visibility: visible;
opacity: 1;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.navigation>ul>li .sub-menu,
.navigation>ul>li .children {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;  position: relative;
left: 0;
width: 100%;
opacity: 1;
visibility: visible;
display: none;
padding: 5px 20px;
}
.navigation>ul>li .sub-menu .sub-menu,
.navigation>ul>li .children .children {
padding-left: 10px;
margin-bottom: -2px;
}
.navigation .child-img.go+.sub-menu {
padding: 0;
background: #202020 !important;
border: none;
color: #fff;
}
.navigation .child-img.go+.sub-menu>li {
margin: 0;
width: auto;
}
.navigation .child-img.go+.sub-menu>li>a {
color: inherit;
width: auto;
display: block;
}
.navigation .child-img.go+.sub-menu>li.menu-item-has-children>a:after,
.navigation .child-img.go+.children>li.page_item_has_children>a:after {
color: #fff;
}
.navigation .child-img.go+.sub-menu>li>a {
border-bottom: 1px solid #fff;
margin-bottom: -1px;
}
.navigation .sub-menu .sub-menu,
.navigation .cildren .cildren {
left: 0 !important;
right: 0 !important;
width: inherit;
margin: 0 0 -1px;
top: 0; border-left: 0;
border-right: 0;
}
.navigation .sub-menu .sub-menu .sub-menu,
.navigation .cildren .cildren .cildren { border-left: none;
border-right: none;
}
.navigation>ul>li:nth-last-child(3) .sub-menu li.menu-item-has-children>a:after,
.navigation>ul>li:nth-last-child(2) .sub-menu li.menu-item-has-children>a:after,
.navigation>ul>li:nth-last-child(1) .sub-menu li.menu-item-has-children>a:after,
.navigation>ul>li:nth-last-child(3) .children li.menu_item_has_children>a:after,
.navigation>ul>li:nth-last-child(2) .children li.menu_item_has_children>a:after,
.navigation>ul>li:nth-last-child(1) .children li.menu_item_has_children>a:after {
content: "\e90d";
right: 10px;
left: inherit;
}
.navigation>ul>li:nth-last-child(5) .sub-menu li.menu-item-has-children>a,
.navigation>ul>li:nth-last-child(4) .sub-menu li.menu-item-has-children>a,
.navigation>ul>li:nth-last-child(3) .sub-menu li.menu-item-has-children>a,
.navigation>ul>li:nth-last-child(2) .sub-menu li.menu-item-has-children>a,
.navigation>ul>li:nth-last-child(1) .sub-menu li.menu-item-has-children>a,
.navigation>ul>li:nth-last-child(5) .children li.menu_item_has_children>a,
.navigation>ul>li:nth-last-child(4) .children li.menu_item_has_children>a,
.navigation>ul>li:nth-last-child(3) .children li.menu_item_has_children>a,
.navigation>ul>li:nth-last-child(2) .children li.menu_item_has_children>a,
.navigation>ul>li:nth-last-child(1) .children li.menu_item_has_children>a { }
.navigation .sub-menu li.menu-item-has-children>a:after,
.navigation .children li.page_item_has_children>a:after {
right: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #444444;
}
.navigation-img {
display: none;
}
.navigation .mega-menu {
position: relative;
width: auto !important;
display: block;
top: 0;
left: 0;
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
opacity: 1;
visibility: visible;
padding: 15px 0;
display: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.navigation div.mega-menu ul.sub-menu {
display: block;
width: auto;
margin-bottom: 15px;
border: none;
}
.fixed .navigation { }
.site-header.dark .navigation {
background: #000000;
color: #fff;
}
.navigation.centered_menu {
transform: translateX(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wpadminbar {
position: fixed !important;
}
.countdownHolder .position {
font-size: 5em;
}
.countdownHolder .name {
font-size: 1em;
font-weight: normal;
}
.countdownHolder>*:not(:last-of-type) {
margin-right: 25px;
}
.comment-items .children {
padding-left: 10px;
}
.comment-items .comment-item {
font-size: 1em;
padding: 15px 0;
margin-bottom: 0;
}
.site-content {
padding: 0;
}
body[class^="woocommerce-"] .site-content,
body[class*="woocommerce-"] .site-content {
padding: 0;
}
.comment-items .comment-item .comment-respond {
margin-left: 0;
}
#cancel-comment-reply-link {
display: none !important;
}
.banner .centered-container {
min-width: 100%;
}
.side-image,
.side-image div {
height: auto !important;
background-image: none !important;
}
.testimonials-items .owl-prev,
.testimonials-items .owl-next {
display: none !important;
}
.blog-item .content {}
.blog-type-horizontal .blog-item .img {
position: relative;
right: 0;
top: 0;
left: 0;
}
.blog-type-horizontal .blog-item .img>a {
position: relative;
padding-bottom: 60%;
}
.blog-type-horizontal .blog-item.with-image .content {
max-width: 100%;
float: none;
margin-top: 20px;
}
.blog-type-horizontal .blog-item .content h5 {
min-height: auto;
}
.blog-type-horizontal .blog-item.with-image .bottom {
max-width: 100%;
padding: 0;
}
.project-horizontal .content {
left: 15px;
position: relative;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
padding-bottom: 30px;
}
.project-horizontal {
height: auto !important;
padding-left: 0;
min-height: auto;
}
.project-horizontal-slider img {
height: 300px !important;
min-height: auto;
}
.project-horizontal-slider .cell {
height: 300px !important;
}
.project-horizontal-slider .owl-nav {
bottom: -65px;
}
.banner-social-buttons {
display: none !important;
}
.banner .item .h {
font-size: 35px !important;
}
.projects-content {
width: 100%;
}
.project-items-area {
margin: 0;
}
.projects-slider.style1 .project-items,
.projects-slider.style1 .project-items .item {
min-height: 300px;
max-height: 30px;
}
.project-items .thumbnails .thumb {
width: 30px;
height: 30px;
}
.banner .additional-image {
display: none;
}
.banner .item .content-right {
margin-left: 0;
}
#menu-footer-menu-2 {
margin-top: 0;
}
h1,
.h1,
h1[style*="font-size"],
h1[style^="font-size"] {
font-size: 36px !important;
}
h2,
.h2,
h2[style*="font-size"],
h2[style^="font-size"] {
font-size: 30px !important;
}
h3,
.h3,
h3[style*="font-size"],
h3[style^="font-size"] {
font-size: 24px !important;
}
h4,
.h4,
h4[style*="font-size"],
h4[style^="font-size"] {
font-size: 18px !important;
}
h5,
.h5,
h5[style*="font-size"],
h5[style^="font-size"] {
font-size: 16px !important;
}
h6,
.h6,
h6[style*="font-size"],
h6[style^="font-size"] {
font-size: 14px !important;
}
.banner .item .cell {
width: 10000px;
}
.banner .item .col-content .cell,
.banner .item .col-image .cell {
height: auto !important;
padding: 10px 0;
}
.banner .item .col-content .cell {
padding-top: 80px;
}
.side-img {
margin: 30px 0 !important;
}
.portfolio-type-packery.cols-4 .portfolio-item:nth-child(6n+5) {
width: 100%;
}
blockquote { margin-right: 0;
font-size: 1.35em;
}
.testimonial-item .bottom {
margin-left: 20px;
}
blockquote:before { }
.site-footer .copyright {
float: none;
text-align: center;
}
.site-footer .social-buttons-text {
float: none;
text-align: center;
}
span[style*="font-size: 172px;"],
span[style^="font-size: 172px;"] {
font-size: 100px !important;
}
.social-buttons-text.on-side {
left: -5px;
}
.social-buttons-text.on-side {
left: -5px;
}
.testimonials.owl-carousel.owl-loaded {
padding-right: 0;
}
.testimonials .owl-dots {
display: none !important;
}
.owl-carousel .testimonial-item .quote:before {
left: 0;
}
.comment-items .comment-item .image+.top,
.comment-items .comment-item .image+.top+.content {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.comment-items .comment-item .top {
margin-bottom: 10px;
margin-left: 0 !important;
padding-left: 15px;
}
.banner-area { }
.social-buttons-text {
display: none;
}
.banner-categories-button {
display: none;
}
.banner {
padding-bottom: 15px;
}
.banner .item {
padding: 0;
}
.filter-button-group.tac button,
.filter-button-group.tac a,
.category-buttons.tac a {
margin: 0 8px 0;
}
.filter-button-group.tal button:not(:last-of-type),
.filter-button-group.tal a:not(:last-of-type),
.category-buttons.tal a:not(:last-of-type) {
margin-right: 16px;
}
.filter-button-group.tar button:not(:first-of-type),
.filter-button-group.tar a:not(:first-of-type),
.category-buttons.tar a:not(:first-of-type) {
margin-left: 16px;
}
.project-slider-page .project-detail,
.project-masonry-page .project-detail {
padding-left: 0;
}
.project-bottom .name {
display: none;
}
.project-bottom .button-style2 {
margin-bottom: 0;
}
[data-sticky_column],
[data-sticky_column]>*,
.wpb_column,
.wpb_fixed>* {
position: static !important;
}
.wpb_fixed>div[style*='position: static;'],
.wpb_fixed>div[style^='position: static;'] {
display: none !important;
}
.about-img-text {
left: 30px;
}
.portfolio-categories .right-side {
font-size: 10px;
width: 115px;
}
.page-with-portfolio-categories .nav-button {
width: 115px;
}
.portfolio-categories .categories-links ul {
font-size: 14px;
}
.portfolio-categories .categories-links ul li {
margin: 10px 0;
}
.portfolio-categories .left-side {
margin-right: 130px;
}
.portfolio-by-category .left-side {
padding: 80px 15px 0;
}
.portfolio-by-category .p-items.position-type1 .p-item:nth-child(3n+2),
.portfolio-by-category .p-items.position-type1 .p-item:nth-child(3n+3) {
width: 100%;
}
.portfolio-by-category .p-items .p-item a,
.portfolio-by-category .p-items.position-type1 .p-item:nth-child(3n+2) {
width: 100% !important;
height: 300px !important;
}
.portfolio-by-category .cat-link-item {
position: relative;
width: 100%;
}
.portfolio-by-category .p-items.position-type1 .p-item:nth-child(3n+2) a {
-moz-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.one-screen-area .decor-lines {
display: none;
}
.one-screen .item .top-title,
.one-screen .item .content,
.one-screen-about-me .content {
left: 15px;
}
.one-screen .item .link-area,
.one-screen-about-me .link-area {
left: 15px;
margin-left: 0;
text-align: left;
bottom: 30px;
}
.one-screen .owl-nav,
.portfolio-cols-slider .owl-nav,
.portfolio-categories-slider .owl-nav,
.one-screen-area .slider-navigation {
display: none;
}
.one-screen-area .os-buttons .button {
margin-right: 10px;
line-height: 30px;
}
.one-screen-area .os-buttons {
width: 31px;
}
.one-screen-area {
padding-right: 31px;
}
.one-screen-block {
right: 31px;
}
.one-screen-block .close {
left: 15px;
top: 15px;
}
.one-screen-about-me .content {
bottom: 70px;
}
.one-screen-about-me .signature-img,
.one-screen-about-me .top-right-text,
.one-screen-contact .top-right-text {
display: none;
}
.site-footer .widget_portfolio,
.site-footer .textwidget>div[style^="max-width"],
.site-footer .textwidget>div[style*="max-width"] {
margin: 0 auto;
}
.site-footer .contact-row {
display: inline-block;
margin: 15px 10px;
}
.wrap_lines_yes .testimonials-type2.owl-carousel.owl-loaded,
.portfolio-slider-w-filter {
padding: 0;
}
.portfolio-slider-w-filter .owl-prev,
.portfolio-slider-w-filter .owl-next {
display: none;
}
.bottom-contact .c {
width: 100%;
float: none;
text-align: left !important;
padding-left: 35px;
position: relative;
margin: 10px 0;
}
.bottom-contact .c i {
position: absolute;
left: 0;
top: 0;
}
.tab-items .tabs-head li:not(:last-of-type) {
margin-right: 0;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 100%;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {}
.woocommerce div.product .woocommerce-tabs .site-content {
padding: 0;
font-size: 14px;
}
.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {}
.woocommerce table.shop_table .product-name .image {
display: none;
}
.woocommerce table.shop_table .product-name .name {
margin-left: 0;
}
.woocommerce table.shop_table .product-price>span {
font-size: 1.2em;
}
.woocommerce table.shop_table th {
font-size: 0.8em;
}
.woocommerce .shop_table .down,
.woocommerce .shop_table .up {
display: none;
}
.woocommerce table.shop_table .product-quantity .qty {
margin: 0 auto;
float: none;
}
.woocommerce table.shop_table .product-subtotal>span {
font-size: 1.2em;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
padding: 10px 10px;
}
.woocommerce table.shop_table .product-remove {
padding: 0 0 0 5px;
}
.woocommerce .shop_table div.quantity {
width: auto;
}
.woocommerce table.shop_table {
max-width: 100%;
}
.woocommerce table.shop_table .product-name .name {
font-size: 0.9em;
}
.woocommerce table.shop_table td.product-price > span,
.woocommerce table.shop_table td.product-subtotal > span {
font-size: 18px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
padding: 15px 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td .woocommerce-Price-amount {
font-size: 1.5em;
}
.blog-item .wrap .content {
padding: 5px 15px 0;
}
.header-post-nav {
display: none;
}
.project-horizontal-slider {
padding: 20px 0 0;
}
.block-coming-soon .countdownHolder {
position: relative;
top: 0;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
margin-top: 30px;
}
.comment-items .comment-item .image+.area {
margin-left: 0;
}
.comment-items .comment-item .top .cell {
height: auto;
}
.comment-items .comment-item .content {
padding: 0 15px 15px;
}
.mobile_yes .banner .item,
.mobile_yes .portfolio-slider .ps-single-image,
.mobile_yes .one-screen .item,
.mobile_yes .portfolio-cols-slider .pcs-item,
.mobile_yes .side-img .vc_column-inner,
.mobile_yes .video-block a,
.mobile_yes .categories-grid-item a,
.mobile_yes .team-item .avatar,
.mobile_yes .portfolio-item .a-img div,
.mobile_yes .portfolio-slider-w-filter .wrap .a-img div,
.mobile_yes .blog-item .wrap .img>a {
background-size: contain !important;
background-repeat: no-repeat !important;
}
[style*="font-size: 30px;"] {
font-size: 14px !important;
line-height: 1.4em;
display: block;
}
.split-screen .ss-col {
position: relative;
top: 0;
padding: 0;
}
.split-screen .ss-col.top {
top: 0;
left: 0;
}
.split-screen .ss-col.bottom {
bottom: 0;
}
.split-screen .ss-container {
position: relative !important;
left: 0;
padding: 0 15px !important;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none; }
.split-screen .ss-bg {
display: none;
}
.split-screen .ss-col.white {
color: #fff;
}
.split-screen .starting-first-screen {
height: 100vh;
}
.album-playlist .top .top-playbutton {
display: none;
}
.album-playlist .top-playbutton+.top-text {
margin-left: 25px;
}
.mb-button,
.music-banner .one-screen-block {
display: none;
}
}
@media screen and (max-width: 640px) {
.side-image+div {
padding: 0 15px !important;
}
.category-item-type2>div,
.category-items-type2.medium .category-item-type2>div {
padding-bottom: 100%;
}
.banner .decor-line {
font-size: 0.8em;
}
.post-nav a span {
display: none;
}
.banner .owl-dots {
display: none;
}
.side-bar-area .wrap,
.side-bar-area .close,
.side-bar-area .copyright {
left: 15px;
}
.coupon-area .input-text {
margin: 0 auto 15px;
display: block;
}
.coupon-area .button-style1 {
margin: 0 0 20px;
}
.benefit-item .num {
font-size: 2.5em;
}
.benefit-item .num {
font-size: 2.5em;
}
.subscribe-form2 div {
margin-right: 0;
}
.subscribe-form2 .button {
position: relative;
margin: 15px auto 0;
display: block;
}
.product-carousel-side {
width: 100%;
float: none;
margin-bottom: 20px;
}
.product-carousel .woocommerce {
margin-left: 0;
}
.project-content .project-heading {
padding-left: 0;
font-size: 2.5em;
margin-bottom: 20px;
}
.projects-slider.style3 .project-items,
.projects-slider.style3 .project-items .img,
.projects-slider.style3 .project-items .item {
height: 190px !important;
min-height: auto;
}
.woocommerce table.shop_table.cart th {
font-size: 10px;
padding: 9px 0;
}
.map-with-content .wrap {
padding: 5px 20px 15px;
}
.step-items .item {
margin-left: 0;
padding: 0;
margin-bottom: 30px;
text-align: center;
}
.step-items.type2 .item:before,
.step-items.type2 .item:after,
.step-items .item .date:after {
display: none;
}
.step-items .item .date {
position: relative;
top: 0;
right: auto;
margin: 0;
margin-top: 5px;
}
.step-items .item:nth-child(even) {
text-align: center;
margin-right: 0;
}
.step-items .item:nth-child(even) .date {
margin: 0;
left: 0;
margin-top: 5px;
}
.portfolio-slider .right {
margin-left: 0;
}
.portfolio-slider .left-block {
position: relative;
top: 0;
margin-bottom: 15px;
}
.portfolio-slider>.owl-dots {
position: relative;
top: 0;
margin-top: 15px;
}
.ps-thumb-slider .ps-ts-item,
.portfolio-slider .ps-single-image {
height: 320px;
}
.ps-slider-arrow .title,
.scroll-top {
display: none;
}
.ps-slider-arrow .label {
margin-bottom: 0;
}
.ps-slider-arrow {
width: 80px;
}
.ps-slider-arrow .cell {
height: 40px;
}
.m-scroll-wrap {
position: absolute;
top: 55px;
left: 15px;
right: 15px;
bottom: 15px;
overflow: auto;
overflow-x: hidden;
}
.one-screen-contact .bottom-contact {
position: relative;
left: 0;
right: 0;
bottom: 0;
margin-top: 30px;
}
.project-grid-page .ps-bottom {
padding: 35px 5px;
}
.project-content-area {
padding: 15px 15px 0;
}
.split-screen .heading-with-num {
font-size: 10px;
margin: 40px 0 25px;
}
}
@media screen and (max-width: 480px) {
.portfolio-categories .items .item .cat-h {
font-size: 48px;
}
.portfolio-categories .p-items .p-item {
margin-bottom: 10px;
}
.testimonial-item .quote {
font-size: 18px;
}
.slider-navigation {
display: none !important;
}
div.input-row-s1 {
margin-right: 0;
}
.coupon-area {
padding-bottom: 25px;
}
.project-detail .item {
width: 100%;
}
.project-horizontal-slider .item.content-item {
width: 280px;
}
}
@media screen and (max-width: 380px) {
.banner .item .button-style1+.button-style1 {
margin-left: 0;
}
.testimonial-item .image {
display: none;
}
.banner .item .link-area {
max-width: 300px;
}
.testimonial-item .image+.text {
margin-left: 0;
}
.testimonial-mode-right .image+.text {
margin-right: 0;
}
blockquote {
font-size: 1em;
}
.testimonials-bottom .image {
display: none;
}
.testimonials-bottom .image+.h6 {
margin-left: 0;
}
.banner .decor-line {
font-size: 0.6em;
}
.site-header .button-style1 {
display: none;
}
.site-footer .footer-cols .col {
display: block;
text-align: center;
}
.ps-bottom {
}
.ps-b-button {
max-width: 100%;
white-space: nowrap;
font-size: 8px;
margin-top: 3px;
}
}