html {
overflow-x: hidden !important;
height: 100%; }
body {
margin: 0;
padding: 0;
font-weight: 400;
height: 100%;
background: #f4f4f4;
color: #000;
font-family: 'Questrial', sans-serif; } html {
font-size: 75%; }
body {
font-size: 1rem; }
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
font-size-adjust: 0.5; }
#main-theme {
font-size: 1rem; line-height: 1.25; }
@media (min-width: 43.75rem) {
#main-theme {
font-size: 1rem; line-height: 1.375; } }
h1 {
font-size: 2rem; line-height: 1.25; }
@media (min-width: 43.75rem) {
h1 {
font-size: 2.5rem; line-height: 1.125; } }
@media (min-width: 56.25rem) {
h1 {
font-size: 3rem; line-height: 1.05; } }
h2 {
font-size: 1.625rem; line-height: 1.15384615; }
@media (min-width: 43.75rem) {
h2 {
font-size: 2rem; line-height: 1.25; } }
@media (min-width: 56.25rem) {
h2 {
font-size: 2.25rem; line-height: 1.25; } }
h3 {
font-size: 1.375rem; line-height: 1.13636364; }
@media (min-width: 43.75rem) {
h3 {
font-size: 1.5rem; line-height: 1.25; } }
@media (min-width: 56.25rem) {
h3 {
font-size: 1.75rem; line-height: 1.25; } }
h4 {
font-size: 1.125rem; line-height: 1.11111111; }
@media (min-width: 43.75rem) {
h4 {
line-height: 1.22222222; } }
h5 {
font-size: 1rem; line-height: 1.11111111; }
@media (min-width: 43.75rem) {
h5 {
line-height: 1.22222222; } }
h6 {
font-size: 0.875rem; line-height: 1.11111111; }
@media (min-width: 43.75rem) {
h6 {
line-height: 1.22222222; } }
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.5rem; }
blockquote {
font-size: 1.25rem; line-height: 1.25; }
@media (min-width: 43.75rem) {
blockquote {
font-size: 1.5rem; line-height: 1.45833333; } } .alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 100%; padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.gallery-caption,
.wp-caption-text {
margin-top: 10px; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
.bypostauthor .comment-meta {
font-weight: bold; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 1.15rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
body .single-post img,
body .page-content-inner img,
body .widget-wrap img,
.footer-widget img {
max-width: 100%;
height: auto; }
body .widget-wrap select,
.footer-widget select {
max-width: 100%;
height: 38px;
font-size: 1em;
width: 100%; }
dt {
font-weight: 700; }
dd {
margin: 0 1.5rem 1.5rem; } table {
border-collapse: collapse;
margin: 0 0 1.5rem;
width: 100%; }
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5rem; }
th {
padding: 0.4rem;
text-align: left; }
tr {
border-bottom: 1px solid #eee; }
td {
padding: 0.4rem; }
th:first-child,
td:first-child {
padding-left: 0; }
th:last-child,
td:last-child {
padding-right: 0; }
pre {
background: #eee;
padding: 1.5rem;
font-size: 0.9rem;
overflow: auto;
margin: 1rem 0;
border-radius: 2px; }
strong {
font-weight: 700; }
ul, ol {
margin-bottom: 1rem; }
ul ul,
ol ol,
ul ol,
ol ul {
margin-top: 0.5rem;
margin-bottom: 0; }
ul li,
ol li {
margin-bottom: 0.5rem; }
ul li:last-child,
ol li:last-child {
margin-bottom: 0; } .gallery[class*=gallery-columns-] .gallery-item img {
width: auto; }
.gallery[class*=gallery-columns-]:before,
.gallery[class*=gallery-columns-]:after {
content: " ";
display: table; }
.gallery[class*=gallery-columns-]:after {
clear: both; }
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery.gallery-columns-3 .gallery-item {
width: 33.33%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery.gallery-columns-6 .gallery-item {
width: 16.66%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery.gallery-columns-7 .gallery-item {
width: 14.28%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery.gallery-columns-9 .gallery-item {
width: 11.11%;
padding: 2px;
margin-bottom: 20px;
float: left; }
.gallery[class*=gallery-columns-] .gallery-item:hover img {
-webkit-transform: none;
transform: none; } .row.full-height > .wpb_column, .row.full-height > .wpb_column > .vc_column-inner, .row.full-height > .wpb_column > .vc_column-inner > .wpb_wrapper,
.wpb_row.full-height > .wpb_column, .wpb_row.full-height > .wpb_column > .vc_column-inner, .wpb_row.full-height > .wpb_column > .vc_column-inner > .wpb_wrapper,
.wpb_column.full-height > .vc_column-inner, .wpb_column.full-height > .vc_column-inner > .wpb_wrapper {
height: 100%; }
.full-height > .wpb_wrapper {
height: 100%; }
.wpb_row {
z-index: 5; }
.wpb_raw_html {
display: inline-block;
width: 100%; }
.no-col-pad > .container-fluid,
.no-col-pad > .container {
padding: 0px; }
.white-color-bg {
background-color: #fff; }
.gray-bg {
background-color: #f4f4f4; }
.dark-bg {
background-color: #212121; }
.transparent-color-bg {
background-color: transparent; }
.list-nstyle {
list-style: none;
padding-left: 0px; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
textarea {
width: 100%;
background: #f4f4f4;
margin-bottom: 20px;
font-size: 1rem;
font-weight: 700;
border-radius: none;
position: relative;
z-index: 20;
padding: 15px 30px;
color: #999;
border: 0;
-webkit-appearance: none; }
textarea {
resize: none;
overflow: auto;
-webkit-box-shadow: none;
box-shadow: none; }
@-o-viewport {
width: device-width; }
@-ms-viewport {
width: device-width; }
@viewport {
width: device-width; } .loader-holder {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 100; }
#movingBallG {
position: absolute;
width: 105px;
height: 8px;
top: 50%;
left: 50%;
margin: -4px 0 0 -52px; }
.movingBallLineG {
position: absolute;
left: 0px;
top: 3px;
height: 1px;
width: 105px;
background: #ccc; }
.movingBallG {
background: #292929;
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
-moz-border-radius: 4px;
-moz-animation-name: bounce_movingBallG;
-moz-animation-duration: 1.3s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: linear;
-webkit-border-radius: 4px;
-webkit-animation-name: bounce_movingBallG;
-webkit-animation-duration: 1.3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: linear;
-ms-border-radius: 4px;
-ms-animation-name: bounce_movingBallG;
-ms-animation-duration: 1.3s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: linear;
-o-border-radius: 4px;
-o-animation-name: bounce_movingBallG;
-o-animation-duration: 1.3s;
-o-animation-iteration-count: infinite;
-o-animation-direction: linear;
border-radius: 4px;
animation-name: bounce_movingBallG;
animation-duration: 1.3s;
animation-iteration-count: infinite;
animation-direction: linear; }
@-webkit-keyframes bounce_movingBallG {
0% {
left: 0px; }
50% {
left: 97px; }
100% {
left: 0px; } }
@keyframes bounce_movingBallG {
0% {
left: 0px; }
50% {
left: 97px; }
100% {
left: 0px; } } p {
line-height: 2;
padding-bottom: 10px; }
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 15px solid #eee; }
blockquote p {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #494949; }
.bold-title {
width: 100%;
text-align: left;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
padding-bottom: 50px;
font-size: 2.5rem;
line-height: 1.5; }
.intro-text {
padding: 70px 0; }
.parallax-section.intro-text {
padding: 0; }
.intro-text h2 {
width: 100%;
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid rgba(255, 255, 255, 0.41);
color: #fff;
letter-spacing: -2px;
font-family: 'Poppins', sans-serif;
text-align: left;
font-weight: bold;
font-size: 3.5rem;
line-height: 1.3; } #main-theme {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0; }
#main-theme.is-hide-loader {
opacity: 1; }
.fogrid-boxed-container,
.container {
max-width: 1224px;
width: 92%;
margin: 0 auto;
position: relative;
z-index: 5; }
.row-container-wide {
max-width: none; }
#wrapper {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5; }
.content-holder {
vertical-align: top;
position: absolute;
left: 80px;
top: 70px;
right: 0;
bottom: 0;
z-index: 2;
-webkit-transition: all 400ms linear;
transition: all 400ms linear; }
.content-holder.header-hidden {
top: 0; }
.hide-left-footer .fixed-search,
.hide-left-footer .content-holder {
left: 0px; }
.content {
width: 100%;
position: relative;
z-index: 4;
-webkit-box-shadow: 0px 16px 52px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 16px 52px 0px rgba(0, 0, 0, 0.04);
background: #fff; }
.content.no-shadow {
-webkit-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0); }
.fl-wrap {
width: 100%;
position: relative; }
.no-bg {
background: none; }
.full-height {
height: 100%; }
.full-width-wrap {
width: 100%; }
.bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-size: cover;
background-attachment: scroll;
background-position: center;
background-repeat: repeat;
background-origin: content-box; }
.respimg {
max-width: 100%;
height: auto; }
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.1;
z-index: 2; } header.main-header {
position: fixed;
width: 100%;
z-index: 21;
height: 70px;
top: 0;
background: #fff;
left: 0;
padding: 0 0 0 80px;
-webkit-transform: translate3d(0, 0, 0);
border-bottom: 1px solid #eee;
-webkit-box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
font-size: 0.85rem; }
.logo-holder {
float: left;
padding-top: 19px;
height: 70px; }
.logo-holder img {
width: auto;
height: 30px !important;
float: left; } .nav-holder {
float: right;
position: relative;
top: 21px;
margin-right: 30px; }
.nav-holder nav {
position: relative;
float: right; }
nav ul {
list-style: none;
padding-left: 0px;
margin-bottom: 0px; }
nav ul li {
margin-bottom: 0px; }
.nav-holder nav li {
float: left;
position: relative;
margin-left: 6px;
height: 70px; }
.nav-holder nav li ul {
margin: 30px 0 0 0;
opacity: 0;
visibility: hidden;
position: absolute;
min-width: 200px;
top: 50px;
left: 0;
z-index: 1;
padding: 10px 0;
background: rgba(0, 0, 0, 0.71);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.nav-holder nav li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0; }
.nav-holder nav li ul li ul {
top: -10px !important;
left: 100%;
margin-left: 25px;
margin-top: 0; }
.nav-holder nav li ul li:hover > ul {
opacity: 1;
visibility: visible;
margin-left: 0px; }
.nav-holder nav li ul li {
display: block;
float: none;
border: none;
height: auto; }
.nav-holder nav li ul li:before {
display: none; }
.nav-holder nav li a {
float: left;
padding: 10px 15px;
line-height: 1;
word-spacing: 0;
text-align: center;
color: #999;
text-transform: uppercase;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 100ms linear;
transition: all 100ms linear; }
.nav-holder nav li ul a {
color: #fff;
float: left;
width: 100%;
text-align: left; }
nav li ul a:before, nav li ul a:after {
display: none; }
nav li a.ancestor-act-link,
nav li a.parent-act-link,
nav li a.act-link, .nav-holder nav li a:hover, nav.asl li a.act-scrlink {
color: #404040; }
.nav-holder nav li ul a:hover {
color: #fff;
opacity: 0.7; }
nav li ul a.ancestor-act-link,
nav li ul a.parent-act-link,
nav li ul a.act-link {
opacity: 0.7; }
nav li a.ancestor-act-link:before,
nav li a.parent-act-link:before,
nav li a.act-link:before, nav.asl li a.act-scrlink:before {
content: '';
position: absolute;
top: -21px;
width: 100%;
height: 5px;
background: #000;
left: 0; }
.sb-menu-button-wrap, .nav-button-wrap {
float: right;
height: 70px;
width: 70px;
border-left: 1px solid #e6eaea;
cursor: pointer;
position: relative; }
.nav-button-wrap {
display: none; }
.sb-menu-button, .nav-button {
position: absolute;
top: 50%;
left: 50%;
width: 22px;
height: 20px;
margin-left: -11px;
margin-top: -5px; }
.sb-menu-button span, .nav-button span {
float: left;
width: 100%;
height: 2px;
background: #292929;
margin-bottom: 4px;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.sb-menu-button span:first-child, .nav-button span:first-child {
width: 50%; }
.sb-menu-button.vis-m span:first-child {
width: 100%; }
.header-info {
float: right;
padding-top: 30px;
margin-right: 40px; }
.header-info ul {
list-style: none;
padding-left: 0px; }
.header-info ul li {
float: left;
margin-right: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 0.9rem; }
.header-info ul li span {
color: #999;
float: left;
padding-right: 10px; }
.sidebar-menu {
position: fixed;
bottom: 0;
right: -380px;
top: 70px;
padding-right: 20px;
width: 350px;
background: #fff;
z-index: 60;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.sidebar-menu .overlay {
z-index: 3;
opacity: 0.5; }
.sb-overlay {
position: fixed;
top: 70px;
left: 80px;
right: 0px;
bottom: 0px;
background: #292929;
opacity: 0.6;
display: none;
z-index: 59;
-webkit-transform: translate3d(0, 0, 0); }
.hid-men-wrap {
position: absolute;
top: 10%;
left: 0;
width: 100%;
z-index: 4;
overflow: inherit; }
.menusb ul {
margin: 0;
float: left;
width: 100%;
overflow: hidden;
list-style: none;
padding-left: 0px; }
.menusb li {
margin: 0;
position: relative;
overflow: hidden;
padding: 0 50px; }
.menusb li i {
position: absolute;
right: 18px;
top: 12px; }
.menusb a {
float: left;
width: 100%;
padding: 8px 5px;
position: relative;
font-weight: 700;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #000;
line-height: 20px;
text-align: left; }
.menusb a.nav:after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "\f0da";
position: absolute;
right: 10px; }
.menusb a.back {
padding-left: 54px; }
.menusb a.back:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "\f177";
font-size: 1.15rem; }
.sb-logo {
float: left;
width: 150px;
margin-left: 50px;
margin-bottom: 40px; }
.sb-logo img {
width: 100%;
height: auto; }
.sb-menu-footer {
padding-left: 50px;
margin-top: 50px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 0.85rem;
text-align: left;
text-transform: uppercase; }
.sb-menu-footer:before {
content: '';
position: absolute;
top: -25px;
left: 50px;
width: 70px;
height: 1px;
background: #ccc; }
.show-search {
float: right;
height: 70px;
width: 70px;
line-height: 70px;
border-left: 1px solid #e6eaea;
cursor: pointer;
position: relative; }
.show-search:before {
content: '';
position: absolute;
top: 50%;
left: 20px;
width: 30px;
height: 1px;
background: #292929;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.show-search.vissearch:before {
width: 0; } .fixed-search {
display: none;
position: fixed;
z-index: 100;
top: 70px;
left: 80px;
right: 0;
bottom: 0;
height: 95%; }
.search-form-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.95) url(//www.klaus-schicker.de/wp-content/themes/balkon/images/serch-bg.png) repeat; }
.search-form-wrap {
position: relative;
z-index: 2;
float: left;
top: 50%;
width: 100%; }
.fixed-search form {
float: left;
width: 100%; }
.fixed-search form input {
float: left;
background: none;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.21);
width: 100%;
color: #fff !important;
text-align: left;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 3.5rem;
z-index: 1;
position: relative;
padding-right: 50px; }
.fixed-search form .search-submit {
display: none; }
.fixed-search form input::-webkit-input-placeholder,
.fixed-search form input:-ms-input-placeholder,
.fixed-search form input::-moz-placeholder,
.fixed-search form input:-moz-placeholder {
color: #fff; }
.dublicated-text {
position: absolute;
top: -90px;
right: 90px;
z-index: 1;
color: #fff;
opacity: 0.1;
font-size: 7.5rem;
font-family: 'Montserrat', sans-serif;
font-weight: 900; }
.fixed-search .container {
position: relative; }
.fixed-search .container:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: '\f002';
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 50px;
line-height: 50px;
z-index: 2;
color: #fff;
font-size: 1.5rem; } .btn {
padding: 15px 30px;
position: relative;
margin-top: 10px;
font-weight: bold;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
text-transform: uppercase;
font-size: 0.85rem; }
.trsp-btn {
border: 1px solid rgba(255, 255, 255, 0.6);
color: #fff; }
.trsp-btn:before, .flat-btn:before {
background: #fff; }
.flat-btn {
border: 1px solid #000;
color: #fff;
background: #292929; }
.float-btn {
display: inline-block; }
.btn:before {
content: '';
position: absolute;
top: 50%;
left: 20px;
height: 1px;
width: 0;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.btn:hover:before {
width: 30px; }
.btn:hover {
padding-left: 60px; }
.balkon_btn_wrap {
display: inline-block;
width: auto; } .main-footer {
position: fixed;
width: 80px;
z-index: 21;
top: 70px;
background: #fff;
bottom: 0;
left: 0;
overflow: hidden;
border-right: 1px solid #eee;
-webkit-transform: translate3d(0, 0, 0); }
.footer-social {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
border-top: 1px solid #e6eaea;
padding-top: 30px; }
.footer-social ul {
list-style: none;
padding-left: 0px; }
.footer-social li {
float: left;
width: 100%;
margin-bottom: 8px; }
.footer-social li a {
color: #000; }
.fixed-title {
position: fixed;
width: 380px;
height: 80px;
line-height: 80px;
top: 381px;
border-left: 1px solid #e6eaea;
letter-spacing: 0.27em;
text-transform: uppercase;
text-align: center;
cursor: default;
font-weight: bold;
color: #4d4d4d;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: left top;
transform-origin: left top;
z-index: 22; }
.fixed-title h1 {
font-size: 0.9rem;
line-height: 80px; }
.height-emulator {
float: left;
width: 100%;
position: relative;
z-index: 1; }
.content-footer {
position: fixed;
bottom: 0;
left: 80px;
right: 0;
padding: 60px 0 0;
z-index: 2;
-webkit-transform: translate3d(0, 0, 0); }
.content-footer-relative {
position: relative; }
.footer-inner {
margin: 0 auto;
position: relative;
max-width: 1224px;
width: 92%;
padding: 90px 0 70px 50px;
background: #fff; }
.footer-logo {
float: left;
margin-bottom: 20px;
width: 100%; }
.footer-logo img {
width: 130px;
height: auto;
float: left; }
.footer-widgets-row:empty {
display: none; }
.footer-widgets-row:empty + .footer-copyright-row .policy-box {
padding-top: 0;
margin-top: 0;
border-top: none; }
.content-footer:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 50%;
top: 60px;
background: #fff; }
.policy-box {
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid #eee; }
.policy-box p {
text-align: left;
text-transform: uppercase;
margin-top: 10px;
font-weight: bold;
font-family: 'Montserrat', sans-serif; }
.footer-header span {
text-align: left;
font-size: 2.25rem;
text-transform: uppercase;
float: left;
padding-right: 30px;
position: relative;
top: -0.5em;
font-weight: bold;
font-family: 'Montserrat', sans-serif; }
.footer-header {
display: inline-block;
text-align: right;
font-size: 0.85rem;
padding-top: 12px;
font-weight: bold;
margin-bottom: 15px;
z-index: 0; }
.footer-header:before {
content: "";
position: absolute;
left: 80px;
right: 3em;
height: 1px;
background: #eee;
top: 2em;
z-index: -1; }
.footer-widget .textwidget,
.footer-box {
margin-top: 20px;
text-align: left; }
.footer-widget .textwidget ul li,
.footer-box ul li {
text-align: left;
float: left;
width: 100%;
font-weight: 800;
letter-spacing: 1.5px;
word-spacing: 0;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 0.85rem; }
.footer-widget .textwidget ul li span,
.footer-box ul li span {
float: left;
padding-right: 10px;
color: #999; }
.to-top {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 70px;
line-height: 80px;
color: #fff;
font-size: 1.5rem;
background: #292929;
cursor: pointer; }
.subcribe-form {
padding-left: 100px; }
.subcribe-form .subscribe-title {
position: absolute;
top: 22px;
left: 0;
width: 95px;
font-weight: bold;
font-size: 0.85rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
.balkon_mailchimp-form {
display: inline-block;
width: 100%; }
.balkon_mailchimp-form .enteremail {
background-color: #f1f1f1;
height: 55px;
padding: 0 20px;
width: 70%;
border: none;
margin-bottom: 10px; }
.balkon_mailchimp-form button {
width: 30%;
height: 55px;
background: #292929;
color: #fff;
font-weight: bold;
border: none;
font-size: 0.85rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
cursor: pointer; }
.subscribe-message {
display: inline-block;
width: 100%;
font-weight: 800;
font-size: 0.9rem; } .hero-content {
z-index: 50;
overflow: hidden;
background: #fff; }
.hero-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 20; }
.hero-wrap h2, .hero-wrap h2 a {
color: #fff; }
.hero-wrap p {
color: #fff;
font-weight: 800; }
.swiper-slide .overlay, .hero-content .overlay {
opacity: 0.3; }
.hero-wrap h2 {
max-width: 750px;
font-family: 'Poppins', sans-serif;
letter-spacing: -2px;
text-align: left;
font-weight: bold;
padding-bottom: 20px;
font-size: 4.5rem;
line-height: 1.15; }
.hero-item {
padding: 20px 30px;
text-align: left; }
.hero-item h3 {
width: 100%;
padding-bottom: 20px;
color: rgba(255, 255, 255, 0.71);
text-align: left;
text-transform: uppercase;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
font-size: 1.2rem; }
.hero-item:before {
content: '';
position: absolute;
top: -20px;
bottom: -20px;
left: 0;
width: 1px;
background: rgba(255, 255, 255, 0.41);
z-index: 5; }
.slide-progress-container {
position: absolute;
height: 1px;
z-index: 3;
bottom: 50px;
right: 0;
left: 0; }
.slide-progress-content {
margin: 0 auto;
max-width: 1224px;
position: relative; }
.slide-progress-warp {
float: left;
position: relative;
max-width: 750px;
height: 1px;
background: rgba(255, 255, 255, 0.41);
z-index: 10;
bottom: 0;
width: 100%; }
.slide-progress {
position: absolute;
top: 50%;
left: 0;
height: 4px;
border-radius: 6px;
margin-top: -2.5px;
width: 0;
max-width: 100%;
background: #000; } section {
width: 100%;
padding: 90px 0;
position: relative;
z-index: 5;
overflow-x: hidden; }
.gray-bg {
background: #f4f4f4; }
section.parallax-section {
padding: 200px 0;
padding: 150px 0;
overflow: hidden; }
section.parallax-section.content-parallax-section {
padding: 150px 0; }
section.sml-pad-sec {
padding: 0 0 60px; }
section.parallax-section .overlay {
opacity: 0.2; }
section.parallax-section .overlay.op1 {
opacity: 0.1; }
.overlay.op4 {
opacity: 0.3; }
section.parallax-section .bg, .home-slider .bg, .par-bg .bg {
height: 120%;
top: -10%; }
section.header-section .bg {
left: inherit;
right: 0;
width: 65%; }
section.header-section .overlay {
opacity: 0.2;
left: inherit;
right: 0;
width: 65%; }
section.header-section p {
max-width: 500px;
text-align: left;
color: #fff;
margin-top: 50px;
position: relative;
opacity: 0.8; }
section.header-section:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 35%;
background: #fff;
height: 90px; }
section.header-section.left-der-headersec:before {
left: inherit;
right: 0; }
.no-padding {
padding: 0px; }
.header-section {
background: #292929; }
.small-pad-section {
padding: 0 0 30px; }
.sect-scroll-link {
position: absolute;
bottom: -170px;
bottom: -125px;
color: #000;
left: 0;
font-size: 1.1rem; }
.sect-scroll-link:before, .sect-scroll-link:after {
content: '';
position: absolute;
bottom: 0;
left: 40px;
width: 70px;
height: 1px;
background: #eee;
z-index: 1; }
.sect-scroll-link:after {
z-index: 2;
background: #292929;
width: 0;
-webkit-transition: all 500ms linear;
transition: all 500ms linear; }
.sect-scroll-link:hover:after {
width: 70px; }
.sect-scroll-link span {
font-weight: bold;
font-size: 0.85rem; }
.sect-scroll-link i {
padding-right: 120px;
font-size: 1.6rem; }
.partcile-dec {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
color: #000;
opacity: 0.6; }
.section-title {
width: 100%;
position: relative; }
.head-sec-title,
.section-title h2 {
width: 100%;
font-size: 3.5rem;
line-height: 1.27;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
text-align: left; }
.head-sec-title,
section.header-section h2 {
font-size: 5rem;
text-transform: uppercase;
line-height: 1.17; }
.head-sec-subtitle,
.section-title h3 {
position: relative;
width: 100%;
font-size: 1.5rem;
font-weight: 900;
letter-spacing: 1px;
text-align: left;
font-family: 'Poppins', sans-serif; }
.no-border {
border: none; }
section.parallax-section .section-title h2, section.parallax-section .section-title h3,
section.parallax-section .head-sec-title, section.parallax-section .head-sec-subtitle {
color: #fff; } .sroll-nav-wrap {
position: absolute;
top: 180px;
z-index: 10;
width: 50px;
z-index: 26;
right: 30px; }
.sroll-nav-container {
position: absolute;
width: 50px;
right: 0;
top: 0; }
.sroll-nav-wrap .scroll-nav:before {
content: '';
position: absolute;
top: -10px;
bottom: -10px;
width: 1px;
background: #eee;
right: -10px;
z-index: 1; }
.sroll-nav-wrap .scroll-nav li {
width: 50px;
height: 50px;
line-height: 50px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 3; }
.sroll-nav-wrap .scroll-nav li a {
color: #000;
font-weight: 700;
position: relative; }
.sroll-nav-wrap .scroll-nav li a:before {
content: '';
position: absolute;
bottom: -20px;
right: -47px;
height: 0px;
width: 6px;
background: #000; }
.sroll-nav-wrap .scroll-nav.black-bg li a:before {
background: #fff; }
.sroll-nav-wrap .scroll-nav li a span {
height: auto;
line-height: 20px;
font-size: 0.9rem;
color: #000;
text-align: left;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
text-indent: 0px;
position: absolute;
bottom: 30px;
width: 200px;
opacity: 0;
left: -240px;
visibility: hidden;
pointer-events: none;
z-index: 16;
text-align: right; }
.sroll-nav-wrap .scroll-nav li a span:before {
content: '';
position: absolute;
right: -20px;
width: 10px;
height: 1px;
top: 50%;
background: #000; }
.sroll-nav-wrap .scroll-nav li a:hover span {
bottom: -4px;
opacity: 1;
visibility: visible; }
.sroll-nav-wrap .scroll-nav li a.act-scrlink:before {
height: 50px; }
.sroll-nav-wrap .scroll-nav li a span, .sroll-nav-wrap .scroll-nav li a:before, .sroll-nav-wrap .scroll-nav li a {
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.sroll-nav-wrap .scroll-nav.black-bg li a, .sroll-nav-wrap .scroll-nav.black-bg li a span {
color: #fff; }
.sroll-nav-wrap .scroll-nav.black-bg:before, .sroll-nav-wrap .scroll-nav.black-bg li a span:before {
background: rgba(255, 255, 255, 0.41); }
.separator.trsp-separator {
width: 70px;
height: 6px;
background: #fff;
margin: 40px 0 30px; }
.bold-separator {
width: 70px;
height: 6px;
background: #000;
margin-top: 35px;
display: block; } .about-wrap p {
padding-bottom: 20px; }
.section-container {
margin: 50px 0; }
.about-wrap .btn {
margin-top: 70px; }
.bg.right-dec-bg,
.bg.left-dec-bg {
width: inherit;
height: inherit;
left: 50%;
right: 0;
top: 20%;
bottom: 0;
opacity: 0.1;
z-index: -1; }
.bg.left-dec-bg {
left: -10%;
right: 40%; }
.creat-list li {
width: 100%;
float: left;
position: relative;
margin-bottom: 20px; }
.creat-list li span {
text-align: left;
font-size: 1.4rem;
text-transform: uppercase;
float: left;
padding-right: 30px;
position: relative;
top: 0;
font-weight: bold;
font-family: 'Montserrat', sans-serif; }
.creat-list li a {
float: right;
text-align: right;
padding-top: 10px;
font-weight: bold;
margin-bottom: 15px; }
.creat-list li:before {
content: "";
position: absolute;
bottom: 20px;
left: 80px;
right: 100px;
height: 1px;
background: #eee; } .facts-wrap {
padding: 0 0 50px;
border-bottom: 1px solid #eee; }
.inline-facts-holder {
background: #292929;
padding: 50px 60px; }
.inline-facts {
float: left;
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative; }
.inline-fact:before,
.inline-facts:before {
content: '';
position: absolute;
width: 1px;
height: 55%;
top: 50%;
margin-top: -25px;
right: 0;
background: rgba(255, 255, 255, 0.21); }
.inline-fact.is_last:before,
.inline-facts:last-child:before {
display: none; }
.num {
float: left;
width: 100%;
font-size: 4.5rem;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
text-transform: uppercase;
padding-top: 10px; }
.milestone-counter {
float: left;
width: 100%;
position: relative; }
.stats {
float: left;
width: 100%;
position: relative; }
.inline-fact {
text-align: center; }
.inline-fact h6,
.inline-facts h6 {
color: #999;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
text-transform: uppercase; }
.inline-fact i,
.inline-facts i {
color: #eee;
width: 30px;
border-radius: 100%;
font-size: 3rem; } .team-holder {
float: left;
width: 100%; }
.team-holder li {
float: left;
width: 50%;
padding: 20px 20px 20px 0; }
.mem-item {
padding: 20px 15px; }
.team-box {
float: left;
position: relative;
width: 100%;
margin-bottom: 20px; }
.team-info {
float: left;
width: 100%;
margin-top: 20px;
text-align: left; }
.team-info h3 {
padding-bottom: 4px;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
.team-info h4 {
float: left;
width: 100%;
text-align: left;
margin-top: 10px;
color: #666;
font-size: 0.9rem;
font-weight: 800; }
.team-box:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
height: 6px;
width: 50px;
background: #000; }
.team-photo {
position: relative;
overflow: hidden;
width: 100%;
float: left; }
.team-photo span {
position: absolute;
bottom: -50px;
right: 0;
z-index: 5;
padding: 10px 15px;
background: #fff; }
.team-photo span {
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.team-photo:hover span {
bottom: 0; }
.team-box .overlay {
opacity: 0;
z-index: 2;
background: #000;
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.team-box:hover .overlay {
opacity: 0.5; }
.team-social {
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 3;
display: none;
text-align: center;
padding-left: 0px; }
.team-social li {
float: none !important;
display: inline-block !important;
width: auto !important; }
.team-social li a {
color: #fff;
font-size: 1.3rem;
position: relative;
top: 50px;
opacity: 0;
padding: 6px; } .custom-inner-holder {
float: left;
margin-top: 100px;
width: 100%; }
.resumes-list-holder {
margin-top: 100px; }
.custom-inner {
float: left;
width: 100%;
position: relative;
margin-bottom: 50px; }
.resume-item {
margin-bottom: 50px; }
.resume-date-top {
margin-bottom: 50px; }
.cus-inner-title {
padding-bottom: 20px;
border-bottom: 1px solid #eee; }
.cus-inner-title:before {
content: '';
position: absolute;
bottom: -3px;
right: 0;
width: 50px;
height: 6px;
background: #000;
-webkit-transition: all 500ms linear;
transition: all 500ms linear; }
.resume-item:hover .cus-inner-title:before,
.custom-inner:hover .cus-inner-title:before {
right: 100%;
margin-right: -50px; }
.resume-item .cus-inner-title h3,
.custom-inner h3 {
float: left;
padding-bottom: 20px;
text-transform: uppercase;
font-weight: 600;
font-size: 1.5rem; }
.resume-item .resume-title,
.custom-inner h4 {
float: left;
width: 100%;
padding-bottom: 20px;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
text-align: left; }
.custom-inner-dec {
float: left;
width: 100%;
margin-top: 20px;
background: #eee;
height: 1px; }
.resume-item ul,
.custom-inner ul {
float: left;
width: 100%;
padding: 10px 0 10px 13px;
list-style: decimal; }
.resume-item ul li,
.custom-inner ul li {
float: left;
width: 100%;
padding: 5px 0 5px 10px;
text-align: left;
font-weight: bold;
font-size: 0.85rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
.custom-inner .content-nav ul {
position: relative;
left: 0;
padding: 0;
list-style: none; }
.custom-inner .content-nav ul li {
float: left;
width: 50%;
padding: 0; }
.custom-inner .btn {
margin-top: 20px; } .serv-item {
margin-bottom: 70px; }
.serv-item .content-wrap {
border-bottom: 1px solid #eee;
width: 100%;
padding-bottom: 50px; }
.serv-item .bold-title {
font-weight: bold;
font-size: 0.85rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
padding-bottom: 20px; }
.serv-item .pr-list {
padding: 15px 0; }
.serv-price-wrap {
margin: 10px 0;
padding: 19px 30px;
background: #292929;
color: #fff;
display: inline-block; }
.serv-price-wrap span {
font-weight: bold;
font-size: 0.85rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
padding-right: 15px;
margin-right: 15px;
position: relative; }
.serv-price-wrap span:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 30px;
top: 50%;
margin-top: -15px;
background: rgba(255, 255, 255, 0.21); }
.serv-wrap ul li {
float: left;
padding: 15px 20px;
width: 33.3%; }
.serv-wrap ul li a {
color: #fff;
text-align: left; }
.serv-wrap ul li a {
float: left;
width: 100%;
margin-bottom: 10px;
color: #fff;
text-align: left;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
.serv-wrap ul li a span {
float: left;
padding-right: 20px;
opacity: 0.6; } .piechart-holder, .custom-skillbar-holder {
padding-top: 50px;
float: left;
width: 100%;
position: relative; }
.balkon_circle-progress {
text-align: center; }
.balkon_circle-progress h4,
.piechart-holder h4 {
font-size: 1.3em;
text-transform: uppercase; }
.chart {
position: relative;
display: inline-block;
width: 150px;
height: 150px;
border-radius: 100%;
margin-bottom: 26px;
text-align: center; }
.chart canvas {
position: absolute;
top: 0;
left: 0; }
.piechart {
position: relative;
padding-bottom: 20px; }
.percent {
display: inline-block;
font-size: 1.75rem;
line-height: 152px;
z-index: 2;
color: #000; }
.angular {
margin-top: 100px; }
.angular .chart {
margin-top: 0; }
.skills-description {
float: left;
width: 100%;
margin: 10px 0;
text-transform: uppercase;
color: #000;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
font-size: 0.85rem; }
.skill-bar-percent {
float: right;
font-size: 1.3rem;
margin-top: 13px;
padding-bottom: 6px; } .clients-list {
float: left;
width: 100%; }
.clients-list ul {
list-style: none;
padding-left: 0px; }
.clients-list li {
float: left;
width: 20%;
padding: 5px 5px 5px 0; }
.clients-one-columns li {
width: 100%; }
.clients-two-columns li {
width: 50%; }
.clients-three-columns li {
width: 33.33%; }
.clients-four-columns li {
width: 25%; }
.clients-six-columns li {
width: 16.66%; }
.clients-seven-columns li {
width: 14.285%; }
.clients-eight-columns li {
width: 12.5%; }
.clients-nine-columns li {
width: 11.11%; }
.clients-ten-columns li {
width: 10%; }
.clients-list li a {
display: inline-block; }
.clients-list li a:hover {
opacity: 0.6; }
.clients-list a img {
float: left;
width: 100%;
height: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%); }
.clients-list a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%); } .order-item {
padding: 0 15px; }
.archive-portfolio-masonry-style-wrap + .order-item {
padding-bottom: 50px; }
.folio-masonry-sidebar {
position: relative;
z-index: 5; }
.order-item h3 {
color: #000;
text-align: left;
width: 100%;
text-transform: uppercase;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
position: relative;
top: 19px; }
.order-item h3:before {
content: '';
position: absolute;
right: 0;
width: 1px;
height: 30px;
top: -2px;
background: #ccc; }
.margin-content {
margin-top: 50px; } .por-sidebar {
float: left;
width: 100%;
position: relative; }
.gallery-items {
position: relative; }
.gallery-items.border-folio-conteainer {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #eee; }
.column-content {
padding-right: 300px; }
.por-sidebar {
padding: 0 30px;
margin-top: 50px; }
.grid-item-holder {
width: 100%;
height: auto;
position: relative; }
.hid-port-info .gallery-item {
overflow: hidden; }
.ver-big-pad.gallery-items {
margin-left: -20px;
margin-right: -20px; }
.ver-big-pad .gallery-item {
padding: 20px; }
.ver-medium-pad.gallery-items {
margin-left: -15px;
margin-right: -15px; }
.ver-medium-pad .gallery-item {
padding: 15px; }
.ver-small-pad.post-gallery-items,
.ver-small-pad.gallery-items {
margin-left: -3px;
margin-right: -3px; }
.ver-small-pad .post-gallery-item,
.ver-small-pad .gallery-item {
padding: 6px; }
.ver-extrasmall-pad.gallery-items {
margin-left: -1px;
margin-right: -1px; }
.ver-extrasmall-pad .gallery-item {
padding: 2px; }
.ver-no-pad .grid-item-holder {
padding: 0; }
.post-gallery-item, .post-grid-sizer,
.gallery-item, .grid-sizer {
width: 25%;
position: relative;
float: left; }
.gallery-item-seconds,
.grid-sizer-seconds,
.gallery-item-second,
.grid-sizer-second {
width: 50%; }
.gallery-item-threes,
.grid-sizer-threes,
.gallery-item-three,
.grid-sizer-three {
width: 75%; }
.one-columns .post-gallery-item, .one-columns .post-grid-sizer,
.one-columns .gallery-item, .one-columns .grid-sizer,
.one-columns .gallery-item-second,
.one-columns .grid-sizer-second,
.one-columns .gallery-item-three,
.one-columns .grid-sizer-three {
width: 100%; }
.two-columns .post-gallery-item, .two-columns .post-grid-sizer,
.two-columns .gallery-item, .two-columns .grid-sizer,
.two-columns .gallery-item-second,
.two-columns .grid-sizer-second,
.two-columns .gallery-item-three,
.two-columns .grid-sizer-three {
width: 50%; }
.three-columns .post-gallery-item, .three-columns .post-grid-sizer,
.three-columns .gallery-item, .three-columns .grid-sizer {
width: 33.333%; }
.three-columns .gallery-item-seconds,
.three-columns .grid-sizer-seconds,
.three-columns .gallery-item-second,
.three-columns .grid-sizer-second {
width: 66.666%; }
.three-columns .gallery-item-threes,
.three-columns .grid-sizer-threes,
.three-columns .gallery-item-three,
.three-columns .grid-sizer-three {
width: 100%; }
.five-columns .post-gallery-item, .five-columns .post-grid-sizer,
.five-columns .gallery-item, .five-columns .grid-sizer {
width: 20%; }
.five-columns .gallery-item-seconds,
.five-columns .grid-sizer-seconds,
.five-columns .gallery-item-second,
.five-columns .grid-sizer-second {
width: 40%; }
.five-columns .gallery-item-threes,
.five-columns .grid-sizer-threes,
.five-columns .gallery-item-three,
.five-columns .grid-sizer-three {
width: 60%; }
.post-gallery-item img, .post-grid-sizer img,
.gallery-item img, .grid-sizer img {
width: 100%;
height: auto;
position: relative;
z-index: 1; }
.gallery-item-full {
width: 100%; }
.post-gallery-item .overlay,
.gallery-item .overlay {
z-index: 2;
opacity: 0;
background: #000; }
.gallery-item:hover .wh-info-box {
visibility: visible; }
.gallery-item:hover .wh-info-box:before {
width: 100%; }
.gallery-item:hover .wh-info-box-inner {
opacity: 1; }
.grid-item {
position: relative;
width: 100%;
z-index: 15;
padding: 20px 25px;
background: #fff;
border-bottom: 1px solid #f0f0f0; }
.grid-item h3 {
font-size: 1.15rem;
font-weight: 700;
position: relative;
width: 100%;
text-align: left;
font-family: 'Montserrat', sans-serif; }
.grid-item h3:before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 0;
height: 1px;
background: #000; }
.grid-item h3:after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "\f178";
position: absolute;
top: 10px;
right: 10px;
width: 10px;
height: 10px;
color: #000; }
.grid-item h3:before, .grid-item h3, .blog-media img, .grid-item h3:after {
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.grid-item h3:hover {
padding: 0 0 0 30px; }
.grid-item h3:hover:before {
width: 20px; }
.grid-item h3:hover:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.hid-por-info .grid-item h3:hover:after {
top: 14px; }
.grid-item span {
text-align: left;
font-size: 0.9rem;
color: #999;
display: block;
margin-left: -6px; }
.grid-item span a {
color: #999;
padding: 0 6px;
display: inline-block; }
.hid-por-info .grid-item {
position: absolute;
bottom: -100%;
left: 0;
z-index: 13;
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.vis-por-info .grid-item {
bottom: 0;
position: relative;
width: 100%;
border: none; }
.vis-por-info .grid-item, .hid-por-info .grid-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #eee; }
.hid-por-info:not(.ver-no-pad) .grid-item,
.vis-por-info:not(.ver-no-pad) .grid-item {
border-left: 1px solid #eee; }
.gallery-items.ver-no-pad {
border-left: 1px solid #eee; }
.hid-por-info .grid-item:before, .vis-por-info .grid-item:before, .hid-por-info .grid-item:after, .vis-por-info .grid-item:after {
content: '';
position: absolute;
top: 0;
right: 80px;
width: 1px;
height: 100%;
background: #eee; }
.hid-por-info .grid-item:after, .vis-por-info .grid-item:after {
right: 0; }
.gallery-item:hover .grid-item {
bottom: 0; }
.hid-por-info .gallery-item {
overflow: hidden; }
.pad-con {
padding-top: 60px;
padding-left: 30px;
padding-right: 30px; }
.pad-con2 {
padding-top: 50px;
padding-left: 0;
padding-right: 0;
padding-bottom: 42px; }
.pad-con3 {
padding: 0 30px; }
.hor-pad-con {
padding: 60px 0 0 30px; }
.bold-filter {
margin-top: 50px;
margin-bottom: 50px; }
.bold-filter .filter-button {
display: inline-block;
margin-right: 20px;
font-weight: bold;
font-size: 0.85rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
.inline-filter .gallery-filters {
display: inline-block; }
.inline-filter .gallery-filters a {
display: inline-block;
margin-right: 10px;
padding: 0 12px;
text-transform: uppercase;
position: relative;
font-weight: 800; }
.inline-filter .gallery-filters a {
color: #000; }
.bold-filter.inline-filter .gallery-filters a:before {
content: '';
position: absolute;
bottom: -20px;
right: 0;
width: 0;
background: #292929;
height: 6px;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.flat-filter .gallery-filters a:before {
bottom: 42px; }
.bold-filter.inline-filter .gallery-filters a.gallery-filter-active:before {
width: 100%; }
.bold-filter.inline-filter .count-folio {
display: inline-block;
margin-left: 30px;
padding: 15px 0;
width: 100px;
background: #000;
position: relative;
color: #fff; }
.bold-filter.inline-filter .count-folio:before {
content: "";
position: absolute;
top: 12px;
left: -25px;
width: 1px;
height: 20px;
background: #ccc; }
.bold-filter.inline-filter .count-folio:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
margin-left: -6px;
height: 1px;
margin-top: -1px;
background: rgba(255, 255, 255, 0.41); }
.bold-filter.inline-filter .count-folio div {
display: inline-block;
width: 47%;
text-align: center;
font-weight: 900; }
.menufilter {
float: right;
width: 100px;
position: relative;
border-left: 1px solid #eee;
height: 70px; }
.ver-filter {
bottom: 0; }
.tcf {
bottom: 32px; }
.menufilter .filter-button {
position: relative;
color: #000;
width: 100%;
padding: 5px 15px;
font-size: 0.85rem;
margin-top: 26px;
text-transform: uppercase;
font-weight: 800;
cursor: pointer;
text-align: center;
z-index: 2; }
.round-counter {
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.41);
position: relative;
margin-top: 10px;
padding-top: 10px;
text-align: center; }
.round-counter:before {
content: '/';
position: absolute;
left: 50%;
top: 8px;
color: rgba(255, 255, 255, 0.41);
font-size: 1.3rem;
margin-left: -4px; }
.round-counter div {
float: left;
width: 50%;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 0.85rem;
color: #fff; }
.hid-filter {
position: absolute;
display: none;
padding: 20px 22px;
top: 76px;
background: rgba(0, 0, 0, 0.81);
width: 150px; }
.hid-filter a {
display: block;
color: #fff;
width: 100%;
font-weight: 700;
position: relative;
padding: 4px 10px 4px 0;
text-align: left; }
.gallery-filters.hid-filter a.gallery-filter-active {
text-decoration: line-through; }
.fixed-filter-wrap {
position: absolute;
top: 70px;
right: 0;
width: 300px;
bottom: 0;
z-index: 1;
padding: 50px 60px;
overflow: hidden; }
.hid-filt-button {
display: none; }
.fixed-filter-wrap .gallery-filters a {
float: left;
width: 100%;
text-align: left;
margin-bottom: 10px; }
.fixed-filter-wrap h3 {
width: 100%;
padding-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 1.5rem;
text-transform: uppercase;
text-align: left;
position: relative; }
.fixed-filter-wrap .bold-separator {
margin-top: 5px; }
.fixed-filter-wrap .gallery-filters {
margin-top: 30px;
border-bottom: 1px solid #eee;
float: left;
width: 100%;
padding-bottom: 20px; }
.fixed-filter-wrap .count-folio {
background: #eee;
width: 80px;
padding: 13px 0;
margin-top: 20px;
text-align: center; }
.fixed-filter-wrap .count-folio div {
float: left;
width: 50%; }
.box-folio .grid-item {
padding: 20px 0;
background: #fff;
border-bottom: 1px solid #f0f0f0; }
.slider-zoom {
position: absolute;
top: 20px;
right: 20px;
z-index: 5;
cursor: pointer;
background: #fff;
width: 30px;
height: 30px;
line-height: 30px; }
.slider-wrap .swiper-container {
width: 100%;
height: 100%;
margin: 0 auto; }
.slider-wrap .swiper-slide {
background: #fff;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.slider-wrap {
float: left;
width: 100%;
height: 90%;
position: relative; }
.slider-wrap.tpslw {
height: 95%; }
.slider-wrap.homecarousel {
height: 100%; }
.slider-wrap .swiper-slide {
padding: 0 0 100px 0;
overflow: hidden; }
.slider-wrap.homecarousel .swiper-slide {
padding: 0 0 70px 0; }
.slider-wrap .swiper-slide img {
width: auto;
height: 100%;
position: relative;
z-index: 1; }
.slider-wrap.homecarousel .swiper-container-horizontal > .swiper-scrollbar {
bottom: 30px; }
.thumb-info {
position: absolute;
bottom: 70px;
left: 0px;
right: 0px;
padding: 40px 70px 50px;
z-index: 2;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.thumb-info h3 {
text-align: left;
color: #fff;
font-size: 2rem;
font-weight: 900;
line-height: 40px;
letter-spacing: -1px;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
position: relative; }
.thumb-info h3:before {
content: '';
position: absolute;
left: -20px;
bottom: -40px;
top: -20px;
width: 1px;
background: rgba(255, 255, 255, 0.51); }
.thumb-info h3 a {
color: #fff; }
.thumb-info p {
color: #fff;
opacity: 0.6;
font-weight: 900; }
.slider-wrap .gallery-popup, .fs-gallery-wrap .gallery-popup {
position: absolute;
z-index: 12;
top: 0;
right: -50px;
color: #000;
width: 50px;
height: 50px;
line-height: 50px;
background: #fff;
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.fs-gallery-wrap .gallery-popup {
background: #000;
color: #fff;
font-size: 0.85rem;
right: 0; }
.slider-wrap .sw-button, .fs-gallery-wrap .sw-button {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.51);
color: #fff;
line-height: 40px;
z-index: 20;
cursor: pointer;
margin-top: -20px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.slider-wrap .sw-button.swiper-button-next, .fs-gallery-wrap .sw-button.swiper-button-next {
right: 20px; }
.slider-wrap .sw-button.swiper-button-prev, .fs-gallery-wrap .sw-button.swiper-button-prev {
left: 20px; }
.slider-wrap .sw-button, .fs-gallery-wrap .sw-button {
color: #000;
background: #fff; }
.slider-wrap .sw-button:hover, .fs-gallery-wrap .sw-button:hover {
opacity: 0.8; }
.slider-wrap .swiper-slide:hover .gallery-popup, .fs-gallery-wrap:hover .gallery-popup {
right: 0; }
.pr-der-pad {
padding-top: 0; }
.pr-title {
float: left;
font-size: 2rem;
text-align: left;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
position: relative;
padding-left: 40px;
padding-right: 20px; }
.pr-title span {
float: left;
width: 100%;
padding-top: 10px;
color: #999;
text-align: left;
text-transform: uppercase;
font-weight: 500;
font-size: 0.85rem;
line-height: 2; }
.pr-title:before {
content: '';
position: absolute;
left: 0;
width: 1px;
height: 120px;
background: #eee;
top: 50%;
margin-top: -60px; }
section.parallax-section .pr-title {
color: #fff;
position: relative;
top: 50px; }
section.parallax-section .pr-title:before {
display: none; }
section.parallax-section .pr-title:after {
content: '';
position: absolute;
left: 40px;
width: 60px;
height: 6px;
background: #fff;
top: inherit;
bottom: -250px; }
.det-margin {
margin-top: 70px; }
.pr-list {
width: 100%;
padding: 30px 0;
list-style: none; }
ol.pr-list {
list-style-type: decimal-leading-zero;
padding: 15px 0;
padding-left: 17px; }
.pr-list li {
width: 100%;
padding: 10px 0;
text-align: left;
font-weight: 800;
font-size: 0.9rem;
word-spacing: 0;
text-transform: uppercase; }
.pr-list li span {
padding-right: 10px;
color: #999; }
.dec-border {
height: 1px;
background: #eee;
margin: 10px 0 30px; }
.pr-subtitle {
text-align: left;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
float: left;
width: 100%;
text-transform: uppercase;
padding-bottom: 20px;
line-height: 34px; }
.pr-subtitle span.let-num {
float: left;
padding-right: 80px;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 2.8rem;
color: #000;
position: relative;
top: -6px; }
.pr-subtitle span.let-num:before {
content: '';
position: absolute;
bottom: 0;
right: 10px;
width: 54px;
height: 1px;
background: #eee; }
.content-nav {
position: relative;
width: 100%;
padding: 0 30px;
margin-top: 100px;
border: 1px solid #eee;
background: #fff; }
.content-nav.blog-nav {
margin-top: 50px; }
.content-nav ul {
list-style: none;
padding-left: 0px;
margin-bottom: 0; }
.content-nav ul:before,
.content-nav ul:after {
content: " ";
display: table; }
.content-nav ul:after {
clear: both; }
.content-nav li {
width: 33.3%;
float: left;
border-left: 1px solid #eee;
text-align: center;
margin-bottom: 0; }
.content-nav li span,
.content-nav li a {
display: inline-block;
width: 100%;
line-height: 40px;
padding: 7px 0;
text-align: center;
font-family: 'Montserrat', sans-serif; }
.content-nav li a span {
padding: 0px; }
.content-nav li span.current {
color: #666;
font-weight: 800; }
.content-nav li:first-child {
border: none; }
.content-nav li a.ln, .content-nav li a.rn {
color: #000;
font-size: 2rem;
position: relative; }
.content-nav li a.ln i, .content-nav li a.rn i, .customNavigation a i, .content-nav li a span.tooltip {
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.content-nav li a.ln:hover i, .content-nav li a.rn:hover i, .customNavigation a:hover i {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg); }
.content-nav li a.ln {
float: left;
text-align: left; }
.content-nav li a.rn {
float: right;
text-align: right; }
.pagination-blog {
margin-top: 100px; }
.pagination-blog span,
.pagination-blog a {
padding: 15px 30px;
border: 1px solid #eee;
font-family: 'Montserrat', sans-serif;
line-height: 15px;
margin-right: 24px;
display: inline-block; }
.pagination-blog span {
font-weight: 800;
color: #666; }
.content-nav .list {
width: 54px;
height: 54px;
overflow: hidden;
display: inline-table; }
.content-nav .list a,
.content-nav .list span {
display: block;
width: 40px;
height: 40px; }
.content-nav .list a {
position: relative;
padding: 18px; }
.content-nav .list a span {
width: 20px;
height: 20px;
overflow: hidden;
position: relative; }
.content-nav .list a i {
display: block;
position: absolute;
background-color: #000;
width: 6px;
height: 0;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: height, transform;
transition-property: height, transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.3, 1); }
.content-nav .list a i.c1 {
left: 0px; }
.content-nav .list a i.c2 {
left: 7px; }
.content-nav .list a i.c3 {
left: 14px; }
.content-nav .list a i.c1.b1 {
height: 7px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.content-nav .list a i.c1.b2 {
height: 7px;
-webkit-transform: translate(0, 8px);
transform: translate(0, 8px); }
.content-nav .list a i.c1.b3 {
height: 7px;
-webkit-transform: translate(0, 40px);
transform: translate(0, 40px); }
.content-nav .list a i.c2.b1 {
height: 10px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.content-nav .list a i.c2.b2 {
height: 7px;
-webkit-transform: translate(0, 11px);
transform: translate(0, 11px); }
.content-nav .list a i.c2.b3 {
height: 7px;
-webkit-transform: translate(0, 35px);
transform: translate(0, 35px); }
.content-nav .list a i.c3.b1 {
height: 5px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.content-nav .list a i.c3.b2 {
height: 7px;
-webkit-transform: translate(0, 6px);
transform: translate(0, 6px); }
.content-nav .list a i.c3.b3 {
height: 7px;
-webkit-transform: translate(0, 33px);
transform: translate(0, 33px); }
.content-nav .list a:hover i.c1.b1 {
height: 7px;
-webkit-transform: translate(0, -8px);
transform: translate(0, -8px); }
.content-nav .list a:hover i.c1.b2 {
height: 7px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.content-nav .list a:hover i.c1.b3 {
height: 7px;
-webkit-transform: translate(0, 8px);
transform: translate(0, 8px); }
.content-nav .list a:hover i.c2.b1 {
height: 10px;
-webkit-transform: translate(0, -11px);
transform: translate(0, -11px); }
.content-nav .list a:hover i.c2.b2 {
height: 10px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.content-nav .list a:hover i.c2.b3 {
height: 7px;
-webkit-transform: translate(0, 11px);
transform: translate(0, 11px); }
.content-nav .list a:hover i.c3.b1 {
height: 5px;
-webkit-transform: translate(0, -6px);
transform: translate(0, -6px); }
.content-nav .list a:hover i.c3.b2 {
height: 5px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.paginate .list a:hover i.c3.b3 {
height: 7px;
-webkit-transform: translate(0, 6px);
transform: translate(0, 6px); }
.content-nav li a.ln span.tooltip, .content-nav li a.rn span.tooltip {
position: absolute;
top: -10px;
font-size: 0.85rem;
line-height: 1.6;
text-transform: uppercase;
min-width: 150px;
visibility: hidden;
font-weight: 800;
opacity: 0; }
.content-nav li a.ln span.tooltip {
left: 0%;
margin-left: 20px;
text-align: left; }
.content-nav li a.rn span.tooltip {
right: 0%;
margin-right: 20px;
text-align: right; }
.content-nav li a:hover span.tooltip {
top: 50%;
margin-top: -8px;
opacity: 1;
visibility: visible; }
.cur-page {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
float: left;
width: 100%;
text-align: center; }
.cur-page span {
color: #666; }
.pager {
list-style: none;
padding-left: 0;
margin-bottom: 0; }
.pager li {
margin-bottom: 0; }
.pager li.next {
float: right; }
.pager li.previous {
float: left; }
.pager li a {
padding: 10px;
border: 1px solid #eee;
border-radius: 3px;
background: #f4f4f4;
color: #999; }
.fs-gallery-wrap {
overflow: hidden;
z-index: 20;
background: #f9f9f9; }
.fs-gallery-wrap .swiper-container {
width: 100%;
height: 100%; }
.fs-gallery-wrap .swiper-slide {
text-align: center;
font-size: 1.5rem;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden; }
.fs-gallery-wrap .swiper-pagination-bullet {
border-radius: 0;
background: none;
padding: 10px 12px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
position: relative;
color: #000;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
opacity: 1;
float: left;
margin-top: 0;
line-height: 0; }
.fs-gallery-wrap .swiper-pagination-bullet:before {
content: '';
position: absolute;
bottom: 50%;
left: 30px;
width: 0;
height: 1px;
margin-bottom: -1px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
background: #ccc; }
.fs-gallery-wrap .swiper-pagination-bullet:last-child:before {
left: inherit;
right: 20px; }
.fs-gallery-wrap .swiper-pagination {
z-index: 100;
right: 0;
width: auto;
left: inherit;
bottom: 0;
background: #fff;
padding: 20px 15px;
border-bottom: 1px solid #eee; }
.fs-gallery-wrap .swiper-pagination-bullet-active {
color: #999;
padding-right: 50px; }
.fs-gallery-wrap .swiper-pagination-bullet-active:last-child {
padding-right: 0;
padding-left: 50px; }
.fs-gallery-wrap .swiper-pagination-bullet-active:before {
width: 30px; }
.show-info {
position: absolute;
bottom: 50px;
left: 50px;
width: 50%;
z-index: 15; }
.slider-wrap .show-info {
bottom: 130px; }
.slider-wrap.tpslw .show-info {
bottom: 130px; }
.show-info span {
text-transform: uppercase;
font-size: 0.85rem;
color: #fff;
background: #000;
padding: 12px 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
cursor: pointer;
float: left;
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.tooltip-info {
height: auto;
line-height: 20px;
padding: 10px 20px;
font-size: 0.9rem;
color: #fff;
text-align: center;
text-indent: 0px;
position: absolute;
background: rgba(0, 0, 0, 0.5);
bottom: 30px;
opacity: 0;
left: 0;
margin-bottom: 40px;
visibility: hidden;
pointer-events: none;
z-index: 16;
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.tooltip-info p {
font-size: 0.9rem;
font-weight: 600;
word-spacing: no-wrap;
color: #fff; }
.tooltip-info h5 {
font-size: 1.3rem;
margin-top: 12px;
padding: 5px 0;
position: relative;
font-family: 'Montserrat', sans-serif;
text-align: left; }
.show-info:hover .tooltip-info {
visibility: visible;
opacity: 1;
bottom: 10px; }
.pr-tags {
margin-bottom: 30px;
padding: 22px 20px;
border: 1px solid #eee;
background: #f9f9f9; }
.pr-tags span, .pr-tags ul, .pr-tags ul li {
display: inline-block;
margin-bottom: 0; }
.pr-tags span {
font-family: 'Montserrat', sans-serif;
text-align: left;
padding-right: 20px;
font-weight: 800;
border-right: 1px solid #ccc; }
.pr-tags ul {
padding-left: 20px;
list-style: none; }
.pr-tags ul li {
margin-right: 10px; }
.pr-tags ul li a {
font-style: italic;
color: #999; }
.pr-tags ul li a:hover {
color: #000; }
.parallax-item {
margin: 50px 0; }
.parallax-item img {
width: 100%;
height: auto;
opacity: 0.7; }
.parallax-text {
position: absolute;
bottom: 40%;
z-index: 10;
text-align: left; }
.parallax-text.right-pos {
right: -150px; }
.parallax-text.left-pos {
left: -150px; }
.parallax-text h3 {
font-size: 3.5rem;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
position: relative; }
.parallax-text h3:before {
content: '';
position: absolute;
top: -40px;
width: 60px;
height: 6px;
left: 0;
background: #292929; }
.parallax-text h3:after {
content: '';
position: absolute;
top: -5px;
bottom: -10px;
width: 1px;
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
right: -100px;
background: #ccc;
z-index: 1; }
.parallax-text h3:hover:after {
width: 140%;
opacity: 0.4; }
.parallax-text h3 a {
position: relative;
z-index: 10; }
.parallax-text h4 {
text-align: left;
color: #292929;
padding: 15px 0; }
.parallax-header {
padding-bottom: 25px;
display: inline-block; }
.parallax-header span {
float: left;
font-size: 2rem;
text-align: left;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
position: relative; }
.parallax-header span:before {
content: '';
position: absolute;
bottom: 0;
left: 60px;
width: 150px;
background: #eee;
height: 1px; }
.parallax-header ul {
float: right;
position: relative;
top: 2px;
border-left: 1px solid #ccc;
padding: 10px 0 10px 30px;
list-style: none; }
.parallax-header ul li {
float: left;
padding-left: 15px;
text-align: left; }
.thumb-info ul {
padding: 10px 0;
list-style: none;
text-align: left; }
.thumb-info ul li {
display: inline-block;
padding-right: 15px; }
.thumb-info ul li a {
color: #fff;
opacity: 0.6; }
.single-slider {
position: relative;
width: 100%; }
.single-slider img {
width: 100%;
height: auto; }
.single-slider .testi-slider-thumb {
max-width: 100px;
padding: 5px;
border: 1px solid #ddd;
background-color: #fff;
margin-bottom: 15px; }
.single-slider .swiper-pagination {
bottom: 40px;
font-weight: 700;
color: #292929;
font-size: 0.85rem; }
.single-slider .swiper-pagination:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-left: -35px;
width: 70px;
margin-top: -20px;
height: 40px;
background: #fff;
z-index: -1; }
.single-slider .swiper-button-prev, .single-slider .swiper-button-next {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
background: #292929;
color: #fff;
z-index: 20;
line-height: 40px;
cursor: pointer; }
.single-slider .swiper-button-prev {
left: 10px; }
.single-slider .swiper-button-next {
right: 10px; } .line-gal {
margin-bottom: 30px; }
.box-item {
width: 100%;
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.line-gal .box-item {
margin-bottom: 20px; }
.box-item a.popup-image {
position: absolute;
top: -50px;
opacity: 0;
right: 0;
width: 50px;
height: 50px;
background: #fff;
line-height: 50px;
z-index: 5;
color: #000;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
cursor: pointer; }
.box-item img {
position: relative;
z-index: 1;
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }
.box-item .overlay {
opacity: 0;
z-index: 4;
-webkit-transition: all 300ms linear;
transition: all 300ms linear; }
.box-item:hover .overlay, .gallery-item:hover .overlay {
opacity: 0.3; }
.box-item:hover img, .gallery-item:hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15); }
.gallery-item-full:hover img {
-webkit-transform: none;
transform: none; }
.gallery-item:hover .swiper-slide img {
-webkit-transform: scale(1);
transform: scale(1); }
.box-item:hover > a.popup-image, .gallery-item:hover > a.popup-image {
top: 0;
opacity: 1; }
.box-item a.popup-image:hover i {
-webkit-transform: scale(1.15);
transform: scale(1.15); }
.grid-item-holder .box-item a.popup-image {
right: -2px; } .promo-video-text {
float: left;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
color: #fff;
font-size: 5rem;
text-transform: uppercase;
line-height: 75px;
text-align: left;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.41);
width: 100%; }
.promo-video p {
float: left;
max-width: 500px;
text-align: left;
color: #fff;
margin-top: 50px;
position: relative;
font-size: 1.1rem;
opacity: 0.8; }
.promo-video a {
float: right;
width: 50px;
height: 50px;
line-height: 46px;
border: 3px solid #fff;
border-radius: 100%;
color: #fff;
margin-top: 50px;
text-align: center; }
.promo-video a:hover {
background: rgba(255, 255, 255, 0.41); }
.media-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1; }
.hero-content .media-container {
height: 110%; }
.video-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
.mob-bg {
display: none; }
.video-holder {
position: absolute;
width: 100%;
height: 100% !important;
display: block;
overflow: hidden !important;
top: 0;
left: 0;
padding: 0 !important; }
.video-holder iframe {
position: absolute;
top: -75px;
left: 50%;
width: 100%;
height: 100%;
display: block;
overflow: hidden; }
.video-container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 0;
z-index: -1; }
.video-container video {
width: 100%; }
.resp-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 20px; }
.resp-video iframe,
.resp-video object,
.resp-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.blog-media video {
width: 100%;
height: auto; }
.resp-audio iframe,
.resp-audio object,
.resp-audio embed {
width: 100%; } .map-box {
width: 100%;
height: 400px;
position: relative;
margin: 40px 0; }
.map-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 400px; } .show-share-wrap {
float: right;
height: 70px;
width: 120px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #e6eaea; }
.show-share-wrap div {
position: relative;
float: left;
width: 100%;
cursor: pointer;
height: 70px;
line-height: 70px; }
.show-share-wrap div img {
width: 15px;
height: 15px;
margin-left: 10px; }
.show-share-wrap i {
margin-left: 10px; }
.show-share-wrap div span {
text-transform: uppercase;
font-weight: 800;
position: relative; }
.show-share-wrap div span:before {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 2px;
background: #000;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.show-share-wrap div span:hover:before {
width: 100%; }
.share-wrapper {
position: fixed;
top: 70px;
bottom: 0;
z-index: 100;
right: -131px;
width: 120px;
background: #fff;
padding-top: 150px;
border-left: 1px solid #eee; }
.share-container {
position: absolute;
width: 100%;
top: 0;
left: 0; }
.share-icon {
height: 60px;
width: 100%;
float: left;
margin-bottom: 1px;
position: relative;
font-size: 1.3rem;
line-height: 60px;
color: #999;
opacity: 1;
border-bottom: 1px solid #eee; }
.share-icon:hover {
color: #000; }
.share-icon:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit; }
.share-icon-digg:before {
content: "\f1a6"; }
.share-icon-email:before {
content: "\f003"; }
.share-icon-flickr:before {
content: "\f16e"; }
.share-icon-foursquare:before {
content: "\f180"; }
.share-icon-rss:before {
content: "\f09e"; }
.share-icon-facebook:before {
content: "\f09a"; }
.share-icon-twitter:before {
content: "\f099"; }
.share-icon-tumblr:before {
content: "\f173"; }
.share-icon-linkedin:before {
content: "\f08c"; }
.share-icon-vimeo:before {
content: "\f194"; }
.share-icon-instagram:before {
content: "\f16d"; }
.share-icon-pinterest:before {
content: "\f0d2"; }
.share-icon-googleplus:before {
content: "\f0d5"; }
.share-icon-in1:before {
content: "\f08c"; }
.share-icon-stumbleupon:before {
content: "\f1a4"; }
.share-icon-vk:before {
content: "\f189"; }
.small-sec-title {
width: 100%; }
.small-sec-title h3 {
width: 100%;
font-size: 2rem;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-align: left; } .contact-details-wrap {
margin-top: 50px; }
.border-dec {
border-bottom: 1px solid #eee;
padding-bottom: 50px; }
.contact-details {
text-align: left; }
.contact-details h4 span {
font-size: 2rem;
text-transform: uppercase;
float: left;
padding-right: 30px;
position: relative;
top: -14px;
font-weight: bold;
font-family: 'Montserrat', sans-serif; }
.contact-details h4 {
text-align: right;
font-size: 0.85rem;
padding-top: 10px;
font-weight: bold;
margin-bottom: 15px;
display: inline-block;
width: 100%;
position: relative; }
.contact-details h4:before {
content: "";
position: absolute;
bottom: 20px;
left: 80px;
right: 10em;
height: 1px;
background: #eee; }
.contact-details ul {
list-style: none;
padding-left: 0px; }
.contact-details ul li {
text-align: left;
width: 100%;
font-weight: 800;
letter-spacing: 1.5px;
word-spacing: 0;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 0.85rem; }
.contact-details ul li span {
padding-right: 10px;
color: #999; }
#contact-form, #comment-form {
width: 100%;
float: left;
margin-top: 30px; }
#contact-form {
max-width: 750px; }
.contact-form-holder {
max-width: 750px;
margin-top: 30px; }
div.wpcf7 form input[type="text"],
div.wpcf7 form input[type="email"],
div.wpcf7 form input[type="url"],
div.wpcf7 form input[type="tel"],
div.wpcf7 form input[type="number"],
div.wpcf7 form input[type="date"],
div.wpcf7 form textarea,
#contact-form input[type="text"], #contact-form textarea, #comment-form input[type="text"], #comment-form textarea {
width: 100%;
background: #f4f4f4;
margin-bottom: 20px;
font-weight: 700;
border-radius: none;
position: relative;
z-index: 20;
padding: 15px 30px;
color: #999;
border: 0;
-webkit-appearance: none; }
div.wpcf7 form textarea,
#contact-form textarea, #comment-form textarea {
resize: none;
overflow: auto;
-webkit-box-shadow: none;
box-shadow: none; }
.wpcf7-submit,
#submit, .form-submit button {
border: none;
background: #292929;
color: #fff;
font-weight: bold;
border: none;
font-size: 0.85rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
padding: 15px 30px 15px 30px;
line-height: 1.5;
cursor: pointer;
-webkit-appearance: none;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.wpcf7-submit:hover,
#submit:hover {
color: #ccc; }
.wpcf7-submit i,
#submit i, .to-top i, footer.fixed-footer .footer-social li a, .clients-list a {
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.wpcf7-submit:hover i,
#submit:hover i {
color: #000; }
.error_message {
text-align: left;
max-width: 450px;
position: relative;
padding: 10px 10px 10px 0;
color: #933;
text-transform: uppercase;
font-weight: 700;
font-family: 'Montserrat', sans-serif; }
#success_page h3 {
text-align: left;
font-size: 1.1rem;
padding-bottom: 4px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Montserrat', sans-serif; }
#success_page p {
margin-top: 5px;
text-align: left;
padding: 16px 6px 6px 0;
color: #000; }
#success_page p strong {
font-weight: bold; }
#message fieldset {
border: none; }
.social-wrap {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee; }
.social-wrap ul {
margin: 0 auto;
max-width: 1224px;
list-style: none;
text-align: center;
margin-bottom: -1px;
padding-left: 0px; }
.social-wrap ul:before,
.social-wrap ul:after {
content: " ";
display: table; }
.social-wrap ul:after {
clear: both; }
.social-wrap ul li {
float: left;
width: 20%;
border-left: 1px solid #eee;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #eee;
margin-bottom: 0; }
.social-wrap ul li:last-child {
border-right: 1px solid #eee; }
.social-one-cols ul li {
width: 100%; }
.social-two-cols ul li {
width: 50%; }
.social-three-cols ul li {
width: 33.33%; }
.social-four-cols ul li {
width: 25%; }
.social-six-cols ul li {
width: 16.66%; }
.social-seven-cols ul li {
width: 14.285%; }
.social-eight-cols ul li {
width: 12.5%; }
.social-nine-cols ul li {
width: 11.11%; }
.social-ten-cols ul li {
width: 10%; }
.social-wrap ul li a {
color: #999;
font-size: 1.5rem;
display: block;
padding: 25px 0; }
.social-wrap ul li a:hover {
color: #000; }
.social-wrap .icon-text {
display: block;
margin-top: 10px; }
#tabs-container {
float: left;
width: 100%;
margin-top: 10px; }
.tab {
float: left;
width: 100%; }
.tabs-menu {
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 30px; }
.tabs-menu li {
float: left;
margin-right: 20px; }
.tabs-menu li a {
padding: 20px 35px;
background: #f1f1f1;
font-weight: 700;
color: #999; }
.tabs-menu li.current a {
color: #000; }
.tab-content {
width: 100%;
padding: 20px 0;
display: none; }
#tab-1 {
display: block; } .testilider .swiper-pagination {
font-size: 7rem;
z-index: -1;
color: #fff;
opacity: 0.3;
width: inherit;
right: 100px;
left: inherit;
bottom: 0;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-weight: 800; }
.testilider .swiper-pagination:before {
display: none; }
.testi-item {
padding: 0 70px; }
.testi-item p {
color: #fff;
font-weight: 700;
max-width: 100% !important; }
.testi-item h3 {
width: 100%;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
color: #fff;
font-weight: 700;
text-align: left;
font-size: 1.3rem;
padding-bottom: 20px; }
.testi-item .btn {
margin-top: 20px; }
.testi-star-rating {
list-style: none;
padding-left: 0px;
color: #fff; }
.testi-star-rating li {
display: inline-block; } .fwpost-container {
padding-left: 30px; }
.fw-post {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee; }
.masonry-post {
padding-right: 30px;
padding-bottom: 40px; }
.fw-post .single-post-title,
.masonry-post .single-post-title {
width: 100%;
text-align: left;
font-weight: 800;
font-size: 2.5rem;
line-height: 1;
margin-bottom: 40px;
position: relative; }
.masonry-post .single-post-title {
font-size: 1.5rem;
margin-bottom: 20px; }
.fw-post.single-post .single-post-title {
font-size: 3.3rem; }
.blog-title-opt {
display: inline-block;
padding: 15px 20px;
margin-bottom: 20px;
background: #292929;
list-style: none; }
.blog-title-opt li {
margin-right: 20px;
position: relative;
color: #fff;
display: inline-block; }
.post-categories {
list-style: none;
padding-left: 0;
margin-bottom: 0; }
.post-categories li {
margin-bottom: 0;
margin-right: 10px; }
.blog-title-opt li a {
color: #fff;
font-weight: 800; }
.fw-post .single-post-title span {
background: #fff;
z-index: 2;
position: relative;
padding-right: 30px; }
.fw-post .single-post-title:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 1px;
background: #eee;
z-index: 1; }
.sticky .single-post-title:before {
height: 3px;
background: #292929; }
small.edit-link {
font-size: 60%; }
small.edit-link a {
color: #666; }
.masonry-post .blog-text {
padding-bottom: 30px;
border-bottom: 1px solid #eee; }
.blog-media {
margin-bottom: 30px;
overflow: hidden; }
.post-counter {
float: right;
position: relative;
top: 20px;
padding: 10px 15px;
background: #f9f9f9;
border: 1px solid #eee;
list-style: none;
margin-bottom: 0; }
.post-counter.single-post-counter {
float: none;
top: 10px;
display: inline-block; }
.post-counter li {
display: inline-block;
margin-right: 15px;
margin-bottom: 0; }
.post-counter li i, .post-counter li span {
display: inline-block; }
.post-counter li span {
margin-left: 6px;
font-style: italic;
font-size: 0.9rem; }
.widget-wrap {
margin-bottom: 70px;
padding-left: 60px; }
.widget-wrap:before {
content: '';
position: absolute;
bottom: -30px;
left: 60px;
width: 50px;
height: 6px;
background: #292929; }
.widget-title span {
text-align: left;
font-size: 2.25rem;
text-transform: uppercase;
float: left;
padding-right: 30px;
position: relative;
top: -14px;
font-weight: bold;
font-family: 'Montserrat', sans-serif; }
.widget-title {
text-align: right;
padding-top: 10px;
font-weight: bold;
margin-bottom: 15px;
display: inline-block;
width: 100%;
position: relative;
font-size: 1.3rem;
z-index: 0; }
.widget-title:before {
content: "";
position: absolute;
left: 80px;
right: 2em;
height: 1px;
background: #eee;
top: 1.4em;
z-index: -1; }
.footer-header span.wid-tit,
.widget-title span.wid-tit {
font-size: 1em;
float: none;
padding-right: 0;
top: 0;
text-transform: none; }
.widget-title span.wid-tit {
background: #f9f9f9;
padding-left: 15px; }
.footer-header span.wid-tit {
background: #fff;
padding-left: 15px; }
.balkon-dark .footer-header span.wid-tit {
background: #292929; }
.balkon-dark .footer-widgets-row {
color: #fff; }
.search-no-results .search-form .search-field,
.widget_search .search-form .search-field,
.searh-inner input {
background-color: #f1f1f1;
height: 55px;
padding: 0 20px;
width: 70%;
border: none;
font-size: 1rem;
font-weight: bold; }
.password-submit,
.search-submit {
width: 30%;
height: 55px;
float: right;
background: #292929;
color: #fff;
font-weight: bold;
border: none;
font-size: 0.85rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
cursor: pointer; }
.about-widget img {
width: 100%;
height: auto;
margin-bottom: 30px; }
.about-widget .signature {
width: 50%;
float: right; }
.widget-posts li {
padding: 15px 10px;
border-right: 1px solid #eee;
margin-bottom: 8px;
background: #f9f9f9; }
.widget-posts-img {
float: left;
width: 30%; }
.widget-comments-img img {
border-radius: 100%; }
.widget-posts-descr {
float: left;
width: 70%;
padding-left: 20px;
text-align: left; }
.widget-posts-descr a {
color: #292929;
font-weight: 800;
padding-bottom: 20px; }
.widget-posts-date {
float: left;
width: 100%;
margin-top: 10px;
color: #999; }
.widget-posts-date a {
color: #999;
font-weight: normal; }
.widget-wrap .tagcloud li {
display: inline-block;
margin-bottom: 4px; }
.widget-wrap .tagcloud li a {
display: block;
text-align: center;
padding: 15px 30px;
margin-right: 2px;
color: #fff;
background: #292929;
font-weight: 800; }
.widget-wrap .tagcloud li a:hover {
color: #ccc; }
.jr-insta-thumb {
width: 100%; }
.jr-insta-thumb ul {
list-style: none;
padding-left: 0px; }
.jr-insta-thumb li {
float: left;
width: 33.3%;
padding: 5px;
overflow: hidden; }
.jr-insta-thumb li img {
width: 100%;
height: auto; }
.jr-insta-thumb li a {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.jr-insta-thumb li a:hover {
opacity: 0.6; }
.grid-cols-1 .jr-insta-thumb li {
width: 100%; }
.grid-cols-2 .jr-insta-thumb li {
width: 50%; }
.grid-cols-4 .jr-insta-thumb li {
width: 25%; }
.grid-cols-5 .jr-insta-thumb li {
width: 20%; }
.widget_tag_cloud ul,
.balkon_recent_posts ul,
.widget_rss ul, .widget_pages ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_archive ul, .widget_meta ul, .widget_categories ul, ul.product-categories, ul.cat {
list-style: none;
padding-left: 0px; }
.widget_archive ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_nav_menu ul ul {
padding-left: 20px; }
.widget_archive ul ul,
.widget_categories ul ul {
padding-top: 15px;
margin-top: 8px; }
.widget_archive li,
.widget_categories li {
width: 100%;
padding-bottom: 8px;
margin-bottom: 15px;
text-align: left;
position: relative; }
.widget_archive li:last-child,
.widget_categories li:last-child {
padding-bottom: 0; }
.widget_archive li:before,
.widget_categories li:before {
content: '';
position: absolute;
width: 100px;
height: 1px;
background: #eee;
left: 50%;
margin-left: -25px;
top: 1.4em; }
.widget_archive li a,
.widget_categories li a {
color: #292929;
font-weight: 800;
width: 100%; }
.widget_archive li span,
.widget_categories li span {
float: right; }
.widget_archive li a,
.widget_categories a, .tagcloud li a {
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.post-author {
margin-bottom: 40px;
margin-top: 10px;
border-bottom: 1px solid #eee;
padding: 20px 0; }
.author-img {
float: left;
width: 15%; }
.author-content {
float: left;
width: 85%;
padding-left: 10px; }
.author-img img {
border-radius: 100%;
float: left; }
.author-content h5 {
font-size: 1.15rem;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 14px;
color: #000;
display: block;
float: left;
font-weight: 500; }
.author-content p {
margin-bottom: 8px;
float: left;
width: 100%; }
.author-social {
float: right;
background: #fff;
position: relative; }
.author-social ul {
list-style: none;
text-align: center;
padding-left: 0px; }
.author-social:before {
content: '';
position: absolute;
right: 100%;
margin-right: 50px;
top: 50%;
width: 150px;
height: 1px;
background: #eee; }
.author-social li {
float: left;
position: relative;
background: #fff;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee; }
.author-social li:first-child {
border-left: 1px solid #eee; }
.author-social li:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 50px;
background: #eee; }
.author-social li a {
color: #999;
width: 50px;
height: 50px;
line-height: 50px;
display: block; }
#comments {
text-align: left;
padding-top: 10px;
float: left;
width: 100%;
margin-top: 30px; }
#comments.single-post-comm {
margin-top: 0;
padding-top: 0; }
#comments-title, #reply-title {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
margin-bottom: 5px;
font-size: 1.3rem;
text-transform: uppercase;
font-weight: bold;
color: #666; }
.commentlist {
list-style: none;
padding-left: 0px; }
.comment {
width: 100%; }
.comment.alt,
.pingback.alt {
margin-top: 0px !important; }
.comment-body {
position: relative;
margin-left: 70px;
padding-top: 30px; }
.pingback .comment-body {
margin-left: 0; }
.comment-author {
position: absolute;
top: 30px;
left: -66px; }
.comment-author img {
border-radius: 100%; }
.comment .children {
margin-left: 70px;
list-style: none;
padding: 0px; }
.fn {
display: block;
margin-bottom: 10px; }
.comment-meta, .comment-meta a {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
letter-spacing: 1px;
color: #494949;
padding-bottom: 10px; }
#respond {
margin-top: 40px; }
#reply-title {
padding-bottom: 30px;
margin-bottom: 5px; }
.comment-notes {
margin-top: 10px;
color: #a4a4a3; }
.control-group label, .control-group .controls {
display: inline-block; }
.control-group label {
margin-left: 10px;
font-weight: 600; }
.control-group .controls input {
margin-top: 15px;
border: none;
outline: none;
height: 35px;
background: #f9f9f9;
padding-left: 15px;
color: #a4a4a3;
text-decoration: none;
border: none;
border-radius: 0; }
.control-group .controls textarea {
margin-top: 15px;
border: none;
outline: none;
height: 180px;
max-width: 600px;
background: #f9f9f9;
padding-left: 15px;
padding-top: 15px;
color: #a4a4a3;
resize: vertical;
text-decoration: none;
border: none;
border-radius: 0; }
.controls button {
margin-top: 30px; }
.fixed-bar:before {
content: '';
position: absolute;
width: 1000px;
left: 30px;
top: -50px;
bottom: -50px;
background: #f9f9f9; }
.no-fixbar {
position: relative !important; }
.blog-filters span {
float: left;
margin-right: 25px;
position: relative;
top: 12px;
font-weight: 800; }
.blog-btn-filter {
float: left;
margin-right: 15px;
position: relative; }
.blog-btn-filter ul {
display: none;
position: absolute;
top: 50px;
padding: 15px 20px;
background: #292929; }
.blog-btn-filter ul li {
float: left;
min-width: 150px;
width: 100%;
padding: 10px 0;
text-align: left; }
.blog-btn-filter ul li a {
color: #fff; }
.blog-filters-wrap {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
padding: 15px 0;
margin-bottom: 50px;
z-index: 100; }
.blog-btn {
float: left;
padding: 10px 50px 10px 20px;
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 4px;
position: relative;
cursor: pointer; }
.blog-btn i {
position: absolute;
top: 12px;
right: 8px; }
.cat-list {
float: left;
width: 100%;
list-style: none;
margin: 2px 0 6px; }
.cat-list li {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
margin-right: 18px;
position: relative; }
.cat-list li:before {
content: '/';
position: absolute;
right: -12px;
top: -1pxpx;
color: #000; }
.cat-list li:last-child:before {
display: none; }
.cat-list li a {
color: #999; } .content-none p {
margin-bottom: 15px; }
.notfound-title {
color: #000;
font-size: 3em;
font-weight: 900;
position: relative;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
.password-wrap,
.error-wrap {
position: relative;
width: 100%;
top: 30%;
left: 0;
z-index: 6;
text-align: center; }
.protected-text,
.error-wrap .error-text,
.error-wrap h2 {
color: #000;
font-size: 12rem;
font-weight: 900;
position: relative;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
.protected-text {
font-size: 2rem;
font-weight: bold; }
.error-wrap .btn {
float: none;
display: inline-table; }
.error-wrap .error-text:before,
.error-wrap h2:before {
content: '';
position: absolute;
bottom: 3px;
left: 50%;
width: 50px;
height: 4px;
margin-left: -25px;
background: #000; }
.error-wrap p {
font-size: 1.4rem;
text-align: center; }
.password-wrap p,
.password-wrap label {
font-size: 1.4rem;
padding-bottom: 10px;
display: block; }
.password-input-wrap {
max-width: 80%;
width: 300px;
margin: 0 auto; }
.password-input-wrap .password-input {
width: 75%;
font-size: 1rem;
line-height: 1;
padding: 15px 30px;
background: #e4e4e4; }
.password-submit {
float: right;
width: 25%;
margin-top: 0;
height: 45px; } .to-top,
.show-share-wrap,
.share-container,
.show-search,
.footer-social,
.sw-button,
.gallery-popup,
.popup-image,
.swiper-button-next,
.swiper-button-prev,
.lg-icon,
.folio-para-view-all {
text-align: center; }
.disa-zoom .gallery-popup {
display: none; }
.gallery_disabled .popup-image {
display: none; }
.foli-man-style1 .grid-item h3 {
padding-right: 50px; } .landing-wrapper {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
padding-left: 300px; }
.landing-wrapper .logo-holder {
position: fixed;
top: 0;
left: 0;
width: 300px;
height: 100%;
z-index: 10;
padding-left: 75px;
float: none;
padding-top: 0px; }
.landing-wrapper .logo-container {
width: 200px;
position: relative; }
.landing-wrapper .logo-wrap {
width: 100%;
position: relative;
top: 50%; }
.landing-wrapper .logo-container img {
width: 100%;
height: auto !important;
float: none; }
.landing-wrapper .logo-text {
width: 100%;
margin-top: 50px; }
.landing-wrapper .logo-text .btn {
margin-top: 40px; }
.landing-wrapper .logo-text h2 {
position: relative;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
font-family: 'Montserrat', sans-serif;
text-align: left;
-webkit-transition: all 400ms linear;
transition: all 400ms linear; }
.landing-wrapper .logo-text h2:before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 70px;
height: 6px;
background: #000; }
.landing-wrapper .content-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 300px;
padding: 0 50px;
z-index: 1;
overflow-y: scroll; }
.landing-wrapper .demo-list, .landing-wrapper .demo-links-wrap, .landing-wrapper .demo-links-header {
width: 100%;
position: relative;
display: inline-block; }
.landing-wrapper .demo-list {
padding: 150px 0; }
.landing-wrapper .demo-list ul {
list-style: none;
padding-left: 0px;
margin-left: -10px;
margin-right: -10px; }
.landing-wrapper .demo-list li {
float: left;
width: 33.3%;
position: relative;
padding: 10px; }
.landing-wrapper .demo-list li img {
width: 100%;
height: auto; }
.landing-wrapper .demo-links-wrap {
background: #fff;
-webkit-box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
box-shadow: 0 0 65px rgba(0, 0, 0, 0.07); }
.landing-wrapper .demo-links-wrap a {
float: left;
width: 50%;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
padding: 20px 0;
text-transform: uppercase;
font-size: 0.85rem;
text-align: center;
position: relative; }
.landing-wrapper .demo-links-wrap a:hover {
opacity: 0.6; }
.landing-wrapper .demo-links-wrap a:first-child {
border-right: 1px solid #eee; }
.landing-wrapper .demo-list h3 {
width: 100%;
text-align: left;
padding-bottom: 60px;
font-family: 'Montserrat', sans-serif;
font-size: 2rem;
position: relative;
text-transform: uppercase;
font-weight: bold;
-webkit-transition: all 400ms linear;
transition: all 400ms linear; }
.landing-wrapper .demo-list h3:before {
content: '';
position: absolute;
bottom: 25px;
left: 0;
width: 70px;
height: 6px;
background: #292929; }
.landing-wrapper .demo-links-header {
background: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
text-align: left;
text-transform: uppercase;
padding: 15px 20px; }
.landing-wrapper .demo-list.black-bg .demo-links-wrap, .landing-wrapper .demo-list.black-bg .demo-links-header {
background: #292929; }
.landing-wrapper .demo-list.black-bg .demo-links-header, .landing-wrapper .demo-list.black-bg .demo-links-wrap a {
color: #fff; }
.landing-wrapper .demo-list.black-bg .demo-links-wrap a:first-child {
border-color: rgba(255, 255, 255, 0.21); }
.landing-wrapper .logo-vis {
position: relative;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.landing-wrapper .logo-notvis {
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
opacity: 0; }
.landing-wrapper .partcile-dec {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
color: #000;
opacity: 0.6;
-webkit-transition: all 400ms linear;
transition: all 400ms linear; }
body.black-bg {
background: #212121; }
body.black-bg .landing-wrapper .demo-list h3, body.black-bg .landing-wrapper .logo-text h2 {
color: #fff; }
body.black-bg .landing-wrapper .demo-list h3:before, body.black-bg .landing-wrapper .logo-text h2:before {
background: #fff; }
body.black-bg .landing-wrapper img.logo-vis {
opacity: 0; }
body.black-bg .landing-wrapper img.logo-notvis {
opacity: 1; }
body.black-bg .landing-wrapper .partcile-dec {
opacity: 0.2; }
@media only screen and (max-width: 1064px) {
.landing-wrapper {
padding-left: 0; }
.landing-wrapper .logo-holder, .landing-wrapper .content-wrap {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 10;
float: left;
padding: 50px; }
.landing-wrapper .content-wrap {
padding: 0 50px; }
.landing-wrapper .demo-list {
padding: 50px 0; }
.landing-wrapper .logo-wrap {
float: none;
max-width: 1224px;
width: 92%;
margin: 0 auto;
position: relative;
top: 50px;
margin-top: 0 !important; } }
@media only screen and (max-width: 764px) {
.landing-wrapper .demo-list li {
width: 50%; }
.landing-wrapper .content-wrap {
padding: 0 30px; }
.landing-wrapper .demo-list {
padding: 30px 0; }
.landing-wrapper .logo-holder {
padding: 30px 40px; }
.landing-wrapper .logo-wrap {
top: 20px; } }
@media only screen and (max-width: 540px) {
.landing-wrapper .demo-list li {
width: 100%; } } @media only screen and (max-width: 1224px) {
.fixed-filter-wrap {
float: left;
position: relative;
width: 100%;
padding: 50px 30px 30px;
top: 0;
margin-bottom: 20px; }
.column-content {
padding-right: 0; } }
@media only screen and (max-width: 1064px) {
header.main-header {
padding: 0 0 0 30px; }
.logo-holder {
padding-top: 24px; }
.logo-holder img {
height: 20px !important; }
.nav-button-wrap {
display: block; }
.nav-holder, .main-footer, .fixed-bar:before, .sroll-nav-wrap, .hero-item:before, .nav-holder nav li a:before, .header-info, .height-emulator {
display: none; }
.content-holder, .content-footer, .fixed-search {
left: 0; }
.footer-inner {
margin: inherit;
float: left;
width: 100%;
padding: 90px 50px 70px 50px; }
.slide-progress-container {
right: 50%;
left: 50px; }
.pr-title {
width: 100%;
margin-bottom: 50px; }
.cus-inner-title {
margin-bottom: 20px; }
.grid-sizer, .gallery-item {
width: 50% !important; }
.gallery-item-full, .grid-sizer-second, .gallery-item-second, .grid-sizer-three, .gallery-item-three {
width: 100% !important; }
.blog-sidebar {
margin-top: 40px; }
.widget-wrap {
padding-left: 0; }
.widget-wrap:before {
left: 0; }
.footer-header {
margin-top: 25px; }
.small-sec-title {
margin-bottom: 20px; }
.section-title h2, .hero-item h2 {
font-size: 3.5rem !important;
line-height: 1.25 !important; }
.order-item .btn {
margin-top: 70px; }
.nav-holder {
position: absolute;
top: 70px;
right: 0;
width: 260px;
background: #fff;
padding: 30px;
display: none;
margin-right: 0;
overflow: auto;
height: 250px;
-webkit-box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
box-shadow: 0 0 65px rgba(0, 0, 0, 0.07); }
.nav-holder nav {
width: 100%;
float: left; }
.nav-holder nav ul li, .nav-holder nav ul li ul li, .nav-holder nav li ul li > ul {
float: left;
width: 100%;
text-align: left;
left: 0;
opacity: 1;
right: 0;
height: auto;
margin-left: 0; }
.nav-holder nav ul li {
padding: 10px 0; }
.nav-holder nav ul li.lidec:before {
position: absolute;
right: 10px;
width: 10px;
height: 10px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "\f107";
font-size: 1.15rem;
top: 10px; }
.nav-holder nav li ul {
margin: 0;
padding-left: 20px;
opacity: 1;
visibility: hidden;
position: relative;
width: 100%;
display: none;
top: 0;
left: 0;
z-index: 1;
background: none;
float: left;
width: 100%;
border-bottom: 1px solid #eee; }
.nav-holder nav li a, .nav-holder nav li ul li a {
padding: 0;
width: auto;
color: #000; }
.nav-holder nav li ul li ul {
margin: 0;
padding-left: 20px;
padding-top: 15px;
padding-bottom: 0;
opacity: 1;
position: relative;
display: block;
visibility: visible;
top: 0;
left: 0;
z-index: 1;
float: left;
width: 100%;
border: none; }
.nav-holder nav li > ul.visul {
display: block;
left: 0; }
.parallax-text {
float: left;
position: relative;
top: inherit;
left: inherit !important;
right: inherit !important;
width: 100%;
margin-top: 50px;
text-align: left; }
.hero-item {
padding: 0 50px; }
.section-container .box-item {
margin-top: 50px; }
.testilider {
margin-top: 50px; }
.testi-item h3 {
padding-bottom: 20px; }
section.header-section .testi-item p {
margin-top: 20px; }
section.parallax-section .pr-title {
padding-left: 70px; }
section.parallax-section .pr-title:after {
left: 70px; }
.custom-inner-holder {
margin-top: 30px; }
.resumes-list-holder {
margin-top: 30px; }
.sb-overlay {
left: 0; }
footer.content-footer {
position: relative;
float: left;
width: 100%; }
.nav-holder nav li a:hover, .nav-holder nav li ul li a:hover, nav.asl li a.act-scrlink {
color: #404040; } }
@media only screen and (max-width: 768px) {
.team-holder li {
width: 100%; }
section.header-section .bg, section.header-section .overlay {
width: 100%; }
section.header-section .overlay, section.parallax-section .overlay.op1 {
opacity: 0.4; }
section.parallax-section {
padding: 150px 0; }
.inline-filter .gallery-filters {
width: 100%;
padding: 20px 0; }
.inline-filter .gallery-filters a {
width: 100%;
margin-right: 0;
text-align: left;
margin-bottom: 15px;
padding-left: 0; }
.bold-filter.inline-filter .count-folio {
margin-left: 0;
padding: 15px 0;
top: -3px; }
.bold-filter.inline-filter .gallery-filters a:before, .bold-filter.inline-filter .count-folio:before, .inline-facts:nth-child(2):before {
display: none; }
.bold-filter {
margin-top: 0;
margin-bottom: 50px; }
.inline-facts {
width: 50%; }
.menufilter {
position: absolute;
right: 0;
width: 120px;
background: #fff;
top: 70px; }
.hid-filter {
right: 0;
width: 120px;
top: 70px; } }
@media only screen and (max-width: 540px) {
.grid-sizer, .gallery-item {
width: 100% !important; }
.clients-list li {
width: 50%; }
.subcribe-form span {
display: none; }
.subcribe-form {
padding-left: 0; }
.section-title h2, .hero-item h2 {
font-size: 2.8rem !important;
line-height: 1.3 !important; }
.slide-progress-container, .partcile-dec {
display: none; }
.inline-facts {
width: 100%; }
.inline-facts:before {
display: none; }
.sidebar-menu {
width: 280px; }
.social-wrap {
border: none !important; }
.social-wrap ul li {
width: 100%;
border: 1px solid #eee;
padding-left: 0px; }
.social-wrap ul li + li {
border-top: 0px; }
.comment .children {
margin-left: 30px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg {
background-attachment: scroll !important;
-webkit-background-size: cover;
background-position: center; } }