.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(https://luxarte.studio/wp-content/plugins/pt-sansara-shortcodes/include/css/../images/brands/apple.svg); } .app-button.google-play:before {  background-image:url(https://luxarte.studio/wp-content/plugins/pt-sansara-shortcodes/include/css/../images/brands/youtube_music.svg); } .app-button.deezer:before {  background-image:url(https://luxarte.studio/wp-content/plugins/pt-sansara-shortcodes/include/css/../images/brands/deezer.svg); } .app-button.spotify:before {  background-image:url(https://luxarte.studio/wp-content/plugins/pt-sansara-shortcodes/include/css/../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 ); }