2596 lines
60 KiB
CSS
2596 lines
60 KiB
CSS
.col-5ths,
|
|
.col-sm-5ths,
|
|
.col-md-5ths,
|
|
.col-lg-5ths,
|
|
.col-xl-5ths {
|
|
position: relative;
|
|
min-height: 1px;
|
|
width: 100%;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.col-5ths {
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.col-sm-5ths {
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.col-md-5ths {
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.col-lg-5ths {
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.col-xl-5ths {
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
}
|
|
|
|
.alternative-font {
|
|
font-family: "PT Sans", sans-serif;
|
|
font-size: inherit;
|
|
}
|
|
|
|
.default-font {
|
|
font-family: "Poppins", Arial, sans-serif;
|
|
font-size: inherit;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: "PT Sans", sans-serif;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.6em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.custom-font-size-1 {
|
|
font-size: 1.8em;
|
|
line-height: 1;
|
|
}
|
|
|
|
.custom-font-size-2 {
|
|
font-size: 3em;
|
|
line-height: 1;
|
|
}
|
|
|
|
.custom-border-radius {
|
|
border-radius: 30px !important;
|
|
}
|
|
|
|
.custom-carousel-arrows-style .owl-nav button.owl-prev, .custom-carousel-arrows-style .owl-nav button.owl-next {
|
|
height: 80px;
|
|
top: 50%;
|
|
border-radius: 0;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.custom-carousel-arrows-style .owl-nav button.owl-prev::before, .custom-carousel-arrows-style .owl-nav button.owl-next::before {
|
|
font-family: simple-line-icons;
|
|
content: "\e605";
|
|
}
|
|
|
|
.custom-carousel-arrows-style .owl-nav button.owl-next::before {
|
|
content: "\e606";
|
|
}
|
|
|
|
.custom-carousel-dots-style {
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.custom-carousel-dots-style .owl-dots button.owl-dot span {
|
|
background: transparent;
|
|
border: 2px solid #192830;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.custom-carousel-dots-style .owl-dots button.owl-dot.active span {
|
|
opacity: 1;
|
|
}
|
|
|
|
.custom-carousel-dots-style.custom-carousel-dots-style-inside {
|
|
position: relative;
|
|
}
|
|
|
|
.custom-carousel-dots-style.custom-carousel-dots-style-inside .owl-dots {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 10px;
|
|
}
|
|
|
|
.owl-carousel.rounded-nav .owl-nav button[class*="owl-"],
|
|
.owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:hover {
|
|
border-radius: 100% !important;
|
|
}
|
|
|
|
.list.list-icons-style-2 li > .fa:first-child,
|
|
.list.list-icons-style-2 li a:first-child > .fa:first-child,
|
|
.list.list-icons-style-2 li > .icons:first-child,
|
|
.list.list-icons-style-2 li a:first-child > .icons:first-child {
|
|
border-width: 2px !important;
|
|
}
|
|
|
|
.form .form-control {
|
|
border: 1px solid #dde4e6;
|
|
border-radius: 2px;
|
|
height: 45px;
|
|
padding: 10px 12px;
|
|
}
|
|
|
|
.form .form-control::-webkit-input-placeholder {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.form .form-control::-moz-placeholder {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.form .form-control:-ms-input-placeholder {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.form .form-control:-moz-placeholder {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.form textarea.form-control {
|
|
height: auto;
|
|
}
|
|
|
|
.form input[type="submit"] {
|
|
border-radius: 25px;
|
|
padding: 11px 21px;
|
|
border-width: 2px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
#header .header-body {
|
|
border-top: 0;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li:hover > a {
|
|
color: #adb3c2 !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after {
|
|
border-color: #adb3c2 transparent transparent transparent !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li a {
|
|
background: none !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li a:focus, #header .header-nav-main nav > ul > li a:active {
|
|
color: #adb3c2 !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li a.active {
|
|
background: transparent;
|
|
color: #adb3c2 !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li a.active.dropdown-toggle:after {
|
|
border-color: #adb3c2 transparent transparent transparent !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 {
|
|
background-color: #182027;
|
|
border-top: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li:last-child > a {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a {
|
|
border-bottom: none;
|
|
color: #777;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a:hover {
|
|
background: none !important;
|
|
}
|
|
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a > i {
|
|
float: right;
|
|
}
|
|
|
|
#header .header-btn-collapse-nav {
|
|
border-radius: 50%;
|
|
height: 34px;
|
|
width: 34px;
|
|
padding: 0;
|
|
}
|
|
|
|
html:not(.boxed) #header.header-full-width .header-container {
|
|
padding-right: 27px;
|
|
padding-left: 27px;
|
|
}
|
|
|
|
html.sticky-header-active #header .header-body {
|
|
box-shadow: none;
|
|
}
|
|
|
|
@media (min-width: 991px) {
|
|
#header .header-nav-main nav > ul > li > a {
|
|
background: transparent !important;
|
|
transition: color 0.3s ease;
|
|
}
|
|
#header .header-nav-main nav > ul > li.active > a {
|
|
background: transparent;
|
|
color: #adb3c2 !important;
|
|
}
|
|
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
|
|
content: "\f105";
|
|
font-family: 'Font Awesome 6 Free';
|
|
font-weight: 900;
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
#header .header-nav-main nav > ul > li.dropdown:hover > a:before, #header .header-nav-main nav > ul > li.dropdown.open > a:before {
|
|
display: none !important;
|
|
}
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 {
|
|
padding: 7px 17px !important;
|
|
margin-top: -2px !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li.dropdown-submenu a i:nth-child(1) {
|
|
display: block;
|
|
}
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a {
|
|
padding: 6px 0px 6px 0px !important;
|
|
border-bottom: 0 !important;
|
|
color: #999 !important;
|
|
}
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a:hover {
|
|
color: #FFF !important;
|
|
}
|
|
#header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a > i {
|
|
margin-top: 3px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#header.header-narrow .header-logo img {
|
|
height: auto !important;
|
|
max-width: 160px;
|
|
}
|
|
}
|
|
|
|
#main {
|
|
min-height: calc( 100vh - 167px);
|
|
}
|
|
|
|
.slider-container {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.slider-container:hover .arrows-side-header-1.tp-leftarrow {
|
|
left: -0px !important;
|
|
}
|
|
|
|
.slider-container:hover .arrows-side-header-1.tp-rightarrow {
|
|
left: 100% !important;
|
|
}
|
|
|
|
.slider-container .hermes .tp-bullet {
|
|
box-shadow: 0 0 0 2px #242E39 inset;
|
|
}
|
|
|
|
.slider-container .hermes .tp-bullet:after {
|
|
background-color: #242E39;
|
|
box-shadow: 0 0 1px #242E39;
|
|
}
|
|
|
|
.tp-caption-photo-label {
|
|
color: #fff;
|
|
font-family: "PT Sans", sans-serif;
|
|
font-size: 1.8em;
|
|
font-weight: 300;
|
|
letter-spacing: -1px;
|
|
padding-bottom: 10px;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.arrows-portfolio-detail-1 {
|
|
width: 30px;
|
|
height: 80px;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.arrows-portfolio-detail-1:before {
|
|
line-height: 80px;
|
|
}
|
|
|
|
.arrows-transparent-header-photography-1 {
|
|
width: 30px;
|
|
height: 55px;
|
|
background: transparent;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.arrows-transparent-header-photography-1:before {
|
|
line-height: 55px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.arrows-transparent-header-photography-1:hover {
|
|
background: transparent;
|
|
opacity: 1;
|
|
}
|
|
|
|
.arrows-side-header-1 {
|
|
width: 30px;
|
|
height: 55px;
|
|
background: rgba(255, 255, 255, 0.3);
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.arrows-side-header-1:before {
|
|
line-height: 55px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.arrows-side-header-1:hover {
|
|
background: #FFF;
|
|
}
|
|
|
|
.arrows-side-header-1:hover:before {
|
|
color: #000;
|
|
}
|
|
|
|
.arrows-side-header-1.tp-leftarrow {
|
|
left: -30px !important;
|
|
transition: ease left 300ms;
|
|
}
|
|
|
|
.arrows-side-header-1.tp-rightarrow {
|
|
left: 110% !important;
|
|
transition: ease left 300ms;
|
|
}
|
|
|
|
.social-icons li {
|
|
box-shadow: none;
|
|
margin: 0 1px 0px 0;
|
|
}
|
|
|
|
.social-icons li a {
|
|
border: 2px solid #333;
|
|
width: 34px;
|
|
height: 34px;
|
|
line-height: 31px;
|
|
}
|
|
|
|
.thumb-info,
|
|
.thumb-info .thumb-info-wrapper,
|
|
.thumb-info .thumb-info-wrapper:after,
|
|
.thumb-info .thumb-info-wrapper > img,
|
|
.thumb-info .thumb-info-wrapper > .thumb-info-background {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item {
|
|
width: calc(100% + 2px);
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info {
|
|
border: none;
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .background-image {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
|
|
background: none;
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
|
|
opacity: 1;
|
|
width: 30%;
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(90deg);
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper {
|
|
height: calc(100vh - 81px);
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
box-shadow: 0 50px 190px 110px #182027;
|
|
z-index: 1;
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::after {
|
|
background: rgba(10, 12, 36, 0.5);
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .background-image {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-size: cover;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 10%;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 2;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
left: 50%;
|
|
border-top: 1px solid #FFF;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(0deg);
|
|
}
|
|
|
|
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-title {
|
|
background: none;
|
|
bottom: 5.5%;
|
|
left: 5%;
|
|
padding: 0;
|
|
font-size: 2em;
|
|
line-height: 1;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.thumb-info-icons.position-style-1 {
|
|
position: absolute;
|
|
bottom: 5%;
|
|
right: 5%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.thumb-info-icons.position-style-2 {
|
|
position: absolute;
|
|
top: -15px;
|
|
left: 50%;
|
|
z-index: 3;
|
|
transform: translateX(-51%);
|
|
}
|
|
|
|
.thumb-info-icons.position-style-3 {
|
|
position: absolute;
|
|
bottom: 7%;
|
|
right: 2%;
|
|
}
|
|
|
|
.thumb-info-icons .thumb-info-icon {
|
|
display: inline-block;
|
|
padding: 5px 11px;
|
|
border-radius: 20px;
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
.thumb-info-icons .thumb-info-icon.love {
|
|
margin-left: 0.2em;
|
|
}
|
|
|
|
.thumb-info-icons .thumb-info-icon i {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
#portfolioDetailLoadMoreWrapper li {
|
|
list-style: none;
|
|
max-height: 318px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.portfolioDetail-load-more-loader, .portfolioInfiniteScroll-load-more-loader {
|
|
display: none;
|
|
min-height: 132px;
|
|
}
|
|
|
|
.portfolio-detail-item {
|
|
position: relative;
|
|
display: inline-block;
|
|
text-align: center;
|
|
max-width: 360px;
|
|
width: 100%;
|
|
height: 283px;
|
|
min-height: 283px;
|
|
margin: 35px 15px 15px 15px;
|
|
cursor: pointer;
|
|
box-shadow: 0px 0px 49px -21px rgba(0, 0, 0, 0.3);
|
|
transition: box-shadow 0.3s ease;
|
|
z-index: 0;
|
|
}
|
|
|
|
.portfolio-detail-item:hover {
|
|
box-shadow: 0px 0px 49px -21px rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.portfolio-detail-item:hover .thumb-info-icons .thumb-info-icon {
|
|
background-color: #ef4545 !important;
|
|
}
|
|
|
|
.portfolio-detail-item a {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel {
|
|
margin-bottom: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 360px;
|
|
min-height: 283px;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel .item-image-wrapper {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel .item-image {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel .owl-item {
|
|
width: 100%;
|
|
max-width: 360px;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel .owl-item > div {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 360px;
|
|
min-height: 283px;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel .owl-nav button.owl-prev,
|
|
.portfolio-detail-item .owl-carousel .owl-nav button.owl-next {
|
|
border: 0 none;
|
|
color: #FFF;
|
|
height: 50px;
|
|
line-height: 38px;
|
|
margin-top: -4px;
|
|
border-radius: 0;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel .owl-nav button.owl-prev:before,
|
|
.portfolio-detail-item .owl-carousel .owl-nav button.owl-next:before {
|
|
font-family: simple-line-icons;
|
|
content: "\e605";
|
|
font-size: 11px;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel .owl-nav button.owl-next::before {
|
|
font-family: simple-line-icons;
|
|
content: "\e606";
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel.show-nav-hover .owl-nav button.owl-prev {
|
|
left: 0;
|
|
}
|
|
|
|
.portfolio-detail-item .owl-carousel.show-nav-hover .owl-nav button.owl-next {
|
|
right: 0;
|
|
}
|
|
|
|
.portfolio-detail-item .sub-item-description {
|
|
display: block;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 3;
|
|
overflow: hidden;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.portfolio-detail-item .sub-item-description:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -10%;
|
|
left: 0;
|
|
width: 100%;
|
|
box-shadow: 0 50px 130px 110px #182027;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.portfolio-detail-item .sub-item-description h5 {
|
|
transition: all 0.3s ease;
|
|
color: #FFF;
|
|
position: absolute;
|
|
z-index: 2;
|
|
bottom: -100%;
|
|
width: 100%;
|
|
text-align: center;
|
|
left: 0;
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.portfolio-detail-item:hover .sub-item-description h5 {
|
|
bottom: 0;
|
|
}
|
|
|
|
.portfolio-detail-item:hover .sub-item-description:before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.portfolio-detail-item .item-image-wrapper {
|
|
background: transparent;
|
|
width: 100%;
|
|
display: inline-block;
|
|
border: none;
|
|
box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1);
|
|
transition: box-shadow 0.3s ease;
|
|
}
|
|
|
|
.portfolio-detail-item .item-image-wrapper .fa-spin {
|
|
background: transparent none repeat scroll 0 0;
|
|
color: #ccc;
|
|
font-size: 25px;
|
|
left: 50%;
|
|
margin: -13px;
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: -2;
|
|
}
|
|
|
|
.portfolio-detail-item a:hover .item-image-wrapper {
|
|
box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.portfolio-detail-item .item-image {
|
|
min-height: 283px;
|
|
max-width: 360px;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-size: cover;
|
|
z-index: -1;
|
|
}
|
|
|
|
.portfolio-detail-item .item-description {
|
|
display: block;
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.portfolio-detail-item h5 {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.portfolio-detail-item p {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 12px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.portfolio-detail-item {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
#portfolioDetailLoadMore {
|
|
margin: 50px 0px 30px 0px;
|
|
padding: 13px 30px;
|
|
outline: none;
|
|
}
|
|
|
|
#porfolioDetailsAjaxBoxContent .slider-container .hermes .tp-bullet {
|
|
box-shadow: 0 0 0 2px #FFF inset;
|
|
}
|
|
|
|
#porfolioDetailsAjaxBoxContent .slider-container .hermes .tp-bullet:after {
|
|
background-color: #FFF;
|
|
box-shadow: 0 0 1px #FFF;
|
|
}
|
|
|
|
.portfolio-parallax {
|
|
height: 40vh;
|
|
}
|
|
|
|
.portfolio-parallax:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
background: rgba(10, 12, 36, 0);
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
transition: ease all 300ms;
|
|
}
|
|
|
|
.portfolio-parallax:hover:before {
|
|
background: rgba(10, 12, 36, 0.5);
|
|
}
|
|
|
|
.portfolio-parallax:hover .thumb-info-plus {
|
|
opacity: 1;
|
|
width: 8%;
|
|
}
|
|
|
|
.portfolio-parallax:hover .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(90deg);
|
|
}
|
|
|
|
.portfolio-parallax.hidden-plus:before {
|
|
content: none;
|
|
}
|
|
|
|
.portfolio-parallax.hidden-plus .thumb-info-plus {
|
|
display: none;
|
|
}
|
|
|
|
.portfolio-parallax h2 {
|
|
position: absolute;
|
|
bottom: 7%;
|
|
left: 1%;
|
|
padding: 0;
|
|
font-size: 2em;
|
|
line-height: 1;
|
|
margin: 0;
|
|
}
|
|
|
|
.portfolio-parallax .thumb-info-plus {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 2%;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 2;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
.portfolio-parallax .thumb-info-plus::before, .portfolio-parallax .thumb-info-plus::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
left: 50%;
|
|
border-top: 1px solid #FFF;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
.portfolio-parallax .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(0deg);
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.portfolio-parallax {
|
|
height: 30vh;
|
|
}
|
|
.portfolio-parallax:hover .thumb-info-plus {
|
|
width: 20%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.portfolio-parallax {
|
|
height: 25vh;
|
|
}
|
|
}
|
|
|
|
#portfolioGrid {
|
|
margin: 0.5vw;
|
|
}
|
|
|
|
#portfolioGrid li {
|
|
list-style: none;
|
|
}
|
|
|
|
#portfolioGrid.portfolioGridFullNoMargins {
|
|
margin: 0;
|
|
}
|
|
|
|
#portfolioGrid.portfolioGridFullNoMargins .portfolio-grid-item {
|
|
padding: 0;
|
|
}
|
|
|
|
.portfolio-grid-item {
|
|
padding: 0.5vw;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info {
|
|
border: none;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-background {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
|
|
opacity: 1;
|
|
transform: translate3d(-50%, 50%, 0px);
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
|
|
opacity: 1;
|
|
width: 30%;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(90deg);
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper {
|
|
background-size: cover;
|
|
width: 100%;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
|
|
height: 33.5vw;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
|
|
height: 16.25vw;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
|
|
height: 12.25vw;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
|
|
height: 19.25vw;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper:after {
|
|
background: rgba(10, 12, 36, 0.5);
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-background {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-size: cover;
|
|
background-position: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title {
|
|
width: 90%;
|
|
background: transparent;
|
|
bottom: 50%;
|
|
left: 50%;
|
|
right: auto;
|
|
opacity: 0;
|
|
text-transform: none;
|
|
margin: 0;
|
|
line-height: 1.4;
|
|
font-size: 30px;
|
|
font-weight: 300 !important;
|
|
text-shadow: none;
|
|
letter-spacing: -1px;
|
|
transition: all 0.3s ease;
|
|
transform: translate3d(-50%, 40%, 0px);
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title span {
|
|
display: block;
|
|
opacity: 0;
|
|
text-transform: none;
|
|
font-size: 16px;
|
|
transform: translate3d(0, -40%, 0px);
|
|
transition: all 0.3s ease 0.3s;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 10%;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 2;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
left: 50%;
|
|
border-top: 1px solid #FFF;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(0deg);
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
#portfolioGrid {
|
|
margin: 1.5vw;
|
|
}
|
|
.portfolio-grid-item {
|
|
padding: 1.5vw;
|
|
}
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
|
|
height: 47.5vw;
|
|
}
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
|
|
height: 22.25vw;
|
|
}
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
|
|
height: 20.25vw;
|
|
}
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
|
|
height: 30.25vw;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#portfolioGrid:not(.portfolioGridFullNoMargins) {
|
|
margin: 0vw;
|
|
}
|
|
#portfolioGrid:not(.portfolioGridFullNoMargins) li:last-child .portfolio-grid-item {
|
|
padding: 4.5vw 4.5vw 4.5vw 4.5vw;
|
|
}
|
|
.portfolio-grid-item {
|
|
padding: 4.5vw 4.5vw 0vw 4.5vw;
|
|
}
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
|
|
height: 50vw;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 576px) {
|
|
.portfolio-grid-item {
|
|
padding: 4.5vw 4.5vw 0vw 4.5vw;
|
|
}
|
|
.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
|
|
height: 70vw;
|
|
}
|
|
}
|
|
|
|
#portfolioVertical {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
#portfolioVertical li {
|
|
list-style: none;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#portfolioVertical {
|
|
margin-top: 15px;
|
|
}
|
|
#portfolioVertical li {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
.portfolio-vertical-item, .horizontal-scroll-item, .portfolio-detail-image-item {
|
|
transition: ease box-shadow 300ms;
|
|
}
|
|
|
|
.portfolio-vertical-item:hover, .horizontal-scroll-item:hover, .portfolio-detail-image-item:hover {
|
|
box-shadow: 0px 0px 59px -16px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info, .horizontal-scroll-item .thumb-info, .portfolio-detail-image-item .thumb-info {
|
|
border: none;
|
|
transform: none;
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
|
|
opacity: 1;
|
|
transform: translate3d(-50%, 50%, 0px);
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
|
|
opacity: 1;
|
|
width: 30%;
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(90deg);
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size {
|
|
width: 21%;
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info .thumb-info-wrapper, .horizontal-scroll-item .thumb-info .thumb-info-wrapper, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper {
|
|
transform: none;
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info .thumb-info-wrapper:after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper:after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper:after {
|
|
background: rgba(10, 12, 36, 0.5);
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title {
|
|
width: 90%;
|
|
background: transparent;
|
|
bottom: 50%;
|
|
left: 50%;
|
|
right: auto;
|
|
opacity: 0;
|
|
text-transform: none;
|
|
margin: 0;
|
|
line-height: 1.4;
|
|
font-size: 30px;
|
|
font-weight: 300 !important;
|
|
text-shadow: none;
|
|
letter-spacing: -1px;
|
|
transition: all 0.3s ease;
|
|
transform: translate3d(-50%, 40%, 0);
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title span, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title span, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title span {
|
|
display: block;
|
|
opacity: 1;
|
|
text-transform: none;
|
|
font-size: 16px;
|
|
transform: translate3d(0, -40%, 0);
|
|
transition: all 0.3s ease 0.3s;
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 10%;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 2;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
left: 50%;
|
|
border-top: 1px solid #FFF;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(0deg);
|
|
}
|
|
|
|
#horizontalScrollBox {
|
|
position: relative;
|
|
width: 100%;
|
|
height: calc( 100vh - 183px);
|
|
overflow-y: hidden;
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
#horizontalScrollBox::-webkit-scrollbar {
|
|
height: 10px;
|
|
}
|
|
|
|
#horizontalScrollBox::-webkit-scrollbar-track {
|
|
background: #e2e2e2;
|
|
border-radius: 10px;
|
|
margin: 18px;
|
|
}
|
|
|
|
#horizontalScrollBox::-webkit-scrollbar-thumb {
|
|
background: #888888;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
#horizontalScrollBox .content {
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper {
|
|
display: inline-flex;
|
|
flex: 0 0 auto;
|
|
margin: 20px 0px 20px 20px;
|
|
width: auto;
|
|
}
|
|
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper:first-child {
|
|
margin: 20px 0px 20px 0px;
|
|
}
|
|
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
|
|
opacity: 1;
|
|
width: 30%;
|
|
}
|
|
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(90deg);
|
|
}
|
|
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
|
|
width: auto;
|
|
height: calc( 100vh - 223px);
|
|
}
|
|
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 10%;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 2;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
transition: ease all 0.3s;
|
|
}
|
|
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
left: 50%;
|
|
border-top: 1px solid #FFF;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
|
|
transform: translate3d(-50%, -50%, 0) rotate(0deg);
|
|
}
|
|
|
|
#horizontalScrollBox .custom-portfolio-navigation {
|
|
position: fixed;
|
|
width: 100vw;
|
|
top: 47%;
|
|
z-index: 10;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
#horizontalScrollBox .custom-portfolio-navigation .prev, #horizontalScrollBox .custom-portfolio-navigation .next {
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 80px;
|
|
top: -40px;
|
|
left: 0;
|
|
color: #FFF;
|
|
background-color: #242E39;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#horizontalScrollBox .custom-portfolio-navigation .prev::before, #horizontalScrollBox .custom-portfolio-navigation .next::before {
|
|
position: relative;
|
|
content: "\e605";
|
|
font-family: simple-line-icons;
|
|
top: 27px;
|
|
left: 5px;
|
|
}
|
|
|
|
#horizontalScrollBox .custom-portfolio-navigation .prev:hover, #horizontalScrollBox .custom-portfolio-navigation .next:hover {
|
|
background-color: #252f3a;
|
|
}
|
|
|
|
#horizontalScrollBox .custom-portfolio-navigation .prev.disable-button, #horizontalScrollBox .custom-portfolio-navigation .next.disable-button {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#horizontalScrollBox .custom-portfolio-navigation .next {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
#horizontalScrollBox .custom-portfolio-navigation .next::before {
|
|
content: "\e606";
|
|
left: 9px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
#horizontalScrollBox {
|
|
height: auto !important;
|
|
overflow: visible !important;
|
|
}
|
|
#horizontalScrollBox::-webkit-scrollbar {
|
|
width: 0;
|
|
}
|
|
#horizontalScrollBox .content {
|
|
position: static;
|
|
width: 100% !important;
|
|
flex-direction: column;
|
|
}
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper {
|
|
margin: 20px 20px 0px 20px;
|
|
}
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper:first-child {
|
|
margin: 20px 20px 0px 20px;
|
|
}
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper:last-child {
|
|
margin: 20px;
|
|
}
|
|
#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
#horizontalScrollBox .custom-portfolio-navigation {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.portfolio-list .portfolio-item {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.mfp-wrap.photography-portfolio-gallery {
|
|
opacity: 0;
|
|
transition: ease opacity 300ms;
|
|
}
|
|
|
|
#photographyLightbox {
|
|
position: absolute;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
#photographyLightbox .mfp-close {
|
|
background-color: #242E39;
|
|
color: #FFF;
|
|
top: 0;
|
|
right: 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
#photographyLightbox .mfp-close:hover {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#photographyLightbox .thumb-gallery {
|
|
position: absolute;
|
|
width: 100vw;
|
|
height: 95vh;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
#photographyLightbox .owl-carousel .owl-item > div {
|
|
position: relative;
|
|
height: 95vh;
|
|
}
|
|
|
|
#photographyLightbox .owl-carousel .owl-item > div .img-thumbnail {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 100%;
|
|
padding: 0;
|
|
border: none;
|
|
background: transparent;
|
|
text-align: center;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
#photographyLightbox .owl-carousel .owl-item img {
|
|
display: inline-block !important;
|
|
width: auto;
|
|
max-width: 95vw;
|
|
max-height: 90vh;
|
|
box-shadow: 0px 0px 40px -10px #000;
|
|
}
|
|
|
|
#photographyLightbox .owl-carousel .owl-nav button.owl-prev,
|
|
#photographyLightbox .owl-carousel .owl-nav button.owl-next {
|
|
border: 0 none;
|
|
border-radius: 0;
|
|
color: #FFF;
|
|
height: 80px;
|
|
line-height: 68px;
|
|
margin-top: -20px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
#photographyLightbox .owl-carousel .owl-nav button.owl-prev:before,
|
|
#photographyLightbox .owl-carousel .owl-nav button.owl-next:before {
|
|
font-family: simple-line-icons;
|
|
content: "\e605";
|
|
font-size: 11px;
|
|
}
|
|
|
|
#photographyLightbox .owl-carousel .owl-nav button.owl-next::before {
|
|
font-family: simple-line-icons;
|
|
content: "\e606";
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs {
|
|
width: 98%;
|
|
height: 13vh;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs:hover .owl-stage-outer, #photographyLightbox #thumbGalleryThumbs.show-thumbs .owl-stage-outer {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.boxed-thumbs:hover .owl-stage-outer {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item > div {
|
|
height: 20vh;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item > div .img-thumbnail {
|
|
height: 5.3vw;
|
|
overflow: hidden;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item img {
|
|
width: auto;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs:hover .owl-stage-outer {
|
|
opacity: 1;
|
|
transform: translateY(-32%);
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item.active-thumb {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item > div {
|
|
height: 20vh;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item > div .img-thumbnail {
|
|
border: none;
|
|
box-shadow: none;
|
|
overflow: visible;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item img {
|
|
max-height: 20vh;
|
|
box-shadow: none;
|
|
height: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs .owl-stage-outer {
|
|
opacity: 0;
|
|
transform: translateY(100%);
|
|
transition: ease all 300ms;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs .owl-stage {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs .owl-item.active-thumb {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs .owl-item > div {
|
|
height: 20vh;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs .owl-item > div .img-thumbnail {
|
|
height: 5.3vw;
|
|
box-shadow: 0px 0px 50px -10px #000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#photographyLightbox #thumbGalleryThumbs .owl-item img {
|
|
width: 100%;
|
|
height: auto;
|
|
max-height: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
#photographyLightbox .thumb-gallery {
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
#photographyLightbox .owl-carousel .owl-item img {
|
|
box-shadow: 0px 0px 20px #000;
|
|
max-width: 89vw;
|
|
}
|
|
#photographyLightbox #thumbGalleryThumbs .owl-item img {
|
|
box-shadow: none;
|
|
}
|
|
#photographyLightbox #thumbGalleryThumbs .owl-stage-outer {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#photographyLightbox .owl-carousel .owl-item img {
|
|
max-width: 80vw;
|
|
}
|
|
}
|
|
|
|
#portfolioSliderWithThumbs {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail {
|
|
height: 600px;
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-prev,
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next {
|
|
border: 0 none;
|
|
border-radius: 0;
|
|
color: #FFF;
|
|
height: 80px;
|
|
line-height: 68px;
|
|
margin-top: -20px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-prev:before,
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next:before {
|
|
font-family: simple-line-icons;
|
|
content: "\e605";
|
|
font-size: 11px;
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next::before {
|
|
font-family: simple-line-icons;
|
|
content: "\e606";
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
|
|
background-size: cover !important;
|
|
width: 100%;
|
|
height: 600px;
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs {
|
|
height: 80px;
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item.active-thumb {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
|
|
background-size: cover !important;
|
|
width: 100%;
|
|
height: 80px;
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail {
|
|
height: 520px;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
|
|
height: 520px;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs {
|
|
height: 75px;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
|
|
height: 75px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail {
|
|
height: 390px;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
|
|
height: 390px;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs {
|
|
height: 65px;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
|
|
height: 65px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail {
|
|
height: 50vw;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
|
|
height: 50vw;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs {
|
|
height: 17vw;
|
|
}
|
|
#portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
|
|
height: 17vw;
|
|
}
|
|
}
|
|
|
|
section.section-title {
|
|
padding: 60px 0;
|
|
margin: 0;
|
|
}
|
|
|
|
section.photographers {
|
|
background: #ecf2f4;
|
|
border-top: none;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
section.photographers .owl-carousel {
|
|
padding: 0px;
|
|
margin: 0;
|
|
}
|
|
|
|
section.photographers .owl-carousel .owl-nav {
|
|
margin: 0;
|
|
}
|
|
|
|
.custom-thumb-info-photographers {
|
|
background: #ecf2f4;
|
|
border: none;
|
|
position: relative;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .thumb-info-wrapper {
|
|
transform: none;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .thumb-info-wrapper > a {
|
|
display: block;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .thumb-info-wrapper:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
box-shadow: 0 50px 190px 110px #182027;
|
|
opacity: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .thumb-info-wrapper:after {
|
|
background: rgba(24, 32, 39, 0.5) !important;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .thumb-info-action {
|
|
height: 100% !important;
|
|
margin: 0 !important;
|
|
top: 50% !important;
|
|
transform: translate3d(0, -50%, 0) !important;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .social-icons {
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 1;
|
|
position: absolute;
|
|
width: 100%;
|
|
opacity: 0;
|
|
text-align: center;
|
|
z-index: 3;
|
|
transform: translateY(50px);
|
|
transition: all 0.3s ease 0.2s;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .social-icons li:hover.social-icons-facebook a {
|
|
background: #3b5a9a;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .social-icons li:hover.social-icons-twitter a {
|
|
background: #1aa9e1;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .social-icons li:hover.social-icons-instagram a {
|
|
background: #7c4a3a;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .social-icons li a {
|
|
background: transparent !important;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-color: #fff;
|
|
color: #fff !important;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .social-icons li.social-icons-facebook a i {
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.custom-thumb-info-photographers .social-icons li.social-icons-instagram a i {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.custom-thumb-info-photographers:hover .thumb-info-action {
|
|
display: block !important;
|
|
}
|
|
|
|
.custom-thumb-info-photographers:hover .thumb-info-wrapper:before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.custom-thumb-info-photographers:hover .thumb-info-title {
|
|
background: none;
|
|
}
|
|
|
|
.custom-thumb-info-photographers:hover .thumb-info-title > span {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.custom-thumb-info-photographers:hover .social-icons {
|
|
opacity: 1;
|
|
transform: translateY(-15px);
|
|
}
|
|
|
|
.custom-thumb-info-photographers .thumb-info-title {
|
|
background: none;
|
|
text-transform: none;
|
|
bottom: 50%;
|
|
left: 5%;
|
|
width: 90%;
|
|
font-weight: 400;
|
|
text-shadow: none;
|
|
font-size: 24px;
|
|
transform: translate3d(0, 50%, 0);
|
|
}
|
|
|
|
.custom-thumb-info-photographers .thumb-info-title > span {
|
|
display: block;
|
|
font-weight: 100;
|
|
opacity: 0;
|
|
font-size: 16px;
|
|
padding-top: 2px;
|
|
transform: translateY(-35%);
|
|
transition: all 0.3s ease 0.1s;
|
|
}
|
|
|
|
section.our-services {
|
|
background: #FFF;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 60px 0;
|
|
}
|
|
|
|
section.our-services .feature-box:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
section.our-services .feature-box.hidden-vertical-line:after {
|
|
content: none;
|
|
}
|
|
|
|
section.our-services .feature-box .feature-box-icon {
|
|
position: relative;
|
|
background: transparent;
|
|
min-width: 100px;
|
|
min-height: 100px;
|
|
border: 2px solid #000;
|
|
border-radius: 100%;
|
|
padding: 5px;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
}
|
|
|
|
section.our-services .feature-box .feature-box-icon:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
border: 6px solid #FFF;
|
|
border-radius: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
section.our-services .feature-box .feature-box-icon img {
|
|
position: absolute;
|
|
width: 113%;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 0;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
section.why-choose-us {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
section.why-choose-us .feature-box .feature-box-icon {
|
|
float: none;
|
|
margin: 0;
|
|
}
|
|
|
|
section.why-choose-us .feature-box .feature-box-info {
|
|
padding: 0;
|
|
}
|
|
|
|
section.why-choose-us .feature-box p {
|
|
color: #b8b5b1;
|
|
}
|
|
|
|
section.our-clients {
|
|
background: #FFF;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 60px 0;
|
|
}
|
|
|
|
section.our-clients .content-grid .content-grid-item {
|
|
padding: 0;
|
|
}
|
|
|
|
section.our-clients .content-grid .content-grid-item:before, section.our-clients .content-grid .content-grid-item:after {
|
|
content: none;
|
|
}
|
|
|
|
.award-item {
|
|
display: inline-table;
|
|
margin: 0 15px;
|
|
}
|
|
|
|
.award-item img.border-rounded {
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.award-item p {
|
|
max-width: 100%;
|
|
margin: 15px auto 10px;
|
|
}
|
|
|
|
.blog-bg {
|
|
background: #ecf2f4;
|
|
}
|
|
|
|
section.our-blog {
|
|
padding: 60px 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#ourBlog {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
#ourBlog li {
|
|
list-style: none;
|
|
}
|
|
|
|
.our-blog-item {
|
|
position: relative;
|
|
transition: ease box-shadow 300ms;
|
|
}
|
|
|
|
.our-blog-item:hover:not(.blog-post) {
|
|
box-shadow: 0px 0px 49px -21px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.our-blog-item:hover:not(.blog-post) .image-wrapper img {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.our-blog-item.blog-post .post-infos {
|
|
padding: 75px;
|
|
}
|
|
|
|
.our-blog-item.blog-post .post-infos .testimonial blockquote {
|
|
background: transparent;
|
|
padding: 0px 0 10px 80px;
|
|
}
|
|
|
|
.our-blog-item.blog-post .post-infos .testimonial blockquote:before {
|
|
color: #333;
|
|
top: -13px;
|
|
}
|
|
|
|
.our-blog-item.blog-post .post-infos .testimonial blockquote:after {
|
|
content: none;
|
|
}
|
|
|
|
.our-blog-item.blog-post .post-infos .testimonial blockquote p {
|
|
font-family: "PT Sans", sans-serif;
|
|
color: #777;
|
|
font-style: normal;
|
|
line-height: 1.5;
|
|
font-size: 1.1em;
|
|
font-weight: 100;
|
|
}
|
|
|
|
.our-blog-item.blog-post .author-info {
|
|
padding: 75px;
|
|
}
|
|
|
|
.our-blog-item.blog-post .author-info:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.our-blog-item.blog-post .author-info img.border-rounded {
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.our-blog-item.blog-post .author-info .designation {
|
|
color: #b1b6be;
|
|
}
|
|
|
|
.our-blog-item.blog-post .author-info p {
|
|
color: #c3c7ce;
|
|
}
|
|
|
|
.our-blog-item .image-wrapper {
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.our-blog-item .image-wrapper img {
|
|
transition: ease transform 300ms;
|
|
}
|
|
|
|
.our-blog-item .category {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 15px;
|
|
color: #fff;
|
|
padding: 5px 25px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.our-blog-item .post-infos {
|
|
position: relative;
|
|
background: #FFF;
|
|
padding: 25px;
|
|
}
|
|
|
|
.our-blog-item .post-infos .share {
|
|
position: absolute;
|
|
bottom: calc(100% - 22px);
|
|
right: 15px;
|
|
border-radius: 50px;
|
|
width: 43px;
|
|
height: 43px;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
transition: ease height 300ms;
|
|
}
|
|
|
|
.our-blog-item .post-infos .share:hover {
|
|
height: 176px;
|
|
}
|
|
|
|
.our-blog-item .post-infos .share .share-icons {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.our-blog-item .post-infos .share .share-icons i {
|
|
display: block;
|
|
color: #FFF;
|
|
padding: 15px;
|
|
opacity: 0.5;
|
|
transition: ease opacity 300ms;
|
|
}
|
|
|
|
.our-blog-item .post-infos .share .share-icons i.fa-share-alt {
|
|
opacity: 1;
|
|
}
|
|
|
|
.our-blog-item .post-infos .share .share-icons i:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.our-blog-item .post-infos .post-date {
|
|
color: #646974;
|
|
}
|
|
|
|
.our-blog-item .post-infos h1 {
|
|
line-height: 1.2;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.our-blog-item.blog-post .author-info img {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.our-blog-item.blog-post .post-infos, .our-blog-item.blog-post .author-info {
|
|
padding: 25px;
|
|
}
|
|
}
|
|
|
|
.post-comments {
|
|
margin: 45px 0;
|
|
}
|
|
|
|
.post-comments ul.comments li {
|
|
padding: 15px 0 15px 115px;
|
|
border-top: 1px solid #dde5e7;
|
|
}
|
|
|
|
.post-comments ul.comments li:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
.post-comments ul.comments li ul li:first-child {
|
|
border-top: 1px solid #dde5e7;
|
|
}
|
|
|
|
.post-comments ul.comments li .img-thumbnail {
|
|
background: transparent;
|
|
width: 100px;
|
|
height: 100px;
|
|
border: 1px solid #000;
|
|
border-radius: 100%;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
}
|
|
|
|
.post-comments ul.comments li .img-thumbnail:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
border: 6px solid #FFF;
|
|
border-radius: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.post-comments ul.comments li .img-thumbnail img {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: auto;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 0;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
.post-comments ul.comments li a {
|
|
text-decoration: none;
|
|
border-radius: 25px;
|
|
padding: 3px 21px;
|
|
border-width: 2px;
|
|
font-weight: bold;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.post-comments ul.comments .comment-block {
|
|
background: none;
|
|
}
|
|
|
|
.post-comments ul.comments .comment-block .comment-by {
|
|
text-transform: uppercase;
|
|
color: #313946;
|
|
}
|
|
|
|
.post-comments ul.comments .comment-block p {
|
|
color: #262d3d;
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.post-comments ul.comments li {
|
|
padding: 0 0 0 10px;
|
|
}
|
|
}
|
|
|
|
.leave-comment {
|
|
padding: 60px 0;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.leave-comment input[type="email"] {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
|
|
#photographyPagination {
|
|
margin: 60px 0;
|
|
}
|
|
|
|
#photographyPagination ul {
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#photographyPagination ul li {
|
|
display: inline-block;
|
|
list-style: none;
|
|
}
|
|
|
|
#photographyPagination ul li a {
|
|
border-radius: 25px;
|
|
padding: 8px 13px;
|
|
border-width: 2px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
letter-spacing: -1px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#photographyPagination ul li.prev a i {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#photographyPagination ul li.next a i {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#ourBlog .isotope-item {
|
|
text-align: left;
|
|
}
|
|
#ourBlog .our-blog-item .post-infos .share {
|
|
width: 42px;
|
|
}
|
|
}
|
|
|
|
section.contact-details {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
section.contact-details .feature-box {
|
|
padding: 20px 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
section.contact-details .feature-box .feature-box-icon {
|
|
float: none;
|
|
margin: 0;
|
|
}
|
|
|
|
section.contact-details .feature-box .feature-box-icon [class*="fa-"], section.contact-details .feature-box .feature-box-icon .icons {
|
|
color: #FFF;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
section.contact-details .feature-box .feature-box-info {
|
|
padding: 0;
|
|
}
|
|
|
|
section.contact-details .feature-box p, section.contact-details .feature-box a {
|
|
color: #b8b5b1;
|
|
}
|
|
|
|
#footer.light.narrow {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#footer.light.narrow .footer-copyright {
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 30px 0;
|
|
background: #E8EDF0;
|
|
}
|
|
|
|
#footer.light.narrow .footer-copyright p {
|
|
color: #777;
|
|
font-family: "PT Sans", sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/*
|
|
* Demo Photography 3
|
|
*/
|
|
html.photography-demo-3.safari .body {
|
|
overflow: inherit;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
html.photography-demo-3.side-header .main .container,
|
|
html.photography-demo-3.side-header #footer .container {
|
|
max-width: 1140px;
|
|
}
|
|
}
|
|
|
|
html.photography-demo-3.side-header #main {
|
|
position: relative;
|
|
z-index: 999;
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1200px) {
|
|
html.photography-demo-3 .sticky-wrapper {
|
|
z-index: 1000 !important;
|
|
}
|
|
html.photography-demo-3.side-header #header.side-header {
|
|
z-index: 1000 !important;
|
|
}
|
|
}
|
|
|
|
html.photography-demo-3 h1, html.photography-demo-3 h2, html.photography-demo-3 h3, html.photography-demo-3 h4, html.photography-demo-3 h5, html.photography-demo-3 h6, html.photography-demo-3 a, html.photography-demo-3 p, html.photography-demo-3 span {
|
|
font-family: "PT Sans", sans-serif;
|
|
}
|
|
|
|
html.photography-demo-3 #main {
|
|
transition: ease opacity 300ms;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
html.photography-demo-3 #main {
|
|
height: 100vh;
|
|
min-height: 100vh;
|
|
}
|
|
}
|
|
|
|
html.photography-demo-3 #main.no-height {
|
|
height: auto;
|
|
}
|
|
|
|
html.photography-demo-3 #main.calc-height {
|
|
height: calc(100vh - 86px);
|
|
min-height: 0;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
html.photography-demo-3 #main.calc-height {
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
html.photography-demo-3 #main {
|
|
height: calc(100vh - 80px);
|
|
min-height: calc(100vh - 80px);
|
|
}
|
|
}
|
|
|
|
html.photography-demo-3 .tp-caption-photo-label {
|
|
font-size: 18px !important;
|
|
text-transform: uppercase !important;
|
|
padding-bottom: 0;
|
|
text-shadow: none;
|
|
}
|
|
|
|
html.photography-demo-3 .tp-caption-main-custom {
|
|
text-transform: uppercase !important;
|
|
font-size: 3em !important;
|
|
}
|
|
|
|
html.photography-demo-3 .tp-caption-sub-custom {
|
|
text-transform: uppercase !important;
|
|
font-size: 22px !important;
|
|
margin-top: -30px !important;
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
html.photography-demo-3 .tparrows:hover {
|
|
background: #FFF !important;
|
|
}
|
|
|
|
html.photography-demo-3 .list.list-icons.list-icons-style-2 li > .fa:first-child,
|
|
html.photography-demo-3 .list.list-icons.list-icons-style-2 li > .icons:first-child, html.photography-demo-3 .list.list-icons.list-icons-style-2 li a:first-child > .fa:first-child,
|
|
html.photography-demo-3 .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child {
|
|
border-color: transparent;
|
|
background: transparent;
|
|
}
|
|
|
|
html.photography-demo-3 .owl-carousel .owl-nav button.owl-prev, html.photography-demo-3 .owl-carousel .owl-nav button.owl-next {
|
|
height: 55px !important;
|
|
line-height: 25px !important;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
html.photography-demo-3 .owl-carousel .owl-nav button.owl-prev:before, html.photography-demo-3 .owl-carousel .owl-nav button.owl-next:before {
|
|
font-weight: bold;
|
|
}
|
|
|
|
html.photography-demo-3 .owl-carousel .owl-nav button.owl-prev:hover, html.photography-demo-3 .owl-carousel .owl-nav button.owl-next:hover {
|
|
background-color: #FFF !important;
|
|
color: #000 !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
html.photography-demo-3 .custom-portfolio-navigation .prev, html.photography-demo-3 .custom-portfolio-navigation .next {
|
|
height: 55px !important;
|
|
line-height: 25px !important;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
html.photography-demo-3 .custom-portfolio-navigation .prev:before, html.photography-demo-3 .custom-portfolio-navigation .next:before {
|
|
top: 16px !important;
|
|
font-weight: bold !important;
|
|
font-size: 11px;
|
|
left: 10px !important;
|
|
}
|
|
|
|
html.photography-demo-3 .custom-portfolio-navigation .prev:hover, html.photography-demo-3 .custom-portfolio-navigation .next:hover {
|
|
background-color: #FFF !important;
|
|
color: #000 !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-stage:hover .thumb-info .thumb-info-wrapper:after {
|
|
opacity: 1;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper:after {
|
|
opacity: 0;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info .thumb-info-wrapper {
|
|
height: 100vh;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info .thumb-info-wrapper:before {
|
|
content: none;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-title {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
background: #FFF;
|
|
bottom: 0;
|
|
font-size: 19px;
|
|
padding: 20px;
|
|
letter-spacing: 0;
|
|
line-height: 1.3;
|
|
text-shadow: none;
|
|
text-transform: uppercase;
|
|
transform: translateY(100%);
|
|
transition: ease transform 300ms;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-subtitle {
|
|
display: block;
|
|
text-transform: none;
|
|
font-size: 13px;
|
|
color: #9C9C9C;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-vertical-item:hover, html.photography-demo-3 .horizontal-scroll-item:hover, html.photography-demo-3 .portfolio-detail-image-item:hover, html.photography-demo-3 .portfolio-grid-item:hover {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper:after, html.photography-demo-3 .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper:after {
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper:before, html.photography-demo-3 .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper:before, html.photography-demo-3 .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper:before, html.photography-demo-3 .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper:before {
|
|
bottom: -41px;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-vertical-item .thumb-info .thumb-info-wrapper:after, html.photography-demo-3 .horizontal-scroll-item .thumb-info .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-grid-item .thumb-info .thumb-info-wrapper:after {
|
|
opacity: 0;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus, html.photography-demo-3 .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus, html.photography-demo-3 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus, html.photography-demo-3 .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
|
|
display: none;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title {
|
|
font-size: 19px;
|
|
color: #1e1e1e;
|
|
background: #FFF;
|
|
left: 0;
|
|
bottom: -50%;
|
|
letter-spacing: 0;
|
|
line-height: 1.3;
|
|
text-align: left !important;
|
|
text-shadow: none;
|
|
padding: 20px;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
max-width: none;
|
|
opacity: 1;
|
|
font-weight: 700 !important;
|
|
transform: none;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-sub-title, html.photography-demo-3 .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-sub-title, html.photography-demo-3 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-sub-title, html.photography-demo-3 .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-sub-title {
|
|
display: block;
|
|
opacity: 1;
|
|
color: #9C9C9C;
|
|
font-size: 13px;
|
|
text-transform: none;
|
|
transform: none;
|
|
}
|
|
|
|
html.photography-demo-3 #portfolioVertical:hover li .thumb-info-wrapper:after, html.photography-demo-3 #horizontalScrollBox .content:hover li .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-list:hover li .thumb-info-wrapper:after, html.photography-demo-3 #portfolioGrid:hover li .thumb-info-wrapper:after {
|
|
opacity: 1;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-detail-item {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-detail-item:hover .item-image-wrapper:after {
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-detail-item .item-image-wrapper {
|
|
position: relative;
|
|
min-height: 283px;
|
|
max-width: 360px;
|
|
overflow: hidden;
|
|
box-shadow: none;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-detail-item .item-image-wrapper:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(36, 46, 57, 0.5);
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
transition: ease opacity 300ms;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-detail-item .sub-item-description {
|
|
background: #fff none repeat scroll 0 0;
|
|
bottom: -100%;
|
|
height: auto;
|
|
padding: 25px 0 0;
|
|
text-align: left;
|
|
top: auto;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-detail-item .sub-item-description:before {
|
|
content: none;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-detail-item .sub-item-description h5 {
|
|
bottom: 0;
|
|
color: #1e1e1e;
|
|
font-size: 14px;
|
|
font-weight: 700 !important;
|
|
letter-spacing: 0;
|
|
position: relative;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-detail-item:hover .sub-item-description {
|
|
bottom: 0;
|
|
}
|
|
|
|
html.photography-demo-3 .thumb-info-icons.position-style-2 {
|
|
z-index: 4;
|
|
}
|
|
|
|
html.photography-demo-3 #portfolioDetailLoadMoreWrapper:hover li .item-image-wrapper:after {
|
|
opacity: 1;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-parallax-demo-3 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-parallax-demo-3:hover:before {
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-parallax-demo-3:hover .thumb-info-title {
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-parallax-demo-3:before {
|
|
opacity: 0;
|
|
background: rgba(10, 12, 36, 0.5);
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-parallax-demo-3 .thumb-info-title {
|
|
font-size: 19px;
|
|
color: #1e1e1e;
|
|
background: #FFF;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -80%;
|
|
letter-spacing: 0;
|
|
line-height: 1.3;
|
|
text-align: left !important;
|
|
text-shadow: none;
|
|
padding: 20px;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
max-width: none;
|
|
opacity: 1;
|
|
transform: none;
|
|
transition: ease bottom 300ms;
|
|
}
|
|
|
|
html.photography-demo-3 .portfolio-parallax-demo-3 .thumb-info-title .thumb-info-sub-title {
|
|
display: block;
|
|
opacity: 1;
|
|
color: #9C9C9C;
|
|
font-size: 13px;
|
|
text-transform: none;
|
|
transform: none;
|
|
}
|
|
|
|
html.photography-demo-3 #main:hover .portfolio-parallax-demo-3:before {
|
|
opacity: 1;
|
|
}
|
|
|
|
html.photography-demo-3 #horizontalScrollBox {
|
|
height: calc(100vh - 100px);
|
|
}
|
|
|
|
html.photography-demo-3 #horizontalScrollBox .custom-portfolio-navigation {
|
|
width: calc(100vw - 255px);
|
|
}
|
|
|
|
html.photography-demo-3 #horizontalScrollBox .content li .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
|
|
height: calc(100vh - 146px);
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
html.photography-demo-3 #horizontalScrollBox .content li .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
html.photography-demo-3 .section-title h1 {
|
|
text-transform: uppercase !important;
|
|
}
|
|
|
|
html.photography-demo-3 .form .form-control {
|
|
font-size: 13px;
|
|
height: 40px;
|
|
}
|
|
|
|
html.photography-demo-3 .form textarea.form-control {
|
|
height: auto;
|
|
}
|
|
|
|
html.photography-demo-3 .form input[type="submit"] {
|
|
border-radius: 25px;
|
|
border-width: 0;
|
|
font-size: 13px;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
html.photography-demo-3 .blog-bg {
|
|
background: #FFF;
|
|
}
|
|
|
|
html.photography-demo-3 .our-blog-item:hover:not(.blog-post) {
|
|
box-shadow: none;
|
|
}
|