*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset,
img {
border: 0
}
address,
caption,
cite,
code,
dfn,
th,
var {
font-style: normal;
font-weight: normal
}
address {
font-style: italic;
}
caption,
th {
text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
q:before,
q:after {
content: '';
}
strong,
b {
font-weight: bold;
}
em,
cite {
font-style: italic;
}
cite {
display: block;
}
strike,
del {
text-decoration: line-through;
}
sup {
font-size: 11px;
position: relative;
vertical-align: top;
top: 5px;
}
sub {
bottom: 5px;
font-size: 11px;
position: relative;
vertical-align: bottom;
}
.italic {
font-style: italic;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
.no-margin {
margin: 0px !important;
}
.no-bottom {
margin-bottom: 0px;
}
.no-padding {
padding: 0px;
}
.column-clear {
clear: both;
}
.wp-caption {
max-width: 100%;
margin-bottom: 24px;
}
.sticky {
position: relative;
}
.wp-caption-text,
.gallery-caption {
color: #999999;
font-size: 12px;
text-align: center;
margin-top: 24px;
font-style: italic;
font-weight: 300;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.bypostauthor .comment-body {
margin-bottom: 48px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 1em 1.5em;
font-size: 0.8em;
line-height: normal;
color: #21759b;
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
text-decoration: none;
z-index: 100000; }
.alignright {
float: right;
margin: 3px 0 0 10px;
}
.alignleft {
float: left;
margin: 3px 10px 0 0;
}
.aligncenter {
text-align: center;
margin: 16px auto;
}
hr {
margin-top: 24px;
margin-bottom: 24px;
border: 0;
border-top: 1px solid #eee;
}
pre,
code {
background: #f0f0f0;
color: #333333;
font-family: "Courier New", Courier, monospace;
padding: 8px 16px;
border: none;
margin-bottom: 24px;
overflow: auto;
border-radius: 0;
font-size: 13px;
}
pre {
margin-bottom: 24px;
overflow: auto;
padding: 24px;
white-space: pre-wrap;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
* {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html {
-webkit-font-smoothing: antialiased;
}
body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
text-rendering: optimizeLegibility;
background: #ffffff;
color: #151515;
font-size: 18px;
line-height: 1.7;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #151515;
font-weight: 400;
line-height: 1.4em;
}
h1 {
font-size: 54px;
line-height: 1.2em;
}
h2 {
font-size: 48px;
line-height: 1.2em;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 32px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 18px;
}
a {
color: #151515;
border-bottom: 1px solid #151515;
}
a:hover {
color: #151515;
text-decoration: none;
border: none;
}
a:active,
a:focus {
outline: none;
text-decoration: none;
}
ul,
ol {
margin: 0 0 18px 24px;
}
.alignc {
text-align: center;
}
.alignr {
text-align: right;
}
.none {
display: none;
}
blockquote {
font-size: 24px;
line-height: 1.6em;
text-align: center;
font-style: italic;
color: #151515;
position: relative;
border: none;
margin: 42px 0;
padding-left: 32px;
}
blockquote:before {
display: block;
font-family: "FontAwesome";
content: "\f10d";
line-height: 1;
font-size: 24px;
font-style: normal;
font-weight: 300;
position: absolute;
left: 0;
top: 0px;
}
blockquote cite {
color: #999999;
font-size: 12px;
font-style: normal;
font-weight: 300;
text-transform: uppercase;
margin-top: 24px;
}
p,
ul,
ol {
margin-bottom: 24px;
}
div p:last-of-type {
margin-bottom: 0;
}
.padding-tb54 {
padding-top: 54px;
padding-bottom: 54px;
}
.padding-tb32 {
padding-top: 32px;
padding-bottom: 32px;
}
.padding-tb24 {
padding-top: 24px;
padding-bottom: 24px;
}
.margin-tb54 {
margin: 54px 0;
}
.margin-t54 {
margin-top: 54px;
}
.margin-t36 {
margin-top: 36px;
}
.margin-t32 {
margin-top: 32px;
}
.margin-t24 {
margin-top: 24px;
}
.margin-b54 {
margin-bottom: 54px;
}
.margin-b36 {
margin-bottom: 36px;
}
.margin-b32 {
margin-bottom: 32px;
}
.margin-b24 {
margin-bottom: 24px;
}
.img-center {
margin: 0 auto;
} dl dt {
margin-bottom: 0;
}
dl dd {
margin-left: 18px;
margin-bottom: 24px;
} table {
border: 1px solid #e5e5e5;
font-size: 16px;
text-align: center;
margin-bottom: 24px;
border-collapse: collapse;
width: 100%;
}
table caption {
margin-bottom: 24px;
text-align: center;
}
table th,
table td {
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
text-align: center;
padding: 12px;
}
table th {
font-weight: bold;
}
a,
.gallery-item .gallery-item-img:before,
.gallery-item h2,
.gallery-item .gallery-item-subtitle,
.zigzag-img-holder .gallery-item-zigzag-img:before,
#submit,
.wpcf7-submit,
.faq-title,
.post-password-form input[type="submit"] {
-webkit-backface-visibility: hidden;
-webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
} .headerHolder {
background: #ffffff;
z-index: 100;
position: relative;
}
.home .blog-holder {
padding-top: 72px;
}
.navbar {
text-align: left;
margin-bottom: 0;
padding: 12px 25px;
border: none;
border-radius: 0;
min-height: 0;
display: flex;
align-items: center;
}
.logo a{
border: none;
}
.logo-txt {
font-size: 42px;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 1;
}
.logo-txt a {
border-bottom: none;
}
.nav-holder {
flex: 2 1 auto;
text-align: right;
margin-right: 42px;
} .menu-nav {
font-size: 0;
margin: 0;
}
.menu-nav li {
display: inline-block;
position: relative;
margin-left: 42px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
}
.menu-nav li:first-child {
margin-left: 0px;
}
.menu-nav li a {
color: #151515;
padding: 14px 0;
border: none;
}
.menu-nav li a:hover,
.menu-nav li a:focus {
background: none;
}
.menu-nav > li:hover > a,
.menu-nav li.current-menu-item > a {
color: #151515;
}
.menu-nav > li.menu-item-has-children > a:after {
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
margin-left: 7px;
margin-right: 0;
}
.menu-nav ul {
display: block;
opacity: 0;
visibility: hidden;
margin: 0;
padding: 16px 0;
width: 225px;
position: absolute;
top: 36px;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
background: #151515;
z-index: 5;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-moz-transition: all 0.4s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-o-transition: all 0.4s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-ms-transition: all 0.4s cubic-bezier(0.25, 1, 0.35, 1) 0s;
transition: all 0.4s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}
.menu-nav ul li {
display: block;
background: none;
margin: 0;
text-transform: none;
letter-spacing: 2px;
line-height: 1.5;
}
.menu-nav ul li > a {
display: block;
padding: 8px 16px;
color: #ffffff;
}
.menu-nav ul li a:hover,
.menu-nav li:hover ul li a:hover {
text-decoration: none;
color: #ffffff;
}
.menu-nav ul li.current-menu-item > a {
color: #ffffff;
}
.menu-nav li:hover > ul {
opacity: 1;
visibility: visible;
display: block;
}
.menu-nav li ul ul {
left: 100%;
top: -16px;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}  .nav-button-holder {
display: none;
}
.nav-button {
background: none;
border: none;
cursor: pointer;
padding-bottom: 15px;
vertical-align: middle;
}
.icon-bar,
.icon-bar1,
.icon-bar2 {
display: block;
height: 2px;
width: 25px;
background: #1b253f;
margin-left: auto;
margin-right: auto;
position: relative;
}
.icon-bar1,
.icon-bar2 {
width: 18px;
}
.icon-bar:before,
.icon-bar:after {
background: #1b253f;
content: "";
height: 100%;
left: 4px;
position: absolute;
bottom: -6px;
right: 0;
}
.icon-bar:after {
bottom: -12px;
left: 8px;
top: auto;
}
.nav-button:hover .icon-bar:before,
.nav-button:hover .icon-bar:after {
left: 0;
}
.icon-bar,
.icon-bar1,
.icon-bar2,
.nav-button .icon-bar:before,
.nav-button .icon-bar:after {
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.menu-mobile {
font-size: 0;
margin: 0 auto;
margin-left: 0;
padding-left: 48px;
}
.menu-mobile li {
font-size: 14px;
font-weight: 700;
padding-top: 24px;
list-style: none;
letter-spacing: 2px;
text-transform: uppercase;
}
.menu-mobile li a {
color: #151515;
display: block;
line-height: 1.2;
border: none;
}
.menu-mobile li a:hover,
.menu-mobile li a:focus {
background: none;
}
.menu-mobile li:hover>a,
.menu-mobile li.current-menu-item>a {
color: #1b253f;
opacity: 0.6;
}
.menu-mobile>li.menu-item-has-children>a:after {
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
margin-left: 7px;
margin-right: 0;
font-size: 12px;
font-weight: 700;
vertical-align: middle;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.menu-mobile>li.menu-item-has-children.menu-open>a:after {
content: "\f106";
}
.menu-mobile ul {
margin-left: 0;
}
.menu-mobile>li>ul {
display: none;
}
.menu-mobile>li.menu-open>ul {
display: block;
margin-top: 12px;
}
.menu-mobile ul li {
font-size: 14px;
padding-top: 16px;
text-transform: none;
padding-left: 16px;
display: block;
}
.menu-contact {
margin-top: 81px;
padding-left: 48px;
font-size: 16px;
color: #1b253f;
opacity: 0.6;
}
.menu-contact ul {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
.mobile-phone {
margin-top: 8px;
}
.menu-contact .social-media {
margin-top: 24px;
padding-bottom: 48px;
}
.menu-contact .social-media li{
display: inline-block;
font-size: 14px;
margin-right: 8px;
}
.menu-contact .social-media li a{
border: none;
}  body.has-active-menu {
overflow: hidden;
}
.menu-mask {
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
}
.menu-mask.is-active {
width: 100%;
height: 100%;
opacity: 0.9;
}
.mobile-menu-holder {
position: fixed;
z-index: 1050;
top: 0;
right: 0;
overflow-x: hidden;
width: 350px;
height: 100%;
background: #f9f9f9;
opacity: 0;
padding: 0 30px;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-moz-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-o-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-ms-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}
.mobile-menu-holder.is-active {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.modal-menu-container {
position: relative;
}
.exit-mobile {
cursor: pointer;
padding: 7px 1px;
display: inline-block;
margin-top: 32px;
}
.icon-bar1 {
top: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.icon-bar2 {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
} .search-social ul,
.author-social {
list-style: none;
margin: 0;
font-size: 0;
margin-top: 14px;
}
.search-social ul{
margin-top: 0;
}
.search-social ul li,
.author-social li {
display: inline-block;
font-size: 14px;
margin-left: 14px;
}
.search-social ul li a,
.author-social li a {
color: #151515;
display: inline-block;
border: none;
}
.search-social ul li:first-child,
.author-social li:first-child {
margin-left: 0;
}
.navbar-toggle {
float: none;
margin: 0;
padding: 8px 0 0 0;
border-radius: 0;
}
.navbar-toggle .icon-bar {
background: #151515;
} #header-2 .logo-2 {
order: 3;
}
#header-2 .nav-holder {
order: 2;
text-align: left;
margin-right: 0;
margin-left: 42px;
}
#header-2 .search-social {
order: 1;
}  .inner-header-3 {
display: flex;
padding: 16px 25px;
position: relative;
}
.logo-3 a {
display: inline-block;
border: none;
}
.logo-3 {
flex: 1 1 auto;
}
body.has-active-menu {
overflow: hidden;
}
.nav-button-3 {
width: 25px;
text-align: right;
position: relative;
}
.nav-btn3 {
cursor: pointer;
background: none;
border: none;
width: 25px;
height: 25px;
line-height: 25px;
position: absolute;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-btn3 .icon-bar {
display: block;
height: 2px;
width: 15px;
background: #151515;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position: relative;
}
.nav-btn3 .icon-bar:before,
.nav-btn3 .icon-bar:after {
background: #151515;
content: "";
height: 100%;
left: 0;
position: absolute;
top: -5px;
-ms-transform-origin: 100% 50% 0;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.nav-btn3 .icon-bar:after {
bottom: -5px;
top: auto;
}
.nav-btn3.active .icon-bar {
background: none;
}
.nav-btn3.active .icon-bar:before {
left: -4px;
top: -6px;
-ms-transform: rotateZ(-45deg);
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
width: 120%;
}
.nav-btn3.active .icon-bar:after {
left: -4px;
top: 7px;
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
width: 120%;
}
#header-3.is-active .nav-btn3-3 {
right: 15px;
}
.mask-nav-3 {
position: fixed;
z-index: 100;
top: 0;
left: 0;
overflow-y: scroll;
width: 0;
height: 0;
background-color: #ffffff;
opacity: 0;
-webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
-ms-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}
.mask-nav-3.is-active {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.navbar-3 {
position: relative;
width: 50%;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#header-3.is-active {
background: none;
}
.menu-nav-3 {
margin-left: 0;
font-size: 0;
text-align: center;
list-style: none;
}
.menu-nav-3 li {
position: relative;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
}
.menu-nav-3 li a {
color: #151515;
padding: 0 0 14px 0;
display: inline-block;
border: none;
}
.menu-nav-3 li a:hover,
.menu-nav-3 li a:focus {
background: none;
}
.menu-nav-3>li:hover>a,
.menu-nav-3 li.current-menu-item>a {
color: #151515;
}
.menu-nav-3>li.menu-item-has-children>a:after {
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
margin-left: 7px;
margin-right: 0;
}
.menu-nav-3>li>ul {
display: none;
background: none;
left: auto;
position: relative;
top: auto;
width: auto;
text-align: center;
padding-bottom: 18px;
z-index: 5;
line-height: 1;
}
.menu-nav-3>li.menu-open>ul {
display: block;
}
.menu-nav-3 ul li {
font-size: 18px;
padding-top: 0px;
font-weight: 400;
text-transform: none;
letter-spacing: 1px;
display: inline-block;
}
.menu-nav-3 ul li>a {
display: block;
padding: 4px 8px;
}
.menu-nav-3 ul li a:hover,
.menu-nav-3 li:hover ul li a:hover {
color: #c5c5c5;
}
.menu-nav-3 ul>li:first-child>a {
padding-top: 4px;
}
.menu-nav-3 ul>li:last-child>a {
padding-bottom: 4px;
}
.social-header-3 {
list-style: none;
margin: 0;
font-size: 0;
text-align: center;
margin-top: 72px;
}
.social-header-3 li {
display: inline-block;
font-size: 14px;
margin-left: 14px;
}
.social-header-3 li a {
color: #151515;
display: inline-block;
border: none;
}
.social-header-3 li:first-child {
margin-left: 0;
}  .header-4 .logo-3 {
order: 2;
text-align: right;
}
.header-4 .nav-button-3 {
order: 1;
} .nav-fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
background: #ffffff;
margin-top: 0;
} .topSingleBkg {
display: block;
overflow: hidden;
position: relative;
margin-top: 32px;
text-align: center;
}
.topSingleBkgImg {
width: 100%;
height: 350px;
}
.post-subtitle {
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 6px;
}
.item-img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 100%;
position: relative;
width: 100%;
}
.item-img:before {
content: '';
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.inner-desc {
padding: 0 15px;
}
.topSingleBkgImg .inner-desc {
position: absolute;
z-index: 4;
text-align: center;
padding: 0 15px;
width: 100%;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.topSingleBkgImg,
.topSingleBkgImg h1 {
color: #ffffff;
}   .slider-container {
position: relative;
}
.slider-item-box-bkg {
height: 85vh;
}
.slider-img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 100%;
position: relative;
width: 100%;
}
.slider-img:before {
content: '';
background: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.slider-caption {
position: absolute;
left: 0;
top: 50%;
right: 0;
text-align: center;
padding: 0 56px;
z-index: 2;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider-caption{
color: #ffffff;
}
.slider-caption h1 {
font-size: 62px;
color: #ffffff;
margin-bottom: 24px;
}
.slider-btn a {
font-size: 12px;
letter-spacing: 2px;
font-weight: 400;
display: inline-block;
color: #151515;
background: #ffffff;
text-transform: uppercase;
padding: 12px 24px;
margin-top: 32px;
text-decoration: none;
border: none;
} .home2-intro {
padding-top: 100px;
}
.home2-intro .col-md-6 {
margin-top: 54px;
} .page-fullscreen{
padding-left: 25px;
padding-right: 25px;
}
.portfolio-holder{
margin-left: -10px;
margin-right: -10px;
}
.layout-portfolio {
margin-top: 54px;
}
.gallery-item {
float: left;
display: block;
overflow: hidden;
position: relative;
width: 33.33%;
margin: 0;
padding: 10px;
}
.gallery-item-img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 350px;
position: relative;
width: 100%;
}
.gallery-item-img:before,
.gallery-item-zigzag-img:before {
content: '';
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
}
.gallery-item-desc {
position: absolute;
z-index: 4;
text-align: center;
padding: 0 10px;
left: 10px;
right: 10px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.gallery-item-desc h2 {
font-weight: 700;
font-size: 32px;
color: #ffffff;
margin-bottom: 8px;
opacity: 0;
-ms-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
.gallery-item-subtitle {
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
opacity: 0;
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
.gallery-item:hover .gallery-item-img:before {
opacity: 1;
}
.gallery-item:hover h2,
.gallery-item:hover .gallery-item-subtitle {
opacity: 1;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
} .portfolio-1col .gallery-item {
width: 100%;
}
.portfolio-1col .gallery-item-desc {
width: 70%;
margin: 0 auto;
}  .portfolio-2cols .gallery-item {
width: 50%;
}  .portfolio-3cols .gallery-item {}  .portfolio-4cols .gallery-item {
width: 50%;
}
.portfolio-4cols .gallery-item-img {
height: 300px;
}  .gallery-item-zigzag {}
.zigzag-img-holder {
width: 50%;
height: 600px;
float: left;
overflow: hidden;
position: relative;
display: block;
}
.gallery-item-zigzag-img {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-item-zigzag-right .zigzag-img-holder {
float: right;
}
.zigzag-desc-holder {
float: left;
width: 50%;
height: 600px;
position: relative;
}
.gallery-item-zigzag-desc {
position: absolute;
z-index: 4;
text-align: center;
padding: 0 10px;
left: 0px;
right: 0px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.gallery-item-zigzag-desc .gallery-item-subtitle {
color: #151515;
opacity: 1;
margin-top: 16px;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.zigzag-img-holder:hover .gallery-item-zigzag-img:before {
opacity: 1;
}  .gallery-container {
margin-top: 54px;
}
.gallery-masonry{
margin-bottom: -30px;
}
.item-masonry{
margin-bottom: 30px;
}
.fs-gallery {
padding: 0 30px;
}
.fs-justify{
padding: 0 15px;
} .portfolio-filter {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 28px;
}
.portfolio-filter li {
display: inline-block;
margin: 0 16px 0 0;
}
.portfolio-filter li a{
color: #151515;
}
.portfolio-filter li a.current {
color: #ffffff;
border: 1px solid #151515;
background: #151515;
} .posts-holder {
padding-right: 35px;
}
.posts-holder-push-right {
float: right;
padding-right: 0;
padding-left: 35px;
}
.blog-item,
aside {
margin-top: 54px;
}
.article-title {
font-size: 48px;
text-align: center;
line-height: 1;
margin-bottom: 8px;
}
.article-title a {
color: #151515;
border: none;
}
.article-title a:hover {
color: #757575;
}
.post-meta {
margin: 0;
list-style: none;
margin-bottom: 24px;
text-align: center;
}
.post-meta li {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
margin-right: 8px;
letter-spacing: 1px;
}
.post-meta li:last-child {
margin-right: 0;
}
.post-meta li.meta-category a:hover {
border-bottom: 1px solid #ffffff;
}
.meta-sticky{
background: #151515;
color: #fff;
padding: 3px 8px;
}
.post-holder-all {
margin-top: 24px;
}
.more-btn {
text-align: center;
}
.blog-item-1col .post-image {
text-align: center;
} .blog-item-2col-grid .article-title {
font-size: 32px;
}
.blog-item-2col-grid .view-more {
padding: 10px 18px;
}
.content-grid {
margin-top: 24px;
}  .blog-item-1col-list .post-image {
width: 40%;
height: 300px;
float: left;
overflow: hidden;
}
.blog-item .list-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.blog-item-1col-list .post-holder {
width: 60%;
float: left;
padding-left: 24px;
margin-top: 0;
}
.blog-item-1col-list .article-title {
font-size: 32px;
}
.blog-item-1col-list .view-more {
padding: 10px 18px;
margin-top: 24px;
}
.blog-item-1col-list .post-holder-noimg {
width: 100%;
float: none;
padding: 0;
text-align: center;
}  .blog-post-single aside,
.single-post-holder {
margin-top: 8px;
}
.blog-post-single {
margin-top: 54px;
}
.single-post-title {
font-weight: 700;
font-size: 54px;
}
.single-post-holder .single-post-title {
text-align: center;
margin-bottom: 16px;
line-height: 1;
}
.single-post-holder .post-image {
margin-bottom: 24px;
}
.author-single-page {
margin-top: 72px;
}
.author-avatar {
display: block;
float: left;
}
.author-avatar img {
border-radius: 99em;
}
.author-content {
margin-left: 130px;
}
.author-single-page h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
.author-single-page h4 a {
color: #151515;
border: none;
}
.author-single-page h4 a:hover {
color: #151515;
text-decoration: underline;
}
.meta-nav-holder {
margin-top: 72px;
}
.meta-nav {
padding: 0 16px;
}
.meta-nav h4 {
font-size: 24px;
letter-spacing: 2px;
margin-bottom: 8px;
font-style: italic;
}
.meta-nav-right {
text-align: right;
}
.single-subtitle,
.comment-reply-title {
font-size: 24px;
letter-spacing: 2px;
margin-bottom: 8px;
font-style: italic;
margin-top: 54px;
}
.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
margin-bottom: 12px;
} .comm-field,
.contact-field,
#msg-contact {
width: 100%;
padding: 10px;
border: 1px solid #e5e5e5;
margin-top: 21px;
}
.post-password-form label input {
padding: 7px;
border: 1px solid #e5e5e5;
}
.contact-btn,
.form-submit {
text-align: right;
}
.form-submit {
margin-bottom: 0px;
}
.comm-title-2 .section-title {
margin-top: 24px;
}
.output2 {
margin-top: 24px;
border: 1px solid #ff0000;
padding: 7px;
color: #ff0000;
}
.antispam {
display: none;
}
.contact-field {
margin-bottom: 24px;
}
#submit {
padding: 10px 24px;
}
.submit {
margin-top: 24px;
}
.comm-send {
margin-top: 35px;
} .commentlist {
margin: 0;
}
.commentlist > li {
list-style: none;
margin: 0;
margin-top: 32px;
}
.commentlist > li ul.children li {
list-style: none;
}
.children li.depth-2 {
margin: 0 0 0 72px;
}
.children li.depth-3 {
margin: 0 0 0 72px;
}
.children li.depth-4 {
margin: 0 0 0 72px;
}
.children li.depth-5 {
margin: 0 0 0 72px;
}
.children li.depth-6 {
margin: 0 0 0 72px;
}
.children li.depth-7 {
margin: 0 0 0 72px;
}
.children li.depth-8 {
margin: 0 0 0 72px;
}
.children li.depth-9 {
margin: 0 0 0 72px;
}
.children li.depth-10 {
margin: 0 0 0 72px;
}
.comment-body {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #f2f2f2;
}
.comment-details {
position: relative;
margin-left: 72px
}
.comment-avatar {
position: absolute;
left: -72px;
top: 0
}
.comment-avatar img {
display: block;
border-radius: 50%;
}
.comment-right {}
.comment-author .author a,
.comment-author .author a:visited {
border: none;
}
.comment-author span,
.comment-author .author a {
color: #151515;
font-size: 18px;
font-weight: 700;
margin-right: 10px;
font-style: normal;
}
.comment-author .author a:hover {}
.comment-content p:last-child {
margin: 0;
}
.comment-date {
font-size: 12px;
font-weight: normal;
font-style: italic;
margin-bottom: 7px;
color: #999999;
}
.reply {
text-align: right;
margin-top: 7px;
}
.comment-reply-link {
margin-top: 8px;
text-decoration: none;
font-size: 14px;
font-style: italic;
letter-spacing: 1px;
color: #151515;
text-align: center;
}
.comment-reply-link:hover {
border: none;
text-decoration: none;
}
#cancel-comment-reply-link {
font-size: 12px;
}
.commentlist .children {
margin: 0;
}
#comments_wrap {
margin-top: 16px;
}
#cancel-comment-reply {
float: right;
margin-top: 14px;
}
.comment-reply-title small {
display: block;
margin-bottom: 7px;
}
.children #commentform textarea {
width: 95.6%;
}
.pingback .comment-details {
margin-left: 0;
}
.pingback .comment-avatar {
display: none;
}
input::-ms-clear {
display: none;
}
@-ms-viewport {
width: auto;
}   aside ul,
footer ul {
margin: 0;
padding: 0;
list-style: none;
}
aside>ul>li {
margin-top: 42px;
}
aside>ul>li:first-child {
margin-top: 0;
}
.widgettitle {
color: #151515;
letter-spacing: 2px;
margin-bottom: 24px;
font-style: italic;
text-align: center;
}
aside .instagram-pics,
footer .instagram-pics {
text-align: center;
}
aside .instagram-pics li,
footer .instagram-pics li {
display: inline-block;
margin: 0px 7px 7px 0px;
}
aside .instagram-pics li img,
footer .instagram-pics li img {
width: 80px;
height: 80px;
}
.textwidget img {
display: block;
height: auto;
max-width: 100%;
}
.textwidget select {
width: 100%;
}
.search-string {
padding: 12px;
width: 100%;
border: 1px solid #e0e0e0;
}
.tagcloud a,
.tags-single-page a {
display: inline-block;
font-size: 13px !important;
color: #151515;
border: 1px solid #e0e0e0;
padding: 3px 12px;
text-align: center;
margin: 0 3px 7px 0;
}
.tagcloud a:hover,
.tags-single-page a:hover {
background: #151515;
border-color: #151515;
color: #ffffff;
text-decoration: none;
}
.tags-single-page {
margin-top: 32px;
}
.widget ul li,
.widget_recent_entries li,
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_recent_comments li,
.widget_rss li,
.widget_nav_menu li{
margin-bottom: 16px;
line-height: 1.4;
}
.widget_categories ul.children,
.widget_pages ul.children,
.widget_nav_menu .sub-menu {
padding-top: 16px;
margin-left: 16px;
}
.widget_categories ul.children li,
.widget_pages ul.children li,
.widget_nav_menu .sub-menu li {
border: none;
padding-bottom: 0;
}
.widget_recent_entries li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_pages li:last-child,
.widget_meta li:last-child,
.widget_recent_comments li:last-child,
.widget_rss li:last-child,
.widget_nav_menu li:last-child {
margin-bottom: 0;
}  footer {
background: #ffffff;
margin-top: 0px;
padding: 108px 0 54px 0;
}
#footer-instagram {
width: 50%;
position: relative;
margin: 108px auto 0 auto;
text-align: center;
}
#footer-instagram .instagram-pics {
margin: 0;
}
#footer-instagram .instagram-pics li {
display: inline-block;
margin: 0;
width: 25%;
}
#footer-instagram .instagram-pics li img {
max-width: 100%;
width: auto;
height: auto;
}
#footer-instagram .instagram-pics li img:hover {
opacity: 0.9;
}
#footer-instagram .clear {
bottom: 0;
font-size: 12px;
left: 0;
letter-spacing: 2px;
line-height: 1.1;
position: absolute;
right: 0;
}
#footer-instagram .clear a {
background: rgba(0, 0, 0, 0.5);
border: medium none;
color: #ffffff;
display: inline-block;
padding: 5px 14px;
}
.foo-block {
text-align: center;
font-size: 16px;
}
.foo-block .widget {
margin-bottom: 36px;
}
.footer-social {
list-style: none;
margin: 0;
margin-top: 24px;
text-align: center;
}
.footer-social li {
display: inline-block;
font-size: 24px;
margin-left: 14px;
}
.footer-social li a {
color: #151515;
display: inline-block;
border: none;
}
.footer-social li:first-child {
margin-left: 0;
}
.copyright {
text-align: center;
font-size: 14px;
font-weight: 300;
letter-spacing: 2px;
margin-top: 16px;
} .custom-page-template {
margin-top: 54px;
}
.single-post-content img,
.custom-page-template img {
display: block;
height: auto;
max-width: 100%;
}
.view-more,
#submit,
.wpcf7-submit,
.elementor-button {
font-size: 12px;
letter-spacing: 2px;
font-weight: 400;
display: inline-block;
color: #151515;
border: 1px solid #e0e0e0;
text-transform: uppercase;
padding: 12px 24px;
margin-top: 24px;
background: none;
}
.elementor-button{
line-height: 1.7;
}
.elementor-button.elementor-size-sm {
color: #151515;
font-size: 12px;
padding: 12px 24px;
-webkit-border-radius: 0;
border-radius: 0;
margin-top: 0;
}
.view-more:hover,
#submit:hover,
.wpcf7-submit:hover,
.elementor-button.elementor-size-sm:hover {
color: #ffffff;
border: 1px solid #151515;
background: #151515;
}
.white-btn .elementor-button.elementor-size-sm,
.white-btn .elementor-button.elementor-size-sm:hover{
color: #151515;
background: #ffffff;
border:none;
} .prev-next {
margin-top: 54px;
}
.prev-next,
.page-links {
text-align: center;
font-size: 0;
}
.page-numbers,
.nav-page a {
color: #151515;
margin: 0 12px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
}
.current-page,
.page-numbers:hover,
.nav-page a:hover {
color: #d5d5d5;
}
.nav-page {
letter-spacing: 1px;
}
.page-links {
margin-top: 32px;
}
.page-links a,
.post-password-form input[type="submit"] {
font-size: 12px;
letter-spacing: 2px;
font-weight: 400;
display: inline-block;
text-transform: uppercase;
padding: 12px 24px;
color: #151515;
border: 1px solid #e0e0e0;
background: none;
margin-right: 12px;
}
.page-links a:hover,
.post-password-form input[type="submit"]:hover {
color: #ffffff;
border-color: #151515;
background: #151515;
}
.post-password-form input[type="submit"] {
vertical-align: top;
}
.error-404 {
text-align: center;
} .video-widget,
.gmaps {
position: relative;
padding: 0;
padding-bottom: 56.25%; height: 100%;
overflow: hidden;
}
.video-widget iframe,
.gmaps iframe {
position: absolute;
top: auto;
left: 0;
width: 100%;
height: 100%;
}
.scrollup {
display: none;
}
.scrollup i {
width: 30px;
height: 30px;
position: fixed;
background: #252525;
color: #ffffff;
border-radius: 50%;
bottom: 20px;
right: 20px;
text-align: center;
padding-top: 5px;
cursor: pointer;
z-index: 110;
}
.nothing-found {
margin-top: 54px;
}
.nf-text {
margin: 24px 0;
}
.alert{
background-color: #f8d7da;
border-color: #f5c6cb;
color: #721c24;
padding: 16px;
border-radius: 0;
margin-top:81px;
} .faq-title {
padding: 8px 24px;
cursor: pointer;
border: 2px solid #151515;
background: #ffffff;
margin-bottom: 24px;
font-size: 24px;
}
.faq-title:before {
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
margin-right: 8px;
}
.faq-title a {
color: #151515;
border: none;
}
.faq-title.active,
.faq-title:hover {
background: #151515;
}
.faq-title.active:before {
content: "\f106";
color: #ffffff;
}
.faq-title.active a,
.faq-title:hover a,
.faq-title:hover:before {
color: #ffffff;
}
.faq-section {
display: none;
padding: 0 24px 24px 24px;
}  .pricing-package {
padding: 32px 0;
border: 1px solid #e0e0e0;
}
.pricing-head {
text-align: center;
padding-bottom: 42px;
position: relative;
}
.pricing-head:before {
content: "";
width: 50px;
height: 1px;
background: #e5e5e5;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
}
.pricing-head h5 {
text-transform: uppercase;
font-size: 24px;
font-weight: 700;
letter-spacing: 1px;
}
.pricing-head h3 {
font-size: 18px;
line-height: 1;
}
.pricing-head h3 span {
font-size: 72px;
font-weight: 700;
vertical-align: sub;
}
.pricing-content ul {
list-style: none;
margin: 0;
text-align: center;
}
.pricing-content ul li {
padding-bottom: 16px;
}
.pricing-content ul li:last-child {
padding-bottom: 0px;
}  .owl-carousel {
cursor: grab;
}
.owl-carousel.owl-grab {
cursor: grabbing;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
position: absolute;
right: 20px;
text-align: center;
top: 50%;
z-index: 100;
width: 22px;
z-index: 20;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-theme .owl-dots .owl-dot {
margin-bottom: 20px;
display: block;
border-radius: 99em;
border: none;
}
.owl-theme .owl-dots .owl-dot span {
width: 7px;
height: 7px;
background: #ffffff;
display: block;
border-radius: 99em;
opacity: 0.8;
-webkit-backface-visibility: visible;
-webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #ffffff;
opacity: 1;
-webkit-transform: scale(1.8);
-moz-transform: scale(1.8);
-ms-transform: scale(1.8);
-o-transform: scale(1.8);
transform: scale(1.8);
}
.service-odd .col-md-6:first-child {
float: right;
} ::-webkit-input-placeholder { color: #252525;
}
:-moz-placeholder { color: #252525;
}
::-moz-placeholder { color: #252525;
}
:-ms-input-placeholder { color: #252525;
}
::-ms-input-placeholder { color: #252525;
}
:placeholder-shown { color: #252525;
} .sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
height: 44px;
line-height: 44px;
font-family: Arial, Baskerville, monospace;
}
.sl-wrapper .sl-close:focus,
.sl-wrapper .sl-navigation button:focus {
outline: 0;
}
body.hidden-scroll {
overflow: hidden;
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0.8;
display: none;
z-index: 1050;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
top: 30px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper {
z-index: 1040;
}
.sl-wrapper button {
border: 0;
background: 0 0;
font-size: 28px;
padding: 0;
cursor: pointer;
}
.sl-wrapper button:hover {
opacity: .7;
}
.sl-wrapper .sl-close {
right: 30px;
z-index: 10060;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 3rem;
}
.sl-wrapper .sl-counter {
left: 30px;
z-index: 1060;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
width: 22px;
text-align: center;
display: block;
z-index: 10060;
color: #fff;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
@media (min-width:35.5em) {
.sl-wrapper .sl-navigation button {
width: 44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
@media (min-width:50em) {
.sl-wrapper .sl-navigation button {
width: 44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10000;
}
.sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
border: 0;
width: 100%;
height: auto;
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0;
}
@media (min-width:35.5em) {
.sl-wrapper .sl-image iframe {
border: 0;
}
}
@media (min-width:50em) {
.sl-wrapper .sl-image iframe {
border: 0;
}
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, .8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 1060;
}
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.sl-transition {
transition: -moz-transform ease .2s;
transition: -ms-transform ease .2s;
transition: -o-transform ease .2s;
transition: -webkit-transform ease .2s;
transition: transform ease .2s;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-o-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-ms-keyframes pulsate {
0%,
100% {
opacity: 0;
}
0% {
transform: scale(.1);
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
}
}  .justified-gallery {
width: 100%;
position: relative;
overflow: hidden
}
.justified-gallery>a,
.justified-gallery>div {
position: absolute;
display: inline-block;
overflow: hidden;
filter: "alpha(opacity=10)";
opacity: .1
}
.justified-gallery>a>img,
.justified-gallery>div>img,
.justified-gallery>a>a>img,
.justified-gallery>div>a>img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: 0;
filter: "alpha(opacity=0)";
opacity: 0
}
.justified-gallery>a>.caption,
.justified-gallery>div>.caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000;
left: 0;
right: 0;
margin: 0;
color: #fff;
font-size: 12px;
font-weight: 300;
font-family: sans-serif
}
.justified-gallery>a>.caption.caption-visible,
.justified-gallery>div>.caption.caption-visible {
display: initial;
filter: "alpha(opacity=70)";
opacity: .7;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in
}
.justified-gallery>.entry-visible {
filter: "alpha(opacity=100)";
opacity: 1;
background: 0 0
}
.justified-gallery>.entry-visible>img,
.justified-gallery>.entry-visible>a>img {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in
}
.justified-gallery>.jg-filtered {
display: none
}
.justified-gallery>.spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0;
left: 50%;
filter: "alpha(opacity=100)";
opacity: 1;
overflow: initial
}
.justified-gallery>.spinner>span {
display: inline-block;
filter: "alpha(opacity=0)";
opacity: 0;
width: 8px;
height: 8px;
margin: 0 4px;
background-color: #000;
border-radius: 6px
}  .page-full .alignfull,
.page-full .alignwide {
margin-left: calc( -100vw / 2 + 100% / 2);
margin-right: calc( -100vw / 2 + 100% / 2);
max-width: 100vw;
}
.page-full .alignfull img,
.page-full .alignwide img {
margin-left: auto;
margin-right: auto;
}
.wp-block-latest-posts,
.wp-block-categories,
.wp-block-archives {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 24px;
}
.wp-block-categories .children{
margin-top: 8px;
}
.wp-block-latest-posts li,
.wp-block-categories li,
.wp-block-archives li  {
margin-bottom: 8px;
list-style: none;
}
.wp-block-latest-posts li a,
.wp-block-categories li a,
.wp-block-archives li a {
color: #151515;
text-decoration: none;
}
.wp-block-latest-posts li a:hover,
.wp-block-categories li a:hover,
.wp-block-archives li a:hover {
text-decoration: none;
color: #151515;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 0 42px;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 32px;
}
.wp-block-button .wp-block-button__link {
font-size: 13px;
letter-spacing: 0.15em;
font-weight: 600;
display: inline-block;
color: #ffffff;
border: 2px solid #151515;
padding: 12px 24px;
background: #151515;
cursor: pointer;
border-radius: 0;
}
.wp-block-button .wp-block-button__link:hover {
color: #151515;
border: 2px solid #151515;
background: none;
}
.wp-block-button__link:not([href]):not([tabindex]) {
color: #ffffff;
text-decoration: none;
}
.wp-block-button__link:not([href]):not([tabindex]):hover {
color: #151515;
}
.wp-block-button__link:not(.has-background):active,
.wp-block-button__link:not(.has-background):focus {
background: none;
color: #151515;
}
.wp-block-columns {
margin-left: -15px;
margin-right: -15px;
}
.wp-block-column {
padding-left: 15px;
padding-right: 15px;
}
.wp-block-pullquote {
border-top: 3px solid #151515;
border-bottom: 3px solid #151515;
color: #151515;
padding: 24px;
margin: 42px 0;
border-left: none;
}
.wp-block-pullquote blockquote{
border-left: none;
padding: 0;
margin: 24px;
}
.wp-block-pullquote blockquote:before {
display: none;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #999999;
font-size: 12px;
font-style: normal;
font-weight: 300;
text-transform: uppercase;
}
.wp-block-image,
.wp-block-gallery {
margin-bottom: 24px;
}
.wp-block-cover,
.wp-block-cover-image {
width: auto;
}
.wp-block-gallery{
margin-left: 0;
} .elementor-column-gap-default .elementor-row {
width: calc(100% + 20px);
margin-left: -10px;
margin-right: -10px;
}
.elementor-column-gap-narrow .elementor-row {
width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px;
}
.elementor-column-gap-extended .elementor-row {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.elementor-column-gap-wide .elementor-row {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
.elementor-column-gap-wider .elementor-row {
width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px;
}
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h5.elementor-heading-title {
line-height: 1.2em;
}
.elementor-widget-heading p.elementor-heading-title {
line-height: 1.7em;
}
.elementor-widget-tabs .elementor-tabs-wrapper {
text-align: center;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
display: inline;
}
.elementor-widget-tabs .elementor-tab-content {
padding: 15px;
}
.elementor-widget-tabs .elementor-tab-title:hover,
.elementor-widget-tabs .elementor-tab-title.elementor-active {
color: #fff;
background: #151515;
border-color: #151515;
}
.elementor-accordion .elementor-accordion-item,
.elementor-accordion .elementor-tab-content,
.elementor-toggle .elementor-tab-content {
border: none;
}
.elementor-accordion .elementor-tab-title,
.elementor-toggle .elementor-tab-title {
color: #151515;
font-size: 24px;
letter-spacing: 0.05em;
padding: 24px;
border: 2px solid #151515;
margin-bottom: 24px;
font-weight: 400;
}
.elementor-toggle .elementor-tab-title a{
border: none;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon,
.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
font-size: 14px;
padding-top: 8px;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left,
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left {
float: none;
}
.elementor-accordion .elementor-tab-title:hover,
.elementor-accordion .elementor-tab-title.elementor-active,
.elementor-toggle .elementor-tab-title:hover,
.elementor-toggle .elementor-tab-title.elementor-active {
color: #fff;
background: #151515;
}
.elementor-accordion .elementor-tab-title a:hover,
.elementor-toggle .elementor-tab-title a:hover{
color: #fff;
}
.elementor-accordion .elementor-tab-content,
.elementor-toggle .elementor-tab-content  {
padding: 0 16px;
margin-bottom: 24px;
}
.elementor-toggle .elementor-tab-title.elementor-active{
border-bottom: 2px solid;
}
.elementor-social-icon{
border: none;
} @media (min-width: 768px) {
.container {
max-width: 100%;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 100%;
}
}
@media (min-width: 1024px) {
.container{
max-width: 960px;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 930px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1110px;
} .portfolio-4cols .gallery-item {
width: 25%;
}
.portfolio-2cols h2,
.portfolio-1col h2 {
font-size: 48px;
}
.portfolio-2cols .gallery-item-subtitle,
.portfolio-1col .gallery-item-subtitle {
font-size: 14px;
}
.portfolio-2cols .gallery-item-img,
.portfolio-1col .gallery-item-img {
height: 600px;
}
.gallery-item-zigzag-desc h2 {
font-size: 54px;
}
.gallery-item-zigzag-desc .gallery-item-subtitle {
font-size: 14px;
letter-spacing: 3px;
} #footer-instagram .instagram-pics li {
width: 25%;
}
}
@media (min-width: 1500px) {
.container {
max-width: 1350px;
}
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1320px;
}
.page-full .alignwide {
margin-left: -75px;
margin-right: -75px;
max-width: 1500px;
}
}
@media (max-width: 1024px) { .nav-holder {
display: none;
}
.nav-button-holder {
display: block;
flex: 1 1 0;
text-align: right;
}
.search-social{
margin-left: 16px;
}
.navbar,
.inner-header-3 {
padding: 15px;
}
.nav-holder {
flex: 0 1 auto;
margin-top: 24px;
text-align: center;
margin-right: 0px;
}
#header-2 .nav-holder {
text-align: center;
}
.menu-nav li {
margin-left: 24px;
font-size: 12px;
}
.topSingleBkg {
margin-top: 24px;
}
#header-2 .logo-2 {
order: 1;
}
#header-2 .nav-button-holder {
order: 2;
}
#header-2 .search-social {
order: 3;
}
.navbar-3{
width: 100%;
}
.menu-nav-3{
margin-top: 72px;
}
.menu-nav-3 li{
font-size: 18px;
}
.menu-nav-3 ul li{
font-size: 16px;
margin-bottom: 8px;
}
.fs-gallery,
.page-fullscreen{
padding: 0 15px;
}
.order1{
order: 1;
}	
.order2{
order: 2;
}
}
@media (min-width: 980px) {
.slider-container {
margin: 0 25px;
}
.home .portfolio-zigzag {
padding: 0 10px;
}
.border-bottom-home {
position: fixed;
left: 0;
bottom: 0;
height: 25px;
width: 100%;
background: #ffffff;
z-index: 99;
}
.layout-1col-fw {
width: 768px;
margin: 0 auto;
}
.topSingleBkgImg {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.gallery-item {
width: 50%;
}
.gallery-item-img {
height: 250px;
}
.zigzag-img-holder,
.zigzag-desc-holder {
height: 400px;
}
.posts-holder-push-right {
float: none;
}
.posts-holder,
.posts-holder-push-right {
padding-left: 15px;
padding-right: 15px;
}
aside {
margin-top: 54px;
}
.fullscreen-page .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
padding-left: 25px;
padding-right: 25px;
}
.fullscreen-page .fullpage-no-padding .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 767px) {
#header-1 {
margin: 0;
}
.home2-intro {
padding-top: 70px;
}
.home2-intro .col-md-6 {
margin-top: 32px;
}
.slider-item-box-bkg {
height: 50vh;
}
.slider-caption h1 {
font-size: 36px;
}
.logo-1,
.logo-2,
.logo-3 {
width: 150px;
}
.single-post-title {
font-size: 36px;
}
.single-post-holder .single-post-title {
margin-bottom: 8px;
}
.post-subtitle {
font-size: 14px;
letter-spacing: 4px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2em;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.3em;
}
h6 {
font-size: 1.0em;
} .gallery-item,
.portfolio-4cols .gallery-item,
.portfolio-2cols .gallery-item {
width: 100%;
float: none;
padding: 10px 0;
}
.gallery-item .gallery-item-img:before {
opacity: 1;
}
.gallery-item h2,
.gallery-item .gallery-item-subtitle {
opacity: 1;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.gallery-item-img,
.portfolio-4cols .gallery-item-img,
.portfolio-2cols .gallery-item-img {
height: 250px;
}
.gallery-item-desc {
left: 0;
right: 0;
}
.portfolio-1col .gallery-item-desc {
width: 100%;
}
.zigzag-img-holder {
width: 100%;
height: 250px;
float: none;
}
.gallery-item-zigzag-right .zigzag-img-holder {
float: none;
}
.zigzag-desc-holder {
float: none;
width: 100%;
height: auto;
}
.gallery-item-zigzag-desc {
position: relative;
padding: 24px 0 42px 0;
top: 0;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.gallery-item-zigzag-desc h2 {
font-size: 32px;
} .posts-holder-push-right {
float: none;
}
.posts-holder,
.posts-holder-push-right {
padding-left: 15px;
padding-right: 15px;
}
aside {
margin-top: 54px;
}
.article-title {
font-size: 32px;
}
.blog-item-1col-list .post-image,
.blog-item-1col-list .post-holder {
width: 100%;
float: none;
}
.blog-item-1col-list .post-image {
height: 300px;
}
.blog-item-1col-list .post-holder {
padding-left: 0;
margin-top: 24px;
}
#footer-instagram {
width: 100%;
margin-top: 54px;
}
footer {
padding-top: 54px;
}
.pricing-package {
margin-bottom: 32px;
}
.service-odd .col-md-6:first-child {
float: none;
}
.sl-wrapper .sl-image .sl-caption {
bottom: auto;
background: rgba(0, 0, 0, 0);
color: #000;
} .wp-block-column {
flex-basis: 100%;
flex-grow: 1;
}
.wp-block-column:not(:last-child) {
margin-right: 0;
}
.wp-block-column:not(:first-child) {
margin-left: 0;
} .elementor-widget-tabs .elementor-tab-mobile-title,
.elementor-widget-tabs .elementor-tab-content {
padding: 10px 0;
}
.fullscreen-page .elementor-top-section > .elementor-container > .elementor-row > .elementor-column > .elementor-element-populated {
padding-left: 25px;
padding-right: 25px;
}
.fullscreen-page .fullpage-no-padding .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
padding-left: 10px;
padding-right: 10px;
} .children {
margin: 28px 0 0;
}
.children li.depth-2,
.children li.depth-3,
.children li.depth-4,
.children li.depth-5,
.children li.depth-6,
.children li.depth-7,
.children li.depth-8,
.children li.depth-9,
.children li.depth-10 {
margin: 0;
}
}
@media (max-width: 568px) {
.logo-2,
.header-4 .logo-3 {
margin-left: auto;
}
}