/* Table of content
---------------------------------------------------
01. Body
02. Typogaphy
03. Header
04. Sections
05. Inner Pages
06. Footer
07. Utilities
08. Responsive
--------------------------------------------------- */
/* 01. Body
--------------------------------------------------- */
/* Global */
@import url("https://fonts.googleapis.com/css?family=Poppins:400,700,800|Roboto+Condensed:400,700");
html,
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
min-height: 100%;
}
/* Body */
body {
margin: 0;
padding: 0;
color: #747474;
}
/* Links */
a,
a:hover {
text-decoration: none;
color: #101010;
}
a:hover,
a:hover:hover {
color: #E9204F;
}
/* Headings */
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5 {
color: #101010;
}
/* 02. Typography
--------------------------------------------------- */
/* Free Alternative Google Fonts */
/* Body */
body {
font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
font-size: 17px;
font-weight: 400;
font-style: normal;
letter-spacing: -.01em;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Heading */
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
font-family: "Avant Grade", "Poppins", sans-serif;
font-weight: 800;
font-style: normal;
letter-spacing: -.04em;
}
h1,
.uk-h1 {
font-size: 48px;
}
h2,
.uk-h2 {
font-size: 36px;
}
h3,
.uk-h3 {
font-size: 30px;
}
h4,
.uk-h4 {
font-size: 24px;
}
h5,
.uk-h5 {
font-size: 20px;
}
h6,
.uk-h6 {
font-size: 16px;
text-transform: uppercase;
}
/* Hero Heading */
.uk-heading-hero {
font-size: 50px;
}
/* Text Styles */
.pr-font-main {
font-family: 'Trade Gothic', 'Roboto Condensed', sans-serif;
}
.pr-font-second {
font-family: 'Avant Grade', 'Poppins', sans-serif;
}
.pr-text-large {
font-size: 24px;
}
.pr-text-small {
font-size: 14px;
}
/* Blockquote */
blockquote > p {
font-size: 24px;
font-style: normal;
line-height: 32px;
letter-spacing: -.02em;
color: #101010;
}
blockquote > p:before {
content: "\275D";
font-weight: normal;
margin-right: 5px;
}
blockquote > p:after {
content: "\275E";
font-weight: normal;
margin-left: 5px;
}
blockquote > footer {
margin-top: 20px;
font-style: normal;
}
blockquote > footer:before {
display: none;
}
/* Base */
strong,
b {
font-weight: 800;
color: #101010;
}
strong {
font-family: "Avant Grade", "Poppins", sans-serif;
}
/* 03. Header
--------------------------------------------------- */
/* Header */
.pr__header {
display: block;
position: relative;
z-index: 99;
}
.pr__header .inner {
height: 90px;
display: flex;
justify-content: space-between;
align-items: center;
}
.pr__header .inner .logo {
width: 150px;
}
.pr__header .inner .logo .brand {
display: inline-block;
width: 100%;
height: 50px;
background-image: url("assets/images/logo-artist-nepal.svg");
background-size: 100%;
background-repeat: no-repeat;
}
.pr__header .inner .navbar {
display: none;
}
.pr__header .inner .navbar a {
font-size: 16px;
}
.pr__header .inner .navbar-tigger {
width: 35px;
height: 19px;
display: inline-flex;
justify-content: center;
flex-direction: column;
cursor: pointer;
}
.pr__header .inner .navbar-tigger > span {
display: block;
width: 100%;
height: 3px;
background-color: #000;
}
.pr__header .inner .navbar-tigger > * + span {
margin-top: 5px;
}
.pr__header.uk-active {
background-color: #FFFFFF;
}
.pr__header.uk-active .inner {
height: 90px;
}
.pr__header.pr__dark .inner a,
.pr__header.pr__dark .inner .lang {
color: #FFFFFF !important;
}
.pr__header.pr__dark .inner .navbar-tigger > span {
background-color: #FFFFFF;
}
.pr__header.pr__dark.uk-active {
background-color: rgba(0, 0, 0, 0.9);
}
/* Mobile Navbar */
.pr__mobile__nav {
font-family: "Avant Grade", "Poppins", sans-serif;
font-weight: 700;
}
.pr__mobile__nav .menu {
padding: 60px 20px;
}
.pr__mobile__nav .menu > ul {
margin: 0;
padding: 0;
list-style: none;
}
.pr__mobile__nav .menu > ul > * + li {
margin-top: 2rem;
}
.pr__mobile__nav .menu > ul > li > a {
font-size: 2rem;
display: flex;
justify-content: center;
align-items: center;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.pr__mobile__nav .menu > ul > li > a:hover {
color: #E9204F;
}
.pr__mobile__nav .menu > ul > li.uk-active > a {
color: #E9204F;
}
.menu-item--primary a {
padding: 6px 10px;
background-color: #ff2374;
}
/* 04. Sections
--------------------------------------------------- */
/* Section: Global */
.pr__section {
position: relative;
background-color: #FFFFFF;
}
.pr__section .section-heading {
margin-bottom: 60px;
}
.pr__section .section-heading .inner {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.pr__section .section-heading .inner .right {
margin-top: 30px;
}
.pr__section .section-heading .inner .line {
margin: 0;
border-top-width: 3px;
}
.pr__section .section-heading .inner .title {
margin: 20px 0px 0;
}
.pr__section .section-heading .inner .subtitle {
margin: 0;
line-height: 1;
}
.pr__section .section-heading.pr__center .inner {
justify-content: center;
text-align: center;
}
.pr__section .section-heading.pr__center .inner .line {
display: inline-flex;
}
.pr__section.section-slider .owl-dots {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.pr__section.section-slider .owl-dots.disabled {
display: none;
margin: 0;
}
.pr__section.section-slider .owl-dots > * {
display: inline-block;
width: 12px;
height: 12px;
background-color: transparent;
padding: 0;
border: 1px solid #E0E0E0;
outline: 0;
border-radius: 50%;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
cursor: pointer;
}
.pr__section.section-slider .owl-dots > * + * {
margin-left: 1rem;
}
.pr__section.section-slider .owl-dots > *.active {
background-color: #E9204F !important;
border-color: #E9204F !important;
transform: scale(1.2);
}
.pr__section.pr__dark {
background-color: #101010;
color: #ACACAC;
}
.pr__section.pr__dark.section-slider .owl-dots > * {
border-color: rgba(255, 255, 255, 0.2);
}
.pr__section.pr__dark .section-heading .button,
.pr__section.pr__dark .title {
color: #FFFFFF !important;
}
.pr__section.pr__dark .item.service-box > .inner {
background-color: #101010;
}
.pr__section.pr__dark .item.client-box > .outer > .inner .client {
color: #FFFFFF;
}
.pr__section.pr__dark .item.client-box > .outer > .inner .client:before {
border-color: rgba(255, 255, 255, 0.2);
}
/* Section: Hero */
.pr__hero__wrap {
position: relative;
background-color: #fafafa;
background-repeat: no-repeat;
background-size: cover;
background-position: 70%;
display: block;
z-index: 99;
}
.pr__hero__wrap.pr__dark {
background-color: #000;
}
.pr__hero__wrap.pr__dark .title,
.pr__hero__wrap.pr__dark .page-title,
.pr__hero__wrap.pr__dark .button,
.pr__hero__wrap.pr__dark .description,
.pr__hero__wrap.pr__dark .uk-breadcrumb > :last-child > * {
color: #FFFFFF !important;
}
.pr__hero__wrap.pr__dark .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
color: #FFFFFF;
opacity: .5;
}
.pr__hero__wrap.pr__dark .item.feature-box .inner {
background-color: #1b1b1b;
}
body.page-template .pr__hero__wrap {
background-color: #101010;
background-position: center;
background-size: cover !important;
background-position: center !important;
}
body.page-template .pr__hero__wrap:before {
content: "";
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
body.page-template .pr__hero__wrap > * {
position: relative;
z-index: 99;
}
body.page-template .pr__hero__wrap .pr__header .inner a,
body.page-template .pr__hero__wrap .pr__header .inner .lang {
color: #FFFFFF !important;
}
body.page-template .pr__hero__wrap .pr__header .inner .navbar-tigger > span {
background-color: #FFFFFF;
}
body.page-template .pr__hero__wrap .pr__header.uk-active {
background-color: rgba(0, 0, 0, 0.9);
}
body.single-post .hero-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
body.single-post .hero-content .category {
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
opacity: .7;
}
/* Section: Features Boxes */
.item.feature-box {
position: relative;
}
.item.feature-box > .inner {
position: relative;
background-color: #FFFFFF;
padding: 40px;
box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.1);
}
.item.feature-box > .inner .icon {
color: #E9204F;
}
.item.feature-box > .inner .title {
font-size: 1.2rem;
margin: 30px 0 5px 0;
}
.item.feature-box > .inner .line {
margin-top: 0;
}
.item.feature-box > .inner .description {
margin: 0;
}
.item.feature-box:hover > .inner, .item.feature-box.uk-active > .inner {
background-color: #E9204F !important;
box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.feature-box:hover > .inner .icon,
.item.feature-box:hover > .inner .title,
.item.feature-box:hover > .inner .description, .item.feature-box.uk-active > .inner .icon,
.item.feature-box.uk-active > .inner .title,
.item.feature-box.uk-active > .inner .description {
color: #FFFFFF;
}
.item.feature-box:hover > .inner .line, .item.feature-box.uk-active > .inner .line {
border-color: #FFFFFF !important;
}
/* Section: Services Boxes */
.item.service-box {
position: relative;
/* Default Style */
/* Style 2 */
}
.item.service-box.style-one > .inner {
position: relative;
background-color: #F3F3F3;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 40px 30px;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
overflow: hidden;
}
.item.service-box.style-one > .inner .overlay-icon {
position: absolute;
top: 0;
left: -25px;
bottom: 0;
width: 72px;
justify-content: flex-end;
font-size: 72px;
margin-top: -6px;
display: flex !important;
align-items: center;
display: block;
opacity: 0;
transform: scale(0.7);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.service-box.style-one > .inner .icon:not(.overlay-icon) {
font-size: 24px;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.service-box.style-one > .inner .title {
line-height: 20px;
margin: 0;
}
.item.service-box.style-one:hover > .inner, .item.service-box.style-one.uk-active > .inner {
background-color: #E9204F !important;
padding-left: 70px;
}
.item.service-box.style-one:hover > .inner .overlay-icon, .item.service-box.style-one.uk-active > .inner .overlay-icon {
opacity: .3;
transform: scale(1);
}
.item.service-box.style-one:hover > .inner .icon:not(.overlay-icon), .item.service-box.style-one.uk-active > .inner .icon:not(.overlay-icon) {
transform: translateX(10px);
}
.item.service-box.style-one:hover > .inner .overlay-icon,
.item.service-box.style-one:hover > .inner .icon,
.item.service-box.style-one:hover > .inner .title, .item.service-box.style-one.uk-active > .inner .overlay-icon,
.item.service-box.style-one.uk-active > .inner .icon,
.item.service-box.style-one.uk-active > .inner .title {
color: #FFFFFF;
}
.item.service-box.style-two > .inner {
position: relative;
background-color: #F3F3F3;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 60px 40px;
min-height: 360px;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
overflow: hidden;
}
.item.service-box.style-two > .inner .overlay-icon {
font-size: 58px;
width: 58px;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.service-box.style-two > .inner .content {
display: block;
transform: translateY(60px);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.service-box.style-two > .inner .content .title {
line-height: 20px;
margin: 0;
}
.item.service-box.style-two > .inner .content .more {
display: inline-block;
font-size: 24px;
opacity: 0;
transform: translateY(20px);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.service-box.style-two:hover > .inner, .item.service-box.style-two.uk-active > .inner {
background-color: #E9204F !important;
}
.item.service-box.style-two:hover > .inner .overlay-icon, .item.service-box.style-two.uk-active > .inner .overlay-icon {
color: #FFFFFF;
transform: translateY(-10px);
}
.item.service-box.style-two:hover > .inner .content, .item.service-box.style-two.uk-active > .inner .content {
transform: translateY(30px);
}
.item.service-box.style-two:hover > .inner .content .more, .item.service-box.style-two.uk-active > .inner .content .more {
transform: translateY(0);
opacity: 1;
}
.item.service-box.style-two:hover > .inner .content .icon,
.item.service-box.style-two:hover > .inner .content .title,
.item.service-box.style-two:hover > .inner .content .description, .item.service-box.style-two.uk-active > .inner .content .icon,
.item.service-box.style-two.uk-active > .inner .content .title,
.item.service-box.style-two.uk-active > .inner .content .description {
color: #FFFFFF;
}
.item.service-box.style-three > .inner {
position: relative;
background-color: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
padding: 100px 40px;
min-height: 380px;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
overflow: hidden;
}
.item.service-box.style-three > .inner .overlay-icon {
font-size: 58px;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.service-box.style-three > .inner .content {
display: block;
transform: translateY(60px);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.service-box.style-three > .inner .content .title {
line-height: 20px;
margin: 0;
}
.item.service-box.style-three > .inner .content .more {
display: inline-block;
font-size: 24px;
opacity: 0;
transform: translateY(20px);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.service-box.style-three:nth-child(odd) > .inner {
background-color: rgba(175, 175, 175, 0.1);
}
.item.service-box.style-three:hover > .inner, .item.service-box.style-three.uk-active > .inner {
background-color: #E9204F !important;
}
.item.service-box.style-three:hover > .inner .overlay-icon, .item.service-box.style-three.uk-active > .inner .overlay-icon {
color: #FFFFFF;
transform: translateY(-10px);
}
.item.service-box.style-three:hover > .inner .content, .item.service-box.style-three.uk-active > .inner .content {
transform: translateY(30px);
}
.item.service-box.style-three:hover > .inner .content .more, .item.service-box.style-three.uk-active > .inner .content .more {
transform: translateY(0);
opacity: 1;
}
.item.service-box.style-three:hover > .inner .content .icon,
.item.service-box.style-three:hover > .inner .content .title,
.item.service-box.style-three:hover > .inner .content .description, .item.service-box.style-three.uk-active > .inner .content .icon,
.item.service-box.style-three.uk-active > .inner .content .title,
.item.service-box.style-three.uk-active > .inner .content .description {
color: #FFFFFF;
}
/* Section: Works Boxes */
.item.work-box > .outer {
background-color: #101010;
position: relative;
overflow: hidden;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.work-box > .outer > .image {
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.work-box > .outer > .inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
z-index: 1;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.work-box > .outer > .inner .title {
margin: 0;
color: #fff;
}
.item.work-box > .outer > .inner .category {
margin: 0;
color: rgba(255, 255, 255, 0.7);
}
.item.work-box > .outer > .inner > * {
opacity: 0;
transform: translateX(-20px);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.work-box:hover > .outer {
box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.2);
transform: scale(0.95);
}
.item.work-box:hover > .outer > .image {
transform: scale(1.2);
filter: grayscale(0%);
}
.item.work-box:hover > .outer > .inner {
background-color: rgba(0, 0, 0, 0.7);
}
.item.work-box:hover > .outer > .inner > * {
transform: translateX(0);
opacity: 1;
}
.works-filter-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.works-filter-list > * + li {
margin-left: 1.4rem;
}
.works-filter-list > li > a {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
position: relative;
}
.works-filter-list > li > a:before {
content: "";
display: inline-block;
height: 1px;
width: 100%;
border-bottom: 1px solid #E9204F;
position: absolute;
bottom: -2px;
transform: scaleX(0);
transform-origin: left;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.works-filter-list > li.uk-active a {
color: #E9204F;
}
.works-filter-list > li.uk-active a:before {
transform: scaleX(1);
}
/* Section: Gallery Boxes */
.item.gallery-box {
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.gallery-box > .outer {
background-color: #101010;
position: relative;
overflow: hidden;
}
.item.gallery-box > .outer > .image {
padding-top: 285px !important;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.gallery-box > .outer > .inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 30px;
}
.item.gallery-box > .outer > .inner .title {
margin: 0;
color: #fff;
}
.item.gallery-box > .outer > .inner .description {
margin: 0;
color: rgba(255, 255, 255, 0.8);
}
.item.gallery-box.big > .outer > .image {
padding-top: 600px !important;
}
* + .item.gallery-box.small {
margin-top: 30px;
}
.item.gallery-box:hover .image {
filter: grayscale(0%);
}
/* Section: About Boxes */
.item.about-box > .outer > .inner .description {
padding-right: 40px;
margin: 0;
}
.item.about-box.has-image > .outer .image {
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.item.about-box.has-image > .outer > .inner {
padding: 30px 0;
}
.item.about-box.has-image > .outer > .inner .description {
margin: 0;
}
.item.about-box.has-image:hover .image {
filter: grayscale(0%);
}
/* Section: Clients */
.item.client-box {
position: relative;
}
.item.client-box.style-one > .outer > .inner .description {
position: relative;
font-size: 1.5rem;
line-height: 1.5;
color: #747474;
}
.item.client-box.style-one > .outer > .inner .description:before {
content: '\275D';
font-size: 20rem;
position: absolute;
top: 0;
right: 0;
z-index: -1;
opacity: .1;
}
.item.client-box.style-one > .outer > .inner .client {
font-weight: 700;
text-transform: uppercase;
color: #101010;
margin-top: 40px;
}
.item.client-box.style-one > .outer > .inner .client:before {
content: "";
height: 1px;
width: 30px;
border-top: 2px solid #F3F3F3;
display: block;
margin-bottom: 20px;
}
.item.client-box.style-two > .outer > .inner .description {
position: relative;
font-size: 1.2rem;
line-height: 1.5;
color: #747474;
}
.item.client-box.style-two > .outer > .inner .client {
font-weight: 700;
text-transform: uppercase;
color: #101010;
margin-top: 40px;
}
.item.client-box.style-two > .outer > .inner .client:before {
content: "";
height: 1px;
width: 30px;
border-top: 2px solid #F3F3F3;
display: block;
margin-bottom: 20px;
}
.item.service-box.style-one--small > .inner {
padding: 18px;
}
.item.service-box.style-one--small:hover > .inner {
padding-left: 0;
}
.item.service-box.style-one--small > .inner .title {
font-size: 16px;
}
.item.service-box.style-one--small:hover > .inner .title {
transform: translateX(20px);
}
.service-boxes--small > * {
padding-left: 10px;
}
.service-boxes--small > .uk-grid-margin {
margin-top: 10px;
}
.post.type-post > .outer > .service-boxes--small .inner .link {
padding-top: 0;
}
.post.type-post > .outer > .inner .title {
margin: 0;
}
@media (max-width: 768px) {
.uk-section-large {
padding-top: 30px;
padding-bottom: 30px;
}
.pr__section .section-heading {
margin-bottom: 30px;
}
}
/* 05. Inner Pages
--------------------------------------------------- */
.blog-listing.style-one .post.type-post > .outer > .featured-image .image {
padding-top: 100%;
}
.blog-listing.style-one .post.type-post > .outer > .inner {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
text-align: center;
padding: 30px;
background: transparent;
background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, rgba(0, 0, 0, 0.5)));
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.blog-listing.style-one .post.type-post > .outer > .inner .title a,
.blog-listing.style-one .post.type-post > .outer > .inner .category,
.blog-listing.style-one .post.type-post > .outer > .inner .more.icon {
color: #FFFFFF;
}
.blog-listing.style-one .post.type-post > .outer > .inner .category {
opacity: .7;
}
.blog-listing.style-one .post.type-post > .outer > .inner .more.icon {
opacity: 0;
}
.blog-listing.style-one .post.type-post > .outer > .inner .link {
padding-top: 100%;
}
.blog-listing.style-one .post.type-post > .outer > .inner > * {
transform: translateY(40px);
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.blog-listing.style-one .post.type-post:hover {
box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.2);
}
.blog-listing.style-one .post.type-post:hover > .outer > .inner {
background-color: rgba(0, 0, 0, 0.7);
}
.blog-listing.style-one .post.type-post:hover > .outer > .inner > * {
transform: translateY(0);
opacity: 1 !important;
}
.blog-listing.style-two .post.type-post > .outer > .featured-image .image {
padding-top: 100%;
}
.blog-listing.style-two .post.type-post > .outer > .inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
padding: 40px;
background-color: #FFFFFF;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.blog-listing.style-two .post.type-post > .outer > .inner .category {
margin: 0;
color: #E9204F;
}
.blog-listing.style-two .post.type-post > .outer > .inner .more.icon {
opacity: 0;
}
.blog-listing.style-two .post.type-post > .outer > .inner .link {
padding-top: 100%;
}
.blog-listing.style-two .post.type-post:hover, .blog-listing.style-two .post.type-post.active {
box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.2);
}
.blog-listing.style-two .post.type-post:hover > .outer > .inner, .blog-listing.style-two .post.type-post.active > .outer > .inner {
background-color: rgba(0, 0, 0, 0.75);
}
.blog-listing.style-two .post.type-post:hover > .outer > .inner .title a,
.blog-listing.style-two .post.type-post:hover > .outer > .inner .category,
.blog-listing.style-two .post.type-post:hover > .outer > .inner .description,
.blog-listing.style-two .post.type-post:hover > .outer > .inner .more.icon, .blog-listing.style-two .post.type-post.active > .outer > .inner .title a,
.blog-listing.style-two .post.type-post.active > .outer > .inner .category,
.blog-listing.style-two .post.type-post.active > .outer > .inner .description,
.blog-listing.style-two .post.type-post.active > .outer > .inner .more.icon {
color: #FFFFFF;
}
.blog-listing.style-two * + .owl-item .post.type-post > .outer > .inner {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.blog-listing.style-three .owl-dots {
margin-top: 60px;
}
.blog-listing.chess-layout .post.post.type-post .outer .featured-image:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 18px solid #ffffff;
}
.blog-listing.chess-layout .post.post.type-post .outer .inner {
min-height: 319.86px;
}
.blog-listing.chess-layout .post.post.type-post .outer .inner .category {
color: #E9204F;
}
.blog-listing.chess-layout .post.post.type-post:hover {
opacity: 1;
}
.blog-listing.chess-layout .item:nth-child(5n+5) .post.type-post .outer,
.blog-listing.chess-layout .item:nth-child(2) .post.type-post .outer {
display: flex;
flex-direction: column;
}
.blog-listing.chess-layout .item:nth-child(5n+5) .post.type-post .outer .inner .category,
.blog-listing.chess-layout .item:nth-child(2) .post.type-post .outer .inner .category {
margin: 0;
}
.post .pr__entry__sidebar > div > * + div {
margin-top: 60px;
}
.post .pr__entry__sidebar .title {
font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: normal;
position: relative;
margin-bottom: 60px;
color: #E9204F;
}
.post .pr__entry__sidebar .title:after {
content: "";
position: absolute;
width: 30px;
border-bottom: 2px solid #E9204F;
margin-top: 10px;
display: block;
}
.post .pr__entry__meta.pr__vr {
font-size: 1rem;
}
.post .pr__entry__meta.pr__vr strong {
font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: normal;
display: block;
}
.post .pr__entry__meta.pr__vr a {
color: #747474;
}
.post .pr__entry__meta.pr__vr a:hover {
color: #E9204F;
}
.post .pr__entry__share > a {
font-size: 32px;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.post .pr__entry__share.pr__small > a {
font-size: 24px;
}
.post .pr__entry__footer {
margin-top: 40px;
}
.post.type-post {
position: relative;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.post.type-post > .outer > .featured-image {
overflow: hidden;
}
.post.type-post > .outer > .featured-image .image {
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.post.type-post > .outer > .featured-image .link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.post.type-post > .outer > .inner .title {
margin: 20px 0 0;
}
.post.type-post > .outer > .inner .title a {
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.post.type-post > .outer > .inner .category {
display: inline-block;
margin-top: 20px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #ACACAC;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.post.type-post > .outer > .inner .category:hover {
color: #101010;
}
.post.type-post > .outer > .inner .description {
padding: 0;
margin: 20px 0 0;
}
.post.type-post > .outer > .inner .meta {
display: flex;
margin: 30px 0 0;
padding: 0;
list-style: none;
}
.post.type-post > .outer > .inner .meta > li {
font-size: 13px;
color: #ACACAC;
}
.post.type-post > .outer > .inner .meta > li a {
color: #ACACAC;
}
.post.type-post > .outer > .inner .meta > * + li:before {
content: '\2013';
margin: 0 .5rem;
opacity: .5;
}
.post.type-post > .outer > .inner .more.icon {
display: inline-block;
margin-top: 20px;
font-size: 24px;
color: #E9204F;
}
.post.type-post > .outer > .inner .more:not(.icon) {
color: #E9204F;
display: inline-block;
margin-top: 20px;
font-size: 15px;
letter-spacing: -.02em;
border-bottom: 1px solid #E0E0E0;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.post.type-post > .outer > .inner .more:not(.icon):hover {
border-color: #E9204F;
}
.post.type-post > .outer > .inner .link {
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 66.6666667%;
}
.post.type-post:hover > .outer > .featured-image .image {
transform: scale(1.1);
filter: grayscale(0%);
}
.post.type-post .pr__entry__meta.pr__vr strong {
font-size: 1rem;
color: #E9204F;
}
.post.type-post.single-post .entry-body {
padding: 0 0.58824rem;
}
@media (min-width: 1025px) {
.post.type-post.single-post .entry-body {
padding: 0 3.52941rem;
}
}
.post.type-post.single-post .entry-body .wp-caption {
display: block;
margin: 60px 0;
width: calc(100% + 120px);
margin-left: -60px;
margin-right: -60px;
}
.post.type-post.single-post .entry-body .wp-caption .wp-caption-text {
font-size: 16px;
padding-top: 10px;
text-align: center;
font-style: italic;
}
.page.type-page .outer .inner .entry-body {
font-size: 1.2rem;
line-height: 1.612;
color: #101010;
}
.page.type-page .outer .inner .entry-body * + address,
.page.type-page .outer .inner .entry-body * + dl,
.page.type-page .outer .inner .entry-body * + fieldset,
.page.type-page .outer .inner .entry-body * + figure,
.page.type-page .outer .inner .entry-body * + ol,
.page.type-page .outer .inner .entry-body * + p,
.page.type-page .outer .inner .entry-body * + pre,
.page.type-page .outer .inner .entry-body * + ul,
.page.type-page .outer .inner .entry-body * + blockquote {
margin-top: 40px;
}
.gallery-wrap-inset {
margin-left: -10px;
margin-right: -10px;
}
@media only screen and (min-width: 1281px) {
.gallery-wrap-inset {
max-width: 90%;
margin: 0 auto;
}
}
.grid-item {
display: block;
width: calc(33.33% - 20px);
padding: 10px;
}
.grid-item--small {
width: calc(25% - 20px);
padding: 10px;
}
@media only screen and (max-width: 769px) {
.grid-item {
width: calc(50% - 10px);
padding: 5px;
}
}
.item.service-box.style-one:hover > .inner .overlay-icon.icon.pr-arrow-left {
left: 0;
}
.widget {
position: relative;
display: block;
/* Widget: Global */
/* Widget: Search */
/* Widget: Nav Menu */
/* Widget: Recent Posts */
/* Widget: Tag Cloud */
}
.widget > .widget-title {
font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: normal;
position: relative;
margin-bottom: 60px;
color: #E9204F;
}
.widget > .widget-title:after {
content: "";
position: absolute;
width: 30px;
border-bottom: 2px solid #E9204F;
margin-top: 10px;
display: block;
}
.widget.widget_nav_menu ul, .widget.widget_recent_entries ul, .widget.widget_recent_comments ul, .widget.widget_categories ul, .widget.widget_archive ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget.widget_nav_menu ul * + li, .widget.widget_recent_entries ul * + li, .widget.widget_recent_comments ul * + li, .widget.widget_categories ul * + li, .widget.widget_archive ul * + li {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #F3F3F3;
}
.widget.widget_search .search-field {
font-size: 1rem;
height: 50px;
margin-bottom: 10px;
}
.widget.widget_search .search-submit {
width: 100%;
}
.widget.widget_nav_menu ul li a {
display: flex;
justify-content: flex-start;
align-items: center;
transform: translateX(-20px);
transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.widget.widget_nav_menu ul li a:before {
content: "\e91f";
width: 20px;
font-family: 'Pixeicons', sans-serif;
font-size: 14px;
opacity: 0;
transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.widget.widget_nav_menu ul li.uk-active a,
.widget.widget_nav_menu ul li.current a,
.widget.widget_nav_menu ul li a:hover {
color: #E9204F;
padding-left: 20px;
}
.widget.widget_nav_menu ul li.uk-active a:before,
.widget.widget_nav_menu ul li.current a:before,
.widget.widget_nav_menu ul li a:hover:before {
transform: translateX(0);
opacity: 1;
color: #E9204F;
}
.widget.widget_recent_entries ul li {
display: flex;
flex-direction: column;
}
.widget.widget_recent_entries ul li a {
line-height: 1.2;
}
.widget.widget_recent_entries ul li .post-date {
font-size: 13px;
margin-top: 5px;
}
.widget.widget_tag_cloud a {
display: inline-block;
font-size: 14px;
background-color: #F3F3F3;
padding: 5px 10px;
margin-bottom: 5px;
}
* + .widget {
margin-top: 60px;
}
/* 06. Footer
--------------------------------------------------- */
.pr__footer {
position: relative;
display: block;
overflow: hidden;
background-color: #1b1b1b;
color: #747474;
}
.pr__footer a,
.pr__footer .title {
color: #FFFFFF;
}
.pr__footer .button {
color: #FFFFFF !important;
}
.pr__footer .columns {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pr__footer .pr__footer__top .pr__social > .inner {
display: flex;
}
.pr__footer .pr__footer__top .pr__social > .inner a {
display: flex;
width: 48px;
height: 48px;
font-size: 24px;
margin: 0;
justify-content: center;
align-items: center;
border: 2px solid #E9204F;
border-radius: 50%;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.pr__footer .pr__footer__top .pr__social > .inner a:hover {
transform: translateY(-5px);
color: #E9204F;
}
.pr__footer .pr__footer__top .pr__social > .inner * + a {
margin-left: .5rem;
}
.pr__footer .pr__footer__top .pr__cta .title {
position: relative;
margin: 0;
line-height: 1;
top: 6px;
}
.pr__footer .pr__footer__top .pr__cta .button {
text-transform: initial;
}
.pr__footer .pr__footer__center {
background: #161616;
}
.pr__footer .pr__footer__center ul {
display: flex;
justify-content: space-evenly;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.pr__footer .pr__footer__center ul > li {
margin: 0 30px;
text-align: center;
}
.pr__footer .pr__footer__center ul > li > a {
font-family: "Avant Grade", "Poppins", sans-serif;
font-size: 20px;
font-weight: 700;
}
.pr__footer .pr__footer__center ul > li > a > span {
font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
font-size: 18px;
font-weight: 400;
display: block;
}
.pr__footer .pr__footer__bottom {
background-color: #000;
position: relative;
padding: 0;
}
.pr__footer .pr__footer__bottom .section-inner {
padding: 30px 0;
}
.pr__footer .pr__footer__bottom .section-inner .pr__copyrights p {
font-size: 14px;
margin: 0;
}
.pr__footer .pr__footer__bottom .section-inner .pr__links a {
display: inline-flex;
font-size: 15px;
flex-direction: column;
}
.pr__footer .pr__footer__bottom .section-inner .pr__links a:after {
content: "";
height: 1px;
width: 0;
border-top: 1px solid #E9204F;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.pr__footer .pr__footer__bottom .section-inner .pr__links a:hover:after {
width: 100%;
}
.pr__footer .pr__footer__bottom .section-inner .pr__links * + a {
margin-left: 1rem;
}
.pr__footer.pr__dark {
background-color: #000;
color: #747474;
}
.pr__footer.pr__dark a,
.pr__footer.pr__dark .title {
color: #FFFFFF;
}
.pr__footer.pr__dark .button {
color: #FFFFFF !important;
}
.pr__footer.pr__dark .pr__footer__bottom .section-inner {
border-color: rgba(255, 255, 255, 0.1);
}
.pr__contact__form .form-outer {
padding-top: 60px;
}
.pr__contact__form .form-outer h2 {
margin-bottom: 0px;
}
.pr__contact__form .form-outer p {
margin-top: 5px;
}
.pr__contact__form.pr__dark .uk-modal-dialog {
background-color: #101010;
}
.pr__contact__form.pr__dark .form-outer h2 {
color: #FFFFFF;
}
.pr__contact__form.pr__dark .form-outer .pr__form label {
color: #FFFFFF;
}
.pr__contact__form.pr__dark .form-outer .pr__form input,
.pr__contact__form.pr__dark .form-outer .pr__form select,
.pr__contact__form.pr__dark .form-outer .pr__form textarea {
border-color: #FFFFFF;
}
/* 07. Utilities
--------------------------------------------------- */
/* Containers */
.uk-container-no {
max-width: 100%;
padding: 0;
}
/* Buttons */
.uk-button {
font-family: "Avant Grade", "Poppins", sans-serif;
font-weight: 700;
text-transform: capitalize;
line-height: 1 !important;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: .9rem;
height: 50px;
padding-top: 4px;
border-width: 2px;
}
.uk-button.uk-button-link {
color: #E9204F;
}
.uk-button.uk-button-small {
font-size: .8rem;
height: 40px;
}
.uk-button.uk-button-large {
font-size: 1rem;
height: 60px;
}
.uk-button.uk-button-primary {
background-color: #E9204F;
border-color: #E9204F;
color: #FFFFFF !important;
}
.uk-button.uk-button-primary:hover {
background-color: #d51542;
border-color: #d51542;
}
.uk-button.uk-button-primary:focus {
background-color: #c7143e;
border-color: #c7143e;
}
.uk-button.uk-button-secondary {
background-color: #101010;
border-color: #101010;
color: #FFFFFF !important;
}
.uk-button.uk-button-secondary:hover {
background-color: #010101;
border-color: #010101;
}
.uk-button.uk-button-secondary:focus {
background-color: black;
border-color: black;
}
.uk-button.uk-button-default {
border-color: #E9204F !important;
color: #101010;
position: relative;
z-index: 1;
}
.uk-button.uk-button-default:after {
content: '';
position: absolute;
z-index: -1;
width: 0%;
height: 100%;
top: 0;
left: 0;
background-color: #E9204F;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.uk-button.uk-button-default:hover, .uk-button.uk-button-default:focus {
border-color: #E9204F;
color: #fff !important;
}
.uk-button.uk-button-default:hover:after, .uk-button.uk-button-default:focus:after {
width: 100%;
}
/* Breadcrumbs */
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
font-size: 1rem;
color: #E9204F;
font-weight: 700;
text-transform: uppercase;
}
/* Headings */
.pr__heading__secondary {
font-family: "Trade Gothic", "Roboto Condensed", sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #E9204F;
}
/* Sections Backgrounds */
.uk-section-muted {
background-color: #F3F3F3;
}
.uk-section-primary {
background-color: #E9204F;
}
.uk-section-secondary {
background-color: #101010;
color: #FFFFFF;
}
/* Horizontal rule */
.pr__hr__primary {
width: 70px;
border-top: 3px solid #E9204F !important;
}
.pr__hr__secondary {
width: 40px;
border-top: 2px solid #E9204F !important;
}
.pr__hr__section {
margin: 0;
border-color: rgba(0, 0, 0, 0.08);
}
.pr__dark .pr__hr__section {
border-color: rgba(255, 255, 255, 0.08);
}
.pr__vr__section {
position: relative;
margin: -30px auto;
border: 0;
border-left: 2px solid;
border-color: #E9204F;
width: 2px;
height: 60px;
z-index: 10;
}
/* Off Canvas Bar */
.uk-offcanvas-bar {
width: 100vw;
background-color: #000;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.uk-offcanvas-overlay::before {
background: rgba(0, 0, 0, 0.5);
}
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(40px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/* Description List */
.uk-description-list > dt {
font-size: 1.1rem;
font-weight: 700;
color: #E9204F;
margin-bottom: 5px;
}
/* Uikit: Accordions */
.uk-accordion {
margin: 40px 0;
}
.uk-accordion > li .uk-accordion-title {
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
border-bottom: 2px solid #F3F3F3;
padding-bottom: 10px;
}
.uk-accordion > li .uk-accordion-content {
margin: 0;
padding: 30px;
background-color: #F3F3F3;
}
.uk-accordion > li.uk-open .uk-accordion-title {
color: #E9204F;
}
/* Images */
.pr__image__cover {
background-color: #F3F3F3;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
padding-top: 66.6666667%;
filter: grayscale(100%);
transition: filter .2s ease;
}
.pr__image__cover.pr__ratio__square {
padding-top: 100%;
}
.pr__image__cover.pr__ratio__portrait {
padding-top: calc(150% - 36px);
}
.pr__image__cover.pr__ratio__landscape {
padding-top: 56.25%;
}
.pr__image__cover:hover {
filter: grayscale(0%);
}
.pr__dark .pr__image__cover {
background-color: #000;
}
img[data-src][src*='data:image'] {
background: #F3F3F3;
}
/* Overlay Gradient */
.pr__grd__overlay .item .inner > *:not(.link) {
position: relative;
z-index: 1;
}
.pr__grd__overlay .item .inner:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%);
z-index: 0;
}
/* Gallery */
* + .pr__gallery {
margin-top: 60px;
}
.pr__gallery .pr__gallery__item .featured-image {
position: relative;
}
.pr__gallery .pr__gallery__item .featured-image .image {
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.pr__gallery .pr__gallery__item .featured-image .link {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.pr__gallery .pr__gallery__item:hover .featured-image .image {
filter: grayscale(0%);
}
/* Icons Sizes */
.pr__icon__medium {
font-size: 32px;
}
.pr__icon__large {
font-size: 48px;
}
.pr__icon__xlarge {
font-size: 64px;
}
/* Modals */
.uk-modal-close-full {
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0 0;
padding: 0;
background-color: transparent;
}
.uk-modal-close-full span {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #E9204F;
margin-right: .5rem;
}
/* Forms */
.pr__form {
display: flex;
flex-direction: column;
}
.pr__form .pr__form__group {
margin-bottom: 40px;
}
.pr__form .pr__form__group:last-of-type {
margin-bottom: 0;
}
.pr__form label {
display: block;
font-size: 14px;
}
.pr__form label:not(.error) {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
color: #101010;
}
.pr__form label.error {
color: red;
}
.pr__form label .required {
color: #E9204F;
}
.pr__form input,
.pr__form .uk-select:not([multiple]):not([size]) {
width: calc(100% - 40px);
line-height: 52px;
height: 52px;
padding: 0 20px;
color: #747474;
background-color: #FFFFFF;
border: 1px solid #E0E0E0;
outline: 0;
}
.pr__form input:hover,
.pr__form .uk-select:not([multiple]):not([size]):hover {
border-color: #ACACAC;
}
.pr__form input:focus,
.pr__form .uk-select:not([multiple]):not([size]):focus {
border-color: #E9204F;
}
.pr__form input.error,
.pr__form .uk-select:not([multiple]):not([size]).error {
border-color: red;
}
.pr__form .uk-select:not([multiple]):not([size]) {
width: 100% !important;
}
.pr__form textarea {
width: calc(100% - 40px);
min-height: 200px;
color: #747474;
background-color: #FFFFFF;
border: 1px solid #E0E0E0;
line-height: 1.612 !important;
padding: 20px;
resize: none;
overflow: auto;
outline: 0;
}
.pr__form textarea:hover {
border-color: #ACACAC;
}
.pr__form textarea:focus {
border-color: #E9204F;
}
.pr__form textarea.error {
border-color: red;
}
/* Preloader */
body {
/*
#loader {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
height: 100vh;
width: 100vw;
background: $white;
z-index: 99999;
.loading {
font-weight: 800;
font-size: 1.5em;
text-transform: uppercase;
color: $gray;
display: flex;
flex-direction: column;
align-items: center;
.txt {
opacity: 0;
}
.progress {
opacity: 0;
height: 4px;
width: 200px;
background: rgba(0,0,0,.1);
margin-top: 20px;
position: relative;
.bar-loading {
content: "";
height: 4px;
width: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: $mainClr;
}
}
}
&.pr__dark {
background: $secClr;
.progress {
background: rgba(255, 255, 255, .2);
}
}
}
*/
}
body #site-wrapper {
position: relative;
}
@keyframes scaleTop {
from {
transform: scaleY(1);
}
to {
transform: scaleY(0);
}
}
/* Alerts */
.uk-alert > p {
font-size: 16px;
margin: 0 !important;
padding-right: 30px;
}
/* Cards */
.uk-card-primary {
background-color: #E9204F;
}
/* Subnav */
.uk-subnav > * > :first-child {
font-size: 1rem;
font-weight: 700;
color: #000;
}
.uk-subnav > *.uk-active > a {
color: #E9204F;
}
.uk-subnav.uk-subnav-pill > *.uk-active > a {
background-color: #E9204F;
color: #FFFFFF !important;
}
/* Slider */
a.uk-slidenav {
background: #000;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
a.uk-slidenav > * {
width: 10px;
}
.uk-dotnav > .uk-active > * {
background-color: #E9204F;
}
/* Other */
.uk-svg,
.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
fill: #000;
}
.pr__dark .uk-svg,
.pr__dark .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
fill: #FFFFFF;
}
.screen-reader-text {
display: none;
}
html, body {
overflow-x: hidden;
}
.promo {
position: relative;
/*
&__bck{
max-height: 70vh;
overflow: hidden;
img{
width: 100%;
}
}
*/
}
.promo__bck {
display: block;
height: 70vh;
overflow: hidden;
}
@media (min-width: 1025px) {
.promo__bck {
padding-bottom: 41.66667%;
height: 0;
}
}
.promo__bck img {
max-width: none;
transform: translateX(-50%);
}
@media (min-width: 768px) {
.promo__bck img {
transform: none;
}
}
@media (min-width: 1025px) {
.promo__bck img {
width: 100%;
height: auto;
transform: none;
}
}
.promo__content {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.promo__content--bottom {
top: auto;
left: 15px;
bottom: 15px;
}
@media (min-width: 1025px) {
.promo__content--bottom {
left: 2.35294rem;
bottom: 2.35294rem;
}
}
.promo__container {
max-width: 1280px;
margin: 0 auto;
}
@media (min-width: 1025px) {
.promo__container--small {
max-width: 780px;
}
}
.promo--small .promo__bck {
display: block;
height: 60vh;
overflow: hidden;
}
@media (min-width: 1025px) {
.promo--small .promo__bck {
height: 0;
padding-bottom: 28.57143%;
}
}
.promo--vsmall .promo__bck {
display: block;
height: 30vh;
overflow: hidden;
}
@media (min-width: 1025px) {
.promo--vsmall .promo__bck {
height: 0;
padding-bottom: 21.42857%;
}
}
.promo--white {
color: white;
}
.promo--white h2, .promo--white .button {
color: inherit;
}
/* 08. Responsive
--------------------------------------------------- */
@media (min-width: 640px) {
/* Mobile Navbar */
.pr__mobile__nav .menu {
padding: 60px;
}
.pr__mobile__nav .menu > ul > li > a {
font-size: 1.5rem;
}
/* Section: Hero */
.pr__hero__wrap {
background-position: right;
}
}
@media (min-width: 960px) {
/* Header */
.pr__header {
height: 170px;
display: block;
}
.pr__header .inner {
height: 170px;
}
.pr__header .inner .logo {
width: 210px;
}
.pr__header .inner .logo .brand {
height: 74px;
}
.pr__header .inner .navbar {
display: flex;
font-weight: bold;
letter-spacing: -.02em;
line-height: 1;
}
.pr__header .inner .navbar > * + * {
margin-left: 40px;
}
.pr__header .inner .navbar .menu {
display: block;
position: relative;
}
.pr__header .inner .navbar .menu > ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.pr__header .inner .navbar .menu > ul > * + li {
margin-left: 2.4rem;
}
.pr__header .inner .navbar .menu > ul > li {
position: relative;
}
.pr__header .inner .navbar .menu > ul > li a:after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 1px;
border-bottom: 2px solid;
display: inline-block;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.pr__header .inner .navbar .menu > ul > li:hover a, .pr__header .inner .navbar .menu > ul > li.uk-active a {
color: #E9204F;
}
.pr__header .inner .navbar .menu > ul > li:hover a:after, .pr__header .inner .navbar .menu > ul > li.uk-active a:after {
width: 20px;
color: #E9204F;
}
.pr__header .inner .navbar .lang {
min-width: 40px;
text-align: right;
color: #101010;
}
.pr__header .inner .navbar .lang:hover {
color: #E9204F;
}
.pr__header .inner .navbar .lang i {
font-size: 10px;
position: relative;
top: -2px;
}
.pr__header .inner .navbar-tigger {
display: none;
}
.pr__header.uk-active {
background-color: #FFFFFF;
height: 100px;
}
.pr__header.uk-active .inner {
height: 100px;
}
/* Section: Global */
.pr__section .section-heading .inner {
flex-direction: row;
align-items: center;
}
.pr__section .section-heading .inner .right {
margin-top: 0;
}
.pr__section .section-heading .inner .title {
font-size: 48px;
}
/* Section: Features Boxes */
.item.feature-box > .inner {
z-index: 1;
}
.item.feature-box:last-child:before {
content: "";
background-color: #E9204F;
height: 70px;
width: calc(100% - 10px);
position: absolute;
bottom: -20px;
z-index: 0;
}
/* Section: About */
.item.about-box.has-image > .outer > .inner {
padding: 30px;
}
/* Section: Client Box */
.item.client-box.client-image .image {
position: relative;
z-index: 1;
}
.item.client-box.client-image:before {
content: "";
background-color: #E9204F;
height: 100px;
width: 100px;
position: absolute;
right: -20px;
bottom: -20px;
z-index: 0;
}
/* Blog Listing */
.blog-listing.chess-layout:hover .post.type-post {
opacity: .4;
}
.blog-listing.chess-layout .item:nth-child(5n+5) .post.type-post .outer .featured-image:after,
.blog-listing.chess-layout .item:nth-child(2) .post.type-post .outer .featured-image:after {
top: 0;
bottom: auto;
border-top: 18px solid #ffffff;
border-bottom: 0 solid transparent;
}
.blog-listing.chess-layout .item:nth-child(5n+5) .post.type-post .outer .inner,
.blog-listing.chess-layout .item:nth-child(2) .post.type-post .outer .inner {
order: -1;
}
/* Footer */
.pr__footer .columns {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.pr__footer .columns .pr__social,
.pr__footer .columns .pr__copyrights {
order: -1;
}
/* Utitlites */
.uk-heading-hero {
font-size: 80px;
}
}
@media (min-width: 1200px) {
/* Section: Hero */
.pr__hero__wrap {
background-position: center;
background-size: 100%;
height: 72vh;
}
}
@media (min-width: 1440px) {
/* Section: Hero */
.pr__hero__wrap {
background-position: center;
background-size: 100%;
height: 80vh;
}
}
@media (min-width: 1200px) {
/* Section: Features Boxes */
.features-boxes > .item > .inner {
padding: 60px 40px;
}
.features-boxes > .item > .inner .title {
font-size: 24px;
margin: 60px 0 5px 0;
}
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
cursor: text;
height: 52px;
color: #747474;
background-color: #FFFFFF;
border: 1px solid #E0E0E0;
padding-left: 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
height: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #E9204F;
color: white;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 12px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: white;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid #E9204F 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
line-height: 40px;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #eb3761;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.text-center {
text-align: center;
}
.uk-card-primary--fade {
color: white;
}
.uk-card-primary--fade .uk-card-body {
color: white;
}
.search-box-wrap {
max-width: 720px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.search-box__inputs {
display: flex;
flex-flow: row nowrap;
}
.search-box__input {
display: block;
width: calc(30% - 10px);
margin-left: 10px;
line-height: 50px;
height: 50px;
padding: 0 20px;
color: #747474;
background-color: #FFFFFF;
border: 1px solid #E0E0E0;
}
.search-box__input:hover {
border-color: #ACACAC;
}
.search-box__input:focus {
border-color: #E9204F;
outline: none;
}
.search-box__input.error {
border-color: red;
}
.search-box__options {
display: block;
width: 70%;
}
.uk-section {
padding-top: 1.76471rem;
padding-bottom: 1.76471rem;
}
.uk-section-xsmall {
padding-top: 0.58824rem;
padding-bottom: 0.58824rem;
}
.uk-section-small {
padding-top: 1.76471rem;
padding-bottom: 1.76471rem;
}
.uk-section-large {
padding-top: 3.52941rem;
padding-bottom: 3.52941rem;
}
.uk-section-xlarge {
padding-top: 5.88235rem;
padding-bottom: 5.88235rem;
}
/*
.uk-section {
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 40px
}
.uk-section-xsmall {
padding-top: 20px;
padding-bottom: 20px
}
.uk-section-small {
padding-top: 40px;
padding-bottom: 40px
}
.uk-section-large {
padding-top: 70px;
padding-bottom: 70px
}
@media (min-width: 960px) {
.uk-section-large {
padding-top: 140px;
padding-bottom: 140px
}
}
.uk-section-xlarge {
padding-top: 140px;
padding-bottom: 140px
}
@media (min-width: 960px) {
.uk-section-xlarge {
padding-top: 210px;
padding-bottom: 210px
}
}
*/
/*# sourceMappingURL=style.css.map */